@davincihealthcare/elty-design-system-vue 1.77.0 → 1.77.2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./input.cjs.js"),B=require("./ElInputContainer.vue.cjs2.js"),i=require("../types.cjs.js"),_=["id","name","placeholder","disabled"],E={key:0,class:"absolute top-[4px] right-0 flex h-5/6 items-center"},D=["disabled"],q=e.defineComponent({__name:"ElInputMeasureUnit",props:{...o.withNumberElInputProps(),availableUnitCategory:{type:String,default:()=>""},defaultUnit:{type:String,default:null},disableUnitChange:{type:Boolean,default:!1}},emits:["update:modelValue","changeUnit"],setup(d,{expose:p,emit:g}){const h={weight:["kg","hg","g"],height:["m","cm"],drugUnitMeasure:Object.keys(i.DrugUnitMeasures),drugTimeMeasure:Object.keys(i.DrugTimeMeasures).filter(t=>t!=="AlBisogno").concat(["Al bisogno"]),drugDurationMeasure:Object.keys(i.DrugDurationMeasures)},a=d,u=e.computed(()=>h[a.availableUnitCategory]),c=g,v=t=>{switch(t){case"drugTimeMeasure":return"Giorni";case"drugUnitMeasure":return"Cpr";case"height":return"m";case"weight":return"kg";default:return""}},f=e.computed(()=>a.modelValue),b=e.computed(()=>[a.validation]),U=e.ref(a.defaultUnit||v(a.availableUnitCategory)),k=t=>{c("update:modelValue",t)},{value:l,errorMessage:M,uuid:m}=o.useInput(f,b,a.name,t=>k(t)),r=e.ref(U),y=()=>{const t=r.value==="Al bisogno"?"AlBisogno":r.value;c("changeUnit",t)},C=t=>r.value=t;return e.watch(()=>r.value,()=>{r.value==="Al bisogno"&&(l.value=void 0)}),p({changeUnit:C}),(t,s)=>(e.openBlock(),e.createBlock(B.default,e.mergeProps(t.$attrs,{name:e.unref(m),label:t.label,"error-message":a.errorMessage===!1?!1:a.errorMessage||e.unref(M),"hidden-error-message":t.hiddenErrorMessage,"set-required-mark":e.unref(o.showRequiredMark)([t.validation]),class:"relative"}),{default:e.withCtx(({error:V})=>[e.withDirectives(e.createElementVNode("input",{id:e.unref(m),name:a.name,"onUpdate:modelValue":s[0]||(s[0]=n=>e.isRef(l)?l.value=n:null),type:"number",class:e.normalizeClass(["el-input el-input-measure-unit",{error:V}]),placeholder:t.placeholder,disabled:t.disabled,autocomplete:"no_thanks"},null,10,_),[[e.vModelText,e.unref(l)]]),u.value&&u.value.length>0?(e.openBlock(),e.createElementBlock("div",E,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":s[1]||(s[1]=n=>r.value=n),class:"mr-[-2px] max-w-[100px] rounded-md border-transparent bg-transparent py-0 pl-[0px] pr-7 text-neutral-lighter focus:border-0 focus:ring-0 sm:text-sm",disabled:d.disableUnitChange,onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(n,w)=>(e.openBlock(),e.createElementBlock("option",{key:w},[e.createElementVNode("span",null,e.toDisplayString(n),1)]))),128))],40,D),[[e.vModelSelect,r.value]])])):e.createCommentVNode("",!0)]),_:1},16,["name","label","error-message","hidden-error-message","set-required-mark"]))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./input.cjs.js"),B=require("./ElInputContainer.vue.cjs2.js"),i=require("../types.cjs.js"),_=["id","name","placeholder","disabled"],E={key:0,class:"absolute top-[4px] right-0 flex h-5/6 items-center"},D=["disabled"],q=e.defineComponent({__name:"ElInputMeasureUnit",props:{...o.withNumberElInputProps(),availableUnitCategory:{type:String,default:()=>""},defaultUnit:{type:String,default:null},disableUnitChange:{type:Boolean,default:!1}},emits:["update:modelValue","changeUnit"],setup(d,{expose:p,emit:g}){const h={weight:["kg","hg","g"],height:["m","cm"],drugUnitMeasure:Object.keys(i.DrugUnitMeasures),drugTimeMeasure:Object.keys(i.DrugTimeMeasures).filter(t=>t!=="AlBisogno").concat(["Al bisogno"]),drugDurationMeasure:Object.keys(i.DrugDurationMeasures)},a=d,u=e.computed(()=>h[a.availableUnitCategory]),c=g,v=t=>{switch(t){case"drugTimeMeasure":return"Giorni";case"drugUnitMeasure":return"Cpr";case"height":return"m";case"weight":return"kg";default:return""}},f=e.computed(()=>a.modelValue),b=e.computed(()=>[a.validation]),U=e.ref(a.defaultUnit||v(a.availableUnitCategory)),k=t=>{c("update:modelValue",t)},{value:l,errorMessage:M,uuid:m}=o.useInput(f,b,a.name,t=>k(t)),r=e.ref(U),y=()=>{const t=r.value==="Al bisogno"?"AlBisogno":r.value;c("changeUnit",t)},C=t=>r.value=t;return e.watch(()=>r.value,()=>{r.value==="Al bisogno"&&(l.value=void 0)}),p({changeUnit:C}),(t,s)=>(e.openBlock(),e.createBlock(B.default,e.mergeProps(t.$attrs,{name:e.unref(m),label:t.label,"error-message":a.errorMessage===!1?!1:a.errorMessage||e.unref(M),"hidden-error-message":t.hiddenErrorMessage,"set-required-mark":e.unref(o.showRequiredMark)([t.validation]),class:"relative"}),{default:e.withCtx(({error:V})=>[e.withDirectives(e.createElementVNode("input",{id:e.unref(m),"onUpdate:modelValue":s[0]||(s[0]=n=>e.isRef(l)?l.value=n:null),name:a.name,type:"number",class:e.normalizeClass(["el-input el-input-measure-unit",{error:V}]),placeholder:t.placeholder,disabled:t.disabled,autocomplete:"no_thanks"},null,10,_),[[e.vModelText,e.unref(l)]]),u.value&&u.value.length>0?(e.openBlock(),e.createElementBlock("div",E,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":s[1]||(s[1]=n=>r.value=n),class:"mr-[-2px] max-w-[100px] rounded-md border-transparent bg-transparent py-0 pl-[0px] pr-7 text-neutral-lighter focus:border-0 focus:ring-0 sm:text-sm",disabled:d.disableUnitChange,onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(n,w)=>(e.openBlock(),e.createElementBlock("option",{key:w},[e.createElementVNode("span",null,e.toDisplayString(n),1)]))),128))],40,D),[[e.vModelSelect,r.value]])])):e.createCommentVNode("",!0)]),_:1},16,["name","label","error-message","hidden-error-message","set-required-mark"]))}});exports.default=q;
 //# sourceMappingURL=ElInputMeasureUnit.vue.cjs2.js.map

