{"version":3,"file":"DropdownAdvance-181c79e7.js","sources":["../../../node_modules/@heroicons/vue/20/solid/esm/ArchiveBoxIcon.js","../../../node_modules/@heroicons/vue/20/solid/esm/EnvelopeOpenIcon.js","../../../node_modules/@heroicons/vue/20/solid/esm/FolderPlusIcon.js","../../../node_modules/@heroicons/vue/20/solid/esm/SpeakerWaveIcon.js","../../../node_modules/@heroicons/vue/20/solid/esm/SpeakerXMarkIcon.js","../../../node_modules/@heroicons/vue/20/solid/esm/UserGroupIcon.js","../../../node_modules/@heroicons/vue/24/outline/esm/ChatBubbleLeftRightIcon.js","../../../app/javascript/components/dropdown/DropdownAdvance.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M2 3a1 1 0 00-1 1v1a1 1 0 001 1h16a1 1 0 001-1V4a1 1 0 00-1-1H2z\" }),\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M2 7.5h16l-.811 7.71a2 2 0 01-1.99 1.79H4.802a2 2 0 01-1.99-1.79L2 7.5zM7 11a1 1 0 011-1h4a1 1 0 110 2H8a1 1 0 01-1-1z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M2.106 6.447A2 2 0 001 8.237V16a2 2 0 002 2h14a2 2 0 002-2V8.236a2 2 0 00-1.106-1.789l-7-3.5a2 2 0 00-1.788 0l-7 3.5zm1.48 4.007a.75.75 0 00-.671 1.342l5.855 2.928a2.75 2.75 0 002.46 0l5.852-2.926a.75.75 0 10-.67-1.342l-5.853 2.926a1.25 1.25 0 01-1.118 0l-5.856-2.928z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M3.75 3A1.75 1.75 0 002 4.75v10.5c0 .966.784 1.75 1.75 1.75h12.5A1.75 1.75 0 0018 15.25v-8.5A1.75 1.75 0 0016.25 5h-4.836a.25.25 0 01-.177-.073L9.823 3.513A1.75 1.75 0 008.586 3H3.75zM10 8a.75.75 0 01.75.75v1.5h1.5a.75.75 0 010 1.5h-1.5v1.5a.75.75 0 01-1.5 0v-1.5h-1.5a.75.75 0 010-1.5h1.5v-1.5A.75.75 0 0110 8z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M10 3.75a.75.75 0 00-1.264-.546L4.703 7H3.167a.75.75 0 00-.7.48A6.985 6.985 0 002 10c0 .887.165 1.737.468 2.52.111.29.39.48.7.48h1.535l4.033 3.796A.75.75 0 0010 16.25V3.75zM15.95 5.05a.75.75 0 00-1.06 1.061 5.5 5.5 0 010 7.778.75.75 0 001.06 1.06 7 7 0 000-9.899z\" }),\n    _createElementVNode(\"path\", { d: \"M13.829 7.172a.75.75 0 00-1.061 1.06 2.5 2.5 0 010 3.536.75.75 0 001.06 1.06 4 4 0 000-5.656z\" })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M9.547 3.062A.75.75 0 0110 3.75v12.5a.75.75 0 01-1.264.546L4.703 13H3.167a.75.75 0 01-.7-.48A6.985 6.985 0 012 10c0-.887.165-1.737.468-2.52a.75.75 0 01.7-.48h1.535l4.033-3.796a.75.75 0 01.811-.142zM13.28 7.22a.75.75 0 10-1.06 1.06L13.94 10l-1.72 1.72a.75.75 0 001.06 1.06L15 11.06l1.72 1.72a.75.75 0 101.06-1.06L16.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L15 8.94l-1.72-1.72z\" })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", { d: \"M10 9a3 3 0 100-6 3 3 0 000 6zM6 8a2 2 0 11-4 0 2 2 0 014 0zM1.49 15.326a.78.78 0 01-.358-.442 3 3 0 014.308-3.516 6.484 6.484 0 00-1.905 3.959c-.023.222-.014.442.025.654a4.97 4.97 0 01-2.07-.655zM16.44 15.98a4.97 4.97 0 002.07-.654.78.78 0 00.357-.442 3 3 0 00-4.308-3.517 6.484 6.484 0 011.907 3.96 2.32 2.32 0 01-.026.654zM18 8a2 2 0 11-4 0 2 2 0 014 0zM5.304 16.19a.844.844 0 01-.277-.71 5 5 0 019.947 0 .843.843 0 01-.277.71A6.975 6.975 0 0110 18a6.974 6.974 0 01-4.696-1.81z\" })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 01-.825-.242m9.345-8.334a2.126 2.126 0 00-.476-.095 48.64 48.64 0 00-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0011.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155\"\n    })\n  ]))\n}","<template>\n  <div\n    v-if=\"droppedDown\"\n    class=\"z-50 select-none overflow-hidden overflow-y-auto rounded-md border border-gray-700 bg-gray-800 text-xs text-white shadow\"\n    :id=\"dropdownId\"\n    :style=\"\n      customStyles ? customStyles : dropdownWidth ? `min-width:${dropdownWidth} !important; ${bottomStyle()}` : ''\n    \"\n    :class=\"[customClasses, maxHeight, useParentContainer ? '' : 'absolute']\"\n  >\n    <div v-for=\"(group, idx) in groupedItems\" :key=\"`group_${idx}`\">\n      <div\n        v-for=\"(row, idy) in groupedItems[idx]\"\n        :key=\"idy\"\n        @click=\"clicked(row)\"\n        :style=\"row.style\"\n        :class=\"`\n          ${row.class}\n          ${backgroundColor}\n          ${row.id == selected ? 'bg-gray-700 text-white' : 'bg-gray-800 text-gray-300'}\n          text-md flex select-none items-center px-3 py-2 text-left capitalize duration-100 hover:bg-gray-700 hover:text-white\n        `\"\n        @mouseover=\"row.childs ? (childHovered = true) : ''\"\n        @mouseleave=\"row.childs ? (childHovered = false) : ''\"\n      >\n        <input type=\"checkbox\" v-if=\"row.checked !== undefined\" :checked=\"row.checked\" />\n        <component\n          v-if=\"row.icon\"\n          :is=\"typeof iconMap[row.icon] === typeof {} ? iconMap[row.icon].c : iconMap[row.icon]\"\n          :icon=\"iconMap[row.icon]?.i\"\n          class=\"h-3 w-3 flex-shrink-0\"\n        />\n        <div class=\"flex w-full items-center justify-between\">\n          <BaseTooltip class=\"ml-2\" v-if=\"row.text.length > maxTextLength\">\n            <template #target>\n              <p class=\"truncate whitespace-nowrap\">\n                {{ truncate(row.text, maxTextLength) }}\n              </p>\n            </template>\n            <template #default>\n              {{ row.text }}\n            </template>\n          </BaseTooltip>\n          <div v-else class=\"ml-2 break-words\">{{ row.text }}</div>\n          <ChevronRightIcon v-if=\"row.childs\" class=\"h-3 w-3 text-gray-400\" />\n        </div>\n        <div v-if=\"row.childs\" class=\"text-xs font-normal leading-4\">\n          <DropdownAdvance\n            v-if=\"row.childs && childHovered\"\n            :items=\"row.childs\"\n            dropdown-width=\"8rem\"\n            :custom-classes=\"`left-full ${groupedItems[0].length == 3 ? 'top-4 mt-20' : 'top-10 mt-6'}`\"\n            max-height=\"max-h-32\"\n            :max-text-length=\"10\"\n            @close=\"droppedDown = false\"\n            @clicked=\"$emitter.$emit($event.event, $event)\"\n          />\n        </div>\n      </div>\n      <div v-if=\"idx != Object.keys(groupedItems).length - 1\" class=\"px-3\">\n        <div class=\"border-b border-gray-700\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { computed, ref, onMounted, onUnmounted } from 'vue';\nimport groupBy from 'lodash/groupBy';\nimport { truncate } from '@/composeables/filters';\nimport {\n  ChevronRightIcon,\n  FolderPlusIcon,\n  ArchiveBoxIcon,\n  ArrowLeftCircleIcon,\n  ChatBubbleLeftRightIcon as ChatBubbleLeftRightIconAlt,\n  SpeakerWaveIcon,\n  EnvelopeOpenIcon,\n  UserGroupIcon,\n  SpeakerXMarkIcon,\n  FolderIcon\n} from '@heroicons/vue/20/solid';\nimport { ChatBubbleLeftRightIcon } from '@heroicons/vue/24/outline';\nimport CustomIcons from '@/components/CustomIcons.vue';\nimport useEmitter from '@/composeables/emitter';\n\nconst iconMap = {\n  FolderPlusIcon: FolderPlusIcon,\n  ArchiveBoxIcon: ArchiveBoxIcon,\n  ArrowLeftCircleIcon: ArrowLeftCircleIcon,\n  ChatBubbleLeftRightIconAlt: ChatBubbleLeftRightIconAlt,\n  ChatBubbleLeftRightIcon: ChatBubbleLeftRightIcon,\n  SpeakerWaveIcon: SpeakerWaveIcon,\n  EnvelopeOpenIcon: EnvelopeOpenIcon,\n  IconUnarchive: { c: CustomIcons, i: 'unarchieve' },\n  IconUnpin: { c: CustomIcons, i: 'unpin' },\n  IconFilledPin: { c: CustomIcons, i: 'pin' },\n  IconUnread: { c: CustomIcons, i: 'unread' },\n  UserGroupIcon: UserGroupIcon,\n  SpeakerXMarkIcon: SpeakerXMarkIcon,\n  FolderIcon: FolderIcon,\n  IconDoubleTick: { c: CustomIcons, i: 'doubletick' }\n};\n\nconst $emitter = useEmitter();\nconst props = defineProps({\n  items: { type: Array, default: () => [] },\n  backgroundColor: { type: String, default: 'bg-gray-800' },\n  selected: { type: String },\n  maxTextLength: { type: Number, default: 10 },\n  dropdownWidth: { type: String },\n  customClasses: { type: String },\n  useParentContainer: Boolean,\n  maxHeight: { type: String, default: 'max-h-64' },\n  customStyles: { type: String }\n});\n\nconst emit = defineEmits(['close', 'clicked']);\n\nconst droppedDown = ref(true);\nconst dropdownId = ref(`dropdown_advance_${Math.random()}`);\nconst initialRender = ref(true);\nconst childHovered = ref(false);\n\nonMounted(() => {\n  document.addEventListener('click', close);\n});\n\nonUnmounted(() => {\n  document.removeEventListener('click', close);\n});\n\nconst groupedItems = computed(() => {\n  return groupBy(props.items, item => item.group);\n});\n\nfunction close(e) {\n  const drop = document.getElementById(dropdownId.value);\n\n  if (initialRender.value) {\n    initialRender.value = false;\n  } else if (drop && !drop.contains(e.target) && droppedDown.value && e.target.id !== dropdownId.value) {\n    droppedDown.value = false;\n    emit('close');\n  }\n}\n\nfunction clicked(item) {\n  emit('clicked', item);\n  emit('close');\n}\n\nfunction bottomStyle() {\n  setTimeout(() => {\n    var elem = document.getElementById(dropdownId.value);\n    if (elem) {\n      var bounding = elem.getBoundingClientRect();\n      if (bounding.bottom > (window.innerHeight || document.documentElement.clientHeight)) {\n        elem.style.bottom = 0;\n      } else {\n        return '';\n      }\n    }\n  });\n}\n</script>\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","iconMap","FolderPlusIcon","ArchiveBoxIcon","ArrowLeftCircleIcon","ChatBubbleLeftRightIconAlt","ChatBubbleLeftRightIcon","SpeakerWaveIcon","EnvelopeOpenIcon","CustomIcons","UserGroupIcon","SpeakerXMarkIcon","FolderIcon","$emitter","useEmitter","droppedDown","ref","dropdownId","initialRender","childHovered","onMounted","close","onUnmounted","groupedItems","computed","groupBy","props","item","e","drop","emit","clicked","bottomStyle","elem","bounding"],"mappings":"ueAEe,SAASA,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAoB,OAAQ,CAAE,EAAG,kEAAkE,CAAE,EACrGA,EAAoB,OAAQ,CAC1B,YAAa,UACb,EAAG,yHACH,YAAa,SACnB,CAAK,CACL,CAAG,CACH,CCde,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,YAAa,UACb,EAAG,+QACH,YAAa,SACnB,CAAK,CACL,CAAG,CACH,CCbe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,YAAa,UACb,EAAG,0TACH,YAAa,SACnB,CAAK,CACL,CAAG,CACH,CCbe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAoB,OAAQ,CAAE,EAAG,yQAAyQ,CAAE,EAC5SA,EAAoB,OAAQ,CAAE,EAAG,+FAA+F,CAAE,CACtI,CAAG,CACH,CCVe,SAASL,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAoB,OAAQ,CAAE,EAAG,sXAAsX,CAAE,CAC7Z,CAAG,CACH,CCTe,SAASL,GAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,MACnB,EAAK,CACDC,EAAoB,OAAQ,CAAE,EAAG,keAAke,CAAE,CACzgB,CAAG,CACH,CCTe,SAASL,GAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,KAAM,OACN,QAAS,YACT,eAAgB,MAChB,OAAQ,eACR,cAAe,MACnB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,iBAAkB,QAClB,kBAAmB,QACnB,EAAG,mgBACT,CAAK,CACL,CAAG,CACH,8tBCoEMC,EAAU,CACd,eAAgBC,EAChB,eAAgBC,EAChB,oBAAqBC,EACrB,2BAA4BC,EAC5B,wBAAyBC,GACzB,gBAAiBC,EACjB,iBAAkBC,EAClB,cAAe,CAAE,EAAGC,EAAa,EAAG,YAAc,EAClD,UAAW,CAAE,EAAGA,EAAa,EAAG,OAAS,EACzC,cAAe,CAAE,EAAGA,EAAa,EAAG,KAAO,EAC3C,WAAY,CAAE,EAAGA,EAAa,EAAG,QAAU,EAC3C,cAAeC,GACf,iBAAkBC,EAClB,WAAYC,EACZ,eAAgB,CAAE,EAAGH,EAAa,EAAG,YAAc,CACrD,EAEMI,EAAWC,EAAU,EAerBC,EAAcC,EAAI,EAAI,EACtBC,EAAaD,EAAI,oBAAoB,KAAK,OAAM,CAAE,EAAE,EACpDE,EAAgBF,EAAI,EAAI,EACxBG,EAAeH,EAAI,EAAK,EAE9BI,EAAU,IAAM,CACd,SAAS,iBAAiB,QAASC,CAAK,CAC1C,CAAC,EAEDC,EAAY,IAAM,CAChB,SAAS,oBAAoB,QAASD,CAAK,CAC7C,CAAC,EAED,MAAME,EAAeC,EAAS,IACrBC,EAAQC,EAAM,MAAOC,GAAQA,EAAK,KAAK,CAC/C,EAED,SAASN,EAAMO,EAAG,CAChB,MAAMC,EAAO,SAAS,eAAeZ,EAAW,KAAK,EAEjDC,EAAc,MAChBA,EAAc,MAAQ,GACbW,GAAQ,CAACA,EAAK,SAASD,EAAE,MAAM,GAAKb,EAAY,OAASa,EAAE,OAAO,KAAOX,EAAW,QAC7FF,EAAY,MAAQ,GACpBe,EAAK,OAAO,EAEhB,CAEA,SAASC,EAAQJ,EAAM,CACrBG,EAAK,UAAWH,CAAI,EACpBG,EAAK,OAAO,CACd,CAEA,SAASE,GAAc,CACrB,WAAW,IAAM,CACf,IAAIC,EAAO,SAAS,eAAehB,EAAW,KAAK,EACnD,GAAIgB,EAAM,CACR,IAAIC,EAAWD,EAAK,wBACpB,GAAIC,EAAS,QAAU,OAAO,aAAe,SAAS,gBAAgB,cACpED,EAAK,MAAM,OAAS,MAEpB,OAAO,EAEV,CACL,CAAG,CACH;;;;;","x_google_ignoreList":[0,1,2,3,4,5,6]}