npm - @davincihealthcare/elty-design-system-vue - Versions diffs - 1.73.4 → 1.73.5 - Mend

@davincihealthcare/elty-design-system-vue 1.73.4 → 1.73.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (785) hide show

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

@@ -1 +0,0 @@

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

package/dist/ElIcon.vue.esm2.js DELETED Viewed

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

- {"version":3,"file":"ElListItem.vue.cjs2.js","sources":["../src/ElListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ElTag, { ElTagColor } from './ElTag.vue';\nimport ElIcon, { ElIconProps } from './ElIcon.vue';\nimport ElInputCheckbox from './forms/ElInputCheckbox.vue';\nimport ElTextCell, { ElTextCellColor } from '@/ElTextCell.vue';\nimport ElAvatar from './ElAvatar.vue';\nimport { ElTextCellStyle } from './ElTextCell.vue';\n\nexport interface ElListItemProps {\n avatar?: { picture: string; label?: string } | { picture?: string; label: string };\n time?: string;\n mainText: {\n label: string;\n style?: ElTextCellStyle;\n color?: ElTextCellColor;\n };\n secondaryRow?: string;\n tertiaryRow?: string;\n trailingIcon?: ElIconProps;\n amount?: string;\n tags?: {\n key?: string;\n text: string;\n color?: ElTagColor;\n }[];\n modelValue?: boolean;\n color: 'primary' | 'secondary';\n}\n\nconst props = defineProps<ElListItemProps>();\n\nconst $emits = defineEmits<{\n (e: 'update:modelValue', checked: boolean | undefined): void;\n (e: 'click', payload: MouseEvent): void;\n}>();\n</script>\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":"2hDA6BA,MAAMA,EAAQC"}

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

@@ -1 +0,0 @@

- {"version":3,"file":"ElListItem.vue.esm2.js","sources":["../src/ElListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ElTag, { ElTagColor } from './ElTag.vue';\nimport ElIcon, { ElIconProps } from './ElIcon.vue';\nimport ElInputCheckbox from './forms/ElInputCheckbox.vue';\nimport ElTextCell, { ElTextCellColor } from '@/ElTextCell.vue';\nimport ElAvatar from './ElAvatar.vue';\nimport { ElTextCellStyle } from './ElTextCell.vue';\n\nexport interface ElListItemProps {\n avatar?: { picture: string; label?: string } | { picture?: string; label: string };\n time?: string;\n mainText: {\n label: string;\n style?: ElTextCellStyle;\n color?: ElTextCellColor;\n };\n secondaryRow?: string;\n tertiaryRow?: string;\n trailingIcon?: ElIconProps;\n amount?: string;\n tags?: {\n key?: string;\n text: string;\n color?: ElTagColor;\n }[];\n modelValue?: boolean;\n color: 'primary' | 'secondary';\n}\n\nconst props = defineProps<ElListItemProps>();\n\nconst $emits = defineEmits<{\n (e: 'update:modelValue', checked: boolean | undefined): void;\n (e: 'click', payload: MouseEvent): void;\n}>();\n</script>\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":"upDA6BA,MAAMA,EAAQC"}

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

package/dist/ElModal.vue.cjs2.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./node_modules/@vueuse/core/index.cjs.js"),w=require("./node_modules/@vueuse/components/index.cjs.js"),d=require("./ElButton.vue.cjs2.js"),z=require("./ElIcon.vue.cjs2.js"),C=require("./ElIconButton.vue.cjs2.js"),h=require("./_CustomTransition.vue.cjs2.js"),E={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"},N={class:"fixed inset-0 transition-opacity"},S={class:"flex items-center justify-between gap-2 flex-1 overflow-hidden"},M={class:"text-xl font-semibold truncate flex-1"},V={key:0,class:"text-base font-normal text-wrap break-words"},n=["xs","m","l","xl"],v={xs:360,m:576,l:768,xl:1280},A=["primary","secondary","error"],O=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(u,{emit:y}){const i=e.useModel(u,"isOpen"),x=y,s=u,c=()=>i.value=!1,p=e.ref(null),l=e.ref(null),t=e.computed(()=>s.color==="error"),{arrivedState:m}=a.useScroll(l),{height:k}=a.useElementSize(l),{width:_}=a.useWindowSize(),f=e.computed(()=>l.value&&l.value.scrollHeight>k.value),b=a.useScrollLock(document.body),r=e.computed(()=>{for(let o=n.indexOf(s.size);o>=0;o--)if(_.value>=v[n[o]])return n[o];return s.size}),g=o=>{o.target===p.value&&c()};return e.watch(()=>i.value,o=>{(!s.isNestedModal\|\|o)&&(b.value=o),o\|\|x("closed")}),a.onKeyStroke("Escape",o=>{o.preventDefault(),c()}),(o,B)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(h.default,{name:"fade"},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",N,[e.createElementVNode("div",{ref_key:"backdrop",ref:p,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]":r.value==="xs","w-[576px]":r.value==="m","w-[768px]":r.value==="l","w-[1280px]":r.value==="xl"}])},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-between gap-2",{"px-4":r.value==="xs","px-8":r.value!=="xs"}])},[e.createElementVNode("div",S,[e.createElementVNode("div",{class:e.normalizeClass([{"text-error bg-error-light-active":t.value,"text-primary bg-neutral-surface-raised":o.color==="primary","text-secondary bg-neutral-surface-raised":o.color==="secondary"},"!h-8 !w-8 rounded-full"])},[e.createVNode(z.default,e.mergeProps(t.value?{name:"ExclamationCircleIcon"}:o.headerIcon,{class:"p-1"}),null,16)],2),e.createElementVNode("div",M,e.toDisplayString(o.title),1)]),e.createVNode(C.default,{icon:{name:"XMarkIcon"},error:t.value,onClick:c},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":r.value==="xs","px-8":r.value!=="xs","border-t":f.value&&!e.unref(m).top,"border-b":f.value&&!e.unref(m).bottom}])},[o.description?(e.openBlock(),e.createElementBlock("p",V,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],2),o.primaryAction\|\|o.secondaryAction\|\|o.tertiaryAction?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex items-center gap-4",{"flex-col-reverse px-4":r.value==="xs","flex-row px-8":r.value!=="xs"}])},[o.tertiaryAction?(e.openBlock(),e.createBlock(d.default,e.mergeProps({key:0},o.tertiaryAction,{variant:"tertiary",class:{"w-full":r.value==="xs"},size:r.value==="xs"?"l":"base",error:t.value}),null,16,["class","size","error"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex gap-4",{"flex-col-reverse w-full":r.value==="xs","flex-row ml-auto":r.value!=="xs"}])},[o.secondaryAction?(e.openBlock(),e.createBlock(d.default,e.mergeProps({key:0},o.secondaryAction,{variant:"secondary",size:r.value==="xs"?"l":"base",error:t.value}),null,16,["size","error"])):e.createCommentVNode("",!0),o.primaryAction?(e.openBlock(),e.createBlock(d.default,e.mergeProps({key:1},o.primaryAction,{variant:"primary",size:r.value==="xs"?"l":"base",error:t.value}),null,16,["size","error"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2)),[[e.unref(w.VOnClickOutside),g]])])):e.createCommentVNode("",!0)]),_:3})]))}});exports.default=O;exports.elModalColors=A;exports.elModalSizes=n;exports.elModalSizesBreakpoints=v;
2	- //# sourceMappingURL=ElModal.vue.cjs2.js.map

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

