@evance/evance-ui 1.1.72 → 1.1.73

package/dist/esm/components/EvSwitch/EvSwitch.mjs

@@ -1,2 +1,2 @@
-import{makeEvCheckboxProps as o}from"../EvCheckbox/EvCheckbox.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.72 | MIT License */const m=r({loading:Boolean,...o()},"EvSwitch");export{m as makeEvSwitchProps};
+import{makeEvCheckboxProps as o}from"../EvCheckbox/EvCheckbox.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.73 | MIT License */const m=r({loading:Boolean,...o()},"EvSwitch");export{m as makeEvSwitchProps};
 //# sourceMappingURL=EvSwitch.mjs.map

package/dist/esm/components/EvSwitch/EvSwitch.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as A,useSlots as C,useAttrs as R,ref as m,createElementBlock as n,openBlock as c,mergeProps as f,unref as e,createElementVNode as i,createCommentVNode as u,createVNode as p,withCtx as S,renderSlot as V}from"vue";/* empty css              */import B from"../EvErrors/EvErrors.vue.mjs";import F from"../EvLabel/EvLabel.vue.mjs";import{useToggleControl as I}from"../EvCheckbox/EvCheckbox.mjs";import{makeEvSwitchProps as N}from"./EvSwitch.mjs";import{useFormField as $}from"../../composables/validation.mjs";import{splitInputAttrs as D}from"../../util/helpers.mjs";/*! Evance UI v1.1.72 | MIT License */const M={class:"ev-switch--control"},P=i("div",{class:"ev-switch--track"},null,-1),T=i("div",{class:"ev-switch--thumb"},null,-1),j=["id","name","disabled","readonly","checked","value","aria-disabled","aria-checked"],q={key:0,class:"ev-switch-loading",width:"48",height:"32",viewBox:"0 0 48 32"},z=i("rect",{class:"ev-switch-loading--stroke",x:"1",y:"1",width:"46",height:"30",rx:"15",ry:"15"},null,-1),G=[z],H={key:0,class:"ev-switch--label"},J={key:0,class:"ev-switch--errors"},Z=A({inheritAttrs:!1,__name:"EvSwitch",props:{...N()},emits:["update:focused","update:modelValue"],setup(_,{expose:v}){const s=_,h=C(),b=R(),k=m(null),a=m(null),[g,w]=D(b),t=$(s),{trueValue:y,isChecked:l}=I(t.model,s);function x(){return a.value}function E(o){l.value=o.target.checked}return v({field:t,input:a,focus:()=>{var o;(o=x())==null||o.focus()}}),(o,r)=>(c(),n("div",f({ref_key:"containerRef",ref:k,class:["ev-switch",[{"is-checked":e(l),"is-labelled":s.label||e(h).label,"is-loading":s.loading},e(t).classes,s.class]],style:s.style},e(g)),[i("div",M,[P,T,i("input",f({id:e(t).id,ref_key:"inputRef",ref:a,type:"checkbox",role:"switch",name:e(t).name,disabled:e(t).isDisabled,readonly:e(t).isReadonly,checked:e(l),value:e(y),"aria-disabled":e(t).isDisabled,"aria-checked":e(l)},e(w),{onInput:E,onFocus:r[0]||(r[0]=(...d)=>e(t).focus&&e(t).focus(...d)),onBlur:r[1]||(r[1]=(...d)=>e(t).blur&&e(t).blur(...d))}),null,16,j),s.loading?(c(),n("svg",q,G)):u("",!0)]),s.label||s.hint||e(h).label?(c(),n("div",H,[p(e(F),{clickable:"",for:e(t).id,title:s.label,hint:s.hint},{default:S(()=>[V(o.$slots,"label")]),_:3},8,["for","title","hint"]),e(t).isShowErrorMessages?(c(),n("div",J,[p(e(B),{messages:e(t).errorMessages},null,8,["messages"])])):u("",!0)])):u("",!0)],16))}});export{Z as default};
+import{defineComponent as A,useSlots as C,useAttrs as R,ref as m,createElementBlock as n,openBlock as c,mergeProps as f,unref as e,createElementVNode as i,createCommentVNode as u,createVNode as p,withCtx as S,renderSlot as V}from"vue";/* empty css              */import B from"../EvErrors/EvErrors.vue.mjs";import F from"../EvLabel/EvLabel.vue.mjs";import{useToggleControl as I}from"../EvCheckbox/EvCheckbox.mjs";import{makeEvSwitchProps as N}from"./EvSwitch.mjs";import{useFormField as $}from"../../composables/validation.mjs";import{splitInputAttrs as D}from"../../util/helpers.mjs";/*! Evance UI v1.1.73 | MIT License */const M={class:"ev-switch--control"},P=i("div",{class:"ev-switch--track"},null,-1),T=i("div",{class:"ev-switch--thumb"},null,-1),j=["id","name","disabled","readonly","checked","value","aria-disabled","aria-checked"],q={key:0,class:"ev-switch-loading",width:"48",height:"32",viewBox:"0 0 48 32"},z=i("rect",{class:"ev-switch-loading--stroke",x:"1",y:"1",width:"46",height:"30",rx:"15",ry:"15"},null,-1),G=[z],H={key:0,class:"ev-switch--label"},J={key:0,class:"ev-switch--errors"},Z=A({inheritAttrs:!1,__name:"EvSwitch",props:{...N()},emits:["update:focused","update:modelValue"],setup(_,{expose:v}){const s=_,h=C(),b=R(),k=m(null),a=m(null),[g,w]=D(b),t=$(s),{trueValue:y,isChecked:l}=I(t.model,s);function x(){return a.value}function E(o){l.value=o.target.checked}return v({field:t,input:a,focus:()=>{var o;(o=x())==null||o.focus()}}),(o,r)=>(c(),n("div",f({ref_key:"containerRef",ref:k,class:["ev-switch",[{"is-checked":e(l),"is-labelled":s.label||e(h).label,"is-loading":s.loading},e(t).classes,s.class]],style:s.style},e(g)),[i("div",M,[P,T,i("input",f({id:e(t).id,ref_key:"inputRef",ref:a,type:"checkbox",role:"switch",name:e(t).name,disabled:e(t).isDisabled,readonly:e(t).isReadonly,checked:e(l),value:e(y),"aria-disabled":e(t).isDisabled,"aria-checked":e(l)},e(w),{onInput:E,onFocus:r[0]||(r[0]=(...d)=>e(t).focus&&e(t).focus(...d)),onBlur:r[1]||(r[1]=(...d)=>e(t).blur&&e(t).blur(...d))}),null,16,j),s.loading?(c(),n("svg",q,G)):u("",!0)]),s.label||s.hint||e(h).label?(c(),n("div",H,[p(e(F),{clickable:"",for:e(t).id,title:s.label,hint:s.hint},{default:S(()=>[V(o.$slots,"label")]),_:3},8,["for","title","hint"]),e(t).isShowErrorMessages?(c(),n("div",J,[p(e(B),{messages:e(t).errorMessages},null,8,["messages"])])):u("",!0)])):u("",!0)],16))}});export{Z as default};
 //# sourceMappingURL=EvSwitch.vue.mjs.map

package/dist/esm/components/EvSwitch/EvSwitch.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvSwitch.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvSwitch.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvSwitch.vue2.mjs.map

package/dist/esm/components/EvT/EvT.mjs

@@ -1,2 +1,2 @@
-import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.72 | MIT License */function o(t){var l;const r=/\{\s*(\w+)\s*}/g,s=[];let e=0,n;for(;(n=r.exec(t))!==null;)n.index>e&&s.push({type:"text",value:t.slice(e,n.index)}),s.push({type:"slot",name:((l=n[1])==null?void 0:l.trim())??""}),e=r.lastIndex;return e<t.length&&s.push({type:"text",value:t.slice(e)}),s}const p=i({keypath:String,variables:Object},"EvT");export{p as makeEvTProps,o as parseTranslationTemplate};
+import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.73 | MIT License */function o(t){var l;const r=/\{\s*(\w+)\s*}/g,s=[];let e=0,n;for(;(n=r.exec(t))!==null;)n.index>e&&s.push({type:"text",value:t.slice(e,n.index)}),s.push({type:"slot",name:((l=n[1])==null?void 0:l.trim())??""}),e=r.lastIndex;return e<t.length&&s.push({type:"text",value:t.slice(e)}),s}const p=i({keypath:String,variables:Object},"EvT");export{p as makeEvTProps,o as parseTranslationTemplate};
 //# sourceMappingURL=EvT.mjs.map

package/dist/esm/components/EvT/EvT.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as i,computed as k,createElementBlock as t,openBlock as o,Fragment as r,renderList as d,renderSlot as f,createTextVNode as a,toDisplayString as s}from"vue";import{makeEvTProps as y,parseTranslationTemplate as v}from"./EvT.mjs";import{useLocaleFunctions as T}from"../../composables/locale.mjs";/*! Evance UI v1.1.72 | MIT License */const h=i({__name:"EvT",props:{...y()},setup(m){const n=m,{t:p}=T(),l=k(()=>v(p(n.keypath,n.variables)));return(c,_)=>(o(!0),t(r,null,d(l.value,(e,u)=>(o(),t(r,{key:u},[e.type==="text"?(o(),t(r,{key:0},[a(s(e.value),1)],64)):f(c.$slots,e.name,{key:1},()=>[a(s(`{ ${e.name} }`),1)])],64))),128))}});export{h as default};
+import{defineComponent as i,computed as k,createElementBlock as t,openBlock as o,Fragment as r,renderList as d,renderSlot as f,createTextVNode as a,toDisplayString as s}from"vue";import{makeEvTProps as y,parseTranslationTemplate as v}from"./EvT.mjs";import{useLocaleFunctions as T}from"../../composables/locale.mjs";/*! Evance UI v1.1.73 | MIT License */const h=i({__name:"EvT",props:{...y()},setup(m){const n=m,{t:p}=T(),l=k(()=>v(p(n.keypath,n.variables)));return(c,_)=>(o(!0),t(r,null,d(l.value,(e,u)=>(o(),t(r,{key:u},[e.type==="text"?(o(),t(r,{key:0},[a(s(e.value),1)],64)):f(c.$slots,e.name,{key:1},()=>[a(s(`{ ${e.name} }`),1)])],64))),128))}});export{h as default};
 //# sourceMappingURL=EvT.vue.mjs.map

package/dist/esm/components/EvT/EvT.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvT.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvT.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvT.vue2.mjs.map

package/dist/esm/components/EvTabs/EvTab/EvTab.mjs

@@ -1,2 +1,2 @@
-import{makeEvButtonProps as e}from"../../EvButton/EvButton.mjs";import{propsFactory as t}from"../../../util/props.mjs";import{omit as r}from"../../../util/helpers.mjs";/*! Evance UI v1.1.72 | MIT License */const i=t({direction:{type:String,default:"horizontal"},...r(e({variant:"subtle",selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"subtle"}),["active","symbol"])},"EvTab");export{i as makeEvTabProps};
+import{makeEvButtonProps as e}from"../../EvButton/EvButton.mjs";import{propsFactory as t}from"../../../util/props.mjs";import{omit as r}from"../../../util/helpers.mjs";/*! Evance UI v1.1.73 | MIT License */const i=t({direction:{type:String,default:"horizontal"},...r(e({variant:"subtle",selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"subtle"}),["active","symbol"])},"EvTab");export{i as makeEvTabProps};
 //# sourceMappingURL=EvTab.mjs.map

