@evance/evance-ui 1.1.51 → 1.1.53

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

@@ -1,2 +1,2 @@
-import{defineComponent as v,computed as s,createElementBlock as d,openBlock as f,normalizeStyle as y,normalizeClass as k}from"vue";/* empty css                */import{makeEvSkeletonProps as C,skeletonPresets as S}from"./EvSkeleton.mjs";import{useRounded as z}from"../../composables/rounded.mjs";import{useAspectStyles as _}from"../../composables/aspectRatio.mjs";import{applyDefaults as P}from"../../util/helpers.mjs";import{useDimensions as D}from"../../composables/dimensions.mjs";import{sizeModifier as E,makeClassName as h}from"../../util/modifiers.mjs";/*! Evance UI v1.1.51 | MIT License */const j=v({__name:"EvSkeleton",props:{...C()},setup(n){const e=n,l=s(()=>e.type?e.size??"medium":void 0),t=s(()=>{if(!e.type)return e;const o=S[e.type]??{},r=o.defaults??{},c=o[l.value]??{};return P(e,{...r,...c})}),a=s(()=>z(t.value).roundedClasses.value),u=s(()=>D(t.value).value),p=s(()=>E(l.value)),i=s(()=>h(e.type,"is-type")),m=s(()=>_(t.value).aspectStyles.value);return(o,r)=>(f(),d("div",{class:k(["ev-skeleton",{"is-inline":t.value.inline},i.value,p.value,a.value,e.class]),style:y([u.value,m.value,e.style]),"aria-hidden":"true"},null,6))}});export{j as default};
+import{defineComponent as v,computed as s,createElementBlock as d,openBlock as f,normalizeStyle as y,normalizeClass as k}from"vue";/* empty css                */import{makeEvSkeletonProps as C,skeletonPresets as S}from"./EvSkeleton.mjs";import{useRounded as z}from"../../composables/rounded.mjs";import{useAspectStyles as _}from"../../composables/aspectRatio.mjs";import{applyDefaults as P}from"../../util/helpers.mjs";import{useDimensions as D}from"../../composables/dimensions.mjs";import{sizeModifier as E,makeClassName as h}from"../../util/modifiers.mjs";/*! Evance UI v1.1.53 | MIT License */const j=v({__name:"EvSkeleton",props:{...C()},setup(n){const e=n,l=s(()=>e.type?e.size??"medium":void 0),t=s(()=>{if(!e.type)return e;const o=S[e.type]??{},r=o.defaults??{},c=o[l.value]??{};return P(e,{...r,...c})}),a=s(()=>z(t.value).roundedClasses.value),u=s(()=>D(t.value).value),p=s(()=>E(l.value)),i=s(()=>h(e.type,"is-type")),m=s(()=>_(t.value).aspectStyles.value);return(o,r)=>(f(),d("div",{class:k(["ev-skeleton",{"is-inline":t.value.inline},i.value,p.value,a.value,e.class]),style:y([u.value,m.value,e.style]),"aria-hidden":"true"},null,6))}});export{j as default};
 //# sourceMappingURL=EvSkeleton.vue.mjs.map

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

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

package/dist/esm/components/EvSlideGroup/EvSlideGroup.mjs

@@ -1,2 +1,2 @@
-import{makeGroupProps as r}from"../../composables/group.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{makeTagProps as t}from"../../composables/tag.mjs";import{IconProp as o}from"../../composables/icons.mjs";import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.51 | MIT License */const p=Symbol.for("ev:slide-group"),d=i({arrowsAlign:{type:String,default:"around"},arrowsHidden:[Boolean,String,Array],centerActive:Boolean,direction:{type:String,default:"horizontal"},iconNext:o,iconPrevious:o,symbol:{type:null,default:p},...e(),...t(),...r({selectedClass:"is-active"})},"EvSlideGroup");export{p as EvSlideGroupSymbol,d as makeEvSlideGroupProps};
+import{makeGroupProps as r}from"../../composables/group.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{makeTagProps as t}from"../../composables/tag.mjs";import{IconProp as o}from"../../composables/icons.mjs";import{propsFactory as i}from"../../util/props.mjs";/*! Evance UI v1.1.53 | MIT License */const p=Symbol.for("ev:slide-group"),d=i({arrowsAlign:{type:String,default:"around"},arrowsHidden:[Boolean,String,Array],centerActive:Boolean,direction:{type:String,default:"horizontal"},iconNext:o,iconPrevious:o,symbol:{type:null,default:p},...e(),...t(),...r({selectedClass:"is-active"})},"EvSlideGroup");export{p as EvSlideGroupSymbol,d as makeEvSlideGroupProps};
 //# sourceMappingURL=EvSlideGroup.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as ue,shallowRef as h,computed as u,watch as ie,createBlock as ve,openBlock as z,resolveDynamicComponent as ce,normalizeStyle as F,normalizeClass as b,unref as m,withCtx as fe,createElementVNode as B,createElementBlock as D,createCommentVNode as q,renderSlot as R,normalizeProps as de,guardReactiveProps as me,createVNode as G}from"vue";/* empty css                  */import{makeEvSlideGroupProps as pe}from"./EvSlideGroup.mjs";import L from"../EvButton/EvButton.vue.mjs";import{useDisplayRuleClasses as he}from"../../composables/display.mjs";import{useGroup as ge}from"../../composables/group.mjs";import{useResizeObserver as M}from"../../composables/resizeObserver.mjs";import{calculateCenteredOffset as we,calculateUpdatedOffset as U,bias as V}from"./helpers.mjs";import ye from"../../icons/glyph/ChevronDownIcon.svg.mjs";import Se from"../../icons/glyph/ChevronLeftIcon.svg.mjs";import xe from"../../icons/glyph/ChevronRightIcon.svg.mjs";import ze from"../../icons/glyph/ChevronUpIcon.svg.mjs";import{useRtl as be}from"../../composables/locale.mjs";import{focusableChildren as Re}from"../../util/children.mjs";import{Browser as Ce}from"../../util/browser.mjs";import{isBoolean as X}from"../../util/is-functions.mjs";import{clamp as ke}from"../../util/helpers.mjs";/*! Evance UI v1.1.51 | MIT License */const Pe=["hidden"],Ae=["hidden"],Xe=ue({__name:"EvSlideGroup",props:{...pe()},setup(Y){const n=Y,s=ge(n,n.symbol),{isRtl:v}=be(),g=h(!1),f=h(!1),t=h(0),r=h(0),i=h(0),o=u(()=>n.direction==="horizontal"),w=h(!1),{resizeRef:y,contentRect:S}=M(),{resizeRef:a,contentRect:x}=M(),C=u(()=>s.selected.value.length?s.items.value.findIndex(e=>e.id===s.selected.value[0]):-1),K=u(()=>s.selected.value.length?s.items.value.findIndex(e=>e.id===s.selected.value[s.selected.value.length-1]):-1);if(Ce.hasWindow){let e=-1;ie(()=>[s.selected.value,S.value,x.value,o.value],()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{if(S.value&&x.value){const l=o.value?"width":"height";r.value=S.value[l],i.value=x.value[l],f.value=r.value+1<i.value}if(C.value>=0&&a.value){const l=a.value.children[K.value];C.value===0||!f.value?t.value=0:n.centerActive?t.value=we({selectedElement:l,containerSize:r.value,contentSize:i.value,isRtl:v.value,isHorizontal:o.value}):f.value&&(t.value=U({selectedElement:l,containerSize:r.value,contentSize:i.value,isRtl:v.value,currentScrollOffset:t.value,isHorizontal:o.value}))}})})}function c(e){var l,d,_,N,$;if(a.value)if(!e)(l=Re(a.value)[0])==null||l.focus();else if(e==="next"){const p=(d=a.value.querySelector(":focus"))==null?void 0:d.nextElementSibling;p?p.focus():c("first")}else if(e==="previous"){const p=(_=a.value.querySelector(":focus"))==null?void 0:_.previousElementSibling;p?p.focus():c("last")}else e==="first"?(N=a.value.firstElementChild)==null||N.focus():e==="last"&&(($=a.value.lastElementChild)==null||$.focus())}function W(e){var l;!g.value&&!(e.relatedTarget&&((l=a.value)!=null&&l.contains(e.relatedTarget)))&&c()}function j(e){if(g.value=!0,!(!f.value||!a.value)){for(const l of e.composedPath())for(const d of a.value.children)if(d===l){t.value=U({selectedElement:d,containerSize:r.value,contentSize:i.value,isRtl:v.value,currentScrollOffset:t.value,isHorizontal:o.value});return}}}function J(e){g.value=!1}function Q(e){a.value&&(o.value?e.key==="ArrowRight"?c(v.value?"previous":"next"):e.key==="ArrowLeft"&&c(v.value?"next":"previous"):e.key==="ArrowDown"?c("next"):e.key==="ArrowUp"&&c("previous"),e.key==="Home"?c("first"):e.key==="End"&&c("last"))}function Z(){y.value&&(y.value[o.value?"scrollLeft":"scrollTop"]=0)}let k=0,P=0;function ee(e){const l=o.value?"clientX":"clientY";P=(v.value&&o.value?-1:1)*t.value,k=e.touches[0][l],w.value=!0}function le(e){if(!f.value)return;const l=o.value?"clientX":"clientY",d=v.value&&o.value?-1:1;t.value=d*(P+k-e.touches[0][l])}function te(e){const l=i.value-r.value;t.value<0||!f.value?t.value=0:t.value>=l&&(t.value=l),w.value=!1}function A(e){const l=t.value+(e==="previous"?-1:1)*r.value;t.value=ke(l,0,i.value-r.value)}const H=he(n,"arrowsHidden","hidden"),T=u(()=>X(n.arrowsHidden)&&n.arrowsHidden),oe=u(()=>{let e=t.value>i.value-r.value?-(i.value-r.value)+V(i.value-r.value-t.value):-t.value;t.value<=0&&(e=V(-t.value));const l=v.value&&o.value?-1:1;return{transform:`translate${o.value?"X":"Y"}(${l*e}px)`,transition:w.value?"none":"",willChange:w.value?"transform":""}}),ne=u(()=>({next:s.next,previous:s.previous,select:s.select,isSelected:s.isSelected})),se=u(()=>Math.abs(t.value)>0),ae=u(()=>i.value>Math.abs(t.value)+r.value),E=u(()=>X(n.arrowsHidden)&&n.arrowsHidden?!1:f.value||Math.abs(t.value)>0),re=u(()=>`is-arrows-${n.arrowsAlign}`),O=u(()=>n.iconNext?n.iconNext:o.value?xe:ye),I=u(()=>n.iconPrevious?n.iconPrevious:o.value?Se:ze);return(e,l)=>(z(),ve(ce(n.tag),{class:b(["ev-slide-group",{"is-overflowing":f.value,"is-vertical":!o.value},re.value,n.class]),style:F(n.style),tabindex:g.value||m(s).selected.value.length?-1:0,onFocus:W},{default:fe(()=>[B("div",{key:"container",ref_key:"containerRef",ref:y,class:"ev-slide-group--container",onScroll:Z},[B("div",{ref_key:"contentRef",ref:a,class:"ev-slide-group--content",style:F(oe.value),onTouchstartPassive:ee,onTouchmovePassive:le,onTouchendPassive:te,onFocusin:j,onFocusout:J,onKeydown:Q},[R(e.$slots,"default",de(me(ne.value)))],36)],544),E.value?(z(),D("div",{key:"previous",class:b(["ev-slide-group--previous",{"is-disabled":!se.value},...m(H)]),hidden:T.value,onClick:l[0]||(l[0]=()=>A("previous"))},[R(e.$slots,"previous",{},()=>[G(m(L),{icon:m(v)&&o.value?O.value:I.value,variant:"subtle"},null,8,["icon"])])],10,Pe)):q("",!0),E.value?(z(),D("div",{key:"next",class:b(["ev-slide-group--next",{"is-disabled":!ae.value},...m(H)]),hidden:T.value,onClick:l[1]||(l[1]=()=>A("next"))},[R(e.$slots,"next",{},()=>[G(m(L),{icon:m(v)&&o.value?I.value:O.value,variant:"subtle"},null,8,["icon"])])],10,Ae)):q("",!0)]),_:3},40,["class","style","tabindex"]))}});export{Xe as default};