package/dist/src/forms/ElInputMeasureUnit.vue.cjs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElInputMeasureUnit.vue.cjs2.js","sources":["../../../src/forms/ElInputMeasureUnit.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useInput, showRequiredMark, NumberValueType, withNumberElInputProps } from '@/forms/input';\nimport { computed, PropType, ref, watch } from 'vue';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport { DrugDurationMeasures, DrugTimeMeasures, DrugUnitMeasures } from '@/types';\n\ninterface MeasureUnitTypes {\n  weight: string[];\n  height: string[];\n  drugUnitMeasure: string[];\n  drugTimeMeasure: string[];\n  drugDurationMeasure: string[];\n}\n\nconst measureUnitTypes: MeasureUnitTypes = {\n  weight: ['kg', 'hg', 'g'],\n  height: ['m', 'cm'],\n  drugUnitMeasure: Object.keys(DrugUnitMeasures),\n  drugTimeMeasure: Object.keys(DrugTimeMeasures)\n    .filter(measure => measure !== 'AlBisogno')\n    .concat(['Al bisogno']),\n  drugDurationMeasure: Object.keys(DrugDurationMeasures),\n};\n\nconst props = defineProps({\n  ...withNumberElInputProps(),\n  availableUnitCategory: {\n    type: String as PropType<keyof MeasureUnitTypes>,\n    default: () => '',\n  },\n  defaultUnit: {\n    type: String,\n    default: null,\n  },\n  disableUnitChange: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst availableUnits = computed(() => {\n  return measureUnitTypes[props.availableUnitCategory];\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: NumberValueType): void;\n  (event: 'changeUnit', value: string): void;\n}>();\n\nconst getDefaultUnits = (category: keyof MeasureUnitTypes) => {\n  switch (category) {\n    case 'drugTimeMeasure':\n      return 'Giorni';\n    case 'drugUnitMeasure':\n      return 'Cpr';\n    case 'height':\n      return 'm';\n    case 'weight':\n      return 'kg';\n    default:\n      return '';\n  }\n};\n\nconst computedModelValue = computed(() => props.modelValue);\nconst computedValidation = computed(() => [props.validation]);\nconst currentUnit = ref<string>(props.defaultUnit || getDefaultUnits(props.availableUnitCategory));\n\nconst emitNewValue = (val: NumberValueType): void => {\n  emit('update:modelValue', val);\n};\n\nconst { value, errorMessage, uuid } = useInput(computedModelValue, computedValidation, props.name, newVal => emitNewValue(newVal));\n\nconst unit = ref(currentUnit);\n\nconst handleInputUnit = () => {\n  const value = unit.value === 'Al bisogno' ? 'AlBisogno' : unit.value;\n  emit('changeUnit', value);\n};\n\nconst changeUnit = (value: string) => (unit.value = value);\n\nwatch(\n  () => unit.value,\n  () => {\n    if (unit.value === 'Al bisogno') value.value = undefined;\n  },\n);\n\ndefineExpose({\n  changeUnit,\n});\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"uuid\"\n    :label=\"label\"\n    :error-message=\"props.errorMessage === false ? false : props.errorMessage || errorMessage\"\n    :hidden-error-message=\"hiddenErrorMessage\"\n    :set-required-mark=\"showRequiredMark([validation])\"\n    class=\"relative\"\n  >\n    <template #default=\"{ error }\">\n      <input\n        :id=\"uuid\"\n        :name=\"props.name\"\n        v-model=\"value\"\n        type=\"number\"\n        class=\"el-input el-input-measure-unit\"\n        :class=\"{ error }\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        autocomplete=\"no_thanks\"\n      />\n      <div v-if=\"availableUnits && availableUnits.length > 0\" class=\"absolute top-[4px] right-0 flex h-5/6 items-center\">\n        <select\n          v-model=\"unit\"\n          class=\"mr-[-2px] max-w-[100px] rounded-md border-transparent bg-transparent py-0 pl-[0px] pr-7 text-neutral-lighter focus:border-0 focus:ring-0 sm:text-sm\"\n          :disabled=\"disableUnitChange\"\n          @change=\"handleInputUnit\"\n        >\n          <option v-for=\"(item, index) in availableUnits\" :key=\"index\">\n            <span>{{ item }}</span>\n          </option>\n        </select>\n      </div>\n    </template>\n  </ElInputContainer>\n</template>\n"],"names":["measureUnitTypes","DrugUnitMeasures","DrugTimeMeasures","measure","DrugDurationMeasures","props","__props","availableUnits","computed","emit","__emit","getDefaultUnits","category","computedModelValue","computedValidation","currentUnit","ref","emitNewValue","val","value","errorMessage","uuid","useInput","newVal","unit","handleInputUnit","changeUnit","watch","__expose"],"mappings":"soBAcA,MAAMA,EAAqC,CACzC,OAAQ,CAAC,KAAM,KAAM,GAAG,EACxB,OAAQ,CAAC,IAAK,IAAI,EAClB,gBAAiB,OAAO,KAAKC,kBAAgB,EAC7C,gBAAiB,OAAO,KAAKC,EAAgB,gBAAA,EAC1C,OAAkBC,GAAAA,IAAY,WAAW,EACzC,OAAO,CAAC,YAAY,CAAC,EACxB,oBAAqB,OAAO,KAAKC,sBAAoB,CAAA,EAGjDC,EAAQC,EAgBRC,EAAiBC,EAAAA,SAAS,IACvBR,EAAiBK,EAAM,qBAAqB,CACpD,EAEKI,EAAOC,EAKPC,EAAmBC,GAAqC,CAC5D,OAAQA,EAAU,CAChB,IAAK,kBACI,MAAA,SACT,IAAK,kBACI,MAAA,MACT,IAAK,SACI,MAAA,IACT,IAAK,SACI,MAAA,KACT,QACS,MAAA,EACX,CAAA,EAGIC,EAAqBL,EAAA,SAAS,IAAMH,EAAM,UAAU,EACpDS,EAAqBN,EAAAA,SAAS,IAAM,CAACH,EAAM,UAAU,CAAC,EACtDU,EAAcC,EAAY,IAAAX,EAAM,aAAeM,EAAgBN,EAAM,qBAAqB,CAAC,EAE3FY,EAAgBC,GAA+B,CACnDT,EAAK,oBAAqBS,CAAG,CAAA,EAGzB,CAAE,MAAAC,EAAO,aAAAC,EAAc,KAAAC,CAAS,EAAAC,EAAA,SAAST,EAAoBC,EAAoBT,EAAM,KAAgBkB,GAAAN,EAAaM,CAAM,CAAC,EAE3HC,EAAOR,MAAID,CAAW,EAEtBU,EAAkB,IAAM,CAC5B,MAAMN,EAAQK,EAAK,QAAU,aAAe,YAAcA,EAAK,MAC/Df,EAAK,aAAcU,CAAK,CAAA,EAGpBO,EAAcP,GAAmBK,EAAK,MAAQL,EAEpDQ,OAAAA,EAAA,MACE,IAAMH,EAAK,MACX,IAAM,CACAA,EAAK,QAAU,eAAcL,EAAM,MAAQ,OACjD,CAAA,EAGWS,EAAA,CACX,WAAAF,CAAA,CACD"}
+{"version":3,"file":"ElInputMeasureUnit.vue.cjs2.js","sources":["../../../src/forms/ElInputMeasureUnit.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useInput, showRequiredMark, NumberValueType, withNumberElInputProps } from '@/forms/input';\nimport { computed, PropType, ref, watch } from 'vue';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport { DrugDurationMeasures, DrugTimeMeasures, DrugUnitMeasures } from '@/types';\n\ninterface MeasureUnitTypes {\n  weight: string[];\n  height: string[];\n  drugUnitMeasure: string[];\n  drugTimeMeasure: string[];\n  drugDurationMeasure: string[];\n}\n\nconst measureUnitTypes: MeasureUnitTypes = {\n  weight: ['kg', 'hg', 'g'],\n  height: ['m', 'cm'],\n  drugUnitMeasure: Object.keys(DrugUnitMeasures),\n  drugTimeMeasure: Object.keys(DrugTimeMeasures)\n    .filter(measure => measure !== 'AlBisogno')\n    .concat(['Al bisogno']),\n  drugDurationMeasure: Object.keys(DrugDurationMeasures),\n};\n\nconst props = defineProps({\n  ...withNumberElInputProps(),\n  availableUnitCategory: {\n    type: String as PropType<keyof MeasureUnitTypes>,\n    default: () => '',\n  },\n  defaultUnit: {\n    type: String,\n    default: null,\n  },\n  disableUnitChange: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst availableUnits = computed(() => {\n  return measureUnitTypes[props.availableUnitCategory];\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: NumberValueType): void;\n  (event: 'changeUnit', value: string): void;\n}>();\n\nconst getDefaultUnits = (category: keyof MeasureUnitTypes) => {\n  switch (category) {\n    case 'drugTimeMeasure':\n      return 'Giorni';\n    case 'drugUnitMeasure':\n      return 'Cpr';\n    case 'height':\n      return 'm';\n    case 'weight':\n      return 'kg';\n    default:\n      return '';\n  }\n};\n\nconst computedModelValue = computed(() => props.modelValue);\nconst computedValidation = computed(() => [props.validation]);\nconst currentUnit = ref<string>(props.defaultUnit || getDefaultUnits(props.availableUnitCategory));\n\nconst emitNewValue = (val: NumberValueType): void => {\n  emit('update:modelValue', val);\n};\n\nconst { value, errorMessage, uuid } = useInput(computedModelValue, computedValidation, props.name, newVal => emitNewValue(newVal));\n\nconst unit = ref(currentUnit);\n\nconst handleInputUnit = () => {\n  const value = unit.value === 'Al bisogno' ? 'AlBisogno' : unit.value;\n  emit('changeUnit', value);\n};\n\nconst changeUnit = (value: string) => (unit.value = value);\n\nwatch(\n  () => unit.value,\n  () => {\n    if (unit.value === 'Al bisogno') value.value = undefined;\n  },\n);\n\ndefineExpose({\n  changeUnit,\n});\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"uuid\"\n    :label=\"label\"\n    :error-message=\"props.errorMessage === false ? false : props.errorMessage || errorMessage\"\n    :hidden-error-message=\"hiddenErrorMessage\"\n    :set-required-mark=\"showRequiredMark([validation])\"\n    class=\"relative\"\n  >\n    <template #default=\"{ error }\">\n      <input\n        :id=\"uuid\"\n        v-model=\"value\"\n        :name=\"props.name\"\n        type=\"number\"\n        class=\"el-input el-input-measure-unit\"\n        :class=\"{ error }\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        autocomplete=\"no_thanks\"\n      />\n      <div v-if=\"availableUnits && availableUnits.length > 0\" class=\"absolute top-[4px] right-0 flex h-5/6 items-center\">\n        <select\n          v-model=\"unit\"\n          class=\"mr-[-2px] max-w-[100px] rounded-md border-transparent bg-transparent py-0 pl-[0px] pr-7 text-neutral-lighter focus:border-0 focus:ring-0 sm:text-sm\"\n          :disabled=\"disableUnitChange\"\n          @change=\"handleInputUnit\"\n        >\n          <option v-for=\"(item, index) in availableUnits\" :key=\"index\">\n            <span>{{ item }}</span>\n          </option>\n        </select>\n      </div>\n    </template>\n  </ElInputContainer>\n</template>\n"],"names":["measureUnitTypes","DrugUnitMeasures","DrugTimeMeasures","measure","DrugDurationMeasures","props","__props","availableUnits","computed","emit","__emit","getDefaultUnits","category","computedModelValue","computedValidation","currentUnit","ref","emitNewValue","val","value","errorMessage","uuid","useInput","newVal","unit","handleInputUnit","changeUnit","watch","__expose"],"mappings":"soBAcA,MAAMA,EAAqC,CACzC,OAAQ,CAAC,KAAM,KAAM,GAAG,EACxB,OAAQ,CAAC,IAAK,IAAI,EAClB,gBAAiB,OAAO,KAAKC,kBAAgB,EAC7C,gBAAiB,OAAO,KAAKC,EAAgB,gBAAA,EAC1C,OAAkBC,GAAAA,IAAY,WAAW,EACzC,OAAO,CAAC,YAAY,CAAC,EACxB,oBAAqB,OAAO,KAAKC,sBAAoB,CAAA,EAGjDC,EAAQC,EAgBRC,EAAiBC,EAAAA,SAAS,IACvBR,EAAiBK,EAAM,qBAAqB,CACpD,EAEKI,EAAOC,EAKPC,EAAmBC,GAAqC,CAC5D,OAAQA,EAAU,CAChB,IAAK,kBACI,MAAA,SACT,IAAK,kBACI,MAAA,MACT,IAAK,SACI,MAAA,IACT,IAAK,SACI,MAAA,KACT,QACS,MAAA,EACX,CAAA,EAGIC,EAAqBL,EAAA,SAAS,IAAMH,EAAM,UAAU,EACpDS,EAAqBN,EAAAA,SAAS,IAAM,CAACH,EAAM,UAAU,CAAC,EACtDU,EAAcC,EAAY,IAAAX,EAAM,aAAeM,EAAgBN,EAAM,qBAAqB,CAAC,EAE3FY,EAAgBC,GAA+B,CACnDT,EAAK,oBAAqBS,CAAG,CAAA,EAGzB,CAAE,MAAAC,EAAO,aAAAC,EAAc,KAAAC,CAAS,EAAAC,EAAA,SAAST,EAAoBC,EAAoBT,EAAM,KAAgBkB,GAAAN,EAAaM,CAAM,CAAC,EAE3HC,EAAOR,MAAID,CAAW,EAEtBU,EAAkB,IAAM,CAC5B,MAAMN,EAAQK,EAAK,QAAU,aAAe,YAAcA,EAAK,MAC/Df,EAAK,aAAcU,CAAK,CAAA,EAGpBO,EAAcP,GAAmBK,EAAK,MAAQL,EAEpDQ,OAAAA,EAAA,MACE,IAAMH,EAAK,MACX,IAAM,CACAA,EAAK,QAAU,eAAcL,EAAM,MAAQ,OACjD,CAAA,EAGWS,EAAA,CACX,WAAAF,CAAA,CACD"}

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

