@davincihealthcare/elty-design-system-vue 1.83.1 → 1.85.0

package/dist/src/ElBubbleChat.vue.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElBubbleChat.vue.esm2.js","sources":["../../src/ElBubbleChat.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elBubbleChatAppearences = ['filled', 'outlined'] as const;\nexport type ElBubbleChatAppearences = (typeof elBubbleChatAppearences)[number];\n\nexport const elBubbleChatColors = ['brand-blue', 'brand-green', 'indigo', 'purple', 'pink'] as const;\nexport type ElBubbleChatColors = (typeof elBubbleChatColors)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue';\nimport ElAvatar from './ElAvatar.vue';\nimport { DropdownItem } from './ElDropdown.vue';\nimport ElFile from './ElFile.vue';\nimport ElIcon from './ElIcon.vue';\nimport ElInputCheckbox, { ElInputCheckboxModelValues } from './forms/ElInputCheckbox.vue';\nimport { omit } from 'lodash';\nimport ElItem from './ElItem.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    appearence: ElBubbleChatAppearences;\n    color?: ElBubbleChatColors;\n    time?: string;\n    message?: string;\n    automaticMessage?: string;\n    headline?: string;\n    avatar?: Pick<InstanceType<typeof ElAvatar>['$props'], 'picture' | 'label'>;\n    file?: Pick<InstanceType<typeof ElFile>['$props'], 'name' | 'format'>;\n    picture?: string;\n    loading?: boolean;\n    error?: boolean;\n    multiSelect?: boolean;\n    selected?: boolean;\n    maxWidth?: number;\n    contextMenuItems?: DropdownItem[];\n  }>(),\n  {\n    color: 'brand-blue',\n    file: undefined,\n    picture: undefined,\n    automaticMessage: undefined,\n    time: undefined,\n    message: undefined,\n    headline: undefined,\n    avatar: undefined,\n    maxWidth: 60,\n    contextMenuItems: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'row-selection', value: ElInputCheckboxModelValues): void;\n  (event: 'open-file'): void;\n  (event: 'open-picture'): void;\n}>();\n\nconst showMenu = ref<boolean>(false);\nconst menuX = ref<number>(0);\nconst menuY = ref<number>(0);\n\nconst handleShowContextMenu = (event: MouseEvent) => {\n  showMenu.value = true;\n  menuX.value = event.pageX;\n  menuY.value = event.pageY;\n};\n\nconst contextMenuElement = ref<HTMLDivElement>();\n\nconst contextMenuSize = computed(() => {\n  if (!contextMenuElement.value)\n    return {\n      width: 0,\n      height: 0,\n    };\n\n  return {\n    width: contextMenuElement.value.clientWidth,\n    height: contextMenuElement.value.clientHeight,\n  };\n});\n\nconst deviceSize = computed(() => {\n  return { width: window.innerWidth, height: window.innerHeight };\n});\n\nconst positionX = computed(() => {\n  const totalWidth = menuX.value + contextMenuSize.value.width;\n\n  if (totalWidth > deviceSize.value.width) return menuX.value - contextMenuSize.value.width;\n\n  return menuX.value;\n});\n\nconst positionY = computed(() => {\n  const totalHeight = menuY.value + contextMenuSize.value.height;\n\n  if (totalHeight > deviceSize.value.height) return menuY.value - contextMenuSize.value.height;\n\n  return menuY.value;\n});\n\nconst bubbleMaxWidth = computed(() => {\n  let maxWidth = props.maxWidth;\n\n  if (props.maxWidth < 10) maxWidth = 10;\n  if (props.maxWidth > 100) maxWidth = 100;\n\n  if (props.appearence === 'filled' && (props.error || props.multiSelect)) return `calc(${maxWidth}% + 2.75rem)`;\n\n  if (props.avatar) return `calc(${maxWidth}% + 3.25rem)`;\n\n  return `${maxWidth}%`;\n});\n</script>\n\n<template>\n  <div\n    class=\"w-full flex\"\n    :class=\"{\n      'justify-end': appearence === 'filled',\n      'justify-start': appearence === 'outlined',\n    }\"\n  >\n    <div\n      class=\"flex flex-col gap-2 w-fit\"\n      :style=\"{\n        /* The message container width should be max 60% (default) of parent width.\n        To ensure that when the checkbox for multiselect/error/avatar are visible,\n        we add extra width (same as multiselect/error/user avatar width),\n        so the maximum width of the message container should not change */\n        'max-width': bubbleMaxWidth,\n      }\"\n    >\n      <div\n        v-if=\"automaticMessage\"\n        class=\"text-sm font-semibold text-neutral-lighter flex\"\n        :class=\"{\n          'justify-end': appearence === 'filled',\n          'justify-start': appearence === 'outlined',\n          'opacity-0 select-none': appearence === 'filled' && multiSelect && !error,\n          'mr-11': appearence === 'filled' && error,\n        }\"\n      >\n        {{ automaticMessage }}\n      </div>\n\n      <div\n        class=\"flex gap-5 items-center\"\n        :class=\"{\n          'justify-end': appearence === 'filled',\n          'justify-start': appearence === 'outlined',\n        }\"\n      >\n        <div class=\"flex flex-col gap-2 w-fit\">\n          <div class=\"flex gap-3\">\n            <ElAvatar\n              v-if=\"avatar && appearence === 'outlined'\"\n              size=\"sm\"\n              :picture=\"avatar.picture\"\n              :label=\"avatar.label\"\n              class=\"shrink-0\"\n            />\n\n            <div\n              class=\"rounded-2xl shadow-sm p-2 flex flex-col gap-1 justify-center\"\n              :class=\"{\n                'text-white': appearence === 'filled',\n                'bg-brandBlue-500': appearence === 'filled' && color === 'brand-blue',\n                'bg-brandGreen-500': appearence === 'filled' && color === 'brand-green',\n                'bg-indigo-500': appearence === 'filled' && color === 'indigo',\n                'bg-purple-500': appearence === 'filled' && color === 'purple',\n                'bg-pink-500': appearence === 'filled' && color === 'pink',\n                'bg-neutral-surface text-gray-900 border border-neutral-surface': appearence === 'outlined',\n              }\"\n              @contextmenu.prevent=\"contextMenuItems && contextMenuItems.length && handleShowContextMenu($event)\"\n            >\n              <div v-if=\"headline && appearence === 'outlined'\" class=\"text-neutral-lighter text-xs font-medium\">{{ headline }}</div>\n\n              <div v-if=\"picture\" class=\"overflow-hidden rounded-xl w-48 max-h-80 cursor-pointer\" @click=\"emit('open-picture')\">\n                <img :src=\"picture\" class=\"w-full h-full object-cover\" />\n              </div>\n\n              <ElFile\n                v-if=\"file\"\n                :variant=\"appearence === 'filled' ? 'alpha' : 'outlined'\"\n                :name=\"file.name\"\n                :format=\"file.format\"\n                class=\"cursor-pointer\"\n                @click=\"emit('open-file')\"\n              />\n\n              <div\n                v-if=\"message\"\n                class=\"flex text-sm font-normal supports-[overflow-wrap:anywhere]:[overflow-wrap:anywhere] supports-[not(overflow-wrap:anywhere)]:[word-break:break-word] whitespace-pre-wrap\"\n                :class=\"{\n                  'text-neutral-inverse': appearence === 'filled',\n                  'text-neutral-darker': appearence === 'outlined',\n                }\"\n              >\n                {{ message }}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <ElIcon\n          v-if=\"appearence === 'filled' && error\"\n          name=\"ExclamationCircleIcon\"\n          solid\n          class=\"w-6 h-6 text-error-active flex justify-start shrink-0\"\n        />\n\n        <ElInputCheckbox\n          v-if=\"appearence === 'filled' && multiSelect && !error\"\n          :model-value=\"selected\"\n          :color=\"color\"\n          class=\"shrink-0\"\n          @update:model-value=\"val => emit('row-selection', val)\"\n        />\n      </div>\n\n      <!-- Context menu -->\n      <div\n        v-if=\"contextMenuItems && contextMenuItems.length && showMenu\"\n        class=\"fixed w-screen h-screen top-0 left-0 z-40 bg-transparent cursor-default\"\n        @click=\"() => (showMenu = false)\"\n      >\n        <div\n          ref=\"contextMenuElement\"\n          class=\"z-50 absolute bg-white rounded-md shadow p-2 min-w-52\"\n          :style=\"{ top: positionY + 'px', left: positionX + 'px' }\"\n        >\n          <div class=\"flex w-full flex-col gap-1\">\n            <ElItem\n              v-for=\"(item, index) in contextMenuItems\"\n              :id=\"'option-' + index\"\n              ref=\"itemRefs\"\n              :key=\"index\"\n              class=\"self-stretch\"\n              :class=\"{\n                'cursor-pointer': !item.disabled,\n                'cursor-default': item.disabled,\n              }\"\n              role=\"option\"\n              tabindex=\"-1\"\n              v-bind=\"omit(item, 'onClick')\"\n              :disabled=\"item.disabled\"\n              :data-cy=\"`${item.text?.trim().replaceAll(' ', '').replaceAll(',', '')}-dropdown-item`\"\n              @click.prevent=\"!item.disabled && item.onClick?.()\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div\n        v-if=\"time || loading\"\n        class=\"text-xs text-neutral-lighter flex justify-end\"\n        :class=\"{\n          'opacity-0 select-none': appearence === 'filled' && (multiSelect || error),\n        }\"\n      >\n        <div v-if=\"loading && appearence === 'filled'\">Invio in corso</div>\n        <div v-else>\n          {{ time }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elBubbleChatAppearences","elBubbleChatColors","props","__props","emit","__emit","showMenu","ref","menuX","menuY","handleShowContextMenu","event","contextMenuElement","contextMenuSize","computed","deviceSize","positionX","positionY","bubbleMaxWidth","maxWidth"],"mappings":"+uBACaA,GAA0B,CAAC,SAAU,UAAU,EAG/CC,GAAqB,CAAC,aAAc,cAAe,SAAU,SAAU,MAAM,+dAc1F,MAAMC,EAAQC,EAgCRC,EAAOC,EAMPC,EAAWC,EAAa,EAAK,EAC7BC,EAAQD,EAAY,CAAC,EACrBE,EAAQF,EAAY,CAAC,EAErBG,EAAyBC,GAAsB,CACnDL,EAAS,MAAQ,GACjBE,EAAM,MAAQG,EAAM,MACpBF,EAAM,MAAQE,EAAM,KAAA,EAGhBC,EAAqBL,IAErBM,EAAkBC,EAAS,IAC1BF,EAAmB,MAMjB,CACL,MAAOA,EAAmB,MAAM,YAChC,OAAQA,EAAmB,MAAM,YAAA,EAP1B,CACL,MAAO,EACP,OAAQ,CAAA,CAOb,EAEKG,EAAaD,EAAS,KACnB,CAAE,MAAO,OAAO,WAAY,OAAQ,OAAO,aACnD,EAEKE,EAAYF,EAAS,IACNN,EAAM,MAAQK,EAAgB,MAAM,MAEtCE,EAAW,MAAM,MAAcP,EAAM,MAAQK,EAAgB,MAAM,MAE7EL,EAAM,KACd,EAEKS,EAAYH,EAAS,IACLL,EAAM,MAAQI,EAAgB,MAAM,OAEtCE,EAAW,MAAM,OAAeN,EAAM,MAAQI,EAAgB,MAAM,OAE/EJ,EAAM,KACd,EAEKS,EAAiBJ,EAAS,IAAM,CACpC,IAAIK,EAAWjB,EAAM,SAKrB,OAHIA,EAAM,SAAW,KAAeiB,EAAA,IAChCjB,EAAM,SAAW,MAAgBiB,EAAA,KAEjCjB,EAAM,aAAe,WAAaA,EAAM,OAASA,EAAM,aAAqB,QAAQiB,CAAQ,eAE5FjB,EAAM,OAAe,QAAQiB,CAAQ,eAElC,GAAGA,CAAQ,GAAA,CACnB"}
+{"version":3,"file":"ElBubbleChat.vue.esm2.js","sources":["../../src/ElBubbleChat.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elBubbleChatAppearences = ['filled', 'outlined'] as const;\nexport type ElBubbleChatAppearences = (typeof elBubbleChatAppearences)[number];\n\nexport const elBubbleChatColors = ['brand-blue', 'brand-green', 'indigo', 'purple', 'pink'] as const;\nexport type ElBubbleChatColors = (typeof elBubbleChatColors)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue';\nimport ElAvatar from './ElAvatar.vue';\nimport { DropdownItem } from './ElDropdown.vue';\nimport ElFile from './ElFile.vue';\nimport ElIcon from './ElIcon.vue';\nimport ElInputCheckbox, { ElInputCheckboxModelValues } from './forms/ElInputCheckbox.vue';\nimport { omit } from 'lodash';\nimport ElItem from './ElItem.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    appearence: ElBubbleChatAppearences;\n    color?: ElBubbleChatColors;\n    time?: string;\n    message?: string;\n    automaticMessage?: string;\n    headline?: string;\n    avatar?: Pick<InstanceType<typeof ElAvatar>['$props'], 'picture' | 'label'>;\n    file?: Pick<InstanceType<typeof ElFile>['$props'], 'name' | 'format' | 'url'>;\n    picture?: string;\n    loading?: boolean;\n    error?: boolean;\n    multiSelect?: boolean;\n    selected?: boolean;\n    maxWidth?: number;\n    contextMenuItems?: DropdownItem[];\n  }>(),\n  {\n    color: 'brand-blue',\n    file: undefined,\n    picture: undefined,\n    automaticMessage: undefined,\n    time: undefined,\n    message: undefined,\n    headline: undefined,\n    avatar: undefined,\n    maxWidth: 60,\n    contextMenuItems: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'row-selection', value: ElInputCheckboxModelValues): void;\n  (event: 'open-file', url?: string): void;\n  (event: 'open-picture'): void;\n}>();\n\nconst showMenu = ref<boolean>(false);\nconst menuX = ref<number>(0);\nconst menuY = ref<number>(0);\n\nconst handleShowContextMenu = (event: MouseEvent) => {\n  showMenu.value = true;\n  menuX.value = event.pageX;\n  menuY.value = event.pageY;\n};\n\nconst contextMenuElement = ref<HTMLDivElement>();\n\nconst contextMenuSize = computed(() => {\n  if (!contextMenuElement.value)\n    return {\n      width: 0,\n      height: 0,\n    };\n\n  return {\n    width: contextMenuElement.value.clientWidth,\n    height: contextMenuElement.value.clientHeight,\n  };\n});\n\nconst deviceSize = computed(() => {\n  return { width: window.innerWidth, height: window.innerHeight };\n});\n\nconst positionX = computed(() => {\n  const totalWidth = menuX.value + contextMenuSize.value.width;\n\n  if (totalWidth > deviceSize.value.width) return menuX.value - contextMenuSize.value.width;\n\n  return menuX.value;\n});\n\nconst positionY = computed(() => {\n  const totalHeight = menuY.value + contextMenuSize.value.height;\n\n  if (totalHeight > deviceSize.value.height) return menuY.value - contextMenuSize.value.height;\n\n  return menuY.value;\n});\n\nconst bubbleMaxWidth = computed(() => {\n  let maxWidth = props.maxWidth;\n\n  if (props.maxWidth < 10) maxWidth = 10;\n  if (props.maxWidth > 100) maxWidth = 100;\n\n  if (props.appearence === 'filled' && (props.error || props.multiSelect)) return `calc(${maxWidth}% + 2.75rem)`;\n\n  if (props.avatar) return `calc(${maxWidth}% + 3.25rem)`;\n\n  return `${maxWidth}%`;\n});\n</script>\n\n<template>\n  <div\n    class=\"w-full flex\"\n    :class=\"{\n      'justify-end': appearence === 'filled',\n      'justify-start': appearence === 'outlined',\n    }\"\n  >\n    <div\n      class=\"flex flex-col gap-2 w-fit\"\n      :style=\"{\n        /* The message container width should be max 60% (default) of parent width.\n        To ensure that when the checkbox for multiselect/error/avatar are visible,\n        we add extra width (same as multiselect/error/user avatar width),\n        so the maximum width of the message container should not change */\n        'max-width': bubbleMaxWidth,\n      }\"\n    >\n      <div\n        v-if=\"automaticMessage\"\n        class=\"text-sm font-semibold text-neutral-lighter flex\"\n        :class=\"{\n          'justify-end': appearence === 'filled',\n          'justify-start': appearence === 'outlined',\n          'opacity-0 select-none': appearence === 'filled' && multiSelect && !error,\n          'mr-11': appearence === 'filled' && error,\n        }\"\n      >\n        {{ automaticMessage }}\n      </div>\n\n      <div\n        class=\"flex gap-5 items-center\"\n        :class=\"{\n          'justify-end': appearence === 'filled',\n          'justify-start': appearence === 'outlined',\n        }\"\n      >\n        <div class=\"flex flex-col gap-2 w-fit\">\n          <div class=\"flex gap-3\">\n            <ElAvatar\n              v-if=\"avatar && appearence === 'outlined'\"\n              size=\"sm\"\n              :picture=\"avatar.picture\"\n              :label=\"avatar.label\"\n              class=\"shrink-0\"\n            />\n\n            <div\n              class=\"rounded-2xl shadow-sm p-2 flex flex-col gap-1 justify-center\"\n              :class=\"{\n                'text-white': appearence === 'filled',\n                'bg-brandBlue-500': appearence === 'filled' && color === 'brand-blue',\n                'bg-brandGreen-500': appearence === 'filled' && color === 'brand-green',\n                'bg-indigo-500': appearence === 'filled' && color === 'indigo',\n                'bg-purple-500': appearence === 'filled' && color === 'purple',\n                'bg-pink-500': appearence === 'filled' && color === 'pink',\n                'bg-neutral-surface text-gray-900 border border-neutral-surface': appearence === 'outlined',\n              }\"\n              @contextmenu.prevent=\"contextMenuItems && contextMenuItems.length && handleShowContextMenu($event)\"\n            >\n              <div v-if=\"headline && appearence === 'outlined'\" class=\"text-neutral-lighter text-xs font-medium\">{{ headline }}</div>\n\n              <div v-if=\"picture\" class=\"overflow-hidden rounded-xl w-48 max-h-80 cursor-pointer\" @click=\"emit('open-picture')\">\n                <img :src=\"picture\" class=\"w-full h-full object-cover\" />\n              </div>\n\n              <ElFile\n                v-if=\"file\"\n                :variant=\"appearence === 'filled' ? 'alpha' : 'outlined'\"\n                :name=\"file.name\"\n                :format=\"file.format\"\n                class=\"cursor-pointer\"\n                @click=\"emit('open-file', file.url)\"\n              />\n\n              <div\n                v-if=\"message\"\n                class=\"flex text-sm font-normal supports-[overflow-wrap:anywhere]:[overflow-wrap:anywhere] supports-[not(overflow-wrap:anywhere)]:[word-break:break-word] whitespace-pre-wrap\"\n                :class=\"{\n                  'text-neutral-inverse': appearence === 'filled',\n                  'text-neutral-darker': appearence === 'outlined',\n                }\"\n              >\n                {{ message }}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <ElIcon\n          v-if=\"appearence === 'filled' && error\"\n          name=\"ExclamationCircleIcon\"\n          solid\n          class=\"w-6 h-6 text-error-active flex justify-start shrink-0\"\n        />\n\n        <ElInputCheckbox\n          v-if=\"appearence === 'filled' && multiSelect && !error\"\n          :model-value=\"selected\"\n          :color=\"color\"\n          class=\"shrink-0\"\n          @update:model-value=\"val => emit('row-selection', val)\"\n        />\n      </div>\n\n      <!-- Context menu -->\n      <div\n        v-if=\"contextMenuItems && contextMenuItems.length && showMenu\"\n        class=\"fixed w-screen h-screen top-0 left-0 z-40 bg-transparent cursor-default\"\n        @click=\"() => (showMenu = false)\"\n      >\n        <div\n          ref=\"contextMenuElement\"\n          class=\"z-50 absolute bg-white rounded-md shadow p-2 min-w-52\"\n          :style=\"{ top: positionY + 'px', left: positionX + 'px' }\"\n        >\n          <div class=\"flex w-full flex-col gap-1\">\n            <ElItem\n              v-for=\"(item, index) in contextMenuItems\"\n              :id=\"'option-' + index\"\n              ref=\"itemRefs\"\n              :key=\"index\"\n              class=\"self-stretch\"\n              :class=\"{\n                'cursor-pointer': !item.disabled,\n                'cursor-default': item.disabled,\n              }\"\n              role=\"option\"\n              tabindex=\"-1\"\n              v-bind=\"omit(item, 'onClick')\"\n              :disabled=\"item.disabled\"\n              :data-cy=\"`${item.text?.trim().replaceAll(' ', '').replaceAll(',', '')}-dropdown-item`\"\n              @click.prevent=\"!item.disabled && item.onClick?.()\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div\n        v-if=\"time || loading\"\n        class=\"text-xs text-neutral-lighter flex justify-end\"\n        :class=\"{\n          'opacity-0 select-none': appearence === 'filled' && (multiSelect || error),\n        }\"\n      >\n        <div v-if=\"loading && appearence === 'filled'\">Invio in corso</div>\n        <div v-else>\n          {{ time }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elBubbleChatAppearences","elBubbleChatColors","props","__props","emit","__emit","showMenu","ref","menuX","menuY","handleShowContextMenu","event","contextMenuElement","contextMenuSize","computed","deviceSize","positionX","positionY","bubbleMaxWidth","maxWidth"],"mappings":"+uBACaA,GAA0B,CAAC,SAAU,UAAU,EAG/CC,GAAqB,CAAC,aAAc,cAAe,SAAU,SAAU,MAAM,+dAc1F,MAAMC,EAAQC,EAgCRC,EAAOC,EAMPC,EAAWC,EAAa,EAAK,EAC7BC,EAAQD,EAAY,CAAC,EACrBE,EAAQF,EAAY,CAAC,EAErBG,EAAyBC,GAAsB,CACnDL,EAAS,MAAQ,GACjBE,EAAM,MAAQG,EAAM,MACpBF,EAAM,MAAQE,EAAM,KAAA,EAGhBC,EAAqBL,IAErBM,EAAkBC,EAAS,IAC1BF,EAAmB,MAMjB,CACL,MAAOA,EAAmB,MAAM,YAChC,OAAQA,EAAmB,MAAM,YAAA,EAP1B,CACL,MAAO,EACP,OAAQ,CAAA,CAOb,EAEKG,EAAaD,EAAS,KACnB,CAAE,MAAO,OAAO,WAAY,OAAQ,OAAO,aACnD,EAEKE,EAAYF,EAAS,IACNN,EAAM,MAAQK,EAAgB,MAAM,MAEtCE,EAAW,MAAM,MAAcP,EAAM,MAAQK,EAAgB,MAAM,MAE7EL,EAAM,KACd,EAEKS,EAAYH,EAAS,IACLL,EAAM,MAAQI,EAAgB,MAAM,OAEtCE,EAAW,MAAM,OAAeN,EAAM,MAAQI,EAAgB,MAAM,OAE/EJ,EAAM,KACd,EAEKS,EAAiBJ,EAAS,IAAM,CACpC,IAAIK,EAAWjB,EAAM,SAKrB,OAHIA,EAAM,SAAW,KAAeiB,EAAA,IAChCjB,EAAM,SAAW,MAAgBiB,EAAA,KAEjCjB,EAAM,aAAe,WAAaA,EAAM,OAASA,EAAM,aAAqB,QAAQiB,CAAQ,eAE5FjB,EAAM,OAAe,QAAQiB,CAAQ,eAElC,GAAGA,CAAQ,GAAA,CACnB"}

