@davincihealthcare/elty-design-system-vue 2.7.2 → 2.9.0

package/dist/ElContainerTemplate.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElContainerTemplate.vue.cjs2.js","sources":["../src/ElContainerTemplate.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elContainerTemplateVariants = ['table', 'drawer'] as const;\nexport type ElContainerTemplateVariant = (typeof elContainerTemplateVariants)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { ElDrawer } from '.';\nimport ElTabGroup from './ElTabGroup.vue';\n\nconst props = defineProps<{\n  title: string;\n  description?: string;\n  tabs?: InstanceType<typeof ElTabGroup>['$props'];\n  selectedTab?: string;\n  variant: { name: 'table' } | { name: 'drawer'; drawerTitle: string };\n}>();\n\nconst emit = defineEmits<{\n  (event: 'onTabChange', tab: string): void;\n}>();\n\nconst selectedTab = ref<string>(props.selectedTab || '');\n</script>\n\n<template>\n  <div class=\"rounded-3xl border shadow-md border-neutral-surface bg-neutral-surface overflow-hidden\">\n    <div class=\"px-4 py-8 flex justify-between items-center text-neutral-darker\">\n      <div class=\"flex flex-col gap-5\">\n        <h1 class=\"text-3xl font-semibold\">{{ title }}</h1>\n        <p v-if=\"description?.length\" class=\"text-sm\">{{ description }}</p>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <div class=\"min-w-44\">\n          <slot name=\"input-select\"> </slot>\n        </div>\n        <slot name=\"secondary-button\"></slot>\n        <slot name=\"primary-button\"></slot>\n\n        <slot name=\"icon-button\"></slot>\n      </div>\n    </div>\n    <div class=\"px-4 pb-6\">\n      <ElTabGroup v-if=\"tabs\" v-bind=\"tabs\" v-model=\"selectedTab\" @update:model-value=\"tab => emit('onTabChange', tab)\" />\n    </div>\n    <div>\n      <slot v-if=\"variant.name === 'table'\" name=\"table\"> </slot>\n      <div v-if=\"variant.name === 'drawer'\" class=\"flex\">\n        <div class=\"min-w-72\">\n          <ElDrawer :headline=\"variant.drawerTitle\">\n            <slot name=\"drawer-content\"> </slot>\n          </ElDrawer>\n        </div>\n        <div class=\"flex-1 w-full\">\n          <slot name=\"content-slot\"> </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elContainerTemplateVariants","props","__props","emit","__emit","selectedTab","ref"],"mappings":"6sDACaA,EAA8B,CAAC,QAAS,QAAQ,8JAS7D,MAAMC,EAAQC,EAQRC,EAAOC,EAIPC,EAAcC,EAAA,IAAYL,EAAM,aAAe,EAAE"}

package/dist/ElContainerTemplate.vue.esm2.js

@@ -1,2 +0,0 @@
-import{defineComponent as b,ref as h,openBlock as r,createElementBlock as a,createElementVNode as t,toDisplayString as d,createCommentVNode as i,renderSlot as o,createBlock as v,mergeProps as _,createVNode as w,unref as y,withCtx as $}from"vue";/* 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 g from"./ElDrawer.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/ElInputText.vue.esm2.js";import"./forms/ElInputTextarea.vue.esm2.js";import k from"./ElTabGroup.vue.esm2.js";import"./ElToast.vue.esm2.js";import"./forms/ElInputRadioButton.vue.esm2.js";import"./node_modules/swiper/shared/swiper-core.esm.js";/* empty css                                  *//* empty css                                              */import"./forms/ElInputSearch.vue.esm2.js";import"./forms/ElInputAutocomplete.vue.esm2.js";const T={class:"rounded-3xl border shadow-md border-neutral-surface bg-neutral-surface overflow-hidden"},C={class:"px-4 py-8 flex justify-between items-center text-neutral-darker"},V={class:"flex flex-col gap-5"},B={class:"text-3xl font-semibold"},E={key:0,class:"text-sm"},N={class:"flex items-center gap-2"},S={class:"min-w-44"},j={class:"px-4 pb-6"},x={key:1,class:"flex"},D={class:"min-w-72"},P={class:"flex-1 w-full"},ae=["table","drawer"],le=b({__name:"ElContainerTemplate",props:{title:{},description:{},tabs:{},selectedTab:{},variant:{}},emits:["onTabChange"],setup(p,{emit:c}){const u=p,f=c,l=h(u.selectedTab||"");return(e,s)=>{var m;return r(),a("div",T,[t("div",C,[t("div",V,[t("h1",B,d(e.title),1),(m=e.description)!=null&&m.length?(r(),a("p",E,d(e.description),1)):i("",!0)]),t("div",N,[t("div",S,[o(e.$slots,"input-select")]),o(e.$slots,"secondary-button"),o(e.$slots,"primary-button"),o(e.$slots,"icon-button")])]),t("div",j,[e.tabs?(r(),v(k,_({key:0},e.tabs,{modelValue:l.value,"onUpdate:modelValue":[s[0]||(s[0]=n=>l.value=n),s[1]||(s[1]=n=>f("onTabChange",n))]}),null,16,["modelValue"])):i("",!0)]),t("div",null,[e.variant.name==="table"?o(e.$slots,"table",{key:0}):i("",!0),e.variant.name==="drawer"?(r(),a("div",x,[t("div",D,[w(y(g),{headline:e.variant.drawerTitle},{default:$(()=>[o(e.$slots,"drawer-content")]),_:3},8,["headline"])]),t("div",P,[o(e.$slots,"content-slot")])])):i("",!0)])])}}});export{le as default,ae as elContainerTemplateVariants};
-//# sourceMappingURL=ElContainerTemplate.vue.esm2.js.map

package/dist/ElContainerTemplate.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElContainerTemplate.vue.esm2.js","sources":["../src/ElContainerTemplate.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elContainerTemplateVariants = ['table', 'drawer'] as const;\nexport type ElContainerTemplateVariant = (typeof elContainerTemplateVariants)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { ElDrawer } from '.';\nimport ElTabGroup from './ElTabGroup.vue';\n\nconst props = defineProps<{\n  title: string;\n  description?: string;\n  tabs?: InstanceType<typeof ElTabGroup>['$props'];\n  selectedTab?: string;\n  variant: { name: 'table' } | { name: 'drawer'; drawerTitle: string };\n}>();\n\nconst emit = defineEmits<{\n  (event: 'onTabChange', tab: string): void;\n}>();\n\nconst selectedTab = ref<string>(props.selectedTab || '');\n</script>\n\n<template>\n  <div class=\"rounded-3xl border shadow-md border-neutral-surface bg-neutral-surface overflow-hidden\">\n    <div class=\"px-4 py-8 flex justify-between items-center text-neutral-darker\">\n      <div class=\"flex flex-col gap-5\">\n        <h1 class=\"text-3xl font-semibold\">{{ title }}</h1>\n        <p v-if=\"description?.length\" class=\"text-sm\">{{ description }}</p>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <div class=\"min-w-44\">\n          <slot name=\"input-select\"> </slot>\n        </div>\n        <slot name=\"secondary-button\"></slot>\n        <slot name=\"primary-button\"></slot>\n\n        <slot name=\"icon-button\"></slot>\n      </div>\n    </div>\n    <div class=\"px-4 pb-6\">\n      <ElTabGroup v-if=\"tabs\" v-bind=\"tabs\" v-model=\"selectedTab\" @update:model-value=\"tab => emit('onTabChange', tab)\" />\n    </div>\n    <div>\n      <slot v-if=\"variant.name === 'table'\" name=\"table\"> </slot>\n      <div v-if=\"variant.name === 'drawer'\" class=\"flex\">\n        <div class=\"min-w-72\">\n          <ElDrawer :headline=\"variant.drawerTitle\">\n            <slot name=\"drawer-content\"> </slot>\n          </ElDrawer>\n        </div>\n        <div class=\"flex-1 w-full\">\n          <slot name=\"content-slot\"> </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elContainerTemplateVariants","props","__props","emit","__emit","selectedTab","ref"],"mappings":"kvDACaA,GAA8B,CAAC,QAAS,QAAQ,+IAS7D,MAAMC,EAAQC,EAQRC,EAAOC,EAIPC,EAAcC,EAAYL,EAAM,aAAe,EAAE"}

package/dist/ElDivider.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElDivider.vue.cjs2.js","sources":["../src/ElDivider.vue"],"sourcesContent":["<script set lang=\"ts\">\nexport const elDividerDirection = ['vertical', 'horizontal'] as const;\nexport type ElDividerDirection = (typeof elDividerDirection)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { withDefaults } from 'vue';\n\nwithDefaults(\n  defineProps<{\n    direction?: ElDividerDirection;\n  }>(),\n  { direction: 'horizontal' },\n);\n</script>\n\n<template>\n  <div\n    class=\"border rounded-full border-neutral-surface\"\n    :class=\"{\n      'w-0 h-full': direction === 'vertical',\n      'h-0 w-full': direction === 'horizontal',\n    }\"\n  ></div>\n</template>\n"],"names":["elDividerDirection"],"mappings":"mIACaA,EAAqB,CAAC,WAAY,YAAY"}

package/dist/ElDivider.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElDivider.vue.esm2.js","sources":["../src/ElDivider.vue"],"sourcesContent":["<script set lang=\"ts\">\nexport const elDividerDirection = ['vertical', 'horizontal'] as const;\nexport type ElDividerDirection = (typeof elDividerDirection)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { withDefaults } from 'vue';\n\nwithDefaults(\n  defineProps<{\n    direction?: ElDividerDirection;\n  }>(),\n  { direction: 'horizontal' },\n);\n</script>\n\n<template>\n  <div\n    class=\"border rounded-full border-neutral-surface\"\n    :class=\"{\n      'w-0 h-full': direction === 'vertical',\n      'h-0 w-full': direction === 'horizontal',\n    }\"\n  ></div>\n</template>\n"],"names":["elDividerDirection"],"mappings":"iGACa,MAAAA,EAAqB,CAAC,WAAY,YAAY"}

package/dist/ElDrawer.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElDrawer.vue.cjs2.js","sources":["../src/ElDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ElButton from '@/ElButton.vue';\nimport ElTabGroup from '@/ElTabGroup.vue';\nimport ElInputText from '@/forms/ElInputText.vue';\n\ndefineProps<{\n  headline?: string;\n  action?: Pick<InstanceType<(typeof ElTabGroup)['$props']>, 'label'> & { onClick?: () => void };\n  tabs?: InstanceType<(typeof ElTabGroup)['$props']>;\n  input?: InstanceType<(typeof ElInputText)['$props']>;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'update:tabs', tabs: InstanceType<(typeof ElTabGroup)['$props']>): void;\n  (e: 'update:input', tabs: InstanceType<(typeof ElInputText)['$props']>): void;\n}>();\n</script>\n<template>\n  <div class=\"min-w-72 px-4 py-5 bg-white inline-flex h-full flex-col gap-5\">\n    <div v-if=\"headline || action\" class=\"h-10 flex items-center text-neutral-darker\">\n      <span v-if=\"headline\" class=\"text-xl font-semibold text-ellipsis text-\">{{ headline }}</span>\n      <ElButton v-if=\"action\" class=\"ml-auto\" :label=\"action.label\" variant=\"tertiary\" size=\"xs\" @click=\"action.onClick\" />\n    </div>\n    <ElTabGroup v-if=\"tabs\" v-bind=\"tabs\" @update:model-value=\"modelValue => emit('update:tabs', { ...tabs, modelValue })\" />\n    <ElInputText v-if=\"input\" v-bind=\"input\" @update:model-value=\"modelValue => emit('update:input', { ...input, modelValue })\" />\n    <div class=\"h-full rounded-lg\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit"],"mappings":"wmBAYA,MAAMA,EAAOC"}

package/dist/ElDrawer.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElDrawer.vue.esm2.js","sources":["../src/ElDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ElButton from '@/ElButton.vue';\nimport ElTabGroup from '@/ElTabGroup.vue';\nimport ElInputText from '@/forms/ElInputText.vue';\n\ndefineProps<{\n  headline?: string;\n  action?: Pick<InstanceType<(typeof ElTabGroup)['$props']>, 'label'> & { onClick?: () => void };\n  tabs?: InstanceType<(typeof ElTabGroup)['$props']>;\n  input?: InstanceType<(typeof ElInputText)['$props']>;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'update:tabs', tabs: InstanceType<(typeof ElTabGroup)['$props']>): void;\n  (e: 'update:input', tabs: InstanceType<(typeof ElInputText)['$props']>): void;\n}>();\n</script>\n<template>\n  <div class=\"min-w-72 px-4 py-5 bg-white inline-flex h-full flex-col gap-5\">\n    <div v-if=\"headline || action\" class=\"h-10 flex items-center text-neutral-darker\">\n      <span v-if=\"headline\" class=\"text-xl font-semibold text-ellipsis text-\">{{ headline }}</span>\n      <ElButton v-if=\"action\" class=\"ml-auto\" :label=\"action.label\" variant=\"tertiary\" size=\"xs\" @click=\"action.onClick\" />\n    </div>\n    <ElTabGroup v-if=\"tabs\" v-bind=\"tabs\" @update:model-value=\"modelValue => emit('update:tabs', { ...tabs, modelValue })\" />\n    <ElInputText v-if=\"input\" v-bind=\"input\" @update:model-value=\"modelValue => emit('update:input', { ...input, modelValue })\" />\n    <div class=\"h-full rounded-lg\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n"],"names":["emit","__emit"],"mappings":"oqBAYA,MAAMA,EAAOC"}

package/dist/ElDropdown.vue.cjs2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("./_CustomTransition.vue.cjs2.js"),V=require("./ElClipToAnchor.vue.cjs2.js"),b=require("./ElItem.vue.cjs2.js"),I=require("./ElButton.vue.cjs2.js"),y=require("./node_modules/@vueuse/core/index.cjs.js"),N=require("./node_modules/lodash/lodash.cjs.js"),A=require("./ElIconButton.vue.cjs2.js"),D={class:"relative"},q={class:"border-neutral-surface text-neutral-darker inline-flex w-full flex-col items-start gap-1 rounded-xl border bg-white p-2 text-sm shadow-md max-h-[inherit]"},O={key:0,class:"border-neutral-surface flex h-9 items-center self-stretch border-b px-2"},P={class:"font-semibold"},$=["aria-activedescendant"],S={class:"flex w-full flex-col gap-1"},T={key:1,class:"border-neutral-surface self-stretch border-t py-2 px-5"},M=[0,260,1e3],F=e.defineComponent({__name:"ElDropdown",props:{items:{},title:{default:void 0},action:{default:void 0},left:{type:Boolean},right:{type:Boolean},minWidth:{default:void 0},isOpen:{type:Boolean,default:void 0},maxHeight:{default:260},iconButton:{default:void 0},multiple:{type:Boolean,default:!1}},emits:["click:action","update:is-open"],setup(g,{expose:w,emit:B}){const a=g,p=B,f=e.ref(!1),i=e.ref(),v=e.ref(),r=e.ref(0),c=e.ref(),s=e.computed({set(t){a.isOpen!==void 0&&p("update:is-open",t),f.value=t},get(){return a.isOpen!==void 0?a.isOpen:f.value}}),u=()=>s.value=!s.value,m=()=>{s.value=!0},d=()=>s.value=!1;e.watch(()=>[a.items,s.value],()=>{var t;if(s.value){const l=(t=a.items)==null?void 0:t.findIndex(o=>o.check);r.value=l||0}});const h=t=>{var l,o,n;(n=(o=(l=c.value)==null?void 0:l.at(t))==null?void 0:o.$el)==null||n.scrollIntoView({block:"nearest"})},x=()=>{var t;r.value+=(((t=c.value)==null?void 0:t.slice(r.value+1).findIndex(l=>!l.$props.disabled))??-1)+1,h(r.value)},C=()=>{var t;r.value-=(((t=c.value)==null?void 0:t.slice(0,r.value).reverse().findIndex(l=>!l.$props.disabled))??-1)+1,h(r.value)};return y.onKeyStroke(["ArrowDown","ArrowUp","Enter"],t=>{var l;if(s.value===!0){switch(t.key){case"ArrowDown":{x();break}case"ArrowUp":{C();break}case"Enter":{const o=a.items[r.value];o.disabled||((l=o.onClick)==null||l.call(o),d());break}}t.preventDefault(),t.stopPropagation()}}),w({show:m,hide:d,toggle:u}),y.onClickOutside(a.multiple?v:i,t=>{t.target.closest('[data-disabled="true"]')||d()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("div",{ref_key:"listAnchor",ref:i},[e.renderSlot(t.$slots,"anchor",e.normalizeProps(e.guardReactiveProps({isOpen:s.value,toggle:u,show:m,hide:d})),()=>[t.iconButton?(e.openBlock(),e.createBlock(A.default,e.mergeProps({key:0,class:"cursor-pointer","aria-expanded":s.value},t.iconButton,{onClick:u}),null,16,["aria-expanded"])):e.createCommentVNode("",!0)])],512),e.createVNode(E.default,{name:"expand"},{default:e.withCtx(()=>[s.value&&i.value?(e.openBlock(),e.createBlock(V.default,{key:0,ref_key:"elClipToAnchor",ref:v,class:"pt-1","match-anchor-width":"",anchor:i.value,position:t.left?"bottom-left":t.right?"bottom-right":"bottom","min-width":t.minWidth??208},{default:e.withCtx(()=>[e.createElementVNode("div",q,[t.title?(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("span",P,e.toDisplayString(t.title),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["no-scrollbar relative w-full overflow-y-scroll",{"max-h-[260px]":t.maxHeight===260}]),role:"listbox","aria-activedescendant":"option-"+r.value},[e.createElementVNode("div",S,[t.items.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.items,(o,n)=>{var _;return e.openBlock(),e.createBlock(b.default,e.mergeProps({id:"option-"+n,ref_for:!0,ref_key:"itemRefs",ref:c,key:n,class:["self-stretch",{"cursor-pointer":!o.disabled,"cursor-default":o.disabled}],role:"option",tabindex:"-1"},e.unref(N.lodashExports.omit)(o,"onClick"),{disabled:o.disabled,"data-disabled":o.disabled?"true":void 0,"data-cy":`${(_=o.text)==null?void 0:_.trim().replaceAll(" ","").replaceAll(",","")}-dropdown-item`,focused:r.value===n,onClick:e.withModifiers(H=>{var k;return!o.disabled&&((k=o.onClick)==null?void 0:k.call(o))},["prevent"])}),null,16,["id","class","disabled","data-disabled","data-cy","focused","onClick"])}),128)):(e.openBlock(),e.createBlock(b.default,{key:1,class:"cursor-pointer self-stretch","data-cy":"no-items-dropdown-item",text:"Nessuna opzione disponibile"}))])],10,$),t.action?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(I.default,e.mergeProps({variant:"tertiary"},t.action,{class:"w-full",onClick:l[0]||(l[0]=o=>p("click:action"))}),null,16)])):e.createCommentVNode("",!0)])]),_:1},8,["anchor","position","min-width"])):e.createCommentVNode("",!0)]),_:1})]))}});exports.default=F;exports.elDropdownMaxHeight=M;
-//# sourceMappingURL=ElDropdown.vue.cjs2.js.map

