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

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

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

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

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

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

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

package/dist/{ElIconButton.vue.cjs2.js → src/ElIconButton.vue.cjs2.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),d=require("./ElIcon.vue.cjs2.js"),u=require("./ElBadge.vue.cjs2.js"),p=require("./ElTooltip.vue.cjs2.js"),c=["data-cy"],m={key:0,class:"inline-flex items-center justify-center"},h=o.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),g=o.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=[h,g],b=["xs","sm","base","l","xl"],f=o.defineComponent({__name:"ElIconButton",props:{icon:{},tooltip:{default:void 0},tooltipDelay:{default:600},disabled:{type:Boolean,default:!1},size:{default:"base"},loading:{type:Boolean,default:!1},badge:{type:[String,Boolean],default:!1},badgeColor:{default:"primary"},error:{type:Boolean,default:!1},showTooltipOnMobile:{type:Boolean,default:!1}},emits:["click"],setup(i,{emit:a}){const l=i,r=a,n=o.computed(()=>l.badge!==!1&&!l.error&&!l.disabled&&!l.loading),t=o.computed(()=>l.disabled||l.loading||!1);return(e,s)=>(o.openBlock(),o.createBlock(p.default,{title:e.tooltip??"",position:"top-right","delay-time":l.tooltipDelay,"hide-on-mobile":!e.showTooltipOnMobile},{default:o.withCtx(()=>[o.createElementVNode("button",{class:o.normalizeClass(["relative flex items-center justify-center outline-none",{"h-6 w-6 rounded":e.size==="xs","h-7 w-7 rounded":e.size==="sm","h-8 w-8 rounded-md":e.size==="base","h-10 w-10 rounded-md":e.size==="l","h-12 w-12 rounded-md":e.size==="xl","cursor-not-allowed":t.value,"text-neutral-inactive":t.value,"hover:bg-error-light-hover focus:bg-error-light-pressed text-error bg-transparent":!t.value&&e.error,"text-primary hover:text-primary-hover focus:text-primary-pressed active:text-primary-pressed hover:bg-primary-light-hover focus:bg-primary-light-pressed active:bg-primary-light-pressed":!t.value&&!e.error}]),type:"button","data-cy":e.tooltip?`${e.tooltip.trim().replaceAll(" ","")}-icon-button`:"icon-button",onClick:s[0]||(s[0]=y=>t.value?void 0:r("click"))},[e.loading?(o.openBlock(),o.createElementBlock("span",m,[(o.openBlock(),o.createElementBlock("svg",{class:o.normalizeClass(["animate-spin",{"h-4 w-4":e.size==="xs","h-5 w-5":e.size==="sm","h-6 w-6":e.size==="base","h-8 w-8":e.size==="l","h-10 w-10":e.size==="xl"}]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},v,2))])):(o.openBlock(),o.createBlock(d.default,{key:1,disabled:t.value,name:e.icon.name,solid:e.icon.solid,class:o.normalizeClass(["transition duration-150 ease-in-out",{"h-4 w-4":e.size==="xs","h-5 w-5":e.size==="sm","h-6 w-6":e.size==="base","h-8 w-8":e.size==="l","h-10 w-10":e.size==="xl"}])},null,8,["disabled","name","solid","class"])),n.value?(o.openBlock(),o.createBlock(u.default,{key:2,color:l.badgeColor,value:typeof e.badge=="string"?e.badge:void 0,class:o.normalizeClass({"top-[2px] right-[1px]":e.size==="xs","top-[2px] right-[2px]":e.size==="sm","top-[4px] right-[4px]":e.size==="base","top-[5px] right-[5px]":e.size==="l","top-[6px] right-[6px]":e.size==="xl"})},null,8,["color","value","class"])):o.createCommentVNode("",!0)],10,c)]),_:1},8,["title","delay-time","hide-on-mobile"]))}});exports.default=f;exports.elIconButtonSizes=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),d=require("./ElIcon.vue.cjs2.js"),u=require("./ElBadge.vue.cjs2.js"),p=require("./ElTooltip.vue.cjs2.js"),c=["data-cy"],m={key:0,class:"inline-flex items-center justify-center"},h=o.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),g=o.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=[h,g],b=["xs","sm","base","l","xl"],f=o.defineComponent({__name:"ElIconButton",props:{icon:{},tooltip:{default:void 0},tooltipDelay:{default:600},disabled:{type:Boolean,default:!1},size:{default:"base"},loading:{type:Boolean,default:!1},badge:{type:[String,Boolean],default:!1},badgeColor:{default:"primary"},error:{type:Boolean,default:!1},showTooltipOnMobile:{type:Boolean,default:!1}},emits:["click"],setup(i,{emit:a}){const l=i,r=a,n=o.computed(()=>l.badge!==!1&&!l.error&&!l.disabled&&!l.loading),t=o.computed(()=>l.disabled||l.loading||!1);return(e,s)=>(o.openBlock(),o.createBlock(p.default,{title:e.tooltip??"",position:"top-right","delay-time":l.tooltipDelay,"hide-on-mobile":!e.showTooltipOnMobile},{default:o.withCtx(()=>[o.createElementVNode("button",{class:o.normalizeClass(["relative flex items-center justify-center outline-none",{"h-6 w-6 rounded":e.size==="xs","h-7 w-7 rounded":e.size==="sm","h-8 w-8 rounded-md":e.size==="base","h-10 w-10 rounded-md":e.size==="l","h-12 w-12 rounded-md":e.size==="xl","cursor-not-allowed":t.value,"text-neutral-inactive":t.value,"hover:bg-error-light-hover focus:bg-error-light-pressed text-error bg-transparent":!t.value&&e.error,"text-primary hover:text-primary-hover active:text-primary-pressed hover:bg-primary-light-hover active:bg-primary-light-pressed":!t.value&&!e.error}]),type:"button","data-cy":e.tooltip?`${e.tooltip.trim().replaceAll(" ","")}-icon-button`:"icon-button",onClick:s[0]||(s[0]=y=>t.value?void 0:r("click"))},[e.loading?(o.openBlock(),o.createElementBlock("span",m,[(o.openBlock(),o.createElementBlock("svg",{class:o.normalizeClass(["animate-spin",{"h-4 w-4":e.size==="xs","h-5 w-5":e.size==="sm","h-6 w-6":e.size==="base","h-8 w-8":e.size==="l","h-10 w-10":e.size==="xl"}]),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},v,2))])):(o.openBlock(),o.createBlock(d.default,{key:1,disabled:t.value,name:e.icon.name,solid:e.icon.solid,class:o.normalizeClass(["transition duration-150 ease-in-out",{"h-4 w-4":e.size==="xs","h-5 w-5":e.size==="sm","h-6 w-6":e.size==="base","h-8 w-8":e.size==="l","h-10 w-10":e.size==="xl"}])},null,8,["disabled","name","solid","class"])),n.value?(o.openBlock(),o.createBlock(u.default,{key:2,color:l.badgeColor,value:typeof e.badge=="string"?e.badge:void 0,class:o.normalizeClass({"top-[2px] right-[1px]":e.size==="xs","top-[2px] right-[2px]":e.size==="sm","top-[4px] right-[4px]":e.size==="base","top-[5px] right-[5px]":e.size==="l","top-[6px] right-[6px]":e.size==="xl"})},null,8,["color","value","class"])):o.createCommentVNode("",!0)],10,c)]),_:1},8,["title","delay-time","hide-on-mobile"]))}});exports.default=f;exports.elIconButtonSizes=b;
 //# sourceMappingURL=ElIconButton.vue.cjs2.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElTabs.vue.cjs2.js","sources":["../../src/ElTabs.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * @deprecated Use ElTabGroup instead\n */\nimport ElTab from '@/ElTab.vue';\n\nconst props = defineProps<{\n  modelValue: string;\n  tabs: {\n    label: string;\n    disabled?: boolean;\n  }[];\n}>();\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', modelValue: string): void;\n}>();\n\nconst onClick = (tab: string) => {\n  emit('update:modelValue', tab);\n};\n\nconst getTabStatus = (tab: { label: string; disabled?: boolean }) => {\n  if (tab.disabled) return 'inactive';\n  if (tab.label === props.modelValue) return 'active';\n  return 'default';\n};\n</script>\n\n<template>\n  <div class=\"inline-block\">\n    <div class=\"flex\">\n      <ElTab\n        v-for=\"(tab, index) in tabs\"\n        :key=\"`tab-${index}`\"\n        class=\"grow\"\n        :label=\"tab.label\"\n        :status=\"getTabStatus(tab)\"\n        @click=\"onClick(tab.label)\"\n      ></ElTab>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","onClick","tab","getTabStatus"],"mappings":"+TAMA,MAAMA,EAAQC,EAQRC,EAAOC,EAIPC,EAAWC,GAAgB,CAC/BH,EAAK,oBAAqBG,CAAG,CAAA,EAGzBC,EAAgBD,GAChBA,EAAI,SAAiB,WACrBA,EAAI,QAAUL,EAAM,WAAmB,SACpC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElTabs.vue.esm2.js","sources":["../../src/ElTabs.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * @deprecated Use ElTabGroup instead\n */\nimport ElTab from '@/ElTab.vue';\n\nconst props = defineProps<{\n  modelValue: string;\n  tabs: {\n    label: string;\n    disabled?: boolean;\n  }[];\n}>();\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', modelValue: string): void;\n}>();\n\nconst onClick = (tab: string) => {\n  emit('update:modelValue', tab);\n};\n\nconst getTabStatus = (tab: { label: string; disabled?: boolean }) => {\n  if (tab.disabled) return 'inactive';\n  if (tab.label === props.modelValue) return 'active';\n  return 'default';\n};\n</script>\n\n<template>\n  <div class=\"inline-block\">\n    <div class=\"flex\">\n      <ElTab\n        v-for=\"(tab, index) in tabs\"\n        :key=\"`tab-${index}`\"\n        class=\"grow\"\n        :label=\"tab.label\"\n        :status=\"getTabStatus(tab)\"\n        @click=\"onClick(tab.label)\"\n      ></ElTab>\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","onClick","tab","getTabStatus"],"mappings":"wUAMA,MAAMA,EAAQC,EAQRC,EAAOC,EAIPC,EAAWC,GAAgB,CAC/BH,EAAK,oBAAqBG,CAAG,CAAA,EAGzBC,EAAgBD,GAChBA,EAAI,SAAiB,WACrBA,EAAI,QAAUL,EAAM,WAAmB,SACpC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElTag.vue.cjs2.js","sources":["../../src/ElTag.vue"],"sourcesContent":["// v2 Component, see MIGRATION.md for more information\n\n<script lang=\"ts\">\nexport const elTagColors = [\n  'brand-blue',\n  'rose',\n  'pink',\n  'purple',\n  'indigo',\n  'blue',\n  'cyan',\n  'gray',\n  'brand-green',\n  'green',\n  'yellow',\n  'orange',\n  'red',\n] as const;\nexport type ElTagColor = (typeof elTagColors)[number];\n\nexport const elTagSizes = ['xxs', 'xs'] as const;\nexport type ElTagSize = (typeof elTagSizes)[number];\n\nexport const elTagAppearance = ['filled', 'outlined'] as const;\nexport type ElTagAppearance = (typeof elTagAppearance)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport ElIcon, { ElIconProps } from '@/ElIcon.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    text: string;\n    color?: ElTagColor;\n    size?: ElTagSize;\n    appearance?: ElTagAppearance;\n    leadingIcon?: ElIconProps;\n    trailingIcon?: ElIconProps;\n  }>(),\n  {\n    color: 'brand-blue',\n    size: 'xxs',\n    appearance: 'filled',\n    leadingIcon: undefined,\n    trailingIcon: undefined,\n  },\n);\n\nconst colorClasses = computed<string>(() => {\n  switch (props.color) {\n    case 'rose':\n      return 'bg-rose-50 text-rose-700';\n    case 'pink':\n      return 'bg-pink-50 text-pink-700';\n    case 'purple':\n      return 'bg-purple-50 text-purple-700';\n    case 'indigo':\n      return 'bg-indigo-50 text-indigo-700';\n    case 'blue':\n      return 'bg-blue-50 text-blue-700';\n    case 'cyan':\n      return 'bg-cyan-50 text-cyan-700';\n    case 'gray':\n      return 'bg-gray-100 text-neutral-darker';\n    case 'brand-green':\n      return 'bg-brandGreen-100 text-brandGreen-700';\n    case 'green':\n      return 'bg-green-50 text-green-700';\n    case 'yellow':\n      return 'bg-yellow-50 text-yellow-700';\n    case 'orange':\n      return 'bg-orange-50 text-orange-700';\n    case 'red':\n      return 'bg-red-50 text-red-700';\n    case 'brand-blue':\n    default:\n      return 'bg-brandBlue-200 text-brandBlue-800';\n  }\n});\n\nconst colorOutlineClasses = computed(() => {\n  switch (props.color) {\n    case 'rose':\n      return 'text-rose-500 border border-rose-500';\n    case 'pink':\n      return 'text-pink-500 border border-pink-500';\n    case 'purple':\n      return 'text-purple-600 border border-purple-600';\n    case 'indigo':\n      return 'text-indigo-500 border border-indigo-500';\n    case 'blue':\n      return 'text-blue-500 border border-blue-500';\n    case 'cyan':\n      return 'text-cyan-500 border border-cyan-500';\n    case 'gray':\n      return 'text-neutral-lighter border border-gray-500';\n    case 'brand-green':\n      return 'text-brandGreen-700 border border-brandGreen-500';\n    case 'green':\n      return 'text-green-500 border border-green-500';\n    case 'yellow':\n      return 'text-yellow-500 border border-yellow-500';\n    case 'orange':\n      return 'text-orange-500 border border-orange-500';\n    case 'red':\n      return 'text-red-500 border border-red-500';\n    case 'brand-blue':\n    default:\n      return 'text-brandBlue-800 border border-brandBlue-800';\n  }\n});\n</script>\n\n<template>\n  <div\n    class=\"inline-flex items-center gap-1 rounded-full\"\n    :class=\"[\n      {\n        'h-5 px-2': size === 'xxs',\n        'h-6 px-3': size === 'xs',\n      },\n      appearance === 'outlined' ? colorOutlineClasses : colorClasses,\n    ]\"\n  >\n    <ElIcon\n      v-if=\"leadingIcon\"\n      :name=\"leadingIcon.name\"\n      :solid=\"leadingIcon.solid\"\n      :class=\"{ 'h-2 w-2': size === 'xxs', 'h-3 w-3': size === 'xs' }\"\n      disabled\n    />\n\n    <span v-if=\"text.length\" class=\"text-xs\">\n      {{ text }}\n    </span>\n    <ElIcon\n      v-if=\"trailingIcon\"\n      :name=\"trailingIcon.name\"\n      :solid=\"trailingIcon.solid\"\n      :class=\"{ 'h-2 w-2': size === 'xxs', 'h-3 w-3': size === 'xs' }\"\n      disabled\n    />\n  </div>\n</template>\n"],"names":["elTagColors","elTagSizes","elTagAppearance","props","__props","colorClasses","computed","colorOutlineClasses"],"mappings":"+LAGaA,EAAc,CACzB,aACA,OACA,OACA,SACA,SACA,OACA,OACA,OACA,cACA,QACA,SACA,SACA,KACF,EAGaC,EAAa,CAAC,MAAO,IAAI,EAGzBC,EAAkB,CAAC,SAAU,UAAU,0MAQpD,MAAMC,EAAQC,EAkBRC,EAAeC,EAAAA,SAAiB,IAAM,CAC1C,OAAQH,EAAM,MAAO,CACnB,IAAK,OACI,MAAA,2BACT,IAAK,OACI,MAAA,2BACT,IAAK,SACI,MAAA,+BACT,IAAK,SACI,MAAA,+BACT,IAAK,OACI,MAAA,2BACT,IAAK,OACI,MAAA,2BACT,IAAK,OACI,MAAA,kCACT,IAAK,cACI,MAAA,wCACT,IAAK,QACI,MAAA,6BACT,IAAK,SACI,MAAA,+BACT,IAAK,SACI,MAAA,+BACT,IAAK,MACI,MAAA,yBACT,IAAK,aACL,QACS,MAAA,qCACX,CAAA,CACD,EAEKI,EAAsBD,EAAAA,SAAS,IAAM,CACzC,OAAQH,EAAM,MAAO,CACnB,IAAK,OACI,MAAA,uCACT,IAAK,OACI,MAAA,uCACT,IAAK,SACI,MAAA,2CACT,IAAK,SACI,MAAA,2CACT,IAAK,OACI,MAAA,uCACT,IAAK,OACI,MAAA,uCACT,IAAK,OACI,MAAA,8CACT,IAAK,cACI,MAAA,mDACT,IAAK,QACI,MAAA,yCACT,IAAK,SACI,MAAA,2CACT,IAAK,SACI,MAAA,2CACT,IAAK,MACI,MAAA,qCACT,IAAK,aACL,QACS,MAAA,gDACX,CAAA,CACD"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElTag.vue.esm2.js","sources":["../../src/ElTag.vue"],"sourcesContent":["// v2 Component, see MIGRATION.md for more information\n\n<script lang=\"ts\">\nexport const elTagColors = [\n  'brand-blue',\n  'rose',\n  'pink',\n  'purple',\n  'indigo',\n  'blue',\n  'cyan',\n  'gray',\n  'brand-green',\n  'green',\n  'yellow',\n  'orange',\n  'red',\n] as const;\nexport type ElTagColor = (typeof elTagColors)[number];\n\nexport const elTagSizes = ['xxs', 'xs'] as const;\nexport type ElTagSize = (typeof elTagSizes)[number];\n\nexport const elTagAppearance = ['filled', 'outlined'] as const;\nexport type ElTagAppearance = (typeof elTagAppearance)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport ElIcon, { ElIconProps } from '@/ElIcon.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    text: string;\n    color?: ElTagColor;\n    size?: ElTagSize;\n    appearance?: ElTagAppearance;\n    leadingIcon?: ElIconProps;\n    trailingIcon?: ElIconProps;\n  }>(),\n  {\n    color: 'brand-blue',\n    size: 'xxs',\n    appearance: 'filled',\n    leadingIcon: undefined,\n    trailingIcon: undefined,\n  },\n);\n\nconst colorClasses = computed<string>(() => {\n  switch (props.color) {\n    case 'rose':\n      return 'bg-rose-50 text-rose-700';\n    case 'pink':\n      return 'bg-pink-50 text-pink-700';\n    case 'purple':\n      return 'bg-purple-50 text-purple-700';\n    case 'indigo':\n      return 'bg-indigo-50 text-indigo-700';\n    case 'blue':\n      return 'bg-blue-50 text-blue-700';\n    case 'cyan':\n      return 'bg-cyan-50 text-cyan-700';\n    case 'gray':\n      return 'bg-gray-100 text-neutral-darker';\n    case 'brand-green':\n      return 'bg-brandGreen-100 text-brandGreen-700';\n    case 'green':\n      return 'bg-green-50 text-green-700';\n    case 'yellow':\n      return 'bg-yellow-50 text-yellow-700';\n    case 'orange':\n      return 'bg-orange-50 text-orange-700';\n    case 'red':\n      return 'bg-red-50 text-red-700';\n    case 'brand-blue':\n    default:\n      return 'bg-brandBlue-200 text-brandBlue-800';\n  }\n});\n\nconst colorOutlineClasses = computed(() => {\n  switch (props.color) {\n    case 'rose':\n      return 'text-rose-500 border border-rose-500';\n    case 'pink':\n      return 'text-pink-500 border border-pink-500';\n    case 'purple':\n      return 'text-purple-600 border border-purple-600';\n    case 'indigo':\n      return 'text-indigo-500 border border-indigo-500';\n    case 'blue':\n      return 'text-blue-500 border border-blue-500';\n    case 'cyan':\n      return 'text-cyan-500 border border-cyan-500';\n    case 'gray':\n      return 'text-neutral-lighter border border-gray-500';\n    case 'brand-green':\n      return 'text-brandGreen-700 border border-brandGreen-500';\n    case 'green':\n      return 'text-green-500 border border-green-500';\n    case 'yellow':\n      return 'text-yellow-500 border border-yellow-500';\n    case 'orange':\n      return 'text-orange-500 border border-orange-500';\n    case 'red':\n      return 'text-red-500 border border-red-500';\n    case 'brand-blue':\n    default:\n      return 'text-brandBlue-800 border border-brandBlue-800';\n  }\n});\n</script>\n\n<template>\n  <div\n    class=\"inline-flex items-center gap-1 rounded-full\"\n    :class=\"[\n      {\n        'h-5 px-2': size === 'xxs',\n        'h-6 px-3': size === 'xs',\n      },\n      appearance === 'outlined' ? colorOutlineClasses : colorClasses,\n    ]\"\n  >\n    <ElIcon\n      v-if=\"leadingIcon\"\n      :name=\"leadingIcon.name\"\n      :solid=\"leadingIcon.solid\"\n      :class=\"{ 'h-2 w-2': size === 'xxs', 'h-3 w-3': size === 'xs' }\"\n      disabled\n    />\n\n    <span v-if=\"text.length\" class=\"text-xs\">\n      {{ text }}\n    </span>\n    <ElIcon\n      v-if=\"trailingIcon\"\n      :name=\"trailingIcon.name\"\n      :solid=\"trailingIcon.solid\"\n      :class=\"{ 'h-2 w-2': size === 'xxs', 'h-3 w-3': size === 'xs' }\"\n      disabled\n    />\n  </div>\n</template>\n"],"names":["elTagColors","elTagSizes","elTagAppearance","props","__props","colorClasses","computed","colorOutlineClasses"],"mappings":"iPAGaA,EAAc,CACzB,aACA,OACA,OACA,SACA,SACA,OACA,OACA,OACA,cACA,QACA,SACA,SACA,KACF,EAGaC,EAAa,CAAC,MAAO,IAAI,EAGzBC,EAAkB,CAAC,SAAU,UAAU,0LAQpD,MAAMC,EAAQC,EAkBRC,EAAeC,EAAiB,IAAM,CAC1C,OAAQH,EAAM,MAAO,CACnB,IAAK,OACI,MAAA,2BACT,IAAK,OACI,MAAA,2BACT,IAAK,SACI,MAAA,+BACT,IAAK,SACI,MAAA,+BACT,IAAK,OACI,MAAA,2BACT,IAAK,OACI,MAAA,2BACT,IAAK,OACI,MAAA,kCACT,IAAK,cACI,MAAA,wCACT,IAAK,QACI,MAAA,6BACT,IAAK,SACI,MAAA,+BACT,IAAK,SACI,MAAA,+BACT,IAAK,MACI,MAAA,yBACT,IAAK,aACL,QACS,MAAA,qCACX,CAAA,CACD,EAEKI,EAAsBD,EAAS,IAAM,CACzC,OAAQH,EAAM,MAAO,CACnB,IAAK,OACI,MAAA,uCACT,IAAK,OACI,MAAA,uCACT,IAAK,SACI,MAAA,2CACT,IAAK,SACI,MAAA,2CACT,IAAK,OACI,MAAA,uCACT,IAAK,OACI,MAAA,uCACT,IAAK,OACI,MAAA,8CACT,IAAK,cACI,MAAA,mDACT,IAAK,QACI,MAAA,yCACT,IAAK,SACI,MAAA,2CACT,IAAK,SACI,MAAA,2CACT,IAAK,MACI,MAAA,qCACT,IAAK,aACL,QACS,MAAA,gDACX,CAAA,CACD"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./ElTooltip.vue.cjs2.js"),a=["normal","medium","underline"],u=["neutral","orange","error"],o=(l,r)=>{if(r==="underline")return"text-brandBlue-500";if(l){if(l==="orange")return"text-orange-500";if(l==="error")return"text-error-active"}return"text-neutral-darker"},i=e.defineComponent({__name:"ElTextCell",props:{label:{},style:{default:"normal"},colorText:{default:void 0}},setup(l){const r=l,n=e.computed(()=>o(r.colorText,r.style));return(t,d)=>(e.openBlock(),e.createBlock(s.default,{title:t.label.length>20?t.label:""},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["text-sm overflow-hidden text-ellipsis",t.style==="normal"&&"font-normal",t.style==="medium"&&"font-medium",t.style==="underline"&&"font-semibold underline",n.value])},e.toDisplayString(t.label),3)]),_:1},8,["title"]))}});exports.default=i;exports.elTextCellColors=u;exports.elTextCellStyles=a;exports.getTextColorClass=o;