@@ -1 +0,0 @@

- {"version":3,"file":"ElModal.vue.cjs2.js","sources":["../src/ElModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elModalSizes = ['xs', 'm', 'l', 'xl'] as const;\nexport type ElModalSize = (typeof elModalSizes)[number];\n\nexport const elModalSizesBreakpoints = { xs: 360, m: 576, l: 768, xl: 1280 };\n\nexport const elModalColors = ['primary', 'secondary', 'error'] as const;\nexport type ElModalColor = (typeof elModalColors)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { onKeyStroke, useElementSize, useScroll, useScrollLock, useWindowSize } from '@vueuse/core';\nimport { vOnClickOutside } from '@vueuse/components';\nimport { computed, 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\nwatch(\n () => isOpen.value,\n value => {\n if (!props.isNestedModal || value) isBodyScrollLocked.value = value;\n if (!value) emit('closed');\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 \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 \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 \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 \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 \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","watch","value","onKeyStroke"],"mappings":"kuBACaA,EAAe,CAAC,KAAM,IAAK,IAAK,IAAI,EAGpCC,EAA0B,CAAE,GAAI,IAAK,EAAG,IAAK,EAAG,IAAK,GAAI,IAAK,EAE9DC,EAAgB,CAAC,UAAW,YAAa,OAAO,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,EAGpCmB,OAAAA,EAAA,MACE,IAAMzB,EAAO,MACJ0B,GAAA,EACH,CAACrB,EAAM,eAAiBqB,KAAOP,EAAmB,MAAQO,GACzDA,GAAOvB,EAAK,QAAQ,CAC3B,CAAA,EAGFwB,cAAY,SAAeH,GAAA,CACzBA,EAAE,eAAe,EACNlB,GAAA,CACZ"}

package/dist/ElModal.vue.esm2.js DELETED Viewed

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

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

@@ -1 +0,0 @@