package/dist/ElDropdown.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElDropdown.vue.cjs2.js","sources":["../src/ElDropdown.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elDropdownMaxHeight = [0, 260, 1000] as const;\nexport type ElDropdownMaxHeight = (typeof elDropdownMaxHeight)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport CustomTransition from '@/_CustomTransition.vue';\nimport ElClipToAnchor from '@/ElClipToAnchor.vue';\nimport ElItem from '@/ElItem.vue';\nimport ElButton from '@/ElButton.vue';\nimport { ref, computed, watch } from 'vue';\nimport { onKeyStroke, onClickOutside } from '@vueuse/core';\nimport { omit } from 'lodash';\nimport ElIconButton from './ElIconButton.vue';\n\nexport type DropdownItem = { onClick?: () => void } & InstanceType<typeof ElItem>['$props'];\n\nconst props = withDefaults(\n  defineProps<{\n    items: DropdownItem[];\n    title?: string;\n    action?: Omit<InstanceType<typeof ElButton>['$props'], 'variant' | 'size'>;\n    left?: boolean;\n    right?: boolean;\n    minWidth?: number;\n    isOpen?: boolean;\n    maxHeight?: ElDropdownMaxHeight;\n    iconButton?: InstanceType<typeof ElIconButton>['$props'];\n    multiple?: boolean;\n  }>(),\n  {\n    title: undefined,\n    action: undefined,\n    isOpen: undefined,\n    minWidth: undefined,\n    maxHeight: 260,\n    iconButton: undefined,\n    multiple: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'click:action'): void;\n  (event: 'update:is-open', isOpen: boolean): void;\n}>();\n\nconst internalIsOpenState = ref<boolean>(false);\nconst listAnchor = ref<HTMLElement>();\nconst elClipToAnchor = ref<HTMLElement>();\nconst focusedIndex = ref<number>(0);\nconst itemRefs = ref<InstanceType<typeof ElItem>[]>();\n\nconst isOpenProxy = computed({\n  set(isOpen: boolean) {\n    if (props.isOpen !== undefined) {\n      emit('update:is-open', isOpen);\n    }\n    internalIsOpenState.value = isOpen;\n  },\n  get(): boolean {\n    if (props.isOpen !== undefined) return props.isOpen;\n    return internalIsOpenState.value;\n  },\n});\n\nconst toggle = () => (isOpenProxy.value = !isOpenProxy.value);\nconst show = () => {\n  isOpenProxy.value = true;\n};\nconst hide = () => (isOpenProxy.value = false);\n\n// Used to focus the first item when the dropdown is opened, so we can continue keyboard navigation from there\nwatch(\n  () => [props.items, isOpenProxy.value],\n  () => {\n    if (isOpenProxy.value) {\n      const selectedValueIdx = props.items?.findIndex(item => item.check);\n      focusedIndex.value = selectedValueIdx || 0;\n    }\n  },\n);\n\n// Once focused item changes, we try to scroll the focused item into view if it's not already visible\nconst scrollToFocusedIndex = (focusedIndex: number) => {\n  itemRefs.value?.at(focusedIndex)?.$el?.scrollIntoView({ block: 'nearest' });\n};\n\nconst moveVisibleFocusDown = () => {\n  focusedIndex.value += (itemRefs.value?.slice(focusedIndex.value + 1).findIndex(item => !item.$props.disabled) ?? -1) + 1;\n  scrollToFocusedIndex(focusedIndex.value);\n};\n\nconst moveVisibleFocusUp = () => {\n  focusedIndex.value -=\n    (itemRefs.value\n      ?.slice(0, focusedIndex.value)\n      .reverse()\n      .findIndex(item => !item.$props.disabled) ?? -1) + 1;\n\n  scrollToFocusedIndex(focusedIndex.value);\n};\n\n// Keyboard navigation handlers\nonKeyStroke(['ArrowDown', 'ArrowUp', 'Enter'], e => {\n  if (isOpenProxy.value === true) {\n    switch (e.key) {\n      case 'ArrowDown': {\n        moveVisibleFocusDown();\n        break;\n      }\n      case 'ArrowUp': {\n        moveVisibleFocusUp();\n        break;\n      }\n      case 'Enter': {\n        const item = props.items[focusedIndex.value];\n\n        if (!item.disabled) {\n          item.onClick?.();\n          hide();\n        }\n\n        break;\n      }\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n  }\n});\n\ndefineExpose({\n  show,\n  hide,\n  toggle,\n});\n\nonClickOutside(props.multiple ? elClipToAnchor : listAnchor, event => {\n  // Check if the clicked element is a disabled item\n  const clickedElement = event.target as HTMLElement;\n  const isDisabledItem = clickedElement.closest('[data-disabled=\"true\"]');\n\n  if (!isDisabledItem) {\n    hide();\n  }\n});\n</script>\n\n<template>\n  <div class=\"relative\">\n    <div ref=\"listAnchor\">\n      <slot\n        name=\"anchor\"\n        v-bind=\"{\n          isOpen: isOpenProxy,\n          toggle,\n          show,\n          hide,\n        }\"\n      >\n        <ElIconButton v-if=\"iconButton\" class=\"cursor-pointer\" :aria-expanded=\"isOpenProxy\" v-bind=\"iconButton\" @click=\"toggle\" />\n      </slot>\n    </div>\n\n    <CustomTransition name=\"expand\">\n      <ElClipToAnchor\n        v-if=\"isOpenProxy && listAnchor\"\n        ref=\"elClipToAnchor\"\n        class=\"pt-1\"\n        match-anchor-width\n        :anchor=\"listAnchor\"\n        :position=\"left ? 'bottom-left' : right ? 'bottom-right' : 'bottom'\"\n        :min-width=\"minWidth ?? 208\"\n      >\n        <div\n          class=\"border-neutral-surface text-neutral-darker inline-flex w-full flex-col items-start gap-1 rounded-xl border bg-white p-2 text-sm shadow-md max-h-[inherit]\"\n        >\n          <div v-if=\"title\" class=\"border-neutral-surface flex h-9 items-center self-stretch border-b px-2\">\n            <span class=\"font-semibold\">{{ title }}</span>\n          </div>\n          <div\n            class=\"no-scrollbar relative w-full overflow-y-scroll\"\n            :class=\"{\n              'max-h-[260px]': maxHeight === 260,\n            }\"\n            role=\"listbox\"\n            :aria-activedescendant=\"'option-' + focusedIndex\"\n          >\n            <div class=\"flex w-full flex-col gap-1\">\n              <template v-if=\"items.length > 0\">\n                <ElItem\n                  v-for=\"(item, index) in items\"\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-disabled=\"item.disabled ? 'true' : undefined\"\n                  :data-cy=\"`${item.text?.trim().replaceAll(' ', '').replaceAll(',', '')}-dropdown-item`\"\n                  :focused=\"focusedIndex === index\"\n                  @click.prevent=\"!item.disabled && item.onClick?.()\"\n                />\n              </template>\n              <ElItem v-else class=\"cursor-pointer self-stretch\" :data-cy=\"`no-items-dropdown-item`\" text=\"Nessuna opzione disponibile\" />\n            </div>\n          </div>\n          <div v-if=\"action\" class=\"border-neutral-surface self-stretch border-t py-2 px-5\">\n            <ElButton variant=\"tertiary\" v-bind=\"action\" class=\"w-full\" @click=\"emit('click:action')\" />\n          </div>\n        </div>\n      </ElClipToAnchor>\n    </CustomTransition>\n  </div>\n</template>\n"],"names":["elDropdownMaxHeight","props","__props","emit","__emit","internalIsOpenState","ref","listAnchor","elClipToAnchor","focusedIndex","itemRefs","isOpenProxy","computed","isOpen","toggle","show","hide","watch","selectedValueIdx","_a","item","scrollToFocusedIndex","_c","_b","moveVisibleFocusDown","moveVisibleFocusUp","onKeyStroke","e","__expose","onClickOutside","event"],"mappings":"02BACaA,EAAsB,CAAC,EAAG,IAAK,GAAI,6WAgBhD,MAAMC,EAAQC,EAwBRC,EAAOC,EAKPC,EAAsBC,MAAa,EAAK,EACxCC,EAAaD,EAAAA,MACbE,EAAiBF,EAAAA,MACjBG,EAAeH,MAAY,CAAC,EAC5BI,EAAWJ,EAAAA,MAEXK,EAAcC,EAAAA,SAAS,CAC3B,IAAIC,EAAiB,CACfZ,EAAM,SAAW,QACnBE,EAAK,iBAAkBU,CAAM,EAE/BR,EAAoB,MAAQQ,CAC9B,EACA,KAAe,CACb,OAAIZ,EAAM,SAAW,OAAkBA,EAAM,OACtCI,EAAoB,KAC7B,CAAA,CACD,EAEKS,EAAS,IAAOH,EAAY,MAAQ,CAACA,EAAY,MACjDI,EAAO,IAAM,CACjBJ,EAAY,MAAQ,EAAA,EAEhBK,EAAO,IAAOL,EAAY,MAAQ,GAGxCM,EAAA,MACE,IAAM,CAAChB,EAAM,MAAOU,EAAY,KAAK,EACrC,IAAM,OACJ,GAAIA,EAAY,MAAO,CACrB,MAAMO,GAAmBC,EAAAlB,EAAM,QAAN,YAAAkB,EAAa,UAAUC,GAAQA,EAAK,OAC7DX,EAAa,MAAQS,GAAoB,CAC3C,CACF,CAAA,EAII,MAAAG,EAAwBZ,GAAyB,YAC5Ca,GAAAC,GAAAJ,EAAAT,EAAA,QAAA,YAAAS,EAAO,GAAGV,KAAV,YAAAc,EAAyB,MAAzB,MAAAD,EAA8B,eAAe,CAAE,MAAO,SAAA,EAAW,EAGtEE,EAAuB,IAAM,OACjCf,EAAa,UAAUU,EAAAT,EAAS,QAAT,YAAAS,EAAgB,MAAMV,EAAa,MAAQ,GAAG,aAAkB,CAACW,EAAK,OAAO,YAAa,IAAM,EACvHC,EAAqBZ,EAAa,KAAK,CAAA,EAGnCgB,EAAqB,IAAM,OAC/BhB,EAAa,UACVU,EAAAT,EAAS,QAAT,YAAAS,EACG,MAAM,EAAGV,EAAa,OACvB,UACA,UAAkBW,GAAA,CAACA,EAAK,OAAO,YAAa,IAAM,EAEvDC,EAAqBZ,EAAa,KAAK,CAAA,EAIzCiB,OAAAA,EAAA,YAAY,CAAC,YAAa,UAAW,OAAO,EAAQC,GAAA,OAC9C,GAAAhB,EAAY,QAAU,GAAM,CAC9B,OAAQgB,EAAE,IAAK,CACb,IAAK,YAAa,CACKH,IACrB,KACF,CACA,IAAK,UAAW,CACKC,IACnB,KACF,CACA,IAAK,QAAS,CACZ,MAAML,EAAOnB,EAAM,MAAMQ,EAAa,KAAK,EAEtCW,EAAK,YACRD,EAAAC,EAAK,UAAL,MAAAD,EAAA,KAAAC,GACKJ,KAGP,KACF,CACF,CAEAW,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CACpB,CAAA,CACD,EAEYC,EAAA,CACX,KAAAb,EACA,KAAAC,EACA,OAAAF,CAAA,CACD,EAEDe,EAAA,eAAe5B,EAAM,SAAWO,EAAiBD,EAAqBuB,GAAA,CAE7CA,EAAM,OACS,QAAQ,wBAAwB,GAG/Dd,GACP,CACD"}

package/dist/ElDropdown.vue.esm2.js

@@ -1,2 +0,0 @@
-import{defineComponent as P,ref as n,computed as F,watch as N,openBlock as a,createElementBlock as f,createElementVNode as d,renderSlot as S,normalizeProps as z,guardReactiveProps as H,createBlock as m,mergeProps as b,createCommentVNode as v,createVNode as $,withCtx as A,toDisplayString as R,normalizeClass as T,Fragment as U,renderList as M,unref as W,withModifiers as K}from"vue";import L from"./_CustomTransition.vue.esm2.js";import j from"./ElClipToAnchor.vue.esm2.js";import B from"./ElItem.vue.esm2.js";import q from"./ElButton.vue.esm2.js";import{onKeyStroke as G,onClickOutside as J}from"./node_modules/@vueuse/core/index.esm.js";import{l as Q}from"./node_modules/lodash/lodash.esm.js";import X from"./ElIconButton.vue.esm2.js";const Y={class:"relative"},Z={class:"border-neutral-surface text-neutral-darker inline-flex w-full flex-col items-start gap-1 rounded-xl border bg-white p-2 text-sm shadow-md max-h-[inherit]"},ee={key:0,class:"border-neutral-surface flex h-9 items-center self-stretch border-b px-2"},te={class:"font-semibold"},oe=["aria-activedescendant"],le={class:"flex w-full flex-col gap-1"},se={key:1,class:"border-neutral-surface self-stretch border-t py-2 px-5"},me=[0,260,1e3],ve=P({__name:"ElDropdown",props:{items:{},title:{default:void 0},action:{default:void 0},left:{type:Boolean},right:{type:Boolean},minWidth:{default:void 0},isOpen:{type:Boolean,default:void 0},maxHeight:{default:260},iconButton:{default:void 0},multiple:{type:Boolean,default:!1}},emits:["click:action","update:is-open"],setup(I,{expose:D,emit:E}){const i=I,k=E,w=n(!1),c=n(),y=n(),l=n(0),u=n(),s=F({set(e){i.isOpen!==void 0&&k("update:is-open",e),w.value=e},get(){return i.isOpen!==void 0?i.isOpen:w.value}}),h=()=>s.value=!s.value,_=()=>{s.value=!0},p=()=>s.value=!1;N(()=>[i.items,s.value],()=>{var e;if(s.value){const o=(e=i.items)==null?void 0:e.findIndex(t=>t.check);l.value=o||0}});const x=e=>{var o,t,r;(r=(t=(o=u.value)==null?void 0:o.at(e))==null?void 0:t.$el)==null||r.scrollIntoView({block:"nearest"})},O=()=>{var e;l.value+=(((e=u.value)==null?void 0:e.slice(l.value+1).findIndex(o=>!o.$props.disabled))??-1)+1,x(l.value)},V=()=>{var e;l.value-=(((e=u.value)==null?void 0:e.slice(0,l.value).reverse().findIndex(o=>!o.$props.disabled))??-1)+1,x(l.value)};return G(["ArrowDown","ArrowUp","Enter"],e=>{var o;if(s.value===!0){switch(e.key){case"ArrowDown":{O();break}case"ArrowUp":{V();break}case"Enter":{const t=i.items[l.value];t.disabled||((o=t.onClick)==null||o.call(t),p());break}}e.preventDefault(),e.stopPropagation()}}),D({show:_,hide:p,toggle:h}),J(i.multiple?y:c,e=>{e.target.closest('[data-disabled="true"]')||p()}),(e,o)=>(a(),f("div",Y,[d("div",{ref_key:"listAnchor",ref:c},[S(e.$slots,"anchor",z(H({isOpen:s.value,toggle:h,show:_,hide:p})),()=>[e.iconButton?(a(),m(X,b({key:0,class:"cursor-pointer","aria-expanded":s.value},e.iconButton,{onClick:h}),null,16,["aria-expanded"])):v("",!0)])],512),$(L,{name:"expand"},{default:A(()=>[s.value&&c.value?(a(),m(j,{key:0,ref_key:"elClipToAnchor",ref:y,class:"pt-1","match-anchor-width":"",anchor:c.value,position:e.left?"bottom-left":e.right?"bottom-right":"bottom","min-width":e.minWidth??208},{default:A(()=>[d("div",Z,[e.title?(a(),f("div",ee,[d("span",te,R(e.title),1)])):v("",!0),d("div",{class:T(["no-scrollbar relative w-full overflow-y-scroll",{"max-h-[260px]":e.maxHeight===260}]),role:"listbox","aria-activedescendant":"option-"+l.value},[d("div",le,[e.items.length>0?(a(!0),f(U,{key:0},M(e.items,(t,r)=>{var g;return a(),m(B,b({id:"option-"+r,ref_for:!0,ref_key:"itemRefs",ref:u,key:r,class:["self-stretch",{"cursor-pointer":!t.disabled,"cursor-default":t.disabled}],role:"option",tabindex:"-1"},W(Q.omit)(t,"onClick"),{disabled:t.disabled,"data-disabled":t.disabled?"true":void 0,"data-cy":`${(g=t.text)==null?void 0:g.trim().replaceAll(" ","").replaceAll(",","")}-dropdown-item`,focused:l.value===r,onClick:K(ae=>{var C;return!t.disabled&&((C=t.onClick)==null?void 0:C.call(t))},["prevent"])}),null,16,["id","class","disabled","data-disabled","data-cy","focused","onClick"])}),128)):(a(),m(B,{key:1,class:"cursor-pointer self-stretch","data-cy":"no-items-dropdown-item",text:"Nessuna opzione disponibile"}))])],10,oe),e.action?(a(),f("div",se,[$(q,b({variant:"tertiary"},e.action,{class:"w-full",onClick:o[0]||(o[0]=t=>k("click:action"))}),null,16)])):v("",!0)])]),_:1},8,["anchor","position","min-width"])):v("",!0)]),_:1})]))}});export{ve as default,me as elDropdownMaxHeight};
-//# sourceMappingURL=ElDropdown.vue.esm2.js.map