@@ -1,2 +1,2 @@
-import{defineComponent as E,computed as u,ref as h,watch as T,openBlock as o,createBlock as I,mergeProps as N,unref as n,withCtx as S,withDirectives as f,createElementVNode as d,isRef as _,normalizeClass as j,vModelText as q,createElementBlock as m,Fragment as O,renderList as P,toDisplayString as R,vModelSelect as $,createCommentVNode as z}from"vue";import{withNumberElInputProps as F,useInput as G,showRequiredMark as L}from"./input.esm.js";import H from"./ElInputContainer.vue.esm2.js";import{DrugUnitMeasures as J,DrugTimeMeasures as K,DrugDurationMeasures as Q}from"../types.esm.js";const W=["id","name","placeholder","disabled"],X={key:0,class:"absolute top-[4px] right-0 flex h-5/6 items-center"},Y=["disabled"],re=E({__name:"ElInputMeasureUnit",props:{...F(),availableUnitCategory:{type:String,default:()=>""},defaultUnit:{type:String,default:null},disableUnitChange:{type:Boolean,default:!1}},emits:["update:modelValue","changeUnit"],setup(p,{expose:b,emit:v}){const U={weight:["kg","hg","g"],height:["m","cm"],drugUnitMeasure:Object.keys(J),drugTimeMeasure:Object.keys(K).filter(e=>e!=="AlBisogno").concat(["Al bisogno"]),drugDurationMeasure:Object.keys(Q)},t=p,i=u(()=>U[t.availableUnitCategory]),c=v,M=e=>{switch(e){case"drugTimeMeasure":return"Giorni";case"drugUnitMeasure":return"Cpr";case"height":return"m";case"weight":return"kg";default:return""}},y=u(()=>t.modelValue),k=u(()=>[t.validation]),C=h(t.defaultUnit||M(t.availableUnitCategory)),w=e=>{c("update:modelValue",e)},{value:s,errorMessage:V,uuid:g}=G(y,k,t.name,e=>w(e)),a=h(C),D=()=>{const e=a.value==="Al bisogno"?"AlBisogno":a.value;c("changeUnit",e)},x=e=>a.value=e;return T(()=>a.value,()=>{a.value==="Al bisogno"&&(s.value=void 0)}),b({changeUnit:x}),(e,l)=>(o(),I(H,N(e.$attrs,{name:n(g),label:e.label,"error-message":t.errorMessage===!1?!1:t.errorMessage||n(V),"hidden-error-message":e.hiddenErrorMessage,"set-required-mark":n(L)([e.validation]),class:"relative"}),{default:S(({error:B})=>[f(d("input",{id:n(g),name:t.name,"onUpdate:modelValue":l[0]||(l[0]=r=>_(s)?s.value=r:null),type:"number",class:j(["el-input el-input-measure-unit",{error:B}]),placeholder:e.placeholder,disabled:e.disabled,autocomplete:"no_thanks"},null,10,W),[[q,n(s)]]),i.value&&i.value.length>0?(o(),m("div",X,[f(d("select",{"onUpdate:modelValue":l[1]||(l[1]=r=>a.value=r),class:"mr-[-2px] max-w-[100px] rounded-md border-transparent bg-transparent py-0 pl-[0px] pr-7 text-neutral-lighter focus:border-0 focus:ring-0 sm:text-sm",disabled:p.disableUnitChange,onChange:D},[(o(!0),m(O,null,P(i.value,(r,A)=>(o(),m("option",{key:A},[d("span",null,R(r),1)]))),128))],40,Y),[[$,a.value]])])):z("",!0)]),_:1},16,["name","label","error-message","hidden-error-message","set-required-mark"]))}});export{re as default};
+import{defineComponent as E,computed as u,ref as h,watch as T,openBlock as o,createBlock as I,mergeProps as N,unref as n,withCtx as S,withDirectives as f,createElementVNode as d,isRef as _,normalizeClass as j,vModelText as q,createElementBlock as m,Fragment as O,renderList as P,toDisplayString as R,vModelSelect as $,createCommentVNode as z}from"vue";import{withNumberElInputProps as F,useInput as G,showRequiredMark as L}from"./input.esm.js";import H from"./ElInputContainer.vue.esm2.js";import{DrugUnitMeasures as J,DrugTimeMeasures as K,DrugDurationMeasures as Q}from"../types.esm.js";const W=["id","name","placeholder","disabled"],X={key:0,class:"absolute top-[4px] right-0 flex h-5/6 items-center"},Y=["disabled"],re=E({__name:"ElInputMeasureUnit",props:{...F(),availableUnitCategory:{type:String,default:()=>""},defaultUnit:{type:String,default:null},disableUnitChange:{type:Boolean,default:!1}},emits:["update:modelValue","changeUnit"],setup(p,{expose:b,emit:v}){const U={weight:["kg","hg","g"],height:["m","cm"],drugUnitMeasure:Object.keys(J),drugTimeMeasure:Object.keys(K).filter(e=>e!=="AlBisogno").concat(["Al bisogno"]),drugDurationMeasure:Object.keys(Q)},t=p,i=u(()=>U[t.availableUnitCategory]),c=v,M=e=>{switch(e){case"drugTimeMeasure":return"Giorni";case"drugUnitMeasure":return"Cpr";case"height":return"m";case"weight":return"kg";default:return""}},y=u(()=>t.modelValue),k=u(()=>[t.validation]),C=h(t.defaultUnit||M(t.availableUnitCategory)),w=e=>{c("update:modelValue",e)},{value:s,errorMessage:V,uuid:g}=G(y,k,t.name,e=>w(e)),a=h(C),D=()=>{const e=a.value==="Al bisogno"?"AlBisogno":a.value;c("changeUnit",e)},x=e=>a.value=e;return T(()=>a.value,()=>{a.value==="Al bisogno"&&(s.value=void 0)}),b({changeUnit:x}),(e,l)=>(o(),I(H,N(e.$attrs,{name:n(g),label:e.label,"error-message":t.errorMessage===!1?!1:t.errorMessage||n(V),"hidden-error-message":e.hiddenErrorMessage,"set-required-mark":n(L)([e.validation]),class:"relative"}),{default:S(({error:B})=>[f(d("input",{id:n(g),"onUpdate:modelValue":l[0]||(l[0]=r=>_(s)?s.value=r:null),name:t.name,type:"number",class:j(["el-input el-input-measure-unit",{error:B}]),placeholder:e.placeholder,disabled:e.disabled,autocomplete:"no_thanks"},null,10,W),[[q,n(s)]]),i.value&&i.value.length>0?(o(),m("div",X,[f(d("select",{"onUpdate:modelValue":l[1]||(l[1]=r=>a.value=r),class:"mr-[-2px] max-w-[100px] rounded-md border-transparent bg-transparent py-0 pl-[0px] pr-7 text-neutral-lighter focus:border-0 focus:ring-0 sm:text-sm",disabled:p.disableUnitChange,onChange:D},[(o(!0),m(O,null,P(i.value,(r,A)=>(o(),m("option",{key:A},[d("span",null,R(r),1)]))),128))],40,Y),[[$,a.value]])])):z("",!0)]),_:1},16,["name","label","error-message","hidden-error-message","set-required-mark"]))}});export{re as default};
 //# sourceMappingURL=ElInputMeasureUnit.vue.esm2.js.map

