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

package/dist/src/assets/logo/heart-white.svg.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heart-white.svg.esm.js","sources":["../../../../src/assets/logo/heart-white.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='83'%20height='46'%20viewBox='0%200%2083%2046'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_180_6394)'%3e%3cpath%20d='M24.8361%2025.0962C19.1229%2019.3552%2019.1229%2010.0464%2024.8361%204.30535C24.8592%204.2821%2024.8824%204.26273%2024.9055%204.23949C19.1885%20-1.43567%209.97492%20-1.41243%204.28488%204.30535C-1.42829%2010.0464%20-1.42829%2019.3552%204.28488%2025.0962L20.796%2041.6878C23.6526%2044.5583%2027.3959%2045.9917%2031.1391%2045.9917C34.8823%2045.9917%2038.5678%2044.5777%2041.4166%2041.7498C41.3935%2041.7266%2041.3704%2041.7072%2041.3472%2041.684L24.8361%2025.0923V25.0962Z'%20fill='white'/%3e%3cpath%20d='M78.5291%204.32918C72.8159%20-1.41184%2063.5523%20-1.41184%2057.8391%204.32918L51.6903%2010.5079L45.5222%204.30981C39.8322%20-1.40797%2030.6186%20-1.42734%2024.9016%204.24395C24.9247%204.2672%2024.9479%204.28657%2024.971%204.30981L41.4821%2020.9014C47.1953%2026.6425%2047.1953%2035.9513%2041.4821%2041.6923C41.459%2041.7155%2041.4359%2041.7349%2041.4128%2041.7581C44.2616%2044.5822%2047.974%2046%2051.6903%2046C55.4066%2046%2059.1768%2044.5667%2062.0334%2041.6962L78.5252%2025.1239C84.2384%2019.3829%2084.2384%2010.0741%2078.5252%204.33305L78.5291%204.32918Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_180_6394'%3e%3crect%20width='82.8102'%20height='46'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["heartWhite"],"mappings":"AAAA,MAAeA,EAAA"}

package/dist/src/composable/mobileComposable.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../node_modules/@vueuse/core/index.cjs.js"),t=require("vue");function u(e=768){const{width:i}=o.useWindowSize();return{isMobile:t.computed(()=>i.value<=e)}}exports.useMobile=u;
+//# sourceMappingURL=mobileComposable.cjs.js.map

package/dist/src/composable/mobileComposable.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobileComposable.cjs.js","sources":["../../../src/composable/mobileComposable.ts"],"sourcesContent":["import { useWindowSize } from '@vueuse/core';\nimport { computed } from 'vue';\n\nexport function useMobile(mobileBreakpoint: number = 768) {\n  const { width: windowWidth } = useWindowSize();\n\n  const isMobile = computed(() => windowWidth.value <= mobileBreakpoint);\n\n  return {\n    isMobile,\n  };\n}\n"],"names":["useMobile","mobileBreakpoint","windowWidth","useWindowSize","computed"],"mappings":"iKAGgB,SAAAA,EAAUC,EAA2B,IAAK,CACxD,KAAM,CAAE,MAAOC,CAAY,EAAIC,EAAc,cAAA,EAItC,MAAA,CACL,SAHeC,EAAAA,SAAS,IAAMF,EAAY,OAASD,CAAgB,CAGnE,CAEJ"}

package/dist/src/composable/mobileComposable.esm.js

@@ -0,0 +1,2 @@
+import{useWindowSize as e}from"../../node_modules/@vueuse/core/index.esm.js";import{computed as t}from"vue";function u(o=768){const{width:i}=e();return{isMobile:t(()=>i.value<=o)}}export{u as useMobile};
+//# sourceMappingURL=mobileComposable.esm.js.map

package/dist/src/composable/mobileComposable.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobileComposable.esm.js","sources":["../../../src/composable/mobileComposable.ts"],"sourcesContent":["import { useWindowSize } from '@vueuse/core';\nimport { computed } from 'vue';\n\nexport function useMobile(mobileBreakpoint: number = 768) {\n  const { width: windowWidth } = useWindowSize();\n\n  const isMobile = computed(() => windowWidth.value <= mobileBreakpoint);\n\n  return {\n    isMobile,\n  };\n}\n"],"names":["useMobile","mobileBreakpoint","windowWidth","useWindowSize","computed"],"mappings":"4GAGgB,SAAAA,EAAUC,EAA2B,IAAK,CACxD,KAAM,CAAE,MAAOC,CAAY,EAAIC,EAAc,EAItC,MAAA,CACL,SAHeC,EAAS,IAAMF,EAAY,OAASD,CAAgB,CAGnE,CAEJ"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),D=require("./input.cjs.js"),N=require("../ElDropdown.vue.cjs2.js"),F=require("../ElInputChip.vue.cjs2.js"),T=require("../../node_modules/@vueuse/core/index.cjs.js"),z=require("../ElSpinner.vue.cjs2.js"),L=require("./ElInputContainer.vue.cjs2.js"),K=require("../../node_modules/@vueuse/core/node_modules/@vueuse/shared/index.cjs.js"),O={class:"flex flex-col gap-1"},P={class:"flex items-center gap-1 px-2"},U=["disabled","validation","placeholder"],W={key:0,class:"text-xs font-normal text-error"},j=l.defineComponent({__name:"ElInputAutocomplete",props:{...D.withCommonElInputProps(),modelValue:{type:[Array,String],required:!1,default:void 0},placeholder:{type:String,default:"",required:!1},items:{type:Array,required:!1,default:()=>[]},selectedItems:{type:Array,default:()=>[]},labelSelectAll:{type:String,default:"Seleziona tutto"},labelDeselectAll:{type:String,default:"Deseleziona tutto"},focusOnMount:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},debounceTime:{type:Number,default:300,requied:!1},dataController:{type:Function,required:!1,default:void 0}},emits:["update:modelValue","item:click","update:selectedItems"],setup(p,{expose:w,emit:B}){const o=p,c=B,b=l.ref(!1),i=l.ref(!1),r=l.ref(o.modelValue),u=l.ref([]),n=l.ref(o.selectedItems),f=l.ref(),v=l.ref();l.onMounted(async()=>{if(o.dataController){const e=await g(r.value);u.value=(e==null?void 0:e.data)||[]}else u.value=o.items});const E=l.computed(()=>{var t;const e=(t=u.value)==null?void 0:t.map((a,d)=>({...a,text:a.label||a.text,check:n.value.some(s=>s.text?s.text===a.text:s.label===a.label),onClick:()=>{var s;if(o.multiple){const I=n.value.findIndex(m=>m.text?m.text===a.text:m.label===a.label);I!==-1?n.value=n.value.filter((m,A)=>A!==I):n.value.push({...a,check:!0}),r.value="",v.value=void 0,(s=f.value)==null||s.focus(),c("update:selectedItems",n.value)}else r.value=a.text||a.label||a.value||"";c("update:modelValue",a.text||a.label||a.value||""),c("item:click",d)}}));return o.multiple&&e.unshift({text:n.value.length===u.value.length?o.labelDeselectAll:o.labelSelectAll,check:!1,onClick:()=>{var a;n.value.length===u.value.length?n.value=[]:n.value=u.value,(a=f.value)==null||a.focus(),c("update:selectedItems",n.value)}}),e}),y=T.useMemoize(async e=>{var t;return await((t=o.dataController)==null?void 0:t.call(o,e))}),g=K.useDebounceFn(y,o.debounceTime),_=()=>y.cache.clear(),S=async()=>{var t;r.value=void 0,u.value=o.items,n.value=o.selectedItems;const e=await((t=o.dataController)==null?void 0:t.call(o,r.value));u.value=(e==null?void 0:e.data)||[]},x=e=>{var t;((t=e.relatedTarget)==null?void 0:t.role)!=="option"&&(i.value?i.value=!1:i.value=!0)},q=({target:e})=>{e instanceof HTMLInputElement&&e.value.charAt(e.value.length-1)!==" "&&M(e.value)},k=(e,t)=>{n.value=n.value.filter(a=>a.text!==t.text),c("update:selectedItems",n.value)},M=async e=>{if(o.dataController){b.value=!0;const t=await g(e);i.value=!!t,b.value=!t,u.value=(t==null?void 0:t.data)||[]}else e?u.value=o.items.filter(t=>{var a;return(a=t.text)==null?void 0:a.toLowerCase().includes(e.toLowerCase())}):u.value=o.items;c("update:modelValue",e)},C=e=>{var t,a;if(!r.value)if(n.value.length>0&&!v.value){const d=n.value.length-1;v.value=n.value[d],(t=document.getElementById(d.toString()))==null||t.focus()}else k(e,v.value),v.value=void 0,(a=f.value)==null||a.focus()},h=e=>{const t=e.currentTarget;t.scrollLeft+=e.deltaY,e.preventDefault()},V=e=>{o.multiple?i.value=!0:i.value=e};return w({resetAllAndFetch:S,clearCache:_}),(e,t)=>(l.openBlock(),l.createElementBlock("div",O,[l.createElementVNode("label",{class:l.normalizeClass(["text-sm font-semibold",{"text-error":e.errorMessage,"text-neutral-darker":!e.errorMessage}])},l.toDisplayString(e.label),3),l.createVNode(N.default,{items:E.value,multiple:p.multiple,"is-open":i.value,disabled:e.disabled,"onUpdate:isOpen":t[7]||(t[7]=a=>V(a))},{anchor:l.withCtx(()=>[l.createVNode(L.default,{color:e.color,name:e.name},{default:l.withCtx(()=>[l.createElementVNode("div",P,[p.multiple?(l.openBlock(),l.createElementBlock("div",{key:0,name:"scrollable-container",class:"flex items-center gap-1 overflow-x-scroll no-scrollbar cursor-grab active:cursor-grabbing",onWheel:h},[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(n.value,(a,d)=>(l.openBlock(),l.createBlock(F.default,{id:d,key:d,text:a.text||a.label||"",class:"border flex-shrink-0 rounded-md px-3 py-2",onClick:s=>k(s,a),onKeydown:t[0]||(t[0]=l.withKeys(s=>C(s),["backspace"]))},null,8,["id","text","onClick"]))),128))],32)):l.createCommentVNode("",!0),l.withDirectives(l.createElementVNode("input",{ref_key:"inputField",ref:f,"onUpdate:modelValue":t[1]||(t[1]=a=>r.value=a),disabled:e.disabled,type:"text",class:l.normalizeClass(["border-none tex-tsm font-normal flex flex-1 focus:outline-none focus:ring-0",{"cursor-not-allowed":e.disabled}]),validation:e.validation,placeholder:p.placeholder,onInput:t[2]||(t[2]=a=>q(a)),onKeydown:t[3]||(t[3]=l.withKeys(a=>C(a),["backspace"])),onClick:t[4]||(t[4]=l.withModifiers(a=>x(a),["prevent"])),onBlur:t[5]||(t[5]=l.withModifiers(a=>x(a),["prevent"])),onWheel:t[6]||(t[6]=a=>h(a))},null,42,U),[[l.vModelText,r.value]]),b.value?(l.openBlock(),l.createBlock(z.default,{key:1,class:"mx-2",size:"normal"})):l.createCommentVNode("",!0)])]),_:1},8,["color","name"])]),_:1},8,["items","multiple","is-open","disabled"]),e.errorMessage?(l.openBlock(),l.createElementBlock("label",W,l.toDisplayString(e.errorMessage),1)):l.createCommentVNode("",!0)]))}});exports.default=j;
+//# sourceMappingURL=ElInputAutocomplete.vue.cjs2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputAutocomplete.vue.cjs2.js","sources":["../../../src/forms/ElInputAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type InputAutocompleteItemsDataControl = string;\nexport type ElInputAutocompleteItems = Array<DropdownItem & { label?: string; value?: string }>;\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, PropType, ref } from 'vue';\nimport { TextualValueType, withCommonElInputProps } from './input';\nimport ElDropdown, { DropdownItem } from '@/ElDropdown.vue';\nimport ElInputChip from '@/ElInputChip.vue';\nimport { useDebounceFn, useMemoize } from '@vueuse/core';\nimport ElSpinner from '@/ElSpinner.vue';\nimport ElInputContainer from './ElInputContainer.vue';\n\nconst props = defineProps({\n  ...withCommonElInputProps(),\n  modelValue: {\n    type: [Array, String] as PropType<TextualValueType>,\n    required: false,\n    default: undefined,\n  },\n  placeholder: {\n    type: String,\n    default: '',\n    required: false,\n  },\n  items: {\n    type: Array as PropType<ElInputAutocompleteItems>,\n    required: false,\n    default: () => [],\n  },\n  selectedItems: {\n    type: Array as PropType<ElInputAutocompleteItems>,\n    default: () => [],\n  },\n  labelSelectAll: {\n    type: String,\n    default: 'Seleziona tutto',\n  },\n  labelDeselectAll: {\n    type: String,\n    default: 'Deseleziona tutto',\n  },\n  focusOnMount: {\n    type: Boolean,\n    default: false,\n  },\n  multiple: {\n    type: Boolean as PropType<InstanceType<typeof ElDropdown>['multiple']>,\n    default: false,\n  },\n  debounceTime: {\n    type: Number,\n    default: 300,\n    requied: false,\n  },\n  dataController: {\n    type: Function as PropType<(args: TextualValueType) => Promise<{ data: ElInputAutocompleteItems }>>,\n    required: false,\n    default: undefined,\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: TextualValueType): void;\n  (event: 'item:click', itemIndex: number): void;\n  (event: 'update:selectedItems', value: ElInputAutocompleteItems): void;\n}>();\n\nconst isLoading = ref(false);\nconst isOpen = ref(false);\nconst query = ref<TextualValueType>(props.modelValue);\nconst filteredItems = ref<ElInputAutocompleteItems>([]);\nconst selectedItems = ref<ElInputAutocompleteItems>(props.selectedItems);\nconst inputField = ref<HTMLInputElement>();\nconst lastSelectedItem = ref();\n\nonMounted(async () => {\n  if (props.dataController) {\n    const response = await debounceDataController(query.value);\n    filteredItems.value = response?.data || [];\n  } else {\n    filteredItems.value = props.items;\n  }\n});\n\nconst items = computed(() => {\n  const mappedItems = filteredItems.value?.map((item, index) => ({\n    ...item,\n    text: item.label || item.text,\n    check: selectedItems.value.some(selectedItem =>\n      selectedItem.text ? selectedItem.text === item.text : selectedItem.label === item.label,\n    ),\n    onClick: () => {\n      if (props.multiple) {\n        // If the item is already selected, remove it from the selectedItems array\n        const clickedItemIndex = selectedItems.value.findIndex(currentItem =>\n          currentItem.text ? currentItem.text === item.text : currentItem.label === item.label,\n        );\n\n        if (clickedItemIndex !== -1) {\n          selectedItems.value = selectedItems.value.filter((_, index) => index !== clickedItemIndex);\n        } else {\n          selectedItems.value.push({ ...item, check: true });\n        }\n\n        // Reset query to empty string to clear the input\n        query.value = '';\n        // Reset last selected item because the selectedItems array is updated\n        lastSelectedItem.value = undefined;\n        inputField.value?.focus();\n\n        emit('update:selectedItems', selectedItems.value);\n      } else {\n        query.value = item.text || item.label || item.value || '';\n      }\n\n      emit('update:modelValue', item.text || item.label || item.value || '');\n      emit('item:click', index);\n    },\n  }));\n\n  if (props.multiple) {\n    mappedItems.unshift({\n      text: selectedItems.value.length === filteredItems.value.length ? props.labelDeselectAll : props.labelSelectAll,\n      check: false,\n      onClick: () => {\n        if (selectedItems.value.length === filteredItems.value.length) {\n          selectedItems.value = [];\n        } else {\n          selectedItems.value = filteredItems.value;\n        }\n\n        inputField.value?.focus();\n        emit('update:selectedItems', selectedItems.value);\n      },\n    });\n  }\n\n  return mappedItems;\n});\n\nconst debounceFunction = useMemoize(async (value: TextualValueType) => {\n  return await props.dataController?.(value);\n});\n\nconst debounceDataController = useDebounceFn(debounceFunction, props.debounceTime);\nconst clearCache = () => debounceFunction.cache.clear();\n\nconst resetAllAndFetch = async () => {\n  query.value = undefined;\n  filteredItems.value = props.items;\n  selectedItems.value = props.selectedItems;\n  const response = await props.dataController?.(query.value);\n  filteredItems.value = response?.data || [];\n};\n\n/**\n * Handle input click event necessary to open or close dropdown\n * @param e FocusEvent\n */\nconst onInputClick = (e: FocusEvent) => {\n  if ((e.relatedTarget as HTMLElement)?.role !== 'option') {\n    if (!isOpen.value) {\n      isOpen.value = true;\n    } else {\n      isOpen.value = false;\n    }\n  }\n};\n\n/**\n * Handle input change event to update model value\n * @param event Event\n */\nconst onChangeEvent = ({ target }: Event) => {\n  if (target instanceof HTMLInputElement) {\n    if (target.value.charAt(target.value.length - 1) !== ' ') {\n      updateModel(target.value);\n    }\n  }\n};\n\n/**\n * Handle remove item from selected items by clicking on the item\n * @param _event Event\n * @param item DropdownItem\n */\nconst onRemoveItem = (_event: Event, item: DropdownItem) => {\n  selectedItems.value = selectedItems.value.filter(currentItem => currentItem.text !== item.text);\n  emit('update:selectedItems', selectedItems.value);\n};\n\nconst updateModel = async (value: TextualValueType) => {\n  if (props.dataController) {\n    isLoading.value = true;\n    const response = await debounceDataController(value);\n    isOpen.value = !!response;\n    isLoading.value = !response;\n    filteredItems.value = response?.data || [];\n  } else {\n    if (value) {\n      filteredItems.value = props.items.filter(result => result.text?.toLowerCase().includes(value.toLowerCase()));\n    } else {\n      filteredItems.value = props.items;\n    }\n  }\n\n  emit('update:modelValue', value);\n};\n\n/**\n    Handle backspace key press to remove last selected item when multiple is true\n    param e KeyboardEvent\n   */\nconst onDeleteKeyPress = (e: KeyboardEvent) => {\n  if (!query.value) {\n    if (selectedItems.value.length > 0 && !lastSelectedItem.value) {\n      const lastItemIndex = selectedItems.value.length - 1;\n      lastSelectedItem.value = selectedItems.value[lastItemIndex];\n      document.getElementById(lastItemIndex.toString())?.focus();\n    } else {\n      onRemoveItem(e, lastSelectedItem.value);\n      lastSelectedItem.value = undefined;\n      inputField.value?.focus();\n    }\n  }\n};\n\n/**\n    Handle wheel scroll event to scroll the listbox horizontally\n    param event WheelEvent\n   */\nconst onWheelScroll = (event: WheelEvent) => {\n  const container = event.currentTarget as HTMLElement;\n  container.scrollLeft += event.deltaY;\n  // Prevent vertical scrolling of the page\n  event.preventDefault();\n};\n\n/**\n    Handle update isOpen event to open the dropdown when multiple is true\n    param event boolean\n   */\nconst onUpdateIsOpen = (event: boolean) => {\n  if (props.multiple) {\n    isOpen.value = true;\n  } else {\n    isOpen.value = event;\n  }\n};\n\ndefineExpose({\n  resetAllAndFetch,\n  clearCache,\n});\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-1\">\n    <label class=\"text-sm font-semibold\" :class=\"{ 'text-error': errorMessage, 'text-neutral-darker': !errorMessage }\">\n      {{ label }}\n    </label>\n    <ElDropdown :items=\"items\" :multiple=\"multiple\" :is-open=\"isOpen\" :disabled=\"disabled\" @update:is-open=\"onUpdateIsOpen($event)\">\n      <template #anchor>\n        <ElInputContainer :color=\"color\" :name=\"name\">\n          <template #default>\n            <div class=\"flex items-center gap-1 px-2\">\n              <div\n                v-if=\"multiple\"\n                name=\"scrollable-container\"\n                class=\"flex items-center gap-1 overflow-x-scroll no-scrollbar cursor-grab active:cursor-grabbing\"\n                @wheel=\"onWheelScroll\"\n              >\n                <ElInputChip\n                  v-for=\"(item, index) in selectedItems\"\n                  :id=\"index\"\n                  :key=\"index\"\n                  :text=\"item.text || item.label || ''\"\n                  class=\"border flex-shrink-0 rounded-md px-3 py-2\"\n                  @click=\"onRemoveItem($event, item)\"\n                  @keydown.backspace=\"onDeleteKeyPress($event)\"\n                />\n              </div>\n\n              <input\n                ref=\"inputField\"\n                v-model=\"query\"\n                :disabled=\"disabled\"\n                type=\"text\"\n                class=\"border-none tex-tsm font-normal flex flex-1 focus:outline-none focus:ring-0\"\n                :class=\"{ 'cursor-not-allowed': disabled }\"\n                :validation=\"validation\"\n                :placeholder=\"placeholder\"\n                @input=\"onChangeEvent($event)\"\n                @keydown.backspace=\"onDeleteKeyPress($event)\"\n                @click.prevent=\"onInputClick($event)\"\n                @blur.prevent=\"onInputClick($event)\"\n                @wheel=\"onWheelScroll($event)\"\n              />\n\n              <ElSpinner v-if=\"isLoading\" class=\"mx-2\" size=\"normal\" />\n            </div>\n          </template>\n        </ElInputContainer>\n      </template>\n    </ElDropdown>\n    <label v-if=\"errorMessage\" class=\"text-xs font-normal text-error\">{{ errorMessage }}</label>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","isLoading","ref","isOpen","query","filteredItems","selectedItems","inputField","lastSelectedItem","onMounted","response","debounceDataController","items","computed","mappedItems","_a","item","index","selectedItem","clickedItemIndex","currentItem","_","debounceFunction","useMemoize","value","useDebounceFn","clearCache","resetAllAndFetch","onInputClick","onChangeEvent","target","updateModel","onRemoveItem","_event","result","onDeleteKeyPress","lastItemIndex","_b","onWheelScroll","event","container","onUpdateIsOpen","__expose"],"mappings":"oxCAcA,MAAMA,EAAQC,EAiDRC,EAAOC,EAMPC,EAAYC,MAAI,EAAK,EACrBC,EAASD,MAAI,EAAK,EAClBE,EAAQF,EAAAA,IAAsBL,EAAM,UAAU,EAC9CQ,EAAgBH,MAA8B,CAAA,CAAE,EAChDI,EAAgBJ,EAAAA,IAA8BL,EAAM,aAAa,EACjEU,EAAaL,EAAAA,MACbM,EAAmBN,EAAAA,MAEzBO,EAAAA,UAAU,SAAY,CACpB,GAAIZ,EAAM,eAAgB,CACxB,MAAMa,EAAW,MAAMC,EAAuBP,EAAM,KAAK,EAC3CC,EAAA,OAAQK,GAAA,YAAAA,EAAU,OAAQ,CAAA,CAAC,MAEzCL,EAAc,MAAQR,EAAM,KAC9B,CACD,EAEK,MAAAe,EAAQC,EAAAA,SAAS,IAAM,OAC3B,MAAMC,GAAcC,EAAAV,EAAc,QAAd,YAAAU,EAAqB,IAAI,CAACC,EAAMC,KAAW,CAC7D,GAAGD,EACH,KAAMA,EAAK,OAASA,EAAK,KACzB,MAAOV,EAAc,MAAM,KAAKY,GAC9BA,EAAa,KAAOA,EAAa,OAASF,EAAK,KAAOE,EAAa,QAAUF,EAAK,KACpF,EACA,QAAS,IAAM,OACb,GAAInB,EAAM,SAAU,CAEZ,MAAAsB,EAAmBb,EAAc,MAAM,UAAUc,GACrDA,EAAY,KAAOA,EAAY,OAASJ,EAAK,KAAOI,EAAY,QAAUJ,EAAK,KAAA,EAG7EG,IAAqB,GACTb,EAAA,MAAQA,EAAc,MAAM,OAAO,CAACe,EAAGJ,IAAUA,IAAUE,CAAgB,EAEzFb,EAAc,MAAM,KAAK,CAAE,GAAGU,EAAM,MAAO,GAAM,EAInDZ,EAAM,MAAQ,GAEdI,EAAiB,MAAQ,QACzBO,EAAAR,EAAW,QAAX,MAAAQ,EAAkB,QAEbhB,EAAA,uBAAwBO,EAAc,KAAK,CAAA,MAEhDF,EAAM,MAAQY,EAAK,MAAQA,EAAK,OAASA,EAAK,OAAS,GAGzDjB,EAAK,oBAAqBiB,EAAK,MAAQA,EAAK,OAASA,EAAK,OAAS,EAAE,EACrEjB,EAAK,aAAckB,CAAK,CAC1B,CACA,IAEF,OAAIpB,EAAM,UACRiB,EAAY,QAAQ,CAClB,KAAMR,EAAc,MAAM,SAAWD,EAAc,MAAM,OAASR,EAAM,iBAAmBA,EAAM,eACjG,MAAO,GACP,QAAS,IAAM,OACTS,EAAc,MAAM,SAAWD,EAAc,MAAM,OACrDC,EAAc,MAAQ,GAEtBA,EAAc,MAAQD,EAAc,OAGtCU,EAAAR,EAAW,QAAX,MAAAQ,EAAkB,QACbhB,EAAA,uBAAwBO,EAAc,KAAK,CAClD,CAAA,CACD,EAGIQ,CAAA,CACR,EAEKQ,EAAmBC,aAAW,MAAOC,GAA4B,OAC9D,OAAA,OAAMT,EAAAlB,EAAM,iBAAN,YAAAkB,EAAA,KAAAlB,EAAuB2B,GAAK,CAC1C,EAEKb,EAAyBc,EAAA,cAAcH,EAAkBzB,EAAM,YAAY,EAC3E6B,EAAa,IAAMJ,EAAiB,MAAM,MAAM,EAEhDK,EAAmB,SAAY,OACnCvB,EAAM,MAAQ,OACdC,EAAc,MAAQR,EAAM,MAC5BS,EAAc,MAAQT,EAAM,cAC5B,MAAMa,EAAW,OAAMK,EAAAlB,EAAM,iBAAN,YAAAkB,EAAA,KAAAlB,EAAuBO,EAAM,QACtCC,EAAA,OAAQK,GAAA,YAAAA,EAAU,OAAQ,CAAA,CAAC,EAOrCkB,EAAgB,GAAkB,SACjCb,EAAA,EAAE,gBAAF,YAAAA,EAAiC,QAAS,WACxCZ,EAAO,MAGVA,EAAO,MAAQ,GAFfA,EAAO,MAAQ,GAInB,EAOI0B,EAAgB,CAAC,CAAE,OAAAC,KAAoB,CACvCA,aAAkB,kBAChBA,EAAO,MAAM,OAAOA,EAAO,MAAM,OAAS,CAAC,IAAM,KACnDC,EAAYD,EAAO,KAAK,CAE5B,EAQIE,EAAe,CAACC,EAAejB,IAAuB,CAC5CV,EAAA,MAAQA,EAAc,MAAM,UAAsBc,EAAY,OAASJ,EAAK,IAAI,EACzFjB,EAAA,uBAAwBO,EAAc,KAAK,CAAA,EAG5CyB,EAAc,MAAOP,GAA4B,CACrD,GAAI3B,EAAM,eAAgB,CACxBI,EAAU,MAAQ,GACZ,MAAAS,EAAW,MAAMC,EAAuBa,CAAK,EAC5CrB,EAAA,MAAQ,CAAC,CAACO,EACjBT,EAAU,MAAQ,CAACS,EACLL,EAAA,OAAQK,GAAA,YAAAA,EAAU,OAAQ,CAAA,CAAC,MAErCc,EACFnB,EAAc,MAAQR,EAAM,MAAM,OAAiBqC,GAAA,OAAA,OAAAnB,EAAAmB,EAAO,OAAP,YAAAnB,EAAa,cAAc,SAASS,EAAM,YAAA,GAAc,EAE3GnB,EAAc,MAAQR,EAAM,MAIhCE,EAAK,oBAAqByB,CAAK,CAAA,EAO3BW,EAAoB,GAAqB,SACzC,GAAA,CAAC/B,EAAM,MACT,GAAIE,EAAc,MAAM,OAAS,GAAK,CAACE,EAAiB,MAAO,CACvD,MAAA4B,EAAgB9B,EAAc,MAAM,OAAS,EAClCE,EAAA,MAAQF,EAAc,MAAM8B,CAAa,GAC1DrB,EAAA,SAAS,eAAeqB,EAAc,SAAS,CAAC,IAAhD,MAAArB,EAAmD,OAAM,MAE5CiB,EAAA,EAAGxB,EAAiB,KAAK,EACtCA,EAAiB,MAAQ,QACzB6B,EAAA9B,EAAW,QAAX,MAAA8B,EAAkB,OAEtB,EAOIC,EAAiBC,GAAsB,CAC3C,MAAMC,EAAYD,EAAM,cACxBC,EAAU,YAAcD,EAAM,OAE9BA,EAAM,eAAe,CAAA,EAOjBE,EAAkBF,GAAmB,CACrC1C,EAAM,SACRM,EAAO,MAAQ,GAEfA,EAAO,MAAQoC,CACjB,EAGW,OAAAG,EAAA,CACX,iBAAAf,EACA,WAAAD,CAAA,CACD"}

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

