npm - @evance/evance-ui - Versions diffs - 1.1.12 → 1.1.13 - Mend

@evance/evance-ui 1.1.12 → 1.1.13

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

Files changed (1060) hide show

package/dist/esm/components/EvText/EvText.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css              */const r=require("./EvText.mjs"),d=require("../../composables/defaults.mjs"),a=require("../../util/is-functions.mjs"),m=require("../../util/modifiers.mjs"),f=require("../../util/appearance.mjs"),v=e.defineComponent({__name:"EvText",props:{...r.makeEvTextProps()},setup(n){const u=n;e.useCssVars(s=>({c221e7f8:i.value}));const t=d.useDefaults(u),o=e.computed(()=>r.EvTextSizeClass[t.size]),c=e.computed(()=>{if(t.truncate)return a.isBoolean(t.truncate)?"is-truncate":"is-truncate-lines"}),i=e.computed(()=>a.isNumber(t.truncate)?t.truncate:1),l=e.computed(()=>t.weight?m.makeClassName(t.weight,"text-weight"):void 0),p=e.computed(()=>{if(!t.appearance)return;const{appearanceClass:s}=f.useAppearance(t);return s.value});return(s,x)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t).tag),{class:e.normalizeClass(["ev-text",{"typeface-monospace":e.unref(t).monospace},o.value,l.value,c.value,p.value,e.unref(t).class]),style:e.normalizeStyle(e.unref(t).style)},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(t).text),1)])]),_:3},8,["class","style"]))}});exports.default=v;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css              */const r=require("./EvText.mjs"),m=require("../../composables/defaults.mjs"),a=require("../../util/is-functions.mjs"),d=require("../../util/modifiers.mjs"),f=require("../../util/appearance.mjs"),v=e.defineComponent({__name:"EvText",props:{...r.makeEvTextProps()},setup(n){const u=n;e.useCssVars(s=>({c221e7f8:i.value}));const t=m.useDefaults(u),c=e.computed(()=>r.EvTextSizeClass[t.size]),o=e.computed(()=>{if(t.truncate)return a.isBoolean(t.truncate)?"is-truncate":"is-truncate-lines"}),i=e.computed(()=>a.isNumber(t.truncate)?t.truncate:1),l=e.computed(()=>t.weight?d.makeClassName(t.weight,"text-weight"):void 0),p=e.computed(()=>{if(!t.appearance)return;const{appearanceClass:s}=f.useAppearance(t);return s.value});return(s,C)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t).tag),{class:e.normalizeClass(["ev-text",{"typeface-monospace":e.unref(t).monospace},c.value,l.value,o.value,p.value,e.unref(t).class]),style:e.normalizeStyle(e.unref(t).style)},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(t).text),1)])]),_:3},8,["class","style"]))}});module.exports=v;
 //# sourceMappingURL=EvText.vue.mjs.map

package/dist/esm/components/EvText/EvText.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvText.vue.mjs","sources":["../../../../src/components/EvText/EvText.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvText.scss\";\r\nimport { EvTextSizeClass, makeEvTextProps } from \"./EvText\";\r\nimport { computed } from \"vue\";\r\nimport {\r\n AppearanceProps,\r\n isBoolean,\r\n isNumber,\r\n makeClassName,\r\n useAppearance,\r\n} from \"@/util\";\r\nimport { useDefaults } from \"@/composables\";\r\n\r\nconst definedProps = defineProps({ ...makeEvTextProps() });\r\nconst props = useDefaults(definedProps);\r\n\r\nconst sizeClass = computed(() => {\r\n return EvTextSizeClass[props.size];\r\n});\r\n\r\nconst truncateClass = computed(() => {\r\n if (!props.truncate) {\r\n return undefined;\r\n }\r\n return isBoolean(props.truncate) ? \"is-truncate\" : \"is-truncate-lines\";\r\n});\r\n\r\nconst maxLines = computed(() => {\r\n if (isNumber(props.truncate)) {\r\n return props.truncate;\r\n }\r\n return 1;\r\n});\r\n\r\nconst weightClass = computed(() => {\r\n return props.weight\r\n ? makeClassName(props.weight, \"text-weight\")\r\n : undefined;\r\n});\r\n\r\nconst appearanceClass = computed(() => {\r\n if (!props.appearance) {\r\n return undefined;\r\n }\r\n const { appearanceClass } = useAppearance(props as AppearanceProps);\r\n return appearanceClass.value;\r\n});\r\n</script>\r\n\r\n<template>\r\n <component\r\n :is=\"props.tag\"\r\n :class=\"[\r\n 'ev-text',\r\n {\r\n 'typeface-monospace': props.monospace,\r\n },\r\n sizeClass,\r\n weightClass,\r\n truncateClass,\r\n appearanceClass,\r\n props.class,\r\n ]\"\r\n :style=\"props.style\">\r\n <slot>{{ props.text }}</slot>\r\n </component>\r\n</template>\r\n\r\n<style>\r\n.ev-text {\r\n --max-lines: v-bind(maxLines);\r\n}\r\n</style>\r\n"],"names":["props","useDefaults","definedProps","sizeClass","computed","EvTextSizeClass","truncateClass","isBoolean","maxLines","isNumber","weightClass","makeClassName","appearanceClass","useAppearance"],"mappings":"~~qgBAcM~~,MAAAA,EAAQC,cAAYC,CAAY,EAEhCC,EAAYC,EAAAA,SAAS,IAChBC,EAAA,gBAAgBL,EAAM,IAAI,CACpC,EAEKM,EAAgBF,EAAAA,SAAS,IAAM,CAC7B,GAACJ,EAAM,SAGX,OAAOO,EAAU,UAAAP,EAAM,QAAQ,EAAI,cAAgB,mBAAA,CACtD,EAEKQ,EAAWJ,EAAAA,SAAS,IAClBK,EAAA,SAAST,EAAM,QAAQ,EAChBA,EAAM,SAEV,CACV,EAEKU,EAAcN,EAAAA,SAAS,IAClBJ,EAAM,OACPW,EAAA,cAAcX,EAAM,OAAQ,aAAa,EACzC,MACT,EAEKY,EAAkBR,EAAAA,SAAS,IAAM,CAC/B,GAAA,CAACJ,EAAM,WACA,OAEX,KAAM,CAAE,gBAAAY,GAAoBC,EAAAA,cAAcb,CAAwB,EAClE,OAAOY,EAAgB,KAAA,CAC1B"}
1	+ {"version":3,"file":"EvText.vue.mjs","sources":["../../../../src/components/EvText/EvText.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvText.scss\";\r\nimport { EvTextSizeClass, makeEvTextProps } from \"./EvText\";\r\nimport { computed } from \"vue\";\r\nimport {\r\n AppearanceProps,\r\n isBoolean,\r\n isNumber,\r\n makeClassName,\r\n useAppearance,\r\n} from \"@/util\";\r\nimport { useDefaults } from \"@/composables\";\r\n\r\nconst definedProps = defineProps({ ...makeEvTextProps() });\r\nconst props = useDefaults(definedProps);\r\n\r\nconst sizeClass = computed(() => {\r\n return EvTextSizeClass[props.size];\r\n});\r\n\r\nconst truncateClass = computed(() => {\r\n if (!props.truncate) {\r\n return undefined;\r\n }\r\n return isBoolean(props.truncate) ? \"is-truncate\" : \"is-truncate-lines\";\r\n});\r\n\r\nconst maxLines = computed(() => {\r\n if (isNumber(props.truncate)) {\r\n return props.truncate;\r\n }\r\n return 1;\r\n});\r\n\r\nconst weightClass = computed(() => {\r\n return props.weight\r\n ? makeClassName(props.weight, \"text-weight\")\r\n : undefined;\r\n});\r\n\r\nconst appearanceClass = computed(() => {\r\n if (!props.appearance) {\r\n return undefined;\r\n }\r\n const { appearanceClass } = useAppearance(props as AppearanceProps);\r\n return appearanceClass.value;\r\n});\r\n</script>\r\n\r\n<template>\r\n <component\r\n :is=\"props.tag\"\r\n :class=\"[\r\n 'ev-text',\r\n {\r\n 'typeface-monospace': props.monospace,\r\n },\r\n sizeClass,\r\n weightClass,\r\n truncateClass,\r\n appearanceClass,\r\n props.class,\r\n ]\"\r\n :style=\"props.style\">\r\n <slot>{{ props.text }}</slot>\r\n </component>\r\n</template>\r\n\r\n<style>\r\n.ev-text {\r\n --max-lines: v-bind(maxLines);\r\n}\r\n</style>\r\n"],"names":["props","useDefaults","definedProps","sizeClass","computed","EvTextSizeClass","truncateClass","isBoolean","maxLines","isNumber","weightClass","makeClassName","appearanceClass","useAppearance"],"mappings":"saAcM,MAAAA,EAAQC,cAAYC,CAAY,EAEhCC,EAAYC,EAAAA,SAAS,IAChBC,EAAA,gBAAgBL,EAAM,IAAI,CACpC,EAEKM,EAAgBF,EAAAA,SAAS,IAAM,CAC7B,GAACJ,EAAM,SAGX,OAAOO,EAAU,UAAAP,EAAM,QAAQ,EAAI,cAAgB,mBAAA,CACtD,EAEKQ,EAAWJ,EAAAA,SAAS,IAClBK,EAAA,SAAST,EAAM,QAAQ,EAChBA,EAAM,SAEV,CACV,EAEKU,EAAcN,EAAAA,SAAS,IAClBJ,EAAM,OACPW,EAAA,cAAcX,EAAM,OAAQ,aAAa,EACzC,MACT,EAEKY,EAAkBR,EAAAA,SAAS,IAAM,CAC/B,GAAA,CAACJ,EAAM,WACA,OAEX,KAAM,CAAE,gBAAAY,GAAoBC,EAAAA,cAAcb,CAAwB,EAClE,OAAOY,EAAgB,KAAA,CAC1B"}

package/dist/esm/components/EvText/EvText.vue3.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvText.vue.mjs");;/* empty css              */exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvText.vue.mjs");;/* empty css              */module.exports=e;
 //# sourceMappingURL=EvText.vue3.mjs.map

package/dist/esm/components/EvTextarea/EvTextarea.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/component.mjs"),o=require("../../composables/validation.mjs"),a=require("../EvLabel/EvLabel.mjs"),r=require("../../util/props.mjs"),t=require("../../util/appearance.mjs"),n=r.propsFactory({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,...a.makeLabelProps(),...o.makeFormFieldProps(),...t.makeInputAppearanceProps(),...e.makeComponentProps()},"EvTextarea");exports.makeEvTextareaProps=n;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/component.mjs"),o=require("../../composables/validation.mjs"),a=require("../EvLabel/EvLabel.mjs"),r=require("../../util/props.mjs"),t=require("../../util/appearance.mjs"),n=r.propsFactory({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,...a.makeLabelProps(),...o.makeFormFieldProps(),...t.makeInputAppearanceProps(),...e.makeComponentProps()},"EvTextarea");exports.makeEvTextareaProps=n;
 //# sourceMappingURL=EvTextarea.mjs.map

package/dist/esm/components/EvTextarea/EvTextarea.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                  */const N=require("./EvTextarea.mjs"),B=require("../../composables/focus.mjs"),M=require("../../icons/glyph/CancelIcon.svg.mjs"),A=require("../EvProgress/EvProgress.vue.mjs"),P=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const T=require("../EvErrors/EvErrors.vue.mjs"),K=require("../EvLabel/EvLabel.vue.mjs"),F=require("../../composables/validation.mjs"),I=require("../../util/helpers.mjs"),R=require("../../util/modifiers.mjs"),d=require("../../util/appearance.mjs"),S={key:0,class:"ev-textarea--label"},D={class:"ev-textarea--input"},z=["id","name","disabled","readonly","placeholder","autofocus","onKeyup"],U={key:0,class:"ev-textarea--clearable"},j={key:0,class:"ev-textarea--loader"},H={key:1,class:"ev-textarea--errors"},L=e.defineComponent({inheritAttrs:!1,__name:"EvTextarea",props:{...N.makeEvTextareaProps()},emits:["click:clear","click:control","mousedown:control","update:focused","update:modelValue"],setup(f,{expose:p,emit:s}){const r=f,v=e.useSlots(),_=e.useAttrs(),m=e.ref(null),u=e.ref(null),[g,k]=I.splitInputAttrs(_),o=F.useFormField(r),y=e.computed(()=>r.clearable&&!!o.value);function a(){return u.value}function h(t){var n;t.stopPropagation(),e.nextTick(()=>{o.value=null,s("click:clear",t)}),(n=a())==null||n.focus()}function b(t){t.preventDefault(),t.stopPropagation()}function c(t){var n;o.focus(t),r.autoselect&&((n=a())==null||n.select())}function E(t){c(),s("click:control",t)}function C(t){s("mousedown:control",t),t.target!==u.value&&(c(),t.preventDefault())}function x(t){l()}function w(t){l()}function q(t){r.autosubmit&&r.autosubmit()}function l(){if(!r.autogrow)return;const t=a();t&&(t.style.height="auto",t.style.height=t.scrollHeight+1+"px")}e.onUpdated(()=>{l()}),e.onMounted(()=>{l()});const V=B.useAutofocus(r);return p({field:o,input:u,focus:()=>{var t;(t=a())==null||t.focus()}}),(t,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"containerRef",ref:m,class:["ev-textarea",[{"is-loading":t.loading,"is-autogrow":t.autogrow},e.unref(o).classes,r.class]],style:r.style,role:"textbox"},e.unref(g)),[r.label||r.hint||e.unref(v).label?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(e.unref(K.default),{for:e.unref(o).id,title:r.label,hint:r.hint},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label")]),_:3},8,["for","title","hint"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["ev-textarea--control",e.unref(R.appearanceModifier)(r.appearance,[e.unref(d.InputAppearance).default])]),onClick:E,onMousedown:C},[e.createElementVNode("div",D,[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(o).id,ref_key:"inputRef",ref:u,"onUpdate:modelValue":n[0]||(n[0]=i=>e.unref(o).value=i),name:e.unref(o).name,disabled:e.unref(o).isDisabled,readonly:e.unref(o).isReadonly,placeholder:t.placeholder,autofocus:t.autofocus},e.unref(k),{onFocus:c,onBlur:n[1]||(n[1]=(...i)=>e.unref(o).blur&&e.unref(o).blur(...i)),onKeydown:x,onKeyup:[w,e.withKeys(q,["enter"])]}),null,16,z),[[e.vModelText,e.unref(o).value],[e.unref(V)]])]),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[y.value?(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(e.unref(P.default),{glyph:e.unref(M.default),onClick:h,onMousedown:b},null,8,["glyph"])])):e.createCommentVNode("",!0)]),_:1}),t.loading?(e.openBlock(),e.createElementBlock("div",j,[e.createVNode(e.unref(A.default),{indeterminate:"",appearance:e.unref(o).isFocused?e.unref(d.Appearance).notice:e.unref(d.Appearance).default,size:2},null,8,["appearance"])])):e.createCommentVNode("",!0)],34),e.unref(o).isShowErrorMessages?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(e.unref(T.default),{messages:e.unref(o).errorMessages},null,8,["messages"])])):e.createCommentVNode("",!0)],16))}});exports.default=L;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                  */const N=require("./EvTextarea.mjs"),B=require("../../composables/focus.mjs"),A=require("../../icons/glyph/CancelIcon.svg.mjs"),M=require("../EvProgress/EvProgress.vue.mjs"),K=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const P=require("../EvErrors/EvErrors.vue.mjs"),T=require("../EvLabel/EvLabel.vue.mjs"),F=require("../../composables/validation.mjs"),I=require("../../util/helpers.mjs"),R=require("../../util/modifiers.mjs"),d=require("../../util/appearance.mjs"),D={key:0,class:"ev-textarea--label"},z={class:"ev-textarea--input"},S=["id","name","disabled","readonly","placeholder","autofocus","onKeyup"],U={key:0,class:"ev-textarea--clearable"},H={key:0,class:"ev-textarea--loader"},L={key:1,class:"ev-textarea--errors"},j=e.defineComponent({inheritAttrs:!1,__name:"EvTextarea",props:{...N.makeEvTextareaProps()},emits:["click:clear","click:control","mousedown:control","update:focused","update:modelValue"],setup(f,{expose:p,emit:l}){const r=f,v=e.useSlots(),m=e.useAttrs(),_=e.ref(null),a=e.ref(null),[g,k]=I.splitInputAttrs(m),o=F.useFormField(r),y=e.computed(()=>r.clearable&&!!o.value);function u(){return a.value}function h(t){var n;t.stopPropagation(),e.nextTick(()=>{o.value=null,l("click:clear",t)}),(n=u())==null||n.focus()}function b(t){t.preventDefault(),t.stopPropagation()}function c(t){var n;o.focus(t),r.autoselect&&((n=u())==null||n.select())}function E(t){c(),l("click:control",t)}function C(t){l("mousedown:control",t),t.target!==a.value&&(c(),t.preventDefault())}function w(t){s()}function x(t){s()}function q(t){r.autosubmit&&r.autosubmit()}function s(){if(!r.autogrow)return;const t=u();t&&(t.style.height="auto",t.style.height=t.scrollHeight+1+"px")}e.onUpdated(()=>{s()}),e.onMounted(()=>{s()});const V=B.useAutofocus(r);return p({field:o,input:a,focus:()=>{var t;(t=u())==null||t.focus()}}),(t,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"containerRef",ref:_,class:["ev-textarea",[{"is-loading":t.loading,"is-autogrow":t.autogrow},e.unref(o).classes,r.class]],style:r.style,role:"textbox"},e.unref(g)),[r.label||r.hint||e.unref(v).label?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(e.unref(T),{for:e.unref(o).id,title:r.label,hint:r.hint},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label")]),_:3},8,["for","title","hint"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["ev-textarea--control",e.unref(R.appearanceModifier)(r.appearance,[e.unref(d.InputAppearance).default])]),onClick:E,onMousedown:C},[e.createElementVNode("div",z,[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(o).id,ref_key:"inputRef",ref:a,"onUpdate:modelValue":n[0]||(n[0]=i=>e.unref(o).value=i),name:e.unref(o).name,disabled:e.unref(o).isDisabled,readonly:e.unref(o).isReadonly,placeholder:t.placeholder,autofocus:t.autofocus},e.unref(k),{onFocus:c,onBlur:n[1]||(n[1]=(...i)=>e.unref(o).blur&&e.unref(o).blur(...i)),onKeydown:w,onKeyup:[x,e.withKeys(q,["enter"])]}),null,16,S),[[e.vModelText,e.unref(o).value],[e.unref(V)]])]),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[y.value?(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(e.unref(K),{glyph:e.unref(A.default),onClick:h,onMousedown:b},null,8,["glyph"])])):e.createCommentVNode("",!0)]),_:1}),t.loading?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(e.unref(M),{indeterminate:"",appearance:e.unref(o).isFocused?e.unref(d.Appearance).notice:e.unref(d.Appearance).default,size:2},null,8,["appearance"])])):e.createCommentVNode("",!0)],34),e.unref(o).isShowErrorMessages?(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(e.unref(P),{messages:e.unref(o).errorMessages},null,8,["messages"])])):e.createCommentVNode("",!0)],16))}});module.exports=j;
 //# sourceMappingURL=EvTextarea.vue.mjs.map