package/dist/src/forms/ElInputMeasureUnit.vue.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElInputMeasureUnit.vue.esm2.js","sources":["../../../src/forms/ElInputMeasureUnit.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useInput, showRequiredMark, NumberValueType, withNumberElInputProps } from '@/forms/input';\nimport { computed, PropType, ref, watch } from 'vue';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport { DrugDurationMeasures, DrugTimeMeasures, DrugUnitMeasures } from '@/types';\n\ninterface MeasureUnitTypes {\n  weight: string[];\n  height: string[];\n  drugUnitMeasure: string[];\n  drugTimeMeasure: string[];\n  drugDurationMeasure: string[];\n}\n\nconst measureUnitTypes: MeasureUnitTypes = {\n  weight: ['kg', 'hg', 'g'],\n  height: ['m', 'cm'],\n  drugUnitMeasure: Object.keys(DrugUnitMeasures),\n  drugTimeMeasure: Object.keys(DrugTimeMeasures)\n    .filter(measure => measure !== 'AlBisogno')\n    .concat(['Al bisogno']),\n  drugDurationMeasure: Object.keys(DrugDurationMeasures),\n};\n\nconst props = defineProps({\n  ...withNumberElInputProps(),\n  availableUnitCategory: {\n    type: String as PropType<keyof MeasureUnitTypes>,\n    default: () => '',\n  },\n  defaultUnit: {\n    type: String,\n    default: null,\n  },\n  disableUnitChange: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst availableUnits = computed(() => {\n  return measureUnitTypes[props.availableUnitCategory];\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: NumberValueType): void;\n  (event: 'changeUnit', value: string): void;\n}>();\n\nconst getDefaultUnits = (category: keyof MeasureUnitTypes) => {\n  switch (category) {\n    case 'drugTimeMeasure':\n      return 'Giorni';\n    case 'drugUnitMeasure':\n      return 'Cpr';\n    case 'height':\n      return 'm';\n    case 'weight':\n      return 'kg';\n    default:\n      return '';\n  }\n};\n\nconst computedModelValue = computed(() => props.modelValue);\nconst computedValidation = computed(() => [props.validation]);\nconst currentUnit = ref<string>(props.defaultUnit || getDefaultUnits(props.availableUnitCategory));\n\nconst emitNewValue = (val: NumberValueType): void => {\n  emit('update:modelValue', val);\n};\n\nconst { value, errorMessage, uuid } = useInput(computedModelValue, computedValidation, props.name, newVal => emitNewValue(newVal));\n\nconst unit = ref(currentUnit);\n\nconst handleInputUnit = () => {\n  const value = unit.value === 'Al bisogno' ? 'AlBisogno' : unit.value;\n  emit('changeUnit', value);\n};\n\nconst changeUnit = (value: string) => (unit.value = value);\n\nwatch(\n  () => unit.value,\n  () => {\n    if (unit.value === 'Al bisogno') value.value = undefined;\n  },\n);\n\ndefineExpose({\n  changeUnit,\n});\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"uuid\"\n    :label=\"label\"\n    :error-message=\"props.errorMessage === false ? false : props.errorMessage || errorMessage\"\n    :hidden-error-message=\"hiddenErrorMessage\"\n    :set-required-mark=\"showRequiredMark([validation])\"\n    class=\"relative\"\n  >\n    <template #default=\"{ error }\">\n      <input\n        :id=\"uuid\"\n        :name=\"props.name\"\n        v-model=\"value\"\n        type=\"number\"\n        class=\"el-input el-input-measure-unit\"\n        :class=\"{ error }\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        autocomplete=\"no_thanks\"\n      />\n      <div v-if=\"availableUnits && availableUnits.length > 0\" class=\"absolute top-[4px] right-0 flex h-5/6 items-center\">\n        <select\n          v-model=\"unit\"\n          class=\"mr-[-2px] max-w-[100px] rounded-md border-transparent bg-transparent py-0 pl-[0px] pr-7 text-neutral-lighter focus:border-0 focus:ring-0 sm:text-sm\"\n          :disabled=\"disableUnitChange\"\n          @change=\"handleInputUnit\"\n        >\n          <option v-for=\"(item, index) in availableUnits\" :key=\"index\">\n            <span>{{ item }}</span>\n          </option>\n        </select>\n      </div>\n    </template>\n  </ElInputContainer>\n</template>\n"],"names":["measureUnitTypes","DrugUnitMeasures","DrugTimeMeasures","measure","DrugDurationMeasures","props","__props","availableUnits","computed","emit","__emit","getDefaultUnits","category","computedModelValue","computedValidation","currentUnit","ref","emitNewValue","val","value","errorMessage","uuid","useInput","newVal","unit","handleInputUnit","changeUnit","watch","__expose"],"mappings":"28BAcA,MAAMA,EAAqC,CACzC,OAAQ,CAAC,KAAM,KAAM,GAAG,EACxB,OAAQ,CAAC,IAAK,IAAI,EAClB,gBAAiB,OAAO,KAAKC,CAAgB,EAC7C,gBAAiB,OAAO,KAAKC,CAAgB,EAC1C,OAAkBC,GAAAA,IAAY,WAAW,EACzC,OAAO,CAAC,YAAY,CAAC,EACxB,oBAAqB,OAAO,KAAKC,CAAoB,CAAA,EAGjDC,EAAQC,EAgBRC,EAAiBC,EAAS,IACvBR,EAAiBK,EAAM,qBAAqB,CACpD,EAEKI,EAAOC,EAKPC,EAAmBC,GAAqC,CAC5D,OAAQA,EAAU,CAChB,IAAK,kBACI,MAAA,SACT,IAAK,kBACI,MAAA,MACT,IAAK,SACI,MAAA,IACT,IAAK,SACI,MAAA,KACT,QACS,MAAA,EACX,CAAA,EAGIC,EAAqBL,EAAS,IAAMH,EAAM,UAAU,EACpDS,EAAqBN,EAAS,IAAM,CAACH,EAAM,UAAU,CAAC,EACtDU,EAAcC,EAAYX,EAAM,aAAeM,EAAgBN,EAAM,qBAAqB,CAAC,EAE3FY,EAAgBC,GAA+B,CACnDT,EAAK,oBAAqBS,CAAG,CAAA,EAGzB,CAAE,MAAAC,EAAO,aAAAC,EAAc,KAAAC,CAAS,EAAAC,EAAST,EAAoBC,EAAoBT,EAAM,KAAgBkB,GAAAN,EAAaM,CAAM,CAAC,EAE3HC,EAAOR,EAAID,CAAW,EAEtBU,EAAkB,IAAM,CAC5B,MAAMN,EAAQK,EAAK,QAAU,aAAe,YAAcA,EAAK,MAC/Df,EAAK,aAAcU,CAAK,CAAA,EAGpBO,EAAcP,GAAmBK,EAAK,MAAQL,EAEpD,OAAAQ,EACE,IAAMH,EAAK,MACX,IAAM,CACAA,EAAK,QAAU,eAAcL,EAAM,MAAQ,OACjD,CAAA,EAGWS,EAAA,CACX,WAAAF,CAAA,CACD"}
+{"version":3,"file":"ElInputMeasureUnit.vue.esm2.js","sources":["../../../src/forms/ElInputMeasureUnit.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useInput, showRequiredMark, NumberValueType, withNumberElInputProps } from '@/forms/input';\nimport { computed, PropType, ref, watch } from 'vue';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport { DrugDurationMeasures, DrugTimeMeasures, DrugUnitMeasures } from '@/types';\n\ninterface MeasureUnitTypes {\n  weight: string[];\n  height: string[];\n  drugUnitMeasure: string[];\n  drugTimeMeasure: string[];\n  drugDurationMeasure: string[];\n}\n\nconst measureUnitTypes: MeasureUnitTypes = {\n  weight: ['kg', 'hg', 'g'],\n  height: ['m', 'cm'],\n  drugUnitMeasure: Object.keys(DrugUnitMeasures),\n  drugTimeMeasure: Object.keys(DrugTimeMeasures)\n    .filter(measure => measure !== 'AlBisogno')\n    .concat(['Al bisogno']),\n  drugDurationMeasure: Object.keys(DrugDurationMeasures),\n};\n\nconst props = defineProps({\n  ...withNumberElInputProps(),\n  availableUnitCategory: {\n    type: String as PropType<keyof MeasureUnitTypes>,\n    default: () => '',\n  },\n  defaultUnit: {\n    type: String,\n    default: null,\n  },\n  disableUnitChange: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst availableUnits = computed(() => {\n  return measureUnitTypes[props.availableUnitCategory];\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: NumberValueType): void;\n  (event: 'changeUnit', value: string): void;\n}>();\n\nconst getDefaultUnits = (category: keyof MeasureUnitTypes) => {\n  switch (category) {\n    case 'drugTimeMeasure':\n      return 'Giorni';\n    case 'drugUnitMeasure':\n      return 'Cpr';\n    case 'height':\n      return 'm';\n    case 'weight':\n      return 'kg';\n    default:\n      return '';\n  }\n};\n\nconst computedModelValue = computed(() => props.modelValue);\nconst computedValidation = computed(() => [props.validation]);\nconst currentUnit = ref<string>(props.defaultUnit || getDefaultUnits(props.availableUnitCategory));\n\nconst emitNewValue = (val: NumberValueType): void => {\n  emit('update:modelValue', val);\n};\n\nconst { value, errorMessage, uuid } = useInput(computedModelValue, computedValidation, props.name, newVal => emitNewValue(newVal));\n\nconst unit = ref(currentUnit);\n\nconst handleInputUnit = () => {\n  const value = unit.value === 'Al bisogno' ? 'AlBisogno' : unit.value;\n  emit('changeUnit', value);\n};\n\nconst changeUnit = (value: string) => (unit.value = value);\n\nwatch(\n  () => unit.value,\n  () => {\n    if (unit.value === 'Al bisogno') value.value = undefined;\n  },\n);\n\ndefineExpose({\n  changeUnit,\n});\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"uuid\"\n    :label=\"label\"\n    :error-message=\"props.errorMessage === false ? false : props.errorMessage || errorMessage\"\n    :hidden-error-message=\"hiddenErrorMessage\"\n    :set-required-mark=\"showRequiredMark([validation])\"\n    class=\"relative\"\n  >\n    <template #default=\"{ error }\">\n      <input\n        :id=\"uuid\"\n        v-model=\"value\"\n        :name=\"props.name\"\n        type=\"number\"\n        class=\"el-input el-input-measure-unit\"\n        :class=\"{ error }\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        autocomplete=\"no_thanks\"\n      />\n      <div v-if=\"availableUnits && availableUnits.length > 0\" class=\"absolute top-[4px] right-0 flex h-5/6 items-center\">\n        <select\n          v-model=\"unit\"\n          class=\"mr-[-2px] max-w-[100px] rounded-md border-transparent bg-transparent py-0 pl-[0px] pr-7 text-neutral-lighter focus:border-0 focus:ring-0 sm:text-sm\"\n          :disabled=\"disableUnitChange\"\n          @change=\"handleInputUnit\"\n        >\n          <option v-for=\"(item, index) in availableUnits\" :key=\"index\">\n            <span>{{ item }}</span>\n          </option>\n        </select>\n      </div>\n    </template>\n  </ElInputContainer>\n</template>\n"],"names":["measureUnitTypes","DrugUnitMeasures","DrugTimeMeasures","measure","DrugDurationMeasures","props","__props","availableUnits","computed","emit","__emit","getDefaultUnits","category","computedModelValue","computedValidation","currentUnit","ref","emitNewValue","val","value","errorMessage","uuid","useInput","newVal","unit","handleInputUnit","changeUnit","watch","__expose"],"mappings":"28BAcA,MAAMA,EAAqC,CACzC,OAAQ,CAAC,KAAM,KAAM,GAAG,EACxB,OAAQ,CAAC,IAAK,IAAI,EAClB,gBAAiB,OAAO,KAAKC,CAAgB,EAC7C,gBAAiB,OAAO,KAAKC,CAAgB,EAC1C,OAAkBC,GAAAA,IAAY,WAAW,EACzC,OAAO,CAAC,YAAY,CAAC,EACxB,oBAAqB,OAAO,KAAKC,CAAoB,CAAA,EAGjDC,EAAQC,EAgBRC,EAAiBC,EAAS,IACvBR,EAAiBK,EAAM,qBAAqB,CACpD,EAEKI,EAAOC,EAKPC,EAAmBC,GAAqC,CAC5D,OAAQA,EAAU,CAChB,IAAK,kBACI,MAAA,SACT,IAAK,kBACI,MAAA,MACT,IAAK,SACI,MAAA,IACT,IAAK,SACI,MAAA,KACT,QACS,MAAA,EACX,CAAA,EAGIC,EAAqBL,EAAS,IAAMH,EAAM,UAAU,EACpDS,EAAqBN,EAAS,IAAM,CAACH,EAAM,UAAU,CAAC,EACtDU,EAAcC,EAAYX,EAAM,aAAeM,EAAgBN,EAAM,qBAAqB,CAAC,EAE3FY,EAAgBC,GAA+B,CACnDT,EAAK,oBAAqBS,CAAG,CAAA,EAGzB,CAAE,MAAAC,EAAO,aAAAC,EAAc,KAAAC,CAAS,EAAAC,EAAST,EAAoBC,EAAoBT,EAAM,KAAgBkB,GAAAN,EAAaM,CAAM,CAAC,EAE3HC,EAAOR,EAAID,CAAW,EAEtBU,EAAkB,IAAM,CAC5B,MAAMN,EAAQK,EAAK,QAAU,aAAe,YAAcA,EAAK,MAC/Df,EAAK,aAAcU,CAAK,CAAA,EAGpBO,EAAcP,GAAmBK,EAAK,MAAQL,EAEpD,OAAAQ,EACE,IAAMH,EAAK,MACX,IAAM,CACAA,EAAK,QAAU,eAAcL,EAAM,MAAQ,OACjD,CAAA,EAGWS,EAAA,CACX,WAAAF,CAAA,CACD"}

