@davincihealthcare/elty-design-system-vue 2.8.0 → 2.9.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElAccordion.vue.esm2.js","sources":["../src/ElAccordion.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elAccordionColors = ['primary', 'secondary'] as const;\nexport type ElAccordionColor = (typeof elAccordionColors)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { ref, computed } from 'vue';\nimport ElIcon from '@/ElIcon.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    label: string;\n    open?: boolean;\n    color?: ElAccordionColor;\n  }>(),\n  {\n    color: 'primary',\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'update:open', open?: boolean): void;\n}>();\n\nconst openLocal = ref<boolean>(false);\n\nconst openProxy = computed<boolean>({\n  set(open: boolean) {\n    emit('update:open', open);\n    openLocal.value = open;\n  },\n  get(): boolean {\n    return props.open || openLocal.value;\n  },\n});\n</script>\n\n<template>\n  <div class=\"relative rounded-md bg-white overflow-hidden\">\n    <button class=\"w-full h-10\" @click.prevent=\"openProxy = !openProxy\">\n      <div\n        class=\"h-full w-full flex justify-between items-center rounded-md cursor-pointer px-2 select-none active:bg-neutral-pressed active:text-neutral-darker hover:bg-neutral-hover\"\n        :class=\"[\n          color === 'primary' && !openProxy && 'bg-neutral-surface text-neutral-darker',\n          color === 'primary' && openProxy && 'bg-neutral-active text-primary-active',\n          color === 'secondary' && !openProxy && 'bg-neutral-surface text-neutral-darker',\n          color === 'secondary' && openProxy && 'bg-neutral-active text-secondary-active',\n        ]\"\n      >\n        <span class=\"text-ellipsis whitespace-nowrap overflow-hidden text-sm font-medium\">{{ label }}</span>\n        <ElIcon solid :name=\"openProxy ? 'ChevronUpIcon' : 'ChevronDownIcon'\" class=\"w-4 h-4\" />\n      </div>\n    </button>\n\n    <div class=\"overflow-hidden w-full\">\n      <Transition\n        enter-active-class=\"ease-out\"\n        enter-from-class=\"-translate-y-full\"\n        enter-to-class=\"translate-y-0\"\n        leave-active-class=\"ease-in\"\n        leave-from-class=\"translate-y-0\"\n        leave-to-class=\"-translate-y-full\"\n        :duration=\"100\"\n      >\n        <div v-show=\"openProxy\" class=\"transform duration-100 w-full flex flex-col gap-2 p-2 bg-white\">\n          <slot />\n        </div>\n      </Transition>\n    </div>\n  </div>\n</template>\n"],"names":["elAccordionColors","props","__props","emit","__emit","openLocal","ref","openProxy","computed","open"],"mappings":"sjBACaA,EAAoB,CAAC,UAAW,WAAW,mIAQxD,MAAMC,EAAQC,EAWRC,EAAOC,EAIPC,EAAYC,EAAa,EAAK,EAE9BC,EAAYC,EAAkB,CAClC,IAAIC,EAAe,CACjBN,EAAK,cAAeM,CAAI,EACxBJ,EAAU,MAAQI,CACpB,EACA,KAAe,CACN,OAAAR,EAAM,MAAQI,EAAU,KACjC,CAAA,CACD"}

package/dist/ElActionButton.vue.cjs2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css               */require("./polyfills.cjs.js");require("vee-validate");require("./node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.cjs.js");require("./node_modules/lodash/lodash.cjs.js");require("./tailwind.plugin.cjs.js");require("./node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.cjs.js");const o=require("./ElIcon.vue.cjs2.js"),c=require("./ElBadge.vue.cjs2.js");require("./forms/ElInputText.vue.cjs2.js");require("./forms/ElInputCheckbox.vue.cjs2.js");require("./forms/ElInputDate.vue.cjs2.js");require("./forms/ElInputFile.vue.cjs2.js");require("./forms/ElInputMeasureUnit.vue.cjs2.js");require("./forms/ElInputNumber.vue.cjs2.js");require("./forms/ElInputPhone.vue.cjs2.js");require("./forms/ElInputSelect.vue.cjs2.js");require("./forms/ElInputTextarea.vue.cjs2.js");require("./ElToast.vue.cjs2.js");require("./forms/ElInputRadioButton.vue.cjs2.js");require("./node_modules/swiper/shared/swiper-core.cjs.js");;/* empty css                                    */;/* empty css                                                */require("./forms/ElInputSearch.vue.cjs2.js");require("./forms/ElInputAutocomplete.vue.cjs2.js");const d=["data-cy"],p={key:2,class:"h-4 ml-1 relative flex justify-center items-start"},m=["base","l"],g=["primary","secondary"],v=["default","hover","pressed","active"],b=e.defineComponent({__name:"ElActionButton",props:{id:{},label:{},size:{default:"base"},color:{default:"primary"},status:{default:"default"},leadingIcon:{},trailingIcon:{},badge:{},onClick:{}},emits:["click"],setup(l,{emit:n}){const r=l,u=()=>{a.value=!0,i("click",r.onClick)},a=e.ref(r.status==="pressed"),i=n;return(t,s)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["w-fit border flex flex-1 justify-center items-center gap-1 font-semibold leading-6 rounded-lg px-3 hover:bg-neutral-hover hover:text-neutral-darker focus:bg-neutral-pressed focus:ring-neutral-pressed",{"text-sm h-8":r.size==="base","text-base h-10":r.size==="l","border-transparent text-neutral-darker":r.status==="default","border-transparent text-neutral-darker bg-neutral-hover":r.status==="hover","border-transparent bg-neutral-pressed ":(a.value||r.status==="pressed")&&r.status!=="active"&&r.status!=="default"&&r.status!=="hover","text-primary-active bg-primary-light-active border-primary-active":r.status==="active"&&r.color==="primary","text-secondary-active bg-secondary-light-active border-secondary-active":r.status==="active"&&r.color==="secondary"}]),"data-cy":r.label?r.label.trim().replace(/\s+/g,""):"default-action-button",onMouseDown:s[0]||(s[0]=f=>a.value=!0),onClick:u},[t.leadingIcon?(e.openBlock(),e.createBlock(e.unref(o.default),e.mergeProps({key:0},t.leadingIcon,{class:{"h-5 w-5":t.size==="base","h-6 w-6":t.size==="l"}}),null,16,["class"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(r.label),1),t.trailingIcon?(e.openBlock(),e.createBlock(e.unref(o.default),e.mergeProps({key:1},t.trailingIcon,{class:{"h-5 w-5":t.size==="base","h-6 w-6":t.size==="l"}}),null,16,["class"])):e.createCommentVNode("",!0),t.badge?(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(e.unref(c.default),e.normalizeProps(e.guardReactiveProps(t.badge)),null,16)])):e.createCommentVNode("",!0)],42,d))}});exports.default=b;exports.elActionButtonColors=g;exports.elActionButtonSizes=m;exports.elActionButtonStatus=v;
-//# sourceMappingURL=ElActionButton.vue.cjs2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElActionButton.vue.cjs2.js","sources":["../src/ElActionButton.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elActionButtonSizes = ['base', 'l'] as const;\nexport type ElActionButtonSizes = (typeof elActionButtonSizes)[number];\n\nexport const elActionButtonColors = ['primary', 'secondary'] as const;\nexport type ElActionButtonColors = (typeof elActionButtonColors)[number];\n\nexport const elActionButtonStatus = ['default', 'hover', 'pressed', 'active'] as const;\nexport type ElActionButtonStatus = (typeof elActionButtonStatus)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { ElBadge, ElIcon } from '.';\nimport { ref } from 'vue';\n\nexport interface ActionButtonProps {\n  id?: string;\n  label: string;\n  size: ElActionButtonSizes;\n  color: ElActionButtonColors;\n  status: ElActionButtonStatus;\n  leadingIcon?: InstanceType<typeof ElIcon>['$props'];\n  trailingIcon?: InstanceType<typeof ElIcon>['$props'];\n  badge?: InstanceType<typeof ElBadge>['$props'];\n  onClick?: (() => unknown) | (() => Promise<unknown>);\n}\n\nconst props = withDefaults(defineProps<ActionButtonProps>(), {\n  size: 'base',\n  color: 'primary',\n  status: 'default',\n});\n\nconst onClick = () => {\n  isPressed.value = true;\n  $emits('click', props.onClick);\n};\n\nconst isPressed = ref<boolean>(props.status === 'pressed');\nconst $emits = defineEmits(['click']);\n</script>\n\n<template>\n  <button\n    class=\"w-fit border flex flex-1 justify-center items-center gap-1 font-semibold leading-6 rounded-lg px-3 hover:bg-neutral-hover hover:text-neutral-darker focus:bg-neutral-pressed focus:ring-neutral-pressed\"\n    :class=\"{\n      'text-sm h-8': props.size === 'base',\n      'text-base h-10': props.size === 'l',\n      'border-transparent text-neutral-darker': props.status === 'default',\n      'border-transparent text-neutral-darker bg-neutral-hover': props.status === 'hover',\n      'border-transparent bg-neutral-pressed ':\n        (isPressed || props.status === 'pressed') && props.status !== 'active' && props.status !== 'default' && props.status !== 'hover',\n      'text-primary-active bg-primary-light-active border-primary-active': props.status === 'active' && props.color === 'primary',\n      'text-secondary-active bg-secondary-light-active border-secondary-active': props.status === 'active' && props.color === 'secondary',\n    }\"\n    :data-cy=\"props.label ? props.label.trim().replace(/\\s+/g, '') : 'default-action' + '-button'\"\n    @mouse-down=\"isPressed = true\"\n    @click=\"onClick\"\n  >\n    <ElIcon\n      v-if=\"leadingIcon\"\n      v-bind=\"leadingIcon\"\n      :class=\"{\n        'h-5 w-5': size === 'base',\n        'h-6 w-6': size === 'l',\n      }\"\n    />\n    <span> {{ props.label }}</span>\n    <ElIcon\n      v-if=\"trailingIcon\"\n      v-bind=\"trailingIcon\"\n      :class=\"{\n        'h-5 w-5': size === 'base',\n        'h-6 w-6': size === 'l',\n      }\"\n    />\n    <div v-if=\"badge\" class=\"h-4 ml-1 relative flex justify-center items-start\">\n      <ElBadge v-bind=\"badge\" />\n    </div>\n  </button>\n</template>\n"],"names":["elActionButtonSizes","elActionButtonColors","elActionButtonStatus","props","__props","onClick","isPressed","$emits","ref","__emit"],"mappings":"m3CACaA,EAAsB,CAAC,OAAQ,GAAG,EAGlCC,EAAuB,CAAC,UAAW,WAAW,EAG9CC,EAAuB,CAAC,UAAW,QAAS,UAAW,QAAQ,sOAoB5E,MAAMC,EAAQC,EAMRC,EAAU,IAAM,CACpBC,EAAU,MAAQ,GACXC,EAAA,QAASJ,EAAM,OAAO,CAAA,EAGzBG,EAAYE,EAAA,IAAaL,EAAM,SAAW,SAAS,EACnDI,EAASE"}

package/dist/ElActionButton.vue.esm2.js