+import{defineComponent as ue,shallowRef as h,computed as u,watch as ie,createBlock as ve,openBlock as z,resolveDynamicComponent as ce,normalizeStyle as F,normalizeClass as b,unref as m,withCtx as fe,createElementVNode as B,createElementBlock as D,createCommentVNode as q,renderSlot as R,normalizeProps as de,guardReactiveProps as me,createVNode as G}from"vue";/* empty css                  */import{makeEvSlideGroupProps as pe}from"./EvSlideGroup.mjs";import L from"../EvButton/EvButton.vue.mjs";import{useDisplayRuleClasses as he}from"../../composables/display.mjs";import{useGroup as ge}from"../../composables/group.mjs";import{useResizeObserver as M}from"../../composables/resizeObserver.mjs";import{calculateCenteredOffset as we,calculateUpdatedOffset as U,bias as V}from"./helpers.mjs";import ye from"../../icons/glyph/ChevronDownIcon.svg.mjs";import Se from"../../icons/glyph/ChevronLeftIcon.svg.mjs";import xe from"../../icons/glyph/ChevronRightIcon.svg.mjs";import ze from"../../icons/glyph/ChevronUpIcon.svg.mjs";import{useRtl as be}from"../../composables/locale.mjs";import{focusableChildren as Re}from"../../util/children.mjs";import{Browser as Ce}from"../../util/browser.mjs";import{isBoolean as X}from"../../util/is-functions.mjs";import{clamp as ke}from"../../util/helpers.mjs";/*! Evance UI v1.1.53 | MIT License */const Pe=["hidden"],Ae=["hidden"],Xe=ue({__name:"EvSlideGroup",props:{...pe()},setup(Y){const n=Y,s=ge(n,n.symbol),{isRtl:v}=be(),g=h(!1),f=h(!1),t=h(0),r=h(0),i=h(0),o=u(()=>n.direction==="horizontal"),w=h(!1),{resizeRef:y,contentRect:S}=M(),{resizeRef:a,contentRect:x}=M(),C=u(()=>s.selected.value.length?s.items.value.findIndex(e=>e.id===s.selected.value[0]):-1),K=u(()=>s.selected.value.length?s.items.value.findIndex(e=>e.id===s.selected.value[s.selected.value.length-1]):-1);if(Ce.hasWindow){let e=-1;ie(()=>[s.selected.value,S.value,x.value,o.value],()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{if(S.value&&x.value){const l=o.value?"width":"height";r.value=S.value[l],i.value=x.value[l],f.value=r.value+1<i.value}if(C.value>=0&&a.value){const l=a.value.children[K.value];C.value===0||!f.value?t.value=0:n.centerActive?t.value=we({selectedElement:l,containerSize:r.value,contentSize:i.value,isRtl:v.value,isHorizontal:o.value}):f.value&&(t.value=U({selectedElement:l,containerSize:r.value,contentSize:i.value,isRtl:v.value,currentScrollOffset:t.value,isHorizontal:o.value}))}})})}function c(e){var l,d,_,N,$;if(a.value)if(!e)(l=Re(a.value)[0])==null||l.focus();else if(e==="next"){const p=(d=a.value.querySelector(":focus"))==null?void 0:d.nextElementSibling;p?p.focus():c("first")}else if(e==="previous"){const p=(_=a.value.querySelector(":focus"))==null?void 0:_.previousElementSibling;p?p.focus():c("last")}else e==="first"?(N=a.value.firstElementChild)==null||N.focus():e==="last"&&(($=a.value.lastElementChild)==null||$.focus())}function W(e){var l;!g.value&&!(e.relatedTarget&&((l=a.value)!=null&&l.contains(e.relatedTarget)))&&c()}function j(e){if(g.value=!0,!(!f.value||!a.value)){for(const l of e.composedPath())for(const d of a.value.children)if(d===l){t.value=U({selectedElement:d,containerSize:r.value,contentSize:i.value,isRtl:v.value,currentScrollOffset:t.value,isHorizontal:o.value});return}}}function J(e){g.value=!1}function Q(e){a.value&&(o.value?e.key==="ArrowRight"?c(v.value?"previous":"next"):e.key==="ArrowLeft"&&c(v.value?"next":"previous"):e.key==="ArrowDown"?c("next"):e.key==="ArrowUp"&&c("previous"),e.key==="Home"?c("first"):e.key==="End"&&c("last"))}function Z(){y.value&&(y.value[o.value?"scrollLeft":"scrollTop"]=0)}let k=0,P=0;function ee(e){const l=o.value?"clientX":"clientY";P=(v.value&&o.value?-1:1)*t.value,k=e.touches[0][l],w.value=!0}function le(e){if(!f.value)return;const l=o.value?"clientX":"clientY",d=v.value&&o.value?-1:1;t.value=d*(P+k-e.touches[0][l])}function te(e){const l=i.value-r.value;t.value<0||!f.value?t.value=0:t.value>=l&&(t.value=l),w.value=!1}function A(e){const l=t.value+(e==="previous"?-1:1)*r.value;t.value=ke(l,0,i.value-r.value)}const H=he(n,"arrowsHidden","hidden"),T=u(()=>X(n.arrowsHidden)&&n.arrowsHidden),oe=u(()=>{let e=t.value>i.value-r.value?-(i.value-r.value)+V(i.value-r.value-t.value):-t.value;t.value<=0&&(e=V(-t.value));const l=v.value&&o.value?-1:1;return{transform:`translate${o.value?"X":"Y"}(${l*e}px)`,transition:w.value?"none":"",willChange:w.value?"transform":""}}),ne=u(()=>({next:s.next,previous:s.previous,select:s.select,isSelected:s.isSelected})),se=u(()=>Math.abs(t.value)>0),ae=u(()=>i.value>Math.abs(t.value)+r.value),E=u(()=>X(n.arrowsHidden)&&n.arrowsHidden?!1:f.value||Math.abs(t.value)>0),re=u(()=>`is-arrows-${n.arrowsAlign}`),O=u(()=>n.iconNext?n.iconNext:o.value?xe:ye),I=u(()=>n.iconPrevious?n.iconPrevious:o.value?Se:ze);return(e,l)=>(z(),ve(ce(n.tag),{class:b(["ev-slide-group",{"is-overflowing":f.value,"is-vertical":!o.value},re.value,n.class]),style:F(n.style),tabindex:g.value||m(s).selected.value.length?-1:0,onFocus:W},{default:fe(()=>[B("div",{key:"container",ref_key:"containerRef",ref:y,class:"ev-slide-group--container",onScroll:Z},[B("div",{ref_key:"contentRef",ref:a,class:"ev-slide-group--content",style:F(oe.value),onTouchstartPassive:ee,onTouchmovePassive:le,onTouchendPassive:te,onFocusin:j,onFocusout:J,onKeydown:Q},[R(e.$slots,"default",de(me(ne.value)))],36)],544),E.value?(z(),D("div",{key:"previous",class:b(["ev-slide-group--previous",{"is-disabled":!se.value},...m(H)]),hidden:T.value,onClick:l[0]||(l[0]=()=>A("previous"))},[R(e.$slots,"previous",{},()=>[G(m(L),{icon:m(v)&&o.value?O.value:I.value,variant:"subtle"},null,8,["icon"])])],10,Pe)):q("",!0),E.value?(z(),D("div",{key:"next",class:b(["ev-slide-group--next",{"is-disabled":!ae.value},...m(H)]),hidden:T.value,onClick:l[1]||(l[1]=()=>A("next"))},[R(e.$slots,"next",{},()=>[G(m(L),{icon:m(v)&&o.value?I.value:O.value,variant:"subtle"},null,8,["icon"])])],10,Ae)):q("",!0)]),_:3},40,["class","style","tabindex"]))}});export{Xe as default};
 //# sourceMappingURL=EvSlideGroup.vue.mjs.map

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

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

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as r,computed as l,renderSlot as p,normalizeProps as m,guardReactiveProps as u}from"vue";import{makeGroupItemProps as c,useGroupItem as a}from"../../composables/groupItem.mjs";import{EvSlideGroupSymbol as d}from"./EvSlideGroup.mjs";/*! Evance UI v1.1.51 | MIT License */const S=r({__name:"EvSlideGroupItem",props:{...c()},emits:["group:selected"],setup(o){const e=a(o,d),t=l(()=>({isSelected:e.isSelected.value,select:e.select,toggle:e.toggle,selectedClass:e.selectedClass.value}));return(s,i)=>p(s.$slots,"default",m(u(t.value)))}});export{S as default};
+import{defineComponent as r,computed as l,renderSlot as p,normalizeProps as m,guardReactiveProps as u}from"vue";import{makeGroupItemProps as c,useGroupItem as a}from"../../composables/groupItem.mjs";import{EvSlideGroupSymbol as d}from"./EvSlideGroup.mjs";/*! Evance UI v1.1.53 | MIT License */const S=r({__name:"EvSlideGroupItem",props:{...c()},emits:["group:selected"],setup(o){const e=a(o,d),t=l(()=>({isSelected:e.isSelected.value,select:e.select,toggle:e.toggle,selectedClass:e.selectedClass.value}));return(s,i)=>p(s.$slots,"default",m(u(t.value)))}});export{S as default};
 //# sourceMappingURL=EvSlideGroupItem.vue.mjs.map