package/dist/src/forms/ElInputRichText/Editor.vue.cjs2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../../node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.cjs.js");require("../../../node_modules/tinymce/tinymce.cjs.js");require("../../../node_modules/tinymce/icons/default/icons.min.cjs.js");require("../../../node_modules/tinymce/themes/silver/theme.min.cjs.js");require("../../../node_modules/tinymce/models/dom/model.min.cjs.js");require("../../../node_modules/tinymce/skins/ui/oxide/skin.cjs.js");require("../../../node_modules/tinymce/plugins/advlist/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/image/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/code/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/fullscreen/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/emoticons/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/emoticons/js/emojis.cjs.js");require("../../../node_modules/tinymce/plugins/link/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/wordcount/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/lists/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/table/plugin.cjs.js");require("../../../node_modules/tinymce/skins/ui/oxide/content.cjs.js");const b=e.defineComponent({__name:"Editor",props:{color:{},error:{type:Boolean},plugins:{},toolbar:{},menubar:{},modelValue:{}},emits:["editor:init","blur","update:modelValue"],setup(l,{expose:n,emit:a}){const r=l,t=a,u=e.ref(null),s=e.computed(()=>r.plugins??"lists table image emoticons link fullscreen wordcount"),d=e.computed(()=>r.toolbar??"undo redo blocks bold italic underline strikethrough alignleft aligncenter alignright alignjustify link image emoticons fullscreen"),c=e.computed(()=>r.menubar??""),m=e.computed(()=>r.error?"tox--error":r.color==="primary"?"tox--primary":"tox--secondary");return n({editor:u}),(q,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(m.value)},[e.createVNode(e.unref(p.Editor),{onblur:"emit('blur')",modelValue:r.modelValue,"onUpdate:modelValue":i[0]||(i[0]=o=>t("update:modelValue",o)),init:{promotion:!1,branding:!1,statusbar:!0,plugins:s.value,toolbar:d.value,menubar:c.value,setup:o=>{o.on("init",()=>{u.value=o}),t("editor:init",o)}}},null,8,["modelValue","init"])],2))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../../node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.cjs.js");require("../../../node_modules/tinymce/tinymce.min.cjs.js");require("../../../node_modules/tinymce/themes/silver/theme.min.cjs.js");require("../../../node_modules/tinymce/models/dom/model.min.cjs.js");require("../../../node_modules/tinymce/skins/ui/oxide/skin.cjs.js");require("../../../node_modules/tinymce/plugins/advlist/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/image/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/code/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/fullscreen/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/emoticons/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/emoticons/js/emojis.cjs.js");require("../../../node_modules/tinymce/plugins/link/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/wordcount/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/lists/plugin.cjs.js");require("../../../node_modules/tinymce/plugins/table/plugin.cjs.js");require("../../../node_modules/tinymce/icons/default/icons.min.cjs.js");require("../../../node_modules/tinymce/skins/ui/oxide/content.cjs.js");const b=e.defineComponent({__name:"Editor",props:{color:{},error:{type:Boolean},plugins:{},toolbar:{},menubar:{},modelValue:{}},emits:["editor:init","blur","update:modelValue"],setup(l,{expose:n,emit:a}){const r=l,t=a,u=e.ref(null),s=e.computed(()=>r.plugins??"lists table image emoticons link fullscreen wordcount"),d=e.computed(()=>r.toolbar??"undo redo blocks bold italic underline strikethrough alignleft aligncenter alignright alignjustify link image emoticons fullscreen"),c=e.computed(()=>r.menubar??""),m=e.computed(()=>r.error?"tox--error":r.color==="primary"?"tox--primary":"tox--secondary");return n({editor:u}),(q,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(m.value)},[e.createVNode(e.unref(p.Editor),{onblur:"emit('blur')","model-value":r.modelValue,init:{promotion:!1,branding:!1,statusbar:!0,plugins:s.value,toolbar:d.value,menubar:c.value,setup:o=>{o.on("init",()=>{u.value=o}),t("editor:init",o)}},"onUpdate:modelValue":i[0]||(i[0]=o=>t("update:modelValue",o))},null,8,["model-value","init"])],2))}});exports.default=b;
 //# sourceMappingURL=Editor.vue.cjs2.js.map