package/dist/src/ElCarousel.vue.cjs2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("../node_modules/swiper/modules/keyboard.cjs.js"),f=require("../node_modules/swiper/modules/navigation.cjs.js"),p=require("../node_modules/swiper/modules/pagination.cjs.js"),n=require("../node_modules/swiper/swiper-vue.cjs.js");;/* empty css               */require("./polyfills.cjs.js");require("vee-validate");require("../node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.cjs.js");require("../node_modules/lodash/lodash.cjs.js");require("./tailwind.plugin.cjs.js");require("../node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.cjs.js");const g=require("./ElButton.vue.cjs2.js");require("./forms/ElInputText.vue.cjs2.js");const o=require("./utils.cjs.js"),u=require("./ElIconButton.vue.cjs2.js");require("./forms/ElInputCheckbox.vue.cjs2.js");require("./forms/ElInputDate.vue.cjs2.js");require("./forms/ElInputFile.vue.cjs2.js");require("./forms/ElInputMeasureUnit.vue.cjs2.js");require("./forms/ElInputNumber.vue.cjs2.js");require("./forms/ElInputPhone.vue.cjs2.js");require("./forms/ElInputSelect.vue.cjs2.js");require("./forms/ElInputTextarea.vue.cjs2.js");require("./ElToast.vue.cjs2.js");require("./forms/ElInputRadioButton.vue.cjs2.js");require("./forms/ElInputSearch.vue.cjs2.js");const v={key:0,class:"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl"},w={class:"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl"},b={class:"py-2 md:py-3 lg:py-4"},x={key:0,class:"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between"},q={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},y={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},z=["sm","md","lg"],h=e.defineComponent({__name:"ElCarousel",props:{size:{},slides:{},opacity:{type:Boolean}},setup(k){const a=o.useMatchDevice(),d=e.computed(()=>{switch(a.value){case o.Device.Desktop:return"xl";case o.Device.Tablet:return"l";default:return"sm"}}),i=e.ref(),c=e.ref([f.default,p.default,m.default]);return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["w-full relative",{"max-w-2xl":t.size==="md","max-w-7xl":t.size==="lg"}])},[e.createVNode(e.unref(n.Swiper),{"space-between":30,"slides-per-view":1,keyboard:{enabled:!0},pagination:{clickable:!0},loop:!0,navigation:!0,modules:c.value,class:"",onSwiper:s[0]||(s[0]=l=>i.value=l)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.slides,(l,r)=>(e.openBlock(),e.createBlock(e.unref(n.SwiperSlide),{key:r},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24",{"justify-end items-end h-auto":t.size==="sm","h-96":t.size==="md","h-auto":t.size==="lg"}]),style:e.normalizeStyle({backgroundImage:"url("+l.picture+")"})},[t.opacity?(e.openBlock(),e.createElementBlock("div",v)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl",{"w-full":t.size==="sm","max-w-80":t.size==="md","max-w-96":t.size==="lg"}])},[e.createElementVNode("h1",w,e.toDisplayString(l.title),1),e.createElementVNode("p",{class:e.normalizeClass(["text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96",{"w-full":t.size==="sm","w-80 max-w-80":t.size==="md","w-96 max-w-96":t.size==="lg"}])},e.toDisplayString(l.description),3),e.createElementVNode("div",b,[e.createVNode(e.unref(g.default),e.mergeProps({ref_for:!0},l.button,{size:d.value}),null,16,["size"])])],2)],6)]),_:2},1024))),128))]),_:1},8,["modules"]),t.slides.length>1?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("div",q,[e.createVNode(e.unref(u.default),{icon:{name:"ArrowSmallLeftIcon"},onClick:s[1]||(s[1]=l=>{var r;return(r=i.value)==null?void 0:r.slidePrev()})})]),e.createElementVNode("div",y,[e.createVNode(e.unref(u.default),{icon:{name:"ArrowSmallRightIcon"},onClick:s[2]||(s[2]=l=>{var r;return(r=i.value)==null?void 0:r.slideNext()})})])])):e.createCommentVNode("",!0)],2))}});exports.default=h;exports.elCarouselSizes=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("../node_modules/swiper/modules/keyboard.cjs.js"),f=require("../node_modules/swiper/modules/navigation.cjs.js"),p=require("../node_modules/swiper/modules/pagination.cjs.js"),n=require("../node_modules/swiper/swiper-vue.cjs.js");;/* empty css               */require("./polyfills.cjs.js");require("vee-validate");require("../node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.cjs.js");require("../node_modules/lodash/lodash.cjs.js");require("./tailwind.plugin.cjs.js");require("../node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.cjs.js");const g=require("./ElButton.vue.cjs2.js");require("./forms/ElInputSelect.vue.cjs2.js");require("./forms/ElInputText.vue.cjs2.js");const o=require("./utils.cjs.js"),u=require("./ElIconButton.vue.cjs2.js");require("./forms/ElInputCheckbox.vue.cjs2.js");require("./forms/ElInputDate.vue.cjs2.js");require("./forms/ElInputFile.vue.cjs2.js");require("./forms/ElInputMeasureUnit.vue.cjs2.js");require("./forms/ElInputNumber.vue.cjs2.js");require("./forms/ElInputPhone.vue.cjs2.js");require("./forms/ElInputTextarea.vue.cjs2.js");require("./ElToast.vue.cjs2.js");require("./forms/ElInputRadioButton.vue.cjs2.js");require("./forms/ElInputSearch.vue.cjs2.js");const v={key:0,class:"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl"},w={class:"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl"},b={class:"py-2 md:py-3 lg:py-4"},x={key:0,class:"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between"},q={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},y={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},z=["sm","md","lg"],h=e.defineComponent({__name:"ElCarousel",props:{size:{},slides:{},opacity:{type:Boolean}},setup(k){const a=o.useMatchDevice(),d=e.computed(()=>{switch(a.value){case o.Device.Desktop:return"xl";case o.Device.Tablet:return"l";default:return"sm"}}),i=e.ref(),c=e.ref([f.default,p.default,m.default]);return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["w-full relative",{"max-w-2xl":t.size==="md","max-w-7xl":t.size==="lg"}])},[e.createVNode(e.unref(n.Swiper),{"space-between":30,"slides-per-view":1,keyboard:{enabled:!0},pagination:{clickable:!0},loop:!0,navigation:!0,modules:c.value,class:"",onSwiper:s[0]||(s[0]=l=>i.value=l)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.slides,(l,r)=>(e.openBlock(),e.createBlock(e.unref(n.SwiperSlide),{key:r},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24",{"justify-end items-end h-auto":t.size==="sm","h-96":t.size==="md","h-auto":t.size==="lg"}]),style:e.normalizeStyle({backgroundImage:"url("+l.picture+")"})},[t.opacity?(e.openBlock(),e.createElementBlock("div",v)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl",{"w-full":t.size==="sm","max-w-80":t.size==="md","max-w-96":t.size==="lg"}])},[e.createElementVNode("h1",w,e.toDisplayString(l.title),1),e.createElementVNode("p",{class:e.normalizeClass(["text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96",{"w-full":t.size==="sm","w-80 max-w-80":t.size==="md","w-96 max-w-96":t.size==="lg"}])},e.toDisplayString(l.description),3),e.createElementVNode("div",b,[e.createVNode(e.unref(g.default),e.mergeProps({ref_for:!0},l.button,{size:d.value}),null,16,["size"])])],2)],6)]),_:2},1024))),128))]),_:1},8,["modules"]),t.slides.length>1?(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("div",q,[e.createVNode(e.unref(u.default),{icon:{name:"ArrowSmallLeftIcon"},onClick:s[1]||(s[1]=l=>{var r;return(r=i.value)==null?void 0:r.slidePrev()})})]),e.createElementVNode("div",y,[e.createVNode(e.unref(u.default),{icon:{name:"ArrowSmallRightIcon"},onClick:s[2]||(s[2]=l=>{var r;return(r=i.value)==null?void 0:r.slideNext()})})])])):e.createCommentVNode("",!0)],2))}});exports.default=h;exports.elCarouselSizes=z;
 //# sourceMappingURL=ElCarousel.vue.cjs2.js.map