package/dist/esm/components/EvTextarea/EvTextarea.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvTextarea.vue.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # `<ev-textarea>`\n /\nimport \"./EvTextarea.scss\";\nimport { makeEvTextareaProps } from \"./EvTextarea\";\nimport { computed, nextTick, ref, useAttrs, onUpdated, onMounted } from \"vue\";\nimport {\n Appearance,\n appearanceModifier,\n InputAppearance,\n splitInputAttrs,\n} from \"@/util\";\nimport { useAutofocus } from \"@/composables/focus\";\nimport { CancelIcon } from \"@/icons\";\nimport { EvProgress } from \"@/components/EvProgress\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useFormField } from \"@/composables/validation\";\n\n/\n We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n /\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = defineProps({\n ...makeEvTextareaProps(),\n});\nconst slots = defineSlots<{\n label(): never;\n}>();\n\n// Emit\nconst emit = defineEmits([\n \"click:clear\",\n \"click:control\",\n \"mousedown:control\",\n \"update:focused\",\n \"update:modelValue\",\n]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement \| null>(null);\nconst inputRef = ref<HTMLInputElement \| null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst isClearable = computed(() => {\n return props.clearable && !!formField.value;\n});\n\n/\n ## Get Input Element\n /\nfunction getInputElement(): HTMLInputElement \| null {\n return inputRef.value;\n}\n\n/\n ## On Clearable Click\n * @param $event\n /\nfunction onClearableClick($event: MouseEvent) {\n $event.stopPropagation();\n nextTick(() => {\n formField.value = null;\n emit(\"click:clear\", $event);\n });\n getInputElement()?.focus();\n}\n\n/\n ## On Clearable Mousedown\n * @param e\n /\nfunction onClearableMousedown(e: MouseEvent) {\n e.preventDefault();\n e.stopPropagation();\n}\n\n/\n ## On Focus\n * @param e\n /\nfunction onFocus(e?: Event) {\n formField.focus(e);\n if (props.autoselect) {\n getInputElement()?.select();\n }\n}\n\n/\n ## On Control Click\n \n When the user clicks on the textarea.\n \n @param e\n /\nfunction onControlClick(e: MouseEvent) {\n onFocus();\n emit(\"click:control\", e);\n}\n\n/\n ## On Control Mousedown\n \n When the mousedown is triggered on the textarea.\n \n @param e\n /\nfunction onControlMousedown(e: MouseEvent) {\n emit(\"mousedown:control\", e);\n if (e.target === inputRef.value) {\n return;\n }\n onFocus();\n e.preventDefault();\n}\n\n/\n ## On Keydown\n * Attempt to resize the textarea on key down.\n * @param e\n /\nfunction onKeydown(e: Event) {\n resize();\n}\n\n/\n ## On Keyup\n * Attempt to resize the textarea on key up.\n * @param e\n /\nfunction onKeyup(e: Event) {\n resize();\n}\n\n/\n ## On Enter\n * When the user presses the Enter key, we can call an `autosubmit` function (if supplied).\n * @param e\n /\nfunction onKeyupEnter(e: Event) {\n // Use the autosubmit callback if present\n if (props.autosubmit) {\n props.autosubmit();\n }\n}\n\n/\n ## Resize\n * If the component is set to `autogrow` then we resize the textarea appropriately\n * so that all the text is visible.\n /\nfunction resize() {\n if (!props.autogrow) {\n return;\n }\n const field = getInputElement();\n if (!field) {\n return;\n }\n field.style.height = \"auto\";\n field.style.height = field.scrollHeight + 1 + \"px\";\n}\n\n/\n ## On Update\n * Ensures the textarea is resized when the component updates.\n /\nonUpdated(() => {\n resize();\n});\n\n/\n ## On Mounted\n * Ensures the textarea is resized when the component loads.\n /\nonMounted(() => {\n resize();\n});\n\n/\n ## Directive `v-autofocus`\n /\nconst vAutofocus = useAutofocus(props);\n\n/\n ## Expose stuff\n */\ndefineExpose({\n field: formField,\n input: inputRef,\n focus: () => {\n getInputElement()?.focus();\n },\n});\n</script>\n\n<template>\n <div\n ref=\"containerRef\"\n class=\"ev-textarea\"\n :class=\"[\n {\n 'is-loading': loading,\n 'is-autogrow': autogrow,\n },\n formField.classes,\n props.class,\n ]\"\n :style=\"props.style\"\n role=\"textbox\"\n v-bind=\"containerAttrs\">\n <div\n v-if=\"props.label \|\| props.hint \|\| slots.label\"\n class=\"ev-textarea--label\">\n <ev-label\n :for=\"formField.id\"\n :title=\"props.label\"\n :hint=\"props.hint\">\n <slot name=\"label\" />\n </ev-label>\n </div>\n\n <div\n :class=\"[\n 'ev-textarea--control',\n appearanceModifier(props.appearance, [InputAppearance.default]),\n ]\"\n @click=\"onControlClick\"\n @mousedown=\"onControlMousedown\">\n <div class=\"ev-textarea--input\">\n <textarea\n :id=\"formField.id\"\n ref=\"inputRef\"\n v-model=\"formField.value\"\n v-autofocus\n :name=\"formField.name\"\n :disabled=\"formField.isDisabled\"\n :readonly=\"formField.isReadonly\"\n :placeholder=\"placeholder\"\n :autofocus=\"autofocus\"\n v-bind=\"inputAttrs\"\n @focus=\"onFocus\"\n @blur=\"formField.blur\"\n @keydown=\"onKeydown\"\n @keyup=\"onKeyup\"\n @keyup.enter=\"onKeyupEnter\"></textarea>\n </div>\n <transition name=\"slide-fade\">\n <div v-if=\"isClearable\" class=\"ev-textarea--clearable\">\n <ev-icon\n :glyph=\"CancelIcon\"\n @click=\"onClearableClick\"\n @mousedown=\"onClearableMousedown\" />\n </div>\n </transition>\n <div v-if=\"loading\" class=\"ev-textarea--loader\">\n <ev-progress\n indeterminate\n :appearance=\"\n formField.isFocused\n ? Appearance.notice\n : Appearance.default\n \"\n :size=\"2\" />\n </div>\n </div>\n\n <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textarea--errors\">\n <ev-errors :messages=\"formField.errorMessages\" />\n </div>\n </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","e","onFocus","onControlClick","onControlMousedown","onKeydown","resize","onKeyup","onKeyupEnter","field","onUpdated","onMounted","vAutofocus","useAutofocus","__expose"],"mappings":"~~4pCAgCMA~~,EAAQC,EAAAA,WAaRC,EAAQC,EAAAA,SAAS,EACjBC,EAAeC,MAAwB,IAAI,EAC3CC,EAAWD,MAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,EAAAA,gBAAgBP,CAAK,EACpDQ,EAAYC,eAAaC,CAAK,EAC9BC,EAAcC,EAAAA,SAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EAKD,SAASK,GAA2C,CAChD,OAAOT,EAAS,KAAA,CAOpB,SAASU,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAAA,SAAS,IAAM,CACXR,EAAU,MAAQ,KAClBS,EAAK,cAAeF,CAAM,CAAA,CAC7B,GACDG,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAO7B,SAASC,EAAqBC,EAAe,CACzCA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQD,EAAW,OACxBZ,EAAU,MAAMY,CAAC,EACbV,EAAM,cACNQ,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASI,EAAeF,EAAe,CAC3BC,EAAA,EACRJ,EAAK,gBAAiBG,CAAC,CAAA,CAU3B,SAASG,EAAmBH,EAAe,CACvCH,EAAK,oBAAqBG,CAAC,EACvBA,EAAE,SAAWhB,EAAS,QAGlBiB,EAAA,EACRD,EAAE,eAAe,EAAA,CAQrB,SAASI,EAAUJ,EAAU,CAClBK,EAAA,CAAA,CAQX,SAASC,EAAQN,EAAU,CAChBK,EAAA,CAAA,CAQX,SAASE,EAAaP,EAAU,CAExBV,EAAM,YACNA,EAAM,WAAW,CACrB,CAQJ,SAASe,GAAS,CACV,GAAA,CAACf,EAAM,SACP,OAEJ,MAAMkB,EAAQf,EAAgB,EACzBe,IAGLA,EAAM,MAAM,OAAS,OACrBA,EAAM,MAAM,OAASA,EAAM,aAAe,EAAI,KAAA,CAOlDC,EAAAA,UAAU,IAAM,CACLJ,EAAA,CAAA,CACV,EAMDK,EAAAA,UAAU,IAAM,CACLL,EAAA,CAAA,CACV,EAKK,MAAAM,EAAaC,eAAatB,CAAK,EAKxB,OAAAuB,EAAA,CACT,MAAOzB,EACP,MAAOJ,EACP,MAAO,IAAM,QACTc,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH"}
1	+ {"version":3,"file":"EvTextarea.vue.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n # `<ev-textarea>`\n /\nimport \"./EvTextarea.scss\";\nimport { makeEvTextareaProps } from \"./EvTextarea\";\nimport { computed, nextTick, ref, useAttrs, onUpdated, onMounted } from \"vue\";\nimport {\n Appearance,\n appearanceModifier,\n InputAppearance,\n splitInputAttrs,\n} from \"@/util\";\nimport { useAutofocus } from \"@/composables/focus\";\nimport { CancelIcon } from \"@/icons\";\nimport { EvProgress } from \"@/components/EvProgress\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useFormField } from \"@/composables/validation\";\n\n/\n We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n /\ndefineOptions({\n inheritAttrs: false,\n});\n\nconst props = defineProps({\n ...makeEvTextareaProps(),\n});\nconst slots = defineSlots<{\n label(): never;\n}>();\n\n// Emit\nconst emit = defineEmits([\n \"click:clear\",\n \"click:control\",\n \"mousedown:control\",\n \"update:focused\",\n \"update:modelValue\",\n]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement \| null>(null);\nconst inputRef = ref<HTMLInputElement \| null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst isClearable = computed(() => {\n return props.clearable && !!formField.value;\n});\n\n/\n ## Get Input Element\n /\nfunction getInputElement(): HTMLInputElement \| null {\n return inputRef.value;\n}\n\n/\n ## On Clearable Click\n * @param $event\n /\nfunction onClearableClick($event: MouseEvent) {\n $event.stopPropagation();\n nextTick(() => {\n formField.value = null;\n emit(\"click:clear\", $event);\n });\n getInputElement()?.focus();\n}\n\n/\n ## On Clearable Mousedown\n * @param e\n /\nfunction onClearableMousedown(e: MouseEvent) {\n e.preventDefault();\n e.stopPropagation();\n}\n\n/\n ## On Focus\n * @param e\n /\nfunction onFocus(e?: Event) {\n formField.focus(e);\n if (props.autoselect) {\n getInputElement()?.select();\n }\n}\n\n/\n ## On Control Click\n \n When the user clicks on the textarea.\n \n @param e\n /\nfunction onControlClick(e: MouseEvent) {\n onFocus();\n emit(\"click:control\", e);\n}\n\n/\n ## On Control Mousedown\n \n When the mousedown is triggered on the textarea.\n \n @param e\n /\nfunction onControlMousedown(e: MouseEvent) {\n emit(\"mousedown:control\", e);\n if (e.target === inputRef.value) {\n return;\n }\n onFocus();\n e.preventDefault();\n}\n\n/\n ## On Keydown\n * Attempt to resize the textarea on key down.\n * @param e\n /\nfunction onKeydown(e: Event) {\n resize();\n}\n\n/\n ## On Keyup\n * Attempt to resize the textarea on key up.\n * @param e\n /\nfunction onKeyup(e: Event) {\n resize();\n}\n\n/\n ## On Enter\n * When the user presses the Enter key, we can call an `autosubmit` function (if supplied).\n * @param e\n /\nfunction onKeyupEnter(e: Event) {\n // Use the autosubmit callback if present\n if (props.autosubmit) {\n props.autosubmit();\n }\n}\n\n/\n ## Resize\n * If the component is set to `autogrow` then we resize the textarea appropriately\n * so that all the text is visible.\n /\nfunction resize() {\n if (!props.autogrow) {\n return;\n }\n const field = getInputElement();\n if (!field) {\n return;\n }\n field.style.height = \"auto\";\n field.style.height = field.scrollHeight + 1 + \"px\";\n}\n\n/\n ## On Update\n * Ensures the textarea is resized when the component updates.\n /\nonUpdated(() => {\n resize();\n});\n\n/\n ## On Mounted\n * Ensures the textarea is resized when the component loads.\n /\nonMounted(() => {\n resize();\n});\n\n/\n ## Directive `v-autofocus`\n /\nconst vAutofocus = useAutofocus(props);\n\n/\n ## Expose stuff\n */\ndefineExpose({\n field: formField,\n input: inputRef,\n focus: () => {\n getInputElement()?.focus();\n },\n});\n</script>\n\n<template>\n <div\n ref=\"containerRef\"\n class=\"ev-textarea\"\n :class=\"[\n {\n 'is-loading': loading,\n 'is-autogrow': autogrow,\n },\n formField.classes,\n props.class,\n ]\"\n :style=\"props.style\"\n role=\"textbox\"\n v-bind=\"containerAttrs\">\n <div\n v-if=\"props.label \|\| props.hint \|\| slots.label\"\n class=\"ev-textarea--label\">\n <ev-label\n :for=\"formField.id\"\n :title=\"props.label\"\n :hint=\"props.hint\">\n <slot name=\"label\" />\n </ev-label>\n </div>\n\n <div\n :class=\"[\n 'ev-textarea--control',\n appearanceModifier(props.appearance, [InputAppearance.default]),\n ]\"\n @click=\"onControlClick\"\n @mousedown=\"onControlMousedown\">\n <div class=\"ev-textarea--input\">\n <textarea\n :id=\"formField.id\"\n ref=\"inputRef\"\n v-model=\"formField.value\"\n v-autofocus\n :name=\"formField.name\"\n :disabled=\"formField.isDisabled\"\n :readonly=\"formField.isReadonly\"\n :placeholder=\"placeholder\"\n :autofocus=\"autofocus\"\n v-bind=\"inputAttrs\"\n @focus=\"onFocus\"\n @blur=\"formField.blur\"\n @keydown=\"onKeydown\"\n @keyup=\"onKeyup\"\n @keyup.enter=\"onKeyupEnter\"></textarea>\n </div>\n <transition name=\"slide-fade\">\n <div v-if=\"isClearable\" class=\"ev-textarea--clearable\">\n <ev-icon\n :glyph=\"CancelIcon\"\n @click=\"onClearableClick\"\n @mousedown=\"onClearableMousedown\" />\n </div>\n </transition>\n <div v-if=\"loading\" class=\"ev-textarea--loader\">\n <ev-progress\n indeterminate\n :appearance=\"\n formField.isFocused\n ? Appearance.notice\n : Appearance.default\n \"\n :size=\"2\" />\n </div>\n </div>\n\n <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textarea--errors\">\n <ev-errors :messages=\"formField.errorMessages\" />\n </div>\n </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","e","onFocus","onControlClick","onControlMousedown","onKeydown","resize","onKeyup","onKeyupEnter","field","onUpdated","onMounted","vAutofocus","useAutofocus","__expose"],"mappings":"6jCAgCMA,EAAQC,EAAAA,WAaRC,EAAQC,EAAAA,SAAS,EACjBC,EAAeC,MAAwB,IAAI,EAC3CC,EAAWD,MAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,EAAAA,gBAAgBP,CAAK,EACpDQ,EAAYC,eAAaC,CAAK,EAC9BC,EAAcC,EAAAA,SAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EAKD,SAASK,GAA2C,CAChD,OAAOT,EAAS,KAAA,CAOpB,SAASU,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAAA,SAAS,IAAM,CACXR,EAAU,MAAQ,KAClBS,EAAK,cAAeF,CAAM,CAAA,CAC7B,GACDG,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAO7B,SAASC,EAAqBC,EAAe,CACzCA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQD,EAAW,OACxBZ,EAAU,MAAMY,CAAC,EACbV,EAAM,cACNQ,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASI,EAAeF,EAAe,CAC3BC,EAAA,EACRJ,EAAK,gBAAiBG,CAAC,CAAA,CAU3B,SAASG,EAAmBH,EAAe,CACvCH,EAAK,oBAAqBG,CAAC,EACvBA,EAAE,SAAWhB,EAAS,QAGlBiB,EAAA,EACRD,EAAE,eAAe,EAAA,CAQrB,SAASI,EAAUJ,EAAU,CAClBK,EAAA,CAAA,CAQX,SAASC,EAAQN,EAAU,CAChBK,EAAA,CAAA,CAQX,SAASE,EAAaP,EAAU,CAExBV,EAAM,YACNA,EAAM,WAAW,CACrB,CAQJ,SAASe,GAAS,CACV,GAAA,CAACf,EAAM,SACP,OAEJ,MAAMkB,EAAQf,EAAgB,EACzBe,IAGLA,EAAM,MAAM,OAAS,OACrBA,EAAM,MAAM,OAASA,EAAM,aAAe,EAAI,KAAA,CAOlDC,EAAAA,UAAU,IAAM,CACLJ,EAAA,CAAA,CACV,EAMDK,EAAAA,UAAU,IAAM,CACLL,EAAA,CAAA,CACV,EAKK,MAAAM,EAAaC,eAAatB,CAAK,EAKxB,OAAAuB,EAAA,CACT,MAAOzB,EACP,MAAOJ,EACP,MAAO,IAAM,QACTc,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH"}

package/dist/esm/components/EvTextarea/EvTextarea.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvTextarea.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvTextarea.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvTextarea.vue2.mjs.map

package/dist/esm/components/EvTextfield/EvTextfield.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../composables/icons.mjs"),r=require("../../composables/validation.mjs"),t=require("../../composables/component.mjs"),n=require("../EvLabel/EvLabel.mjs"),e=require("../../util/appearance.mjs"),a=require("../../util/props.mjs"),p=a.propsFactory({autocomplete:String,autofocus:Boolean,autoselect:Boolean,clearable:Boolean,dataFormType:String,iconStart:o.IconProp,iconEnd:o.IconProp,loading:Boolean,placeholder:String,prefix:String,role:String,rounded:Boolean,suffix:String,type:{type:String,default:"text"},monospace:Boolean,...n.makeLabelProps(),...e.makeTextAlignProps(),...r.makeFormFieldProps(),...e.makeInputAppearanceProps(),...e.makeInputSizeProps(),...t.makeComponentProps()},"EvTextfield");exports.makeEvTextfieldProps=p;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../composables/icons.mjs"),r=require("../../composables/validation.mjs"),t=require("../../composables/component.mjs"),n=require("../EvLabel/EvLabel.mjs"),e=require("../../util/appearance.mjs"),a=require("../../util/props.mjs"),p=a.propsFactory({autocomplete:String,autofocus:Boolean,autoselect:Boolean,clearable:Boolean,dataFormType:String,iconStart:o.IconProp,iconEnd:o.IconProp,loading:Boolean,placeholder:String,prefix:String,role:String,rounded:Boolean,suffix:String,type:{type:String,default:"text"},monospace:Boolean,...n.makeLabelProps(),...e.makeTextAlignProps(),...r.makeFormFieldProps(),...e.makeInputAppearanceProps(),...e.makeInputSizeProps(),...t.makeComponentProps()},"EvTextfield");exports.makeEvTextfieldProps=p;
 //# sourceMappingURL=EvTextfield.mjs.map