package/dist/src/forms/ElInputRichText/Editor.vue.cjs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.vue.cjs2.js","sources":["../../../../src/forms/ElInputRichText/Editor.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type EditorProps = {\n  color: 'primary' | 'secondary';\n  error?: boolean;\n  plugins?: string[] | string;\n  toolbar?: string[] | string;\n  menubar?: string[] | string;\n  modelValue?: string;\n};\n</script>\n<script setup lang=\"ts\">\nimport Editor from '@tinymce/tinymce-vue';\nimport { computed, Ref, ref } from 'vue';\nimport { Editor as EditorClass } from 'tinymce';\nimport 'tinymce';\nimport 'tinymce/icons/default/icons.min.js';\nimport 'tinymce/themes/silver/theme.min.js';\nimport 'tinymce/models/dom/model.min.js';\nimport 'tinymce/skins/ui/oxide/skin.js';\nimport 'tinymce/plugins/advlist';\nimport 'tinymce/plugins/image';\nimport 'tinymce/plugins/code';\nimport 'tinymce/plugins/fullscreen';\nimport 'tinymce/plugins/emoticons';\nimport 'tinymce/plugins/emoticons/js/emojis';\nimport 'tinymce/plugins/link';\nimport 'tinymce/plugins/wordcount';\nimport 'tinymce/plugins/lists';\nimport 'tinymce/plugins/table';\nimport 'tinymce/skins/ui/oxide/content.js';\n\nconst props = defineProps<EditorProps>();\nconst emit = defineEmits<{\n  (event: 'editor:init', editor: EditorClass): void;\n  (event: 'blur'): void;\n  (event: 'update:modelValue', value: string): void;\n}>();\n\nconst editor: Ref<EditorClass | null> = ref(null);\n\nconst plugins = computed(() => props.plugins ?? 'lists table image emoticons link fullscreen wordcount');\nconst toolbar = computed(\n  () =>\n    props.toolbar ??\n    'undo redo blocks bold italic underline strikethrough alignleft aligncenter alignright alignjustify link image emoticons fullscreen',\n);\nconst menubar = computed(() => props.menubar ?? '');\n\nconst className = computed(() => {\n  if (props.error) return 'tox--error';\n  return props.color === 'primary' ? 'tox--primary' : 'tox--secondary';\n});\n\ndefineExpose<{\n  editor: Ref<EditorClass | null>;\n}>({\n  editor,\n});\n</script>\n<template>\n  <div :class=\"className\">\n    <Editor\n      onblur=\"emit('blur')\"\n      :modelValue=\"props.modelValue\"\n      @update:modelValue=\"v => emit('update:modelValue', v)\"\n      :init=\"{\n        promotion: false,\n        branding: false,\n        statusbar: true,\n        plugins: plugins,\n        toolbar: toolbar,\n        menubar: menubar,\n        setup: (e: EditorClass) => {\n          e.on('init', () => {\n            editor = e;\n          });\n          emit('editor:init', e);\n        },\n      }\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","editor","ref","plugins","computed","toolbar","menubar","className","__expose"],"mappings":"ihDA+BA,MAAMA,EAAQC,EACRC,EAAOC,EAMPC,EAAkCC,MAAI,IAAI,EAE1CC,EAAUC,EAAAA,SAAS,IAAMP,EAAM,SAAW,uDAAuD,EACjGQ,EAAUD,EAAA,SACd,IACEP,EAAM,SACN,oIAAA,EAEES,EAAUF,EAAAA,SAAS,IAAMP,EAAM,SAAW,EAAE,EAE5CU,EAAYH,EAAAA,SAAS,IACrBP,EAAM,MAAc,aACjBA,EAAM,QAAU,UAAY,eAAiB,gBACrD,EAIE,OAAAW,EAAA,CACD,OAAAP,CAAA,CACD"}
+{"version":3,"file":"Editor.vue.cjs2.js","sources":["../../../../src/forms/ElInputRichText/Editor.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<script lang=\"ts\">\nexport type EditorProps = {\n  color: 'primary' | 'secondary';\n  error?: boolean;\n  plugins?: string[] | string;\n  toolbar?: string[] | string;\n  menubar?: string[] | string;\n  modelValue?: string;\n};\n</script>\n<script setup lang=\"ts\">\nimport Editor from '@tinymce/tinymce-vue';\nimport { computed, Ref, ref } from 'vue';\nimport { Editor as EditorClass } from 'tinymce';\n\n// Import TinyMCE core first\nimport 'tinymce/tinymce.min.js';\n\n// Then import the theme, model, and skins\nimport 'tinymce/themes/silver/theme.min.js';\nimport 'tinymce/models/dom/model.min.js';\nimport 'tinymce/skins/ui/oxide/skin.js';\n\n// Import plugins\nimport 'tinymce/plugins/advlist';\nimport 'tinymce/plugins/image';\nimport 'tinymce/plugins/code';\nimport 'tinymce/plugins/fullscreen';\nimport 'tinymce/plugins/emoticons';\nimport 'tinymce/plugins/emoticons/js/emojis';\nimport 'tinymce/plugins/link';\nimport 'tinymce/plugins/wordcount';\nimport 'tinymce/plugins/lists';\nimport 'tinymce/plugins/table';\n\n// Import icons last (after TinyMCE core is loaded)\nimport 'tinymce/icons/default/icons.min.js';\n\n// Import content styles\nimport 'tinymce/skins/ui/oxide/content.js';\n\nconst props = defineProps<EditorProps>();\nconst emit = defineEmits<{\n  (event: 'editor:init', editor: EditorClass): void;\n  (event: 'blur'): void;\n  (event: 'update:modelValue', value: string): void;\n}>();\n\nconst editor: Ref<EditorClass | null> = ref(null);\n\nconst plugins = computed(() => props.plugins ?? 'lists table image emoticons link fullscreen wordcount');\nconst toolbar = computed(\n  () =>\n    props.toolbar ??\n    'undo redo blocks bold italic underline strikethrough alignleft aligncenter alignright alignjustify link image emoticons fullscreen',\n);\nconst menubar = computed(() => props.menubar ?? '');\n\nconst className = computed(() => {\n  if (props.error) return 'tox--error';\n  return props.color === 'primary' ? 'tox--primary' : 'tox--secondary';\n});\n\ndefineExpose<{\n  editor: Ref<EditorClass | null>;\n}>({\n  editor,\n});\n</script>\n<template>\n  <div :class=\"className\">\n    <Editor\n      onblur=\"emit('blur')\"\n      :model-value=\"props.modelValue\"\n      :init=\"{\n        promotion: false,\n        branding: false,\n        statusbar: true,\n        plugins: plugins,\n        toolbar: toolbar,\n        menubar: menubar,\n        setup: (e: EditorClass) => {\n          e.on('init', () => {\n            editor = e;\n          });\n          emit('editor:init', e);\n        },\n      }\"\n      @update:model-value=\"v => emit('update:modelValue', v)\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","editor","ref","plugins","computed","toolbar","menubar","className","__expose"],"mappings":"qhDA0CA,MAAMA,EAAQC,EACRC,EAAOC,EAMPC,EAAkCC,MAAI,IAAI,EAE1CC,EAAUC,EAAAA,SAAS,IAAMP,EAAM,SAAW,uDAAuD,EACjGQ,EAAUD,EAAA,SACd,IACEP,EAAM,SACN,oIAAA,EAEES,EAAUF,EAAAA,SAAS,IAAMP,EAAM,SAAW,EAAE,EAE5CU,EAAYH,EAAAA,SAAS,IACrBP,EAAM,MAAc,aACjBA,EAAM,QAAU,UAAY,eAAiB,gBACrD,EAIE,OAAAW,EAAA,CACD,OAAAP,CAAA,CACD"}