@evance/evance-ui 1.1.51 → 1.1.52

package/dist/esm/components/EvListItem/EvListItem.mjs

@@ -1,2 +1,2 @@
-import{makeRouterLinkOrHrefProps as o}from"../../composables/router.mjs";import{IconProp as t}from"../../composables/icons.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{propsFactory as r}from"../../util/props.mjs";import{EventProp as a}from"../../util/events.mjs";/*! Evance UI v1.1.51 | MIT License */const d=r({active:{type:Boolean,default:void 0},actions:{type:Array,default:()=>[]},actionsOnHover:{type:Array,default:()=>[]},children:Array,disabled:Boolean,iconEnd:t,iconStart:t,link:{type:Boolean,default:void 0},loading:Boolean,returnObject:Boolean,subtitle:[String,Number,Boolean],subtitleProps:{type:Object,default:()=>({})},tag:{type:String,default:"div"},title:[String,Number,Boolean],titleProps:{type:Object,default:()=>({})},value:null,onClick:a(),...o({exact:void 0}),...e()},"EvListItem");export{d as makeEvListItemProps};
+import{makeRouterLinkOrHrefProps as o}from"../../composables/router.mjs";import{IconProp as t}from"../../composables/icons.mjs";import{makeComponentProps as e}from"../../composables/component.mjs";import{propsFactory as r}from"../../util/props.mjs";import{EventProp as a}from"../../util/events.mjs";/*! Evance UI v1.1.52 | MIT License */const d=r({active:{type:Boolean,default:void 0},actions:{type:Array,default:()=>[]},actionsOnHover:{type:Array,default:()=>[]},children:Array,disabled:Boolean,iconEnd:t,iconStart:t,link:{type:Boolean,default:void 0},loading:Boolean,returnObject:Boolean,subtitle:[String,Number,Boolean],subtitleProps:{type:Object,default:()=>({})},tag:{type:String,default:"div"},title:[String,Number,Boolean],titleProps:{type:Object,default:()=>({})},value:null,onClick:a(),...o({exact:void 0}),...e()},"EvListItem");export{d as makeEvListItemProps};
 //# sourceMappingURL=EvListItem.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as ie,useSlots as se,useAttrs as le,computed as s,mergeProps as a,toDisplayString as O,createElementBlock as n,openBlock as l,normalizeClass as b,unref as i,createElementVNode as f,createBlock as c,createCommentVNode as r,normalizeStyle as oe,resolveDynamicComponent as ne,withKeys as P,withCtx as g,renderSlot as u,createVNode as d,Fragment as D,renderList as N,withDirectives as re,vShow as ae}from"vue";/* empty css                */import{makeEvListItemProps as ce}from"./EvListItem.mjs";import{useRouterLinkOrHref as ue}from"../../composables/router.mjs";import{useList as ve}from"../../composables/lists/list.mjs";import{useNestedListItem as me}from"../../composables/lists/nested.mjs";import x from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import C from"../EvButton/EvButton.vue.mjs";import de from"../EvButtonGroup/EvButtonGroup.vue.mjs";import z from"../EvText/EvText.vue.mjs";/* empty css                    */import pe from"../../icons/glyph/ChevronRightIcon.svg.mjs";import fe from"../../icons/glyph/DotIcon.svg.mjs";import he from"../EvList/EvListChildren.vue.mjs";import ke from"../EvTransition/transitions/expandTransition.mjs";import{useModelProxy as _e}from"../../composables/modelProxy.mjs";import{getNextId as H}from"../../util/helpers.mjs";import{EvTransition as ye}from"../EvTransition/EvTransition.mjs";/*! Evance UI v1.1.51 | MIT License */const be={class:"ev-list-item--label"},ge=f("div",{"aria-hidden":"true",class:"ev-list-item--indicator"},null,-1),xe={key:0,class:"ev-list-item--caret"},Ce={key:1,class:"ev-list-item--icon-start"},Ee={key:2,class:"ev-list-item--prefix"},$e={key:4,class:"ev-list-item--actions"},Le={key:5,class:"ev-list-item--icon-end"},Se={class:"ev-list-item-children",role:"group"},Je=ie({__name:"EvListItem",props:{...ce()},emits:["click","click:open","click:select","update:opened"],setup(K,{emit:j}){const e=K,v=se(),B=le(),o=ue(e,B),E=ve(),V=s(()=>e.value===void 0?o.href.value:e.value),$=_e(e,"loading"),p=s(()=>!!v.children||!!e.children),{select:R,isSelected:L,isOpen:h,open:T,root:F}=me(V,p.value),G=s(()=>e.link!==!1&&o.isLink.value),k=s(()=>!e.disabled&&e.link!==!1&&(e.link||o.isClickable.value||e.value!=null&&!!E)),M=s(()=>{var t;return e.active!==!1&&(e.active||((t=o.isActive)==null?void 0:t.value))}),q=s(()=>{var t;return e.exact!==!1&&(e.exact||((t=o.isExactActive)==null?void 0:t.value)||L.value)}),J=s(()=>G.value?"a":e.tag),Q=s(()=>k.value?E?-2:0:null);function S(t){var y;j("click",t),k.value&&((y=o.navigate)==null||y.call(o,t),e.value!=null&&R(!L.value,t))}function w(t){t.preventDefault(),S(t)}const U=s(()=>!!o.isClickable.value||!!e.onClick),W=s(()=>a({truncate:!0,text:O(e.title)},e.titleProps)),X=s(()=>a({appearance:"subtle",size:"small",truncate:!0,text:O(e.subtitle)},e.subtitleProps)),A=s(()=>e.actions.map(t=>({props:t,id:H()}))),Y=s(()=>!!A.value.length),I=s(()=>e.actionsOnHover.map(t=>({props:t,id:H()}))),_=s(()=>!!I.value.length),Z=ke("",!1),ee=s(()=>$.value||p.value||F.isNested.value);function te(t){T(!h.value,t)}return(t,y)=>(l(),n("li",{class:b(["ev-list-item",{"is-disabled":e.disabled,"is-open":i(h)},e.class])},[f("div",{role:"listitem",class:b(["ev-list-item-content",{"is-active":M.value,"is-active--exact":q.value,"is-clickable":k.value||U.value,"is-actions-on-hover":_.value}]),style:oe(e.style)},[(l(),c(ne(J.value),{href:i(o).href.value,tabindex:Q.value,class:"ev-list-item--button",onClick:S,onKeydown:[P(w,["enter"]),P(w,["space"])]},{default:g(()=>[f("div",be,[u(t.$slots,"default",{},()=>[d(i(z),a({tag:"div",class:"ev-list-item--title"},W.value),null,16),e.subtitle?(l(),c(i(z),a({key:0,tag:"div",class:"ev-list-item--subtitle"},X.value),null,16)):r("",!0)])]),ge]),_:3},40,["href","tabindex","onKeydown"])),ee.value?(l(),n("div",xe,[p.value?(l(),c(i(C),{key:0,icon:"",size:"x-small",variant:"subtle",loading:i($),"icon-start":i(pe),onClick:te},null,8,["loading","icon-start"])):(l(),c(i(x),{key:1,glyph:i(fe)},null,8,["glyph"]))])):r("",!0),i(v).iconStart||e.iconStart?(l(),n("div",Ce,[u(t.$slots,"iconStart",{},()=>[d(i(x),{glyph:e.iconStart},null,8,["glyph"])])])):r("",!0),i(v).prefix?(l(),n("div",Ee,[u(t.$slots,"prefix")])):r("",!0),i(v).suffix?(l(),n("div",{key:3,class:b(["ev-list-item--suffix",{"is-hide-on-hover":_.value}])},[u(t.$slots,"suffix")],2)):r("",!0),Y.value||_.value?(l(),n("div",$e,[d(i(de),{size:"x-small",variant:"subtle"},{default:g(()=>[(l(!0),n(D,null,N(I.value,m=>(l(),c(i(C),a({key:m.id},m.props,{class:"is-show-on-hover"}),null,16))),128)),(l(!0),n(D,null,N(A.value,m=>(l(),c(i(C),a({key:m.id},m.props),null,16))),128))]),_:1})])):r("",!0),i(v).iconEnd||e.iconEnd?(l(),n("div",Le,[u(t.$slots,"iconEnd",{},()=>[d(i(x),{glyph:e.iconEnd},null,8,["glyph"])])])):r("",!0)],6),p.value?(l(),c(i(ye),a({key:0,name:"ev-list-group-transition"},i(Z)),{default:g(()=>[re(f("ul",Se,[u(t.$slots,"children",{},()=>[d(he,{items:e.children,"return-object":e.returnObject},null,8,["items","return-object"])])],512),[[ae,i(h)]])]),_:3},16)):r("",!0)],2))}});export{Je as default};
+import{defineComponent as ie,useSlots as se,useAttrs as le,computed as s,mergeProps as a,toDisplayString as O,createElementBlock as n,openBlock as l,normalizeClass as b,unref as i,createElementVNode as f,createBlock as c,createCommentVNode as r,normalizeStyle as oe,resolveDynamicComponent as ne,withKeys as P,withCtx as g,renderSlot as u,createVNode as d,Fragment as D,renderList as N,withDirectives as re,vShow as ae}from"vue";/* empty css                */import{makeEvListItemProps as ce}from"./EvListItem.mjs";import{useRouterLinkOrHref as ue}from"../../composables/router.mjs";import{useList as ve}from"../../composables/lists/list.mjs";import{useNestedListItem as me}from"../../composables/lists/nested.mjs";import x from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import C from"../EvButton/EvButton.vue.mjs";import de from"../EvButtonGroup/EvButtonGroup.vue.mjs";import z from"../EvText/EvText.vue.mjs";/* empty css                    */import pe from"../../icons/glyph/ChevronRightIcon.svg.mjs";import fe from"../../icons/glyph/DotIcon.svg.mjs";import he from"../EvList/EvListChildren.vue.mjs";import ke from"../EvTransition/transitions/expandTransition.mjs";import{useModelProxy as _e}from"../../composables/modelProxy.mjs";import{getNextId as H}from"../../util/helpers.mjs";import{EvTransition as ye}from"../EvTransition/EvTransition.mjs";/*! Evance UI v1.1.52 | MIT License */const be={class:"ev-list-item--label"},ge=f("div",{"aria-hidden":"true",class:"ev-list-item--indicator"},null,-1),xe={key:0,class:"ev-list-item--caret"},Ce={key:1,class:"ev-list-item--icon-start"},Ee={key:2,class:"ev-list-item--prefix"},$e={key:4,class:"ev-list-item--actions"},Le={key:5,class:"ev-list-item--icon-end"},Se={class:"ev-list-item-children",role:"group"},Je=ie({__name:"EvListItem",props:{...ce()},emits:["click","click:open","click:select","update:opened"],setup(K,{emit:j}){const e=K,v=se(),B=le(),o=ue(e,B),E=ve(),V=s(()=>e.value===void 0?o.href.value:e.value),$=_e(e,"loading"),p=s(()=>!!v.children||!!e.children),{select:R,isSelected:L,isOpen:h,open:T,root:F}=me(V,p.value),G=s(()=>e.link!==!1&&o.isLink.value),k=s(()=>!e.disabled&&e.link!==!1&&(e.link||o.isClickable.value||e.value!=null&&!!E)),M=s(()=>{var t;return e.active!==!1&&(e.active||((t=o.isActive)==null?void 0:t.value))}),q=s(()=>{var t;return e.exact!==!1&&(e.exact||((t=o.isExactActive)==null?void 0:t.value)||L.value)}),J=s(()=>G.value?"a":e.tag),Q=s(()=>k.value?E?-2:0:null);function S(t){var y;j("click",t),k.value&&((y=o.navigate)==null||y.call(o,t),e.value!=null&&R(!L.value,t))}function w(t){t.preventDefault(),S(t)}const U=s(()=>!!o.isClickable.value||!!e.onClick),W=s(()=>a({truncate:!0,text:O(e.title)},e.titleProps)),X=s(()=>a({appearance:"subtle",size:"small",truncate:!0,text:O(e.subtitle)},e.subtitleProps)),A=s(()=>e.actions.map(t=>({props:t,id:H()}))),Y=s(()=>!!A.value.length),I=s(()=>e.actionsOnHover.map(t=>({props:t,id:H()}))),_=s(()=>!!I.value.length),Z=ke("",!1),ee=s(()=>$.value||p.value||F.isNested.value);function te(t){T(!h.value,t)}return(t,y)=>(l(),n("li",{class:b(["ev-list-item",{"is-disabled":e.disabled,"is-open":i(h)},e.class])},[f("div",{role:"listitem",class:b(["ev-list-item-content",{"is-active":M.value,"is-active--exact":q.value,"is-clickable":k.value||U.value,"is-actions-on-hover":_.value}]),style:oe(e.style)},[(l(),c(ne(J.value),{href:i(o).href.value,tabindex:Q.value,class:"ev-list-item--button",onClick:S,onKeydown:[P(w,["enter"]),P(w,["space"])]},{default:g(()=>[f("div",be,[u(t.$slots,"default",{},()=>[d(i(z),a({tag:"div",class:"ev-list-item--title"},W.value),null,16),e.subtitle?(l(),c(i(z),a({key:0,tag:"div",class:"ev-list-item--subtitle"},X.value),null,16)):r("",!0)])]),ge]),_:3},40,["href","tabindex","onKeydown"])),ee.value?(l(),n("div",xe,[p.value?(l(),c(i(C),{key:0,icon:"",size:"x-small",variant:"subtle",loading:i($),"icon-start":i(pe),onClick:te},null,8,["loading","icon-start"])):(l(),c(i(x),{key:1,glyph:i(fe)},null,8,["glyph"]))])):r("",!0),i(v).iconStart||e.iconStart?(l(),n("div",Ce,[u(t.$slots,"iconStart",{},()=>[d(i(x),{glyph:e.iconStart},null,8,["glyph"])])])):r("",!0),i(v).prefix?(l(),n("div",Ee,[u(t.$slots,"prefix")])):r("",!0),i(v).suffix?(l(),n("div",{key:3,class:b(["ev-list-item--suffix",{"is-hide-on-hover":_.value}])},[u(t.$slots,"suffix")],2)):r("",!0),Y.value||_.value?(l(),n("div",$e,[d(i(de),{size:"x-small",variant:"subtle"},{default:g(()=>[(l(!0),n(D,null,N(I.value,m=>(l(),c(i(C),a({key:m.id},m.props,{class:"is-show-on-hover"}),null,16))),128)),(l(!0),n(D,null,N(A.value,m=>(l(),c(i(C),a({key:m.id},m.props),null,16))),128))]),_:1})])):r("",!0),i(v).iconEnd||e.iconEnd?(l(),n("div",Le,[u(t.$slots,"iconEnd",{},()=>[d(i(x),{glyph:e.iconEnd},null,8,["glyph"])])])):r("",!0)],6),p.value?(l(),c(i(ye),a({key:0,name:"ev-list-group-transition"},i(Z)),{default:g(()=>[re(f("ul",Se,[u(t.$slots,"children",{},()=>[d(he,{items:e.children,"return-object":e.returnObject},null,8,["items","return-object"])])],512),[[ae,i(h)]])]),_:3},16)):r("",!0)],2))}});export{Je as default};
 //# sourceMappingURL=EvListItem.vue.mjs.map

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

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

package/dist/esm/components/EvLozenge/EvLozenge.mjs

@@ -1,2 +1,2 @@
-import{IconProp as o}from"../../composables/icons.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeTagProps as m}from"../../composables/tag.mjs";import{makeThemeProps as p}from"../../composables/theme.mjs";import{propsFactory as e}from"../../util/props.mjs";import{makeAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.51 | MIT License */const P=e({iconEnd:o,iconStart:o,maxWidth:{type:[String,Number],default:200},...t(),...p(),...r(),...m({tag:"span"})},"EvLozenge");export{P as makeEvLozengeProps};
+import{IconProp as o}from"../../composables/icons.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeTagProps as m}from"../../composables/tag.mjs";import{makeThemeProps as p}from"../../composables/theme.mjs";import{propsFactory as e}from"../../util/props.mjs";import{makeAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.52 | MIT License */const P=e({iconEnd:o,iconStart:o,maxWidth:{type:[String,Number],default:200},...t(),...p(),...r(),...m({tag:"span"})},"EvLozenge");export{P as makeEvLozengeProps};
 //# sourceMappingURL=EvLozenge.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as u,computed as h,createBlock as o,openBlock as s,resolveDynamicComponent as f,normalizeStyle as y,normalizeClass as g,unref as t,withCtx as _,createCommentVNode as r,createElementVNode as x,renderSlot as v}from"vue";/* empty css               */import{makeEvLozengeProps as z}from"./EvLozenge.mjs";import a from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import{provideTheme as C}from"../../composables/theme.mjs";import{useAppearance as k}from"../../util/appearance.mjs";import{isIntegerish as E}from"../../util/numbers.mjs";/*! Evance UI v1.1.51 | MIT License */const W={class:"ev-lozenge--label"},D=u({__name:"EvLozenge",props:{...z()},setup(n){const e=n,l=()=>E(e.maxWidth),m=h(()=>l()?`${e.maxWidth}px`:e.maxWidth),{appearanceClass:i,variantClass:p}=k(e),{themeClasses:c}=C(e);return(d,S)=>(s(),o(f(e.tag),{class:g(["ev-lozenge",t(c),t(i),t(p),e.class]),style:y([{"max-width":m.value},e.style])},{default:_(()=>[e.iconStart?(s(),o(t(a),{key:0,glyph:e.iconStart,size:"small"},null,8,["glyph"])):r("",!0),x("span",W,[v(d.$slots,"default")]),e.iconEnd?(s(),o(t(a),{key:1,glyph:e.iconEnd,size:"small"},null,8,["glyph"])):r("",!0)]),_:3},8,["class","style"]))}});export{D as default};
+import{defineComponent as u,computed as h,createBlock as o,openBlock as s,resolveDynamicComponent as f,normalizeStyle as y,normalizeClass as g,unref as t,withCtx as _,createCommentVNode as r,createElementVNode as x,renderSlot as v}from"vue";/* empty css               */import{makeEvLozengeProps as z}from"./EvLozenge.mjs";import a from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import{provideTheme as C}from"../../composables/theme.mjs";import{useAppearance as k}from"../../util/appearance.mjs";import{isIntegerish as E}from"../../util/numbers.mjs";/*! Evance UI v1.1.52 | MIT License */const W={class:"ev-lozenge--label"},D=u({__name:"EvLozenge",props:{...z()},setup(n){const e=n,l=()=>E(e.maxWidth),m=h(()=>l()?`${e.maxWidth}px`:e.maxWidth),{appearanceClass:i,variantClass:p}=k(e),{themeClasses:c}=C(e);return(d,S)=>(s(),o(f(e.tag),{class:g(["ev-lozenge",t(c),t(i),t(p),e.class]),style:y([{"max-width":m.value},e.style])},{default:_(()=>[e.iconStart?(s(),o(t(a),{key:0,glyph:e.iconStart,size:"small"},null,8,["glyph"])):r("",!0),x("span",W,[v(d.$slots,"default")]),e.iconEnd?(s(),o(t(a),{key:1,glyph:e.iconEnd,size:"small"},null,8,["glyph"])):r("",!0)]),_:3},8,["class","style"]))}});export{D as default};
 //# sourceMappingURL=EvLozenge.vue.mjs.map

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

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

package/dist/esm/components/EvMenu/EvMenu.mjs