- {"version":3,"file":"ElModal.vue.esm2.js","sources":["../src/ElModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elModalSizes = ['xs', 'm', 'l', 'xl'] as const;\nexport type ElModalSize = (typeof elModalSizes)[number];\n\nexport const elModalSizesBreakpoints = { xs: 360, m: 576, l: 768, xl: 1280 };\n\nexport const elModalColors = ['primary', 'secondary', 'error'] as const;\nexport type ElModalColor = (typeof elModalColors)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { onKeyStroke, useElementSize, useScroll, useScrollLock, useWindowSize } from '@vueuse/core';\nimport { vOnClickOutside } from '@vueuse/components';\nimport { computed, 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\nwatch(\n () => isOpen.value,\n value => {\n if (!props.isNestedModal || value) isBodyScrollLocked.value = value;\n if (!value) emit('closed');\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 \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 \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 \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 \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 \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","watch","value","onKeyStroke"],"mappings":"+jCACaA,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,EAGpC,OAAAkB,EACE,IAAMxB,EAAO,MACJyB,GAAA,EACH,CAACpB,EAAM,eAAiBoB,KAAON,EAAmB,MAAQM,GACzDA,GAAOtB,EAAK,QAAQ,CAC3B,CAAA,EAGFuB,EAAY,SAAe,GAAA,CACzB,EAAE,eAAe,EACNpB,GAAA,CACZ"}

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

package/dist/ElTabs.vue.cjs2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"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/ElTabs.vue.esm2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"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/ElTag.vue.cjs2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ElTag.vue.cjs2.js","sources":["../src/ElTag.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elTagColors = [\n 'primary',\n 'rose',\n 'pink',\n 'purple',\n 'indigo',\n 'blue',\n 'cyan',\n 'gray',\n 'teal',\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</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 outlined?: boolean;\n leadingIcon?: ElIconProps;\n trailingIcon?: ElIconProps;\n }>(),\n {\n color: 'primary',\n size: 'xxs',\n outlined: false,\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 'teal':\n return 'bg-teal-50 text-teal-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 'primary':\n default:\n return 'bg-brandBlue-100 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 'teal':\n return 'text-teal-500 border border-teal-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 'primary':\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 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","props","__props","colorClasses","computed","colorOutlineClasses"],"mappings":"+LACaA,EAAc,CACzB,UACA,OACA,OACA,SACA,SACA,OACA,OACA,OACA,OACA,QACA,SACA,SACA,KACF,EAGaC,EAAa,CAAC,MAAO,IAAI,4MAQtC,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,OACI,MAAA,2BACT,IAAK,QACI,MAAA,6BACT,IAAK,SACI,MAAA,+BACT,IAAK,SACI,MAAA,+BACT,IAAK,MACI,MAAA,yBACT,IAAK,UACL,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,OACI,MAAA,uCACT,IAAK,QACI,MAAA,yCACT,IAAK,SACI,MAAA,2CACT,IAAK,SACI,MAAA,2CACT,IAAK,MACI,MAAA,qCACT,IAAK,UACL,QACS,MAAA,gDACX,CAAA,CACD"}

package/dist/ElTag.vue.esm2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ElTag.vue.esm2.js","sources":["../src/ElTag.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elTagColors = [\n 'primary',\n 'rose',\n 'pink',\n 'purple',\n 'indigo',\n 'blue',\n 'cyan',\n 'gray',\n 'teal',\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</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 outlined?: boolean;\n leadingIcon?: ElIconProps;\n trailingIcon?: ElIconProps;\n }>(),\n {\n color: 'primary',\n size: 'xxs',\n outlined: false,\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 'teal':\n return 'bg-teal-50 text-teal-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 'primary':\n default:\n return 'bg-brandBlue-100 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 'teal':\n return 'text-teal-500 border border-teal-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 'primary':\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 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","props","__props","colorClasses","computed","colorOutlineClasses"],"mappings":"iPACaA,EAAc,CACzB,UACA,OACA,OACA,SACA,SACA,OACA,OACA,OACA,OACA,QACA,SACA,SACA,KACF,EAGaC,EAAa,CAAC,MAAO,IAAI,4LAQtC,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,OACI,MAAA,2BACT,IAAK,QACI,MAAA,6BACT,IAAK,SACI,MAAA,+BACT,IAAK,SACI,MAAA,+BACT,IAAK,MACI,MAAA,yBACT,IAAK,UACL,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,OACI,MAAA,uCACT,IAAK,QACI,MAAA,yCACT,IAAK,SACI,MAAA,2CACT,IAAK,SACI,MAAA,2CACT,IAAK,MACI,MAAA,qCACT,IAAK,UACL,QACS,MAAA,gDACX,CAAA,CACD"}

package/dist/ElTextCell.vue.cjs2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"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 },\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,2GAOA,MAAME,EAAQC,EAWRC,EAAiBC,WAAS,IAAcN,EAAkBG,EAAM,UAAWA,EAAM,KAAK,CAAC"}

package/dist/ElTextCell.vue.esm2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"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 },\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,2FAOA,MAAME,EAAQC,EAWRC,EAAiBC,EAAS,IAAcN,EAAkBG,EAAM,UAAWA,EAAM,KAAK,CAAC"}

package/dist/ElToast.vue.cjs2.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "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;
2	- //# sourceMappingURL=ElToast.vue.cjs2.js.map

package/dist/ElToast.vue.cjs2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"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":"8YAIaA,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/ElToast.vue.esm2.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- 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};
2	- //# sourceMappingURL=ElToast.vue.esm2.js.map