@@ -1,2 +0,0 @@
-import{defineComponent as f,ref as g,openBlock as r,createElementBlock as n,normalizeClass as v,createBlock as l,unref as a,mergeProps as c,createCommentVNode as s,createElementVNode as y,toDisplayString as h,createVNode as k,normalizeProps as z,guardReactiveProps as B}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 p from"./ElIcon.vue.esm2.js";import C from"./ElBadge.vue.esm2.js";import"./forms/ElInputText.vue.esm2.js";import"./forms/ElInputCheckbox.vue.esm2.js";import"./forms/ElInputDate.vue.esm2.js";import"./forms/ElInputFile.vue.esm2.js";import"./forms/ElInputMeasureUnit.vue.esm2.js";import"./forms/ElInputNumber.vue.esm2.js";import"./forms/ElInputPhone.vue.esm2.js";import"./forms/ElInputSelect.vue.esm2.js";import"./forms/ElInputTextarea.vue.esm2.js";import"./ElToast.vue.esm2.js";import"./forms/ElInputRadioButton.vue.esm2.js";import"./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 w=["data-cy"],I={key:2,class:"h-4 ml-1 relative flex justify-center items-start"},Z=["base","l"],ee=["primary","secondary"],te=["default","hover","pressed","active"],re=f({__name:"ElActionButton",props:{id:{},label:{},size:{default:"base"},color:{default:"primary"},status:{default:"default"},leadingIcon:{},trailingIcon:{},badge:{},onClick:{}},emits:["click"],setup(u,{emit:m}){const e=u,d=()=>{o.value=!0,b("click",e.onClick)},o=g(e.status==="pressed"),b=m;return(t,i)=>(r(),n("button",{class:v(["w-fit border flex flex-1 justify-center items-center gap-1 font-semibold leading-6 rounded-lg px-3 hover:bg-neutral-hover hover:text-neutral-darker focus:bg-neutral-pressed focus:ring-neutral-pressed",{"text-sm h-8":e.size==="base","text-base h-10":e.size==="l","border-transparent text-neutral-darker":e.status==="default","border-transparent text-neutral-darker bg-neutral-hover":e.status==="hover","border-transparent bg-neutral-pressed ":(o.value||e.status==="pressed")&&e.status!=="active"&&e.status!=="default"&&e.status!=="hover","text-primary-active bg-primary-light-active border-primary-active":e.status==="active"&&e.color==="primary","text-secondary-active bg-secondary-light-active border-secondary-active":e.status==="active"&&e.color==="secondary"}]),"data-cy":e.label?e.label.trim().replace(/\s+/g,""):"default-action-button",onMouseDown:i[0]||(i[0]=A=>o.value=!0),onClick:d},[t.leadingIcon?(r(),l(a(p),c({key:0},t.leadingIcon,{class:{"h-5 w-5":t.size==="base","h-6 w-6":t.size==="l"}}),null,16,["class"])):s("",!0),y("span",null,h(e.label),1),t.trailingIcon?(r(),l(a(p),c({key:1},t.trailingIcon,{class:{"h-5 w-5":t.size==="base","h-6 w-6":t.size==="l"}}),null,16,["class"])):s("",!0),t.badge?(r(),n("div",I,[k(a(C),z(B(t.badge)),null,16)])):s("",!0)],42,w))}});export{re as default,ee as elActionButtonColors,Z as elActionButtonSizes,te as elActionButtonStatus};
-//# sourceMappingURL=ElActionButton.vue.esm2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElActionButton.vue.esm2.js","sources":["../src/ElActionButton.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elActionButtonSizes = ['base', 'l'] as const;\nexport type ElActionButtonSizes = (typeof elActionButtonSizes)[number];\n\nexport const elActionButtonColors = ['primary', 'secondary'] as const;\nexport type ElActionButtonColors = (typeof elActionButtonColors)[number];\n\nexport const elActionButtonStatus = ['default', 'hover', 'pressed', 'active'] as const;\nexport type ElActionButtonStatus = (typeof elActionButtonStatus)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { ElBadge, ElIcon } from '.';\nimport { ref } from 'vue';\n\nexport interface ActionButtonProps {\n  id?: string;\n  label: string;\n  size: ElActionButtonSizes;\n  color: ElActionButtonColors;\n  status: ElActionButtonStatus;\n  leadingIcon?: InstanceType<typeof ElIcon>['$props'];\n  trailingIcon?: InstanceType<typeof ElIcon>['$props'];\n  badge?: InstanceType<typeof ElBadge>['$props'];\n  onClick?: (() => unknown) | (() => Promise<unknown>);\n}\n\nconst props = withDefaults(defineProps<ActionButtonProps>(), {\n  size: 'base',\n  color: 'primary',\n  status: 'default',\n});\n\nconst onClick = () => {\n  isPressed.value = true;\n  $emits('click', props.onClick);\n};\n\nconst isPressed = ref<boolean>(props.status === 'pressed');\nconst $emits = defineEmits(['click']);\n</script>\n\n<template>\n  <button\n    class=\"w-fit border flex flex-1 justify-center items-center gap-1 font-semibold leading-6 rounded-lg px-3 hover:bg-neutral-hover hover:text-neutral-darker focus:bg-neutral-pressed focus:ring-neutral-pressed\"\n    :class=\"{\n      'text-sm h-8': props.size === 'base',\n      'text-base h-10': props.size === 'l',\n      'border-transparent text-neutral-darker': props.status === 'default',\n      'border-transparent text-neutral-darker bg-neutral-hover': props.status === 'hover',\n      'border-transparent bg-neutral-pressed ':\n        (isPressed || props.status === 'pressed') && props.status !== 'active' && props.status !== 'default' && props.status !== 'hover',\n      'text-primary-active bg-primary-light-active border-primary-active': props.status === 'active' && props.color === 'primary',\n      'text-secondary-active bg-secondary-light-active border-secondary-active': props.status === 'active' && props.color === 'secondary',\n    }\"\n    :data-cy=\"props.label ? props.label.trim().replace(/\\s+/g, '') : 'default-action' + '-button'\"\n    @mouse-down=\"isPressed = true\"\n    @click=\"onClick\"\n  >\n    <ElIcon\n      v-if=\"leadingIcon\"\n      v-bind=\"leadingIcon\"\n      :class=\"{\n        'h-5 w-5': size === 'base',\n        'h-6 w-6': size === 'l',\n      }\"\n    />\n    <span> {{ props.label }}</span>\n    <ElIcon\n      v-if=\"trailingIcon\"\n      v-bind=\"trailingIcon\"\n      :class=\"{\n        'h-5 w-5': size === 'base',\n        'h-6 w-6': size === 'l',\n      }\"\n    />\n    <div v-if=\"badge\" class=\"h-4 ml-1 relative flex justify-center items-start\">\n      <ElBadge v-bind=\"badge\" />\n    </div>\n  </button>\n</template>\n"],"names":["elActionButtonSizes","elActionButtonColors","elActionButtonStatus","props","__props","onClick","isPressed","$emits","ref","__emit"],"mappings":"i8CACaA,EAAsB,CAAC,OAAQ,GAAG,EAGlCC,GAAuB,CAAC,UAAW,WAAW,EAG9CC,GAAuB,CAAC,UAAW,QAAS,UAAW,QAAQ,uNAoB5E,MAAMC,EAAQC,EAMRC,EAAU,IAAM,CACpBC,EAAU,MAAQ,GACXC,EAAA,QAASJ,EAAM,OAAO,CAAA,EAGzBG,EAAYE,EAAaL,EAAM,SAAW,SAAS,EACnDI,EAASE"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElAvatar.vue.cjs2.js","sources":["../src/ElAvatar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elAvatarSizes = ['xxs', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type ElAvatarSize = (typeof elAvatarSizes)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    picture?: string;\n    size: ElAvatarSize;\n    label?: string;\n  }>(),\n  {\n    picture: undefined,\n    size: 'md',\n    label: undefined,\n  },\n);\n\nconst initials = computed(() => {\n  if (!props.label) return '';\n  const trimmedFullName = props.label.trim();\n  let initialNames = '';\n  initialNames += trimmedFullName.trim().charAt(0);\n  const lastSurnameFirstChar = trimmedFullName.lastIndexOf(' ');\n  initialNames += trimmedFullName.charAt(lastSurnameFirstChar === -1 ? lastSurnameFirstChar + 2 : lastSurnameFirstChar + 1);\n  return initialNames.toUpperCase();\n});\n</script>\n\n<template>\n  <div v-if=\"picture\">\n    <img\n      alt=\"avatar\"\n      class=\"rounded-full object-cover\"\n      :class=\"{\n        'w-36 h-36 text-5xl': size === 'xl',\n        'w-20 h-20 text-3xl': size === 'lg',\n        'w-14 h-14 text-2xl': size === 'md',\n        'w-10 h-10 text-base': size === 'sm',\n        'w-8 h-8 text-sm': size === 'xs',\n        'w-5 h-5 text-xs': size === 'xxs',\n      }\"\n      :src=\"picture\"\n    />\n  </div>\n  <div\n    v-else-if=\"props.label\"\n    class=\"rounded-full bg-brandBlue-100 text-neutral-darker flex justify-center items-center\"\n    :class=\"{\n      'w-36 h-36 text-5xl': size === 'xl',\n      'w-20 h-20 text-3xl': size === 'lg',\n      'w-14 h-14 text-2xl': size === 'md',\n      'w-10 h-10 text-base': size === 'sm',\n      'w-8 h-8 text-sm': size === 'xs',\n      'w-5 h-5 text-xs': size === 'xxs',\n    }\"\n  >\n    {{ initials }}\n  </div>\n</template>\n"],"names":["elAvatarSizes","props","__props","initials","computed","trimmedFullName","initialNames","lastSurnameFirstChar"],"mappings":"uJACaA,EAAgB,CAAC,MAAO,KAAM,KAAM,KAAM,KAAM,IAAI,8HAOjE,MAAMC,EAAQC,EAaRC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,GAAI,CAACH,EAAM,MAAc,MAAA,GACnB,MAAAI,EAAkBJ,EAAM,MAAM,KAAK,EACzC,IAAIK,EAAe,GACnBA,GAAgBD,EAAgB,KAAO,EAAA,OAAO,CAAC,EACzC,MAAAE,EAAuBF,EAAgB,YAAY,GAAG,EAC5D,OAAAC,GAAgBD,EAAgB,OAAOE,IAAyB,GAAKA,EAAuB,EAAIA,EAAuB,CAAC,EACjHD,EAAa,aAAY,CACjC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElAvatar.vue.esm2.js","sources":["../src/ElAvatar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elAvatarSizes = ['xxs', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type ElAvatarSize = (typeof elAvatarSizes)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    picture?: string;\n    size: ElAvatarSize;\n    label?: string;\n  }>(),\n  {\n    picture: undefined,\n    size: 'md',\n    label: undefined,\n  },\n);\n\nconst initials = computed(() => {\n  if (!props.label) return '';\n  const trimmedFullName = props.label.trim();\n  let initialNames = '';\n  initialNames += trimmedFullName.trim().charAt(0);\n  const lastSurnameFirstChar = trimmedFullName.lastIndexOf(' ');\n  initialNames += trimmedFullName.charAt(lastSurnameFirstChar === -1 ? lastSurnameFirstChar + 2 : lastSurnameFirstChar + 1);\n  return initialNames.toUpperCase();\n});\n</script>\n\n<template>\n  <div v-if=\"picture\">\n    <img\n      alt=\"avatar\"\n      class=\"rounded-full object-cover\"\n      :class=\"{\n        'w-36 h-36 text-5xl': size === 'xl',\n        'w-20 h-20 text-3xl': size === 'lg',\n        'w-14 h-14 text-2xl': size === 'md',\n        'w-10 h-10 text-base': size === 'sm',\n        'w-8 h-8 text-sm': size === 'xs',\n        'w-5 h-5 text-xs': size === 'xxs',\n      }\"\n      :src=\"picture\"\n    />\n  </div>\n  <div\n    v-else-if=\"props.label\"\n    class=\"rounded-full bg-brandBlue-100 text-neutral-darker flex justify-center items-center\"\n    :class=\"{\n      'w-36 h-36 text-5xl': size === 'xl',\n      'w-20 h-20 text-3xl': size === 'lg',\n      'w-14 h-14 text-2xl': size === 'md',\n      'w-10 h-10 text-base': size === 'sm',\n      'w-8 h-8 text-sm': size === 'xs',\n      'w-5 h-5 text-xs': size === 'xxs',\n    }\"\n  >\n    {{ initials }}\n  </div>\n</template>\n"],"names":["elAvatarSizes","props","__props","initials","computed","trimmedFullName","initialNames","lastSurnameFirstChar"],"mappings":"8MACaA,EAAgB,CAAC,MAAO,KAAM,KAAM,KAAM,KAAM,IAAI,8GAOjE,MAAMC,EAAQC,EAaRC,EAAWC,EAAS,IAAM,CAC9B,GAAI,CAACH,EAAM,MAAc,MAAA,GACnB,MAAAI,EAAkBJ,EAAM,MAAM,KAAK,EACzC,IAAIK,EAAe,GACnBA,GAAgBD,EAAgB,KAAO,EAAA,OAAO,CAAC,EACzC,MAAAE,EAAuBF,EAAgB,YAAY,GAAG,EAC5D,OAAAC,GAAgBD,EAAgB,OAAOE,IAAyB,GAAKA,EAAuB,EAAIA,EAAuB,CAAC,EACjHD,EAAa,aAAY,CACjC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElBadge.vue.cjs2.js","sources":["../src/ElBadge.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elBadgeColors = ['primary', 'secondary', 'red'] as const;\nexport type ElBadgeColors = (typeof elBadgeColors)[number];\n</script>\n\n<script lang=\"ts\" setup>\ndefineProps<{\n  value?: string;\n  color: ElBadgeColors;\n}>();\n</script>\n\n<template>\n  <span\n    class=\"absolute flex h-2 min-w-2 items-center justify-center overflow-hidden rounded-full p-[2px] text-[0.375rem] font-medium leading-4 text-white\"\n    :class=\"{\n      'bg-primary-active': color === 'primary',\n      'bg-secondary-active': color === 'secondary',\n      'bg-red-500': color === 'red',\n    }\"\n    >{{ value ?? '' }}</span\n  >\n</template>\n"],"names":["elBadgeColors"],"mappings":"mIACaA,EAAgB,CAAC,UAAW,YAAa,KAAK"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElBadge.vue.esm2.js","sources":["../src/ElBadge.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elBadgeColors = ['primary', 'secondary', 'red'] as const;\nexport type ElBadgeColors = (typeof elBadgeColors)[number];\n</script>\n\n<script lang=\"ts\" setup>\ndefineProps<{\n  value?: string;\n  color: ElBadgeColors;\n}>();\n</script>\n\n<template>\n  <span\n    class=\"absolute flex h-2 min-w-2 items-center justify-center overflow-hidden rounded-full p-[2px] text-[0.375rem] font-medium leading-4 text-white\"\n    :class=\"{\n      'bg-primary-active': color === 'primary',\n      'bg-secondary-active': color === 'secondary',\n      'bg-red-500': color === 'red',\n    }\"\n    >{{ value ?? '' }}</span\n  >\n</template>\n"],"names":["elBadgeColors"],"mappings":"sHACO,MAAMA,EAAgB,CAAC,UAAW,YAAa,KAAK"}

package/dist/ElBubbleChat.vue.cjs2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("./ElAvatar.vue.cjs2.js"),B=require("./ElFile.vue.cjs2.js"),C=require("./ElIcon.vue.cjs2.js"),E=require("./forms/ElInputCheckbox.vue.cjs2.js"),M=require("./node_modules/lodash/lodash.cjs.js"),V=require("./ElItem.vue.cjs2.js"),N={class:"flex flex-col gap-2 w-fit"},S={class:"flex gap-3"},z={key:0,class:"text-neutral-lighter text-xs font-medium"},j=["src"],I={class:"flex w-full flex-col gap-1"},W={key:0},q={key:1},$=["filled","outlined"],A=["brand-blue","brand-green","indigo","purple","pink"],D=e.defineComponent({__name:"ElBubbleChat",props:{appearence:{},color:{default:"brand-blue"},time:{default:void 0},message:{default:void 0},automaticMessage:{default:void 0},headline:{default:void 0},avatar:{default:void 0},file:{default:void 0},picture:{default:void 0},loading:{type:Boolean},error:{type:Boolean},multiSelect:{type:Boolean},selected:{type:Boolean},maxWidth:{default:60},contextMenuItems:{default:void 0}},emits:["row-selection","open-file","open-picture"],setup(v,{emit:h}){const o=v,u=h,d=e.ref(!1),r=e.ref(0),n=e.ref(0),k=l=>{d.value=!0,r.value=l.pageX,n.value=l.pageY},i=e.ref(),s=e.computed(()=>i.value?{width:i.value.clientWidth,height:i.value.clientHeight}:{width:0,height:0}),p=e.computed(()=>({width:window.innerWidth,height:window.innerHeight})),g=e.computed(()=>r.value+s.value.width>p.value.width?r.value-s.value.width:r.value),b=e.computed(()=>n.value+s.value.height>p.value.height?n.value-s.value.height:n.value),y=e.computed(()=>{let l=o.maxWidth;return o.maxWidth<10&&(l=10),o.maxWidth>100&&(l=100),o.appearence==="filled"&&(o.error||o.multiSelect)?`calc(${l}% + 2.75rem)`:o.avatar?`calc(${l}% + 3.25rem)`:`${l}%`});return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["w-full flex",{"justify-end":l.appearence==="filled","justify-start":l.appearence==="outlined"}])},[e.createElementVNode("div",{class:"flex flex-col gap-2 w-fit",style:e.normalizeStyle({"max-width":y.value})},[l.automaticMessage?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["text-sm font-semibold text-neutral-lighter flex",{"justify-end":l.appearence==="filled","justify-start":l.appearence==="outlined","opacity-0 select-none":l.appearence==="filled"&&l.multiSelect&&!l.error,"mr-11":l.appearence==="filled"&&l.error}])},e.toDisplayString(l.automaticMessage),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex gap-5 items-center",{"justify-end":l.appearence==="filled","justify-start":l.appearence==="outlined"}])},[e.createElementVNode("div",N,[e.createElementVNode("div",S,[l.avatar&&l.appearence==="outlined"?(e.openBlock(),e.createBlock(w.default,{key:0,size:"sm",picture:l.avatar.picture,label:l.avatar.label,class:"shrink-0"},null,8,["picture","label"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["rounded-2xl shadow-sm p-2 flex flex-col gap-1 justify-center",{"text-white":l.appearence==="filled","bg-brandBlue-500":l.appearence==="filled"&&l.color==="brand-blue","bg-brandGreen-500":l.appearence==="filled"&&l.color==="brand-green","bg-indigo-500":l.appearence==="filled"&&l.color==="indigo","bg-purple-500":l.appearence==="filled"&&l.color==="purple","bg-pink-500":l.appearence==="filled"&&l.color==="pink","bg-neutral-surface text-gray-900 border border-neutral-surface":l.appearence==="outlined"}]),onContextmenu:a[2]||(a[2]=e.withModifiers(t=>l.contextMenuItems&&l.contextMenuItems.length&&k(t),["prevent"]))},[l.headline&&l.appearence==="outlined"?(e.openBlock(),e.createElementBlock("div",z,e.toDisplayString(l.headline),1)):e.createCommentVNode("",!0),l.picture?(e.openBlock(),e.createElementBlock("div",{key:1,class:"overflow-hidden rounded-xl w-48 max-h-80 cursor-pointer",onClick:a[0]||(a[0]=t=>u("open-picture"))},[e.createElementVNode("img",{src:l.picture,class:"w-full h-full object-cover"},null,8,j)])):e.createCommentVNode("",!0),l.file?(e.openBlock(),e.createBlock(B.default,{key:2,variant:l.appearence==="filled"?"alpha":"outlined",name:l.file.name,format:l.file.format,class:"cursor-pointer",onClick:a[1]||(a[1]=t=>u("open-file"))},null,8,["variant","name","format"])):e.createCommentVNode("",!0),l.message?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["flex text-sm font-normal supports-[overflow-wrap:anywhere]:[overflow-wrap:anywhere] supports-[not(overflow-wrap:anywhere)]:[word-break:break-word] whitespace-pre-wrap",{"text-neutral-inverse":l.appearence==="filled","text-neutral-darker":l.appearence==="outlined"}])},e.toDisplayString(l.message),3)):e.createCommentVNode("",!0)],34)])]),l.appearence==="filled"&&l.error?(e.openBlock(),e.createBlock(C.default,{key:0,name:"ExclamationCircleIcon",solid:"",class:"w-6 h-6 text-error-active flex justify-start shrink-0"})):e.createCommentVNode("",!0),l.appearence==="filled"&&l.multiSelect&&!l.error?(e.openBlock(),e.createBlock(E.default,{key:1,"model-value":l.selected,color:l.color,class:"shrink-0","onUpdate:modelValue":a[3]||(a[3]=t=>u("row-selection",t))},null,8,["model-value","color"])):e.createCommentVNode("",!0)],2),l.contextMenuItems&&l.contextMenuItems.length&&d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"fixed w-screen h-screen top-0 left-0 z-40 bg-transparent cursor-default",onClick:a[4]||(a[4]=()=>d.value=!1)},[e.createElementVNode("div",{ref_key:"contextMenuElement",ref:i,class:"z-50 absolute bg-white rounded-md shadow p-2 min-w-52",style:e.normalizeStyle({top:b.value+"px",left:g.value+"px"})},[e.createElementVNode("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.contextMenuItems,(t,c)=>{var f;return e.openBlock(),e.createBlock(V.default,e.mergeProps({id:"option-"+c,ref_for:!0,ref:"itemRefs",key:c,class:["self-stretch",{"cursor-pointer":!t.disabled,"cursor-default":t.disabled}],role:"option",tabindex:"-1"},e.unref(M.lodashExports.omit)(t,"onClick"),{disabled:t.disabled,"data-cy":`${(f=t.text)==null?void 0:f.trim().replaceAll(" ","").replaceAll(",","")}-dropdown-item`,onClick:e.withModifiers(H=>{var m;return!t.disabled&&((m=t.onClick)==null?void 0:m.call(t))},["prevent"])}),null,16,["id","class","disabled","data-cy","onClick"])}),128))])],4)])):e.createCommentVNode("",!0),l.time||l.loading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["text-xs text-neutral-lighter flex justify-end",{"opacity-0 select-none":l.appearence==="filled"&&(l.multiSelect||l.error)}])},[l.loading&&l.appearence==="filled"?(e.openBlock(),e.createElementBlock("div",W,"Invio in corso")):(e.openBlock(),e.createElementBlock("div",q,e.toDisplayString(l.time),1))],2)):e.createCommentVNode("",!0)],4)],2))}});exports.default=D;exports.elBubbleChatAppearences=$;exports.elBubbleChatColors=A;
-//# sourceMappingURL=ElBubbleChat.vue.cjs2.js.map

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

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

package/dist/ElBubbleChat.vue.esm2.js