package/dist/esm/components/EvTabs/EvTab/EvTab.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as H,useSlots as N,computed as p,ref as y,createBlock as R,openBlock as V,unref as t,mergeProps as X,createSlots as Y,withCtx as S,createElementVNode as q,normalizeClass as A,renderSlot as G,createTextVNode as O,toDisplayString as j}from"vue";/* empty css           */import{makeEvTabProps as F}from"./EvTab.mjs";import E from"../../EvButton/EvButton.vue.mjs";import{EvTabsSymbol as I}from"../EvTabs.mjs";import{useDefaults as J}from"../../../composables/defaults.mjs";import{filterComponentProps as K}from"../../../util/helpers.mjs";import{animate as L,easingStandard as Q}from"../../../util/animate.mjs";/*! Evance UI v1.1.72 | MIT License */const ae=H({__name:"EvTab",props:{...F()},setup($){const _=$,C=N(),o=J(_),f=p(()=>{var s,e;return((e=(s=d.value)==null?void 0:s.group)==null?void 0:e.isSelected.value)??!1}),r=p(()=>o.direction==="horizontal"),k=p(()=>K(E,o)),d=y(),v=y();function B({value:s}){var x,h;if(!s)return;const e=(h=(x=d.value)==null?void 0:x.$el.parentElement)==null?void 0:h.querySelector(".ev-tab.is-active .ev-tab--slider"),m=v.value;if(!e||!m)return;const P=getComputedStyle(e).color,n=e.getBoundingClientRect(),a=m.getBoundingClientRect(),c=r.value?"x":"y",u=r.value?"X":"Y",g=r.value?"right":"bottom",l=r.value?"width":"height",z=n[c],M=a[c],i=z>M?n[g]-a[g]:n[c]-a[c],T=Math.sign(i)>0?r.value?"right":"bottom":Math.sign(i)<0?r.value?"left":"top":"center",w=(Math.abs(i)+(Math.sign(i)<0?n[l]:a[l]))/Math.max(n[l],a[l])||0,D=n[l]/a[l]||0,b=1.5;L(m,{backgroundColor:[P,"currentcolor"],transform:[`translate${u}(${i}px) scale${u}(${D})`,`translate${u}(${i/b}px) scale${u}(${(w-1)/b+1})`,"none"],transformOrigin:Array(3).fill(T)},{duration:225,easing:Q})}return(s,e)=>(V(),R(t(E),X({ref_key:"rootEl",ref:d,role:"tab",class:["ev-tab",t(o).class],active:void 0,"aria-selected":String(f.value),symbol:t(I),tabindex:f.value?0:-1,style:t(o).style},k.value,{"onGroup:selected":B}),Y({additional:S(()=>[q("div",{ref_key:"sliderEl",ref:v,class:A(["ev-tab--slider"])},null,512)]),_:2},[t(o).text||t(C).default?{name:"default",fn:S(()=>[G(s.$slots,"default",{},()=>[O(j(t(o).text),1)])]),key:"0"}:void 0]),1040,["class","aria-selected","symbol","tabindex","style"]))}});export{ae as default};
+import{defineComponent as H,useSlots as N,computed as p,ref as y,createBlock as R,openBlock as V,unref as t,mergeProps as X,createSlots as Y,withCtx as S,createElementVNode as q,normalizeClass as A,renderSlot as G,createTextVNode as O,toDisplayString as j}from"vue";/* empty css           */import{makeEvTabProps as F}from"./EvTab.mjs";import E from"../../EvButton/EvButton.vue.mjs";import{EvTabsSymbol as I}from"../EvTabs.mjs";import{useDefaults as J}from"../../../composables/defaults.mjs";import{filterComponentProps as K}from"../../../util/helpers.mjs";import{animate as L,easingStandard as Q}from"../../../util/animate.mjs";/*! Evance UI v1.1.73 | MIT License */const ae=H({__name:"EvTab",props:{...F()},setup($){const _=$,C=N(),o=J(_),f=p(()=>{var s,e;return((e=(s=d.value)==null?void 0:s.group)==null?void 0:e.isSelected.value)??!1}),r=p(()=>o.direction==="horizontal"),k=p(()=>K(E,o)),d=y(),v=y();function B({value:s}){var x,h;if(!s)return;const e=(h=(x=d.value)==null?void 0:x.$el.parentElement)==null?void 0:h.querySelector(".ev-tab.is-active .ev-tab--slider"),m=v.value;if(!e||!m)return;const P=getComputedStyle(e).color,n=e.getBoundingClientRect(),a=m.getBoundingClientRect(),c=r.value?"x":"y",u=r.value?"X":"Y",g=r.value?"right":"bottom",l=r.value?"width":"height",z=n[c],M=a[c],i=z>M?n[g]-a[g]:n[c]-a[c],T=Math.sign(i)>0?r.value?"right":"bottom":Math.sign(i)<0?r.value?"left":"top":"center",w=(Math.abs(i)+(Math.sign(i)<0?n[l]:a[l]))/Math.max(n[l],a[l])||0,D=n[l]/a[l]||0,b=1.5;L(m,{backgroundColor:[P,"currentcolor"],transform:[`translate${u}(${i}px) scale${u}(${D})`,`translate${u}(${i/b}px) scale${u}(${(w-1)/b+1})`,"none"],transformOrigin:Array(3).fill(T)},{duration:225,easing:Q})}return(s,e)=>(V(),R(t(E),X({ref_key:"rootEl",ref:d,role:"tab",class:["ev-tab",t(o).class],active:void 0,"aria-selected":String(f.value),symbol:t(I),tabindex:f.value?0:-1,style:t(o).style},k.value,{"onGroup:selected":B}),Y({additional:S(()=>[q("div",{ref_key:"sliderEl",ref:v,class:A(["ev-tab--slider"])},null,512)]),_:2},[t(o).text||t(C).default?{name:"default",fn:S(()=>[G(s.$slots,"default",{},()=>[O(j(t(o).text),1)])]),key:"0"}:void 0]),1040,["class","aria-selected","symbol","tabindex","style"]))}});export{ae as default};
 //# sourceMappingURL=EvTab.vue.mjs.map

package/dist/esm/components/EvTabs/EvTab/EvTab.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvTab.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvTab.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvTab.vue2.mjs.map

package/dist/esm/components/EvTabs/EvTabs.mjs

@@ -1,2 +1,2 @@
-import{makeEvSlideGroupProps as o}from"../EvSlideGroup/EvSlideGroup.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.72 | MIT License */const m=Symbol.for("ev:tabs"),p=a({alignTabs:{type:String,default:"start"},grow:Boolean,items:{type:Array,default:()=>[]},size:String,...o({mandatory:"force"}),...r()},"EvTabs");export{m as EvTabsSymbol,p as makeEvTabsProps};
+import{makeEvSlideGroupProps as o}from"../EvSlideGroup/EvSlideGroup.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.73 | MIT License */const m=Symbol.for("ev:tabs"),p=a({alignTabs:{type:String,default:"start"},grow:Boolean,items:{type:Array,default:()=>[]},size:String,...o({mandatory:"force"}),...r()},"EvTabs");export{m as EvTabsSymbol,p as makeEvTabsProps};
 //# sourceMappingURL=EvTabs.mjs.map

package/dist/esm/components/EvTabs/EvTabs.scss.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.72 | MIT License */
+/*! Evance UI v1.1.73 | MIT License */
 //# sourceMappingURL=EvTabs.scss.mjs.map