package/dist/ElToast.vue.esm2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ElToast.vue.esm2.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":"yjBAIaA,EAAgB,CAAC,QAAS,UAAW,SAAS,EAiBrDC,EAASC,EAAa,CAAA,CAAE,EACxBC,EAA8BD,EAAc,CAAA,CAAE,EAE9CE,EAAQ,MAAOC,EAAcC,IAAwB,CACrDA,IAC0BH,EAAA,MAAM,KAAKE,EAAM,EAAE,EAC/C,MAAME,EAAS,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,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/ElTooltip.vue.cjs2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ElTooltip.vue.cjs2.js","sources":["../src/ElTooltip.vue"],"sourcesContent":["<script lang=\"ts\">\nimport ElClipToAnchor, { elClipToAnchorPositions } from '@/ElClipToAnchor.vue';\nimport { useMobile } from '@/composable/mobileComposable';\nexport const elTooltipPositions = elClipToAnchorPositions;\nexport type ElTooltipPosition = (typeof elTooltipPositions)[number];\n</script>\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport CustomTransition from '@/_CustomTransition.vue';\n\nconst props = withDefaults(\n defineProps<{\n title: string;\n content?: string;\n position?: ElTooltipPosition;\n /** Time in ms before the tooltip appears */\n delayTime?: string | number;\n hideOnMobile?: boolean;\n }>(),\n {\n content: undefined,\n position: 'top',\n delayTime: 200,\n hideOnMobile: false,\n },\n);\n\nconst anchor = ref<HTMLElement>();\nconst show = ref(false);\nlet showDebounceTimeout: ReturnType<typeof setTimeout> | undefined;\n\nconst { isMobile } = useMobile();\n\nconst sanitizedDelayTime = computed(() =>\n typeof props.delayTime === 'string' && isNaN(Number(props.delayTime)) ? 200 : Number(props.delayTime),\n);\n\nconst onMouseEnter = () => {\n if (!props.title.length || (props.hideOnMobile && isMobile.value)) return;\n\n showDebounceTimeout = setTimeout(() => {\n if (showDebounceTimeout) clearTimeout(showDebounceTimeout);\n show.value = true;\n }, sanitizedDelayTime.value);\n};\n\nconst onMouseLeave = () => {\n show.value = false;\n if (showDebounceTimeout) clearTimeout(showDebounceTimeout);\n};\n\nwatch(\n () => props.title,\n () => {\n if (!props.title.length) show.value = false;\n },\n);\n</script>\n\n<template>\n <div>\n <div ref=\"anchor\" @mouseenter=\"onMouseEnter\" @mouseleave=\"onMouseLeave\">\n <slot></slot>\n </div>\n <CustomTransition name=\"slide-y-fade\">\n <ElClipToAnchor\n v-if=\"anchor && show\"\n :anchor=\"anchor\"\n :position=\"position\"\n :distance-from-anchor=\"14\"\n class=\"max-w-96 rounded-2xl bg-neutral-100 p-3 text-xs drop-shadow text-neutral-darker\"\n >\n <p class=\"font-semibold\">\n {{ title }}\n </p>\n <p v-if=\"content?.length\" class=\"mt-1\">{{ content }}</p>\n </ElClipToAnchor>\n </CustomTransition>\n </div>\n</template>\n"],"names":["elTooltipPositions","elClipToAnchorPositions","props","__props","anchor","ref","show","showDebounceTimeout","isMobile","useMobile","sanitizedDelayTime","computed","onMouseEnter","onMouseLeave","watch"],"mappings":"6TAGaA,EAAqBC,EAAA,2MAOlC,MAAMC,EAAQC,EAiBRC,EAASC,EAAAA,MACTC,EAAOD,MAAI,EAAK,EAClB,IAAAE,EAEE,KAAA,CAAE,SAAAC,GAAaC,EAAAA,YAEfC,EAAqBC,EAAA,SAAS,IAClC,OAAOT,EAAM,WAAc,UAAY,MAAM,OAAOA,EAAM,SAAS,CAAC,EAAI,IAAM,OAAOA,EAAM,SAAS,CAAA,EAGhGU,EAAe,IAAM,CACrB,CAACV,EAAM,MAAM,QAAWA,EAAM,cAAgBM,EAAS,QAE3DD,EAAsB,WAAW,IAAM,CACjCA,GAAqB,aAAaA,CAAmB,EACzDD,EAAK,MAAQ,EAAA,EACZI,EAAmB,KAAK,EAAA,EAGvBG,EAAe,IAAM,CACzBP,EAAK,MAAQ,GACTC,GAAqB,aAAaA,CAAmB,CAAA,EAG3DO,OAAAA,EAAA,MACE,IAAMZ,EAAM,MACZ,IAAM,CACCA,EAAM,MAAM,SAAQI,EAAK,MAAQ,GACxC,CAAA"}