+//# sourceMappingURL=ElTextCell.vue.cjs2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElTextCell.vue.cjs2.js","sources":["../../src/ElTextCell.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elTextCellStyles = ['normal', 'medium', 'underline'] as const;\nexport type ElTextCellStyle = (typeof elTextCellStyles)[number];\n\nexport const elTextCellColors = ['neutral', 'orange', 'error'] as const;\nexport type ElTextCellColor = (typeof elTextCellColors)[number];\n\nexport const getTextColorClass = (color?: ElTextCellColor, style?: ElTextCellStyle) => {\n  if (style === 'underline') return 'text-brandBlue-500';\n  if (color) {\n    if (color === 'orange') return 'text-orange-500';\n    if (color === 'error') return 'text-error-active';\n  }\n  return 'text-neutral-darker';\n};\n</script>\n\n<script setup lang=\"ts\">\nimport ElTooltip from './ElTooltip.vue';\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    label: string;\n    style?: ElTextCellStyle;\n    colorText?: ElTextCellColor;\n  }>(),\n  {\n    style: 'normal',\n    colorText: undefined,\n  },\n);\n\nconst textColorClass = computed((): string => getTextColorClass(props.colorText, props.style));\n</script>\n\n<template>\n  <ElTooltip :title=\"label.length > 20 ? label : ''\">\n    <div\n      :class=\"[\n        'text-sm overflow-hidden text-ellipsis',\n        style === 'normal' && 'font-normal',\n        style === 'medium' && 'font-medium',\n        style === 'underline' && 'font-semibold underline',\n        textColorClass,\n      ]\"\n    >\n      {{ label }}\n    </div>\n  </ElTooltip>\n</template>\n"],"names":["elTextCellStyles","elTextCellColors","getTextColorClass","color","style","props","__props","textColorClass","computed"],"mappings":"wKACaA,EAAmB,CAAC,SAAU,SAAU,WAAW,EAGnDC,EAAmB,CAAC,UAAW,SAAU,OAAO,EAGhDC,EAAoB,CAACC,EAAyBC,IAA4B,CACrF,GAAIA,IAAU,YAAoB,MAAA,qBAClC,GAAID,EAAO,CACT,GAAIA,IAAU,SAAiB,MAAA,kBAC/B,GAAIA,IAAU,QAAgB,MAAA,mBAChC,CACO,MAAA,qBACT,yHAOA,MAAME,EAAQC,EAYRC,EAAiBC,WAAS,IAAcN,EAAkBG,EAAM,UAAWA,EAAM,KAAK,CAAC"}