package/dist/esm/components/EvTabs/EvTabs.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as y,computed as n,toRef as s,createBlock as p,openBlock as m,unref as l,mergeProps as i,isRef as _,withCtx as g,renderSlot as T,createElementBlock as V,Fragment as k,renderList as x}from"vue";import"./EvTabs.scss.mjs";import{makeEvTabsProps as E,EvTabsSymbol as P}from"./EvTabs.mjs";import u from"../EvSlideGroup/EvSlideGroup.vue.mjs";import{useModelProxy as C}from"../../composables/modelProxy.mjs";import{provideDefaults as $}from"../../composables/defaults.mjs";import w from"./EvTab/EvTab.vue.mjs";import{filterComponentProps as B}from"../../util/helpers.mjs";import{isObject as z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.72 | MIT License */const M=y({__name:"EvTabs",props:{...E()},setup(c){const e=c;function d(o){return o?o.map(t=>z(t)?t:{text:t,value:t}):[]}const a=C(e,"modelValue"),f=n(()=>d(e.items));$({EvTab:{direction:s(e,"direction"),size:s(e,"size"),selectedAppearance:s(e,"selectedAppearance"),selectedVariant:s(e,"selectedVariant")}});const b=n(()=>B(u,e)),v=n(()=>`is-align-tabs-${e.alignTabs}`);return(o,t)=>(m(),p(l(u),i(b.value,{modelValue:l(a),"onUpdate:modelValue":t[0]||(t[0]=r=>_(a)?a.value=r:null),role:"tablist",class:["ev-tabs",v.value,{"is-grow":e.grow},e.class],style:e.style,symbol:l(P)}),{default:g(()=>[T(o.$slots,"default",{},()=>[(m(!0),V(k,null,x(f.value,r=>(m(),p(l(w),i({key:r.text},r),null,16))),128))])]),_:3},16,["modelValue","class","style","symbol"]))}});export{M as default};
+import{defineComponent as y,computed as n,toRef as s,createBlock as p,openBlock as m,unref as l,mergeProps as i,isRef as _,withCtx as g,renderSlot as T,createElementBlock as V,Fragment as k,renderList as x}from"vue";import"./EvTabs.scss.mjs";import{makeEvTabsProps as E,EvTabsSymbol as P}from"./EvTabs.mjs";import u from"../EvSlideGroup/EvSlideGroup.vue.mjs";import{useModelProxy as C}from"../../composables/modelProxy.mjs";import{provideDefaults as $}from"../../composables/defaults.mjs";import w from"./EvTab/EvTab.vue.mjs";import{filterComponentProps as B}from"../../util/helpers.mjs";import{isObject as z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.73 | MIT License */const M=y({__name:"EvTabs",props:{...E()},setup(c){const e=c;function d(o){return o?o.map(t=>z(t)?t:{text:t,value:t}):[]}const a=C(e,"modelValue"),f=n(()=>d(e.items));$({EvTab:{direction:s(e,"direction"),size:s(e,"size"),selectedAppearance:s(e,"selectedAppearance"),selectedVariant:s(e,"selectedVariant")}});const b=n(()=>B(u,e)),v=n(()=>`is-align-tabs-${e.alignTabs}`);return(o,t)=>(m(),p(l(u),i(b.value,{modelValue:l(a),"onUpdate:modelValue":t[0]||(t[0]=r=>_(a)?a.value=r:null),role:"tablist",class:["ev-tabs",v.value,{"is-grow":e.grow},e.class],style:e.style,symbol:l(P)}),{default:g(()=>[T(o.$slots,"default",{},()=>[(m(!0),V(k,null,x(f.value,r=>(m(),p(l(w),i({key:r.text},r),null,16))),128))])]),_:3},16,["modelValue","class","style","symbol"]))}});export{M as default};
 //# sourceMappingURL=EvTabs.vue.mjs.map

package/dist/esm/components/EvTabs/EvTabs.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvTabs.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvTabs.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvTabs.vue2.mjs.map

package/dist/esm/components/EvTag/EvTag.mjs

@@ -1,2 +1,2 @@
-import{makeTagProps as r}from"../../composables/tag.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{makeGroupItemProps as e}from"../../composables/groupItem.mjs";import{makeRoundedProps as n}from"../../composables/rounded.mjs";import{IconProp as o}from"../../composables/icons.mjs";import p from"../../icons/glyph/CheckIcon.svg.mjs";import{propsFactory as i}from"../../util/props.mjs";import{EventProp as t}from"../../util/events.mjs";import{Appearance as m}from"../../util/appearance.mjs";/*! Evance UI v1.1.72 | MIT License */const S=i({activeClass:String,appearance:{type:String,default:m.default},avatarEnd:String,avatarStart:String,closable:Boolean,draggable:Boolean,filter:Boolean,iconEnd:o,iconFilter:{type:o,default:p},iconStart:o,link:{type:Boolean,default:void 0},modelValue:{type:Boolean,default:!0},text:String,variant:{type:String,default:"default"},onClick:t(),onClickOnce:t(),...e(),...a(),...n(),...r({tag:"span"})},"EvTag");export{S as makeEvTagProps};
+import{makeTagProps as r}from"../../composables/tag.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{makeGroupItemProps as e}from"../../composables/groupItem.mjs";import{makeRoundedProps as n}from"../../composables/rounded.mjs";import{IconProp as o}from"../../composables/icons.mjs";import p from"../../icons/glyph/CheckIcon.svg.mjs";import{propsFactory as i}from"../../util/props.mjs";import{EventProp as t}from"../../util/events.mjs";import{Appearance as m}from"../../util/appearance.mjs";/*! Evance UI v1.1.73 | MIT License */const S=i({activeClass:String,appearance:{type:String,default:m.default},avatarEnd:String,avatarStart:String,closable:Boolean,draggable:Boolean,filter:Boolean,iconEnd:o,iconFilter:{type:o,default:p},iconStart:o,link:{type:Boolean,default:void 0},modelValue:{type:Boolean,default:!0},text:String,variant:{type:String,default:"default"},onClick:t(),onClickOnce:t(),...e(),...a(),...n(),...r({tag:"span"})},"EvTag");export{S as makeEvTagProps};
 //# sourceMappingURL=EvTag.mjs.map

package/dist/esm/components/EvTag/EvTag.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as H,useSlots as O,useAttrs as X,computed as i,createBlock as o,createCommentVNode as r,unref as e,openBlock as l,resolveDynamicComponent as j,withKeys as V,normalizeStyle as q,normalizeClass as J,withCtx as d,createElementBlock as u,createElementVNode as w,withDirectives as Q,renderSlot as v,vShow as U,Fragment as A,normalizeProps as W,guardReactiveProps as Y,createTextVNode as Z,toDisplayString as ee,createVNode as ae}from"vue";/* empty css           */import{makeEvTagProps as te}from"./EvTag.mjs";import m from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import k from"../EvDefaultsProvider/EvDefaultsProvider.vue.mjs";import le from"../../icons/glyph/CancelIcon.svg.mjs";import{useLocaleFunctions as se}from"../../composables/locale.mjs";import{useModelProxy as ie}from"../../composables/modelProxy.mjs";import{useRouterLinkOrHref as oe}from"../../composables/router.mjs";import{useGroupItem as re}from"../../composables/groupItem.mjs";import $ from"../EvAvatar/EvAvatar.vue.mjs";import{EvTagGroupSymbol as ne}from"../EvTagGroup/EvTagGroup.mjs";import{EvTransitionExpandX as ce}from"../../EvTransitionExpand.mjs";import{useDefaults as de}from"../../composables/defaults.mjs";import{useAppearance as ue}from"../../util/appearance.mjs";/*! Evance UI v1.1.72 | MIT License */const fe={key:"filter",class:"ev-tag--filter"},ve={key:"prefix",class:"ev-tag--prefix"},me={class:"ev-tag--content","data-no-activator":""},pe={key:"suffix",class:"ev-tag--suffix"},ye=["aria-label"],Ie=H({__name:"EvTag",props:{...te()},emits:["click","click:close","group:selected","update:modelValue"],setup(D,{emit:g}){const a=de(D),c=O(),F=X(),n=oe(a,F),{t:L}=se(),p=ie(a,"modelValue"),t=re(a,ne,!1),I=i(()=>a.link!==!1&&n.isLink.value),f=i(()=>!a.disabled&&a.link!==!1&&(!!t||a.link||n.isClickable.value)),T=i(()=>L("close")),z=i(()=>n.isLink.value?"a":a.tag);function h(s){var y;g("click",s),f.value&&((y=n.navigate)==null||y.call(n,s),t==null||t.toggle())}function K(s){s.stopPropagation(),p.value=!1,g("click:close",s)}function b(s){I.value||!f.value||(s.preventDefault(),h(s))}const x=i(()=>(c.filter||a.filter)&&t),N=i(()=>({isSelected:t==null?void 0:t.isSelected.value,selectedClass:t==null?void 0:t.selectedClass.value,selectedAppearance:t==null?void 0:t.selectedAppearance.value,selectedVariant:t==null?void 0:t.selectedVariant.value,select:t==null?void 0:t.select,toggle:t==null?void 0:t.toggle,value:t==null?void 0:t.value.value,disabled:a.disabled})),_=i(()=>!!(a.avatarStart||a.iconStart)),S=i(()=>!!(a.avatarEnd||a.iconEnd)),B=i(()=>!!(_.value||c.prefix)),M=i(()=>!!(S.value||c.suffix)),{appearanceClass:G,variantClass:R}=ue(a,t,p);return(s,y)=>{var E,C;return e(p)?(l(),o(j(z.value),{key:0,class:J(["ev-tag",{"is-active":(E=e(t))==null?void 0:E.isSelected.value,"is-clickable":f.value,"is-disabled":e(a).disabled,"is-filter":x.value,"is-rounded-pill":e(a).rounded},(C=e(t))==null?void 0:C.selectedClass.value,e(G),e(R),e(a).class]),style:q([e(a).style]),disabled:e(a).disabled||void 0,draggable:e(a).draggable,href:e(n).href.value,tabindex:f.value?0:void 0,onClick:h,onKeydown:[V(b,["enter"]),V(b,["space"])]},{default:d(()=>[x.value?(l(),o(e(ce),{key:"filter"},{default:d(()=>{var P;return[Q(w("div",fe,[e(c).filter?(l(),o(e(k),{key:"filter-defaults",disabled:!e(a).iconFilter,defaults:{EvIcon:{glyph:e(a).iconFilter}}},{default:d(()=>[v(s.$slots,"filter")]),_:3},8,["disabled","defaults"])):(l(),o(e(m),{key:"filter-icon",glyph:e(a).iconFilter},null,8,["glyph"]))],512),[[U,(P=e(t))==null?void 0:P.isSelected.value]])]}),_:3})):r("",!0),B.value?(l(),u("div",ve,[e(c).prefix?(l(),o(e(k),{key:"prefix-defaults",disabled:!_.value,defaults:{EvAvatar:{image:e(a).avatarStart},EvIcon:{glyph:e(a).iconStart}}},{default:d(()=>[v(s.$slots,"prefix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconStart?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconStart},null,8,["glyph"])):r("",!0),e(a).avatarStart?(l(),o(e($),{key:"prefix-avatar",image:e(a).avatarStart},null,8,["image"])):r("",!0)],64))])):r("",!0),w("div",me,[v(s.$slots,"default",W(Y(N.value)),()=>[Z(ee(e(a).text),1)])]),M.value?(l(),u("div",pe,[e(c).suffix?(l(),o(e(k),{key:"suffix-defaults",disabled:!S.value,defaults:{EvAvatar:{image:e(a).avatarEnd},EvIcon:{glyph:e(a).iconEnd}}},{default:d(()=>[v(s.$slots,"suffix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconEnd?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconEnd},null,8,["glyph"])):r("",!0),e(a).avatarEnd?(l(),o(e($),{key:"suffix-avatar",image:e(a).avatarEnd},null,8,["image"])):r("",!0)],64))])):r("",!0),e(a).closable?(l(),u("button",{key:"close",class:"ev-tag--close","aria-label":T.value,onClick:K},[ae(e(m),{glyph:e(le),size:"small"},null,8,["glyph"])],8,ye)):r("",!0)]),_:3},40,["class","style","disabled","draggable","href","tabindex","onKeydown"])):r("",!0)}}});export{Ie as default};
+import{defineComponent as H,useSlots as O,useAttrs as X,computed as i,createBlock as o,createCommentVNode as r,unref as e,openBlock as l,resolveDynamicComponent as j,withKeys as V,normalizeStyle as q,normalizeClass as J,withCtx as d,createElementBlock as u,createElementVNode as w,withDirectives as Q,renderSlot as v,vShow as U,Fragment as A,normalizeProps as W,guardReactiveProps as Y,createTextVNode as Z,toDisplayString as ee,createVNode as ae}from"vue";/* empty css           */import{makeEvTagProps as te}from"./EvTag.mjs";import m from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import k from"../EvDefaultsProvider/EvDefaultsProvider.vue.mjs";import le from"../../icons/glyph/CancelIcon.svg.mjs";import{useLocaleFunctions as se}from"../../composables/locale.mjs";import{useModelProxy as ie}from"../../composables/modelProxy.mjs";import{useRouterLinkOrHref as oe}from"../../composables/router.mjs";import{useGroupItem as re}from"../../composables/groupItem.mjs";import $ from"../EvAvatar/EvAvatar.vue.mjs";import{EvTagGroupSymbol as ne}from"../EvTagGroup/EvTagGroup.mjs";import{EvTransitionExpandX as ce}from"../../EvTransitionExpand.mjs";import{useDefaults as de}from"../../composables/defaults.mjs";import{useAppearance as ue}from"../../util/appearance.mjs";/*! Evance UI v1.1.73 | MIT License */const fe={key:"filter",class:"ev-tag--filter"},ve={key:"prefix",class:"ev-tag--prefix"},me={class:"ev-tag--content","data-no-activator":""},pe={key:"suffix",class:"ev-tag--suffix"},ye=["aria-label"],Ie=H({__name:"EvTag",props:{...te()},emits:["click","click:close","group:selected","update:modelValue"],setup(D,{emit:g}){const a=de(D),c=O(),F=X(),n=oe(a,F),{t:L}=se(),p=ie(a,"modelValue"),t=re(a,ne,!1),I=i(()=>a.link!==!1&&n.isLink.value),f=i(()=>!a.disabled&&a.link!==!1&&(!!t||a.link||n.isClickable.value)),T=i(()=>L("close")),z=i(()=>n.isLink.value?"a":a.tag);function h(s){var y;g("click",s),f.value&&((y=n.navigate)==null||y.call(n,s),t==null||t.toggle())}function K(s){s.stopPropagation(),p.value=!1,g("click:close",s)}function b(s){I.value||!f.value||(s.preventDefault(),h(s))}const x=i(()=>(c.filter||a.filter)&&t),N=i(()=>({isSelected:t==null?void 0:t.isSelected.value,selectedClass:t==null?void 0:t.selectedClass.value,selectedAppearance:t==null?void 0:t.selectedAppearance.value,selectedVariant:t==null?void 0:t.selectedVariant.value,select:t==null?void 0:t.select,toggle:t==null?void 0:t.toggle,value:t==null?void 0:t.value.value,disabled:a.disabled})),_=i(()=>!!(a.avatarStart||a.iconStart)),S=i(()=>!!(a.avatarEnd||a.iconEnd)),B=i(()=>!!(_.value||c.prefix)),M=i(()=>!!(S.value||c.suffix)),{appearanceClass:G,variantClass:R}=ue(a,t,p);return(s,y)=>{var E,C;return e(p)?(l(),o(j(z.value),{key:0,class:J(["ev-tag",{"is-active":(E=e(t))==null?void 0:E.isSelected.value,"is-clickable":f.value,"is-disabled":e(a).disabled,"is-filter":x.value,"is-rounded-pill":e(a).rounded},(C=e(t))==null?void 0:C.selectedClass.value,e(G),e(R),e(a).class]),style:q([e(a).style]),disabled:e(a).disabled||void 0,draggable:e(a).draggable,href:e(n).href.value,tabindex:f.value?0:void 0,onClick:h,onKeydown:[V(b,["enter"]),V(b,["space"])]},{default:d(()=>[x.value?(l(),o(e(ce),{key:"filter"},{default:d(()=>{var P;return[Q(w("div",fe,[e(c).filter?(l(),o(e(k),{key:"filter-defaults",disabled:!e(a).iconFilter,defaults:{EvIcon:{glyph:e(a).iconFilter}}},{default:d(()=>[v(s.$slots,"filter")]),_:3},8,["disabled","defaults"])):(l(),o(e(m),{key:"filter-icon",glyph:e(a).iconFilter},null,8,["glyph"]))],512),[[U,(P=e(t))==null?void 0:P.isSelected.value]])]}),_:3})):r("",!0),B.value?(l(),u("div",ve,[e(c).prefix?(l(),o(e(k),{key:"prefix-defaults",disabled:!_.value,defaults:{EvAvatar:{image:e(a).avatarStart},EvIcon:{glyph:e(a).iconStart}}},{default:d(()=>[v(s.$slots,"prefix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconStart?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconStart},null,8,["glyph"])):r("",!0),e(a).avatarStart?(l(),o(e($),{key:"prefix-avatar",image:e(a).avatarStart},null,8,["image"])):r("",!0)],64))])):r("",!0),w("div",me,[v(s.$slots,"default",W(Y(N.value)),()=>[Z(ee(e(a).text),1)])]),M.value?(l(),u("div",pe,[e(c).suffix?(l(),o(e(k),{key:"suffix-defaults",disabled:!S.value,defaults:{EvAvatar:{image:e(a).avatarEnd},EvIcon:{glyph:e(a).iconEnd}}},{default:d(()=>[v(s.$slots,"suffix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconEnd?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconEnd},null,8,["glyph"])):r("",!0),e(a).avatarEnd?(l(),o(e($),{key:"suffix-avatar",image:e(a).avatarEnd},null,8,["image"])):r("",!0)],64))])):r("",!0),e(a).closable?(l(),u("button",{key:"close",class:"ev-tag--close","aria-label":T.value,onClick:K},[ae(e(m),{glyph:e(le),size:"small"},null,8,["glyph"])],8,ye)):r("",!0)]),_:3},40,["class","style","disabled","draggable","href","tabindex","onKeydown"])):r("",!0)}}});export{Ie as default};
 //# sourceMappingURL=EvTag.vue.mjs.map

package/dist/esm/components/EvTag/EvTag.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvTag.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvTag.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvTag.vue2.mjs.map

package/dist/esm/components/EvTagGroup/EvTagGroup.mjs

@@ -1,2 +1,2 @@
-import{makeTagProps as o}from"../../composables/tag.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeGroupProps as e}from"../../composables/group.mjs";import{makeEvSlideGroupProps as p}from"../EvSlideGroup/EvSlideGroup.mjs";import{propsFactory as a}from"../../util/props.mjs";import{isDeepEqual as m}from"../../util/is-functions.mjs";/*! Evance UI v1.1.72 | MIT License */const c=Symbol.for("ev:tag-group"),f=a({column:Boolean,filter:Boolean,valueComparator:{type:Function,default:m},...p(),...r(),...e({selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"outlined"}),...o()},"EvTagGroup");export{c as EvTagGroupSymbol,f as makeEvTagGroupProps};
+import{makeTagProps as o}from"../../composables/tag.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeGroupProps as e}from"../../composables/group.mjs";import{makeEvSlideGroupProps as p}from"../EvSlideGroup/EvSlideGroup.mjs";import{propsFactory as a}from"../../util/props.mjs";import{isDeepEqual as m}from"../../util/is-functions.mjs";/*! Evance UI v1.1.73 | MIT License */const c=Symbol.for("ev:tag-group"),f=a({column:Boolean,filter:Boolean,valueComparator:{type:Function,default:m},...p(),...r(),...e({selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"outlined"}),...o()},"EvTagGroup");export{c as EvTagGroupSymbol,f as makeEvTagGroupProps};
 //# sourceMappingURL=EvTagGroup.mjs.map

package/dist/esm/components/EvTagGroup/EvTagGroup.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as f,computed as o,toRef as r,createBlock as d,openBlock as v,unref as g,mergeProps as _,withCtx as P,renderSlot as G,normalizeProps as y,guardReactiveProps as E}from"vue";/* empty css                */import{makeEvTagGroupProps as T,EvTagGroupSymbol as b}from"./EvTagGroup.mjs";import{useGroup as k}from"../../composables/group.mjs";import{provideDefaults as x}from"../../composables/defaults.mjs";import t from"../EvSlideGroup/EvSlideGroup.vue.mjs";import{filterComponentProps as C}from"../../util/helpers.mjs";/*! Evance UI v1.1.72 | MIT License */const j=f({__name:"EvTagGroup",props:{...T()},setup(s){const e=s,{isSelected:l,select:p,next:a,previous:m,selected:u}=k(e,b),c=o(()=>({isSelected:l,select:p,next:a,previous:m,selected:u.value}));x({EvTag:{disabled:r(e,"disabled"),filter:r(e,"filter")}});const i=o(()=>C(t,e));return(n,S)=>(v(),d(g(t),_(i.value,{class:["ev-tag-group",{"is-column":e.column},e.class],style:e.style}),{default:P(()=>[G(n.$slots,"default",y(E(c.value)))]),_:3},16,["class","style"]))}});export{j as default};
+import{defineComponent as f,computed as o,toRef as r,createBlock as d,openBlock as v,unref as g,mergeProps as _,withCtx as P,renderSlot as G,normalizeProps as y,guardReactiveProps as E}from"vue";/* empty css                */import{makeEvTagGroupProps as T,EvTagGroupSymbol as b}from"./EvTagGroup.mjs";import{useGroup as k}from"../../composables/group.mjs";import{provideDefaults as x}from"../../composables/defaults.mjs";import t from"../EvSlideGroup/EvSlideGroup.vue.mjs";import{filterComponentProps as C}from"../../util/helpers.mjs";/*! Evance UI v1.1.73 | MIT License */const j=f({__name:"EvTagGroup",props:{...T()},setup(s){const e=s,{isSelected:l,select:p,next:a,previous:m,selected:u}=k(e,b),c=o(()=>({isSelected:l,select:p,next:a,previous:m,selected:u.value}));x({EvTag:{disabled:r(e,"disabled"),filter:r(e,"filter")}});const i=o(()=>C(t,e));return(n,S)=>(v(),d(g(t),_(i.value,{class:["ev-tag-group",{"is-column":e.column},e.class],style:e.style}),{default:P(()=>[G(n.$slots,"default",y(E(c.value)))]),_:3},16,["class","style"]))}});export{j as default};
 //# sourceMappingURL=EvTagGroup.vue.mjs.map