@@ -0,0 +1,2 @@
+import{defineComponent as H,ref as d,onMounted as R,computed as Y,openBlock as f,createElementBlock as x,createElementVNode as g,normalizeClass as D,toDisplayString as V,createVNode as B,withCtx as E,Fragment as j,renderList as G,createBlock as F,withKeys as q,createCommentVNode as k,withDirectives as J,withModifiers as L,vModelText as Q}from"vue";import{withCommonElInputProps as X}from"./input.esm.js";import Z from"../ElDropdown.vue.esm2.js";import _ from"../ElInputChip.vue.esm2.js";import{useMemoize as ee}from"../../node_modules/@vueuse/core/index.esm.js";import le from"../ElSpinner.vue.esm2.js";import te from"./ElInputContainer.vue.esm2.js";import{useDebounceFn as ae}from"../../node_modules/@vueuse/core/node_modules/@vueuse/shared/index.esm.js";const oe={class:"flex flex-col gap-1"},ne={class:"flex items-center gap-1 px-2"},se=["disabled","validation","placeholder"],ue={key:0,class:"text-xs font-normal text-error"},be=H({__name:"ElInputAutocomplete",props:{...X(),modelValue:{type:[Array,String],required:!1,default:void 0},placeholder:{type:String,default:"",required:!1},items:{type:Array,required:!1,default:()=>[]},selectedItems:{type:Array,default:()=>[]},labelSelectAll:{type:String,default:"Seleziona tutto"},labelDeselectAll:{type:String,default:"Deseleziona tutto"},focusOnMount:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},debounceTime:{type:Number,default:300,requied:!1},dataController:{type:Function,required:!1,default:void 0}},emits:["update:modelValue","item:click","update:selectedItems"],setup(v,{expose:T,emit:z}){const a=v,c=z,y=d(!1),r=d(!1),u=d(a.modelValue),n=d([]),o=d(a.selectedItems),p=d(),m=d();R(async()=>{if(a.dataController){const e=await h(u.value);n.value=(e==null?void 0:e.data)||[]}else n.value=a.items});const K=Y(()=>{var l;const e=(l=n.value)==null?void 0:l.map((t,i)=>({...t,text:t.label||t.text,check:o.value.some(s=>s.text?s.text===t.text:s.label===t.label),onClick:()=>{var s;if(a.multiple){const S=o.value.findIndex(b=>b.text?b.text===t.text:b.label===t.label);S!==-1?o.value=o.value.filter((b,P)=>P!==S):o.value.push({...t,check:!0}),u.value="",m.value=void 0,(s=p.value)==null||s.focus(),c("update:selectedItems",o.value)}else u.value=t.text||t.label||t.value||"";c("update:modelValue",t.text||t.label||t.value||""),c("item:click",i)}}));return a.multiple&&e.unshift({text:o.value.length===n.value.length?a.labelDeselectAll:a.labelSelectAll,check:!1,onClick:()=>{var t;o.value.length===n.value.length?o.value=[]:o.value=n.value,(t=p.value)==null||t.focus(),c("update:selectedItems",o.value)}}),e}),C=ee(async e=>{var l;return await((l=a.dataController)==null?void 0:l.call(a,e))}),h=ae(C,a.debounceTime),N=()=>C.cache.clear(),O=async()=>{var l;u.value=void 0,n.value=a.items,o.value=a.selectedItems;const e=await((l=a.dataController)==null?void 0:l.call(a,u.value));n.value=(e==null?void 0:e.data)||[]},I=e=>{var l;((l=e.relatedTarget)==null?void 0:l.role)!=="option"&&(r.value?r.value=!1:r.value=!0)},$=({target:e})=>{e instanceof HTMLInputElement&&e.value.charAt(e.value.length-1)!==" "&&U(e.value)},w=(e,l)=>{o.value=o.value.filter(t=>t.text!==l.text),c("update:selectedItems",o.value)},U=async e=>{if(a.dataController){y.value=!0;const l=await h(e);r.value=!!l,y.value=!l,n.value=(l==null?void 0:l.data)||[]}else e?n.value=a.items.filter(l=>{var t;return(t=l.text)==null?void 0:t.toLowerCase().includes(e.toLowerCase())}):n.value=a.items;c("update:modelValue",e)},A=e=>{var l,t;if(!u.value)if(o.value.length>0&&!m.value){const i=o.value.length-1;m.value=o.value[i],(l=document.getElementById(i.toString()))==null||l.focus()}else w(e,m.value),m.value=void 0,(t=p.value)==null||t.focus()},M=e=>{const l=e.currentTarget;l.scrollLeft+=e.deltaY,e.preventDefault()},W=e=>{a.multiple?r.value=!0:r.value=e};return T({resetAllAndFetch:O,clearCache:N}),(e,l)=>(f(),x("div",oe,[g("label",{class:D(["text-sm font-semibold",{"text-error":e.errorMessage,"text-neutral-darker":!e.errorMessage}])},V(e.label),3),B(Z,{items:K.value,multiple:v.multiple,"is-open":r.value,disabled:e.disabled,"onUpdate:isOpen":l[7]||(l[7]=t=>W(t))},{anchor:E(()=>[B(te,{color:e.color,name:e.name},{default:E(()=>[g("div",ne,[v.multiple?(f(),x("div",{key:0,name:"scrollable-container",class:"flex items-center gap-1 overflow-x-scroll no-scrollbar cursor-grab active:cursor-grabbing",onWheel:M},[(f(!0),x(j,null,G(o.value,(t,i)=>(f(),F(_,{id:i,key:i,text:t.text||t.label||"",class:"border flex-shrink-0 rounded-md px-3 py-2",onClick:s=>w(s,t),onKeydown:l[0]||(l[0]=q(s=>A(s),["backspace"]))},null,8,["id","text","onClick"]))),128))],32)):k("",!0),J(g("input",{ref_key:"inputField",ref:p,"onUpdate:modelValue":l[1]||(l[1]=t=>u.value=t),disabled:e.disabled,type:"text",class:D(["border-none tex-tsm font-normal flex flex-1 focus:outline-none focus:ring-0",{"cursor-not-allowed":e.disabled}]),validation:e.validation,placeholder:v.placeholder,onInput:l[2]||(l[2]=t=>$(t)),onKeydown:l[3]||(l[3]=q(t=>A(t),["backspace"])),onClick:l[4]||(l[4]=L(t=>I(t),["prevent"])),onBlur:l[5]||(l[5]=L(t=>I(t),["prevent"])),onWheel:l[6]||(l[6]=t=>M(t))},null,42,se),[[Q,u.value]]),y.value?(f(),F(le,{key:1,class:"mx-2",size:"normal"})):k("",!0)])]),_:1},8,["color","name"])]),_:1},8,["items","multiple","is-open","disabled"]),e.errorMessage?(f(),x("label",ue,V(e.errorMessage),1)):k("",!0)]))}});export{be as default};
+//# sourceMappingURL=ElInputAutocomplete.vue.esm2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputAutocomplete.vue.esm2.js","sources":["../../../src/forms/ElInputAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type InputAutocompleteItemsDataControl = string;\nexport type ElInputAutocompleteItems = Array<DropdownItem & { label?: string; value?: string }>;\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, PropType, ref } from 'vue';\nimport { TextualValueType, withCommonElInputProps } from './input';\nimport ElDropdown, { DropdownItem } from '@/ElDropdown.vue';\nimport ElInputChip from '@/ElInputChip.vue';\nimport { useDebounceFn, useMemoize } from '@vueuse/core';\nimport ElSpinner from '@/ElSpinner.vue';\nimport ElInputContainer from './ElInputContainer.vue';\n\nconst props = defineProps({\n  ...withCommonElInputProps(),\n  modelValue: {\n    type: [Array, String] as PropType<TextualValueType>,\n    required: false,\n    default: undefined,\n  },\n  placeholder: {\n    type: String,\n    default: '',\n    required: false,\n  },\n  items: {\n    type: Array as PropType<ElInputAutocompleteItems>,\n    required: false,\n    default: () => [],\n  },\n  selectedItems: {\n    type: Array as PropType<ElInputAutocompleteItems>,\n    default: () => [],\n  },\n  labelSelectAll: {\n    type: String,\n    default: 'Seleziona tutto',\n  },\n  labelDeselectAll: {\n    type: String,\n    default: 'Deseleziona tutto',\n  },\n  focusOnMount: {\n    type: Boolean,\n    default: false,\n  },\n  multiple: {\n    type: Boolean as PropType<InstanceType<typeof ElDropdown>['multiple']>,\n    default: false,\n  },\n  debounceTime: {\n    type: Number,\n    default: 300,\n    requied: false,\n  },\n  dataController: {\n    type: Function as PropType<(args: TextualValueType) => Promise<{ data: ElInputAutocompleteItems }>>,\n    required: false,\n    default: undefined,\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: TextualValueType): void;\n  (event: 'item:click', itemIndex: number): void;\n  (event: 'update:selectedItems', value: ElInputAutocompleteItems): void;\n}>();\n\nconst isLoading = ref(false);\nconst isOpen = ref(false);\nconst query = ref<TextualValueType>(props.modelValue);\nconst filteredItems = ref<ElInputAutocompleteItems>([]);\nconst selectedItems = ref<ElInputAutocompleteItems>(props.selectedItems);\nconst inputField = ref<HTMLInputElement>();\nconst lastSelectedItem = ref();\n\nonMounted(async () => {\n  if (props.dataController) {\n    const response = await debounceDataController(query.value);\n    filteredItems.value = response?.data || [];\n  } else {\n    filteredItems.value = props.items;\n  }\n});\n\nconst items = computed(() => {\n  const mappedItems = filteredItems.value?.map((item, index) => ({\n    ...item,\n    text: item.label || item.text,\n    check: selectedItems.value.some(selectedItem =>\n      selectedItem.text ? selectedItem.text === item.text : selectedItem.label === item.label,\n    ),\n    onClick: () => {\n      if (props.multiple) {\n        // If the item is already selected, remove it from the selectedItems array\n        const clickedItemIndex = selectedItems.value.findIndex(currentItem =>\n          currentItem.text ? currentItem.text === item.text : currentItem.label === item.label,\n        );\n\n        if (clickedItemIndex !== -1) {\n          selectedItems.value = selectedItems.value.filter((_, index) => index !== clickedItemIndex);\n        } else {\n          selectedItems.value.push({ ...item, check: true });\n        }\n\n        // Reset query to empty string to clear the input\n        query.value = '';\n        // Reset last selected item because the selectedItems array is updated\n        lastSelectedItem.value = undefined;\n        inputField.value?.focus();\n\n        emit('update:selectedItems', selectedItems.value);\n      } else {\n        query.value = item.text || item.label || item.value || '';\n      }\n\n      emit('update:modelValue', item.text || item.label || item.value || '');\n      emit('item:click', index);\n    },\n  }));\n\n  if (props.multiple) {\n    mappedItems.unshift({\n      text: selectedItems.value.length === filteredItems.value.length ? props.labelDeselectAll : props.labelSelectAll,\n      check: false,\n      onClick: () => {\n        if (selectedItems.value.length === filteredItems.value.length) {\n          selectedItems.value = [];\n        } else {\n          selectedItems.value = filteredItems.value;\n        }\n\n        inputField.value?.focus();\n        emit('update:selectedItems', selectedItems.value);\n      },\n    });\n  }\n\n  return mappedItems;\n});\n\nconst debounceFunction = useMemoize(async (value: TextualValueType) => {\n  return await props.dataController?.(value);\n});\n\nconst debounceDataController = useDebounceFn(debounceFunction, props.debounceTime);\nconst clearCache = () => debounceFunction.cache.clear();\n\nconst resetAllAndFetch = async () => {\n  query.value = undefined;\n  filteredItems.value = props.items;\n  selectedItems.value = props.selectedItems;\n  const response = await props.dataController?.(query.value);\n  filteredItems.value = response?.data || [];\n};\n\n/**\n * Handle input click event necessary to open or close dropdown\n * @param e FocusEvent\n */\nconst onInputClick = (e: FocusEvent) => {\n  if ((e.relatedTarget as HTMLElement)?.role !== 'option') {\n    if (!isOpen.value) {\n      isOpen.value = true;\n    } else {\n      isOpen.value = false;\n    }\n  }\n};\n\n/**\n * Handle input change event to update model value\n * @param event Event\n */\nconst onChangeEvent = ({ target }: Event) => {\n  if (target instanceof HTMLInputElement) {\n    if (target.value.charAt(target.value.length - 1) !== ' ') {\n      updateModel(target.value);\n    }\n  }\n};\n\n/**\n * Handle remove item from selected items by clicking on the item\n * @param _event Event\n * @param item DropdownItem\n */\nconst onRemoveItem = (_event: Event, item: DropdownItem) => {\n  selectedItems.value = selectedItems.value.filter(currentItem => currentItem.text !== item.text);\n  emit('update:selectedItems', selectedItems.value);\n};\n\nconst updateModel = async (value: TextualValueType) => {\n  if (props.dataController) {\n    isLoading.value = true;\n    const response = await debounceDataController(value);\n    isOpen.value = !!response;\n    isLoading.value = !response;\n    filteredItems.value = response?.data || [];\n  } else {\n    if (value) {\n      filteredItems.value = props.items.filter(result => result.text?.toLowerCase().includes(value.toLowerCase()));\n    } else {\n      filteredItems.value = props.items;\n    }\n  }\n\n  emit('update:modelValue', value);\n};\n\n/**\n    Handle backspace key press to remove last selected item when multiple is true\n    param e KeyboardEvent\n   */\nconst onDeleteKeyPress = (e: KeyboardEvent) => {\n  if (!query.value) {\n    if (selectedItems.value.length > 0 && !lastSelectedItem.value) {\n      const lastItemIndex = selectedItems.value.length - 1;\n      lastSelectedItem.value = selectedItems.value[lastItemIndex];\n      document.getElementById(lastItemIndex.toString())?.focus();\n    } else {\n      onRemoveItem(e, lastSelectedItem.value);\n      lastSelectedItem.value = undefined;\n      inputField.value?.focus();\n    }\n  }\n};\n\n/**\n    Handle wheel scroll event to scroll the listbox horizontally\n    param event WheelEvent\n   */\nconst onWheelScroll = (event: WheelEvent) => {\n  const container = event.currentTarget as HTMLElement;\n  container.scrollLeft += event.deltaY;\n  // Prevent vertical scrolling of the page\n  event.preventDefault();\n};\n\n/**\n    Handle update isOpen event to open the dropdown when multiple is true\n    param event boolean\n   */\nconst onUpdateIsOpen = (event: boolean) => {\n  if (props.multiple) {\n    isOpen.value = true;\n  } else {\n    isOpen.value = event;\n  }\n};\n\ndefineExpose({\n  resetAllAndFetch,\n  clearCache,\n});\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-1\">\n    <label class=\"text-sm font-semibold\" :class=\"{ 'text-error': errorMessage, 'text-neutral-darker': !errorMessage }\">\n      {{ label }}\n    </label>\n    <ElDropdown :items=\"items\" :multiple=\"multiple\" :is-open=\"isOpen\" :disabled=\"disabled\" @update:is-open=\"onUpdateIsOpen($event)\">\n      <template #anchor>\n        <ElInputContainer :color=\"color\" :name=\"name\">\n          <template #default>\n            <div class=\"flex items-center gap-1 px-2\">\n              <div\n                v-if=\"multiple\"\n                name=\"scrollable-container\"\n                class=\"flex items-center gap-1 overflow-x-scroll no-scrollbar cursor-grab active:cursor-grabbing\"\n                @wheel=\"onWheelScroll\"\n              >\n                <ElInputChip\n                  v-for=\"(item, index) in selectedItems\"\n                  :id=\"index\"\n                  :key=\"index\"\n                  :text=\"item.text || item.label || ''\"\n                  class=\"border flex-shrink-0 rounded-md px-3 py-2\"\n                  @click=\"onRemoveItem($event, item)\"\n                  @keydown.backspace=\"onDeleteKeyPress($event)\"\n                />\n              </div>\n\n              <input\n                ref=\"inputField\"\n                v-model=\"query\"\n                :disabled=\"disabled\"\n                type=\"text\"\n                class=\"border-none tex-tsm font-normal flex flex-1 focus:outline-none focus:ring-0\"\n                :class=\"{ 'cursor-not-allowed': disabled }\"\n                :validation=\"validation\"\n                :placeholder=\"placeholder\"\n                @input=\"onChangeEvent($event)\"\n                @keydown.backspace=\"onDeleteKeyPress($event)\"\n                @click.prevent=\"onInputClick($event)\"\n                @blur.prevent=\"onInputClick($event)\"\n                @wheel=\"onWheelScroll($event)\"\n              />\n\n              <ElSpinner v-if=\"isLoading\" class=\"mx-2\" size=\"normal\" />\n            </div>\n          </template>\n        </ElInputContainer>\n      </template>\n    </ElDropdown>\n    <label v-if=\"errorMessage\" class=\"text-xs font-normal text-error\">{{ errorMessage }}</label>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","isLoading","ref","isOpen","query","filteredItems","selectedItems","inputField","lastSelectedItem","onMounted","response","debounceDataController","items","computed","mappedItems","_a","item","index","selectedItem","clickedItemIndex","currentItem","_","debounceFunction","useMemoize","value","useDebounceFn","clearCache","resetAllAndFetch","onInputClick","onChangeEvent","target","updateModel","onRemoveItem","_event","result","onDeleteKeyPress","lastItemIndex","_b","onWheelScroll","event","container","onUpdateIsOpen","__expose"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputCheckbox.vue.cjs2.js","sources":["../../../src/forms/ElInputCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputCheckboxSizes = ['xs', 'xxs'] as const;\nexport type ElInputCheckboxSizes = (typeof elInputCheckboxSizes)[number];\n\nexport const elInputCheckboxColors = [\n  'primary',\n  'secondary',\n  'brand-blue',\n  'brand-green',\n  'green',\n  'purple',\n  'indigo',\n  'yellow',\n  'orange',\n  'cyan',\n  'red',\n  'pink',\n  'rose',\n  'gray',\n] as const;\nexport type ElInputCheckboxColors = (typeof elInputCheckboxColors)[number];\n\nexport const elInputCheckboxModelValues = [true, false, 'indeterminate'] as const;\nexport type ElInputCheckboxModelValues = (typeof elInputCheckboxModelValues)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, PropType, useSlots } from 'vue';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport { useInput, withNumberElInputProps } from '@/forms/input';\n\nconst props = defineProps({\n  ...withNumberElInputProps(),\n  modelValue: {\n    type: [Boolean, String] as PropType<ElInputCheckboxModelValues>,\n    default: false,\n    required: true,\n  },\n  size: {\n    type: String as PropType<ElInputCheckboxSizes>,\n    default: 'xs',\n    required: false,\n  },\n  color: {\n    type: String as PropType<ElInputCheckboxColors>,\n    default: 'primary',\n    required: false,\n  },\n  inputClass: {\n    type: String,\n    default: 'text-neutral-darker',\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', val: ElInputCheckboxModelValues): void;\n}>();\n\nconst computedModelValue = computed(() => props.modelValue || false);\nconst computedValidation = computed(() => [props.validation]);\n\nconst slots = useSlots();\n\nconst { value, errorMessage, uuid } = useInput(\n  computedModelValue,\n  computedValidation,\n  props.name,\n  (newValue: ElInputCheckboxModelValues) => {\n    emit('update:modelValue', newValue);\n  },\n);\n\nconst toggleCheckbox = () => {\n  if (props.disabled) return;\n  if (props.modelValue === 'indeterminate') {\n    value.value = true;\n  } else {\n    value.value = !value.value;\n  }\n};\n</script>\n\n<template>\n  <ElInputContainer\n    :error-message=\"props.errorMessage || errorMessage\"\n    :hidden-error-message=\"false\"\n    :no-icon=\"true\"\n    :no-border=\"true\"\n    :name=\"uuid\"\n  >\n    <input\n      :id=\"uuid\"\n      :name=\"props.name\"\n      :checked=\"typeof modelValue === 'boolean' && modelValue\"\n      :indeterminate=\"modelValue === 'indeterminate'\"\n      type=\"checkbox\"\n      class=\"sr-only\"\n      :disabled=\"disabled\"\n      :data-cy=\"label ? `${label.trim().replaceAll(' ', '')}-checkbox` : 'checkbox'\"\n      hidden\n    />\n\n    <div class=\"flex gap-2 items-start\">\n      <label\n        role=\"checkbox\"\n        class=\"flex items-start justify-center gap-2\"\n        :class=\"{ 'cursor-not-allowed': disabled, 'cursor-pointer': !disabled }\"\n        @click=\"toggleCheckbox\"\n      >\n        <!-- Checkbox container -->\n        <div\n          class=\"flex justify-center items-center\"\n          :class=\"{\n            'h-6 w-6': size === 'xs',\n            'h-5 w-5': size === 'xxs',\n          }\"\n        >\n          <!-- Checkbox border/background -->\n          <div\n            class=\"rounded focus:ring-0 flex items-center justify-center shrink-0\"\n            :class=\"{\n              'h-5 w-5': size === 'xs',\n              'h-4 w-4': size === 'xxs',\n              'border-2': !value,\n              'border-neutral-inactive': !value && disabled,\n              'border-neutral-500': (color === 'primary' || color === 'secondary') && !value && !disabled,\n              'border-brandBlue-500': color === 'brand-blue' && !value && !disabled,\n              'border-brandGreen-500': color === 'brand-green' && !value && !disabled,\n              'border-green-500': color === 'green' && !value && !disabled,\n              'border-purple-500': color === 'purple' && !value && !disabled,\n              'border-indigo-500': color === 'indigo' && !value && !disabled,\n              'border-yellow-500': color === 'yellow' && !value && !disabled,\n              'border-orange-500': color === 'orange' && !value && !disabled,\n              'border-cyan-500': color === 'cyan' && !value && !disabled,\n              'border-red-500': color === 'red' && !value && !disabled,\n              'border-pink-500': color === 'pink' && !value && !disabled,\n              'border-rose-500': color === 'rose' && !value && !disabled,\n              'border-gray-500': color === 'gray' && !value && !disabled,\n              'bg-neutral-inactive': value && disabled,\n              'bg-primary-active': color === 'primary' && value && !disabled,\n              'bg-secondary-active': color === 'secondary' && value && !disabled,\n              'bg-brandBlue-500': color === 'brand-blue' && value && !disabled,\n              'bg-brandGreen-500': color === 'brand-green' && value && !disabled,\n              'bg-green-500': color === 'green' && value && !disabled,\n              'bg-purple-500': color === 'purple' && value && !disabled,\n              'bg-indigo-500': color === 'indigo' && value && !disabled,\n              'bg-yellow-500': color === 'yellow' && value && !disabled,\n              'bg-orange-500': color === 'orange' && value && !disabled,\n              'bg-cyan-500': color === 'cyan' && value && !disabled,\n              'bg-red-500': color === 'red' && value && !disabled,\n              'bg-pink-500': color === 'pink' && value && !disabled,\n              'bg-rose-500': color === 'rose' && value && !disabled,\n              'bg-gray-500': color === 'gray' && value && !disabled,\n              inputClass,\n            }\"\n          >\n            <!-- Minus icon -->\n            <div\n              v-if=\"modelValue === 'indeterminate'\"\n              class=\"bg-white\"\n              :class=\"{\n                'h-[0.2rem] w-3': size === 'xs',\n                'h-[0.15rem] w-[0.6rem]': size === 'xxs',\n              }\"\n            ></div>\n\n            <!-- Check icon -->\n            <div\n              v-else-if=\"value\"\n              class=\"border border-neutral-inverse rotate-45 border-t-0 border-l-0\"\n              :class=\"{\n                'w-[0.5rem] h-[0.8rem] border-b-[0.2rem] border-r-[0.2rem] -mt-[0.15rem]': size === 'xs',\n                'w-[0.35rem] h-[0.7rem] border-b-[0.15rem] border-r-[0.15rem] -mt-[0.15rem]': size === 'xxs',\n              }\"\n            ></div>\n          </div>\n        </div>\n\n        <div\n          v-if=\"label\"\n          :for=\"uuid\"\n          class=\"font-normal text-left\"\n          :class=\"{\n            'text-base mt-[0.1rem]': size === 'xs',\n            'text-sm mt-[0.05rem]': size === 'xxs',\n            'text-neutral-darker cursor-pointer': !disabled,\n            'text-neutral-inactive cursor-not-allowed': disabled,\n          }\"\n        >\n          {{ label }}\n        </div>\n      </label>\n\n      <div\n        v-if=\"slots.default\"\n        class=\"font-normal text-left\"\n        :class=\"{\n          'text-base mt-[0.1rem]': size === 'xs',\n          'text-sm mt-[0.05rem]': size === 'xxs',\n          'text-neutral-darker': value && !disabled,\n          'text-neutral-inactive': disabled,\n        }\"\n      >\n        <slot />\n      </div>\n    </div>\n  </ElInputContainer>\n</template>\n"],"names":["elInputCheckboxSizes","elInputCheckboxColors","elInputCheckboxModelValues","props","__props","emit","__emit","computedModelValue","computed","computedValidation","slots","useSlots","value","errorMessage","uuid","useInput","newValue","toggleCheckbox"],"mappings":"uTACaA,EAAuB,CAAC,KAAM,KAAK,EAGnCC,EAAwB,CACnC,UACA,YACA,aACA,cACA,QACA,SACA,SACA,SACA,SACA,OACA,MACA,OACA,OACA,MACF,EAGaC,EAA6B,CAAC,GAAM,GAAO,eAAe,mVASvE,MAAMC,EAAQC,EAuBRC,EAAOC,EAIPC,EAAqBC,EAAAA,SAAS,IAAML,EAAM,YAAc,EAAK,EAC7DM,EAAqBD,EAAAA,SAAS,IAAM,CAACL,EAAM,UAAU,CAAC,EAEtDO,EAAQC,EAAAA,WAER,CAAE,MAAAC,EAAO,aAAAC,EAAc,KAAAC,CAAS,EAAAC,EAAA,SACpCR,EACAE,EACAN,EAAM,KACLa,GAAyC,CACxCX,EAAK,oBAAqBW,CAAQ,CACpC,CAAA,EAGIC,EAAiB,IAAM,CACvBd,EAAM,WACNA,EAAM,aAAe,gBACvBS,EAAM,MAAQ,GAERA,EAAA,MAAQ,CAACA,EAAM,MACvB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputCheckbox.vue.esm2.js","sources":["../../../src/forms/ElInputCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputCheckboxSizes = ['xs', 'xxs'] as const;\nexport type ElInputCheckboxSizes = (typeof elInputCheckboxSizes)[number];\n\nexport const elInputCheckboxColors = [\n  'primary',\n  'secondary',\n  'brand-blue',\n  'brand-green',\n  'green',\n  'purple',\n  'indigo',\n  'yellow',\n  'orange',\n  'cyan',\n  'red',\n  'pink',\n  'rose',\n  'gray',\n] as const;\nexport type ElInputCheckboxColors = (typeof elInputCheckboxColors)[number];\n\nexport const elInputCheckboxModelValues = [true, false, 'indeterminate'] as const;\nexport type ElInputCheckboxModelValues = (typeof elInputCheckboxModelValues)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, PropType, useSlots } from 'vue';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport { useInput, withNumberElInputProps } from '@/forms/input';\n\nconst props = defineProps({\n  ...withNumberElInputProps(),\n  modelValue: {\n    type: [Boolean, String] as PropType<ElInputCheckboxModelValues>,\n    default: false,\n    required: true,\n  },\n  size: {\n    type: String as PropType<ElInputCheckboxSizes>,\n    default: 'xs',\n    required: false,\n  },\n  color: {\n    type: String as PropType<ElInputCheckboxColors>,\n    default: 'primary',\n    required: false,\n  },\n  inputClass: {\n    type: String,\n    default: 'text-neutral-darker',\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', val: ElInputCheckboxModelValues): void;\n}>();\n\nconst computedModelValue = computed(() => props.modelValue || false);\nconst computedValidation = computed(() => [props.validation]);\n\nconst slots = useSlots();\n\nconst { value, errorMessage, uuid } = useInput(\n  computedModelValue,\n  computedValidation,\n  props.name,\n  (newValue: ElInputCheckboxModelValues) => {\n    emit('update:modelValue', newValue);\n  },\n);\n\nconst toggleCheckbox = () => {\n  if (props.disabled) return;\n  if (props.modelValue === 'indeterminate') {\n    value.value = true;\n  } else {\n    value.value = !value.value;\n  }\n};\n</script>\n\n<template>\n  <ElInputContainer\n    :error-message=\"props.errorMessage || errorMessage\"\n    :hidden-error-message=\"false\"\n    :no-icon=\"true\"\n    :no-border=\"true\"\n    :name=\"uuid\"\n  >\n    <input\n      :id=\"uuid\"\n      :name=\"props.name\"\n      :checked=\"typeof modelValue === 'boolean' && modelValue\"\n      :indeterminate=\"modelValue === 'indeterminate'\"\n      type=\"checkbox\"\n      class=\"sr-only\"\n      :disabled=\"disabled\"\n      :data-cy=\"label ? `${label.trim().replaceAll(' ', '')}-checkbox` : 'checkbox'\"\n      hidden\n    />\n\n    <div class=\"flex gap-2 items-start\">\n      <label\n        role=\"checkbox\"\n        class=\"flex items-start justify-center gap-2\"\n        :class=\"{ 'cursor-not-allowed': disabled, 'cursor-pointer': !disabled }\"\n        @click=\"toggleCheckbox\"\n      >\n        <!-- Checkbox container -->\n        <div\n          class=\"flex justify-center items-center\"\n          :class=\"{\n            'h-6 w-6': size === 'xs',\n            'h-5 w-5': size === 'xxs',\n          }\"\n        >\n          <!-- Checkbox border/background -->\n          <div\n            class=\"rounded focus:ring-0 flex items-center justify-center shrink-0\"\n            :class=\"{\n              'h-5 w-5': size === 'xs',\n              'h-4 w-4': size === 'xxs',\n              'border-2': !value,\n              'border-neutral-inactive': !value && disabled,\n              'border-neutral-500': (color === 'primary' || color === 'secondary') && !value && !disabled,\n              'border-brandBlue-500': color === 'brand-blue' && !value && !disabled,\n              'border-brandGreen-500': color === 'brand-green' && !value && !disabled,\n              'border-green-500': color === 'green' && !value && !disabled,\n              'border-purple-500': color === 'purple' && !value && !disabled,\n              'border-indigo-500': color === 'indigo' && !value && !disabled,\n              'border-yellow-500': color === 'yellow' && !value && !disabled,\n              'border-orange-500': color === 'orange' && !value && !disabled,\n              'border-cyan-500': color === 'cyan' && !value && !disabled,\n              'border-red-500': color === 'red' && !value && !disabled,\n              'border-pink-500': color === 'pink' && !value && !disabled,\n              'border-rose-500': color === 'rose' && !value && !disabled,\n              'border-gray-500': color === 'gray' && !value && !disabled,\n              'bg-neutral-inactive': value && disabled,\n              'bg-primary-active': color === 'primary' && value && !disabled,\n              'bg-secondary-active': color === 'secondary' && value && !disabled,\n              'bg-brandBlue-500': color === 'brand-blue' && value && !disabled,\n              'bg-brandGreen-500': color === 'brand-green' && value && !disabled,\n              'bg-green-500': color === 'green' && value && !disabled,\n              'bg-purple-500': color === 'purple' && value && !disabled,\n              'bg-indigo-500': color === 'indigo' && value && !disabled,\n              'bg-yellow-500': color === 'yellow' && value && !disabled,\n              'bg-orange-500': color === 'orange' && value && !disabled,\n              'bg-cyan-500': color === 'cyan' && value && !disabled,\n              'bg-red-500': color === 'red' && value && !disabled,\n              'bg-pink-500': color === 'pink' && value && !disabled,\n              'bg-rose-500': color === 'rose' && value && !disabled,\n              'bg-gray-500': color === 'gray' && value && !disabled,\n              inputClass,\n            }\"\n          >\n            <!-- Minus icon -->\n            <div\n              v-if=\"modelValue === 'indeterminate'\"\n              class=\"bg-white\"\n              :class=\"{\n                'h-[0.2rem] w-3': size === 'xs',\n                'h-[0.15rem] w-[0.6rem]': size === 'xxs',\n              }\"\n            ></div>\n\n            <!-- Check icon -->\n            <div\n              v-else-if=\"value\"\n              class=\"border border-neutral-inverse rotate-45 border-t-0 border-l-0\"\n              :class=\"{\n                'w-[0.5rem] h-[0.8rem] border-b-[0.2rem] border-r-[0.2rem] -mt-[0.15rem]': size === 'xs',\n                'w-[0.35rem] h-[0.7rem] border-b-[0.15rem] border-r-[0.15rem] -mt-[0.15rem]': size === 'xxs',\n              }\"\n            ></div>\n          </div>\n        </div>\n\n        <div\n          v-if=\"label\"\n          :for=\"uuid\"\n          class=\"font-normal text-left\"\n          :class=\"{\n            'text-base mt-[0.1rem]': size === 'xs',\n            'text-sm mt-[0.05rem]': size === 'xxs',\n            'text-neutral-darker cursor-pointer': !disabled,\n            'text-neutral-inactive cursor-not-allowed': disabled,\n          }\"\n        >\n          {{ label }}\n        </div>\n      </label>\n\n      <div\n        v-if=\"slots.default\"\n        class=\"font-normal text-left\"\n        :class=\"{\n          'text-base mt-[0.1rem]': size === 'xs',\n          'text-sm mt-[0.05rem]': size === 'xxs',\n          'text-neutral-darker': value && !disabled,\n          'text-neutral-inactive': disabled,\n        }\"\n      >\n        <slot />\n      </div>\n    </div>\n  </ElInputContainer>\n</template>\n"],"names":["elInputCheckboxSizes","elInputCheckboxColors","elInputCheckboxModelValues","props","__props","emit","__emit","computedModelValue","computed","computedValidation","slots","useSlots","value","errorMessage","uuid","useInput","newValue","toggleCheckbox"],"mappings":"ieACaA,EAAuB,CAAC,KAAM,KAAK,EAGnCC,EAAwB,CACnC,UACA,YACA,aACA,cACA,QACA,SACA,SACA,SACA,SACA,OACA,MACA,OACA,OACA,MACF,EAGaC,EAA6B,CAAC,GAAM,GAAO,eAAe,4SASvE,MAAMC,EAAQC,EAuBRC,EAAOC,EAIPC,EAAqBC,EAAS,IAAML,EAAM,YAAc,EAAK,EAC7DM,EAAqBD,EAAS,IAAM,CAACL,EAAM,UAAU,CAAC,EAEtDO,EAAQC,IAER,CAAE,MAAAC,EAAO,aAAAC,EAAc,KAAAC,CAAS,EAAAC,EACpCR,EACAE,EACAN,EAAM,KACLa,GAAyC,CACxCX,EAAK,oBAAqBW,CAAQ,CACpC,CAAA,EAGIC,EAAiB,IAAM,CACvBd,EAAM,WACNA,EAAM,aAAe,gBACvBS,EAAM,MAAQ,GAERA,EAAA,MAAQ,CAACA,EAAM,MACvB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputContainer.vue.cjs2.js","sources":["../../../src/forms/ElInputContainer.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputContainerColor = ['primary', 'secondary', 'error'] as const;\nexport type ElInputContainerColor = (typeof elInputContainerColor)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { NumberValueType, TextualValueType } from './input';\n\nwithDefaults(\n  defineProps<{\n    modelValue?: TextualValueType | NumberValueType;\n    name: string;\n    label?: string;\n    errorMessage?: string | boolean;\n    hiddenErrorMessage?: boolean;\n    setRequiredMark?: boolean;\n    color?: ElInputContainerColor;\n    noBorder?: boolean;\n  }>(),\n  {\n    modelValue: '',\n    color: 'primary',\n    label: '',\n    errorMessage: false,\n    noBorder: false,\n  },\n);\n</script>\n\n<template>\n  <div\n    v-bind=\"$attrs\"\n    class=\"el-input-container group border-0 p-1 flex flex-col gap-1\"\n    :class=\"{\n      error: !!errorMessage,\n    }\"\n  >\n    <div class=\"flex align-middle text-base\" :class=\"{ 'text-neutral-darker': !errorMessage, 'text-error': !!errorMessage }\">\n      <label :for=\"name\" class=\"block text-base font-medium\">{{ label }}</label>\n      <span v-if=\"label && setRequiredMark\" class=\"ml-0 text-sm font-light\">*</span>\n    </div>\n    <div\n      v-bind=\"$attrs\"\n      class=\"el-input-container group rounded overflow-hidden text-neutral-darker focus-within:ring focus-within:ring-opacity-50\"\n      :class=\"{\n        error: !!errorMessage,\n        'border border-neutral-inactive': !noBorder,\n        'focus-within:border-primary-pressed focus-within:ring-outlined-primary': color === 'primary' && !modelValue,\n        'focus-within:border-primary-active focus-within:ring-outlined-primary ': color === 'primary' && modelValue,\n\n        'focus-within:border-secondary-pressed focus-within:ring-outlined-secondary ': color === 'secondary',\n        'focus-within:border-secondary-active focus-within:ring-outlined-secondary ': color === 'secondary',\n\n        'focus-within:border-error  focus-within:ring-outlined-error': color === 'error',\n      }\"\n    >\n      <div\n        class=\"relative\"\n        :class=\"{\n          'gap-1': label.length > 0,\n        }\"\n      >\n        <div\n          :class=\"{\n            'fill-neutral-inactive': !modelValue,\n\n            'focus-within:fill-primary-pressed': color === 'primary' && !modelValue,\n            'focus-within:fill-primary-active': color === 'primary' && modelValue,\n\n            'focus-within:fill-secondary-pressed': color === 'secondary' && !modelValue,\n            'focus-within:fill-secondary-active': color === 'secondary' && modelValue,\n\n            'fill-error': color === 'error',\n            'fill-neutral-darker': modelValue,\n          }\"\n        >\n          <slot name=\"leading\" v-bind=\"{ error: !!errorMessage }\" />\n        </div>\n        <slot v-bind=\"{ error: !!errorMessage }\" />\n        <div\n          class=\"pointer-events-auto absolute inset-y-0 right-2 z-20 flex cursor-pointer items-center\"\n          :class=\"{ 'text-error': !!errorMessage }\"\n        >\n          <slot name=\"trailing\" v-bind=\"{ error: !!errorMessage }\"> </slot>\n        </div>\n      </div>\n      <slot name=\"after\" />\n      <p\n        v-if=\"!!errorMessage && !errorMessage && !hiddenErrorMessage\"\n        class=\"text-neutral-lighter group-focus-within:text-error group-active-within:text-error mt-1 text-sm\"\n      >\n        {{ errorMessage }}\n      </p>\n    </div>\n  </div>\n</template>\n"],"names":["elInputContainerColor"],"mappings":"wSACaA,EAAwB,CAAC,UAAW,YAAa,OAAO"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputContainer.vue.esm2.js","sources":["../../../src/forms/ElInputContainer.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputContainerColor = ['primary', 'secondary', 'error'] as const;\nexport type ElInputContainerColor = (typeof elInputContainerColor)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { NumberValueType, TextualValueType } from './input';\n\nwithDefaults(\n  defineProps<{\n    modelValue?: TextualValueType | NumberValueType;\n    name: string;\n    label?: string;\n    errorMessage?: string | boolean;\n    hiddenErrorMessage?: boolean;\n    setRequiredMark?: boolean;\n    color?: ElInputContainerColor;\n    noBorder?: boolean;\n  }>(),\n  {\n    modelValue: '',\n    color: 'primary',\n    label: '',\n    errorMessage: false,\n    noBorder: false,\n  },\n);\n</script>\n\n<template>\n  <div\n    v-bind=\"$attrs\"\n    class=\"el-input-container group border-0 p-1 flex flex-col gap-1\"\n    :class=\"{\n      error: !!errorMessage,\n    }\"\n  >\n    <div class=\"flex align-middle text-base\" :class=\"{ 'text-neutral-darker': !errorMessage, 'text-error': !!errorMessage }\">\n      <label :for=\"name\" class=\"block text-base font-medium\">{{ label }}</label>\n      <span v-if=\"label && setRequiredMark\" class=\"ml-0 text-sm font-light\">*</span>\n    </div>\n    <div\n      v-bind=\"$attrs\"\n      class=\"el-input-container group rounded overflow-hidden text-neutral-darker focus-within:ring focus-within:ring-opacity-50\"\n      :class=\"{\n        error: !!errorMessage,\n        'border border-neutral-inactive': !noBorder,\n        'focus-within:border-primary-pressed focus-within:ring-outlined-primary': color === 'primary' && !modelValue,\n        'focus-within:border-primary-active focus-within:ring-outlined-primary ': color === 'primary' && modelValue,\n\n        'focus-within:border-secondary-pressed focus-within:ring-outlined-secondary ': color === 'secondary',\n        'focus-within:border-secondary-active focus-within:ring-outlined-secondary ': color === 'secondary',\n\n        'focus-within:border-error  focus-within:ring-outlined-error': color === 'error',\n      }\"\n    >\n      <div\n        class=\"relative\"\n        :class=\"{\n          'gap-1': label.length > 0,\n        }\"\n      >\n        <div\n          :class=\"{\n            'fill-neutral-inactive': !modelValue,\n\n            'focus-within:fill-primary-pressed': color === 'primary' && !modelValue,\n            'focus-within:fill-primary-active': color === 'primary' && modelValue,\n\n            'focus-within:fill-secondary-pressed': color === 'secondary' && !modelValue,\n            'focus-within:fill-secondary-active': color === 'secondary' && modelValue,\n\n            'fill-error': color === 'error',\n            'fill-neutral-darker': modelValue,\n          }\"\n        >\n          <slot name=\"leading\" v-bind=\"{ error: !!errorMessage }\" />\n        </div>\n        <slot v-bind=\"{ error: !!errorMessage }\" />\n        <div\n          class=\"pointer-events-auto absolute inset-y-0 right-2 z-20 flex cursor-pointer items-center\"\n          :class=\"{ 'text-error': !!errorMessage }\"\n        >\n          <slot name=\"trailing\" v-bind=\"{ error: !!errorMessage }\"> </slot>\n        </div>\n      </div>\n      <slot name=\"after\" />\n      <p\n        v-if=\"!!errorMessage && !errorMessage && !hiddenErrorMessage\"\n        class=\"text-neutral-lighter group-focus-within:text-error group-active-within:text-error mt-1 text-sm\"\n      >\n        {{ errorMessage }}\n      </p>\n    </div>\n  </div>\n</template>\n"],"names":["elInputContainerColor"],"mappings":"6ZACaA,EAAwB,CAAC,UAAW,YAAa,OAAO"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("./ElInputContainer.vue.cjs2.js"),d=require("./input.cjs.js"),n=require("../../node_modules/luxon/src/datetime.cjs.js");require("../../node_modules/luxon/src/duration.cjs.js");const V=["id","name","type","placeholder","disabled","data-cy"],q=["date","datetime-local","time","month"],D=e.defineComponent({__name:"ElInputDate",props:{...d.withNumberElInputProps(),type:{type:String,default:"date"}},emits:["update:modelValue","update:readableString"],setup(s,{emit:y}){const a=s,i=y,l=a.modelValue?n.default.fromSeconds(a.modelValue):void 0,m=e.computed(()=>{switch(a.type){case"date":return"yyyy-MM-dd";case"time":return"HH:mm";case"datetime-local":return"yyyy-MM-dd'T'HH:mm";default:return""}}),f=e.computed(()=>a.modelValue),v=e.computed(()=>[a.validation]),{value:o,errorMessage:g,uuid:p,fieldContext:b}=d.useInput(f,v,a.name,t=>{i("update:modelValue",t),i("update:readableString",u.value)}),u=e.computed({get:()=>o.value?n.default.fromSeconds(o.value).toFormat(m.value):"",set:t=>{if(t){let r=n.default.fromFormat(t,m.value);a.type==="time"&&l&&(r=r.set({day:l.day,month:l.month,year:l.year})),o.value=Math.round(r.toSeconds())}else o.value=void 0}});return(t,r)=>(e.openBlock(),e.createBlock(h.default,e.mergeProps(t.$attrs,{name:e.unref(p),color:t.color,label:t.label,"error-message":a.errorMessage===!1?!1:a.errorMessage||e.unref(g),"hidden-error-message":t.hiddenErrorMessage,"set-required-mark":e.unref(d.showRequiredMark)([t.validation])}),{default:e.withCtx(({error:M})=>[e.withDirectives(e.createElementVNode("input",{id:e.unref(p),"onUpdate:modelValue":r[0]||(r[0]=c=>u.value=c),name:a.name,type:s.type,class:e.normalizeClass(["el-input",{error:M,"text-neutral-darker border-primary":u.value!==""}]),placeholder:t.placeholder,disabled:a.disabled,"data-cy":`${t.label.trim().replaceAll(" ","")}-input`,max:"9999-12-31",onBlur:r[1]||(r[1]=c=>e.unref(b).validate())},null,42,V),[[e.vModelDynamic,u.value]])]),_:1},16,["name","color","label","error-message","hidden-error-message","set-required-mark"]))}});exports.default=D;exports.elInputDateTypes=q;
+//# sourceMappingURL=ElInputDate.vue.cjs2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputDate.vue.cjs2.js","sources":["../../../src/forms/ElInputDate.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputDateTypes = ['date', 'datetime-local', 'time', 'month'] as const;\nexport type ElInputDateType = (typeof elInputDateTypes)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, PropType } from 'vue';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport { useInput, NumberValueType, showRequiredMark, withNumberElInputProps } from '@/forms/input';\nimport { DateTime } from 'luxon';\n\nconst props = defineProps({\n  ...withNumberElInputProps(),\n  type: {\n    type: String as PropType<ElInputDateType>,\n    default: 'date',\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: NumberValueType): void;\n  (event: 'update:readableString', value: string): void;\n}>();\n\nconst initialDate = props.modelValue ? DateTime.fromSeconds(props.modelValue) : undefined;\n\nconst dateFormat = computed(() => {\n  switch (props.type) {\n    case 'date':\n      return 'yyyy-MM-dd';\n    case 'time':\n      return 'HH:mm';\n    case 'datetime-local':\n      // eslint-disable-next-line quotes\n      return `yyyy-MM-dd'T'HH:mm`;\n    default:\n      return '';\n  }\n});\n\nconst computedModelValue = computed(() => props.modelValue);\nconst computedValidation = computed(() => [props.validation]);\n\nconst { value, errorMessage, uuid, fieldContext } = useInput(computedModelValue, computedValidation, props.name, newValue => {\n  emit('update:modelValue', newValue);\n  emit('update:readableString', valueToNumber.value);\n});\n\n// this is needed to have vee-validate only work on number values, this way we don't have to deal with date format, but only timestamps\nconst valueToNumber = computed<string>({\n  get: () => {\n    if (!value.value) return '';\n    return DateTime.fromSeconds(value.value).toFormat(dateFormat.value);\n  },\n  set: (valueAsString: string) => {\n    if (valueAsString) {\n      let newDate = DateTime.fromFormat(valueAsString, dateFormat.value);\n      if (props.type === 'time' && initialDate) {\n        // when parsing from time, it loses reference of the actual date. Set it manually\n        newDate = newDate.set({ day: initialDate.day, month: initialDate.month, year: initialDate.year });\n      }\n      value.value = Math.round(newDate.toSeconds());\n    } else {\n      value.value = undefined;\n    }\n  },\n});\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"uuid\"\n    :color=\"color\"\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  >\n    <template #default=\"{ error }\">\n      <input\n        :id=\"uuid\"\n        v-model=\"valueToNumber\"\n        :name=\"props.name\"\n        :type=\"type\"\n        class=\"el-input\"\n        :class=\"{\n          error: error,\n          'text-neutral-darker border-primary': valueToNumber !== '',\n        }\"\n        :placeholder=\"placeholder\"\n        :disabled=\"props.disabled\"\n        :data-cy=\"`${label.trim().replaceAll(' ', '')}-input`\"\n        max=\"9999-12-31\"\n        @blur=\"fieldContext.validate()\"\n      />\n    </template>\n  </ElInputContainer>\n</template>\n"],"names":["elInputDateTypes","props","__props","emit","__emit","initialDate","DateTime","dateFormat","computed","computedModelValue","computedValidation","value","errorMessage","uuid","fieldContext","useInput","newValue","valueToNumber","valueAsString","newDate"],"mappings":"6XACaA,EAAmB,CAAC,OAAQ,iBAAkB,OAAQ,OAAO,0LAU1E,MAAMC,EAAQC,EAQRC,EAAOC,EAKPC,EAAcJ,EAAM,WAAaK,UAAS,YAAYL,EAAM,UAAU,EAAI,OAE1EM,EAAaC,EAAAA,SAAS,IAAM,CAChC,OAAQP,EAAM,KAAM,CAClB,IAAK,OACI,MAAA,aACT,IAAK,OACI,MAAA,QACT,IAAK,iBAEI,MAAA,qBACT,QACS,MAAA,EACX,CAAA,CACD,EAEKQ,EAAqBD,EAAA,SAAS,IAAMP,EAAM,UAAU,EACpDS,EAAqBF,EAAAA,SAAS,IAAM,CAACP,EAAM,UAAU,CAAC,EAEtD,CAAE,MAAAU,EAAO,aAAAC,EAAc,KAAAC,EAAM,aAAAC,CAAiB,EAAAC,WAASN,EAAoBC,EAAoBT,EAAM,KAAkBe,GAAA,CAC3Hb,EAAK,oBAAqBa,CAAQ,EAC7Bb,EAAA,wBAAyBc,EAAc,KAAK,CAAA,CAClD,EAGKA,EAAgBT,EAAAA,SAAiB,CACrC,IAAK,IACEG,EAAM,MACJL,UAAS,YAAYK,EAAM,KAAK,EAAE,SAASJ,EAAW,KAAK,EADzC,GAG3B,IAAMW,GAA0B,CAC9B,GAAIA,EAAe,CACjB,IAAIC,EAAUb,EAAAA,QAAS,WAAWY,EAAeX,EAAW,KAAK,EAC7DN,EAAM,OAAS,QAAUI,IAE3Bc,EAAUA,EAAQ,IAAI,CAAE,IAAKd,EAAY,IAAK,MAAOA,EAAY,MAAO,KAAMA,EAAY,IAAM,CAAA,GAElGM,EAAM,MAAQ,KAAK,MAAMQ,EAAQ,WAAW,CAAA,MAE5CR,EAAM,MAAQ,MAElB,CAAA,CACD"}

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