@@ -1,2 +0,0 @@
-import{defineComponent as E,ref as v,computed as d,openBlock as a,createElementBlock as r,normalizeClass as s,createElementVNode as o,normalizeStyle as M,toDisplayString as h,createCommentVNode as n,createBlock as u,withModifiers as $,Fragment as H,renderList as A,mergeProps as V,unref as X}from"vue";import Y from"./ElAvatar.vue.esm2.js";import N from"./ElFile.vue.esm2.js";import D from"./ElIcon.vue.esm2.js";import F from"./forms/ElInputCheckbox.vue.esm2.js";import{l as G}from"./node_modules/lodash/lodash.esm.js";import L from"./ElItem.vue.esm2.js";const P={class:"flex flex-col gap-2 w-fit"},R={class:"flex gap-3"},U={key:0,class:"text-neutral-lighter text-xs font-medium"},q=["src"],J={class:"flex w-full flex-col gap-1"},K={key:0},O={key:1},te=["filled","outlined"],re=["brand-blue","brand-green","indigo","purple","pink"],ne=E({__name:"ElBubbleChat",props:{appearence:{},color:{default:"brand-blue"},time:{default:void 0},message:{default:void 0},automaticMessage:{default:void 0},headline:{default:void 0},avatar:{default:void 0},file:{default:void 0},picture:{default:void 0},loading:{type:Boolean},error:{type:Boolean},multiSelect:{type:Boolean},selected:{type:Boolean},maxWidth:{default:60},contextMenuItems:{default:void 0}},emits:["row-selection","open-file","open-picture"],setup(B,{emit:j}){const i=B,g=j,b=v(!1),p=v(0),f=v(0),S=e=>{b.value=!0,p.value=e.pageX,f.value=e.pageY},c=v(),m=d(()=>c.value?{width:c.value.clientWidth,height:c.value.clientHeight}:{width:0,height:0}),w=d(()=>({width:window.innerWidth,height:window.innerHeight})),W=d(()=>p.value+m.value.width>w.value.width?p.value-m.value.width:p.value),I=d(()=>f.value+m.value.height>w.value.height?f.value-m.value.height:f.value),z=d(()=>{let e=i.maxWidth;return i.maxWidth<10&&(e=10),i.maxWidth>100&&(e=100),i.appearence==="filled"&&(i.error||i.multiSelect)?`calc(${e}% + 2.75rem)`:i.avatar?`calc(${e}% + 3.25rem)`:`${e}%`});return(e,t)=>(a(),r("div",{class:s(["w-full flex",{"justify-end":e.appearence==="filled","justify-start":e.appearence==="outlined"}])},[o("div",{class:"flex flex-col gap-2 w-fit",style:M({"max-width":z.value})},[e.automaticMessage?(a(),r("div",{key:0,class:s(["text-sm font-semibold text-neutral-lighter flex",{"justify-end":e.appearence==="filled","justify-start":e.appearence==="outlined","opacity-0 select-none":e.appearence==="filled"&&e.multiSelect&&!e.error,"mr-11":e.appearence==="filled"&&e.error}])},h(e.automaticMessage),3)):n("",!0),o("div",{class:s(["flex gap-5 items-center",{"justify-end":e.appearence==="filled","justify-start":e.appearence==="outlined"}])},[o("div",P,[o("div",R,[e.avatar&&e.appearence==="outlined"?(a(),u(Y,{key:0,size:"sm",picture:e.avatar.picture,label:e.avatar.label,class:"shrink-0"},null,8,["picture","label"])):n("",!0),o("div",{class:s(["rounded-2xl shadow-sm p-2 flex flex-col gap-1 justify-center",{"text-white":e.appearence==="filled","bg-brandBlue-500":e.appearence==="filled"&&e.color==="brand-blue","bg-brandGreen-500":e.appearence==="filled"&&e.color==="brand-green","bg-indigo-500":e.appearence==="filled"&&e.color==="indigo","bg-purple-500":e.appearence==="filled"&&e.color==="purple","bg-pink-500":e.appearence==="filled"&&e.color==="pink","bg-neutral-surface text-gray-900 border border-neutral-surface":e.appearence==="outlined"}]),onContextmenu:t[2]||(t[2]=$(l=>e.contextMenuItems&&e.contextMenuItems.length&&S(l),["prevent"]))},[e.headline&&e.appearence==="outlined"?(a(),r("div",U,h(e.headline),1)):n("",!0),e.picture?(a(),r("div",{key:1,class:"overflow-hidden rounded-xl w-48 max-h-80 cursor-pointer",onClick:t[0]||(t[0]=l=>g("open-picture"))},[o("img",{src:e.picture,class:"w-full h-full object-cover"},null,8,q)])):n("",!0),e.file?(a(),u(N,{key:2,variant:e.appearence==="filled"?"alpha":"outlined",name:e.file.name,format:e.file.format,class:"cursor-pointer",onClick:t[1]||(t[1]=l=>g("open-file"))},null,8,["variant","name","format"])):n("",!0),e.message?(a(),r("div",{key:3,class:s(["flex text-sm font-normal supports-[overflow-wrap:anywhere]:[overflow-wrap:anywhere] supports-[not(overflow-wrap:anywhere)]:[word-break:break-word] whitespace-pre-wrap",{"text-neutral-inverse":e.appearence==="filled","text-neutral-darker":e.appearence==="outlined"}])},h(e.message),3)):n("",!0)],34)])]),e.appearence==="filled"&&e.error?(a(),u(D,{key:0,name:"ExclamationCircleIcon",solid:"",class:"w-6 h-6 text-error-active flex justify-start shrink-0"})):n("",!0),e.appearence==="filled"&&e.multiSelect&&!e.error?(a(),u(F,{key:1,"model-value":e.selected,color:e.color,class:"shrink-0","onUpdate:modelValue":t[3]||(t[3]=l=>g("row-selection",l))},null,8,["model-value","color"])):n("",!0)],2),e.contextMenuItems&&e.contextMenuItems.length&&b.value?(a(),r("div",{key:1,class:"fixed w-screen h-screen top-0 left-0 z-40 bg-transparent cursor-default",onClick:t[4]||(t[4]=()=>b.value=!1)},[o("div",{ref_key:"contextMenuElement",ref:c,class:"z-50 absolute bg-white rounded-md shadow p-2 min-w-52",style:M({top:I.value+"px",left:W.value+"px"})},[o("div",J,[(a(!0),r(H,null,A(e.contextMenuItems,(l,y)=>{var k;return a(),u(L,V({id:"option-"+y,ref_for:!0,ref:"itemRefs",key:y,class:["self-stretch",{"cursor-pointer":!l.disabled,"cursor-default":l.disabled}],role:"option",tabindex:"-1"},X(G.omit)(l,"onClick"),{disabled:l.disabled,"data-cy":`${(k=l.text)==null?void 0:k.trim().replaceAll(" ","").replaceAll(",","")}-dropdown-item`,onClick:$(Q=>{var C;return!l.disabled&&((C=l.onClick)==null?void 0:C.call(l))},["prevent"])}),null,16,["id","class","disabled","data-cy","onClick"])}),128))])],4)])):n("",!0),e.time||e.loading?(a(),r("div",{key:2,class:s(["text-xs text-neutral-lighter flex justify-end",{"opacity-0 select-none":e.appearence==="filled"&&(e.multiSelect||e.error)}])},[e.loading&&e.appearence==="filled"?(a(),r("div",K,"Invio in corso")):(a(),r("div",O,h(e.time),1))],2)):n("",!0)],4)],2))}});export{ne as default,te as elBubbleChatAppearences,re as elBubbleChatColors};
-//# sourceMappingURL=ElBubbleChat.vue.esm2.js.map

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

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

