{"version":3,"file":"DropdownTableCell-50182ad4.js","sources":["../../../app/javascript/components/dropdown/DropdownTableCell.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"dropdownId\"\n    class=\"cursor-pointer p-1 text-gray-400\"\n    :class=\"horizontal ? 'w-8' : 'w-4'\"\n    @click=\"toggleDropdown()\"\n  >\n    <DropdownAlign :on=\"droppedDown\">\n      <template #trigger>\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          :class=\"`${horizontal ? 'rotate-90' : ''} hover:text-white ${iconSize}`\"\n          viewBox=\"0 0 20 20\"\n          fill=\"currentColor\"\n        >\n          <path d=\"M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z\" />\n        </svg>\n      </template>\n\n      <template #dropdown>\n        <DropdownAdvance\n          v-if=\"droppedDown && advance\"\n          :items=\"items\"\n          :max-text-length=\"15\"\n          :use-parent-container=\"true\"\n          dropdown-width=\"135px\"\n          custom-classes=\"right-0\"\n          custom-styles=\"margin-left: -135px\"\n          @close=\"droppedDown = false\"\n          @clicked=\"handleAdvanceAction($event)\"\n        />\n        <DropdownBase\n          v-else-if=\"droppedDown\"\n          :items=\"items\"\n          :sort-options=\"sortOptions\"\n          :custom-styles=\"customStyle ? 'margin-left: 61% !important; margin-top: -10px;' : null\"\n          @clicked=\"handleAction($event)\"\n          :use-parent-container=\"true\"\n          :sort-key=\"sortKey\"\n          :sort-order=\"sortOrder\"\n        />\n      </template>\n    </DropdownAlign>\n  </div>\n</template>\n<script>\nimport DropdownAlign from '@/components/dropdown/DropdownAlign.vue';\nimport DropdownBase from '@/components/dropdown/DropdownBase.vue';\nimport DropdownAdvance from '@/components/dropdown/DropdownAdvance.vue';\nexport default {\n  components: {\n    DropdownAlign,\n    DropdownBase,\n    DropdownAdvance\n  },\n  props: {\n    items: Array,\n    xAnchor: {\n      type: String,\n      default: 'right'\n    },\n    cellInfo: Object,\n    globalEmit: {\n      type: Boolean,\n      default: true\n    },\n    iconSize: {\n      type: String,\n      default: 'h-4'\n    },\n    horizontal: {\n      type: Boolean,\n      default: false\n    },\n    returnId: {\n      type: Boolean,\n      default: false\n    },\n    dropdownWidth: {\n      type: String,\n      default: '200px'\n    },\n    customStyle: {\n      type: Boolean,\n      default: false\n    },\n    advance: {\n      type: Boolean,\n      default: false\n    },\n    sortOptions: { type: Boolean, default: false },\n    sortKey: { type: String, default: 'text' },\n    sortOrder: { type: String, default: 'asc' }\n  },\n  data() {\n    return {\n      droppedDown: false,\n      dropdownId: `table_dropdown_${Math.random()}`\n    };\n  },\n\n  methods: {\n    close(e) {\n      const drop = document.getElementById(this.dropdownId);\n      if (drop && !drop.contains(e.target) && this.droppedDown && e.target.id !== this.dropdownId) {\n        this.droppedDown = false;\n      }\n    },\n    toggleDropdown: function () {\n      this.droppedDown = !this.droppedDown;\n    },\n    handleAction: function (id) {\n      const item = this.items.find(x => x.id == id);\n      if (this.globalEmit) {\n        this.$eventHub.$emit(item.event, this.returnId ? id : this.cellInfo);\n      } else {\n        this.$emit(item.event, this.returnId ? id : this.cellInfo);\n      }\n    },\n    handleAdvanceAction(item) {\n      if (item.event) {\n        this.$emit(item.event, item.id);\n      }\n    }\n  },\n\n  mounted() {\n    document.addEventListener('click', this.close);\n  },\n  beforeUnmount() {\n    document.removeEventListener('click', this.close);\n  }\n};\n</script>\n"],"names":["_sfc_main","DropdownAlign","DropdownBase","DropdownAdvance","e","drop","id","item","x","_createElementVNode","_hoisted_2","_createElementBlock","$data","_normalizeClass","$props","$options","_createVNode","_component_DropdownAlign","_createBlock","_component_DropdownAdvance","_cache","$event","_component_DropdownBase"],"mappings":"0qBAiDA,MAAKA,EAAU,CACb,WAAY,eACVC,EACA,aAAAC,EACA,gBAAAC,CACD,EACD,MAAO,CACL,MAAO,MACP,QAAS,CACP,KAAM,OACN,QAAS,OACV,EACD,SAAU,OACV,WAAY,CACV,KAAM,QACN,QAAS,EACV,EACD,SAAU,CACR,KAAM,OACN,QAAS,KACV,EACD,WAAY,CACV,KAAM,QACN,QAAS,EACV,EACD,SAAU,CACR,KAAM,QACN,QAAS,EACV,EACD,cAAe,CACb,KAAM,OACN,QAAS,OACV,EACD,YAAa,CACX,KAAM,QACN,QAAS,EACV,EACD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EACD,YAAa,CAAE,KAAM,QAAS,QAAS,EAAO,EAC9C,QAAS,CAAE,KAAM,OAAQ,QAAS,MAAQ,EAC1C,UAAW,CAAE,KAAM,OAAQ,QAAS,KAAM,CAC3C,EACD,MAAO,CACL,MAAO,CACL,YAAa,GACb,WAAY,kBAAkB,KAAK,OAAQ,CAAA,GAE9C,EAED,QAAS,CACP,MAAMC,EAAG,CACP,MAAMC,EAAO,SAAS,eAAe,KAAK,UAAU,EAChDA,GAAQ,CAACA,EAAK,SAASD,EAAE,MAAM,GAAK,KAAK,aAAeA,EAAE,OAAO,KAAO,KAAK,aAC/E,KAAK,YAAc,GAEtB,EACD,eAAgB,UAAY,CAC1B,KAAK,YAAc,CAAC,KAAK,WAC1B,EACD,aAAc,SAAUE,EAAI,CAC1B,MAAMC,EAAO,KAAK,MAAM,KAAKC,GAAKA,EAAE,IAAMF,CAAE,EACxC,KAAK,WACP,KAAK,UAAU,MAAMC,EAAK,MAAO,KAAK,SAAWD,EAAK,KAAK,QAAQ,EAEnE,KAAK,MAAMC,EAAK,MAAO,KAAK,SAAWD,EAAK,KAAK,QAAQ,CAE5D,EACD,oBAAoBC,EAAM,CACpBA,EAAK,OACP,KAAK,MAAMA,EAAK,MAAOA,EAAK,EAAE,CAElC,CACD,EAED,SAAU,CACR,SAAS,iBAAiB,QAAS,KAAK,KAAK,CAC9C,EACD,eAAgB,CACd,SAAS,oBAAoB,QAAS,KAAK,KAAK,CAClD,CACF,aArHUE,EAAyG,OAAA,CAAnG,EAAE,gGAA8F,KAAA,EAAA,KAAtGC,4GAdRC,EA0CM,MAAA,CAzCH,GAAIC,EAAU,WACf,MAAKC,EAAA,CAAC,mCACEC,EAAU,WAAA,MAAA,KAAA,CAAA,EACjB,uBAAOC,EAAc,eAAA,KAEtBC,EAmCgBC,EAAA,CAnCA,GAAIL,EAAW,WAAA,EAAA,CAClB,UACT,IAOM,MAPND,EAOM,MAAA,CANJ,MAAM,6BACL,MAAKE,EAAA,GAAKC,EAAU,WAAA,YAAA,EAAA,qBAAwCA,EAAQ,QAAA,EAAA,EACrE,QAAQ,YACR,KAAK,wBAME,WACT,IAUE,CATMF,EAAA,aAAeE,EAAO,aAD9BI,EAUEC,EAAA,OARC,MAAOL,EAAK,MACZ,kBAAiB,GACjB,uBAAsB,GACvB,iBAAe,QACf,iBAAe,UACf,gBAAc,sBACb,uBAAOF,EAAW,YAAA,IAClB,UAAOQ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEN,EAAmB,oBAACM,CAAM,uBAGzBT,EAAW,iBADxBM,EASEI,EAAA,OAPC,MAAOR,EAAK,MACZ,eAAcA,EAAW,YACzB,gBAAeA,EAAW,YAAA,kDAAA,KAC1B,UAAOM,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEN,EAAY,aAACM,CAAM,GAC5B,uBAAsB,GACtB,WAAUP,EAAO,QACjB,aAAYA,EAAS"}