package/dist/src/ElCarousel.vue.esm2.js

@@ -1,2 +1,2 @@
-import{defineComponent as y,computed as h,ref as p,openBlock as s,createElementBlock as m,normalizeClass as n,createVNode as a,unref as r,withCtx as u,Fragment as z,renderList as k,createBlock as S,createElementVNode as l,normalizeStyle as C,createCommentVNode as f,toDisplayString as c,mergeProps as _}from"vue";import j from"../node_modules/swiper/modules/keyboard.esm.js";import N from"../node_modules/swiper/modules/navigation.esm.js";import B from"../node_modules/swiper/modules/pagination.esm.js";import{Swiper as D,SwiperSlide as I}from"../node_modules/swiper/swiper-vue.esm.js";/* empty css             */import"./polyfills.esm.js";import"vee-validate";import"../node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.esm.js";import"../node_modules/lodash/lodash.esm.js";import"./tailwind.plugin.esm.js";import"../node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.esm.js";import $ from"./ElButton.vue.esm2.js";import"./forms/ElInputText.vue.esm2.js";import{useMatchDevice as E,Device as w}from"./utils.esm.js";import g from"./ElIconButton.vue.esm2.js";import"./forms/ElInputCheckbox.vue.esm2.js";import"./forms/ElInputDate.vue.esm2.js";import"./forms/ElInputFile.vue.esm2.js";import"./forms/ElInputMeasureUnit.vue.esm2.js";import"./forms/ElInputNumber.vue.esm2.js";import"./forms/ElInputPhone.vue.esm2.js";import"./forms/ElInputSelect.vue.esm2.js";import"./forms/ElInputTextarea.vue.esm2.js";import"./ElToast.vue.esm2.js";import"./forms/ElInputRadioButton.vue.esm2.js";import"./forms/ElInputSearch.vue.esm2.js";const P={key:0,class:"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl"},V={class:"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl"},A={class:"py-2 md:py-3 lg:py-4"},L={key:0,class:"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between"},F={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},K={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},ce=["sm","md","lg"],we=y({__name:"ElCarousel",props:{size:{},slides:{},opacity:{type:Boolean}},setup(M){const v=E(),x=h(()=>{switch(v.value){case w.Desktop:return"xl";case w.Tablet:return"l";default:return"sm"}}),d=p(),b=p([N,B,j]);return(e,i)=>(s(),m("div",{class:n(["w-full relative",{"max-w-2xl":e.size==="md","max-w-7xl":e.size==="lg"}])},[a(r(D),{"space-between":30,"slides-per-view":1,keyboard:{enabled:!0},pagination:{clickable:!0},loop:!0,navigation:!0,modules:b.value,class:"",onSwiper:i[0]||(i[0]=t=>d.value=t)},{default:u(()=>[(s(!0),m(z,null,k(e.slides,(t,o)=>(s(),S(r(I),{key:o},{default:u(()=>[l("div",{class:n(["flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24",{"justify-end items-end h-auto":e.size==="sm","h-96":e.size==="md","h-auto":e.size==="lg"}]),style:C({backgroundImage:"url("+t.picture+")"})},[e.opacity?(s(),m("div",P)):f("",!0),l("div",{class:n(["z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl",{"w-full":e.size==="sm","max-w-80":e.size==="md","max-w-96":e.size==="lg"}])},[l("h1",V,c(t.title),1),l("p",{class:n(["text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96",{"w-full":e.size==="sm","w-80 max-w-80":e.size==="md","w-96 max-w-96":e.size==="lg"}])},c(t.description),3),l("div",A,[a(r($),_({ref_for:!0},t.button,{size:x.value}),null,16,["size"])])],2)],6)]),_:2},1024))),128))]),_:1},8,["modules"]),e.slides.length>1?(s(),m("div",L,[l("div",F,[a(r(g),{icon:{name:"ArrowSmallLeftIcon"},onClick:i[1]||(i[1]=t=>{var o;return(o=d.value)==null?void 0:o.slidePrev()})})]),l("div",K,[a(r(g),{icon:{name:"ArrowSmallRightIcon"},onClick:i[2]||(i[2]=t=>{var o;return(o=d.value)==null?void 0:o.slideNext()})})])])):f("",!0)],2))}});export{we as default,ce as elCarouselSizes};
+import{defineComponent as y,computed as h,ref as p,openBlock as s,createElementBlock as m,normalizeClass as n,createVNode as a,unref as r,withCtx as u,Fragment as z,renderList as k,createBlock as S,createElementVNode as l,normalizeStyle as C,createCommentVNode as f,toDisplayString as c,mergeProps as _}from"vue";import j from"../node_modules/swiper/modules/keyboard.esm.js";import N from"../node_modules/swiper/modules/navigation.esm.js";import B from"../node_modules/swiper/modules/pagination.esm.js";import{Swiper as D,SwiperSlide as I}from"../node_modules/swiper/swiper-vue.esm.js";/* empty css             */import"./polyfills.esm.js";import"vee-validate";import"../node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.esm.js";import"../node_modules/lodash/lodash.esm.js";import"./tailwind.plugin.esm.js";import"../node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.esm.js";import $ from"./ElButton.vue.esm2.js";import"./forms/ElInputSelect.vue.esm2.js";import"./forms/ElInputText.vue.esm2.js";import{useMatchDevice as E,Device as w}from"./utils.esm.js";import g from"./ElIconButton.vue.esm2.js";import"./forms/ElInputCheckbox.vue.esm2.js";import"./forms/ElInputDate.vue.esm2.js";import"./forms/ElInputFile.vue.esm2.js";import"./forms/ElInputMeasureUnit.vue.esm2.js";import"./forms/ElInputNumber.vue.esm2.js";import"./forms/ElInputPhone.vue.esm2.js";import"./forms/ElInputTextarea.vue.esm2.js";import"./ElToast.vue.esm2.js";import"./forms/ElInputRadioButton.vue.esm2.js";import"./forms/ElInputSearch.vue.esm2.js";const P={key:0,class:"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl"},V={class:"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl"},A={class:"py-2 md:py-3 lg:py-4"},L={key:0,class:"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between"},F={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},K={class:"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden"},ce=["sm","md","lg"],we=y({__name:"ElCarousel",props:{size:{},slides:{},opacity:{type:Boolean}},setup(M){const v=E(),x=h(()=>{switch(v.value){case w.Desktop:return"xl";case w.Tablet:return"l";default:return"sm"}}),d=p(),b=p([N,B,j]);return(e,i)=>(s(),m("div",{class:n(["w-full relative",{"max-w-2xl":e.size==="md","max-w-7xl":e.size==="lg"}])},[a(r(D),{"space-between":30,"slides-per-view":1,keyboard:{enabled:!0},pagination:{clickable:!0},loop:!0,navigation:!0,modules:b.value,class:"",onSwiper:i[0]||(i[0]=t=>d.value=t)},{default:u(()=>[(s(!0),m(z,null,k(e.slides,(t,o)=>(s(),S(r(I),{key:o},{default:u(()=>[l("div",{class:n(["flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24",{"justify-end items-end h-auto":e.size==="sm","h-96":e.size==="md","h-auto":e.size==="lg"}]),style:C({backgroundImage:"url("+t.picture+")"})},[e.opacity?(s(),m("div",P)):f("",!0),l("div",{class:n(["z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl",{"w-full":e.size==="sm","max-w-80":e.size==="md","max-w-96":e.size==="lg"}])},[l("h1",V,c(t.title),1),l("p",{class:n(["text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96",{"w-full":e.size==="sm","w-80 max-w-80":e.size==="md","w-96 max-w-96":e.size==="lg"}])},c(t.description),3),l("div",A,[a(r($),_({ref_for:!0},t.button,{size:x.value}),null,16,["size"])])],2)],6)]),_:2},1024))),128))]),_:1},8,["modules"]),e.slides.length>1?(s(),m("div",L,[l("div",F,[a(r(g),{icon:{name:"ArrowSmallLeftIcon"},onClick:i[1]||(i[1]=t=>{var o;return(o=d.value)==null?void 0:o.slidePrev()})})]),l("div",K,[a(r(g),{icon:{name:"ArrowSmallRightIcon"},onClick:i[2]||(i[2]=t=>{var o;return(o=d.value)==null?void 0:o.slideNext()})})])])):f("",!0)],2))}});export{we as default,ce as elCarouselSizes};
 //# sourceMappingURL=ElCarousel.vue.esm2.js.map