package/dist/esm/components/EvTagGroup/EvTagGroup.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvTagGroup.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvTagGroup.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvTagGroup.vue2.mjs.map

package/dist/esm/components/EvText/EvText.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as e}from"../../composables/component.mjs";import{makeTagProps as t}from"../../composables/tag.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.72 | MIT License */const l={small:"small",medium:"medium",large:"large",xLarge:"x-large"},i={"x-large":"text-subtitle",large:"text-large",medium:"text-medium",small:"text-small"},s=r({appearance:String,monospace:Boolean,size:String,text:String,truncate:[Number,Boolean],weight:String,...e(),...t({tag:"p"})},"EvText");export{l as EvTextSize,i as EvTextSizeClass,s as makeEvTextProps};
+import{makeComponentProps as e}from"../../composables/component.mjs";import{makeTagProps as t}from"../../composables/tag.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.73 | MIT License */const l={small:"small",medium:"medium",large:"large",xLarge:"x-large"},i={"x-large":"text-subtitle",large:"text-large",medium:"text-medium",small:"text-small"},s=r({appearance:String,monospace:Boolean,size:String,text:String,truncate:[Number,Boolean],weight:String,...e(),...t({tag:"p"})},"EvText");export{l as EvTextSize,i as EvTextSizeClass,s as makeEvTextProps};
 //# sourceMappingURL=EvText.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as p,useCssVars as m,computed as t,createBlock as f,openBlock as v,resolveDynamicComponent as C,unref as s,normalizeStyle as d,normalizeClass as x,withCtx as y,renderSlot as _,createTextVNode as g,toDisplayString as h}from"vue";/* empty css            */import{makeEvTextProps as w,EvTextSizeClass as z}from"./EvText.mjs";import{useDefaults as k}from"../../composables/defaults.mjs";import{isBoolean as S,isNumber as T}from"../../util/is-functions.mjs";import{makeClassName as B}from"../../util/modifiers.mjs";import{useAppearance as D}from"../../util/appearance.mjs";/*! Evance UI v1.1.72 | MIT License */const j=p({__name:"EvText",props:{...w()},setup(r){const n=r;m(a=>({c221e7f8:l.value}));const e=k(n),o=t(()=>z[e.size]),c=t(()=>{if(e.truncate)return S(e.truncate)?"is-truncate":"is-truncate-lines"}),l=t(()=>T(e.truncate)?e.truncate:1),i=t(()=>e.weight?B(e.weight,"text-weight"):void 0),u=t(()=>{if(!e.appearance)return;const{appearanceClass:a}=D(e);return a.value});return(a,E)=>(v(),f(C(s(e).tag),{class:x(["ev-text",{"typeface-monospace":s(e).monospace},o.value,i.value,c.value,u.value,s(e).class]),style:d(s(e).style)},{default:y(()=>[_(a.$slots,"default",{},()=>[g(h(s(e).text),1)])]),_:3},8,["class","style"]))}});export{j as default};
+import{defineComponent as p,useCssVars as m,computed as t,createBlock as f,openBlock as v,resolveDynamicComponent as C,unref as s,normalizeStyle as d,normalizeClass as x,withCtx as y,renderSlot as _,createTextVNode as g,toDisplayString as h}from"vue";/* empty css            */import{makeEvTextProps as w,EvTextSizeClass as z}from"./EvText.mjs";import{useDefaults as k}from"../../composables/defaults.mjs";import{isBoolean as S,isNumber as T}from"../../util/is-functions.mjs";import{makeClassName as B}from"../../util/modifiers.mjs";import{useAppearance as D}from"../../util/appearance.mjs";/*! Evance UI v1.1.73 | MIT License */const j=p({__name:"EvText",props:{...w()},setup(r){const n=r;m(a=>({c221e7f8:l.value}));const e=k(n),o=t(()=>z[e.size]),c=t(()=>{if(e.truncate)return S(e.truncate)?"is-truncate":"is-truncate-lines"}),l=t(()=>T(e.truncate)?e.truncate:1),i=t(()=>e.weight?B(e.weight,"text-weight"):void 0),u=t(()=>{if(!e.appearance)return;const{appearanceClass:a}=D(e);return a.value});return(a,E)=>(v(),f(C(s(e).tag),{class:x(["ev-text",{"typeface-monospace":s(e).monospace},o.value,i.value,c.value,u.value,s(e).class]),style:d(s(e).style)},{default:y(()=>[_(a.$slots,"default",{},()=>[g(h(s(e).text),1)])]),_:3},8,["class","style"]))}});export{j as default};
 //# sourceMappingURL=EvText.vue.mjs.map

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