package/dist/ElDropdown.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElDropdown.vue.esm2.js","sources":["../src/ElDropdown.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elDropdownMaxHeight = [0, 260, 1000] as const;\nexport type ElDropdownMaxHeight = (typeof elDropdownMaxHeight)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport CustomTransition from '@/_CustomTransition.vue';\nimport ElClipToAnchor from '@/ElClipToAnchor.vue';\nimport ElItem from '@/ElItem.vue';\nimport ElButton from '@/ElButton.vue';\nimport { ref, computed, watch } from 'vue';\nimport { onKeyStroke, onClickOutside } from '@vueuse/core';\nimport { omit } from 'lodash';\nimport ElIconButton from './ElIconButton.vue';\n\nexport type DropdownItem = { onClick?: () => void } & InstanceType<typeof ElItem>['$props'];\n\nconst props = withDefaults(\n  defineProps<{\n    items: DropdownItem[];\n    title?: string;\n    action?: Omit<InstanceType<typeof ElButton>['$props'], 'variant' | 'size'>;\n    left?: boolean;\n    right?: boolean;\n    minWidth?: number;\n    isOpen?: boolean;\n    maxHeight?: ElDropdownMaxHeight;\n    iconButton?: InstanceType<typeof ElIconButton>['$props'];\n    multiple?: boolean;\n  }>(),\n  {\n    title: undefined,\n    action: undefined,\n    isOpen: undefined,\n    minWidth: undefined,\n    maxHeight: 260,\n    iconButton: undefined,\n    multiple: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'click:action'): void;\n  (event: 'update:is-open', isOpen: boolean): void;\n}>();\n\nconst internalIsOpenState = ref<boolean>(false);\nconst listAnchor = ref<HTMLElement>();\nconst elClipToAnchor = ref<HTMLElement>();\nconst focusedIndex = ref<number>(0);\nconst itemRefs = ref<InstanceType<typeof ElItem>[]>();\n\nconst isOpenProxy = computed({\n  set(isOpen: boolean) {\n    if (props.isOpen !== undefined) {\n      emit('update:is-open', isOpen);\n    }\n    internalIsOpenState.value = isOpen;\n  },\n  get(): boolean {\n    if (props.isOpen !== undefined) return props.isOpen;\n    return internalIsOpenState.value;\n  },\n});\n\nconst toggle = () => (isOpenProxy.value = !isOpenProxy.value);\nconst show = () => {\n  isOpenProxy.value = true;\n};\nconst hide = () => (isOpenProxy.value = false);\n\n// Used to focus the first item when the dropdown is opened, so we can continue keyboard navigation from there\nwatch(\n  () => [props.items, isOpenProxy.value],\n  () => {\n    if (isOpenProxy.value) {\n      const selectedValueIdx = props.items?.findIndex(item => item.check);\n      focusedIndex.value = selectedValueIdx || 0;\n    }\n  },\n);\n\n// Once focused item changes, we try to scroll the focused item into view if it's not already visible\nconst scrollToFocusedIndex = (focusedIndex: number) => {\n  itemRefs.value?.at(focusedIndex)?.$el?.scrollIntoView({ block: 'nearest' });\n};\n\nconst moveVisibleFocusDown = () => {\n  focusedIndex.value += (itemRefs.value?.slice(focusedIndex.value + 1).findIndex(item => !item.$props.disabled) ?? -1) + 1;\n  scrollToFocusedIndex(focusedIndex.value);\n};\n\nconst moveVisibleFocusUp = () => {\n  focusedIndex.value -=\n    (itemRefs.value\n      ?.slice(0, focusedIndex.value)\n      .reverse()\n      .findIndex(item => !item.$props.disabled) ?? -1) + 1;\n\n  scrollToFocusedIndex(focusedIndex.value);\n};\n\n// Keyboard navigation handlers\nonKeyStroke(['ArrowDown', 'ArrowUp', 'Enter'], e => {\n  if (isOpenProxy.value === true) {\n    switch (e.key) {\n      case 'ArrowDown': {\n        moveVisibleFocusDown();\n        break;\n      }\n      case 'ArrowUp': {\n        moveVisibleFocusUp();\n        break;\n      }\n      case 'Enter': {\n        const item = props.items[focusedIndex.value];\n\n        if (!item.disabled) {\n          item.onClick?.();\n          hide();\n        }\n\n        break;\n      }\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n  }\n});\n\ndefineExpose({\n  show,\n  hide,\n  toggle,\n});\n\nonClickOutside(props.multiple ? elClipToAnchor : listAnchor, event => {\n  // Check if the clicked element is a disabled item\n  const clickedElement = event.target as HTMLElement;\n  const isDisabledItem = clickedElement.closest('[data-disabled=\"true\"]');\n\n  if (!isDisabledItem) {\n    hide();\n  }\n});\n</script>\n\n<template>\n  <div class=\"relative\">\n    <div ref=\"listAnchor\">\n      <slot\n        name=\"anchor\"\n        v-bind=\"{\n          isOpen: isOpenProxy,\n          toggle,\n          show,\n          hide,\n        }\"\n      >\n        <ElIconButton v-if=\"iconButton\" class=\"cursor-pointer\" :aria-expanded=\"isOpenProxy\" v-bind=\"iconButton\" @click=\"toggle\" />\n      </slot>\n    </div>\n\n    <CustomTransition name=\"expand\">\n      <ElClipToAnchor\n        v-if=\"isOpenProxy && listAnchor\"\n        ref=\"elClipToAnchor\"\n        class=\"pt-1\"\n        match-anchor-width\n        :anchor=\"listAnchor\"\n        :position=\"left ? 'bottom-left' : right ? 'bottom-right' : 'bottom'\"\n        :min-width=\"minWidth ?? 208\"\n      >\n        <div\n          class=\"border-neutral-surface text-neutral-darker inline-flex w-full flex-col items-start gap-1 rounded-xl border bg-white p-2 text-sm shadow-md max-h-[inherit]\"\n        >\n          <div v-if=\"title\" class=\"border-neutral-surface flex h-9 items-center self-stretch border-b px-2\">\n            <span class=\"font-semibold\">{{ title }}</span>\n          </div>\n          <div\n            class=\"no-scrollbar relative w-full overflow-y-scroll\"\n            :class=\"{\n              'max-h-[260px]': maxHeight === 260,\n            }\"\n            role=\"listbox\"\n            :aria-activedescendant=\"'option-' + focusedIndex\"\n          >\n            <div class=\"flex w-full flex-col gap-1\">\n              <template v-if=\"items.length > 0\">\n                <ElItem\n                  v-for=\"(item, index) in items\"\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-disabled=\"item.disabled ? 'true' : undefined\"\n                  :data-cy=\"`${item.text?.trim().replaceAll(' ', '').replaceAll(',', '')}-dropdown-item`\"\n                  :focused=\"focusedIndex === index\"\n                  @click.prevent=\"!item.disabled && item.onClick?.()\"\n                />\n              </template>\n              <ElItem v-else class=\"cursor-pointer self-stretch\" :data-cy=\"`no-items-dropdown-item`\" text=\"Nessuna opzione disponibile\" />\n            </div>\n          </div>\n          <div v-if=\"action\" class=\"border-neutral-surface self-stretch border-t py-2 px-5\">\n            <ElButton variant=\"tertiary\" v-bind=\"action\" class=\"w-full\" @click=\"emit('click:action')\" />\n          </div>\n        </div>\n      </ElClipToAnchor>\n    </CustomTransition>\n  </div>\n</template>\n"],"names":["elDropdownMaxHeight","props","__props","emit","__emit","internalIsOpenState","ref","listAnchor","elClipToAnchor","focusedIndex","itemRefs","isOpenProxy","computed","isOpen","toggle","show","hide","watch","selectedValueIdx","_a","item","scrollToFocusedIndex","_c","_b","moveVisibleFocusDown","moveVisibleFocusUp","onKeyStroke","__expose","onClickOutside","event"],"mappings":"uqCACaA,GAAsB,CAAC,EAAG,IAAK,GAAI,8VAgBhD,MAAMC,EAAQC,EAwBRC,EAAOC,EAKPC,EAAsBC,EAAa,EAAK,EACxCC,EAAaD,IACbE,EAAiBF,IACjBG,EAAeH,EAAY,CAAC,EAC5BI,EAAWJ,IAEXK,EAAcC,EAAS,CAC3B,IAAIC,EAAiB,CACfZ,EAAM,SAAW,QACnBE,EAAK,iBAAkBU,CAAM,EAE/BR,EAAoB,MAAQQ,CAC9B,EACA,KAAe,CACb,OAAIZ,EAAM,SAAW,OAAkBA,EAAM,OACtCI,EAAoB,KAC7B,CAAA,CACD,EAEKS,EAAS,IAAOH,EAAY,MAAQ,CAACA,EAAY,MACjDI,EAAO,IAAM,CACjBJ,EAAY,MAAQ,EAAA,EAEhBK,EAAO,IAAOL,EAAY,MAAQ,GAGxCM,EACE,IAAM,CAAChB,EAAM,MAAOU,EAAY,KAAK,EACrC,IAAM,OACJ,GAAIA,EAAY,MAAO,CACrB,MAAMO,GAAmBC,EAAAlB,EAAM,QAAN,YAAAkB,EAAa,UAAUC,GAAQA,EAAK,OAC7DX,EAAa,MAAQS,GAAoB,CAC3C,CACF,CAAA,EAII,MAAAG,EAAwBZ,GAAyB,YAC5Ca,GAAAC,GAAAJ,EAAAT,EAAA,QAAA,YAAAS,EAAO,GAAGV,KAAV,YAAAc,EAAyB,MAAzB,MAAAD,EAA8B,eAAe,CAAE,MAAO,SAAA,EAAW,EAGtEE,EAAuB,IAAM,OACjCf,EAAa,UAAUU,EAAAT,EAAS,QAAT,YAAAS,EAAgB,MAAMV,EAAa,MAAQ,GAAG,aAAkB,CAACW,EAAK,OAAO,YAAa,IAAM,EACvHC,EAAqBZ,EAAa,KAAK,CAAA,EAGnCgB,EAAqB,IAAM,OAC/BhB,EAAa,UACVU,EAAAT,EAAS,QAAT,YAAAS,EACG,MAAM,EAAGV,EAAa,OACvB,UACA,UAAkBW,GAAA,CAACA,EAAK,OAAO,YAAa,IAAM,EAEvDC,EAAqBZ,EAAa,KAAK,CAAA,EAIzC,OAAAiB,EAAY,CAAC,YAAa,UAAW,OAAO,EAAQ,GAAA,OAC9C,GAAAf,EAAY,QAAU,GAAM,CAC9B,OAAQ,EAAE,IAAK,CACb,IAAK,YAAa,CACKa,IACrB,KACF,CACA,IAAK,UAAW,CACKC,IACnB,KACF,CACA,IAAK,QAAS,CACZ,MAAML,EAAOnB,EAAM,MAAMQ,EAAa,KAAK,EAEtCW,EAAK,YACRD,EAAAC,EAAK,UAAL,MAAAD,EAAA,KAAAC,GACKJ,KAGP,KACF,CACF,CAEA,EAAE,eAAe,EACjB,EAAE,gBAAgB,CACpB,CAAA,CACD,EAEYW,EAAA,CACX,KAAAZ,EACA,KAAAC,EACA,OAAAF,CAAA,CACD,EAEDc,EAAe3B,EAAM,SAAWO,EAAiBD,EAAqBsB,GAAA,CAE7CA,EAAM,OACS,QAAQ,wBAAwB,GAG/Db,GACP,CACD"}

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1 +0,0 @@
-{"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"}

package/dist/ElIcon.vue.cjs2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),i=require("./node_modules/@heroicons/vue/24/outline/esm/index.cjs.js"),d=require("./node_modules/@heroicons/vue/24/solid/esm/index.cjs.js"),l=["pink","yellow","orange","cyan","rose","green","brand-blue","brand-green","red","purple","indigo"],m=n.defineComponent({__name:"ElIcon",props:{name:{},solid:{type:Boolean},disabled:{type:Boolean}},setup(a){const o=a;function r(e){return l.includes(e)}const s=n.computed(()=>r(o.name)),u=n.computed(()=>{if(!r(o.name))return o.solid?d[o.name]:i[o.name]});return(e,t)=>s.value?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(["h-4 w-4 rounded-full",{"bg-yellow-500":e.name==="yellow","bg-orange-500":e.name==="orange","bg-cyan-500":e.name==="cyan","bg-rose-500":e.name==="rose","bg-green-500":e.name==="green","bg-brandBlue-500":e.name==="brand-blue","bg-brandGreen-500":e.name==="brand-green","bg-red-500":e.name==="red","bg-purple-500":e.name==="purple","bg-indigo-500":e.name==="indigo"}])},null,2)):(n.openBlock(),n.createBlock(n.resolveDynamicComponent(u.value),{key:1}))}});exports.default=m;exports.elIconColors=l;
-//# sourceMappingURL=ElIcon.vue.cjs2.js.map

package/dist/ElIcon.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElIcon.vue.cjs2.js","sources":["../src/ElIcon.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elIconColors = [\n  'pink',\n  'yellow',\n  'orange',\n  'cyan',\n  'rose',\n  'green',\n  'brand-blue',\n  'brand-green',\n  'red',\n  'purple',\n  'indigo',\n] as const;\ntype ElIconColors = (typeof elIconColors)[number];\nexport type IconNames = keyof typeof outlineIcons | ElIconColors;\nexport type ElIconProps = {\n  name: IconNames;\n  solid?: boolean;\n  cursorPointer?: boolean;\n  disabled?: boolean;\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport * as outlineIcons from '@heroicons/vue/24/outline';\nimport * as solidIcons from '@heroicons/vue/24/solid';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  name: IconNames;\n  solid?: boolean;\n  disabled?: boolean;\n}>();\n\nfunction isElIconColor(color: string): color is ElIconColors {\n  return elIconColors.includes(color as ElIconColors);\n}\n\nconst isColorDot = computed(() => isElIconColor(props.name));\nconst iconComponent = computed(() => {\n  if (isElIconColor(props.name)) return;\n  return props.solid ? solidIcons[props.name] : outlineIcons[props.name];\n});\n</script>\n\n<template>\n  <div\n    v-if=\"isColorDot\"\n    class=\"h-4 w-4 rounded-full\"\n    :class=\"{\n      'bg-yellow-500': name === 'yellow',\n      'bg-orange-500': name === 'orange',\n      'bg-cyan-500': name === 'cyan',\n      'bg-rose-500': name === 'rose',\n      'bg-green-500': name === 'green',\n      'bg-brandBlue-500': name === 'brand-blue',\n      'bg-brandGreen-500': name === 'brand-green',\n      'bg-red-500': name === 'red',\n      'bg-purple-500': name === 'purple',\n      'bg-indigo-500': name === 'indigo',\n    }\"\n  ></div>\n  <component :is=\"iconComponent\" v-else />\n</template>\n"],"names":["elIconColors","props","__props","isElIconColor","color","isColorDot","computed","iconComponent","solidIcons","outlineIcons"],"mappings":"+QACaA,EAAe,CAC1B,OACA,SACA,SACA,OACA,OACA,QACA,aACA,cACA,MACA,SACA,QACF,6GAgBA,MAAMC,EAAQC,EAMd,SAASC,EAAcC,EAAsC,CACpD,OAAAJ,EAAa,SAASI,CAAqB,CACpD,CAEA,MAAMC,EAAaC,EAAAA,SAAS,IAAMH,EAAcF,EAAM,IAAI,CAAC,EACrDM,EAAgBD,EAAAA,SAAS,IAAM,CAC/B,GAAA,CAAAH,EAAcF,EAAM,IAAI,EACrB,OAAAA,EAAM,MAAQO,EAAWP,EAAM,IAAI,EAAIQ,EAAaR,EAAM,IAAI,CAAA,CACtE"}

package/dist/ElIcon.vue.esm2.js

@@ -1,2 +0,0 @@
-import{defineComponent as i,computed as r,openBlock as a,createElementBlock as d,normalizeClass as p,createBlock as g,resolveDynamicComponent as u}from"vue";import*as b from"./node_modules/@heroicons/vue/24/outline/esm/index.esm.js";import*as t from"./node_modules/@heroicons/vue/24/solid/esm/index.esm.js";const c=["pink","yellow","orange","cyan","rose","green","brand-blue","brand-green","red","purple","indigo"],C=i({__name:"ElIcon",props:{name:{},solid:{type:Boolean},disabled:{type:Boolean}},setup(l){const n=l;function o(e){return c.includes(e)}const m=r(()=>o(n.name)),s=r(()=>{if(!o(n.name))return n.solid?t[n.name]:b[n.name]});return(e,y)=>m.value?(a(),d("div",{key:0,class:p(["h-4 w-4 rounded-full",{"bg-yellow-500":e.name==="yellow","bg-orange-500":e.name==="orange","bg-cyan-500":e.name==="cyan","bg-rose-500":e.name==="rose","bg-green-500":e.name==="green","bg-brandBlue-500":e.name==="brand-blue","bg-brandGreen-500":e.name==="brand-green","bg-red-500":e.name==="red","bg-purple-500":e.name==="purple","bg-indigo-500":e.name==="indigo"}])},null,2)):(a(),g(u(s.value),{key:1}))}});export{C as default,c as elIconColors};
-//# sourceMappingURL=ElIcon.vue.esm2.js.map

package/dist/ElIcon.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElIcon.vue.esm2.js","sources":["../src/ElIcon.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elIconColors = [\n  'pink',\n  'yellow',\n  'orange',\n  'cyan',\n  'rose',\n  'green',\n  'brand-blue',\n  'brand-green',\n  'red',\n  'purple',\n  'indigo',\n] as const;\ntype ElIconColors = (typeof elIconColors)[number];\nexport type IconNames = keyof typeof outlineIcons | ElIconColors;\nexport type ElIconProps = {\n  name: IconNames;\n  solid?: boolean;\n  cursorPointer?: boolean;\n  disabled?: boolean;\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport * as outlineIcons from '@heroicons/vue/24/outline';\nimport * as solidIcons from '@heroicons/vue/24/solid';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  name: IconNames;\n  solid?: boolean;\n  disabled?: boolean;\n}>();\n\nfunction isElIconColor(color: string): color is ElIconColors {\n  return elIconColors.includes(color as ElIconColors);\n}\n\nconst isColorDot = computed(() => isElIconColor(props.name));\nconst iconComponent = computed(() => {\n  if (isElIconColor(props.name)) return;\n  return props.solid ? solidIcons[props.name] : outlineIcons[props.name];\n});\n</script>\n\n<template>\n  <div\n    v-if=\"isColorDot\"\n    class=\"h-4 w-4 rounded-full\"\n    :class=\"{\n      'bg-yellow-500': name === 'yellow',\n      'bg-orange-500': name === 'orange',\n      'bg-cyan-500': name === 'cyan',\n      'bg-rose-500': name === 'rose',\n      'bg-green-500': name === 'green',\n      'bg-brandBlue-500': name === 'brand-blue',\n      'bg-brandGreen-500': name === 'brand-green',\n      'bg-red-500': name === 'red',\n      'bg-purple-500': name === 'purple',\n      'bg-indigo-500': name === 'indigo',\n    }\"\n  ></div>\n  <component :is=\"iconComponent\" v-else />\n</template>\n"],"names":["elIconColors","props","__props","isElIconColor","color","isColorDot","computed","iconComponent","solidIcons","outlineIcons"],"mappings":"mTACO,MAAMA,EAAe,CAC1B,OACA,SACA,SACA,OACA,OACA,QACA,aACA,cACA,MACA,SACA,QACF,6FAgBA,MAAMC,EAAQC,EAMd,SAASC,EAAcC,EAAsC,CACpD,OAAAJ,EAAa,SAASI,CAAqB,CACpD,CAEA,MAAMC,EAAaC,EAAS,IAAMH,EAAcF,EAAM,IAAI,CAAC,EACrDM,EAAgBD,EAAS,IAAM,CAC/B,GAAA,CAAAH,EAAcF,EAAM,IAAI,EACrB,OAAAA,EAAM,MAAQO,EAAWP,EAAM,IAAI,EAAIQ,EAAaR,EAAM,IAAI,CAAA,CACtE"}

package/dist/ElIconButton.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElIconButton.vue.cjs2.js","sources":["../src/ElIconButton.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elIconButtonSizes = ['xs', 'sm', 'base', 'l', 'xl'] as const;\nexport type ElIconButtonSize = (typeof elIconButtonSizes)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport ElIcon, { ElIconProps } from '@/ElIcon.vue';\nimport { computed } from 'vue';\nimport ElBadge, { ElBadgeColors } from '@/ElBadge.vue';\nimport ElTooltip from '@/ElTooltip.vue';\n\nexport interface ElIconButtonProps {\n  icon: ElIconProps;\n  tooltip?: string;\n  tooltipDelay?: string | number;\n  disabled?: boolean;\n  size?: ElIconButtonSize;\n  loading?: boolean;\n  badge?: string | boolean;\n  badgeColor?: ElBadgeColors;\n  error?: boolean;\n  showTooltipOnMobile?: boolean;\n}\n\nconst props = withDefaults(defineProps<ElIconButtonProps>(), {\n  tooltip: undefined,\n  tooltipDelay: 600,\n  size: 'base',\n  badgeColor: 'primary',\n  disabled: false,\n  loading: false,\n  badge: false,\n  error: false,\n  showTooltipOnMobile: false,\n});\n\nconst emit = defineEmits<{\n  (event: 'click'): void;\n}>();\n\nconst showBadge = computed(() => props.badge !== false && !props.error && !props.disabled && !props.loading);\nconst disabled = computed(() => props.disabled || props.loading || false);\n</script>\n\n<template>\n  <ElTooltip :title=\"tooltip ?? ''\" position=\"top-right\" :delay-time=\"props.tooltipDelay\" :hide-on-mobile=\"!showTooltipOnMobile\">\n    <button\n      class=\"relative flex items-center justify-center outline-none\"\n      :class=\"{\n        'h-6 w-6 rounded': size === 'xs',\n        'h-7 w-7 rounded': size === 'sm',\n        'h-8 w-8 rounded-md': size === 'base',\n        'h-10 w-10 rounded-md': size === 'l',\n        'h-12 w-12 rounded-md': size === 'xl',\n        'cursor-not-allowed': disabled,\n        'text-neutral-inactive': disabled,\n        'hover:bg-error-light-hover focus:bg-error-light-pressed text-error bg-transparent': !disabled && error,\n        'text-primary hover:text-primary-hover focus:text-primary-pressed active:text-primary-pressed hover:bg-primary-light-hover focus:bg-primary-light-pressed active:bg-primary-light-pressed':\n          !disabled && !error,\n      }\"\n      type=\"button\"\n      :data-cy=\"tooltip ? `${tooltip.trim().replaceAll(' ', '')}-icon-button` : 'icon-button'\"\n      @click=\"disabled ? undefined : emit('click')\"\n    >\n      <span v-if=\"loading\" class=\"inline-flex items-center justify-center\">\n        <svg\n          class=\"animate-spin\"\n          :class=\"{\n            'h-4 w-4': size === 'xs',\n            'h-5 w-5': size === 'sm',\n            'h-6 w-6': size === 'base',\n            'h-8 w-8': size === 'l',\n            'h-10 w-10': size === 'xl',\n          }\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" />\n          <path\n            class=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          />\n        </svg>\n      </span>\n\n      <ElIcon\n        v-else\n        :disabled=\"disabled\"\n        :name=\"icon.name\"\n        :solid=\"icon.solid\"\n        class=\"transition duration-150 ease-in-out\"\n        :class=\"{\n          'h-4 w-4': size === 'xs',\n          'h-5 w-5': size === 'sm',\n          'h-6 w-6': size === 'base',\n          'h-8 w-8': size === 'l',\n          'h-10 w-10': size === 'xl',\n        }\"\n      />\n      <ElBadge\n        v-if=\"showBadge\"\n        :color=\"props.badgeColor\"\n        :value=\"typeof badge === 'string' ? badge : undefined\"\n        :class=\"{\n          'top-[2px] right-[1px]': size === 'xs',\n          'top-[2px] right-[2px]': size === 'sm',\n          'top-[4px] right-[4px]': size === 'base',\n          'top-[5px] right-[5px]': size === 'l',\n          'top-[6px] right-[6px]': size === 'xl',\n        }\"\n      />\n    </button>\n  </ElTooltip>\n</template>\n"],"names":["elIconButtonSizes","props","__props","emit","__emit","showBadge","computed","disabled"],"mappings":"+nBACaA,EAAoB,CAAC,KAAM,KAAM,OAAQ,IAAK,IAAI,oYAuB/D,MAAMC,EAAQC,EAYRC,EAAOC,EAIPC,EAAYC,EAAA,SAAS,IAAML,EAAM,QAAU,IAAS,CAACA,EAAM,OAAS,CAACA,EAAM,UAAY,CAACA,EAAM,OAAO,EACrGM,EAAWD,EAAS,SAAA,IAAML,EAAM,UAAYA,EAAM,SAAW,EAAK"}

package/dist/ElIconButton.vue.esm2.js