package/dist/src/ElFile.vue.cjs2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./ElIcon.vue.cjs2.js"),o=require("./ElIconButton.vue.cjs2.js"),i={class:"overflow-hidden font-medium text-ellipsis"},s={key:0,class:"font-normal overflow-hidden text-ellipsis"},d=["primary","alpha","outlined"],u=e.defineComponent({__name:"ElFile",props:{variant:{},name:{},format:{},disabled:{type:Boolean}},emits:["close"],setup(m,{emit:n}){const t=n;return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["p-2 inline-flex gap-2 items-center min-w-36 max-w-full",{"bg-neutral-surface text-neutral-darker border-neutral-surface rounded border":r.variant==="primary","bg-alpha-500 text-neutral-inverse rounded-lg":r.variant==="alpha","bg-neutral-surface text-neutral-darker border-neutral-surface rounded-lg border":r.variant==="outlined"}])},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-center rounded flex-shrink-0",{"bg-alpha-300 h-9 w-9 rounded":r.variant==="alpha","h-9 w-9 border-neutral-surface rounded border":r.variant==="outlined"}])},[e.createVNode(l.default,{name:r.variant==="primary"?"DocumentArrowUpIcon":"DocumentTextIcon",class:"w-5 h-5"},null,8,["name"])],2),e.createElementVNode("div",{class:e.normalizeClass(["text-xs grow flex flex-col gap-1 flex-nowrap overflow-hidden whitespace-nowrap",{"max-w-72":r.variant!=="primary"}])},[e.createElementVNode("span",i,e.toDisplayString(r.name),1),r.format&&r.variant!="primary"?(e.openBlock(),e.createElementBlock("span",s,e.toDisplayString(r.format),1)):e.createCommentVNode("",!0)],2),r.variant==="primary"?(e.openBlock(),e.createBlock(o.default,{key:0,class:"flex-shrink-0",size:"xs",icon:{name:"XMarkIcon"},disabled:r.disabled,onClick:a[0]||(a[0]=c=>t("close"))},null,8,["disabled"])):e.createCommentVNode("",!0)],2))}});exports.default=u;exports.elFileVariants=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./ElIcon.vue.cjs2.js"),o=require("./ElIconButton.vue.cjs2.js"),i={class:"overflow-hidden font-medium text-ellipsis"},s={key:0,class:"font-normal overflow-hidden text-ellipsis"},u=["primary","alpha","outlined"],d=e.defineComponent({__name:"ElFile",props:{variant:{},name:{},format:{},disabled:{type:Boolean},url:{}},emits:["close"],setup(m,{emit:n}){const t=n;return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["p-2 inline-flex gap-2 items-center min-w-36 max-w-full",{"bg-neutral-surface text-neutral-darker border-neutral-surface rounded border":r.variant==="primary","bg-alpha-500 text-neutral-inverse rounded-lg":r.variant==="alpha","bg-neutral-surface text-neutral-darker border-neutral-surface rounded-lg border":r.variant==="outlined"}])},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-center rounded flex-shrink-0",{"bg-alpha-300 h-9 w-9 rounded":r.variant==="alpha","h-9 w-9 border-neutral-surface rounded border":r.variant==="outlined"}])},[e.createVNode(l.default,{name:r.variant==="primary"?"DocumentArrowUpIcon":"DocumentTextIcon",class:"w-5 h-5"},null,8,["name"])],2),e.createElementVNode("div",{class:e.normalizeClass(["text-xs grow flex flex-col gap-1 flex-nowrap overflow-hidden whitespace-nowrap",{"max-w-72":r.variant!=="primary"}])},[e.createElementVNode("span",i,e.toDisplayString(r.name),1),r.format&&r.variant!="primary"?(e.openBlock(),e.createElementBlock("span",s,e.toDisplayString(r.format),1)):e.createCommentVNode("",!0)],2),r.variant==="primary"?(e.openBlock(),e.createBlock(o.default,{key:0,class:"flex-shrink-0",size:"xs",icon:{name:"XMarkIcon"},disabled:r.disabled,onClick:a[0]||(a[0]=c=>t("close"))},null,8,["disabled"])):e.createCommentVNode("",!0)],2))}});exports.default=d;exports.elFileVariants=u;
 //# sourceMappingURL=ElFile.vue.cjs2.js.map

package/dist/src/ElFile.vue.cjs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElFile.vue.cjs2.js","sources":["../../src/ElFile.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elFileVariants = ['primary', 'alpha', 'outlined'] as const;\nexport type ElFileVariant = (typeof elFileVariants)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport ElIcon from '@/ElIcon.vue';\nimport ElIconButton from '@/ElIconButton.vue';\n\ndefineProps<{\n  variant: ElFileVariant;\n  name: string;\n  format?: string;\n  disabled?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (event: 'close'): void;\n}>();\n</script>\n<template>\n  <div\n    class=\"p-2 inline-flex gap-2 items-center min-w-36 max-w-full\"\n    :class=\"{\n      'bg-neutral-surface text-neutral-darker border-neutral-surface rounded border': variant === 'primary',\n      'bg-alpha-500 text-neutral-inverse rounded-lg': variant === 'alpha',\n      'bg-neutral-surface text-neutral-darker border-neutral-surface rounded-lg border': variant === 'outlined',\n    }\"\n  >\n    <!-- Icon -->\n    <div\n      class=\"flex items-center justify-center rounded flex-shrink-0\"\n      :class=\"{\n        'bg-alpha-300 h-9 w-9 rounded': variant === 'alpha',\n        'h-9 w-9 border-neutral-surface rounded border': variant === 'outlined',\n      }\"\n    >\n      <ElIcon :name=\"variant === 'primary' ? 'DocumentArrowUpIcon' : 'DocumentTextIcon'\" class=\"w-5 h-5\" />\n    </div>\n\n    <!-- File -->\n    <div\n      class=\"text-xs grow flex flex-col gap-1 flex-nowrap overflow-hidden whitespace-nowrap\"\n      :class=\"{\n        'max-w-72': variant !== 'primary',\n      }\"\n    >\n      <span class=\"overflow-hidden font-medium text-ellipsis\">{{ name }}</span>\n      <span v-if=\"format && variant != 'primary'\" class=\"font-normal overflow-hidden text-ellipsis\">{{ format }}</span>\n    </div>\n\n    <!-- Action Button -->\n    <ElIconButton\n      v-if=\"variant === 'primary'\"\n      class=\"flex-shrink-0\"\n      size=\"xs\"\n      :icon=\"{\n        name: 'XMarkIcon',\n      }\"\n      :disabled=\"disabled\"\n      @click=\"emit('close')\"\n    />\n  </div>\n</template>\n"],"names":["elFileVariants","emit","__emit"],"mappings":"+TACaA,EAAiB,CAAC,UAAW,QAAS,UAAU,sIAe7D,MAAMC,EAAOC"}
+{"version":3,"file":"ElFile.vue.cjs2.js","sources":["../../src/ElFile.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elFileVariants = ['primary', 'alpha', 'outlined'] as const;\nexport type ElFileVariant = (typeof elFileVariants)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport ElIcon from '@/ElIcon.vue';\nimport ElIconButton from '@/ElIconButton.vue';\n\ndefineProps<{\n  variant: ElFileVariant;\n  name: string;\n  format?: string;\n  disabled?: boolean;\n  url?: string;\n}>();\n\nconst emit = defineEmits<{\n  (event: 'close'): void;\n}>();\n</script>\n<template>\n  <div\n    class=\"p-2 inline-flex gap-2 items-center min-w-36 max-w-full\"\n    :class=\"{\n      'bg-neutral-surface text-neutral-darker border-neutral-surface rounded border': variant === 'primary',\n      'bg-alpha-500 text-neutral-inverse rounded-lg': variant === 'alpha',\n      'bg-neutral-surface text-neutral-darker border-neutral-surface rounded-lg border': variant === 'outlined',\n    }\"\n  >\n    <!-- Icon -->\n    <div\n      class=\"flex items-center justify-center rounded flex-shrink-0\"\n      :class=\"{\n        'bg-alpha-300 h-9 w-9 rounded': variant === 'alpha',\n        'h-9 w-9 border-neutral-surface rounded border': variant === 'outlined',\n      }\"\n    >\n      <ElIcon :name=\"variant === 'primary' ? 'DocumentArrowUpIcon' : 'DocumentTextIcon'\" class=\"w-5 h-5\" />\n    </div>\n\n    <!-- File -->\n    <div\n      class=\"text-xs grow flex flex-col gap-1 flex-nowrap overflow-hidden whitespace-nowrap\"\n      :class=\"{\n        'max-w-72': variant !== 'primary',\n      }\"\n    >\n      <span class=\"overflow-hidden font-medium text-ellipsis\">{{ name }}</span>\n      <span v-if=\"format && variant != 'primary'\" class=\"font-normal overflow-hidden text-ellipsis\">{{ format }}</span>\n    </div>\n\n    <!-- Action Button -->\n    <ElIconButton\n      v-if=\"variant === 'primary'\"\n      class=\"flex-shrink-0\"\n      size=\"xs\"\n      :icon=\"{\n        name: 'XMarkIcon',\n      }\"\n      :disabled=\"disabled\"\n      @click=\"emit('close')\"\n    />\n  </div>\n</template>\n"],"names":["elFileVariants","emit","__emit"],"mappings":"+TACaA,EAAiB,CAAC,UAAW,QAAS,UAAU,6IAgB7D,MAAMC,EAAOC"}

package/dist/src/ElFile.vue.esm2.js

@@ -1,2 +1,2 @@
-import{defineComponent as m,openBlock as r,createElementBlock as t,normalizeClass as a,createElementVNode as n,createVNode as p,toDisplayString as l,createCommentVNode as i,createBlock as u}from"vue";import f from"./ElIcon.vue.esm2.js";import c from"./ElIconButton.vue.esm2.js";const v={class:"overflow-hidden font-medium text-ellipsis"},h={key:0,class:"font-normal overflow-hidden text-ellipsis"},x=["primary","alpha","outlined"],B=m({__name:"ElFile",props:{variant:{},name:{},format:{},disabled:{type:Boolean}},emits:["close"],setup(b,{emit:s}){const d=s;return(e,o)=>(r(),t("div",{class:a(["p-2 inline-flex gap-2 items-center min-w-36 max-w-full",{"bg-neutral-surface text-neutral-darker border-neutral-surface rounded border":e.variant==="primary","bg-alpha-500 text-neutral-inverse rounded-lg":e.variant==="alpha","bg-neutral-surface text-neutral-darker border-neutral-surface rounded-lg border":e.variant==="outlined"}])},[n("div",{class:a(["flex items-center justify-center rounded flex-shrink-0",{"bg-alpha-300 h-9 w-9 rounded":e.variant==="alpha","h-9 w-9 border-neutral-surface rounded border":e.variant==="outlined"}])},[p(f,{name:e.variant==="primary"?"DocumentArrowUpIcon":"DocumentTextIcon",class:"w-5 h-5"},null,8,["name"])],2),n("div",{class:a(["text-xs grow flex flex-col gap-1 flex-nowrap overflow-hidden whitespace-nowrap",{"max-w-72":e.variant!=="primary"}])},[n("span",v,l(e.name),1),e.format&&e.variant!="primary"?(r(),t("span",h,l(e.format),1)):i("",!0)],2),e.variant==="primary"?(r(),u(c,{key:0,class:"flex-shrink-0",size:"xs",icon:{name:"XMarkIcon"},disabled:e.disabled,onClick:o[0]||(o[0]=w=>d("close"))},null,8,["disabled"])):i("",!0)],2))}});export{B as default,x as elFileVariants};
+import{defineComponent as m,openBlock as r,createElementBlock as l,normalizeClass as a,createElementVNode as n,createVNode as u,toDisplayString as t,createCommentVNode as i,createBlock as p}from"vue";import f from"./ElIcon.vue.esm2.js";import c from"./ElIconButton.vue.esm2.js";const v={class:"overflow-hidden font-medium text-ellipsis"},h={key:0,class:"font-normal overflow-hidden text-ellipsis"},x=["primary","alpha","outlined"],B=m({__name:"ElFile",props:{variant:{},name:{},format:{},disabled:{type:Boolean},url:{}},emits:["close"],setup(b,{emit:s}){const d=s;return(e,o)=>(r(),l("div",{class:a(["p-2 inline-flex gap-2 items-center min-w-36 max-w-full",{"bg-neutral-surface text-neutral-darker border-neutral-surface rounded border":e.variant==="primary","bg-alpha-500 text-neutral-inverse rounded-lg":e.variant==="alpha","bg-neutral-surface text-neutral-darker border-neutral-surface rounded-lg border":e.variant==="outlined"}])},[n("div",{class:a(["flex items-center justify-center rounded flex-shrink-0",{"bg-alpha-300 h-9 w-9 rounded":e.variant==="alpha","h-9 w-9 border-neutral-surface rounded border":e.variant==="outlined"}])},[u(f,{name:e.variant==="primary"?"DocumentArrowUpIcon":"DocumentTextIcon",class:"w-5 h-5"},null,8,["name"])],2),n("div",{class:a(["text-xs grow flex flex-col gap-1 flex-nowrap overflow-hidden whitespace-nowrap",{"max-w-72":e.variant!=="primary"}])},[n("span",v,t(e.name),1),e.format&&e.variant!="primary"?(r(),l("span",h,t(e.format),1)):i("",!0)],2),e.variant==="primary"?(r(),p(c,{key:0,class:"flex-shrink-0",size:"xs",icon:{name:"XMarkIcon"},disabled:e.disabled,onClick:o[0]||(o[0]=w=>d("close"))},null,8,["disabled"])):i("",!0)],2))}});export{B as default,x as elFileVariants};
 //# sourceMappingURL=ElFile.vue.esm2.js.map