package/dist/{ElTextCell.vue.esm2.js → src/ElTextCell.vue.esm2.js}

@@ -1,2 +1,2 @@
-import{defineComponent as n,computed as o,openBlock as a,createBlock as s,withCtx as i,createElementVNode as m,normalizeClass as u,toDisplayString as d}from"vue";import f from"./ElTooltip.vue.esm2.js";const y=["normal","medium","underline"],b=["neutral","orange","error"],p=(t,l)=>{if(l==="underline")return"text-brandBlue-500";if(t){if(t==="orange")return"text-orange-500";if(t==="error")return"text-error-active"}return"text-neutral-darker"},g=n({__name:"ElTextCell",props:{label:{},style:{default:"normal"},colorText:{}},setup(t){const l=t,r=o(()=>p(l.colorText,l.style));return(e,c)=>(a(),s(f,{title:e.label.length>20?e.label:""},{default:i(()=>[m("div",{class:u(["text-sm overflow-hidden text-ellipsis",e.style==="normal"&&"font-normal",e.style==="medium"&&"font-medium",e.style==="underline"&&"font-semibold underline",r.value])},d(e.label),3)]),_:1},8,["title"]))}});export{g as default,b as elTextCellColors,y as elTextCellStyles,p as getTextColorClass};
+import{defineComponent as n,computed as o,openBlock as a,createBlock as s,withCtx as i,createElementVNode as m,normalizeClass as u,toDisplayString as d}from"vue";import f from"./ElTooltip.vue.esm2.js";const y=["normal","medium","underline"],b=["neutral","orange","error"],p=(t,l)=>{if(l==="underline")return"text-brandBlue-500";if(t){if(t==="orange")return"text-orange-500";if(t==="error")return"text-error-active"}return"text-neutral-darker"},g=n({__name:"ElTextCell",props:{label:{},style:{default:"normal"},colorText:{default:void 0}},setup(t){const l=t,r=o(()=>p(l.colorText,l.style));return(e,c)=>(a(),s(f,{title:e.label.length>20?e.label:""},{default:i(()=>[m("div",{class:u(["text-sm overflow-hidden text-ellipsis",e.style==="normal"&&"font-normal",e.style==="medium"&&"font-medium",e.style==="underline"&&"font-semibold underline",r.value])},d(e.label),3)]),_:1},8,["title"]))}});export{g as default,b as elTextCellColors,y as elTextCellStyles,p as getTextColorClass};
 //# sourceMappingURL=ElTextCell.vue.esm2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElTextCell.vue.esm2.js","sources":["../../src/ElTextCell.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elTextCellStyles = ['normal', 'medium', 'underline'] as const;\nexport type ElTextCellStyle = (typeof elTextCellStyles)[number];\n\nexport const elTextCellColors = ['neutral', 'orange', 'error'] as const;\nexport type ElTextCellColor = (typeof elTextCellColors)[number];\n\nexport const getTextColorClass = (color?: ElTextCellColor, style?: ElTextCellStyle) => {\n  if (style === 'underline') return 'text-brandBlue-500';\n  if (color) {\n    if (color === 'orange') return 'text-orange-500';\n    if (color === 'error') return 'text-error-active';\n  }\n  return 'text-neutral-darker';\n};\n</script>\n\n<script setup lang=\"ts\">\nimport ElTooltip from './ElTooltip.vue';\nimport { computed } from 'vue';\n\nconst props = withDefaults(\n  defineProps<{\n    label: string;\n    style?: ElTextCellStyle;\n    colorText?: ElTextCellColor;\n  }>(),\n  {\n    style: 'normal',\n    colorText: undefined,\n  },\n);\n\nconst textColorClass = computed((): string => getTextColorClass(props.colorText, props.style));\n</script>\n\n<template>\n  <ElTooltip :title=\"label.length > 20 ? label : ''\">\n    <div\n      :class=\"[\n        'text-sm overflow-hidden text-ellipsis',\n        style === 'normal' && 'font-normal',\n        style === 'medium' && 'font-medium',\n        style === 'underline' && 'font-semibold underline',\n        textColorClass,\n      ]\"\n    >\n      {{ label }}\n    </div>\n  </ElTooltip>\n</template>\n"],"names":["elTextCellStyles","elTextCellColors","getTextColorClass","color","style","props","__props","textColorClass","computed"],"mappings":"yMACO,MAAMA,EAAmB,CAAC,SAAU,SAAU,WAAW,EAGnDC,EAAmB,CAAC,UAAW,SAAU,OAAO,EAGhDC,EAAoB,CAACC,EAAyBC,IAA4B,CACrF,GAAIA,IAAU,YAAoB,MAAA,qBAClC,GAAID,EAAO,CACT,GAAIA,IAAU,SAAiB,MAAA,kBAC/B,GAAIA,IAAU,QAAgB,MAAA,mBAChC,CACO,MAAA,qBACT,yGAOA,MAAME,EAAQC,EAYRC,EAAiBC,EAAS,IAAcN,EAAkBG,EAAM,UAAWA,EAAM,KAAK,CAAC"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./ElIcon.vue.cjs2.js"),d=require("../node_modules/lodash/lodash.cjs.js"),m={class:"pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 sm:items-start sm:p-6"},p=["show","data-cy","onMouseover","onMouseleave"],f={class:"font-semibold"},v={key:0},g=["error","warning","success"],n=e.ref([]),i=e.ref([]),u=async(o,s)=>{s&&(i.value.push(o.id),await e.nextTick()),o.showing=!1,o.timeoutId&&clearTimeout(o.timeoutId);const l=n.value.findIndex(t=>t.id===o.id);l>-1&&n.value.splice(l,1)},a=(o,s=!0)=>{o.timeoutId&&clearTimeout(o.timeoutId),s&&(o.timeoutId=setTimeout(()=>{u(o)},5e3))},w=o=>{const{title:s,allowDuplicates:l}=o;!l&&n.value.some(t=>t.options.title===s)||(n.value.push({showing:!0,options:o,timeoutId:void 0,id:d.lodashExports.uniqueId()}),a(n.value[n.value.length-1]))},x=(o,s={})=>{s.title=o,w({title:"",description:void 0,state:"success",allowDuplicates:!1,...s})},h=e.defineComponent({__name:"ElToast",setup(o){return(s,l)=>(e.openBlock(),e.createElementBlock("div",m,[e.createVNode(e.TransitionGroup,{tag:"ul",class:"flex w-full flex-col items-center gap-4 sm:flex-col-reverse sm:items-end","enter-active-class":"ease-out","enter-from-class":"translate-y-4 sm:translate-y-0 sm:translate-x-[100%]","enter-to-class":"translate-y-0 sm:translate-x-0","leave-active-class":"ease-in","leave-from-class":"opacity-100","leave-to-class":"opacity-0",duration:400},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,t=>(e.openBlock(),e.createElementBlock("li",{key:t.id,show:t.showing,"data-cy":`${t.options.state==="success"?"confirm":t.options.state}-toast`,class:e.normalizeClass([{"bg-green-50 border-green-300":t.options.state==="success","bg-red-50 border-red-300":t.options.state==="error","bg-yellow-50 border-yellow-300":t.options.state==="warning","transition duration-500":!i.value.includes(t.id),"transition duration-0":i.value.includes(t.id)},"pointer-events-auto flex items-center w-full max-w-sm transform overflow-hidden rounded-lg p-4 shadow border gap-3"]),onMouseover:c=>a(t,!1),onMouseleave:c=>a(t,!0)},[t.options.state==="success"?(e.openBlock(),e.createBlock(r.default,{key:0,disabled:"",class:"h-7 w-7 text-green-500 shrink-0",name:"CheckBadgeIcon",solid:""})):e.createCommentVNode("",!0),t.options.state==="warning"?(e.openBlock(),e.createBlock(r.default,{key:1,disabled:"",class:"h-7 w-7 text-yellow-500 shrink-0",name:"ExclamationTriangleIcon",solid:""})):e.createCommentVNode("",!0),t.options.state==="error"?(e.openBlock(),e.createBlock(r.default,{key:2,disabled:"",class:"h-7 w-7 text-red-500 shrink-0",name:"ExclamationCircleIcon",solid:""})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex flex-col grow justify-center text-sm gap-1",{"text-green-700":t.options.state==="success","text-yellow-700":t.options.state==="warning","text-red-700":t.options.state==="error"}])},[e.createElementVNode("p",f,e.toDisplayString(t.options.title),1),t.options.description?(e.openBlock(),e.createElementBlock("p",v,e.toDisplayString(t.options.description),1)):e.createCommentVNode("",!0)],2),e.createVNode(r.default,{name:"XMarkIcon",class:e.normalizeClass(["h-6 w-6 shrink-0 hover:cursor-pointer",{"text-green-700":t.options.state==="success","text-yellow-700":t.options.state==="warning","text-red-700":t.options.state==="error"}]),onClick:c=>u(t,!0)},null,8,["class","onClick"])],42,p))),128))]),_:1})]))}});exports.default=h;exports.elToastStates=g;exports.toast=x;