@@ -1,2 +1,2 @@
-import{makeEvOverlayProps as o}from"../EvOverlay/EvOverlay.mjs";import t from"./EvMenuTransition.vue.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.51 | MIT License */const s=e({id:String,...o({closeDelay:250,closeOnContentClick:!0,position:"bottom-start",positionStrategy:"connected",openDelay:250,veil:!1,scrollStrategy:"reposition",transition:{component:t}})},"EvMenu");export{s as makeEvMenuProps};
+import{makeEvOverlayProps as o}from"../EvOverlay/EvOverlay.mjs";import t from"./EvMenuTransition.vue.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.52 | MIT License */const s=e({id:String,...o({closeDelay:250,closeOnContentClick:!0,position:"bottom-start",positionStrategy:"connected",openDelay:250,veil:!1,scrollStrategy:"reposition",transition:{component:t}})},"EvMenu");export{s as makeEvMenuProps};
 //# sourceMappingURL=EvMenu.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as D,useSlots as S,computed as i,ref as b,inject as M,shallowRef as T,provide as V,watch as $,mergeProps as f,createBlock as K,openBlock as U,unref as u,isRef as B,createSlots as R,withCtx as p,renderSlot as m}from"vue";/* empty css            */import{makeEvMenuProps as j}from"./EvMenu.mjs";import d from"../EvOverlay/EvOverlay.vue.mjs";import{useModelProxy as I}from"../../composables/modelProxy.mjs";import{EvMenuSymbol as y}from"./shared.mjs";import{getNextId as N,filterComponentProps as O}from"../../util/helpers.mjs";import{focusChild as w}from"../../util/events.mjs";/*! Evance UI v1.1.51 | MIT License */const W=D({__name:"EvMenu",props:{...j()},setup(k,{expose:P}){const l=k,A=S(),t=I(l,"modelValue"),g=N(),c=i(()=>l.id||`ev-menu-${g}`),n=b(),o=M(y,null),a=T(0);V(y,{register(){++a.value},unregister(){--a.value},closeParents(){setTimeout(()=>{a.value||(t.value=!1,o==null||o.closeParents())},40)}}),$(t,e=>e?o==null?void 0:o.register():o==null?void 0:o.unregister());function C(){o==null||o.closeParents()}function E(e){var r,s;l.disabled||e.key==="Tab"&&(t.value=!1,(s=(r=n.value)==null?void 0:r.activatorEl)==null||s.focus())}function v(e){var s;if(l.disabled)return;const r=(s=n.value)==null?void 0:s.contentEl;r&&t.value?e.key==="ArrowDown"?(e.preventDefault(),w(r,"next")):e.key==="ArrowUp"&&(e.preventDefault(),w(r,"previous")):["ArrowDown","ArrowUp"].includes(e.key)&&(t.value=!0,e.preventDefault(),setTimeout(()=>setTimeout(()=>v(e))))}const x=i(()=>f({"aria-haspopup":"menu","aria-expanded":String(t.value),"aria-owns":c.value,onKeydown:v},l.activatorProps));P({id:c,openChildren:a,contentEl:i(()=>{var e;return(e=n.value)==null?void 0:e.contentEl})});const _=i(()=>O(d,l));return(e,r)=>(U(),K(u(d),f({ref_key:"overlay",ref:n,modelValue:u(t),"onUpdate:modelValue":r[0]||(r[0]=s=>B(t)?t.value=s:null)},_.value,{class:["ev-menu",l.class],style:l.style,"activator-props":x.value,"onClick:outside":C,onKeydown:E}),R({default:p(()=>[m(e.$slots,"default")]),_:2},[u(A).activator?{name:"activator",fn:p(({isActive:s,props:h})=>[m(e.$slots,"activator",{isActive:s,props:h})]),key:"0"}:void 0]),1040,["modelValue","class","style","activator-props"]))}});export{W as default};
+import{defineComponent as D,useSlots as S,computed as i,ref as b,inject as M,shallowRef as T,provide as V,watch as $,mergeProps as f,createBlock as K,openBlock as U,unref as u,isRef as B,createSlots as R,withCtx as p,renderSlot as m}from"vue";/* empty css            */import{makeEvMenuProps as j}from"./EvMenu.mjs";import d from"../EvOverlay/EvOverlay.vue.mjs";import{useModelProxy as I}from"../../composables/modelProxy.mjs";import{EvMenuSymbol as y}from"./shared.mjs";import{getNextId as N,filterComponentProps as O}from"../../util/helpers.mjs";import{focusChild as w}from"../../util/events.mjs";/*! Evance UI v1.1.52 | MIT License */const W=D({__name:"EvMenu",props:{...j()},setup(k,{expose:P}){const l=k,A=S(),t=I(l,"modelValue"),g=N(),c=i(()=>l.id||`ev-menu-${g}`),n=b(),o=M(y,null),a=T(0);V(y,{register(){++a.value},unregister(){--a.value},closeParents(){setTimeout(()=>{a.value||(t.value=!1,o==null||o.closeParents())},40)}}),$(t,e=>e?o==null?void 0:o.register():o==null?void 0:o.unregister());function C(){o==null||o.closeParents()}function E(e){var r,s;l.disabled||e.key==="Tab"&&(t.value=!1,(s=(r=n.value)==null?void 0:r.activatorEl)==null||s.focus())}function v(e){var s;if(l.disabled)return;const r=(s=n.value)==null?void 0:s.contentEl;r&&t.value?e.key==="ArrowDown"?(e.preventDefault(),w(r,"next")):e.key==="ArrowUp"&&(e.preventDefault(),w(r,"previous")):["ArrowDown","ArrowUp"].includes(e.key)&&(t.value=!0,e.preventDefault(),setTimeout(()=>setTimeout(()=>v(e))))}const x=i(()=>f({"aria-haspopup":"menu","aria-expanded":String(t.value),"aria-owns":c.value,onKeydown:v},l.activatorProps));P({id:c,openChildren:a,contentEl:i(()=>{var e;return(e=n.value)==null?void 0:e.contentEl})});const _=i(()=>O(d,l));return(e,r)=>(U(),K(u(d),f({ref_key:"overlay",ref:n,modelValue:u(t),"onUpdate:modelValue":r[0]||(r[0]=s=>B(t)?t.value=s:null)},_.value,{class:["ev-menu",l.class],style:l.style,"activator-props":x.value,"onClick:outside":C,onKeydown:E}),R({default:p(()=>[m(e.$slots,"default")]),_:2},[u(A).activator?{name:"activator",fn:p(({isActive:s,props:h})=>[m(e.$slots,"activator",{isActive:s,props:h})]),key:"0"}:void 0]),1040,["modelValue","class","style","activator-props"]))}});export{W as default};
 //# sourceMappingURL=EvMenu.vue.mjs.map

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

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

package/dist/esm/components/EvMenu/EvMenuTransition.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as C,computed as L,createBlock as M,openBlock as O,Transition as k,mergeProps as T,withCtx as j,renderSlot as D}from"vue";import{animate as p,easingStandard as h,easingAccelerate as H}from"../../util/animate.mjs";import{Rect as x}from"../../util/dimensions.mjs";/*! Evance UI v1.1.51 | MIT License */const z=C({__name:"EvMenuTransition",props:{target:Object},setup(E){const m=E;function u(e){var t;const n=(t=e.querySelector(":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list"))==null?void 0:t.children;return n&&[...n]}function d(e,n){const t=x.fromElement(e),o=x.fromElement(n,!0),f=getComputedStyle(n),[l,c]=f.transformOrigin.split(" ").map(q=>parseFloat(q)),[s,r]=f.getPropertyValue("--ev-overlay-position").split(" ");let i=t.left;s==="center"||r==="center"?i+=t.width/2:(s==="right"||r==="right")&&(i+=t.width);let a=t.top;s==="center"||r==="center"?a+=t.height/2:(s==="bottom"||r==="bottom")&&(a+=t.height);const g=t.width/o.width,y=t.height/o.height,v=Math.max(1,g,y),Y=g/v||0,_=y/v||0,w=o.width*o.height/(window.innerWidth*window.innerHeight),b=w>.12?Math.min(1.5,(w-.12)*10+1):1;return{x:i-(l+o.left),y:a-(c+o.top),scaleX:Y,scaleY:_,speedFactor:b}}function P(e){e.style.pointerEvents="none",e.style.visibility="hidden"}async function S(e,n){var i;await new Promise(a=>requestAnimationFrame(a)),await new Promise(a=>requestAnimationFrame(a)),e.style.visibility="";const{x:t,y:o,scaleX:f,scaleY:l,speedFactor:c}=d(m.target,e),s=250,r=p(e,[{transform:`translate(${t}px, ${o}px) scale(${f}, ${l})`,opacity:0},{}],{duration:s*c,easing:h});(i=u(e))==null||i.forEach(a=>{p(a,[{opacity:0},{opacity:0,offset:.25},{}],{duration:s*c,easing:h})}),r.finished.then(()=>n())}function $(e){e.style.removeProperty("pointer-events")}function F(e){e.style.pointerEvents="none"}async function A(e,n){var r;await new Promise(i=>requestAnimationFrame(i));const{x:t,y:o,scaleX:f,scaleY:l,speedFactor:c}=d(m.target,e);p(e,[{},{transform:`translate(${t}px, ${o}px) scale(${f}, ${l})`,opacity:0}],{duration:125*c,easing:H}).finished.then(()=>n()),(r=u(e))==null||r.forEach(i=>{p(i,[{},{opacity:0,offset:.25},{opacity:0}],{duration:250*c,easing:h})})}function B(e){e.style.removeProperty("pointer-events")}const X=L(()=>m.target?{css:!1,onBeforeEnter:P,onEnter:S,onAfterEnter:$,onBeforeLeave:F,onLeave:A,onAfterLeave:B}:{});return(e,n)=>(O(),M(k,T({name:"ev-menu-transition"},X.value),{default:j(()=>[D(e.$slots,"default")]),_:3},16))}});export{z as default};
+import{defineComponent as C,computed as L,createBlock as M,openBlock as O,Transition as k,mergeProps as T,withCtx as j,renderSlot as D}from"vue";import{animate as p,easingStandard as h,easingAccelerate as H}from"../../util/animate.mjs";import{Rect as x}from"../../util/dimensions.mjs";/*! Evance UI v1.1.52 | MIT License */const z=C({__name:"EvMenuTransition",props:{target:Object},setup(E){const m=E;function u(e){var t;const n=(t=e.querySelector(":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list"))==null?void 0:t.children;return n&&[...n]}function d(e,n){const t=x.fromElement(e),o=x.fromElement(n,!0),f=getComputedStyle(n),[l,c]=f.transformOrigin.split(" ").map(q=>parseFloat(q)),[s,r]=f.getPropertyValue("--ev-overlay-position").split(" ");let i=t.left;s==="center"||r==="center"?i+=t.width/2:(s==="right"||r==="right")&&(i+=t.width);let a=t.top;s==="center"||r==="center"?a+=t.height/2:(s==="bottom"||r==="bottom")&&(a+=t.height);const g=t.width/o.width,y=t.height/o.height,v=Math.max(1,g,y),Y=g/v||0,_=y/v||0,w=o.width*o.height/(window.innerWidth*window.innerHeight),b=w>.12?Math.min(1.5,(w-.12)*10+1):1;return{x:i-(l+o.left),y:a-(c+o.top),scaleX:Y,scaleY:_,speedFactor:b}}function P(e){e.style.pointerEvents="none",e.style.visibility="hidden"}async function S(e,n){var i;await new Promise(a=>requestAnimationFrame(a)),await new Promise(a=>requestAnimationFrame(a)),e.style.visibility="";const{x:t,y:o,scaleX:f,scaleY:l,speedFactor:c}=d(m.target,e),s=250,r=p(e,[{transform:`translate(${t}px, ${o}px) scale(${f}, ${l})`,opacity:0},{}],{duration:s*c,easing:h});(i=u(e))==null||i.forEach(a=>{p(a,[{opacity:0},{opacity:0,offset:.25},{}],{duration:s*c,easing:h})}),r.finished.then(()=>n())}function $(e){e.style.removeProperty("pointer-events")}function F(e){e.style.pointerEvents="none"}async function A(e,n){var r;await new Promise(i=>requestAnimationFrame(i));const{x:t,y:o,scaleX:f,scaleY:l,speedFactor:c}=d(m.target,e);p(e,[{},{transform:`translate(${t}px, ${o}px) scale(${f}, ${l})`,opacity:0}],{duration:125*c,easing:H}).finished.then(()=>n()),(r=u(e))==null||r.forEach(i=>{p(i,[{},{opacity:0,offset:.25},{opacity:0}],{duration:250*c,easing:h})})}function B(e){e.style.removeProperty("pointer-events")}const X=L(()=>m.target?{css:!1,onBeforeEnter:P,onEnter:S,onAfterEnter:$,onBeforeLeave:F,onLeave:A,onAfterLeave:B}:{});return(e,n)=>(O(),M(k,T({name:"ev-menu-transition"},X.value),{default:j(()=>[D(e.$slots,"default")]),_:3},16))}});export{z as default};
 //# sourceMappingURL=EvMenuTransition.vue.mjs.map

package/dist/esm/components/EvMenu/EvMenuTransition.vue2.mjs

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

package/dist/esm/components/EvMenu/shared.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.51 | MIT License */const o=Symbol.for("ev:menu");export{o as EvMenuSymbol};
+/*! Evance UI v1.1.52 | MIT License */const o=Symbol.for("ev:menu");export{o as EvMenuSymbol};
 //# sourceMappingURL=shared.mjs.map

package/dist/esm/components/EvMessage/EvMessage.mjs

@@ -1,2 +1,2 @@
-import{IconProp as o}from"../../composables/icons.mjs";import{makeTagProps as e}from"../../composables/tag.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{propsFactory as a}from"../../util/props.mjs";import{makeAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.51 | MIT License */const l=a({description:String,dismissDelay:{type:[Boolean,Number],default:0},dismissible:[Boolean,Object],expandable:Boolean,icon:o,modelValue:{type:[Boolean,Object],default:!0},title:String,actions:Array,...t({variant:"tonal"}),...e({tag:"section"}),...r()},"EvMessage");export{l as makeEvMessageProps};
+import{IconProp as o}from"../../composables/icons.mjs";import{makeTagProps as e}from"../../composables/tag.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{propsFactory as a}from"../../util/props.mjs";import{makeAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.52 | MIT License */const l=a({description:String,dismissDelay:{type:[Boolean,Number],default:0},dismissible:[Boolean,Object],expandable:Boolean,icon:o,modelValue:{type:[Boolean,Object],default:!0},title:String,actions:Array,...t({variant:"tonal"}),...e({tag:"section"}),...r()},"EvMessage");export{l as makeEvMessageProps};
 //# sourceMappingURL=EvMessage.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as B,useSlots as L,shallowRef as F,computed as r,withDirectives as I,createBlock as P,openBlock as n,resolveDynamicComponent as q,normalizeClass as k,unref as a,withCtx as v,createElementVNode as x,createElementBlock as i,createCommentVNode as c,createVNode as o,renderSlot as f,Transition as b,vShow as H,nextTick as C}from"vue";/* empty css               */import j from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import G from"../../icons/glyph/CancelIcon.svg.mjs";import O from"../../icons/glyph/ChevronDownIcon.svg.mjs";import E from"../EvButton/EvButton.vue.mjs";import{useModelProxy as R}from"../../composables/modelProxy.mjs";import{appearanceIcon as W}from"../../composables/icons.mjs";import{makeEvMessageProps as J}from"./EvMessage.mjs";import{useLocaleFunctions as K}from"../../composables/locale.mjs";import{hasSlotWithContent as D}from"../../composables/hasSlotWithContent.mjs";import Q from"../EvButtonGroup/EvButtonGroup.vue.mjs";import U from"../EvHeading/EvHeading.vue.mjs";/* empty css                          */import{makeClassName as X,appearanceModifier as Y}from"../../util/modifiers.mjs";import{isNumber as Z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.51 | MIT License */const ee={class:"ev-message--icon"},se={class:"ev-message--content"},te={key:0,class:"ev-message--expandable"},ae={key:0,class:"ev-message--description"},ne=["innerHTML"],oe={key:2,class:"ev-message--actions"},ie={key:0,class:"ev-message--expand"},le={key:0,class:"ev-message--dismiss"},De=B({__name:"EvMessage",props:{...J()},emits:["dismissed","click:dismiss","click:expand","update:modelValue"],setup(S,{emit:m}){const e=S,h=L(),g=D(h,"default"),_=D(h,"action"),d=R(e,"modelValue"),l=F(!1),{t:y}=K(),M=r(()=>e.icon?e.icon:W(e.appearance)),$=r(()=>(g.value||!!e.description||_.value||!!u.value.length)&&(!e.expandable||l.value)),w=r(()=>X(e.variant,"is-variant"));function z(){if(!e.dismissDelay)d.value=!1;else if(Z(e.dismissDelay)){const s=e.dismissDelay;setTimeout(()=>{d.value=!1,m("dismissed")},s)}m("click:dismiss")}function N(){l.value=!l.value,m("click:expand",l.value)}const u=r(()=>{if(!e.actions)return[];const s=[];for(const t of e.actions){const p={appearance:e.variant==="bold"?"inverse":e.appearance,variant:"link",size:"small"};s.push(Object.assign(p,t))}return s});function T(s){C(()=>{const t=s;t.style.height="auto";const p=getComputedStyle(t).height;t.style.height="0px",requestAnimationFrame(()=>{t.style.height=p})})}function V(s){const t=s;t.style.height="auto"}function A(s){C(()=>{const t=s;t.style.height=getComputedStyle(t).height,requestAnimationFrame(()=>{t.style.height="0px"})})}return(s,t)=>I((n(),P(q(e.tag),{class:k(["ev-message",w.value,a(Y)(e.appearance),e.class])},{default:v(()=>[x("div",ee,[f(s.$slots,"icon",{},()=>[o(j,{glyph:M.value},null,8,["glyph"])])]),x("div",se,[o(a(U),{class:"ev-message--title",size:"small",text:e.title},null,8,["text"]),o(b,{name:"transition-message",onBeforeEnter:T,onAfterEnter:V,onLeave:A},{default:v(()=>[$.value?(n(),i("div",te,[a(g)?(n(),i("div",ae,[f(s.$slots,"default")])):e.description?(n(),i("div",{key:1,class:"ev-message--description",innerHTML:e.description},null,8,ne)):c("",!0),a(_)||u.value.length?(n(),i("div",oe,[f(s.$slots,"actions",{},()=>[o(a(Q),{items:u.value},null,8,["items"])])])):c("",!0)])):c("",!0)]),_:3})]),e.expandable?(n(),i("div",ie,[o(E,{rounded:"",class:k([{"is-expanded":l.value}]),"aria-label":a(y)("expand"),icon:a(O),size:"small",variant:"subtle",onClick:N},null,8,["class","aria-label","icon"])])):c("",!0),o(b,{name:"transition-fade"},{default:v(()=>[e.dismissible?(n(),i("div",le,[o(E,{rounded:"","aria-label":a(y)("dismiss"),icon:a(G),size:"small",variant:"subtle",onClick:z},null,8,["aria-label","icon"])])):c("",!0)]),_:1})]),_:3},8,["class"])),[[H,a(d)]])}});export{De as default};