package/dist/src/ElFile.vue.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElFile.vue.esm2.js","sources":["../../src/ElFile.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elFileVariants = ['primary', 'alpha', 'outlined'] as const;\nexport type ElFileVariant = (typeof elFileVariants)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport ElIcon from '@/ElIcon.vue';\nimport ElIconButton from '@/ElIconButton.vue';\n\ndefineProps<{\n  variant: ElFileVariant;\n  name: string;\n  format?: string;\n  disabled?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (event: 'close'): void;\n}>();\n</script>\n<template>\n  <div\n    class=\"p-2 inline-flex gap-2 items-center min-w-36 max-w-full\"\n    :class=\"{\n      'bg-neutral-surface text-neutral-darker border-neutral-surface rounded border': variant === 'primary',\n      'bg-alpha-500 text-neutral-inverse rounded-lg': variant === 'alpha',\n      'bg-neutral-surface text-neutral-darker border-neutral-surface rounded-lg border': variant === 'outlined',\n    }\"\n  >\n    <!-- Icon -->\n    <div\n      class=\"flex items-center justify-center rounded flex-shrink-0\"\n      :class=\"{\n        'bg-alpha-300 h-9 w-9 rounded': variant === 'alpha',\n        'h-9 w-9 border-neutral-surface rounded border': variant === 'outlined',\n      }\"\n    >\n      <ElIcon :name=\"variant === 'primary' ? 'DocumentArrowUpIcon' : 'DocumentTextIcon'\" class=\"w-5 h-5\" />\n    </div>\n\n    <!-- File -->\n    <div\n      class=\"text-xs grow flex flex-col gap-1 flex-nowrap overflow-hidden whitespace-nowrap\"\n      :class=\"{\n        'max-w-72': variant !== 'primary',\n      }\"\n    >\n      <span class=\"overflow-hidden font-medium text-ellipsis\">{{ name }}</span>\n      <span v-if=\"format && variant != 'primary'\" class=\"font-normal overflow-hidden text-ellipsis\">{{ format }}</span>\n    </div>\n\n    <!-- Action Button -->\n    <ElIconButton\n      v-if=\"variant === 'primary'\"\n      class=\"flex-shrink-0\"\n      size=\"xs\"\n      :icon=\"{\n        name: 'XMarkIcon',\n      }\"\n      :disabled=\"disabled\"\n      @click=\"emit('close')\"\n    />\n  </div>\n</template>\n"],"names":["elFileVariants","emit","__emit"],"mappings":"8YACaA,EAAiB,CAAC,UAAW,QAAS,UAAU,sHAe7D,MAAMC,EAAOC"}
+{"version":3,"file":"ElFile.vue.esm2.js","sources":["../../src/ElFile.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elFileVariants = ['primary', 'alpha', 'outlined'] as const;\nexport type ElFileVariant = (typeof elFileVariants)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport ElIcon from '@/ElIcon.vue';\nimport ElIconButton from '@/ElIconButton.vue';\n\ndefineProps<{\n  variant: ElFileVariant;\n  name: string;\n  format?: string;\n  disabled?: boolean;\n  url?: string;\n}>();\n\nconst emit = defineEmits<{\n  (event: 'close'): void;\n}>();\n</script>\n<template>\n  <div\n    class=\"p-2 inline-flex gap-2 items-center min-w-36 max-w-full\"\n    :class=\"{\n      'bg-neutral-surface text-neutral-darker border-neutral-surface rounded border': variant === 'primary',\n      'bg-alpha-500 text-neutral-inverse rounded-lg': variant === 'alpha',\n      'bg-neutral-surface text-neutral-darker border-neutral-surface rounded-lg border': variant === 'outlined',\n    }\"\n  >\n    <!-- Icon -->\n    <div\n      class=\"flex items-center justify-center rounded flex-shrink-0\"\n      :class=\"{\n        'bg-alpha-300 h-9 w-9 rounded': variant === 'alpha',\n        'h-9 w-9 border-neutral-surface rounded border': variant === 'outlined',\n      }\"\n    >\n      <ElIcon :name=\"variant === 'primary' ? 'DocumentArrowUpIcon' : 'DocumentTextIcon'\" class=\"w-5 h-5\" />\n    </div>\n\n    <!-- File -->\n    <div\n      class=\"text-xs grow flex flex-col gap-1 flex-nowrap overflow-hidden whitespace-nowrap\"\n      :class=\"{\n        'max-w-72': variant !== 'primary',\n      }\"\n    >\n      <span class=\"overflow-hidden font-medium text-ellipsis\">{{ name }}</span>\n      <span v-if=\"format && variant != 'primary'\" class=\"font-normal overflow-hidden text-ellipsis\">{{ format }}</span>\n    </div>\n\n    <!-- Action Button -->\n    <ElIconButton\n      v-if=\"variant === 'primary'\"\n      class=\"flex-shrink-0\"\n      size=\"xs\"\n      :icon=\"{\n        name: 'XMarkIcon',\n      }\"\n      :disabled=\"disabled\"\n      @click=\"emit('close')\"\n    />\n  </div>\n</template>\n"],"names":["elFileVariants","emit","__emit"],"mappings":"8YACaA,EAAiB,CAAC,UAAW,QAAS,UAAU,6HAgB7D,MAAMC,EAAOC"}

package/dist/src/ElTabGroup.vue.cjs2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./ElTab.vue.cjs2.js"),d={class:"w-full"},p={class:"flex flex-wrap sm:flex-nowrap"},m=e.defineComponent({__name:"ElTabGroup",props:{modelValue:{},tabs:{},color:{default:void 0},variant:{default:"default"}},emits:["update:modelValue"],setup(o,{emit:r}){const a=o,n=r,u=l=>{n("update:modelValue",l)},s=l=>l.disabled?"inactive":(l.value??l.label)===a.modelValue?"active":"default";return(l,_)=>(e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.tabs,(t,c)=>(e.openBlock(),e.createBlock(i.default,{key:`tab-${c}`,color:a.color,badge:t.badge,class:e.normalizeClass(["min-w-[120px]",{grow:a.variant==="w-full"}]),label:t.label,status:s(t),onClick:f=>u(t.value??t.label)},null,8,["color","badge","class","label","status","onClick"]))),128))])]))}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),i=require("./ElTab.vue.cjs2.js"),p=require("./forms/ElInputSelect.vue.cjs2.js"),_={class:"w-full"},m={class:"hidden sm:flex flex-wrap"},v={class:"sm:hidden"},f=l.defineComponent({__name:"ElTabGroup",props:{modelValue:{},tabs:{},color:{default:void 0},variant:{default:"default"}},emits:["update:modelValue"],setup(r,{emit:u}){const a=r,n=u,o=t=>{n("update:modelValue",t)},d=t=>t.disabled?"inactive":(t.value??t.label)===a.modelValue?"active":"default";return(t,s)=>(l.openBlock(),l.createElementBlock("div",_,[l.createElementVNode("div",m,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.tabs,(e,c)=>(l.openBlock(),l.createBlock(i.default,{key:`tab-${c}`,color:a.color,badge:e.badge,class:l.normalizeClass({grow:a.variant==="w-full"}),label:e.label,status:d(e),onClick:b=>o(e.value??e.label)},null,8,["color","badge","class","label","status","onClick"]))),128))]),l.createElementVNode("div",v,[l.createVNode(p.default,{"model-value":a.modelValue,options:t.tabs.filter(e=>!e.disabled).map(e=>({label:e.label.toUpperCase(),value:e.value??e.label})),"onUpdate:modelValue":s[0]||(s[0]=e=>e&&o(Array.isArray(e)?e[0]:e))},null,8,["model-value","options"])])]))}});exports.default=f;
 //# sourceMappingURL=ElTabGroup.vue.cjs2.js.map

package/dist/src/ElTabGroup.vue.cjs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElTabGroup.vue.cjs2.js","sources":["../../src/ElTabGroup.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ElTabItem = {\n  value?: string;\n  label: string;\n  disabled?: boolean;\n  badge?: {\n    visible: boolean;\n    value?: string;\n  };\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport ElTab, { ElTabColors, ElTabStatues } from '@/ElTab.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string;\n    tabs: ElTabItem[];\n    color?: ElTabColors;\n    variant?: 'default' | 'w-full';\n  }>(),\n  {\n    color: undefined,\n    variant: 'default',\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', modelValue: string): void;\n}>();\n\nconst onClick = (tab: string) => {\n  emit('update:modelValue', tab);\n};\n\nconst getTabStatus = (tab: ElTabItem): ElTabStatues => {\n  if (tab.disabled) return 'inactive';\n  if ((tab.value ?? tab.label) === props.modelValue) return 'active';\n  return 'default';\n};\n</script>\n\n<template>\n  <div class=\"w-full\">\n    <div class=\"flex flex-wrap sm:flex-nowrap\">\n      <ElTab\n        v-for=\"(tab, index) in tabs\"\n        :key=\"`tab-${index}`\"\n        :color=\"props.color\"\n        :badge=\"tab.badge\"\n        class=\"min-w-[120px]\"\n        :class=\"{ grow: props.variant === 'w-full' }\"\n        :label=\"tab.label\"\n        :status=\"getTabStatus(tab)\"\n        @click=\"onClick(tab.value ?? tab.label)\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","onClick","tab","getTabStatus"],"mappings":"yYAeA,MAAMA,EAAQC,EAaRC,EAAOC,EAIPC,EAAWC,GAAgB,CAC/BH,EAAK,oBAAqBG,CAAG,CAAA,EAGzBC,EAAgBD,GAChBA,EAAI,SAAiB,YACpBA,EAAI,OAASA,EAAI,SAAWL,EAAM,WAAmB,SACnD"}
+{"version":3,"file":"ElTabGroup.vue.cjs2.js","sources":["../../src/ElTabGroup.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ElTabItem = {\n  value?: string;\n  label: string;\n  disabled?: boolean;\n  badge?: {\n    visible: boolean;\n    value?: string;\n  };\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport ElTab, { ElTabColors, ElTabStatues } from '@/ElTab.vue';\nimport ElInputSelect from '@/forms/ElInputSelect.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string;\n    tabs: ElTabItem[];\n    color?: ElTabColors;\n    variant?: 'default' | 'w-full';\n  }>(),\n  {\n    color: undefined,\n    variant: 'default',\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', modelValue: string): void;\n}>();\n\nconst onClick = (tab: string) => {\n  emit('update:modelValue', tab);\n};\n\nconst getTabStatus = (tab: ElTabItem): ElTabStatues => {\n  if (tab.disabled) return 'inactive';\n  if ((tab.value ?? tab.label) === props.modelValue) return 'active';\n  return 'default';\n};\n</script>\n\n<template>\n  <div class=\"w-full\">\n    <div class=\"hidden sm:flex flex-wrap\">\n      <ElTab\n        v-for=\"(tab, index) in tabs\"\n        :key=\"`tab-${index}`\"\n        :color=\"props.color\"\n        :badge=\"tab.badge\"\n        :class=\"{ grow: props.variant === 'w-full' }\"\n        :label=\"tab.label\"\n        :status=\"getTabStatus(tab)\"\n        @click=\"onClick(tab.value ?? tab.label)\"\n      />\n    </div>\n    <div class=\"sm:hidden\">\n      <ElInputSelect\n        :model-value=\"props.modelValue\"\n        :options=\"tabs.filter(item => !item.disabled).map(item => ({ label: item.label.toUpperCase(), value: item.value ?? item.label }))\"\n        @update:model-value=\"value => value && onClick(Array.isArray(value) ? value[0] : value)\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","onClick","tab","getTabStatus"],"mappings":"ycAgBA,MAAMA,EAAQC,EAaRC,EAAOC,EAIPC,EAAWC,GAAgB,CAC/BH,EAAK,oBAAqBG,CAAG,CAAA,EAGzBC,EAAgBD,GAChBA,EAAI,SAAiB,YACpBA,EAAI,OAASA,EAAI,SAAWL,EAAM,WAAmB,SACnD"}

package/dist/src/ElTabGroup.vue.esm2.js