@@ -1,2 +0,0 @@
-import{defineComponent as c,computed as n,openBlock as s,createBlock as t,withCtx as f,createElementVNode as a,normalizeClass as l,createElementBlock as d,createCommentVNode as g}from"vue";import b from"./ElIcon.vue.esm2.js";import y from"./ElBadge.vue.esm2.js";import v from"./ElTooltip.vue.esm2.js";const w=["data-cy"],z={key:0,class:"inline-flex items-center justify-center"},B=a("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),k=a("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1),C=[B,k],j=["xs","sm","base","l","xl"],A=c({__name:"ElIconButton",props:{icon:{},tooltip:{default:void 0},tooltipDelay:{default:600},disabled:{type:Boolean,default:!1},size:{default:"base"},loading:{type:Boolean,default:!1},badge:{type:[String,Boolean],default:!1},badgeColor:{default:"primary"},error:{type:Boolean,default:!1},showTooltipOnMobile:{type:Boolean,default:!1}},emits:["click"],setup(p,{emit:m}){const o=p,u=m,h=n(()=>o.badge!==!1&&!o.error&&!o.disabled&&!o.loading),i=n(()=>o.disabled||o.loading||!1);return(e,r)=>(s(),t(v,{title:e.tooltip??"",position:"top-right","delay-time":o.tooltipDelay,"hide-on-mobile":!e.showTooltipOnMobile},{default:f(()=>[a("button",{class:l(["relative flex items-center justify-center outline-none",{"h-6 w-6 rounded":e.size==="xs","h-7 w-7 rounded":e.size==="sm","h-8 w-8 rounded-md":e.size==="base","h-10 w-10 rounded-md":e.size==="l","h-12 w-12 rounded-md":e.size==="xl","cursor-not-allowed":i.value,"text-neutral-inactive":i.value,"hover:bg-error-light-hover focus:bg-error-light-pressed text-error bg-transparent":!i.value&&e.error,"text-primary hover:text-primary-hover focus:text-primary-pressed active:text-primary-pressed hover:bg-primary-light-hover focus:bg-primary-light-pressed active:bg-primary-light-pressed":!i.value&&!e.error}]),type:"button","data-cy":e.tooltip?`${e.tooltip.trim().replaceAll(" ","")}-icon-button`:"icon-button",onClick:r[0]||(r[0]=$=>i.value?void 0:u("click"))},[e.loading?(s(),d("span",z,[(s(),d("svg",{class:l(["animate-spin",{"h-4 w-4":e.size==="xs","h-5 w-5":e.size==="sm","h-6 w-6":e.size==="base","h-8 w-8":e.size==="l","h-10 w-10":e.size==="xl"}]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},C,2))])):(s(),t(b,{key:1,disabled:i.value,name:e.icon.name,solid:e.icon.solid,class:l(["transition duration-150 ease-in-out",{"h-4 w-4":e.size==="xs","h-5 w-5":e.size==="sm","h-6 w-6":e.size==="base","h-8 w-8":e.size==="l","h-10 w-10":e.size==="xl"}])},null,8,["disabled","name","solid","class"])),h.value?(s(),t(y,{key:2,color:o.badgeColor,value:typeof e.badge=="string"?e.badge:void 0,class:l({"top-[2px] right-[1px]":e.size==="xs","top-[2px] right-[2px]":e.size==="sm","top-[4px] right-[4px]":e.size==="base","top-[5px] right-[5px]":e.size==="l","top-[6px] right-[6px]":e.size==="xl"})},null,8,["color","value","class"])):g("",!0)],10,w)]),_:1},8,["title","delay-time","hide-on-mobile"]))}});export{A as default,j as elIconButtonSizes};
-//# sourceMappingURL=ElIconButton.vue.esm2.js.map

package/dist/ElIconButton.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElIconButton.vue.esm2.js","sources":["../src/ElIconButton.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elIconButtonSizes = ['xs', 'sm', 'base', 'l', 'xl'] as const;\nexport type ElIconButtonSize = (typeof elIconButtonSizes)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport ElIcon, { ElIconProps } from '@/ElIcon.vue';\nimport { computed } from 'vue';\nimport ElBadge, { ElBadgeColors } from '@/ElBadge.vue';\nimport ElTooltip from '@/ElTooltip.vue';\n\nexport interface ElIconButtonProps {\n  icon: ElIconProps;\n  tooltip?: string;\n  tooltipDelay?: string | number;\n  disabled?: boolean;\n  size?: ElIconButtonSize;\n  loading?: boolean;\n  badge?: string | boolean;\n  badgeColor?: ElBadgeColors;\n  error?: boolean;\n  showTooltipOnMobile?: boolean;\n}\n\nconst props = withDefaults(defineProps<ElIconButtonProps>(), {\n  tooltip: undefined,\n  tooltipDelay: 600,\n  size: 'base',\n  badgeColor: 'primary',\n  disabled: false,\n  loading: false,\n  badge: false,\n  error: false,\n  showTooltipOnMobile: false,\n});\n\nconst emit = defineEmits<{\n  (event: 'click'): void;\n}>();\n\nconst showBadge = computed(() => props.badge !== false && !props.error && !props.disabled && !props.loading);\nconst disabled = computed(() => props.disabled || props.loading || false);\n</script>\n\n<template>\n  <ElTooltip :title=\"tooltip ?? ''\" position=\"top-right\" :delay-time=\"props.tooltipDelay\" :hide-on-mobile=\"!showTooltipOnMobile\">\n    <button\n      class=\"relative flex items-center justify-center outline-none\"\n      :class=\"{\n        'h-6 w-6 rounded': size === 'xs',\n        'h-7 w-7 rounded': size === 'sm',\n        'h-8 w-8 rounded-md': size === 'base',\n        'h-10 w-10 rounded-md': size === 'l',\n        'h-12 w-12 rounded-md': size === 'xl',\n        'cursor-not-allowed': disabled,\n        'text-neutral-inactive': disabled,\n        'hover:bg-error-light-hover focus:bg-error-light-pressed text-error bg-transparent': !disabled && error,\n        'text-primary hover:text-primary-hover focus:text-primary-pressed active:text-primary-pressed hover:bg-primary-light-hover focus:bg-primary-light-pressed active:bg-primary-light-pressed':\n          !disabled && !error,\n      }\"\n      type=\"button\"\n      :data-cy=\"tooltip ? `${tooltip.trim().replaceAll(' ', '')}-icon-button` : 'icon-button'\"\n      @click=\"disabled ? undefined : emit('click')\"\n    >\n      <span v-if=\"loading\" class=\"inline-flex items-center justify-center\">\n        <svg\n          class=\"animate-spin\"\n          :class=\"{\n            'h-4 w-4': size === 'xs',\n            'h-5 w-5': size === 'sm',\n            'h-6 w-6': size === 'base',\n            'h-8 w-8': size === 'l',\n            'h-10 w-10': size === 'xl',\n          }\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n        >\n          <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" />\n          <path\n            class=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          />\n        </svg>\n      </span>\n\n      <ElIcon\n        v-else\n        :disabled=\"disabled\"\n        :name=\"icon.name\"\n        :solid=\"icon.solid\"\n        class=\"transition duration-150 ease-in-out\"\n        :class=\"{\n          'h-4 w-4': size === 'xs',\n          'h-5 w-5': size === 'sm',\n          'h-6 w-6': size === 'base',\n          'h-8 w-8': size === 'l',\n          'h-10 w-10': size === 'xl',\n        }\"\n      />\n      <ElBadge\n        v-if=\"showBadge\"\n        :color=\"props.badgeColor\"\n        :value=\"typeof badge === 'string' ? badge : undefined\"\n        :class=\"{\n          'top-[2px] right-[1px]': size === 'xs',\n          'top-[2px] right-[2px]': size === 'sm',\n          'top-[4px] right-[4px]': size === 'base',\n          'top-[5px] right-[5px]': size === 'l',\n          'top-[6px] right-[6px]': size === 'xl',\n        }\"\n      />\n    </button>\n  </ElTooltip>\n</template>\n"],"names":["elIconButtonSizes","props","__props","emit","__emit","showBadge","computed","disabled"],"mappings":"+pBACaA,EAAoB,CAAC,KAAM,KAAM,OAAQ,IAAK,IAAI,oXAuB/D,MAAMC,EAAQC,EAYRC,EAAOC,EAIPC,EAAYC,EAAS,IAAML,EAAM,QAAU,IAAS,CAACA,EAAM,OAAS,CAACA,EAAM,UAAY,CAACA,EAAM,OAAO,EACrGM,EAAWD,EAAS,IAAML,EAAM,UAAYA,EAAM,SAAW,EAAK"}

package/dist/ElInlineBanner.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElInlineBanner.vue.cjs2.js","sources":["../src/ElInlineBanner.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInlineBannerStatuses = ['error', 'warning', 'info'] as const;\nexport type ElInlineBannerStatuses = (typeof elInlineBannerStatuses)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport ElIcon from '@/ElIcon.vue';\nimport ElButton from '@/ElButton.vue';\nimport ElSpinner from '@/ElSpinner.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    status?: ElInlineBannerStatuses;\n    title?: string;\n    description: string;\n    loading?: boolean;\n    action?: Pick<\n      InstanceType<typeof ElButton>['$props'],\n      'label' | 'variant' | 'onClick' | 'icon' | 'iconRight' | 'loading' | 'loadOnClick'\n    >;\n    icon?: InstanceType<typeof ElIcon>['$props'];\n  }>(),\n  {\n    status: 'info',\n    title: undefined,\n    action: undefined,\n    icon: undefined,\n  },\n);\n\nconst iconName = computed(() => {\n  if (props.icon?.name) return props.icon.name;\n\n  switch (props.status) {\n    case 'info':\n      return 'InformationCircleIcon';\n    case 'warning':\n      return 'ExclamationTriangleIcon';\n    case 'error':\n      return 'InformationCircleIcon';\n    default:\n      return 'InformationCircleIcon';\n  }\n});\n</script>\n\n<template>\n  <div\n    class=\"inline-flex flex-wrap items-center justify-center gap-x-2 gap-y-4 w-full min-w-72 p-4 rounded-md\"\n    :class=\"{\n      'bg-brandBlue-50 text-brandBlue-800': status === 'info',\n      'bg-yellow-50 text-yellow-700': status === 'warning',\n      'bg-red-50 text-red-700': status === 'error',\n    }\"\n  >\n    <div class=\"flex flex-row items-start gap-x-2 flex-grow basis-64\">\n      <ElSpinner v-if=\"loading\" class=\"flex-shrink-0 px-1 pt-1\" />\n      <ElIcon\n        v-else\n        v-bind=\"icon\"\n        :name=\"iconName\"\n        class=\"w-6 h-6 flex-shrink-0\"\n        :class=\"{\n          'text-brandBlue-500': status === 'info',\n          'text-yellow-500': status === 'warning',\n          'text-red-500': status === 'error',\n        }\"\n      />\n      <div class=\"text-sm flex flex-col flex-grow mt-0.5\">\n        <span v-if=\"title\" class=\"font-semibold min-h-6\">{{ title }}</span>\n        <span v-if=\"description\">{{ description }}</span>\n      </div>\n    </div>\n    <ElButton\n      v-if=\"action && status === 'info'\"\n      v-bind=\"action\"\n      :variant=\"action.variant ?? 'tertiary'\"\n      class=\"flex-shrink-0\"\n      :class=\"{ underline: !action.variant || action.variant === 'tertiary' }\"\n      :label=\"action?.label\"\n      @click=\"action?.onClick\"\n    />\n  </div>\n</template>\n"],"names":["elInlineBannerStatuses","props","__props","iconName","computed","_a"],"mappings":"oZACaA,EAAyB,CAAC,QAAS,UAAW,MAAM,mMAUjE,MAAMC,EAAQC,EAoBRC,EAAWC,EAAAA,SAAS,IAAM,OAC9B,IAAIC,EAAAJ,EAAM,OAAN,MAAAI,EAAY,KAAM,OAAOJ,EAAM,KAAK,KAExC,OAAQA,EAAM,OAAQ,CACpB,IAAK,OACI,MAAA,wBACT,IAAK,UACI,MAAA,0BACT,IAAK,QACI,MAAA,wBACT,QACS,MAAA,uBACX,CAAA,CACD"}

package/dist/ElInlineBanner.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElInlineBanner.vue.esm2.js","sources":["../src/ElInlineBanner.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInlineBannerStatuses = ['error', 'warning', 'info'] as const;\nexport type ElInlineBannerStatuses = (typeof elInlineBannerStatuses)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport ElIcon from '@/ElIcon.vue';\nimport ElButton from '@/ElButton.vue';\nimport ElSpinner from '@/ElSpinner.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    status?: ElInlineBannerStatuses;\n    title?: string;\n    description: string;\n    loading?: boolean;\n    action?: Pick<\n      InstanceType<typeof ElButton>['$props'],\n      'label' | 'variant' | 'onClick' | 'icon' | 'iconRight' | 'loading' | 'loadOnClick'\n    >;\n    icon?: InstanceType<typeof ElIcon>['$props'];\n  }>(),\n  {\n    status: 'info',\n    title: undefined,\n    action: undefined,\n    icon: undefined,\n  },\n);\n\nconst iconName = computed(() => {\n  if (props.icon?.name) return props.icon.name;\n\n  switch (props.status) {\n    case 'info':\n      return 'InformationCircleIcon';\n    case 'warning':\n      return 'ExclamationTriangleIcon';\n    case 'error':\n      return 'InformationCircleIcon';\n    default:\n      return 'InformationCircleIcon';\n  }\n});\n</script>\n\n<template>\n  <div\n    class=\"inline-flex flex-wrap items-center justify-center gap-x-2 gap-y-4 w-full min-w-72 p-4 rounded-md\"\n    :class=\"{\n      'bg-brandBlue-50 text-brandBlue-800': status === 'info',\n      'bg-yellow-50 text-yellow-700': status === 'warning',\n      'bg-red-50 text-red-700': status === 'error',\n    }\"\n  >\n    <div class=\"flex flex-row items-start gap-x-2 flex-grow basis-64\">\n      <ElSpinner v-if=\"loading\" class=\"flex-shrink-0 px-1 pt-1\" />\n      <ElIcon\n        v-else\n        v-bind=\"icon\"\n        :name=\"iconName\"\n        class=\"w-6 h-6 flex-shrink-0\"\n        :class=\"{\n          'text-brandBlue-500': status === 'info',\n          'text-yellow-500': status === 'warning',\n          'text-red-500': status === 'error',\n        }\"\n      />\n      <div class=\"text-sm flex flex-col flex-grow mt-0.5\">\n        <span v-if=\"title\" class=\"font-semibold min-h-6\">{{ title }}</span>\n        <span v-if=\"description\">{{ description }}</span>\n      </div>\n    </div>\n    <ElButton\n      v-if=\"action && status === 'info'\"\n      v-bind=\"action\"\n      :variant=\"action.variant ?? 'tertiary'\"\n      class=\"flex-shrink-0\"\n      :class=\"{ underline: !action.variant || action.variant === 'tertiary' }\"\n      :label=\"action?.label\"\n      @click=\"action?.onClick\"\n    />\n  </div>\n</template>\n"],"names":["elInlineBannerStatuses","props","__props","iconName","computed","_a"],"mappings":"kfACaA,EAAyB,CAAC,QAAS,UAAW,MAAM,mLAUjE,MAAMC,EAAQC,EAoBRC,EAAWC,EAAS,IAAM,OAC9B,IAAIC,EAAAJ,EAAM,OAAN,MAAAI,EAAY,KAAM,OAAOJ,EAAM,KAAK,KAExC,OAAQA,EAAM,OAAQ,CACpB,IAAK,OACI,MAAA,wBACT,IAAK,UACI,MAAA,0BACT,IAAK,QACI,MAAA,wBACT,QACS,MAAA,uBACX,CAAA,CACD"}