package/dist/esm/components/EvSlideGroup/EvSlideGroupItem.vue2.mjs

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

package/dist/esm/components/EvSlideGroup/helpers.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.51 | MIT License */function u(t){const a=Math.abs(t);return Math.sign(t)*(a/((1/.501-2)*(1-a)+1))}function x({selectedElement:t,containerSize:s,contentSize:a,isRtl:n,currentScrollOffset:f,isHorizontal:h}){const i=h?t.clientWidth:t.clientHeight,o=h?t.offsetLeft:t.offsetTop,M=n&&h?a-o-i:o,c=s+f,d=i+M,p=i*.4;return M<=f?f=Math.max(M-p,0):c<=d&&(f=Math.min(f-(c-d-p),a-s)),f}function g({selectedElement:t,containerSize:s,contentSize:a,isRtl:n,isHorizontal:f}){const h=f?t.clientWidth:t.clientHeight,i=f?t.offsetLeft:t.offsetTop,o=n&&f?a-i-h/2-s/2:i+h/2-s/2;return Math.min(a-s,Math.max(0,o))}export{u as bias,g as calculateCenteredOffset,x as calculateUpdatedOffset};
+/*! Evance UI v1.1.53 | MIT License */function u(t){const a=Math.abs(t);return Math.sign(t)*(a/((1/.501-2)*(1-a)+1))}function x({selectedElement:t,containerSize:s,contentSize:a,isRtl:n,currentScrollOffset:f,isHorizontal:h}){const i=h?t.clientWidth:t.clientHeight,o=h?t.offsetLeft:t.offsetTop,M=n&&h?a-o-i:o,c=s+f,d=i+M,p=i*.4;return M<=f?f=Math.max(M-p,0):c<=d&&(f=Math.min(f-(c-d-p),a-s)),f}function g({selectedElement:t,containerSize:s,contentSize:a,isRtl:n,isHorizontal:f}){const h=f?t.clientWidth:t.clientHeight,i=f?t.offsetLeft:t.offsetTop,o=n&&f?a-i-h/2-s/2:i+h/2-s/2;return Math.min(a-s,Math.max(0,o))}export{u as bias,g as calculateCenteredOffset,x as calculateUpdatedOffset};
 //# sourceMappingURL=helpers.mjs.map

package/dist/esm/components/EvSurface/EvSurface.mjs

@@ -1,2 +1,2 @@
-import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{propsFactory as t}from"../../util/props.mjs";import{makeClassName as m}from"../../util/modifiers.mjs";/*! Evance UI v1.1.51 | MIT License */function f(o){return m(o,"is-elevation")}const u=t({elevation:{type:String,default:"default"},grow:Boolean,rounded:{type:[String,Number,Boolean],default:void 0},scrollable:{type:[String,Boolean],default:void 0},...a(),...e(),...r()},"EvSurface");export{f as makeElevationClass,u as makeEvSurfaceProps};
+import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{propsFactory as t}from"../../util/props.mjs";import{makeClassName as m}from"../../util/modifiers.mjs";/*! Evance UI v1.1.53 | MIT License */function f(o){return m(o,"is-elevation")}const u=t({elevation:{type:String,default:"default"},grow:Boolean,rounded:{type:[String,Number,Boolean],default:void 0},scrollable:{type:[String,Boolean],default:void 0},...a(),...e(),...r()},"EvSurface");export{f as makeElevationClass,u as makeEvSurfaceProps};
 //# sourceMappingURL=EvSurface.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as a,createBlock as l,openBlock as m,resolveDynamicComponent as f,normalizeStyle as u,normalizeClass as c,unref as s,withCtx as p,renderSlot as d}from"vue";/* empty css               */import{makeEvSurfaceProps as v,makeElevationClass as y}from"./EvSurface.mjs";import{useDimensions as C}from"../../composables/dimensions.mjs";import{isEmpty as k,isString as S}from"../../util/is-functions.mjs";import{makeClassName as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.51 | MIT License */const B=a({__name:"EvSurface",props:{...v()},setup(o){const r=o,t=C(r);function i(e){if(!(!e||k(e))){if(e===!0)return"is-rounded";if(S(e))return _(e,"is-rounded")}}function n(e){if(!(typeof e>"u")){if(e===!1)return"is-overflow-hidden";switch(e){case"x":return"is-scrollable-x";case"y":return"is-scrollable-y";default:return"is-scrollable"}}}return(e,w)=>(m(),l(f(r.tag),{class:c(["ev-surface",{"is-grow":r.grow},s(y)(r.elevation),i(r.rounded),n(r.scrollable),r.class]),style:u([s(t),r.style])},{default:p(()=>[d(e.$slots,"default")]),_:3},8,["class","style"]))}});export{B as default};
