@evance/evance-ui 1.1.34 → 1.1.36

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.34 | 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.36 | 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.34 | MIT License */export{f as default};
+import f from"./EvTabs.vue.mjs";/*! Evance UI v1.1.36 | 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.34 | 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.36 | 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.34 | 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.36 | 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.34 | MIT License */export{f as default};
+import f from"./EvTag.vue.mjs";/*! Evance UI v1.1.36 | 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.34 | 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.36 | 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.34 | 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.36 | 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.34 | MIT License */export{f as default};
+import f from"./EvTagGroup.vue.mjs";/*! Evance UI v1.1.36 | 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.34 | 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.36 | 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.34 | 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.36 | 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.34 | MIT License */export{o as default};
+import o from"./EvText.vue.mjs";/* empty css            *//*! Evance UI v1.1.36 | 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.34 | MIT License */const s=r({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,...a(),...e(),...t(),...o()},"EvTextarea");export{s 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.36 | 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.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTextarea.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.ts"],"sourcesContent":["import { makeInputAppearanceProps, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeFormFieldProps } from \"@/composables/validation\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\nexport const makeEvTextareaProps = propsFactory(\n    {\n        autofocus: Boolean,\n        autoselect: Boolean,\n        autogrow: {\n            type: Boolean,\n            default: true,\n        },\n        autosubmit: Function,\n        clearable: Boolean,\n        loading: Boolean,\n        placeholder: String,\n\n        ...makeLabelProps(),\n        ...makeFormFieldProps(),\n        ...makeInputAppearanceProps(),\n        ...makeComponentProps(),\n    },\n    \"EvTextarea\",\n);\n"],"names":["makeEvTextareaProps","propsFactory","makeLabelProps","makeFormFieldProps","makeInputAppearanceProps","makeComponentProps"],"mappings":"kWAKO,MAAMA,EAAsBC,EAC/B,CACI,UAAW,QACX,WAAY,QACZ,SAAU,CACN,KAAM,QACN,QAAS,EACb,EACA,WAAY,SACZ,UAAW,QACX,QAAS,QACT,YAAa,OAEb,GAAGC,EAAe,EAClB,GAAGC,EAAmB,EACtB,GAAGC,EAAyB,EAC5B,GAAGC,EAAmB,CAC1B,EACA,YACJ"}
+{"version":3,"file":"EvTextarea.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.ts"],"sourcesContent":["import { makeInputAppearanceProps, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeFormFieldProps } from \"@/composables/validation\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\nexport const makeEvTextareaProps = propsFactory(\n    {\n        autofocus: Boolean,\n        autoselect: Boolean,\n        autogrow: {\n            type: Boolean,\n            default: true,\n        },\n        autosubmit: Function,\n        clearable: Boolean,\n        loading: Boolean,\n        placeholder: String,\n        maxlength: Number,\n\n        ...makeLabelProps(),\n        ...makeFormFieldProps(),\n        ...makeInputAppearanceProps(),\n        ...makeComponentProps(),\n    },\n    \"EvTextarea\",\n);\n"],"names":["makeEvTextareaProps","propsFactory","makeLabelProps","makeFormFieldProps","makeInputAppearanceProps","makeComponentProps"],"mappings":"kWAKO,MAAMA,EAAsBC,EAC/B,CACI,UAAW,QACX,WAAY,QACZ,SAAU,CACN,KAAM,QACN,QAAS,EACb,EACA,WAAY,SACZ,UAAW,QACX,QAAS,QACT,YAAa,OACb,UAAW,OAEX,GAAGC,EAAe,EAClB,GAAGC,EAAmB,EACtB,GAAGC,EAAyB,EAC5B,GAAGC,EAAmB,CAC1B,EACA,YACJ"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"EvTextarea.vue.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-textarea>`\n */\nimport \"./EvTextarea.scss\";\nimport { makeEvTextareaProps } from \"./EvTextarea\";\nimport { computed, nextTick, ref, useAttrs, onUpdated, onMounted } from \"vue\";\nimport {\n    Appearance,\n    appearanceModifier,\n    InputAppearance,\n    splitInputAttrs,\n} from \"@/util\";\nimport { useAutofocus } from \"@/composables/focus\";\nimport { CancelIcon } from \"@/icons\";\nimport { EvProgress } from \"@/components/EvProgress\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useFormField } from \"@/composables/validation\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\nconst props = defineProps({\n    ...makeEvTextareaProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\nconst emit = defineEmits([\n    \"click:clear\",\n    \"click:control\",\n    \"mousedown:control\",\n    \"update:focused\",\n    \"update:modelValue\",\n]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst isClearable = computed(() => {\n    return props.clearable && !!formField.value;\n});\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Clearable Click\n * @param $event\n */\nfunction onClearableClick($event: MouseEvent) {\n    $event.stopPropagation();\n    nextTick(() => {\n        formField.value = null;\n        emit(\"click:clear\", $event);\n    });\n    getInputElement()?.focus();\n}\n\n/**\n * ## On Clearable Mousedown\n * @param e\n */\nfunction onClearableMousedown(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n}\n\n/**\n * ## On Focus\n * @param e\n */\nfunction onFocus(e?: Event) {\n    formField.focus(e);\n    if (props.autoselect) {\n        getInputElement()?.select();\n    }\n}\n\n/**\n * ## On Control Click\n *\n * When the user clicks on the textarea.\n *\n * @param e\n */\nfunction onControlClick(e: MouseEvent) {\n    onFocus();\n    emit(\"click:control\", e);\n}\n\n/**\n * ## On Control Mousedown\n *\n * When the mousedown is triggered on the textarea.\n *\n * @param e\n */\nfunction onControlMousedown(e: MouseEvent) {\n    emit(\"mousedown:control\", e);\n    if (e.target === inputRef.value) {\n        return;\n    }\n    onFocus();\n    e.preventDefault();\n}\n\n/**\n * ## On Keydown\n * Attempt to resize the textarea on key down.\n * @param e\n */\nfunction onKeydown(e: Event) {\n    resize();\n}\n\n/**\n * ## On Keyup\n * Attempt to resize the textarea on key up.\n * @param e\n */\nfunction onKeyup(e: Event) {\n    resize();\n}\n\n/**\n * ## On Enter\n * When the user presses the Enter key, we can call an `autosubmit` function (if supplied).\n * @param e\n */\nfunction onKeyupEnter(e: Event) {\n    // Use the autosubmit callback if present\n    if (props.autosubmit) {\n        props.autosubmit();\n    }\n}\n\n/**\n * ## Resize\n * If the component is set to `autogrow` then we resize the textarea appropriately\n * so that all the text is visible.\n */\nfunction resize() {\n    if (!props.autogrow) {\n        return;\n    }\n    const field = getInputElement();\n    if (!field) {\n        return;\n    }\n    field.style.height = \"auto\";\n    field.style.height = field.scrollHeight + 1 + \"px\";\n}\n\n/**\n * ## On Update\n * Ensures the textarea is resized when the component updates.\n */\nonUpdated(() => {\n    resize();\n});\n\n/**\n * ## On Mounted\n * Ensures the textarea is resized when the component loads.\n */\nonMounted(() => {\n    resize();\n});\n\n/**\n * ## Directive `v-autofocus`\n */\nconst vAutofocus = useAutofocus(props);\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-textarea\"\n        :class=\"[\n            {\n                'is-loading': loading,\n                'is-autogrow': autogrow,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        role=\"textbox\"\n        v-bind=\"containerAttrs\">\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-textarea--label\">\n            <ev-label\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n        </div>\n\n        <div\n            :class=\"[\n                'ev-textarea--control',\n                appearanceModifier(props.appearance, [InputAppearance.default]),\n            ]\"\n            @click=\"onControlClick\"\n            @mousedown=\"onControlMousedown\">\n            <div class=\"ev-textarea--input\">\n                <textarea\n                    :id=\"formField.id\"\n                    ref=\"inputRef\"\n                    v-model=\"formField.value\"\n                    v-autofocus\n                    :name=\"formField.name\"\n                    :disabled=\"formField.isDisabled\"\n                    :readonly=\"formField.isReadonly\"\n                    :placeholder=\"placeholder\"\n                    :autofocus=\"autofocus\"\n                    v-bind=\"inputAttrs\"\n                    @focus=\"onFocus\"\n                    @blur=\"formField.blur\"\n                    @keydown=\"onKeydown\"\n                    @keyup=\"onKeyup\"\n                    @keyup.enter=\"onKeyupEnter\"></textarea>\n            </div>\n            <transition name=\"slide-fade\">\n                <div v-if=\"isClearable\" class=\"ev-textarea--clearable\">\n                    <ev-icon\n                        :glyph=\"CancelIcon\"\n                        @click=\"onClearableClick\"\n                        @mousedown=\"onClearableMousedown\" />\n                </div>\n            </transition>\n            <div v-if=\"loading\" class=\"ev-textarea--loader\">\n                <ev-progress\n                    indeterminate\n                    :appearance=\"\n                        formField.isFocused\n                            ? Appearance.notice\n                            : Appearance.default\n                    \"\n                    :size=\"2\" />\n            </div>\n        </div>\n\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textarea--errors\">\n            <ev-errors :messages=\"formField.errorMessages\" />\n        </div>\n    </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","onFocus","onControlClick","onControlMousedown","onKeydown","resize","onKeyup","onKeyupEnter","field","onUpdated","onMounted","vAutofocus","useAutofocus","__expose"],"mappings":"0gDAgCMA,EAAQC,IAaRC,EAAQC,EAAS,EACjBC,EAAeC,EAAwB,IAAI,EAC3CC,EAAWD,EAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,GAAgBP,CAAK,EACpDQ,EAAYC,GAAaC,CAAK,EAC9BC,EAAcC,EAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EAKD,SAASK,GAA2C,CAChD,OAAOT,EAAS,KAAA,CAOpB,SAASU,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAS,IAAM,CACXR,EAAU,MAAQ,KAClBS,EAAK,cAAeF,CAAM,CAAA,CAC7B,GACDG,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAO7B,SAASC,EAAqB,EAAe,CACzC,EAAE,eAAe,EACjB,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQ,EAAW,OACxBZ,EAAU,MAAM,CAAC,EACbE,EAAM,cACNQ,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASG,EAAe,EAAe,CAC3BD,EAAA,EACRH,EAAK,gBAAiB,CAAC,CAAA,CAU3B,SAASK,EAAmB,EAAe,CACvCL,EAAK,oBAAqB,CAAC,EACvB,EAAE,SAAWb,EAAS,QAGlBgB,EAAA,EACR,EAAE,eAAe,EAAA,CAQrB,SAASG,EAAU,EAAU,CAClBC,EAAA,CAAA,CAQX,SAASC,EAAQ,EAAU,CAChBD,EAAA,CAAA,CAQX,SAASE,EAAa,EAAU,CAExBhB,EAAM,YACNA,EAAM,WAAW,CACrB,CAQJ,SAASc,GAAS,CACV,GAAA,CAACd,EAAM,SACP,OAEJ,MAAMiB,EAAQd,EAAgB,EACzBc,IAGLA,EAAM,MAAM,OAAS,OACrBA,EAAM,MAAM,OAASA,EAAM,aAAe,EAAI,KAAA,CAOlDC,EAAU,IAAM,CACLJ,EAAA,CAAA,CACV,EAMDK,EAAU,IAAM,CACLL,EAAA,CAAA,CACV,EAKK,MAAAM,EAAaC,EAAarB,CAAK,EAKxB,OAAAsB,EAAA,CACT,MAAOxB,EACP,MAAOJ,EACP,MAAO,IAAM,QACTc,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH"}
+{"version":3,"file":"EvTextarea.vue.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-textarea>`\n */\nimport \"./EvTextarea.scss\";\nimport { makeEvTextareaProps } from \"./EvTextarea\";\nimport { computed, nextTick, ref, useAttrs, onUpdated, onMounted } from \"vue\";\nimport {\n    Appearance,\n    appearanceModifier,\n    InputAppearance,\n    splitInputAttrs,\n} from \"@/util\";\nimport { useAutofocus } from \"@/composables/focus\";\nimport { CancelIcon } from \"@/icons\";\nimport { EvProgress } from \"@/components/EvProgress\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { EvText } from \"@/components/EvText\";\nimport { EvHotkey } from \"@/components/EvHotkey\";\nimport { EvT } from \"@/components/EvT\";\nimport { useFormField } from \"@/composables/validation\";\nimport { useLocaleFunctions } from \"@/composables\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\nconst props = defineProps({\n    ...makeEvTextareaProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\nconst emit = defineEmits([\n    \"click:clear\",\n    \"click:control\",\n    \"mousedown:control\",\n    \"update:focused\",\n    \"update:modelValue\",\n]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst isClearable = computed(() => {\n    return props.clearable && !!formField.value;\n});\nconst { t } = useLocaleFunctions();\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Clearable Click\n * @param $event\n */\nfunction onClearableClick($event: MouseEvent) {\n    $event.stopPropagation();\n    nextTick(() => {\n        formField.value = null;\n        emit(\"click:clear\", $event);\n    });\n    getInputElement()?.focus();\n}\n\n/**\n * ## On Clearable Mousedown\n * @param e\n */\nfunction onClearableMousedown(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n}\n\n/**\n * ## On Focus\n * @param e\n */\nfunction onFocus(e?: Event) {\n    formField.focus(e);\n    if (props.autoselect) {\n        getInputElement()?.select();\n    }\n}\n\n/**\n * ## On Control Click\n *\n * When the user clicks on the textarea.\n *\n * @param e\n */\nfunction onControlClick(e: MouseEvent) {\n    onFocus();\n    emit(\"click:control\", e);\n}\n\n/**\n * ## On Control Mousedown\n *\n * When the mousedown is triggered on the textarea.\n *\n * @param e\n */\nfunction onControlMousedown(e: MouseEvent) {\n    emit(\"mousedown:control\", e);\n    if (e.target === inputRef.value) {\n        return;\n    }\n    onFocus();\n    e.preventDefault();\n}\n\n/**\n * ## On Keydown\n * Attempt to resize the textarea on key down.\n * @param e\n */\nfunction onKeydown(e: Event) {\n    resize();\n}\n\n/**\n * ## On Keyup\n * Attempt to resize the textarea on key up.\n * @param e\n */\nfunction onKeyup(e: Event) {\n    resize();\n}\n\n/**\n * ## On Enter\n * When the user presses the Enter key, we can call an `autosubmit` function (if supplied).\n * @param e\n */\nfunction onKeyupEnter(e: Event) {\n    // Use the autosubmit callback if present\n    if (props.autosubmit) {\n        props.autosubmit();\n        e.preventDefault();\n    }\n}\n\n/**\n * ## Resize\n * If the component is set to `autogrow` then we resize the textarea appropriately\n * so that all the text is visible.\n */\nfunction resize() {\n    if (!props.autogrow) {\n        return;\n    }\n    const field = getInputElement();\n    if (!field) {\n        return;\n    }\n    field.style.height = \"auto\";\n    field.style.height = field.scrollHeight + 1 + \"px\";\n}\n\n/**\n * ## On Update\n * Ensures the textarea is resized when the component updates.\n */\nonUpdated(() => {\n    resize();\n});\n\n/**\n * ## On Mounted\n * Ensures the textarea is resized when the component loads.\n */\nonMounted(() => {\n    resize();\n});\n\n/**\n * ## Directive `v-autofocus`\n */\nconst vAutofocus = useAutofocus(props);\n\nconst maxlengthProgress = computed(() => {\n    if (!props.maxlength || !formField.value?.length) {\n        return 0;\n    }\n    return Math.min(\n        100,\n        Math.round((formField.value.length / props.maxlength) * 100),\n    );\n});\n\nconst maxLengthAppearance = computed(() => {\n    if (!formField.isFocused || !props.maxlength || !formField.value?.length) {\n        return undefined;\n    }\n    const charactersRemaining = props.maxlength - formField.value.length;\n    if (charactersRemaining <= 0) {\n        return Appearance.danger;\n    }\n    const warningThreshold = Math.min(10, Math.ceil(props.maxlength * 0.25));\n    if (charactersRemaining <= warningThreshold) {\n        return Appearance.warning;\n    }\n    return undefined;\n});\n\nconst maxlengthCharacterCount = computed(() => {\n    if (!props.maxlength) {\n        return \"\";\n    }\n    return t(\"textarea.characters\", {\n        value: formField.value?.length ?? 0,\n        maxlength: props.maxlength,\n    });\n});\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-textarea\"\n        :class=\"[\n            {\n                'is-loading': loading,\n                'is-autogrow': autogrow,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        role=\"textbox\"\n        v-bind=\"containerAttrs\">\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-textarea--label\">\n            <ev-label\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n        </div>\n\n        <div\n            :class=\"[\n                'ev-textarea--control',\n                appearanceModifier(props.appearance, [InputAppearance.default]),\n            ]\"\n            @click=\"onControlClick\"\n            @mousedown=\"onControlMousedown\">\n            <div class=\"ev-textarea--input-wrapper\">\n                <div class=\"ev-textarea--input\">\n                    <textarea\n                        :id=\"formField.id\"\n                        ref=\"inputRef\"\n                        v-model=\"formField.value\"\n                        v-autofocus\n                        :name=\"formField.name\"\n                        :disabled=\"formField.isDisabled\"\n                        :readonly=\"formField.isReadonly\"\n                        :placeholder=\"placeholder\"\n                        :autofocus=\"autofocus\"\n                        :maxlength=\"props.maxlength\"\n                        v-bind=\"inputAttrs\"\n                        @focus=\"onFocus\"\n                        @blur=\"formField.blur\"\n                        @keydown=\"onKeydown\"\n                        @keyup=\"onKeyup\"\n                        @keydown.enter=\"onKeyupEnter\"></textarea>\n                </div>\n                <transition name=\"slide-fade\">\n                    <div v-if=\"isClearable\" class=\"ev-textarea--clearable\">\n                        <ev-button\n                            variant=\"subtle\"\n                            :icon=\"CancelIcon\"\n                            size=\"small\"\n                            @click=\"onClearableClick\"\n                            @mousedown=\"onClearableMousedown\" />\n                    </div>\n                </transition>\n            </div>\n            <div\n                v-if=\"props.maxlength || props.autosubmit\"\n                class=\"ev-textarea-control--footer\">\n                <ev-progress\n                    v-if=\"props.maxlength\"\n                    :size=\"1\"\n                    :percentage=\"maxlengthProgress\"\n                    :appearance=\"maxLengthAppearance\" />\n                <ev-text\n                    v-if=\"props.maxlength\"\n                    tag=\"span\"\n                    class=\"ev-textarea-control--characters\"\n                    :appearance=\"maxLengthAppearance\">\n                    {{ maxlengthCharacterCount }}\n                </ev-text>\n                <div\n                    v-if=\"props.autosubmit\"\n                    class=\"ev-textarea-control--autosubmit\">\n                    <ev-t keypath=\"textarea.autosubmit\">\n                        <template #hotkey>\n                            <ev-hotkey keys=\"enter\" />\n                        </template>\n                    </ev-t>\n                </div>\n            </div>\n            <div v-if=\"loading\" class=\"ev-textarea--loader\">\n                <ev-progress\n                    indeterminate\n                    :appearance=\"\n                        formField.isFocused\n                            ? Appearance.notice\n                            : Appearance.default\n                    \"\n                    :size=\"2\" />\n            </div>\n        </div>\n\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textarea--errors\">\n            <ev-errors :messages=\"formField.errorMessages\" />\n        </div>\n    </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","t","useLocaleFunctions","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","onFocus","onControlClick","onControlMousedown","onKeydown","resize","onKeyup","onKeyupEnter","field","onUpdated","onMounted","vAutofocus","useAutofocus","maxlengthProgress","maxLengthAppearance","charactersRemaining","Appearance","warningThreshold","maxlengthCharacterCount","__expose"],"mappings":"s6DAmCMA,EAAQC,IAaRC,EAAQC,EAAS,EACjBC,EAAeC,EAAwB,IAAI,EAC3CC,EAAWD,EAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,GAAgBP,CAAK,EACpDQ,EAAYC,GAAaC,CAAK,EAC9BC,EAAcC,EAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EACK,CAAE,EAAAK,CAAE,EAAIC,GAAmB,EAKjC,SAASC,GAA2C,CAChD,OAAOX,EAAS,KAAA,CAOpB,SAASY,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,GAAS,IAAM,CACXV,EAAU,MAAQ,KAClBW,EAAK,cAAeF,CAAM,CAAA,CAC7B,GACDG,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAO7B,SAASC,EAAqB,EAAe,CACzC,EAAE,eAAe,EACjB,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQ,EAAW,OACxBd,EAAU,MAAM,CAAC,EACbE,EAAM,cACNU,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASG,EAAe,EAAe,CAC3BD,EAAA,EACRH,EAAK,gBAAiB,CAAC,CAAA,CAU3B,SAASK,EAAmB,EAAe,CACvCL,EAAK,oBAAqB,CAAC,EACvB,EAAE,SAAWf,EAAS,QAGlBkB,EAAA,EACR,EAAE,eAAe,EAAA,CAQrB,SAASG,EAAU,EAAU,CAClBC,EAAA,CAAA,CAQX,SAASC,EAAQ,EAAU,CAChBD,EAAA,CAAA,CAQX,SAASE,EAAa,EAAU,CAExBlB,EAAM,aACNA,EAAM,WAAW,EACjB,EAAE,eAAe,EACrB,CAQJ,SAASgB,GAAS,CACV,GAAA,CAAChB,EAAM,SACP,OAEJ,MAAMmB,EAAQd,EAAgB,EACzBc,IAGLA,EAAM,MAAM,OAAS,OACrBA,EAAM,MAAM,OAASA,EAAM,aAAe,EAAI,KAAA,CAOlDC,EAAU,IAAM,CACLJ,EAAA,CAAA,CACV,EAMDK,EAAU,IAAM,CACLL,EAAA,CAAA,CACV,EAKK,MAAAM,EAAaC,GAAavB,CAAK,EAE/BwB,EAAoBtB,EAAS,IAAM,OACrC,MAAI,CAACF,EAAM,WAAa,GAACU,EAAAZ,EAAU,QAAV,MAAAY,EAAiB,QAC/B,EAEJ,KAAK,IACR,IACA,KAAK,MAAOZ,EAAU,MAAM,OAASE,EAAM,UAAa,GAAG,CAC/D,CAAA,CACH,EAEKyB,EAAsBvB,EAAS,IAAM,OACnC,GAAA,CAACJ,EAAU,WAAa,CAACE,EAAM,WAAa,GAACU,EAAAZ,EAAU,QAAV,MAAAY,EAAiB,QACvD,OAEX,MAAMgB,EAAsB1B,EAAM,UAAYF,EAAU,MAAM,OAC9D,GAAI4B,GAAuB,EACvB,OAAOC,EAAW,OAEhB,MAAAC,EAAmB,KAAK,IAAI,GAAI,KAAK,KAAK5B,EAAM,UAAY,GAAI,CAAC,EACvE,GAAI0B,GAAuBE,EACvB,OAAOD,EAAW,OAEf,CACV,EAEKE,EAA0B3B,EAAS,IAAM,OACvC,OAACF,EAAM,UAGJG,EAAE,sBAAuB,CAC5B,QAAOO,EAAAZ,EAAU,QAAV,YAAAY,EAAiB,SAAU,EAClC,UAAWV,EAAM,SAAA,CACpB,EALU,EAKV,CACJ,EAKY,OAAA8B,EAAA,CACT,MAAOhC,EACP,MAAOJ,EACP,MAAO,IAAM,QACTgB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{IconProp as r}from"../../composables/icons.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */const i=t({actions:Array,icon:r,size:{type:String,default:"medium"},tab:{type:null,default:void 0},tabs:Array,title:String,...o()},"EvToolbar");export{i as makeEvToolbarProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{IconProp as r}from"../../composables/icons.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.36 | MIT License */const i=t({actions:Array,icon:r,size:{type:String,default:"medium"},tab:{type:null,default:void 0},tabs:Array,title:String,...o()},"EvToolbar");export{i as makeEvToolbarProps};
 //# sourceMappingURL=EvToolbar.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as $,useSlots as j,getCurrentInstance as A,computed as s,createElementBlock as a,openBlock as l,normalizeStyle as N,normalizeClass as w,createElementVNode as b,createCommentVNode as i,createVNode as n,unref as o,renderSlot as _,createTextVNode as I,toDisplayString as T,isRef as M}from"vue";/* empty css               */import{makeEvToolbarProps as D}from"./EvToolbar.mjs";import g from"../EvButton/EvButton.vue.mjs";import R from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import U from"../EvTabs/EvTabs.vue.mjs";import q from"../EvButtonGroup/EvButtonGroup.vue.mjs";import F from"../../icons/glyph/ArrowBackIcon.svg.mjs";import G from"../../icons/glyph/CancelIcon.svg.mjs";import{useModelProxy as H}from"../../composables/modelProxy.mjs";import{sizeModifier as J}from"../../util/modifiers.mjs";/*! Evance UI v1.1.34 | MIT License */const K={class:"ev-toolbar--section-start"},L={key:0,class:"ev-toolbar--prefix"},O={key:0,class:"ev-toolbar--back","data-no-drag":""},Q={key:1,class:"ev-toolbar--icon"},W={key:2,class:"ev-toolbar--title"},X={key:1,class:"ev-toolbar--start","data-no-drag":""},Y={class:"ev-toolbar--section-end","data-no-drag":""},Z={key:0,class:"ev-toolbar--end"},tt={class:"ev-toolbar--actions"},et={key:1,class:"ev-toolbar--close"},pt=$({__name:"EvToolbar",props:{...D()},emits:["click:back","click:close","update:tab"],setup(y,{emit:k}){const t=y,d=j(),r=A(),m=s(()=>{var e;return!!((e=r==null?void 0:r.vnode.props)!=null&&e["onClick:back"])}),f=s(()=>{var e;return!!((e=r==null?void 0:r.vnode.props)!=null&&e["onClick:close"])}),C=s(()=>m.value||t.icon||t.title);function B(e){e.stopPropagation(),k("click:back",e)}function S(e){e.stopPropagation(),k("click:close",e)}const v=H(t,"tab"),V=s(()=>J(t.size)),x=s(()=>{switch(t.size){case"large":return"x-large";case"small":return"medium";case"medium":default:return"large"}}),p=s(()=>{switch(t.size){case"large":return"medium";case"small":return"x-small";case"medium":default:return"small"}}),E=s(()=>m.value),P=s(()=>{var u,h,z;const e=!!((u=t.actions)!=null&&u.length),c=((z=(h=t.actions)==null?void 0:h.at(-1))==null?void 0:z.variant)??"subtle";return f.value||e&&c==="subtle"});return(e,c)=>(l(),a("div",{class:w(["ev-toolbar",{"is-adjust-start":E.value,"is-adjust-end":P.value},V.value,t.class]),style:N(t.style)},[b("div",K,[C.value?(l(),a("div",L,[m.value?(l(),a("div",O,[n(o(g),{variant:"subtle",icon:o(F),size:p.value,onClick:B},null,8,["icon","size"])])):i("",!0),t.icon?(l(),a("div",Q,[n(o(R),{glyph:t.icon},null,8,["glyph"])])):i("",!0),o(d).title||t.title?(l(),a("div",W,[_(e.$slots,"title",{},()=>[I(T(t.title),1)])])):i("",!0)])):i("",!0),o(d).start||t.tabs?(l(),a("div",X,[_(e.$slots,"start",{},()=>[n(o(U),{modelValue:o(v),"onUpdate:modelValue":c[0]||(c[0]=u=>M(v)?v.value=u:null),class:"ev-toolbar--tabs",size:x.value,items:t.tabs},null,8,["modelValue","size","items"])])])):i("",!0)]),b("div",Y,[o(d).end||t.actions?(l(),a("div",Z,[_(e.$slots,"end",{},()=>[b("div",tt,[n(o(q),{gap:"medium",variant:"subtle",size:p.value,items:t.actions},null,8,["size","items"])])])])):i("",!0),f.value?(l(),a("div",et,[n(o(g),{size:p.value,icon:o(G),variant:"subtle",onClick:S},null,8,["size","icon"])])):i("",!0)])],6))}});export{pt as default};
+import{defineComponent as $,useSlots as j,getCurrentInstance as A,computed as s,createElementBlock as a,openBlock as l,normalizeStyle as N,normalizeClass as w,createElementVNode as b,createCommentVNode as i,createVNode as n,unref as o,renderSlot as _,createTextVNode as I,toDisplayString as T,isRef as M}from"vue";/* empty css               */import{makeEvToolbarProps as D}from"./EvToolbar.mjs";import g from"../EvButton/EvButton.vue.mjs";import R from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import U from"../EvTabs/EvTabs.vue.mjs";import q from"../EvButtonGroup/EvButtonGroup.vue.mjs";import F from"../../icons/glyph/ArrowBackIcon.svg.mjs";import G from"../../icons/glyph/CancelIcon.svg.mjs";import{useModelProxy as H}from"../../composables/modelProxy.mjs";import{sizeModifier as J}from"../../util/modifiers.mjs";/*! Evance UI v1.1.36 | MIT License */const K={class:"ev-toolbar--section-start"},L={key:0,class:"ev-toolbar--prefix"},O={key:0,class:"ev-toolbar--back","data-no-drag":""},Q={key:1,class:"ev-toolbar--icon"},W={key:2,class:"ev-toolbar--title"},X={key:1,class:"ev-toolbar--start","data-no-drag":""},Y={class:"ev-toolbar--section-end","data-no-drag":""},Z={key:0,class:"ev-toolbar--end"},tt={class:"ev-toolbar--actions"},et={key:1,class:"ev-toolbar--close"},pt=$({__name:"EvToolbar",props:{...D()},emits:["click:back","click:close","update:tab"],setup(y,{emit:k}){const t=y,d=j(),r=A(),m=s(()=>{var e;return!!((e=r==null?void 0:r.vnode.props)!=null&&e["onClick:back"])}),f=s(()=>{var e;return!!((e=r==null?void 0:r.vnode.props)!=null&&e["onClick:close"])}),C=s(()=>m.value||t.icon||t.title);function B(e){e.stopPropagation(),k("click:back",e)}function S(e){e.stopPropagation(),k("click:close",e)}const v=H(t,"tab"),V=s(()=>J(t.size)),x=s(()=>{switch(t.size){case"large":return"x-large";case"small":return"medium";case"medium":default:return"large"}}),p=s(()=>{switch(t.size){case"large":return"medium";case"small":return"x-small";case"medium":default:return"small"}}),E=s(()=>m.value),P=s(()=>{var u,h,z;const e=!!((u=t.actions)!=null&&u.length),c=((z=(h=t.actions)==null?void 0:h.at(-1))==null?void 0:z.variant)??"subtle";return f.value||e&&c==="subtle"});return(e,c)=>(l(),a("div",{class:w(["ev-toolbar",{"is-adjust-start":E.value,"is-adjust-end":P.value},V.value,t.class]),style:N(t.style)},[b("div",K,[C.value?(l(),a("div",L,[m.value?(l(),a("div",O,[n(o(g),{variant:"subtle",icon:o(F),size:p.value,onClick:B},null,8,["icon","size"])])):i("",!0),t.icon?(l(),a("div",Q,[n(o(R),{glyph:t.icon},null,8,["glyph"])])):i("",!0),o(d).title||t.title?(l(),a("div",W,[_(e.$slots,"title",{},()=>[I(T(t.title),1)])])):i("",!0)])):i("",!0),o(d).start||t.tabs?(l(),a("div",X,[_(e.$slots,"start",{},()=>[n(o(U),{modelValue:o(v),"onUpdate:modelValue":c[0]||(c[0]=u=>M(v)?v.value=u:null),class:"ev-toolbar--tabs",size:x.value,items:t.tabs},null,8,["modelValue","size","items"])])])):i("",!0)]),b("div",Y,[o(d).end||t.actions?(l(),a("div",Z,[_(e.$slots,"end",{},()=>[b("div",tt,[n(o(q),{gap:"medium",variant:"subtle",size:p.value,items:t.actions},null,8,["size","items"])])])])):i("",!0),f.value?(l(),a("div",et,[n(o(g),{size:p.value,icon:o(G),variant:"subtle",onClick:S},null,8,["size","icon"])])):i("",!0)])],6))}});export{pt as default};
 //# sourceMappingURL=EvToolbar.vue.mjs.map

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

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

package/dist/esm/components/EvTooltip/EvTooltip.mjs

@@ -1,2 +1,2 @@
-import{makeEvOverlayProps as o}from"../EvOverlay/EvOverlay.mjs";import{propsFactory as t}from"../../util/props.mjs";import{omit as e}from"../../util/helpers.mjs";/*! Evance UI v1.1.34 | MIT License */const p=t({id:String,text:String,...e(o({closeOnBack:!1,position:"top",positionStrategy:"connected",minWidth:0,offset:8,openDelay:250,openOnClick:!1,openOnHover:!0,origin:"auto",veil:!1,scrollStrategy:"reposition",transition:!1}),["absolute","persistent"])},"EvTooltip");export{p as makeEvTooltipProps};
+import{makeEvOverlayProps as o}from"../EvOverlay/EvOverlay.mjs";import{propsFactory as t}from"../../util/props.mjs";import{omit as e}from"../../util/helpers.mjs";/*! Evance UI v1.1.36 | MIT License */const p=t({id:String,text:String,...e(o({closeOnBack:!1,position:"top",positionStrategy:"connected",minWidth:0,offset:8,openDelay:250,openOnClick:!1,openOnHover:!0,origin:"auto",veil:!1,scrollStrategy:"reposition",transition:!1}),["absolute","persistent"])},"EvTooltip");export{p as makeEvTooltipProps};
 //# sourceMappingURL=EvTooltip.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as V,useSlots as b,computed as t,ref as x,mergeProps as p,createBlock as h,openBlock as R,unref as r,isRef as S,createSlots as $,withCtx as n,renderSlot as c,createTextVNode as C,toDisplayString as E,createElementVNode as N,normalizeProps as T,guardReactiveProps as B}from"vue";/* empty css               */import{makeEvTooltipProps as w}from"./EvTooltip.mjs";import{useModelProxy as z}from"../../composables/modelProxy.mjs";import u from"../EvOverlay/EvOverlay.vue.mjs";import{getNextId as A,filterComponentProps as D}from"../../util/helpers.mjs";/*! Evance UI v1.1.34 | MIT License */const I=N("div",{class:"ev-tooltip--pointer"},null,-1),H=V({__name:"EvTooltip",props:{...w()},setup(v){const o=v,d=b(),e=z(o,"modelValue"),m=A(),s=t(()=>o.id||`ev-tooltip-${m}`),f=x(),g=t(()=>D(u,o)),y=t(()=>o.position.split(" ").length>1?o.position:o.position+" center"),P=t(()=>o.origin==="auto"||o.origin==="overlap"||o.origin.split(" ").length>1||o.position.split(" ").length>1?o.origin:o.origin+" center"),_=t(()=>o.transition?o.transition:e.value?"transition-scale":"transition-fade"),k=t(()=>p({"aria-describedby":s.value},o.activatorProps));return(a,l)=>(R(),h(r(u),p({id:s.value,ref_key:"overlayRef",ref:f},g.value,{modelValue:r(e),"onUpdate:modelValue":l[0]||(l[0]=i=>S(e)?e.value=i:null),role:"tooltip",class:["ev-tooltip",o.class],style:o.style,transition:_.value,position:y.value,origin:P.value,"activator-props":k.value,absolute:"","disable-global-stack":""}),$({pointer:n(()=>[I]),default:n(()=>[c(a.$slots,"default",{},()=>[C(E(o.text),1)])]),_:2},[r(d).activator?{name:"activator",fn:n(i=>[c(a.$slots,"activator",T(B(i)))]),key:"0"}:void 0]),1040,["id","modelValue","class","style","transition","position","origin","activator-props"]))}});export{H as default};
+import{defineComponent as V,useSlots as b,computed as t,ref as x,mergeProps as p,createBlock as h,openBlock as R,unref as r,isRef as S,createSlots as $,withCtx as n,renderSlot as c,createTextVNode as C,toDisplayString as E,createElementVNode as N,normalizeProps as T,guardReactiveProps as B}from"vue";/* empty css               */import{makeEvTooltipProps as w}from"./EvTooltip.mjs";import{useModelProxy as z}from"../../composables/modelProxy.mjs";import u from"../EvOverlay/EvOverlay.vue.mjs";import{getNextId as A,filterComponentProps as D}from"../../util/helpers.mjs";/*! Evance UI v1.1.36 | MIT License */const I=N("div",{class:"ev-tooltip--pointer"},null,-1),H=V({__name:"EvTooltip",props:{...w()},setup(v){const o=v,d=b(),e=z(o,"modelValue"),m=A(),s=t(()=>o.id||`ev-tooltip-${m}`),f=x(),g=t(()=>D(u,o)),y=t(()=>o.position.split(" ").length>1?o.position:o.position+" center"),P=t(()=>o.origin==="auto"||o.origin==="overlap"||o.origin.split(" ").length>1||o.position.split(" ").length>1?o.origin:o.origin+" center"),_=t(()=>o.transition?o.transition:e.value?"transition-scale":"transition-fade"),k=t(()=>p({"aria-describedby":s.value},o.activatorProps));return(a,l)=>(R(),h(r(u),p({id:s.value,ref_key:"overlayRef",ref:f},g.value,{modelValue:r(e),"onUpdate:modelValue":l[0]||(l[0]=i=>S(e)?e.value=i:null),role:"tooltip",class:["ev-tooltip",o.class],style:o.style,transition:_.value,position:y.value,origin:P.value,"activator-props":k.value,absolute:"","disable-global-stack":""}),$({pointer:n(()=>[I]),default:n(()=>[c(a.$slots,"default",{},()=>[C(E(o.text),1)])]),_:2},[r(d).activator?{name:"activator",fn:n(i=>[c(a.$slots,"activator",T(B(i)))]),key:"0"}:void 0]),1040,["id","modelValue","class","style","transition","position","origin","activator-props"]))}});export{H as default};
 //# sourceMappingURL=EvTooltip.vue.mjs.map

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

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

package/dist/esm/components/EvTransition/EvTransition.mjs

@@ -1,2 +1,2 @@
-import{computed as c,Transition as u,h as d,mergeProps as f}from"vue";import{isEmpty as l,isBoolean as b,isString as o,isObject as E}from"../../util/is-functions.mjs";import{propsFactory as P}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */const y=P({transition:{type:[Boolean,String,Object],default:!0}},"EvTransition");function j(n,i="transition-fade"){return c(()=>l(n.transition)||b(n.transition)?{name:n.transition&&!n.disabled?i:""}:o(n.transition)?{name:n.disabled?"":n.transition}:n.transition)}const B=(n,{slots:i})=>{const{transition:t,disabled:r,...a}=n,{component:s=u,...e}=E(t)?t:{},m=o(t)?{name:r?"":t}:e;return d(s,f(m,a,{disabled:r}),i)};export{B as EvTransition,y as makeEvTransitionProps,j as useEvTransition};
+import{computed as c,Transition as u,h as d,mergeProps as f}from"vue";import{isEmpty as l,isBoolean as b,isString as o,isObject as E}from"../../util/is-functions.mjs";import{propsFactory as P}from"../../util/props.mjs";/*! Evance UI v1.1.36 | MIT License */const y=P({transition:{type:[Boolean,String,Object],default:!0}},"EvTransition");function j(n,i="transition-fade"){return c(()=>l(n.transition)||b(n.transition)?{name:n.transition&&!n.disabled?i:""}:o(n.transition)?{name:n.disabled?"":n.transition}:n.transition)}const B=(n,{slots:i})=>{const{transition:t,disabled:r,...a}=n,{component:s=u,...e}=E(t)?t:{},m=o(t)?{name:r?"":t}:e;return d(s,f(m,a,{disabled:r}),i)};export{B as EvTransition,y as makeEvTransitionProps,j as useEvTransition};
 //# sourceMappingURL=EvTransition.mjs.map

package/dist/esm/components/EvTransition/transitions/createTransition.mjs

@@ -1,2 +1,2 @@
-import{h as n,Transition as r}from"vue";/*! Evance UI v1.1.34 | MIT License */function s(i,t,d="in-out"){return(e,{slots:a})=>n(r,{name:e.disabled?"":i,css:!e.disabled,...e.disabled?{}:t},a.default)}export{s as createJavaScriptTransition};
+import{h as n,Transition as r}from"vue";/*! Evance UI v1.1.36 | MIT License */function s(i,t,d="in-out"){return(e,{slots:a})=>n(r,{name:e.disabled?"":i,css:!e.disabled,...e.disabled?{}:t},a.default)}export{s as createJavaScriptTransition};
 //# sourceMappingURL=createTransition.mjs.map

package/dist/esm/components/EvTransition/transitions/expandTransition.mjs

@@ -1,2 +1,2 @@
-import{camelize as y}from"vue";/*! Evance UI v1.1.34 | MIT License */function v(o="",a=!1){const i=a?"width":"height",r=y(`offset-${i}`);function s(t){o&&t._parent&&t._parent.classList.remove(o),n(t)}function n(t){const e=t._initialStyle[i];t.style.overflow=t._initialStyle.overflow,e!=null&&(t.style[i]=e),delete t._initialStyle}return{onBeforeEnter(t){t._parent=t.parentNode,t._initialStyle={transition:t.style.transition,overflow:t.style.overflow,[i]:t.style[i]}},onEnter(t){const e=t._initialStyle;t.style.setProperty("transition","none","important"),t.style.overflow="hidden";const f=`${t[r]}px`;t.style[i]="0",t.offsetHeight,t.style.transition=e.transition,o&&t._parent&&t._parent.classList.add(o),requestAnimationFrame(()=>{t.style[i]=f})},onAfterEnter:n,onEnterCancelled:n,onLeave(t){t._initialStyle={transition:"",overflow:t.style.overflow,[i]:t.style[i]},t.style.overflow="hidden",t.style[i]=`${t[r]}px`,t.offsetHeight,requestAnimationFrame(()=>t.style[i]="0")},onAfterLeave:s,onLeaveCancelled:s}}export{v as default};
+import{camelize as y}from"vue";/*! Evance UI v1.1.36 | MIT License */function v(o="",a=!1){const i=a?"width":"height",r=y(`offset-${i}`);function s(t){o&&t._parent&&t._parent.classList.remove(o),n(t)}function n(t){const e=t._initialStyle[i];t.style.overflow=t._initialStyle.overflow,e!=null&&(t.style[i]=e),delete t._initialStyle}return{onBeforeEnter(t){t._parent=t.parentNode,t._initialStyle={transition:t.style.transition,overflow:t.style.overflow,[i]:t.style[i]}},onEnter(t){const e=t._initialStyle;t.style.setProperty("transition","none","important"),t.style.overflow="hidden";const f=`${t[r]}px`;t.style[i]="0",t.offsetHeight,t.style.transition=e.transition,o&&t._parent&&t._parent.classList.add(o),requestAnimationFrame(()=>{t.style[i]=f})},onAfterEnter:n,onEnterCancelled:n,onLeave(t){t._initialStyle={transition:"",overflow:t.style.overflow,[i]:t.style[i]},t.style.overflow="hidden",t.style[i]=`${t[r]}px`,t.offsetHeight,requestAnimationFrame(()=>t.style[i]="0")},onAfterLeave:s,onLeaveCancelled:s}}export{v as default};
 //# sourceMappingURL=expandTransition.mjs.map

package/dist/esm/components/EvVirtualScroll/EvVirtualScroll.mjs

@@ -1,2 +1,2 @@
-import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeVirtualProps as t}from"../../composables/virtual.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.34 | MIT License */const p=o({items:{type:Array,default:()=>[]},renderless:Boolean,...t(),...r(),...e()},"EvVirtualScroll"),i=o({renderless:Boolean,...r()},"EvVirtualScrollItem");export{i as makeEvVirtualScrollItemProps,p as makeEvVirtualScrollProps};
+import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeVirtualProps as t}from"../../composables/virtual.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.36 | MIT License */const p=o({items:{type:Array,default:()=>[]},renderless:Boolean,...t(),...r(),...e()},"EvVirtualScroll"),i=o({renderless:Boolean,...r()},"EvVirtualScrollItem");export{i as makeEvVirtualScrollItemProps,p as makeEvVirtualScrollProps};
 //# sourceMappingURL=EvVirtualScroll.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as w,toRef as $,createElementBlock as m,openBlock as n,Fragment as p,createElementVNode as f,normalizeStyle as c,unref as r,renderList as h,createBlock as E,withCtx as R,renderSlot as _,normalizeProps as B,guardReactiveProps as V,normalizeClass as b,onMounted as D,onScopeDispose as F}from"vue";import{makeEvVirtualScrollProps as M}from"./EvVirtualScroll.mjs";import{useDimensions as N}from"../../composables/dimensions.mjs";import{useVirtual as W}from"../../composables/virtual.mjs";import{useToggleScope as j}from"../../composables/toggleScope.mjs";import C from"./EvVirtualScrollItem.vue.mjs";import{getCurrentComponent as q}from"../../util/components.mjs";import{toWebUnit as u}from"../../util/units.mjs";import{getScrollParent as A}from"../../util/scroll.mjs";/*! Evance UI v1.1.34 | MIT License */const ee=w({__name:"EvVirtualScroll",props:{...M()},setup(P,{expose:T}){const l=P,U=q("EvVirtualScroll"),z=N(l),{calculateVisibleItems:I,containerRef:s,markerRef:v,handleScroll:d,handleScrollend:i,handleItemResize:g,scrollToIndex:L,paddingTop:k,paddingBottom:y,computedItems:S}=W(l,$(l,"items"));return j(()=>l.renderless,()=>{function a(t=!1){var o,x;const e=t?"addEventListener":"removeEventListener";s.value===document.documentElement?(document[e]("scroll",d,{passive:!0}),document[e]("scrollend",i)):((o=s.value)==null||o[e]("scroll",d,{passive:!0}),(x=s.value)==null||x[e]("scrollend",i))}D(()=>{s.value=A(U.vnode.el,!0),a(!0)}),F(a)}),T({calculateVisibleItems:I,scrollToIndex:L}),(a,t)=>l.renderless?(n(),m(p,{key:0},[f("div",{ref_key:"markerRef",ref:v,class:"ev-virtual-scroll--spacer",style:c({paddingTop:r(u)(r(k))})},null,4),(n(!0),m(p,null,h(r(S),e=>(n(),E(C,{key:e.index,renderless:l.renderless,"onUpdate:height":o=>r(g)(e.index,o)},{default:R(({itemRef:o})=>[_(a.$slots,"default",B(V({item:e.raw,index:e.index,itemRef:o})))]),_:2},1032,["renderless","onUpdate:height"]))),128)),f("div",{class:"ev-virtual-scroll--spacer",style:c({paddingBottom:r(u)(r(y))})},null,4)],64)):(n(),m("div",{key:1,ref_key:"containerRef",ref:s,class:b(["ev-virtual-scroll",l.class]),style:c([r(z),l.style]),onScrollPassive:t[0]||(t[0]=(...e)=>r(d)&&r(d)(...e)),onScrollend:t[1]||(t[1]=(...e)=>r(i)&&r(i)(...e))},[f("div",{ref_key:"markerRef",ref:v,class:"ev-virtual-scroll--container",style:c([{paddingTop:r(u)(r(k)),paddingBottom:r(u)(r(y))}])},[(n(!0),m(p,null,h(r(S),e=>(n(),E(C,{key:e.index,renderless:l.renderless,"onUpdate:height":o=>r(g)(e.index,o)},{default:R(({itemRef:o})=>[_(a.$slots,"default",B(V({item:e.raw,index:e.index,itemRef:o})))]),_:2},1032,["renderless","onUpdate:height"]))),128))],4)],38))}});export{ee as default};