package/dist/esm/components/EvTextfield/EvTextfield.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                   */const M=require("./EvTextfield.mjs"),k=require("../EvIcon/EvIcon.mjs"),d=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const P=require("../../icons/glyph/CancelIcon.svg.mjs"),D=require("../../composables/focus.mjs"),I=require("../EvLabel/EvLabel.vue.mjs"),F=require("../EvErrors/EvErrors.vue.mjs"),z=require("../EvProgress/EvProgress.vue.mjs"),R=require("../EvProgressCircular/EvProgressCircular.vue.mjs"),$=require("../../composables/validation.mjs"),l=require("../../util/appearance.mjs"),L=require("../../util/helpers.mjs"),f=require("../../util/modifiers.mjs"),O={key:0,class:"ev-textfield--label"},j=["role"],U={key:0,class:"ev-textfield--icon-start"},G={key:1,class:"ev-textfield--prefix"},H={class:"ev-textfield--input","data-no-activator":""},J=["id","type","name","disabled","readonly","autofocus","placeholder","autocomplete","data-form-type"],K={key:0,class:"ev-textfield--clearable"},Q={key:2,class:"ev-textfield--suffix"},W={key:3,class:"ev-textfield--icon-end"},X={key:4,class:"ev-textfield--loader"},Y={key:1,class:"ev-textfield--errors"},Z=e.defineComponent({inheritAttrs:!1,__name:"EvTextfield",props:{...M.makeEvTextfieldProps()},emits:["click:clear","click:control","click:outside","mousedown:control","update:focused","update:modelValue"],setup(y,{expose:g,emit:a}){const t=y,s=e.useSlots(),x=e.useAttrs(),h=e.ref(null),u=e.ref(null),[C,E]=L.splitInputAttrs(x),n=$.useFormField(t),B=e.computed(()=>t.clearable&&!!n.value),p=k.useIcon(t,"iconStart"),m=k.useIcon(t,"iconEnd");function c(){return u.value}function V(o){var r;o.stopPropagation(),e.nextTick(()=>{n.value=null,a("click:clear",o)}),t.readonly||(r=c())==null||r.focus()}function N(o){o.preventDefault(),o.stopPropagation()}function v(o){var r;n.focus(o),t.autoselect&&((r=c())==null||r.select())}function b(o){var r;(r=u.value)==null||r.focus(o),a("click:control",o)}function q(o){a("mousedown:control",o),o.target!==u.value&&(v(),o.preventDefault())}const S=D.useAutofocus(t);g({field:n,input:u,focus:()=>{var o;(o=c())==null||o.focus()}});function w(o){a("click:outside")}const _=e.computed(()=>t.autocomplete||"off"),A=e.computed(()=>{var o;return t.dataFormType||((o=_.value)==null?void 0:o.toLowerCase())==="off"?"other":void 0});return(o,r)=>{const T=e.resolveDirective("click-outside");return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"containerRef",ref:h,class:["ev-textfield",{"is-loading":t.loading},e.unref(n).classes,t.class],style:t.style},e.unref(C)),[t.label||e.unref(s).label||t.hint?(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(e.unref(I.default),{for:e.unref(n).id,title:t.label,hint:t.hint},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"label")]),_:3},8,["for","title","hint"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["ev-textfield--control",{"is-rounded":t.rounded,"is-monospace":!!t.monospace},e.unref(f.appearanceModifier)(t.appearance,[e.unref(l.InputAppearance).default]),e.unref(f.sizeModifier)(t.size,[e.unref(l.InputSize).default]),e.unref(f.makeClassName)(t.align,"is-align",[e.unref(l.TextAlign).default])]),role:t.role,onClick:b,onMousedown:q},[e.unref(p)?(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(e.Transition,{name:"fade-in-out",mode:"out-in"},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(e.unref(R.default),{key:1,indeterminate:"",appearance:e.unref(n).isFocused?e.unref(l.Appearance).notice:e.unref(l.Appearance).default},null,8,["appearance"])):(e.openBlock(),e.createBlock(e.unref(d.default),{key:0,glyph:e.unref(p)},null,8,["glyph"]))]),_:1})])):e.createCommentVNode("",!0),t.prefix||e.unref(s).prefix?(e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(o.$slots,"prefix",{},()=>[e.createTextVNode(e.toDisplayString(t.prefix),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.renderSlot(o.$slots,"default"),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(n).id,ref_key:"inputRef",ref:u,"onUpdate:modelValue":r[0]||(r[0]=i=>e.unref(n).value=i),class:"ev-textfield--input-native",type:t.type,name:e.unref(n).name,disabled:e.unref(n).isDisabled,readonly:e.unref(n).isReadonly,autofocus:t.autofocus,placeholder:t.placeholder,autocomplete:_.value,"data-form-type":A.value},e.unref(E),{onFocus:v,onBlur:r[1]||(r[1]=(...i)=>e.unref(n).blur&&e.unref(n).blur(...i))}),null,16,J),[[e.vModelDynamic,e.unref(n).value],[e.unref(S)]])]),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[B.value?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(e.unref(d.default),{glyph:e.unref(P.default),onClick:V,onMousedown:N},null,8,["glyph"])])):e.createCommentVNode("",!0)]),_:1}),t.suffix||e.unref(s).suffix?(e.openBlock(),e.createElementBlock("div",Q,[e.renderSlot(o.$slots,"suffix",{},()=>[e.createTextVNode(e.toDisplayString(t.suffix),1)])])):e.createCommentVNode("",!0),e.unref(m)?(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(e.unref(d.default),{glyph:e.unref(m)},null,8,["glyph"])])):e.createCommentVNode("",!0),t.loading&&!t.iconStart?(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(e.unref(z.default),{indeterminate:"",appearance:e.unref(n).isFocused?e.unref(l.Appearance).notice:e.unref(l.Appearance).default,size:2},null,8,["appearance"])])):e.createCommentVNode("",!0)],42,j),e.unref(n).isShowErrorMessages?(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(F.default),{messages:e.unref(n).errorMessages},null,8,["messages"])])):e.createCommentVNode("",!0)],16)),[[T,w]])}}});exports.default=Z;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                   */const D=require("./EvTextfield.mjs"),k=require("../EvIcon/EvIcon.mjs"),d=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const I=require("../../icons/glyph/CancelIcon.svg.mjs"),M=require("../../composables/focus.mjs"),P=require("../EvLabel/EvLabel.vue.mjs"),F=require("../EvErrors/EvErrors.vue.mjs"),z=require("../EvProgress/EvProgress.vue.mjs"),R=require("../EvProgressCircular/EvProgressCircular.vue.mjs"),$=require("../../composables/validation.mjs"),l=require("../../util/appearance.mjs"),L=require("../../util/helpers.mjs"),f=require("../../util/modifiers.mjs"),O={key:0,class:"ev-textfield--label"},U=["role"],j={key:0,class:"ev-textfield--icon-start"},G={key:1,class:"ev-textfield--prefix"},H={class:"ev-textfield--input","data-no-activator":""},J=["id","type","name","disabled","readonly","autofocus","placeholder","autocomplete","data-form-type"],K={key:0,class:"ev-textfield--clearable"},Q={key:2,class:"ev-textfield--suffix"},W={key:3,class:"ev-textfield--icon-end"},X={key:4,class:"ev-textfield--loader"},Y={key:1,class:"ev-textfield--errors"},Z=e.defineComponent({inheritAttrs:!1,__name:"EvTextfield",props:{...D.makeEvTextfieldProps()},emits:["click:clear","click:control","click:outside","mousedown:control","update:focused","update:modelValue"],setup(y,{expose:g,emit:u}){const t=y,a=e.useSlots(),x=e.useAttrs(),h=e.ref(null),s=e.ref(null),[C,E]=L.splitInputAttrs(x),n=$.useFormField(t),B=e.computed(()=>t.clearable&&!!n.value),p=k.useIcon(t,"iconStart"),m=k.useIcon(t,"iconEnd");function c(){return s.value}function V(o){var r;o.stopPropagation(),e.nextTick(()=>{n.value=null,u("click:clear",o)}),t.readonly||(r=c())==null||r.focus()}function N(o){o.preventDefault(),o.stopPropagation()}function v(o){var r;n.focus(o),t.autoselect&&((r=c())==null||r.select())}function b(o){var r;(r=s.value)==null||r.focus(o),u("click:control",o)}function q(o){u("mousedown:control",o),o.target!==s.value&&(v(),o.preventDefault())}const w=M.useAutofocus(t);g({field:n,input:s,focus:()=>{var o;(o=c())==null||o.focus()}});function A(o){u("click:outside")}const _=e.computed(()=>t.autocomplete||"off"),S=e.computed(()=>{var o;return t.dataFormType||((o=_.value)==null?void 0:o.toLowerCase())==="off"?"other":void 0});return(o,r)=>{const T=e.resolveDirective("click-outside");return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"containerRef",ref:h,class:["ev-textfield",{"is-loading":t.loading},e.unref(n).classes,t.class],style:t.style},e.unref(C)),[t.label||e.unref(a).label||t.hint?(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(e.unref(P),{for:e.unref(n).id,title:t.label,hint:t.hint},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"label")]),_:3},8,["for","title","hint"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["ev-textfield--control",{"is-rounded":t.rounded,"is-monospace":!!t.monospace},e.unref(f.appearanceModifier)(t.appearance,[e.unref(l.InputAppearance).default]),e.unref(f.sizeModifier)(t.size,[e.unref(l.InputSize).default]),e.unref(f.makeClassName)(t.align,"is-align",[e.unref(l.TextAlign).default])]),role:t.role,onClick:b,onMousedown:q},[e.unref(p)?(e.openBlock(),e.createElementBlock("div",j,[e.createVNode(e.Transition,{name:"fade-in-out",mode:"out-in"},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(e.unref(R),{key:1,indeterminate:"",appearance:e.unref(n).isFocused?e.unref(l.Appearance).notice:e.unref(l.Appearance).default},null,8,["appearance"])):(e.openBlock(),e.createBlock(e.unref(d),{key:0,glyph:e.unref(p)},null,8,["glyph"]))]),_:1})])):e.createCommentVNode("",!0),t.prefix||e.unref(a).prefix?(e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(o.$slots,"prefix",{},()=>[e.createTextVNode(e.toDisplayString(t.prefix),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.renderSlot(o.$slots,"default"),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(n).id,ref_key:"inputRef",ref:s,"onUpdate:modelValue":r[0]||(r[0]=i=>e.unref(n).value=i),class:"ev-textfield--input-native",type:t.type,name:e.unref(n).name,disabled:e.unref(n).isDisabled,readonly:e.unref(n).isReadonly,autofocus:t.autofocus,placeholder:t.placeholder,autocomplete:_.value,"data-form-type":S.value},e.unref(E),{onFocus:v,onBlur:r[1]||(r[1]=(...i)=>e.unref(n).blur&&e.unref(n).blur(...i))}),null,16,J),[[e.vModelDynamic,e.unref(n).value],[e.unref(w)]])]),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[B.value?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(e.unref(d),{glyph:e.unref(I.default),onClick:V,onMousedown:N},null,8,["glyph"])])):e.createCommentVNode("",!0)]),_:1}),t.suffix||e.unref(a).suffix?(e.openBlock(),e.createElementBlock("div",Q,[e.renderSlot(o.$slots,"suffix",{},()=>[e.createTextVNode(e.toDisplayString(t.suffix),1)])])):e.createCommentVNode("",!0),e.unref(m)?(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(e.unref(d),{glyph:e.unref(m)},null,8,["glyph"])])):e.createCommentVNode("",!0),t.loading&&!t.iconStart?(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(e.unref(z),{indeterminate:"",appearance:e.unref(n).isFocused?e.unref(l.Appearance).notice:e.unref(l.Appearance).default,size:2},null,8,["appearance"])])):e.createCommentVNode("",!0)],42,U),e.unref(n).isShowErrorMessages?(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(F),{messages:e.unref(n).errorMessages},null,8,["messages"])])):e.createCommentVNode("",!0)],16)),[[T,A]])}}});module.exports=Z;
 //# sourceMappingURL=EvTextfield.vue.mjs.map

