{"version":3,"sources":["webpack:///./src/components/tables/dropdown.vue","webpack:///src/components/tables/dropdown.vue","webpack:///./src/components/tables/dropdown.vue?00d2","webpack:///./src/components/tables/dropdown.vue?0836","webpack:///./src/components/tables/dropdown.vue?882e"],"names":["render","_vm","this","_c","_self","ref","dropdownRef","staticClass","class","open","isDropdownOpen","toggleRef","classNameToggle","on","$event","preventDefault","toggle","apply","arguments","_t","hasOptions","_l","options","option","key","type","attrs","domProps","_s","text","selectOption","_e","staticRenderFns","name","props","required","String","identifier","Array","toggleText","default","data","computed","length","$slots","watch","newToggleText","oldToggleText","updateTextToggle","mounted","document","addEventListener","documentClick","beforeDestroy","removeEventListener","methods","$emit","toggleEl","querySelector","innerHTML","replace","e","dropdownEl","contains","target","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAIJ,EAAIK,YAAYC,YAAY,WAAWC,MAAM,CAAEC,KAAMR,EAAIS,iBAAkB,CAACP,EAAG,MAAM,CAACE,IAAIJ,EAAIU,UAAUH,MAAMP,EAAIW,gBAAgBC,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBd,EAAIe,OAAOC,MAAM,KAAMC,cAAc,CAACjB,EAAIkB,GAAG,WAAW,GAAIlB,EAAImB,WAAYjB,EAAG,KAAK,CAACI,YAAY,kBAAkB,CAACN,EAAIoB,GAAIpB,EAAIqB,SAAS,SAASC,EAAOC,GAAK,MAAO,CAAED,GAA0B,YAAhBA,EAAOE,KAAoBtB,EAAG,KAAK,CAACqB,IAAIA,GAAK,CAACrB,EAAG,IAAI,CAACuB,MAAM,CAAC,KAAO,KAAKC,SAAS,CAAC,UAAY1B,EAAI2B,GAAGL,EAAOM,OAAOhB,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBd,EAAI6B,aAAaP,SAAcpB,EAAG,KAAK,CAACqB,IAAK,WAAUA,EAAMjB,YAAY,0BAAyBN,EAAIkB,GAAG,uBAAuB,KAAK,CAAC,aAAelB,EAAI6B,gBAAgB,GAAG7B,EAAI8B,QAE5xBC,EAAkB,GCiBP,GACfC,KAAA,WACAC,MAAA,CACAtB,gBAAA,CACAuB,UAAA,EACAV,KAAAW,QAEAC,WAAA,CACAF,UAAA,EACAV,KAAAW,QAEAd,QAAA,CACAa,UAAA,EACAV,KAAAa,OAEAC,WAAA,CACAJ,UAAA,EACAK,QAAA,GACAf,KAAAW,SAGAK,OACA,OACA/B,gBAAA,IAGAgC,SAAA,CACApC,cACA,sBAAA+B,YAEA1B,YACA,oBAAA0B,YAEAjB,aACA,YAAAE,QAAAqB,OAAA,QAAAC,QAAA,KAAAA,OAAA,0BAGAC,MAAA,CACAN,WAAAO,EAAAC,GACAD,IAAAC,GACA,KAAAC,iBAAAF,EAAAC,KAIAE,UACAC,SAAAC,iBAAA,aAAAC,gBAEAC,gBACAH,SAAAI,oBAAA,aAAAF,gBAEAG,QAAA,CACAvC,SACA,KAAAN,gBAAA,KAAAA,gBAEAoB,aAAAP,GACA,KAAAb,gBAAA,EACA,KAAA8C,MAAA,oBAAAjC,IAEAyB,iBAAAF,EAAAC,GACA,MAAAU,EAAAP,SAAAQ,cAAA,cAAA/C,eACA8C,IACAA,EAAAE,UAAAF,EAAAE,UAAAC,QAAAb,EAAAD,KAGAM,cAAAS,GACA,MAAAC,EAAAZ,SAAAQ,cAAA,cAAApD,iBACAwD,MAAAC,SAAAF,EAAAG,UACA,KAAAtD,gBAAA,MCtFgW,I,wBCQ5VuD,EAAY,eACd,EACAjE,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAiC,E,oECnBf","file":"js/chunk-056ed9ea.e6ee5b05.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:_vm.dropdownRef,staticClass:\"dropdown\",class:{ open: _vm.isDropdownOpen }},[_c('div',{ref:_vm.toggleRef,class:_vm.classNameToggle,on:{\"click\":function($event){$event.preventDefault();return _vm.toggle.apply(null, arguments)}}},[_vm._t(\"toggle\")],2),(_vm.hasOptions)?_c('ul',{staticClass:\"dropdown__menu\"},[_vm._l((_vm.options),function(option,key){return [(option && option.type !== 'divider')?_c('li',{key:key},[_c('a',{attrs:{\"href\":\"#\"},domProps:{\"innerHTML\":_vm._s(option.text)},on:{\"click\":function($event){$event.preventDefault();return _vm.selectOption(option)}}})]):_c('li',{key:`divider-${key}`,staticClass:\"dropdown__divider\"})]}),_vm._t(\"suffix-custom-action\",null,{\"selectOption\":_vm.selectOption})],2):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :ref=\"dropdownRef\" class=\"dropdown\" :class=\"{ open: isDropdownOpen }\">\n    <div :ref=\"toggleRef\" :class=\"classNameToggle\" @click.prevent=\"toggle\">\n      <slot name=\"toggle\"></slot>\n    </div>\n\n    <ul v-if=\"hasOptions\" class=\"dropdown__menu\">\n      <template v-for=\"(option, key) in options\">\n        <li v-if=\"option && option.type !== 'divider'\" :key=\"key\">\n          <a href=\"#\" @click.prevent=\"selectOption(option)\" v-html=\"option.text\"></a>\n        </li>\n        <li v-else :key=\"`divider-${key}`\" class=\"dropdown__divider\"></li>\n      </template>\n      <slot name=\"suffix-custom-action\" :selectOption=\"selectOption\"></slot>\n    </ul>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Dropdown',\n  props: {\n    classNameToggle: {\n      required: true,\n      type: String,\n    },\n    identifier: {\n      required: true,\n      type: String,\n    },\n    options: {\n      required: true,\n      type: Array,\n    },\n    toggleText: {\n      required: false,\n      default: '',\n      type: String,\n    },\n  },\n  data() {\n    return {\n      isDropdownOpen: false,\n    };\n  },\n  computed: {\n    dropdownRef() {\n      return `dropdown${this.identifier}`;\n    },\n    toggleRef() {\n      return `toggle${this.identifier}`;\n    },\n    hasOptions() {\n      return this.options.length > 0 || (this.$slots && this.$slots['suffix-custom-action']);\n    },\n  },\n  watch: {\n    toggleText(newToggleText, oldToggleText) {\n      if (newToggleText !== oldToggleText) {\n        this.updateTextToggle(newToggleText, oldToggleText);\n      }\n    },\n  },\n  mounted() {\n    document.addEventListener('click', this.documentClick);\n  },\n  beforeDestroy() {\n    document.removeEventListener('click', this.documentClick);\n  },\n  methods: {\n    toggle() {\n      this.isDropdownOpen = !this.isDropdownOpen;\n    },\n    selectOption(option) {\n      this.isDropdownOpen = false;\n      this.$emit('getSelectedOption', option);\n    },\n    updateTextToggle(newToggleText, oldToggleText) {\n      const toggleEl = document.querySelector(`[ref=\"${this.toggleRef}\"]`);\n      if (toggleEl) {\n        toggleEl.innerHTML = toggleEl.innerHTML.replace(oldToggleText, newToggleText);\n      }\n    },\n    documentClick(e) {\n      const dropdownEl = document.querySelector(`[ref=\"${this.dropdownRef}\"]`);\n      if (dropdownEl && !dropdownEl.contains(e.target)) {\n        this.isDropdownOpen = false;\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.dropdown {\n  position: relative;\n  display: inherit;\n\n  &.open {\n    .dropdown__menu {\n      display: block;\n    }\n    .button {\n      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n    }\n  }\n\n  .button {\n    line-height: 25px;\n  }\n}\n\n.dropdown__menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  float: left;\n  min-width: 160px;\n  padding: 5px 0;\n  margin: 2px 0 0;\n  font-size: 14px;\n  text-align: left;\n  list-style: none;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  border-radius: 3px;\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n  display: none;\n\n  > li > a {\n    padding: 5px 10px;\n    display: block;\n    color: #333;\n\n    &:hover {\n      text-decoration: none;\n      color: #fff;\n      background-color: #00aff0;\n    }\n\n    .fa-icon {\n      margin-right: 8px;\n      width: 22px;\n      text-align: center;\n    }\n  }\n}\n\n.dropdown__divider {\n  height: 1px;\n  margin: 7.5px 0;\n  overflow: hidden;\n  background-color: #e5e5e5;\n}\n</style>\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!./dropdown.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!./dropdown.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./dropdown.vue?vue&type=template&id=a5518370&scoped=true\"\nimport script from \"./dropdown.vue?vue&type=script&lang=js\"\nexport * from \"./dropdown.vue?vue&type=script&lang=js\"\nimport style0 from \"./dropdown.vue?vue&type=style&index=0&id=a5518370&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  \"a5518370\",\n  null\n  \n)\n\nexport default component.exports","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!./dropdown.vue?vue&type=style&index=0&id=a5518370&prod&lang=scss&scoped=true\""],"sourceRoot":""}