+import{defineComponent as w,toRef as $,createElementBlock as m,openBlock as n,Fragment as p,createElementVNode as f,normalizeStyle as c,unref as r,renderList as h,createBlock as E,withCtx as R,renderSlot as _,normalizeProps as B,guardReactiveProps as V,normalizeClass as b,onMounted as D,onScopeDispose as F}from"vue";import{makeEvVirtualScrollProps as M}from"./EvVirtualScroll.mjs";import{useDimensions as N}from"../../composables/dimensions.mjs";import{useVirtual as W}from"../../composables/virtual.mjs";import{useToggleScope as j}from"../../composables/toggleScope.mjs";import C from"./EvVirtualScrollItem.vue.mjs";import{getCurrentComponent as q}from"../../util/components.mjs";import{toWebUnit as u}from"../../util/units.mjs";import{getScrollParent as A}from"../../util/scroll.mjs";/*! Evance UI v1.1.36 | MIT License */const ee=w({__name:"EvVirtualScroll",props:{...M()},setup(P,{expose:T}){const l=P,U=q("EvVirtualScroll"),z=N(l),{calculateVisibleItems:I,containerRef:s,markerRef:v,handleScroll:d,handleScrollend:i,handleItemResize:g,scrollToIndex:L,paddingTop:k,paddingBottom:y,computedItems:S}=W(l,$(l,"items"));return j(()=>l.renderless,()=>{function a(t=!1){var o,x;const e=t?"addEventListener":"removeEventListener";s.value===document.documentElement?(document[e]("scroll",d,{passive:!0}),document[e]("scrollend",i)):((o=s.value)==null||o[e]("scroll",d,{passive:!0}),(x=s.value)==null||x[e]("scrollend",i))}D(()=>{s.value=A(U.vnode.el,!0),a(!0)}),F(a)}),T({calculateVisibleItems:I,scrollToIndex:L}),(a,t)=>l.renderless?(n(),m(p,{key:0},[f("div",{ref_key:"markerRef",ref:v,class:"ev-virtual-scroll--spacer",style:c({paddingTop:r(u)(r(k))})},null,4),(n(!0),m(p,null,h(r(S),e=>(n(),E(C,{key:e.index,renderless:l.renderless,"onUpdate:height":o=>r(g)(e.index,o)},{default:R(({itemRef:o})=>[_(a.$slots,"default",B(V({item:e.raw,index:e.index,itemRef:o})))]),_:2},1032,["renderless","onUpdate:height"]))),128)),f("div",{class:"ev-virtual-scroll--spacer",style:c({paddingBottom:r(u)(r(y))})},null,4)],64)):(n(),m("div",{key:1,ref_key:"containerRef",ref:s,class:b(["ev-virtual-scroll",l.class]),style:c([r(z),l.style]),onScrollPassive:t[0]||(t[0]=(...e)=>r(d)&&r(d)(...e)),onScrollend:t[1]||(t[1]=(...e)=>r(i)&&r(i)(...e))},[f("div",{ref_key:"markerRef",ref:v,class:"ev-virtual-scroll--container",style:c([{paddingTop:r(u)(r(k)),paddingBottom:r(u)(r(y))}])},[(n(!0),m(p,null,h(r(S),e=>(n(),E(C,{key:e.index,renderless:l.renderless,"onUpdate:height":o=>r(g)(e.index,o)},{default:R(({itemRef:o})=>[_(a.$slots,"default",B(V({item:e.raw,index:e.index,itemRef:o})))]),_:2},1032,["renderless","onUpdate:height"]))),128))],4)],38))}});export{ee as default};
 //# sourceMappingURL=EvVirtualScroll.vue.mjs.map

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

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