package/dist/esm/components/EvTextfield/EvTextfield.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvTextfield.vue.mjs","sources":["../../../../src/components/EvTextfield/EvTextfield.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/*\r\n # `<ev-textfield>`\r\n /\r\nimport \"./EvTextfield.scss\";\r\nimport { makeEvTextfieldProps } from \"./EvTextfield\";\r\nimport { computed, nextTick, ref, useAttrs } from \"vue\";\r\nimport { EvIcon, useIcon } from \"@/components/EvIcon\";\r\nimport { CancelIcon } from \"@/icons\";\r\nimport {\r\n Appearance,\r\n appearanceModifier,\r\n InputAppearance,\r\n InputSize,\r\n makeClassName,\r\n sizeModifier,\r\n splitInputAttrs,\r\n TextAlign,\r\n} from \"@/util\";\r\nimport { useAutofocus } from \"@/composables/focus\";\r\nimport { EvLabel } from \"@/components/EvLabel\";\r\nimport { EvErrors } from \"@/components/EvErrors\";\r\nimport { EvProgress } from \"@/components/EvProgress\";\r\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\r\nimport { useFormField } from \"@/composables/validation\";\r\n\r\n/\r\n We want to pass attributes not defined as 'props'\r\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\r\n /\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\n// Props & slots\r\nconst props = defineProps({\r\n ...makeEvTextfieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n label(): never;\r\n prefix(): never;\r\n default(): never;\r\n suffix(): never;\r\n}>();\r\n\r\n// Emit\r\nconst emit = defineEmits([\r\n \"click:clear\",\r\n \"click:control\",\r\n \"click:outside\",\r\n \"mousedown:control\",\r\n \"update:focused\",\r\n \"update:modelValue\",\r\n]);\r\n\r\nconst attrs = useAttrs();\r\nconst containerRef = ref<HTMLElement \| null>(null);\r\nconst inputRef = ref<HTMLInputElement \| null>(null);\r\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\r\nconst formField = useFormField(props);\r\nconst isClearable = computed(() => {\r\n return props.clearable && !!formField.value;\r\n});\r\nconst iconStart = useIcon(props, \"iconStart\");\r\nconst iconEnd = useIcon(props, \"iconEnd\");\r\n\r\n/\r\n ## Get Input Element\r\n /\r\nfunction getInputElement(): HTMLInputElement \| null {\r\n return inputRef.value;\r\n}\r\n\r\n/\r\n ## On Clearable Click\r\n * @param $event\r\n /\r\nfunction onClearableClick($event: MouseEvent) {\r\n $event.stopPropagation();\r\n nextTick(() => {\r\n formField.value = null;\r\n emit(\"click:clear\", $event);\r\n });\r\n if (!props.readonly) {\r\n getInputElement()?.focus();\r\n }\r\n}\r\n\r\n/\r\n ## On Clearable Mousedown\r\n * @param e\r\n /\r\nfunction onClearableMousedown(e: MouseEvent) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n}\r\n\r\n/\r\n ## On Focus\r\n * @param e\r\n /\r\nfunction onFocus(e?: Event) {\r\n formField.focus(e);\r\n if (props.autoselect) {\r\n getInputElement()?.select();\r\n }\r\n}\r\n\r\n/\r\n ## On Control Click\r\n \r\n When the user clicks on the textfield.\r\n \r\n @param e\r\n /\r\nfunction onControlClick(e: MouseEvent) {\r\n inputRef.value?.focus(e as FocusOptions);\r\n emit(\"click:control\", e);\r\n}\r\n\r\n/\r\n ## On Control Mousedown\r\n \r\n When the mousedown is triggered on the textfield.\r\n \r\n @param e\r\n /\r\nfunction onControlMousedown(e: MouseEvent) {\r\n emit(\"mousedown:control\", e);\r\n if (e.target === inputRef.value) {\r\n return;\r\n }\r\n onFocus();\r\n e.preventDefault();\r\n}\r\n\r\n/\r\n ## Directive `v-autofocus`\r\n /\r\nconst vAutofocus = useAutofocus(props);\r\n\r\n/\r\n ## Expose stuff\r\n */\r\ndefineExpose({\r\n field: formField,\r\n input: inputRef,\r\n focus: () => {\r\n getInputElement()?.focus();\r\n },\r\n});\r\n\r\nfunction onClickOutside(e: MouseEvent) {\r\n emit(\"click:outside\");\r\n}\r\n\r\nconst autocompleteProp = computed(() => {\r\n return props.autocomplete \|\| \"off\";\r\n});\r\n\r\nconst dataFormTypeProp = computed(() => {\r\n return props.dataFormType \|\| autocompleteProp.value?.toLowerCase() === \"off\"\r\n ? \"other\"\r\n : undefined;\r\n});\r\n</script>\r\n\r\n<template>\r\n <div\r\n ref=\"containerRef\"\r\n v-click-outside=\"onClickOutside\"\r\n :class=\"[\r\n 'ev-textfield',\r\n {\r\n 'is-loading': props.loading,\r\n },\r\n formField.classes,\r\n props.class,\r\n ]\"\r\n :style=\"props.style\"\r\n v-bind=\"containerAttrs\">\r\n <div\r\n v-if=\"props.label \|\| slots.label \|\| props.hint\"\r\n class=\"ev-textfield--label\">\r\n <ev-label\r\n :for=\"formField.id\"\r\n :title=\"props.label\"\r\n :hint=\"props.hint\">\r\n <slot name=\"label\" />\r\n </ev-label>\r\n </div>\r\n\r\n <div\r\n :class=\"[\r\n 'ev-textfield--control',\r\n {\r\n 'is-rounded': props.rounded,\r\n 'is-monospace': !!props.monospace,\r\n },\r\n appearanceModifier(props.appearance, [InputAppearance.default]),\r\n sizeModifier(props.size, [InputSize.default]),\r\n makeClassName(props.align, 'is-align', [TextAlign.default]),\r\n ]\"\r\n :role=\"props.role\"\r\n @click=\"onControlClick\"\r\n @mousedown=\"onControlMousedown\">\r\n <div v-if=\"iconStart\" class=\"ev-textfield--icon-start\">\r\n <transition name=\"fade-in-out\" mode=\"out-in\">\r\n <ev-icon v-if=\"!props.loading\" :glyph=\"iconStart\" />\r\n <ev-progress-circular\r\n v-else\r\n indeterminate\r\n :appearance=\"\r\n formField.isFocused\r\n ? Appearance.notice\r\n : Appearance.default\r\n \" />\r\n </transition>\r\n </div>\r\n <div\r\n v-if=\"props.prefix \|\| slots.prefix\"\r\n class=\"ev-textfield--prefix\">\r\n <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n </div>\r\n <div class=\"ev-textfield--input\" data-no-activator>\r\n <slot name=\"default\" />\r\n <input\r\n :id=\"formField.id\"\r\n ref=\"inputRef\"\r\n v-model=\"formField.value\"\r\n v-autofocus\r\n class=\"ev-textfield--input-native\"\r\n :type=\"props.type\"\r\n :name=\"formField.name\"\r\n :disabled=\"formField.isDisabled\"\r\n :readonly=\"formField.isReadonly\"\r\n :autofocus=\"props.autofocus\"\r\n :placeholder=\"props.placeholder\"\r\n :autocomplete=\"autocompleteProp\"\r\n :data-form-type=\"dataFormTypeProp\"\r\n v-bind=\"inputAttrs\"\r\n @focus=\"onFocus\"\r\n @blur=\"formField.blur\" />\r\n </div>\r\n <transition name=\"slide-fade\">\r\n <div v-if=\"isClearable\" class=\"ev-textfield--clearable\">\r\n <ev-icon\r\n :glyph=\"CancelIcon\"\r\n @click=\"onClearableClick\"\r\n @mousedown=\"onClearableMousedown\" />\r\n </div>\r\n </transition>\r\n <div\r\n v-if=\"props.suffix \|\| slots.suffix\"\r\n class=\"ev-textfield--suffix\">\r\n <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n </div>\r\n <div v-if=\"iconEnd\" class=\"ev-textfield--icon-end\">\r\n <ev-icon :glyph=\"iconEnd\" />\r\n </div>\r\n <div\r\n v-if=\"props.loading && !props.iconStart\"\r\n class=\"ev-textfield--loader\">\r\n <ev-progress\r\n indeterminate\r\n :appearance=\"\r\n formField.isFocused\r\n ? Appearance.notice\r\n : Appearance.default\r\n \"\r\n :size=\"2\" />\r\n </div>\r\n </div>\r\n\r\n <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textfield--errors\">\r\n <ev-errors :messages=\"formField.errorMessages\" />\r\n </div>\r\n </div>\r\n</template>\r\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","iconStart","useIcon","iconEnd","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","e","onFocus","onControlClick","onControlMousedown","vAutofocus","useAutofocus","__expose","onClickOutside","autocompleteProp","dataFormTypeProp"],"mappings":"s/CAsCMA,EAAQC,EAAAA,SAAA,EAiBRC,EAAQC,EAAAA,SAAS,EACjBC,EAAeC,MAAwB,IAAI,EAC3CC,EAAWD,MAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,EAAAA,gBAAgBP,CAAK,EACpDQ,EAAYC,eAAaC,CAAK,EAC9BC,EAAcC,EAAAA,SAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EACKK,EAAYC,EAAAA,QAAQJ,EAAO,WAAW,EACtCK,EAAUD,EAAAA,QAAQJ,EAAO,SAAS,EAKxC,SAASM,GAA2C,CAChD,OAAOZ,EAAS,KAAA,CAOpB,SAASa,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAAA,SAAS,IAAM,CACXX,EAAU,MAAQ,KAClBY,EAAK,cAAeF,CAAM,CAAA,CAC7B,EACIR,EAAM,WACPW,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OACvB,CAOJ,SAASC,EAAqBC,EAAe,CACzCA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQD,EAAW,OACxBf,EAAU,MAAMe,CAAC,EACbb,EAAM,cACNW,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASI,EAAeF,EAAe,QAC1BF,EAAAjB,EAAA,QAAA,MAAAiB,EAAO,MAAME,GACtBH,EAAK,gBAAiBG,CAAC,CAAA,CAU3B,SAASG,EAAmBH,EAAe,CACvCH,EAAK,oBAAqBG,CAAC,EACvBA,EAAE,SAAWnB,EAAS,QAGlBoB,EAAA,EACRD,EAAE,eAAe,EAAA,CAMf,MAAAI,EAAaC,eAAalB,CAAK,EAKxBmB,EAAA,CACT,MAAOrB,EACP,MAAOJ,EACP,MAAO,IAAM,QACTiB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH,EAED,SAASS,EAAeP,EAAe,CACnCH,EAAK,eAAe,CAAA,CAGlB,MAAAW,EAAmBnB,EAAAA,SAAS,IACvBF,EAAM,cAAgB,KAChC,EAEKsB,EAAmBpB,EAAAA,SAAS,IAAM,OACpC,OAAOF,EAAM,gBAAgBW,EAAAU,EAAiB,QAAjB,YAAAV,EAAwB,iBAAkB,MACjE,QACA,MAAA,CACT"}
1	+ {"version":3,"file":"EvTextfield.vue.mjs","sources":["../../../../src/components/EvTextfield/EvTextfield.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/*\r\n # `<ev-textfield>`\r\n /\r\nimport \"./EvTextfield.scss\";\r\nimport { makeEvTextfieldProps } from \"./EvTextfield\";\r\nimport { computed, nextTick, ref, useAttrs } from \"vue\";\r\nimport { EvIcon, useIcon } from \"@/components/EvIcon\";\r\nimport { CancelIcon } from \"@/icons\";\r\nimport {\r\n Appearance,\r\n appearanceModifier,\r\n InputAppearance,\r\n InputSize,\r\n makeClassName,\r\n sizeModifier,\r\n splitInputAttrs,\r\n TextAlign,\r\n} from \"@/util\";\r\nimport { useAutofocus } from \"@/composables/focus\";\r\nimport { EvLabel } from \"@/components/EvLabel\";\r\nimport { EvErrors } from \"@/components/EvErrors\";\r\nimport { EvProgress } from \"@/components/EvProgress\";\r\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\r\nimport { useFormField } from \"@/composables/validation\";\r\n\r\n/\r\n We want to pass attributes not defined as 'props'\r\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\r\n /\r\ndefineOptions({\r\n inheritAttrs: false,\r\n});\r\n\r\n// Props & slots\r\nconst props = defineProps({\r\n ...makeEvTextfieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n label(): never;\r\n prefix(): never;\r\n default(): never;\r\n suffix(): never;\r\n}>();\r\n\r\n// Emit\r\nconst emit = defineEmits([\r\n \"click:clear\",\r\n \"click:control\",\r\n \"click:outside\",\r\n \"mousedown:control\",\r\n \"update:focused\",\r\n \"update:modelValue\",\r\n]);\r\n\r\nconst attrs = useAttrs();\r\nconst containerRef = ref<HTMLElement \| null>(null);\r\nconst inputRef = ref<HTMLInputElement \| null>(null);\r\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\r\nconst formField = useFormField(props);\r\nconst isClearable = computed(() => {\r\n return props.clearable && !!formField.value;\r\n});\r\nconst iconStart = useIcon(props, \"iconStart\");\r\nconst iconEnd = useIcon(props, \"iconEnd\");\r\n\r\n/\r\n ## Get Input Element\r\n /\r\nfunction getInputElement(): HTMLInputElement \| null {\r\n return inputRef.value;\r\n}\r\n\r\n/\r\n ## On Clearable Click\r\n * @param $event\r\n /\r\nfunction onClearableClick($event: MouseEvent) {\r\n $event.stopPropagation();\r\n nextTick(() => {\r\n formField.value = null;\r\n emit(\"click:clear\", $event);\r\n });\r\n if (!props.readonly) {\r\n getInputElement()?.focus();\r\n }\r\n}\r\n\r\n/\r\n ## On Clearable Mousedown\r\n * @param e\r\n /\r\nfunction onClearableMousedown(e: MouseEvent) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n}\r\n\r\n/\r\n ## On Focus\r\n * @param e\r\n /\r\nfunction onFocus(e?: Event) {\r\n formField.focus(e);\r\n if (props.autoselect) {\r\n getInputElement()?.select();\r\n }\r\n}\r\n\r\n/\r\n ## On Control Click\r\n \r\n When the user clicks on the textfield.\r\n \r\n @param e\r\n /\r\nfunction onControlClick(e: MouseEvent) {\r\n inputRef.value?.focus(e as FocusOptions);\r\n emit(\"click:control\", e);\r\n}\r\n\r\n/\r\n ## On Control Mousedown\r\n \r\n When the mousedown is triggered on the textfield.\r\n \r\n @param e\r\n /\r\nfunction onControlMousedown(e: MouseEvent) {\r\n emit(\"mousedown:control\", e);\r\n if (e.target === inputRef.value) {\r\n return;\r\n }\r\n onFocus();\r\n e.preventDefault();\r\n}\r\n\r\n/\r\n ## Directive `v-autofocus`\r\n /\r\nconst vAutofocus = useAutofocus(props);\r\n\r\n/\r\n ## Expose stuff\r\n */\r\ndefineExpose({\r\n field: formField,\r\n input: inputRef,\r\n focus: () => {\r\n getInputElement()?.focus();\r\n },\r\n});\r\n\r\nfunction onClickOutside(e: MouseEvent) {\r\n emit(\"click:outside\");\r\n}\r\n\r\nconst autocompleteProp = computed(() => {\r\n return props.autocomplete \|\| \"off\";\r\n});\r\n\r\nconst dataFormTypeProp = computed(() => {\r\n return props.dataFormType \|\| autocompleteProp.value?.toLowerCase() === \"off\"\r\n ? \"other\"\r\n : undefined;\r\n});\r\n</script>\r\n\r\n<template>\r\n <div\r\n ref=\"containerRef\"\r\n v-click-outside=\"onClickOutside\"\r\n :class=\"[\r\n 'ev-textfield',\r\n {\r\n 'is-loading': props.loading,\r\n },\r\n formField.classes,\r\n props.class,\r\n ]\"\r\n :style=\"props.style\"\r\n v-bind=\"containerAttrs\">\r\n <div\r\n v-if=\"props.label \|\| slots.label \|\| props.hint\"\r\n class=\"ev-textfield--label\">\r\n <ev-label\r\n :for=\"formField.id\"\r\n :title=\"props.label\"\r\n :hint=\"props.hint\">\r\n <slot name=\"label\" />\r\n </ev-label>\r\n </div>\r\n\r\n <div\r\n :class=\"[\r\n 'ev-textfield--control',\r\n {\r\n 'is-rounded': props.rounded,\r\n 'is-monospace': !!props.monospace,\r\n },\r\n appearanceModifier(props.appearance, [InputAppearance.default]),\r\n sizeModifier(props.size, [InputSize.default]),\r\n makeClassName(props.align, 'is-align', [TextAlign.default]),\r\n ]\"\r\n :role=\"props.role\"\r\n @click=\"onControlClick\"\r\n @mousedown=\"onControlMousedown\">\r\n <div v-if=\"iconStart\" class=\"ev-textfield--icon-start\">\r\n <transition name=\"fade-in-out\" mode=\"out-in\">\r\n <ev-icon v-if=\"!props.loading\" :glyph=\"iconStart\" />\r\n <ev-progress-circular\r\n v-else\r\n indeterminate\r\n :appearance=\"\r\n formField.isFocused\r\n ? Appearance.notice\r\n : Appearance.default\r\n \" />\r\n </transition>\r\n </div>\r\n <div\r\n v-if=\"props.prefix \|\| slots.prefix\"\r\n class=\"ev-textfield--prefix\">\r\n <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n </div>\r\n <div class=\"ev-textfield--input\" data-no-activator>\r\n <slot name=\"default\" />\r\n <input\r\n :id=\"formField.id\"\r\n ref=\"inputRef\"\r\n v-model=\"formField.value\"\r\n v-autofocus\r\n class=\"ev-textfield--input-native\"\r\n :type=\"props.type\"\r\n :name=\"formField.name\"\r\n :disabled=\"formField.isDisabled\"\r\n :readonly=\"formField.isReadonly\"\r\n :autofocus=\"props.autofocus\"\r\n :placeholder=\"props.placeholder\"\r\n :autocomplete=\"autocompleteProp\"\r\n :data-form-type=\"dataFormTypeProp\"\r\n v-bind=\"inputAttrs\"\r\n @focus=\"onFocus\"\r\n @blur=\"formField.blur\" />\r\n </div>\r\n <transition name=\"slide-fade\">\r\n <div v-if=\"isClearable\" class=\"ev-textfield--clearable\">\r\n <ev-icon\r\n :glyph=\"CancelIcon\"\r\n @click=\"onClearableClick\"\r\n @mousedown=\"onClearableMousedown\" />\r\n </div>\r\n </transition>\r\n <div\r\n v-if=\"props.suffix \|\| slots.suffix\"\r\n class=\"ev-textfield--suffix\">\r\n <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n </div>\r\n <div v-if=\"iconEnd\" class=\"ev-textfield--icon-end\">\r\n <ev-icon :glyph=\"iconEnd\" />\r\n </div>\r\n <div\r\n v-if=\"props.loading && !props.iconStart\"\r\n class=\"ev-textfield--loader\">\r\n <ev-progress\r\n indeterminate\r\n :appearance=\"\r\n formField.isFocused\r\n ? Appearance.notice\r\n : Appearance.default\r\n \"\r\n :size=\"2\" />\r\n </div>\r\n </div>\r\n\r\n <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textfield--errors\">\r\n <ev-errors :messages=\"formField.errorMessages\" />\r\n </div>\r\n </div>\r\n</template>\r\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","iconStart","useIcon","iconEnd","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","e","onFocus","onControlClick","onControlMousedown","vAutofocus","useAutofocus","__expose","onClickOutside","autocompleteProp","dataFormTypeProp"],"mappings":"u5CAsCMA,EAAQC,EAAAA,SAAA,EAiBRC,EAAQC,EAAAA,SAAS,EACjBC,EAAeC,MAAwB,IAAI,EAC3CC,EAAWD,MAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,EAAAA,gBAAgBP,CAAK,EACpDQ,EAAYC,eAAaC,CAAK,EAC9BC,EAAcC,EAAAA,SAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EACKK,EAAYC,EAAAA,QAAQJ,EAAO,WAAW,EACtCK,EAAUD,EAAAA,QAAQJ,EAAO,SAAS,EAKxC,SAASM,GAA2C,CAChD,OAAOZ,EAAS,KAAA,CAOpB,SAASa,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAAA,SAAS,IAAM,CACXX,EAAU,MAAQ,KAClBY,EAAK,cAAeF,CAAM,CAAA,CAC7B,EACIR,EAAM,WACPW,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OACvB,CAOJ,SAASC,EAAqBC,EAAe,CACzCA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQD,EAAW,OACxBf,EAAU,MAAMe,CAAC,EACbb,EAAM,cACNW,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASI,EAAeF,EAAe,QAC1BF,EAAAjB,EAAA,QAAA,MAAAiB,EAAO,MAAME,GACtBH,EAAK,gBAAiBG,CAAC,CAAA,CAU3B,SAASG,EAAmBH,EAAe,CACvCH,EAAK,oBAAqBG,CAAC,EACvBA,EAAE,SAAWnB,EAAS,QAGlBoB,EAAA,EACRD,EAAE,eAAe,EAAA,CAMf,MAAAI,EAAaC,eAAalB,CAAK,EAKxBmB,EAAA,CACT,MAAOrB,EACP,MAAOJ,EACP,MAAO,IAAM,QACTiB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH,EAED,SAASS,EAAeP,EAAe,CACnCH,EAAK,eAAe,CAAA,CAGlB,MAAAW,EAAmBnB,EAAAA,SAAS,IACvBF,EAAM,cAAgB,KAChC,EAEKsB,EAAmBpB,EAAAA,SAAS,IAAM,OACpC,OAAOF,EAAM,gBAAgBW,EAAAU,EAAiB,QAAjB,YAAAV,EAAwB,iBAAkB,MACjE,QACA,MAAA,CACT"}

package/dist/esm/components/EvTextfield/EvTextfield.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvTextfield.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvTextfield.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvTextfield.vue2.mjs.map

package/dist/esm/components/EvThumbnail/EvThumbnail.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvImg/EvImg.mjs"),r=require("../../composables/rounded.mjs"),o=require("../../composables/component.mjs"),t=require("../../util/props.mjs"),s={defaults:{inline:!0,aspectRatio:1},"xx-small":{height:24,rounded:"x-small"},"x-small":{height:36,rounded:"x-small"},small:{height:48,rounded:"small"},medium:{height:64,rounded:"small"},large:{height:96,rounded:"medium"},"x-large":{height:128,rounded:"large"},"xx-large":{height:256,rounded:"large"}},l=t.propsFactory({size:String,...e.makeEvImgProps(),...r.makeRoundedProps(),...o.makeComponentProps()},"EvThumbnail");exports.makeEvThumbnailProps=l;exports.thumbnailPresets=s;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvImg/EvImg.mjs"),r=require("../../composables/rounded.mjs"),o=require("../../composables/component.mjs"),t=require("../../util/props.mjs"),s={defaults:{inline:!0,aspectRatio:1},"xx-small":{height:24,rounded:"x-small"},"x-small":{height:36,rounded:"x-small"},small:{height:48,rounded:"small"},medium:{height:64,rounded:"small"},large:{height:96,rounded:"medium"},"x-large":{height:128,rounded:"large"},"xx-large":{height:256,rounded:"large"}},l=t.propsFactory({size:String,...e.makeEvImgProps(),...r.makeRoundedProps(),...o.makeComponentProps()},"EvThumbnail");exports.makeEvThumbnailProps=l;exports.thumbnailPresets=s;
 //# sourceMappingURL=EvThumbnail.mjs.map

package/dist/esm/components/EvThumbnail/EvThumbnail.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                   */const n=require("./EvThumbnail.mjs"),i=require("../EvImg/EvImg.vue.mjs"),m=require("../../composables/rounded.mjs"),v=require("../../icons/glyph/DangerIcon.svg.mjs"),q=require("../../icons/glyph/ImageIcon.svg.mjs"),l=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const y=require("../EvSkeleton/EvSkeleton.vue.mjs"),b=require("../../composables/aspectRatio.mjs"),c=require("../../util/helpers.mjs"),C=e.defineComponent({__name:"EvThumbnail",props:{...n.makeEvThumbnailProps()},setup(p){const r=p,d=e.useSlots(),o=e.computed(()=>{if(!r.size)return r;const u=n.thumbnailPresets[r.size]??{},a=n.thumbnailPresets.defaults,t=c.applyDefaults(r,{...a,...u});if(!t.width&&t.aspectRatio&&t.height){const s=b.parseAspectRatio(t.aspectRatio);if(s&&isFinite(s)){const _=typeof t.height=="string"?parseFloat(t.height):t.height,g=Math.round(_*s);return{...t,width:g}}}return t}),h=e.computed(()=>c.filterComponentProps(i.default,o.value)),f=e.computed(()=>m.useRounded(o.value).roundedClasses.value);return(u,a)=>(e.openBlock(),e.createBlock(e.unref(i.default),e.mergeProps({class:["ev-thumbnail",f.value]},h.value),e.createSlots({placeholder:e.withCtx(()=>[e.createVNode(e.unref(l.default),{glyph:e.unref(q.default),appearance:"subtle"},null,8,["glyph"])]),loading:e.withCtx(()=>[e.createVNode(e.unref(y.default),{type:"image",width:"100%",height:"100%"})]),error:e.withCtx(()=>[e.createVNode(e.unref(l.default),{glyph:e.unref(v.default),appearance:"danger"},null,8,["glyph"])]),_:2},[e.unref(d).default?{name:"default",fn:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),key:"0"}:void 0]),1040,["class"]))}});exports.default=C;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                   */const u=require("./EvThumbnail.mjs"),i=require("../EvImg/EvImg.vue.mjs"),g=require("../../composables/rounded.mjs"),v=require("../../icons/glyph/DangerIcon.svg.mjs"),q=require("../../icons/glyph/ImageIcon.svg.mjs"),c=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const y=require("../EvSkeleton/EvSkeleton.vue.mjs"),b=require("../../composables/aspectRatio.mjs"),l=require("../../util/helpers.mjs"),C=e.defineComponent({__name:"EvThumbnail",props:{...u.makeEvThumbnailProps()},setup(p){const r=p,d=e.useSlots(),o=e.computed(()=>{if(!r.size)return r;const s=u.thumbnailPresets[r.size]??{},a=u.thumbnailPresets.defaults,t=l.applyDefaults(r,{...a,...s});if(!t.width&&t.aspectRatio&&t.height){const n=b.parseAspectRatio(t.aspectRatio);if(n&&isFinite(n)){const m=typeof t.height=="string"?parseFloat(t.height):t.height,f=Math.round(m*n);return{...t,width:f}}}return t}),h=e.computed(()=>l.filterComponentProps(i,o.value)),_=e.computed(()=>g.useRounded(o.value).roundedClasses.value);return(s,a)=>(e.openBlock(),e.createBlock(e.unref(i),e.mergeProps({class:["ev-thumbnail",_.value]},h.value),e.createSlots({placeholder:e.withCtx(()=>[e.createVNode(e.unref(c),{glyph:e.unref(q.default),appearance:"subtle"},null,8,["glyph"])]),loading:e.withCtx(()=>[e.createVNode(e.unref(y),{type:"image",width:"100%",height:"100%"})]),error:e.withCtx(()=>[e.createVNode(e.unref(c),{glyph:e.unref(v.default),appearance:"danger"},null,8,["glyph"])]),_:2},[e.unref(d).default?{name:"default",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),key:"0"}:void 0]),1040,["class"]))}});module.exports=C;
 //# sourceMappingURL=EvThumbnail.vue.mjs.map