package/dist/ElInputChat.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElInputChat.vue.cjs2.js","sources":["../src/ElInputChat.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputChatColors = ['primary', 'secondary'] as const;\nexport type ElInputChatColors = (typeof elInputChatColors)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue';\nimport ElIconButton from './ElIconButton.vue';\nimport ElFile from './ElFile.vue';\nimport ElInputTextarea from './forms/ElInputTextarea.vue';\nimport { TextualValueType } from './forms/input';\n\nwithDefaults(defineProps<{ color?: ElInputChatColors; error?: string }>(), {\n  color: 'primary',\n  error: undefined,\n});\n\nconst emit = defineEmits<{\n  onSend: [message?: string, files?: File[]];\n}>();\n\nconst container = ref<HTMLDivElement>();\nconst inputField = ref<HTMLFormElement>();\nconst message = ref<string>();\nconst files = ref<File[]>([]);\n\nconst isEmptyMessage = computed(() => !message.value && !files.value.length);\n\nconst textareaMaxHeight = computed(() => {\n  if (files.value.length) return 'max-h-[9.5rem]';\n\n  return 'max-h-[12.5rem]';\n});\n\nconst onChangeFile = async (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  if (!target || !target.files || !target.files.length) return;\n\n  files.value = [...files.value, ...target.files];\n\n  if (inputField.value) inputField.value.value = null;\n\n  const textarea = container.value?.getElementsByTagName('textarea')?.[0];\n  if (!textarea) return;\n\n  // Await next vue render and scroll to end of textarea\n  await nextTick();\n  textarea.scrollTop = textarea.scrollHeight;\n};\n\n// Resize textarea height based on it's content while typing\nconst onChangeText = (value: TextualValueType) => {\n  const textarea = container.value?.getElementsByTagName('textarea')?.[0];\n  if (!textarea) return;\n\n  // Set height to default min height which is 2.5rem when text is empty\n  textarea.style.setProperty('height', '2.5rem');\n\n  if (!value) return;\n\n  // Calculate text rows based on line height and scroll height\n  let rows = undefined;\n  if (document && document.defaultView) {\n    const lineHeight = Number(document.defaultView.getComputedStyle(textarea, null).getPropertyValue('line-height').replace('px', ''));\n    // Calculate rows removing 16px of padding\n    rows = Math.floor((textarea.scrollHeight - 16) / lineHeight);\n  }\n\n  // Set empty height to shrink as well as stretch\n  textarea.style.setProperty('height', '');\n  // Set height and add 3 px if there's more than 1 rows to hide scrollbar\n  textarea.style.setProperty('height', `${textarea.scrollHeight + ((rows ?? 0) > 1 ? 3 : 0)}px`);\n};\n\nconst handleSubmit = () => {\n  emit('onSend', message.value, files.value);\n\n  // After submit the message, clear textarea and files\n  message.value = undefined;\n  files.value = [];\n};\n</script>\n\n<template>\n  <div ref=\"container\" class=\"flex flex-col gap-2 px-4 py-5 w-full h-auto bg-neutral-surface border-t border-neutral-surface\">\n    <div v-if=\"files.length\" class=\"flex w-full gap-2 max-sm:overflow-scroll sm:overflow-x-auto max-sm:hide-scrollbar\">\n      <div v-for=\"(file, index) in files\" :key=\"`file-${index}`\" class=\"max-w-44\">\n        <ElFile variant=\"primary\" :name=\"file.name\" @close=\"files.splice(index, 1)\" />\n      </div>\n    </div>\n\n    <div class=\"flex gap-4\">\n      <div class=\"shrink-0 w-8\">\n        <input\n          ref=\"inputField\"\n          type=\"file\"\n          class=\"hidden\"\n          :accept=\"'*'\"\n          :disabled=\"!!error\"\n          :multiple=\"true\"\n          @change.prevent=\"onChangeFile\"\n        />\n\n        <ElIconButton\n          v-if=\"inputField\"\n          :icon=\"{ name: 'PaperClipIcon' }\"\n          :disabled=\"!!error\"\n          class=\"h-full flex items-end pb-1\"\n          @click=\"inputField.click()\"\n        />\n      </div>\n\n      <ElInputTextarea\n        v-model=\"message\"\n        :placeholder=\"error\"\n        :disabled=\"!!error\"\n        class=\"w-full\"\n        :error-message=\"!!error ? 'Errore' : undefined\"\n        :hidden-error-message=\"true\"\n        :textarea-class=\"`min-h-10 ${textareaMaxHeight} ${!!error && 'placeholder:!text-error'}`\"\n        @update:model-value=\"onChangeText\"\n      />\n\n      <ElIconButton\n        :icon=\"{ name: 'PaperAirplaneIcon' }\"\n        class=\"shrink-0 w-8 flex items-end pb-1\"\n        :disabled=\"!!error || isEmptyMessage\"\n        @click=\"handleSubmit\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["elInputChatColors","emit","__emit","container","ref","inputField","message","files","isEmptyMessage","computed","textareaMaxHeight","onChangeFile","event","target","textarea","_b","_a","nextTick","onChangeText","value","rows","lineHeight","handleSubmit"],"mappings":"iaACaA,EAAoB,CAAC,UAAW,WAAW,wIAgBxD,MAAMC,EAAOC,EAIPC,EAAYC,EAAAA,MACZC,EAAaD,EAAAA,MACbE,EAAUF,EAAAA,MACVG,EAAQH,MAAY,CAAA,CAAE,EAEtBI,EAAiBC,WAAS,IAAM,CAACH,EAAQ,OAAS,CAACC,EAAM,MAAM,MAAM,EAErEG,EAAoBD,EAAAA,SAAS,IAC7BF,EAAM,MAAM,OAAe,iBAExB,iBACR,EAEKI,EAAe,MAAOC,GAAiB,SAC3C,MAAMC,EAASD,EAAM,OACrB,GAAI,CAACC,GAAU,CAACA,EAAO,OAAS,CAACA,EAAO,MAAM,OAAQ,OAEtDN,EAAM,MAAQ,CAAC,GAAGA,EAAM,MAAO,GAAGM,EAAO,KAAK,EAE1CR,EAAW,QAAOA,EAAW,MAAM,MAAQ,MAE/C,MAAMS,GAAWC,GAAAC,EAAAb,EAAU,QAAV,YAAAa,EAAiB,qBAAqB,cAAtC,YAAAD,EAAoD,GAChED,IAGL,MAAMG,EAAS,SAAA,EACfH,EAAS,UAAYA,EAAS,aAAA,EAI1BI,EAAgBC,GAA4B,SAChD,MAAML,GAAWC,GAAAC,EAAAb,EAAU,QAAV,YAAAa,EAAiB,qBAAqB,cAAtC,YAAAD,EAAoD,GAMrE,GALI,CAACD,IAGIA,EAAA,MAAM,YAAY,SAAU,QAAQ,EAEzC,CAACK,GAAO,OAGZ,IAAIC,EACA,GAAA,UAAY,SAAS,YAAa,CACpC,MAAMC,EAAa,OAAO,SAAS,YAAY,iBAAiBP,EAAU,IAAI,EAAE,iBAAiB,aAAa,EAAE,QAAQ,KAAM,EAAE,CAAC,EAEjIM,EAAO,KAAK,OAAON,EAAS,aAAe,IAAMO,CAAU,CAC7D,CAGSP,EAAA,MAAM,YAAY,SAAU,EAAE,EAE9BA,EAAA,MAAM,YAAY,SAAU,GAAGA,EAAS,eAAiBM,GAAQ,GAAK,EAAI,EAAI,EAAE,IAAI,CAAA,EAGzFE,EAAe,IAAM,CACzBrB,EAAK,SAAUK,EAAQ,MAAOC,EAAM,KAAK,EAGzCD,EAAQ,MAAQ,OAChBC,EAAM,MAAQ,EAAC"}

package/dist/ElInputChat.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElInputChat.vue.esm2.js","sources":["../src/ElInputChat.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputChatColors = ['primary', 'secondary'] as const;\nexport type ElInputChatColors = (typeof elInputChatColors)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue';\nimport ElIconButton from './ElIconButton.vue';\nimport ElFile from './ElFile.vue';\nimport ElInputTextarea from './forms/ElInputTextarea.vue';\nimport { TextualValueType } from './forms/input';\n\nwithDefaults(defineProps<{ color?: ElInputChatColors; error?: string }>(), {\n  color: 'primary',\n  error: undefined,\n});\n\nconst emit = defineEmits<{\n  onSend: [message?: string, files?: File[]];\n}>();\n\nconst container = ref<HTMLDivElement>();\nconst inputField = ref<HTMLFormElement>();\nconst message = ref<string>();\nconst files = ref<File[]>([]);\n\nconst isEmptyMessage = computed(() => !message.value && !files.value.length);\n\nconst textareaMaxHeight = computed(() => {\n  if (files.value.length) return 'max-h-[9.5rem]';\n\n  return 'max-h-[12.5rem]';\n});\n\nconst onChangeFile = async (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  if (!target || !target.files || !target.files.length) return;\n\n  files.value = [...files.value, ...target.files];\n\n  if (inputField.value) inputField.value.value = null;\n\n  const textarea = container.value?.getElementsByTagName('textarea')?.[0];\n  if (!textarea) return;\n\n  // Await next vue render and scroll to end of textarea\n  await nextTick();\n  textarea.scrollTop = textarea.scrollHeight;\n};\n\n// Resize textarea height based on it's content while typing\nconst onChangeText = (value: TextualValueType) => {\n  const textarea = container.value?.getElementsByTagName('textarea')?.[0];\n  if (!textarea) return;\n\n  // Set height to default min height which is 2.5rem when text is empty\n  textarea.style.setProperty('height', '2.5rem');\n\n  if (!value) return;\n\n  // Calculate text rows based on line height and scroll height\n  let rows = undefined;\n  if (document && document.defaultView) {\n    const lineHeight = Number(document.defaultView.getComputedStyle(textarea, null).getPropertyValue('line-height').replace('px', ''));\n    // Calculate rows removing 16px of padding\n    rows = Math.floor((textarea.scrollHeight - 16) / lineHeight);\n  }\n\n  // Set empty height to shrink as well as stretch\n  textarea.style.setProperty('height', '');\n  // Set height and add 3 px if there's more than 1 rows to hide scrollbar\n  textarea.style.setProperty('height', `${textarea.scrollHeight + ((rows ?? 0) > 1 ? 3 : 0)}px`);\n};\n\nconst handleSubmit = () => {\n  emit('onSend', message.value, files.value);\n\n  // After submit the message, clear textarea and files\n  message.value = undefined;\n  files.value = [];\n};\n</script>\n\n<template>\n  <div ref=\"container\" class=\"flex flex-col gap-2 px-4 py-5 w-full h-auto bg-neutral-surface border-t border-neutral-surface\">\n    <div v-if=\"files.length\" class=\"flex w-full gap-2 max-sm:overflow-scroll sm:overflow-x-auto max-sm:hide-scrollbar\">\n      <div v-for=\"(file, index) in files\" :key=\"`file-${index}`\" class=\"max-w-44\">\n        <ElFile variant=\"primary\" :name=\"file.name\" @close=\"files.splice(index, 1)\" />\n      </div>\n    </div>\n\n    <div class=\"flex gap-4\">\n      <div class=\"shrink-0 w-8\">\n        <input\n          ref=\"inputField\"\n          type=\"file\"\n          class=\"hidden\"\n          :accept=\"'*'\"\n          :disabled=\"!!error\"\n          :multiple=\"true\"\n          @change.prevent=\"onChangeFile\"\n        />\n\n        <ElIconButton\n          v-if=\"inputField\"\n          :icon=\"{ name: 'PaperClipIcon' }\"\n          :disabled=\"!!error\"\n          class=\"h-full flex items-end pb-1\"\n          @click=\"inputField.click()\"\n        />\n      </div>\n\n      <ElInputTextarea\n        v-model=\"message\"\n        :placeholder=\"error\"\n        :disabled=\"!!error\"\n        class=\"w-full\"\n        :error-message=\"!!error ? 'Errore' : undefined\"\n        :hidden-error-message=\"true\"\n        :textarea-class=\"`min-h-10 ${textareaMaxHeight} ${!!error && 'placeholder:!text-error'}`\"\n        @update:model-value=\"onChangeText\"\n      />\n\n      <ElIconButton\n        :icon=\"{ name: 'PaperAirplaneIcon' }\"\n        class=\"shrink-0 w-8 flex items-end pb-1\"\n        :disabled=\"!!error || isEmptyMessage\"\n        @click=\"handleSubmit\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["elInputChatColors","emit","__emit","container","ref","inputField","message","files","isEmptyMessage","computed","textareaMaxHeight","onChangeFile","event","target","textarea","_b","_a","nextTick","onChangeText","value","rows","lineHeight","handleSubmit"],"mappings":"+hBACaA,EAAoB,CAAC,UAAW,WAAW,wHAgBxD,MAAMC,EAAOC,EAIPC,EAAYC,IACZC,EAAaD,IACbE,EAAUF,IACVG,EAAQH,EAAY,CAAA,CAAE,EAEtBI,EAAiBC,EAAS,IAAM,CAACH,EAAQ,OAAS,CAACC,EAAM,MAAM,MAAM,EAErEG,EAAoBD,EAAS,IAC7BF,EAAM,MAAM,OAAe,iBAExB,iBACR,EAEKI,EAAe,MAAOC,GAAiB,SAC3C,MAAMC,EAASD,EAAM,OACrB,GAAI,CAACC,GAAU,CAACA,EAAO,OAAS,CAACA,EAAO,MAAM,OAAQ,OAEtDN,EAAM,MAAQ,CAAC,GAAGA,EAAM,MAAO,GAAGM,EAAO,KAAK,EAE1CR,EAAW,QAAOA,EAAW,MAAM,MAAQ,MAE/C,MAAMS,GAAWC,GAAAC,EAAAb,EAAU,QAAV,YAAAa,EAAiB,qBAAqB,cAAtC,YAAAD,EAAoD,GAChED,IAGL,MAAMG,EAAS,EACfH,EAAS,UAAYA,EAAS,aAAA,EAI1BI,EAAgBC,GAA4B,SAChD,MAAML,GAAWC,GAAAC,EAAAb,EAAU,QAAV,YAAAa,EAAiB,qBAAqB,cAAtC,YAAAD,EAAoD,GAMrE,GALI,CAACD,IAGIA,EAAA,MAAM,YAAY,SAAU,QAAQ,EAEzC,CAACK,GAAO,OAGZ,IAAIC,EACA,GAAA,UAAY,SAAS,YAAa,CACpC,MAAMC,EAAa,OAAO,SAAS,YAAY,iBAAiBP,EAAU,IAAI,EAAE,iBAAiB,aAAa,EAAE,QAAQ,KAAM,EAAE,CAAC,EAEjIM,EAAO,KAAK,OAAON,EAAS,aAAe,IAAMO,CAAU,CAC7D,CAGSP,EAAA,MAAM,YAAY,SAAU,EAAE,EAE9BA,EAAA,MAAM,YAAY,SAAU,GAAGA,EAAS,eAAiBM,GAAQ,GAAK,EAAI,EAAI,EAAE,IAAI,CAAA,EAGzFE,EAAe,IAAM,CACzBrB,EAAK,SAAUK,EAAQ,MAAOC,EAAM,KAAK,EAGzCD,EAAQ,MAAQ,OAChBC,EAAM,MAAQ,EAAC"}

package/dist/ElInputChip.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElInputChip.vue.cjs2.js","sources":["../src/ElInputChip.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputChipStatus = ['default', 'hover', 'pressed'];\nexport type ElInputChipStatus = (typeof elInputChipStatus)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport ElAvatar from './ElAvatar.vue';\nimport ElIcon, { ElIconProps } from './ElIcon.vue';\n\nexport interface ElInputChip {\n  status?: ElInputChipStatus;\n  text: string;\n  avatar?: Omit<InstanceType<typeof ElAvatar>['$props'], 'size'>;\n  leadingIcon?: ElIconProps;\n}\n\nconst props = withDefaults(defineProps<ElInputChip>(), {\n  status: 'default',\n  avatar: undefined,\n  leadingIcon: undefined,\n});\n\nconst proxyStatus = ref(props.status);\n</script>\n\n<template>\n  <button\n    class=\"px-2 flex items-center gap-2 h-7 border rounded-md border-neutral-surface focus:bg-neutral-pressed focus:outline-none\"\n    :class=\"{\n      'bg-neutral-surface': proxyStatus === 'default',\n      'bg-neutral-hover': proxyStatus === 'hover',\n      'bg-neutral-pressed': proxyStatus === 'pressed',\n    }\"\n    @mouseover=\"() => (proxyStatus = 'hover')\"\n    @mouseleave=\"() => (proxyStatus = 'default')\"\n    @mousedown=\"() => (proxyStatus = 'pressed')\"\n  >\n    <ElIcon v-if=\"leadingIcon\" v-bind=\"leadingIcon\" class=\"flex-shrink-0 w-4 h-4 fill-neutral-darker\" />\n\n    <ElAvatar v-if=\"avatar\" v-bind=\"avatar\" size=\"xxs\" class=\"flex-shrink-0 w-5 h-5\" />\n    <span class=\"text-xs font-medium text-neutral-darker\">{{ text }}</span>\n    <ElIcon name=\"XMarkIcon\" class=\"flex-shrink-0 flex-1 w-4 h-4 fill-neutral-darker\" />\n  </button>\n</template>\n"],"names":["elInputChipStatus","props","__props","proxyStatus","ref"],"mappings":"6PACaA,EAAoB,CAAC,UAAW,QAAS,SAAS,qJAgB/D,MAAMC,EAAQC,EAMRC,EAAcC,EAAAA,IAAIH,EAAM,MAAM"}

package/dist/ElInputChip.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElInputChip.vue.esm2.js","sources":["../src/ElInputChip.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputChipStatus = ['default', 'hover', 'pressed'];\nexport type ElInputChipStatus = (typeof elInputChipStatus)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport ElAvatar from './ElAvatar.vue';\nimport ElIcon, { ElIconProps } from './ElIcon.vue';\n\nexport interface ElInputChip {\n  status?: ElInputChipStatus;\n  text: string;\n  avatar?: Omit<InstanceType<typeof ElAvatar>['$props'], 'size'>;\n  leadingIcon?: ElIconProps;\n}\n\nconst props = withDefaults(defineProps<ElInputChip>(), {\n  status: 'default',\n  avatar: undefined,\n  leadingIcon: undefined,\n});\n\nconst proxyStatus = ref(props.status);\n</script>\n\n<template>\n  <button\n    class=\"px-2 flex items-center gap-2 h-7 border rounded-md border-neutral-surface focus:bg-neutral-pressed focus:outline-none\"\n    :class=\"{\n      'bg-neutral-surface': proxyStatus === 'default',\n      'bg-neutral-hover': proxyStatus === 'hover',\n      'bg-neutral-pressed': proxyStatus === 'pressed',\n    }\"\n    @mouseover=\"() => (proxyStatus = 'hover')\"\n    @mouseleave=\"() => (proxyStatus = 'default')\"\n    @mousedown=\"() => (proxyStatus = 'pressed')\"\n  >\n    <ElIcon v-if=\"leadingIcon\" v-bind=\"leadingIcon\" class=\"flex-shrink-0 w-4 h-4 fill-neutral-darker\" />\n\n    <ElAvatar v-if=\"avatar\" v-bind=\"avatar\" size=\"xxs\" class=\"flex-shrink-0 w-5 h-5\" />\n    <span class=\"text-xs font-medium text-neutral-darker\">{{ text }}</span>\n    <ElIcon name=\"XMarkIcon\" class=\"flex-shrink-0 flex-1 w-4 h-4 fill-neutral-darker\" />\n  </button>\n</template>\n"],"names":["elInputChipStatus","proxyStatus","ref","__props"],"mappings":"qWACaA,EAAoB,CAAC,UAAW,QAAS,SAAS,qIAsBzD,MAAAC,EAAcC,EANNC,EAMgB,MAAM"}

package/dist/ElListItem.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElListItem.vue.cjs2.js","sources":["../src/ElListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ElTag, { ElTagColor } from './ElTag.vue';\nimport ElIcon, { ElIconProps } from './ElIcon.vue';\nimport ElInputCheckbox from './forms/ElInputCheckbox.vue';\nimport ElTextCell, { ElTextCellColor } from '@/ElTextCell.vue';\nimport ElAvatar from './ElAvatar.vue';\nimport { ElTextCellStyle } from './ElTextCell.vue';\n\nexport interface ElListItemProps {\n  avatar?: { picture: string; label?: string } | { picture?: string; label: string };\n  time?: string;\n  mainText: {\n    label: string;\n    style?: ElTextCellStyle;\n    color?: ElTextCellColor;\n  };\n  secondaryRow?: string;\n  tertiaryRow?: string;\n  trailingIcon?: ElIconProps;\n  amount?: string;\n  tags?: {\n    key?: string;\n    text: string;\n    color?: ElTagColor;\n  }[];\n  modelValue?: boolean;\n  color: 'primary' | 'secondary';\n}\n\nconst props = defineProps<ElListItemProps>();\n\ndefineEmits<{\n  (e: 'update:modelValue', checked: boolean | undefined): void;\n  (e: 'click', payload: MouseEvent): void;\n}>();\n</script>\n\n<template>\n  <li\n    class=\"px-4 pt-4 flex flex-row w-full active:bg-neutral-pressed transition-colors min-w-80\"\n    :class=\"{\n      'bg-primary-light-active': props.color === 'primary' && props.modelValue,\n      'bg-secondary-light-active': props.color === 'secondary' && props.modelValue,\n      'bg-neutral-surface': !props.modelValue,\n    }\"\n    @click=\"\n      e => {\n        $emit('click', e);\n        props.modelValue !== undefined && $emit('update:modelValue', !props.modelValue);\n      }\n    \"\n  >\n    <div v-if=\"props.modelValue !== undefined\" class=\"mr-5 pb-4 flex flex-col items-center justify-center\">\n      <ElInputCheckbox :color=\"props.color\" :model-value=\"props.modelValue\" />\n    </div>\n    <div class=\"flex flex-col flex-grow overflow-x-hidden\">\n      <div class=\"flex flex-row overflow-x-hidden\">\n        <div v-if=\"props.avatar !== undefined\" class=\"mr-3 flex flex-col justify-center\">\n          <ElAvatar :picture=\"props.avatar.picture\" :label=\"props.avatar.label\" size=\"sm\" />\n        </div>\n        <div class=\"flex flex-row justify-between flex-grow overflow-x-hidden gap-4\">\n          <div class=\"flex flex-col gap-1 text-sm flex-grow overflow-x-hidden\">\n            <span v-if=\"props.mainText\" class=\"whitespace-nowrap text-ellipsis overflow-x-hidden w-full\">\n              <ElTextCell v-bind=\"props.mainText\" />\n            </span>\n            <span v-if=\"props.secondaryRow\" class=\"text-neutral-darker whitespace-nowrap text-ellipsis overflow-hidden w-full\">{{\n              props.secondaryRow\n            }}</span>\n            <span v-if=\"props.tertiaryRow\" class=\"text-neutral-lighter whitespace-nowrap text-ellipsis overflow-hidden w-full\">{{\n              props.tertiaryRow\n            }}</span>\n          </div>\n          <div class=\"text-right gap-1.5 flex flex-col flex-shrink-0\">\n            <span v-if=\"props.time\" class=\"text-neutral-darker text-xs\">{{ props.time }}</span>\n            <div class=\"flex flex-row gap-2 justify-end\">\n              <span v-if=\"props.amount\" class=\"text-sm font-semibold\">{{ props.amount }}</span>\n              <div v-if=\"props.trailingIcon\" class=\"size-4\">\n                <ElIcon v-bind=\"props.trailingIcon\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"props.tags && props.tags.length > 0\" class=\"flex flex-row flex-wrap justify-end gap-2 mt-3\">\n        <ElTag v-for=\"tag in props.tags\" :key=\"tag.key ?? tag.text\" :color=\"tag.color\" :text=\"tag.text\" />\n      </div>\n      <div class=\"h-4\" />\n      <div v-if=\"props.modelValue === undefined\" class=\"border-b border-b-neutral-surface\" />\n    </div>\n  </li>\n</template>\n"],"names":["props","__props"],"mappings":"khDA6BA,MAAMA,EAAQC"}