@@ -0,0 +1,2 @@
+import{defineComponent as M,computed as n,openBlock as V,createBlock as D,mergeProps as k,unref as r,withCtx as w,withDirectives as S,createElementVNode as C,normalizeClass as E,vModelDynamic as H}from"vue";import I from"./ElInputContainer.vue.esm2.js";import{withNumberElInputProps as T,useInput as $,showRequiredMark as q}from"./input.esm.js";import m from"../../node_modules/luxon/src/datetime.esm.js";import"../../node_modules/luxon/src/duration.esm.js";const B=["id","name","type","placeholder","disabled","data-cy"],U=["date","datetime-local","time","month"],j=M({__name:"ElInputDate",props:{...T(),type:{type:String,default:"date"}},emits:["update:modelValue","update:readableString"],setup(i,{emit:y}){const a=i,s=y,o=a.modelValue?m.fromSeconds(a.modelValue):void 0,u=n(()=>{switch(a.type){case"date":return"yyyy-MM-dd";case"time":return"HH:mm";case"datetime-local":return"yyyy-MM-dd'T'HH:mm";default:return""}}),f=n(()=>a.modelValue),v=n(()=>[a.validation]),{value:l,errorMessage:h,uuid:p,fieldContext:b}=$(f,v,a.name,e=>{s("update:modelValue",e),s("update:readableString",d.value)}),d=n({get:()=>l.value?m.fromSeconds(l.value).toFormat(u.value):"",set:e=>{if(e){let t=m.fromFormat(e,u.value);a.type==="time"&&o&&(t=t.set({day:o.day,month:o.month,year:o.year})),l.value=Math.round(t.toSeconds())}else l.value=void 0}});return(e,t)=>(V(),D(I,k(e.$attrs,{name:r(p),color:e.color,label:e.label,"error-message":a.errorMessage===!1?!1:a.errorMessage||r(h),"hidden-error-message":e.hiddenErrorMessage,"set-required-mark":r(q)([e.validation])}),{default:w(({error:g})=>[S(C("input",{id:r(p),"onUpdate:modelValue":t[0]||(t[0]=c=>d.value=c),name:a.name,type:i.type,class:E(["el-input",{error:g,"text-neutral-darker border-primary":d.value!==""}]),placeholder:e.placeholder,disabled:a.disabled,"data-cy":`${e.label.trim().replaceAll(" ","")}-input`,max:"9999-12-31",onBlur:t[1]||(t[1]=c=>r(b).validate())},null,42,B),[[H,d.value]])]),_:1},16,["name","color","label","error-message","hidden-error-message","set-required-mark"]))}});export{j as default,U as elInputDateTypes};
+//# sourceMappingURL=ElInputDate.vue.esm2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputDate.vue.esm2.js","sources":["../../../src/forms/ElInputDate.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputDateTypes = ['date', 'datetime-local', 'time', 'month'] as const;\nexport type ElInputDateType = (typeof elInputDateTypes)[number];\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, PropType } from 'vue';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport { useInput, NumberValueType, showRequiredMark, withNumberElInputProps } from '@/forms/input';\nimport { DateTime } from 'luxon';\n\nconst props = defineProps({\n  ...withNumberElInputProps(),\n  type: {\n    type: String as PropType<ElInputDateType>,\n    default: 'date',\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: NumberValueType): void;\n  (event: 'update:readableString', value: string): void;\n}>();\n\nconst initialDate = props.modelValue ? DateTime.fromSeconds(props.modelValue) : undefined;\n\nconst dateFormat = computed(() => {\n  switch (props.type) {\n    case 'date':\n      return 'yyyy-MM-dd';\n    case 'time':\n      return 'HH:mm';\n    case 'datetime-local':\n      // eslint-disable-next-line quotes\n      return `yyyy-MM-dd'T'HH:mm`;\n    default:\n      return '';\n  }\n});\n\nconst computedModelValue = computed(() => props.modelValue);\nconst computedValidation = computed(() => [props.validation]);\n\nconst { value, errorMessage, uuid, fieldContext } = useInput(computedModelValue, computedValidation, props.name, newValue => {\n  emit('update:modelValue', newValue);\n  emit('update:readableString', valueToNumber.value);\n});\n\n// this is needed to have vee-validate only work on number values, this way we don't have to deal with date format, but only timestamps\nconst valueToNumber = computed<string>({\n  get: () => {\n    if (!value.value) return '';\n    return DateTime.fromSeconds(value.value).toFormat(dateFormat.value);\n  },\n  set: (valueAsString: string) => {\n    if (valueAsString) {\n      let newDate = DateTime.fromFormat(valueAsString, dateFormat.value);\n      if (props.type === 'time' && initialDate) {\n        // when parsing from time, it loses reference of the actual date. Set it manually\n        newDate = newDate.set({ day: initialDate.day, month: initialDate.month, year: initialDate.year });\n      }\n      value.value = Math.round(newDate.toSeconds());\n    } else {\n      value.value = undefined;\n    }\n  },\n});\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"uuid\"\n    :color=\"color\"\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  >\n    <template #default=\"{ error }\">\n      <input\n        :id=\"uuid\"\n        v-model=\"valueToNumber\"\n        :name=\"props.name\"\n        :type=\"type\"\n        class=\"el-input\"\n        :class=\"{\n          error: error,\n          'text-neutral-darker border-primary': valueToNumber !== '',\n        }\"\n        :placeholder=\"placeholder\"\n        :disabled=\"props.disabled\"\n        :data-cy=\"`${label.trim().replaceAll(' ', '')}-input`\"\n        max=\"9999-12-31\"\n        @blur=\"fieldContext.validate()\"\n      />\n    </template>\n  </ElInputContainer>\n</template>\n"],"names":["elInputDateTypes","props","__props","emit","__emit","initialDate","DateTime","dateFormat","computed","computedModelValue","computedValidation","value","errorMessage","uuid","fieldContext","useInput","newValue","valueToNumber","valueAsString","newDate"],"mappings":"0gBACaA,EAAmB,CAAC,OAAQ,iBAAkB,OAAQ,OAAO,mJAU1E,MAAMC,EAAQC,EAQRC,EAAOC,EAKPC,EAAcJ,EAAM,WAAaK,EAAS,YAAYL,EAAM,UAAU,EAAI,OAE1EM,EAAaC,EAAS,IAAM,CAChC,OAAQP,EAAM,KAAM,CAClB,IAAK,OACI,MAAA,aACT,IAAK,OACI,MAAA,QACT,IAAK,iBAEI,MAAA,qBACT,QACS,MAAA,EACX,CAAA,CACD,EAEKQ,EAAqBD,EAAS,IAAMP,EAAM,UAAU,EACpDS,EAAqBF,EAAS,IAAM,CAACP,EAAM,UAAU,CAAC,EAEtD,CAAE,MAAAU,EAAO,aAAAC,EAAc,KAAAC,EAAM,aAAAC,CAAiB,EAAAC,EAASN,EAAoBC,EAAoBT,EAAM,KAAkBe,GAAA,CAC3Hb,EAAK,oBAAqBa,CAAQ,EAC7Bb,EAAA,wBAAyBc,EAAc,KAAK,CAAA,CAClD,EAGKA,EAAgBT,EAAiB,CACrC,IAAK,IACEG,EAAM,MACJL,EAAS,YAAYK,EAAM,KAAK,EAAE,SAASJ,EAAW,KAAK,EADzC,GAG3B,IAAMW,GAA0B,CAC9B,GAAIA,EAAe,CACjB,IAAIC,EAAUb,EAAS,WAAWY,EAAeX,EAAW,KAAK,EAC7DN,EAAM,OAAS,QAAUI,IAE3Bc,EAAUA,EAAQ,IAAI,CAAE,IAAKd,EAAY,IAAK,MAAOA,EAAY,MAAO,KAAMA,EAAY,IAAM,CAAA,GAElGM,EAAM,MAAQ,KAAK,MAAMQ,EAAQ,WAAW,CAAA,MAE5CR,EAAM,MAAQ,MAElB,CAAA,CACD"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputFile.vue.cjs2.js","sources":["../../../src/forms/ElInputFile.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputFileTypes = [\n  'image',\n  'document',\n  'csv',\n  'excel',\n  'any',\n  'zip',\n  'patientsImportDataFpfV5',\n  'patientsImportDataHippocrates',\n  'patientsImportDataIatros',\n  'patientsImportDataMdb2000',\n  'patientsImportDataMillewin',\n  'patientsImportDataPhronesis',\n  'patientsImportDataFastamb',\n  'patientsImportDataMedico2000',\n  'patientsImportDataTServe',\n  'patientsImportDataProfim',\n  'patientsImportDataMillewinAttachments',\n  'patientsImportDataAdvmednet',\n] as const;\nexport type ElInputFileType = (typeof elInputFileTypes)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, toRef, PropType } from 'vue';\nimport { useInput, withCommonElInputProps } from '@/forms/input';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport ElFile from '@/ElFile.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport { toast } from '@/ElToast.vue';\n\nconst props = defineProps({\n  ...withCommonElInputProps(),\n  modelValue: {\n    type: Array as () => File[],\n    required: true,\n  },\n  content: {\n    type: String,\n    default: undefined,\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  fileType: {\n    type: String as PropType<ElInputFileType>,\n    default: 'document',\n    required: false,\n  },\n});\n\nconst dragging = ref(false);\nconst inputField = ref<HTMLFormElement>();\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', files: File[]): void;\n}>();\n\nconst modelValue = toRef(props.modelValue);\n\nconst computedAcceptedFileExtensionsOrMimeType = computed<string[]>(() => {\n  switch (props.fileType) {\n    case 'patientsImportDataFpfV5':\n    case 'patientsImportDataMdb2000':\n    case 'patientsImportDataFastamb':\n    case 'patientsImportDataProfim':\n      return ['.mdb'];\n    case 'patientsImportDataHippocrates':\n      return ['.xml'];\n    case 'patientsImportDataIatros':\n      return ['.xml', '.mdb', '.sql', '.backup'];\n    case 'patientsImportDataMillewin':\n      return ['.sql', '.backup', '.db3'];\n    case 'patientsImportDataPhronesis':\n      return ['.sqlite', '.sqlite3', '.db', '.db3', '.s3db', '.sl3', '.gz'];\n    case 'patientsImportDataTServe':\n    case 'patientsImportDataMedico2000':\n    case 'patientsImportDataMillewinAttachments':\n    case 'patientsImportDataAdvmednet':\n    case 'zip':\n      return ['.zip'];\n    case 'image':\n      return ['image/jpeg', 'image/png'];\n    case 'document':\n      // any pdf or word-like document\n      return [\n        '.doc',\n        '.docx',\n        '.xml',\n        'application/msword',\n        'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n        '.pdf',\n      ];\n    case 'csv':\n      return ['.csv'];\n    case 'excel':\n      return ['.xlsx'];\n    default:\n      return ['*'];\n  }\n});\nconst computedValidation = computed(() => {\n  const validations = [props.validation];\n  switch (props.fileType) {\n    case 'image':\n      validations.push('ext:jpg,png,jpeg');\n      break;\n    case 'document':\n      validations.push('ext:doc,docs,xml,pdf');\n      break;\n    case 'csv':\n      validations.push('ext:csv');\n      break;\n    case 'excel':\n      validations.push('ext:xlsx');\n      break;\n    case 'patientsImportDataFpfV5':\n    case 'patientsImportDataMdb2000':\n    case 'patientsImportDataFastamb':\n    case 'patientsImportDataProfim':\n      validations.push('ext:mdb');\n      break;\n    case 'patientsImportDataHippocrates':\n      validations.push('ext:xml');\n      break;\n    case 'patientsImportDataIatros':\n      validations.push('ext:xml,mdb,sql,backup');\n      break;\n    case 'patientsImportDataMillewin':\n      validations.push('ext:sql,backup,.db3');\n      break;\n    case 'patientsImportDataPhronesis':\n      validations.push('ext:sqlite,sqlite3,db,db3,s3db,sl3,gz');\n      break;\n    case 'patientsImportDataTServe':\n    case 'patientsImportDataMedico2000':\n    case 'patientsImportDataMillewinAttachments':\n    case 'patientsImportDataAdvmednet':\n    case 'zip':\n      validations.push('ext:zip');\n      break;\n    default:\n      break;\n  }\n  return validations;\n});\n\nconst { value, errorMessage, uuid } = useInput(modelValue, computedValidation, props.name, (newValue: File[]) => {\n  emit('update:modelValue', newValue);\n});\n\nconst onChange = (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  if (!target) return;\n  loadFilesAndClearInput(target.files);\n};\n\nconst onDrop = (event: DragEvent) => {\n  if (!event.dataTransfer) return;\n  loadFilesAndClearInput(event.dataTransfer.files);\n  dragging.value = false;\n};\n\nconst loadFilesAndClearInput = (newFiles: FileList | null) => {\n  loadFiles(newFiles);\n  if (inputField.value?.value) inputField.value.value = null;\n};\n\nconst loadFiles = (newFiles: FileList | null) => {\n  if (!newFiles) return;\n  const newFilesArray = [...newFiles];\n\n  if (\n    !newFilesArray.every(file =>\n      computedAcceptedFileExtensionsOrMimeType.value.some(\n        extensionOrMimeType =>\n          file.name.toLowerCase().endsWith(extensionOrMimeType) ||\n          file.type.toLowerCase() === extensionOrMimeType ||\n          extensionOrMimeType === '*',\n      ),\n    )\n  ) {\n    return toast('Formato non supportato, verifica di aver inserito un file/s con il formato corretto', { state: 'error' });\n  }\n\n  value.value = [...value.value, ...newFilesArray];\n  if (!props.multiple && value.value.length > 1) {\n    value.value = [value.value[0]];\n  }\n};\n\nconst removeFile = (idx: number) => {\n  value.value = value.value.filter((_, i) => i !== idx);\n};\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"uuid\"\n    :color=\"color\"\n    :label=\"label\"\n    :error-message=\"props.errorMessage === false ? false : props.errorMessage || errorMessage\"\n    :hidden-error-message=\"hiddenErrorMessage\"\n    class=\"relative inline-block w-full\"\n  >\n    <div class=\"flex flex-col gap-2 min-w-0 sm:min-w-80 min-h-20\">\n      <label\n        v-if=\"value.length == 0 || multiple\"\n        tabIndex=\"0\"\n        :for=\"uuid\"\n        class=\"min-h-20 p-4 flex flex-col gap-2 items-center justify-center rounded border outline-none border-dashed w-full\"\n        :class=\"{\n          [`border-primary`]: color === 'primary' && !disabled && !dragging,\n          [`border-secondary`]: color === 'secondary' && !disabled && !dragging,\n          [`border-error`]: color === 'error' && !disabled && !dragging,\n\n          'bg-white': !dragging,\n\n          [`bg-primary-light-hover`]: color === 'primary' && dragging,\n          [`bg-secondary-light-hover`]: color === 'secondary' && dragging,\n          [`bg-error-light-hover`]: color === 'error' && dragging,\n\n          [`hover:bg-primary-light-hover hover:text-primary-hover hover:border-primary-hover group-focus-within:bg-primary-light-focused group-focus-within:text-primary-focused group-focus-within:border-primary-light-focused`]:\n            color === 'primary' && !disabled,\n          [`hover:bg-secondary-light-hover hover:text-secondary-hover hover:border-secondary-hover group-focus-within:bg-secondary-light-focused group-focus-within:text-secondary-focused group-focus-within:border-secondary-light-focused`]:\n            color === 'secondary' && !disabled,\n          [`hover:bg-error-light-hover hover:text-error-hover hover:border-error-hover group-focus-within:bg-error-light-focused group-focus-within:text-error-focused group-focus-within:border-error-light-focused`]:\n            color === 'error' && !disabled,\n\n          'border-gray-300 text-gray-300 cursor-not-allowed': disabled,\n\n          [`border-primary-hover`]: color === 'primary' && !disabled && dragging,\n          [`border-secondary-hover`]: color === 'secondary' && !disabled && dragging,\n          [`border-error-hover`]: color === 'error' && !disabled && dragging,\n        }\"\n        @dragover.prevent=\"dragging = true\"\n        @drop.prevent=\"onDrop\"\n        @dragenter.prevent=\"dragging = true\"\n        @dragleave.prevent=\"dragging = false\"\n      >\n        <ElIcon\n          name=\"ArrowUpCircleIcon\"\n          :class=\"[\n            ...(color === 'primary' ? [`text-primary`] : []),\n            ...(color === 'secondary' ? [`text-secondary`] : []),\n            ...(color === 'error' ? [`text-error`] : []),\n            {\n              'w-5 h-5': content,\n              'w-7 h-7': !content,\n              'cursor-pointer': !disabled,\n            },\n          ]\"\n        ></ElIcon>\n        <span v-if=\"content\" class=\"text-xs\">{{ content }}</span>\n      </label>\n      <input\n        :id=\"uuid\"\n        ref=\"inputField\"\n        type=\"file\"\n        class=\"hidden\"\n        :accept=\"computedAcceptedFileExtensionsOrMimeType.join(',')\"\n        :disabled=\"disabled\"\n        :name=\"name || uuid\"\n        :multiple=\"multiple\"\n        @change.prevent=\"onChange\"\n      />\n      <ElFile\n        v-for=\"(file, index) in value\"\n        :key=\"`file-${index}`\"\n        variant=\"primary\"\n        :name=\"file.name\"\n        :format=\"file.type\"\n        class=\"w-full\"\n        :disabled=\"disabled\"\n        @close=\"removeFile(index)\"\n      />\n    </div>\n  </ElInputContainer>\n</template>\n"],"names":["elInputFileTypes","props","__props","dragging","ref","inputField","emit","__emit","modelValue","toRef","computedAcceptedFileExtensionsOrMimeType","computed","computedValidation","validations","value","errorMessage","uuid","useInput","newValue","onChange","event","target","loadFilesAndClearInput","onDrop","newFiles","loadFiles","_a","newFilesArray","file","extensionOrMimeType","toast","removeFile","idx","_","i"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputFile.vue.esm2.js","sources":["../../../src/forms/ElInputFile.vue"],"sourcesContent":["<script lang=\"ts\">\nexport const elInputFileTypes = [\n  'image',\n  'document',\n  'csv',\n  'excel',\n  'any',\n  'zip',\n  'patientsImportDataFpfV5',\n  'patientsImportDataHippocrates',\n  'patientsImportDataIatros',\n  'patientsImportDataMdb2000',\n  'patientsImportDataMillewin',\n  'patientsImportDataPhronesis',\n  'patientsImportDataFastamb',\n  'patientsImportDataMedico2000',\n  'patientsImportDataTServe',\n  'patientsImportDataProfim',\n  'patientsImportDataMillewinAttachments',\n  'patientsImportDataAdvmednet',\n] as const;\nexport type ElInputFileType = (typeof elInputFileTypes)[number];\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, toRef, PropType } from 'vue';\nimport { useInput, withCommonElInputProps } from '@/forms/input';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport ElFile from '@/ElFile.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport { toast } from '@/ElToast.vue';\n\nconst props = defineProps({\n  ...withCommonElInputProps(),\n  modelValue: {\n    type: Array as () => File[],\n    required: true,\n  },\n  content: {\n    type: String,\n    default: undefined,\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  fileType: {\n    type: String as PropType<ElInputFileType>,\n    default: 'document',\n    required: false,\n  },\n});\n\nconst dragging = ref(false);\nconst inputField = ref<HTMLFormElement>();\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', files: File[]): void;\n}>();\n\nconst modelValue = toRef(props.modelValue);\n\nconst computedAcceptedFileExtensionsOrMimeType = computed<string[]>(() => {\n  switch (props.fileType) {\n    case 'patientsImportDataFpfV5':\n    case 'patientsImportDataMdb2000':\n    case 'patientsImportDataFastamb':\n    case 'patientsImportDataProfim':\n      return ['.mdb'];\n    case 'patientsImportDataHippocrates':\n      return ['.xml'];\n    case 'patientsImportDataIatros':\n      return ['.xml', '.mdb', '.sql', '.backup'];\n    case 'patientsImportDataMillewin':\n      return ['.sql', '.backup', '.db3'];\n    case 'patientsImportDataPhronesis':\n      return ['.sqlite', '.sqlite3', '.db', '.db3', '.s3db', '.sl3', '.gz'];\n    case 'patientsImportDataTServe':\n    case 'patientsImportDataMedico2000':\n    case 'patientsImportDataMillewinAttachments':\n    case 'patientsImportDataAdvmednet':\n    case 'zip':\n      return ['.zip'];\n    case 'image':\n      return ['image/jpeg', 'image/png'];\n    case 'document':\n      // any pdf or word-like document\n      return [\n        '.doc',\n        '.docx',\n        '.xml',\n        'application/msword',\n        'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n        '.pdf',\n      ];\n    case 'csv':\n      return ['.csv'];\n    case 'excel':\n      return ['.xlsx'];\n    default:\n      return ['*'];\n  }\n});\nconst computedValidation = computed(() => {\n  const validations = [props.validation];\n  switch (props.fileType) {\n    case 'image':\n      validations.push('ext:jpg,png,jpeg');\n      break;\n    case 'document':\n      validations.push('ext:doc,docs,xml,pdf');\n      break;\n    case 'csv':\n      validations.push('ext:csv');\n      break;\n    case 'excel':\n      validations.push('ext:xlsx');\n      break;\n    case 'patientsImportDataFpfV5':\n    case 'patientsImportDataMdb2000':\n    case 'patientsImportDataFastamb':\n    case 'patientsImportDataProfim':\n      validations.push('ext:mdb');\n      break;\n    case 'patientsImportDataHippocrates':\n      validations.push('ext:xml');\n      break;\n    case 'patientsImportDataIatros':\n      validations.push('ext:xml,mdb,sql,backup');\n      break;\n    case 'patientsImportDataMillewin':\n      validations.push('ext:sql,backup,.db3');\n      break;\n    case 'patientsImportDataPhronesis':\n      validations.push('ext:sqlite,sqlite3,db,db3,s3db,sl3,gz');\n      break;\n    case 'patientsImportDataTServe':\n    case 'patientsImportDataMedico2000':\n    case 'patientsImportDataMillewinAttachments':\n    case 'patientsImportDataAdvmednet':\n    case 'zip':\n      validations.push('ext:zip');\n      break;\n    default:\n      break;\n  }\n  return validations;\n});\n\nconst { value, errorMessage, uuid } = useInput(modelValue, computedValidation, props.name, (newValue: File[]) => {\n  emit('update:modelValue', newValue);\n});\n\nconst onChange = (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  if (!target) return;\n  loadFilesAndClearInput(target.files);\n};\n\nconst onDrop = (event: DragEvent) => {\n  if (!event.dataTransfer) return;\n  loadFilesAndClearInput(event.dataTransfer.files);\n  dragging.value = false;\n};\n\nconst loadFilesAndClearInput = (newFiles: FileList | null) => {\n  loadFiles(newFiles);\n  if (inputField.value?.value) inputField.value.value = null;\n};\n\nconst loadFiles = (newFiles: FileList | null) => {\n  if (!newFiles) return;\n  const newFilesArray = [...newFiles];\n\n  if (\n    !newFilesArray.every(file =>\n      computedAcceptedFileExtensionsOrMimeType.value.some(\n        extensionOrMimeType =>\n          file.name.toLowerCase().endsWith(extensionOrMimeType) ||\n          file.type.toLowerCase() === extensionOrMimeType ||\n          extensionOrMimeType === '*',\n      ),\n    )\n  ) {\n    return toast('Formato non supportato, verifica di aver inserito un file/s con il formato corretto', { state: 'error' });\n  }\n\n  value.value = [...value.value, ...newFilesArray];\n  if (!props.multiple && value.value.length > 1) {\n    value.value = [value.value[0]];\n  }\n};\n\nconst removeFile = (idx: number) => {\n  value.value = value.value.filter((_, i) => i !== idx);\n};\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"uuid\"\n    :color=\"color\"\n    :label=\"label\"\n    :error-message=\"props.errorMessage === false ? false : props.errorMessage || errorMessage\"\n    :hidden-error-message=\"hiddenErrorMessage\"\n    class=\"relative inline-block w-full\"\n  >\n    <div class=\"flex flex-col gap-2 min-w-0 sm:min-w-80 min-h-20\">\n      <label\n        v-if=\"value.length == 0 || multiple\"\n        tabIndex=\"0\"\n        :for=\"uuid\"\n        class=\"min-h-20 p-4 flex flex-col gap-2 items-center justify-center rounded border outline-none border-dashed w-full\"\n        :class=\"{\n          [`border-primary`]: color === 'primary' && !disabled && !dragging,\n          [`border-secondary`]: color === 'secondary' && !disabled && !dragging,\n          [`border-error`]: color === 'error' && !disabled && !dragging,\n\n          'bg-white': !dragging,\n\n          [`bg-primary-light-hover`]: color === 'primary' && dragging,\n          [`bg-secondary-light-hover`]: color === 'secondary' && dragging,\n          [`bg-error-light-hover`]: color === 'error' && dragging,\n\n          [`hover:bg-primary-light-hover hover:text-primary-hover hover:border-primary-hover group-focus-within:bg-primary-light-focused group-focus-within:text-primary-focused group-focus-within:border-primary-light-focused`]:\n            color === 'primary' && !disabled,\n          [`hover:bg-secondary-light-hover hover:text-secondary-hover hover:border-secondary-hover group-focus-within:bg-secondary-light-focused group-focus-within:text-secondary-focused group-focus-within:border-secondary-light-focused`]:\n            color === 'secondary' && !disabled,\n          [`hover:bg-error-light-hover hover:text-error-hover hover:border-error-hover group-focus-within:bg-error-light-focused group-focus-within:text-error-focused group-focus-within:border-error-light-focused`]:\n            color === 'error' && !disabled,\n\n          'border-gray-300 text-gray-300 cursor-not-allowed': disabled,\n\n          [`border-primary-hover`]: color === 'primary' && !disabled && dragging,\n          [`border-secondary-hover`]: color === 'secondary' && !disabled && dragging,\n          [`border-error-hover`]: color === 'error' && !disabled && dragging,\n        }\"\n        @dragover.prevent=\"dragging = true\"\n        @drop.prevent=\"onDrop\"\n        @dragenter.prevent=\"dragging = true\"\n        @dragleave.prevent=\"dragging = false\"\n      >\n        <ElIcon\n          name=\"ArrowUpCircleIcon\"\n          :class=\"[\n            ...(color === 'primary' ? [`text-primary`] : []),\n            ...(color === 'secondary' ? [`text-secondary`] : []),\n            ...(color === 'error' ? [`text-error`] : []),\n            {\n              'w-5 h-5': content,\n              'w-7 h-7': !content,\n              'cursor-pointer': !disabled,\n            },\n          ]\"\n        ></ElIcon>\n        <span v-if=\"content\" class=\"text-xs\">{{ content }}</span>\n      </label>\n      <input\n        :id=\"uuid\"\n        ref=\"inputField\"\n        type=\"file\"\n        class=\"hidden\"\n        :accept=\"computedAcceptedFileExtensionsOrMimeType.join(',')\"\n        :disabled=\"disabled\"\n        :name=\"name || uuid\"\n        :multiple=\"multiple\"\n        @change.prevent=\"onChange\"\n      />\n      <ElFile\n        v-for=\"(file, index) in value\"\n        :key=\"`file-${index}`\"\n        variant=\"primary\"\n        :name=\"file.name\"\n        :format=\"file.type\"\n        class=\"w-full\"\n        :disabled=\"disabled\"\n        @close=\"removeFile(index)\"\n      />\n    </div>\n  </ElInputContainer>\n</template>\n"],"names":["elInputFileTypes","props","__props","dragging","ref","inputField","emit","__emit","modelValue","toRef","computedAcceptedFileExtensionsOrMimeType","computed","computedValidation","validations","value","errorMessage","uuid","useInput","newValue","onChange","event","target","loadFilesAndClearInput","onDrop","newFiles","loadFiles","_a","newFilesArray","file","extensionOrMimeType","toast","removeFile","idx","_","i"],"mappings":"ssBACaA,GAAmB,CAC9B,QACA,WACA,MACA,QACA,MACA,MACA,0BACA,gCACA,2BACA,4BACA,6BACA,8BACA,4BACA,+BACA,2BACA,2BACA,wCACA,6BACF,4PAYA,MAAMC,EAAQC,EAqBRC,EAAWC,EAAI,EAAK,EACpBC,EAAaD,IAEbE,EAAOC,EAIPC,EAAaC,EAAMR,EAAM,UAAU,EAEnCS,EAA2CC,EAAmB,IAAM,CACxE,OAAQV,EAAM,SAAU,CACtB,IAAK,0BACL,IAAK,4BACL,IAAK,4BACL,IAAK,2BACH,MAAO,CAAC,MAAM,EAChB,IAAK,gCACH,MAAO,CAAC,MAAM,EAChB,IAAK,2BACH,MAAO,CAAC,OAAQ,OAAQ,OAAQ,SAAS,EAC3C,IAAK,6BACI,MAAA,CAAC,OAAQ,UAAW,MAAM,EACnC,IAAK,8BACH,MAAO,CAAC,UAAW,WAAY,MAAO,OAAQ,QAAS,OAAQ,KAAK,EACtE,IAAK,2BACL,IAAK,+BACL,IAAK,wCACL,IAAK,8BACL,IAAK,MACH,MAAO,CAAC,MAAM,EAChB,IAAK,QACI,MAAA,CAAC,aAAc,WAAW,EACnC,IAAK,WAEI,MAAA,CACL,OACA,QACA,OACA,qBACA,0EACA,MAAA,EAEJ,IAAK,MACH,MAAO,CAAC,MAAM,EAChB,IAAK,QACH,MAAO,CAAC,OAAO,EACjB,QACE,MAAO,CAAC,GAAG,CACf,CAAA,CACD,EACKW,EAAqBD,EAAS,IAAM,CAClC,MAAAE,EAAc,CAACZ,EAAM,UAAU,EACrC,OAAQA,EAAM,SAAU,CACtB,IAAK,QACHY,EAAY,KAAK,kBAAkB,EACnC,MACF,IAAK,WACHA,EAAY,KAAK,sBAAsB,EACvC,MACF,IAAK,MACHA,EAAY,KAAK,SAAS,EAC1B,MACF,IAAK,QACHA,EAAY,KAAK,UAAU,EAC3B,MACF,IAAK,0BACL,IAAK,4BACL,IAAK,4BACL,IAAK,2BACHA,EAAY,KAAK,SAAS,EAC1B,MACF,IAAK,gCACHA,EAAY,KAAK,SAAS,EAC1B,MACF,IAAK,2BACHA,EAAY,KAAK,wBAAwB,EACzC,MACF,IAAK,6BACHA,EAAY,KAAK,qBAAqB,EACtC,MACF,IAAK,8BACHA,EAAY,KAAK,uCAAuC,EACxD,MACF,IAAK,2BACL,IAAK,+BACL,IAAK,wCACL,IAAK,8BACL,IAAK,MACHA,EAAY,KAAK,SAAS,EAC1B,KAGJ,CACO,OAAAA,CAAA,CACR,EAEK,CAAE,MAAAC,EAAO,aAAAC,EAAc,KAAAC,GAASC,EAAST,EAAYI,EAAoBX,EAAM,KAAOiB,GAAqB,CAC/GZ,EAAK,oBAAqBY,CAAQ,CAAA,CACnC,EAEKC,EAAYC,GAAiB,CACjC,MAAMC,EAASD,EAAM,OAChBC,GACLC,EAAuBD,EAAO,KAAK,CAAA,EAG/BE,EAAUH,GAAqB,CAC9BA,EAAM,eACYE,EAAAF,EAAM,aAAa,KAAK,EAC/CjB,EAAS,MAAQ,GAAA,EAGbmB,EAA0BE,GAA8B,OAC5DC,EAAUD,CAAQ,GACdE,EAAArB,EAAW,QAAX,MAAAqB,EAAkB,QAAOrB,EAAW,MAAM,MAAQ,KAAA,EAGlDoB,EAAaD,GAA8B,CAC/C,GAAI,CAACA,EAAU,OACT,MAAAG,EAAgB,CAAC,GAAGH,CAAQ,EAElC,GACE,CAACG,EAAc,MAAMC,GACnBlB,EAAyC,MAAM,KAE3CmB,GAAAD,EAAK,KAAK,YAAA,EAAc,SAASC,CAAmB,GACpDD,EAAK,KAAK,YAAY,IAAMC,GAC5BA,IAAwB,GAC5B,CAAA,EAGF,OAAOC,EAAM,sFAAuF,CAAE,MAAO,OAAS,CAAA,EAGxHhB,EAAM,MAAQ,CAAC,GAAGA,EAAM,MAAO,GAAGa,CAAa,EAC3C,CAAC1B,EAAM,UAAYa,EAAM,MAAM,OAAS,IAC1CA,EAAM,MAAQ,CAACA,EAAM,MAAM,CAAC,CAAC,EAC/B,EAGIiB,EAAcC,GAAgB,CAC5BlB,EAAA,MAAQA,EAAM,MAAM,OAAO,CAACmB,EAAGC,IAAMA,IAAMF,CAAG,CAAA"}