package/dist/ElButton.vue.cjs2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./ElIcon.vue.cjs2.js"),u=["disabled","type","data-cy"],p={class:"font-semibold"},b={key:1,class:"inline-flex items-center"},m=r.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),h=r.createElementVNode("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),v=[m,h],y=r.createElementVNode("span",{class:"font-semibold"},"Un attimo...",-1),f=["xs","sm","base","l","xl"],g=["primary","secondary","tertiary"],c=r.defineComponent({__name:"ElButton",props:{disabled:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{default:void 0},iconRight:{type:Boolean},error:{type:Boolean,default:!1},label:{default:""},size:{default:"base"},variant:{default:"primary"},type:{default:"button"},loadOnClick:{type:Boolean,default:!1},onClick:{type:Function,default:void 0}},setup(n){const a=n,o=r.ref(!1),l=r.ref(!1),s=r.computed(()=>o.value||l.value||a.loading),t=async()=>{var e;o.value||s.value||(l.value=o.value=a.loadOnClick,setTimeout(()=>{l.value=!1},3e3),await((e=a.onClick)==null?void 0:e.call(a)),o.value=!1)};return(e,z)=>{var i;return r.openBlock(),r.createElementBlock("button",{disabled:e.disabled||e.loading,type:e.type,class:r.normalizeClass(["inline-flex items-center justify-center py-0 font-semibold leading-4 transition duration-150 ease-in-out",{"h-6 rounded text-xs":e.size==="xs","h-7 rounded text-xs":e.size==="sm","h-8 rounded-md text-sm":e.size==="base","text-base h-10 rounded-md ":e.size==="l","text-base h-12 rounded-md ":e.size==="xl","cursor-pointer":!s.value&&!e.disabled,"cursor-wait":s.value&&!e.disabled,"px-4":e.variant!=="tertiary"&&(e.size==="base"||e.size==="l"||e.size==="xl"),"px-3":e.variant!=="tertiary"&&(e.size==="sm"||e.size==="xs")||e.variant==="tertiary"&&(e.size==="l"||e.size==="xl"),"px-2":e.variant==="tertiary"&&(e.size==="xs"||e.size==="sm"||e.size==="base"),...e.dark?{"bg-alpha-200 text-white hover:bg-alpha-300 focus:bg-alpha-300 focus:border focus:border-alpha-400 focus:outline-none":e.variant==="primary"&&!e.disabled,"bg-alpha-100 text-alpha-400 cursor-not-allowed":e.variant==="primary"&&e.disabled,"bg-black border border-alpha-500 hover:bg-alpha-100 focus:bg-alpha-100 text-white focus:outline-none":e.variant==="secondary"&&!e.error&&!e.disabled,"text-alpha-400 bg-alpha-100 cursor-not-allowed focus:outline-none":e.variant==="secondary"&&e.disabled,"bg-transparent hover:bg-alpha-100 focus:bg-alpha-100 border-none text-white focus:outline-none":e.variant==="tertiary"&&!e.error&&!e.disabled,"text-alpha-400 cursor-not-allowed border-none bg-transparent focus:outline-none":e.variant==="tertiary"&&e.disabled}:{"bg-primary hover:bg-primary-hover focus:bg-primary-pressed focus:outlined-primary text-white":e.variant==="primary"&&!e.error&&!e.disabled,"bg-error hover:bg-error-hover focus:bg-error-pressed focus:outlined-error text-white":e.variant==="primary"&&e.error&&!e.disabled,"bg-neutral-inactive text-neutral-inactive cursor-not-allowed":e.variant==="primary"&&e.disabled,"bg-white border border-primary hover:border-primary-hover hover:bg-primary-light-hover hover:text-primary-hover focus:text-primary-pressed focus:bg-primary-light focus:border-primary-pressed text-primary focus:outlined-primary":e.variant==="secondary"&&!e.error&&!e.disabled,"border-error text-error hover:bg-error-light-hover focus:bg-error-light-pressed focus:outlined-error border bg-white":e.variant==="secondary"&&e.error&&!e.disabled,"text-neutral-inactive border-neutral-inactive cursor-not-allowed border":e.variant==="secondary"&&e.disabled,"text-primary hover:text-primary-hover hover:bg-primary-light-hover focus:text-primary-pressed focus:bg-primary-light-pressed focus:outlined-primary border-none bg-transparent":e.variant==="tertiary"&&!e.error&&!e.disabled,"text-error hover:bg-error-light-hover focus:bg-error-light-pressed focus:outlined-error border-none":e.variant==="tertiary"&&e.error&&!e.disabled,"text-neutral-inactive cursor-not-allowed border-none bg-transparent":e.variant==="tertiary"&&e.disabled}}]),"data-cy":`${(i=e.label.trim())==null?void 0:i.replaceAll(" ","").replaceAll(",","")}-button`,onClick:t},[s.value?(r.openBlock(),r.createElementBlock("span",b,[(r.openBlock(),r.createElementBlock("svg",{class:r.normalizeClass(["animate-spin",{"mr-1 h-[14px] w-[14px]":e.size==="xs","mr-2 h-4 w-4":e.size==="sm","mr-2 h-5 w-5":e.size==="base","mr-3 h-6 w-6":e.size==="l"||e.size==="xl"}]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},v,2)),y])):(r.openBlock(),r.createElementBlock("span",{key:0,class:r.normalizeClass(["inline-flex items-center",e.iconRight?"flex-row-reverse":"flex-row"])},[e.icon?(r.openBlock(),r.createBlock(d.default,{key:0,name:e.icon.name,solid:e.icon.solid,class:r.normalizeClass({"h-[14px] w-[14px]":e.size==="xs","h-4 w-4":e.size==="sm","h-5 w-5":e.size==="base","h-6 w-6":e.size==="l"||e.size==="xl"})},null,8,["name","solid","class"])):r.createCommentVNode("",!0),e.icon&&e.label!==""?(r.openBlock(),r.createElementBlock("span",{key:1,class:r.normalizeClass({"w-1":e.size==="xs","w-2":e.size==="sm"||e.size==="base","w-3":e.size==="l"||e.size==="xl"})},null,2)):r.createCommentVNode("",!0),r.createElementVNode("span",p,r.toDisplayString(e.label),1)],2))],10,u)}}});exports.default=c;exports.elButtonSizes=f;exports.elButtonVariants=g;
-//# sourceMappingURL=ElButton.vue.cjs2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElButton.vue.cjs2.js","sources":["../src/ElButton.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elButtonSizes = ['xs', 'sm', 'base', 'l', 'xl'] as const;\nexport type ElButtonSize = (typeof elButtonSizes)[number];\n\nexport const elButtonVariants = ['primary', 'secondary', 'tertiary'] as const;\nexport type ElButtonVariant = (typeof elButtonVariants)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport ElIcon, { ElIconProps } from '@/ElIcon.vue';\nimport { ref, computed, ButtonHTMLAttributes } from 'vue';\n\nexport interface ElButtonProps {\n  disabled?: boolean;\n  dark?: boolean;\n  loading?: boolean;\n  icon?: ElIconProps;\n  iconRight?: boolean;\n  error?: boolean;\n  label: string;\n  size?: ElButtonSize;\n  variant?: ElButtonVariant;\n  type?: ButtonHTMLAttributes['type'];\n  loadOnClick?: boolean;\n  onClick?: (() => unknown) | (() => Promise<unknown>);\n}\n\nconst props = withDefaults(defineProps<ElButtonProps>(), {\n  disabled: false,\n  dark: false,\n  loading: false,\n  error: false,\n  label: '',\n  icon: undefined,\n  size: 'base',\n  variant: 'primary',\n  type: 'button',\n  loadOnClick: false,\n  onClick: undefined,\n});\n\nconst callbackLoading = ref<boolean>(false);\nconst defaultLoading = ref<boolean>(false);\nconst computedLoading = computed(() => callbackLoading.value || defaultLoading.value || props.loading);\n\nconst onClick = async () => {\n  if (callbackLoading.value || computedLoading.value) return;\n  defaultLoading.value = callbackLoading.value = props.loadOnClick;\n  setTimeout(() => {\n    defaultLoading.value = false;\n  }, 3000);\n  await props.onClick?.();\n  callbackLoading.value = false;\n};\n</script>\n\n<template>\n  <button\n    :disabled=\"disabled || loading\"\n    :type=\"type\"\n    class=\"inline-flex items-center justify-center py-0 font-semibold leading-4 transition duration-150 ease-in-out\"\n    :class=\"{\n      'h-6 rounded text-xs': size === 'xs',\n      'h-7 rounded text-xs': size === 'sm',\n      'h-8 rounded-md text-sm': size === 'base',\n      'text-base h-10 rounded-md ': size === 'l',\n      'text-base h-12 rounded-md ': size === 'xl',\n      'cursor-pointer': !computedLoading && !disabled,\n      'cursor-wait': computedLoading && !disabled,\n      'px-4': variant !== 'tertiary' && (size === 'base' || size === 'l' || size === 'xl'),\n      'px-3': (variant !== 'tertiary' && (size === 'sm' || size === 'xs')) || (variant === 'tertiary' && (size === 'l' || size === 'xl')),\n      'px-2': variant === 'tertiary' && (size === 'xs' || size === 'sm' || size === 'base'),\n      ...(dark\n        ? {\n            'bg-alpha-200 text-white hover:bg-alpha-300 focus:bg-alpha-300 focus:border focus:border-alpha-400 focus:outline-none':\n              variant === 'primary' && !disabled,\n            'bg-alpha-100 text-alpha-400 cursor-not-allowed': variant === 'primary' && disabled,\n            'bg-black border border-alpha-500 hover:bg-alpha-100 focus:bg-alpha-100 text-white focus:outline-none':\n              variant === 'secondary' && !error && !disabled,\n            'text-alpha-400 bg-alpha-100 cursor-not-allowed focus:outline-none': variant === 'secondary' && disabled,\n            'bg-transparent hover:bg-alpha-100 focus:bg-alpha-100 border-none text-white focus:outline-none':\n              variant === 'tertiary' && !error && !disabled,\n            'text-alpha-400 cursor-not-allowed border-none bg-transparent focus:outline-none': variant === 'tertiary' && disabled,\n          }\n        : {\n            'bg-primary hover:bg-primary-hover focus:bg-primary-pressed focus:outlined-primary text-white':\n              variant === 'primary' && !error && !disabled,\n            'bg-error hover:bg-error-hover focus:bg-error-pressed focus:outlined-error text-white':\n              variant === 'primary' && error && !disabled,\n            'bg-neutral-inactive text-neutral-inactive cursor-not-allowed': variant === 'primary' && disabled,\n            'bg-white border border-primary hover:border-primary-hover hover:bg-primary-light-hover hover:text-primary-hover focus:text-primary-pressed focus:bg-primary-light focus:border-primary-pressed text-primary focus:outlined-primary':\n              variant === 'secondary' && !error && !disabled,\n            'border-error text-error hover:bg-error-light-hover focus:bg-error-light-pressed focus:outlined-error border bg-white':\n              variant === 'secondary' && error && !disabled,\n            'text-neutral-inactive border-neutral-inactive cursor-not-allowed border': variant === 'secondary' && disabled,\n            'text-primary hover:text-primary-hover hover:bg-primary-light-hover focus:text-primary-pressed focus:bg-primary-light-pressed focus:outlined-primary border-none bg-transparent':\n              variant === 'tertiary' && !error && !disabled,\n            'text-error hover:bg-error-light-hover focus:bg-error-light-pressed focus:outlined-error border-none':\n              variant === 'tertiary' && error && !disabled,\n            'text-neutral-inactive cursor-not-allowed border-none bg-transparent': variant === 'tertiary' && disabled,\n          }),\n    }\"\n    :data-cy=\"`${label.trim()?.replaceAll(' ', '').replaceAll(',', '')}-button`\"\n    @click=\"onClick\"\n  >\n    <span v-if=\"!computedLoading\" class=\"inline-flex items-center\" :class=\"iconRight ? 'flex-row-reverse' : 'flex-row'\">\n      <ElIcon\n        v-if=\"icon\"\n        :name=\"icon.name\"\n        :solid=\"icon.solid\"\n        :class=\"{\n          'h-[14px] w-[14px]': size === 'xs',\n          'h-4 w-4': size === 'sm',\n          'h-5 w-5': size === 'base',\n          'h-6 w-6': size === 'l' || size === 'xl',\n        }\"\n      />\n      <span\n        v-if=\"icon && label !== ''\"\n        :class=\"{\n          'w-1': size === 'xs',\n          'w-2': size === 'sm' || size === 'base',\n          'w-3': size === 'l' || size === 'xl',\n        }\"\n      ></span>\n      <span class=\"font-semibold\">{{ label }}</span>\n    </span>\n    <span v-else class=\"inline-flex items-center\">\n      <svg\n        class=\"animate-spin\"\n        :class=\"{\n          'mr-1 h-[14px] w-[14px]': size === 'xs',\n          'mr-2 h-4 w-4': size === 'sm',\n          'mr-2 h-5 w-5': size === 'base',\n          'mr-3 h-6 w-6': size === 'l' || 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 class=\"font-semibold\">Un attimo...</span>\n    </span>\n  </button>\n</template>\n"],"names":["elButtonSizes","elButtonVariants","props","__props","callbackLoading","ref","defaultLoading","computedLoading","computed","onClick","_a"],"mappings":"6pBACaA,EAAgB,CAAC,KAAM,KAAM,OAAQ,IAAK,IAAI,EAG9CC,EAAmB,CAAC,UAAW,YAAa,UAAU,uZAuBnE,MAAMC,EAAQC,EAcRC,EAAkBC,MAAa,EAAK,EACpCC,EAAiBD,MAAa,EAAK,EACnCE,EAAkBC,WAAS,IAAMJ,EAAgB,OAASE,EAAe,OAASJ,EAAM,OAAO,EAE/FO,EAAU,SAAY,OACtBL,EAAgB,OAASG,EAAgB,QAC9BD,EAAA,MAAQF,EAAgB,MAAQF,EAAM,YACrD,WAAW,IAAM,CACfI,EAAe,MAAQ,IACtB,GAAI,EACP,OAAMI,EAAAR,EAAM,UAAN,YAAAQ,EAAA,KAAAR,IACNE,EAAgB,MAAQ,GAAA"}

package/dist/ElButton.vue.esm2.js

@@ -1,2 +0,0 @@
-import{defineComponent as m,ref as u,computed as y,openBlock as r,createElementBlock as o,normalizeClass as s,createBlock as f,createCommentVNode as p,createElementVNode as n,toDisplayString as v}from"vue";import g from"./ElIcon.vue.esm2.js";const z=["disabled","type","data-cy"],w={class:"font-semibold"},c={key:1,class:"inline-flex items-center"},k=n("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),B=n("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=[k,B],V=n("span",{class:"font-semibold"},"Un attimo...",-1),N=["xs","sm","base","l","xl"],O=["primary","secondary","tertiary"],R=m({__name:"ElButton",props:{disabled:{type:Boolean,default:!1},dark:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},icon:{default:void 0},iconRight:{type:Boolean},error:{type:Boolean,default:!1},label:{default:""},size:{default:"base"},variant:{default:"primary"},type:{default:"button"},loadOnClick:{type:Boolean,default:!1},onClick:{type:Function,default:void 0}},setup(b){const a=b,i=u(!1),t=u(!1),l=y(()=>i.value||t.value||a.loading),h=async()=>{var e;i.value||l.value||(t.value=i.value=a.loadOnClick,setTimeout(()=>{t.value=!1},3e3),await((e=a.onClick)==null?void 0:e.call(a)),i.value=!1)};return(e,A)=>{var d;return r(),o("button",{disabled:e.disabled||e.loading,type:e.type,class:s(["inline-flex items-center justify-center py-0 font-semibold leading-4 transition duration-150 ease-in-out",{"h-6 rounded text-xs":e.size==="xs","h-7 rounded text-xs":e.size==="sm","h-8 rounded-md text-sm":e.size==="base","text-base h-10 rounded-md ":e.size==="l","text-base h-12 rounded-md ":e.size==="xl","cursor-pointer":!l.value&&!e.disabled,"cursor-wait":l.value&&!e.disabled,"px-4":e.variant!=="tertiary"&&(e.size==="base"||e.size==="l"||e.size==="xl"),"px-3":e.variant!=="tertiary"&&(e.size==="sm"||e.size==="xs")||e.variant==="tertiary"&&(e.size==="l"||e.size==="xl"),"px-2":e.variant==="tertiary"&&(e.size==="xs"||e.size==="sm"||e.size==="base"),...e.dark?{"bg-alpha-200 text-white hover:bg-alpha-300 focus:bg-alpha-300 focus:border focus:border-alpha-400 focus:outline-none":e.variant==="primary"&&!e.disabled,"bg-alpha-100 text-alpha-400 cursor-not-allowed":e.variant==="primary"&&e.disabled,"bg-black border border-alpha-500 hover:bg-alpha-100 focus:bg-alpha-100 text-white focus:outline-none":e.variant==="secondary"&&!e.error&&!e.disabled,"text-alpha-400 bg-alpha-100 cursor-not-allowed focus:outline-none":e.variant==="secondary"&&e.disabled,"bg-transparent hover:bg-alpha-100 focus:bg-alpha-100 border-none text-white focus:outline-none":e.variant==="tertiary"&&!e.error&&!e.disabled,"text-alpha-400 cursor-not-allowed border-none bg-transparent focus:outline-none":e.variant==="tertiary"&&e.disabled}:{"bg-primary hover:bg-primary-hover focus:bg-primary-pressed focus:outlined-primary text-white":e.variant==="primary"&&!e.error&&!e.disabled,"bg-error hover:bg-error-hover focus:bg-error-pressed focus:outlined-error text-white":e.variant==="primary"&&e.error&&!e.disabled,"bg-neutral-inactive text-neutral-inactive cursor-not-allowed":e.variant==="primary"&&e.disabled,"bg-white border border-primary hover:border-primary-hover hover:bg-primary-light-hover hover:text-primary-hover focus:text-primary-pressed focus:bg-primary-light focus:border-primary-pressed text-primary focus:outlined-primary":e.variant==="secondary"&&!e.error&&!e.disabled,"border-error text-error hover:bg-error-light-hover focus:bg-error-light-pressed focus:outlined-error border bg-white":e.variant==="secondary"&&e.error&&!e.disabled,"text-neutral-inactive border-neutral-inactive cursor-not-allowed border":e.variant==="secondary"&&e.disabled,"text-primary hover:text-primary-hover hover:bg-primary-light-hover focus:text-primary-pressed focus:bg-primary-light-pressed focus:outlined-primary border-none bg-transparent":e.variant==="tertiary"&&!e.error&&!e.disabled,"text-error hover:bg-error-light-hover focus:bg-error-light-pressed focus:outlined-error border-none":e.variant==="tertiary"&&e.error&&!e.disabled,"text-neutral-inactive cursor-not-allowed border-none bg-transparent":e.variant==="tertiary"&&e.disabled}}]),"data-cy":`${(d=e.label.trim())==null?void 0:d.replaceAll(" ","").replaceAll(",","")}-button`,onClick:h},[l.value?(r(),o("span",c,[(r(),o("svg",{class:s(["animate-spin",{"mr-1 h-[14px] w-[14px]":e.size==="xs","mr-2 h-4 w-4":e.size==="sm","mr-2 h-5 w-5":e.size==="base","mr-3 h-6 w-6":e.size==="l"||e.size==="xl"}]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},C,2)),V])):(r(),o("span",{key:0,class:s(["inline-flex items-center",e.iconRight?"flex-row-reverse":"flex-row"])},[e.icon?(r(),f(g,{key:0,name:e.icon.name,solid:e.icon.solid,class:s({"h-[14px] w-[14px]":e.size==="xs","h-4 w-4":e.size==="sm","h-5 w-5":e.size==="base","h-6 w-6":e.size==="l"||e.size==="xl"})},null,8,["name","solid","class"])):p("",!0),e.icon&&e.label!==""?(r(),o("span",{key:1,class:s({"w-1":e.size==="xs","w-2":e.size==="sm"||e.size==="base","w-3":e.size==="l"||e.size==="xl"})},null,2)):p("",!0),n("span",w,v(e.label),1)],2))],10,z)}}});export{R as default,N as elButtonSizes,O as elButtonVariants};
-//# sourceMappingURL=ElButton.vue.esm2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElButton.vue.esm2.js","sources":["../src/ElButton.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elButtonSizes = ['xs', 'sm', 'base', 'l', 'xl'] as const;\nexport type ElButtonSize = (typeof elButtonSizes)[number];\n\nexport const elButtonVariants = ['primary', 'secondary', 'tertiary'] as const;\nexport type ElButtonVariant = (typeof elButtonVariants)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport ElIcon, { ElIconProps } from '@/ElIcon.vue';\nimport { ref, computed, ButtonHTMLAttributes } from 'vue';\n\nexport interface ElButtonProps {\n  disabled?: boolean;\n  dark?: boolean;\n  loading?: boolean;\n  icon?: ElIconProps;\n  iconRight?: boolean;\n  error?: boolean;\n  label: string;\n  size?: ElButtonSize;\n  variant?: ElButtonVariant;\n  type?: ButtonHTMLAttributes['type'];\n  loadOnClick?: boolean;\n  onClick?: (() => unknown) | (() => Promise<unknown>);\n}\n\nconst props = withDefaults(defineProps<ElButtonProps>(), {\n  disabled: false,\n  dark: false,\n  loading: false,\n  error: false,\n  label: '',\n  icon: undefined,\n  size: 'base',\n  variant: 'primary',\n  type: 'button',\n  loadOnClick: false,\n  onClick: undefined,\n});\n\nconst callbackLoading = ref<boolean>(false);\nconst defaultLoading = ref<boolean>(false);\nconst computedLoading = computed(() => callbackLoading.value || defaultLoading.value || props.loading);\n\nconst onClick = async () => {\n  if (callbackLoading.value || computedLoading.value) return;\n  defaultLoading.value = callbackLoading.value = props.loadOnClick;\n  setTimeout(() => {\n    defaultLoading.value = false;\n  }, 3000);\n  await props.onClick?.();\n  callbackLoading.value = false;\n};\n</script>\n\n<template>\n  <button\n    :disabled=\"disabled || loading\"\n    :type=\"type\"\n    class=\"inline-flex items-center justify-center py-0 font-semibold leading-4 transition duration-150 ease-in-out\"\n    :class=\"{\n      'h-6 rounded text-xs': size === 'xs',\n      'h-7 rounded text-xs': size === 'sm',\n      'h-8 rounded-md text-sm': size === 'base',\n      'text-base h-10 rounded-md ': size === 'l',\n      'text-base h-12 rounded-md ': size === 'xl',\n      'cursor-pointer': !computedLoading && !disabled,\n      'cursor-wait': computedLoading && !disabled,\n      'px-4': variant !== 'tertiary' && (size === 'base' || size === 'l' || size === 'xl'),\n      'px-3': (variant !== 'tertiary' && (size === 'sm' || size === 'xs')) || (variant === 'tertiary' && (size === 'l' || size === 'xl')),\n      'px-2': variant === 'tertiary' && (size === 'xs' || size === 'sm' || size === 'base'),\n      ...(dark\n        ? {\n            'bg-alpha-200 text-white hover:bg-alpha-300 focus:bg-alpha-300 focus:border focus:border-alpha-400 focus:outline-none':\n              variant === 'primary' && !disabled,\n            'bg-alpha-100 text-alpha-400 cursor-not-allowed': variant === 'primary' && disabled,\n            'bg-black border border-alpha-500 hover:bg-alpha-100 focus:bg-alpha-100 text-white focus:outline-none':\n              variant === 'secondary' && !error && !disabled,\n            'text-alpha-400 bg-alpha-100 cursor-not-allowed focus:outline-none': variant === 'secondary' && disabled,\n            'bg-transparent hover:bg-alpha-100 focus:bg-alpha-100 border-none text-white focus:outline-none':\n              variant === 'tertiary' && !error && !disabled,\n            'text-alpha-400 cursor-not-allowed border-none bg-transparent focus:outline-none': variant === 'tertiary' && disabled,\n          }\n        : {\n            'bg-primary hover:bg-primary-hover focus:bg-primary-pressed focus:outlined-primary text-white':\n              variant === 'primary' && !error && !disabled,\n            'bg-error hover:bg-error-hover focus:bg-error-pressed focus:outlined-error text-white':\n              variant === 'primary' && error && !disabled,\n            'bg-neutral-inactive text-neutral-inactive cursor-not-allowed': variant === 'primary' && disabled,\n            'bg-white border border-primary hover:border-primary-hover hover:bg-primary-light-hover hover:text-primary-hover focus:text-primary-pressed focus:bg-primary-light focus:border-primary-pressed text-primary focus:outlined-primary':\n              variant === 'secondary' && !error && !disabled,\n            'border-error text-error hover:bg-error-light-hover focus:bg-error-light-pressed focus:outlined-error border bg-white':\n              variant === 'secondary' && error && !disabled,\n            'text-neutral-inactive border-neutral-inactive cursor-not-allowed border': variant === 'secondary' && disabled,\n            'text-primary hover:text-primary-hover hover:bg-primary-light-hover focus:text-primary-pressed focus:bg-primary-light-pressed focus:outlined-primary border-none bg-transparent':\n              variant === 'tertiary' && !error && !disabled,\n            'text-error hover:bg-error-light-hover focus:bg-error-light-pressed focus:outlined-error border-none':\n              variant === 'tertiary' && error && !disabled,\n            'text-neutral-inactive cursor-not-allowed border-none bg-transparent': variant === 'tertiary' && disabled,\n          }),\n    }\"\n    :data-cy=\"`${label.trim()?.replaceAll(' ', '').replaceAll(',', '')}-button`\"\n    @click=\"onClick\"\n  >\n    <span v-if=\"!computedLoading\" class=\"inline-flex items-center\" :class=\"iconRight ? 'flex-row-reverse' : 'flex-row'\">\n      <ElIcon\n        v-if=\"icon\"\n        :name=\"icon.name\"\n        :solid=\"icon.solid\"\n        :class=\"{\n          'h-[14px] w-[14px]': size === 'xs',\n          'h-4 w-4': size === 'sm',\n          'h-5 w-5': size === 'base',\n          'h-6 w-6': size === 'l' || size === 'xl',\n        }\"\n      />\n      <span\n        v-if=\"icon && label !== ''\"\n        :class=\"{\n          'w-1': size === 'xs',\n          'w-2': size === 'sm' || size === 'base',\n          'w-3': size === 'l' || size === 'xl',\n        }\"\n      ></span>\n      <span class=\"font-semibold\">{{ label }}</span>\n    </span>\n    <span v-else class=\"inline-flex items-center\">\n      <svg\n        class=\"animate-spin\"\n        :class=\"{\n          'mr-1 h-[14px] w-[14px]': size === 'xs',\n          'mr-2 h-4 w-4': size === 'sm',\n          'mr-2 h-5 w-5': size === 'base',\n          'mr-3 h-6 w-6': size === 'l' || 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 class=\"font-semibold\">Un attimo...</span>\n    </span>\n  </button>\n</template>\n"],"names":["elButtonSizes","elButtonVariants","props","__props","callbackLoading","ref","defaultLoading","computedLoading","computed","onClick","_a"],"mappings":"urBACaA,EAAgB,CAAC,KAAM,KAAM,OAAQ,IAAK,IAAI,EAG9CC,EAAmB,CAAC,UAAW,YAAa,UAAU,uYAuBnE,MAAMC,EAAQC,EAcRC,EAAkBC,EAAa,EAAK,EACpCC,EAAiBD,EAAa,EAAK,EACnCE,EAAkBC,EAAS,IAAMJ,EAAgB,OAASE,EAAe,OAASJ,EAAM,OAAO,EAE/FO,EAAU,SAAY,OACtBL,EAAgB,OAASG,EAAgB,QAC9BD,EAAA,MAAQF,EAAgB,MAAQF,EAAM,YACrD,WAAW,IAAM,CACfI,EAAe,MAAQ,IACtB,GAAI,EACP,OAAMI,EAAAR,EAAM,UAAN,YAAAQ,EAAA,KAAAR,IACNE,EAAgB,MAAQ,GAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElCalendarCard.vue.cjs2.js","sources":["../src/ElCalendarCard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elCalendarCardColors = [\n  'purple',\n  'orange',\n  'brandBlue',\n  'green',\n  'rose',\n  'indigo',\n  'red',\n  'pink',\n  'cyan',\n  'sapphire',\n  'teal',\n  'yellow',\n  'gray',\n] as const;\nexport type ElCalendarCardColor = (typeof elCalendarCardColors)[number];\n\nexport const elCalendarCardStatuses = ['confirmed', 'to-be-confirmed', 'past'] as const;\nexport type ElCalendarCardStatus = (typeof elCalendarCardStatuses)[number];\n</script>\n\n<script setup lang=\"ts\">\nwithDefaults(\n  defineProps<{\n    height?: number;\n    color: ElCalendarCardColor;\n    status?: ElCalendarCardStatus;\n    primaryRow?: string;\n    secondaryRow?: string;\n    tertiaryRow?: string;\n    horizontalPaddingLeft?: boolean;\n    cursor?: 'default' | 'pointer';\n  }>(),\n  {\n    height: 50,\n    color: 'sapphire',\n    status: 'past',\n    label: undefined,\n    primaryRow: undefined,\n    secondaryRow: undefined,\n    tertiaryRow: undefined,\n    horizontalPaddingLeft: true,\n    cursor: 'pointer',\n  },\n);\n\nconst confirmedBackgroundColors = {\n  purple: 'bg-purple-500',\n  orange: 'bg-orange-500',\n  brandBlue: 'bg-brandBlue-500',\n  green: 'bg-green-500',\n  rose: 'bg-rose-500',\n  indigo: 'bg-indigo-500',\n  red: 'bg-red-500',\n  pink: 'bg-pink-500',\n  cyan: 'bg-cyan-500',\n  sapphire: 'bg-brandBlue-500',\n  teal: 'bg-teal-500',\n  yellow: 'bg-yellow-500',\n  gray: 'bg-neutral-500',\n} as const;\n\nconst pastBackgroundColors = {\n  purple: 'bg-purple-300',\n  orange: 'bg-orange-300',\n  brandBlue: 'bg-brandBlue-300',\n  green: 'bg-green-300',\n  rose: 'bg-rose-300',\n  indigo: 'bg-indigo-300',\n  red: 'bg-red-300',\n  pink: 'bg-pink-300',\n  cyan: 'bg-cyan-300',\n  sapphire: 'bg-brandBlue-300',\n  teal: 'bg-teal-300',\n  yellow: 'bg-yellow-300',\n  gray: 'bg-neutral-300',\n} as const;\n\nconst toBeConfirmedStrokeColors = {\n  purple: 'text-purple-500 border-purple-500',\n  orange: 'text-orange-500 border-orange-500',\n  brandBlue: 'text-brandBlue-500 border-brandBlue-500',\n  green: 'text-green-500 border-green-500',\n  rose: 'text-rose-500 border-rose-500',\n  indigo: 'text-indigo-500 border-indigo-500',\n  red: 'text-red-500 border-red-500',\n  pink: 'text-pink-500 border-pink-500',\n  cyan: 'text-cyan-500 border-cyan-500',\n  sapphire: 'text-brandBlue-500 border-brandBlue-500',\n  teal: 'text-teal-500 border-teal-500',\n  yellow: 'text-yellow-500 border-yellow-500',\n  gray: 'text-neutral-500 border-neutral-500',\n} as const;\n</script>\n\n<template>\n  <div class=\"-ml-1 -mr-1 pr-0.5\" :class=\"{ 'pl-3': horizontalPaddingLeft }\" :style=\"{ height: `${Math.max(12, height)}px` }\">\n    <div\n      class=\"grid max-w-full border rounded h-full\"\n      :class=\"{\n        'cursor-pointer': cursor === 'pointer',\n        'cursor-default': cursor === 'default',\n        'rounded-sm': height < 32,\n        rounded: height >= 32,\n        [confirmedBackgroundColors[color]]: status === 'confirmed',\n        [pastBackgroundColors[color]]: status === 'past',\n        'bg-white': status === 'to-be-confirmed',\n        'text-white': status === 'confirmed' || status === 'past',\n        'border-white': status === 'confirmed' || status === 'past',\n        [toBeConfirmedStrokeColors[color]]: status === 'to-be-confirmed',\n        'border-dashed': status === 'to-be-confirmed',\n      }\"\n    >\n      <div class=\"overflow-hidden\">\n        <div\n          class=\"flex flex-col justify-center text-xs px-1 leading-none\"\n          :class=\"{\n            'py-2': height >= 48,\n            'gap-1': height >= 32 && height < 48,\n            'gap-2': height >= 48 && height < 96,\n            'gap-3': height >= 96,\n          }\"\n        >\n          <span v-if=\"primaryRow\" class=\"font-semibold truncate\">\n            {{ primaryRow }}\n          </span>\n          <span v-if=\"secondaryRow\" class=\"font-semibold truncate\">\n            {{ secondaryRow }}\n          </span>\n          <span v-if=\"tertiaryRow\" class=\"truncate\">\n            {{ tertiaryRow }}\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elCalendarCardColors","elCalendarCardStatuses","confirmedBackgroundColors","pastBackgroundColors","toBeConfirmedStrokeColors"],"mappings":"4QACaA,EAAuB,CAClC,SACA,SACA,YACA,QACA,OACA,SACA,MACA,OACA,OACA,WACA,OACA,SACA,MACF,EAGaC,EAAyB,CAAC,YAAa,kBAAmB,MAAM,ySA6B7E,MAAMC,EAA4B,CAChC,OAAQ,gBACR,OAAQ,gBACR,UAAW,mBACX,MAAO,eACP,KAAM,cACN,OAAQ,gBACR,IAAK,aACL,KAAM,cACN,KAAM,cACN,SAAU,mBACV,KAAM,cACN,OAAQ,gBACR,KAAM,gBAAA,EAGFC,EAAuB,CAC3B,OAAQ,gBACR,OAAQ,gBACR,UAAW,mBACX,MAAO,eACP,KAAM,cACN,OAAQ,gBACR,IAAK,aACL,KAAM,cACN,KAAM,cACN,SAAU,mBACV,KAAM,cACN,OAAQ,gBACR,KAAM,gBAAA,EAGFC,EAA4B,CAChC,OAAQ,oCACR,OAAQ,oCACR,UAAW,0CACX,MAAO,kCACP,KAAM,gCACN,OAAQ,oCACR,IAAK,8BACL,KAAM,gCACN,KAAM,gCACN,SAAU,0CACV,KAAM,gCACN,OAAQ,oCACR,KAAM,qCAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElCalendarCard.vue.esm2.js","sources":["../src/ElCalendarCard.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elCalendarCardColors = [\n  'purple',\n  'orange',\n  'brandBlue',\n  'green',\n  'rose',\n  'indigo',\n  'red',\n  'pink',\n  'cyan',\n  'sapphire',\n  'teal',\n  'yellow',\n  'gray',\n] as const;\nexport type ElCalendarCardColor = (typeof elCalendarCardColors)[number];\n\nexport const elCalendarCardStatuses = ['confirmed', 'to-be-confirmed', 'past'] as const;\nexport type ElCalendarCardStatus = (typeof elCalendarCardStatuses)[number];\n</script>\n\n<script setup lang=\"ts\">\nwithDefaults(\n  defineProps<{\n    height?: number;\n    color: ElCalendarCardColor;\n    status?: ElCalendarCardStatus;\n    primaryRow?: string;\n    secondaryRow?: string;\n    tertiaryRow?: string;\n    horizontalPaddingLeft?: boolean;\n    cursor?: 'default' | 'pointer';\n  }>(),\n  {\n    height: 50,\n    color: 'sapphire',\n    status: 'past',\n    label: undefined,\n    primaryRow: undefined,\n    secondaryRow: undefined,\n    tertiaryRow: undefined,\n    horizontalPaddingLeft: true,\n    cursor: 'pointer',\n  },\n);\n\nconst confirmedBackgroundColors = {\n  purple: 'bg-purple-500',\n  orange: 'bg-orange-500',\n  brandBlue: 'bg-brandBlue-500',\n  green: 'bg-green-500',\n  rose: 'bg-rose-500',\n  indigo: 'bg-indigo-500',\n  red: 'bg-red-500',\n  pink: 'bg-pink-500',\n  cyan: 'bg-cyan-500',\n  sapphire: 'bg-brandBlue-500',\n  teal: 'bg-teal-500',\n  yellow: 'bg-yellow-500',\n  gray: 'bg-neutral-500',\n} as const;\n\nconst pastBackgroundColors = {\n  purple: 'bg-purple-300',\n  orange: 'bg-orange-300',\n  brandBlue: 'bg-brandBlue-300',\n  green: 'bg-green-300',\n  rose: 'bg-rose-300',\n  indigo: 'bg-indigo-300',\n  red: 'bg-red-300',\n  pink: 'bg-pink-300',\n  cyan: 'bg-cyan-300',\n  sapphire: 'bg-brandBlue-300',\n  teal: 'bg-teal-300',\n  yellow: 'bg-yellow-300',\n  gray: 'bg-neutral-300',\n} as const;\n\nconst toBeConfirmedStrokeColors = {\n  purple: 'text-purple-500 border-purple-500',\n  orange: 'text-orange-500 border-orange-500',\n  brandBlue: 'text-brandBlue-500 border-brandBlue-500',\n  green: 'text-green-500 border-green-500',\n  rose: 'text-rose-500 border-rose-500',\n  indigo: 'text-indigo-500 border-indigo-500',\n  red: 'text-red-500 border-red-500',\n  pink: 'text-pink-500 border-pink-500',\n  cyan: 'text-cyan-500 border-cyan-500',\n  sapphire: 'text-brandBlue-500 border-brandBlue-500',\n  teal: 'text-teal-500 border-teal-500',\n  yellow: 'text-yellow-500 border-yellow-500',\n  gray: 'text-neutral-500 border-neutral-500',\n} as const;\n</script>\n\n<template>\n  <div class=\"-ml-1 -mr-1 pr-0.5\" :class=\"{ 'pl-3': horizontalPaddingLeft }\" :style=\"{ height: `${Math.max(12, height)}px` }\">\n    <div\n      class=\"grid max-w-full border rounded h-full\"\n      :class=\"{\n        'cursor-pointer': cursor === 'pointer',\n        'cursor-default': cursor === 'default',\n        'rounded-sm': height < 32,\n        rounded: height >= 32,\n        [confirmedBackgroundColors[color]]: status === 'confirmed',\n        [pastBackgroundColors[color]]: status === 'past',\n        'bg-white': status === 'to-be-confirmed',\n        'text-white': status === 'confirmed' || status === 'past',\n        'border-white': status === 'confirmed' || status === 'past',\n        [toBeConfirmedStrokeColors[color]]: status === 'to-be-confirmed',\n        'border-dashed': status === 'to-be-confirmed',\n      }\"\n    >\n      <div class=\"overflow-hidden\">\n        <div\n          class=\"flex flex-col justify-center text-xs px-1 leading-none\"\n          :class=\"{\n            'py-2': height >= 48,\n            'gap-1': height >= 32 && height < 48,\n            'gap-2': height >= 48 && height < 96,\n            'gap-3': height >= 96,\n          }\"\n        >\n          <span v-if=\"primaryRow\" class=\"font-semibold truncate\">\n            {{ primaryRow }}\n          </span>\n          <span v-if=\"secondaryRow\" class=\"font-semibold truncate\">\n            {{ secondaryRow }}\n          </span>\n          <span v-if=\"tertiaryRow\" class=\"truncate\">\n            {{ tertiaryRow }}\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elCalendarCardColors","elCalendarCardStatuses","confirmedBackgroundColors","pastBackgroundColors","toBeConfirmedStrokeColors"],"mappings":"yUACaA,EAAuB,CAClC,SACA,SACA,YACA,QACA,OACA,SACA,MACA,OACA,OACA,WACA,OACA,SACA,MACF,EAGaC,EAAyB,CAAC,YAAa,kBAAmB,MAAM,yRA6B7E,MAAMC,EAA4B,CAChC,OAAQ,gBACR,OAAQ,gBACR,UAAW,mBACX,MAAO,eACP,KAAM,cACN,OAAQ,gBACR,IAAK,aACL,KAAM,cACN,KAAM,cACN,SAAU,mBACV,KAAM,cACN,OAAQ,gBACR,KAAM,gBAAA,EAGFC,EAAuB,CAC3B,OAAQ,gBACR,OAAQ,gBACR,UAAW,mBACX,MAAO,eACP,KAAM,cACN,OAAQ,gBACR,IAAK,aACL,KAAM,cACN,KAAM,cACN,SAAU,mBACV,KAAM,cACN,OAAQ,gBACR,KAAM,gBAAA,EAGFC,EAA4B,CAChC,OAAQ,oCACR,OAAQ,oCACR,UAAW,0CACX,MAAO,kCACP,KAAM,gCACN,OAAQ,oCACR,IAAK,8BACL,KAAM,gCACN,KAAM,gCACN,SAAU,0CACV,KAAM,gCACN,OAAQ,oCACR,KAAM,qCAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElCalendarCell.vue.cjs2.js","sources":["../src/ElCalendarCell.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elCalendarCellColors = [\n  'purple',\n  'orange',\n  'brandBlue',\n  'green',\n  'rose',\n  'indigo',\n  'red',\n  'pink',\n  'cyan',\n  'sapphire',\n  'teal',\n  'yellow',\n] as const;\nexport type ElCalendarCellColor = (typeof elCalendarCellColors)[number];\n\nexport const elCalendarCellAvailabilities = ['not-available', 'for-doctors', 'for-patients'] as const;\nexport type ElCalendarCellAvailability = (typeof elCalendarCellAvailabilities)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport ElTooltip from '@/ElTooltip.vue';\n\nwithDefaults(\n  defineProps<{\n    height?: number;\n    color?: ElCalendarCellColor;\n    availability?: ElCalendarCellAvailability;\n    label?: string;\n    showTooltipOnMobile?: boolean;\n  }>(),\n  {\n    height: 48,\n    color: undefined,\n    availability: 'not-available',\n    label: undefined,\n    showTooltipOnMobile: false,\n  },\n);\n</script>\n\n<template>\n  <div\n    class=\"grid max-w-full\"\n    :class=\"{\n      'bg-white': availability === 'for-doctors',\n      'bg-yellow-100': availability === 'for-patients',\n      'bg-neutral-inactive': availability === 'not-available',\n      'grid-cols-[8px_1fr]': color != null,\n      'grid-cols-[1fr]': color == null,\n    }\"\n  >\n    <div\n      v-if=\"color != null\"\n      class=\"w-2 h-full\"\n      :class=\"{\n        'bg-purple-400': color === 'purple',\n        'bg-orange-400': color === 'orange',\n        'bg-brandBlue-400': color === 'brandBlue' || color === 'sapphire',\n        'bg-yellow-400': color === 'yellow',\n        'bg-rose-400': color === 'rose',\n        'bg-indigo-400': color === 'indigo',\n        'bg-red-400': color === 'red',\n        'bg-pink-400': color === 'pink',\n        'bg-cyan-400': color === 'cyan',\n        'bg-teal-400': color === 'teal',\n        'bg-green-400': color === 'green',\n      }\"\n    />\n    <div class=\"overflow-hidden\">\n      <ElTooltip v-if=\"label\" :title=\"label\" :hide-on-mobile=\"!showTooltipOnMobile\">\n        <div\n          class=\"flex flex-col justify-center text-sm text-neutral-darker cursor-pointer\"\n          :class=\"{\n            'px-1': color != null,\n            'px-2': color == null,\n          }\"\n          :style=\"{ height: `${Math.max(12, height)}px` }\"\n        >\n          <span class=\"truncate\">\n            {{ label }}\n          </span>\n        </div>\n      </ElTooltip>\n      <div\n        v-else\n        class=\"flex flex-col justify-center text-sm text-neutral-darker cursor-pointer\"\n        :class=\"{\n          'px-1': color != null,\n          'px-2': color == null,\n        }\"\n        :style=\"{ height: `${Math.max(12, height)}px` }\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["elCalendarCellColors","elCalendarCellAvailabilities"],"mappings":"yNACaA,EAAuB,CAClC,SACA,SACA,YACA,QACA,OACA,SACA,MACA,OACA,OACA,WACA,OACA,QACF,EAGaC,EAA+B,CAAC,gBAAiB,cAAe,cAAc"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElCalendarCell.vue.esm2.js","sources":["../src/ElCalendarCell.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elCalendarCellColors = [\n  'purple',\n  'orange',\n  'brandBlue',\n  'green',\n  'rose',\n  'indigo',\n  'red',\n  'pink',\n  'cyan',\n  'sapphire',\n  'teal',\n  'yellow',\n] as const;\nexport type ElCalendarCellColor = (typeof elCalendarCellColors)[number];\n\nexport const elCalendarCellAvailabilities = ['not-available', 'for-doctors', 'for-patients'] as const;\nexport type ElCalendarCellAvailability = (typeof elCalendarCellAvailabilities)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport ElTooltip from '@/ElTooltip.vue';\n\nwithDefaults(\n  defineProps<{\n    height?: number;\n    color?: ElCalendarCellColor;\n    availability?: ElCalendarCellAvailability;\n    label?: string;\n    showTooltipOnMobile?: boolean;\n  }>(),\n  {\n    height: 48,\n    color: undefined,\n    availability: 'not-available',\n    label: undefined,\n    showTooltipOnMobile: false,\n  },\n);\n</script>\n\n<template>\n  <div\n    class=\"grid max-w-full\"\n    :class=\"{\n      'bg-white': availability === 'for-doctors',\n      'bg-yellow-100': availability === 'for-patients',\n      'bg-neutral-inactive': availability === 'not-available',\n      'grid-cols-[8px_1fr]': color != null,\n      'grid-cols-[1fr]': color == null,\n    }\"\n  >\n    <div\n      v-if=\"color != null\"\n      class=\"w-2 h-full\"\n      :class=\"{\n        'bg-purple-400': color === 'purple',\n        'bg-orange-400': color === 'orange',\n        'bg-brandBlue-400': color === 'brandBlue' || color === 'sapphire',\n        'bg-yellow-400': color === 'yellow',\n        'bg-rose-400': color === 'rose',\n        'bg-indigo-400': color === 'indigo',\n        'bg-red-400': color === 'red',\n        'bg-pink-400': color === 'pink',\n        'bg-cyan-400': color === 'cyan',\n        'bg-teal-400': color === 'teal',\n        'bg-green-400': color === 'green',\n      }\"\n    />\n    <div class=\"overflow-hidden\">\n      <ElTooltip v-if=\"label\" :title=\"label\" :hide-on-mobile=\"!showTooltipOnMobile\">\n        <div\n          class=\"flex flex-col justify-center text-sm text-neutral-darker cursor-pointer\"\n          :class=\"{\n            'px-1': color != null,\n            'px-2': color == null,\n          }\"\n          :style=\"{ height: `${Math.max(12, height)}px` }\"\n        >\n          <span class=\"truncate\">\n            {{ label }}\n          </span>\n        </div>\n      </ElTooltip>\n      <div\n        v-else\n        class=\"flex flex-col justify-center text-sm text-neutral-darker cursor-pointer\"\n        :class=\"{\n          'px-1': color != null,\n          'px-2': color == null,\n        }\"\n        :style=\"{ height: `${Math.max(12, height)}px` }\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["elCalendarCellColors","elCalendarCellAvailabilities"],"mappings":"sTACaA,EAAuB,CAClC,SACA,SACA,YACA,QACA,OACA,SACA,MACA,OACA,OACA,WACA,OACA,QACF,EAGaC,EAA+B,CAAC,gBAAiB,cAAe,cAAc"}

package/dist/ElCarousel.vue.cjs2.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElCarousel.vue.cjs2.js","sources":["../src/ElCarousel.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elCarouselSizes = ['sm', 'md', 'lg'] as const;\nexport type ElCarouselSizes = (typeof elCarouselSizes)[number];\n\nexport interface CarouselProps {\n  size?: ElCarouselSizes;\n  slides: CarouselSlide[];\n  opacity?: boolean;\n}\n\nexport interface CarouselSlide {\n  title: string;\n  description: string;\n  picture: string;\n  button: InstanceType<typeof ElButton>['$props'];\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { Keyboard, Navigation, Pagination } from 'swiper/modules';\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport { ElButton, ElIconButton } from '.';\n\nimport 'swiper/css';\nimport 'swiper/css/pagination';\nimport { computed, ref } from 'vue';\nimport { Device, useMatchDevice } from './utils';\n\ndefineProps<CarouselProps>();\n\nconst device = useMatchDevice();\n\nconst buttonSize = computed(() => {\n  switch (device.value) {\n    case Device.Desktop:\n      return 'xl';\n    case Device.Tablet:\n      return 'l';\n    default:\n      return 'sm';\n  }\n});\n\nconst swiperInstance = ref();\nconst modules = ref([Navigation, Pagination, Keyboard]);\n</script>\n\n<template>\n  <div\n    class=\"w-full relative\"\n    :class=\"{\n      'max-w-2xl': size === 'md',\n      'max-w-7xl': size === 'lg',\n    }\"\n  >\n    <swiper\n      :space-between=\"30\"\n      :slides-per-view=\"1\"\n      :keyboard=\"{\n        enabled: true,\n      }\"\n      :pagination=\"{\n        clickable: true,\n      }\"\n      :loop=\"true\"\n      :navigation=\"true\"\n      :modules=\"modules\"\n      class=\"\"\n      @swiper=\"swiperInstance = $event\"\n    >\n      <swiper-slide v-for=\"(slide, index) in slides\" :key=\"index\">\n        <div\n          class=\"flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24\"\n          :style=\"{\n            backgroundImage: 'url(' + slide.picture + ')',\n          }\"\n          :class=\"{\n            'justify-end items-end h-auto': size === 'sm',\n            'h-96': size === 'md',\n            'h-auto': size === 'lg',\n          }\"\n        >\n          <div v-if=\"opacity\" class=\"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl\"></div>\n\n          <div\n            class=\"z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl\"\n            :class=\"{\n              'w-full': size === 'sm',\n              'max-w-80': size === 'md',\n              'max-w-96': size === 'lg',\n            }\"\n          >\n            <h1 class=\"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl\">\n              {{ slide.title }}\n            </h1>\n            <p\n              class=\"text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96\"\n              :class=\"{\n                'w-full': size === 'sm',\n                'w-80 max-w-80': size === 'md',\n                'w-96 max-w-96': size === 'lg',\n              }\"\n            >\n              {{ slide.description }}\n            </p>\n            <div class=\"py-2 md:py-3 lg:py-4\">\n              <ElButton v-bind=\"slide.button\" :size=\"buttonSize\" />\n            </div>\n          </div>\n        </div>\n      </swiper-slide>\n    </swiper>\n    <div v-if=\"slides.length > 1\" class=\"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between\">\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallLeftIcon' }\" @click=\"swiperInstance?.slidePrev()\" />\n      </div>\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallRightIcon' }\" @click=\"swiperInstance?.slideNext()\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elCarouselSizes","device","useMatchDevice","buttonSize","computed","Device","swiperInstance","ref","modules","Navigation","Pagination","Keyboard"],"mappings":"4+DACaA,EAAkB,CAAC,KAAM,KAAM,IAAI,qGA6BhD,MAAMC,EAASC,EAAAA,iBAETC,EAAaC,EAAAA,SAAS,IAAM,CAChC,OAAQH,EAAO,MAAO,CACpB,KAAKI,EAAO,OAAA,QACH,MAAA,KACT,KAAKA,EAAO,OAAA,OACH,MAAA,IACT,QACS,MAAA,IACX,CAAA,CACD,EAEKC,EAAiBC,EAAAA,MACjBC,EAAUD,EAAAA,IAAI,CAACE,EAAY,QAAAC,EAAA,QAAYC,EAAQ,OAAA,CAAC"}

package/dist/ElCarousel.vue.esm2.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElCarousel.vue.esm2.js","sources":["../src/ElCarousel.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elCarouselSizes = ['sm', 'md', 'lg'] as const;\nexport type ElCarouselSizes = (typeof elCarouselSizes)[number];\n\nexport interface CarouselProps {\n  size?: ElCarouselSizes;\n  slides: CarouselSlide[];\n  opacity?: boolean;\n}\n\nexport interface CarouselSlide {\n  title: string;\n  description: string;\n  picture: string;\n  button: InstanceType<typeof ElButton>['$props'];\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport { Keyboard, Navigation, Pagination } from 'swiper/modules';\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport { ElButton, ElIconButton } from '.';\n\nimport 'swiper/css';\nimport 'swiper/css/pagination';\nimport { computed, ref } from 'vue';\nimport { Device, useMatchDevice } from './utils';\n\ndefineProps<CarouselProps>();\n\nconst device = useMatchDevice();\n\nconst buttonSize = computed(() => {\n  switch (device.value) {\n    case Device.Desktop:\n      return 'xl';\n    case Device.Tablet:\n      return 'l';\n    default:\n      return 'sm';\n  }\n});\n\nconst swiperInstance = ref();\nconst modules = ref([Navigation, Pagination, Keyboard]);\n</script>\n\n<template>\n  <div\n    class=\"w-full relative\"\n    :class=\"{\n      'max-w-2xl': size === 'md',\n      'max-w-7xl': size === 'lg',\n    }\"\n  >\n    <swiper\n      :space-between=\"30\"\n      :slides-per-view=\"1\"\n      :keyboard=\"{\n        enabled: true,\n      }\"\n      :pagination=\"{\n        clickable: true,\n      }\"\n      :loop=\"true\"\n      :navigation=\"true\"\n      :modules=\"modules\"\n      class=\"\"\n      @swiper=\"swiperInstance = $event\"\n    >\n      <swiper-slide v-for=\"(slide, index) in slides\" :key=\"index\">\n        <div\n          class=\"flex items-center isolate overflow-hidden w-full bg-left bg-cover bg-no-repeat bg-black rounded-2xl p-6 md:p-7 lg:p-24\"\n          :style=\"{\n            backgroundImage: 'url(' + slide.picture + ')',\n          }\"\n          :class=\"{\n            'justify-end items-end h-auto': size === 'sm',\n            'h-96': size === 'md',\n            'h-auto': size === 'lg',\n          }\"\n        >\n          <div v-if=\"opacity\" class=\"bg-black opacity-30 left-0 absolute w-full h-full top-0 rounded-2xl\"></div>\n\n          <div\n            class=\"z-10 flex flex-col justify-end md:justify-center gap-3 lg:gap-4 items-start flex-1 self-stretch md:my-8 text-white text-sm md:text-base lg:text-xl\"\n            :class=\"{\n              'w-full': size === 'sm',\n              'max-w-80': size === 'md',\n              'max-w-96': size === 'lg',\n            }\"\n          >\n            <h1 class=\"font-semibold text-neutral-inverse text-xl md:text-2xl lg:text-4xl\">\n              {{ slide.title }}\n            </h1>\n            <p\n              class=\"text-neutral-inverse font-medium text-sm md:text-base md:max-w-80 lg:text-xl lg:max-w-96\"\n              :class=\"{\n                'w-full': size === 'sm',\n                'w-80 max-w-80': size === 'md',\n                'w-96 max-w-96': size === 'lg',\n              }\"\n            >\n              {{ slide.description }}\n            </p>\n            <div class=\"py-2 md:py-3 lg:py-4\">\n              <ElButton v-bind=\"slide.button\" :size=\"buttonSize\" />\n            </div>\n          </div>\n        </div>\n      </swiper-slide>\n    </swiper>\n    <div v-if=\"slides.length > 1\" class=\"px-6 w-full mb-20 hidden md:absolute md:mt-0 lg:top-60 md:bottom-0 lg:flex justify-between\">\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallLeftIcon' }\" @click=\"swiperInstance?.slidePrev()\" />\n      </div>\n      <div class=\"w-9 h-9 flex justify-center items-center bg-white rounded-full z-10 overflow-hidden\">\n        <ElIconButton :icon=\"{ name: 'ArrowSmallRightIcon' }\" @click=\"swiperInstance?.slideNext()\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["elCarouselSizes","device","useMatchDevice","buttonSize","computed","Device","swiperInstance","ref","modules","Navigation","Pagination","Keyboard"],"mappings":"2pEACaA,GAAkB,CAAC,KAAM,KAAM,IAAI,sFA6BhD,MAAMC,EAASC,IAETC,EAAaC,EAAS,IAAM,CAChC,OAAQH,EAAO,MAAO,CACpB,KAAKI,EAAO,QACH,MAAA,KACT,KAAKA,EAAO,OACH,MAAA,IACT,QACS,MAAA,IACX,CAAA,CACD,EAEKC,EAAiBC,IACjBC,EAAUD,EAAI,CAACE,EAAYC,EAAYC,CAAQ,CAAC"}

package/dist/ElClipToAnchor.vue.cjs2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),d=require("./node_modules/@vueuse/core/index.cjs.js"),E=["bottom-left","bottom","bottom-right","top-left","top","top-right","left-start","left","left-end","right-start","right","right-end"],F=o.defineComponent({__name:"ElClipToAnchor",props:{anchor:{},matchAnchorWidth:{type:Boolean},position:{},minWidth:{},distanceFromAnchor:{}},setup(y){const e=y,s=o.ref(null),v=o.ref(),{top:l,left:n,width:i,height:r}=d.useElementBounding(e.anchor),{width:h,height:c}=d.useElementBounding(s),{width:p,height:f}=d.useWindowSize(),g=d.useElementVisibility(e.anchor),m=o.computed(()=>document.documentElement.scrollHeight>document.documentElement.clientHeight?p.value-W():p.value),b=o.computed(()=>document.documentElement.scrollWidth>document.documentElement.clientWidth?f.value-W():f.value),W=()=>{var u;const t=document.createElement("div");t.style.visibility="hidden",t.style.overflow="scroll",document.body.appendChild(t);const a=document.createElement("div");t.appendChild(a);const w=t.offsetWidth-a.offsetWidth;return(u=t.parentNode)==null||u.removeChild(t),w},x=async()=>{await o.nextTick();const t=e.matchAnchorWidth?i.value:h.value,a=Math.min(e.minWidth&&t<e.minWidth?Math.max(e.minWidth,Math.min(h.value,i.value)):t,m.value),u={"bottom-left":{top:r.value+l.value+(e.distanceFromAnchor??0),left:n.value-a+i.value},bottom:{top:r.value+l.value+(e.distanceFromAnchor??0),left:n.value+(i.value-a)/2},"bottom-right":{top:r.value+l.value+(e.distanceFromAnchor??0),left:n.value},"top-left":{top:l.value-c.value-(e.distanceFromAnchor??0),left:n.value-a+i.value},top:{top:l.value-c.value-(e.distanceFromAnchor??0),left:n.value+(i.value-a)/2},"top-right":{top:l.value-c.value-(e.distanceFromAnchor??0),left:n.value},"left-start":{top:l.value,left:n.value-a-(e.distanceFromAnchor??0)},left:{top:l.value+(r.value-c.value)/2,left:n.value-a-(e.distanceFromAnchor??0)},"left-end":{top:l.value+(r.value-c.value),left:n.value-a-(e.distanceFromAnchor??0)},"right-start":{top:l.value,left:n.value+i.value+(e.distanceFromAnchor??0)},right:{top:l.value+(r.value-c.value)/2,left:n.value+i.value+(e.distanceFromAnchor??0)},"right-end":{top:l.value+(r.value-c.value),left:n.value+i.value+(e.distanceFromAnchor??0)}}[e.position];let A;switch(e.position){case"bottom-left":case"bottom":case"bottom-right":A=b.value-(l.value+r.value);break}v.value={top:u.top+"px",left:Math.min(Math.max(0,u.left),m.value-h.value)+"px",width:a+"px",maxHeight:A+"px"}};return o.watch([l,n,i,r,h,c,m,b],x),o.onMounted(()=>{document.body.appendChild(s.value)}),o.onBeforeUnmount(()=>{var t;(t=s.value)==null||t.remove()}),(t,a)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"element",ref:s,class:"fixed z-50 max-h-screen max-w-screen overflow-auto w-auto",style:o.normalizeStyle({...v.value,visibility:o.unref(g)?"visible":"hidden"})},[o.renderSlot(t.$slots,"default",o.normalizeProps(o.guardReactiveProps({isVisible:o.unref(g)})))],4))}});exports.default=F;exports.elClipToAnchorPositions=E;
-//# sourceMappingURL=ElClipToAnchor.vue.cjs2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElClipToAnchor.vue.cjs2.js","sources":["../src/ElClipToAnchor.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elClipToAnchorPositions = [\n  'bottom-left',\n  'bottom',\n  'bottom-right',\n  'top-left',\n  'top',\n  'top-right',\n  'left-start',\n  'left',\n  'left-end',\n  'right-start',\n  'right',\n  'right-end',\n] as const;\nexport type ElClipToAnchorPosition = (typeof elClipToAnchorPositions)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { useElementBounding, useElementVisibility, useWindowSize } from '@vueuse/core';\nimport { CSSProperties, onBeforeUnmount, onMounted, ref, watch, computed, nextTick } from 'vue';\n\nconst props = defineProps<{\n  anchor: HTMLElement;\n  matchAnchorWidth?: boolean;\n  position: ElClipToAnchorPosition;\n  minWidth?: number;\n  distanceFromAnchor?: number;\n}>();\n\nconst element = ref<HTMLElement | null>(null);\nconst elementStyle = ref<Partial<Pick<CSSProperties, 'top' | 'left' | 'width' | 'maxHeight' | 'visibility'>>>();\n\nconst { top: anchorTop, left: anchorLeft, width: anchorWidth, height: anchorHeight } = useElementBounding(props.anchor);\nconst { width: elementWidth, height: elementHeight } = useElementBounding(element);\nconst { width: rawWindowWidth, height: rawWindowHeight } = useWindowSize();\n\nconst isAnchorVisible = useElementVisibility(props.anchor);\n\n// Calculate actual available window space accounting for scrollbars\nconst windowWidth = computed(() => {\n  const hasVerticalScrollbar = document.documentElement.scrollHeight > document.documentElement.clientHeight;\n  return hasVerticalScrollbar ? rawWindowWidth.value - getScrollbarWidth() : rawWindowWidth.value;\n});\n\nconst windowHeight = computed(() => {\n  const hasHorizontalScrollbar = document.documentElement.scrollWidth > document.documentElement.clientWidth;\n  return hasHorizontalScrollbar ? rawWindowHeight.value - getScrollbarWidth() : rawWindowHeight.value;\n});\n\nconst getScrollbarWidth = () => {\n  // Create a temporary div with scrollbars\n  const outer = document.createElement('div');\n  outer.style.visibility = 'hidden';\n  outer.style.overflow = 'scroll';\n  document.body.appendChild(outer);\n\n  // Create an inner div to calculate the width difference\n  const inner = document.createElement('div');\n  outer.appendChild(inner);\n  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;\n  outer.parentNode?.removeChild(outer);\n\n  return scrollbarWidth;\n};\n\nconst calculateElementStyle = async () => {\n  // Wait for next tick to ensure the element is rendered and measurable\n  await nextTick();\n\n  // Calculate width using the natural width instead of elementWidth.value\n  const baseWidth = props.matchAnchorWidth ? anchorWidth.value : elementWidth.value;\n\n  const calculatedElementWidth = Math.min(\n    props.minWidth && baseWidth < props.minWidth ? Math.max(props.minWidth, Math.min(elementWidth.value, anchorWidth.value)) : baseWidth,\n    windowWidth.value,\n  );\n\n  const positions: Record<ElClipToAnchorPosition, { top: number; left: number }> = {\n    'bottom-left': {\n      top: anchorHeight.value + anchorTop.value + (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value - calculatedElementWidth + anchorWidth.value,\n    },\n    bottom: {\n      top: anchorHeight.value + anchorTop.value + (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value + (anchorWidth.value - calculatedElementWidth) / 2,\n    },\n    'bottom-right': {\n      top: anchorHeight.value + anchorTop.value + (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value,\n    },\n    'top-left': {\n      top: anchorTop.value - elementHeight.value - (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value - calculatedElementWidth + anchorWidth.value,\n    },\n    top: {\n      top: anchorTop.value - elementHeight.value - (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value + (anchorWidth.value - calculatedElementWidth) / 2,\n    },\n    'top-right': {\n      top: anchorTop.value - elementHeight.value - (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value,\n    },\n    'left-start': {\n      top: anchorTop.value,\n      left: anchorLeft.value - calculatedElementWidth - (props.distanceFromAnchor ?? 0),\n    },\n    left: {\n      top: anchorTop.value + (anchorHeight.value - elementHeight.value) / 2,\n      left: anchorLeft.value - calculatedElementWidth - (props.distanceFromAnchor ?? 0),\n    },\n    'left-end': {\n      top: anchorTop.value + (anchorHeight.value - elementHeight.value),\n      left: anchorLeft.value - calculatedElementWidth - (props.distanceFromAnchor ?? 0),\n    },\n    'right-start': {\n      top: anchorTop.value,\n      left: anchorLeft.value + anchorWidth.value + (props.distanceFromAnchor ?? 0),\n    },\n    right: {\n      top: anchorTop.value + (anchorHeight.value - elementHeight.value) / 2,\n      left: anchorLeft.value + anchorWidth.value + (props.distanceFromAnchor ?? 0),\n    },\n    'right-end': {\n      top: anchorTop.value + (anchorHeight.value - elementHeight.value),\n      left: anchorLeft.value + anchorWidth.value + (props.distanceFromAnchor ?? 0),\n    },\n  };\n\n  const positionStyles = positions[props.position];\n\n  // Calculate the max height of the element to avoid overflowing the window and overlapping the anchor when positioned below the anchor\n  let maxHeight;\n  switch (props.position) {\n    case 'bottom-left':\n    case 'bottom':\n    case 'bottom-right':\n      maxHeight = windowHeight.value - (anchorTop.value + anchorHeight.value);\n      break;\n  }\n\n  // The left position should never overflow the window size\n  elementStyle.value = {\n    top: positionStyles.top + 'px',\n    left: Math.min(Math.max(0, positionStyles.left), windowWidth.value - elementWidth.value) + 'px',\n    width: calculatedElementWidth + 'px',\n    maxHeight: maxHeight + 'px',\n  };\n};\n\nwatch([anchorTop, anchorLeft, anchorWidth, anchorHeight, elementWidth, elementHeight, windowWidth, windowHeight], calculateElementStyle);\n\n// Using <Teleport to=\"body\"> will break the <Transition> component (eg. <ElTooltip/>), a PR has been already merged but not yet released\n// Issue: https://github.com/vuejs/core/issues/5836\n// PR:    https://github.com/vuejs/core/pull/6548\nonMounted(() => {\n  document.body.appendChild(element.value!);\n});\n\nonBeforeUnmount(() => {\n  element.value?.remove();\n});\n</script>\n\n<template>\n  <div\n    ref=\"element\"\n    class=\"fixed z-50 max-h-screen max-w-screen overflow-auto w-auto\"\n    :style=\"{ ...elementStyle, visibility: isAnchorVisible ? 'visible' : 'hidden' }\"\n  >\n    <slot v-bind=\"{ isVisible: isAnchorVisible }\" />\n  </div>\n</template>\n"],"names":["elClipToAnchorPositions","props","__props","element","ref","elementStyle","anchorTop","anchorLeft","anchorWidth","anchorHeight","useElementBounding","elementWidth","elementHeight","rawWindowWidth","rawWindowHeight","useWindowSize","isAnchorVisible","useElementVisibility","windowWidth","computed","getScrollbarWidth","windowHeight","outer","inner","scrollbarWidth","_a","calculateElementStyle","nextTick","baseWidth","calculatedElementWidth","positionStyles","maxHeight","watch","onMounted","onBeforeUnmount"],"mappings":"yLACaA,EAA0B,CACrC,cACA,SACA,eACA,WACA,MACA,YACA,aACA,OACA,WACA,cACA,QACA,WACF,wJAQA,MAAMC,EAAQC,EAQRC,EAAUC,MAAwB,IAAI,EACtCC,EAAeD,EAAAA,MAEf,CAAE,IAAKE,EAAW,KAAMC,EAAY,MAAOC,EAAa,OAAQC,CAAa,EAAIC,EAAmB,mBAAAT,EAAM,MAAM,EAChH,CAAE,MAAOU,EAAc,OAAQC,GAAkBF,EAAAA,mBAAmBP,CAAO,EAC3E,CAAE,MAAOU,EAAgB,OAAQC,CAAA,EAAoBC,EAAAA,gBAErDC,EAAkBC,EAAAA,qBAAqBhB,EAAM,MAAM,EAGnDiB,EAAcC,EAAAA,SAAS,IACE,SAAS,gBAAgB,aAAe,SAAS,gBAAgB,aAChEN,EAAe,MAAQO,IAAsBP,EAAe,KAC3F,EAEKQ,EAAeF,EAAAA,SAAS,IACG,SAAS,gBAAgB,YAAc,SAAS,gBAAgB,YAC/DL,EAAgB,MAAQM,IAAsBN,EAAgB,KAC/F,EAEKM,EAAoB,IAAM,OAExB,MAAAE,EAAQ,SAAS,cAAc,KAAK,EAC1CA,EAAM,MAAM,WAAa,SACzBA,EAAM,MAAM,SAAW,SACd,SAAA,KAAK,YAAYA,CAAK,EAGzB,MAAAC,EAAQ,SAAS,cAAc,KAAK,EAC1CD,EAAM,YAAYC,CAAK,EACjB,MAAAC,EAAiBF,EAAM,YAAcC,EAAM,YAC3C,OAAAE,EAAAH,EAAA,aAAA,MAAAG,EAAY,YAAYH,GAEvBE,CAAA,EAGHE,EAAwB,SAAY,CAExC,MAAMC,EAAS,SAAA,EAGf,MAAMC,EAAY3B,EAAM,iBAAmBO,EAAY,MAAQG,EAAa,MAEtEkB,EAAyB,KAAK,IAClC5B,EAAM,UAAY2B,EAAY3B,EAAM,SAAW,KAAK,IAAIA,EAAM,SAAU,KAAK,IAAIU,EAAa,MAAOH,EAAY,KAAK,CAAC,EAAIoB,EAC3HV,EAAY,KAAA,EAsDRY,EAnD2E,CAC/E,cAAe,CACb,IAAKrB,EAAa,MAAQH,EAAU,OAASL,EAAM,oBAAsB,GACzE,KAAMM,EAAW,MAAQsB,EAAyBrB,EAAY,KAChE,EACA,OAAQ,CACN,IAAKC,EAAa,MAAQH,EAAU,OAASL,EAAM,oBAAsB,GACzE,KAAMM,EAAW,OAASC,EAAY,MAAQqB,GAA0B,CAC1E,EACA,eAAgB,CACd,IAAKpB,EAAa,MAAQH,EAAU,OAASL,EAAM,oBAAsB,GACzE,KAAMM,EAAW,KACnB,EACA,WAAY,CACV,IAAKD,EAAU,MAAQM,EAAc,OAASX,EAAM,oBAAsB,GAC1E,KAAMM,EAAW,MAAQsB,EAAyBrB,EAAY,KAChE,EACA,IAAK,CACH,IAAKF,EAAU,MAAQM,EAAc,OAASX,EAAM,oBAAsB,GAC1E,KAAMM,EAAW,OAASC,EAAY,MAAQqB,GAA0B,CAC1E,EACA,YAAa,CACX,IAAKvB,EAAU,MAAQM,EAAc,OAASX,EAAM,oBAAsB,GAC1E,KAAMM,EAAW,KACnB,EACA,aAAc,CACZ,IAAKD,EAAU,MACf,KAAMC,EAAW,MAAQsB,GAA0B5B,EAAM,oBAAsB,EACjF,EACA,KAAM,CACJ,IAAKK,EAAU,OAASG,EAAa,MAAQG,EAAc,OAAS,EACpE,KAAML,EAAW,MAAQsB,GAA0B5B,EAAM,oBAAsB,EACjF,EACA,WAAY,CACV,IAAKK,EAAU,OAASG,EAAa,MAAQG,EAAc,OAC3D,KAAML,EAAW,MAAQsB,GAA0B5B,EAAM,oBAAsB,EACjF,EACA,cAAe,CACb,IAAKK,EAAU,MACf,KAAMC,EAAW,MAAQC,EAAY,OAASP,EAAM,oBAAsB,EAC5E,EACA,MAAO,CACL,IAAKK,EAAU,OAASG,EAAa,MAAQG,EAAc,OAAS,EACpE,KAAML,EAAW,MAAQC,EAAY,OAASP,EAAM,oBAAsB,EAC5E,EACA,YAAa,CACX,IAAKK,EAAU,OAASG,EAAa,MAAQG,EAAc,OAC3D,KAAML,EAAW,MAAQC,EAAY,OAASP,EAAM,oBAAsB,EAC5E,CAAA,EAG+BA,EAAM,QAAQ,EAG3C,IAAA8B,EACJ,OAAQ9B,EAAM,SAAU,CACtB,IAAK,cACL,IAAK,SACL,IAAK,eACH8B,EAAYV,EAAa,OAASf,EAAU,MAAQG,EAAa,OACjE,KACJ,CAGAJ,EAAa,MAAQ,CACnB,IAAKyB,EAAe,IAAM,KAC1B,KAAM,KAAK,IAAI,KAAK,IAAI,EAAGA,EAAe,IAAI,EAAGZ,EAAY,MAAQP,EAAa,KAAK,EAAI,KAC3F,MAAOkB,EAAyB,KAChC,UAAWE,EAAY,IAAA,CACzB,EAGIC,OAAAA,EAAAA,MAAA,CAAC1B,EAAWC,EAAYC,EAAaC,EAAcE,EAAcC,EAAeM,EAAaG,CAAY,EAAGK,CAAqB,EAKvIO,EAAAA,UAAU,IAAM,CACL,SAAA,KAAK,YAAY9B,EAAQ,KAAM,CAAA,CACzC,EAED+B,EAAAA,gBAAgB,IAAM,QACpBT,EAAAtB,EAAQ,QAAR,MAAAsB,EAAe,QAAO,CACvB"}