package/dist/ElListItem.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElListItem.vue.esm2.js","sources":["../src/ElListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ElTag, { ElTagColor } from './ElTag.vue';\nimport ElIcon, { ElIconProps } from './ElIcon.vue';\nimport ElInputCheckbox from './forms/ElInputCheckbox.vue';\nimport ElTextCell, { ElTextCellColor } from '@/ElTextCell.vue';\nimport ElAvatar from './ElAvatar.vue';\nimport { ElTextCellStyle } from './ElTextCell.vue';\n\nexport interface ElListItemProps {\n  avatar?: { picture: string; label?: string } | { picture?: string; label: string };\n  time?: string;\n  mainText: {\n    label: string;\n    style?: ElTextCellStyle;\n    color?: ElTextCellColor;\n  };\n  secondaryRow?: string;\n  tertiaryRow?: string;\n  trailingIcon?: ElIconProps;\n  amount?: string;\n  tags?: {\n    key?: string;\n    text: string;\n    color?: ElTagColor;\n  }[];\n  modelValue?: boolean;\n  color: 'primary' | 'secondary';\n}\n\nconst props = defineProps<ElListItemProps>();\n\ndefineEmits<{\n  (e: 'update:modelValue', checked: boolean | undefined): void;\n  (e: 'click', payload: MouseEvent): void;\n}>();\n</script>\n\n<template>\n  <li\n    class=\"px-4 pt-4 flex flex-row w-full active:bg-neutral-pressed transition-colors min-w-80\"\n    :class=\"{\n      'bg-primary-light-active': props.color === 'primary' && props.modelValue,\n      'bg-secondary-light-active': props.color === 'secondary' && props.modelValue,\n      'bg-neutral-surface': !props.modelValue,\n    }\"\n    @click=\"\n      e => {\n        $emit('click', e);\n        props.modelValue !== undefined && $emit('update:modelValue', !props.modelValue);\n      }\n    \"\n  >\n    <div v-if=\"props.modelValue !== undefined\" class=\"mr-5 pb-4 flex flex-col items-center justify-center\">\n      <ElInputCheckbox :color=\"props.color\" :model-value=\"props.modelValue\" />\n    </div>\n    <div class=\"flex flex-col flex-grow overflow-x-hidden\">\n      <div class=\"flex flex-row overflow-x-hidden\">\n        <div v-if=\"props.avatar !== undefined\" class=\"mr-3 flex flex-col justify-center\">\n          <ElAvatar :picture=\"props.avatar.picture\" :label=\"props.avatar.label\" size=\"sm\" />\n        </div>\n        <div class=\"flex flex-row justify-between flex-grow overflow-x-hidden gap-4\">\n          <div class=\"flex flex-col gap-1 text-sm flex-grow overflow-x-hidden\">\n            <span v-if=\"props.mainText\" class=\"whitespace-nowrap text-ellipsis overflow-x-hidden w-full\">\n              <ElTextCell v-bind=\"props.mainText\" />\n            </span>\n            <span v-if=\"props.secondaryRow\" class=\"text-neutral-darker whitespace-nowrap text-ellipsis overflow-hidden w-full\">{{\n              props.secondaryRow\n            }}</span>\n            <span v-if=\"props.tertiaryRow\" class=\"text-neutral-lighter whitespace-nowrap text-ellipsis overflow-hidden w-full\">{{\n              props.tertiaryRow\n            }}</span>\n          </div>\n          <div class=\"text-right gap-1.5 flex flex-col flex-shrink-0\">\n            <span v-if=\"props.time\" class=\"text-neutral-darker text-xs\">{{ props.time }}</span>\n            <div class=\"flex flex-row gap-2 justify-end\">\n              <span v-if=\"props.amount\" class=\"text-sm font-semibold\">{{ props.amount }}</span>\n              <div v-if=\"props.trailingIcon\" class=\"size-4\">\n                <ElIcon v-bind=\"props.trailingIcon\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"props.tags && props.tags.length > 0\" class=\"flex flex-row flex-wrap justify-end gap-2 mt-3\">\n        <ElTag v-for=\"tag in props.tags\" :key=\"tag.key ?? tag.text\" :color=\"tag.color\" :text=\"tag.text\" />\n      </div>\n      <div class=\"h-4\" />\n      <div v-if=\"props.modelValue === undefined\" class=\"border-b border-b-neutral-surface\" />\n    </div>\n  </li>\n</template>\n"],"names":["props","__props"],"mappings":"8oDA6BA,MAAMA,EAAQC"}

package/dist/ElLogo.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElLogo.vue.cjs2.js","sources":["../src/ElLogo.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elLogoColors = ['two-tone', 'white', 'dark'] as const;\nexport type ElLogoColors = (typeof elLogoColors)[number];\nexport const elLogoVariants = ['full', 'compact', 'basic'] as const;\nexport type ElLogoVariants = (typeof elLogoVariants)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport heartTwoTone from '@/assets/logo/heart-two-tone.svg';\nimport heartWhite from '@/assets/logo/heart-white.svg';\nimport heartDark from '@/assets/logo/heart-dark.svg';\nimport eltyTwoTone from '@/assets/logo/elty-two-tone.svg';\nimport eltyWhite from '@/assets/logo/elty-white.svg';\nimport eltyDark from '@/assets/logo/elty-dark.svg';\nimport davinciWhite from '@/assets/logo/davinci-white.svg';\nimport davinciDark from '@/assets/logo/davinci-dark.svg';\n\nwithDefaults(\n  defineProps<{\n    color?: ElLogoColors;\n    variant?: ElLogoVariants;\n  }>(),\n  {\n    color: 'two-tone',\n    variant: 'full',\n  },\n);\n</script>\n\n<template>\n  <div class=\"flex items-start justify-center gap-[2px]\">\n    <img\n      :src=\"\n        {\n          'two-tone': heartTwoTone,\n          white: heartWhite,\n          dark: heartDark,\n        }[color]\n      \"\n      :class=\"\n        {\n          full: 'w-[37px] h-[20px]',\n          compact: 'w-[37px] h-[20px]',\n          basic: 'w-[50px] h-[28px]',\n        }[variant]\n      \"\n      alt=\"Heart\"\n    />\n    <img\n      :src=\"\n        {\n          'two-tone': eltyTwoTone,\n          white: eltyWhite,\n          dark: eltyDark,\n        }[color]\n      \"\n      :class=\"\n        {\n          full: 'w-[55px] h-[28px]',\n          compact: 'w-[55px] h-[28px]',\n          basic: 'hidden',\n        }[variant]\n      \"\n      alt=\"Elty\"\n    />\n    <img\n      :src=\"\n        {\n          'two-tone': davinciDark,\n          white: davinciWhite,\n          dark: davinciDark,\n        }[color]\n      \"\n      :class=\"\n        {\n          full: 'w-[100px] h-[20px]',\n          compact: 'hidden',\n          basic: 'hidden',\n        }[variant]\n      \"\n      alt=\"Davinci\"\n    />\n  </div>\n</template>\n"],"names":["elLogoColors","elLogoVariants"],"mappings":"2mBACaA,EAAe,CAAC,WAAY,QAAS,MAAM,EAE3CC,EAAiB,CAAC,OAAQ,UAAW,OAAO"}

package/dist/ElLogo.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElLogo.vue.esm2.js","sources":["../src/ElLogo.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elLogoColors = ['two-tone', 'white', 'dark'] as const;\nexport type ElLogoColors = (typeof elLogoColors)[number];\nexport const elLogoVariants = ['full', 'compact', 'basic'] as const;\nexport type ElLogoVariants = (typeof elLogoVariants)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport heartTwoTone from '@/assets/logo/heart-two-tone.svg';\nimport heartWhite from '@/assets/logo/heart-white.svg';\nimport heartDark from '@/assets/logo/heart-dark.svg';\nimport eltyTwoTone from '@/assets/logo/elty-two-tone.svg';\nimport eltyWhite from '@/assets/logo/elty-white.svg';\nimport eltyDark from '@/assets/logo/elty-dark.svg';\nimport davinciWhite from '@/assets/logo/davinci-white.svg';\nimport davinciDark from '@/assets/logo/davinci-dark.svg';\n\nwithDefaults(\n  defineProps<{\n    color?: ElLogoColors;\n    variant?: ElLogoVariants;\n  }>(),\n  {\n    color: 'two-tone',\n    variant: 'full',\n  },\n);\n</script>\n\n<template>\n  <div class=\"flex items-start justify-center gap-[2px]\">\n    <img\n      :src=\"\n        {\n          'two-tone': heartTwoTone,\n          white: heartWhite,\n          dark: heartDark,\n        }[color]\n      \"\n      :class=\"\n        {\n          full: 'w-[37px] h-[20px]',\n          compact: 'w-[37px] h-[20px]',\n          basic: 'w-[50px] h-[28px]',\n        }[variant]\n      \"\n      alt=\"Heart\"\n    />\n    <img\n      :src=\"\n        {\n          'two-tone': eltyTwoTone,\n          white: eltyWhite,\n          dark: eltyDark,\n        }[color]\n      \"\n      :class=\"\n        {\n          full: 'w-[55px] h-[28px]',\n          compact: 'w-[55px] h-[28px]',\n          basic: 'hidden',\n        }[variant]\n      \"\n      alt=\"Elty\"\n    />\n    <img\n      :src=\"\n        {\n          'two-tone': davinciDark,\n          white: davinciWhite,\n          dark: davinciDark,\n        }[color]\n      \"\n      :class=\"\n        {\n          full: 'w-[100px] h-[20px]',\n          compact: 'hidden',\n          basic: 'hidden',\n        }[variant]\n      \"\n      alt=\"Davinci\"\n    />\n  </div>\n</template>\n"],"names":["elLogoColors","elLogoVariants"],"mappings":"koBACaA,EAAe,CAAC,WAAY,QAAS,MAAM,EAE3CC,EAAiB,CAAC,OAAQ,UAAW,OAAO"}