@@ -1,2 +1,2 @@
-import{defineComponent as d,openBlock as t,createElementBlock as o,createElementVNode as m,Fragment as f,renderList as p,createBlock as _,normalizeClass as v}from"vue";import b from"./ElTab.vue.esm2.js";const k={class:"w-full"},g={class:"flex flex-wrap sm:flex-nowrap"},h=d({__name:"ElTabGroup",props:{modelValue:{},tabs:{},color:{default:void 0},variant:{default:"default"}},emits:["update:modelValue"],setup(r,{emit:n}){const a=r,s=n,c=e=>{s("update:modelValue",e)},u=e=>e.disabled?"inactive":(e.value??e.label)===a.modelValue?"active":"default";return(e,w)=>(t(),o("div",k,[m("div",g,[(t(!0),o(f,null,p(e.tabs,(l,i)=>(t(),_(b,{key:`tab-${i}`,color:a.color,badge:l.badge,class:v(["min-w-[120px]",{grow:a.variant==="w-full"}]),label:l.label,status:u(l),onClick:x=>c(l.value??l.label)},null,8,["color","badge","class","label","status","onClick"]))),128))])]))}});export{h as default};
+import{defineComponent as p,openBlock as o,createElementBlock as r,createElementVNode as n,Fragment as f,renderList as b,createBlock as v,normalizeClass as _,createVNode as V}from"vue";import k from"./ElTab.vue.esm2.js";import g from"./forms/ElInputSelect.vue.esm2.js";const C={class:"w-full"},h={class:"hidden sm:flex flex-wrap"},w={class:"sm:hidden"},x=p({__name:"ElTabGroup",props:{modelValue:{},tabs:{},color:{default:void 0},variant:{default:"default"}},emits:["update:modelValue"],setup(d,{emit:i}){const a=d,u=i,t=l=>{u("update:modelValue",l)},c=l=>l.disabled?"inactive":(l.value??l.label)===a.modelValue?"active":"default";return(l,s)=>(o(),r("div",C,[n("div",h,[(o(!0),r(f,null,b(l.tabs,(e,m)=>(o(),v(k,{key:`tab-${m}`,color:a.color,badge:e.badge,class:_({grow:a.variant==="w-full"}),label:e.label,status:c(e),onClick:$=>t(e.value??e.label)},null,8,["color","badge","class","label","status","onClick"]))),128))]),n("div",w,[V(g,{"model-value":a.modelValue,options:l.tabs.filter(e=>!e.disabled).map(e=>({label:e.label.toUpperCase(),value:e.value??e.label})),"onUpdate:modelValue":s[0]||(s[0]=e=>e&&t(Array.isArray(e)?e[0]:e))},null,8,["model-value","options"])])]))}});export{x as default};
 //# sourceMappingURL=ElTabGroup.vue.esm2.js.map

package/dist/src/ElTabGroup.vue.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElTabGroup.vue.esm2.js","sources":["../../src/ElTabGroup.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ElTabItem = {\n  value?: string;\n  label: string;\n  disabled?: boolean;\n  badge?: {\n    visible: boolean;\n    value?: string;\n  };\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport ElTab, { ElTabColors, ElTabStatues } from '@/ElTab.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string;\n    tabs: ElTabItem[];\n    color?: ElTabColors;\n    variant?: 'default' | 'w-full';\n  }>(),\n  {\n    color: undefined,\n    variant: 'default',\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', modelValue: string): void;\n}>();\n\nconst onClick = (tab: string) => {\n  emit('update:modelValue', tab);\n};\n\nconst getTabStatus = (tab: ElTabItem): ElTabStatues => {\n  if (tab.disabled) return 'inactive';\n  if ((tab.value ?? tab.label) === props.modelValue) return 'active';\n  return 'default';\n};\n</script>\n\n<template>\n  <div class=\"w-full\">\n    <div class=\"flex flex-wrap sm:flex-nowrap\">\n      <ElTab\n        v-for=\"(tab, index) in tabs\"\n        :key=\"`tab-${index}`\"\n        :color=\"props.color\"\n        :badge=\"tab.badge\"\n        class=\"min-w-[120px]\"\n        :class=\"{ grow: props.variant === 'w-full' }\"\n        :label=\"tab.label\"\n        :status=\"getTabStatus(tab)\"\n        @click=\"onClick(tab.value ?? tab.label)\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","onClick","tab","getTabStatus"],"mappings":"saAeA,MAAMA,EAAQC,EAaRC,EAAOC,EAIPC,EAAWC,GAAgB,CAC/BH,EAAK,oBAAqBG,CAAG,CAAA,EAGzBC,EAAgBD,GAChBA,EAAI,SAAiB,YACpBA,EAAI,OAASA,EAAI,SAAWL,EAAM,WAAmB,SACnD"}
+{"version":3,"file":"ElTabGroup.vue.esm2.js","sources":["../../src/ElTabGroup.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ElTabItem = {\n  value?: string;\n  label: string;\n  disabled?: boolean;\n  badge?: {\n    visible: boolean;\n    value?: string;\n  };\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport ElTab, { ElTabColors, ElTabStatues } from '@/ElTab.vue';\nimport ElInputSelect from '@/forms/ElInputSelect.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string;\n    tabs: ElTabItem[];\n    color?: ElTabColors;\n    variant?: 'default' | 'w-full';\n  }>(),\n  {\n    color: undefined,\n    variant: 'default',\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', modelValue: string): void;\n}>();\n\nconst onClick = (tab: string) => {\n  emit('update:modelValue', tab);\n};\n\nconst getTabStatus = (tab: ElTabItem): ElTabStatues => {\n  if (tab.disabled) return 'inactive';\n  if ((tab.value ?? tab.label) === props.modelValue) return 'active';\n  return 'default';\n};\n</script>\n\n<template>\n  <div class=\"w-full\">\n    <div class=\"hidden sm:flex flex-wrap\">\n      <ElTab\n        v-for=\"(tab, index) in tabs\"\n        :key=\"`tab-${index}`\"\n        :color=\"props.color\"\n        :badge=\"tab.badge\"\n        :class=\"{ grow: props.variant === 'w-full' }\"\n        :label=\"tab.label\"\n        :status=\"getTabStatus(tab)\"\n        @click=\"onClick(tab.value ?? tab.label)\"\n      />\n    </div>\n    <div class=\"sm:hidden\">\n      <ElInputSelect\n        :model-value=\"props.modelValue\"\n        :options=\"tabs.filter(item => !item.disabled).map(item => ({ label: item.label.toUpperCase(), value: item.value ?? item.label }))\"\n        @update:model-value=\"value => value && onClick(Array.isArray(value) ? value[0] : value)\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","onClick","tab","getTabStatus"],"mappings":"yfAgBA,MAAMA,EAAQC,EAaRC,EAAOC,EAIPC,EAAWC,GAAgB,CAC/BH,EAAK,oBAAqBG,CAAG,CAAA,EAGzBC,EAAgBD,GAChBA,EAAI,SAAiB,YACpBA,EAAI,OAASA,EAAI,SAAWL,EAAM,WAAmB,SACnD"}