package/dist/ElClipToAnchor.vue.esm2.js

@@ -1,2 +0,0 @@
-import{defineComponent as F,ref as w,computed as A,watch as S,onMounted as H,onBeforeUnmount as C,openBlock as z,createElementBlock as M,normalizeStyle as _,unref as y,renderSlot as k,normalizeProps as B,guardReactiveProps as V,nextTick as T}from"vue";import{useElementBounding as x,useWindowSize as P,useElementVisibility as L}from"./node_modules/@vueuse/core/index.esm.js";const $=["bottom-left","bottom","bottom-right","top-left","top","top-right","left-start","left","left-end","right-start","right","right-end"],j=F({__name:"ElClipToAnchor",props:{anchor:{},matchAnchorWidth:{type:Boolean},position:{},minWidth:{},distanceFromAnchor:{}},setup(E){const e=E,u=w(null),d=w(),{top:o,left:l,width:n,height:i}=x(e.anchor),{width:h,height:r}=x(u),{width:m,height:v}=P(),p=L(e.anchor),s=A(()=>document.documentElement.scrollHeight>document.documentElement.clientHeight?m.value-b():m.value),f=A(()=>document.documentElement.scrollWidth>document.documentElement.clientWidth?v.value-b():v.value),b=()=>{var c;const t=document.createElement("div");t.style.visibility="hidden",t.style.overflow="scroll",document.body.appendChild(t);const a=document.createElement("div");t.appendChild(a);const g=t.offsetWidth-a.offsetWidth;return(c=t.parentNode)==null||c.removeChild(t),g};return S([o,l,n,i,h,r,s,f],async()=>{await T();const t=e.matchAnchorWidth?n.value:h.value,a=Math.min(e.minWidth&&t<e.minWidth?Math.max(e.minWidth,Math.min(h.value,n.value)):t,s.value),c={"bottom-left":{top:i.value+o.value+(e.distanceFromAnchor??0),left:l.value-a+n.value},bottom:{top:i.value+o.value+(e.distanceFromAnchor??0),left:l.value+(n.value-a)/2},"bottom-right":{top:i.value+o.value+(e.distanceFromAnchor??0),left:l.value},"top-left":{top:o.value-r.value-(e.distanceFromAnchor??0),left:l.value-a+n.value},top:{top:o.value-r.value-(e.distanceFromAnchor??0),left:l.value+(n.value-a)/2},"top-right":{top:o.value-r.value-(e.distanceFromAnchor??0),left:l.value},"left-start":{top:o.value,left:l.value-a-(e.distanceFromAnchor??0)},left:{top:o.value+(i.value-r.value)/2,left:l.value-a-(e.distanceFromAnchor??0)},"left-end":{top:o.value+(i.value-r.value),left:l.value-a-(e.distanceFromAnchor??0)},"right-start":{top:o.value,left:l.value+n.value+(e.distanceFromAnchor??0)},right:{top:o.value+(i.value-r.value)/2,left:l.value+n.value+(e.distanceFromAnchor??0)},"right-end":{top:o.value+(i.value-r.value),left:l.value+n.value+(e.distanceFromAnchor??0)}}[e.position];let W;switch(e.position){case"bottom-left":case"bottom":case"bottom-right":W=f.value-(o.value+i.value);break}d.value={top:c.top+"px",left:Math.min(Math.max(0,c.left),s.value-h.value)+"px",width:a+"px",maxHeight:W+"px"}}),H(()=>{document.body.appendChild(u.value)}),C(()=>{var t;(t=u.value)==null||t.remove()}),(t,a)=>(z(),M("div",{ref_key:"element",ref:u,class:"fixed z-50 max-h-screen max-w-screen overflow-auto w-auto",style:_({...d.value,visibility:y(p)?"visible":"hidden"})},[k(t.$slots,"default",B(V({isVisible:y(p)})))],4))}});export{j as default,$ as elClipToAnchorPositions};
-//# sourceMappingURL=ElClipToAnchor.vue.esm2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ElClipToAnchor.vue.esm2.js","sources":["../src/ElClipToAnchor.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elClipToAnchorPositions = [\n  'bottom-left',\n  'bottom',\n  'bottom-right',\n  'top-left',\n  'top',\n  'top-right',\n  'left-start',\n  'left',\n  'left-end',\n  'right-start',\n  'right',\n  'right-end',\n] as const;\nexport type ElClipToAnchorPosition = (typeof elClipToAnchorPositions)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { useElementBounding, useElementVisibility, useWindowSize } from '@vueuse/core';\nimport { CSSProperties, onBeforeUnmount, onMounted, ref, watch, computed, nextTick } from 'vue';\n\nconst props = defineProps<{\n  anchor: HTMLElement;\n  matchAnchorWidth?: boolean;\n  position: ElClipToAnchorPosition;\n  minWidth?: number;\n  distanceFromAnchor?: number;\n}>();\n\nconst element = ref<HTMLElement | null>(null);\nconst elementStyle = ref<Partial<Pick<CSSProperties, 'top' | 'left' | 'width' | 'maxHeight' | 'visibility'>>>();\n\nconst { top: anchorTop, left: anchorLeft, width: anchorWidth, height: anchorHeight } = useElementBounding(props.anchor);\nconst { width: elementWidth, height: elementHeight } = useElementBounding(element);\nconst { width: rawWindowWidth, height: rawWindowHeight } = useWindowSize();\n\nconst isAnchorVisible = useElementVisibility(props.anchor);\n\n// Calculate actual available window space accounting for scrollbars\nconst windowWidth = computed(() => {\n  const hasVerticalScrollbar = document.documentElement.scrollHeight > document.documentElement.clientHeight;\n  return hasVerticalScrollbar ? rawWindowWidth.value - getScrollbarWidth() : rawWindowWidth.value;\n});\n\nconst windowHeight = computed(() => {\n  const hasHorizontalScrollbar = document.documentElement.scrollWidth > document.documentElement.clientWidth;\n  return hasHorizontalScrollbar ? rawWindowHeight.value - getScrollbarWidth() : rawWindowHeight.value;\n});\n\nconst getScrollbarWidth = () => {\n  // Create a temporary div with scrollbars\n  const outer = document.createElement('div');\n  outer.style.visibility = 'hidden';\n  outer.style.overflow = 'scroll';\n  document.body.appendChild(outer);\n\n  // Create an inner div to calculate the width difference\n  const inner = document.createElement('div');\n  outer.appendChild(inner);\n  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;\n  outer.parentNode?.removeChild(outer);\n\n  return scrollbarWidth;\n};\n\nconst calculateElementStyle = async () => {\n  // Wait for next tick to ensure the element is rendered and measurable\n  await nextTick();\n\n  // Calculate width using the natural width instead of elementWidth.value\n  const baseWidth = props.matchAnchorWidth ? anchorWidth.value : elementWidth.value;\n\n  const calculatedElementWidth = Math.min(\n    props.minWidth && baseWidth < props.minWidth ? Math.max(props.minWidth, Math.min(elementWidth.value, anchorWidth.value)) : baseWidth,\n    windowWidth.value,\n  );\n\n  const positions: Record<ElClipToAnchorPosition, { top: number; left: number }> = {\n    'bottom-left': {\n      top: anchorHeight.value + anchorTop.value + (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value - calculatedElementWidth + anchorWidth.value,\n    },\n    bottom: {\n      top: anchorHeight.value + anchorTop.value + (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value + (anchorWidth.value - calculatedElementWidth) / 2,\n    },\n    'bottom-right': {\n      top: anchorHeight.value + anchorTop.value + (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value,\n    },\n    'top-left': {\n      top: anchorTop.value - elementHeight.value - (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value - calculatedElementWidth + anchorWidth.value,\n    },\n    top: {\n      top: anchorTop.value - elementHeight.value - (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value + (anchorWidth.value - calculatedElementWidth) / 2,\n    },\n    'top-right': {\n      top: anchorTop.value - elementHeight.value - (props.distanceFromAnchor ?? 0),\n      left: anchorLeft.value,\n    },\n    'left-start': {\n      top: anchorTop.value,\n      left: anchorLeft.value - calculatedElementWidth - (props.distanceFromAnchor ?? 0),\n    },\n    left: {\n      top: anchorTop.value + (anchorHeight.value - elementHeight.value) / 2,\n      left: anchorLeft.value - calculatedElementWidth - (props.distanceFromAnchor ?? 0),\n    },\n    'left-end': {\n      top: anchorTop.value + (anchorHeight.value - elementHeight.value),\n      left: anchorLeft.value - calculatedElementWidth - (props.distanceFromAnchor ?? 0),\n    },\n    'right-start': {\n      top: anchorTop.value,\n      left: anchorLeft.value + anchorWidth.value + (props.distanceFromAnchor ?? 0),\n    },\n    right: {\n      top: anchorTop.value + (anchorHeight.value - elementHeight.value) / 2,\n      left: anchorLeft.value + anchorWidth.value + (props.distanceFromAnchor ?? 0),\n    },\n    'right-end': {\n      top: anchorTop.value + (anchorHeight.value - elementHeight.value),\n      left: anchorLeft.value + anchorWidth.value + (props.distanceFromAnchor ?? 0),\n    },\n  };\n\n  const positionStyles = positions[props.position];\n\n  // Calculate the max height of the element to avoid overflowing the window and overlapping the anchor when positioned below the anchor\n  let maxHeight;\n  switch (props.position) {\n    case 'bottom-left':\n    case 'bottom':\n    case 'bottom-right':\n      maxHeight = windowHeight.value - (anchorTop.value + anchorHeight.value);\n      break;\n  }\n\n  // The left position should never overflow the window size\n  elementStyle.value = {\n    top: positionStyles.top + 'px',\n    left: Math.min(Math.max(0, positionStyles.left), windowWidth.value - elementWidth.value) + 'px',\n    width: calculatedElementWidth + 'px',\n    maxHeight: maxHeight + 'px',\n  };\n};\n\nwatch([anchorTop, anchorLeft, anchorWidth, anchorHeight, elementWidth, elementHeight, windowWidth, windowHeight], calculateElementStyle);\n\n// Using <Teleport to=\"body\"> will break the <Transition> component (eg. <ElTooltip/>), a PR has been already merged but not yet released\n// Issue: https://github.com/vuejs/core/issues/5836\n// PR:    https://github.com/vuejs/core/pull/6548\nonMounted(() => {\n  document.body.appendChild(element.value!);\n});\n\nonBeforeUnmount(() => {\n  element.value?.remove();\n});\n</script>\n\n<template>\n  <div\n    ref=\"element\"\n    class=\"fixed z-50 max-h-screen max-w-screen overflow-auto w-auto\"\n    :style=\"{ ...elementStyle, visibility: isAnchorVisible ? 'visible' : 'hidden' }\"\n  >\n    <slot v-bind=\"{ isVisible: isAnchorVisible }\" />\n  </div>\n</template>\n"],"names":["elClipToAnchorPositions","props","__props","element","ref","elementStyle","anchorTop","anchorLeft","anchorWidth","anchorHeight","useElementBounding","elementWidth","elementHeight","rawWindowWidth","rawWindowHeight","useWindowSize","isAnchorVisible","useElementVisibility","windowWidth","computed","getScrollbarWidth","windowHeight","outer","inner","scrollbarWidth","_a","watch","nextTick","baseWidth","calculatedElementWidth","positionStyles","maxHeight","onMounted","onBeforeUnmount"],"mappings":"uXACO,MAAMA,EAA0B,CACrC,cACA,SACA,eACA,WACA,MACA,YACA,aACA,OACA,WACA,cACA,QACA,WACF,wIAQA,MAAMC,EAAQC,EAQRC,EAAUC,EAAwB,IAAI,EACtCC,EAAeD,IAEf,CAAE,IAAKE,EAAW,KAAMC,EAAY,MAAOC,EAAa,OAAQC,CAAa,EAAIC,EAAmBT,EAAM,MAAM,EAChH,CAAE,MAAOU,EAAc,OAAQC,GAAkBF,EAAmBP,CAAO,EAC3E,CAAE,MAAOU,EAAgB,OAAQC,CAAA,EAAoBC,IAErDC,EAAkBC,EAAqBhB,EAAM,MAAM,EAGnDiB,EAAcC,EAAS,IACE,SAAS,gBAAgB,aAAe,SAAS,gBAAgB,aAChEN,EAAe,MAAQO,IAAsBP,EAAe,KAC3F,EAEKQ,EAAeF,EAAS,IACG,SAAS,gBAAgB,YAAc,SAAS,gBAAgB,YAC/DL,EAAgB,MAAQM,IAAsBN,EAAgB,KAC/F,EAEKM,EAAoB,IAAM,OAExB,MAAAE,EAAQ,SAAS,cAAc,KAAK,EAC1CA,EAAM,MAAM,WAAa,SACzBA,EAAM,MAAM,SAAW,SACd,SAAA,KAAK,YAAYA,CAAK,EAGzB,MAAAC,EAAQ,SAAS,cAAc,KAAK,EAC1CD,EAAM,YAAYC,CAAK,EACjB,MAAAC,EAAiBF,EAAM,YAAcC,EAAM,YAC3C,OAAAE,EAAAH,EAAA,aAAA,MAAAG,EAAY,YAAYH,GAEvBE,CAAA,EAuFH,OAAAE,EAAA,CAACpB,EAAWC,EAAYC,EAAaC,EAAcE,EAAcC,EAAeM,EAAaG,CAAY,EApFjF,SAAY,CAExC,MAAMM,EAAS,EAGf,MAAMC,EAAY3B,EAAM,iBAAmBO,EAAY,MAAQG,EAAa,MAEtEkB,EAAyB,KAAK,IAClC5B,EAAM,UAAY2B,EAAY3B,EAAM,SAAW,KAAK,IAAIA,EAAM,SAAU,KAAK,IAAIU,EAAa,MAAOH,EAAY,KAAK,CAAC,EAAIoB,EAC3HV,EAAY,KAAA,EAsDRY,EAnD2E,CAC/E,cAAe,CACb,IAAKrB,EAAa,MAAQH,EAAU,OAASL,EAAM,oBAAsB,GACzE,KAAMM,EAAW,MAAQsB,EAAyBrB,EAAY,KAChE,EACA,OAAQ,CACN,IAAKC,EAAa,MAAQH,EAAU,OAASL,EAAM,oBAAsB,GACzE,KAAMM,EAAW,OAASC,EAAY,MAAQqB,GAA0B,CAC1E,EACA,eAAgB,CACd,IAAKpB,EAAa,MAAQH,EAAU,OAASL,EAAM,oBAAsB,GACzE,KAAMM,EAAW,KACnB,EACA,WAAY,CACV,IAAKD,EAAU,MAAQM,EAAc,OAASX,EAAM,oBAAsB,GAC1E,KAAMM,EAAW,MAAQsB,EAAyBrB,EAAY,KAChE,EACA,IAAK,CACH,IAAKF,EAAU,MAAQM,EAAc,OAASX,EAAM,oBAAsB,GAC1E,KAAMM,EAAW,OAASC,EAAY,MAAQqB,GAA0B,CAC1E,EACA,YAAa,CACX,IAAKvB,EAAU,MAAQM,EAAc,OAASX,EAAM,oBAAsB,GAC1E,KAAMM,EAAW,KACnB,EACA,aAAc,CACZ,IAAKD,EAAU,MACf,KAAMC,EAAW,MAAQsB,GAA0B5B,EAAM,oBAAsB,EACjF,EACA,KAAM,CACJ,IAAKK,EAAU,OAASG,EAAa,MAAQG,EAAc,OAAS,EACpE,KAAML,EAAW,MAAQsB,GAA0B5B,EAAM,oBAAsB,EACjF,EACA,WAAY,CACV,IAAKK,EAAU,OAASG,EAAa,MAAQG,EAAc,OAC3D,KAAML,EAAW,MAAQsB,GAA0B5B,EAAM,oBAAsB,EACjF,EACA,cAAe,CACb,IAAKK,EAAU,MACf,KAAMC,EAAW,MAAQC,EAAY,OAASP,EAAM,oBAAsB,EAC5E,EACA,MAAO,CACL,IAAKK,EAAU,OAASG,EAAa,MAAQG,EAAc,OAAS,EACpE,KAAML,EAAW,MAAQC,EAAY,OAASP,EAAM,oBAAsB,EAC5E,EACA,YAAa,CACX,IAAKK,EAAU,OAASG,EAAa,MAAQG,EAAc,OAC3D,KAAML,EAAW,MAAQC,EAAY,OAASP,EAAM,oBAAsB,EAC5E,CAAA,EAG+BA,EAAM,QAAQ,EAG3C,IAAA8B,EACJ,OAAQ9B,EAAM,SAAU,CACtB,IAAK,cACL,IAAK,SACL,IAAK,eACH8B,EAAYV,EAAa,OAASf,EAAU,MAAQG,EAAa,OACjE,KACJ,CAGAJ,EAAa,MAAQ,CACnB,IAAKyB,EAAe,IAAM,KAC1B,KAAM,KAAK,IAAI,KAAK,IAAI,EAAGA,EAAe,IAAI,EAAGZ,EAAY,MAAQP,EAAa,KAAK,EAAI,KAC3F,MAAOkB,EAAyB,KAChC,UAAWE,EAAY,IAAA,CACzB,CAGqI,EAKvIC,EAAU,IAAM,CACL,SAAA,KAAK,YAAY7B,EAAQ,KAAM,CAAA,CACzC,EAED8B,EAAgB,IAAM,QACpBR,EAAAtB,EAAQ,QAAR,MAAAsB,EAAe,QAAO,CACvB"}