@@ -1,2 +1,2 @@
-import o from"./EvText.vue.mjs";/* empty css            *//*! Evance UI v1.1.72 | MIT License */export{o as default};
+import o from"./EvText.vue.mjs";/* empty css            *//*! Evance UI v1.1.73 | MIT License */export{o as default};
 //# sourceMappingURL=EvText.vue3.mjs.map

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

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as e}from"../../composables/validation.mjs";import{makeLabelProps as a}from"../EvLabel/EvLabel.mjs";import{propsFactory as r}from"../../util/props.mjs";import{makeInputAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.72 | MIT License */const i=r({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,maxlength:Number,...a(),...e(),...t(),...o()},"EvTextarea");export{i as makeEvTextareaProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as e}from"../../composables/validation.mjs";import{makeLabelProps as a}from"../EvLabel/EvLabel.mjs";import{propsFactory as r}from"../../util/props.mjs";import{makeInputAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.73 | MIT License */const i=r({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,maxlength:Number,...a(),...e(),...t(),...o()},"EvTextarea");export{i as makeEvTextareaProps};
 //# sourceMappingURL=EvTextarea.mjs.map

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

@@ -1,2 +1,2 @@
-import j from"../EvButton/EvButton.vue.mjs";import{defineComponent as q,useSlots as G,useAttrs as J,ref as k,computed as d,onUpdated as O,onMounted as Q,createElementBlock as s,openBlock as r,mergeProps as b,unref as t,createCommentVNode as l,createElementVNode as f,createVNode as i,withCtx as h,renderSlot as W,normalizeClass as X,withDirectives as Y,withKeys as Z,vModelText as ee,Transition as te,createBlock as w,createTextVNode as oe,toDisplayString as ae,nextTick as ne}from"vue";/* empty css                */import{makeEvTextareaProps as re}from"./EvTextarea.mjs";import{useAutofocus as le}from"../../composables/focus.mjs";import se from"../../icons/glyph/CancelIcon.svg.mjs";import C from"../EvProgress/EvProgress.vue.mjs";import ie from"../EvErrors/EvErrors.vue.mjs";import ue from"../EvLabel/EvLabel.vue.mjs";import ce from"../EvText/EvText.vue.mjs";/* empty css                    */import me from"../EvHotkey/EvHotkey.vue.mjs";import pe from"../EvT/EvT.vue.mjs";import{useFormField as de}from"../../composables/validation.mjs";import{useLocaleFunctions as fe}from"../../composables/locale.mjs";import{splitInputAttrs as he}from"../../util/helpers.mjs";import{Appearance as g,InputAppearance as ge}from"../../util/appearance.mjs";import{appearanceModifier as ve}from"../../util/modifiers.mjs";/*! Evance UI v1.1.72 | MIT License */const xe={key:0,class:"ev-textarea--label"},_e={class:"ev-textarea--input-wrapper"},ye={class:"ev-textarea--input"},ke=["id","name","disabled","readonly","placeholder","autofocus","maxlength","onKeydown"],be={key:0,class:"ev-textarea--clearable"},we={key:0,class:"ev-textarea-control--footer"},Ce={key:2,class:"ev-textarea-control--autosubmit"},Me={key:1,class:"ev-textarea--loader"},Ae={key:1,class:"ev-textarea--errors"},qe=q({inheritAttrs:!1,__name:"EvTextarea",props:{...re()},emits:["click:clear","click:control","mousedown:control","update:focused","update:modelValue"],setup(M,{expose:A,emit:v}){const o=M,E=G(),F=J(),T=k(null),u=k(null),[$,D]=he(F),a=de(o),K=d(()=>o.clearable&&!!a.value),{t:R}=fe();function c(){return u.value}function V(e){var n;e.stopPropagation(),ne(()=>{a.value=null,v("click:clear",e)}),(n=c())==null||n.focus()}function z(e){e.preventDefault(),e.stopPropagation()}function x(e){var n;a.focus(e),o.autoselect&&((n=c())==null||n.select())}function P(e){x(),v("click:control",e)}function B(e){v("mousedown:control",e),e.target!==u.value&&(x(),e.preventDefault())}function I(e){m()}function N(e){m()}function S(e){o.autosubmit&&(o.autosubmit(),e.preventDefault())}function m(){if(!o.autogrow)return;const e=c();e&&(e.style.height="auto",e.style.height=e.scrollHeight+1+"px")}O(()=>{m()}),Q(()=>{m()});const L=le(o),U=d(()=>{var e;return!o.maxlength||!((e=a.value)!=null&&e.length)?0:Math.min(100,Math.round(a.value.length/o.maxlength*100))}),y=d(()=>{var p;if(!a.isFocused||!o.maxlength||!((p=a.value)!=null&&p.length))return;const e=o.maxlength-a.value.length;if(e<=0)return g.danger;const n=Math.min(10,Math.ceil(o.maxlength*.25));if(e<=n)return g.warning}),H=d(()=>{var e;return o.maxlength?R("textarea.characters",{value:((e=a.value)==null?void 0:e.length)??0,maxlength:o.maxlength}):""});return A({field:a,input:u,focus:()=>{var e;(e=c())==null||e.focus()}}),(e,n)=>{const p=j;return r(),s("div",b({ref_key:"containerRef",ref:T,class:["ev-textarea",[{"is-loading":e.loading,"is-autogrow":e.autogrow},t(a).classes,o.class]],style:o.style,role:"textbox"},t($)),[o.label||o.hint||t(E).label?(r(),s("div",xe,[i(t(ue),{for:t(a).id,title:o.label,hint:o.hint},{default:h(()=>[W(e.$slots,"label")]),_:3},8,["for","title","hint"])])):l("",!0),f("div",{class:X(["ev-textarea--control",t(ve)(o.appearance,[t(ge).default])]),onClick:P,onMousedown:B},[f("div",_e,[f("div",ye,[Y(f("textarea",b({id:t(a).id,ref_key:"inputRef",ref:u,"onUpdate:modelValue":n[0]||(n[0]=_=>t(a).value=_),name:t(a).name,disabled:t(a).isDisabled,readonly:t(a).isReadonly,placeholder:e.placeholder,autofocus:e.autofocus,maxlength:o.maxlength},t(D),{onFocus:x,onBlur:n[1]||(n[1]=(..._)=>t(a).blur&&t(a).blur(..._)),onKeydown:[I,Z(S,["enter"])],onKeyup:N}),null,16,ke),[[ee,t(a).value],[t(L)]])]),i(te,{name:"slide-fade"},{default:h(()=>[K.value?(r(),s("div",be,[i(p,{variant:"subtle",icon:t(se),size:"small",onClick:V,onMousedown:z},null,8,["icon"])])):l("",!0)]),_:1})]),o.maxlength||o.autosubmit?(r(),s("div",we,[o.maxlength?(r(),w(t(C),{key:0,size:1,percentage:U.value,appearance:y.value},null,8,["percentage","appearance"])):l("",!0),o.maxlength?(r(),w(t(ce),{key:1,tag:"span",class:"ev-textarea-control--characters",appearance:y.value},{default:h(()=>[oe(ae(H.value),1)]),_:1},8,["appearance"])):l("",!0),o.autosubmit?(r(),s("div",Ce,[i(t(pe),{keypath:"textarea.autosubmit"},{hotkey:h(()=>[i(t(me),{keys:"enter"})]),_:1})])):l("",!0)])):l("",!0),e.loading?(r(),s("div",Me,[i(t(C),{indeterminate:"",appearance:t(a).isFocused?t(g).notice:t(g).default,size:2},null,8,["appearance"])])):l("",!0)],34),t(a).isShowErrorMessages?(r(),s("div",Ae,[i(t(ie),{messages:t(a).errorMessages},null,8,["messages"])])):l("",!0)],16)}}});export{qe as default};
+import j from"../EvButton/EvButton.vue.mjs";import{defineComponent as q,useSlots as G,useAttrs as J,ref as k,computed as d,onUpdated as O,onMounted as Q,createElementBlock as s,openBlock as r,mergeProps as b,unref as t,createCommentVNode as l,createElementVNode as f,createVNode as i,withCtx as h,renderSlot as W,normalizeClass as X,withDirectives as Y,withKeys as Z,vModelText as ee,Transition as te,createBlock as w,createTextVNode as oe,toDisplayString as ae,nextTick as ne}from"vue";/* empty css                */import{makeEvTextareaProps as re}from"./EvTextarea.mjs";import{useAutofocus as le}from"../../composables/focus.mjs";import se from"../../icons/glyph/CancelIcon.svg.mjs";import C from"../EvProgress/EvProgress.vue.mjs";import ie from"../EvErrors/EvErrors.vue.mjs";import ue from"../EvLabel/EvLabel.vue.mjs";import ce from"../EvText/EvText.vue.mjs";/* empty css                    */import me from"../EvHotkey/EvHotkey.vue.mjs";import pe from"../EvT/EvT.vue.mjs";import{useFormField as de}from"../../composables/validation.mjs";import{useLocaleFunctions as fe}from"../../composables/locale.mjs";import{splitInputAttrs as he}from"../../util/helpers.mjs";import{Appearance as g,InputAppearance as ge}from"../../util/appearance.mjs";import{appearanceModifier as ve}from"../../util/modifiers.mjs";/*! Evance UI v1.1.73 | MIT License */const xe={key:0,class:"ev-textarea--label"},_e={class:"ev-textarea--input-wrapper"},ye={class:"ev-textarea--input"},ke=["id","name","disabled","readonly","placeholder","autofocus","maxlength","onKeydown"],be={key:0,class:"ev-textarea--clearable"},we={key:0,class:"ev-textarea-control--footer"},Ce={key:2,class:"ev-textarea-control--autosubmit"},Me={key:1,class:"ev-textarea--loader"},Ae={key:1,class:"ev-textarea--errors"},qe=q({inheritAttrs:!1,__name:"EvTextarea",props:{...re()},emits:["click:clear","click:control","mousedown:control","update:focused","update:modelValue"],setup(M,{expose:A,emit:v}){const o=M,E=G(),F=J(),T=k(null),u=k(null),[$,D]=he(F),a=de(o),K=d(()=>o.clearable&&!!a.value),{t:R}=fe();function c(){return u.value}function V(e){var n;e.stopPropagation(),ne(()=>{a.value=null,v("click:clear",e)}),(n=c())==null||n.focus()}function z(e){e.preventDefault(),e.stopPropagation()}function x(e){var n;a.focus(e),o.autoselect&&((n=c())==null||n.select())}function P(e){x(),v("click:control",e)}function B(e){v("mousedown:control",e),e.target!==u.value&&(x(),e.preventDefault())}function I(e){m()}function N(e){m()}function S(e){o.autosubmit&&(o.autosubmit(),e.preventDefault())}function m(){if(!o.autogrow)return;const e=c();e&&(e.style.height="auto",e.style.height=e.scrollHeight+1+"px")}O(()=>{m()}),Q(()=>{m()});const L=le(o),U=d(()=>{var e;return!o.maxlength||!((e=a.value)!=null&&e.length)?0:Math.min(100,Math.round(a.value.length/o.maxlength*100))}),y=d(()=>{var p;if(!a.isFocused||!o.maxlength||!((p=a.value)!=null&&p.length))return;const e=o.maxlength-a.value.length;if(e<=0)return g.danger;const n=Math.min(10,Math.ceil(o.maxlength*.25));if(e<=n)return g.warning}),H=d(()=>{var e;return o.maxlength?R("textarea.characters",{value:((e=a.value)==null?void 0:e.length)??0,maxlength:o.maxlength}):""});return A({field:a,input:u,focus:()=>{var e;(e=c())==null||e.focus()}}),(e,n)=>{const p=j;return r(),s("div",b({ref_key:"containerRef",ref:T,class:["ev-textarea",[{"is-loading":e.loading,"is-autogrow":e.autogrow},t(a).classes,o.class]],style:o.style,role:"textbox"},t($)),[o.label||o.hint||t(E).label?(r(),s("div",xe,[i(t(ue),{for:t(a).id,title:o.label,hint:o.hint},{default:h(()=>[W(e.$slots,"label")]),_:3},8,["for","title","hint"])])):l("",!0),f("div",{class:X(["ev-textarea--control",t(ve)(o.appearance,[t(ge).default])]),onClick:P,onMousedown:B},[f("div",_e,[f("div",ye,[Y(f("textarea",b({id:t(a).id,ref_key:"inputRef",ref:u,"onUpdate:modelValue":n[0]||(n[0]=_=>t(a).value=_),name:t(a).name,disabled:t(a).isDisabled,readonly:t(a).isReadonly,placeholder:e.placeholder,autofocus:e.autofocus,maxlength:o.maxlength},t(D),{onFocus:x,onBlur:n[1]||(n[1]=(..._)=>t(a).blur&&t(a).blur(..._)),onKeydown:[I,Z(S,["enter"])],onKeyup:N}),null,16,ke),[[ee,t(a).value],[t(L)]])]),i(te,{name:"slide-fade"},{default:h(()=>[K.value?(r(),s("div",be,[i(p,{variant:"subtle",icon:t(se),size:"small",onClick:V,onMousedown:z},null,8,["icon"])])):l("",!0)]),_:1})]),o.maxlength||o.autosubmit?(r(),s("div",we,[o.maxlength?(r(),w(t(C),{key:0,size:1,percentage:U.value,appearance:y.value},null,8,["percentage","appearance"])):l("",!0),o.maxlength?(r(),w(t(ce),{key:1,tag:"span",class:"ev-textarea-control--characters",appearance:y.value},{default:h(()=>[oe(ae(H.value),1)]),_:1},8,["appearance"])):l("",!0),o.autosubmit?(r(),s("div",Ce,[i(t(pe),{keypath:"textarea.autosubmit"},{hotkey:h(()=>[i(t(me),{keys:"enter"})]),_:1})])):l("",!0)])):l("",!0),e.loading?(r(),s("div",Me,[i(t(C),{indeterminate:"",appearance:t(a).isFocused?t(g).notice:t(g).default,size:2},null,8,["appearance"])])):l("",!0)],34),t(a).isShowErrorMessages?(r(),s("div",Ae,[i(t(ie),{messages:t(a).errorMessages},null,8,["messages"])])):l("",!0)],16)}}});export{qe as default};
 //# sourceMappingURL=EvTextarea.vue.mjs.map

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

@@ -1,2 +1,2 @@
-import f from"./EvTextarea.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvTextarea.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvTextarea.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-import{IconProp as o}from"../../composables/icons.mjs";import{makeFormFieldProps as e}from"../../composables/validation.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeLabelProps as t}from"../EvLabel/EvLabel.mjs";import{makeInputSizeProps as a,makeInputAppearanceProps as p,makeTextAlignProps as n}from"../../util/appearance.mjs";import{propsFactory as m}from"../../util/props.mjs";/*! Evance UI v1.1.72 | MIT License */const g=m({autocomplete:String,autofocus:Boolean,autoselect:Boolean,clearable:Boolean,dataFormType:String,iconStart:o,iconEnd:o,loading:Boolean,placeholder:String,prefix:String,role:String,rounded:Boolean,suffix:String,type:{type:String,default:"text"},monospace:Boolean,...t(),...n(),...e(),...p(),...a(),...r()},"EvTextfield");export{g as makeEvTextfieldProps};
+import{IconProp as o}from"../../composables/icons.mjs";import{makeFormFieldProps as e}from"../../composables/validation.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeLabelProps as t}from"../EvLabel/EvLabel.mjs";import{makeInputSizeProps as a,makeInputAppearanceProps as p,makeTextAlignProps as n}from"../../util/appearance.mjs";import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.73 | MIT License */const g=i({autocomplete:String,autofocus:Boolean,autoselect:Boolean,clearable:Boolean,dataFormType:String,iconStart:o,iconEnd:o,loading:Boolean,placeholder:String,prefix:String,role:String,rounded:Boolean,suffix:String,type:{type:String,default:"text"},monospace:Boolean,mask:{type:[String,Object,Array],default:void 0},...t(),...n(),...e(),...p(),...a(),...r()},"EvTextfield");export{g as makeEvTextfieldProps};
 //# sourceMappingURL=EvTextfield.mjs.map

package/dist/esm/components/EvTextfield/EvTextfield.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTextfield.mjs","sources":["../../../../src/components/EvTextfield/EvTextfield.ts"],"sourcesContent":["import {\r\n    makeInputAppearanceProps,\r\n    makeInputSizeProps,\r\n    makeTextAlignProps,\r\n    propsFactory,\r\n} from \"@/util\";\r\nimport { IconProp } from \"@/composables/icons\";\r\nimport { makeFormFieldProps } from \"@/composables/validation\";\r\nimport { makeComponentProps } from \"@/composables/component\";\r\nimport { makeLabelProps } from \"@/components/EvLabel\";\r\nimport { PropType } from \"vue\";\r\n\r\nexport type AutocompleteToken =\r\n    | \"on\"\r\n    | \"off\"\r\n\r\n    // Addresses & locality\r\n    | \"address-line1\"\r\n    | \"address-line2\"\r\n    | \"address-line3\"\r\n    | \"address-level4\"\r\n    | \"address-level3\"\r\n    | \"address-level2\"\r\n    | \"address-level1\"\r\n    | \"country\" // Country code\r\n    | \"country-name\"\r\n    | \"language\"\r\n    | \"postal-code\"\r\n    | \"street-address\"\r\n\r\n    // Credit cards & transactions\r\n    | \"cc-additional-name\"\r\n    | \"cc-family-name\"\r\n    | \"cc-given-name\"\r\n    | \"cc-name\"\r\n    | \"cc-number\"\r\n    | \"cc-exp\"\r\n    | \"cc-exp-month\"\r\n    | \"cc-exp-year\"\r\n    | \"cc-csc\"\r\n    | \"cc-type\"\r\n    | \"transaction-currency\"\r\n    | \"transaction-amount\"\r\n\r\n    // Passwords & security\r\n    | \"current-password\"\r\n    | \"new-password\"\r\n    | \"one-time-code\"\r\n    | \"password\"\r\n\r\n    // Contact information\r\n    | \"bday\"\r\n    | \"bday-day\"\r\n    | \"bday-month\"\r\n    | \"bday-year\"\r\n    | \"email\"\r\n    | \"family-name\"\r\n    | \"given-name\"\r\n    | \"honorific-prefix\"\r\n    | \"honorific-suffix\"\r\n    | \"impp\"\r\n    | \"name\"\r\n    | \"nickname\"\r\n    | \"organization\"\r\n    | \"organization-title\"\r\n    | \"sex\"\r\n    | \"url\"\r\n    | \"username\"\r\n\r\n    // Telephone number\r\n    | \"tel\"\r\n    | \"tel-area-code\"\r\n    | \"tel-country\"\r\n    | \"tel-country-code\"\r\n    | \"tel-extension\"\r\n    | \"tel-local\"\r\n    | \"tel-local-prefix\"\r\n    | \"tel-local-suffix\"\r\n    | \"tel-national\"\r\n\r\n    // Groups\r\n    | \"billing\"\r\n    | \"home\"\r\n    | \"mobile\"\r\n    | `section-${string}`\r\n    | \"shipping\"\r\n    | \"work\"\r\n    | string;\r\n\r\n/**\r\n * # Make EvTextfield Props\r\n */\r\nexport const makeEvTextfieldProps = propsFactory(\r\n    {\r\n        autocomplete: String as PropType<AutocompleteToken>,\r\n        autofocus: Boolean,\r\n        autoselect: Boolean,\r\n        clearable: Boolean,\r\n        dataFormType: String,\r\n        iconStart: IconProp,\r\n        iconEnd: IconProp,\r\n        loading: Boolean,\r\n        placeholder: String,\r\n        prefix: String,\r\n        role: String,\r\n        rounded: Boolean,\r\n        suffix: String,\r\n        type: {\r\n            type: String,\r\n            default: \"text\",\r\n        },\r\n        monospace: Boolean,\r\n\r\n        ...makeLabelProps(),\r\n        ...makeTextAlignProps(),\r\n        ...makeFormFieldProps(),\r\n        ...makeInputAppearanceProps(),\r\n        ...makeInputSizeProps(),\r\n        ...makeComponentProps(),\r\n    },\r\n    \"EvTextfield\",\r\n);\r\n"],"names":["makeEvTextfieldProps","propsFactory","IconProp","makeLabelProps","makeTextAlignProps","makeFormFieldProps","makeInputAppearanceProps","makeInputSizeProps","makeComponentProps"],"mappings":"ycA4FO,MAAMA,EAAuBC,EAChC,CACI,aAAc,OACd,UAAW,QACX,WAAY,QACZ,UAAW,QACX,aAAc,OACd,UAAWC,EACX,QAASA,EACT,QAAS,QACT,YAAa,OACb,OAAQ,OACR,KAAM,OACN,QAAS,QACT,OAAQ,OACR,KAAM,CACF,KAAM,OACN,QAAS,MACb,EACA,UAAW,QAEX,GAAGC,EAAe,EAClB,GAAGC,EAAmB,EACtB,GAAGC,EAAmB,EACtB,GAAGC,EAAyB,EAC5B,GAAGC,EAAmB,EACtB,GAAGC,EAAmB,CAC1B,EACA,aACJ"}
+{"version":3,"file":"EvTextfield.mjs","sources":["../../../../src/components/EvTextfield/EvTextfield.ts"],"sourcesContent":["import {\r\n    makeInputAppearanceProps,\r\n    makeInputSizeProps,\r\n    makeTextAlignProps,\r\n    propsFactory,\r\n} from \"@/util\";\r\nimport { IconProp } from \"@/composables/icons\";\r\nimport { makeFormFieldProps } from \"@/composables/validation\";\r\nimport { makeComponentProps } from \"@/composables/component\";\r\nimport { makeLabelProps } from \"@/components/EvLabel\";\r\nimport { PropType } from \"vue\";\r\nimport { MaskInput } from \"@/composables/useInputMask\";\r\n\r\nexport type AutocompleteToken =\r\n    | \"on\"\r\n    | \"off\"\r\n\r\n    // Addresses & locality\r\n    | \"address-line1\"\r\n    | \"address-line2\"\r\n    | \"address-line3\"\r\n    | \"address-level4\"\r\n    | \"address-level3\"\r\n    | \"address-level2\"\r\n    | \"address-level1\"\r\n    | \"country\" // Country code\r\n    | \"country-name\"\r\n    | \"language\"\r\n    | \"postal-code\"\r\n    | \"street-address\"\r\n\r\n    // Credit cards & transactions\r\n    | \"cc-additional-name\"\r\n    | \"cc-family-name\"\r\n    | \"cc-given-name\"\r\n    | \"cc-name\"\r\n    | \"cc-number\"\r\n    | \"cc-exp\"\r\n    | \"cc-exp-month\"\r\n    | \"cc-exp-year\"\r\n    | \"cc-csc\"\r\n    | \"cc-type\"\r\n    | \"transaction-currency\"\r\n    | \"transaction-amount\"\r\n\r\n    // Passwords & security\r\n    | \"current-password\"\r\n    | \"new-password\"\r\n    | \"one-time-code\"\r\n    | \"password\"\r\n\r\n    // Contact information\r\n    | \"bday\"\r\n    | \"bday-day\"\r\n    | \"bday-month\"\r\n    | \"bday-year\"\r\n    | \"email\"\r\n    | \"family-name\"\r\n    | \"given-name\"\r\n    | \"honorific-prefix\"\r\n    | \"honorific-suffix\"\r\n    | \"impp\"\r\n    | \"name\"\r\n    | \"nickname\"\r\n    | \"organization\"\r\n    | \"organization-title\"\r\n    | \"sex\"\r\n    | \"url\"\r\n    | \"username\"\r\n\r\n    // Telephone number\r\n    | \"tel\"\r\n    | \"tel-area-code\"\r\n    | \"tel-country\"\r\n    | \"tel-country-code\"\r\n    | \"tel-extension\"\r\n    | \"tel-local\"\r\n    | \"tel-local-prefix\"\r\n    | \"tel-local-suffix\"\r\n    | \"tel-national\"\r\n\r\n    // Groups\r\n    | \"billing\"\r\n    | \"home\"\r\n    | \"mobile\"\r\n    | `section-${string}`\r\n    | \"shipping\"\r\n    | \"work\"\r\n    | string;\r\n\r\n/**\r\n * # Make EvTextfield Props\r\n */\r\nexport const makeEvTextfieldProps = propsFactory(\r\n    {\r\n        autocomplete: String as PropType<AutocompleteToken>,\r\n        autofocus: Boolean,\r\n        autoselect: Boolean,\r\n        clearable: Boolean,\r\n        dataFormType: String,\r\n        iconStart: IconProp,\r\n        iconEnd: IconProp,\r\n        loading: Boolean,\r\n        placeholder: String,\r\n        prefix: String,\r\n        role: String,\r\n        rounded: Boolean,\r\n        suffix: String,\r\n        type: {\r\n            type: String,\r\n            default: \"text\",\r\n        },\r\n        monospace: Boolean,\r\n        mask: {\r\n            type: [String, Object, Array] as PropType<MaskInput>,\r\n            default: undefined,\r\n        },\r\n\r\n        ...makeLabelProps(),\r\n        ...makeTextAlignProps(),\r\n        ...makeFormFieldProps(),\r\n        ...makeInputAppearanceProps(),\r\n        ...makeInputSizeProps(),\r\n        ...makeComponentProps(),\r\n    },\r\n    \"EvTextfield\",\r\n);\r\n"],"names":["makeEvTextfieldProps","propsFactory","IconProp","makeLabelProps","makeTextAlignProps","makeFormFieldProps","makeInputAppearanceProps","makeInputSizeProps","makeComponentProps"],"mappings":"ycA6FO,MAAMA,EAAuBC,EAChC,CACI,aAAc,OACd,UAAW,QACX,WAAY,QACZ,UAAW,QACX,aAAc,OACd,UAAWC,EACX,QAASA,EACT,QAAS,QACT,YAAa,OACb,OAAQ,OACR,KAAM,OACN,QAAS,QACT,OAAQ,OACR,KAAM,CACF,KAAM,OACN,QAAS,MACb,EACA,UAAW,QACX,KAAM,CACF,KAAM,CAAC,OAAQ,OAAQ,KAAK,EAC5B,QAAS,MACb,EAEA,GAAGC,EAAe,EAClB,GAAGC,EAAmB,EACtB,GAAGC,EAAmB,EACtB,GAAGC,EAAyB,EAC5B,GAAGC,EAAmB,EACtB,GAAGC,EAAmB,CAC1B,EACA,aACJ"}

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

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

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