+//# sourceMappingURL=ElToast.vue.cjs2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElToast.vue.cjs2.js","sources":["../../src/ElToast.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { nextTick, ref } from 'vue';\nimport { uniqueId } from 'lodash';\n\nexport const elToastStates = ['error', 'warning', 'success'] as const;\nexport type ElToastStates = (typeof elToastStates)[number];\n\nexport interface ToastOptions {\n  title: string;\n  state: ElToastStates;\n  description?: string;\n  allowDuplicates?: boolean;\n}\n\ninterface Toast {\n  showing: boolean;\n  options: ToastOptions;\n  timeoutId: ReturnType<typeof setTimeout> | undefined;\n  id: string;\n}\n\nconst toasts = ref<Toast[]>([]);\nconst toastIdsToRemoveImmediately = ref<string[]>([]);\n\nconst close = async (toast: Toast, immediate?: boolean) => {\n  if (immediate) {\n    toastIdsToRemoveImmediately.value.push(toast.id);\n    await nextTick();\n  }\n  toast.showing = false;\n  if (toast.timeoutId) clearTimeout(toast.timeoutId);\n  const index = toasts.value.findIndex(currentToast => currentToast.id === toast.id);\n  if (index > -1) {\n    toasts.value.splice(index, 1);\n  }\n};\n\nconst setTimeoutForToast = (toast: Toast, setNew = true) => {\n  if (toast.timeoutId) clearTimeout(toast.timeoutId);\n  if (setNew) {\n    toast.timeoutId = setTimeout(() => {\n      close(toast);\n    }, 5000);\n  }\n};\n\nconst show = (args: ToastOptions) => {\n  const { title, allowDuplicates } = args;\n  if (!allowDuplicates && toasts.value.some(toast => toast.options.title === title)) return;\n  toasts.value.push({\n    showing: true,\n    options: args,\n    timeoutId: undefined,\n    id: uniqueId(),\n  });\n  setTimeoutForToast(toasts.value[toasts.value.length - 1]);\n};\n\nexport const toast = (msg: string, options: Partial<ToastOptions> = {}) => {\n  options.title = msg;\n  show({\n    title: '',\n    description: undefined,\n    state: 'success',\n    allowDuplicates: false,\n    ...options,\n  });\n};\n</script>\n\n<script setup lang=\"ts\">\nimport ElIcon from '@/ElIcon.vue';\n</script>\n\n<template>\n  <div class=\"pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 sm:items-start sm:p-6\">\n    <TransitionGroup\n      tag=\"ul\"\n      class=\"flex w-full flex-col items-center gap-4 sm:flex-col-reverse sm:items-end\"\n      enter-active-class=\"ease-out\"\n      enter-from-class=\"translate-y-4 sm:translate-y-0 sm:translate-x-[100%]\"\n      enter-to-class=\"translate-y-0 sm:translate-x-0\"\n      leave-active-class=\"ease-in\"\n      leave-from-class=\"opacity-100\"\n      leave-to-class=\"opacity-0\"\n      :duration=\"400\"\n    >\n      <li\n        v-for=\"_toast of toasts\"\n        :key=\"_toast.id\"\n        :show=\"_toast.showing\"\n        :data-cy=\"`${_toast.options.state === 'success' ? 'confirm' : _toast.options.state}-toast`\"\n        :class=\"{\n          'bg-green-50 border-green-300': _toast.options.state === 'success',\n          'bg-red-50 border-red-300': _toast.options.state === 'error',\n          'bg-yellow-50 border-yellow-300': _toast.options.state === 'warning',\n          'transition duration-500': !toastIdsToRemoveImmediately.includes(_toast.id),\n          'transition duration-0': toastIdsToRemoveImmediately.includes(_toast.id),\n        }\"\n        class=\"pointer-events-auto flex items-center w-full max-w-sm transform overflow-hidden rounded-lg p-4 shadow border gap-3\"\n        @mouseover=\"setTimeoutForToast(_toast, false)\"\n        @mouseleave=\"setTimeoutForToast(_toast, true)\"\n      >\n        <ElIcon v-if=\"_toast.options.state === 'success'\" disabled class=\"h-7 w-7 text-green-500 shrink-0\" name=\"CheckBadgeIcon\" solid />\n        <ElIcon\n          v-if=\"_toast.options.state === 'warning'\"\n          disabled\n          class=\"h-7 w-7 text-yellow-500 shrink-0\"\n          name=\"ExclamationTriangleIcon\"\n          solid\n        />\n        <ElIcon v-if=\"_toast.options.state === 'error'\" disabled class=\"h-7 w-7 text-red-500 shrink-0\" name=\"ExclamationCircleIcon\" solid />\n\n        <div\n          class=\"flex flex-col grow justify-center text-sm gap-1\"\n          :class=\"{\n            'text-green-700': _toast.options.state === 'success',\n            'text-yellow-700': _toast.options.state === 'warning',\n            'text-red-700': _toast.options.state === 'error',\n          }\"\n        >\n          <p class=\"font-semibold\">\n            {{ _toast.options.title }}\n          </p>\n          <p v-if=\"_toast.options.description\">\n            {{ _toast.options.description }}\n          </p>\n        </div>\n        <ElIcon\n          name=\"XMarkIcon\"\n          class=\"h-6 w-6 shrink-0 hover:cursor-pointer\"\n          :class=\"{\n            'text-green-700': _toast.options.state === 'success',\n            'text-yellow-700': _toast.options.state === 'warning',\n            'text-red-700': _toast.options.state === 'error',\n          }\"\n          @click=\"close(_toast, true)\"\n        />\n      </li>\n    </TransitionGroup>\n  </div>\n</template>\n"],"names":["elToastStates","toasts","ref","toastIdsToRemoveImmediately","close","toast","immediate","nextTick","index","currentToast","setTimeoutForToast","setNew","show","args","title","allowDuplicates","uniqueId","msg","options"],"mappings":"+YAIaA,EAAgB,CAAC,QAAS,UAAW,SAAS,EAiBrDC,EAASC,EAAAA,IAAa,CAAA,CAAE,EACxBC,EAA8BD,EAAAA,IAAc,CAAA,CAAE,EAE9CE,EAAQ,MAAOC,EAAcC,IAAwB,CACrDA,IAC0BH,EAAA,MAAM,KAAKE,EAAM,EAAE,EAC/C,MAAME,EAAS,SAAA,GAEjBF,EAAM,QAAU,GACZA,EAAM,WAAW,aAAaA,EAAM,SAAS,EAC3C,MAAAG,EAAQP,EAAO,MAAM,aAA0BQ,EAAa,KAAOJ,EAAM,EAAE,EAC7EG,EAAQ,IACHP,EAAA,MAAM,OAAOO,EAAO,CAAC,CAEhC,EAEME,EAAqB,CAACL,EAAcM,EAAS,KAAS,CACtDN,EAAM,WAAW,aAAaA,EAAM,SAAS,EAC7CM,IACFN,EAAM,UAAY,WAAW,IAAM,CACjCD,EAAMC,CAAK,GACV,GAAI,EAEX,EAEMO,EAAQC,GAAuB,CAC7B,KAAA,CAAE,MAAAC,EAAO,gBAAAC,CAAoB,EAAAF,EAC/B,CAACE,GAAmBd,EAAO,MAAM,KAAKI,GAASA,EAAM,QAAQ,QAAUS,CAAK,IAChFb,EAAO,MAAM,KAAK,CAChB,QAAS,GACT,QAASY,EACT,UAAW,OACX,GAAIG,EAAAA,cAAAA,SAAS,CAAA,CACd,EACDN,EAAmBT,EAAO,MAAMA,EAAO,MAAM,OAAS,CAAC,CAAC,EAC1D,EAEaI,EAAQ,CAACY,EAAaC,EAAiC,KAAO,CACzEA,EAAQ,MAAQD,EACXL,EAAA,CACH,MAAO,GACP,YAAa,OACb,MAAO,UACP,gBAAiB,GACjB,GAAGM,CAAA,CACJ,CACH"}

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