+import{defineComponent as a,createBlock as l,openBlock as m,resolveDynamicComponent as f,normalizeStyle as u,normalizeClass as c,unref as s,withCtx as p,renderSlot as d}from"vue";/* empty css               */import{makeEvSurfaceProps as v,makeElevationClass as y}from"./EvSurface.mjs";import{useDimensions as C}from"../../composables/dimensions.mjs";import{isEmpty as k,isString as S}from"../../util/is-functions.mjs";import{makeClassName as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.53 | MIT License */const B=a({__name:"EvSurface",props:{...v()},setup(o){const r=o,t=C(r);function i(e){if(!(!e||k(e))){if(e===!0)return"is-rounded";if(S(e))return _(e,"is-rounded")}}function n(e){if(!(typeof e>"u")){if(e===!1)return"is-overflow-hidden";switch(e){case"x":return"is-scrollable-x";case"y":return"is-scrollable-y";default:return"is-scrollable"}}}return(e,w)=>(m(),l(f(r.tag),{class:c(["ev-surface",{"is-grow":r.grow},s(y)(r.elevation),i(r.rounded),n(r.scrollable),r.class]),style:u([s(t),r.style])},{default:p(()=>[d(e.$slots,"default")]),_:3},8,["class","style"]))}});export{B as default};
 //# sourceMappingURL=EvSurface.vue.mjs.map

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

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

package/dist/esm/components/EvSwatch/EvSwatch.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as s}from"../../composables/component.mjs";import{makeRoundedProps as p}from"../../composables/rounded.mjs";import{makeSizeProps as a}from"../../composables/size.mjs";import{propsFactory as c}from"../../util/props.mjs";/*! Evance UI v1.1.51 | MIT License */function e(o){return o.map(r=>`${r.color} ${r.position}%`).join(", ")}function m(o){const r=e(o.stops);return o.angle?`linear-gradient(${o.angle}deg, ${r})`:`linear-gradient(${r})`}function f(o){const r=e(o.stops),t=[];if(o.size&&t.push(`${o.size.width}% ${o.size.height}%`),o.position){const n=typeof o.position.x=="number"?`${o.position.x}%`:o.position.x,i=typeof o.position.y=="number"?`${o.position.y}%`:o.position.y;t.push(`at ${n} ${i}`)}return t.length?`radial-gradient(${t.join(" ")}, ${r})`:`radial-gradient(${r})`}function $(o){const{url:r,repeat:t="no-repeat",size:n="cover",position:i="center"}=o;return`url("${r}") ${i} / ${n} ${t}`}function u(o){if(Array.isArray(o))return o.map(u).join(", ");if(typeof o=="string")return o;if(typeof o=="object")switch(o.type){case"solid":return o.color;case"linear-gradient":return m(o);case"radial-gradient":return f(o);case"image":return $(o)}return"transparent"}const l=c({value:[String,Object,Array],...a(),...p({rounded:"circle"}),...s()},"EvSwatch");export{u as makeBackground,l as makeEvSwatchProps};
+import{makeComponentProps as s}from"../../composables/component.mjs";import{makeRoundedProps as p}from"../../composables/rounded.mjs";import{makeSizeProps as a}from"../../composables/size.mjs";import{propsFactory as c}from"../../util/props.mjs";/*! Evance UI v1.1.53 | MIT License */function e(o){return o.map(r=>`${r.color} ${r.position}%`).join(", ")}function m(o){const r=e(o.stops);return o.angle?`linear-gradient(${o.angle}deg, ${r})`:`linear-gradient(${r})`}function f(o){const r=e(o.stops),t=[];if(o.size&&t.push(`${o.size.width}% ${o.size.height}%`),o.position){const n=typeof o.position.x=="number"?`${o.position.x}%`:o.position.x,i=typeof o.position.y=="number"?`${o.position.y}%`:o.position.y;t.push(`at ${n} ${i}`)}return t.length?`radial-gradient(${t.join(" ")}, ${r})`:`radial-gradient(${r})`}function $(o){const{url:r,repeat:t="no-repeat",size:n="cover",position:i="center"}=o;return`url("${r}") ${i} / ${n} ${t}`}function u(o){if(Array.isArray(o))return o.map(u).join(", ");if(typeof o=="string")return o;if(typeof o=="object")switch(o.type){case"solid":return o.color;case"linear-gradient":return m(o);case"radial-gradient":return f(o);case"image":return $(o)}return"transparent"}const l=c({value:[String,Object,Array],...a(),...p({rounded:"circle"}),...s()},"EvSwatch");export{u as makeBackground,l as makeEvSwatchProps};
 //# sourceMappingURL=EvSwatch.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as m,computed as s,createElementBlock as p,openBlock as i,normalizeStyle as t,normalizeClass as u,unref as o,createElementVNode as d}from"vue";/* empty css              */import{makeEvSwatchProps as f,makeBackground as v}from"./EvSwatch.mjs";import{useRounded as k}from"../../composables/rounded.mjs";import{sizeModifier as y}from"../../util/modifiers.mjs";/*! Evance UI v1.1.51 | MIT License */const B=m({__name:"EvSwatch",props:{...f()},setup(r){const e=r,{roundedClasses:a}=k(e),n=s(()=>y(e.size));function l(){return s(()=>({background:v(e.value)}))}const c=l();return(S,_)=>(i(),p("div",{class:u(["ev-swatch",n.value,o(a),e.class]),style:t(e.style)},[d("div",{class:"ev-swatch--sample",style:t(o(c))},null,4)],6))}});export{B as default};