package/dist/ElTooltip.vue.esm2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ElTooltip.vue.esm2.js","sources":["../src/ElTooltip.vue"],"sourcesContent":["<script lang=\"ts\">\nimport ElClipToAnchor, { elClipToAnchorPositions } from '@/ElClipToAnchor.vue';\nimport { useMobile } from '@/composable/mobileComposable';\nexport const elTooltipPositions = elClipToAnchorPositions;\nexport type ElTooltipPosition = (typeof elTooltipPositions)[number];\n</script>\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport CustomTransition from '@/_CustomTransition.vue';\n\nconst props = withDefaults(\n defineProps<{\n title: string;\n content?: string;\n position?: ElTooltipPosition;\n /** Time in ms before the tooltip appears */\n delayTime?: string | number;\n hideOnMobile?: boolean;\n }>(),\n {\n content: undefined,\n position: 'top',\n delayTime: 200,\n hideOnMobile: false,\n },\n);\n\nconst anchor = ref<HTMLElement>();\nconst show = ref(false);\nlet showDebounceTimeout: ReturnType<typeof setTimeout> | undefined;\n\nconst { isMobile } = useMobile();\n\nconst sanitizedDelayTime = computed(() =>\n typeof props.delayTime === 'string' && isNaN(Number(props.delayTime)) ? 200 : Number(props.delayTime),\n);\n\nconst onMouseEnter = () => {\n if (!props.title.length || (props.hideOnMobile && isMobile.value)) return;\n\n showDebounceTimeout = setTimeout(() => {\n if (showDebounceTimeout) clearTimeout(showDebounceTimeout);\n show.value = true;\n }, sanitizedDelayTime.value);\n};\n\nconst onMouseLeave = () => {\n show.value = false;\n if (showDebounceTimeout) clearTimeout(showDebounceTimeout);\n};\n\nwatch(\n () => props.title,\n () => {\n if (!props.title.length) show.value = false;\n },\n);\n</script>\n\n<template>\n <div>\n <div ref=\"anchor\" @mouseenter=\"onMouseEnter\" @mouseleave=\"onMouseLeave\">\n <slot></slot>\n </div>\n <CustomTransition name=\"slide-y-fade\">\n <ElClipToAnchor\n v-if=\"anchor && show\"\n :anchor=\"anchor\"\n :position=\"position\"\n :distance-from-anchor=\"14\"\n class=\"max-w-96 rounded-2xl bg-neutral-100 p-3 text-xs drop-shadow text-neutral-darker\"\n >\n <p class=\"font-semibold\">\n {{ title }}\n </p>\n <p v-if=\"content?.length\" class=\"mt-1\">{{ content }}</p>\n </ElClipToAnchor>\n </CustomTransition>\n </div>\n</template>\n"],"names":["elTooltipPositions","elClipToAnchorPositions","props","__props","anchor","ref","show","showDebounceTimeout","isMobile","useMobile","sanitizedDelayTime","computed","onMouseEnter","onMouseLeave","watch"],"mappings":"oeAGaA,EAAqBC,qKAOlC,MAAMC,EAAQC,EAiBRC,EAASC,IACTC,EAAOD,EAAI,EAAK,EAClB,IAAAE,EAEE,KAAA,CAAE,SAAAC,GAAaC,IAEfC,EAAqBC,EAAS,IAClC,OAAOT,EAAM,WAAc,UAAY,MAAM,OAAOA,EAAM,SAAS,CAAC,EAAI,IAAM,OAAOA,EAAM,SAAS,CAAA,EAGhGU,EAAe,IAAM,CACrB,CAACV,EAAM,MAAM,QAAWA,EAAM,cAAgBM,EAAS,QAE3DD,EAAsB,WAAW,IAAM,CACjCA,GAAqB,aAAaA,CAAmB,EACzDD,EAAK,MAAQ,EAAA,EACZI,EAAmB,KAAK,EAAA,EAGvBG,EAAe,IAAM,CACzBP,EAAK,MAAQ,GACTC,GAAqB,aAAaA,CAAmB,CAAA,EAG3D,OAAAO,EACE,IAAMZ,EAAM,MACZ,IAAM,CACCA,EAAM,MAAM,SAAQI,EAAK,MAAQ,GACxC,CAAA"}