package/dist/src/forms/ElInputSearch.vue.cjs2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("../ElDivider.vue.cjs2.js"),_=require("../ElIcon.vue.cjs2.js"),F=require("../ElVerticalTab.vue.cjs2.js");;/* empty css                */require("../polyfills.cjs.js");require("vee-validate");require("../../node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.cjs.js");require("../../node_modules/lodash/lodash.cjs.js");require("../tailwind.plugin.cjs.js");require("../../node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.cjs.js");const T=require("../ElButton.vue.cjs2.js"),A=require("../_CustomTransition.vue.cjs2.js"),b=require("../../node_modules/@vueuse/core/index.cjs.js");require("./ElInputText.vue.cjs2.js");require("./ElInputCheckbox.vue.cjs2.js");require("./ElInputDate.vue.cjs2.js");require("./ElInputFile.vue.cjs2.js");require("./ElInputMeasureUnit.vue.cjs2.js");require("./ElInputNumber.vue.cjs2.js");require("./ElInputPhone.vue.cjs2.js");require("./ElInputSelect.vue.cjs2.js");require("./ElInputTextarea.vue.cjs2.js");require("../ElToast.vue.cjs2.js");require("./ElInputRadioButton.vue.cjs2.js");const P=require("../../node_modules/@vueuse/components/index.cjs.js"),B=require("./input.cjs.js");require("../../node_modules/swiper/shared/swiper-core.cjs.js");const j=require("../../node_modules/@vueuse/integrations/useFocusTrap.cjs.js"),z={class:"flex flex-row items-center gap-3 bg-neutral-surface rounded-2xl"},H=["name","placeholder"],$={class:"flex flex-col gap-y-6 overflow-y-hidden"},L={key:1,class:"flex flex-col items-center justify-center flex-1 gap-4 py-8 text-neutral-lighter"},U={class:"text-sm font-semibold text-neutral-darker"},G={class:"text-sm font-normal"},K={key:2,class:"flex py-2 overflow-y-hidden"},J={key:0,class:"text-sm font-medium text-neutral-darker"},Q={class:"flex flex-col gap-1 w-full"},W={key:0},X={key:1,class:"flex-1 pl-6 overflow-y-auto"},Y={key:3,class:"flex items-center gap-1 self-stretch"},Z={class:"text-sm font-normal text-neutral-darker"},ee={class:"fixed inset-0 transition-opacity"},te={ref:"backdrop",class:"absolute inset-0 bg-gray-500 opacity-75"},oe=["primary","secondary"],le=["default","filled","blank"],re=e.defineComponent({__name:"ElInputSearch",props:e.mergeModels({...B.withTextualElInputProps(),status:{type:String,default:"default"},text:{type:String,default:void 0},results:{type:Array,default:void 0},footer:{type:Object,default:void 0},blankResults:{type:Object,default:void 0},shouldHoverFirstResultOnOpen:{type:Boolean,default:!1},color:{type:String,default:"primary"}},{isOpen:{default:!0,required:!0,type:Boolean},isOpenModifiers:{}}),emits:e.mergeModels(["update:modelValue","onResultClick","onResultHover"],["update:isOpen"]),setup(o,{emit:q}){const r=o,d=q,f=e.useSlots(),E=b.useScrollLock(document.body),m=e.ref(null),V=e.computed(()=>r.modelValue),w=e.computed(()=>[r.validation]),v=e.computed(()=>({default:!r.results,filled:r.results&&r.results.length>0,blank:r.results&&r.results.length===0})),S=e.ref(!1),k=e.ref(!1),y=e.ref([]),s=e.ref(),{value:u,uuid:C,setValue:N}=B.useInput(V,w,r.name,t=>{d("update:modelValue",t==null?void 0:t.trim())}),p=e.ref(),{hasFocus:R,activate:O,deactivate:I}=j.useFocusTrap(p),c=e.useModel(o,"isOpen"),h=()=>{c.value=!1,s.value=void 0,u.value=""},M=t=>{var l,a,n;(n=(a=(l=y.value)==null?void 0:l.at(t))==null?void 0:a.$el)==null||n.scrollIntoView({block:"nearest"})},x=t=>{d("onResultClick",t),N(""),s.value=void 0},i=t=>{s.value=t,M(t),d("onResultHover",t)},D=()=>h();return b.onKeyStroke(["ArrowUp","ArrowDown","Enter","Escape"],t=>{var l;if(t.preventDefault(),t.stopPropagation(),R&&((l=r.results)!=null&&l.length))switch(t.key){case"ArrowUp":const a=Math.max((s.value??0)-1,0);i(a);break;case"ArrowDown":const n=s.value!==void 0?Math.min(s.value+1,r.results.length-1):0;i(n);break;case"Enter":s.value!==void 0&&x(s.value);break}t.key==="Escape"&&h()},{target:p}),e.watch([c,m],async()=>{var t,l;E.value=c.value,c.value?((t=m.value)==null||t.focus(),r.shouldHoverFirstResultOnOpen&&((l=r.results)!=null&&l.length)&&i(0),await e.nextTick(),O()):(I(),u.value="")}),(t,l)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(A.default,{name:"fade"},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"searchBarRef",ref:p,class:"fixed inset-x-0 top-0 z-40 flex justify-center max-h-full overflow-y-auto px-4 pt-20 pb-6 max-sm:p-0"},[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-10 z-50 md:max-w-3xl w-full flex flex-col p-6 border rounded-2xl border-neutral-surface bg-neutral-surface shadow-md",{"gap-6":r.results}])},[e.createElementVNode("div",z,[e.createVNode(_.default,{name:"MagnifyingGlassIcon",class:"text-neutral-lighter w-6 h-6"}),e.withDirectives(e.createElementVNode("input",{ref_key:"searchInput",ref:m,"onUpdate:modelValue":l[0]||(l[0]=a=>e.isRef(u)?u.value=a:null),name:t.id||`${e.unref(C)}`,type:"text",class:"p-0 text-lg font-normal flex-1 outline-none border-none bg-neutral-surface focus:ring-none focus:border-none focus:outline-none border-transparent focus:border-transparent focus:ring-0",placeholder:t.placeholder,onFocusin:l[1]||(l[1]=()=>{k.value=!0,S.value=!1}),onFocusout:l[2]||(l[2]=()=>{k.value=!1})},null,40,H),[[e.vModelText,e.unref(u)]])]),e.createElementVNode("span",$,[o.results?(e.openBlock(),e.createBlock(g.default,{key:0,direction:"horizontal"})):e.createCommentVNode("",!0),o.blankResults&&v.value.blank?(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(_.default,e.mergeProps(o.blankResults.icon,{class:"w-7 h-7"}),null,16),e.createElementVNode("p",U,e.toDisplayString(o.blankResults.primaryRow),1),e.createElementVNode("p",G,e.toDisplayString(o.blankResults.secondaryRow),1)])):e.createCommentVNode("",!0),o.results&&v.value.filled?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",{class:e.normalizeClass(["flex flex-col items-start flex-1 gap-6 overflow-y-auto max-h-50-screen",{"pr-6":e.unref(f).info&&o.results.length>0}])},[o.text?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(o.text),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.results,(a,n)=>(e.openBlock(),e.createBlock(F.default,e.mergeProps({key:n,ref_for:!0,ref_key:"itemRefs",ref:y,color:o.color},a,{status:s.value===n?"hover":"default",tabindex:"-1",onClick:()=>x(n),onMouseover:()=>i(n)}),null,16,["color","status","onClick","onMouseover"]))),128))])],2),e.unref(f).info?(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(g.default,{direction:"vertical"})])):e.createCommentVNode("",!0),e.unref(f).info?(e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(t.$slots,"info")])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),o.results&&o.footer?(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("span",Z,e.toDisplayString(o.footer.text),1),e.createVNode(e.unref(T.default),e.mergeProps(o.footer.button,{variant:"tertiary"}),null,16)])):e.createCommentVNode("",!0)])],2)),[[e.unref(P.VOnClickOutside),D]]),e.createElementVNode("div",ee,[e.createElementVNode("div",te,null,512)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=re;exports.elInputSearchColors=oe;exports.elInputSearchStatus=le;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("../ElDivider.vue.cjs2.js"),_=require("../ElIcon.vue.cjs2.js"),F=require("../ElVerticalTab.vue.cjs2.js");;/* empty css                */require("../polyfills.cjs.js");require("vee-validate");require("../../node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.cjs.js");require("../../node_modules/lodash/lodash.cjs.js");require("../tailwind.plugin.cjs.js");require("../../node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.cjs.js");const T=require("../ElButton.vue.cjs2.js"),A=require("../_CustomTransition.vue.cjs2.js"),b=require("../../node_modules/@vueuse/core/index.cjs.js");require("./ElInputSelect.vue.cjs2.js");require("./ElInputText.vue.cjs2.js");require("./ElInputCheckbox.vue.cjs2.js");require("./ElInputDate.vue.cjs2.js");require("./ElInputFile.vue.cjs2.js");require("./ElInputMeasureUnit.vue.cjs2.js");require("./ElInputNumber.vue.cjs2.js");require("./ElInputPhone.vue.cjs2.js");require("./ElInputTextarea.vue.cjs2.js");require("../ElToast.vue.cjs2.js");require("./ElInputRadioButton.vue.cjs2.js");const P=require("../../node_modules/@vueuse/components/index.cjs.js"),B=require("./input.cjs.js");require("../../node_modules/swiper/shared/swiper-core.cjs.js");const j=require("../../node_modules/@vueuse/integrations/useFocusTrap.cjs.js"),z={class:"flex flex-row items-center gap-3 bg-neutral-surface rounded-2xl"},H=["name","placeholder"],$={class:"flex flex-col gap-y-6 overflow-y-hidden"},L={key:1,class:"flex flex-col items-center justify-center flex-1 gap-4 py-8 text-neutral-lighter"},U={class:"text-sm font-semibold text-neutral-darker"},G={class:"text-sm font-normal"},K={key:2,class:"flex py-2 overflow-y-hidden"},J={key:0,class:"text-sm font-medium text-neutral-darker"},Q={class:"flex flex-col gap-1 w-full"},W={key:0},X={key:1,class:"flex-1 pl-6 overflow-y-auto"},Y={key:3,class:"flex items-center gap-1 self-stretch"},Z={class:"text-sm font-normal text-neutral-darker"},ee={class:"fixed inset-0 transition-opacity"},te={ref:"backdrop",class:"absolute inset-0 bg-gray-500 opacity-75"},oe=["primary","secondary"],le=["default","filled","blank"],re=e.defineComponent({__name:"ElInputSearch",props:e.mergeModels({...B.withTextualElInputProps(),status:{type:String,default:"default"},text:{type:String,default:void 0},results:{type:Array,default:void 0},footer:{type:Object,default:void 0},blankResults:{type:Object,default:void 0},shouldHoverFirstResultOnOpen:{type:Boolean,default:!1},color:{type:String,default:"primary"}},{isOpen:{default:!0,required:!0,type:Boolean},isOpenModifiers:{}}),emits:e.mergeModels(["update:modelValue","onResultClick","onResultHover"],["update:isOpen"]),setup(o,{emit:q}){const r=o,d=q,f=e.useSlots(),E=b.useScrollLock(document.body),m=e.ref(null),V=e.computed(()=>r.modelValue),w=e.computed(()=>[r.validation]),v=e.computed(()=>({default:!r.results,filled:r.results&&r.results.length>0,blank:r.results&&r.results.length===0})),S=e.ref(!1),k=e.ref(!1),y=e.ref([]),s=e.ref(),{value:u,uuid:C,setValue:N}=B.useInput(V,w,r.name,t=>{d("update:modelValue",t==null?void 0:t.trim())}),p=e.ref(),{hasFocus:R,activate:O,deactivate:I}=j.useFocusTrap(p),c=e.useModel(o,"isOpen"),h=()=>{c.value=!1,s.value=void 0,u.value=""},M=t=>{var l,a,n;(n=(a=(l=y.value)==null?void 0:l.at(t))==null?void 0:a.$el)==null||n.scrollIntoView({block:"nearest"})},x=t=>{d("onResultClick",t),N(""),s.value=void 0},i=t=>{s.value=t,M(t),d("onResultHover",t)},D=()=>h();return b.onKeyStroke(["ArrowUp","ArrowDown","Enter","Escape"],t=>{var l;if(t.preventDefault(),t.stopPropagation(),R&&((l=r.results)!=null&&l.length))switch(t.key){case"ArrowUp":const a=Math.max((s.value??0)-1,0);i(a);break;case"ArrowDown":const n=s.value!==void 0?Math.min(s.value+1,r.results.length-1):0;i(n);break;case"Enter":s.value!==void 0&&x(s.value);break}t.key==="Escape"&&h()},{target:p}),e.watch([c,m],async()=>{var t,l;E.value=c.value,c.value?((t=m.value)==null||t.focus(),r.shouldHoverFirstResultOnOpen&&((l=r.results)!=null&&l.length)&&i(0),await e.nextTick(),O()):(I(),u.value="")}),(t,l)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(A.default,{name:"fade"},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"searchBarRef",ref:p,class:"fixed inset-x-0 top-0 z-40 flex justify-center max-h-full overflow-y-auto px-4 pt-20 pb-6 max-sm:p-0"},[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["m-10 z-50 md:max-w-3xl w-full flex flex-col p-6 border rounded-2xl border-neutral-surface bg-neutral-surface shadow-md",{"gap-6":r.results}])},[e.createElementVNode("div",z,[e.createVNode(_.default,{name:"MagnifyingGlassIcon",class:"text-neutral-lighter w-6 h-6"}),e.withDirectives(e.createElementVNode("input",{ref_key:"searchInput",ref:m,"onUpdate:modelValue":l[0]||(l[0]=a=>e.isRef(u)?u.value=a:null),name:t.id||`${e.unref(C)}`,type:"text",class:"p-0 text-lg font-normal flex-1 outline-none border-none bg-neutral-surface focus:ring-none focus:border-none focus:outline-none border-transparent focus:border-transparent focus:ring-0",placeholder:t.placeholder,onFocusin:l[1]||(l[1]=()=>{k.value=!0,S.value=!1}),onFocusout:l[2]||(l[2]=()=>{k.value=!1})},null,40,H),[[e.vModelText,e.unref(u)]])]),e.createElementVNode("span",$,[o.results?(e.openBlock(),e.createBlock(g.default,{key:0,direction:"horizontal"})):e.createCommentVNode("",!0),o.blankResults&&v.value.blank?(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(_.default,e.mergeProps(o.blankResults.icon,{class:"w-7 h-7"}),null,16),e.createElementVNode("p",U,e.toDisplayString(o.blankResults.primaryRow),1),e.createElementVNode("p",G,e.toDisplayString(o.blankResults.secondaryRow),1)])):e.createCommentVNode("",!0),o.results&&v.value.filled?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",{class:e.normalizeClass(["flex flex-col items-start flex-1 gap-6 overflow-y-auto max-h-50-screen",{"pr-6":e.unref(f).info&&o.results.length>0}])},[o.text?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(o.text),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.results,(a,n)=>(e.openBlock(),e.createBlock(F.default,e.mergeProps({key:n,ref_for:!0,ref_key:"itemRefs",ref:y,color:o.color},a,{status:s.value===n?"hover":"default",tabindex:"-1",onClick:()=>x(n),onMouseover:()=>i(n)}),null,16,["color","status","onClick","onMouseover"]))),128))])],2),e.unref(f).info?(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(g.default,{direction:"vertical"})])):e.createCommentVNode("",!0),e.unref(f).info?(e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(t.$slots,"info")])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),o.results&&o.footer?(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("span",Z,e.toDisplayString(o.footer.text),1),e.createVNode(e.unref(T.default),e.mergeProps(o.footer.button,{variant:"tertiary"}),null,16)])):e.createCommentVNode("",!0)])],2)),[[e.unref(P.VOnClickOutside),D]]),e.createElementVNode("div",ee,[e.createElementVNode("div",te,null,512)])],512)):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=re;exports.elInputSearchColors=oe;exports.elInputSearchStatus=le;
 //# sourceMappingURL=ElInputSearch.vue.cjs2.js.map

package/dist/src/forms/ElInputSearch.vue.esm2.js

@@ -1,2 +1,2 @@
-import{defineComponent as K,mergeModels as B,useSlots as J,ref as f,computed as w,useModel as Q,watch as W,nextTick as X,openBlock as l,createBlock as R,Teleport as Y,createVNode as v,withCtx as Z,createElementBlock as i,withDirectives as F,normalizeClass as E,createElementVNode as r,isRef as ee,unref as d,vModelText as te,createCommentVNode as c,mergeProps as O,toDisplayString as y,Fragment as oe,renderList as se,renderSlot as le}from"vue";import V from"../ElDivider.vue.esm2.js";import $ from"../ElIcon.vue.esm2.js";import re from"../ElVerticalTab.vue.esm2.js";/* empty css              */import"../polyfills.esm.js";import"vee-validate";import"../../node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.esm.js";import"../../node_modules/lodash/lodash.esm.js";import"../tailwind.plugin.esm.js";import"../../node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.esm.js";import ae from"../ElButton.vue.esm2.js";import ne from"../_CustomTransition.vue.esm2.js";import{useScrollLock as ie,onKeyStroke as ue}from"../../node_modules/@vueuse/core/index.esm.js";import"./ElInputText.vue.esm2.js";import"./ElInputCheckbox.vue.esm2.js";import"./ElInputDate.vue.esm2.js";import"./ElInputFile.vue.esm2.js";import"./ElInputMeasureUnit.vue.esm2.js";import"./ElInputNumber.vue.esm2.js";import"./ElInputPhone.vue.esm2.js";import"./ElInputSelect.vue.esm2.js";import"./ElInputTextarea.vue.esm2.js";import"../ElToast.vue.esm2.js";import"./ElInputRadioButton.vue.esm2.js";import{VOnClickOutside as ce}from"../../node_modules/@vueuse/components/index.esm.js";import{withTextualElInputProps as de,useInput as fe}from"./input.esm.js";import"../../node_modules/swiper/shared/swiper-core.esm.js";import{useFocusTrap as me}from"../../node_modules/@vueuse/integrations/useFocusTrap.esm.js";const pe={class:"flex flex-row items-center gap-3 bg-neutral-surface rounded-2xl"},ve=["name","placeholder"],he={class:"flex flex-col gap-y-6 overflow-y-hidden"},ye={key:1,class:"flex flex-col items-center justify-center flex-1 gap-4 py-8 text-neutral-lighter"},xe={class:"text-sm font-semibold text-neutral-darker"},ke={class:"text-sm font-normal"},ge={key:2,class:"flex py-2 overflow-y-hidden"},be={key:0,class:"text-sm font-medium text-neutral-darker"},we={class:"flex flex-col gap-1 w-full"},Re={key:0},Oe={key:1,class:"flex-1 pl-6 overflow-y-auto"},Se={key:3,class:"flex items-center gap-1 self-stretch"},Ce={class:"text-sm font-normal text-neutral-darker"},Ie={class:"fixed inset-0 transition-opacity"},Me={ref:"backdrop",class:"absolute inset-0 bg-gray-500 opacity-75"},lt=["primary","secondary"],rt=["default","filled","blank"],at=K({__name:"ElInputSearch",props:B({...de(),status:{type:String,default:"default"},text:{type:String,default:void 0},results:{type:Array,default:void 0},footer:{type:Object,default:void 0},blankResults:{type:Object,default:void 0},shouldHoverFirstResultOnOpen:{type:Boolean,default:!1},color:{type:String,default:"primary"}},{isOpen:{default:!0,required:!0,type:Boolean},isOpenModifiers:{}}),emits:B(["update:modelValue","onResultClick","onResultHover"],["update:isOpen"]),setup(t,{emit:A}){const s=t,x=A,k=J(),T=ie(document.body),g=f(null),D=w(()=>s.modelValue),H=w(()=>[s.validation]),S=w(()=>({default:!s.results,filled:s.results&&s.results.length>0,blank:s.results&&s.results.length===0})),j=f(!1),C=f(!1),I=f([]),a=f(),{value:m,uuid:z,setValue:L}=fe(D,H,s.name,e=>{x("update:modelValue",e==null?void 0:e.trim())}),b=f(),{hasFocus:N,activate:P,deactivate:U}=me(b),p=Q(t,"isOpen"),M=()=>{p.value=!1,a.value=void 0,m.value=""},q=e=>{var o,u,n;(n=(u=(o=I.value)==null?void 0:o.at(e))==null?void 0:u.$el)==null||n.scrollIntoView({block:"nearest"})},_=e=>{x("onResultClick",e),L(""),a.value=void 0},h=e=>{a.value=e,q(e),x("onResultHover",e)},G=()=>M();return ue(["ArrowUp","ArrowDown","Enter","Escape"],e=>{var o;if(e.preventDefault(),e.stopPropagation(),N&&((o=s.results)!=null&&o.length))switch(e.key){case"ArrowUp":const u=Math.max((a.value??0)-1,0);h(u);break;case"ArrowDown":const n=a.value!==void 0?Math.min(a.value+1,s.results.length-1):0;h(n);break;case"Enter":a.value!==void 0&&_(a.value);break}e.key==="Escape"&&M()},{target:b}),W([p,g],async()=>{var e,o;T.value=p.value,p.value?((e=g.value)==null||e.focus(),s.shouldHoverFirstResultOnOpen&&((o=s.results)!=null&&o.length)&&h(0),await X(),P()):(U(),m.value="")}),(e,o)=>(l(),R(Y,{to:"body"},[v(ne,{name:"fade"},{default:Z(()=>[p.value?(l(),i("div",{key:0,ref_key:"searchBarRef",ref:b,class:"fixed inset-x-0 top-0 z-40 flex justify-center max-h-full overflow-y-auto px-4 pt-20 pb-6 max-sm:p-0"},[F((l(),i("div",{class:E(["m-10 z-50 md:max-w-3xl w-full flex flex-col p-6 border rounded-2xl border-neutral-surface bg-neutral-surface shadow-md",{"gap-6":s.results}])},[r("div",pe,[v($,{name:"MagnifyingGlassIcon",class:"text-neutral-lighter w-6 h-6"}),F(r("input",{ref_key:"searchInput",ref:g,"onUpdate:modelValue":o[0]||(o[0]=u=>ee(m)?m.value=u:null),name:e.id||`${d(z)}`,type:"text",class:"p-0 text-lg font-normal flex-1 outline-none border-none bg-neutral-surface focus:ring-none focus:border-none focus:outline-none border-transparent focus:border-transparent focus:ring-0",placeholder:e.placeholder,onFocusin:o[1]||(o[1]=()=>{C.value=!0,j.value=!1}),onFocusout:o[2]||(o[2]=()=>{C.value=!1})},null,40,ve),[[te,d(m)]])]),r("span",he,[t.results?(l(),R(V,{key:0,direction:"horizontal"})):c("",!0),t.blankResults&&S.value.blank?(l(),i("div",ye,[v($,O(t.blankResults.icon,{class:"w-7 h-7"}),null,16),r("p",xe,y(t.blankResults.primaryRow),1),r("p",ke,y(t.blankResults.secondaryRow),1)])):c("",!0),t.results&&S.value.filled?(l(),i("div",ge,[r("div",{class:E(["flex flex-col items-start flex-1 gap-6 overflow-y-auto max-h-50-screen",{"pr-6":d(k).info&&t.results.length>0}])},[t.text?(l(),i("span",be,y(t.text),1)):c("",!0),r("div",we,[(l(!0),i(oe,null,se(t.results,(u,n)=>(l(),R(re,O({key:n,ref_for:!0,ref_key:"itemRefs",ref:I,color:t.color},u,{status:a.value===n?"hover":"default",tabindex:"-1",onClick:()=>_(n),onMouseover:()=>h(n)}),null,16,["color","status","onClick","onMouseover"]))),128))])],2),d(k).info?(l(),i("div",Re,[v(V,{direction:"vertical"})])):c("",!0),d(k).info?(l(),i("div",Oe,[le(e.$slots,"info")])):c("",!0)])):c("",!0),t.results&&t.footer?(l(),i("div",Se,[r("span",Ce,y(t.footer.text),1),v(d(ae),O(t.footer.button,{variant:"tertiary"}),null,16)])):c("",!0)])],2)),[[d(ce),G]]),r("div",Ie,[r("div",Me,null,512)])],512)):c("",!0)]),_:3})]))}});export{at as default,lt as elInputSearchColors,rt as elInputSearchStatus};
+import{defineComponent as K,mergeModels as B,useSlots as J,ref as f,computed as w,useModel as Q,watch as W,nextTick as X,openBlock as l,createBlock as R,Teleport as Y,createVNode as v,withCtx as Z,createElementBlock as i,withDirectives as F,normalizeClass as E,createElementVNode as r,isRef as ee,unref as d,vModelText as te,createCommentVNode as c,mergeProps as O,toDisplayString as y,Fragment as oe,renderList as se,renderSlot as le}from"vue";import V from"../ElDivider.vue.esm2.js";import $ from"../ElIcon.vue.esm2.js";import re from"../ElVerticalTab.vue.esm2.js";/* empty css              */import"../polyfills.esm.js";import"vee-validate";import"../../node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.esm.js";import"../../node_modules/lodash/lodash.esm.js";import"../tailwind.plugin.esm.js";import"../../node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.esm.js";import ae from"../ElButton.vue.esm2.js";import ne from"../_CustomTransition.vue.esm2.js";import{useScrollLock as ie,onKeyStroke as ue}from"../../node_modules/@vueuse/core/index.esm.js";import"./ElInputSelect.vue.esm2.js";import"./ElInputText.vue.esm2.js";import"./ElInputCheckbox.vue.esm2.js";import"./ElInputDate.vue.esm2.js";import"./ElInputFile.vue.esm2.js";import"./ElInputMeasureUnit.vue.esm2.js";import"./ElInputNumber.vue.esm2.js";import"./ElInputPhone.vue.esm2.js";import"./ElInputTextarea.vue.esm2.js";import"../ElToast.vue.esm2.js";import"./ElInputRadioButton.vue.esm2.js";import{VOnClickOutside as ce}from"../../node_modules/@vueuse/components/index.esm.js";import{withTextualElInputProps as de,useInput as fe}from"./input.esm.js";import"../../node_modules/swiper/shared/swiper-core.esm.js";import{useFocusTrap as me}from"../../node_modules/@vueuse/integrations/useFocusTrap.esm.js";const pe={class:"flex flex-row items-center gap-3 bg-neutral-surface rounded-2xl"},ve=["name","placeholder"],he={class:"flex flex-col gap-y-6 overflow-y-hidden"},ye={key:1,class:"flex flex-col items-center justify-center flex-1 gap-4 py-8 text-neutral-lighter"},xe={class:"text-sm font-semibold text-neutral-darker"},ke={class:"text-sm font-normal"},ge={key:2,class:"flex py-2 overflow-y-hidden"},be={key:0,class:"text-sm font-medium text-neutral-darker"},we={class:"flex flex-col gap-1 w-full"},Re={key:0},Oe={key:1,class:"flex-1 pl-6 overflow-y-auto"},Se={key:3,class:"flex items-center gap-1 self-stretch"},Ce={class:"text-sm font-normal text-neutral-darker"},Ie={class:"fixed inset-0 transition-opacity"},Me={ref:"backdrop",class:"absolute inset-0 bg-gray-500 opacity-75"},lt=["primary","secondary"],rt=["default","filled","blank"],at=K({__name:"ElInputSearch",props:B({...de(),status:{type:String,default:"default"},text:{type:String,default:void 0},results:{type:Array,default:void 0},footer:{type:Object,default:void 0},blankResults:{type:Object,default:void 0},shouldHoverFirstResultOnOpen:{type:Boolean,default:!1},color:{type:String,default:"primary"}},{isOpen:{default:!0,required:!0,type:Boolean},isOpenModifiers:{}}),emits:B(["update:modelValue","onResultClick","onResultHover"],["update:isOpen"]),setup(t,{emit:A}){const s=t,x=A,k=J(),T=ie(document.body),g=f(null),D=w(()=>s.modelValue),H=w(()=>[s.validation]),S=w(()=>({default:!s.results,filled:s.results&&s.results.length>0,blank:s.results&&s.results.length===0})),j=f(!1),C=f(!1),I=f([]),a=f(),{value:m,uuid:z,setValue:L}=fe(D,H,s.name,e=>{x("update:modelValue",e==null?void 0:e.trim())}),b=f(),{hasFocus:N,activate:P,deactivate:U}=me(b),p=Q(t,"isOpen"),M=()=>{p.value=!1,a.value=void 0,m.value=""},q=e=>{var o,u,n;(n=(u=(o=I.value)==null?void 0:o.at(e))==null?void 0:u.$el)==null||n.scrollIntoView({block:"nearest"})},_=e=>{x("onResultClick",e),L(""),a.value=void 0},h=e=>{a.value=e,q(e),x("onResultHover",e)},G=()=>M();return ue(["ArrowUp","ArrowDown","Enter","Escape"],e=>{var o;if(e.preventDefault(),e.stopPropagation(),N&&((o=s.results)!=null&&o.length))switch(e.key){case"ArrowUp":const u=Math.max((a.value??0)-1,0);h(u);break;case"ArrowDown":const n=a.value!==void 0?Math.min(a.value+1,s.results.length-1):0;h(n);break;case"Enter":a.value!==void 0&&_(a.value);break}e.key==="Escape"&&M()},{target:b}),W([p,g],async()=>{var e,o;T.value=p.value,p.value?((e=g.value)==null||e.focus(),s.shouldHoverFirstResultOnOpen&&((o=s.results)!=null&&o.length)&&h(0),await X(),P()):(U(),m.value="")}),(e,o)=>(l(),R(Y,{to:"body"},[v(ne,{name:"fade"},{default:Z(()=>[p.value?(l(),i("div",{key:0,ref_key:"searchBarRef",ref:b,class:"fixed inset-x-0 top-0 z-40 flex justify-center max-h-full overflow-y-auto px-4 pt-20 pb-6 max-sm:p-0"},[F((l(),i("div",{class:E(["m-10 z-50 md:max-w-3xl w-full flex flex-col p-6 border rounded-2xl border-neutral-surface bg-neutral-surface shadow-md",{"gap-6":s.results}])},[r("div",pe,[v($,{name:"MagnifyingGlassIcon",class:"text-neutral-lighter w-6 h-6"}),F(r("input",{ref_key:"searchInput",ref:g,"onUpdate:modelValue":o[0]||(o[0]=u=>ee(m)?m.value=u:null),name:e.id||`${d(z)}`,type:"text",class:"p-0 text-lg font-normal flex-1 outline-none border-none bg-neutral-surface focus:ring-none focus:border-none focus:outline-none border-transparent focus:border-transparent focus:ring-0",placeholder:e.placeholder,onFocusin:o[1]||(o[1]=()=>{C.value=!0,j.value=!1}),onFocusout:o[2]||(o[2]=()=>{C.value=!1})},null,40,ve),[[te,d(m)]])]),r("span",he,[t.results?(l(),R(V,{key:0,direction:"horizontal"})):c("",!0),t.blankResults&&S.value.blank?(l(),i("div",ye,[v($,O(t.blankResults.icon,{class:"w-7 h-7"}),null,16),r("p",xe,y(t.blankResults.primaryRow),1),r("p",ke,y(t.blankResults.secondaryRow),1)])):c("",!0),t.results&&S.value.filled?(l(),i("div",ge,[r("div",{class:E(["flex flex-col items-start flex-1 gap-6 overflow-y-auto max-h-50-screen",{"pr-6":d(k).info&&t.results.length>0}])},[t.text?(l(),i("span",be,y(t.text),1)):c("",!0),r("div",we,[(l(!0),i(oe,null,se(t.results,(u,n)=>(l(),R(re,O({key:n,ref_for:!0,ref_key:"itemRefs",ref:I,color:t.color},u,{status:a.value===n?"hover":"default",tabindex:"-1",onClick:()=>_(n),onMouseover:()=>h(n)}),null,16,["color","status","onClick","onMouseover"]))),128))])],2),d(k).info?(l(),i("div",Re,[v(V,{direction:"vertical"})])):c("",!0),d(k).info?(l(),i("div",Oe,[le(e.$slots,"info")])):c("",!0)])):c("",!0),t.results&&t.footer?(l(),i("div",Se,[r("span",Ce,y(t.footer.text),1),v(d(ae),O(t.footer.button,{variant:"tertiary"}),null,16)])):c("",!0)])],2)),[[d(ce),G]]),r("div",Ie,[r("div",Me,null,512)])],512)):c("",!0)]),_:3})]))}});export{at as default,lt as elInputSearchColors,rt as elInputSearchStatus};
 //# sourceMappingURL=ElInputSearch.vue.esm2.js.map