@@ -0,0 +1,2 @@
+import{ref as w,defineComponent as g,openBlock as o,createElementBlock as r,createVNode as f,TransitionGroup as y,withCtx as k,Fragment as I,renderList as b,normalizeClass as c,createBlock as d,createCommentVNode as l,createElementVNode as v,toDisplayString as x,nextTick as T}from"vue";import a from"./ElIcon.vue.esm2.js";import{l as C}from"../node_modules/lodash/lodash.esm.js";const E={class:"pointer-events-none fixed inset-0 z-50 flex items-end px-4 py-6 sm:items-start sm:p-6"},M=["show","data-cy","onMouseover","onMouseleave"],$={class:"font-semibold"},B={key:0},F=["error","warning","success"],n=w([]),u=w([]),h=async(t,s)=>{s&&(u.value.push(t.id),await T()),t.showing=!1,t.timeoutId&&clearTimeout(t.timeoutId);const i=n.value.findIndex(e=>e.id===t.id);i>-1&&n.value.splice(i,1)},m=(t,s=!0)=>{t.timeoutId&&clearTimeout(t.timeoutId),s&&(t.timeoutId=setTimeout(()=>{h(t)},5e3))},D=t=>{const{title:s,allowDuplicates:i}=t;!i&&n.value.some(e=>e.options.title===s)||(n.value.push({showing:!0,options:t,timeoutId:void 0,id:C.uniqueId()}),m(n.value[n.value.length-1]))},S=(t,s={})=>{s.title=t,D({title:"",description:void 0,state:"success",allowDuplicates:!1,...s})},j=g({__name:"ElToast",setup(t){return(s,i)=>(o(),r("div",E,[f(y,{tag:"ul",class:"flex w-full flex-col items-center gap-4 sm:flex-col-reverse sm:items-end","enter-active-class":"ease-out","enter-from-class":"translate-y-4 sm:translate-y-0 sm:translate-x-[100%]","enter-to-class":"translate-y-0 sm:translate-x-0","leave-active-class":"ease-in","leave-from-class":"opacity-100","leave-to-class":"opacity-0",duration:400},{default:k(()=>[(o(!0),r(I,null,b(n.value,e=>(o(),r("li",{key:e.id,show:e.showing,"data-cy":`${e.options.state==="success"?"confirm":e.options.state}-toast`,class:c([{"bg-green-50 border-green-300":e.options.state==="success","bg-red-50 border-red-300":e.options.state==="error","bg-yellow-50 border-yellow-300":e.options.state==="warning","transition duration-500":!u.value.includes(e.id),"transition duration-0":u.value.includes(e.id)},"pointer-events-auto flex items-center w-full max-w-sm transform overflow-hidden rounded-lg p-4 shadow border gap-3"]),onMouseover:p=>m(e,!1),onMouseleave:p=>m(e,!0)},[e.options.state==="success"?(o(),d(a,{key:0,disabled:"",class:"h-7 w-7 text-green-500 shrink-0",name:"CheckBadgeIcon",solid:""})):l("",!0),e.options.state==="warning"?(o(),d(a,{key:1,disabled:"",class:"h-7 w-7 text-yellow-500 shrink-0",name:"ExclamationTriangleIcon",solid:""})):l("",!0),e.options.state==="error"?(o(),d(a,{key:2,disabled:"",class:"h-7 w-7 text-red-500 shrink-0",name:"ExclamationCircleIcon",solid:""})):l("",!0),v("div",{class:c(["flex flex-col grow justify-center text-sm gap-1",{"text-green-700":e.options.state==="success","text-yellow-700":e.options.state==="warning","text-red-700":e.options.state==="error"}])},[v("p",$,x(e.options.title),1),e.options.description?(o(),r("p",B,x(e.options.description),1)):l("",!0)],2),f(a,{name:"XMarkIcon",class:c(["h-6 w-6 shrink-0 hover:cursor-pointer",{"text-green-700":e.options.state==="success","text-yellow-700":e.options.state==="warning","text-red-700":e.options.state==="error"}]),onClick:p=>h(e,!0)},null,8,["class","onClick"])],42,M))),128))]),_:1})]))}});export{j as default,F as elToastStates,S as toast};
+//# sourceMappingURL=ElToast.vue.esm2.js.map