@@ -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-pill': 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=\"clearable-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":"6+DAsCMA,EAAQC,EAAA,EAiBRC,EAAQC,EAAS,EACjBC,EAAeC,EAAwB,IAAI,EAC3CC,EAAWD,EAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,GAAgBP,CAAK,EACpDQ,EAAYC,GAAaC,CAAK,EAC9BC,EAAcC,EAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EACKK,EAAYC,EAAQJ,EAAO,WAAW,EACtCK,EAAUD,EAAQJ,EAAO,SAAS,EAKxC,SAASM,GAA2C,CAChD,OAAOZ,EAAS,KAAA,CAOpB,SAASa,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAS,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,GAAalB,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,EAAS,IACvBF,EAAM,cAAgB,KAChC,EAEKsB,EAAmBpB,EAAS,IAAM,OACpC,OAAOF,EAAM,gBAAgBW,EAAAU,EAAiB,QAAjB,YAAAV,EAAwB,iBAAkB,MACjE,QACA,MAAA,CACT"}
+{"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 { useInputMask } from \"@/composables/useInputMask\";\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\n\r\nconst isMasked = computed(() => !!props.mask);\r\nconst maskProp = computed(() => props.mask);\r\nconst fieldValueRef = computed({\r\n    get: () => formField.value as string | null | undefined,\r\n    set: (v) => { formField.value = v; },\r\n});\r\nconst inputMask = useInputMask(\r\n    maskProp,\r\n    fieldValueRef,\r\n    (v) => { formField.value = v; },\r\n    inputRef,\r\n);\r\n\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-pill': 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-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                    :value=\"\r\n                        isMasked\r\n                            ? inputMask.displayValue.value\r\n                            : formField.value\r\n                    \"\r\n                    v-bind=\"inputAttrs\"\r\n                    @input=\"\r\n                        isMasked\r\n                            ? inputMask.onInput($event)\r\n                            : (formField.value = (\r\n                                  $event.target as HTMLInputElement\r\n                              ).value)\r\n                    \"\r\n                    @keydown=\"\r\n                        isMasked ? inputMask.onKeydown($event) : undefined\r\n                    \"\r\n                    @paste=\"isMasked ? inputMask.onPaste($event) : undefined\"\r\n                    @focus=\"onFocus\"\r\n                    @blur=\"formField.blur\" />\r\n            </div>\r\n            <transition name=\"clearable-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","isMasked","computed","maskProp","fieldValueRef","v","inputMask","useInputMask","isClearable","iconStart","useIcon","iconEnd","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","e","onFocus","onControlClick","onControlMousedown","vAutofocus","useAutofocus","__expose","onClickOutside","autocompleteProp","dataFormTypeProp"],"mappings":"wiEAuCMA,EAAQC,EAAA,EAiBRC,EAAQC,EAAS,EACjBC,EAAeC,EAAwB,IAAI,EAC3CC,EAAWD,EAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,GAAgBP,CAAK,EACpDQ,EAAYC,GAAaC,CAAK,EAE9BC,EAAWC,EAAS,IAAM,CAAC,CAACF,EAAM,IAAI,EACtCG,EAAWD,EAAS,IAAMF,EAAM,IAAI,EACpCI,EAAgBF,EAAS,CAC3B,IAAK,IAAMJ,EAAU,MACrB,IAAMO,GAAM,CAAEP,EAAU,MAAQO,CAAA,CAAG,CACtC,EACKC,EAAYC,GACdJ,EACAC,EACCC,GAAM,CAAEP,EAAU,MAAQO,CAAG,EAC9BX,CACJ,EAEMc,EAAcN,EAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EACKW,EAAYC,EAAQV,EAAO,WAAW,EACtCW,EAAUD,EAAQV,EAAO,SAAS,EAKxC,SAASY,GAA2C,CAChD,OAAOlB,EAAS,KAAA,CAOpB,SAASmB,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,GAAS,IAAM,CACXjB,EAAU,MAAQ,KAClBkB,EAAK,cAAeF,CAAM,CAAA,CAC7B,EACId,EAAM,WACPiB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OACvB,CAOJ,SAASC,EAAqBC,EAAe,CACzCA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQD,EAAW,OACxBrB,EAAU,MAAMqB,CAAC,EACbnB,EAAM,cACNiB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASI,EAAeF,EAAe,QAC1BF,EAAAvB,EAAA,QAAA,MAAAuB,EAAO,MAAME,GACtBH,EAAK,gBAAiBG,CAAC,CAAA,CAU3B,SAASG,EAAmBH,EAAe,CACvCH,EAAK,oBAAqBG,CAAC,EACvBA,EAAE,SAAWzB,EAAS,QAGlB0B,EAAA,EACRD,EAAE,eAAe,EAAA,CAMf,MAAAI,EAAaC,GAAaxB,CAAK,EAKxByB,EAAA,CACT,MAAO3B,EACP,MAAOJ,EACP,MAAO,IAAM,QACTuB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH,EAED,SAASS,EAAeP,EAAe,CACnCH,EAAK,eAAe,CAAA,CAGlB,MAAAW,EAAmBzB,EAAS,IACvBF,EAAM,cAAgB,KAChC,EAEK4B,EAAmB1B,EAAS,IAAM,OACpC,OAAOF,EAAM,gBAAgBiB,EAAAU,EAAiB,QAAjB,YAAAV,EAAwB,iBAAkB,MACjE,QACA,MAAA,CACT"}

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