package/dist/ElVerticalTab.vue.cjs2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ElVerticalTab.vue.cjs2.js","sources":["../src/ElVerticalTab.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elVerticalTabColors = ['primary', 'secondary'] as const;\nexport type ElVerticalTabColors = (typeof elVerticalTabColors)[number];\n\nexport const elVerticalTabStatus = ['default', 'hover', 'active'] as const;\nexport type ElVerticalTabStatus = (typeof elVerticalTabStatus)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport ElAvatar from '@/ElAvatar.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport ElBadge from '@/ElBadge.vue';\n\ndefineProps<{\n icon?: InstanceType<typeof ElIcon>['$props']; // prop drilling\n avatar?: InstanceType<typeof ElAvatar>['$props'];\n primaryRow: string;\n secondaryRow?: string;\n tertiaryRow?: string;\n lineClamp?: 1 | 2;\n time?: string;\n badge?: InstanceType<typeof ElBadge>['$props'];\n color?: ElVerticalTabColors;\n status?: ElVerticalTabStatus;\n}>();\n</script>\n\n<template>\n <button\n class=\"p-3 w-full max-h-28 flex justify-start items-center gap-3 bg-disabled rounded-lg hover:bg-neutral-hover focus:bg-neutral-pressed\"\n :class=\"{\n [`border border-primary-active bg-primary-light-active`]: color === 'primary' && status === 'active',\n [`border border-secondary-active bg-secondary-light-active`]: color === 'secondary' && status === 'active',\n [`border border-white bg-white`]: status === 'default',\n [`border border-transparent bg-neutral-hover`]: status === 'hover',\n }\"\n >\n <ElIcon\n v-if=\"icon\"\n v-bind=\"icon\"\n class=\"w-6 h-6 flex-shrink-0\"\n :class=\"{\n [`text-primary-active`]: color === 'primary' && status === 'active',\n [`text-secondary-active`]: color === 'secondary' && status === 'active',\n 'text-neutral-darker': !status || status === 'default',\n }\"\n />\n <ElAvatar v-if=\"avatar\" v-bind=\"avatar\" />\n <div\n class=\"flex-1 flex flex-col items-start text-left\"\n :class=\"{\n [`text-${color}-active`]: status === 'active',\n 'gap-1': secondaryRow || tertiaryRow,\n 'text-neutral-darker': !status || status === 'default',\n }\"\n >\n <p class=\"text-sm font-semibold line-clamp-1\">\n {{ primaryRow }}\n </p>\n <p\n class=\"text-sm font-normal\"\n :class=\"{\n [`line-clamp-1`]: lineClamp === 1,\n [`line-clamp-2`]: lineClamp === 2,\n }\"\n >\n {{ secondaryRow }}\n </p>\n <span v-if=\"tertiaryRow\" class=\"text-neutral-lighter text-sm font-normal line-clamp-1\">{{ tertiaryRow }}</span>\n </div>\n <div class=\"flex flex-col space-y-1 justify-center items-center self-stretch\">\n <time\n v-if=\"time\"\n :datetime=\"time\"\n class=\"text-primary text-xs font-normal leading-5\"\n :class=\"{\n [`text-primary-active`]: color === 'primary' && status === 'active',\n [`text-secondary-active`]: color === 'secondary' && status === 'active',\n 'text-neutral-darker': !status || status === 'default',\n }\"\n >{{ time }}</time\n >\n <div class=\"flex justify-center items-center flex-grow\">\n <span\n :class=\"{\n [`text-primary-active`]: color === 'primary' && status === 'active',\n [`text-secondary-active`]: color === 'secondary' && status === 'active',\n 'text-neutral-darker': !status || status === 'default',\n }\"\n @click.stop\n >\n <slot name=\"traling-slot\">\n <ElIcon class=\"w-5 h-5 flex-shrink-0\" name=\"ChevronRightIcon\" />\n </slot>\n </span>\n </div>\n <div v-if=\"badge\" class=\"h-4 relative flex justify-center items-end\">\n <ElBadge v-bind=\"badge\" />\n </div>\n </div>\n </button>\n</template>\n"],"names":["elVerticalTabColors","elVerticalTabStatus"],"mappings":"mjBACaA,EAAsB,CAAC,UAAW,WAAW,EAG7CC,EAAsB,CAAC,UAAW,QAAS,QAAQ"}