package/dist/esm/components/EvThumbnail/EvThumbnail.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvThumbnail.vue.mjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvThumbnail.scss\";\nimport { makeEvThumbnailProps, thumbnailPresets } from \"./EvThumbnail\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { computed } from \"vue\";\nimport { applyDefaults, filterComponentProps } from \"@/util\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { DangerIcon, ImageIcon } from \"@/icons\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvSkeleton } from \"@/components/EvSkeleton\";\nimport { parseAspectRatio } from \"@/composables/aspectRatio\";\n\nconst props = defineProps({ ...makeEvThumbnailProps() });\nconst slots = defineSlots<{\n default(): never;\n}>();\n\nconst computedProps = computed(() => {\n if (!props.size) {\n return props;\n }\n const presets = thumbnailPresets[props.size] ?? {};\n const defaults = thumbnailPresets.defaults;\n const combined = applyDefaults(props, { ...defaults, ...presets });\n\n if (!combined.width && combined.aspectRatio && combined.height) {\n const aspectRatio = parseAspectRatio(combined.aspectRatio);\n if (aspectRatio && isFinite(aspectRatio)) {\n const numericHeight =\n typeof combined.height === \"string\"\n ? parseFloat(combined.height)\n : combined.height;\n const width = Math.round(numericHeight * aspectRatio);\n return { ...combined, width };\n }\n }\n return combined;\n});\n\nconst imgProps = computed(() =>\n filterComponentProps(EvImg, computedProps.value),\n);\nconst roundedClasses = computed(\n () => useRounded(computedProps.value).roundedClasses.value,\n);\n\n\n</script>\n\n<template>\n <ev-img :class=\"['ev-thumbnail', roundedClasses]\" v-bind=\"imgProps\">\n <template v-if=\"slots.default\" #default>\n <slot />\n </template>\n <template #placeholder>\n <ev-icon :glyph=\"ImageIcon\" appearance=\"subtle\" />\n </template>\n <template #loading>\n <ev-skeleton type=\"image\" width=\"100%\" height=\"100%\" />\n </template>\n <template #error>\n <ev-icon :glyph=\"DangerIcon\" appearance=\"danger\" />\n </template>\n </ev-img>\n</template>\n"],"names":["slots","_useSlots","computedProps","computed","props","presets","thumbnailPresets","defaults","combined","applyDefaults","aspectRatio","parseAspectRatio","numericHeight","width","imgProps","filterComponentProps","EvImg","roundedClasses","useRounded"],"mappings":"~~qtBAaMA~~,EAAQC,EAAAA,WAIRC,EAAgBC,EAAAA,SAAS,IAAM,CAC7B,GAAA,CAACC,EAAM,KACA,OAAAA,EAEX,MAAMC,EAAUC,EAAA,iBAAiBF,EAAM,IAAI,GAAK,CAAC,EAC3CG,EAAWD,EAAAA,iBAAiB,SAC5BE,EAAWC,EAAAA,cAAcL,EAAO,CAAE,GAAGG,EAAU,GAAGF,EAAS,EAEjE,GAAI,CAACG,EAAS,OAASA,EAAS,aAAeA,EAAS,OAAQ,CACtD,MAAAE,EAAcC,EAAAA,iBAAiBH,EAAS,WAAW,EACrD,GAAAE,GAAe,SAASA,CAAW,EAAG,CAChC,MAAAE,EACF,OAAOJ,EAAS,QAAW,SACrB,WAAWA,EAAS,MAAM,EAC1BA,EAAS,OACbK,EAAQ,KAAK,MAAMD,EAAgBF,CAAW,EAC7C,MAAA,CAAE,GAAGF,EAAU,MAAAK,CAAM,CAAA,CAChC,CAEG,OAAAL,CAAA,CACV,EAEKM,EAAWX,EAAA,SAAS,IACtBY,EAAA,qBAAqBC,~~UAAOd~~,EAAc,KAAK,CACnD,EACMe,EAAiBd,EAAA,SACnB,IAAMe,aAAWhB,EAAc,KAAK,EAAE,eAAe,KACzD"}
1	+ {"version":3,"file":"EvThumbnail.vue.mjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvThumbnail.scss\";\nimport { makeEvThumbnailProps, thumbnailPresets } from \"./EvThumbnail\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { computed } from \"vue\";\nimport { applyDefaults, filterComponentProps } from \"@/util\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { DangerIcon, ImageIcon } from \"@/icons\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvSkeleton } from \"@/components/EvSkeleton\";\nimport { parseAspectRatio } from \"@/composables/aspectRatio\";\n\nconst props = defineProps({ ...makeEvThumbnailProps() });\nconst slots = defineSlots<{\n default(): never;\n}>();\n\nconst computedProps = computed(() => {\n if (!props.size) {\n return props;\n }\n const presets = thumbnailPresets[props.size] ?? {};\n const defaults = thumbnailPresets.defaults;\n const combined = applyDefaults(props, { ...defaults, ...presets });\n\n if (!combined.width && combined.aspectRatio && combined.height) {\n const aspectRatio = parseAspectRatio(combined.aspectRatio);\n if (aspectRatio && isFinite(aspectRatio)) {\n const numericHeight =\n typeof combined.height === \"string\"\n ? parseFloat(combined.height)\n : combined.height;\n const width = Math.round(numericHeight * aspectRatio);\n return { ...combined, width };\n }\n }\n return combined;\n});\n\nconst imgProps = computed(() =>\n filterComponentProps(EvImg, computedProps.value),\n);\nconst roundedClasses = computed(\n () => useRounded(computedProps.value).roundedClasses.value,\n);\n\n\n</script>\n\n<template>\n <ev-img :class=\"['ev-thumbnail', roundedClasses]\" v-bind=\"imgProps\">\n <template v-if=\"slots.default\" #default>\n <slot />\n </template>\n <template #placeholder>\n <ev-icon :glyph=\"ImageIcon\" appearance=\"subtle\" />\n </template>\n <template #loading>\n <ev-skeleton type=\"image\" width=\"100%\" height=\"100%\" />\n </template>\n <template #error>\n <ev-icon :glyph=\"DangerIcon\" appearance=\"danger\" />\n </template>\n </ev-img>\n</template>\n"],"names":["slots","_useSlots","computedProps","computed","props","presets","thumbnailPresets","defaults","combined","applyDefaults","aspectRatio","parseAspectRatio","numericHeight","width","imgProps","filterComponentProps","EvImg","roundedClasses","useRounded"],"mappings":"snBAaMA,EAAQC,EAAAA,WAIRC,EAAgBC,EAAAA,SAAS,IAAM,CAC7B,GAAA,CAACC,EAAM,KACA,OAAAA,EAEX,MAAMC,EAAUC,EAAA,iBAAiBF,EAAM,IAAI,GAAK,CAAC,EAC3CG,EAAWD,EAAAA,iBAAiB,SAC5BE,EAAWC,EAAAA,cAAcL,EAAO,CAAE,GAAGG,EAAU,GAAGF,EAAS,EAEjE,GAAI,CAACG,EAAS,OAASA,EAAS,aAAeA,EAAS,OAAQ,CACtD,MAAAE,EAAcC,EAAAA,iBAAiBH,EAAS,WAAW,EACrD,GAAAE,GAAe,SAASA,CAAW,EAAG,CAChC,MAAAE,EACF,OAAOJ,EAAS,QAAW,SACrB,WAAWA,EAAS,MAAM,EAC1BA,EAAS,OACbK,EAAQ,KAAK,MAAMD,EAAgBF,CAAW,EAC7C,MAAA,CAAE,GAAGF,EAAU,MAAAK,CAAM,CAAA,CAChC,CAEG,OAAAL,CAAA,CACV,EAEKM,EAAWX,EAAA,SAAS,IACtBY,EAAA,qBAAqBC,EAAOd,EAAc,KAAK,CACnD,EACMe,EAAiBd,EAAA,SACnB,IAAMe,aAAWhB,EAAc,KAAK,EAAE,eAAe,KACzD"}

package/dist/esm/components/EvThumbnail/EvThumbnail.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvThumbnail.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvThumbnail.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvThumbnail.vue2.mjs.map

package/dist/esm/components/EvTimeField/EvTimeField.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../icons/glyph/TimeIcon.svg.mjs"),r=require("../../util/props.mjs"),t=require("../../util/helpers.mjs"),o=require("../EvTextfield/EvTextfield.mjs"),i=r.propsFactory({...t.omit(o.makeEvTextfieldProps({iconStart:e.default}),["type"])},"EvTimeField");exports.makeEvTimeFieldProps=i;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../icons/glyph/TimeIcon.svg.mjs"),r=require("../../util/props.mjs"),t=require("../../util/helpers.mjs"),o=require("../EvTextfield/EvTextfield.mjs"),i=r.propsFactory({...t.omit(o.makeEvTextfieldProps({iconStart:e.default}),["type"])},"EvTimeField");exports.makeEvTimeFieldProps=i;
 //# sourceMappingURL=EvTimeField.mjs.map

package/dist/esm/components/EvTimeField/EvTimeField.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");;/* empty css                   */const C=require("./EvTimeField.mjs"),z=require("../EvMenu/EvMenu.vue.mjs"),y=require("../EvTextfield/EvTextfield.vue.mjs"),A=require("../EvSurface/EvSurface.vue.mjs"),B=require("../EvTimePicker/EvTimePicker.vue.mjs"),s=require("../../composables/time.mjs"),H=require("../../composables/modelProxy.mjs"),h=require("../../util/helpers.mjs"),I=t.defineComponent({__name:"EvTimeField",props:{...C.makeEvTimeFieldProps()},setup(k){const T=k,w=t.useSlots();let v=null;const o=H.useModelProxy(T,"modelValue",void 0,e=>{v=s.inferTimeFormat(e);const l=s.normalizeTimeToDate(e);return l?(l.setSeconds(0,0),l):null},e=>s.serializeDateToTime(e,v??"time")),a=t.ref(""),c=t.ref(null);t.watch(o,e=>{a.value=s.displayTimeFromDate(e),c.value=o.value},{immediate:!0});const F=t.ref(),_=t.ref(),V=t.computed(()=>h.omit(h.filterComponentProps(y.default,T),["modelValue"])),d=t.shallowRef(!1),g=t.ref(),m=t.shallowRef(!1);function D(){d.value&&_.value&&_.value.focus()}function b(){d.value=!0,m.value=!0}function x(e){var l;if(!((l=g.value)!=null&&l.$el.contains(e.relatedTarget))){if(m.value=!1,a.value.length===0){if(v==="time")o.value=null;else{const r=o.value;r.setHours(0,0,0,0),o.value=r,a.value="00:00"}return}const u=a.value.split(":"),n=c.value??new Date;let i=Number(u[1]??0);i<10&&(i*=10),n.setHours(Number(u[0]),i,0,0),o.value=s.normalizeTimeToDate(n),a.value=s.displayTimeFromDate(n)}}function P(e){d.value=!0}function R(e){let l=e.replace(/[^\d:]/g,"");const u=l.split(":");u.length>2&&(l=u[0]+":"+u.slice(1).join(""));const[n,i=""]=l.split(":");!l.includes(":")&&n.length>=2&&(l=n.slice(0,2)+":"+n.slice(2));const[r,M=""]=l.split(":");let f=r;l.includes(":")&&r.length===1&&(f="0"+r),f.length===2&&Number(f)>23&&(f="23");let p=M.slice(0,2);return p.length===2&&Number(p)>59&&(p="59"),l.includes(":")?`${f}:${p}`:f}function E(e){o.value=s.normalizeTimeToDate(e)}function S(e){if(["Backspace","Delete","Home","End","ArrowLeft","ArrowRight","Tab"].includes(e.key))return;const u=e.key==="v"&&e.ctrlKey,n=e.key==="a"&&e.ctrlKey;if(!new RegExp("[0-9:]").test(e.key)&&!u&&!n){e.preventDefault();return}const r=e.target.value;if(e.key===":"&&r.includes(":")){e.preventDefault();return}if(r.length-q(e.target)>=5){e.preventDefault();return}}function q(e){return e.selectionStart==null||e.selectionEnd==null?0:e.selectionEnd-e.selectionStart}function N(e){const l=e.target.value;if(a.value=R(l),a.value.length===0){if(v==="time")o.value=null;else{const r=o.value;r.setHours(0,0,0,0),o.value=r}return}const u=a.value.split(":"),n=c.value??new Date;let i=Number(u[1]??0);i<10&&(i*=10),n.setHours(Number(u[0]),i,0,0),c.value=s.normalizeTimeToDate(n)}return(e,l)=>(t.openBlock(),t.createBlock(t.unref(y.default),t.mergeProps({ref_key:"evTextfieldRef",ref:_},V.value,{focused:d.value,"onUpdate:focused":l[2]||(l[2]=u=>d.value=u),class:"ev-time-field",inputmode:"numeric",pattern:"[0-9:]*","model-value":a.value,"onClick:control":b,onBlur:x,onKeydown:S,onInput:N}),t.createSlots({default:t.withCtx(()=>[t.createVNode(t.unref(z.default),{ref_key:"evMenuRef",ref:F,modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=u=>m.value=u),activator:"parent",position:"bottom-start","open-on-click":!1,"close-on-content-click":!1,onAfterLeave:D},{default:t.withCtx(()=>[t.createVNode(t.unref(A.default),{elevation:"overlay",class:"ev-time-field--surface"},{default:t.withCtx(()=>[t.createVNode(t.unref(B.default),{ref_key:"timePickerRef",ref:g,modelValue:c.value,"onUpdate:modelValue":[l[0]||(l[0]=u=>c.value=u),E],onFocusin:P},null,8,["modelValue"])]),_:1})]),_:1},8,["modelValue"])]),_:2},[t.unref(w).label?{name:"label",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),key:"0"}:void 0]),1040,["focused","model-value"]))}});exports.default=I;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const t=require("vue");;/* empty css                   */const z=require("./EvTimeField.mjs"),M=require("../EvMenu/EvMenu.vue.mjs"),y=require("../EvTextfield/EvTextfield.vue.mjs"),A=require("../EvSurface/EvSurface.vue.mjs"),B=require("../EvTimePicker/EvTimePicker.vue.mjs"),s=require("../../composables/time.mjs"),H=require("../../composables/modelProxy.mjs"),h=require("../../util/helpers.mjs"),I=t.defineComponent({__name:"EvTimeField",props:{...z.makeEvTimeFieldProps()},setup(k){const T=k,w=t.useSlots();let d=null;const o=H.useModelProxy(T,"modelValue",void 0,e=>{d=s.inferTimeFormat(e);const l=s.normalizeTimeToDate(e);return l?(l.setSeconds(0,0),l):null},e=>s.serializeDateToTime(e,d??"time")),i=t.ref(""),c=t.ref(null);t.watch(o,e=>{i.value=s.displayTimeFromDate(e),c.value=o.value},{immediate:!0});const F=t.ref(),_=t.ref(),V=t.computed(()=>h.omit(h.filterComponentProps(y,T),["modelValue"])),v=t.shallowRef(!1),g=t.ref(),m=t.shallowRef(!1);function D(){v.value&&_.value&&_.value.focus()}function x(){v.value=!0,m.value=!0}function P(e){var l;if(!((l=g.value)!=null&&l.$el.contains(e.relatedTarget))){if(m.value=!1,i.value.length===0){if(d==="time")o.value=null;else{const r=o.value;r.setHours(0,0,0,0),o.value=r,i.value="00:00"}return}const n=i.value.split(":"),u=c.value??new Date;let a=Number(n[1]??0);a<10&&(a*=10),u.setHours(Number(n[0]),a,0,0),o.value=s.normalizeTimeToDate(u),i.value=s.displayTimeFromDate(u)}}function R(e){v.value=!0}function b(e){let l=e.replace(/[^\d:]/g,"");const n=l.split(":");n.length>2&&(l=n[0]+":"+n.slice(1).join(""));const[u,a=""]=l.split(":");!l.includes(":")&&u.length>=2&&(l=u.slice(0,2)+":"+u.slice(2));const[r,C=""]=l.split(":");let f=r;l.includes(":")&&r.length===1&&(f="0"+r),f.length===2&&Number(f)>23&&(f="23");let p=C.slice(0,2);return p.length===2&&Number(p)>59&&(p="59"),l.includes(":")?`${f}:${p}`:f}function E(e){o.value=s.normalizeTimeToDate(e)}function q(e){if(["Backspace","Delete","Home","End","ArrowLeft","ArrowRight","Tab"].includes(e.key))return;const n=e.key==="v"&&e.ctrlKey,u=e.key==="a"&&e.ctrlKey;if(!new RegExp("[0-9:]").test(e.key)&&!n&&!u){e.preventDefault();return}const r=e.target.value;if(e.key===":"&&r.includes(":")){e.preventDefault();return}if(r.length-N(e.target)>=5){e.preventDefault();return}}function N(e){return e.selectionStart==null||e.selectionEnd==null?0:e.selectionEnd-e.selectionStart}function S(e){const l=e.target.value;if(i.value=b(l),i.value.length===0){if(d==="time")o.value=null;else{const r=o.value;r.setHours(0,0,0,0),o.value=r}return}const n=i.value.split(":"),u=c.value??new Date;let a=Number(n[1]??0);a<10&&(a*=10),u.setHours(Number(n[0]),a,0,0),c.value=s.normalizeTimeToDate(u)}return(e,l)=>(t.openBlock(),t.createBlock(t.unref(y),t.mergeProps({ref_key:"evTextfieldRef",ref:_},V.value,{focused:v.value,"onUpdate:focused":l[2]||(l[2]=n=>v.value=n),class:"ev-time-field",inputmode:"numeric",pattern:"[0-9:]*","model-value":i.value,"onClick:control":x,onBlur:P,onKeydown:q,onInput:S}),t.createSlots({default:t.withCtx(()=>[t.createVNode(t.unref(M),{ref_key:"evMenuRef",ref:F,modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=n=>m.value=n),activator:"parent",position:"bottom-start","open-on-click":!1,"close-on-content-click":!1,onAfterLeave:D},{default:t.withCtx(()=>[t.createVNode(t.unref(A),{elevation:"overlay",class:"ev-time-field--surface"},{default:t.withCtx(()=>[t.createVNode(t.unref(B),{ref_key:"timePickerRef",ref:g,modelValue:c.value,"onUpdate:modelValue":[l[0]||(l[0]=n=>c.value=n),E],onFocusin:R},null,8,["modelValue"])]),_:1})]),_:1},8,["modelValue"])]),_:2},[t.unref(w).label?{name:"label",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),key:"0"}:void 0]),1040,["focused","model-value"]))}});module.exports=I;
 //# sourceMappingURL=EvTimeField.vue.mjs.map