package/dist/{forms → 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"),u=require("./input.cjs.js"),B=require("./ElInputContainer.vue.cjs2.js"),i=require("../types.cjs.js"),E=["id","name","placeholder","disabled"],_={key:0,class:"absolute top-[4px] right-0 flex h-5/6 items-center"},D=["disabled"],q=e.defineComponent({__name:"ElInputMeasureUnit",props:{...u.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)},r=d,o=e.computed(()=>h[r.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(()=>r.modelValue),b=e.computed(()=>[r.validation]),U=e.ref(r.defaultUnit||v(r.availableUnitCategory)),k=t=>{c("update:modelValue",t)},{value:l,errorMessage:M,uuid:m}=u.useInput(f,b,r.name,t=>k(t)),a=e.ref(U),y=()=>{const t=a.value==="Al bisogno"?"AlBisogno":a.value;c("changeUnit",t)},C=t=>a.value=t;return e.watch(()=>a.value,()=>{a.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,color:t.color,"error-message":r.errorMessage===!1?!1:r.errorMessage||e.unref(M),"hidden-error-message":t.hiddenErrorMessage,"set-required-mark":e.unref(u.showRequiredMark)([t.validation]),class:"relative"}),{default:e.withCtx(({error:V})=>[e.withDirectives(e.createElementVNode("input",{id:e.unref(m),name:r.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),[[e.vModelText,e.unref(l)]]),o.value&&o.value.length>0?(e.openBlock(),e.createElementBlock("div",_,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":s[1]||(s[1]=n=>a.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(o.value,(n,w)=>(e.openBlock(),e.createElementBlock("option",{key:w},[e.createElementVNode("span",null,e.toDisplayString(n),1)]))),128))],40,D),[[e.vModelSelect,a.value]])])):e.createCommentVNode("",!0)]),_:1},16,["name","label","color","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"),u=require("./input.cjs.js"),B=require("./ElInputContainer.vue.cjs2.js"),i=require("../types.cjs.js"),E=["id","name","placeholder","disabled"],_={key:0,class:"absolute top-[4px] right-0 flex h-5/6 items-center"},D=["disabled"],q=e.defineComponent({__name:"ElInputMeasureUnit",props:{...u.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)},r=d,o=e.computed(()=>h[r.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(()=>r.modelValue),b=e.computed(()=>[r.validation]),U=e.ref(r.defaultUnit||v(r.availableUnitCategory)),k=t=>{c("update:modelValue",t)},{value:l,errorMessage:M,uuid:m}=u.useInput(f,b,r.name,t=>k(t)),a=e.ref(U),y=()=>{const t=a.value==="Al bisogno"?"AlBisogno":a.value;c("changeUnit",t)},C=t=>a.value=t;return e.watch(()=>a.value,()=>{a.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,color:t.color,"error-message":r.errorMessage===!1?!1:r.errorMessage||e.unref(M),"hidden-error-message":t.hiddenErrorMessage,"set-required-mark":e.unref(u.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:r.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),[[e.vModelText,e.unref(l)]]),o.value&&o.value.length>0?(e.openBlock(),e.createElementBlock("div",_,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":s[1]||(s[1]=n=>a.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(o.value,(n,w)=>(e.openBlock(),e.createElementBlock("option",{key:w},[e.createElementVNode("span",null,e.toDisplayString(n),1)]))),128))],40,D),[[e.vModelSelect,a.value]])])):e.createCommentVNode("",!0)]),_:1},16,["name","label","color","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

@@ -0,0 +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    :color=\"color\"\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/{forms → 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 j,normalizeClass as q,vModelText as O,createElementBlock as m,Fragment as _,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(c,{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=c,i=u(()=>U[t.availableUnitCategory]),p=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=>{p("update:modelValue",e)},{value:l,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;p("changeUnit",e)},x=e=>a.value=e;return T(()=>a.value,()=>{a.value==="Al bisogno"&&(l.value=void 0)}),b({changeUnit:x}),(e,s)=>(o(),I(H,N(e.$attrs,{name:n(g),label:e.label,color:e.color,"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":s[0]||(s[0]=r=>j(l)?l.value=r:null),type:"number",class:q(["el-input el-input-measure-unit",{error:B}]),placeholder:e.placeholder,disabled:e.disabled,autocomplete:"no_thanks"},null,10,W),[[O,n(l)]]),i.value&&i.value.length>0?(o(),m("div",X,[f(d("select",{"onUpdate:modelValue":s[1]||(s[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:c.disableUnitChange,onChange:D},[(o(!0),m(_,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","color","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 j,normalizeClass as q,vModelText as O,createElementBlock as m,Fragment as _,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(c,{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=c,i=u(()=>U[t.availableUnitCategory]),p=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=>{p("update:modelValue",e)},{value:l,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;p("changeUnit",e)},x=e=>a.value=e;return T(()=>a.value,()=>{a.value==="Al bisogno"&&(l.value=void 0)}),b({changeUnit:x}),(e,s)=>(o(),I(H,N(e.$attrs,{name:n(g),label:e.label,color:e.color,"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":s[0]||(s[0]=r=>j(l)?l.value=r:null),name:t.name,type:"number",class:q(["el-input el-input-measure-unit",{error:B}]),placeholder:e.placeholder,disabled:e.disabled,autocomplete:"no_thanks"},null,10,W),[[O,n(l)]]),i.value&&i.value.length>0?(o(),m("div",X,[f(d("select",{"onUpdate:modelValue":s[1]||(s[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:c.disableUnitChange,onChange:D},[(o(!0),m(_,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","color","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

@@ -0,0 +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    :color=\"color\"\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/ElInputNumber.vue.cjs2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputNumber.vue.cjs2.js","sources":["../../../src/forms/ElInputNumber.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport { useInput, NumberValueType, showRequiredMark, withNumberElInputProps } from '@/forms/input';\nimport { computed, ref } from 'vue';\n\nconst props = defineProps({\n  ...withNumberElInputProps(),\n  isTwoDecimals: {\n    type: Boolean,\n    default: false,\n  },\n  defaultNullValueToZeroOnBlur: {\n    type: Boolean,\n    default: true,\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: NumberValueType): void;\n  (event: 'overlayedBtnClicked'): void;\n  (event: 'update:formattedAmount', value: NumberValueType): void;\n}>();\n\nconst showOverlayedIcon = ref(false);\nconst computedModelValue = computed(() => {\n  return props.modelValue;\n});\n\nconst computedValidation = computed(() => [props.validation]);\n\nconst { value, errorMessage, uuid, fieldContext } = useInput(computedModelValue, computedValidation, props.name, newValue => {\n  emit('update:modelValue', newValue);\n  emit('update:formattedAmount', formattedAmount.value);\n});\n\nconst formattedAmount = computed<number | null>({\n  get: () => {\n    if (value.value === null || value.value === undefined) return null;\n    if (typeof value.value === 'string' && value.value === '') return null;\n    if (typeof value.value === 'string') return Number(value.value);\n\n    if (props.isTwoDecimals) {\n      return parseFloat((value.value / 100).toFixed(2));\n    }\n\n    return value.value;\n  },\n  set: (inputValue: number | null | string) => {\n    if (inputValue === '' || inputValue === null) {\n      value.value = null;\n      return;\n    }\n\n    const numValue = Number(inputValue);\n    if (!isNaN(numValue)) {\n      if (props.isTwoDecimals) {\n        value.value = Math.round(numValue * 100);\n      } else {\n        value.value = numValue;\n      }\n    } else {\n      value.value = numValue;\n    }\n  },\n});\n\nconst onBlur = (event: Event) => {\n  const inputValue = Number((event.target as HTMLInputElement).value);\n  fieldContext.validate();\n\n  // if props.min and / or props.max are set, check if the value is within the range\n  if (props.min && inputValue && inputValue < props.min) {\n    value.value = props.min;\n  }\n\n  if (props.max && inputValue && inputValue > props.max) {\n    value.value = props.max;\n  }\n\n  if (props.defaultNullValueToZeroOnBlur) {\n    resetNullValueToZero();\n  }\n};\n\nconst resetNullValueToZero = () => {\n  if (!value.value) {\n    value.value = 0;\n  }\n};\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"uuid\"\n    :color=\"color\"\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  >\n    <template #default=\"{ error }\">\n      <input\n        :id=\"uuid\"\n        v-model=\"formattedAmount\"\n        :name=\"props.name\"\n        :type=\"props.isTwoDecimals ? 'text' : 'number'\"\n        :step=\"step\"\n        :min=\"min\"\n        :max=\"max\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        class=\"el-input\"\n        :class=\"{ error }\"\n        :data-cy=\"label ? `${label.trim().replaceAll(' ', '')}-number-input` : `number-input`\"\n        @blur=\"onBlur\"\n        @update:model-value=\"showOverlayedIcon = true\"\n      />\n    </template>\n  </ElInputContainer>\n</template>\n"],"names":["props","__props","emit","__emit","showOverlayedIcon","ref","computedModelValue","computed","computedValidation","value","errorMessage","uuid","fieldContext","useInput","newValue","formattedAmount","inputValue","numValue","onBlur","event","resetNullValueToZero"],"mappings":"siBAKA,MAAMA,EAAQC,EAYRC,EAAOC,EAMPC,EAAoBC,MAAI,EAAK,EAC7BC,EAAqBC,EAAAA,SAAS,IAC3BP,EAAM,UACd,EAEKQ,EAAqBD,EAAAA,SAAS,IAAM,CAACP,EAAM,UAAU,CAAC,EAEtD,CAAE,MAAAS,EAAO,aAAAC,EAAc,KAAAC,EAAM,aAAAC,CAAiB,EAAAC,WAASP,EAAoBE,EAAoBR,EAAM,KAAkBc,GAAA,CAC3HZ,EAAK,oBAAqBY,CAAQ,EAC7BZ,EAAA,yBAA0Ba,EAAgB,KAAK,CAAA,CACrD,EAEKA,EAAkBR,EAAAA,SAAwB,CAC9C,IAAK,IACCE,EAAM,QAAU,MAAQA,EAAM,QAAU,QACxC,OAAOA,EAAM,OAAU,UAAYA,EAAM,QAAU,GAAW,KAC9D,OAAOA,EAAM,OAAU,SAAiB,OAAOA,EAAM,KAAK,EAE1DT,EAAM,cACD,YAAYS,EAAM,MAAQ,KAAK,QAAQ,CAAC,CAAC,EAG3CA,EAAM,MAEf,IAAMO,GAAuC,CACvC,GAAAA,IAAe,IAAMA,IAAe,KAAM,CAC5CP,EAAM,MAAQ,KACd,MACF,CAEM,MAAAQ,EAAW,OAAOD,CAAU,EAC7B,MAAMC,CAAQ,EAOjBR,EAAM,MAAQQ,EANVjB,EAAM,cACRS,EAAM,MAAQ,KAAK,MAAMQ,EAAW,GAAG,EAEvCR,EAAM,MAAQQ,CAKpB,CAAA,CACD,EAEKC,EAAUC,GAAiB,CAC/B,MAAMH,EAAa,OAAQG,EAAM,OAA4B,KAAK,EAClEP,EAAa,SAAS,EAGlBZ,EAAM,KAAOgB,GAAcA,EAAahB,EAAM,MAChDS,EAAM,MAAQT,EAAM,KAGlBA,EAAM,KAAOgB,GAAcA,EAAahB,EAAM,MAChDS,EAAM,MAAQT,EAAM,KAGlBA,EAAM,8BACaoB,GACvB,EAGIA,EAAuB,IAAM,CAC5BX,EAAM,QACTA,EAAM,MAAQ,EAChB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputNumber.vue.esm2.js","sources":["../../../src/forms/ElInputNumber.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\nimport { useInput, NumberValueType, showRequiredMark, withNumberElInputProps } from '@/forms/input';\nimport { computed, ref } from 'vue';\n\nconst props = defineProps({\n  ...withNumberElInputProps(),\n  isTwoDecimals: {\n    type: Boolean,\n    default: false,\n  },\n  defaultNullValueToZeroOnBlur: {\n    type: Boolean,\n    default: true,\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: NumberValueType): void;\n  (event: 'overlayedBtnClicked'): void;\n  (event: 'update:formattedAmount', value: NumberValueType): void;\n}>();\n\nconst showOverlayedIcon = ref(false);\nconst computedModelValue = computed(() => {\n  return props.modelValue;\n});\n\nconst computedValidation = computed(() => [props.validation]);\n\nconst { value, errorMessage, uuid, fieldContext } = useInput(computedModelValue, computedValidation, props.name, newValue => {\n  emit('update:modelValue', newValue);\n  emit('update:formattedAmount', formattedAmount.value);\n});\n\nconst formattedAmount = computed<number | null>({\n  get: () => {\n    if (value.value === null || value.value === undefined) return null;\n    if (typeof value.value === 'string' && value.value === '') return null;\n    if (typeof value.value === 'string') return Number(value.value);\n\n    if (props.isTwoDecimals) {\n      return parseFloat((value.value / 100).toFixed(2));\n    }\n\n    return value.value;\n  },\n  set: (inputValue: number | null | string) => {\n    if (inputValue === '' || inputValue === null) {\n      value.value = null;\n      return;\n    }\n\n    const numValue = Number(inputValue);\n    if (!isNaN(numValue)) {\n      if (props.isTwoDecimals) {\n        value.value = Math.round(numValue * 100);\n      } else {\n        value.value = numValue;\n      }\n    } else {\n      value.value = numValue;\n    }\n  },\n});\n\nconst onBlur = (event: Event) => {\n  const inputValue = Number((event.target as HTMLInputElement).value);\n  fieldContext.validate();\n\n  // if props.min and / or props.max are set, check if the value is within the range\n  if (props.min && inputValue && inputValue < props.min) {\n    value.value = props.min;\n  }\n\n  if (props.max && inputValue && inputValue > props.max) {\n    value.value = props.max;\n  }\n\n  if (props.defaultNullValueToZeroOnBlur) {\n    resetNullValueToZero();\n  }\n};\n\nconst resetNullValueToZero = () => {\n  if (!value.value) {\n    value.value = 0;\n  }\n};\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"uuid\"\n    :color=\"color\"\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  >\n    <template #default=\"{ error }\">\n      <input\n        :id=\"uuid\"\n        v-model=\"formattedAmount\"\n        :name=\"props.name\"\n        :type=\"props.isTwoDecimals ? 'text' : 'number'\"\n        :step=\"step\"\n        :min=\"min\"\n        :max=\"max\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        class=\"el-input\"\n        :class=\"{ error }\"\n        :data-cy=\"label ? `${label.trim().replaceAll(' ', '')}-number-input` : `number-input`\"\n        @blur=\"onBlur\"\n        @update:model-value=\"showOverlayedIcon = true\"\n      />\n    </template>\n  </ElInputContainer>\n</template>\n"],"names":["props","__props","emit","__emit","showOverlayedIcon","ref","computedModelValue","computed","computedValidation","value","errorMessage","uuid","fieldContext","useInput","newValue","formattedAmount","inputValue","numValue","onBlur","event","resetNullValueToZero"],"mappings":"4pBAKA,MAAMA,EAAQC,EAYRC,EAAOC,EAMPC,EAAoBC,EAAI,EAAK,EAC7BC,EAAqBC,EAAS,IAC3BP,EAAM,UACd,EAEKQ,EAAqBD,EAAS,IAAM,CAACP,EAAM,UAAU,CAAC,EAEtD,CAAE,MAAAS,EAAO,aAAAC,EAAc,KAAAC,EAAM,aAAAC,CAAiB,EAAAC,EAASP,EAAoBE,EAAoBR,EAAM,KAAkBc,GAAA,CAC3HZ,EAAK,oBAAqBY,CAAQ,EAC7BZ,EAAA,yBAA0Ba,EAAgB,KAAK,CAAA,CACrD,EAEKA,EAAkBR,EAAwB,CAC9C,IAAK,IACCE,EAAM,QAAU,MAAQA,EAAM,QAAU,QACxC,OAAOA,EAAM,OAAU,UAAYA,EAAM,QAAU,GAAW,KAC9D,OAAOA,EAAM,OAAU,SAAiB,OAAOA,EAAM,KAAK,EAE1DT,EAAM,cACD,YAAYS,EAAM,MAAQ,KAAK,QAAQ,CAAC,CAAC,EAG3CA,EAAM,MAEf,IAAMO,GAAuC,CACvC,GAAAA,IAAe,IAAMA,IAAe,KAAM,CAC5CP,EAAM,MAAQ,KACd,MACF,CAEM,MAAAQ,EAAW,OAAOD,CAAU,EAC7B,MAAMC,CAAQ,EAOjBR,EAAM,MAAQQ,EANVjB,EAAM,cACRS,EAAM,MAAQ,KAAK,MAAMQ,EAAW,GAAG,EAEvCR,EAAM,MAAQQ,CAKpB,CAAA,CACD,EAEKC,EAAUC,GAAiB,CAC/B,MAAMH,EAAa,OAAQG,EAAM,OAA4B,KAAK,EAClEP,EAAa,SAAS,EAGlBZ,EAAM,KAAOgB,GAAcA,EAAahB,EAAM,MAChDS,EAAM,MAAQT,EAAM,KAGlBA,EAAM,KAAOgB,GAAcA,EAAahB,EAAM,MAChDS,EAAM,MAAQT,EAAM,KAGlBA,EAAM,8BACaoB,GACvB,EAGIA,EAAuB,IAAM,CAC5BX,EAAM,QACTA,EAAM,MAAQ,EAChB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputPhone.vue.cjs2.js","sources":["../../../src/forms/ElInputPhone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { useInput, TextualValueType, showRequiredMark, withTextualElInputProps } from '@/forms/input';\n\nconst PREFIXES = [\n  '+39',\n  '+93',\n  '+355',\n  '+213',\n  '+376',\n  '+244',\n  '+1264',\n  '+1268',\n  '+599',\n  '+966',\n  '+54',\n  '+374',\n  '+297',\n  '+247',\n  '+61',\n  '+43',\n  '+994',\n  '+1242',\n  '+973',\n  '+880',\n  '+1246',\n  '+32',\n  '+501',\n  '+229',\n  '+1441',\n  '+975',\n  '+375',\n  '+591',\n  '+387',\n  '+267',\n  '+55',\n  '+673',\n  '+359',\n  '+226',\n  '+257',\n  '+855',\n  '+237',\n  '+1',\n  '+238',\n  '+235',\n  '+56',\n  '+86',\n  '+357',\n  '+57',\n  '+269',\n  '+242',\n  '+850',\n  '+82',\n  '+225',\n  '+506',\n  '+385',\n  '+53',\n  '+45',\n  '+1767',\n  '+593',\n  '+20',\n  '+503',\n  '+971',\n  '+291',\n  '+372',\n  '+251',\n  '+679',\n  '+63',\n  '+358',\n  '+33',\n  '+241',\n  '+220',\n  '+995',\n  '+49',\n  '+233',\n  '+1876',\n  '+81',\n  '+350',\n  '+253',\n  '+962',\n  '+44',\n  '+30',\n  '+1473',\n  '+299',\n  '+590',\n  '+1-671',\n  '+502',\n  '+224',\n  '+245',\n  '+240',\n  '+592',\n  '+594',\n  '+509',\n  '+1-8',\n  '+504',\n  '+852',\n  '+91',\n  '+62',\n  '+98',\n  '+964',\n  '+353',\n  '+354',\n  '+1345',\n  '+682',\n  '+672',\n  '+500',\n  '+298',\n  '+1-670',\n  '+692',\n  '+677',\n  '+1284',\n  '+1340',\n  '+972',\n  '+7',\n  '+254',\n  '+996',\n  '+686',\n  '+965',\n  '+856',\n  '+266',\n  '+371',\n  '+961',\n  '+231',\n  '+218',\n  '+423',\n  '+370',\n  '+352',\n  '+853',\n  '+389',\n  '+261',\n  '+265',\n  '+960',\n  '+60',\n  '+223',\n  '+356',\n  '+212',\n  '+596',\n  '+222',\n  '+230',\n  '+52',\n  '+691',\n  '+373',\n  '+976',\n  '+382',\n  '+1664',\n  '+258',\n  '+95',\n  '+264',\n  '+674',\n  '+977',\n  '+505',\n  '+227',\n  '+234',\n  '+683',\n  '+47',\n  '+687',\n  '+64',\n  '+968',\n  '+31',\n  '+92',\n  '+680',\n  '+507',\n  '+675',\n  '+595',\n  '+51',\n  '+689',\n  '+48',\n  '+351',\n  '+1787',\n  '+377',\n  '+974',\n  '+420',\n  '+236',\n  '+243',\n  '+262',\n  '+40',\n  '+250',\n  '+290',\n  '+1869',\n  '+508',\n  '+1784',\n  '+685',\n  '+684',\n  '+378',\n  '+1-7',\n  '+239',\n  '+221',\n  '+381',\n  '+248',\n  '+232',\n  '+65',\n  '+963',\n  '+421',\n  '+386',\n  '+252',\n  '+34',\n  '+94',\n  '+27',\n  '+249',\n  '+597',\n  '+46',\n  '+41',\n  '+268',\n  '+992',\n  '+886',\n  '+66',\n  '+255',\n  '+670',\n  '+228',\n  '+690',\n  '+676',\n  '+1868',\n  '+216',\n  '+90',\n  '+993',\n  '+1649',\n  '+688',\n  '+380',\n  '+256',\n  '+36',\n  '+598',\n  '+998',\n  '+678',\n  '+58',\n  '+84',\n  '+681',\n  '+967',\n  '+260',\n  '+263',\n];\n\nconst phonePrefixFromFullPhoneString = (fullPhone: string): string => {\n  if (!fullPhone.length) return '+39';\n  for (const prefix of PREFIXES) {\n    if (fullPhone.startsWith(prefix)) {\n      return prefix;\n    }\n  }\n  return '+39';\n};\n\nconst phoneNumberFromFullPhoneString = (fullPhone: string): string => {\n  return fullPhone.replace(phonePrefixFromFullPhoneString(fullPhone), '');\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\n\nconst props = defineProps({\n  ...withTextualElInputProps(),\n});\n\nconst prefix = ref(phonePrefixFromFullPhoneString(props.modelValue || ''));\nconst numberWithoutPrefix = computed(() => phoneNumberFromFullPhoneString(props.modelValue || ''));\n\nwatch(\n  () => props.modelValue,\n  (newValue: TextualValueType) => {\n    prefix.value = phonePrefixFromFullPhoneString(newValue || '');\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: TextualValueType): void;\n}>();\n\nconst emitValue = () => {\n  emit('update:modelValue', prefix.value + value.value);\n};\n\nconst computedValidation = computed(() => ['min:5|regex:^([0-9]+)$', props.validation]);\n\nconst { errorMessage, value, setValue, uuid, fieldContext } = useInput(numberWithoutPrefix, computedValidation, props.name, emitValue);\n\nconst defaultId = computed(() => props.label.trim().replaceAll(' ', ''));\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"id || `${uuid}-${defaultId}`\"\n    :color=\"color\"\n    class=\"relative\"\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  >\n    <template #default=\"{ error }\">\n      <div class=\"absolute inset-y-0 left-0 flex items-center\">\n        <label :for=\"`${uuid}-prefix`\" class=\"sr-only\">Paese</label>\n        <select\n          :id=\"id ? `${id}-prefix` : `${uuid}-${defaultId}-prefix`\"\n          v-model=\"prefix\"\n          :name=\"id ? `${id}-prefix` : `${uuid}-${defaultId}-prefix`\"\n          :disabled=\"disabled\"\n          :class=\"{ 'text-error  focus:border-0 focus:ring-0': error }\"\n          autocomplete=\"country\"\n          class=\"focus:ring-outlined-primary text-neutral-inactive focus:__X__border-primary-light h-full rounded-md border-transparent bg-transparent py-0 pr-5 pl-3 disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm\"\n          :data-cy=\"`${defaultId}-prefix`\"\n          @change=\"emitValue\"\n        >\n          <option v-for=\"pr of PREFIXES\" :key=\"pr\">\n            {{ pr }}\n          </option>\n        </select>\n      </div>\n      <input\n        :id=\"id || `${uuid}-${defaultId}`\"\n        :value=\"numberWithoutPrefix\"\n        :name=\"props.name || id || `${uuid}-${defaultId}`\"\n        :disabled=\"disabled\"\n        type=\"text\"\n        :class=\"{\n          error: error,\n        }\"\n        class=\"el-input !pl-[86px]\"\n        autocomplete=\"off\"\n        :placeholder=\"placeholder\"\n        :data-cy=\"`${defaultId}-input`\"\n        @input=\"e => setValue((e.target as HTMLInputElement).value)\"\n        @blur=\"fieldContext.validate()\"\n      />\n    </template>\n  </ElInputContainer>\n</template>\n"],"names":["PREFIXES","phonePrefixFromFullPhoneString","fullPhone","prefix","phoneNumberFromFullPhoneString","props","__props","ref","numberWithoutPrefix","computed","watch","newValue","emit","__emit","emitValue","value","computedValidation","errorMessage","setValue","uuid","fieldContext","useInput","defaultId"],"mappings":"6WAGMA,EAAW,CACf,MACA,MACA,OACA,OACA,OACA,OACA,QACA,QACA,OACA,OACA,MACA,OACA,OACA,OACA,MACA,MACA,OACA,QACA,OACA,OACA,QACA,MACA,OACA,OACA,QACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,KACA,OACA,OACA,MACA,MACA,OACA,MACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,MACA,MACA,QACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,MACA,OACA,OACA,OACA,MACA,OACA,QACA,MACA,OACA,OACA,OACA,MACA,MACA,QACA,OACA,OACA,SACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,MACA,MACA,OACA,OACA,OACA,QACA,OACA,OACA,OACA,OACA,SACA,OACA,OACA,QACA,QACA,OACA,KACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,QACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,MACA,OACA,MACA,MACA,OACA,OACA,OACA,OACA,MACA,OACA,MACA,OACA,QACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,OACA,QACA,OACA,QACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,MACA,MACA,MACA,OACA,OACA,MACA,MACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,QACA,OACA,MACA,OACA,QACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,MACA,MACA,OACA,OACA,OACA,MACF,EAEMC,EAAkCC,GAA8B,CACpE,GAAI,CAACA,EAAU,OAAe,MAAA,MAC9B,UAAWC,KAAUH,EACf,GAAAE,EAAU,WAAWC,CAAM,EACtB,OAAAA,EAGJ,MAAA,KACT,EAEMC,EAAkCF,GAC/BA,EAAU,QAAQD,EAA+BC,CAAS,EAAG,EAAE,kIAQxE,MAAMG,EAAQC,EAIRH,EAASI,EAAAA,IAAIN,EAA+BI,EAAM,YAAc,EAAE,CAAC,EACnEG,EAAsBC,EAAAA,SAAS,IAAML,EAA+BC,EAAM,YAAc,EAAE,CAAC,EAEjGK,EAAA,MACE,IAAML,EAAM,WACXM,GAA+B,CACvBR,EAAA,MAAQF,EAA+BU,GAAY,EAAE,CAC9D,CAAA,EAGF,MAAMC,EAAOC,EAIPC,EAAY,IAAM,CACtBF,EAAK,oBAAqBT,EAAO,MAAQY,EAAM,KAAK,CAAA,EAGhDC,EAAqBP,EAAAA,SAAS,IAAM,CAAC,yBAA0BJ,EAAM,UAAU,CAAC,EAEhF,CAAE,aAAAY,EAAc,MAAAF,EAAO,SAAAG,EAAU,KAAAC,EAAM,aAAAC,CAAA,EAAiBC,EAAA,SAASb,EAAqBQ,EAAoBX,EAAM,KAAMS,CAAS,EAE/HQ,EAAYb,EAAAA,SAAS,IAAMJ,EAAM,MAAM,KAAO,EAAA,WAAW,IAAK,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputPhone.vue.esm2.js","sources":["../../../src/forms/ElInputPhone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { useInput, TextualValueType, showRequiredMark, withTextualElInputProps } from '@/forms/input';\n\nconst PREFIXES = [\n  '+39',\n  '+93',\n  '+355',\n  '+213',\n  '+376',\n  '+244',\n  '+1264',\n  '+1268',\n  '+599',\n  '+966',\n  '+54',\n  '+374',\n  '+297',\n  '+247',\n  '+61',\n  '+43',\n  '+994',\n  '+1242',\n  '+973',\n  '+880',\n  '+1246',\n  '+32',\n  '+501',\n  '+229',\n  '+1441',\n  '+975',\n  '+375',\n  '+591',\n  '+387',\n  '+267',\n  '+55',\n  '+673',\n  '+359',\n  '+226',\n  '+257',\n  '+855',\n  '+237',\n  '+1',\n  '+238',\n  '+235',\n  '+56',\n  '+86',\n  '+357',\n  '+57',\n  '+269',\n  '+242',\n  '+850',\n  '+82',\n  '+225',\n  '+506',\n  '+385',\n  '+53',\n  '+45',\n  '+1767',\n  '+593',\n  '+20',\n  '+503',\n  '+971',\n  '+291',\n  '+372',\n  '+251',\n  '+679',\n  '+63',\n  '+358',\n  '+33',\n  '+241',\n  '+220',\n  '+995',\n  '+49',\n  '+233',\n  '+1876',\n  '+81',\n  '+350',\n  '+253',\n  '+962',\n  '+44',\n  '+30',\n  '+1473',\n  '+299',\n  '+590',\n  '+1-671',\n  '+502',\n  '+224',\n  '+245',\n  '+240',\n  '+592',\n  '+594',\n  '+509',\n  '+1-8',\n  '+504',\n  '+852',\n  '+91',\n  '+62',\n  '+98',\n  '+964',\n  '+353',\n  '+354',\n  '+1345',\n  '+682',\n  '+672',\n  '+500',\n  '+298',\n  '+1-670',\n  '+692',\n  '+677',\n  '+1284',\n  '+1340',\n  '+972',\n  '+7',\n  '+254',\n  '+996',\n  '+686',\n  '+965',\n  '+856',\n  '+266',\n  '+371',\n  '+961',\n  '+231',\n  '+218',\n  '+423',\n  '+370',\n  '+352',\n  '+853',\n  '+389',\n  '+261',\n  '+265',\n  '+960',\n  '+60',\n  '+223',\n  '+356',\n  '+212',\n  '+596',\n  '+222',\n  '+230',\n  '+52',\n  '+691',\n  '+373',\n  '+976',\n  '+382',\n  '+1664',\n  '+258',\n  '+95',\n  '+264',\n  '+674',\n  '+977',\n  '+505',\n  '+227',\n  '+234',\n  '+683',\n  '+47',\n  '+687',\n  '+64',\n  '+968',\n  '+31',\n  '+92',\n  '+680',\n  '+507',\n  '+675',\n  '+595',\n  '+51',\n  '+689',\n  '+48',\n  '+351',\n  '+1787',\n  '+377',\n  '+974',\n  '+420',\n  '+236',\n  '+243',\n  '+262',\n  '+40',\n  '+250',\n  '+290',\n  '+1869',\n  '+508',\n  '+1784',\n  '+685',\n  '+684',\n  '+378',\n  '+1-7',\n  '+239',\n  '+221',\n  '+381',\n  '+248',\n  '+232',\n  '+65',\n  '+963',\n  '+421',\n  '+386',\n  '+252',\n  '+34',\n  '+94',\n  '+27',\n  '+249',\n  '+597',\n  '+46',\n  '+41',\n  '+268',\n  '+992',\n  '+886',\n  '+66',\n  '+255',\n  '+670',\n  '+228',\n  '+690',\n  '+676',\n  '+1868',\n  '+216',\n  '+90',\n  '+993',\n  '+1649',\n  '+688',\n  '+380',\n  '+256',\n  '+36',\n  '+598',\n  '+998',\n  '+678',\n  '+58',\n  '+84',\n  '+681',\n  '+967',\n  '+260',\n  '+263',\n];\n\nconst phonePrefixFromFullPhoneString = (fullPhone: string): string => {\n  if (!fullPhone.length) return '+39';\n  for (const prefix of PREFIXES) {\n    if (fullPhone.startsWith(prefix)) {\n      return prefix;\n    }\n  }\n  return '+39';\n};\n\nconst phoneNumberFromFullPhoneString = (fullPhone: string): string => {\n  return fullPhone.replace(phonePrefixFromFullPhoneString(fullPhone), '');\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue';\nimport ElInputContainer from '@/forms/ElInputContainer.vue';\n\nconst props = defineProps({\n  ...withTextualElInputProps(),\n});\n\nconst prefix = ref(phonePrefixFromFullPhoneString(props.modelValue || ''));\nconst numberWithoutPrefix = computed(() => phoneNumberFromFullPhoneString(props.modelValue || ''));\n\nwatch(\n  () => props.modelValue,\n  (newValue: TextualValueType) => {\n    prefix.value = phonePrefixFromFullPhoneString(newValue || '');\n  },\n);\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', value: TextualValueType): void;\n}>();\n\nconst emitValue = () => {\n  emit('update:modelValue', prefix.value + value.value);\n};\n\nconst computedValidation = computed(() => ['min:5|regex:^([0-9]+)$', props.validation]);\n\nconst { errorMessage, value, setValue, uuid, fieldContext } = useInput(numberWithoutPrefix, computedValidation, props.name, emitValue);\n\nconst defaultId = computed(() => props.label.trim().replaceAll(' ', ''));\n</script>\n\n<template>\n  <ElInputContainer\n    v-bind=\"$attrs\"\n    :name=\"id || `${uuid}-${defaultId}`\"\n    :color=\"color\"\n    class=\"relative\"\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  >\n    <template #default=\"{ error }\">\n      <div class=\"absolute inset-y-0 left-0 flex items-center\">\n        <label :for=\"`${uuid}-prefix`\" class=\"sr-only\">Paese</label>\n        <select\n          :id=\"id ? `${id}-prefix` : `${uuid}-${defaultId}-prefix`\"\n          v-model=\"prefix\"\n          :name=\"id ? `${id}-prefix` : `${uuid}-${defaultId}-prefix`\"\n          :disabled=\"disabled\"\n          :class=\"{ 'text-error  focus:border-0 focus:ring-0': error }\"\n          autocomplete=\"country\"\n          class=\"focus:ring-outlined-primary text-neutral-inactive focus:__X__border-primary-light h-full rounded-md border-transparent bg-transparent py-0 pr-5 pl-3 disabled:cursor-not-allowed disabled:opacity-50 sm:text-sm\"\n          :data-cy=\"`${defaultId}-prefix`\"\n          @change=\"emitValue\"\n        >\n          <option v-for=\"pr of PREFIXES\" :key=\"pr\">\n            {{ pr }}\n          </option>\n        </select>\n      </div>\n      <input\n        :id=\"id || `${uuid}-${defaultId}`\"\n        :value=\"numberWithoutPrefix\"\n        :name=\"props.name || id || `${uuid}-${defaultId}`\"\n        :disabled=\"disabled\"\n        type=\"text\"\n        :class=\"{\n          error: error,\n        }\"\n        class=\"el-input !pl-[86px]\"\n        autocomplete=\"off\"\n        :placeholder=\"placeholder\"\n        :data-cy=\"`${defaultId}-input`\"\n        @input=\"e => setValue((e.target as HTMLInputElement).value)\"\n        @blur=\"fieldContext.validate()\"\n      />\n    </template>\n  </ElInputContainer>\n</template>\n"],"names":["PREFIXES","phonePrefixFromFullPhoneString","fullPhone","prefix","phoneNumberFromFullPhoneString","props","__props","ref","numberWithoutPrefix","computed","watch","newValue","emit","__emit","emitValue","value","computedValidation","errorMessage","setValue","uuid","fieldContext","useInput","defaultId"],"mappings":"gmBAGMA,EAAW,CACf,MACA,MACA,OACA,OACA,OACA,OACA,QACA,QACA,OACA,OACA,MACA,OACA,OACA,OACA,MACA,MACA,OACA,QACA,OACA,OACA,QACA,MACA,OACA,OACA,QACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,KACA,OACA,OACA,MACA,MACA,OACA,MACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,MACA,MACA,QACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,MACA,OACA,OACA,OACA,MACA,OACA,QACA,MACA,OACA,OACA,OACA,MACA,MACA,QACA,OACA,OACA,SACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,MACA,MACA,OACA,OACA,OACA,QACA,OACA,OACA,OACA,OACA,SACA,OACA,OACA,QACA,QACA,OACA,KACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,QACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,MACA,OACA,MACA,MACA,OACA,OACA,OACA,OACA,MACA,OACA,MACA,OACA,QACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,OACA,QACA,OACA,QACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,MACA,MACA,MACA,OACA,OACA,MACA,MACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,OACA,OACA,QACA,OACA,MACA,OACA,QACA,OACA,OACA,OACA,MACA,OACA,OACA,OACA,MACA,MACA,OACA,OACA,OACA,MACF,EAEMC,EAAkCC,GAA8B,CACpE,GAAI,CAACA,EAAU,OAAe,MAAA,MAC9B,UAAWC,KAAUH,EACf,GAAAE,EAAU,WAAWC,CAAM,EACtB,OAAAA,EAGJ,MAAA,KACT,EAEMC,EAAkCF,GAC/BA,EAAU,QAAQD,EAA+BC,CAAS,EAAG,EAAE,0FAQxE,MAAMG,EAAQC,EAIRH,EAASI,EAAIN,EAA+BI,EAAM,YAAc,EAAE,CAAC,EACnEG,EAAsBC,EAAS,IAAML,EAA+BC,EAAM,YAAc,EAAE,CAAC,EAEjGK,EACE,IAAML,EAAM,WACXM,GAA+B,CACvBR,EAAA,MAAQF,EAA+BU,GAAY,EAAE,CAC9D,CAAA,EAGF,MAAMC,EAAOC,EAIPC,EAAY,IAAM,CACtBF,EAAK,oBAAqBT,EAAO,MAAQY,EAAM,KAAK,CAAA,EAGhDC,EAAqBP,EAAS,IAAM,CAAC,yBAA0BJ,EAAM,UAAU,CAAC,EAEhF,CAAE,aAAAY,EAAc,MAAAF,EAAO,SAAAG,EAAU,KAAAC,EAAM,aAAAC,CAAA,EAAiBC,EAASb,EAAqBQ,EAAoBX,EAAM,KAAMS,CAAS,EAE/HQ,EAAYb,EAAS,IAAMJ,EAAM,MAAM,KAAO,EAAA,WAAW,IAAK,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputRadioButton.vue.cjs2.js","sources":["../../../src/forms/ElInputRadioButton.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { useInput, withCommonElInputProps } from '@/forms/input';\n\nexport const elRadioButtonSizes = ['xs', 'xxs'] as const;\ntype ElRadioButtonSizes = (typeof elRadioButtonSizes)[number];\n\nexport const elRadioButtonColors = ['primary', 'secondary', 'inactive'] as const;\ntype ElRadioButtonColors = (typeof elRadioButtonColors)[number];\n\nconst commonProp = withCommonElInputProps();\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, PropType } from 'vue';\n\nconst props = defineProps({\n  id: commonProp.id,\n  disabled: commonProp.disabled,\n  label: commonProp.label,\n  validation: commonProp.validation,\n  modelValue: {\n    type: String,\n    required: true,\n  },\n  size: {\n    type: String as PropType<ElRadioButtonSizes>,\n    default: 'xs',\n    required: false,\n  },\n  name: {\n    type: String,\n    required: true,\n  },\n  value: {\n    type: String,\n    required: true,\n  },\n  color: {\n    type: String as PropType<ElRadioButtonColors>,\n    required: false,\n    default: 'primary',\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', val: String): void;\n}>();\nconst computedModelValue = computed(() => props.modelValue);\nconst computedValidation = computed(() => [props.validation]);\nconst { value: localValue, uuid } = useInput(computedModelValue, computedValidation, props.name, newLocalValue => {\n  emit('update:modelValue', newLocalValue);\n});\n</script>\n\n<template>\n  <input\n    :id=\"uuid\"\n    v-model=\"localValue\"\n    :name=\"name\"\n    :value=\"value\"\n    type=\"radio\"\n    class=\"sr-only\"\n    :disabled=\"disabled\"\n    :data-cy=\"label ? `${label.trim().replaceAll(' ', '')}-radio` : 'radio'\"\n  />\n\n  <label :for=\"uuid\" class=\"cursor-pointer flex items-start justify-center gap-2\">\n    <svg\n      v-if=\"modelValue !== value\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"21\"\n      viewBox=\"0 0 20 21\"\n      fill=\"none\"\n      class=\"flex-shrink-0\"\n      :class=\"{\n        'w-6 h-6': size === 'xs',\n        'w-5 h-5': size === 'xxs',\n        'fill-neutral-inactive': color === 'inactive' || disabled,\n        'fill-neutral-lighter': color !== 'inactive' && !disabled,\n      }\"\n    >\n      <path\n        d=\"M10 0.5C4.48 0.5 0 4.98 0 10.5C0 16.02 4.48 20.5 10 20.5C15.52 20.5 20 16.02 20 10.5C20 4.98 15.52 0.5 10 0.5ZM10 18.5C5.58 18.5 2 14.92 2 10.5C2 6.08 5.58 2.5 10 2.5C14.42 2.5 18 6.08 18 10.5C18 14.92 14.42 18.5 10 18.5Z\"\n      />\n    </svg>\n    <svg\n      v-if=\"modelValue === value\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"21\"\n      viewBox=\"0 0 20 21\"\n      fill=\"none\"\n      class=\"flex-shrink-0\"\n      :class=\"{\n        'w-6 h-6': size === 'xs',\n        'w-5 h-5': size === 'xxs',\n        'fill-neutral-inactive': color === 'inactive' || disabled,\n        'fill-primary-active': color === 'primary',\n        'fill-secondary-active': color === 'secondary',\n      }\"\n    >\n      <path\n        d=\"M10 5.5C7.24 5.5 5 7.74 5 10.5C5 13.26 7.24 15.5 10 15.5C12.76 15.5 15 13.26 15 10.5C15 7.74 12.76 5.5 10 5.5ZM10 0.5C4.48 0.5 0 4.98 0 10.5C0 16.02 4.48 20.5 10 20.5C15.52 20.5 20 16.02 20 10.5C20 4.98 15.52 0.5 10 0.5ZM10 18.5C5.58 18.5 2 14.92 2 10.5C2 6.08 5.58 2.5 10 2.5C14.42 2.5 18 6.08 18 10.5C18 14.92 14.42 18.5 10 18.5Z\"\n      />\n    </svg>\n\n    <span\n      v-if=\"label\"\n      :class=\"{\n        'text-base': size === 'xs',\n        'text-sm': size === 'xxs',\n        'text-neutral-darker': color !== 'inactive' && !disabled,\n        'text-neutral-inactive': disabled || color === 'inactive',\n      }\"\n      >{{ label }}</span\n    >\n  </label>\n</template>\n"],"names":["elRadioButtonSizes","elRadioButtonColors","commonProp","withCommonElInputProps","props","__props","emit","__emit","computedModelValue","computed","computedValidation","localValue","uuid","useInput","newLocalValue"],"mappings":"s2BAGaA,EAAqB,CAAC,KAAM,KAAK,EAGjCC,EAAsB,CAAC,UAAW,YAAa,UAAU,EAGhEC,EAAaC,EAAuB,uBAAA,6WAM1C,MAAMC,EAAQC,EA6BRC,EAAOC,EAGPC,EAAqBC,EAAA,SAAS,IAAML,EAAM,UAAU,EACpDM,EAAqBD,EAAAA,SAAS,IAAM,CAACL,EAAM,UAAU,CAAC,EACtD,CAAE,MAAOO,EAAY,KAAAC,GAASC,EAAAA,SAASL,EAAoBE,EAAoBN,EAAM,KAAuBU,GAAA,CAChHR,EAAK,oBAAqBQ,CAAa,CAAA,CACxC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElInputRadioButton.vue.esm2.js","sources":["../../../src/forms/ElInputRadioButton.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { useInput, withCommonElInputProps } from '@/forms/input';\n\nexport const elRadioButtonSizes = ['xs', 'xxs'] as const;\ntype ElRadioButtonSizes = (typeof elRadioButtonSizes)[number];\n\nexport const elRadioButtonColors = ['primary', 'secondary', 'inactive'] as const;\ntype ElRadioButtonColors = (typeof elRadioButtonColors)[number];\n\nconst commonProp = withCommonElInputProps();\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, PropType } from 'vue';\n\nconst props = defineProps({\n  id: commonProp.id,\n  disabled: commonProp.disabled,\n  label: commonProp.label,\n  validation: commonProp.validation,\n  modelValue: {\n    type: String,\n    required: true,\n  },\n  size: {\n    type: String as PropType<ElRadioButtonSizes>,\n    default: 'xs',\n    required: false,\n  },\n  name: {\n    type: String,\n    required: true,\n  },\n  value: {\n    type: String,\n    required: true,\n  },\n  color: {\n    type: String as PropType<ElRadioButtonColors>,\n    required: false,\n    default: 'primary',\n  },\n});\n\nconst emit = defineEmits<{\n  (event: 'update:modelValue', val: String): void;\n}>();\nconst computedModelValue = computed(() => props.modelValue);\nconst computedValidation = computed(() => [props.validation]);\nconst { value: localValue, uuid } = useInput(computedModelValue, computedValidation, props.name, newLocalValue => {\n  emit('update:modelValue', newLocalValue);\n});\n</script>\n\n<template>\n  <input\n    :id=\"uuid\"\n    v-model=\"localValue\"\n    :name=\"name\"\n    :value=\"value\"\n    type=\"radio\"\n    class=\"sr-only\"\n    :disabled=\"disabled\"\n    :data-cy=\"label ? `${label.trim().replaceAll(' ', '')}-radio` : 'radio'\"\n  />\n\n  <label :for=\"uuid\" class=\"cursor-pointer flex items-start justify-center gap-2\">\n    <svg\n      v-if=\"modelValue !== value\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"21\"\n      viewBox=\"0 0 20 21\"\n      fill=\"none\"\n      class=\"flex-shrink-0\"\n      :class=\"{\n        'w-6 h-6': size === 'xs',\n        'w-5 h-5': size === 'xxs',\n        'fill-neutral-inactive': color === 'inactive' || disabled,\n        'fill-neutral-lighter': color !== 'inactive' && !disabled,\n      }\"\n    >\n      <path\n        d=\"M10 0.5C4.48 0.5 0 4.98 0 10.5C0 16.02 4.48 20.5 10 20.5C15.52 20.5 20 16.02 20 10.5C20 4.98 15.52 0.5 10 0.5ZM10 18.5C5.58 18.5 2 14.92 2 10.5C2 6.08 5.58 2.5 10 2.5C14.42 2.5 18 6.08 18 10.5C18 14.92 14.42 18.5 10 18.5Z\"\n      />\n    </svg>\n    <svg\n      v-if=\"modelValue === value\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"21\"\n      viewBox=\"0 0 20 21\"\n      fill=\"none\"\n      class=\"flex-shrink-0\"\n      :class=\"{\n        'w-6 h-6': size === 'xs',\n        'w-5 h-5': size === 'xxs',\n        'fill-neutral-inactive': color === 'inactive' || disabled,\n        'fill-primary-active': color === 'primary',\n        'fill-secondary-active': color === 'secondary',\n      }\"\n    >\n      <path\n        d=\"M10 5.5C7.24 5.5 5 7.74 5 10.5C5 13.26 7.24 15.5 10 15.5C12.76 15.5 15 13.26 15 10.5C15 7.74 12.76 5.5 10 5.5ZM10 0.5C4.48 0.5 0 4.98 0 10.5C0 16.02 4.48 20.5 10 20.5C15.52 20.5 20 16.02 20 10.5C20 4.98 15.52 0.5 10 0.5ZM10 18.5C5.58 18.5 2 14.92 2 10.5C2 6.08 5.58 2.5 10 2.5C14.42 2.5 18 6.08 18 10.5C18 14.92 14.42 18.5 10 18.5Z\"\n      />\n    </svg>\n\n    <span\n      v-if=\"label\"\n      :class=\"{\n        'text-base': size === 'xs',\n        'text-sm': size === 'xxs',\n        'text-neutral-darker': color !== 'inactive' && !disabled,\n        'text-neutral-inactive': disabled || color === 'inactive',\n      }\"\n      >{{ label }}</span\n    >\n  </label>\n</template>\n"],"names":["elRadioButtonSizes","elRadioButtonColors","commonProp","withCommonElInputProps","props","__props","emit","__emit","computedModelValue","computed","computedValidation","localValue","uuid","useInput","newLocalValue"],"mappings":"0+BAGaA,EAAqB,CAAC,KAAM,KAAK,EAGjCC,EAAsB,CAAC,UAAW,YAAa,UAAU,EAGhEC,EAAaC,EAAuB,6VAM1C,MAAMC,EAAQC,EA6BRC,EAAOC,EAGPC,EAAqBC,EAAS,IAAML,EAAM,UAAU,EACpDM,EAAqBD,EAAS,IAAM,CAACL,EAAM,UAAU,CAAC,EACtD,CAAE,MAAOO,EAAY,KAAAC,GAASC,EAASL,EAAoBE,EAAoBN,EAAM,KAAuBU,GAAA,CAChHR,EAAK,oBAAqBQ,CAAa,CAAA,CACxC"}

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

@@ -0,0 +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/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')","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

@@ -0,0 +1 @@
+{"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';\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      :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":"y9CA+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"}