package/dist/ElModal.vue.cjs2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./node_modules/@vueuse/core/index.cjs.js"),N=require("./node_modules/@vueuse/components/index.cjs.js"),f=require("./ElButton.vue.cjs2.js"),S=require("./ElIcon.vue.cjs2.js"),V=require("./ElIconButton.vue.cjs2.js"),A=require("./_CustomTransition.vue.cjs2.js"),M={key:0,class:"fixed inset-1 inset-x-0 bottom-0 z-40 flex items-center justify-center px-4 pb-6 sm:p-0"},I={class:"fixed inset-0 transition-opacity"},O={class:"flex items-center justify-between gap-2 flex-1 overflow-hidden"},q={class:"text-xl font-semibold truncate flex-1"},P={key:0,class:"text-base font-normal text-wrap break-words"},c=["xs","m","l","xl"],b={xs:360,m:576,l:768,xl:1280},T=["primary","secondary","error"],j=e.defineComponent({__name:"ElModal",props:e.mergeModels({size:{default:"m"},color:{default:"primary"},headerIcon:{},title:{default:void 0},description:{default:void 0},primaryAction:{},secondaryAction:{default:void 0},tertiaryAction:{default:void 0}},{isOpen:{default:!1,required:!0,type:Boolean},isOpenModifiers:{}}),emits:e.mergeModels(["closed"],["update:isOpen"]),setup(v,{emit:g}){const u=e.useModel(v,"isOpen"),w=g,d=v,p=()=>u.value=!1,y=e.ref(null),l=e.ref(null),a=e.computed(()=>d.color==="error"),{arrivedState:x}=n.useScroll(l),{height:h}=n.useElementSize(l),{width:B}=n.useWindowSize(),k=e.computed(()=>l.value&&l.value.scrollHeight>h.value),z=n.useScrollLock(document.body),o=e.computed(()=>{for(let t=c.indexOf(d.size);t>=0;t--)if(B.value>=b[c[t]])return c[t];return d.size}),C=t=>{t.target===y.value&&p()},_=t=>{const s=Array.from(t.children);for(const m of s){const r=m;if(r.tagName==="INPUT")return r.closest(".autocomplete-root")&&r.focus(),r;const i=_(r);if(i)return i}return null},E=async(t,s=10,m=50)=>{let r=0;for(;r<s&&!_(t);)r++,await new Promise(i=>setTimeout(i,m))};return e.watch(()=>u.value,async t=>{z.value=t,t?(await e.nextTick(),l.value&&await E(l.value,5,200)):w("closed")}),n.onKeyStroke("Escape",t=>{t.preventDefault(),p()}),(t,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(A.default,{name:"fade"},{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",I,[e.createElementVNode("div",{ref_key:"backdrop",ref:y,class:"absolute inset-0 bg-gray-500 opacity-75"},null,512)]),e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col gap-7 py-8 z-50 bg-neutral-surface shadow-md rounded-md border border-neutral-surface max-h-[80%] text-neutral-darker",{"w-[360px]":o.value==="xs","w-[576px]":o.value==="m","w-[768px]":o.value==="l","w-[1280px]":o.value==="xl"}])},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-between gap-2",{"px-4":o.value==="xs","px-8":o.value!=="xs"}])},[e.createElementVNode("div",O,[e.createElementVNode("div",{class:e.normalizeClass([{"text-error bg-error-light-active":a.value,"text-primary bg-neutral-surface-raised":t.color==="primary","text-secondary bg-neutral-surface-raised":t.color==="secondary"},"!h-8 !w-8 rounded-full"])},[e.createVNode(S.default,e.mergeProps(a.value?{name:"ExclamationCircleIcon"}:t.headerIcon,{class:"p-1"}),null,16)],2),e.createElementVNode("div",q,e.toDisplayString(t.title),1)]),e.createVNode(V.default,{icon:{name:"XMarkIcon"},error:a.value,onClick:p},null,8,["error"])],2),e.createElementVNode("div",{ref_key:"modalBody",ref:l,class:e.normalizeClass(["flex flex-col gap-7 border-neutral-surface overflow-y-auto overflow-x-hidden",{"px-4":o.value==="xs","px-8":o.value!=="xs","border-t":k.value&&!e.unref(x).top,"border-b":k.value&&!e.unref(x).bottom}])},[t.description?(e.openBlock(),e.createElementBlock("p",P,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default")],2),t.primaryAction||t.secondaryAction||t.tertiaryAction?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex items-center gap-4",{"flex-col-reverse px-4":o.value==="xs","flex-row px-8":o.value!=="xs"}])},[t.tertiaryAction?(e.openBlock(),e.createBlock(f.default,e.mergeProps({key:0},t.tertiaryAction,{variant:"tertiary",class:{"w-full":o.value==="xs"},size:o.value==="xs"?"l":"base",error:a.value}),null,16,["class","size","error"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex gap-4",{"flex-col-reverse w-full":o.value==="xs","flex-row ml-auto":o.value!=="xs"}])},[t.secondaryAction?(e.openBlock(),e.createBlock(f.default,e.mergeProps({key:0},t.secondaryAction,{variant:"secondary",size:o.value==="xs"?"l":"base",error:a.value}),null,16,["size","error"])):e.createCommentVNode("",!0),t.primaryAction?(e.openBlock(),e.createBlock(f.default,e.mergeProps({key:1},t.primaryAction,{variant:"primary",size:o.value==="xs"?"l":"base",error:a.value}),null,16,["size","error"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2)),[[e.unref(N.VOnClickOutside),C]])])):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=j;exports.elModalColors=T;exports.elModalSizes=c;exports.elModalSizesBreakpoints=b;
-//# sourceMappingURL=ElModal.vue.cjs2.js.map

package/dist/ElModal.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElModal.vue.cjs2.js","sources":["../src/ElModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elModalSizes = ['xs', 'm', 'l', 'xl'] as const;\nexport type ElModalSize = (typeof elModalSizes)[number];\n\nexport const elModalSizesBreakpoints = { xs: 360, m: 576, l: 768, xl: 1280 };\n\nexport const elModalColors = ['primary', 'secondary', 'error'] as const;\nexport type ElModalColor = (typeof elModalColors)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { onKeyStroke, useElementSize, useScroll, useScrollLock, useWindowSize } from '@vueuse/core';\nimport { vOnClickOutside } from '@vueuse/components';\nimport { computed, nextTick, ref, watch } from 'vue';\n\nimport ElButton from '@/ElButton.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport ElIconButton from '@/ElIconButton.vue';\nimport CustomTransition from '@/_CustomTransition.vue';\n\nexport interface ElModalProps {\n  size?: ElModalSize;\n  color?: ElModalColor;\n  headerIcon: InstanceType<typeof ElIcon>['$props'];\n  title: string;\n  description?: string;\n  primaryAction: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;\n  secondaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;\n  tertiaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;\n}\n\nconst isOpen = defineModel('isOpen', {\n  default: false,\n  required: true,\n  type: Boolean,\n});\n\nconst emit = defineEmits<{ (event: 'closed'): void }>();\n\nconst props = withDefaults(defineProps<ElModalProps>(), {\n  size: 'm',\n  color: 'primary',\n  title: undefined,\n  description: undefined,\n  secondaryAction: undefined,\n  tertiaryAction: undefined,\n});\n\nconst closeModal = () => (isOpen.value = false);\n\nconst backdrop = ref<HTMLElement | null>(null);\nconst modalBody = ref<HTMLElement | null>(null);\n\nconst isInErrorState = computed(() => props.color === 'error');\n\nconst { arrivedState } = useScroll(modalBody);\nconst { height } = useElementSize(modalBody);\nconst { width: windowWidth } = useWindowSize();\n\nconst isModalScrollable = computed(() => modalBody.value && modalBody.value.scrollHeight > height.value);\nconst isBodyScrollLocked = useScrollLock(document.body);\n\nconst responsiveSize = computed(() => {\n  for (let i = elModalSizes.indexOf(props.size); i >= 0; i--) {\n    if (windowWidth.value >= elModalSizesBreakpoints[elModalSizes[i]]) return elModalSizes[i];\n  }\n\n  return props.size;\n});\n\nconst onClickOutside = (e: TouchEvent | MouseEvent) => {\n  // This prevents the modal from closing when clicking on elements that use ElClipToAnchor (eg. ElInputSelect)\n  const isClickOnBackdrop = e.target === backdrop.value;\n\n  if (isClickOnBackdrop) closeModal();\n};\n\nconst findAndFocusFirstAutocompleteInput = (element: HTMLElement): HTMLInputElement | null => {\n  const children = Array.from(element.children);\n\n  for (const child of children) {\n    const childElement = child as HTMLElement;\n\n    if (childElement.tagName === 'INPUT') {\n      const isInputAutocomplete = childElement.closest('.autocomplete-root');\n      if (isInputAutocomplete) {\n        (childElement as HTMLInputElement).focus();\n      }\n\n      return childElement as HTMLInputElement;\n    }\n\n    const found = findAndFocusFirstAutocompleteInput(childElement);\n    if (found) {\n      return found;\n    }\n  }\n\n  return null;\n};\n\nconst continuouslyFocusInput = async (element: HTMLElement, maxRetries = 10, retryInterval = 50): Promise<void> => {\n  let retries = 0;\n\n  while (retries < maxRetries) {\n    if (!findAndFocusFirstAutocompleteInput(element)) {\n      retries++;\n      await new Promise(resolve => setTimeout(resolve, retryInterval));\n    } else {\n      break;\n    }\n  }\n};\n\nwatch(\n  () => isOpen.value,\n  async value => {\n    isBodyScrollLocked.value = value;\n    if (!value) emit('closed');\n    else {\n      await nextTick();\n      if (modalBody.value) {\n        await continuouslyFocusInput(modalBody.value, 5, 200);\n      }\n    }\n  },\n);\n\nonKeyStroke('Escape', e => {\n  e.preventDefault();\n  closeModal();\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <CustomTransition name=\"fade\">\n      <div v-if=\"isOpen\" class=\"fixed inset-1 inset-x-0 bottom-0 z-40 flex items-center justify-center px-4 pb-6 sm:p-0\">\n        <!-- Backdrop -->\n        <div class=\"fixed inset-0 transition-opacity\">\n          <div ref=\"backdrop\" class=\"absolute inset-0 bg-gray-500 opacity-75\"></div>\n        </div>\n\n        <!-- Modal -->\n        <div\n          v-on-click-outside=\"onClickOutside\"\n          class=\"flex flex-col gap-7 py-8 z-50 bg-neutral-surface shadow-md rounded-md border border-neutral-surface max-h-[80%] text-neutral-darker\"\n          :class=\"{\n            'w-[360px]': responsiveSize === 'xs',\n            'w-[576px]': responsiveSize === 'm',\n            'w-[768px]': responsiveSize === 'l',\n            'w-[1280px]': responsiveSize === 'xl',\n          }\"\n        >\n          <!-- Header -->\n          <div\n            class=\"flex items-center justify-between gap-2\"\n            :class=\"{ 'px-4': responsiveSize === 'xs', 'px-8': responsiveSize !== 'xs' }\"\n          >\n            <div class=\"flex items-center justify-between gap-2 flex-1 overflow-hidden\">\n              <div\n                :class=\"{\n                  'text-error bg-error-light-active': isInErrorState,\n                  'text-primary bg-neutral-surface-raised': color === 'primary',\n                  'text-secondary bg-neutral-surface-raised': color === 'secondary',\n                }\"\n                class=\"!h-8 !w-8 rounded-full\"\n              >\n                <ElIcon v-bind=\"isInErrorState ? { name: 'ExclamationCircleIcon' } : headerIcon\" class=\"p-1\" />\n              </div>\n\n              <div class=\"text-xl font-semibold truncate flex-1\">{{ title }}</div>\n            </div>\n\n            <ElIconButton :icon=\"{ name: 'XMarkIcon' }\" :error=\"isInErrorState\" @click=\"closeModal\" />\n          </div>\n\n          <!-- Body -->\n          <div\n            ref=\"modalBody\"\n            class=\"flex flex-col gap-7 border-neutral-surface overflow-y-auto overflow-x-hidden\"\n            :class=\"{\n              'px-4': responsiveSize === 'xs',\n              'px-8': responsiveSize !== 'xs',\n              'border-t': isModalScrollable && !arrivedState.top,\n              'border-b': isModalScrollable && !arrivedState.bottom,\n            }\"\n          >\n            <p v-if=\"description\" class=\"text-base font-normal text-wrap break-words\">{{ description }}</p>\n\n            <slot name=\"default\"></slot>\n          </div>\n\n          <!-- Footer -->\n          <div\n            v-if=\"primaryAction || secondaryAction || tertiaryAction\"\n            class=\"flex items-center gap-4\"\n            :class=\"{ 'flex-col-reverse px-4': responsiveSize === 'xs', 'flex-row px-8': responsiveSize !== 'xs' }\"\n          >\n            <ElButton\n              v-if=\"tertiaryAction\"\n              v-bind=\"tertiaryAction\"\n              variant=\"tertiary\"\n              :class=\"{ 'w-full': responsiveSize === 'xs' }\"\n              :size=\"responsiveSize === 'xs' ? 'l' : 'base'\"\n              :error=\"isInErrorState\"\n            />\n\n            <div\n              class=\"flex gap-4\"\n              :class=\"{ 'flex-col-reverse w-full': responsiveSize === 'xs', 'flex-row ml-auto': responsiveSize !== 'xs' }\"\n            >\n              <ElButton\n                v-if=\"secondaryAction\"\n                v-bind=\"secondaryAction\"\n                variant=\"secondary\"\n                :size=\"responsiveSize === 'xs' ? 'l' : 'base'\"\n                :error=\"isInErrorState\"\n              />\n\n              <ElButton\n                v-if=\"primaryAction\"\n                v-bind=\"primaryAction\"\n                variant=\"primary\"\n                :size=\"responsiveSize === 'xs' ? 'l' : 'base'\"\n                :error=\"isInErrorState\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </CustomTransition>\n  </Teleport>\n</template>\n"],"names":["elModalSizes","elModalSizesBreakpoints","elModalColors","isOpen","_useModel","__props","emit","__emit","props","closeModal","backdrop","ref","modalBody","isInErrorState","computed","arrivedState","useScroll","height","useElementSize","windowWidth","useWindowSize","isModalScrollable","isBodyScrollLocked","useScrollLock","responsiveSize","i","onClickOutside","e","findAndFocusFirstAutocompleteInput","element","children","child","childElement","found","continuouslyFocusInput","maxRetries","retryInterval","retries","resolve","watch","value","nextTick","onKeyStroke"],"mappings":"kuBACaA,EAAe,CAAC,KAAM,IAAK,IAAK,IAAI,EAGpCC,EAA0B,CAAE,GAAI,IAAK,EAAG,IAAK,EAAG,IAAK,GAAI,IAAK,EAE9DC,EAAgB,CAAC,UAAW,YAAa,OAAO,sYAyBvD,MAAAC,EAASC,EAAAA,SAAYC,EAAA,QAI1B,EAEKC,EAAOC,EAEPC,EAAQH,EASRI,EAAa,IAAON,EAAO,MAAQ,GAEnCO,EAAWC,MAAwB,IAAI,EACvCC,EAAYD,MAAwB,IAAI,EAExCE,EAAiBC,EAAAA,SAAS,IAAMN,EAAM,QAAU,OAAO,EAEvD,CAAE,aAAAO,CAAA,EAAiBC,EAAA,UAAUJ,CAAS,EACtC,CAAE,OAAAK,CAAA,EAAWC,EAAA,eAAeN,CAAS,EACrC,CAAE,MAAOO,CAAY,EAAIC,EAAc,cAAA,EAEvCC,EAAoBP,EAAAA,SAAS,IAAMF,EAAU,OAASA,EAAU,MAAM,aAAeK,EAAO,KAAK,EACjGK,EAAqBC,EAAAA,cAAc,SAAS,IAAI,EAEhDC,EAAiBV,EAAAA,SAAS,IAAM,CAC3B,QAAAW,EAAIzB,EAAa,QAAQQ,EAAM,IAAI,EAAGiB,GAAK,EAAGA,IACrD,GAAIN,EAAY,OAASlB,EAAwBD,EAAayB,CAAC,CAAC,EAAG,OAAOzB,EAAayB,CAAC,EAG1F,OAAOjB,EAAM,IAAA,CACd,EAEKkB,EAAkBC,GAA+B,CAE3BA,EAAE,SAAWjB,EAAS,OAEdD,GAAA,EAG9BmB,EAAsCC,GAAkD,CAC5F,MAAMC,EAAW,MAAM,KAAKD,EAAQ,QAAQ,EAE5C,UAAWE,KAASD,EAAU,CAC5B,MAAME,EAAeD,EAEjB,GAAAC,EAAa,UAAY,QAE3B,OAD4BA,EAAa,QAAQ,oBAAoB,GAElEA,EAAkC,MAAM,EAGpCA,EAGH,MAAAC,EAAQL,EAAmCI,CAAY,EAC7D,GAAIC,EACK,OAAAA,CAEX,CAEO,OAAA,IAAA,EAGHC,EAAyB,MAAOL,EAAsBM,EAAa,GAAIC,EAAgB,KAAsB,CACjH,IAAIC,EAAU,EAEd,KAAOA,EAAUF,GACX,CAACP,EAAmCC,CAAO,GAC7CQ,IACA,MAAM,IAAI,QAAQC,GAAW,WAAWA,EAASF,CAAa,CAAC,CAInE,EAGFG,OAAAA,EAAA,MACE,IAAMpC,EAAO,MACb,MAAMqC,GAAS,CACblB,EAAmB,MAAQkB,EACtBA,GAEH,MAAMC,EAAS,SAAA,EACX7B,EAAU,OACZ,MAAMsB,EAAuBtB,EAAU,MAAO,EAAG,GAAG,GAJ5CN,EAAK,QAAQ,CAO3B,CAAA,EAGFoC,cAAY,SAAef,GAAA,CACzBA,EAAE,eAAe,EACNlB,GAAA,CACZ"}

package/dist/ElModal.vue.esm2.js

@@ -1,2 +0,0 @@
-import{defineComponent as D,mergeModels as B,useModel as F,ref as I,computed as k,watch as P,nextTick as L,openBlock as t,createBlock as d,Teleport as W,createVNode as b,withCtx as q,createElementBlock as f,createElementVNode as l,withDirectives as H,normalizeClass as i,mergeProps as p,toDisplayString as M,unref as w,createCommentVNode as n,renderSlot as K}from"vue";import{useScroll as U,useElementSize as X,useWindowSize as G,useScrollLock as J,onKeyStroke as Q}from"./node_modules/@vueuse/core/index.esm.js";import{VOnClickOutside as R}from"./node_modules/@vueuse/components/index.esm.js";import h from"./ElButton.vue.esm2.js";import Y from"./ElIcon.vue.esm2.js";import Z from"./ElIconButton.vue.esm2.js";import ee from"./_CustomTransition.vue.esm2.js";const re={key:0,class:"fixed inset-1 inset-x-0 bottom-0 z-40 flex items-center justify-center px-4 pb-6 sm:p-0"},oe={class:"fixed inset-0 transition-opacity"},te={class:"flex items-center justify-between gap-2 flex-1 overflow-hidden"},le={class:"text-xl font-semibold truncate flex-1"},se={key:0,class:"text-base font-normal text-wrap break-words"},g=["xs","m","l","xl"],ae={xs:360,m:576,l:768,xl:1280},ve=["primary","secondary","error"],ye=D({__name:"ElModal",props:B({size:{default:"m"},color:{default:"primary"},headerIcon:{},title:{default:void 0},description:{default:void 0},primaryAction:{},secondaryAction:{default:void 0},tertiaryAction:{default:void 0}},{isOpen:{default:!1,required:!0,type:Boolean},isOpenModifiers:{}}),emits:B(["closed"],["update:isOpen"]),setup(z,{emit:_}){const m=F(z,"isOpen"),E=_,v=z,y=()=>m.value=!1,A=I(null),s=I(null),a=k(()=>v.color==="error"),{arrivedState:S}=U(s),{height:N}=X(s),{width:$}=G(),O=k(()=>s.value&&s.value.scrollHeight>N.value),T=J(document.body),r=k(()=>{for(let e=g.indexOf(v.size);e>=0;e--)if($.value>=ae[g[e]])return g[e];return v.size}),V=e=>{e.target===A.value&&y()},C=e=>{const c=Array.from(e.children);for(const x of c){const o=x;if(o.tagName==="INPUT")return o.closest(".autocomplete-root")&&o.focus(),o;const u=C(o);if(u)return u}return null},j=async(e,c=10,x=50)=>{let o=0;for(;o<c&&!C(e);)o++,await new Promise(u=>setTimeout(u,x))};return P(()=>m.value,async e=>{T.value=e,e?(await L(),s.value&&await j(s.value,5,200)):E("closed")}),Q("Escape",e=>{e.preventDefault(),y()}),(e,c)=>(t(),d(W,{to:"body"},[b(ee,{name:"fade"},{default:q(()=>[m.value?(t(),f("div",re,[l("div",oe,[l("div",{ref_key:"backdrop",ref:A,class:"absolute inset-0 bg-gray-500 opacity-75"},null,512)]),H((t(),f("div",{class:i(["flex flex-col gap-7 py-8 z-50 bg-neutral-surface shadow-md rounded-md border border-neutral-surface max-h-[80%] text-neutral-darker",{"w-[360px]":r.value==="xs","w-[576px]":r.value==="m","w-[768px]":r.value==="l","w-[1280px]":r.value==="xl"}])},[l("div",{class:i(["flex items-center justify-between gap-2",{"px-4":r.value==="xs","px-8":r.value!=="xs"}])},[l("div",te,[l("div",{class:i([{"text-error bg-error-light-active":a.value,"text-primary bg-neutral-surface-raised":e.color==="primary","text-secondary bg-neutral-surface-raised":e.color==="secondary"},"!h-8 !w-8 rounded-full"])},[b(Y,p(a.value?{name:"ExclamationCircleIcon"}:e.headerIcon,{class:"p-1"}),null,16)],2),l("div",le,M(e.title),1)]),b(Z,{icon:{name:"XMarkIcon"},error:a.value,onClick:y},null,8,["error"])],2),l("div",{ref_key:"modalBody",ref:s,class:i(["flex flex-col gap-7 border-neutral-surface overflow-y-auto overflow-x-hidden",{"px-4":r.value==="xs","px-8":r.value!=="xs","border-t":O.value&&!w(S).top,"border-b":O.value&&!w(S).bottom}])},[e.description?(t(),f("p",se,M(e.description),1)):n("",!0),K(e.$slots,"default")],2),e.primaryAction||e.secondaryAction||e.tertiaryAction?(t(),f("div",{key:0,class:i(["flex items-center gap-4",{"flex-col-reverse px-4":r.value==="xs","flex-row px-8":r.value!=="xs"}])},[e.tertiaryAction?(t(),d(h,p({key:0},e.tertiaryAction,{variant:"tertiary",class:{"w-full":r.value==="xs"},size:r.value==="xs"?"l":"base",error:a.value}),null,16,["class","size","error"])):n("",!0),l("div",{class:i(["flex gap-4",{"flex-col-reverse w-full":r.value==="xs","flex-row ml-auto":r.value!=="xs"}])},[e.secondaryAction?(t(),d(h,p({key:0},e.secondaryAction,{variant:"secondary",size:r.value==="xs"?"l":"base",error:a.value}),null,16,["size","error"])):n("",!0),e.primaryAction?(t(),d(h,p({key:1},e.primaryAction,{variant:"primary",size:r.value==="xs"?"l":"base",error:a.value}),null,16,["size","error"])):n("",!0)],2)],2)):n("",!0)],2)),[[w(R),V]])])):n("",!0)]),_:3})]))}});export{ye as default,ve as elModalColors,g as elModalSizes,ae as elModalSizesBreakpoints};
-//# sourceMappingURL=ElModal.vue.esm2.js.map

package/dist/ElModal.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElModal.vue.esm2.js","sources":["../src/ElModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elModalSizes = ['xs', 'm', 'l', 'xl'] as const;\nexport type ElModalSize = (typeof elModalSizes)[number];\n\nexport const elModalSizesBreakpoints = { xs: 360, m: 576, l: 768, xl: 1280 };\n\nexport const elModalColors = ['primary', 'secondary', 'error'] as const;\nexport type ElModalColor = (typeof elModalColors)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { onKeyStroke, useElementSize, useScroll, useScrollLock, useWindowSize } from '@vueuse/core';\nimport { vOnClickOutside } from '@vueuse/components';\nimport { computed, nextTick, ref, watch } from 'vue';\n\nimport ElButton from '@/ElButton.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport ElIconButton from '@/ElIconButton.vue';\nimport CustomTransition from '@/_CustomTransition.vue';\n\nexport interface ElModalProps {\n  size?: ElModalSize;\n  color?: ElModalColor;\n  headerIcon: InstanceType<typeof ElIcon>['$props'];\n  title: string;\n  description?: string;\n  primaryAction: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;\n  secondaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;\n  tertiaryAction?: Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>;\n}\n\nconst isOpen = defineModel('isOpen', {\n  default: false,\n  required: true,\n  type: Boolean,\n});\n\nconst emit = defineEmits<{ (event: 'closed'): void }>();\n\nconst props = withDefaults(defineProps<ElModalProps>(), {\n  size: 'm',\n  color: 'primary',\n  title: undefined,\n  description: undefined,\n  secondaryAction: undefined,\n  tertiaryAction: undefined,\n});\n\nconst closeModal = () => (isOpen.value = false);\n\nconst backdrop = ref<HTMLElement | null>(null);\nconst modalBody = ref<HTMLElement | null>(null);\n\nconst isInErrorState = computed(() => props.color === 'error');\n\nconst { arrivedState } = useScroll(modalBody);\nconst { height } = useElementSize(modalBody);\nconst { width: windowWidth } = useWindowSize();\n\nconst isModalScrollable = computed(() => modalBody.value && modalBody.value.scrollHeight > height.value);\nconst isBodyScrollLocked = useScrollLock(document.body);\n\nconst responsiveSize = computed(() => {\n  for (let i = elModalSizes.indexOf(props.size); i >= 0; i--) {\n    if (windowWidth.value >= elModalSizesBreakpoints[elModalSizes[i]]) return elModalSizes[i];\n  }\n\n  return props.size;\n});\n\nconst onClickOutside = (e: TouchEvent | MouseEvent) => {\n  // This prevents the modal from closing when clicking on elements that use ElClipToAnchor (eg. ElInputSelect)\n  const isClickOnBackdrop = e.target === backdrop.value;\n\n  if (isClickOnBackdrop) closeModal();\n};\n\nconst findAndFocusFirstAutocompleteInput = (element: HTMLElement): HTMLInputElement | null => {\n  const children = Array.from(element.children);\n\n  for (const child of children) {\n    const childElement = child as HTMLElement;\n\n    if (childElement.tagName === 'INPUT') {\n      const isInputAutocomplete = childElement.closest('.autocomplete-root');\n      if (isInputAutocomplete) {\n        (childElement as HTMLInputElement).focus();\n      }\n\n      return childElement as HTMLInputElement;\n    }\n\n    const found = findAndFocusFirstAutocompleteInput(childElement);\n    if (found) {\n      return found;\n    }\n  }\n\n  return null;\n};\n\nconst continuouslyFocusInput = async (element: HTMLElement, maxRetries = 10, retryInterval = 50): Promise<void> => {\n  let retries = 0;\n\n  while (retries < maxRetries) {\n    if (!findAndFocusFirstAutocompleteInput(element)) {\n      retries++;\n      await new Promise(resolve => setTimeout(resolve, retryInterval));\n    } else {\n      break;\n    }\n  }\n};\n\nwatch(\n  () => isOpen.value,\n  async value => {\n    isBodyScrollLocked.value = value;\n    if (!value) emit('closed');\n    else {\n      await nextTick();\n      if (modalBody.value) {\n        await continuouslyFocusInput(modalBody.value, 5, 200);\n      }\n    }\n  },\n);\n\nonKeyStroke('Escape', e => {\n  e.preventDefault();\n  closeModal();\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <CustomTransition name=\"fade\">\n      <div v-if=\"isOpen\" class=\"fixed inset-1 inset-x-0 bottom-0 z-40 flex items-center justify-center px-4 pb-6 sm:p-0\">\n        <!-- Backdrop -->\n        <div class=\"fixed inset-0 transition-opacity\">\n          <div ref=\"backdrop\" class=\"absolute inset-0 bg-gray-500 opacity-75\"></div>\n        </div>\n\n        <!-- Modal -->\n        <div\n          v-on-click-outside=\"onClickOutside\"\n          class=\"flex flex-col gap-7 py-8 z-50 bg-neutral-surface shadow-md rounded-md border border-neutral-surface max-h-[80%] text-neutral-darker\"\n          :class=\"{\n            'w-[360px]': responsiveSize === 'xs',\n            'w-[576px]': responsiveSize === 'm',\n            'w-[768px]': responsiveSize === 'l',\n            'w-[1280px]': responsiveSize === 'xl',\n          }\"\n        >\n          <!-- Header -->\n          <div\n            class=\"flex items-center justify-between gap-2\"\n            :class=\"{ 'px-4': responsiveSize === 'xs', 'px-8': responsiveSize !== 'xs' }\"\n          >\n            <div class=\"flex items-center justify-between gap-2 flex-1 overflow-hidden\">\n              <div\n                :class=\"{\n                  'text-error bg-error-light-active': isInErrorState,\n                  'text-primary bg-neutral-surface-raised': color === 'primary',\n                  'text-secondary bg-neutral-surface-raised': color === 'secondary',\n                }\"\n                class=\"!h-8 !w-8 rounded-full\"\n              >\n                <ElIcon v-bind=\"isInErrorState ? { name: 'ExclamationCircleIcon' } : headerIcon\" class=\"p-1\" />\n              </div>\n\n              <div class=\"text-xl font-semibold truncate flex-1\">{{ title }}</div>\n            </div>\n\n            <ElIconButton :icon=\"{ name: 'XMarkIcon' }\" :error=\"isInErrorState\" @click=\"closeModal\" />\n          </div>\n\n          <!-- Body -->\n          <div\n            ref=\"modalBody\"\n            class=\"flex flex-col gap-7 border-neutral-surface overflow-y-auto overflow-x-hidden\"\n            :class=\"{\n              'px-4': responsiveSize === 'xs',\n              'px-8': responsiveSize !== 'xs',\n              'border-t': isModalScrollable && !arrivedState.top,\n              'border-b': isModalScrollable && !arrivedState.bottom,\n            }\"\n          >\n            <p v-if=\"description\" class=\"text-base font-normal text-wrap break-words\">{{ description }}</p>\n\n            <slot name=\"default\"></slot>\n          </div>\n\n          <!-- Footer -->\n          <div\n            v-if=\"primaryAction || secondaryAction || tertiaryAction\"\n            class=\"flex items-center gap-4\"\n            :class=\"{ 'flex-col-reverse px-4': responsiveSize === 'xs', 'flex-row px-8': responsiveSize !== 'xs' }\"\n          >\n            <ElButton\n              v-if=\"tertiaryAction\"\n              v-bind=\"tertiaryAction\"\n              variant=\"tertiary\"\n              :class=\"{ 'w-full': responsiveSize === 'xs' }\"\n              :size=\"responsiveSize === 'xs' ? 'l' : 'base'\"\n              :error=\"isInErrorState\"\n            />\n\n            <div\n              class=\"flex gap-4\"\n              :class=\"{ 'flex-col-reverse w-full': responsiveSize === 'xs', 'flex-row ml-auto': responsiveSize !== 'xs' }\"\n            >\n              <ElButton\n                v-if=\"secondaryAction\"\n                v-bind=\"secondaryAction\"\n                variant=\"secondary\"\n                :size=\"responsiveSize === 'xs' ? 'l' : 'base'\"\n                :error=\"isInErrorState\"\n              />\n\n              <ElButton\n                v-if=\"primaryAction\"\n                v-bind=\"primaryAction\"\n                variant=\"primary\"\n                :size=\"responsiveSize === 'xs' ? 'l' : 'base'\"\n                :error=\"isInErrorState\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </CustomTransition>\n  </Teleport>\n</template>\n"],"names":["elModalSizes","elModalSizesBreakpoints","elModalColors","isOpen","_useModel","__props","emit","__emit","props","closeModal","backdrop","ref","modalBody","isInErrorState","computed","arrivedState","useScroll","height","useElementSize","windowWidth","useWindowSize","isModalScrollable","isBodyScrollLocked","useScrollLock","responsiveSize","i","onClickOutside","findAndFocusFirstAutocompleteInput","element","children","child","childElement","found","continuouslyFocusInput","maxRetries","retryInterval","retries","resolve","watch","value","nextTick","onKeyStroke"],"mappings":"mlCACaA,EAAe,CAAC,KAAM,IAAK,IAAK,IAAI,EAGpCC,GAA0B,CAAE,GAAI,IAAK,EAAG,IAAK,EAAG,IAAK,GAAI,IAAK,EAE9DC,GAAgB,CAAC,UAAW,YAAa,OAAO,+VAyBvD,MAAAC,EAASC,EAAYC,EAAA,QAI1B,EAEKC,EAAOC,EAEPC,EAAQH,EASRI,EAAa,IAAON,EAAO,MAAQ,GAEnCO,EAAWC,EAAwB,IAAI,EACvCC,EAAYD,EAAwB,IAAI,EAExCE,EAAiBC,EAAS,IAAMN,EAAM,QAAU,OAAO,EAEvD,CAAE,aAAAO,CAAA,EAAiBC,EAAUJ,CAAS,EACtC,CAAE,OAAAK,CAAA,EAAWC,EAAeN,CAAS,EACrC,CAAE,MAAOO,CAAY,EAAIC,EAAc,EAEvCC,EAAoBP,EAAS,IAAMF,EAAU,OAASA,EAAU,MAAM,aAAeK,EAAO,KAAK,EACjGK,EAAqBC,EAAc,SAAS,IAAI,EAEhDC,EAAiBV,EAAS,IAAM,CAC3B,QAAAW,EAAIzB,EAAa,QAAQQ,EAAM,IAAI,EAAGiB,GAAK,EAAGA,IACrD,GAAIN,EAAY,OAASlB,GAAwBD,EAAayB,CAAC,CAAC,EAAG,OAAOzB,EAAayB,CAAC,EAG1F,OAAOjB,EAAM,IAAA,CACd,EAEKkB,EAAkB,GAA+B,CAE3B,EAAE,SAAWhB,EAAS,OAEdD,GAAA,EAG9BkB,EAAsCC,GAAkD,CAC5F,MAAMC,EAAW,MAAM,KAAKD,EAAQ,QAAQ,EAE5C,UAAWE,KAASD,EAAU,CAC5B,MAAME,EAAeD,EAEjB,GAAAC,EAAa,UAAY,QAE3B,OAD4BA,EAAa,QAAQ,oBAAoB,GAElEA,EAAkC,MAAM,EAGpCA,EAGH,MAAAC,EAAQL,EAAmCI,CAAY,EAC7D,GAAIC,EACK,OAAAA,CAEX,CAEO,OAAA,IAAA,EAGHC,EAAyB,MAAOL,EAAsBM,EAAa,GAAIC,EAAgB,KAAsB,CACjH,IAAIC,EAAU,EAEd,KAAOA,EAAUF,GACX,CAACP,EAAmCC,CAAO,GAC7CQ,IACA,MAAM,IAAI,QAAQC,GAAW,WAAWA,EAASF,CAAa,CAAC,CAInE,EAGF,OAAAG,EACE,IAAMnC,EAAO,MACb,MAAMoC,GAAS,CACbjB,EAAmB,MAAQiB,EACtBA,GAEH,MAAMC,EAAS,EACX5B,EAAU,OACZ,MAAMqB,EAAuBrB,EAAU,MAAO,EAAG,GAAG,GAJ5CN,EAAK,QAAQ,CAO3B,CAAA,EAGFmC,EAAY,SAAe,GAAA,CACzB,EAAE,eAAe,EACNhC,GAAA,CACZ"}

package/dist/ElSortingHeader.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElSortingHeader.vue.cjs2.js","sources":["../src/ElSortingHeader.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elSortingHeaderDirections = ['down', 'up'] as const;\nexport type ElSortingHeaderDirection = (typeof elSortingHeaderDirections)[number];\n</script>\n\n<script setup lang=\"ts\">\nwithDefaults(defineProps<{ direction: ElSortingHeaderDirection }>(), {\n  direction: 'down',\n});\n</script>\n\n<template>\n  <div class=\"hover:bg-primary-light-hover flex h-4 w-4 items-center justify-center rounded-lg\">\n    <svg\n      class=\"hover:fill-primary-hover active:fill-primary fill-disabled\"\n      :class=\"{ 'rotate-180': direction === 'up' }\"\n      width=\"13\"\n      height=\"12\"\n      viewBox=\"0 0 13 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g id=\"solid/arrow-down\">\n        <path\n          id=\"Vector\"\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M6.5 1.125C6.70711 1.125 6.875 1.29289 6.875 1.5L6.875 9.59467L9.98483 6.48484C10.1313 6.33839 10.3687 6.33839 10.5152 6.48484C10.6616 6.63128 10.6616 6.86872 10.5152 7.01516L6.76516 10.7652C6.61872 10.9116 6.38128 10.9116 6.23484 10.7652L2.48483 7.01517C2.33839 6.86872 2.33839 6.63128 2.48483 6.48484C2.63128 6.33839 2.86872 6.33839 3.01517 6.48484L6.125 9.59467L6.125 1.5C6.125 1.29289 6.29289 1.125 6.5 1.125Z\"\n        />\n      </g>\n    </svg>\n  </div>\n</template>\n"],"names":["elSortingHeaderDirections"],"mappings":"wxBACaA,EAA4B,CAAC,OAAQ,IAAI"}

package/dist/ElSortingHeader.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElSortingHeader.vue.esm2.js","sources":["../src/ElSortingHeader.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elSortingHeaderDirections = ['down', 'up'] as const;\nexport type ElSortingHeaderDirection = (typeof elSortingHeaderDirections)[number];\n</script>\n\n<script setup lang=\"ts\">\nwithDefaults(defineProps<{ direction: ElSortingHeaderDirection }>(), {\n  direction: 'down',\n});\n</script>\n\n<template>\n  <div class=\"hover:bg-primary-light-hover flex h-4 w-4 items-center justify-center rounded-lg\">\n    <svg\n      class=\"hover:fill-primary-hover active:fill-primary fill-disabled\"\n      :class=\"{ 'rotate-180': direction === 'up' }\"\n      width=\"13\"\n      height=\"12\"\n      viewBox=\"0 0 13 12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g id=\"solid/arrow-down\">\n        <path\n          id=\"Vector\"\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M6.5 1.125C6.70711 1.125 6.875 1.29289 6.875 1.5L6.875 9.59467L9.98483 6.48484C10.1313 6.33839 10.3687 6.33839 10.5152 6.48484C10.6616 6.63128 10.6616 6.86872 10.5152 7.01516L6.76516 10.7652C6.61872 10.9116 6.38128 10.9116 6.23484 10.7652L2.48483 7.01517C2.33839 6.86872 2.33839 6.63128 2.48483 6.48484C2.63128 6.33839 2.86872 6.33839 3.01517 6.48484L6.125 9.59467L6.125 1.5C6.125 1.29289 6.29289 1.125 6.5 1.125Z\"\n        />\n      </g>\n    </svg>\n  </div>\n</template>\n"],"names":["elSortingHeaderDirections"],"mappings":"8uBACaA,EAA4B,CAAC,OAAQ,IAAI"}

package/dist/ElSpinner.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElSpinner.vue.cjs2.js","sources":["../src/ElSpinner.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elSpinnerSize = ['normal', 'larger'] as const;\nexport type ElSpinnerSize = (typeof elSpinnerSize)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { onDeactivated, onMounted, ref } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    size?: ElSpinnerSize;\n    extraLoadingMsgAfterSeconds?: number;\n  }>(),\n  {\n    label: '',\n    size: 'normal',\n    extraLoadingMsgAfterSeconds: -1,\n  },\n);\n\n// it will hold the nodejs timer\nconst extraMsgTimer: any = ref(null);\nconst extraLabelAppend = ref('');\n\nonMounted(() => {\n  if (props.extraLoadingMsgAfterSeconds && props.extraLoadingMsgAfterSeconds > 0) {\n    extraMsgTimer.value = setTimeout(() => {\n      extraLabelAppend.value += ' Connessione lenta, ancora qualche secondo...';\n    }, props.extraLoadingMsgAfterSeconds * 1000);\n  }\n});\n\nonDeactivated(() => {\n  clearTimeout(extraMsgTimer);\n});\n</script>\n\n<template>\n  <span class=\"text-neutral-darker flex items-center\">\n    <svg\n      class=\"text-neutral-darker h-4 w-4 animate-spin\"\n      :class=\"{ 'mr-3': label, '!h-12 !w-12': size === 'larger' }\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" />\n      <path\n        class=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n    <span v-if=\"label\">{{ label }} {{ extraLabelAppend }}</span>\n  </span>\n</template>\n"],"names":["elSpinnerSize","props","__props","extraMsgTimer","ref","extraLabelAppend","onMounted","onDeactivated"],"mappings":"ygBACaA,EAAgB,CAAC,SAAU,QAAQ,+IAOhD,MAAMC,EAAQC,EAcRC,EAAqBC,MAAI,IAAI,EAC7BC,EAAmBD,MAAI,EAAE,EAE/BE,OAAAA,EAAAA,UAAU,IAAM,CACVL,EAAM,6BAA+BA,EAAM,4BAA8B,IAC7DE,EAAA,MAAQ,WAAW,IAAM,CACrCE,EAAiB,OAAS,+CAAA,EACzBJ,EAAM,4BAA8B,GAAI,EAC7C,CACD,EAEDM,EAAAA,cAAc,IAAM,CAClB,aAAaJ,CAAa,CAAA,CAC3B"}