package/dist/esm/components/EvTimeField/EvTimeField.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvTimeField.vue.mjs","sources":["../../../../src/components/EvTimeField/EvTimeField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimeField.scss\";\nimport { makeEvTimeFieldProps } from \"./EvTimeField\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTimePicker } from \"@/components/EvTimePicker\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { FocusEvent, KeyboardEvent } from \"react\";\nimport { useModelProxy } from \"@/composables\";\nimport {\n displayTimeFromDate,\n inferTimeFormat,\n normalizeTimeToDate,\n serializeDateToTime,\n} from \"@/composables/time\";\n\nconst props = defineProps({\n ...makeEvTimeFieldProps(),\n});\nconst slots = defineSlots<{\n label(): never;\n}>();\n\nlet inferredFormat = null;\nconst modelValue = useModelProxy(\n props,\n \"modelValue\",\n undefined,\n (value) => {\n inferredFormat = inferTimeFormat(value);\n const date = normalizeTimeToDate(value);\n if (!date) {\n return null;\n }\n date.setSeconds(0, 0);\n return date;\n },\n (value) => {\n return serializeDateToTime(value, inferredFormat ?? \"time\");\n },\n);\n\nconst displayValue = ref(\"\");\nconst pickerValue = ref(null);\n\nwatch(\n modelValue,\n (value) => {\n displayValue.value = displayTimeFromDate(value);\n pickerValue.value = modelValue.value;\n },\n { immediate: true },\n);\n\n// Text Field\nconst evMenuRef = ref<typeof EvMenu>();\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\n});\nconst isFocused = shallowRef(false);\n\n// Time Picker\nconst timePickerRef = ref<typeof EvTimePicker>();\n\n// Menu\nconst isMenuOpen = shallowRef(false);\n\n/*\n ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n /\nfunction onMenuAfterLeave() {\n if (isFocused.value && evTextfieldRef.value) {\n evTextfieldRef.value.focus();\n }\n}\n\nfunction onFieldFocus() {\n isFocused.value = true;\n isMenuOpen.value = true;\n}\n\nfunction onFieldBlur(e: FocusEvent) {\n if (!timePickerRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n isMenuOpen.value = false;\n if (displayValue.value.length === 0) {\n if (inferredFormat === \"time\") {\n modelValue.value = null;\n } else {\n const date = modelValue.value;\n date.setHours(0, 0, 0, 0);\n modelValue.value = date;\n displayValue.value = \"00:00\";\n }\n return;\n }\n const parts = displayValue.value.split(\":\");\n const date = pickerValue.value ?? new Date();\n let minutes = Number(parts[1] ?? 0);\n if (minutes < 10) {\n minutes = 10;\n }\n date.setHours(Number(parts[0]), minutes, 0, 0);\n modelValue.value = normalizeTimeToDate(date);\n displayValue.value = displayTimeFromDate(date);\n }\n}\n\nfunction onDatePickerFocusIn(e: FocusEvent) {\n isFocused.value = true;\n}\n\nfunction normalizeTimeInput(raw: string): string {\n let value = raw.replace(/[^\\d:]/g, \"\");\n // Prevent more than one colon\n const parts = value.split(\":\");\n if (parts.length > 2) {\n value = parts[0] + \":\" + parts.slice(1).join(\"\");\n }\n const [hoursRaw, minutesRaw = \"\"] = value.split(\":\");\n // Auto insert colon after 2 digits IF user hasn't typed one\n if (!value.includes(\":\") && hoursRaw.length >= 2) {\n value = hoursRaw.slice(0, 2) + \":\" + hoursRaw.slice(2);\n }\n const [h, m = \"\"] = value.split(\":\");\n // Pad single-digit hour when colon appears\n let hours = h;\n if (value.includes(\":\") && h.length === 1) {\n hours = \"0\" + h;\n }\n\n // Limit ranges (soft clamp while typing)\n if (hours.length === 2 && Number(hours) > 23) {\n hours = \"23\";\n }\n\n let minutes = m.slice(0, 2);\n if (minutes.length === 2 && Number(minutes) > 59) {\n minutes = \"59\";\n }\n\n return value.includes(\":\") ? `${hours}:${minutes}` : hours;\n}\n\nfunction onUpdatePickerValue(value) {\n modelValue.value = normalizeTimeToDate(value);\n}\n\nfunction onFieldKeydown(e: KeyboardEvent) {\n const passThrough = [\n \"Backspace\",\n \"Delete\",\n \"Home\",\n \"End\",\n \"ArrowLeft\",\n \"ArrowRight\",\n \"Tab\",\n ];\n if (passThrough.includes(e.key)) {\n return;\n }\n const isPaste = e.key === \"v\" && e.ctrlKey;\n const isSelectAll = e.key === \"a\" && e.ctrlKey;\n // Block anything not in the whitelist\n const whitelist = new RegExp(\"[0-9:]\");\n if (!whitelist.test(e.key) && !isPaste && !isSelectAll) {\n e.preventDefault();\n return;\n }\n const raw = (e.target as HTMLInputElement).value;\n if (e.key === \":\" && raw.includes(\":\")) {\n e.preventDefault();\n return;\n }\n if (raw.length - getSelectedLength(e.target as HTMLInputElement) >= 5) {\n e.preventDefault();\n return;\n }\n}\n\n/*\n ## Get Selected Length\n * @param input\n /\nfunction getSelectedLength(input: HTMLInputElement): number\n{\n if (input.selectionStart == null \|\| input.selectionEnd == null) {\n return 0;\n }\n return input.selectionEnd - input.selectionStart;\n}\n\nfunction onFieldInput(e: Event) {\n const raw = (e.target as HTMLInputElement).value;\n displayValue.value = normalizeTimeInput(raw);\n\n if (displayValue.value.length === 0) {\n if (inferredFormat === \"time\") {\n modelValue.value = null;\n } else {\n const date = modelValue.value;\n date.setHours(0, 0, 0, 0);\n modelValue.value = date;\n }\n return;\n }\n\n // Attempt to update picker if we have a value that is reasonable\n const parts = displayValue.value.split(\":\");\n const date = pickerValue.value ?? new Date();\n let minutes = Number(parts[1] ?? 0);\n if (minutes < 10) {\n minutes = 10;\n }\n date.setHours(Number(parts[0]), minutes, 0, 0);\n pickerValue.value = normalizeTimeToDate(date);\n}\n</script>\n\n<template>\n <ev-textfield\n ref=\"evTextfieldRef\"\n v-bind=\"evTextfieldProps\"\n v-model:focused=\"isFocused\"\n class=\"ev-time-field\"\n inputmode=\"numeric\"\n pattern=\"[0-9:]*\"\n :model-value=\"displayValue\"\n @click:control=\"onFieldFocus\"\n @blur=\"onFieldBlur\"\n @keydown=\"onFieldKeydown\"\n @input=\"onFieldInput\">\n <template v-if=\"slots.label\" #label>\n <slot name=\"label\" />\n </template>\n <template #default>\n <ev-menu\n ref=\"evMenuRef\"\n v-model=\"isMenuOpen\"\n activator=\"parent\"\n position=\"bottom-start\"\n :open-on-click=\"false\"\n :close-on-content-click=\"false\"\n @after-leave=\"onMenuAfterLeave\">\n <ev-surface elevation=\"overlay\" class=\"ev-time-field--surface\">\n <ev-time-picker\n ref=\"timePickerRef\"\n v-model=\"pickerValue\"\n @focusin=\"onDatePickerFocusIn\"\n @update:model-value=\"onUpdatePickerValue\" />\n </ev-surface>\n </ev-menu>\n </template>\n </ev-textfield>\n</template>\n"],"names":["slots","_useSlots","inferredFormat","modelValue","useModelProxy","props","value","inferTimeFormat","date","normalizeTimeToDate","serializeDateToTime","displayValue","ref","pickerValue","watch","displayTimeFromDate","evMenuRef","evTextfieldRef","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","isFocused","shallowRef","timePickerRef","isMenuOpen","onMenuAfterLeave","onFieldFocus","onFieldBlur","_a","parts","minutes","onDatePickerFocusIn","normalizeTimeInput","raw","hoursRaw","minutesRaw","h","m","hours","onUpdatePickerValue","onFieldKeydown","isPaste","isSelectAll","getSelectedLength","input","onFieldInput"],"mappings":"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"}
1	+ {"version":3,"file":"EvTimeField.vue.mjs","sources":["../../../../src/components/EvTimeField/EvTimeField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimeField.scss\";\nimport { makeEvTimeFieldProps } from \"./EvTimeField\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTimePicker } from \"@/components/EvTimePicker\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { FocusEvent, KeyboardEvent } from \"react\";\nimport { useModelProxy } from \"@/composables\";\nimport {\n displayTimeFromDate,\n inferTimeFormat,\n normalizeTimeToDate,\n serializeDateToTime,\n} from \"@/composables/time\";\n\nconst props = defineProps({\n ...makeEvTimeFieldProps(),\n});\nconst slots = defineSlots<{\n label(): never;\n}>();\n\nlet inferredFormat = null;\nconst modelValue = useModelProxy(\n props,\n \"modelValue\",\n undefined,\n (value) => {\n inferredFormat = inferTimeFormat(value);\n const date = normalizeTimeToDate(value);\n if (!date) {\n return null;\n }\n date.setSeconds(0, 0);\n return date;\n },\n (value) => {\n return serializeDateToTime(value, inferredFormat ?? \"time\");\n },\n);\n\nconst displayValue = ref(\"\");\nconst pickerValue = ref(null);\n\nwatch(\n modelValue,\n (value) => {\n displayValue.value = displayTimeFromDate(value);\n pickerValue.value = modelValue.value;\n },\n { immediate: true },\n);\n\n// Text Field\nconst evMenuRef = ref<typeof EvMenu>();\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\n});\nconst isFocused = shallowRef(false);\n\n// Time Picker\nconst timePickerRef = ref<typeof EvTimePicker>();\n\n// Menu\nconst isMenuOpen = shallowRef(false);\n\n/*\n ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n /\nfunction onMenuAfterLeave() {\n if (isFocused.value && evTextfieldRef.value) {\n evTextfieldRef.value.focus();\n }\n}\n\nfunction onFieldFocus() {\n isFocused.value = true;\n isMenuOpen.value = true;\n}\n\nfunction onFieldBlur(e: FocusEvent) {\n if (!timePickerRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n isMenuOpen.value = false;\n if (displayValue.value.length === 0) {\n if (inferredFormat === \"time\") {\n modelValue.value = null;\n } else {\n const date = modelValue.value;\n date.setHours(0, 0, 0, 0);\n modelValue.value = date;\n displayValue.value = \"00:00\";\n }\n return;\n }\n const parts = displayValue.value.split(\":\");\n const date = pickerValue.value ?? new Date();\n let minutes = Number(parts[1] ?? 0);\n if (minutes < 10) {\n minutes = 10;\n }\n date.setHours(Number(parts[0]), minutes, 0, 0);\n modelValue.value = normalizeTimeToDate(date);\n displayValue.value = displayTimeFromDate(date);\n }\n}\n\nfunction onDatePickerFocusIn(e: FocusEvent) {\n isFocused.value = true;\n}\n\nfunction normalizeTimeInput(raw: string): string {\n let value = raw.replace(/[^\\d:]/g, \"\");\n // Prevent more than one colon\n const parts = value.split(\":\");\n if (parts.length > 2) {\n value = parts[0] + \":\" + parts.slice(1).join(\"\");\n }\n const [hoursRaw, minutesRaw = \"\"] = value.split(\":\");\n // Auto insert colon after 2 digits IF user hasn't typed one\n if (!value.includes(\":\") && hoursRaw.length >= 2) {\n value = hoursRaw.slice(0, 2) + \":\" + hoursRaw.slice(2);\n }\n const [h, m = \"\"] = value.split(\":\");\n // Pad single-digit hour when colon appears\n let hours = h;\n if (value.includes(\":\") && h.length === 1) {\n hours = \"0\" + h;\n }\n\n // Limit ranges (soft clamp while typing)\n if (hours.length === 2 && Number(hours) > 23) {\n hours = \"23\";\n }\n\n let minutes = m.slice(0, 2);\n if (minutes.length === 2 && Number(minutes) > 59) {\n minutes = \"59\";\n }\n\n return value.includes(\":\") ? `${hours}:${minutes}` : hours;\n}\n\nfunction onUpdatePickerValue(value) {\n modelValue.value = normalizeTimeToDate(value);\n}\n\nfunction onFieldKeydown(e: KeyboardEvent) {\n const passThrough = [\n \"Backspace\",\n \"Delete\",\n \"Home\",\n \"End\",\n \"ArrowLeft\",\n \"ArrowRight\",\n \"Tab\",\n ];\n if (passThrough.includes(e.key)) {\n return;\n }\n const isPaste = e.key === \"v\" && e.ctrlKey;\n const isSelectAll = e.key === \"a\" && e.ctrlKey;\n // Block anything not in the whitelist\n const whitelist = new RegExp(\"[0-9:]\");\n if (!whitelist.test(e.key) && !isPaste && !isSelectAll) {\n e.preventDefault();\n return;\n }\n const raw = (e.target as HTMLInputElement).value;\n if (e.key === \":\" && raw.includes(\":\")) {\n e.preventDefault();\n return;\n }\n if (raw.length - getSelectedLength(e.target as HTMLInputElement) >= 5) {\n e.preventDefault();\n return;\n }\n}\n\n/*\n ## Get Selected Length\n * @param input\n /\nfunction getSelectedLength(input: HTMLInputElement): number\n{\n if (input.selectionStart == null \|\| input.selectionEnd == null) {\n return 0;\n }\n return input.selectionEnd - input.selectionStart;\n}\n\nfunction onFieldInput(e: Event) {\n const raw = (e.target as HTMLInputElement).value;\n displayValue.value = normalizeTimeInput(raw);\n\n if (displayValue.value.length === 0) {\n if (inferredFormat === \"time\") {\n modelValue.value = null;\n } else {\n const date = modelValue.value;\n date.setHours(0, 0, 0, 0);\n modelValue.value = date;\n }\n return;\n }\n\n // Attempt to update picker if we have a value that is reasonable\n const parts = displayValue.value.split(\":\");\n const date = pickerValue.value ?? new Date();\n let minutes = Number(parts[1] ?? 0);\n if (minutes < 10) {\n minutes = 10;\n }\n date.setHours(Number(parts[0]), minutes, 0, 0);\n pickerValue.value = normalizeTimeToDate(date);\n}\n</script>\n\n<template>\n <ev-textfield\n ref=\"evTextfieldRef\"\n v-bind=\"evTextfieldProps\"\n v-model:focused=\"isFocused\"\n class=\"ev-time-field\"\n inputmode=\"numeric\"\n pattern=\"[0-9:]*\"\n :model-value=\"displayValue\"\n @click:control=\"onFieldFocus\"\n @blur=\"onFieldBlur\"\n @keydown=\"onFieldKeydown\"\n @input=\"onFieldInput\">\n <template v-if=\"slots.label\" #label>\n <slot name=\"label\" />\n </template>\n <template #default>\n <ev-menu\n ref=\"evMenuRef\"\n v-model=\"isMenuOpen\"\n activator=\"parent\"\n position=\"bottom-start\"\n :open-on-click=\"false\"\n :close-on-content-click=\"false\"\n @after-leave=\"onMenuAfterLeave\">\n <ev-surface elevation=\"overlay\" class=\"ev-time-field--surface\">\n <ev-time-picker\n ref=\"timePickerRef\"\n v-model=\"pickerValue\"\n @focusin=\"onDatePickerFocusIn\"\n @update:model-value=\"onUpdatePickerValue\" />\n </ev-surface>\n </ev-menu>\n </template>\n </ev-textfield>\n</template>\n"],"names":["slots","_useSlots","inferredFormat","modelValue","useModelProxy","props","value","inferTimeFormat","date","normalizeTimeToDate","serializeDateToTime","displayValue","ref","pickerValue","watch","displayTimeFromDate","evMenuRef","evTextfieldRef","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","isFocused","shallowRef","timePickerRef","isMenuOpen","onMenuAfterLeave","onFieldFocus","onFieldBlur","_a","parts","minutes","onDatePickerFocusIn","normalizeTimeInput","raw","hoursRaw","minutesRaw","h","m","hours","onUpdatePickerValue","onFieldKeydown","isPaste","isSelectAll","getSelectedLength","input","onFieldInput"],"mappings":"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"}