@@ -1,2 +1,2 @@
-import f from"./EvTextfield.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvTextfield.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvTextfield.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-import{makeEvImgProps as e}from"../EvImg/EvImg.mjs";import{makeRoundedProps as r}from"../../composables/rounded.mjs";import{makeComponentProps as m}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.72 | MIT License */const d={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"}},s=o({size:String,...e(),...r(),...m()},"EvThumbnail");export{s as makeEvThumbnailProps,d as thumbnailPresets};
+import{makeEvImgProps as e}from"../EvImg/EvImg.mjs";import{makeRoundedProps as r}from"../../composables/rounded.mjs";import{makeComponentProps as m}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.73 | MIT License */const d={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"}},s=o({size:String,...e(),...r(),...m()},"EvThumbnail");export{s as makeEvThumbnailProps,d as thumbnailPresets};
 //# sourceMappingURL=EvThumbnail.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as y,useSlots as b,computed as n,createBlock as P,openBlock as R,unref as t,mergeProps as C,createSlots as k,withCtx as r,createVNode as i,renderSlot as w}from"vue";/* empty css                 */import{makeEvThumbnailProps as $,thumbnailPresets as m}from"./EvThumbnail.mjs";import c from"../EvImg/EvImg.vue.mjs";import{useRounded as D}from"../../composables/rounded.mjs";import I from"../../icons/glyph/DangerIcon.svg.mjs";import S from"../../icons/glyph/ImageIcon.svg.mjs";import u from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import x from"../EvSkeleton/EvSkeleton.vue.mjs";import{parseAspectRatio as z}from"../../composables/aspectRatio.mjs";import{calculateDisplayRuleValue as B}from"../../composables/display.mjs";import{applyDefaults as E,filterComponentProps as F}from"../../util/helpers.mjs";/*! Evance UI v1.1.72 | MIT License */const Q=y({__name:"EvThumbnail",props:{...$()},setup(f){const o=f,d=b(),p=n(()=>{if(!o.size)return o;const s=m[o.size]??{},l=m.defaults,e=E(o,{...l,...s});if(!e.width&&e.aspectRatio&&e.height){const a=z(e.aspectRatio);if(a&&isFinite(a)){const _=parseFloat(B(e.height)),v=Math.round(_*a);return{...e,width:v}}}return e}),h=n(()=>F(c,p.value)),g=n(()=>D(p.value).roundedClasses.value);return(s,l)=>(R(),P(t(c),C({class:["ev-thumbnail",g.value]},h.value),k({placeholder:r(()=>[i(t(u),{glyph:t(S),appearance:"subtle"},null,8,["glyph"])]),loading:r(()=>[i(t(x),{type:"image",width:"100%",height:"100%"})]),error:r(()=>[i(t(u),{glyph:t(I),appearance:"danger"},null,8,["glyph"])]),_:2},[t(d).default?{name:"default",fn:r(()=>[w(s.$slots,"default")]),key:"0"}:void 0]),1040,["class"]))}});export{Q as default};
+import{defineComponent as y,useSlots as b,computed as n,createBlock as P,openBlock as R,unref as t,mergeProps as C,createSlots as k,withCtx as r,createVNode as i,renderSlot as w}from"vue";/* empty css                 */import{makeEvThumbnailProps as $,thumbnailPresets as m}from"./EvThumbnail.mjs";import c from"../EvImg/EvImg.vue.mjs";import{useRounded as D}from"../../composables/rounded.mjs";import I from"../../icons/glyph/DangerIcon.svg.mjs";import S from"../../icons/glyph/ImageIcon.svg.mjs";import u from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import x from"../EvSkeleton/EvSkeleton.vue.mjs";import{parseAspectRatio as z}from"../../composables/aspectRatio.mjs";import{calculateDisplayRuleValue as B}from"../../composables/display.mjs";import{applyDefaults as E,filterComponentProps as F}from"../../util/helpers.mjs";/*! Evance UI v1.1.73 | MIT License */const Q=y({__name:"EvThumbnail",props:{...$()},setup(f){const o=f,d=b(),p=n(()=>{if(!o.size)return o;const s=m[o.size]??{},l=m.defaults,e=E(o,{...l,...s});if(!e.width&&e.aspectRatio&&e.height){const a=z(e.aspectRatio);if(a&&isFinite(a)){const _=parseFloat(B(e.height)),v=Math.round(_*a);return{...e,width:v}}}return e}),h=n(()=>F(c,p.value)),g=n(()=>D(p.value).roundedClasses.value);return(s,l)=>(R(),P(t(c),C({class:["ev-thumbnail",g.value]},h.value),k({placeholder:r(()=>[i(t(u),{glyph:t(S),appearance:"subtle"},null,8,["glyph"])]),loading:r(()=>[i(t(x),{type:"image",width:"100%",height:"100%"})]),error:r(()=>[i(t(u),{glyph:t(I),appearance:"danger"},null,8,["glyph"])]),_:2},[t(d).default?{name:"default",fn:r(()=>[w(s.$slots,"default")]),key:"0"}:void 0]),1040,["class"]))}});export{Q as default};
 //# sourceMappingURL=EvThumbnail.vue.mjs.map

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

@@ -1,2 +1,2 @@
-import f from"./EvThumbnail.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvThumbnail.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvThumbnail.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-import o from"../../icons/glyph/TimeIcon.svg.mjs";import{propsFactory as m}from"../../util/props.mjs";import{omit as r}from"../../util/helpers.mjs";import{makeEvTextfieldProps as i}from"../EvTextfield/EvTextfield.mjs";/*! Evance UI v1.1.72 | MIT License */const a=m({...r(i({iconStart:o}),["type"])},"EvTimeField");export{a as makeEvTimeFieldProps};
+import o from"../../icons/glyph/TimeIcon.svg.mjs";import{propsFactory as m}from"../../util/props.mjs";import{omit as r}from"../../util/helpers.mjs";import{makeEvTextfieldProps as i}from"../EvTextfield/EvTextfield.mjs";/*! Evance UI v1.1.73 | MIT License */const a=m({...r(i({iconStart:o}),["type"])},"EvTimeField");export{a as makeEvTimeFieldProps};
 //# sourceMappingURL=EvTimeField.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as I,useSlots as K,ref as d,watch as L,computed as O,shallowRef as _,createBlock as U,openBlock as j,unref as i,mergeProps as z,createSlots as q,withCtx as g,createVNode as F,renderSlot as G}from"vue";/* empty css                 */import{makeEvTimeFieldProps as J}from"./EvTimeField.mjs";import Q from"../EvMenu/EvMenu.vue.mjs";import T from"../EvTextfield/EvTextfield.vue.mjs";import W from"../EvSurface/EvSurface.vue.mjs";import X from"../EvTimePicker/EvTimePicker.vue.mjs";import{displayTimeFromDate as V,inferTimeFormat as Y}from"../../composables/time.mjs";import{useFormField as Z}from"../../composables/validation.mjs";import{omit as ee,filterComponentProps as te}from"../../util/helpers.mjs";/*! Evance UI v1.1.72 | MIT License */const me=I({__name:"EvTimeField",props:{...J()},emits:["update:modelValue","select"],setup(b,{emit:R}){const k=b,P=K();let u=null;const h=Z(k,void 0,e=>{var l;return u=Y(e).parse(e),(l=u.date)==null||l.setSeconds(0,0),u.date},e=>u.transformOut(e)),r=h.model,a=d(""),c=d(null);L(r,e=>{a.value=V(e),c.value=r.value},{immediate:!0});const S=d(),y=d(),D=O(()=>ee(te(T,k),["modelValue","shapers","validators"])),m=_(!1),w=d(),v=_(!1);function $(){m.value&&y.value&&y.value.focus()}function N(){m.value=!0,v.value=!0}function x(e){var t;if(!((t=w.value)!=null&&t.$el.contains(e.relatedTarget))){if(v.value=!1,a.value.length===0){if(u.format==="time")r.value=null;else{const s=r.value;s.setHours(0,0,0,0),r.value=s,a.value="00:00"}return}const l=a.value.split(":"),o=c.value??new Date;let n=Number(l[1]??0);n<10&&(n*=10),o.setHours(Number(l[0]),n,0,0),r.value=o,a.value=V(o)}}function E(e){m.value=!0}function A(e){let t=e.replace(/[^\d:]/g,"");const l=t.split(":");l.length>2&&(t=l[0]+":"+l.slice(1).join(""));const[o]=t.split(":");!t.includes(":")&&o.length>=2&&(t=o.slice(0,2)+":"+o.slice(2));const[n,s=""]=t.split(":");let f=n;t.includes(":")&&n.length===1&&(f="0"+n),f.length===2&&Number(f)>23&&(f="23");let p=s.slice(0,2);return p.length===2&&Number(p)>59&&(p="59"),t.includes(":")?`${f}:${p}`:f}function B(e){r.value=e;const t=u.transformOut(r.value);R("select",t)}function H(e){if(["Backspace","Delete","Home","End","ArrowLeft","ArrowRight","Tab"].includes(e.key))return;const l=e.key==="v"&&e.ctrlKey,o=e.key==="a"&&e.ctrlKey;if(!new RegExp("[0-9:]").test(e.key)&&!l&&!o){e.preventDefault();return}const s=e.target.value;if(e.key===":"&&s.includes(":")){e.preventDefault();return}if(s.length-M(e.target)>=5){e.preventDefault();return}}function M(e){return e.selectionStart==null||e.selectionEnd==null?0:e.selectionEnd-e.selectionStart}function C(e){const t=e.target.value;if(a.value=A(t),a.value.length===0){if(u.format==="time")r.value=null;else{const s=r.value;s.setHours(0,0,0,0),r.value=s}return}const l=a.value.split(":"),o=c.value??new Date;let n=Number(l[1]??0);n<10&&(n*=10),o.setHours(Number(l[0]),n,0,0),c.value=o}return(e,t)=>(j(),U(i(T),z({ref_key:"evTextfieldRef",ref:y},D.value,{focused:m.value,"onUpdate:focused":t[2]||(t[2]=l=>m.value=l),class:["ev-time-field",i(h).classes,k.class],inputmode:"numeric",pattern:"[0-9:]*","model-value":a.value,"model-source":"model","error-messages":i(h).errorMessages,"onClick:control":N,onBlur:x,onKeydown:H,onInput:C}),q({default:g(()=>[F(i(Q),{ref_key:"evMenuRef",ref:S,modelValue:v.value,"onUpdate:modelValue":t[1]||(t[1]=l=>v.value=l),activator:"parent",position:"bottom-start","open-on-click":!1,"close-on-content-click":!1,onAfterLeave:$},{default:g(()=>[F(i(W),{elevation:"overlay",class:"ev-time-field--surface"},{default:g(()=>[F(i(X),{ref_key:"timePickerRef",ref:w,modelValue:c.value,"onUpdate:modelValue":[t[0]||(t[0]=l=>c.value=l),B],onFocusin:E},null,8,["modelValue"])]),_:1})]),_:1},8,["modelValue"])]),_:2},[i(P).label?{name:"label",fn:g(()=>[G(e.$slots,"label")]),key:"0"}:void 0]),1040,["focused","class","model-value","error-messages"]))}});export{me as default};
+import{defineComponent as I,useSlots as K,ref as d,watch as L,computed as O,shallowRef as _,createBlock as U,openBlock as j,unref as i,mergeProps as z,createSlots as q,withCtx as g,createVNode as F,renderSlot as G}from"vue";/* empty css                 */import{makeEvTimeFieldProps as J}from"./EvTimeField.mjs";import Q from"../EvMenu/EvMenu.vue.mjs";import T from"../EvTextfield/EvTextfield.vue.mjs";import W from"../EvSurface/EvSurface.vue.mjs";import X from"../EvTimePicker/EvTimePicker.vue.mjs";import{displayTimeFromDate as V,inferTimeFormat as Y}from"../../composables/time.mjs";import{useFormField as Z}from"../../composables/validation.mjs";import{omit as ee,filterComponentProps as te}from"../../util/helpers.mjs";/*! Evance UI v1.1.73 | MIT License */const me=I({__name:"EvTimeField",props:{...J()},emits:["update:modelValue","select"],setup(b,{emit:R}){const k=b,P=K();let u=null;const h=Z(k,void 0,e=>{var l;return u=Y(e).parse(e),(l=u.date)==null||l.setSeconds(0,0),u.date},e=>u.transformOut(e)),r=h.model,a=d(""),c=d(null);L(r,e=>{a.value=V(e),c.value=r.value},{immediate:!0});const S=d(),y=d(),D=O(()=>ee(te(T,k),["modelValue","shapers","validators"])),m=_(!1),w=d(),v=_(!1);function $(){m.value&&y.value&&y.value.focus()}function N(){m.value=!0,v.value=!0}function x(e){var t;if(!((t=w.value)!=null&&t.$el.contains(e.relatedTarget))){if(v.value=!1,a.value.length===0){if(u.format==="time")r.value=null;else{const s=r.value;s.setHours(0,0,0,0),r.value=s,a.value="00:00"}return}const l=a.value.split(":"),o=c.value??new Date;let n=Number(l[1]??0);n<10&&(n*=10),o.setHours(Number(l[0]),n,0,0),r.value=o,a.value=V(o)}}function E(e){m.value=!0}function A(e){let t=e.replace(/[^\d:]/g,"");const l=t.split(":");l.length>2&&(t=l[0]+":"+l.slice(1).join(""));const[o]=t.split(":");!t.includes(":")&&o.length>=2&&(t=o.slice(0,2)+":"+o.slice(2));const[n,s=""]=t.split(":");let f=n;t.includes(":")&&n.length===1&&(f="0"+n),f.length===2&&Number(f)>23&&(f="23");let p=s.slice(0,2);return p.length===2&&Number(p)>59&&(p="59"),t.includes(":")?`${f}:${p}`:f}function B(e){r.value=e;const t=u.transformOut(r.value);R("select",t)}function H(e){if(["Backspace","Delete","Home","End","ArrowLeft","ArrowRight","Tab"].includes(e.key))return;const l=e.key==="v"&&e.ctrlKey,o=e.key==="a"&&e.ctrlKey;if(!new RegExp("[0-9:]").test(e.key)&&!l&&!o){e.preventDefault();return}const s=e.target.value;if(e.key===":"&&s.includes(":")){e.preventDefault();return}if(s.length-M(e.target)>=5){e.preventDefault();return}}function M(e){return e.selectionStart==null||e.selectionEnd==null?0:e.selectionEnd-e.selectionStart}function C(e){const t=e.target.value;if(a.value=A(t),a.value.length===0){if(u.format==="time")r.value=null;else{const s=r.value;s.setHours(0,0,0,0),r.value=s}return}const l=a.value.split(":"),o=c.value??new Date;let n=Number(l[1]??0);n<10&&(n*=10),o.setHours(Number(l[0]),n,0,0),c.value=o}return(e,t)=>(j(),U(i(T),z({ref_key:"evTextfieldRef",ref:y},D.value,{focused:m.value,"onUpdate:focused":t[2]||(t[2]=l=>m.value=l),class:["ev-time-field",i(h).classes,k.class],inputmode:"numeric",pattern:"[0-9:]*","model-value":a.value,"model-source":"model","error-messages":i(h).errorMessages,"onClick:control":N,onBlur:x,onKeydown:H,onInput:C}),q({default:g(()=>[F(i(Q),{ref_key:"evMenuRef",ref:S,modelValue:v.value,"onUpdate:modelValue":t[1]||(t[1]=l=>v.value=l),activator:"parent",position:"bottom-start","open-on-click":!1,"close-on-content-click":!1,onAfterLeave:$},{default:g(()=>[F(i(W),{elevation:"overlay",class:"ev-time-field--surface"},{default:g(()=>[F(i(X),{ref_key:"timePickerRef",ref:w,modelValue:c.value,"onUpdate:modelValue":[t[0]||(t[0]=l=>c.value=l),B],onFocusin:E},null,8,["modelValue"])]),_:1})]),_:1},8,["modelValue"])]),_:2},[i(P).label?{name:"label",fn:g(()=>[G(e.$slots,"label")]),key:"0"}:void 0]),1040,["focused","class","model-value","error-messages"]))}});export{me as default};
 //# sourceMappingURL=EvTimeField.vue.mjs.map

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

@@ -1,2 +1,2 @@
-import f from"./EvTimeField.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvTimeField.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvTimeField.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.72 | MIT License */const t=e({modelValue:[String,Date],hourFormat:{type:Number,default:void 0,validator:r=>r===12||r===24}},"EvTimePicker");export{t as makeEvTimePickerProps};
+import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.73 | MIT License */const t=e({modelValue:[String,Date],hourFormat:{type:Number,default:void 0,validator:r=>r===12||r===24}},"EvTimePicker");export{t as makeEvTimePickerProps};
 //# sourceMappingURL=EvTimePicker.mjs.map

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

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

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

@@ -1,2 +1,2 @@
-import f from"./EvTimePicker.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvTimePicker.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvTimePicker.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-import{propsFactory as r}from"../../../util/props.mjs";/*! Evance UI v1.1.72 | MIT License */const e=r({period:String,modelValue:Date,hourFormat:Number},"EvTimePickerHours");export{e as makeEvTimePickerHoursProps};
+import{propsFactory as r}from"../../../util/props.mjs";/*! Evance UI v1.1.73 | MIT License */const e=r({period:String,modelValue:Date,hourFormat:Number},"EvTimePickerHours");export{e as makeEvTimePickerHoursProps};
 //# sourceMappingURL=EvTimePickerHours.mjs.map

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

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

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

@@ -1,2 +1,2 @@
-import f from"./EvTimePickerHours.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvTimePickerHours.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvTimePickerHours.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-import{propsFactory as e}from"../../../util/props.mjs";/*! Evance UI v1.1.72 | MIT License */const o=e({modelValue:[String,Date],hourFormat:Number},"EvTimePickerMinutes");export{o as makeEvTimePickerMinutesProps};
+import{propsFactory as e}from"../../../util/props.mjs";/*! Evance UI v1.1.73 | MIT License */const o=e({modelValue:[String,Date],hourFormat:Number},"EvTimePickerMinutes");export{o as makeEvTimePickerMinutesProps};
 //# sourceMappingURL=EvTimePickerMinutes.mjs.map

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

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

package/dist/esm/components/EvTimePicker/EvTimePickerMinutes/EvTimePickerMinutes.vue2.mjs

@@ -1,2 +1,2 @@
-import f from"./EvTimePickerMinutes.vue.mjs";/*! Evance UI v1.1.72 | MIT License */export{f as default};
+import f from"./EvTimePickerMinutes.vue.mjs";/*! Evance UI v1.1.73 | MIT License */export{f as default};
 //# sourceMappingURL=EvTimePickerMinutes.vue2.mjs.map

package/dist/esm/components/EvToolbar/EvToolbar.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as r}from"../../composables/component.mjs";import{IconProp as t}from"../../composables/icons.mjs";import{makeTagProps as o}from"../../composables/tag.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.72 | MIT License */const n=a({actions:Array,breadcrumbs:Array,icon:t,size:{type:String,default:"medium"},tab:{type:null,default:0},tabs:Array,tabsDisplay:{type:String,default:"auto"},tabsBreakpoint:{type:String,default:"md-up"},title:String,...r(),...o()},"EvToolbar");export{n as makeEvToolbarProps};
+import{makeComponentProps as r}from"../../composables/component.mjs";import{IconProp as t}from"../../composables/icons.mjs";import{makeTagProps as o}from"../../composables/tag.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.73 | MIT License */const n=a({actions:Array,breadcrumbs:Array,icon:t,size:{type:String,default:"medium"},tab:{type:null,default:0},tabs:Array,tabsDisplay:{type:String,default:"auto"},tabsBreakpoint:{type:String,default:"md-up"},title:String,...r(),...o()},"EvToolbar");export{n as makeEvToolbarProps};
 //# sourceMappingURL=EvToolbar.mjs.map