+import{defineComponent as m,computed as s,createElementBlock as p,openBlock as i,normalizeStyle as t,normalizeClass as u,unref as o,createElementVNode as d}from"vue";/* empty css              */import{makeEvSwatchProps as f,makeBackground as v}from"./EvSwatch.mjs";import{useRounded as k}from"../../composables/rounded.mjs";import{sizeModifier as y}from"../../util/modifiers.mjs";/*! Evance UI v1.1.53 | MIT License */const B=m({__name:"EvSwatch",props:{...f()},setup(r){const e=r,{roundedClasses:a}=k(e),n=s(()=>y(e.size));function l(){return s(()=>({background:v(e.value)}))}const c=l();return(S,_)=>(i(),p("div",{class:u(["ev-swatch",n.value,o(a),e.class]),style:t(e.style)},[d("div",{class:"ev-swatch--sample",style:t(o(c))},null,4)],6))}});export{B as default};
 //# sourceMappingURL=EvSwatch.vue.mjs.map

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

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

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.51 | 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.53 | 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.51 | 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.53 | 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.51 | MIT License */export{f as default};
+import f from"./EvSwitch.vue.mjs";/*! Evance UI v1.1.53 | 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.51 | 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.53 | 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.51 | 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.53 | 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.51 | MIT License */export{f as default};
+import f from"./EvT.vue.mjs";/*! Evance UI v1.1.53 | 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.51 | 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.53 | 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.51 | 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.53 | 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.51 | MIT License */export{f as default};
+import f from"./EvTab.vue.mjs";/*! Evance UI v1.1.53 | 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.51 | 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.53 | 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.51 | MIT License */
+/*! Evance UI v1.1.53 | 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.51 | 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.53 | 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.51 | MIT License */export{f as default};
+import f from"./EvTabs.vue.mjs";/*! Evance UI v1.1.53 | 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.51 | 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.53 | 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.51 | 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":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.53 | 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":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.51 | MIT License */export{f as default};
+import f from"./EvTag.vue.mjs";/*! Evance UI v1.1.53 | 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.51 | 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.53 | 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.51 | 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.53 | 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.51 | MIT License */export{f as default};
+import f from"./EvTagGroup.vue.mjs";/*! Evance UI v1.1.53 | 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.51 | 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.53 | 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.51 | 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.53 | 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.51 | MIT License */export{o as default};
+import o from"./EvText.vue.mjs";/* empty css            *//*! Evance UI v1.1.53 | 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.51 | 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.53 | 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.51 | 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.53 | 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.51 | MIT License */export{f as default};
+import f from"./EvTextarea.vue.mjs";/*! Evance UI v1.1.53 | 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.51 | 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 m}from"../../util/props.mjs";/*! Evance UI v1.1.53 | 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};
 //# sourceMappingURL=EvTextfield.mjs.map

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 n,openBlock as s,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 se from"../EvProgress/EvProgress.vue.mjs";import ne 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.51 | 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((s(),n("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?(s(),n("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":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)?(s(),n("div",ye,[r(E,{name:"fade-in-out",mode:"out-in"},{default:k(()=>[t.loading?(s(),F(e(ne),{key:1,indeterminate:"",appearance:e(l).isFocused?e(f).notice:e(f).default},null,8,["appearance"])):(s(),F(e(x),{key:0,glyph:e(h)},null,8,["glyph"]))]),_:1})])):a("",!0),t.prefix||e(p).prefix?(s(),n("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:"slide-fade"},{default:k(()=>[R.value?(s(),n("div",ge,[r(e(x),{glyph:e(te),onClick:B,onMousedown:L},null,8,["glyph"])])):a("",!0)]),_:1}),t.suffix||e(p).suffix?(s(),n("div",Ce,[d(o.$slots,"suffix",{},()=>[S(T(t.suffix),1)])])):a("",!0),e(g)?(s(),n("div",be,[r(e(x),{glyph:e(g)},null,8,["glyph"])])):a("",!0),t.loading&&!t.iconStart?(s(),n("div",we,[r(e(se),{indeterminate:"",appearance:e(l).isFocused?e(f).notice:e(f).default,size:2},null,8,["appearance"])])):a("",!0)],42,_e),e(l).isShowErrorMessages?(s(),n("div",Ae,[r(e(ie),{messages:e(l).errorMessages},null,8,["messages"])])):a("",!0)],16)),[[H,q]])}}});export{Ue as default};
+import{defineComponent as J,useSlots as K,useAttrs as Q,ref as w,computed as _,resolveDirective as W,withDirectives as A,createElementBlock as n,openBlock as s,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 se from"../EvProgress/EvProgress.vue.mjs";import ne 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.53 | 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((s(),n("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?(s(),n("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":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)?(s(),n("div",ye,[r(E,{name:"fade-in-out",mode:"out-in"},{default:k(()=>[t.loading?(s(),F(e(ne),{key:1,indeterminate:"",appearance:e(l).isFocused?e(f).notice:e(f).default},null,8,["appearance"])):(s(),F(e(x),{key:0,glyph:e(h)},null,8,["glyph"]))]),_:1})])):a("",!0),t.prefix||e(p).prefix?(s(),n("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:"slide-fade"},{default:k(()=>[R.value?(s(),n("div",ge,[r(e(x),{glyph:e(te),onClick:B,onMousedown:L},null,8,["glyph"])])):a("",!0)]),_:1}),t.suffix||e(p).suffix?(s(),n("div",Ce,[d(o.$slots,"suffix",{},()=>[S(T(t.suffix),1)])])):a("",!0),e(g)?(s(),n("div",be,[r(e(x),{glyph:e(g)},null,8,["glyph"])])):a("",!0),t.loading&&!t.iconStart?(s(),n("div",we,[r(e(se),{indeterminate:"",appearance:e(l).isFocused?e(f).notice:e(f).default,size:2},null,8,["appearance"])])):a("",!0)],42,_e),e(l).isShowErrorMessages?(s(),n("div",Ae,[r(e(ie),{messages:e(l).errorMessages},null,8,["messages"])])):a("",!0)],16)),[[H,q]])}}});export{Ue as default};
 //# sourceMappingURL=EvTextfield.vue.mjs.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EvTimeField.vue.mjs","sources":["../../../../src/components/EvTimeField/EvTimeField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimeField.scss\";\nimport { makeEvTimeFieldProps } from \"./EvTimeField\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTimePicker } from \"@/components/EvTimePicker\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { FocusEvent, KeyboardEvent } from \"react\";\nimport { useModelProxy } from \"@/composables\";\nimport {\n    displayTimeFromDate,\n    inferTimeFormat,\n    ParseDateTimeValue,\n} from \"@/composables/time\";\nimport { useFormField } from \"@/composables/validation\";\n\nconst props = defineProps({\n    ...makeEvTimeFieldProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\nconst emit = defineEmits<{\n    (e: \"update:modelValue\", value: Date | string | null): void;\n    (e: \"select\", value: Date | string | null): void;\n}>();\n\nlet inferredFormat: ParseDateTimeValue | null = null;\nconst formField = useFormField(\n    props,\n    undefined,\n    (value) => {\n        const handler = inferTimeFormat(value);\n        inferredFormat = handler.parse(value);\n        inferredFormat.date?.setSeconds(0, 0);\n        return inferredFormat.date;\n    },\n    (value) => {\n        return inferredFormat.transformOut(value);\n    },\n);\nconst modelValue = formField.model;\nconst displayValue = ref(\"\");\nconst pickerValue = ref(null);\nwatch(\n    modelValue,\n    (value) => {\n        displayValue.value = displayTimeFromDate(value);\n        pickerValue.value = modelValue.value;\n    },\n    { immediate: true },\n);\n\n// Text Field\nconst evMenuRef = ref<typeof EvMenu>();\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n    return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\n});\nconst isFocused = shallowRef(false);\n\n// Time Picker\nconst timePickerRef = ref<typeof EvTimePicker>();\n\n// Menu\nconst isMenuOpen = shallowRef(false);\n\n/**\n * ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n */\nfunction onMenuAfterLeave() {\n    if (isFocused.value && evTextfieldRef.value) {\n        evTextfieldRef.value.focus();\n    }\n}\n\nfunction onFieldFocus() {\n    isFocused.value = true;\n    isMenuOpen.value = true;\n}\n\nfunction onFieldBlur(e: FocusEvent) {\n    if (!timePickerRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n        isMenuOpen.value = false;\n        if (displayValue.value.length === 0) {\n            if (inferredFormat.format === \"time\") {\n                modelValue.value = null;\n            } else {\n                const date = modelValue.value;\n                date.setHours(0, 0, 0, 0);\n                modelValue.value = date;\n                displayValue.value = \"00:00\";\n            }\n            return;\n        }\n        const parts = displayValue.value.split(\":\");\n        const date = pickerValue.value ?? new Date();\n        let minutes = Number(parts[1] ?? 0);\n        if (minutes < 10) {\n            minutes *= 10;\n        }\n        date.setHours(Number(parts[0]), minutes, 0, 0);\n        modelValue.value = date;\n        displayValue.value = displayTimeFromDate(date);\n    }\n}\n\nfunction onDatePickerFocusIn(e: FocusEvent) {\n    isFocused.value = true;\n}\n\nfunction normalizeTimeInput(raw: string): string {\n    let value = raw.replace(/[^\\d:]/g, \"\");\n    // Prevent more than one colon\n    const parts = value.split(\":\");\n    if (parts.length > 2) {\n        value = parts[0] + \":\" + parts.slice(1).join(\"\");\n    }\n    const [hoursRaw] = value.split(\":\");\n    // Auto-insert colon after 2 digits IF the user hasn't typed one\n    if (!value.includes(\":\") && hoursRaw.length >= 2) {\n        value = hoursRaw.slice(0, 2) + \":\" + hoursRaw.slice(2);\n    }\n    const [h, m = \"\"] = value.split(\":\");\n    // Pad single-digit hour when colon appears\n    let hours = h;\n    if (value.includes(\":\") && h.length === 1) {\n        hours = \"0\" + h;\n    }\n\n    // Limit ranges (soft clamp while typing)\n    if (hours.length === 2 && Number(hours) > 23) {\n        hours = \"23\";\n    }\n\n    let minutes = m.slice(0, 2);\n    if (minutes.length === 2 && Number(minutes) > 59) {\n        minutes = \"59\";\n    }\n\n    return value.includes(\":\") ? `${hours}:${minutes}` : hours;\n}\n\nfunction onPickerSelect(value: unknown) {\n    modelValue.value = value;\n    const v = inferredFormat.transformOut(modelValue.value);\n    emit(\"select\", v as unknown as Date | string | null);\n}\n\nfunction onFieldKeydown(e: KeyboardEvent) {\n    const passThrough = [\n        \"Backspace\",\n        \"Delete\",\n        \"Home\",\n        \"End\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Tab\",\n    ];\n    if (passThrough.includes(e.key)) {\n        return;\n    }\n    const isPaste = e.key === \"v\" && e.ctrlKey;\n    const isSelectAll = e.key === \"a\" && e.ctrlKey;\n    // Block anything not in the whitelist\n    const whitelist = new RegExp(\"[0-9:]\");\n    if (!whitelist.test(e.key) && !isPaste && !isSelectAll) {\n        e.preventDefault();\n        return;\n    }\n    const raw = (e.target as HTMLInputElement).value;\n    if (e.key === \":\" && raw.includes(\":\")) {\n        e.preventDefault();\n        return;\n    }\n    if (raw.length - getSelectedLength(e.target as HTMLInputElement) >= 5) {\n        e.preventDefault();\n        return;\n    }\n}\n\n/**\n * ## Get Selected Length\n * @param input\n */\nfunction getSelectedLength(input: HTMLInputElement): number\n{\n    if (input.selectionStart == null || input.selectionEnd == null) {\n        return 0;\n    }\n    return input.selectionEnd - input.selectionStart;\n}\n\nfunction onFieldInput(e: Event) {\n    const raw = (e.target as HTMLInputElement).value;\n    displayValue.value = normalizeTimeInput(raw);\n\n    if (displayValue.value.length === 0) {\n        if (inferredFormat.format === \"time\") {\n            modelValue.value = null;\n        } else {\n            const date = modelValue.value;\n            date.setHours(0, 0, 0, 0);\n            modelValue.value = date;\n        }\n        return;\n    }\n\n    // Attempt to update picker if we have a value that is reasonable\n    const parts = displayValue.value.split(\":\");\n    const date = pickerValue.value ?? new Date();\n    let minutes = Number(parts[1] ?? 0);\n    if (minutes < 10) {\n        minutes *= 10;\n    }\n    date.setHours(Number(parts[0]), minutes, 0, 0);\n    pickerValue.value = date;\n}\n</script>\n\n<template>\n    <ev-textfield\n        ref=\"evTextfieldRef\"\n        v-bind=\"evTextfieldProps\"\n        v-model:focused=\"isFocused\"\n        class=\"ev-time-field\"\n        inputmode=\"numeric\"\n        pattern=\"[0-9:]*\"\n        :model-value=\"displayValue\"\n        @click:control=\"onFieldFocus\"\n        @blur=\"onFieldBlur\"\n        @keydown=\"onFieldKeydown\"\n        @input=\"onFieldInput\">\n        <template v-if=\"slots.label\" #label>\n            <slot name=\"label\" />\n        </template>\n        <template #default>\n            <ev-menu\n                ref=\"evMenuRef\"\n                v-model=\"isMenuOpen\"\n                activator=\"parent\"\n                position=\"bottom-start\"\n                :open-on-click=\"false\"\n                :close-on-content-click=\"false\"\n                @after-leave=\"onMenuAfterLeave\">\n                <ev-surface elevation=\"overlay\" class=\"ev-time-field--surface\">\n                    <ev-time-picker\n                        ref=\"timePickerRef\"\n                        v-model=\"pickerValue\"\n                        @focusin=\"onDatePickerFocusIn\"\n                        @update:model-value=\"onPickerSelect\" />\n                </ev-surface>\n            </ev-menu>\n        </template>\n    </ev-textfield>\n</template>\n"],"names":["slots","_useSlots","inferredFormat","modelValue","useFormField","props","value","inferTimeFormat","_a","displayValue","ref","pickerValue","watch","displayTimeFromDate","evMenuRef","evTextfieldRef","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","isFocused","shallowRef","timePickerRef","isMenuOpen","onMenuAfterLeave","onFieldFocus","onFieldBlur","date","parts","minutes","onDatePickerFocusIn","normalizeTimeInput","raw","hoursRaw","h","m","hours","onPickerSelect","v","emit","onFieldKeydown","isPaste","isSelectAll","getSelectedLength","input","onFieldInput"],"mappings":"02BAqBMA,EAAQC,IAQd,IAAIC,EAA4C,KAchD,MAAMC,EAbYC,EACdC,EACA,OACCC,GAAU,OAEU,OAAAJ,EADDK,EAAgBD,CAAK,EACZ,MAAMA,CAAK,GACrBE,EAAAN,EAAA,OAAA,MAAAM,EAAM,WAAW,EAAG,GAC5BN,EAAe,IAC1B,EACCI,GACUJ,EAAe,aAAaI,CAAK,CAEhD,EAC6B,MACvBG,EAAeC,EAAI,EAAE,EACrBC,EAAcD,EAAI,IAAI,EAC5BE,EACIT,EACCG,GAAU,CACMG,EAAA,MAAQI,EAAoBP,CAAK,EAC9CK,EAAY,MAAQR,EAAW,KACnC,EACA,CAAE,UAAW,EAAK,CACtB,EAGA,MAAMW,EAAYJ,EAAmB,EAC/BK,EAAiBL,EAAwB,EACzCM,EAAmBC,EAAS,IACvBC,EAAKC,GAAqBC,EAAaf,CAAK,EAAG,CAAC,YAAY,CAAC,CACvE,EACKgB,EAAYC,EAAW,EAAK,EAG5BC,EAAgBb,EAAyB,EAGzCc,EAAaF,EAAW,EAAK,EAMnC,SAASG,GAAmB,CACpBJ,EAAU,OAASN,EAAe,OAClCA,EAAe,MAAM,MAAM,CAC/B,CAGJ,SAASW,GAAe,CACpBL,EAAU,MAAQ,GAClBG,EAAW,MAAQ,EAAA,CAGvB,SAASG,EAAY,EAAe,OAChC,GAAI,GAACnB,EAAAe,EAAc,QAAd,MAAAf,EAAqB,IAAI,SAAS,EAAE,gBAA+B,CAEhE,GADJgB,EAAW,MAAQ,GACff,EAAa,MAAM,SAAW,EAAG,CAC7B,GAAAP,EAAe,SAAW,OAC1BC,EAAW,MAAQ,SAChB,CACH,MAAMyB,EAAOzB,EAAW,MACxByB,EAAK,SAAS,EAAG,EAAG,EAAG,CAAC,EACxBzB,EAAW,MAAQyB,EACnBnB,EAAa,MAAQ,OAAA,CAEzB,MAAA,CAEJ,MAAMoB,EAAQpB,EAAa,MAAM,MAAM,GAAG,EACpCmB,EAAOjB,EAAY,OAAS,IAAI,KACtC,IAAImB,EAAU,OAAOD,EAAM,CAAC,GAAK,CAAC,EAC9BC,EAAU,KACCA,GAAA,IAEVF,EAAA,SAAS,OAAOC,EAAM,CAAC,CAAC,EAAGC,EAAS,EAAG,CAAC,EAC7C3B,EAAW,MAAQyB,EACNnB,EAAA,MAAQI,EAAoBe,CAAI,CAAA,CACjD,CAGJ,SAASG,EAAoB,EAAe,CACxCV,EAAU,MAAQ,EAAA,CAGtB,SAASW,EAAmBC,EAAqB,CAC7C,IAAI3B,EAAQ2B,EAAI,QAAQ,UAAW,EAAE,EAE/B,MAAAJ,EAAQvB,EAAM,MAAM,GAAG,EACzBuB,EAAM,OAAS,IACPvB,EAAAuB,EAAM,CAAC,EAAI,IAAMA,EAAM,MAAM,CAAC,EAAE,KAAK,EAAE,GAEnD,KAAM,CAACK,CAAQ,EAAI5B,EAAM,MAAM,GAAG,EAE9B,CAACA,EAAM,SAAS,GAAG,GAAK4B,EAAS,QAAU,IACnC5B,EAAA4B,EAAS,MAAM,EAAG,CAAC,EAAI,IAAMA,EAAS,MAAM,CAAC,GAEzD,KAAM,CAACC,EAAGC,EAAI,EAAE,EAAI9B,EAAM,MAAM,GAAG,EAEnC,IAAI+B,EAAQF,EACR7B,EAAM,SAAS,GAAG,GAAK6B,EAAE,SAAW,IACpCE,EAAQ,IAAMF,GAIdE,EAAM,SAAW,GAAK,OAAOA,CAAK,EAAI,KAC9BA,EAAA,MAGZ,IAAIP,EAAUM,EAAE,MAAM,EAAG,CAAC,EAC1B,OAAIN,EAAQ,SAAW,GAAK,OAAOA,CAAO,EAAI,KAChCA,EAAA,MAGPxB,EAAM,SAAS,GAAG,EAAI,GAAG+B,CAAK,IAAIP,CAAO,GAAKO,CAAA,CAGzD,SAASC,EAAehC,EAAgB,CACpCH,EAAW,MAAQG,EACnB,MAAMiC,EAAIrC,EAAe,aAAaC,EAAW,KAAK,EACtDqC,EAAK,SAAUD,CAAoC,CAAA,CAGvD,SAASE,EAAe,EAAkB,CAUtC,GAToB,CAChB,YACA,SACA,OACA,MACA,YACA,aACA,KACJ,EACgB,SAAS,EAAE,GAAG,EAC1B,OAEJ,MAAMC,EAAU,EAAE,MAAQ,KAAO,EAAE,QAC7BC,EAAc,EAAE,MAAQ,KAAO,EAAE,QAGnC,GAAA,CADc,IAAI,OAAO,QAAQ,EACtB,KAAK,EAAE,GAAG,GAAK,CAACD,GAAW,CAACC,EAAa,CACpD,EAAE,eAAe,EACjB,MAAA,CAEE,MAAAV,EAAO,EAAE,OAA4B,MAC3C,GAAI,EAAE,MAAQ,KAAOA,EAAI,SAAS,GAAG,EAAG,CACpC,EAAE,eAAe,EACjB,MAAA,CAEJ,GAAIA,EAAI,OAASW,EAAkB,EAAE,MAA0B,GAAK,EAAG,CACnE,EAAE,eAAe,EACjB,MAAA,CACJ,CAOJ,SAASA,EAAkBC,EAC3B,CACI,OAAIA,EAAM,gBAAkB,MAAQA,EAAM,cAAgB,KAC/C,EAEJA,EAAM,aAAeA,EAAM,cAAA,CAGtC,SAASC,EAAa,EAAU,CACtB,MAAAb,EAAO,EAAE,OAA4B,MAGvC,GAFSxB,EAAA,MAAQuB,EAAmBC,CAAG,EAEvCxB,EAAa,MAAM,SAAW,EAAG,CAC7B,GAAAP,EAAe,SAAW,OAC1BC,EAAW,MAAQ,SAChB,CACH,MAAMyB,EAAOzB,EAAW,MACxByB,EAAK,SAAS,EAAG,EAAG,EAAG,CAAC,EACxBzB,EAAW,MAAQyB,CAAA,CAEvB,MAAA,CAIJ,MAAMC,EAAQpB,EAAa,MAAM,MAAM,GAAG,EACpCmB,EAAOjB,EAAY,OAAS,IAAI,KACtC,IAAImB,EAAU,OAAOD,EAAM,CAAC,GAAK,CAAC,EAC9BC,EAAU,KACCA,GAAA,IAEVF,EAAA,SAAS,OAAOC,EAAM,CAAC,CAAC,EAAGC,EAAS,EAAG,CAAC,EAC7CnB,EAAY,MAAQiB,CAAA"}
+{"version":3,"file":"EvTimeField.vue.mjs","sources":["../../../../src/components/EvTimeField/EvTimeField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimeField.scss\";\nimport { makeEvTimeFieldProps } from \"./EvTimeField\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTimePicker } from \"@/components/EvTimePicker\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { FocusEvent, KeyboardEvent } from \"react\";\nimport {\n    displayTimeFromDate,\n    inferTimeFormat,\n    ParseDateTimeValue,\n} from \"@/composables/time\";\nimport { useFormField } from \"@/composables/validation\";\n\nconst props = defineProps({\n    ...makeEvTimeFieldProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\nconst emit = defineEmits<{\n    (e: \"update:modelValue\", value: Date | string | null): void;\n    (e: \"select\", value: Date | string | null): void;\n}>();\n\nlet inferredFormat: ParseDateTimeValue | null = null;\nconst formField = useFormField(\n    props,\n    undefined,\n    (value) => {\n        const handler = inferTimeFormat(value);\n        inferredFormat = handler.parse(value);\n        inferredFormat.date?.setSeconds(0, 0);\n        return inferredFormat.date;\n    },\n    (value) => {\n        return inferredFormat.transformOut(value);\n    },\n);\nconst modelValue = formField.model;\nconst displayValue = ref(\"\");\nconst pickerValue = ref(null);\nwatch(\n    modelValue,\n    (value) => {\n        displayValue.value = displayTimeFromDate(value);\n        pickerValue.value = modelValue.value;\n    },\n    { immediate: true },\n);\n\n// Text Field\nconst evMenuRef = ref<typeof EvMenu>();\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n    return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\n});\nconst isFocused = shallowRef(false);\n\n// Time Picker\nconst timePickerRef = ref<typeof EvTimePicker>();\n\n// Menu\nconst isMenuOpen = shallowRef(false);\n\n/**\n * ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n */\nfunction onMenuAfterLeave() {\n    if (isFocused.value && evTextfieldRef.value) {\n        evTextfieldRef.value.focus();\n    }\n}\n\nfunction onFieldFocus() {\n    isFocused.value = true;\n    isMenuOpen.value = true;\n}\n\nfunction onFieldBlur(e: FocusEvent) {\n    if (!timePickerRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n        isMenuOpen.value = false;\n        if (displayValue.value.length === 0) {\n            if (inferredFormat.format === \"time\") {\n                modelValue.value = null;\n            } else {\n                const date = modelValue.value;\n                date.setHours(0, 0, 0, 0);\n                modelValue.value = date;\n                displayValue.value = \"00:00\";\n            }\n            return;\n        }\n        const parts = displayValue.value.split(\":\");\n        const date = pickerValue.value ?? new Date();\n        let minutes = Number(parts[1] ?? 0);\n        if (minutes < 10) {\n            minutes *= 10;\n        }\n        date.setHours(Number(parts[0]), minutes, 0, 0);\n        modelValue.value = date;\n        displayValue.value = displayTimeFromDate(date);\n    }\n}\n\nfunction onDatePickerFocusIn(e: FocusEvent) {\n    isFocused.value = true;\n}\n\nfunction normalizeTimeInput(raw: string): string {\n    let value = raw.replace(/[^\\d:]/g, \"\");\n    // Prevent more than one colon\n    const parts = value.split(\":\");\n    if (parts.length > 2) {\n        value = parts[0] + \":\" + parts.slice(1).join(\"\");\n    }\n    const [hoursRaw] = value.split(\":\");\n    // Auto-insert colon after 2 digits IF the user hasn't typed one\n    if (!value.includes(\":\") && hoursRaw.length >= 2) {\n        value = hoursRaw.slice(0, 2) + \":\" + hoursRaw.slice(2);\n    }\n    const [h, m = \"\"] = value.split(\":\");\n    // Pad single-digit hour when colon appears\n    let hours = h;\n    if (value.includes(\":\") && h.length === 1) {\n        hours = \"0\" + h;\n    }\n\n    // Limit ranges (soft clamp while typing)\n    if (hours.length === 2 && Number(hours) > 23) {\n        hours = \"23\";\n    }\n\n    let minutes = m.slice(0, 2);\n    if (minutes.length === 2 && Number(minutes) > 59) {\n        minutes = \"59\";\n    }\n\n    return value.includes(\":\") ? `${hours}:${minutes}` : hours;\n}\n\nfunction onPickerSelect(value: unknown) {\n    modelValue.value = value;\n    const v = inferredFormat.transformOut(modelValue.value);\n    emit(\"select\", v as unknown as Date | string | null);\n}\n\nfunction onFieldKeydown(e: KeyboardEvent) {\n    const passThrough = [\n        \"Backspace\",\n        \"Delete\",\n        \"Home\",\n        \"End\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Tab\",\n    ];\n    if (passThrough.includes(e.key)) {\n        return;\n    }\n    const isPaste = e.key === \"v\" && e.ctrlKey;\n    const isSelectAll = e.key === \"a\" && e.ctrlKey;\n    // Block anything not in the whitelist\n    const whitelist = new RegExp(\"[0-9:]\");\n    if (!whitelist.test(e.key) && !isPaste && !isSelectAll) {\n        e.preventDefault();\n        return;\n    }\n    const raw = (e.target as HTMLInputElement).value;\n    if (e.key === \":\" && raw.includes(\":\")) {\n        e.preventDefault();\n        return;\n    }\n    if (raw.length - getSelectedLength(e.target as HTMLInputElement) >= 5) {\n        e.preventDefault();\n        return;\n    }\n}\n\n/**\n * ## Get Selected Length\n * @param input\n */\nfunction getSelectedLength(input: HTMLInputElement): number\n{\n    if (input.selectionStart == null || input.selectionEnd == null) {\n        return 0;\n    }\n    return input.selectionEnd - input.selectionStart;\n}\n\nfunction onFieldInput(e: Event) {\n    const raw = (e.target as HTMLInputElement).value;\n    displayValue.value = normalizeTimeInput(raw);\n\n    if (displayValue.value.length === 0) {\n        if (inferredFormat.format === \"time\") {\n            modelValue.value = null;\n        } else {\n            const date = modelValue.value;\n            date.setHours(0, 0, 0, 0);\n            modelValue.value = date;\n        }\n        return;\n    }\n\n    // Attempt to update picker if we have a value that is reasonable\n    const parts = displayValue.value.split(\":\");\n    const date = pickerValue.value ?? new Date();\n    let minutes = Number(parts[1] ?? 0);\n    if (minutes < 10) {\n        minutes *= 10;\n    }\n    date.setHours(Number(parts[0]), minutes, 0, 0);\n    pickerValue.value = date;\n}\n</script>\n\n<template>\n    <ev-textfield\n        ref=\"evTextfieldRef\"\n        v-bind=\"evTextfieldProps\"\n        v-model:focused=\"isFocused\"\n        class=\"ev-time-field\"\n        inputmode=\"numeric\"\n        pattern=\"[0-9:]*\"\n        :model-value=\"displayValue\"\n        @click:control=\"onFieldFocus\"\n        @blur=\"onFieldBlur\"\n        @keydown=\"onFieldKeydown\"\n        @input=\"onFieldInput\">\n        <template v-if=\"slots.label\" #label>\n            <slot name=\"label\" />\n        </template>\n        <template #default>\n            <ev-menu\n                ref=\"evMenuRef\"\n                v-model=\"isMenuOpen\"\n                activator=\"parent\"\n                position=\"bottom-start\"\n                :open-on-click=\"false\"\n                :close-on-content-click=\"false\"\n                @after-leave=\"onMenuAfterLeave\">\n                <ev-surface elevation=\"overlay\" class=\"ev-time-field--surface\">\n                    <ev-time-picker\n                        ref=\"timePickerRef\"\n                        v-model=\"pickerValue\"\n                        @focusin=\"onDatePickerFocusIn\"\n                        @update:model-value=\"onPickerSelect\" />\n                </ev-surface>\n            </ev-menu>\n        </template>\n    </ev-textfield>\n</template>\n"],"names":["slots","_useSlots","inferredFormat","modelValue","useFormField","props","value","inferTimeFormat","_a","displayValue","ref","pickerValue","watch","displayTimeFromDate","evMenuRef","evTextfieldRef","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","isFocused","shallowRef","timePickerRef","isMenuOpen","onMenuAfterLeave","onFieldFocus","onFieldBlur","date","parts","minutes","onDatePickerFocusIn","normalizeTimeInput","raw","hoursRaw","h","m","hours","onPickerSelect","v","emit","onFieldKeydown","isPaste","isSelectAll","getSelectedLength","input","onFieldInput"],"mappings":"02BAoBMA,EAAQC,IAQd,IAAIC,EAA4C,KAchD,MAAMC,EAbYC,EACdC,EACA,OACCC,GAAU,OAEU,OAAAJ,EADDK,EAAgBD,CAAK,EACZ,MAAMA,CAAK,GACrBE,EAAAN,EAAA,OAAA,MAAAM,EAAM,WAAW,EAAG,GAC5BN,EAAe,IAC1B,EACCI,GACUJ,EAAe,aAAaI,CAAK,CAEhD,EAC6B,MACvBG,EAAeC,EAAI,EAAE,EACrBC,EAAcD,EAAI,IAAI,EAC5BE,EACIT,EACCG,GAAU,CACMG,EAAA,MAAQI,EAAoBP,CAAK,EAC9CK,EAAY,MAAQR,EAAW,KACnC,EACA,CAAE,UAAW,EAAK,CACtB,EAGA,MAAMW,EAAYJ,EAAmB,EAC/BK,EAAiBL,EAAwB,EACzCM,EAAmBC,EAAS,IACvBC,EAAKC,GAAqBC,EAAaf,CAAK,EAAG,CAAC,YAAY,CAAC,CACvE,EACKgB,EAAYC,EAAW,EAAK,EAG5BC,EAAgBb,EAAyB,EAGzCc,EAAaF,EAAW,EAAK,EAMnC,SAASG,GAAmB,CACpBJ,EAAU,OAASN,EAAe,OAClCA,EAAe,MAAM,MAAM,CAC/B,CAGJ,SAASW,GAAe,CACpBL,EAAU,MAAQ,GAClBG,EAAW,MAAQ,EAAA,CAGvB,SAASG,EAAY,EAAe,OAChC,GAAI,GAACnB,EAAAe,EAAc,QAAd,MAAAf,EAAqB,IAAI,SAAS,EAAE,gBAA+B,CAEhE,GADJgB,EAAW,MAAQ,GACff,EAAa,MAAM,SAAW,EAAG,CAC7B,GAAAP,EAAe,SAAW,OAC1BC,EAAW,MAAQ,SAChB,CACH,MAAMyB,EAAOzB,EAAW,MACxByB,EAAK,SAAS,EAAG,EAAG,EAAG,CAAC,EACxBzB,EAAW,MAAQyB,EACnBnB,EAAa,MAAQ,OAAA,CAEzB,MAAA,CAEJ,MAAMoB,EAAQpB,EAAa,MAAM,MAAM,GAAG,EACpCmB,EAAOjB,EAAY,OAAS,IAAI,KACtC,IAAImB,EAAU,OAAOD,EAAM,CAAC,GAAK,CAAC,EAC9BC,EAAU,KACCA,GAAA,IAEVF,EAAA,SAAS,OAAOC,EAAM,CAAC,CAAC,EAAGC,EAAS,EAAG,CAAC,EAC7C3B,EAAW,MAAQyB,EACNnB,EAAA,MAAQI,EAAoBe,CAAI,CAAA,CACjD,CAGJ,SAASG,EAAoB,EAAe,CACxCV,EAAU,MAAQ,EAAA,CAGtB,SAASW,EAAmBC,EAAqB,CAC7C,IAAI3B,EAAQ2B,EAAI,QAAQ,UAAW,EAAE,EAE/B,MAAAJ,EAAQvB,EAAM,MAAM,GAAG,EACzBuB,EAAM,OAAS,IACPvB,EAAAuB,EAAM,CAAC,EAAI,IAAMA,EAAM,MAAM,CAAC,EAAE,KAAK,EAAE,GAEnD,KAAM,CAACK,CAAQ,EAAI5B,EAAM,MAAM,GAAG,EAE9B,CAACA,EAAM,SAAS,GAAG,GAAK4B,EAAS,QAAU,IACnC5B,EAAA4B,EAAS,MAAM,EAAG,CAAC,EAAI,IAAMA,EAAS,MAAM,CAAC,GAEzD,KAAM,CAACC,EAAGC,EAAI,EAAE,EAAI9B,EAAM,MAAM,GAAG,EAEnC,IAAI+B,EAAQF,EACR7B,EAAM,SAAS,GAAG,GAAK6B,EAAE,SAAW,IACpCE,EAAQ,IAAMF,GAIdE,EAAM,SAAW,GAAK,OAAOA,CAAK,EAAI,KAC9BA,EAAA,MAGZ,IAAIP,EAAUM,EAAE,MAAM,EAAG,CAAC,EAC1B,OAAIN,EAAQ,SAAW,GAAK,OAAOA,CAAO,EAAI,KAChCA,EAAA,MAGPxB,EAAM,SAAS,GAAG,EAAI,GAAG+B,CAAK,IAAIP,CAAO,GAAKO,CAAA,CAGzD,SAASC,EAAehC,EAAgB,CACpCH,EAAW,MAAQG,EACnB,MAAMiC,EAAIrC,EAAe,aAAaC,EAAW,KAAK,EACtDqC,EAAK,SAAUD,CAAoC,CAAA,CAGvD,SAASE,EAAe,EAAkB,CAUtC,GAToB,CAChB,YACA,SACA,OACA,MACA,YACA,aACA,KACJ,EACgB,SAAS,EAAE,GAAG,EAC1B,OAEJ,MAAMC,EAAU,EAAE,MAAQ,KAAO,EAAE,QAC7BC,EAAc,EAAE,MAAQ,KAAO,EAAE,QAGnC,GAAA,CADc,IAAI,OAAO,QAAQ,EACtB,KAAK,EAAE,GAAG,GAAK,CAACD,GAAW,CAACC,EAAa,CACpD,EAAE,eAAe,EACjB,MAAA,CAEE,MAAAV,EAAO,EAAE,OAA4B,MAC3C,GAAI,EAAE,MAAQ,KAAOA,EAAI,SAAS,GAAG,EAAG,CACpC,EAAE,eAAe,EACjB,MAAA,CAEJ,GAAIA,EAAI,OAASW,EAAkB,EAAE,MAA0B,GAAK,EAAG,CACnE,EAAE,eAAe,EACjB,MAAA,CACJ,CAOJ,SAASA,EAAkBC,EAC3B,CACI,OAAIA,EAAM,gBAAkB,MAAQA,EAAM,cAAgB,KAC/C,EAEJA,EAAM,aAAeA,EAAM,cAAA,CAGtC,SAASC,EAAa,EAAU,CACtB,MAAAb,EAAO,EAAE,OAA4B,MAGvC,GAFSxB,EAAA,MAAQuB,EAAmBC,CAAG,EAEvCxB,EAAa,MAAM,SAAW,EAAG,CAC7B,GAAAP,EAAe,SAAW,OAC1BC,EAAW,MAAQ,SAChB,CACH,MAAMyB,EAAOzB,EAAW,MACxByB,EAAK,SAAS,EAAG,EAAG,EAAG,CAAC,EACxBzB,EAAW,MAAQyB,CAAA,CAEvB,MAAA,CAIJ,MAAMC,EAAQpB,EAAa,MAAM,MAAM,GAAG,EACpCmB,EAAOjB,EAAY,OAAS,IAAI,KACtC,IAAImB,EAAU,OAAOD,EAAM,CAAC,GAAK,CAAC,EAC9BC,EAAU,KACCA,GAAA,IAEVF,EAAA,SAAS,OAAOC,EAAM,CAAC,CAAC,EAAGC,EAAS,EAAG,CAAC,EAC7CnB,EAAY,MAAQiB,CAAA"}