package/dist/esm/components/EvTimeField/EvTimeField.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvTimeField.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvTimeField.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvTimeField.vue2.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePicker.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../util/props.mjs"),o=r.propsFactory({modelValue:[String,Date],hourFormat:{type:Number,default:void 0,validator:e=>e===12||e===24}},"EvTimePicker");exports.makeEvTimePickerProps=o;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../util/props.mjs"),o=r.propsFactory({modelValue:[String,Date],hourFormat:{type:Number,default:void 0,validator:e=>e===12||e===24}},"EvTimePicker");exports.makeEvTimePickerProps=o;
 //# sourceMappingURL=EvTimePicker.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePicker.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                    */const N=require("./EvTimePicker.mjs"),h=require("./EvTimePickerHours/EvTimePickerHours.vue.mjs"),k=require("./EvTimePickerMinutes/EvTimePickerMinutes.vue.mjs"),m=require("../EvButton/EvButton.vue.mjs"),T=require("../EvButtonSelect/EvButtonSelect.vue.mjs"),v=require("../EvNumber/EvNumber.vue.mjs"),_=require("../EvDivider/EvDivider.vue.mjs");;/* empty css                            */const x=require("../EvHeading/EvHeading.vue.mjs");;/* empty css                            */const n=require("../../composables/time.mjs"),E=require("../../composables/locale.mjs"),y=require("../../composables/date/date.mjs"),P=require("../../composables/modelProxy.mjs"),C={class:"ev-time-picker"},M={class:"ev-time-picker--controls"},b={class:"ev-time-picker--options"},D=e.defineComponent({__name:"EvTimePicker",props:{...N.makeEvTimePickerProps()},emits:["update:modelValue"],setup(p){const l=p,f=E.useLocaleManager(),V=y.useDate(),o=e.shallowRef("am");let i=null;const u=P.useModelProxy(l,"modelValue",void 0,t=>{i=n.inferTimeFormat(t);const r=n.normalizeTimeToDate(t);return r?(r.setSeconds(0,0),o.value=r.getHours()>=12?"pm":"am",r):null},t=>n.serializeDateToTime(t,i??"time")),s=e.computed(()=>{if(l.hourFormat)return l.hourFormat;const r=new Intl.DateTimeFormat(f.currentLocale.value,{hour:"numeric"}).resolvedOptions();return["h11","h12"].includes(r.hourCycle)?12:24});function d(){if(!u.value)return;const t=V.date(u.value),r=o.value==="am"?-12:12;t.setHours(t.getHours()+r),u.value=new Date(t)}const g=e.computed(()=>{var t;return((t=u.value)==null?void 0:t.getHours())??0}),q=e.computed(()=>{var t;return((t=u.value)==null?void 0:t.getMinutes())??0}),c={minimumIntegerDigits:2,useGrouping:!1};return(t,r)=>(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",M,[e.createVNode(e.unref(x.default),{size:"x-large",tag:"div",class:"mb-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(v.default),{value:g.value,format:c},null,8,["value"]),e.createTextVNode(":"),e.createVNode(e.unref(v.default),{value:q.value,format:c},null,8,["value"])]),_:1}),e.createVNode(e.unref(T.default),{modelValue:o.value,"onUpdate:modelValue":r[0]||(r[0]=a=>o.value=a),mandatory:"",rounded:"",size:"small",variant:"subtle","selected-variant":"bold"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.default),{value:"am",text:"AM",onClick:d}),e.createVNode(e.unref(m.default),{value:"pm",text:"PM",onClick:d})]),_:1},8,["modelValue"])]),e.createVNode(e.unref(_.default)),e.createElementVNode("div",b,[e.createVNode(e.unref(h.default),{modelValue:e.unref(u),"onUpdate:modelValue":r[1]||(r[1]=a=>e.isRef(u)?u.value=a:null),period:o.value,"hour-format":s.value},null,8,["modelValue","period","hour-format"]),e.createVNode(e.unref(_.default),{vertical:""},{default:e.withCtx(()=>[e.createTextVNode(":")]),_:1}),e.createVNode(e.unref(k.default),{modelValue:e.unref(u),"onUpdate:modelValue":r[2]||(r[2]=a=>e.isRef(u)?u.value=a:null),"hour-format":s.value},null,8,["modelValue","hour-format"])])]))}});exports.default=D;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                    */const N=require("./EvTimePicker.mjs"),h=require("./EvTimePickerHours/EvTimePickerHours.vue.mjs"),k=require("./EvTimePickerMinutes/EvTimePickerMinutes.vue.mjs"),d=require("../EvButton/EvButton.vue.mjs"),E=require("../EvButtonSelect/EvButtonSelect.vue.mjs"),v=require("../EvNumber/EvNumber.vue.mjs"),_=require("../EvDivider/EvDivider.vue.mjs");;/* empty css                            */const T=require("../EvHeading/EvHeading.vue.mjs");;/* empty css                            */const l=require("../../composables/time.mjs"),x=require("../../composables/locale.mjs"),y=require("../../composables/date/date.mjs"),P=require("../../composables/modelProxy.mjs"),C={class:"ev-time-picker"},D={class:"ev-time-picker--controls"},F={class:"ev-time-picker--options"},w=e.defineComponent({__name:"EvTimePicker",props:{...N.makeEvTimePickerProps()},emits:["update:modelValue"],setup(p){const n=p,f=x.useLocaleManager(),V=y.useDate(),o=e.shallowRef("am");let i=null;const u=P.useModelProxy(n,"modelValue",void 0,t=>{i=l.inferTimeFormat(t);const r=l.normalizeTimeToDate(t);return r?(r.setSeconds(0,0),o.value=r.getHours()>=12?"pm":"am",r):null},t=>l.serializeDateToTime(t,i??"time")),s=e.computed(()=>{if(n.hourFormat)return n.hourFormat;const r=new Intl.DateTimeFormat(f.currentLocale.value,{hour:"numeric"}).resolvedOptions();return["h11","h12"].includes(r.hourCycle)?12:24});function c(){if(!u.value)return;const t=V.date(u.value),r=o.value==="am"?-12:12;t.setHours(t.getHours()+r),u.value=new Date(t)}const g=e.computed(()=>{var t;return((t=u.value)==null?void 0:t.getHours())??0}),q=e.computed(()=>{var t;return((t=u.value)==null?void 0:t.getMinutes())??0}),m={minimumIntegerDigits:2,useGrouping:!1};return(t,r)=>(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",D,[e.createVNode(e.unref(T),{size:"x-large",tag:"div",class:"mb-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(v),{value:g.value,format:m},null,8,["value"]),e.createTextVNode(":"),e.createVNode(e.unref(v),{value:q.value,format:m},null,8,["value"])]),_:1}),e.createVNode(e.unref(E),{modelValue:o.value,"onUpdate:modelValue":r[0]||(r[0]=a=>o.value=a),mandatory:"",rounded:"",size:"small",variant:"subtle","selected-variant":"bold"},{default:e.withCtx(()=>[e.createVNode(e.unref(d),{value:"am",text:"AM",onClick:c}),e.createVNode(e.unref(d),{value:"pm",text:"PM",onClick:c})]),_:1},8,["modelValue"])]),e.createVNode(e.unref(_)),e.createElementVNode("div",F,[e.createVNode(e.unref(h),{modelValue:e.unref(u),"onUpdate:modelValue":r[1]||(r[1]=a=>e.isRef(u)?u.value=a:null),period:o.value,"hour-format":s.value},null,8,["modelValue","period","hour-format"]),e.createVNode(e.unref(_),{vertical:""},{default:e.withCtx(()=>[e.createTextVNode(":")]),_:1}),e.createVNode(e.unref(k),{modelValue:e.unref(u),"onUpdate:modelValue":r[2]||(r[2]=a=>e.isRef(u)?u.value=a:null),"hour-format":s.value},null,8,["modelValue","hour-format"])])]))}});module.exports=w;
 //# sourceMappingURL=EvTimePicker.vue.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePicker.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvTimePicker.vue.mjs","sources":["../../../../src/components/EvTimePicker/EvTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimePicker.scss\";\nimport { computed, shallowRef } from \"vue\";\nimport { useDate, useLocaleManager, useModelProxy } from \"@/composables\";\nimport { makeEvTimePickerProps } from \"./EvTimePicker\";\nimport { EvTimePickerHours } from \"./EvTimePickerHours\";\nimport { EvTimePickerMinutes } from \"./EvTimePickerMinutes\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonSelect } from \"@/components/EvButtonSelect\";\nimport { EvNumber } from \"@/components/EvNumber\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvHeading } from \"@/components/EvHeading\";\nimport {\n inferTimeFormat,\n normalizeTimeToDate,\n serializeDateToTime,\n} from \"@/composables/time\";\n\nconst props = defineProps({\n ...makeEvTimePickerProps(),\n});\ndefineEmits([\"update:modelValue\"]);\nconst locale = useLocaleManager();\nconst dateAdapter = useDate();\nconst period = shallowRef(\"am\");\nlet inferredFormat = null;\nconst modelValue = useModelProxy(\n props,\n \"modelValue\",\n undefined,\n (value) => {\n inferredFormat = inferTimeFormat(value);\n const date = normalizeTimeToDate(value);\n if (!date) {\n return null;\n }\n date.setSeconds(0, 0);\n period.value = date.getHours() >= 12 ? \"pm\" : \"am\";\n return date;\n },\n (value) => {\n return serializeDateToTime(value, inferredFormat ?? \"time\");\n },\n);\n\nconst hourFormat = computed<12 \| 24>(() => {\n if (props.hourFormat) {\n return props.hourFormat;\n }\n const formatter = new Intl.DateTimeFormat(locale.currentLocale.value, {\n hour: \"numeric\",\n });\n const options = formatter.resolvedOptions();\n return [\"h11\", \"h12\"].includes(options.hourCycle) ? 12 : 24;\n});\n\nfunction onClickPeriod() {\n if (!modelValue.value) {\n return;\n }\n const value = dateAdapter.date(modelValue.value) as Date;\n const modifier = period.value === \"am\" ? -12 : 12;\n value.setHours(value.getHours() + modifier);\n modelValue.value = new Date(value);\n}\n\nconst hours = computed(() => {\n return modelValue.value?.getHours() ?? 0;\n});\n\nconst minutes = computed(() => {\n return modelValue.value?.getMinutes() ?? 0;\n});\n\nconst numberFormat = {\n minimumIntegerDigits: 2,\n useGrouping: false,\n};\n\n</script>\n\n<template>\n <div class=\"ev-time-picker\">\n\n <div class=\"ev-time-picker--controls\">\n <ev-heading size=\"x-large\" tag=\"div\" class=\"mb-0\">\n <ev-number :value=\"hours\" :format=\"numberFormat\" />:<ev-number\n :value=\"minutes\"\n :format=\"numberFormat\" />\n </ev-heading>\n\n <ev-button-select\n v-model=\"period\"\n mandatory\n rounded\n size=\"small\"\n variant=\"subtle\"\n selected-variant=\"bold\">\n <ev-button value=\"am\" text=\"AM\" @click=\"onClickPeriod\" />\n <ev-button value=\"pm\" text=\"PM\" @click=\"onClickPeriod\" />\n </ev-button-select>\n </div>\n\n <ev-divider />\n\n <div class=\"ev-time-picker--options\">\n <ev-time-picker-hours\n v-model=\"modelValue\"\n :period=\"period\"\n :hour-format=\"hourFormat\" />\n\n <ev-divider vertical>:</ev-divider>\n\n <ev-time-picker-minutes\n v-model=\"modelValue\"\n :hour-format=\"hourFormat\" />\n </div>\n </div>\n</template>\n"],"names":["locale","useLocaleManager","dateAdapter","useDate","period","shallowRef","inferredFormat","modelValue","useModelProxy","props","value","inferTimeFormat","date","normalizeTimeToDate","serializeDateToTime","hourFormat","computed","options","onClickPeriod","modifier","hours","_a","minutes","numberFormat"],"mappings":"~~gkCAsBMA~~,EAASC,EAAAA,iBAAiB,EAC1BC,EAAcC,EAAAA,QAAQ,EACtBC,EAASC,aAAW,IAAI,EAC9B,IAAIC,EAAiB,KACrB,MAAMC,EAAaC,EAAA,cACfC,EACA,aACA,OACCC,GAAU,CACPJ,EAAiBK,kBAAgBD,CAAK,EAChC,MAAAE,EAAOC,sBAAoBH,CAAK,EACtC,OAAKE,GAGAA,EAAA,WAAW,EAAG,CAAC,EACpBR,EAAO,MAAQQ,EAAK,SAAS,GAAK,GAAK,KAAO,KACvCA,GAJI,IAKf,EACCF,GACUI,sBAAoBJ,EAAOJ,GAAkB,MAAM,CAElE,EAEMS,EAAaC,EAAAA,SAAkB,IAAM,CACvC,GAAIP,EAAM,WACN,OAAOA,EAAM,WAKX,MAAAQ,EAHY,IAAI,KAAK,eAAejB,EAAO,cAAc,MAAO,CAClE,KAAM,SAAA,CACT,EACyB,gBAAgB,EACnC,MAAA,CAAC,MAAO,KAAK,EAAE,SAASiB,EAAQ,SAAS,EAAI,GAAK,EAAA,CAC5D,EAED,SAASC,GAAgB,CACjB,GAAA,CAACX,EAAW,MACZ,OAEJ,MAAMG,EAAQR,EAAY,KAAKK,EAAW,KAAK,EACzCY,EAAWf,EAAO,QAAU,KAAO,IAAM,GAC/CM,EAAM,SAASA,EAAM,SAAS,EAAIS,CAAQ,EAC/BZ,EAAA,MAAQ,IAAI,KAAKG,CAAK,CAAA,CAG/B,MAAAU,EAAQJ,EAAAA,SAAS,IAAM,OAClB,QAAAK,EAAAd,EAAW,QAAX,YAAAc,EAAkB,aAAc,CAAA,CAC1C,EAEKC,EAAUN,EAAAA,SAAS,IAAM,OACpB,QAAAK,EAAAd,EAAW,QAAX,YAAAc,EAAkB,eAAgB,CAAA,CAC5C,EAEKE,EAAe,CACjB,qBAAsB,EACtB,YAAa,EACjB"}
1	+ {"version":3,"file":"EvTimePicker.vue.mjs","sources":["../../../../src/components/EvTimePicker/EvTimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimePicker.scss\";\nimport { computed, shallowRef } from \"vue\";\nimport { useDate, useLocaleManager, useModelProxy } from \"@/composables\";\nimport { makeEvTimePickerProps } from \"./EvTimePicker\";\nimport { EvTimePickerHours } from \"./EvTimePickerHours\";\nimport { EvTimePickerMinutes } from \"./EvTimePickerMinutes\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonSelect } from \"@/components/EvButtonSelect\";\nimport { EvNumber } from \"@/components/EvNumber\";\nimport { EvDivider } from \"@/components/EvDivider\";\nimport { EvHeading } from \"@/components/EvHeading\";\nimport {\n inferTimeFormat,\n normalizeTimeToDate,\n serializeDateToTime,\n} from \"@/composables/time\";\n\nconst props = defineProps({\n ...makeEvTimePickerProps(),\n});\ndefineEmits([\"update:modelValue\"]);\nconst locale = useLocaleManager();\nconst dateAdapter = useDate();\nconst period = shallowRef(\"am\");\nlet inferredFormat = null;\nconst modelValue = useModelProxy(\n props,\n \"modelValue\",\n undefined,\n (value) => {\n inferredFormat = inferTimeFormat(value);\n const date = normalizeTimeToDate(value);\n if (!date) {\n return null;\n }\n date.setSeconds(0, 0);\n period.value = date.getHours() >= 12 ? \"pm\" : \"am\";\n return date;\n },\n (value) => {\n return serializeDateToTime(value, inferredFormat ?? \"time\");\n },\n);\n\nconst hourFormat = computed<12 \| 24>(() => {\n if (props.hourFormat) {\n return props.hourFormat;\n }\n const formatter = new Intl.DateTimeFormat(locale.currentLocale.value, {\n hour: \"numeric\",\n });\n const options = formatter.resolvedOptions();\n return [\"h11\", \"h12\"].includes(options.hourCycle) ? 12 : 24;\n});\n\nfunction onClickPeriod() {\n if (!modelValue.value) {\n return;\n }\n const value = dateAdapter.date(modelValue.value) as Date;\n const modifier = period.value === \"am\" ? -12 : 12;\n value.setHours(value.getHours() + modifier);\n modelValue.value = new Date(value);\n}\n\nconst hours = computed(() => {\n return modelValue.value?.getHours() ?? 0;\n});\n\nconst minutes = computed(() => {\n return modelValue.value?.getMinutes() ?? 0;\n});\n\nconst numberFormat = {\n minimumIntegerDigits: 2,\n useGrouping: false,\n};\n\n</script>\n\n<template>\n <div class=\"ev-time-picker\">\n\n <div class=\"ev-time-picker--controls\">\n <ev-heading size=\"x-large\" tag=\"div\" class=\"mb-0\">\n <ev-number :value=\"hours\" :format=\"numberFormat\" />:<ev-number\n :value=\"minutes\"\n :format=\"numberFormat\" />\n </ev-heading>\n\n <ev-button-select\n v-model=\"period\"\n mandatory\n rounded\n size=\"small\"\n variant=\"subtle\"\n selected-variant=\"bold\">\n <ev-button value=\"am\" text=\"AM\" @click=\"onClickPeriod\" />\n <ev-button value=\"pm\" text=\"PM\" @click=\"onClickPeriod\" />\n </ev-button-select>\n </div>\n\n <ev-divider />\n\n <div class=\"ev-time-picker--options\">\n <ev-time-picker-hours\n v-model=\"modelValue\"\n :period=\"period\"\n :hour-format=\"hourFormat\" />\n\n <ev-divider vertical>:</ev-divider>\n\n <ev-time-picker-minutes\n v-model=\"modelValue\"\n :hour-format=\"hourFormat\" />\n </div>\n </div>\n</template>\n"],"names":["locale","useLocaleManager","dateAdapter","useDate","period","shallowRef","inferredFormat","modelValue","useModelProxy","props","value","inferTimeFormat","date","normalizeTimeToDate","serializeDateToTime","hourFormat","computed","options","onClickPeriod","modifier","hours","_a","minutes","numberFormat"],"mappings":"i+BAsBMA,EAASC,EAAAA,iBAAiB,EAC1BC,EAAcC,EAAAA,QAAQ,EACtBC,EAASC,aAAW,IAAI,EAC9B,IAAIC,EAAiB,KACrB,MAAMC,EAAaC,EAAA,cACfC,EACA,aACA,OACCC,GAAU,CACPJ,EAAiBK,kBAAgBD,CAAK,EAChC,MAAAE,EAAOC,sBAAoBH,CAAK,EACtC,OAAKE,GAGAA,EAAA,WAAW,EAAG,CAAC,EACpBR,EAAO,MAAQQ,EAAK,SAAS,GAAK,GAAK,KAAO,KACvCA,GAJI,IAKf,EACCF,GACUI,sBAAoBJ,EAAOJ,GAAkB,MAAM,CAElE,EAEMS,EAAaC,EAAAA,SAAkB,IAAM,CACvC,GAAIP,EAAM,WACN,OAAOA,EAAM,WAKX,MAAAQ,EAHY,IAAI,KAAK,eAAejB,EAAO,cAAc,MAAO,CAClE,KAAM,SAAA,CACT,EACyB,gBAAgB,EACnC,MAAA,CAAC,MAAO,KAAK,EAAE,SAASiB,EAAQ,SAAS,EAAI,GAAK,EAAA,CAC5D,EAED,SAASC,GAAgB,CACjB,GAAA,CAACX,EAAW,MACZ,OAEJ,MAAMG,EAAQR,EAAY,KAAKK,EAAW,KAAK,EACzCY,EAAWf,EAAO,QAAU,KAAO,IAAM,GAC/CM,EAAM,SAASA,EAAM,SAAS,EAAIS,CAAQ,EAC/BZ,EAAA,MAAQ,IAAI,KAAKG,CAAK,CAAA,CAG/B,MAAAU,EAAQJ,EAAAA,SAAS,IAAM,OAClB,QAAAK,EAAAd,EAAW,QAAX,YAAAc,EAAkB,aAAc,CAAA,CAC1C,EAEKC,EAAUN,EAAAA,SAAS,IAAM,OACpB,QAAAK,EAAAd,EAAW,QAAX,YAAAc,EAAkB,eAAgB,CAAA,CAC5C,EAEKE,EAAe,CACjB,qBAAsB,EACtB,YAAa,EACjB"}