package/dist/ElSpinner.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElSpinner.vue.esm2.js","sources":["../src/ElSpinner.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elSpinnerSize = ['normal', 'larger'] as const;\nexport type ElSpinnerSize = (typeof elSpinnerSize)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { onDeactivated, onMounted, ref } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    size?: ElSpinnerSize;\n    extraLoadingMsgAfterSeconds?: number;\n  }>(),\n  {\n    label: '',\n    size: 'normal',\n    extraLoadingMsgAfterSeconds: -1,\n  },\n);\n\n// it will hold the nodejs timer\nconst extraMsgTimer: any = ref(null);\nconst extraLabelAppend = ref('');\n\nonMounted(() => {\n  if (props.extraLoadingMsgAfterSeconds && props.extraLoadingMsgAfterSeconds > 0) {\n    extraMsgTimer.value = setTimeout(() => {\n      extraLabelAppend.value += ' Connessione lenta, ancora qualche secondo...';\n    }, props.extraLoadingMsgAfterSeconds * 1000);\n  }\n});\n\nonDeactivated(() => {\n  clearTimeout(extraMsgTimer);\n});\n</script>\n\n<template>\n  <span class=\"text-neutral-darker flex items-center\">\n    <svg\n      class=\"text-neutral-darker h-4 w-4 animate-spin\"\n      :class=\"{ 'mr-3': label, '!h-12 !w-12': size === 'larger' }\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n    >\n      <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" />\n      <path\n        class=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n    <span v-if=\"label\">{{ label }} {{ extraLabelAppend }}</span>\n  </span>\n</template>\n"],"names":["elSpinnerSize","props","__props","extraMsgTimer","ref","extraLabelAppend","onMounted","onDeactivated"],"mappings":"ujBACaA,EAAgB,CAAC,SAAU,QAAQ,+HAOhD,MAAMC,EAAQC,EAcRC,EAAqBC,EAAI,IAAI,EAC7BC,EAAmBD,EAAI,EAAE,EAE/B,OAAAE,EAAU,IAAM,CACVL,EAAM,6BAA+BA,EAAM,4BAA8B,IAC7DE,EAAA,MAAQ,WAAW,IAAM,CACrCE,EAAiB,OAAS,+CAAA,EACzBJ,EAAM,4BAA8B,GAAI,EAC7C,CACD,EAEDM,EAAc,IAAM,CAClB,aAAaJ,CAAa,CAAA,CAC3B"}

package/dist/ElSuggestionChip.vue.cjs2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=e.defineComponent({__name:"ElSuggestionChip",props:{label:{},focused:{type:Boolean}},setup(o){return(r,i)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:e.normalizeClass(["h-8 items-center justify-center px-4 min-w-20 rounded-md text-sm font-semibold leading-4 border text-primary bg-white border-primary hover:text-primary-hover hover:bg-primary-light-hover hover:border-primary-hover",{"text-primary-pressed bg-primary-light-pressed border-primary-pressed outlined-primary":r.focused}])},e.toDisplayString(r.label),3))}});exports.default=t;
-//# sourceMappingURL=ElSuggestionChip.vue.cjs2.js.map

package/dist/ElSuggestionChip.vue.esm2.js

@@ -1,2 +0,0 @@
-import{defineComponent as r,openBlock as t,createElementBlock as o,normalizeClass as i,toDisplayString as p}from"vue";const m=r({__name:"ElSuggestionChip",props:{label:{},focused:{type:Boolean}},setup(s){return(e,a)=>(t(),o("button",{type:"button",class:i(["h-8 items-center justify-center px-4 min-w-20 rounded-md text-sm font-semibold leading-4 border text-primary bg-white border-primary hover:text-primary-hover hover:bg-primary-light-hover hover:border-primary-hover",{"text-primary-pressed bg-primary-light-pressed border-primary-pressed outlined-primary":e.focused}])},p(e.label),3))}});export{m as default};
-//# sourceMappingURL=ElSuggestionChip.vue.esm2.js.map

package/dist/ElTab.vue.cjs2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElTab.vue.cjs2.js","sources":["../src/ElTab.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elTabStatuses = ['active', 'inactive', 'default'] as const;\nexport const elTabColors = ['primary', 'secondary'] as const;\nexport type ElTabStatues = (typeof elTabStatuses)[number];\nexport type ElTabColors = (typeof elTabColors)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport ElBadge from '@/ElBadge.vue';\nconst {\n  color = 'primary',\n  label,\n  status,\n  badge,\n} = defineProps<{\n  label: string;\n  status: ElTabStatues;\n  color?: ElTabColors;\n  badge?: {\n    visible: boolean;\n    value?: string;\n  };\n}>();\n\nconst emit = defineEmits<{\n  (event: 'click'): void;\n}>();\n</script>\n\n<template>\n  <div\n    class=\"group relative px-4 pt-2 pb-3 text-center text-sm transition-colors\"\n    :class=\"{\n      'cursor-not-allowed': status === 'inactive',\n      'cursor-pointer': status !== 'inactive',\n    }\"\n    @click=\"status === 'inactive' || emit('click')\"\n  >\n    <div class=\"relative flex flex-row justify-center items-start gap-2\">\n      <span\n        :class=\"{\n          'font-semibold': status === 'active',\n          'text-neutral-inactive': status === 'inactive',\n          'text-neutral-lighter': status === 'default',\n          'text-primary-active': status === 'active' && color === 'primary',\n          'text-secondary-active': status === 'active' && color === 'secondary',\n          'group-hover:text-primary-hover group-active:text-primary-pressed': status !== 'inactive' && color === 'primary',\n          'group-hover:text-secondary-hover group-active:text-secondary-pressed': status !== 'inactive' && color === 'secondary',\n        }\"\n      >\n        {{ label }}\n      </span>\n      <div v-if=\"badge?.visible && status !== 'inactive'\">\n        <ElBadge :value=\"badge.value\" :color=\"color\" />\n      </div>\n    </div>\n    <div\n      v-if=\"status !== 'inactive'\"\n      class=\"absolute bottom-0 left-0 h-[1px] w-full\"\n      :class=\"{\n        'group-hover:bg-primary-hover group-active:bg-primary-pressed': color === 'primary',\n        'group-hover:bg-secondary-hover group-active:bg-secondary-pressed': color === 'secondary',\n        'bg-primary-active': status === 'active' && color === 'primary',\n        'bg-secondary-active': status === 'active' && color === 'secondary',\n      }\"\n    ></div>\n  </div>\n</template>\n"],"names":["elTabStatuses","elTabColors","emit","__emit"],"mappings":"oPACaA,EAAgB,CAAC,SAAU,WAAY,SAAS,EAChDC,EAAc,CAAC,UAAW,WAAW,qHAsBlD,MAAMC,EAAOC"}

package/dist/ElTab.vue.esm2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElTab.vue.esm2.js","sources":["../src/ElTab.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elTabStatuses = ['active', 'inactive', 'default'] as const;\nexport const elTabColors = ['primary', 'secondary'] as const;\nexport type ElTabStatues = (typeof elTabStatuses)[number];\nexport type ElTabColors = (typeof elTabColors)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport ElBadge from '@/ElBadge.vue';\nconst {\n  color = 'primary',\n  label,\n  status,\n  badge,\n} = defineProps<{\n  label: string;\n  status: ElTabStatues;\n  color?: ElTabColors;\n  badge?: {\n    visible: boolean;\n    value?: string;\n  };\n}>();\n\nconst emit = defineEmits<{\n  (event: 'click'): void;\n}>();\n</script>\n\n<template>\n  <div\n    class=\"group relative px-4 pt-2 pb-3 text-center text-sm transition-colors\"\n    :class=\"{\n      'cursor-not-allowed': status === 'inactive',\n      'cursor-pointer': status !== 'inactive',\n    }\"\n    @click=\"status === 'inactive' || emit('click')\"\n  >\n    <div class=\"relative flex flex-row justify-center items-start gap-2\">\n      <span\n        :class=\"{\n          'font-semibold': status === 'active',\n          'text-neutral-inactive': status === 'inactive',\n          'text-neutral-lighter': status === 'default',\n          'text-primary-active': status === 'active' && color === 'primary',\n          'text-secondary-active': status === 'active' && color === 'secondary',\n          'group-hover:text-primary-hover group-active:text-primary-pressed': status !== 'inactive' && color === 'primary',\n          'group-hover:text-secondary-hover group-active:text-secondary-pressed': status !== 'inactive' && color === 'secondary',\n        }\"\n      >\n        {{ label }}\n      </span>\n      <div v-if=\"badge?.visible && status !== 'inactive'\">\n        <ElBadge :value=\"badge.value\" :color=\"color\" />\n      </div>\n    </div>\n    <div\n      v-if=\"status !== 'inactive'\"\n      class=\"absolute bottom-0 left-0 h-[1px] w-full\"\n      :class=\"{\n        'group-hover:bg-primary-hover group-active:bg-primary-pressed': color === 'primary',\n        'group-hover:bg-secondary-hover group-active:bg-secondary-pressed': color === 'secondary',\n        'bg-primary-active': status === 'active' && color === 'primary',\n        'bg-secondary-active': status === 'active' && color === 'secondary',\n      }\"\n    ></div>\n  </div>\n</template>\n"],"names":["elTabStatuses","elTabColors","emit","__emit"],"mappings":"gTACaA,EAAgB,CAAC,SAAU,WAAY,SAAS,EAChDC,EAAc,CAAC,UAAW,WAAW,qGAsBlD,MAAMC,EAAOC"}

package/dist/ElTabGroup.vue.cjs2.js

@@ -1,2 +0,0 @@
-"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"},_=e.defineComponent({__name:"ElTabGroup",props:{modelValue:{},tabs:{},color:{}},emits:["update:modelValue"],setup(a,{emit:r}){const o=a,n=r,u=l=>{n("update:modelValue",l)},s=l=>l.disabled?"inactive":(l.value??l.label)===o.modelValue?"active":"default";return(l,m)=>(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:o.color,badge:t.badge,class:"grow min-w-[120px]",label:t.label,status:s(t),onClick:f=>u(t.value??t.label)},null,8,["color","badge","label","status","onClick"]))),128))])]))}});exports.default=_;
-//# sourceMappingURL=ElTabGroup.vue.cjs2.js.map

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

@@ -1 +0,0 @@
-{"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 = defineProps<{\n  modelValue: string;\n  tabs: ElTabItem[];\n  color?: ElTabColors;\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=\"grow min-w-[120px]\"\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":"+VAeA,MAAMA,EAAQC,EAMRC,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/ElTabGroup.vue.esm2.js

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

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

@@ -1 +0,0 @@
-{"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 = defineProps<{\n  modelValue: string;\n  tabs: ElTabItem[];\n  color?: ElTabColors;\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=\"grow min-w-[120px]\"\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":"wWAeA,MAAMA,EAAQC,EAMRC,EAAOC,EAIPC,EAAWC,GAAgB,CAC/BH,EAAK,oBAAqBG,CAAG,CAAA,EAGzBC,EAAgBD,GAChBA,EAAI,SAAiB,YACpBA,EAAI,OAASA,EAAI,SAAWL,EAAM,WAAmB,SACnD"}