+import{defineComponent as B,useSlots as L,shallowRef as F,computed as r,withDirectives as I,createBlock as P,openBlock as n,resolveDynamicComponent as q,normalizeClass as k,unref as a,withCtx as v,createElementVNode as x,createElementBlock as i,createCommentVNode as c,createVNode as o,renderSlot as f,Transition as b,vShow as H,nextTick as C}from"vue";/* empty css               */import j from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import G from"../../icons/glyph/CancelIcon.svg.mjs";import O from"../../icons/glyph/ChevronDownIcon.svg.mjs";import E from"../EvButton/EvButton.vue.mjs";import{useModelProxy as R}from"../../composables/modelProxy.mjs";import{appearanceIcon as W}from"../../composables/icons.mjs";import{makeEvMessageProps as J}from"./EvMessage.mjs";import{useLocaleFunctions as K}from"../../composables/locale.mjs";import{hasSlotWithContent as D}from"../../composables/hasSlotWithContent.mjs";import Q from"../EvButtonGroup/EvButtonGroup.vue.mjs";import U from"../EvHeading/EvHeading.vue.mjs";/* empty css                          */import{makeClassName as X,appearanceModifier as Y}from"../../util/modifiers.mjs";import{isNumber as Z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.52 | MIT License */const ee={class:"ev-message--icon"},se={class:"ev-message--content"},te={key:0,class:"ev-message--expandable"},ae={key:0,class:"ev-message--description"},ne=["innerHTML"],oe={key:2,class:"ev-message--actions"},ie={key:0,class:"ev-message--expand"},le={key:0,class:"ev-message--dismiss"},De=B({__name:"EvMessage",props:{...J()},emits:["dismissed","click:dismiss","click:expand","update:modelValue"],setup(S,{emit:m}){const e=S,h=L(),g=D(h,"default"),_=D(h,"action"),d=R(e,"modelValue"),l=F(!1),{t:y}=K(),M=r(()=>e.icon?e.icon:W(e.appearance)),$=r(()=>(g.value||!!e.description||_.value||!!u.value.length)&&(!e.expandable||l.value)),w=r(()=>X(e.variant,"is-variant"));function z(){if(!e.dismissDelay)d.value=!1;else if(Z(e.dismissDelay)){const s=e.dismissDelay;setTimeout(()=>{d.value=!1,m("dismissed")},s)}m("click:dismiss")}function N(){l.value=!l.value,m("click:expand",l.value)}const u=r(()=>{if(!e.actions)return[];const s=[];for(const t of e.actions){const p={appearance:e.variant==="bold"?"inverse":e.appearance,variant:"link",size:"small"};s.push(Object.assign(p,t))}return s});function T(s){C(()=>{const t=s;t.style.height="auto";const p=getComputedStyle(t).height;t.style.height="0px",requestAnimationFrame(()=>{t.style.height=p})})}function V(s){const t=s;t.style.height="auto"}function A(s){C(()=>{const t=s;t.style.height=getComputedStyle(t).height,requestAnimationFrame(()=>{t.style.height="0px"})})}return(s,t)=>I((n(),P(q(e.tag),{class:k(["ev-message",w.value,a(Y)(e.appearance),e.class])},{default:v(()=>[x("div",ee,[f(s.$slots,"icon",{},()=>[o(j,{glyph:M.value},null,8,["glyph"])])]),x("div",se,[o(a(U),{class:"ev-message--title",size:"small",text:e.title},null,8,["text"]),o(b,{name:"transition-message",onBeforeEnter:T,onAfterEnter:V,onLeave:A},{default:v(()=>[$.value?(n(),i("div",te,[a(g)?(n(),i("div",ae,[f(s.$slots,"default")])):e.description?(n(),i("div",{key:1,class:"ev-message--description",innerHTML:e.description},null,8,ne)):c("",!0),a(_)||u.value.length?(n(),i("div",oe,[f(s.$slots,"actions",{},()=>[o(a(Q),{items:u.value},null,8,["items"])])])):c("",!0)])):c("",!0)]),_:3})]),e.expandable?(n(),i("div",ie,[o(E,{rounded:"",class:k([{"is-expanded":l.value}]),"aria-label":a(y)("expand"),icon:a(O),size:"small",variant:"subtle",onClick:N},null,8,["class","aria-label","icon"])])):c("",!0),o(b,{name:"transition-fade"},{default:v(()=>[e.dismissible?(n(),i("div",le,[o(E,{rounded:"","aria-label":a(y)("dismiss"),icon:a(G),size:"small",variant:"subtle",onClick:z},null,8,["aria-label","icon"])])):c("",!0)]),_:1})]),_:3},8,["class"])),[[H,a(d)]])}});export{De as default};
 //# sourceMappingURL=EvMessage.vue.mjs.map

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

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

package/dist/esm/components/EvNotification/EvNotification.mjs

@@ -1,2 +1,2 @@
-import{makeEvMessageProps as t}from"../EvMessage/EvMessage.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.51 | MIT License */const r=e({timeout:Number,zIndex:{type:[Number,String],default:2e3},...t({tag:"div",dismissible:!0,dismissDelay:!0,variant:"subtle"})},"EvNotification");export{r as makeEvNotificationProps};
+import{makeEvMessageProps as t}from"../EvMessage/EvMessage.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.52 | MIT License */const r=e({timeout:Number,zIndex:{type:[Number,String],default:2e3},...t({tag:"div",dismissible:!0,dismissDelay:!0,variant:"subtle"})},"EvNotification");export{r as makeEvNotificationProps};
 //# sourceMappingURL=EvNotification.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as k,useSlots as y,computed as P,toRef as S,watch as $,onMounted as C,createBlock as T,openBlock as V,unref as i,normalizeStyle as h,withCtx as t,createVNode as N,mergeProps as g,renderSlot as r}from"vue";/* empty css                    */import{makeEvNotificationProps as w}from"./EvNotification.mjs";import u from"../EvMessage/EvMessage.vue.mjs";import x from"../EvSurface/EvSurface.vue.mjs";import{useModelProxy as c}from"../../composables/modelProxy.mjs";import{useStack as z}from"../../composables/stack.mjs";import{omit as B,filterComponentProps as E}from"../../util/helpers.mjs";/*! Evance UI v1.1.51 | MIT License */const G=k({__name:"EvNotification",props:{...w()},emits:["dismiss","update:modelValue"],setup(f,{emit:p}){const e=f;y();const l=c(e,"modelValue"),o=c(e,"timeout"),d=P(()=>B(E(u,e),["modelValue"]));function m(){l.value=!1,p("dismiss")}const{stackStyles:v}=z(l,S(e,"zIndex"),!1);$(o,()=>{o.value?a():_()}),C(()=>{o.value&&a()});let n=null;function a(){n=setTimeout(()=>{m()},o.value)}function _(){clearTimeout(n)}return(s,M)=>(V(),T(i(x),{class:"ev-notification",role:"alert",rounded:"small",elevation:"overlay",style:h([i(v)])},{default:t(()=>[N(i(u),g(d.value,{"onClick:dismiss":m}),{icon:t(()=>[r(s.$slots,"icon")]),default:t(()=>[r(s.$slots,"default")]),actions:t(()=>[r(s.$slots,"actions")]),_:3},16)]),_:3},8,["style"]))}});export{G as default};
+import{defineComponent as k,useSlots as y,computed as P,toRef as S,watch as $,onMounted as C,createBlock as T,openBlock as V,unref as i,normalizeStyle as h,withCtx as t,createVNode as N,mergeProps as g,renderSlot as r}from"vue";/* empty css                    */import{makeEvNotificationProps as w}from"./EvNotification.mjs";import u from"../EvMessage/EvMessage.vue.mjs";import x from"../EvSurface/EvSurface.vue.mjs";import{useModelProxy as c}from"../../composables/modelProxy.mjs";import{useStack as z}from"../../composables/stack.mjs";import{omit as B,filterComponentProps as E}from"../../util/helpers.mjs";/*! Evance UI v1.1.52 | MIT License */const G=k({__name:"EvNotification",props:{...w()},emits:["dismiss","update:modelValue"],setup(f,{emit:p}){const e=f;y();const l=c(e,"modelValue"),o=c(e,"timeout"),d=P(()=>B(E(u,e),["modelValue"]));function m(){l.value=!1,p("dismiss")}const{stackStyles:v}=z(l,S(e,"zIndex"),!1);$(o,()=>{o.value?a():_()}),C(()=>{o.value&&a()});let n=null;function a(){n=setTimeout(()=>{m()},o.value)}function _(){clearTimeout(n)}return(s,M)=>(V(),T(i(x),{class:"ev-notification",role:"alert",rounded:"small",elevation:"overlay",style:h([i(v)])},{default:t(()=>[N(i(u),g(d.value,{"onClick:dismiss":m}),{icon:t(()=>[r(s.$slots,"icon")]),default:t(()=>[r(s.$slots,"default")]),actions:t(()=>[r(s.$slots,"actions")]),_:3},16)]),_:3},8,["style"]))}});export{G as default};
 //# sourceMappingURL=EvNotification.vue.mjs.map

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

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

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

@@ -1,2 +1,2 @@
-import{defineComponent as c,shallowRef as u,computed as d,createBlock as s,openBlock as t,Teleport as f,unref as o,createVNode as _,TransitionGroup as v,normalizeStyle as g,withCtx as r,createElementBlock as x,Fragment as y,renderList as k,mergeProps as T,resolveDynamicComponent as i}from"vue";/* empty css                     */import b from"../EvNotification/EvNotification.vue.mjs";import{useTeleport as h}from"../../composables/teleport.mjs";import{injectNotifications as z}from"../../composables/notification.mjs";import{getLastZIndex as B}from"../../composables/stack.mjs";/*! Evance UI v1.1.51 | MIT License */const G=c({__name:"EvNotifications",setup(C){const l=h(u(!1)),n=z(),a=n.notifications,p=d(()=>B()??2e3);return(D,I)=>(t(),s(f,{to:o(l)},[_(v,{name:"transition-notification",class:"ev-notifications",tag:"div",style:g({zIndex:p.value})},{default:r(()=>[(t(!0),x(y,null,k(o(a),(e,m)=>(t(),s(o(b),T({key:e.id},e.props,{dismissible:m===0?e.props.dismissible:!1,timeout:m===0?e.props.timeout:void 0,onDismiss:N=>o(n).dismiss(e.id)}),{icon:r(()=>[(t(),s(i(e.slots.icon)))]),default:r(()=>[(t(),s(i(e.slots.default)))]),actions:r(()=>[(t(),s(i(e.slots.actions)))]),_:2},1040,["dismissible","timeout","onDismiss"]))),128))]),_:1},8,["style"])],8,["to"]))}});export{G as default};
+import{defineComponent as c,shallowRef as u,computed as d,createBlock as s,openBlock as t,Teleport as f,unref as o,createVNode as _,TransitionGroup as v,normalizeStyle as g,withCtx as r,createElementBlock as x,Fragment as y,renderList as k,mergeProps as T,resolveDynamicComponent as i}from"vue";/* empty css                     */import b from"../EvNotification/EvNotification.vue.mjs";import{useTeleport as h}from"../../composables/teleport.mjs";import{injectNotifications as z}from"../../composables/notification.mjs";import{getLastZIndex as B}from"../../composables/stack.mjs";/*! Evance UI v1.1.52 | MIT License */const G=c({__name:"EvNotifications",setup(C){const l=h(u(!1)),n=z(),a=n.notifications,p=d(()=>B()??2e3);return(D,I)=>(t(),s(f,{to:o(l)},[_(v,{name:"transition-notification",class:"ev-notifications",tag:"div",style:g({zIndex:p.value})},{default:r(()=>[(t(!0),x(y,null,k(o(a),(e,m)=>(t(),s(o(b),T({key:e.id},e.props,{dismissible:m===0?e.props.dismissible:!1,timeout:m===0?e.props.timeout:void 0,onDismiss:N=>o(n).dismiss(e.id)}),{icon:r(()=>[(t(),s(i(e.slots.icon)))]),default:r(()=>[(t(),s(i(e.slots.default)))]),actions:r(()=>[(t(),s(i(e.slots.actions)))]),_:2},1040,["dismissible","timeout","onDismiss"]))),128))]),_:1},8,["style"])],8,["to"]))}});export{G as default};
 //# sourceMappingURL=EvNotifications.vue.mjs.map

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

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

package/dist/esm/components/EvNotifications/EvNotificationsManager.mjs

@@ -1,2 +1,2 @@
-var d=Object.defineProperty;var l=(i,s,t)=>s in i?d(i,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[s]=t;var r=(i,s,t)=>l(i,typeof s!="symbol"?s+"":s,t);import{ref as u,isRef as m,shallowRef as f,watch as h,h as p}from"vue";/*! Evance UI v1.1.51 | MIT License */class x{constructor(){r(this,"notifications",u([]));r(this,"num",0)}add(s,t){const e=++this.num,n=this.createProps(e,s),o=this.createSlots(t);return this.notifications.value.unshift({id:e,props:n,slots:o}),{id:e,dismiss:()=>{this.dismiss(e)}}}createProps(s,t){const e=m(t.modelValue)?t.modelValue:f(!0);return h(e,()=>{this.dismiss(s)}),Object.assign(t,{modelValue:e})}createSlots(s){const t=s??{},e={};for(const n in t){const o=t[n];e[n]=(a,c)=>p(o,a,c)}return e}dismiss(s){const t=this.notifications.value.findIndex(e=>e.id===s);this.notifications.value.splice(t,1)}}export{x as EvNotificationsManager};
+var d=Object.defineProperty;var l=(i,s,t)=>s in i?d(i,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[s]=t;var r=(i,s,t)=>l(i,typeof s!="symbol"?s+"":s,t);import{ref as u,isRef as m,shallowRef as f,watch as h,h as p}from"vue";/*! Evance UI v1.1.52 | MIT License */class x{constructor(){r(this,"notifications",u([]));r(this,"num",0)}add(s,t){const e=++this.num,n=this.createProps(e,s),o=this.createSlots(t);return this.notifications.value.unshift({id:e,props:n,slots:o}),{id:e,dismiss:()=>{this.dismiss(e)}}}createProps(s,t){const e=m(t.modelValue)?t.modelValue:f(!0);return h(e,()=>{this.dismiss(s)}),Object.assign(t,{modelValue:e})}createSlots(s){const t=s??{},e={};for(const n in t){const o=t[n];e[n]=(a,c)=>p(o,a,c)}return e}dismiss(s){const t=this.notifications.value.findIndex(e=>e.id===s);this.notifications.value.splice(t,1)}}export{x as EvNotificationsManager};
 //# sourceMappingURL=EvNotificationsManager.mjs.map

package/dist/esm/components/EvNumber/EvNumber.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as r}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.51 | MIT License */const e=o({prefix:String,suffix:String,format:Object,value:[Number,String],duration:Number,...r()},"EvNumber");export{e as makeEvNumberProps};
+import{makeComponentProps as r}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.52 | MIT License */const e=o({prefix:String,suffix:String,format:Object,value:[Number,String],duration:Number,...r()},"EvNumber");export{e as makeEvNumberProps};
 //# sourceMappingURL=EvNumber.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as d,computed as a,createElementBlock as o,openBlock as t,normalizeStyle as b,normalizeClass as l,createVNode as g,TransitionGroup as _,mergeProps as k,unref as x,withCtx as N,Fragment as u,renderList as P,createBlock as E,toDisplayString as B}from"vue";/* empty css              */import{makeEvNumberProps as C}from"./EvNumber.mjs";import F from"./EvNumberDigit.vue.mjs";import L from"../EvTransition/transitions/expandTransition.mjs";import{useLocaleManager as S}from"../../composables/locale.mjs";import{splitNumberToParts as T}from"../../util/numbers.mjs";/*! Evance UI v1.1.51 | MIT License */const V=d({__name:"EvNumber",props:{...C()},setup(i){const e=i,m=S(),c=a(()=>new Intl.NumberFormat(m.currentLocale.value,e.format)),n=a(()=>T(parseFloat(e.value.toString()),c.value,e.prefix,e.suffix)),p=a(()=>[...n.value.start,...n.value.integer,...n.value.fraction,...n.value.end]);function f(s){return s.type==="integer"||s.type==="fraction"}const v=L("",!0),y=a(()=>e.duration??500);return(s,$)=>(t(),o("span",{class:l(["ev-number",e.class]),style:b([e.style,{"--ev-number-duration":y.value+"ms"}])},[g(_,k({name:"ev-number-transition"},x(v)),{default:N(()=>[(t(!0),o(u,null,P(p.value,r=>(t(),o(u,{key:r.key},[f(r)?(t(),E(F,{key:0,value:r.value,class:l(`is-${r.type}`)},null,8,["value","class"])):(t(),o("span",{key:1,class:l(["ev-number-symbol",`is-${r.type}`])},B(r.value),3))],64))),128))]),_:1},16)],6))}});export{V as default};
+import{defineComponent as d,computed as a,createElementBlock as o,openBlock as t,normalizeStyle as b,normalizeClass as l,createVNode as g,TransitionGroup as _,mergeProps as k,unref as x,withCtx as N,Fragment as u,renderList as P,createBlock as E,toDisplayString as B}from"vue";/* empty css              */import{makeEvNumberProps as C}from"./EvNumber.mjs";import F from"./EvNumberDigit.vue.mjs";import L from"../EvTransition/transitions/expandTransition.mjs";import{useLocaleManager as S}from"../../composables/locale.mjs";import{splitNumberToParts as T}from"../../util/numbers.mjs";/*! Evance UI v1.1.52 | MIT License */const V=d({__name:"EvNumber",props:{...C()},setup(i){const e=i,m=S(),c=a(()=>new Intl.NumberFormat(m.currentLocale.value,e.format)),n=a(()=>T(parseFloat(e.value.toString()),c.value,e.prefix,e.suffix)),p=a(()=>[...n.value.start,...n.value.integer,...n.value.fraction,...n.value.end]);function f(s){return s.type==="integer"||s.type==="fraction"}const v=L("",!0),y=a(()=>e.duration??500);return(s,$)=>(t(),o("span",{class:l(["ev-number",e.class]),style:b([e.style,{"--ev-number-duration":y.value+"ms"}])},[g(_,k({name:"ev-number-transition"},x(v)),{default:N(()=>[(t(!0),o(u,null,P(p.value,r=>(t(),o(u,{key:r.key},[f(r)?(t(),E(F,{key:0,value:r.value,class:l(`is-${r.type}`)},null,8,["value","class"])):(t(),o("span",{key:1,class:l(["ev-number-symbol",`is-${r.type}`])},B(r.value),3))],64))),128))]),_:1},16)],6))}});export{V as default};
 //# sourceMappingURL=EvNumber.vue.mjs.map

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

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

package/dist/esm/components/EvNumber/EvNumberDigit.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as d,ref as u,watch as p,computed as f,onMounted as _,createElementBlock as a,openBlock as s,createElementVNode as g,normalizeStyle as i,Fragment as y,renderList as h,unref as b,toDisplayString as k}from"vue";/*! Evance UI v1.1.51 | MIT License */const E={class:"ev-number-digit"},S=["inert"],x=d({__name:"EvNumberDigit",props:{value:{}},setup(c){const r=c,m=Array.from({length:10},(t,l)=>l),e=u(0),o=u(0);p(()=>r.value,t=>{o.value=e.value,e.value=t});const v=f(()=>({transform:`translateY(-${e.value*1}em)`,transition:"transform var(--ev-number-duration, 0.5s) var(--easing-standard)",willChange:"transform"}));return _(()=>{o.value=e.value,e.value=r.value}),(t,l)=>(s(),a("span",E,[g("span",{class:"ev-number-digit--stack",style:i(v.value)},[(s(!0),a(y,null,h(b(m),n=>(s(),a("span",{key:n,class:"ev-number-digit--num",inert:r.value!==n,style:i({"--n":n})},k(n),13,S))),128))],4)]))}});export{x as default};
+import{defineComponent as d,ref as u,watch as p,computed as f,onMounted as _,createElementBlock as a,openBlock as s,createElementVNode as g,normalizeStyle as i,Fragment as y,renderList as h,unref as b,toDisplayString as k}from"vue";/*! Evance UI v1.1.52 | MIT License */const E={class:"ev-number-digit"},S=["inert"],x=d({__name:"EvNumberDigit",props:{value:{}},setup(c){const r=c,m=Array.from({length:10},(t,l)=>l),e=u(0),o=u(0);p(()=>r.value,t=>{o.value=e.value,e.value=t});const v=f(()=>({transform:`translateY(-${e.value*1}em)`,transition:"transform var(--ev-number-duration, 0.5s) var(--easing-standard)",willChange:"transform"}));return _(()=>{o.value=e.value,e.value=r.value}),(t,l)=>(s(),a("span",E,[g("span",{class:"ev-number-digit--stack",style:i(v.value)},[(s(!0),a(y,null,h(b(m),n=>(s(),a("span",{key:n,class:"ev-number-digit--num",inert:r.value!==n,style:i({"--n":n})},k(n),13,S))),128))],4)]))}});export{x as default};
 //# sourceMappingURL=EvNumberDigit.vue.mjs.map

package/dist/esm/components/EvNumber/EvNumberDigit.vue2.mjs

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

package/dist/esm/components/EvNumberField/EvNumberField.mjs

@@ -1,2 +1,2 @@
-var i=Object.defineProperty;var s=(n,t,r)=>t in n?i(n,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[t]=r;var a=(n,t,r)=>s(n,typeof t!="symbol"?t+"":t,r);import{makeEvTextfieldProps as o}from"../EvTextfield/EvTextfield.mjs";import{watch as u}from"vue";import{mathEval as c}from"../../util/math.mjs";import{propsFactory as p}from"../../util/props.mjs";import{omit as m}from"../../util/helpers.mjs";import{isEmpty as l}from"../../util/is-functions.mjs";/*! Evance UI v1.1.51 | MIT License */const N=p({minFractionDigits:Number,maxFractionDigits:Number,currency:String,currencyDisplay:{type:String,default:"narrowSymbol"},locale:String,localeMatcher:String,min:{type:Number,default:void 0},max:{type:Number,default:void 0},mode:{type:String,default:"decimal"},showButtons:Boolean,step:{type:Number,default:1},useGrouping:Boolean,...m(o(),["type"])},"EvNumberField");class D{constructor(t,r){a(this,"_currencyPattern");a(this,"_decimalPattern");a(this,"_groupPattern");a(this,"_minusSignPattern");a(this,"_numberFormat");a(this,"_numerals");a(this,"_numeralsIndex");a(this,"_numeralPattern");a(this,"_prefixPattern");a(this,"_suffixPattern");this.localeManager=t,this.props=r,this.cachePatterns(),this.watchProps()}cachePatterns(){this._numberFormat=new Intl.NumberFormat(this.locale,this.options),this._numerals=this.createNumerals(),this._numeralsIndex=this.createNumeralsIndex(),this._numeralPattern=this.createNumeralPattern(),this._groupPattern=this.createGroupPattern(),this._minusSignPattern=this.createMinusSignPattern(),this._currencyPattern=this.createCurrencyPattern(),this._decimalPattern=this.createDecimalPattern(),this._suffixPattern=this.createSuffixPattern(),this._prefixPattern=this.createPrefixPattern()}get currencyPattern(){return this._currencyPattern}get decimalPattern(){return this._decimalPattern}get groupChar(){return new Intl.NumberFormat(this.locale,{useGrouping:!0}).format(1e6).trim().replace(this.numeralPattern,"").charAt(0)}get groupPattern(){return this._groupPattern}get locale(){return this.props.locale??this.localeManager.currentLocale.value}get minusSignPattern(){return this._minusSignPattern}get numberFormat(){return this._numberFormat}get numerals(){return this._numerals}get numeralsIndex(){return this._numeralsIndex}get numeralPattern(){return this._numeralPattern}get options(){return{localeMatcher:"best fit",style:this.props.mode,currency:this.props.currency,currencyDisplay:this.props.currencyDisplay,useGrouping:this.props.useGrouping,minimumFractionDigits:this.props.minFractionDigits,maximumFractionDigits:this.props.maxFractionDigits}}get prefixChar(){const t={style:this.props.mode,currency:this.props.currency,currencyDisplay:this.props.currencyDisplay};return new Intl.NumberFormat(this.locale,t).format(1).split("1")[0]}get prefixPattern(){return this._prefixPattern}get suffixChar(){const t={style:this.props.mode,currency:this.props.currency,currencyDisplay:this.props.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0};return new Intl.NumberFormat(this.locale,t).format(1).split("1")[1]}get suffixPattern(){return this._suffixPattern}createCurrencyPattern(){if(!this.props.currency)return new RegExp("[]","g");const t={style:"currency",currency:this.props.currency,currencyDisplay:this.props.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0},r=new Intl.NumberFormat(this.locale,t);return new RegExp(`[${r.format(1).replace(/\s/g,"").replace(this.numeralPattern,"").replace(this.groupPattern,"")}]`,"g")}createDecimalPattern(){const t=new Intl.NumberFormat(this.locale,{...this.options,useGrouping:!1});return new RegExp(`[${t.format(1.1).replace(this.currencyPattern,"").trim().replace(this.numeralPattern,"")}]`,"g")}createGroupPattern(){return new RegExp(`[${this.groupChar}]`,"g")}createMinusSignPattern(){const t=new Intl.NumberFormat(this.locale,{useGrouping:!1});return new RegExp(`[${t.format(-1).trim().replace(this.numeralPattern,"")}]`,"g")}createNumerals(){return[...new Intl.NumberFormat(this.locale,{useGrouping:!1}).format(9876543210)].reverse()}createNumeralsIndex(){const t=new Map(this.numerals.map((r,e)=>[r,e]));return r=>{var e;return((e=t.get(r))==null?void 0:e.toString())??""}}createNumeralPattern(){return new RegExp(`[${this.numerals.join("")}]`,"g")}createPrefixPattern(){return new RegExp(`${this.escapeRegExp(this.prefixChar||"")}`,"g")}createSuffixPattern(){return new RegExp(`${this.escapeRegExp(this.suffixChar||"")}`,"g")}escapeRegExp(t){return t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")}formatValue(t){return l(t)?"":t==="-"?t:new Intl.NumberFormat(this.locale,this.options).format(t)}parseValue(t){t==null&&(t="");const r=t.replace(this.suffixPattern,"").replace(this.prefixPattern,"").trim().replace(this.currencyPattern,"").replace(this.groupPattern,"").replace(this.minusSignPattern,"-").replace(this.decimalPattern,".").replace(this.numeralPattern,this.numeralsIndex);if(!r)return null;if(r==="-")return r;let e;if(/^[-+*/.\d\s()]+$/.test(r))try{e=c(`(${r})`)}catch{e=+r}else e=+r;return isNaN(e)?null:e}watchProps(){u([this.localeManager.currentLocale,()=>this.props.locale,()=>this.props.localeMatcher,()=>this.props.mode,()=>this.props.currency,()=>this.props.currencyDisplay,()=>this.props.useGrouping,()=>this.props.minFractionDigits,()=>this.props.maxFractionDigits],(t,r)=>{t!==r&&this.cachePatterns()})}}export{D as NumberParser,N as makeEvNumberFieldProps};
+var i=Object.defineProperty;var s=(n,t,r)=>t in n?i(n,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[t]=r;var a=(n,t,r)=>s(n,typeof t!="symbol"?t+"":t,r);import{makeEvTextfieldProps as o}from"../EvTextfield/EvTextfield.mjs";import{watch as u}from"vue";import{mathEval as c}from"../../util/math.mjs";import{propsFactory as p}from"../../util/props.mjs";import{omit as m}from"../../util/helpers.mjs";import{isEmpty as l}from"../../util/is-functions.mjs";/*! Evance UI v1.1.52 | MIT License */const N=p({minFractionDigits:Number,maxFractionDigits:Number,currency:String,currencyDisplay:{type:String,default:"narrowSymbol"},locale:String,localeMatcher:String,min:{type:Number,default:void 0},max:{type:Number,default:void 0},mode:{type:String,default:"decimal"},showButtons:Boolean,step:{type:Number,default:1},useGrouping:Boolean,...m(o(),["type"])},"EvNumberField");class D{constructor(t,r){a(this,"_currencyPattern");a(this,"_decimalPattern");a(this,"_groupPattern");a(this,"_minusSignPattern");a(this,"_numberFormat");a(this,"_numerals");a(this,"_numeralsIndex");a(this,"_numeralPattern");a(this,"_prefixPattern");a(this,"_suffixPattern");this.localeManager=t,this.props=r,this.cachePatterns(),this.watchProps()}cachePatterns(){this._numberFormat=new Intl.NumberFormat(this.locale,this.options),this._numerals=this.createNumerals(),this._numeralsIndex=this.createNumeralsIndex(),this._numeralPattern=this.createNumeralPattern(),this._groupPattern=this.createGroupPattern(),this._minusSignPattern=this.createMinusSignPattern(),this._currencyPattern=this.createCurrencyPattern(),this._decimalPattern=this.createDecimalPattern(),this._suffixPattern=this.createSuffixPattern(),this._prefixPattern=this.createPrefixPattern()}get currencyPattern(){return this._currencyPattern}get decimalPattern(){return this._decimalPattern}get groupChar(){return new Intl.NumberFormat(this.locale,{useGrouping:!0}).format(1e6).trim().replace(this.numeralPattern,"").charAt(0)}get groupPattern(){return this._groupPattern}get locale(){return this.props.locale??this.localeManager.currentLocale.value}get minusSignPattern(){return this._minusSignPattern}get numberFormat(){return this._numberFormat}get numerals(){return this._numerals}get numeralsIndex(){return this._numeralsIndex}get numeralPattern(){return this._numeralPattern}get options(){return{localeMatcher:"best fit",style:this.props.mode,currency:this.props.currency,currencyDisplay:this.props.currencyDisplay,useGrouping:this.props.useGrouping,minimumFractionDigits:this.props.minFractionDigits,maximumFractionDigits:this.props.maxFractionDigits}}get prefixChar(){const t={style:this.props.mode,currency:this.props.currency,currencyDisplay:this.props.currencyDisplay};return new Intl.NumberFormat(this.locale,t).format(1).split("1")[0]}get prefixPattern(){return this._prefixPattern}get suffixChar(){const t={style:this.props.mode,currency:this.props.currency,currencyDisplay:this.props.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0};return new Intl.NumberFormat(this.locale,t).format(1).split("1")[1]}get suffixPattern(){return this._suffixPattern}createCurrencyPattern(){if(!this.props.currency)return new RegExp("[]","g");const t={style:"currency",currency:this.props.currency,currencyDisplay:this.props.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0},r=new Intl.NumberFormat(this.locale,t);return new RegExp(`[${r.format(1).replace(/\s/g,"").replace(this.numeralPattern,"").replace(this.groupPattern,"")}]`,"g")}createDecimalPattern(){const t=new Intl.NumberFormat(this.locale,{...this.options,useGrouping:!1});return new RegExp(`[${t.format(1.1).replace(this.currencyPattern,"").trim().replace(this.numeralPattern,"")}]`,"g")}createGroupPattern(){return new RegExp(`[${this.groupChar}]`,"g")}createMinusSignPattern(){const t=new Intl.NumberFormat(this.locale,{useGrouping:!1});return new RegExp(`[${t.format(-1).trim().replace(this.numeralPattern,"")}]`,"g")}createNumerals(){return[...new Intl.NumberFormat(this.locale,{useGrouping:!1}).format(9876543210)].reverse()}createNumeralsIndex(){const t=new Map(this.numerals.map((r,e)=>[r,e]));return r=>{var e;return((e=t.get(r))==null?void 0:e.toString())??""}}createNumeralPattern(){return new RegExp(`[${this.numerals.join("")}]`,"g")}createPrefixPattern(){return new RegExp(`${this.escapeRegExp(this.prefixChar||"")}`,"g")}createSuffixPattern(){return new RegExp(`${this.escapeRegExp(this.suffixChar||"")}`,"g")}escapeRegExp(t){return t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")}formatValue(t){return l(t)?"":t==="-"?t:new Intl.NumberFormat(this.locale,this.options).format(t)}parseValue(t){t==null&&(t="");const r=t.replace(this.suffixPattern,"").replace(this.prefixPattern,"").trim().replace(this.currencyPattern,"").replace(this.groupPattern,"").replace(this.minusSignPattern,"-").replace(this.decimalPattern,".").replace(this.numeralPattern,this.numeralsIndex);if(!r)return null;if(r==="-")return r;let e;if(/^[-+*/.\d\s()]+$/.test(r))try{e=c(`(${r})`)}catch{e=+r}else e=+r;return isNaN(e)?null:e}watchProps(){u([this.localeManager.currentLocale,()=>this.props.locale,()=>this.props.localeMatcher,()=>this.props.mode,()=>this.props.currency,()=>this.props.currencyDisplay,()=>this.props.useGrouping,()=>this.props.minFractionDigits,()=>this.props.maxFractionDigits],(t,r)=>{t!==r&&this.cachePatterns()})}}export{D as NumberParser,N as makeEvNumberFieldProps};
 //# sourceMappingURL=EvNumberField.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as W,useSlots as X,ref as Y,computed as v,shallowRef as Z,watch as B,createBlock as F,openBlock as k,unref as s,mergeProps as _,createSlots as ee,withCtx as M,renderSlot as $,createTextVNode as T,toDisplayString as P,createCommentVNode as K,withModifiers as y,withKeys as A,nextTick as te}from"vue";/* empty css                   */import{makeEvNumberFieldProps as ne,NumberParser as oe}from"./EvNumberField.mjs";import C from"../EvTextfield/EvTextfield.vue.mjs";import S from"../EvButton/EvButton.vue.mjs";import re from"../../icons/glyph/MinusIcon.svg.mjs";import le from"../../icons/glyph/PlusIcon.svg.mjs";import{useLocaleManager as ae}from"../../composables/locale.mjs";import{useFormField as ie}from"../../composables/validation.mjs";import{omit as ue,filterComponentProps as se}from"../../util/helpers.mjs";import{isEmpty as m}from"../../util/is-functions.mjs";/*! Evance UI v1.1.51 | MIT License */const me=100,fe=.25,ke=W({__name:"EvNumberField",props:{...ne()},setup(E){const n=E,w=ae(),V=X(),R=Y(),N=v(()=>ue(se(C,n),["modelValue","name"])),a=new oe(w,n),l=ie(n).model,r=Z();r.value=a.formatValue(l.value),B(l,()=>{r.value=a.formatValue(l.value)}),B([w.currentLocale,()=>n.locale,()=>n.localeMatcher,()=>n.mode,()=>n.currency,()=>n.currencyDisplay,()=>n.useGrouping,()=>n.minFractionDigits,()=>n.maxFractionDigits],(e,t)=>{e!==t&&(r.value=a.formatValue(l.value))});const x=v(()=>n.min??null),D=v(()=>n.max??null),b=v(()=>n.step??1);let I=null,g=!1;function L(e){const t={useGrouping:!1,minimumFractionDigits:0,maximumFractionDigits:20},o=w.numberFormatter.formatter(t).formatToParts(e).find(u=>u.type==="fraction");return o?o.value.length:0}function f(e){if(m(e))return e??null;typeof e=="string"&&(e=parseFloat(e)),z(e)?e=x.value:U(e)&&(e=D.value);const t=L(e);return!m(n.minFractionDigits)&&t<n.minFractionDigits&&(e=parseFloat(e.toFixed(n.minFractionDigits))),!m(n.maxFractionDigits)&&t>n.maxFractionDigits&&(e=parseFloat(e.toFixed(n.maxFractionDigits))),e}function U(e){return D.value!==null&&D.value<e}function z(e){return x.value!==null&&x.value>e}function G(e){r.value==="-"&&(r.value="");const t=a.parseValue(r.value),o=f(t);r.value=a.formatValue(o),l.value=a.parseValue(r.value)}function h(e){n.readonly||(r.value=m(l.value)?"":l.value.toString())}function H(e){if(["Backspace","Delete","Home","End","ArrowLeft","ArrowRight","Tab"].includes(e.key))return;if(e.key==="ArrowUp"){e.preventDefault(),p(1);return}if(e.key==="ArrowDown"){e.preventDefault(),p(-1);return}if(e.key==="Enter"){e.preventDefault();const d=a.parseValue(r.value),c=f(d);l.value=c,te(()=>{r.value=m(c)?"":c.toString()});return}const o=e.key==="v"&&e.ctrlKey;!new RegExp("[0-9 +-/()*]").test(e.key)&&!o&&e.preventDefault()}function j(e){(e.code==="ArrowUp"||e.code==="ArrowDown")&&e.preventDefault(),i()}function q(e){var o;e.preventDefault();const t=(o=e.clipboardData)==null?void 0:o.getData("Text");if(t){const u=a.parseValue(t),d=f(u);r.value=m(d)?"":d.toString(),l.value=d}}function p(e){if(g||n.readonly)return;g=!0;let t;m(l.value)?t=x.value??0:t=f(l.value+e*b.value),r.value=a.formatValue(t);const o=Date.now();let u=b.value;I=setInterval(()=>{const c=(Date.now()-o)/1e3;if(c<fe)return;const Q=Math.floor(Math.pow(2,c-1));u=b.value*Q,t=f(t+e*u),r.value=a.formatValue(t)},me)}function i(){if(g){clearInterval(I);const e=a.parseValue(r.value);l.value=f(e),g=!1}}const J=v(()=>n.showButtons||V.prefix||n.prefix),O=v(()=>n.showButtons||V.suffix||n.suffix);return(e,t)=>(k(),F(s(C),_({ref_key:"evTextfieldRef",ref:R},N.value,{modelValue:r.value,"onUpdate:modelValue":t[10]||(t[10]=o=>r.value=o),"validation-value":s(l),class:"ev-number-field",type:"text",onPaste:q,onBlur:G,onFocus:h,onKeydown:H,onKeyup:j}),ee({_:2},[n.label||s(V).label?{name:"label",fn:M(()=>[$(e.$slots,"label",{},()=>[T(P(n.label),1)])]),key:"0"}:void 0,J.value?{name:"prefix",fn:M(()=>[n.showButtons?(k(),F(s(S),{key:0,rounded:n.rounded,size:"x-small",class:"ev-number-field--minus",variant:"subtle",icon:s(re),disabled:n.readonly||n.disabled,onKeydown:t[0]||(t[0]=A(o=>p(-1),["space","enter"])),onKeyup:t[1]||(t[1]=o=>i()),onClick:y(()=>{},["prevent","stop"]),onMousedown:t[2]||(t[2]=y(o=>p(-1),["prevent","stop"])),onMouseup:t[3]||(t[3]=y(o=>i(),["prevent","stop"])),onMouseleave:t[4]||(t[4]=o=>i())},null,8,["rounded","icon","disabled","onClick"])):K("",!0),$(e.$slots,"prefix",{},()=>[T(P(n.prefix),1)])]),key:"1"}:void 0,O.value?{name:"suffix",fn:M(()=>[$(e.$slots,"suffix",{},()=>[T(P(n.suffix),1)]),n.showButtons?(k(),F(s(S),{key:0,rounded:n.rounded,size:"x-small",class:"ev-number-field--plus",variant:"subtle",icon:s(le),disabled:n.readonly||n.disabled,onKeydown:t[5]||(t[5]=A(o=>p(1),["space","enter"])),onKeyup:t[6]||(t[6]=o=>i()),onClick:y(()=>{},["prevent","stop"]),onMousedown:t[7]||(t[7]=y(o=>p(1),["prevent","stop"])),onMouseup:t[8]||(t[8]=y(o=>i(),["prevent","stop"])),onMouseleave:t[9]||(t[9]=o=>i())},null,8,["rounded","icon","disabled","onClick"])):K("",!0)]),key:"2"}:void 0]),1040,["modelValue","validation-value"]))}});export{ke as default};
+import{defineComponent as W,useSlots as X,ref as Y,computed as v,shallowRef as Z,watch as B,createBlock as F,openBlock as k,unref as s,mergeProps as _,createSlots as ee,withCtx as M,renderSlot as $,createTextVNode as T,toDisplayString as P,createCommentVNode as K,withModifiers as y,withKeys as A,nextTick as te}from"vue";/* empty css                   */import{makeEvNumberFieldProps as ne,NumberParser as oe}from"./EvNumberField.mjs";import C from"../EvTextfield/EvTextfield.vue.mjs";import S from"../EvButton/EvButton.vue.mjs";import re from"../../icons/glyph/MinusIcon.svg.mjs";import le from"../../icons/glyph/PlusIcon.svg.mjs";import{useLocaleManager as ae}from"../../composables/locale.mjs";import{useFormField as ie}from"../../composables/validation.mjs";import{omit as ue,filterComponentProps as se}from"../../util/helpers.mjs";import{isEmpty as m}from"../../util/is-functions.mjs";/*! Evance UI v1.1.52 | MIT License */const me=100,fe=.25,ke=W({__name:"EvNumberField",props:{...ne()},setup(E){const n=E,w=ae(),V=X(),R=Y(),N=v(()=>ue(se(C,n),["modelValue","name"])),a=new oe(w,n),l=ie(n).model,r=Z();r.value=a.formatValue(l.value),B(l,()=>{r.value=a.formatValue(l.value)}),B([w.currentLocale,()=>n.locale,()=>n.localeMatcher,()=>n.mode,()=>n.currency,()=>n.currencyDisplay,()=>n.useGrouping,()=>n.minFractionDigits,()=>n.maxFractionDigits],(e,t)=>{e!==t&&(r.value=a.formatValue(l.value))});const x=v(()=>n.min??null),D=v(()=>n.max??null),b=v(()=>n.step??1);let I=null,g=!1;function L(e){const t={useGrouping:!1,minimumFractionDigits:0,maximumFractionDigits:20},o=w.numberFormatter.formatter(t).formatToParts(e).find(u=>u.type==="fraction");return o?o.value.length:0}function f(e){if(m(e))return e??null;typeof e=="string"&&(e=parseFloat(e)),z(e)?e=x.value:U(e)&&(e=D.value);const t=L(e);return!m(n.minFractionDigits)&&t<n.minFractionDigits&&(e=parseFloat(e.toFixed(n.minFractionDigits))),!m(n.maxFractionDigits)&&t>n.maxFractionDigits&&(e=parseFloat(e.toFixed(n.maxFractionDigits))),e}function U(e){return D.value!==null&&D.value<e}function z(e){return x.value!==null&&x.value>e}function G(e){r.value==="-"&&(r.value="");const t=a.parseValue(r.value),o=f(t);r.value=a.formatValue(o),l.value=a.parseValue(r.value)}function h(e){n.readonly||(r.value=m(l.value)?"":l.value.toString())}function H(e){if(["Backspace","Delete","Home","End","ArrowLeft","ArrowRight","Tab"].includes(e.key))return;if(e.key==="ArrowUp"){e.preventDefault(),p(1);return}if(e.key==="ArrowDown"){e.preventDefault(),p(-1);return}if(e.key==="Enter"){e.preventDefault();const d=a.parseValue(r.value),c=f(d);l.value=c,te(()=>{r.value=m(c)?"":c.toString()});return}const o=e.key==="v"&&e.ctrlKey;!new RegExp("[0-9 +-/()*]").test(e.key)&&!o&&e.preventDefault()}function j(e){(e.code==="ArrowUp"||e.code==="ArrowDown")&&e.preventDefault(),i()}function q(e){var o;e.preventDefault();const t=(o=e.clipboardData)==null?void 0:o.getData("Text");if(t){const u=a.parseValue(t),d=f(u);r.value=m(d)?"":d.toString(),l.value=d}}function p(e){if(g||n.readonly)return;g=!0;let t;m(l.value)?t=x.value??0:t=f(l.value+e*b.value),r.value=a.formatValue(t);const o=Date.now();let u=b.value;I=setInterval(()=>{const c=(Date.now()-o)/1e3;if(c<fe)return;const Q=Math.floor(Math.pow(2,c-1));u=b.value*Q,t=f(t+e*u),r.value=a.formatValue(t)},me)}function i(){if(g){clearInterval(I);const e=a.parseValue(r.value);l.value=f(e),g=!1}}const J=v(()=>n.showButtons||V.prefix||n.prefix),O=v(()=>n.showButtons||V.suffix||n.suffix);return(e,t)=>(k(),F(s(C),_({ref_key:"evTextfieldRef",ref:R},N.value,{modelValue:r.value,"onUpdate:modelValue":t[10]||(t[10]=o=>r.value=o),"validation-value":s(l),class:"ev-number-field",type:"text",onPaste:q,onBlur:G,onFocus:h,onKeydown:H,onKeyup:j}),ee({_:2},[n.label||s(V).label?{name:"label",fn:M(()=>[$(e.$slots,"label",{},()=>[T(P(n.label),1)])]),key:"0"}:void 0,J.value?{name:"prefix",fn:M(()=>[n.showButtons?(k(),F(s(S),{key:0,rounded:n.rounded,size:"x-small",class:"ev-number-field--minus",variant:"subtle",icon:s(re),disabled:n.readonly||n.disabled,onKeydown:t[0]||(t[0]=A(o=>p(-1),["space","enter"])),onKeyup:t[1]||(t[1]=o=>i()),onClick:y(()=>{},["prevent","stop"]),onMousedown:t[2]||(t[2]=y(o=>p(-1),["prevent","stop"])),onMouseup:t[3]||(t[3]=y(o=>i(),["prevent","stop"])),onMouseleave:t[4]||(t[4]=o=>i())},null,8,["rounded","icon","disabled","onClick"])):K("",!0),$(e.$slots,"prefix",{},()=>[T(P(n.prefix),1)])]),key:"1"}:void 0,O.value?{name:"suffix",fn:M(()=>[$(e.$slots,"suffix",{},()=>[T(P(n.suffix),1)]),n.showButtons?(k(),F(s(S),{key:0,rounded:n.rounded,size:"x-small",class:"ev-number-field--plus",variant:"subtle",icon:s(le),disabled:n.readonly||n.disabled,onKeydown:t[5]||(t[5]=A(o=>p(1),["space","enter"])),onKeyup:t[6]||(t[6]=o=>i()),onClick:y(()=>{},["prevent","stop"]),onMousedown:t[7]||(t[7]=y(o=>p(1),["prevent","stop"])),onMouseup:t[8]||(t[8]=y(o=>i(),["prevent","stop"])),onMouseleave:t[9]||(t[9]=o=>i())},null,8,["rounded","icon","disabled","onClick"])):K("",!0)]),key:"2"}:void 0]),1040,["modelValue","validation-value"]))}});export{ke as default};
 //# sourceMappingURL=EvNumberField.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvNumberField.vue.mjs","sources":["../../../../src/components/EvNumberField/EvNumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-number-field>`\r\n */\r\nimport \"./EvNumberField.scss\";\r\nimport { makeEvNumberFieldProps, NumberParser } from \"./EvNumberField\";\r\nimport { EvTextfield } from \"@/components/EvTextfield\";\r\nimport { computed, nextTick, Ref, ref, shallowRef, watch } from \"vue\";\r\nimport { filterComponentProps, isEmpty, omit } from \"@/util\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { MinusIcon, PlusIcon } from \"@/icons\";\r\nimport { useLocaleManager } from \"@/composables/locale\";\r\nimport { KeyboardEvent } from \"react\";\r\nimport {useFormField} from \"@/composables/validation\";\r\n\r\nconst localeManager = useLocaleManager();\r\nconst props = defineProps({\r\n    ...makeEvNumberFieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// EvTextfield\r\nconst evTextfieldRef = ref<typeof EvTextfield>();\r\nconst evTextfieldProps = computed(() => {\r\n    return omit(filterComponentProps(EvTextfield, props), [\r\n        \"modelValue\",\r\n        \"name\",\r\n    ]);\r\n});\r\n\r\nconst numberParser = new NumberParser(localeManager, props);\r\n\r\n/**\r\n * We separate the `modelValue` and the `inputValue` (the value displayed)\r\n * because this allows us some efficiency improvements when holding down +/- buttons\r\n * as well as permitting formatting.\r\n *\r\n * Whenever the `modelValue` changes we need to ensure the `inputValue` is updated.\r\n */\r\nconst formField = useFormField(props);\r\nconst modelValue = formField.model;\r\n\r\nconst inputValue: Ref<string | null | undefined> = shallowRef();\r\ninputValue.value = numberParser.formatValue(modelValue.value);\r\nwatch(modelValue, () => {\r\n    inputValue.value = numberParser.formatValue(modelValue.value);\r\n});\r\n\r\nwatch(\r\n    [\r\n        localeManager.currentLocale,\r\n        () => props.locale,\r\n        () => props.localeMatcher,\r\n        () => props.mode,\r\n        () => props.currency,\r\n        () => props.currencyDisplay,\r\n        () => props.useGrouping,\r\n        () => props.minFractionDigits,\r\n        () => props.maxFractionDigits,\r\n    ],\r\n    (value, oldValue) => {\r\n        if (value !== oldValue) {\r\n            inputValue.value = numberParser.formatValue(modelValue.value);\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * Minimum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst minimum = computed(() => {\r\n    return props.min ?? null;\r\n});\r\n\r\n/**\r\n * Maximum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst maximum = computed(() => {\r\n    return props.max ?? null;\r\n});\r\n\r\n/*\r\nconst currencySymbol = computed(() => {\r\n    return numberParser.prefixChar;\r\n});\r\n\r\n */\r\n\r\n/**\r\n * Incremental Values\r\n */\r\nconst incrementAmount = computed(() => {\r\n    return props.step ?? 1;\r\n});\r\nlet incrementInterval: ReturnType<typeof setInterval> | null = null;\r\nconst incrementRate: number = 100;\r\nconst incrementDelay = 0.25;\r\nlet isIncrementing = false;\r\n\r\n/**\r\n * ## Get Decimal Places\r\n * Returns the number of decimal places of the `value` supplied.\r\n * @param value\r\n */\r\nfunction getDecimalPlaces(value: number): number {\r\n    const options = {\r\n        useGrouping: false,\r\n        minimumFractionDigits: 0,\r\n        maximumFractionDigits: 20,\r\n    };\r\n    const fraction = localeManager.numberFormatter\r\n        .formatter(options)\r\n        .formatToParts(value)\r\n        .find((part) => part.type === \"fraction\");\r\n    return fraction ? fraction.value.length : 0;\r\n}\r\n\r\n/**\r\n * ## Set Value\r\n * Can be used to set the value of either the 'modelValue' or the 'inputValue'.\r\n * @param value\r\n */\r\nfunction getValue(value?: string | number | null) {\r\n    if (isEmpty(value)) {\r\n        return value ?? null;\r\n    }\r\n    if (typeof value === \"string\") {\r\n        value = parseFloat(value);\r\n    }\r\n    if (isMinBoundary(value!)) {\r\n        value = minimum.value;\r\n    } else if (isMaxBoundary(value!)) {\r\n        value = maximum.value;\r\n    }\r\n\r\n    // We always want to constrain the value to the minimum\r\n    // and maximum decimal places\r\n    const decimalPlaces = getDecimalPlaces(value!);\r\n    if (\r\n        !isEmpty(props.minFractionDigits) &&\r\n        decimalPlaces < props.minFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.minFractionDigits));\r\n    }\r\n    if (\r\n        !isEmpty(props.maxFractionDigits) &&\r\n        decimalPlaces > props.maxFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.maxFractionDigits));\r\n    }\r\n    return value;\r\n}\r\n\r\n/**\r\n * ## Is Max Boundary\r\n * @param value\r\n */\r\nfunction isMaxBoundary(value: number): boolean {\r\n    return maximum.value !== null && maximum.value < value;\r\n}\r\n\r\n/**\r\n * ## Is Min Boundary\r\n * @param value\r\n */\r\nfunction isMinBoundary(value: number): boolean {\r\n    return minimum.value !== null && minimum.value > value;\r\n}\r\n\r\n/**\r\n * # On Blur\r\n *\r\n * If the user has typed something we can't be sure that it is accurate\r\n * based upon the min/max boundaries so we reset the `inputValue` first.\r\n * Then, we can update the `modelValue` based on the input.\r\n */\r\nfunction onBlur(e: Event) {\r\n    if (inputValue.value === \"-\") {\r\n        inputValue.value = \"\";\r\n    }\r\n    const parsedValue = numberParser.parseValue(inputValue.value as string);\r\n    const currentValue = getValue(parsedValue);\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n    modelValue.value = numberParser.parseValue(inputValue.value);\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n *\r\n * @param e\r\n */\r\nfunction onFocus(e: Event) {\r\n    if (props.readonly) {\r\n        return;\r\n    }\r\n    inputValue.value = isEmpty(modelValue.value)\r\n        ? \"\"\r\n        : modelValue.value.toString();\r\n}\r\n\r\n/**\r\n * ## On Input Keydown\r\n * @param e\r\n */\r\nfunction onInputKeydown(e: KeyboardEvent) {\r\n    const passThrough = [\r\n        \"Backspace\",\r\n        \"Delete\",\r\n        \"Home\",\r\n        \"End\",\r\n        \"ArrowLeft\",\r\n        \"ArrowRight\",\r\n        \"Tab\",\r\n    ];\r\n    if (passThrough.includes(e.key)) {\r\n        return;\r\n    }\r\n\r\n    // Listen to ArrowUp\r\n    if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        startIncrementing(1);\r\n        return;\r\n    }\r\n    // Listen to ArrowDown\r\n    if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        startIncrementing(-1);\r\n        return;\r\n    }\r\n\r\n    if (e.key === \"Enter\") {\r\n        e.preventDefault();\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        const currentValue = getValue(parsedValue);\r\n        modelValue.value = currentValue;\r\n        nextTick(() => {\r\n            inputValue.value = isEmpty(currentValue)\r\n                ? \"\"\r\n                : currentValue!.toString();\r\n        });\r\n        return;\r\n    }\r\n\r\n    const isPaste = e.key === \"v\" && e.ctrlKey;\r\n\r\n    // Block anything not in the whitelist\r\n    const whitelist = new RegExp(\"[0-9 +\\-\\/\\(\\)*]\");\r\n    if (!whitelist.test(e.key) && !isPaste) {\r\n        e.preventDefault();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Input Keyup\r\n * @param e\r\n */\r\nfunction onInputKeyup(e: KeyboardEvent) {\r\n    if (e.code === \"ArrowUp\" || e.code === \"ArrowDown\") {\r\n        e.preventDefault();\r\n    }\r\n    stopIncrementing();\r\n}\r\n\r\n/**\r\n * ## On Paste\r\n */\r\nfunction onPaste(e: ClipboardEvent) {\r\n    e.preventDefault();\r\n    const data = e.clipboardData?.getData(\"Text\");\r\n    if (data) {\r\n        const parsedValue = numberParser.parseValue(data);\r\n        const currentValue = getValue(parsedValue);\r\n        inputValue.value = isEmpty(currentValue)\r\n            ? \"\"\r\n            : currentValue!.toString();\r\n        modelValue.value = currentValue;\r\n    }\r\n}\r\n\r\n/**\r\n * ## Start Incrementing\r\n *\r\n * If the user holds the plus/minus button down for longer than the `incrementDelay`\r\n * we increase/decrease the `inputValue` by the `incrementAmount` at an increasing\r\n * rate for every second the user holds the button.\r\n *\r\n * @param direction\r\n */\r\nfunction startIncrementing(direction: number) {\r\n    if (isIncrementing || props.readonly) {\r\n        return;\r\n    }\r\n    isIncrementing = true;\r\n    let currentValue: number;\r\n    if (isEmpty(modelValue.value)) {\r\n        currentValue = minimum.value ?? 0;\r\n    } else {\r\n        currentValue = getValue(\r\n            modelValue.value! + direction * incrementAmount.value,\r\n        )! as number;\r\n    }\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n\r\n    // Then we rely on the delay to do more increments on a timer\r\n    const startTime = Date.now();\r\n    let internalIncrementAmount = incrementAmount.value;\r\n    incrementInterval = setInterval(() => {\r\n        const currentTime = Date.now();\r\n        const elapsedTime = (currentTime - startTime) / 1000;\r\n        if (elapsedTime < incrementDelay) {\r\n            return;\r\n        }\r\n        const multiplier = Math.floor(Math.pow(2, elapsedTime - 1));\r\n        internalIncrementAmount = incrementAmount.value * multiplier;\r\n        currentValue = getValue(\r\n            currentValue + direction * internalIncrementAmount,\r\n        )! as number;\r\n        inputValue.value = numberParser.formatValue(currentValue);\r\n    }, incrementRate);\r\n}\r\n\r\n/**\r\n * ## Stop Incrementing\r\n *\r\n * When the user releases the plus/minus button stop the increment interval\r\n * and set the resulting value onto the `modelValue` - this is more efficient\r\n * than setting the `modelValue` with every increment.\r\n */\r\nfunction stopIncrementing() {\r\n    if (isIncrementing) {\r\n        clearInterval(incrementInterval!);\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        modelValue.value = getValue(parsedValue);\r\n        isIncrementing = false;\r\n    }\r\n}\r\n\r\nconst hasPrefix = computed(() => {\r\n    return props.showButtons || slots.prefix || props.prefix;\r\n});\r\n\r\nconst hasSuffix = computed(() => {\r\n    return props.showButtons || slots.suffix || props.suffix;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <ev-textfield\r\n        ref=\"evTextfieldRef\"\r\n        v-bind=\"evTextfieldProps\"\r\n        v-model=\"inputValue\"\r\n        :validation-value=\"modelValue\"\r\n        class=\"ev-number-field\"\r\n        type=\"text\"\r\n        @paste=\"onPaste\"\r\n        @blur=\"onBlur\"\r\n        @focus=\"onFocus\"\r\n        @keydown=\"onInputKeydown\"\r\n        @keyup=\"onInputKeyup\">\r\n        <template v-if=\"props.label || slots.label\" #label>\r\n            <slot name=\"label\">{{ props.label }}</slot>\r\n        </template>\r\n        <template v-if=\"hasPrefix\" #prefix>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--minus\"\r\n                variant=\"subtle\"\r\n                :icon=\"MinusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(-1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(-1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n            <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n        </template>\r\n        <template v-if=\"hasSuffix\" #suffix>\r\n            <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--plus\"\r\n                variant=\"subtle\"\r\n                :icon=\"PlusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n        </template>\r\n    </ev-textfield>\r\n</template>\r\n"],"names":["incrementRate","incrementDelay","localeManager","useLocaleManager","slots","_useSlots","evTextfieldRef","ref","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","props","numberParser","NumberParser","modelValue","useFormField","inputValue","shallowRef","watch","value","oldValue","minimum","maximum","incrementAmount","incrementInterval","isIncrementing","getDecimalPlaces","options","fraction","part","getValue","isEmpty","isMinBoundary","isMaxBoundary","decimalPlaces","onBlur","parsedValue","currentValue","onFocus","onInputKeydown","startIncrementing","nextTick","isPaste","onInputKeyup","stopIncrementing","onPaste","data","_a","direction","startTime","internalIncrementAmount","elapsedTime","multiplier","hasPrefix","hasSuffix"],"mappings":"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"}
+{"version":3,"file":"EvNumberField.vue.mjs","sources":["../../../../src/components/EvNumberField/EvNumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-number-field>`\r\n */\r\nimport \"./EvNumberField.scss\";\r\nimport { makeEvNumberFieldProps, NumberParser } from \"./EvNumberField\";\r\nimport { EvTextfield } from \"@/components/EvTextfield\";\r\nimport { computed, nextTick, Ref, ref, shallowRef, watch } from \"vue\";\r\nimport { filterComponentProps, isEmpty, omit } from \"@/util\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { MinusIcon, PlusIcon } from \"@/icons\";\r\nimport { useLocaleManager } from \"@/composables/locale\";\r\nimport { KeyboardEvent } from \"react\";\r\nimport { useFormField } from \"@/composables/validation\";\r\n\r\nconst localeManager = useLocaleManager();\r\nconst props = defineProps({\r\n    ...makeEvNumberFieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// EvTextfield\r\nconst evTextfieldRef = ref<typeof EvTextfield>();\r\nconst evTextfieldProps = computed(() => {\r\n    return omit(filterComponentProps(EvTextfield, props), [\r\n        \"modelValue\",\r\n        \"name\",\r\n    ]);\r\n});\r\n\r\nconst numberParser = new NumberParser(localeManager, props);\r\n\r\n/**\r\n * We separate the `modelValue` and the `inputValue` (the value displayed)\r\n * because this allows us some efficiency improvements when holding down +/- buttons\r\n * as well as permitting formatting.\r\n *\r\n * Whenever the `modelValue` changes we need to ensure the `inputValue` is updated.\r\n */\r\nconst formField = useFormField(props);\r\nconst modelValue = formField.model;\r\n\r\nconst inputValue: Ref<string | null | undefined> = shallowRef();\r\ninputValue.value = numberParser.formatValue(modelValue.value);\r\nwatch(modelValue, () => {\r\n    inputValue.value = numberParser.formatValue(modelValue.value);\r\n});\r\n\r\nwatch(\r\n    [\r\n        localeManager.currentLocale,\r\n        () => props.locale,\r\n        () => props.localeMatcher,\r\n        () => props.mode,\r\n        () => props.currency,\r\n        () => props.currencyDisplay,\r\n        () => props.useGrouping,\r\n        () => props.minFractionDigits,\r\n        () => props.maxFractionDigits,\r\n    ],\r\n    (value, oldValue) => {\r\n        if (value !== oldValue) {\r\n            inputValue.value = numberParser.formatValue(modelValue.value);\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * Minimum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst minimum = computed(() => {\r\n    return props.min ?? null;\r\n});\r\n\r\n/**\r\n * Maximum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst maximum = computed(() => {\r\n    return props.max ?? null;\r\n});\r\n\r\n/*\r\nconst currencySymbol = computed(() => {\r\n    return numberParser.prefixChar;\r\n});\r\n\r\n */\r\n\r\n/**\r\n * Incremental Values\r\n */\r\nconst incrementAmount = computed(() => {\r\n    return props.step ?? 1;\r\n});\r\nlet incrementInterval: ReturnType<typeof setInterval> | null = null;\r\nconst incrementRate: number = 100;\r\nconst incrementDelay = 0.25;\r\nlet isIncrementing = false;\r\n\r\n/**\r\n * ## Get Decimal Places\r\n * Returns the number of decimal places of the `value` supplied.\r\n * @param value\r\n */\r\nfunction getDecimalPlaces(value: number): number {\r\n    const options = {\r\n        useGrouping: false,\r\n        minimumFractionDigits: 0,\r\n        maximumFractionDigits: 20,\r\n    };\r\n    const fraction = localeManager.numberFormatter\r\n        .formatter(options)\r\n        .formatToParts(value)\r\n        .find((part) => part.type === \"fraction\");\r\n    return fraction ? fraction.value.length : 0;\r\n}\r\n\r\n/**\r\n * ## Set Value\r\n * Can be used to set the value of either the 'modelValue' or the 'inputValue'.\r\n * @param value\r\n */\r\nfunction getValue(value?: string | number | null) {\r\n    if (isEmpty(value)) {\r\n        return value ?? null;\r\n    }\r\n    if (typeof value === \"string\") {\r\n        value = parseFloat(value);\r\n    }\r\n    if (isMinBoundary(value!)) {\r\n        value = minimum.value;\r\n    } else if (isMaxBoundary(value!)) {\r\n        value = maximum.value;\r\n    }\r\n\r\n    // We always want to constrain the value to the minimum\r\n    // and maximum decimal places\r\n    const decimalPlaces = getDecimalPlaces(value!);\r\n    if (\r\n        !isEmpty(props.minFractionDigits) &&\r\n        decimalPlaces < props.minFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.minFractionDigits));\r\n    }\r\n    if (\r\n        !isEmpty(props.maxFractionDigits) &&\r\n        decimalPlaces > props.maxFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.maxFractionDigits));\r\n    }\r\n    return value;\r\n}\r\n\r\n/**\r\n * ## Is Max Boundary\r\n * @param value\r\n */\r\nfunction isMaxBoundary(value: number): boolean {\r\n    return maximum.value !== null && maximum.value < value;\r\n}\r\n\r\n/**\r\n * ## Is Min Boundary\r\n * @param value\r\n */\r\nfunction isMinBoundary(value: number): boolean {\r\n    return minimum.value !== null && minimum.value > value;\r\n}\r\n\r\n/**\r\n * # On Blur\r\n *\r\n * If the user has typed something we can't be sure that it is accurate\r\n * based upon the min/max boundaries so we reset the `inputValue` first.\r\n * Then, we can update the `modelValue` based on the input.\r\n */\r\nfunction onBlur(e: Event) {\r\n    if (inputValue.value === \"-\") {\r\n        inputValue.value = \"\";\r\n    }\r\n    const parsedValue = numberParser.parseValue(inputValue.value as string);\r\n    const currentValue = getValue(parsedValue);\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n    modelValue.value = numberParser.parseValue(inputValue.value);\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n *\r\n * @param e\r\n */\r\nfunction onFocus(e: Event) {\r\n    if (props.readonly) {\r\n        return;\r\n    }\r\n    inputValue.value = isEmpty(modelValue.value)\r\n        ? \"\"\r\n        : modelValue.value.toString();\r\n}\r\n\r\n/**\r\n * ## On Input Keydown\r\n * @param e\r\n */\r\nfunction onInputKeydown(e: KeyboardEvent) {\r\n    const passThrough = [\r\n        \"Backspace\",\r\n        \"Delete\",\r\n        \"Home\",\r\n        \"End\",\r\n        \"ArrowLeft\",\r\n        \"ArrowRight\",\r\n        \"Tab\",\r\n    ];\r\n    if (passThrough.includes(e.key)) {\r\n        return;\r\n    }\r\n\r\n    // Listen to ArrowUp\r\n    if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        startIncrementing(1);\r\n        return;\r\n    }\r\n    // Listen to ArrowDown\r\n    if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        startIncrementing(-1);\r\n        return;\r\n    }\r\n\r\n    if (e.key === \"Enter\") {\r\n        e.preventDefault();\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        const currentValue = getValue(parsedValue);\r\n        modelValue.value = currentValue;\r\n        nextTick(() => {\r\n            inputValue.value = isEmpty(currentValue)\r\n                ? \"\"\r\n                : currentValue!.toString();\r\n        });\r\n        return;\r\n    }\r\n\r\n    const isPaste = e.key === \"v\" && e.ctrlKey;\r\n\r\n    // Block anything not in the whitelist\r\n    const whitelist = new RegExp(\"[0-9 +\\-\\/\\(\\)*]\");\r\n    if (!whitelist.test(e.key) && !isPaste) {\r\n        e.preventDefault();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Input Keyup\r\n * @param e\r\n */\r\nfunction onInputKeyup(e: KeyboardEvent) {\r\n    if (e.code === \"ArrowUp\" || e.code === \"ArrowDown\") {\r\n        e.preventDefault();\r\n    }\r\n    stopIncrementing();\r\n}\r\n\r\n/**\r\n * ## On Paste\r\n */\r\nfunction onPaste(e: ClipboardEvent) {\r\n    e.preventDefault();\r\n    const data = e.clipboardData?.getData(\"Text\");\r\n    if (data) {\r\n        const parsedValue = numberParser.parseValue(data);\r\n        const currentValue = getValue(parsedValue);\r\n        inputValue.value = isEmpty(currentValue)\r\n            ? \"\"\r\n            : currentValue!.toString();\r\n        modelValue.value = currentValue;\r\n    }\r\n}\r\n\r\n/**\r\n * ## Start Incrementing\r\n *\r\n * If the user holds the plus/minus button down for longer than the `incrementDelay`\r\n * we increase/decrease the `inputValue` by the `incrementAmount` at an increasing\r\n * rate for every second the user holds the button.\r\n *\r\n * @param direction\r\n */\r\nfunction startIncrementing(direction: number) {\r\n    if (isIncrementing || props.readonly) {\r\n        return;\r\n    }\r\n    isIncrementing = true;\r\n    let currentValue: number;\r\n    if (isEmpty(modelValue.value)) {\r\n        currentValue = minimum.value ?? 0;\r\n    } else {\r\n        currentValue = getValue(\r\n            modelValue.value! + direction * incrementAmount.value,\r\n        )! as number;\r\n    }\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n\r\n    // Then we rely on the delay to do more increments on a timer\r\n    const startTime = Date.now();\r\n    let internalIncrementAmount = incrementAmount.value;\r\n    incrementInterval = setInterval(() => {\r\n        const currentTime = Date.now();\r\n        const elapsedTime = (currentTime - startTime) / 1000;\r\n        if (elapsedTime < incrementDelay) {\r\n            return;\r\n        }\r\n        const multiplier = Math.floor(Math.pow(2, elapsedTime - 1));\r\n        internalIncrementAmount = incrementAmount.value * multiplier;\r\n        currentValue = getValue(\r\n            currentValue + direction * internalIncrementAmount,\r\n        )! as number;\r\n        inputValue.value = numberParser.formatValue(currentValue);\r\n    }, incrementRate);\r\n}\r\n\r\n/**\r\n * ## Stop Incrementing\r\n *\r\n * When the user releases the plus/minus button stop the increment interval\r\n * and set the resulting value onto the `modelValue` - this is more efficient\r\n * than setting the `modelValue` with every increment.\r\n */\r\nfunction stopIncrementing() {\r\n    if (isIncrementing) {\r\n        clearInterval(incrementInterval!);\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        modelValue.value = getValue(parsedValue);\r\n        isIncrementing = false;\r\n    }\r\n}\r\n\r\nconst hasPrefix = computed(() => {\r\n    return props.showButtons || slots.prefix || props.prefix;\r\n});\r\n\r\nconst hasSuffix = computed(() => {\r\n    return props.showButtons || slots.suffix || props.suffix;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <ev-textfield\r\n        ref=\"evTextfieldRef\"\r\n        v-bind=\"evTextfieldProps\"\r\n        v-model=\"inputValue\"\r\n        :validation-value=\"modelValue\"\r\n        class=\"ev-number-field\"\r\n        type=\"text\"\r\n        @paste=\"onPaste\"\r\n        @blur=\"onBlur\"\r\n        @focus=\"onFocus\"\r\n        @keydown=\"onInputKeydown\"\r\n        @keyup=\"onInputKeyup\">\r\n        <template v-if=\"props.label || slots.label\" #label>\r\n            <slot name=\"label\">{{ props.label }}</slot>\r\n        </template>\r\n        <template v-if=\"hasPrefix\" #prefix>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--minus\"\r\n                variant=\"subtle\"\r\n                :icon=\"MinusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(-1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(-1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n            <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n        </template>\r\n        <template v-if=\"hasSuffix\" #suffix>\r\n            <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--plus\"\r\n                variant=\"subtle\"\r\n                :icon=\"PlusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n        </template>\r\n    </ev-textfield>\r\n</template>\r\n"],"names":["incrementRate","incrementDelay","localeManager","useLocaleManager","slots","_useSlots","evTextfieldRef","ref","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","props","numberParser","NumberParser","modelValue","useFormField","inputValue","shallowRef","watch","value","oldValue","minimum","maximum","incrementAmount","incrementInterval","isIncrementing","getDecimalPlaces","options","fraction","part","getValue","isEmpty","isMinBoundary","isMaxBoundary","decimalPlaces","onBlur","parsedValue","currentValue","onFocus","onInputKeydown","startIncrementing","nextTick","isPaste","onInputKeyup","stopIncrementing","onPaste","data","_a","direction","startTime","internalIncrementAmount","elapsedTime","multiplier","hasPrefix","hasSuffix"],"mappings":"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"}

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

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

package/dist/esm/components/EvOverlay/EvOverlay.mjs

@@ -1,2 +1,2 @@
-import{makeDimensionsProps as o}from"../../composables/dimensions.mjs";import{makeActivatorProps as e}from"./activator.mjs";import{makePositionStrategyProps as t}from"./position.mjs";import{makeScrollStrategyProps as r}from"./scroll.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{propsFactory as n}from"../../util/props.mjs";import{makeEvTransitionProps as m}from"../EvTransition/EvTransition.mjs";/*! Evance UI v1.1.51 | MIT License */const P=n({absolute:Boolean,attach:[Boolean,String,Object],closeOnBack:{type:Boolean,default:!0},contained:Boolean,contentClass:String,contentProps:Object,disabled:Boolean,modelValue:[Boolean,Object],persistent:Boolean,veil:{type:Boolean,default:!0},zIndex:{type:[Number,String],default:2e3},...e(),...o(),...t(),...r(),...m(),...a()},"EvOverlay");export{P as makeEvOverlayProps};
+import{makeDimensionsProps as o}from"../../composables/dimensions.mjs";import{makeActivatorProps as e}from"./activator.mjs";import{makePositionStrategyProps as t}from"./position.mjs";import{makeScrollStrategyProps as r}from"./scroll.mjs";import{makeComponentProps as a}from"../../composables/component.mjs";import{propsFactory as n}from"../../util/props.mjs";import{makeEvTransitionProps as m}from"../EvTransition/EvTransition.mjs";/*! Evance UI v1.1.52 | MIT License */const P=n({absolute:Boolean,attach:[Boolean,String,Object],closeOnBack:{type:Boolean,default:!0},contained:Boolean,contentClass:String,contentProps:Object,disabled:Boolean,modelValue:[Boolean,Object],persistent:Boolean,veil:{type:Boolean,default:!0},zIndex:{type:[Number,String],default:2e3},...e(),...o(),...t(),...r(),...m(),...a()},"EvOverlay");export{P as makeEvOverlayProps};
 //# sourceMappingURL=EvOverlay.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as ue,useAttrs as ve,useSlots as fe,ref as d,computed as S,toRef as de,watch as p,shallowRef as pe,mergeProps as c,resolveDirective as me,createElementBlock as m,openBlock as u,Fragment as ke,createVNode as b,createBlock as ye,createCommentVNode as A,Teleport as Ee,unref as r,createElementVNode as ge,Transition as Se,withCtx as N,withDirectives as be,renderSlot as V,normalizeStyle as Ae,vShow as we}from"vue";/* empty css               */import{makeEvOverlayProps as Te}from"./EvOverlay.mjs";import{useModelProxy as _e}from"../../composables/modelProxy.mjs";import{useTeleport as he}from"../../composables/teleport.mjs";import{useDimensions as Ce}from"../../composables/dimensions.mjs";import{useStack as Le}from"../../composables/stack.mjs";import{useRouter as Be}from"vue-router";import{useToggleScope as Pe}from"../../composables/toggleScope.mjs";import{useBackButton as Re}from"../../composables/router.mjs";import{useActivator as Oe}from"./activator.mjs";import{useScopeId as Ne}from"../../composables/scopeId.mjs";import{usePositionStrategies as Ve}from"./position.mjs";import{useScrollStrategies as xe}from"./scroll.mjs";import{useRtl as De}from"../../composables/locale.mjs";import{getScrollParent as Ge}from"../../util/scroll.mjs";import{clickBlockedAnimation as Ie}from"../../util/animate.mjs";import{getCurrentComponent as $e}from"../../util/components.mjs";import{useEvTransition as ze,EvTransition as Fe}from"../EvTransition/EvTransition.mjs";import{toWebUnit as Ke}from"../../util/units.mjs";/*! Evance UI v1.1.51 | MIT License */const ct=ue({inheritAttrs:!1,__name:"EvOverlay",props:{disableGlobalStack:Boolean,...Te()},emits:["click:outside","update:modelValue","enter","afterEnter","beforeLeave","leave","afterLeave"],setup(x,{expose:D,emit:i}){const t=x,G=ve(),v=fe(),I=$e("EvOverlay"),$=Be(),w=_e(t,"modelValue"),k=d(void 0),l=d(void 0),T=d(void 0),z=ze(t),F=Ce(t),{scopeId:K}=Ne(),o=S({get:()=>w.value,set:e=>{e&&t.disabled||(w.value=e)}}),{isTopGlobal:f,isTopLocal:_,stackStyles:M}=Le(o,de(t,"zIndex"),t.disableGlobalStack),{activatorEl:s,activatorRef:U,activatorEvents:W,contentEvents:j,target:h,targetEl:C,veilEvents:q}=Oe(t,o,_),y=he(S(()=>{var a,R,O;const e=t.attach||t.contained;if(e)return e;const n=((a=s==null?void 0:s.value)==null?void 0:a.getRootNode())||((O=(R=I.proxy)==null?void 0:R.$el)==null?void 0:O.getRootNode());return n instanceof ShadowRoot?n:!1})),{rtlClasses:H,isRtl:J}=De(),{contentStyles:Q,updatePosition:L,pointerStyles:X}=Ve(t,{isRtl:J,contentEl:l,target:h,pointerEl:T,isActive:o});xe(t,{containerEl:k,contentEl:l,targetEl:C,target:h,isActive:o,updatePosition:L}),D({targetEl:C,activatorEl:s,contentEl:l,isTopGlobal:f,isTopLocal:_,updatePosition:L}),p(()=>t.disabled,e=>{e&&(o.value=!1)});const Y=S(()=>o.value&&!!t.veil),E=pe(!1);p(o,()=>{E.value=!0});function Z(){return o.value&&f.value}function g(e=!1){var n,a;if(t.persistent){Ie(l.value);return}o.value=!1,e&&((n=l.value)!=null&&n.contains(document.activeElement))&&((a=s.value)==null||a.focus())}function ee(e){if(!e.dataset.enter){e.dataset.enter="true";return}i("enter")}function te(e){if(!e.dataset.afterEnter){e.dataset.afterEnter="true";return}i("afterEnter")}function oe(){i("beforeLeave")}function re(){i("leave")}function ne(){E.value=!1,i("afterLeave")}const se={handler:ae,condition:Z,include:()=>[s.value]};function ae(e){i("click:outside",e),g(!1)}function B(e){e.key==="Escape"&&f.value&&g(!0)}p(o,e=>{e?window.addEventListener("keydown",B):window.removeEventListener("keydown",B)},{immediate:!0}),Pe(()=>t.closeOnBack,()=>{Re($,e=>{f.value&&o.value?(e(!1),g(!1)):e()})});const P=d();p(()=>o.value&&(t.absolute||t.contained)&&y.value==null,e=>{if(e){const n=Ge(k.value);n&&n!==document.scrollingElement&&(P.value=n.scrollTop)}});const ie=()=>{var e;return(e=v.activator)==null?void 0:e.call(v,{isActive:o.value,props:c({ref:U},W.value,t.activatorProps)})},le=c(j.value,t.contentProps),ce={...K,...G};return(e,n)=>{const a=me("click-outside");return u(),m(ke,null,[b(ie),E.value?(u(),ye(Ee,{key:0,disabled:!r(y),to:r(y)},[ge("div",c({ref_key:"containerEl",ref:k,class:["ev-overlay",{"is-active":o.value},r(H),t.class],style:[r(M),{top:r(Ke)(P.value)},t.style]},ce),[b(Se,{appear:"",name:"transition-fade"},{default:N(()=>[Y.value?(u(),m("div",c({key:0,class:"ev-overlay--veil"},r(q)),null,16)):A("",!0)]),_:1}),b(r(Fe),{appear:"",transition:r(z),target:r(s),onEnter:ee,onAfterEnter:te,onBeforeLeave:oe,onLeave:re,onAfterLeave:ne},{default:N(()=>[be((u(),m("div",c({ref_key:"contentEl",ref:l,class:["ev-overlay--content",[t.contentClass]],style:[r(F),r(Q)]},r(le)),[r(v).pointer&&!t.veil?(u(),m("div",{key:0,ref_key:"pointerEl",ref:T,class:"ev-overlay--pointer",style:Ae([r(X)])},[V(e.$slots,"pointer")],4)):A("",!0),V(e.$slots,"default")],16)),[[we,o.value],[a,se]])]),_:3},8,["transition","target"])],16)],8,["disabled","to"])):A("",!0)],64)}}});export{ct as default};
+import{defineComponent as ue,useAttrs as ve,useSlots as fe,ref as d,computed as S,toRef as de,watch as p,shallowRef as pe,mergeProps as c,resolveDirective as me,createElementBlock as m,openBlock as u,Fragment as ke,createVNode as b,createBlock as ye,createCommentVNode as A,Teleport as Ee,unref as r,createElementVNode as ge,Transition as Se,withCtx as N,withDirectives as be,renderSlot as V,normalizeStyle as Ae,vShow as we}from"vue";/* empty css               */import{makeEvOverlayProps as Te}from"./EvOverlay.mjs";import{useModelProxy as _e}from"../../composables/modelProxy.mjs";import{useTeleport as he}from"../../composables/teleport.mjs";import{useDimensions as Ce}from"../../composables/dimensions.mjs";import{useStack as Le}from"../../composables/stack.mjs";import{useRouter as Be}from"vue-router";import{useToggleScope as Pe}from"../../composables/toggleScope.mjs";import{useBackButton as Re}from"../../composables/router.mjs";import{useActivator as Oe}from"./activator.mjs";import{useScopeId as Ne}from"../../composables/scopeId.mjs";import{usePositionStrategies as Ve}from"./position.mjs";import{useScrollStrategies as xe}from"./scroll.mjs";import{useRtl as De}from"../../composables/locale.mjs";import{getScrollParent as Ge}from"../../util/scroll.mjs";import{clickBlockedAnimation as Ie}from"../../util/animate.mjs";import{getCurrentComponent as $e}from"../../util/components.mjs";import{useEvTransition as ze,EvTransition as Fe}from"../EvTransition/EvTransition.mjs";import{toWebUnit as Ke}from"../../util/units.mjs";/*! Evance UI v1.1.52 | MIT License */const ct=ue({inheritAttrs:!1,__name:"EvOverlay",props:{disableGlobalStack:Boolean,...Te()},emits:["click:outside","update:modelValue","enter","afterEnter","beforeLeave","leave","afterLeave"],setup(x,{expose:D,emit:i}){const t=x,G=ve(),v=fe(),I=$e("EvOverlay"),$=Be(),w=_e(t,"modelValue"),k=d(void 0),l=d(void 0),T=d(void 0),z=ze(t),F=Ce(t),{scopeId:K}=Ne(),o=S({get:()=>w.value,set:e=>{e&&t.disabled||(w.value=e)}}),{isTopGlobal:f,isTopLocal:_,stackStyles:M}=Le(o,de(t,"zIndex"),t.disableGlobalStack),{activatorEl:s,activatorRef:U,activatorEvents:W,contentEvents:j,target:h,targetEl:C,veilEvents:q}=Oe(t,o,_),y=he(S(()=>{var a,R,O;const e=t.attach||t.contained;if(e)return e;const n=((a=s==null?void 0:s.value)==null?void 0:a.getRootNode())||((O=(R=I.proxy)==null?void 0:R.$el)==null?void 0:O.getRootNode());return n instanceof ShadowRoot?n:!1})),{rtlClasses:H,isRtl:J}=De(),{contentStyles:Q,updatePosition:L,pointerStyles:X}=Ve(t,{isRtl:J,contentEl:l,target:h,pointerEl:T,isActive:o});xe(t,{containerEl:k,contentEl:l,targetEl:C,target:h,isActive:o,updatePosition:L}),D({targetEl:C,activatorEl:s,contentEl:l,isTopGlobal:f,isTopLocal:_,updatePosition:L}),p(()=>t.disabled,e=>{e&&(o.value=!1)});const Y=S(()=>o.value&&!!t.veil),E=pe(!1);p(o,()=>{E.value=!0});function Z(){return o.value&&f.value}function g(e=!1){var n,a;if(t.persistent){Ie(l.value);return}o.value=!1,e&&((n=l.value)!=null&&n.contains(document.activeElement))&&((a=s.value)==null||a.focus())}function ee(e){if(!e.dataset.enter){e.dataset.enter="true";return}i("enter")}function te(e){if(!e.dataset.afterEnter){e.dataset.afterEnter="true";return}i("afterEnter")}function oe(){i("beforeLeave")}function re(){i("leave")}function ne(){E.value=!1,i("afterLeave")}const se={handler:ae,condition:Z,include:()=>[s.value]};function ae(e){i("click:outside",e),g(!1)}function B(e){e.key==="Escape"&&f.value&&g(!0)}p(o,e=>{e?window.addEventListener("keydown",B):window.removeEventListener("keydown",B)},{immediate:!0}),Pe(()=>t.closeOnBack,()=>{Re($,e=>{f.value&&o.value?(e(!1),g(!1)):e()})});const P=d();p(()=>o.value&&(t.absolute||t.contained)&&y.value==null,e=>{if(e){const n=Ge(k.value);n&&n!==document.scrollingElement&&(P.value=n.scrollTop)}});const ie=()=>{var e;return(e=v.activator)==null?void 0:e.call(v,{isActive:o.value,props:c({ref:U},W.value,t.activatorProps)})},le=c(j.value,t.contentProps),ce={...K,...G};return(e,n)=>{const a=me("click-outside");return u(),m(ke,null,[b(ie),E.value?(u(),ye(Ee,{key:0,disabled:!r(y),to:r(y)},[ge("div",c({ref_key:"containerEl",ref:k,class:["ev-overlay",{"is-active":o.value},r(H),t.class],style:[r(M),{top:r(Ke)(P.value)},t.style]},ce),[b(Se,{appear:"",name:"transition-fade"},{default:N(()=>[Y.value?(u(),m("div",c({key:0,class:"ev-overlay--veil"},r(q)),null,16)):A("",!0)]),_:1}),b(r(Fe),{appear:"",transition:r(z),target:r(s),onEnter:ee,onAfterEnter:te,onBeforeLeave:oe,onLeave:re,onAfterLeave:ne},{default:N(()=>[be((u(),m("div",c({ref_key:"contentEl",ref:l,class:["ev-overlay--content",[t.contentClass]],style:[r(F),r(Q)]},r(le)),[r(v).pointer&&!t.veil?(u(),m("div",{key:0,ref_key:"pointerEl",ref:T,class:"ev-overlay--pointer",style:Ae([r(X)])},[V(e.$slots,"pointer")],4)):A("",!0),V(e.$slots,"default")],16)),[[we,o.value],[a,se]])]),_:3},8,["transition","target"])],16)],8,["disabled","to"])):A("",!0)],64)}}});export{ct as default};
 //# sourceMappingURL=EvOverlay.vue.mjs.map

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

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

package/dist/esm/components/EvOverlay/activator.mjs

@@ -1,2 +1,2 @@
-var f=Object.defineProperty;var O=(i,t,e)=>t in i?f(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var s=(i,t,e)=>O(i,typeof t!="symbol"?t+"":t,e);import{makeDelayOpenCloseProps as d,useDelayOpenClose as E}from"../../composables/delay.mjs";import{computed as r,ref as v,inject as g,watch as a,effectScope as A,onScopeDispose as u,watchEffect as C,nextTick as p,mergeProps as h}from"vue";import{EvMenuSymbol as m}from"../EvMenu/shared.mjs";import{refElement as y}from"../../util/helpers.mjs";import{bindProps as F,unbindProps as k}from"../../util/bindProps.mjs";import{propsFactory as b}from"../../util/props.mjs";import{getCurrentComponent as H}from"../../util/components.mjs";import{Browser as l}from"../../util/browser.mjs";/*! Evance UI v1.1.51 | MIT License */const I=b({target:[String,Object],activator:[String,Object],activatorProps:{type:Object,default:()=>({})},openOnClick:{type:Boolean,default:void 0},openOnHover:Boolean,openOnFocus:{type:Boolean,default:void 0},closeOnContentClick:Boolean,...d()},"EvOverlay/activator");function x(i,t,e){return new w(i,t,e)}class w{constructor(t,e,o){s(this,"activatorEl",v());s(this,"activatorEvents");s(this,"activatorRef",v());s(this,"availableEvents");s(this,"component");s(this,"contentEvents");s(this,"cursorTarget",v());s(this,"delayClose");s(this,"delayOpen");s(this,"openOnClick");s(this,"openOnFocus");s(this,"target");s(this,"targetEl");s(this,"targetRef",v());s(this,"veilEvents");s(this,"isHovered",!1);s(this,"isFocused",!1);s(this,"firstEnter",!0);s(this,"watcher");s(this,"scope");this.props=t,this.isActive=e,this.isTopOfStack=o,this.component=H("Activator"),this.openOnFocus=r(()=>t.openOnFocus||t.openOnFocus==null&&t.openOnHover),this.openOnClick=r(()=>t.openOnClick||t.openOnClick==null&&!t.openOnHover&&!this.openOnFocus.value);const{delayOpen:c,delayClose:n}=this.createDelayFunctions();this.delayOpen=c,this.delayClose=n,this.availableEvents=this.getAvailableEvents(),this.activatorEvents=this.createActivatorEvents(),this.contentEvents=this.createContentEvents(),this.veilEvents=this.createVeilEvents(),this.target=r(()=>t.target==="cursor"&&this.cursorTarget.value?this.cursorTarget.value:this.targetRef.value?this.targetRef.value:this.getTarget(t.target)||this.activatorEl.value),this.targetEl=r(()=>Array.isArray(this.target.value)?void 0:this.target.value),this.watchIsActive(),this.watchIsTopOfStack(),this.watchActivatorEl(),this.watchActivatorProp()}createActivatorEvents(){return r(()=>{const t={};return this.isOpenOnClick()&&(t.onClick=this.availableEvents.onClick),this.isOpenOnHover()&&(t.onMouseenter=this.availableEvents.onMouseenter,t.onMouseleave=this.availableEvents.onMouseleave),this.isOpenOnFocus()&&(t.onFocus=this.availableEvents.onFocus,t.onBlur=this.availableEvents.onBlur),t})}createContentEvents(){return r(()=>{const t={};if(this.isOpenOnHover()&&(t.onMouseenter=()=>{this.isHovered=!0,this.delayOpen()},t.onMouseleave=()=>{this.isHovered=!1,this.delayClose()}),this.isOpenOnFocus()&&(t.onFocusin=()=>{this.isFocused=!0,this.delayOpen()},t.onFocusout=()=>{this.isFocused=!1,this.delayClose()}),this.isCloseOnContentClick()){const e=g(m,null);t.onClick=()=>{this.isActive.value=!1,e==null||e.closeParents()}}return t})}createDelayFunctions(){return E(this.props,t=>{const e=this.props.openOnHover&&this.isHovered,o=this.openOnFocus.value&&this.isFocused;t===(e||o)&&!(this.props.openOnHover&&this.isActive.value&&!this.isTopOfStack.value)&&(this.isActive.value!==t&&(this.firstEnter=!0),this.isActive.value=t)})}createVeilEvents(){return r(()=>{const t={};return this.isOpenOnHover()&&(t.onMouseenter=()=>{this.firstEnter&&(this.isHovered=!0,this.firstEnter=!1,this.delayOpen())},t.onMouseleave=()=>{this.isHovered=!1,this.delayClose()}),t})}getActivatorEl(t=this.props.activator){return this.setActivatorEl(this.getTarget(t))}getTarget(t){var e,o,c;if(t==="parent"){let n=(c=(o=(e=this.component)==null?void 0:e.proxy)==null?void 0:o.$el)==null?void 0:c.parentNode;for(;n.hasAttribute("data-no-activator");)n=n.parentNode;return n}else return typeof t=="string"?document.querySelector(t):typeof t=="object"&&"$el"in t?t.$el:t}getAvailableEvents(){return{onBlur:this.onBlur.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onMouseenter:this.onMouseenter.bind(this),onMouseleave:this.onMouseleave.bind(this)}}isCloseOnContentClick(){return this.props.closeOnContentClick}isOpenOnClick(){return this.openOnClick.value}isOpenOnHover(){return this.props.openOnHover}isOpenOnFocus(){return this.openOnFocus.value}onBlur(t){t.stopPropagation(),this.isFocused=!1,this.delayClose()}onClick(t){t.stopPropagation(),this.activatorEl.value=t.currentTarget||t.target,this.isActive.value||(this.cursorTarget.value=[t.clientX,t.clientY]),this.isActive.value=!this.isActive.value}onFocus(t){l.supportsFocusVisible&&!t.target.matches(":focus-visible")||(this.isFocused=!0,t.stopPropagation(),this.activatorEl.value=t.currentTarget||t.target,this.delayOpen())}onMouseenter(t){var e;(e=t.sourceCapabilities)!=null&&e.firesTouchEvents||(this.isHovered=!0,this.activatorEl.value=t.currentTarget||t.target,this.delayOpen())}onMouseleave(t){this.isHovered=!1,this.delayClose()}setActivatorEl(t){return this.activatorEl.value=(t==null?void 0:t.nodeType)===Node.ELEMENT_NODE?t:void 0,this.activatorEl.value}watchActivatorProp(){a(()=>!!this.props.activator,t=>{t&&l.hasWindow?(this.scope=A(),this.scope.run(()=>{this.watcher=new P(this)})):this.scope&&this.scope.stop()},{flush:"post",immediate:!0}),u(()=>{var t;(t=this.scope)==null||t.stop(),this.watcher&&(this.watcher=void 0)})}watchActivatorEl(){C(()=>{this.activatorRef.value&&p(()=>{this.activatorEl.value=y(this.activatorRef.value)})})}watchIsActive(){a(this.isActive,t=>{setTimeout(()=>{this.cursorTarget.value=void 0})},{flush:"post"})}watchIsTopOfStack(){a(this.isTopOfStack,t=>{t&&(this.isOpenOnHover()&&!this.isHovered&&(!this.isOpenOnFocus()||!this.isFocused)||this.isOpenOnFocus()&&!this.isFocused&&(!this.isOpenOnHover()||!this.isHovered))&&(this.isActive.value=!1)})}}class P{constructor(t){this.activator=t,this.watchActivator()}addActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&F(t,h(this.activator.activatorEvents.value,e))}removeActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&k(t,h(this.activator.activatorEvents.value,e))}watchActivator(){a(()=>this.activator.props.activator,(t,e)=>{if(e&&t!==e){const o=this.activator.getActivatorEl(e);o&&this.removeActivatorPropsEventListeners(o)}t&&p(()=>this.addActivatorPropsEventListeners())},{immediate:!0}),a(()=>this.activator.props.activatorProps,()=>{this.addActivatorPropsEventListeners()}),u(()=>{this.removeActivatorPropsEventListeners()})}}export{I as makeActivatorProps,x as useActivator};
+var f=Object.defineProperty;var O=(i,t,e)=>t in i?f(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var s=(i,t,e)=>O(i,typeof t!="symbol"?t+"":t,e);import{makeDelayOpenCloseProps as d,useDelayOpenClose as E}from"../../composables/delay.mjs";import{computed as r,ref as v,inject as g,watch as a,effectScope as A,onScopeDispose as u,watchEffect as C,nextTick as p,mergeProps as h}from"vue";import{EvMenuSymbol as m}from"../EvMenu/shared.mjs";import{refElement as y}from"../../util/helpers.mjs";import{bindProps as F,unbindProps as k}from"../../util/bindProps.mjs";import{propsFactory as b}from"../../util/props.mjs";import{getCurrentComponent as H}from"../../util/components.mjs";import{Browser as l}from"../../util/browser.mjs";/*! Evance UI v1.1.52 | MIT License */const I=b({target:[String,Object],activator:[String,Object],activatorProps:{type:Object,default:()=>({})},openOnClick:{type:Boolean,default:void 0},openOnHover:Boolean,openOnFocus:{type:Boolean,default:void 0},closeOnContentClick:Boolean,...d()},"EvOverlay/activator");function x(i,t,e){return new w(i,t,e)}class w{constructor(t,e,o){s(this,"activatorEl",v());s(this,"activatorEvents");s(this,"activatorRef",v());s(this,"availableEvents");s(this,"component");s(this,"contentEvents");s(this,"cursorTarget",v());s(this,"delayClose");s(this,"delayOpen");s(this,"openOnClick");s(this,"openOnFocus");s(this,"target");s(this,"targetEl");s(this,"targetRef",v());s(this,"veilEvents");s(this,"isHovered",!1);s(this,"isFocused",!1);s(this,"firstEnter",!0);s(this,"watcher");s(this,"scope");this.props=t,this.isActive=e,this.isTopOfStack=o,this.component=H("Activator"),this.openOnFocus=r(()=>t.openOnFocus||t.openOnFocus==null&&t.openOnHover),this.openOnClick=r(()=>t.openOnClick||t.openOnClick==null&&!t.openOnHover&&!this.openOnFocus.value);const{delayOpen:c,delayClose:n}=this.createDelayFunctions();this.delayOpen=c,this.delayClose=n,this.availableEvents=this.getAvailableEvents(),this.activatorEvents=this.createActivatorEvents(),this.contentEvents=this.createContentEvents(),this.veilEvents=this.createVeilEvents(),this.target=r(()=>t.target==="cursor"&&this.cursorTarget.value?this.cursorTarget.value:this.targetRef.value?this.targetRef.value:this.getTarget(t.target)||this.activatorEl.value),this.targetEl=r(()=>Array.isArray(this.target.value)?void 0:this.target.value),this.watchIsActive(),this.watchIsTopOfStack(),this.watchActivatorEl(),this.watchActivatorProp()}createActivatorEvents(){return r(()=>{const t={};return this.isOpenOnClick()&&(t.onClick=this.availableEvents.onClick),this.isOpenOnHover()&&(t.onMouseenter=this.availableEvents.onMouseenter,t.onMouseleave=this.availableEvents.onMouseleave),this.isOpenOnFocus()&&(t.onFocus=this.availableEvents.onFocus,t.onBlur=this.availableEvents.onBlur),t})}createContentEvents(){return r(()=>{const t={};if(this.isOpenOnHover()&&(t.onMouseenter=()=>{this.isHovered=!0,this.delayOpen()},t.onMouseleave=()=>{this.isHovered=!1,this.delayClose()}),this.isOpenOnFocus()&&(t.onFocusin=()=>{this.isFocused=!0,this.delayOpen()},t.onFocusout=()=>{this.isFocused=!1,this.delayClose()}),this.isCloseOnContentClick()){const e=g(m,null);t.onClick=()=>{this.isActive.value=!1,e==null||e.closeParents()}}return t})}createDelayFunctions(){return E(this.props,t=>{const e=this.props.openOnHover&&this.isHovered,o=this.openOnFocus.value&&this.isFocused;t===(e||o)&&!(this.props.openOnHover&&this.isActive.value&&!this.isTopOfStack.value)&&(this.isActive.value!==t&&(this.firstEnter=!0),this.isActive.value=t)})}createVeilEvents(){return r(()=>{const t={};return this.isOpenOnHover()&&(t.onMouseenter=()=>{this.firstEnter&&(this.isHovered=!0,this.firstEnter=!1,this.delayOpen())},t.onMouseleave=()=>{this.isHovered=!1,this.delayClose()}),t})}getActivatorEl(t=this.props.activator){return this.setActivatorEl(this.getTarget(t))}getTarget(t){var e,o,c;if(t==="parent"){let n=(c=(o=(e=this.component)==null?void 0:e.proxy)==null?void 0:o.$el)==null?void 0:c.parentNode;for(;n.hasAttribute("data-no-activator");)n=n.parentNode;return n}else return typeof t=="string"?document.querySelector(t):typeof t=="object"&&"$el"in t?t.$el:t}getAvailableEvents(){return{onBlur:this.onBlur.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onMouseenter:this.onMouseenter.bind(this),onMouseleave:this.onMouseleave.bind(this)}}isCloseOnContentClick(){return this.props.closeOnContentClick}isOpenOnClick(){return this.openOnClick.value}isOpenOnHover(){return this.props.openOnHover}isOpenOnFocus(){return this.openOnFocus.value}onBlur(t){t.stopPropagation(),this.isFocused=!1,this.delayClose()}onClick(t){t.stopPropagation(),this.activatorEl.value=t.currentTarget||t.target,this.isActive.value||(this.cursorTarget.value=[t.clientX,t.clientY]),this.isActive.value=!this.isActive.value}onFocus(t){l.supportsFocusVisible&&!t.target.matches(":focus-visible")||(this.isFocused=!0,t.stopPropagation(),this.activatorEl.value=t.currentTarget||t.target,this.delayOpen())}onMouseenter(t){var e;(e=t.sourceCapabilities)!=null&&e.firesTouchEvents||(this.isHovered=!0,this.activatorEl.value=t.currentTarget||t.target,this.delayOpen())}onMouseleave(t){this.isHovered=!1,this.delayClose()}setActivatorEl(t){return this.activatorEl.value=(t==null?void 0:t.nodeType)===Node.ELEMENT_NODE?t:void 0,this.activatorEl.value}watchActivatorProp(){a(()=>!!this.props.activator,t=>{t&&l.hasWindow?(this.scope=A(),this.scope.run(()=>{this.watcher=new P(this)})):this.scope&&this.scope.stop()},{flush:"post",immediate:!0}),u(()=>{var t;(t=this.scope)==null||t.stop(),this.watcher&&(this.watcher=void 0)})}watchActivatorEl(){C(()=>{this.activatorRef.value&&p(()=>{this.activatorEl.value=y(this.activatorRef.value)})})}watchIsActive(){a(this.isActive,t=>{setTimeout(()=>{this.cursorTarget.value=void 0})},{flush:"post"})}watchIsTopOfStack(){a(this.isTopOfStack,t=>{t&&(this.isOpenOnHover()&&!this.isHovered&&(!this.isOpenOnFocus()||!this.isFocused)||this.isOpenOnFocus()&&!this.isFocused&&(!this.isOpenOnHover()||!this.isHovered))&&(this.isActive.value=!1)})}}class P{constructor(t){this.activator=t,this.watchActivator()}addActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&F(t,h(this.activator.activatorEvents.value,e))}removeActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&k(t,h(this.activator.activatorEvents.value,e))}watchActivator(){a(()=>this.activator.props.activator,(t,e)=>{if(e&&t!==e){const o=this.activator.getActivatorEl(e);o&&this.removeActivatorPropsEventListeners(o)}t&&p(()=>this.addActivatorPropsEventListeners())},{immediate:!0}),a(()=>this.activator.props.activatorProps,()=>{this.addActivatorPropsEventListeners()}),u(()=>{this.removeActivatorPropsEventListeners()})}}export{I as makeActivatorProps,x as useActivator};
 //# sourceMappingURL=activator.mjs.map

package/dist/esm/components/EvOverlay/position-strategy/connected-position.mjs

@@ -1,2 +1,2 @@
-var C=Object.defineProperty;var O=(h,t,e)=>t in h?C(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e;var n=(h,t,e)=>O(h,typeof t!="symbol"?t+"":t,e);import{watch as u,onScopeDispose as F,computed as v,nextTick as W}from"vue";import{Rect as l}from"../../../util/dimensions.mjs";import{getScrollParents as E}from"../../../util/scroll.mjs";import{isFixedPosition as H}from"../../../util/isFixedPosition.mjs";import{toFixedPosition as M}from"../../../util/style.mjs";import{toWebUnit as c,pixelCeil as y,pixelRound as d}from"../../../util/units.mjs";import{destructComputed as Z,clamp as x}from"../../../util/helpers.mjs";import{isDeepEqual as N,isNumber as j}from"../../../util/is-functions.mjs";import{Anchor as m}from"../../../util/anchor.mjs";/*! Evance UI v1.1.51 | MIT License */function K(h,t,e,i){const s=new D(h,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class D{constructor(t,e,i,s){n(this,"contentScrollParents");n(this,"contentRect");n(this,"maxHeight");n(this,"maxWidth");n(this,"minHeight");n(this,"minWidth");n(this,"observe",!1);n(this,"observer");n(this,"offset");n(this,"preferredPosition");n(this,"preferredOrigin");n(this,"targetRect");n(this,"viewportRect");n(this,"viewportMargin",12);n(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedTarget(),this.minWidth=this.computedNumericProp("minWidth"),this.maxWidth=this.computedNumericProp("maxWidth"),this.minHeight=this.computedNumericProp("minHeight"),this.maxHeight=this.computedNumericProp("maxHeight"),this.offset=this.computedOffset(),this.zoneCalculator=new q,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),u(this.data.target,(t,e)=>{var i,s;e&&!Array.isArray(e)&&((i=this.observer)==null||i.unobserve(e)),Array.isArray(t)?N(t,e)||this.updatePosition():t&&((s=this.observer)==null||s.observe(t))},{immediate:!0}),u(this.data.contentEl,(t,e)=>{e&&this.observer.unobserve(e),t&&this.observer.observe(t)},{immediate:!0}),F(()=>{var t;(t=this.observer)==null||t.disconnect()})}calculatePreferences(){const{preferredPosition:t,preferredOrigin:e}=Z(()=>{const i=m.fromSelector(this.props.position,this.data.isRtl.value);let s;return this.props.origin==="overlap"?s=i:this.props.origin==="auto"?s=i.flipSide():s=m.fromSelector(this.props.origin,this.data.isRtl.value),i.side===s.side&&i.alignment===s.flipAlignment().alignment?{preferredPosition:i.flipCorner(),preferredOrigin:s.flipCorner()}:{preferredPosition:i,preferredOrigin:s}});this.preferredPosition=t,this.preferredOrigin=e}computedNumericProp(t){return v(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return v(()=>{if(Array.isArray(this.props.offset))return this.props.offset;if(typeof this.props.offset=="string"){const t=this.props.offset.split(" ").map(parseFloat);return t.length<2&&t.push(0),t}return j(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=l.fromElement(t,!0);return e?i.x+=parseFloat(t.style.right||0):i.x-=parseFloat(t.style.left||0),i.y-=parseFloat(t.style.top||0),i}getPointerDimensions(){const t=this.data.pointerEl.value;return t?{width:t.clientWidth,height:t.clientHeight}:null}getContentScrollParents(){const t=E(this.data.contentEl.value),e=this.data.contentEl.value;return t.length||(t.push(document.documentElement),e.style.top&&e.style.left||(this.contentRect.x-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-x")||"0"),this.contentRect.y-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-y")||"0"))),t}getViewportRect(){const t=this.contentScrollParents.reduce((e,i)=>{const s=l.fromElement(i),o=i===document.documentElement,r=new l(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new l(Math.max(e.left,r.left),Math.max(e.top,r.top),Math.min(e.right,r.right)-Math.max(e.left,r.left),Math.min(e.bottom,r.bottom)-Math.max(e.top,r.top)):r},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedTarget(){(Array.isArray(this.data.target.value)||H(this.data.target.value))&&M(this.contentStyles.value,this.data.isRtl.value)}getTargetRect(t){if(Array.isArray(t)){const e=document.body.currentCSSZoom??1,i=1+(1-e)/e;return new l(t[0]*i,t[1]*i,0,0)}return l.fromElement(t)}updatePosition(){var r;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.target.value||!this.data.contentEl.value)return;Array.isArray(this.data.target.value)||this.data.target.value.offsetParent||this.data.target.value.getClientRects().length?this.targetRect=this.getTargetRect(this.data.target.value):this.targetRect=new l(0,0,0,0),this.contentRect=this.getContentRect(),this.contentScrollParents=this.getContentScrollParents(),this.viewportRect=this.getViewportRect();const t=this.zoneCalculator.getAvailable(this.targetRect,this.viewportRect,this.offset.value,this.contentRect),e={position:this.preferredPosition.value,origin:this.preferredOrigin.value};if(e.position.side==="auto"){const a=this.getAutoZone(e.position,t);e.position=a.position,e.origin=e.position.flipSide()}const i=e.position.side==="center"?this.getCenterZone(t):this.getBestZone(e.position,t);e.position=i.position,e.origin=e.position.flipSide();const{x:s,y:o}=this.calculateContentCoords(i,e);return this.calculateContentStyles(i,e,s,o),this.calculatePointerStyles(e,s,o),(r=this.data.contentEl.value)==null||r.setAttribute("data-position",e.position.toString()),{zoneRect:i.rect,contentRect:this.contentRect}}calculateContentCoords(t,e){let{x:i,y:s}=t.rect;if(e.position.side==="center")s=t.rect.y+(t.rect.height-this.contentRect.height)/2,i=t.rect.x+(t.rect.width-this.contentRect.width)/2;else if(e.position.side==="top"?s=t.rect.bottom-this.contentRect.height:e.position.side==="left"&&(i=t.rect.right-this.contentRect.width),e.position.alignment!=="start"){const o=e.position.alignment==="center"?2:1;e.position.axis==="x"?s=this.targetRect.y+(this.targetRect.height-this.contentRect.height)/o:i=this.targetRect.x+(this.targetRect.width-this.contentRect.width)/o}return s<this.viewportRect.y&&(s=this.viewportRect.y),i<this.viewportRect.x&&(i=this.viewportRect.x),{x:i,y:s}}calculateContentStyles(t,e,i,s){Object.assign(this.contentStyles.value,{"--ev-overlay-position":e.position.toCssValue(),transformOrigin:e.origin.toCssValue(),top:c(d(s)),left:c(d(i)),minWidth:c(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:c(y(x(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:c(y(x(t.rect.height,this.minHeight.value===1/0?0:this.minHeight.value,this.maxHeight.value)))})}calculatePointerStyles(t,e,i){const s=this.getPointerDimensions();if(!s||t.position.side==="center"&&t.position.alignment==="center"){Object.assign(this.pointerStyles.value,{left:null,top:null});return}let o=null,r=null,a=0;t.position.axis==="y"?(e>this.targetRect.x?o=0-s.width/2:o=this.targetRect.x-e-s.width/2,o+=Math.min(this.targetRect.width,this.contentRect.width)/2,r=t.position.side==="bottom"?0-s.height:"100%",a=t.position.side==="bottom"?180:0):(i>this.targetRect.y?r=0-s.width/2:r=this.targetRect.y-i-s.width/2,r+=Math.min(this.targetRect.height,this.contentRect.height)/2,o=t.position.side==="right"?0-s.height:"100%",a=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:c(d(o)),top:typeof r=="string"?r:c(d(r)),transform:`rotate(${a}deg)`})}getAutoZone(t,e){return e.filter(s=>s.position.side==="center"?!1:t.alignment==="auto"||s.position.alignment===t.alignment)[0]}getBestZone(t,e){const i=[t,t.centerAlign(),t.flipSide(),t.flipSide().centerAlign(),t.flipCorner(),t.flipCorner().centerAlign(),t.flipCorner().flipSide(),t.flipCorner().flipSide().centerAlign()];for(const s of i){const o=e.find(r=>r.position.toString()===s.toString());if(o!=null&&o.isFitsContent)return o}for(const s of i){const o=e.find(a=>a.position.toString()===s.toString());if(!o)continue;const r=s.axis==="x"?"width":"height";if(o.available[r]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){u(()=>{var t,e;return[(t=this.preferredPosition)==null?void 0:t.value,(e=this.preferredOrigin)==null?void 0:e.value,this.props.offset,this.props.minWidth,this.props.minHeight,this.props.maxWidth,this.props.maxHeight]},()=>this.updatePosition()),W(()=>{this.updatePosition()})}}class V{constructor(t,e,i){n(this,"available");n(this,"isFitsContent");this.position=t,this.rect=e,this.content=i,this.available={width:this.rect.width-i.width,height:this.rect.height-i.height},this.isFitsContent=this.rect.width>=i.width&&this.rect.height>=i.height}get availableArea(){return this.available.width*this.available.height}}class q{getAvailable(t,e,i,s){const[o,r]=i,a={top:{y:e.top,height:t.top-e.top-o,align:"x"},bottom:{y:t.bottom+o,height:e.bottom-t.bottom-o,align:"x"},left:{x:e.left,width:t.left-e.left-o,align:"y"},right:{x:t.right+o,width:e.right-t.right-o,align:"y"},center:{x:e.left,width:e.width,align:"y"}},b={x:{center:{x:e.left,width:e.width},start:{x:t.left+r,width:e.width-t.left-r},end:{x:e.left,width:t.right-e.left-r}},y:{center:{y:e.top,height:e.height},start:{y:t.top+r,height:e.bottom-t.top-r},end:{y:e.top,height:t.bottom-e.top-r}}},p=[];for(const[g,f]of Object.entries(a))for(const[R,P]of Object.entries(b[f.align])){const w=new m(g,R),S=Object.assign({width:0,height:0,x:0,y:0},f,P),A=l.fromRect(S);p.push(new V(w,A,s))}return p.sort((g,f)=>f.availableArea-g.availableArea),p}}export{K as connectedPositionStrategy};
+var C=Object.defineProperty;var O=(h,t,e)=>t in h?C(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e;var n=(h,t,e)=>O(h,typeof t!="symbol"?t+"":t,e);import{watch as u,onScopeDispose as F,computed as v,nextTick as W}from"vue";import{Rect as l}from"../../../util/dimensions.mjs";import{getScrollParents as E}from"../../../util/scroll.mjs";import{isFixedPosition as H}from"../../../util/isFixedPosition.mjs";import{toFixedPosition as M}from"../../../util/style.mjs";import{toWebUnit as c,pixelCeil as y,pixelRound as d}from"../../../util/units.mjs";import{destructComputed as Z,clamp as x}from"../../../util/helpers.mjs";import{isDeepEqual as N,isNumber as j}from"../../../util/is-functions.mjs";import{Anchor as m}from"../../../util/anchor.mjs";/*! Evance UI v1.1.52 | MIT License */function K(h,t,e,i){const s=new D(h,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class D{constructor(t,e,i,s){n(this,"contentScrollParents");n(this,"contentRect");n(this,"maxHeight");n(this,"maxWidth");n(this,"minHeight");n(this,"minWidth");n(this,"observe",!1);n(this,"observer");n(this,"offset");n(this,"preferredPosition");n(this,"preferredOrigin");n(this,"targetRect");n(this,"viewportRect");n(this,"viewportMargin",12);n(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedTarget(),this.minWidth=this.computedNumericProp("minWidth"),this.maxWidth=this.computedNumericProp("maxWidth"),this.minHeight=this.computedNumericProp("minHeight"),this.maxHeight=this.computedNumericProp("maxHeight"),this.offset=this.computedOffset(),this.zoneCalculator=new q,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),u(this.data.target,(t,e)=>{var i,s;e&&!Array.isArray(e)&&((i=this.observer)==null||i.unobserve(e)),Array.isArray(t)?N(t,e)||this.updatePosition():t&&((s=this.observer)==null||s.observe(t))},{immediate:!0}),u(this.data.contentEl,(t,e)=>{e&&this.observer.unobserve(e),t&&this.observer.observe(t)},{immediate:!0}),F(()=>{var t;(t=this.observer)==null||t.disconnect()})}calculatePreferences(){const{preferredPosition:t,preferredOrigin:e}=Z(()=>{const i=m.fromSelector(this.props.position,this.data.isRtl.value);let s;return this.props.origin==="overlap"?s=i:this.props.origin==="auto"?s=i.flipSide():s=m.fromSelector(this.props.origin,this.data.isRtl.value),i.side===s.side&&i.alignment===s.flipAlignment().alignment?{preferredPosition:i.flipCorner(),preferredOrigin:s.flipCorner()}:{preferredPosition:i,preferredOrigin:s}});this.preferredPosition=t,this.preferredOrigin=e}computedNumericProp(t){return v(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return v(()=>{if(Array.isArray(this.props.offset))return this.props.offset;if(typeof this.props.offset=="string"){const t=this.props.offset.split(" ").map(parseFloat);return t.length<2&&t.push(0),t}return j(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=l.fromElement(t,!0);return e?i.x+=parseFloat(t.style.right||0):i.x-=parseFloat(t.style.left||0),i.y-=parseFloat(t.style.top||0),i}getPointerDimensions(){const t=this.data.pointerEl.value;return t?{width:t.clientWidth,height:t.clientHeight}:null}getContentScrollParents(){const t=E(this.data.contentEl.value),e=this.data.contentEl.value;return t.length||(t.push(document.documentElement),e.style.top&&e.style.left||(this.contentRect.x-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-x")||"0"),this.contentRect.y-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-y")||"0"))),t}getViewportRect(){const t=this.contentScrollParents.reduce((e,i)=>{const s=l.fromElement(i),o=i===document.documentElement,r=new l(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new l(Math.max(e.left,r.left),Math.max(e.top,r.top),Math.min(e.right,r.right)-Math.max(e.left,r.left),Math.min(e.bottom,r.bottom)-Math.max(e.top,r.top)):r},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedTarget(){(Array.isArray(this.data.target.value)||H(this.data.target.value))&&M(this.contentStyles.value,this.data.isRtl.value)}getTargetRect(t){if(Array.isArray(t)){const e=document.body.currentCSSZoom??1,i=1+(1-e)/e;return new l(t[0]*i,t[1]*i,0,0)}return l.fromElement(t)}updatePosition(){var r;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.target.value||!this.data.contentEl.value)return;Array.isArray(this.data.target.value)||this.data.target.value.offsetParent||this.data.target.value.getClientRects().length?this.targetRect=this.getTargetRect(this.data.target.value):this.targetRect=new l(0,0,0,0),this.contentRect=this.getContentRect(),this.contentScrollParents=this.getContentScrollParents(),this.viewportRect=this.getViewportRect();const t=this.zoneCalculator.getAvailable(this.targetRect,this.viewportRect,this.offset.value,this.contentRect),e={position:this.preferredPosition.value,origin:this.preferredOrigin.value};if(e.position.side==="auto"){const a=this.getAutoZone(e.position,t);e.position=a.position,e.origin=e.position.flipSide()}const i=e.position.side==="center"?this.getCenterZone(t):this.getBestZone(e.position,t);e.position=i.position,e.origin=e.position.flipSide();const{x:s,y:o}=this.calculateContentCoords(i,e);return this.calculateContentStyles(i,e,s,o),this.calculatePointerStyles(e,s,o),(r=this.data.contentEl.value)==null||r.setAttribute("data-position",e.position.toString()),{zoneRect:i.rect,contentRect:this.contentRect}}calculateContentCoords(t,e){let{x:i,y:s}=t.rect;if(e.position.side==="center")s=t.rect.y+(t.rect.height-this.contentRect.height)/2,i=t.rect.x+(t.rect.width-this.contentRect.width)/2;else if(e.position.side==="top"?s=t.rect.bottom-this.contentRect.height:e.position.side==="left"&&(i=t.rect.right-this.contentRect.width),e.position.alignment!=="start"){const o=e.position.alignment==="center"?2:1;e.position.axis==="x"?s=this.targetRect.y+(this.targetRect.height-this.contentRect.height)/o:i=this.targetRect.x+(this.targetRect.width-this.contentRect.width)/o}return s<this.viewportRect.y&&(s=this.viewportRect.y),i<this.viewportRect.x&&(i=this.viewportRect.x),{x:i,y:s}}calculateContentStyles(t,e,i,s){Object.assign(this.contentStyles.value,{"--ev-overlay-position":e.position.toCssValue(),transformOrigin:e.origin.toCssValue(),top:c(d(s)),left:c(d(i)),minWidth:c(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:c(y(x(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:c(y(x(t.rect.height,this.minHeight.value===1/0?0:this.minHeight.value,this.maxHeight.value)))})}calculatePointerStyles(t,e,i){const s=this.getPointerDimensions();if(!s||t.position.side==="center"&&t.position.alignment==="center"){Object.assign(this.pointerStyles.value,{left:null,top:null});return}let o=null,r=null,a=0;t.position.axis==="y"?(e>this.targetRect.x?o=0-s.width/2:o=this.targetRect.x-e-s.width/2,o+=Math.min(this.targetRect.width,this.contentRect.width)/2,r=t.position.side==="bottom"?0-s.height:"100%",a=t.position.side==="bottom"?180:0):(i>this.targetRect.y?r=0-s.width/2:r=this.targetRect.y-i-s.width/2,r+=Math.min(this.targetRect.height,this.contentRect.height)/2,o=t.position.side==="right"?0-s.height:"100%",a=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:c(d(o)),top:typeof r=="string"?r:c(d(r)),transform:`rotate(${a}deg)`})}getAutoZone(t,e){return e.filter(s=>s.position.side==="center"?!1:t.alignment==="auto"||s.position.alignment===t.alignment)[0]}getBestZone(t,e){const i=[t,t.centerAlign(),t.flipSide(),t.flipSide().centerAlign(),t.flipCorner(),t.flipCorner().centerAlign(),t.flipCorner().flipSide(),t.flipCorner().flipSide().centerAlign()];for(const s of i){const o=e.find(r=>r.position.toString()===s.toString());if(o!=null&&o.isFitsContent)return o}for(const s of i){const o=e.find(a=>a.position.toString()===s.toString());if(!o)continue;const r=s.axis==="x"?"width":"height";if(o.available[r]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){u(()=>{var t,e;return[(t=this.preferredPosition)==null?void 0:t.value,(e=this.preferredOrigin)==null?void 0:e.value,this.props.offset,this.props.minWidth,this.props.minHeight,this.props.maxWidth,this.props.maxHeight]},()=>this.updatePosition()),W(()=>{this.updatePosition()})}}class V{constructor(t,e,i){n(this,"available");n(this,"isFitsContent");this.position=t,this.rect=e,this.content=i,this.available={width:this.rect.width-i.width,height:this.rect.height-i.height},this.isFitsContent=this.rect.width>=i.width&&this.rect.height>=i.height}get availableArea(){return this.available.width*this.available.height}}class q{getAvailable(t,e,i,s){const[o,r]=i,a={top:{y:e.top,height:t.top-e.top-o,align:"x"},bottom:{y:t.bottom+o,height:e.bottom-t.bottom-o,align:"x"},left:{x:e.left,width:t.left-e.left-o,align:"y"},right:{x:t.right+o,width:e.right-t.right-o,align:"y"},center:{x:e.left,width:e.width,align:"y"}},b={x:{center:{x:e.left,width:e.width},start:{x:t.left+r,width:e.width-t.left-r},end:{x:e.left,width:t.right-e.left-r}},y:{center:{y:e.top,height:e.height},start:{y:t.top+r,height:e.bottom-t.top-r},end:{y:e.top,height:t.bottom-e.top-r}}},p=[];for(const[g,f]of Object.entries(a))for(const[R,P]of Object.entries(b[f.align])){const w=new m(g,R),S=Object.assign({width:0,height:0,x:0,y:0},f,P),A=l.fromRect(S);p.push(new V(w,A,s))}return p.sort((g,f)=>f.availableArea-g.availableArea),p}}export{K as connectedPositionStrategy};
 //# sourceMappingURL=connected-position.mjs.map

package/dist/esm/components/EvOverlay/position-strategy/static-position.mjs

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.51 | MIT License */function a(t,o,n){}export{a as staticPositionStrategy};
+/*! Evance UI v1.1.52 | MIT License */function a(t,o,n){}export{a as staticPositionStrategy};
 //# sourceMappingURL=static-position.mjs.map