package/dist/ElVerticalTab.vue.esm2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ElVerticalTab.vue.esm2.js","sources":["../src/ElVerticalTab.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elVerticalTabColors = ['primary', 'secondary'] as const;\nexport type ElVerticalTabColors = (typeof elVerticalTabColors)[number];\n\nexport const elVerticalTabStatus = ['default', 'hover', 'active'] as const;\nexport type ElVerticalTabStatus = (typeof elVerticalTabStatus)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport ElAvatar from '@/ElAvatar.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport ElBadge from '@/ElBadge.vue';\n\ndefineProps<{\n icon?: InstanceType<typeof ElIcon>['$props']; // prop drilling\n avatar?: InstanceType<typeof ElAvatar>['$props'];\n primaryRow: string;\n secondaryRow?: string;\n tertiaryRow?: string;\n lineClamp?: 1 | 2;\n time?: string;\n badge?: InstanceType<typeof ElBadge>['$props'];\n color?: ElVerticalTabColors;\n status?: ElVerticalTabStatus;\n}>();\n</script>\n\n<template>\n <button\n class=\"p-3 w-full max-h-28 flex justify-start items-center gap-3 bg-disabled rounded-lg hover:bg-neutral-hover focus:bg-neutral-pressed\"\n :class=\"{\n [`border border-primary-active bg-primary-light-active`]: color === 'primary' && status === 'active',\n [`border border-secondary-active bg-secondary-light-active`]: color === 'secondary' && status === 'active',\n [`border border-white bg-white`]: status === 'default',\n [`border border-transparent bg-neutral-hover`]: status === 'hover',\n }\"\n >\n <ElIcon\n v-if=\"icon\"\n v-bind=\"icon\"\n class=\"w-6 h-6 flex-shrink-0\"\n :class=\"{\n [`text-primary-active`]: color === 'primary' && status === 'active',\n [`text-secondary-active`]: color === 'secondary' && status === 'active',\n 'text-neutral-darker': !status || status === 'default',\n }\"\n />\n <ElAvatar v-if=\"avatar\" v-bind=\"avatar\" />\n <div\n class=\"flex-1 flex flex-col items-start text-left\"\n :class=\"{\n [`text-${color}-active`]: status === 'active',\n 'gap-1': secondaryRow || tertiaryRow,\n 'text-neutral-darker': !status || status === 'default',\n }\"\n >\n <p class=\"text-sm font-semibold line-clamp-1\">\n {{ primaryRow }}\n </p>\n <p\n class=\"text-sm font-normal\"\n :class=\"{\n [`line-clamp-1`]: lineClamp === 1,\n [`line-clamp-2`]: lineClamp === 2,\n }\"\n >\n {{ secondaryRow }}\n </p>\n <span v-if=\"tertiaryRow\" class=\"text-neutral-lighter text-sm font-normal line-clamp-1\">{{ tertiaryRow }}</span>\n </div>\n <div class=\"flex flex-col space-y-1 justify-center items-center self-stretch\">\n <time\n v-if=\"time\"\n :datetime=\"time\"\n class=\"text-primary text-xs font-normal leading-5\"\n :class=\"{\n [`text-primary-active`]: color === 'primary' && status === 'active',\n [`text-secondary-active`]: color === 'secondary' && status === 'active',\n 'text-neutral-darker': !status || status === 'default',\n }\"\n >{{ time }}</time\n >\n <div class=\"flex justify-center items-center flex-grow\">\n <span\n :class=\"{\n [`text-primary-active`]: color === 'primary' && status === 'active',\n [`text-secondary-active`]: color === 'secondary' && status === 'active',\n 'text-neutral-darker': !status || status === 'default',\n }\"\n @click.stop\n >\n <slot name=\"traling-slot\">\n <ElIcon class=\"w-5 h-5 flex-shrink-0\" name=\"ChevronRightIcon\" />\n </slot>\n </span>\n </div>\n <div v-if=\"badge\" class=\"h-4 relative flex justify-center items-end\">\n <ElBadge v-bind=\"badge\" />\n </div>\n </div>\n </button>\n</template>\n"],"names":["elVerticalTabColors","elVerticalTabStatus"],"mappings":"muBACaA,EAAsB,CAAC,UAAW,WAAW,EAG7CC,EAAsB,CAAC,UAAW,QAAS,QAAQ"}

package/dist/_CustomTransition.vue.cjs2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"_CustomTransition.vue.cjs2.js","sources":["../src/_CustomTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n name: 'fade' | 'scale' | 'slide-x-fade' | 'slide-y-fade' | 'flip-x' | 'expand' | 'slide-y' | 'slide-x';\n mode?: 'out-in' | 'in-out';\n}>();\n\nconst emit = defineEmits<{\n (event: 'onEnter'): void;\n (event: 'onLeave'): void;\n}>();\n</script>\n\n<template>\n <Transition :name=\"name\" :mode=\"mode || 'out-in'\" @enter=\"emit('onEnter')\" @leave=\"emit('onLeave')\">\n <slot />\n </Transition>\n</template>\n"],"names":["emit","__emit"],"mappings":"yPAMA,MAAMA,EAAOC"}

package/dist/_CustomTransition.vue.esm2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"_CustomTransition.vue.esm2.js","sources":["../src/_CustomTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n name: 'fade' | 'scale' | 'slide-x-fade' | 'slide-y-fade' | 'flip-x' | 'expand' | 'slide-y' | 'slide-x';\n mode?: 'out-in' | 'in-out';\n}>();\n\nconst emit = defineEmits<{\n (event: 'onEnter'): void;\n (event: 'onLeave'): void;\n}>();\n</script>\n\n<template>\n <Transition :name=\"name\" :mode=\"mode || 'out-in'\" @enter=\"emit('onEnter')\" @leave=\"emit('onLeave')\">\n <slot />\n </Transition>\n</template>\n"],"names":["emit","__emit"],"mappings":"+NAMA,MAAMA,EAAOC"}

package/dist/assets/logo/davinci-dark.svg.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="/davinci-dark.svg";exports.default=e;
2	- //# sourceMappingURL=davinci-dark.svg.cjs.js.map

package/dist/assets/logo/davinci-dark.svg.cjs.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"davinci-dark.svg.cjs.js","sources":["../../../src/assets/logo/davinci-dark.svg"],"sourcesContent":["export default \"__VITE_ASSET__BlsVkgUL__\""],"names":["davinciDark"],"mappings":"4GAAA,MAAeA,EAAA"}

package/dist/assets/logo/davinci-dark.svg.esm.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- const a="/davinci-dark.svg";export{a as default};
2	- //# sourceMappingURL=davinci-dark.svg.esm.js.map

