{"version":3,"sources":["webpack:///./src/components/controls/BasicMultiSelect.vue?6315","webpack:///./src/components/controls/BasicMultiSelect.vue?fb27","webpack:///src/components/controls/BasicMultiSelect.vue","webpack:///./src/components/controls/BasicMultiSelect.vue?0078","webpack:///./src/components/controls/BasicMultiSelect.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","validator","_g","_b","ref","value","multiple","required","options","labelBy","loading","on","SearchChange","CalcDropDown","scopedSlots","_u","_l","_","slot","key","fn","scope","_t","$attrs","$listeners","_v","_e","Clear","staticRenderFns","name","inheritAttrs","data","scrollParents","mounted","element","beforeDestroy","methods","OnParentScroll","list","windowHeight","popupTopPos","popupMaxHeight","dropdown","console","offset","watch","handler","deep","props","id","type","default","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,8BAA8B,CAACE,YAAY,uCAAuCC,MAAM,CAAC,UAAYP,EAAIQ,YAAY,CAACJ,EAAG,cAAcJ,EAAIS,GAAGT,EAAIU,GAAG,CAACC,IAAI,cAAcL,YAAY,qBAAqBC,MAAM,CAAC,MAAQP,EAAIY,MAAM,mBAAmBZ,EAAIa,SAAS,SAAWb,EAAIa,SAAS,SAAWb,EAAIc,SAAS,YAAcd,EAAIc,SAAS,QAAUd,EAAIe,QAAQ,MAAQf,EAAIgB,QAAQ,QAAUhB,EAAIiB,QAAQ,QAAU,MAAMC,GAAG,CAAC,gBAAgBlB,EAAImB,aAAa,KAAOnB,EAAIoB,cAAcC,YAAYrB,EAAIsB,GAAG,CAACtB,EAAIuB,GAAIvB,EAAgB,cAAE,SAASwB,EAAEC,GAAM,MAAO,CAACC,IAAID,EAAKE,GAAG,SAASC,GAAO,MAAO,CAAC5B,EAAI6B,GAAGJ,EAAK,KAAK,KAAKG,UAAa,MAAK,IAAO,cAAc5B,EAAI8B,QAAO,GAAO9B,EAAI+B,YAAY,CAAC3B,EAAG,WAAW,CAACqB,KAAK,eAAe,CAACzB,EAAIgC,GAAG,+BAA+B5B,EAAG,WAAW,CAACqB,KAAK,YAAY,CAACzB,EAAIgC,GAAG,qBAAqB5B,EAAG,WAAW,CAACqB,KAAK,aAAa,CAACzB,EAAIgC,GAAG,8BAA8B,GAAKhC,EAAIa,WAAYb,EAAIY,OAAUZ,EAAIc,SAAsHd,EAAIiC,KAAhH7B,EAAG,OAAO,CAACE,YAAY,sBAAsBY,GAAG,CAAC,MAAQlB,EAAIkC,QAAQ,CAAC9B,EAAG,IAAI,CAACE,YAAY,mBAA4B,IAC1nC6B,EAAkB,G,wFC+CtB,IACe,GACfC,0BACAC,gBACAC,gBACA,OAAAC,mBAEAC,mBAAA,WACA,yBACA,IACA,0CAGA,wCACAC,kDAGAC,yBAAA,WACA,wCACAD,qDAGAE,SACAxB,wBAAA,gLACAyB,2BAAA,oJACA,2DADA,IAGAxB,wBAAA,kMACA,qBACA,GAAAT,sBACA,wGAIA,GAJA,EAGA,oEACA,GACAkC,eACAC,qBACAC,MACAC,KACA,IACAC,+BACA,gCACA,GACA,IACAD,oCAEA,SACAE,iBAEA,QAEA,UAEAC,MACAJ,OAGAI,WACAJ,OAGAF,sBACAA,8BACAA,gCACAA,yBACAA,+BACA,0CAvCA,IAyCAX,iBACA,cACA,uBAEA,2BAIAkB,OACAxC,OACAyC,mBACA,qBAEAC,SAEAvC,SACAsC,mBACA,qBAEAC,UAGAC,OACAC,IACAC,YACAC,mBACA,mDAGA9C,OACA8C,WACA5C,aAEAN,WACAiD,YACAC,mBACA,WAGA1C,SACAyC,YACAC,gBAEA7C,UACA4C,aACAC,YAEAzC,SACAwC,aACAC,YAEA5C,UACA2C,aACAC,YAEA3C,aC3KyW,I,wBCQrW4C,EAAY,eACd,EACA5D,EACAoC,GACA,EACA,KACA,WACA,MAIa,aAAAwB,E","file":"js/chunk-2ce0ec19.996fc5fb.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasicMultiSelect.vue?vue&type=style&index=0&id=2ac74be8&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('k-vuelidate-error-extractor',{staticClass:\"basic-multi-select position-relative\",attrs:{\"validator\":_vm.validator}},[_c('multiselect',_vm._g(_vm._b({ref:\"multiselect\",staticClass:\"vue-multiselect-ps\",attrs:{\"value\":_vm.value,\"close-on-select\":!_vm.multiple,\"multiple\":_vm.multiple,\"required\":_vm.required,\"allowEmpty\":!_vm.required,\"options\":_vm.options,\"label\":_vm.labelBy,\"loading\":_vm.loading,\"trackBy\":\"Id\"},on:{\"search-change\":_vm.SearchChange,\"open\":_vm.CalcDropDown},scopedSlots:_vm._u([_vm._l((_vm.$scopedSlots),function(_,slot){return {key:slot,fn:function(scope){return [_vm._t(slot,null,null,scope)]}}})],null,true)},'multiselect',_vm.$attrs,false),_vm.$listeners),[_c('template',{slot:\"maxElements\"},[_vm._v(\" Minden elem kiválasztva \")]),_c('template',{slot:\"noResult\"},[_vm._v(\" Nincs találat \")]),_c('template',{slot:\"noOptions\"},[_vm._v(\" Kezdjen el gépelni... \")])],2),(!_vm.multiple && _vm.value && !_vm.required)?_c('span',{staticClass:\"single-select-clear\",on:{\"click\":_vm.Clear}},[_c('i',{staticClass:\"fa fa-times\"})]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <k-vuelidate-error-extractor\r\n    :validator=\"validator\"\r\n    class=\"basic-multi-select position-relative\"\r\n  >\r\n    <multiselect\r\n      :value=\"value\"\r\n      ref=\"multiselect\"\r\n      class=\"vue-multiselect-ps\"\r\n      :close-on-select=\"!multiple\"\r\n      :multiple=\"multiple\"\r\n      :required=\"required\"\r\n      :allowEmpty=\"!required\"\r\n      :options=\"options\"\r\n      :label=\"labelBy\"\r\n      :loading=\"loading\"\r\n      trackBy=\"Id\"\r\n      v-bind=\"$attrs\"\r\n      v-on=\"$listeners\"\r\n      @search-change=\"SearchChange\"\r\n      @open=\"CalcDropDown\"\r\n    >\r\n      <template slot=\"maxElements\">\r\n        Minden elem kiválasztva\r\n      </template>\r\n      <template slot=\"noResult\">\r\n        Nincs találat\r\n      </template>\r\n      <template slot=\"noOptions\">\r\n        Kezdjen el gépelni...\r\n      </template>\r\n      <template v-for=\"(_, slot) of $scopedSlots\" v-slot:[slot]=\"scope\"\r\n        ><slot :name=\"slot\" v-bind=\"scope\"\r\n      /></template>\r\n    </multiselect>\r\n    <span\r\n      v-if=\"!multiple && value && !required\"\r\n      class=\"single-select-clear\"\r\n      @click=\"Clear\"\r\n    >\r\n      <i class=\"fa fa-times\"></i>\r\n    </span>\r\n  </k-vuelidate-error-extractor>\r\n</template>\r\n\r\n<script>\r\nimport $ from 'jquery';\r\nimport { getAllScrollParent, getScrollParent } from '../../utils/common';\r\nlet ct = 0;\r\nexport default {\r\n  name: 'basic-multi-select',\r\n  inheritAttrs: false,\r\n  data() {\r\n    return { scrollParents: [] };\r\n  },\r\n  mounted() {\r\n    const ref = this.$refs.multiselect;\r\n    if (ref) {\r\n      this.scrollParents = getAllScrollParent(ref.$el);\r\n    }\r\n\r\n    this.scrollParents.forEach(element => {\r\n      element.addEventListener('scroll', this.OnParentScroll);\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.scrollParents.forEach(element => {\r\n      element.removeEventListener('scroll', this.OnParentScroll);\r\n    });\r\n  },\r\n  methods: {\r\n    async SearchChange() {},\r\n    async OnParentScroll(e) {\r\n      this.CalcDropDown();\r\n    },\r\n    async CalcDropDown() {\r\n      await this.$nextTick();\r\n      const ref = this.$refs.multiselect;\r\n      if (!this.$el || typeof this.$el.getBoundingClientRect !== 'function') {\r\n        return;\r\n      }\r\n      const { top, height, width, left } = this.$el.getBoundingClientRect();\r\n      if (ref) {\r\n        let list = ref.$refs.list;\r\n        let windowHeight = window.innerHeight;\r\n        let popupTopPos = top + height;\r\n        let popupMaxHeight = 30;\r\n        try {\r\n          let dropdown = this.$el.getElementsByClassName(\r\n            'multiselect__content-wrapper'\r\n          )[0];\r\n          if (dropdown) {\r\n            popupMaxHeight = dropdown.getBoundingClientRect().height;\r\n          }\r\n        } catch (error) {\r\n          console.error(error);\r\n        }\r\n        if (popupTopPos + popupMaxHeight > windowHeight) {\r\n          // Nem fér ki alul\r\n          if (popupTopPos - popupMaxHeight - height > 10) {\r\n            //Elfér felül\r\n            let offset = popupMaxHeight + height;\r\n            popupTopPos = popupTopPos - offset;\r\n          } else {\r\n            //Eltolás lentről\r\n            let offset = popupTopPos + popupMaxHeight + 10 - windowHeight;\r\n            popupTopPos = popupTopPos - offset;\r\n          }\r\n        }\r\n        list.style.bottom = 'auto';\r\n        list.style.top = `${popupTopPos}px`;\r\n        list.style.width = `${width}px`;\r\n        list.style.position = 'fixed';\r\n        list.style.left = `${left}px`;\r\n      }\r\n    },\r\n    Clear() {\r\n      if (this.multiple) {\r\n        this.$emit('input', []);\r\n      } else {\r\n        this.$emit('input', null);\r\n      }\r\n    },\r\n  },\r\n  watch: {\r\n    value: {\r\n      handler() {\r\n        this.CalcDropDown();\r\n      },\r\n      deep: true,\r\n    },\r\n    options: {\r\n      handler() {\r\n        this.CalcDropDown();\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: function() {\r\n        return `Input_${+new Date()}_${ct++}`;\r\n      },\r\n    },\r\n    value: {\r\n      default: '',\r\n      required: true,\r\n    },\r\n    validator: {\r\n      type: Object,\r\n      default: function() {\r\n        return {};\r\n      },\r\n    },\r\n    labelBy: {\r\n      type: String,\r\n      default: 'text',\r\n    },\r\n    multiple: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    required: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    options: {},\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.basic-multi-select::v-deep {\r\n \r\n  .multiselect {\r\n    .multiselect__select {\r\n      height: 33px;\r\n    }\r\n    .multiselect__tags {\r\n      border-color: #ced4da;\r\n      min-height: 35px;\r\n      padding-left: 12px;\r\n\r\n      .multiselect__placeholder {\r\n        color: rgba(73, 80, 87, 0.8);\r\n        margin-bottom: 0;\r\n        padding-top: 0;\r\n      }\r\n      .multiselect__input,\r\n      .multiselect__single {\r\n        margin-bottom: 0;\r\n        min-height: 30px;\r\n        padding: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        font-size: 0.875rem;\r\n      }\r\n      .multiselect__single {\r\n        min-height: unset;\r\n        padding-right: 10px;\r\n      }\r\n      .multiselect__tag {\r\n        background: #3246d2;\r\n        margin-bottom: 0;\r\n        margin-right: 5px;\r\n        padding-top: 6px;\r\n\r\n        .multiselect__tag-icon {\r\n          line-height: 26px;\r\n\r\n          &:focus,\r\n          &:hover {\r\n            background: #3246d2;\r\n\r\n            &:after {\r\n              color: #dc3545;\r\n            }\r\n          }\r\n          &:after {\r\n            background: #3246d2;\r\n            color: #fff;\r\n            transition: color 0.3s ease-out;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .multiselect__option div {\r\n      white-space: pre-wrap;\r\n    }\r\n    .multiselect__option {\r\n      min-height: 30px;\r\n      font-size: 0.875rem;\r\n      padding: 8px 12px 6px 12px;\r\n    }\r\n    .multiselect__option--highlight {\r\n      background: #3246d2;\r\n    }\r\n    // .multiselect__option--selected:hover {\r\n    //   background: #dc3545;\r\n    // }\r\n  }\r\n  .single-select-clear {\r\n    position: absolute;\r\n    top: 6px;\r\n    cursor: pointer;\r\n    right: 44px;\r\n\r\n    i {\r\n      color: #999;\r\n      font-size: 0.875rem;\r\n      transition: color 0.3s ease-out;\r\n\r\n      &:hover {\r\n        color: #dc3545;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasicMultiSelect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasicMultiSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BasicMultiSelect.vue?vue&type=template&id=2ac74be8&scoped=true&\"\nimport script from \"./BasicMultiSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./BasicMultiSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BasicMultiSelect.vue?vue&type=style&index=0&id=2ac74be8&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2ac74be8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}