package/dist/ElContainerTemplate.vue.cjs2.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css               */require("./polyfills.cjs.js");require("vee-validate");require("./node_modules/codice-fiscale-js/dist/codice.fiscale.commonjs2.cjs.js");require("./node_modules/lodash/lodash.cjs.js");require("./tailwind.plugin.cjs.js");require("./node_modules/@davincihealthcare/elty-design-system-foundations/dist/index.cjs.js");const u=require("./ElDrawer.vue.cjs2.js");require("./forms/ElInputCheckbox.vue.cjs2.js");require("./forms/ElInputDate.vue.cjs2.js");require("./forms/ElInputFile.vue.cjs2.js");require("./forms/ElInputMeasureUnit.vue.cjs2.js");require("./forms/ElInputNumber.vue.cjs2.js");require("./forms/ElInputPhone.vue.cjs2.js");require("./forms/ElInputSelect.vue.cjs2.js");require("./forms/ElInputText.vue.cjs2.js");require("./forms/ElInputTextarea.vue.cjs2.js");const c=require("./ElTabGroup.vue.cjs2.js");require("./ElToast.vue.cjs2.js");require("./forms/ElInputRadioButton.vue.cjs2.js");require("./node_modules/swiper/shared/swiper-core.cjs.js");;/* empty css                                    */;/* empty css                                                */require("./forms/ElInputSearch.vue.cjs2.js");require("./forms/ElInputAutocomplete.vue.cjs2.js");const m={class:"rounded-3xl border shadow-md border-neutral-surface bg-neutral-surface overflow-hidden"},p={class:"px-4 py-8 flex justify-between items-center text-neutral-darker"},q={class:"flex flex-col gap-5"},_={class:"text-3xl font-semibold"},v={key:0,class:"text-sm"},b={class:"flex items-center gap-2"},f={class:"min-w-44"},V={class:"px-4 pb-6"},h={key:1,class:"flex"},E={class:"min-w-72"},N={class:"flex-1 w-full"},g=["table","drawer"],k=e.defineComponent({__name:"ElContainerTemplate",props:{title:{},description:{},tabs:{},selectedTab:{},variant:{}},emits:["onTabChange"],setup(s,{emit:a}){const i=s,d=a,l=e.ref(i.selectedTab||"");return(t,r)=>{var n;return e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("div",p,[e.createElementVNode("div",q,[e.createElementVNode("h1",_,e.toDisplayString(t.title),1),(n=t.description)!=null&&n.length?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",b,[e.createElementVNode("div",f,[e.renderSlot(t.$slots,"input-select")]),e.renderSlot(t.$slots,"secondary-button"),e.renderSlot(t.$slots,"primary-button"),e.renderSlot(t.$slots,"icon-button")])]),e.createElementVNode("div",V,[t.tabs?(e.openBlock(),e.createBlock(c.default,e.mergeProps({key:0},t.tabs,{modelValue:l.value,"onUpdate:modelValue":[r[0]||(r[0]=o=>l.value=o),r[1]||(r[1]=o=>d("onTabChange",o))]}),null,16,["modelValue"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",null,[t.variant.name==="table"?e.renderSlot(t.$slots,"table",{key:0}):e.createCommentVNode("",!0),t.variant.name==="drawer"?(e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("div",E,[e.createVNode(e.unref(u.default),{headline:t.variant.drawerTitle},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"drawer-content")]),_:3},8,["headline"])]),e.createElementVNode("div",N,[e.renderSlot(t.$slots,"content-slot")])])):e.createCommentVNode("",!0)])])}}});exports.default=k;exports.elContainerTemplateVariants=g;
-//# sourceMappingURL=ElContainerTemplate.vue.cjs2.js.map

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"}