package/dist/assets/logo/davinci-dark.svg.esm.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"davinci-dark.svg.esm.js","sources":["../../../src/assets/logo/davinci-dark.svg"],"sourcesContent":["export default \"__VITE_ASSET__BlsVkgUL__\""],"names":["davinciDark"],"mappings":"AAAA,MAAeA,EAAA"}

package/dist/assets/logo/davinci-white.svg.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="/davinci-white.svg";exports.default=e;
2	- //# sourceMappingURL=davinci-white.svg.cjs.js.map

package/dist/assets/logo/davinci-white.svg.cjs.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"davinci-white.svg.cjs.js","sources":["../../../src/assets/logo/davinci-white.svg"],"sourcesContent":["export default \"__VITE_ASSET__AP0W$C_D__\""],"names":["davinciWhite"],"mappings":"4GAAA,MAAeA,EAAA"}

package/dist/assets/logo/davinci-white.svg.esm.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- const i="/davinci-white.svg";export{i as default};
2	- //# sourceMappingURL=davinci-white.svg.esm.js.map

package/dist/assets/logo/davinci-white.svg.esm.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"davinci-white.svg.esm.js","sources":["../../../src/assets/logo/davinci-white.svg"],"sourcesContent":["export default \"__VITE_ASSET__AP0W$C_D__\""],"names":["davinciWhite"],"mappings":"AAAA,MAAeA,EAAA"}

package/dist/assets/logo/elty-dark.svg.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"elty-dark.svg.cjs.js","sources":["../../../src/assets/logo/elty-dark.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='91'%20height='46'%20viewBox='0%200%2091%2046'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M28.51%2022.0435H8.03073C8.19941%2023.8941%208.90577%2025.3476%2010.1551%2026.3958C11.4018%2027.4441%2012.9357%2027.9709%2014.757%2027.9709C17.3874%2027.9709%2019.2587%2026.9361%2020.371%2024.8694H28.0066C27.1974%2027.3387%2025.6476%2029.3676%2023.3546%2030.9562C21.0615%2032.5474%2018.2466%2033.339%2014.9099%2033.339C12.2136%2033.339%209.794%2032.7906%207.65382%2031.6964C5.51365%2030.6023%203.84263%2029.0515%202.64866%2027.0442C1.45206%2025.0396%200.85376%2022.7243%200.85376%2020.101C0.85376%2017.4777%201.44415%2015.1165%202.6223%2013.1119C3.80309%2011.1073%205.45303%209.56464%207.57739%208.48399C9.70175%207.40333%2012.145%206.86301%2014.9099%206.86301C17.6747%206.86301%2019.9572%207.38712%2022.0657%208.43806C24.1716%209.48629%2025.8084%2010.9776%2026.9707%2012.9066C28.1331%2014.8355%2028.7156%2017.0509%2028.7156%2019.5499C28.7156%2020.4765%2028.647%2021.3086%2028.5126%2022.0489L28.51%2022.0435ZM21.3805%2017.6912C21.3462%2016.0242%2020.6899%2014.6896%2019.409%2013.6873C18.128%2012.685%2016.5598%2012.1825%2014.7069%2012.1825C12.9542%2012.1825%2011.4782%2012.6688%2010.2816%2013.6414C9.085%2014.614%208.35228%2015.9648%208.0808%2017.6912H21.3805Z'%20fill='%230F3250'/%3e%3cpath%20d='M38.648%203.57554L38.6478%2033.4311H34.7051C32.7491%2033.4311%2031.1637%2031.8379%2031.1637%2029.8724L31.1638%202.67834e-05H35.0898C37.0542%202.67834e-05%2038.648%201.60159%2038.648%203.57554Z'%20fill='%230F3250'/%3e%3cpath%20d='M51.3023%2012.3696V25.2269C51.3023%2026.1229%2051.5419%2026.7697%2052.0239%2027.17C52.506%2027.5704%2053.314%2027.7692%2054.4564%2027.7692C56.3754%2027.7692%2057.931%2029.3249%2057.931%2031.2438V33.4307H53.2276C46.9193%2033.4307%2043.7652%2030.6812%2043.7652%2025.1793V12.3696H43.4643C41.681%2012.3696%2040.2377%2010.9164%2040.2377%209.12727V6.85373H43.7652V0.27948H47.8333C49.7503%200.27948%2051.3023%201.83904%2051.3023%203.7654V6.85093H54.5735C56.4292%206.85093%2057.931%208.36289%2057.931%2010.2248V12.3668H51.3023V12.3696Z'%20fill='%230F3250'/%3e%3cpath%20d='M90.424%206.86301L72.0925%2046C68.4128%2046%2066.0061%2042.1288%2067.6161%2038.8063L70.5437%2032.7631L58.6802%206.86301H63.8919C65.8167%206.86301%2067.5493%208.02743%2068.2874%209.81605L74.7136%2025.4266L81.3125%209.62292C82.0089%207.95186%2083.6384%206.86581%2085.4407%206.86581H90.4268L90.424%206.86301Z'%20fill='%230F3250'/%3e%3c/svg%3e\""],"names":["eltyDark"],"mappings":"4GAAA,MAAeA,EAAA"}