package/dist/esm/components/EvTimePicker/EvTimePicker.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvTimePicker.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvTimePicker.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvTimePicker.vue2.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../util/props.mjs"),r=e.propsFactory({period:String,modelValue:Date,hourFormat:Number},"EvTimePickerHours");exports.makeEvTimePickerHoursProps=r;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../util/props.mjs"),r=e.propsFactory({period:String,modelValue:Date,hourFormat:Number},"EvTimePickerHours");exports.makeEvTimePickerHoursProps=r;
 //# sourceMappingURL=EvTimePickerHours.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                         */const g=require("../../EvButton/EvButton.vue.mjs"),S=require("./EvTimePickerHours.mjs"),x=require("../../EvEyebrow/EvEyebrow.vue.mjs"),y=require("../../../composables/date/date.mjs"),h=require("../../../composables/modelProxy.mjs"),q=require("../../../composables/locale.mjs"),E={class:"ev-time-picker--hours"},H=e.defineComponent({__name:"EvTimePickerHours",props:{...S.makeEvTimePickerHoursProps()},emits:["update:modelValue","click:hour"],setup(i,{emit:l}){const s=i,c=y.useDate(),n=h.useModelProxy(s,"modelValue",void 0),{t:d}=q.useLocaleFunctions(),p=e.computed(()=>{const t=s.hourFormat===24,o=n.value?c.date(n.value):void 0;return Array.from({length:12},(u,a)=>a+(t?0:1)).map(u=>{const a=t?((s.period==="pm"?12:0)+u)%24:u%12+(s.period==="pm"?12:0),k=t?String(a).padStart(2,"0"):String(u),f=(o==null?void 0:o.getHours())===a;return{value:String(a).padStart(2,"0"),text:k,isDisabled:!1,isSelected:f}})});function v(t){return t.isSelected?"primary":"default"}function m(t){return t.isSelected?"bold":"subtle"}function _(t){const o=!!n.value,r=c.date(n.value);o||r.setHours(0,0,0,0),r.setHours(Number(t.value)),n.value=new Date(r),l("click:hour",t)}return(t,o)=>(e.openBlock(),e.createElementBlock("div",E,[e.createVNode(e.unref(x.default),{tag:"div",class:"ev-time-picker--heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)("time.hours.title")),1)]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,r=>(e.openBlock(),e.createBlock(e.unref(g.default),{key:String(r.value),class:"ev-time-picker--hour",icon:"",rounded:"",text:r.text,appearance:v(r),variant:m(r),onClick:u=>_(r)},null,8,["text","appearance","variant","onClick"]))),128))]))}});exports.default=H;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                         */const f=require("../../EvButton/EvButton.vue.mjs"),x=require("./EvTimePickerHours.mjs"),y=require("../../EvEyebrow/EvEyebrow.vue.mjs"),S=require("../../../composables/date/date.mjs"),h=require("../../../composables/modelProxy.mjs"),q=require("../../../composables/locale.mjs"),E={class:"ev-time-picker--hours"},H=e.defineComponent({__name:"EvTimePickerHours",props:{...x.makeEvTimePickerHoursProps()},emits:["update:modelValue","click:hour"],setup(i,{emit:l}){const c=i,s=S.useDate(),n=h.useModelProxy(c,"modelValue",void 0),{t:p}=q.useLocaleFunctions(),d=e.computed(()=>{const t=c.hourFormat===24,o=n.value?s.date(n.value):void 0;return Array.from({length:12},(u,a)=>a+(t?0:1)).map(u=>{const a=t?((c.period==="pm"?12:0)+u)%24:u%12+(c.period==="pm"?12:0),k=t?String(a).padStart(2,"0"):String(u),g=(o==null?void 0:o.getHours())===a;return{value:String(a).padStart(2,"0"),text:k,isDisabled:!1,isSelected:g}})});function v(t){return t.isSelected?"primary":"default"}function m(t){return t.isSelected?"bold":"subtle"}function _(t){const o=!!n.value,r=s.date(n.value);o||r.setHours(0,0,0,0),r.setHours(Number(t.value)),n.value=new Date(r),l("click:hour",t)}return(t,o)=>(e.openBlock(),e.createElementBlock("div",E,[e.createVNode(e.unref(y),{tag:"div",class:"ev-time-picker--heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("time.hours.title")),1)]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,r=>(e.openBlock(),e.createBlock(e.unref(f),{key:String(r.value),class:"ev-time-picker--hour",icon:"",rounded:"",text:r.text,appearance:v(r),variant:m(r),onClick:u=>_(r)},null,8,["text","appearance","variant","onClick"]))),128))]))}});module.exports=H;
 //# sourceMappingURL=EvTimePickerHours.vue.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvTimePickerHours.vue.mjs","sources":["../../../../../src/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimePickerHours.scss\";\nimport { computed } from \"vue\";\nimport { useDate, useLocaleFunctions, useModelProxy } from \"@/composables\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { Hour, makeEvTimePickerHoursProps } from \"./EvTimePickerHours\";\nimport { EvEyebrow } from \"@/components/EvEyebrow\";\n\nconst props = defineProps({\n ...makeEvTimePickerHoursProps(),\n});\nconst emit = defineEmits([\"update:modelValue\", \"click:hour\"]);\nconst dateAdapter = useDate();\nconst modelValue = useModelProxy(props, \"modelValue\", undefined);\nconst { t } = useLocaleFunctions();\n\nconst hoursInDay = computed(() => {\n const is24Hour = props.hourFormat === 24;\n const value = modelValue.value\n ? (dateAdapter.date(modelValue.value) as Date)\n : undefined;\n\n // Display order\n const displayHours = Array.from(\n { length: 12 },\n (_, i) => i + (is24Hour ? 0 : 1),\n );\n\n return displayHours.map((displayHour) => {\n // Compute canonical 24h value\n const value24 = is24Hour\n ? ((props.period === \"pm\" ? 12 : 0) + displayHour) % 24\n : (displayHour % 12) + (props.period === \"pm\" ? 12 : 0);\n\n // Display text depends on 24-hour setting,\n // but the order remains sequential for 12h\n const text = is24Hour\n ? String(value24).padStart(2, \"0\")\n : String(displayHour);\n const isSelected = value?.getHours() === value24;\n\n return {\n value: String(value24).padStart(2, \"0\"),\n text: text,\n isDisabled: false, // @todo\n isSelected,\n } as Hour;\n });\n});\n\nfunction getAppearance(hour: Hour) {\n return hour.isSelected ? \"primary\" : \"default\";\n}\n\nfunction getVariant(hour: Hour) {\n return hour.isSelected ? \"bold\" : \"subtle\";\n}\n\nfunction onClickHour(hour: Hour) {\n const hasModelValue = !!modelValue.value;\n const value = dateAdapter.date(modelValue.value) as Date;\n if (!hasModelValue) {\n value.setHours(0, 0, 0, 0);\n }\n value.setHours(Number(hour.value));\n modelValue.value = new Date(value);\n emit(\"click:hour\", hour);\n}\n\n</script>\n\n<template>\n <div class=\"ev-time-picker--hours\">\n <ev-eyebrow tag=\"div\" class=\"ev-time-picker--heading\">\n {{ t(\"time.hours.title\") }}\n </ev-eyebrow>\n <ev-button\n v-for=\"hour in hoursInDay\"\n :key=\"String(hour.value)\"\n class=\"ev-time-picker--hour\"\n icon\n rounded\n :text=\"hour.text\"\n :appearance=\"getAppearance(hour)\"\n :variant=\"getVariant(hour)\"\n @click=\"onClickHour(hour)\" />\n </div>\n</template>\n"],"names":["dateAdapter","useDate","modelValue","useModelProxy","props","t","useLocaleFunctions","hoursInDay","computed","is24Hour","value","_","i","displayHour","value24","text","isSelected","getAppearance","hour","getVariant","onClickHour","hasModelValue","emit"],"mappings":"~~uqBAYMA~~,EAAcC,EAAAA,QAAQ,EACtBC,EAAaC,EAAA,cAAcC,EAAO,aAAc,MAAS,EACzD,CAAE,EAAAC,CAAE,EAAIC,qBAAmB,EAE3BC,EAAaC,EAAAA,SAAS,IAAM,CACxB,MAAAC,EAAWL,EAAM,aAAe,GAChCM,EAAQR,EAAW,MAClBF,EAAY,KAAKE,EAAW,KAAK,EAClC,OAQC,OALc,MAAM,KACvB,CAAE,OAAQ,EAAG,EACb,CAACS,EAAGC,IAAMA,GAAKH,EAAW,EAAI,EAClC,EAEoB,IAAKI,GAAgB,CAErC,MAAMC,EAAUL,IACRL,EAAM,SAAW,KAAO,GAAK,GAAKS,GAAe,GAClDA,EAAc,IAAOT,EAAM,SAAW,KAAO,GAAK,GAInDW,EAAON,EACP,OAAOK,CAAO,EAAE,SAAS,EAAG,GAAG,EAC/B,OAAOD,CAAW,EAClBG,GAAaN,GAAA,YAAAA,EAAO,cAAeI,EAElC,MAAA,CACH,MAAO,OAAOA,CAAO,EAAE,SAAS,EAAG,GAAG,EACtC,KAAAC,EACA,WAAY,GACZ,WAAAC,CACJ,CAAA,CACH,CAAA,CACJ,EAED,SAASC,EAAcC,EAAY,CACxB,OAAAA,EAAK,WAAa,UAAY,SAAA,CAGzC,SAASC,EAAWD,EAAY,CACrB,OAAAA,EAAK,WAAa,OAAS,QAAA,CAGtC,SAASE,EAAYF,EAAY,CACvB,MAAAG,EAAgB,CAAC,CAACnB,EAAW,MAC7BQ,EAAQV,EAAY,KAAKE,EAAW,KAAK,EAC1CmB,GACDX,EAAM,SAAS,EAAG,EAAG,EAAG,CAAC,EAE7BA,EAAM,SAAS,OAAOQ,EAAK,KAAK,CAAC,EACtBhB,EAAA,MAAQ,IAAI,KAAKQ,CAAK,EACjCY,EAAK,aAAcJ,CAAI,CAAA"}
1	+ {"version":3,"file":"EvTimePickerHours.vue.mjs","sources":["../../../../../src/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimePickerHours.scss\";\nimport { computed } from \"vue\";\nimport { useDate, useLocaleFunctions, useModelProxy } from \"@/composables\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { Hour, makeEvTimePickerHoursProps } from \"./EvTimePickerHours\";\nimport { EvEyebrow } from \"@/components/EvEyebrow\";\n\nconst props = defineProps({\n ...makeEvTimePickerHoursProps(),\n});\nconst emit = defineEmits([\"update:modelValue\", \"click:hour\"]);\nconst dateAdapter = useDate();\nconst modelValue = useModelProxy(props, \"modelValue\", undefined);\nconst { t } = useLocaleFunctions();\n\nconst hoursInDay = computed(() => {\n const is24Hour = props.hourFormat === 24;\n const value = modelValue.value\n ? (dateAdapter.date(modelValue.value) as Date)\n : undefined;\n\n // Display order\n const displayHours = Array.from(\n { length: 12 },\n (_, i) => i + (is24Hour ? 0 : 1),\n );\n\n return displayHours.map((displayHour) => {\n // Compute canonical 24h value\n const value24 = is24Hour\n ? ((props.period === \"pm\" ? 12 : 0) + displayHour) % 24\n : (displayHour % 12) + (props.period === \"pm\" ? 12 : 0);\n\n // Display text depends on 24-hour setting,\n // but the order remains sequential for 12h\n const text = is24Hour\n ? String(value24).padStart(2, \"0\")\n : String(displayHour);\n const isSelected = value?.getHours() === value24;\n\n return {\n value: String(value24).padStart(2, \"0\"),\n text: text,\n isDisabled: false, // @todo\n isSelected,\n } as Hour;\n });\n});\n\nfunction getAppearance(hour: Hour) {\n return hour.isSelected ? \"primary\" : \"default\";\n}\n\nfunction getVariant(hour: Hour) {\n return hour.isSelected ? \"bold\" : \"subtle\";\n}\n\nfunction onClickHour(hour: Hour) {\n const hasModelValue = !!modelValue.value;\n const value = dateAdapter.date(modelValue.value) as Date;\n if (!hasModelValue) {\n value.setHours(0, 0, 0, 0);\n }\n value.setHours(Number(hour.value));\n modelValue.value = new Date(value);\n emit(\"click:hour\", hour);\n}\n\n</script>\n\n<template>\n <div class=\"ev-time-picker--hours\">\n <ev-eyebrow tag=\"div\" class=\"ev-time-picker--heading\">\n {{ t(\"time.hours.title\") }}\n </ev-eyebrow>\n <ev-button\n v-for=\"hour in hoursInDay\"\n :key=\"String(hour.value)\"\n class=\"ev-time-picker--hour\"\n icon\n rounded\n :text=\"hour.text\"\n :appearance=\"getAppearance(hour)\"\n :variant=\"getVariant(hour)\"\n @click=\"onClickHour(hour)\" />\n </div>\n</template>\n"],"names":["dateAdapter","useDate","modelValue","useModelProxy","props","t","useLocaleFunctions","hoursInDay","computed","is24Hour","value","_","i","displayHour","value24","text","isSelected","getAppearance","hour","getVariant","onClickHour","hasModelValue","emit"],"mappings":"wkBAYMA,EAAcC,EAAAA,QAAQ,EACtBC,EAAaC,EAAA,cAAcC,EAAO,aAAc,MAAS,EACzD,CAAE,EAAAC,CAAE,EAAIC,qBAAmB,EAE3BC,EAAaC,EAAAA,SAAS,IAAM,CACxB,MAAAC,EAAWL,EAAM,aAAe,GAChCM,EAAQR,EAAW,MAClBF,EAAY,KAAKE,EAAW,KAAK,EAClC,OAQC,OALc,MAAM,KACvB,CAAE,OAAQ,EAAG,EACb,CAACS,EAAGC,IAAMA,GAAKH,EAAW,EAAI,EAClC,EAEoB,IAAKI,GAAgB,CAErC,MAAMC,EAAUL,IACRL,EAAM,SAAW,KAAO,GAAK,GAAKS,GAAe,GAClDA,EAAc,IAAOT,EAAM,SAAW,KAAO,GAAK,GAInDW,EAAON,EACP,OAAOK,CAAO,EAAE,SAAS,EAAG,GAAG,EAC/B,OAAOD,CAAW,EAClBG,GAAaN,GAAA,YAAAA,EAAO,cAAeI,EAElC,MAAA,CACH,MAAO,OAAOA,CAAO,EAAE,SAAS,EAAG,GAAG,EACtC,KAAAC,EACA,WAAY,GACZ,WAAAC,CACJ,CAAA,CACH,CAAA,CACJ,EAED,SAASC,EAAcC,EAAY,CACxB,OAAAA,EAAK,WAAa,UAAY,SAAA,CAGzC,SAASC,EAAWD,EAAY,CACrB,OAAAA,EAAK,WAAa,OAAS,QAAA,CAGtC,SAASE,EAAYF,EAAY,CACvB,MAAAG,EAAgB,CAAC,CAACnB,EAAW,MAC7BQ,EAAQV,EAAY,KAAKE,EAAW,KAAK,EAC1CmB,GACDX,EAAM,SAAS,EAAG,EAAG,EAAG,CAAC,EAE7BA,EAAM,SAAS,OAAOQ,EAAK,KAAK,CAAC,EACtBhB,EAAA,MAAQ,IAAI,KAAKQ,CAAK,EACjCY,EAAK,aAAcJ,CAAI,CAAA"}

package/dist/esm/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvTimePickerHours.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvTimePickerHours.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvTimePickerHours.vue2.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePickerMinutes/EvTimePickerMinutes.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../util/props.mjs"),r=e.propsFactory({modelValue:[String,Date],hourFormat:Number},"EvTimePickerMinutes");exports.makeEvTimePickerMinutesProps=r;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../util/props.mjs"),r=e.propsFactory({modelValue:[String,Date],hourFormat:Number},"EvTimePickerMinutes");exports.makeEvTimePickerMinutesProps=r;
 //# sourceMappingURL=EvTimePickerMinutes.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePickerMinutes/EvTimePickerMinutes.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                           */const m=require("./EvTimePickerMinutes.mjs"),k=require("../../EvButton/EvButton.vue.mjs"),f=require("../../EvEyebrow/EvEyebrow.vue.mjs"),g=require("../../../composables/date/date.mjs"),x=require("../../../composables/modelProxy.mjs"),M=require("../../../composables/locale.mjs"),y={class:"ev-time-picker--minutes"},S=e.defineComponent({__name:"EvTimePickerMinutes",props:{...m.makeEvTimePickerMinutesProps()},emits:["update:modelValue"],setup(o,{emit:q}){const i=o,a=g.useDate(),u=x.useModelProxy(i,"modelValue",void 0),{t:s}=M.useLocaleFunctions(),c=e.computed(()=>{const r=u.value?a.date(u.value):void 0;return[0,15,30,45].map(n=>{const t=(r==null?void 0:r.getMinutes())===n,_=String(n).padStart(2,"0");return{value:String(n).padStart(2,"0"),text:_,isDisabled:!1,isSelected:t}})});function l(r){return r.isSelected?"primary":"default"}function d(r){return r.isSelected?"bold":"subtle"}function p(r){const n=!!u.value,t=a.date(u.value);n||t.setHours(0,0,0,0),t.setMinutes(Number(r.value)),u.value=new Date(t)}return(r,n)=>(e.openBlock(),e.createElementBlock("div",y,[e.createVNode(e.unref(f.default),{tag:"div",class:"ev-time-picker--heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("time.minutes.title")),1)]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,t=>(e.openBlock(),e.createBlock(e.unref(k.default),{key:t.value,class:"ev-time-picker--minute",icon:"",rounded:"",text:t.text,appearance:l(t),variant:d(t),onClick:v=>p(t)},null,8,["text","appearance","variant","onClick"]))),128))]))}});exports.default=S;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                           */const _=require("./EvTimePickerMinutes.mjs"),k=require("../../EvButton/EvButton.vue.mjs"),f=require("../../EvEyebrow/EvEyebrow.vue.mjs"),g=require("../../../composables/date/date.mjs"),x=require("../../../composables/modelProxy.mjs"),y=require("../../../composables/locale.mjs"),M={class:"ev-time-picker--minutes"},q=e.defineComponent({__name:"EvTimePickerMinutes",props:{..._.makeEvTimePickerMinutesProps()},emits:["update:modelValue"],setup(i,{emit:E}){const o=i,a=g.useDate(),u=x.useModelProxy(o,"modelValue",void 0),{t:s}=y.useLocaleFunctions(),c=e.computed(()=>{const n=u.value?a.date(u.value):void 0;return[0,15,30,45].map(r=>{const t=(n==null?void 0:n.getMinutes())===r,m=String(r).padStart(2,"0");return{value:String(r).padStart(2,"0"),text:m,isDisabled:!1,isSelected:t}})});function l(n){return n.isSelected?"primary":"default"}function d(n){return n.isSelected?"bold":"subtle"}function p(n){const r=!!u.value,t=a.date(u.value);r||t.setHours(0,0,0,0),t.setMinutes(Number(n.value)),u.value=new Date(t)}return(n,r)=>(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(e.unref(f),{tag:"div",class:"ev-time-picker--heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("time.minutes.title")),1)]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,t=>(e.openBlock(),e.createBlock(e.unref(k),{key:t.value,class:"ev-time-picker--minute",icon:"",rounded:"",text:t.text,appearance:l(t),variant:d(t),onClick:v=>p(t)},null,8,["text","appearance","variant","onClick"]))),128))]))}});module.exports=q;
 //# sourceMappingURL=EvTimePickerMinutes.vue.mjs.map