@evance/evance-ui 1.1.16 → 1.1.17

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.16 | 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.17 | 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 E,useSlots as S,computed as a,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.16 | MIT License */const W=E({__name:"EvMenu",props:{...j()},setup(k,{expose:P}){const l=k,A=S(),t=I(l,"modelValue"),g=N(),c=a(()=>l.id||`ev-menu-${g}`),i=b(),o=M(y,null),n=T(0);V(y,{register(){++n.value},unregister(){--n.value},closeParents(){setTimeout(()=>{n.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 x(e){var r,s;l.disabled||e.key==="Tab"&&(t.value=!1,(s=(r=i.value)==null?void 0:r.activatorEl)==null||s.focus())}function v(e){var s;if(l.disabled)return;const r=(s=i.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 _=a(()=>f({"aria-haspopup":"menu","aria-expanded":String(t.value),"aria-owns":c.value,onKeydown:v},l.activatorProps));P({id:c,openChildren:n});const h=a(()=>O(d,l));return(e,r)=>(U(),K(u(d),f({ref_key:"overlay",ref:i,modelValue:u(t),"onUpdate:modelValue":r[0]||(r[0]=s=>B(t)?t.value=s:null)},h.value,{class:["ev-menu",l.class],style:l.style,"activator-props":_.value,"onClick:outside":C,onKeydown:x}),R({default:p(()=>[m(e.$slots,"default")]),_:2},[u(A).activator?{name:"activator",fn:p(({isActive:s,props:D})=>[m(e.$slots,"activator",{isActive:s,props:D})]),key:"0"}:void 0]),1040,["modelValue","class","style","activator-props"]))}});export{W as default};
+import{defineComponent as E,useSlots as S,computed as a,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.17 | MIT License */const W=E({__name:"EvMenu",props:{...j()},setup(k,{expose:P}){const l=k,A=S(),t=I(l,"modelValue"),g=N(),c=a(()=>l.id||`ev-menu-${g}`),i=b(),o=M(y,null),n=T(0);V(y,{register(){++n.value},unregister(){--n.value},closeParents(){setTimeout(()=>{n.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 x(e){var r,s;l.disabled||e.key==="Tab"&&(t.value=!1,(s=(r=i.value)==null?void 0:r.activatorEl)==null||s.focus())}function v(e){var s;if(l.disabled)return;const r=(s=i.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 _=a(()=>f({"aria-haspopup":"menu","aria-expanded":String(t.value),"aria-owns":c.value,onKeydown:v},l.activatorProps));P({id:c,openChildren:n});const h=a(()=>O(d,l));return(e,r)=>(U(),K(u(d),f({ref_key:"overlay",ref:i,modelValue:u(t),"onUpdate:modelValue":r[0]||(r[0]=s=>B(t)?t.value=s:null)},h.value,{class:["ev-menu",l.class],style:l.style,"activator-props":_.value,"onClick:outside":C,onKeydown:x}),R({default:p(()=>[m(e.$slots,"default")]),_:2},[u(A).activator?{name:"activator",fn:p(({isActive:s,props:D})=>[m(e.$slots,"activator",{isActive:s,props:D})]),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.16 | MIT License */export{f as default};
+import f from"./EvMenu.vue.mjs";/*! Evance UI v1.1.17 | 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.16 | 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.17 | 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.16 | MIT License */export{f as default};
+import f from"./EvMenuTransition.vue.mjs";/*! Evance UI v1.1.17 | 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.16 | MIT License */const o=Symbol.for("ev:menu");export{o as EvMenuSymbol};
+/*! Evance UI v1.1.17 | 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.16 | 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.17 | 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.16 | 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.17 | 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.16 | MIT License */export{f as default};
+import f from"./EvMessage.vue.mjs";/*! Evance UI v1.1.17 | 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.16 | 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.17 | 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.16 | 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.17 | 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.16 | MIT License */export{f as default};
+import f from"./EvNotification.vue.mjs";/*! Evance UI v1.1.17 | 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.16 | 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.17 | 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.16 | MIT License */export{f as default};
+import f from"./EvNotifications.vue.mjs";/*! Evance UI v1.1.17 | 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.16 | 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.17 | 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.16 | 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.17 | 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.16 | 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.17 | 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.16 | MIT License */export{f as default};
+import f from"./EvNumber.vue.mjs";/*! Evance UI v1.1.17 | 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.16 | 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.17 | 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.16 | MIT License */export{f as default};
+import f from"./EvNumberDigit.vue.mjs";/*! Evance UI v1.1.17 | 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.16 | 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.17 | 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 d,shallowRef as Z,watch as B,createBlock as k,openBlock as F,unref as v,mergeProps as _,createSlots as ee,withCtx as M,renderSlot as $,createTextVNode as P,toDisplayString as T,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{useModelProxy as re}from"../../composables/modelProxy.mjs";import S from"../EvButton/EvButton.vue.mjs";import le from"../../icons/glyph/MinusIcon.svg.mjs";import ae from"../../icons/glyph/PlusIcon.svg.mjs";import{useLocaleManager as ue}from"../../composables/locale.mjs";import{omit as ie,filterComponentProps as se}from"../../util/helpers.mjs";import{isEmpty as s}from"../../util/is-functions.mjs";/*! Evance UI v1.1.16 | MIT License */const fe=100,me=.25,ke=W({__name:"EvNumberField",props:{...ne()},setup(E){const n=E,w=ue(),V=X(),R=Y(),N=d(()=>ie(se(C,n),["modelValue"])),a=new oe(w,n),l=re(n,"modelValue"),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=d(()=>n.min??null),D=d(()=>n.max??null),b=d(()=>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(i=>i.type==="fraction");return o?o.value.length:0}function f(e){if(s(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!s(n.minFractionDigits)&&t<n.minFractionDigits&&(e=parseFloat(e.toFixed(n.minFractionDigits))),!s(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=s(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(),m(1);return}if(e.key==="ArrowDown"){e.preventDefault(),m(-1);return}if(e.key==="Enter"){e.preventDefault();const p=a.parseValue(r.value),c=f(p);l.value=c,te(()=>{r.value=s(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(),u()}function q(e){var o;e.preventDefault();const t=(o=e.clipboardData)==null?void 0:o.getData("Text");if(t){const i=a.parseValue(t),p=f(i);r.value=s(p)?"":p.toString(),l.value=p}}function m(e){if(g||n.readonly)return;g=!0;let t;s(l.value)?t=x.value??0:t=f(l.value+e*b.value),r.value=a.formatValue(t);const o=Date.now();let i=b.value;I=setInterval(()=>{const c=(Date.now()-o)/1e3;if(c<me)return;const Q=Math.floor(Math.pow(2,c-1));i=b.value*Q,t=f(t+e*i),r.value=a.formatValue(t)},fe)}function u(){if(g){clearInterval(I);const e=a.parseValue(r.value);l.value=f(e),g=!1}}const J=d(()=>n.showButtons||V.prefix||n.prefix),O=d(()=>n.showButtons||V.suffix||n.suffix);return(e,t)=>(F(),k(v(C),_({ref_key:"evTextfieldRef",ref:R},N.value,{modelValue:r.value,"onUpdate:modelValue":t[10]||(t[10]=o=>r.value=o),class:"ev-number-field",type:"text",onPaste:q,onBlur:G,onFocus:h,onKeydown:H,onKeyup:j}),ee({_:2},[n.label||v(V).label?{name:"label",fn:M(()=>[$(e.$slots,"label",{},()=>[P(T(n.label),1)])]),key:"0"}:void 0,J.value?{name:"prefix",fn:M(()=>[n.showButtons?(F(),k(v(S),{key:0,rounded:n.rounded,size:"x-small",class:"ev-number-field--minus",variant:"subtle",icon:v(le),disabled:n.readonly||n.disabled,onKeydown:t[0]||(t[0]=A(o=>m(-1),["space","enter"])),onKeyup:t[1]||(t[1]=o=>u()),onClick:y(()=>{},["prevent","stop"]),onMousedown:t[2]||(t[2]=y(o=>m(-1),["prevent","stop"])),onMouseup:t[3]||(t[3]=y(o=>u(),["prevent","stop"])),onMouseleave:t[4]||(t[4]=o=>u())},null,8,["rounded","icon","disabled","onClick"])):K("",!0),$(e.$slots,"prefix",{},()=>[P(T(n.prefix),1)])]),key:"1"}:void 0,O.value?{name:"suffix",fn:M(()=>[$(e.$slots,"suffix",{},()=>[P(T(n.suffix),1)]),n.showButtons?(F(),k(v(S),{key:0,rounded:n.rounded,size:"x-small",class:"ev-number-field--plus",variant:"subtle",icon:v(ae),disabled:n.readonly||n.disabled,onKeydown:t[5]||(t[5]=A(o=>m(1),["space","enter"])),onKeyup:t[6]||(t[6]=o=>u()),onClick:y(()=>{},["prevent","stop"]),onMousedown:t[7]||(t[7]=y(o=>m(1),["prevent","stop"])),onMouseup:t[8]||(t[8]=y(o=>u(),["prevent","stop"])),onMouseleave:t[9]||(t[9]=o=>u())},null,8,["rounded","icon","disabled","onClick"])):K("",!0)]),key:"2"}:void 0]),1040,["modelValue"]))}});export{ke as default};
+import{defineComponent as W,useSlots as X,ref as Y,computed as d,shallowRef as Z,watch as B,createBlock as k,openBlock as F,unref as v,mergeProps as _,createSlots as ee,withCtx as M,renderSlot as $,createTextVNode as P,toDisplayString as T,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{useModelProxy as re}from"../../composables/modelProxy.mjs";import S from"../EvButton/EvButton.vue.mjs";import le from"../../icons/glyph/MinusIcon.svg.mjs";import ae from"../../icons/glyph/PlusIcon.svg.mjs";import{useLocaleManager as ue}from"../../composables/locale.mjs";import{omit as ie,filterComponentProps as se}from"../../util/helpers.mjs";import{isEmpty as s}from"../../util/is-functions.mjs";/*! Evance UI v1.1.17 | MIT License */const fe=100,me=.25,ke=W({__name:"EvNumberField",props:{...ne()},setup(E){const n=E,w=ue(),V=X(),R=Y(),N=d(()=>ie(se(C,n),["modelValue"])),a=new oe(w,n),l=re(n,"modelValue"),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=d(()=>n.min??null),D=d(()=>n.max??null),b=d(()=>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(i=>i.type==="fraction");return o?o.value.length:0}function f(e){if(s(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!s(n.minFractionDigits)&&t<n.minFractionDigits&&(e=parseFloat(e.toFixed(n.minFractionDigits))),!s(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=s(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(),m(1);return}if(e.key==="ArrowDown"){e.preventDefault(),m(-1);return}if(e.key==="Enter"){e.preventDefault();const p=a.parseValue(r.value),c=f(p);l.value=c,te(()=>{r.value=s(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(),u()}function q(e){var o;e.preventDefault();const t=(o=e.clipboardData)==null?void 0:o.getData("Text");if(t){const i=a.parseValue(t),p=f(i);r.value=s(p)?"":p.toString(),l.value=p}}function m(e){if(g||n.readonly)return;g=!0;let t;s(l.value)?t=x.value??0:t=f(l.value+e*b.value),r.value=a.formatValue(t);const o=Date.now();let i=b.value;I=setInterval(()=>{const c=(Date.now()-o)/1e3;if(c<me)return;const Q=Math.floor(Math.pow(2,c-1));i=b.value*Q,t=f(t+e*i),r.value=a.formatValue(t)},fe)}function u(){if(g){clearInterval(I);const e=a.parseValue(r.value);l.value=f(e),g=!1}}const J=d(()=>n.showButtons||V.prefix||n.prefix),O=d(()=>n.showButtons||V.suffix||n.suffix);return(e,t)=>(F(),k(v(C),_({ref_key:"evTextfieldRef",ref:R},N.value,{modelValue:r.value,"onUpdate:modelValue":t[10]||(t[10]=o=>r.value=o),class:"ev-number-field",type:"text",onPaste:q,onBlur:G,onFocus:h,onKeydown:H,onKeyup:j}),ee({_:2},[n.label||v(V).label?{name:"label",fn:M(()=>[$(e.$slots,"label",{},()=>[P(T(n.label),1)])]),key:"0"}:void 0,J.value?{name:"prefix",fn:M(()=>[n.showButtons?(F(),k(v(S),{key:0,rounded:n.rounded,size:"x-small",class:"ev-number-field--minus",variant:"subtle",icon:v(le),disabled:n.readonly||n.disabled,onKeydown:t[0]||(t[0]=A(o=>m(-1),["space","enter"])),onKeyup:t[1]||(t[1]=o=>u()),onClick:y(()=>{},["prevent","stop"]),onMousedown:t[2]||(t[2]=y(o=>m(-1),["prevent","stop"])),onMouseup:t[3]||(t[3]=y(o=>u(),["prevent","stop"])),onMouseleave:t[4]||(t[4]=o=>u())},null,8,["rounded","icon","disabled","onClick"])):K("",!0),$(e.$slots,"prefix",{},()=>[P(T(n.prefix),1)])]),key:"1"}:void 0,O.value?{name:"suffix",fn:M(()=>[$(e.$slots,"suffix",{},()=>[P(T(n.suffix),1)]),n.showButtons?(F(),k(v(S),{key:0,rounded:n.rounded,size:"x-small",class:"ev-number-field--plus",variant:"subtle",icon:v(ae),disabled:n.readonly||n.disabled,onKeydown:t[5]||(t[5]=A(o=>m(1),["space","enter"])),onKeyup:t[6]||(t[6]=o=>u()),onClick:y(()=>{},["prevent","stop"]),onMousedown:t[7]||(t[7]=y(o=>m(1),["prevent","stop"])),onMouseup:t[8]||(t[8]=y(o=>u(),["prevent","stop"])),onMouseleave:t[9]||(t[9]=o=>u())},null,8,["rounded","icon","disabled","onClick"])):K("",!0)]),key:"2"}:void 0]),1040,["modelValue"]))}});export{ke as default};
 //# sourceMappingURL=EvNumberField.vue.mjs.map

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

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

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

@@ -1,2 +1,2 @@
-var d=Object.defineProperty;var E=(i,t,e)=>t in i?d(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var s=(i,t,e)=>E(i,typeof t!="symbol"?t+"":t,e);import{makeDelayOpenCloseProps as C,useDelayOpenClose as m}from"../../composables/delay.mjs";import{computed as n,ref as h,inject as A,watch as v,effectScope as F,onScopeDispose as f,watchEffect as y,nextTick as O,mergeProps as p}from"vue";import{EvMenuSymbol as g}from"../EvMenu/shared.mjs";import{refElement as k}from"../../util/helpers.mjs";import{bindProps as H,unbindProps as b}from"../../util/bindProps.mjs";import{propsFactory as P}from"../../util/props.mjs";import{getCurrentComponent as w}from"../../util/components.mjs";import{Browser as u}from"../../util/browser.mjs";/*! Evance UI v1.1.16 | MIT License */const I=P({activator:[String,Object],activatorProps:{type:Object,default:()=>({})},openOnClick:{type:Boolean,default:void 0},openOnHover:Boolean,openOnFocus:{type:Boolean,default:void 0},closeOnContentClick:Boolean,...C()},"EvOverlay/activator");function W(i,t,e){return new M(i,t,e)}class M{constructor(t,e,o){s(this,"activatorEl",h());s(this,"activatorEvents");s(this,"activatorRef",h());s(this,"availableEvents");s(this,"component");s(this,"contentEvents");s(this,"delayClose");s(this,"delayOpen");s(this,"openOnClick");s(this,"openOnFocus");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=w("Activator"),this.openOnFocus=n(()=>t.openOnFocus||t.openOnFocus==null&&t.openOnHover),this.openOnClick=n(()=>t.openOnClick||t.openOnClick==null&&!t.openOnHover&&!this.openOnFocus.value);const{delayOpen:r,delayClose:a}=this.createDelayFunctions();this.delayOpen=r,this.delayClose=a,this.availableEvents=this.getAvailableEvents(),this.activatorEvents=this.createActivatorEvents(),this.contentEvents=this.createContentEvents(),this.veilEvents=this.createVeilEvents(),this.watchIsTopOfStack(),this.watchActivatorEl(),this.watchActivatorProp()}createActivatorEvents(){return n(()=>{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 n(()=>{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=A(g,null);t.onClick=()=>{this.isActive.value=!1,e==null||e.closeParents()}}return t})}createDelayFunctions(){return m(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 n(()=>{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){var o,r,a,l;let e;if(t)if(t==="parent"){let c=(a=(r=(o=this.component)==null?void 0:o.proxy)==null?void 0:r.$el)==null?void 0:a.parentNode;for(;c.hasAttribute("data-no-activator");)c=c.parentNode;e=c}else typeof t=="string"?e=document.querySelector(t):"$el"in t?(e=t.$el,console.log("activator selector",t),console.log("$el",t.$el),console.log("$el nodeType",(l=t.$el)==null?void 0:l.nodeType),console.log("$el instanceof HTMLElement",t.$el instanceof HTMLElement)):e=t;return this.setActivatorEl(e)}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.isActive.value}onFocus(t){u.supportsFocusVisible&&!t.target.matches(":focus-visible")||(t.stopPropagation(),this.isFocused=!0,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(){v(()=>!!this.props.activator,t=>{t&&u.hasWindow?(this.scope=F(),this.scope.run(()=>{this.watcher=new T(this)})):this.scope&&this.scope.stop()},{flush:"post",immediate:!0}),f(()=>{var t;(t=this.scope)==null||t.stop(),this.watcher&&(this.watcher=void 0)})}watchActivatorEl(){y(()=>{console.log("watching activatorEl"),this.activatorRef.value&&O(()=>{this.activatorEl.value=k(this.activatorRef.value)})})}watchIsTopOfStack(){v(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 T{constructor(t){this.activator=t,this.watchActivator()}addActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&H(t,p(this.activator.activatorEvents.value,e))}removeActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&b(t,p(this.activator.activatorEvents.value,e))}watchActivator(){v(()=>this.activator.props.activator,(t,e)=>{if(e&&t!==e){const o=this.activator.getActivatorEl(e);o&&this.removeActivatorPropsEventListeners(o)}t&&O(()=>this.addActivatorPropsEventListeners())},{immediate:!0}),v(()=>this.activator.props.activatorProps,()=>{this.addActivatorPropsEventListeners()}),f(()=>{this.removeActivatorPropsEventListeners()})}}export{I as makeActivatorProps,W as useActivator};
+var d=Object.defineProperty;var E=(i,t,e)=>t in i?d(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var s=(i,t,e)=>E(i,typeof t!="symbol"?t+"":t,e);import{makeDelayOpenCloseProps as C,useDelayOpenClose as m}from"../../composables/delay.mjs";import{computed as n,ref as h,inject as A,watch as v,effectScope as F,onScopeDispose as f,watchEffect as y,nextTick as O,mergeProps as p}from"vue";import{EvMenuSymbol as g}from"../EvMenu/shared.mjs";import{refElement as k}from"../../util/helpers.mjs";import{bindProps as H,unbindProps as b}from"../../util/bindProps.mjs";import{propsFactory as P}from"../../util/props.mjs";import{getCurrentComponent as w}from"../../util/components.mjs";import{Browser as u}from"../../util/browser.mjs";/*! Evance UI v1.1.17 | MIT License */const I=P({activator:[String,Object],activatorProps:{type:Object,default:()=>({})},openOnClick:{type:Boolean,default:void 0},openOnHover:Boolean,openOnFocus:{type:Boolean,default:void 0},closeOnContentClick:Boolean,...C()},"EvOverlay/activator");function W(i,t,e){return new M(i,t,e)}class M{constructor(t,e,o){s(this,"activatorEl",h());s(this,"activatorEvents");s(this,"activatorRef",h());s(this,"availableEvents");s(this,"component");s(this,"contentEvents");s(this,"delayClose");s(this,"delayOpen");s(this,"openOnClick");s(this,"openOnFocus");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=w("Activator"),this.openOnFocus=n(()=>t.openOnFocus||t.openOnFocus==null&&t.openOnHover),this.openOnClick=n(()=>t.openOnClick||t.openOnClick==null&&!t.openOnHover&&!this.openOnFocus.value);const{delayOpen:r,delayClose:a}=this.createDelayFunctions();this.delayOpen=r,this.delayClose=a,this.availableEvents=this.getAvailableEvents(),this.activatorEvents=this.createActivatorEvents(),this.contentEvents=this.createContentEvents(),this.veilEvents=this.createVeilEvents(),this.watchIsTopOfStack(),this.watchActivatorEl(),this.watchActivatorProp()}createActivatorEvents(){return n(()=>{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 n(()=>{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=A(g,null);t.onClick=()=>{this.isActive.value=!1,e==null||e.closeParents()}}return t})}createDelayFunctions(){return m(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 n(()=>{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){var o,r,a,l;let e;if(console.log("activator selector",t),console.log("$el",t.$el),console.log("$el nodeType",(o=t.$el)==null?void 0:o.nodeType),console.log("$el instanceof HTMLElement",t.$el instanceof HTMLElement),t)if(t==="parent"){let c=(l=(a=(r=this.component)==null?void 0:r.proxy)==null?void 0:a.$el)==null?void 0:l.parentNode;for(;c.hasAttribute("data-no-activator");)c=c.parentNode;e=c}else typeof t=="string"?e=document.querySelector(t):"$el"in t?e=t.$el:e=t;return this.setActivatorEl(e)}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.isActive.value}onFocus(t){u.supportsFocusVisible&&!t.target.matches(":focus-visible")||(t.stopPropagation(),this.isFocused=!0,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(){v(()=>!!this.props.activator,t=>{t&&u.hasWindow?(this.scope=F(),this.scope.run(()=>{this.watcher=new T(this)})):this.scope&&this.scope.stop()},{flush:"post",immediate:!0}),f(()=>{var t;(t=this.scope)==null||t.stop(),this.watcher&&(this.watcher=void 0)})}watchActivatorEl(){y(()=>{console.log("watching activatorEl"),this.activatorRef.value&&O(()=>{this.activatorEl.value=k(this.activatorRef.value)})})}watchIsTopOfStack(){v(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 T{constructor(t){this.activator=t,this.watchActivator()}addActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&H(t,p(this.activator.activatorEvents.value,e))}removeActivatorPropsEventListeners(t=this.activator.getActivatorEl(),e=this.activator.props.activatorProps){t&&b(t,p(this.activator.activatorEvents.value,e))}watchActivator(){v(()=>this.activator.props.activator,(t,e)=>{if(e&&t!==e){const o=this.activator.getActivatorEl(e);o&&this.removeActivatorPropsEventListeners(o)}t&&O(()=>this.addActivatorPropsEventListeners())},{immediate:!0}),v(()=>this.activator.props.activatorProps,()=>{this.addActivatorPropsEventListeners()}),f(()=>{this.removeActivatorPropsEventListeners()})}}export{I as makeActivatorProps,W as useActivator};
 //# sourceMappingURL=activator.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"activator.mjs","sources":["../../../../src/components/EvOverlay/activator.ts"],"sourcesContent":["import {\r\n    DelayOpenCloseProps,\r\n    makeDelayOpenCloseProps,\r\n    useDelayOpenClose,\r\n} from \"@/composables/delay.ts\";\r\nimport {\r\n    ComponentInternalInstance,\r\n    ComponentPublicInstance,\r\n    computed,\r\n    ComputedRef,\r\n    effectScope,\r\n    EffectScope,\r\n    inject,\r\n    mergeProps,\r\n    nextTick,\r\n    onScopeDispose,\r\n    PropType,\r\n    ref,\r\n    Ref,\r\n    watch,\r\n    watchEffect,\r\n} from \"vue\";\r\nimport {\r\n    bindProps,\r\n    Browser,\r\n    getCurrentComponent,\r\n    propsFactory,\r\n    refElement,\r\n    unbindProps,\r\n} from \"@/util\";\r\nimport { EvMenuSymbol } from \"../EvMenu/shared\";\r\n\r\ntype ActivatorSelector = \"parent\" | string | Element | ComponentPublicInstance;\r\n\r\nexport interface ActivatorProps extends DelayOpenCloseProps {\r\n    activator?: ActivatorSelector;\r\n    activatorProps?: Record<string, any>;\r\n    openOnClick?: boolean;\r\n    openOnHover?: boolean;\r\n    openOnFocus?: boolean;\r\n    closeOnContentClick?: boolean;\r\n}\r\n\r\nexport const makeActivatorProps = propsFactory(\r\n    {\r\n        activator: [String, Object] as PropType<ActivatorProps[\"activator\"]>,\r\n        activatorProps: {\r\n            type: Object as PropType<ActivatorProps[\"activatorProps\"]>,\r\n            default: () => ({}),\r\n        },\r\n        openOnClick: {\r\n            type: Boolean,\r\n            default: undefined,\r\n        },\r\n        openOnHover: Boolean,\r\n        openOnFocus: {\r\n            type: Boolean,\r\n            default: undefined,\r\n        },\r\n        closeOnContentClick: Boolean,\r\n\r\n        ...makeDelayOpenCloseProps(),\r\n    },\r\n    \"EvOverlay/activator\",\r\n);\r\n\r\ninterface ActivatorEvents {\r\n    onBlur?: (e: FocusEvent) => void;\r\n    onClick?: (e: MouseEvent) => void;\r\n    onFocus?: (e: FocusEvent) => void;\r\n    onMouseenter?: (e: MouseEvent) => void;\r\n    onMouseleave?: (e: MouseEvent) => void;\r\n}\r\n\r\ninterface ContentEvents {\r\n    onMouseenter?: () => void;\r\n    onMouseleave?: () => void;\r\n    onFocusin?: () => void;\r\n    onFocusout?: () => void;\r\n    onClick?: () => void;\r\n}\r\n\r\ninterface VeilEvents {\r\n    onMouseenter?: () => void;\r\n    onMouseleave?: () => void;\r\n}\r\n\r\n/**\r\n * # UI Mouse Event\r\n * `sourceCapabilities` is in labs according to MDN. So it is subject to change.\r\n * It is also not included in TypeScript's MouseEvent, so this is a little bit\r\n * of a hack to avoid issues with the build.\r\n */\r\ninterface UIMouseEvent extends MouseEvent {\r\n    sourceCapabilities?: { firesTouchEvents: boolean };\r\n}\r\n\r\n/**\r\n * # Use Activator\r\n *\r\n * @param props\r\n * @param isActive\r\n * @param isTopOfStack\r\n */\r\nexport function useActivator(\r\n    props: ActivatorProps,\r\n    isActive: Ref<boolean>,\r\n    isTopOfStack: Ref<boolean>,\r\n) {\r\n    return new Activator(props, isActive, isTopOfStack);\r\n}\r\n\r\nclass Activator {\r\n    public readonly activatorEl = ref<HTMLElement>();\r\n    public readonly activatorEvents: ComputedRef<Partial<ActivatorEvents>>;\r\n    public readonly activatorRef = ref();\r\n    public readonly availableEvents: ActivatorEvents;\r\n    public readonly component: ComponentInternalInstance;\r\n    public readonly contentEvents: ComputedRef<Partial<ContentEvents>>;\r\n    public readonly delayClose: () => Promise<boolean>;\r\n    public readonly delayOpen: () => Promise<boolean>;\r\n    public readonly openOnClick: ComputedRef<boolean>;\r\n    public readonly openOnFocus: ComputedRef<boolean>;\r\n    public readonly veilEvents: ComputedRef<Partial<VeilEvents>>;\r\n\r\n    public isHovered = false;\r\n    public isFocused = false;\r\n    public firstEnter = true;\r\n\r\n    private watcher?: ActivatorWatcher;\r\n    private scope?: EffectScope;\r\n\r\n    constructor(\r\n        public props: ActivatorProps,\r\n        public isActive: Ref<boolean>,\r\n        public isTopOfStack: Ref<boolean>,\r\n    ) {\r\n        this.component = getCurrentComponent(\"Activator\");\r\n        this.openOnFocus = computed(\r\n            () =>\r\n                props.openOnFocus ||\r\n                (props.openOnFocus == null && props.openOnHover),\r\n        );\r\n        this.openOnClick = computed(\r\n            () =>\r\n                props.openOnClick ||\r\n                (props.openOnClick == null &&\r\n                    !props.openOnHover &&\r\n                    !this.openOnFocus.value),\r\n        );\r\n        const { delayOpen, delayClose } = this.createDelayFunctions();\r\n        this.delayOpen = delayOpen;\r\n        this.delayClose = delayClose;\r\n        this.availableEvents = this.getAvailableEvents();\r\n        this.activatorEvents = this.createActivatorEvents();\r\n        this.contentEvents = this.createContentEvents();\r\n        this.veilEvents = this.createVeilEvents();\r\n        this.watchIsTopOfStack();\r\n        this.watchActivatorEl();\r\n        this.watchActivatorProp();\r\n    }\r\n\r\n    /**\r\n     * ## Create Activator Events\r\n     * Returns a computed set of partially available events.\r\n     * @private\r\n     */\r\n    private createActivatorEvents() {\r\n        return computed(() => {\r\n            const events: Partial<ActivatorEvents> = {};\r\n            if (this.isOpenOnClick()) {\r\n                events.onClick = this.availableEvents.onClick;\r\n            }\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = this.availableEvents.onMouseenter;\r\n                events.onMouseleave = this.availableEvents.onMouseleave;\r\n            }\r\n            if (this.isOpenOnFocus()) {\r\n                events.onFocus = this.availableEvents.onFocus;\r\n                events.onBlur = this.availableEvents.onBlur;\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Content Events\r\n     * @private\r\n     */\r\n    private createContentEvents() {\r\n        return computed(() => {\r\n            const events: Partial<ContentEvents> = {};\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = () => {\r\n                    this.isHovered = true;\r\n                    this.delayOpen();\r\n                };\r\n                events.onMouseleave = () => {\r\n                    this.isHovered = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            if (this.isOpenOnFocus()) {\r\n                events.onFocusin = () => {\r\n                    this.isFocused = true;\r\n                    this.delayOpen();\r\n                };\r\n                events.onFocusout = () => {\r\n                    this.isFocused = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            if (this.isCloseOnContentClick()) {\r\n                const menu = inject(EvMenuSymbol, null);\r\n                events.onClick = () => {\r\n                    this.isActive.value = false;\r\n                    menu?.closeParents();\r\n                };\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Delay Functions\r\n     * @private\r\n     */\r\n    private createDelayFunctions() {\r\n        return useDelayOpenClose(this.props, (value) => {\r\n            const canOpenHover = this.props.openOnHover && this.isHovered;\r\n            const canOpenFocus = this.openOnFocus.value && this.isFocused;\r\n            if (\r\n                value === (canOpenHover || canOpenFocus) &&\r\n                !(\r\n                    this.props.openOnHover &&\r\n                    this.isActive.value &&\r\n                    !this.isTopOfStack.value\r\n                )\r\n            ) {\r\n                if (this.isActive.value !== value) {\r\n                    this.firstEnter = true;\r\n                }\r\n                this.isActive.value = value;\r\n            }\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Veil Events\r\n     * @private\r\n     */\r\n    private createVeilEvents() {\r\n        return computed(() => {\r\n            const events: Partial<VeilEvents> = {};\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = () => {\r\n                    if (this.firstEnter) {\r\n                        this.isHovered = true;\r\n                        this.firstEnter = false;\r\n                        this.delayOpen();\r\n                    }\r\n                };\r\n                events.onMouseleave = () => {\r\n                    this.isHovered = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     *\r\n     * @param selector\r\n     * @private\r\n     */\r\n    public getActivatorEl(\r\n        selector: ActivatorSelector | undefined = this.props.activator,\r\n    ) {\r\n        let activator;\r\n        if (selector) {\r\n            if (selector === \"parent\") {\r\n                let el = this.component?.proxy?.$el?.parentNode;\r\n                while (el.hasAttribute(\"data-no-activator\")) {\r\n                    el = el.parentNode;\r\n                }\r\n                activator = el;\r\n            } else if (typeof selector === \"string\") {\r\n                // Selector\r\n                activator = document.querySelector(selector);\r\n            } else if (\"$el\" in selector) {\r\n                // Component (ref)\r\n                activator = selector.$el;\r\n                console.log(\"activator selector\", selector);\r\n                console.log(\"$el\", selector.$el);\r\n                console.log(\"$el nodeType\", selector.$el?.nodeType);\r\n                console.log(\"$el instanceof HTMLElement\", selector.$el instanceof HTMLElement);\r\n            } else {\r\n                // HTMLElement | Element\r\n                activator = selector;\r\n            }\r\n        }\r\n        return this.setActivatorEl(activator);\r\n    }\r\n\r\n    /**\r\n     * ## Get Available Events\r\n     */\r\n    public getAvailableEvents(): ActivatorEvents {\r\n        return {\r\n            onBlur: this.onBlur.bind(this),\r\n            onClick: this.onClick.bind(this),\r\n            onFocus: this.onFocus.bind(this),\r\n            onMouseenter: this.onMouseenter.bind(this),\r\n            onMouseleave: this.onMouseleave.bind(this),\r\n        };\r\n    }\r\n\r\n    /**\r\n     * ## Is Close on Content Click?\r\n     * Should we close overlays when the content of the overlay is clicked.\r\n     * For example, when a menu item is clicked.\r\n     */\r\n    public isCloseOnContentClick(): boolean {\r\n        return this.props.closeOnContentClick;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open On Click?\r\n     */\r\n    public isOpenOnClick(): boolean {\r\n        return this.openOnClick.value;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open on Hover?\r\n     */\r\n    public isOpenOnHover(): boolean {\r\n        return this.props.openOnHover;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open on Focus?\r\n     */\r\n    public isOpenOnFocus(): boolean {\r\n        return this.openOnFocus.value;\r\n    }\r\n\r\n    /**\r\n     * ## On Blur\r\n     * @param e\r\n     */\r\n    public onBlur(e: FocusEvent) {\r\n        e.stopPropagation();\r\n        this.isFocused = false;\r\n        this.delayClose();\r\n    }\r\n\r\n    /**\r\n     * ## On Click\r\n     * @param e\r\n     */\r\n    public onClick(e: MouseEvent) {\r\n        e.stopPropagation();\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.isActive.value = !this.isActive.value;\r\n    }\r\n\r\n    /**\r\n     * ## On Focus\r\n     * @param e\r\n     */\r\n    public onFocus(e: FocusEvent) {\r\n        if (\r\n            Browser.supportsFocusVisible &&\r\n            !(e.target as HTMLElement).matches(\":focus-visible\")\r\n        ) {\r\n            return;\r\n        }\r\n        e.stopPropagation();\r\n        this.isFocused = true;\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.delayOpen();\r\n    }\r\n\r\n    /**\r\n     * ## On Mouse Enter (Hover)\r\n     * @param e\r\n     */\r\n    public onMouseenter(e: UIMouseEvent) {\r\n        if (e.sourceCapabilities?.firesTouchEvents) {\r\n            return;\r\n        }\r\n        this.isHovered = true;\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.delayOpen();\r\n    }\r\n\r\n    /**\r\n     * ## On Mouse Leave\r\n     * @param e\r\n     */\r\n    public onMouseleave(e: MouseEvent) {\r\n        this.isHovered = false;\r\n        this.delayClose();\r\n    }\r\n\r\n    /**\r\n     * ## Set Activator Element\r\n     * @param activator\r\n     */\r\n    public setActivatorEl(activator?: HTMLElement) {\r\n        // The activator should only be a valid element (Ignore comments and text nodes)\r\n        this.activatorEl.value =\r\n            activator?.nodeType === Node.ELEMENT_NODE ? activator : undefined;\r\n        return this.activatorEl.value;\r\n    }\r\n\r\n    /**\r\n     * ## Watch Activator Prop\r\n     * @private\r\n     */\r\n    private watchActivatorProp() {\r\n        watch(\r\n            () => !!this.props.activator,\r\n            (value) => {\r\n                if (value && Browser.hasWindow) {\r\n                    this.scope = effectScope();\r\n                    this.scope.run(() => {\r\n                        this.watcher = new ActivatorWatcher(this);\r\n                    });\r\n                } else if (this.scope) {\r\n                    this.scope.stop();\r\n                }\r\n            },\r\n            { flush: \"post\", immediate: true },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.scope?.stop();\r\n            if (this.watcher) {\r\n                this.watcher = undefined;\r\n            }\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Watch for changes in `activatorEl`\r\n     * @private\r\n     */\r\n    private watchActivatorEl() {\r\n        watchEffect(() => {\r\n            console.log(\"watching activatorEl\");\r\n            if (!this.activatorRef.value) {\r\n                return;\r\n            }\r\n            nextTick(() => {\r\n                this.activatorEl.value = refElement(this.activatorRef.value);\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Watch for changes in `isTopOfStack`.\r\n     * @private\r\n     */\r\n    private watchIsTopOfStack() {\r\n        watch(this.isTopOfStack, (value) => {\r\n            if (\r\n                value &&\r\n                ((this.isOpenOnHover() &&\r\n                    !this.isHovered &&\r\n                    (!this.isOpenOnFocus() || !this.isFocused)) ||\r\n                    (this.isOpenOnFocus() &&\r\n                        !this.isFocused &&\r\n                        (!this.isOpenOnHover() || !this.isHovered)))\r\n            ) {\r\n                this.isActive.value = false;\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\nclass ActivatorWatcher {\r\n    constructor(public readonly activator: Activator) {\r\n        this.watchActivator();\r\n    }\r\n\r\n    private addActivatorPropsEventListeners(\r\n        el = this.activator.getActivatorEl(),\r\n        activatorProps = this.activator.props.activatorProps,\r\n    ) {\r\n        if (!el) {\r\n            return;\r\n        }\r\n        bindProps(\r\n            el,\r\n            mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n        );\r\n    }\r\n\r\n    private removeActivatorPropsEventListeners(\r\n        el = this.activator.getActivatorEl(),\r\n        activatorProps = this.activator.props.activatorProps,\r\n    ) {\r\n        if (!el) {\r\n            return;\r\n        }\r\n        unbindProps(\r\n            el,\r\n            mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n        );\r\n    }\r\n\r\n    private watchActivator() {\r\n        watch(\r\n            () => this.activator.props.activator,\r\n            (value, oldValue) => {\r\n                if (oldValue && value !== oldValue) {\r\n                    const activator = this.activator.getActivatorEl(oldValue);\r\n                    activator &&\r\n                        this.removeActivatorPropsEventListeners(activator);\r\n                }\r\n                if (value) {\r\n                    nextTick(() => this.addActivatorPropsEventListeners());\r\n                }\r\n            },\r\n            { immediate: true },\r\n        );\r\n\r\n        watch(\r\n            () => this.activator.props.activatorProps,\r\n            () => {\r\n                this.addActivatorPropsEventListeners();\r\n            },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.removeActivatorPropsEventListeners();\r\n        });\r\n    }\r\n}\r\n"],"names":["makeActivatorProps","propsFactory","makeDelayOpenCloseProps","useActivator","props","isActive","isTopOfStack","Activator","__publicField","ref","getCurrentComponent","computed","delayOpen","delayClose","events","menu","inject","EvMenuSymbol","useDelayOpenClose","value","canOpenHover","canOpenFocus","selector","activator","el","_c","_b","_a","_d","e","Browser","watch","effectScope","ActivatorWatcher","onScopeDispose","watchEffect","nextTick","refElement","activatorProps","bindProps","mergeProps","unbindProps","oldValue"],"mappings":"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"}
+{"version":3,"file":"activator.mjs","sources":["../../../../src/components/EvOverlay/activator.ts"],"sourcesContent":["import {\r\n    DelayOpenCloseProps,\r\n    makeDelayOpenCloseProps,\r\n    useDelayOpenClose,\r\n} from \"@/composables/delay.ts\";\r\nimport {\r\n    ComponentInternalInstance,\r\n    ComponentPublicInstance,\r\n    computed,\r\n    ComputedRef,\r\n    effectScope,\r\n    EffectScope,\r\n    inject,\r\n    mergeProps,\r\n    nextTick,\r\n    onScopeDispose,\r\n    PropType,\r\n    ref,\r\n    Ref,\r\n    watch,\r\n    watchEffect,\r\n} from \"vue\";\r\nimport {\r\n    bindProps,\r\n    Browser,\r\n    getCurrentComponent,\r\n    propsFactory,\r\n    refElement,\r\n    unbindProps,\r\n} from \"@/util\";\r\nimport { EvMenuSymbol } from \"../EvMenu/shared\";\r\n\r\ntype ActivatorSelector = \"parent\" | string | Element | ComponentPublicInstance;\r\n\r\nexport interface ActivatorProps extends DelayOpenCloseProps {\r\n    activator?: ActivatorSelector;\r\n    activatorProps?: Record<string, any>;\r\n    openOnClick?: boolean;\r\n    openOnHover?: boolean;\r\n    openOnFocus?: boolean;\r\n    closeOnContentClick?: boolean;\r\n}\r\n\r\nexport const makeActivatorProps = propsFactory(\r\n    {\r\n        activator: [String, Object] as PropType<ActivatorProps[\"activator\"]>,\r\n        activatorProps: {\r\n            type: Object as PropType<ActivatorProps[\"activatorProps\"]>,\r\n            default: () => ({}),\r\n        },\r\n        openOnClick: {\r\n            type: Boolean,\r\n            default: undefined,\r\n        },\r\n        openOnHover: Boolean,\r\n        openOnFocus: {\r\n            type: Boolean,\r\n            default: undefined,\r\n        },\r\n        closeOnContentClick: Boolean,\r\n\r\n        ...makeDelayOpenCloseProps(),\r\n    },\r\n    \"EvOverlay/activator\",\r\n);\r\n\r\ninterface ActivatorEvents {\r\n    onBlur?: (e: FocusEvent) => void;\r\n    onClick?: (e: MouseEvent) => void;\r\n    onFocus?: (e: FocusEvent) => void;\r\n    onMouseenter?: (e: MouseEvent) => void;\r\n    onMouseleave?: (e: MouseEvent) => void;\r\n}\r\n\r\ninterface ContentEvents {\r\n    onMouseenter?: () => void;\r\n    onMouseleave?: () => void;\r\n    onFocusin?: () => void;\r\n    onFocusout?: () => void;\r\n    onClick?: () => void;\r\n}\r\n\r\ninterface VeilEvents {\r\n    onMouseenter?: () => void;\r\n    onMouseleave?: () => void;\r\n}\r\n\r\n/**\r\n * # UI Mouse Event\r\n * `sourceCapabilities` is in labs according to MDN. So it is subject to change.\r\n * It is also not included in TypeScript's MouseEvent, so this is a little bit\r\n * of a hack to avoid issues with the build.\r\n */\r\ninterface UIMouseEvent extends MouseEvent {\r\n    sourceCapabilities?: { firesTouchEvents: boolean };\r\n}\r\n\r\n/**\r\n * # Use Activator\r\n *\r\n * @param props\r\n * @param isActive\r\n * @param isTopOfStack\r\n */\r\nexport function useActivator(\r\n    props: ActivatorProps,\r\n    isActive: Ref<boolean>,\r\n    isTopOfStack: Ref<boolean>,\r\n) {\r\n    return new Activator(props, isActive, isTopOfStack);\r\n}\r\n\r\nclass Activator {\r\n    public readonly activatorEl = ref<HTMLElement>();\r\n    public readonly activatorEvents: ComputedRef<Partial<ActivatorEvents>>;\r\n    public readonly activatorRef = ref();\r\n    public readonly availableEvents: ActivatorEvents;\r\n    public readonly component: ComponentInternalInstance;\r\n    public readonly contentEvents: ComputedRef<Partial<ContentEvents>>;\r\n    public readonly delayClose: () => Promise<boolean>;\r\n    public readonly delayOpen: () => Promise<boolean>;\r\n    public readonly openOnClick: ComputedRef<boolean>;\r\n    public readonly openOnFocus: ComputedRef<boolean>;\r\n    public readonly veilEvents: ComputedRef<Partial<VeilEvents>>;\r\n\r\n    public isHovered = false;\r\n    public isFocused = false;\r\n    public firstEnter = true;\r\n\r\n    private watcher?: ActivatorWatcher;\r\n    private scope?: EffectScope;\r\n\r\n    constructor(\r\n        public props: ActivatorProps,\r\n        public isActive: Ref<boolean>,\r\n        public isTopOfStack: Ref<boolean>,\r\n    ) {\r\n        this.component = getCurrentComponent(\"Activator\");\r\n        this.openOnFocus = computed(\r\n            () =>\r\n                props.openOnFocus ||\r\n                (props.openOnFocus == null && props.openOnHover),\r\n        );\r\n        this.openOnClick = computed(\r\n            () =>\r\n                props.openOnClick ||\r\n                (props.openOnClick == null &&\r\n                    !props.openOnHover &&\r\n                    !this.openOnFocus.value),\r\n        );\r\n        const { delayOpen, delayClose } = this.createDelayFunctions();\r\n        this.delayOpen = delayOpen;\r\n        this.delayClose = delayClose;\r\n        this.availableEvents = this.getAvailableEvents();\r\n        this.activatorEvents = this.createActivatorEvents();\r\n        this.contentEvents = this.createContentEvents();\r\n        this.veilEvents = this.createVeilEvents();\r\n        this.watchIsTopOfStack();\r\n        this.watchActivatorEl();\r\n        this.watchActivatorProp();\r\n    }\r\n\r\n    /**\r\n     * ## Create Activator Events\r\n     * Returns a computed set of partially available events.\r\n     * @private\r\n     */\r\n    private createActivatorEvents() {\r\n        return computed(() => {\r\n            const events: Partial<ActivatorEvents> = {};\r\n            if (this.isOpenOnClick()) {\r\n                events.onClick = this.availableEvents.onClick;\r\n            }\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = this.availableEvents.onMouseenter;\r\n                events.onMouseleave = this.availableEvents.onMouseleave;\r\n            }\r\n            if (this.isOpenOnFocus()) {\r\n                events.onFocus = this.availableEvents.onFocus;\r\n                events.onBlur = this.availableEvents.onBlur;\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Content Events\r\n     * @private\r\n     */\r\n    private createContentEvents() {\r\n        return computed(() => {\r\n            const events: Partial<ContentEvents> = {};\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = () => {\r\n                    this.isHovered = true;\r\n                    this.delayOpen();\r\n                };\r\n                events.onMouseleave = () => {\r\n                    this.isHovered = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            if (this.isOpenOnFocus()) {\r\n                events.onFocusin = () => {\r\n                    this.isFocused = true;\r\n                    this.delayOpen();\r\n                };\r\n                events.onFocusout = () => {\r\n                    this.isFocused = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            if (this.isCloseOnContentClick()) {\r\n                const menu = inject(EvMenuSymbol, null);\r\n                events.onClick = () => {\r\n                    this.isActive.value = false;\r\n                    menu?.closeParents();\r\n                };\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Delay Functions\r\n     * @private\r\n     */\r\n    private createDelayFunctions() {\r\n        return useDelayOpenClose(this.props, (value) => {\r\n            const canOpenHover = this.props.openOnHover && this.isHovered;\r\n            const canOpenFocus = this.openOnFocus.value && this.isFocused;\r\n            if (\r\n                value === (canOpenHover || canOpenFocus) &&\r\n                !(\r\n                    this.props.openOnHover &&\r\n                    this.isActive.value &&\r\n                    !this.isTopOfStack.value\r\n                )\r\n            ) {\r\n                if (this.isActive.value !== value) {\r\n                    this.firstEnter = true;\r\n                }\r\n                this.isActive.value = value;\r\n            }\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Create Veil Events\r\n     * @private\r\n     */\r\n    private createVeilEvents() {\r\n        return computed(() => {\r\n            const events: Partial<VeilEvents> = {};\r\n            if (this.isOpenOnHover()) {\r\n                events.onMouseenter = () => {\r\n                    if (this.firstEnter) {\r\n                        this.isHovered = true;\r\n                        this.firstEnter = false;\r\n                        this.delayOpen();\r\n                    }\r\n                };\r\n                events.onMouseleave = () => {\r\n                    this.isHovered = false;\r\n                    this.delayClose();\r\n                };\r\n            }\r\n            return events;\r\n        });\r\n    }\r\n\r\n    /**\r\n     *\r\n     * @param selector\r\n     * @private\r\n     */\r\n    public getActivatorEl(\r\n        selector: ActivatorSelector | undefined = this.props.activator,\r\n    ) {\r\n        let activator;\r\n        console.log(\"activator selector\", selector);\r\n        console.log(\"$el\", selector.$el);\r\n        console.log(\"$el nodeType\", selector.$el?.nodeType);\r\n        console.log(\"$el instanceof HTMLElement\", selector.$el instanceof HTMLElement);\r\n        if (selector) {\r\n            if (selector === \"parent\") {\r\n                let el = this.component?.proxy?.$el?.parentNode;\r\n                while (el.hasAttribute(\"data-no-activator\")) {\r\n                    el = el.parentNode;\r\n                }\r\n                activator = el;\r\n            } else if (typeof selector === \"string\") {\r\n                // Selector\r\n                activator = document.querySelector(selector);\r\n            } else if (\"$el\" in selector) {\r\n                // Component (ref)\r\n                activator = selector.$el;\r\n            } else {\r\n                // HTMLElement | Element\r\n                activator = selector;\r\n            }\r\n        }\r\n        return this.setActivatorEl(activator);\r\n    }\r\n\r\n    /**\r\n     * ## Get Available Events\r\n     */\r\n    public getAvailableEvents(): ActivatorEvents {\r\n        return {\r\n            onBlur: this.onBlur.bind(this),\r\n            onClick: this.onClick.bind(this),\r\n            onFocus: this.onFocus.bind(this),\r\n            onMouseenter: this.onMouseenter.bind(this),\r\n            onMouseleave: this.onMouseleave.bind(this),\r\n        };\r\n    }\r\n\r\n    /**\r\n     * ## Is Close on Content Click?\r\n     * Should we close overlays when the content of the overlay is clicked.\r\n     * For example, when a menu item is clicked.\r\n     */\r\n    public isCloseOnContentClick(): boolean {\r\n        return this.props.closeOnContentClick;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open On Click?\r\n     */\r\n    public isOpenOnClick(): boolean {\r\n        return this.openOnClick.value;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open on Hover?\r\n     */\r\n    public isOpenOnHover(): boolean {\r\n        return this.props.openOnHover;\r\n    }\r\n\r\n    /**\r\n     * ## Is Open on Focus?\r\n     */\r\n    public isOpenOnFocus(): boolean {\r\n        return this.openOnFocus.value;\r\n    }\r\n\r\n    /**\r\n     * ## On Blur\r\n     * @param e\r\n     */\r\n    public onBlur(e: FocusEvent) {\r\n        e.stopPropagation();\r\n        this.isFocused = false;\r\n        this.delayClose();\r\n    }\r\n\r\n    /**\r\n     * ## On Click\r\n     * @param e\r\n     */\r\n    public onClick(e: MouseEvent) {\r\n        e.stopPropagation();\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.isActive.value = !this.isActive.value;\r\n    }\r\n\r\n    /**\r\n     * ## On Focus\r\n     * @param e\r\n     */\r\n    public onFocus(e: FocusEvent) {\r\n        if (\r\n            Browser.supportsFocusVisible &&\r\n            !(e.target as HTMLElement).matches(\":focus-visible\")\r\n        ) {\r\n            return;\r\n        }\r\n        e.stopPropagation();\r\n        this.isFocused = true;\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.delayOpen();\r\n    }\r\n\r\n    /**\r\n     * ## On Mouse Enter (Hover)\r\n     * @param e\r\n     */\r\n    public onMouseenter(e: UIMouseEvent) {\r\n        if (e.sourceCapabilities?.firesTouchEvents) {\r\n            return;\r\n        }\r\n        this.isHovered = true;\r\n        this.activatorEl.value = (e.currentTarget || e.target) as HTMLElement;\r\n        this.delayOpen();\r\n    }\r\n\r\n    /**\r\n     * ## On Mouse Leave\r\n     * @param e\r\n     */\r\n    public onMouseleave(e: MouseEvent) {\r\n        this.isHovered = false;\r\n        this.delayClose();\r\n    }\r\n\r\n    /**\r\n     * ## Set Activator Element\r\n     * @param activator\r\n     */\r\n    public setActivatorEl(activator?: HTMLElement) {\r\n        // The activator should only be a valid element (Ignore comments and text nodes)\r\n        this.activatorEl.value =\r\n            activator?.nodeType === Node.ELEMENT_NODE ? activator : undefined;\r\n        return this.activatorEl.value;\r\n    }\r\n\r\n    /**\r\n     * ## Watch Activator Prop\r\n     * @private\r\n     */\r\n    private watchActivatorProp() {\r\n        watch(\r\n            () => !!this.props.activator,\r\n            (value) => {\r\n                if (value && Browser.hasWindow) {\r\n                    this.scope = effectScope();\r\n                    this.scope.run(() => {\r\n                        this.watcher = new ActivatorWatcher(this);\r\n                    });\r\n                } else if (this.scope) {\r\n                    this.scope.stop();\r\n                }\r\n            },\r\n            { flush: \"post\", immediate: true },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.scope?.stop();\r\n            if (this.watcher) {\r\n                this.watcher = undefined;\r\n            }\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Watch for changes in `activatorEl`\r\n     * @private\r\n     */\r\n    private watchActivatorEl() {\r\n        watchEffect(() => {\r\n            console.log(\"watching activatorEl\");\r\n            if (!this.activatorRef.value) {\r\n                return;\r\n            }\r\n            nextTick(() => {\r\n                this.activatorEl.value = refElement(this.activatorRef.value);\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Watch for changes in `isTopOfStack`.\r\n     * @private\r\n     */\r\n    private watchIsTopOfStack() {\r\n        watch(this.isTopOfStack, (value) => {\r\n            if (\r\n                value &&\r\n                ((this.isOpenOnHover() &&\r\n                    !this.isHovered &&\r\n                    (!this.isOpenOnFocus() || !this.isFocused)) ||\r\n                    (this.isOpenOnFocus() &&\r\n                        !this.isFocused &&\r\n                        (!this.isOpenOnHover() || !this.isHovered)))\r\n            ) {\r\n                this.isActive.value = false;\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\nclass ActivatorWatcher {\r\n    constructor(public readonly activator: Activator) {\r\n        this.watchActivator();\r\n    }\r\n\r\n    private addActivatorPropsEventListeners(\r\n        el = this.activator.getActivatorEl(),\r\n        activatorProps = this.activator.props.activatorProps,\r\n    ) {\r\n        if (!el) {\r\n            return;\r\n        }\r\n        bindProps(\r\n            el,\r\n            mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n        );\r\n    }\r\n\r\n    private removeActivatorPropsEventListeners(\r\n        el = this.activator.getActivatorEl(),\r\n        activatorProps = this.activator.props.activatorProps,\r\n    ) {\r\n        if (!el) {\r\n            return;\r\n        }\r\n        unbindProps(\r\n            el,\r\n            mergeProps(this.activator.activatorEvents.value, activatorProps),\r\n        );\r\n    }\r\n\r\n    private watchActivator() {\r\n        watch(\r\n            () => this.activator.props.activator,\r\n            (value, oldValue) => {\r\n                if (oldValue && value !== oldValue) {\r\n                    const activator = this.activator.getActivatorEl(oldValue);\r\n                    activator &&\r\n                        this.removeActivatorPropsEventListeners(activator);\r\n                }\r\n                if (value) {\r\n                    nextTick(() => this.addActivatorPropsEventListeners());\r\n                }\r\n            },\r\n            { immediate: true },\r\n        );\r\n\r\n        watch(\r\n            () => this.activator.props.activatorProps,\r\n            () => {\r\n                this.addActivatorPropsEventListeners();\r\n            },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.removeActivatorPropsEventListeners();\r\n        });\r\n    }\r\n}\r\n"],"names":["makeActivatorProps","propsFactory","makeDelayOpenCloseProps","useActivator","props","isActive","isTopOfStack","Activator","__publicField","ref","getCurrentComponent","computed","delayOpen","delayClose","events","menu","inject","EvMenuSymbol","useDelayOpenClose","value","canOpenHover","canOpenFocus","selector","activator","_a","el","_d","_c","_b","e","Browser","watch","effectScope","ActivatorWatcher","onScopeDispose","watchEffect","nextTick","refElement","activatorProps","bindProps","mergeProps","unbindProps","oldValue"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var A=Object.defineProperty;var O=(a,t,e)=>t in a?A(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e;var r=(a,t,e)=>O(a,typeof t!="symbol"?t+"":t,e);import{watch as v,onScopeDispose as F,computed as x,nextTick as W}from"vue";import{Rect as c}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 l,pixelCeil as y,pixelRound as p}from"../../../util/units.mjs";import{destructComputed as Z,clamp as b}from"../../../util/helpers.mjs";import{Anchor as m}from"../../../util/anchor.mjs";import{isNumber as N}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.16 | MIT License */function J(a,t,e,i){const s=new j(a,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class j{constructor(t,e,i,s){r(this,"contentScrollParents");r(this,"contentRect");r(this,"maxHeight");r(this,"maxWidth");r(this,"minHeight");r(this,"minWidth");r(this,"observe",!1);r(this,"observer");r(this,"offset");r(this,"preferredPosition");r(this,"preferredOrigin");r(this,"targetRect");r(this,"viewportRect");r(this,"viewportMargin",12);r(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedActivator(),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 D,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),v([this.data.activatorEl,this.data.contentEl],([t,e],[i,s])=>{var o,n,h,d;i&&((o=this.observer)==null||o.unobserve(i)),t&&((n=this.observer)==null||n.observe(t)),s&&((h=this.observer)==null||h.unobserve(s)),e&&((d=this.observer)==null||d.observe(e))},{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 x(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return x(()=>{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 N(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=c.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=c.fromElement(i),o=i===document.documentElement,n=new c(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new c(Math.max(e.left,n.left),Math.max(e.top,n.top),Math.min(e.right,n.right)-Math.max(e.left,n.left),Math.min(e.bottom,n.bottom)-Math.max(e.top,n.top)):n},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedActivator(){H(this.data.activatorEl.value)&&M(this.contentStyles.value,this.data.isRtl.value)}updatePosition(){var n;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.activatorEl.value||!this.data.contentEl.value)return;this.targetRect=c.fromElement(this.data.activatorEl.value),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 h=this.getAutoZone(e.position,t);e.position=h.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),(n=this.data.contentEl.value)==null||n.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:l(p(s)),left:l(p(i)),minWidth:l(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:l(y(b(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:l(y(b(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,n=null,h=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,n=t.position.side==="bottom"?0-s.height:"100%",h=t.position.side==="bottom"?180:0):(i>this.targetRect.y?n=0-s.width/2:n=this.targetRect.y-i-s.width/2,n+=Math.min(this.targetRect.height,this.contentRect.height)/2,o=t.position.side==="right"?0-s.height:"100%",h=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:l(p(o)),top:typeof n=="string"?n:l(p(n)),transform:`rotate(${h}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(n=>n.position.toString()===s.toString());if(o!=null&&o.isFitsContent)return o}for(const s of i){const o=e.find(h=>h.position.toString()===s.toString());if(!o)continue;const n=s.axis==="x"?"width":"height";if(o.available[n]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){v(()=>{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){r(this,"available");r(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 D{getAvailable(t,e,i,s){const[o,n]=i,h={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"}},d={x:{center:{x:e.left,width:e.width},start:{x:t.left+n,width:e.width-t.left-n},end:{x:e.left,width:t.right-e.left-n}},y:{center:{y:e.top,height:e.height},start:{y:t.top+n,height:e.bottom-t.top-n},end:{y:e.top,height:t.bottom-e.top-n}}},g=[];for(const[u,f]of Object.entries(h))for(const[R,w]of Object.entries(d[f.align])){const P=new m(u,R),S=Object.assign({width:0,height:0,x:0,y:0},f,w),C=c.fromRect(S);g.push(new V(P,C,s))}return g.sort((u,f)=>f.availableArea-u.availableArea),g}}export{J as connectedPositionStrategy};
+var A=Object.defineProperty;var O=(a,t,e)=>t in a?A(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e;var r=(a,t,e)=>O(a,typeof t!="symbol"?t+"":t,e);import{watch as v,onScopeDispose as F,computed as x,nextTick as W}from"vue";import{Rect as c}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 l,pixelCeil as y,pixelRound as p}from"../../../util/units.mjs";import{destructComputed as Z,clamp as b}from"../../../util/helpers.mjs";import{Anchor as m}from"../../../util/anchor.mjs";import{isNumber as N}from"../../../util/is-functions.mjs";/*! Evance UI v1.1.17 | MIT License */function J(a,t,e,i){const s=new j(a,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class j{constructor(t,e,i,s){r(this,"contentScrollParents");r(this,"contentRect");r(this,"maxHeight");r(this,"maxWidth");r(this,"minHeight");r(this,"minWidth");r(this,"observe",!1);r(this,"observer");r(this,"offset");r(this,"preferredPosition");r(this,"preferredOrigin");r(this,"targetRect");r(this,"viewportRect");r(this,"viewportMargin",12);r(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedActivator(),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 D,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),v([this.data.activatorEl,this.data.contentEl],([t,e],[i,s])=>{var o,n,h,d;i&&((o=this.observer)==null||o.unobserve(i)),t&&((n=this.observer)==null||n.observe(t)),s&&((h=this.observer)==null||h.unobserve(s)),e&&((d=this.observer)==null||d.observe(e))},{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 x(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return x(()=>{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 N(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=c.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=c.fromElement(i),o=i===document.documentElement,n=new c(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new c(Math.max(e.left,n.left),Math.max(e.top,n.top),Math.min(e.right,n.right)-Math.max(e.left,n.left),Math.min(e.bottom,n.bottom)-Math.max(e.top,n.top)):n},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedActivator(){H(this.data.activatorEl.value)&&M(this.contentStyles.value,this.data.isRtl.value)}updatePosition(){var n;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.activatorEl.value||!this.data.contentEl.value)return;this.targetRect=c.fromElement(this.data.activatorEl.value),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 h=this.getAutoZone(e.position,t);e.position=h.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),(n=this.data.contentEl.value)==null||n.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:l(p(s)),left:l(p(i)),minWidth:l(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:l(y(b(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:l(y(b(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,n=null,h=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,n=t.position.side==="bottom"?0-s.height:"100%",h=t.position.side==="bottom"?180:0):(i>this.targetRect.y?n=0-s.width/2:n=this.targetRect.y-i-s.width/2,n+=Math.min(this.targetRect.height,this.contentRect.height)/2,o=t.position.side==="right"?0-s.height:"100%",h=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:l(p(o)),top:typeof n=="string"?n:l(p(n)),transform:`rotate(${h}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(n=>n.position.toString()===s.toString());if(o!=null&&o.isFitsContent)return o}for(const s of i){const o=e.find(h=>h.position.toString()===s.toString());if(!o)continue;const n=s.axis==="x"?"width":"height";if(o.available[n]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){v(()=>{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){r(this,"available");r(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 D{getAvailable(t,e,i,s){const[o,n]=i,h={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"}},d={x:{center:{x:e.left,width:e.width},start:{x:t.left+n,width:e.width-t.left-n},end:{x:e.left,width:t.right-e.left-n}},y:{center:{y:e.top,height:e.height},start:{y:t.top+n,height:e.bottom-t.top-n},end:{y:e.top,height:t.bottom-e.top-n}}},g=[];for(const[u,f]of Object.entries(h))for(const[R,w]of Object.entries(d[f.align])){const P=new m(u,R),S=Object.assign({width:0,height:0,x:0,y:0},f,w),C=c.fromRect(S);g.push(new V(P,C,s))}return g.sort((u,f)=>f.availableArea-u.availableArea),g}}export{J 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.16 | MIT License */function a(t,o,n){}export{a as staticPositionStrategy};
+/*! Evance UI v1.1.17 | MIT License */function a(t,o,n){}export{a as staticPositionStrategy};
 //# sourceMappingURL=static-position.mjs.map

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

@@ -1,2 +1,2 @@
-import{ref as n,onScopeDispose as u,watch as f}from"vue";import{useToggleScope as g}from"../../composables/toggleScope.mjs";import{connectedPositionStrategy as y}from"./position-strategy/connected-position.mjs";import{staticPositionStrategy as m}from"./position-strategy/static-position.mjs";import{propsFactory as l}from"../../util/props.mjs";import{Browser as v}from"../../util/browser.mjs";import{isFunction as d}from"../../util/is-functions.mjs";/*! Evance UI v1.1.16 | MIT License */const S={static:m,connected:y},L=l({positionStrategy:{type:[String,Function],default:"connected",validator:t=>typeof t=="function"||t in S},position:{type:String,default:"auto"},origin:{type:String,default:"auto"},offset:[Number,String,Array]},"EvOverlay/position");function b(t,r){const s=n({}),a=n({}),o=n();function c(i){var e;(e=o.value)==null||e.call(o,i)}return v.hasWindow&&(g(()=>!!(r.isActive.value&&t.positionStrategy),i=>{var p;f(()=>t.positionStrategy,i),u(()=>{o.value=void 0});let e;d(t.positionStrategy)?e=t.positionStrategy:e=S[t.positionStrategy],o.value=(p=e(r,t,s,a))==null?void 0:p.updatePosition}),window.addEventListener("resize",c,{passive:!0}),u(()=>{window.removeEventListener("resize",c),o.value=void 0})),{contentStyles:s,updatePosition:o,pointerStyles:a}}export{L as makePositionStrategyProps,b as usePositionStrategies};
+import{ref as n,onScopeDispose as u,watch as f}from"vue";import{useToggleScope as g}from"../../composables/toggleScope.mjs";import{connectedPositionStrategy as y}from"./position-strategy/connected-position.mjs";import{staticPositionStrategy as m}from"./position-strategy/static-position.mjs";import{propsFactory as l}from"../../util/props.mjs";import{Browser as v}from"../../util/browser.mjs";import{isFunction as d}from"../../util/is-functions.mjs";/*! Evance UI v1.1.17 | MIT License */const S={static:m,connected:y},L=l({positionStrategy:{type:[String,Function],default:"connected",validator:t=>typeof t=="function"||t in S},position:{type:String,default:"auto"},origin:{type:String,default:"auto"},offset:[Number,String,Array]},"EvOverlay/position");function b(t,r){const s=n({}),a=n({}),o=n();function c(i){var e;(e=o.value)==null||e.call(o,i)}return v.hasWindow&&(g(()=>!!(r.isActive.value&&t.positionStrategy),i=>{var p;f(()=>t.positionStrategy,i),u(()=>{o.value=void 0});let e;d(t.positionStrategy)?e=t.positionStrategy:e=S[t.positionStrategy],o.value=(p=e(r,t,s,a))==null?void 0:p.updatePosition}),window.addEventListener("resize",c,{passive:!0}),u(()=>{window.removeEventListener("resize",c),o.value=void 0})),{contentStyles:s,updatePosition:o,pointerStyles:a}}export{L as makePositionStrategyProps,b as usePositionStrategies};
 //# sourceMappingURL=position.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/block-scroll.mjs

@@ -1,2 +1,2 @@
-import{onScopeDispose as m}from"vue";import{getScrollParents as i,hasScrollbar as b}from"../../../util/scroll.mjs";import{toWebUnit as r}from"../../../util/units.mjs";/*! Evance UI v1.1.16 | MIT License */function L(l,s){var a,y;const t=(a=l.containerEl.value)==null?void 0:a.offsetParent,c=[...new Set([...i(l.activatorEl.value,s.contained?t:void 0),...i(l.contentEl.value,s.contained?t:void 0)])].filter(o=>!o.classList.contains("ev-overlay-scroll-blocked")),v=window.innerWidth-document.documentElement.offsetWidth,n=(o=>b(o)&&o)(t||document.documentElement);n&&((y=l.containerEl.value)==null||y.classList.add("ev-overlay--scroll-blocked")),c.forEach((o,e)=>{o.style.setProperty("--ev-body-scroll-x",r(-o.scrollLeft)??null),o.style.setProperty("--ev-body-scroll-y",r(-o.scrollTop)??null),o!==document.documentElement&&o.style.setProperty("--ev-scrollbar-offset",r(v)??null),o.classList.add("ev-overlay-scroll-blocked")}),m(()=>{var o;c.forEach((e,u)=>{const d=parseFloat(e.style.getPropertyValue("--ev-body-scroll-x")),f=parseFloat(e.style.getPropertyValue("--ev-body-scroll-y"));e.style.removeProperty("--ev-body-scroll-x"),e.style.removeProperty("--ev-body-scroll-y"),e.style.removeProperty("--ev-scrollbar-offset"),e.classList.remove("ev-overlay-scroll-blocked"),e.scrollLeft=-d,e.scrollTop=-f}),n&&((o=l.containerEl.value)==null||o.classList.remove("ev-overlay--scroll-blocked"))})}export{L as blockScrollStrategy};
+import{onScopeDispose as m}from"vue";import{getScrollParents as i,hasScrollbar as b}from"../../../util/scroll.mjs";import{toWebUnit as r}from"../../../util/units.mjs";/*! Evance UI v1.1.17 | MIT License */function L(l,s){var a,y;const t=(a=l.containerEl.value)==null?void 0:a.offsetParent,c=[...new Set([...i(l.activatorEl.value,s.contained?t:void 0),...i(l.contentEl.value,s.contained?t:void 0)])].filter(o=>!o.classList.contains("ev-overlay-scroll-blocked")),v=window.innerWidth-document.documentElement.offsetWidth,n=(o=>b(o)&&o)(t||document.documentElement);n&&((y=l.containerEl.value)==null||y.classList.add("ev-overlay--scroll-blocked")),c.forEach((o,e)=>{o.style.setProperty("--ev-body-scroll-x",r(-o.scrollLeft)??null),o.style.setProperty("--ev-body-scroll-y",r(-o.scrollTop)??null),o!==document.documentElement&&o.style.setProperty("--ev-scrollbar-offset",r(v)??null),o.classList.add("ev-overlay-scroll-blocked")}),m(()=>{var o;c.forEach((e,u)=>{const d=parseFloat(e.style.getPropertyValue("--ev-body-scroll-x")),f=parseFloat(e.style.getPropertyValue("--ev-body-scroll-y"));e.style.removeProperty("--ev-body-scroll-x"),e.style.removeProperty("--ev-body-scroll-y"),e.style.removeProperty("--ev-scrollbar-offset"),e.classList.remove("ev-overlay-scroll-blocked"),e.scrollLeft=-d,e.scrollTop=-f}),n&&((o=l.containerEl.value)==null||o.classList.remove("ev-overlay--scroll-blocked"))})}export{L as blockScrollStrategy};
 //# sourceMappingURL=block-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/close-scroll.mjs

@@ -1,2 +1,2 @@
-import{addScrollEventListener as o}from"../../../util/events.mjs";/*! Evance UI v1.1.16 | MIT License */function n(e){function l(t){e.isActive.value=!1}o(e.activatorEl.value??e.contentEl.value,l)}export{n as closeScrollStrategy};
+import{addScrollEventListener as o}from"../../../util/events.mjs";/*! Evance UI v1.1.17 | MIT License */function n(e){function l(t){e.isActive.value=!1}o(e.activatorEl.value??e.contentEl.value,l)}export{n as closeScrollStrategy};
 //# sourceMappingURL=close-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/reposition-scroll.mjs

@@ -1,2 +1,2 @@
-import{onScopeDispose as s}from"vue";import{requestNewFrame as p}from"../../../util/animate.mjs";import{addScrollEventListener as u}from"../../../util/events.mjs";/*! Evance UI v1.1.16 | MIT License */function b(n,f,c){let o=!1,t=-1,r=-1;function a(e){p(()=>{var l,i;const m=performance.now();(i=(l=n.updatePosition).value)==null||i.call(l,e),o=(performance.now()-m)/(1e3/60)>2})}r=(typeof requestIdleCallback>"u"?e=>e():requestIdleCallback)(()=>{c.run(()=>{u(n.activatorEl.value??n.contentEl.value,e=>{o?(cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>{a(e)})})):a(e)})})}),s(()=>{typeof cancelIdleCallback<"u"&&cancelIdleCallback(r),cancelAnimationFrame(t)})}export{b as repositionScrollStrategy};
+import{onScopeDispose as s}from"vue";import{requestNewFrame as p}from"../../../util/animate.mjs";import{addScrollEventListener as u}from"../../../util/events.mjs";/*! Evance UI v1.1.17 | MIT License */function b(n,f,c){let o=!1,t=-1,r=-1;function a(e){p(()=>{var l,i;const m=performance.now();(i=(l=n.updatePosition).value)==null||i.call(l,e),o=(performance.now()-m)/(1e3/60)>2})}r=(typeof requestIdleCallback>"u"?e=>e():requestIdleCallback)(()=>{c.run(()=>{u(n.activatorEl.value??n.contentEl.value,e=>{o?(cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>{a(e)})})):a(e)})})}),s(()=>{typeof cancelIdleCallback<"u"&&cancelIdleCallback(r),cancelAnimationFrame(t)})}export{b as repositionScrollStrategy};
 //# sourceMappingURL=reposition-scroll.mjs.map

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

@@ -1,2 +1,2 @@
-import{watchEffect as c,effectScope as i,nextTick as n,onScopeDispose as f}from"vue";import{repositionScrollStrategy as a}from"./scroll-strategy/reposition-scroll.mjs";import{blockScrollStrategy as S}from"./scroll-strategy/block-scroll.mjs";import{closeScrollStrategy as s}from"./scroll-strategy/close-scroll.mjs";import{propsFactory as y}from"../../util/props.mjs";import{Browser as m}from"../../util/browser.mjs";/*! Evance UI v1.1.16 | MIT License */const r={none:null,close:s,block:S,reposition:a},b=y({scrollStrategy:{type:[String,Function],default:"block",validator:o=>typeof o=="function"||o in r}},"EvOverlay/scroll");function h(o,e){if(!m.hasWindow)return;let t;c(async()=>{t==null||t.stop(),e.isActive.value&&o.scrollStrategy&&(t=i(),await n(),t.active&&t.run(()=>{var l;typeof o.scrollStrategy=="function"?o.scrollStrategy(e,o,t):(l=r[o.scrollStrategy])==null||l.call(r,e,o,t)}))}),f(()=>{t==null||t.stop()})}export{b as makeScrollStrategyProps,h as useScrollStrategies};
+import{watchEffect as c,effectScope as i,nextTick as n,onScopeDispose as f}from"vue";import{repositionScrollStrategy as a}from"./scroll-strategy/reposition-scroll.mjs";import{blockScrollStrategy as S}from"./scroll-strategy/block-scroll.mjs";import{closeScrollStrategy as s}from"./scroll-strategy/close-scroll.mjs";import{propsFactory as y}from"../../util/props.mjs";import{Browser as m}from"../../util/browser.mjs";/*! Evance UI v1.1.17 | MIT License */const r={none:null,close:s,block:S,reposition:a},b=y({scrollStrategy:{type:[String,Function],default:"block",validator:o=>typeof o=="function"||o in r}},"EvOverlay/scroll");function h(o,e){if(!m.hasWindow)return;let t;c(async()=>{t==null||t.stop(),e.isActive.value&&o.scrollStrategy&&(t=i(),await n(),t.active&&t.run(()=>{var l;typeof o.scrollStrategy=="function"?o.scrollStrategy(e,o,t):(l=r[o.scrollStrategy])==null||l.call(r,e,o,t)}))}),f(()=>{t==null||t.stop()})}export{b as makeScrollStrategyProps,h as useScrollStrategies};
 //# sourceMappingURL=scroll.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as m,createElementBlock as r,openBlock as t,normalizeStyle as i,normalizeClass as u,unref as n,createElementVNode as a,createCommentVNode as o}from"vue";/* empty css                */import{IntegerishPattern as f,isIntegerish as g}from"../../util/numbers.mjs";import{appearanceModifier as v,sizeModifier as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.16 | MIT License */const h=["aria-valuenow"],z=a("div",{class:"ev-progress--track"},null,-1),y={key:1,class:"ev-progress--indeterminate"},k=a("div",{class:"ev-progress--bar ev-progress--indeterminate--primary"},null,-1),b=a("div",{class:"ev-progress--bar ev-progress--indeterminate--secondary"},null,-1),x=[k,b],S=m({__name:"EvProgress",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},size:{default:"medium"}},setup(l){const e=l;function c(){return`translateX(${0-(100-e.percentage)}%)`}function d(){return p()?e.size+"px":void 0}function p(){return g(e.size)}return(s,B)=>(t(),r("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":s.percentage,class:u(["ev-progress",[{"is-indeterminate":e.indeterminate},n(v)(e.appearance,["default"]),n(_)(e.size,[n(f)])]]),style:i({height:d()})},[z,e.indeterminate?o("",!0):(t(),r("div",{key:0,class:"ev-progress--bar",style:i({transform:c()})},null,4)),e.indeterminate?(t(),r("div",y,x)):o("",!0)],14,h))}});export{S as default};
+import{defineComponent as m,createElementBlock as r,openBlock as t,normalizeStyle as i,normalizeClass as u,unref as n,createElementVNode as a,createCommentVNode as o}from"vue";/* empty css                */import{IntegerishPattern as f,isIntegerish as g}from"../../util/numbers.mjs";import{appearanceModifier as v,sizeModifier as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.17 | MIT License */const h=["aria-valuenow"],z=a("div",{class:"ev-progress--track"},null,-1),y={key:1,class:"ev-progress--indeterminate"},k=a("div",{class:"ev-progress--bar ev-progress--indeterminate--primary"},null,-1),b=a("div",{class:"ev-progress--bar ev-progress--indeterminate--secondary"},null,-1),x=[k,b],S=m({__name:"EvProgress",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},size:{default:"medium"}},setup(l){const e=l;function c(){return`translateX(${0-(100-e.percentage)}%)`}function d(){return p()?e.size+"px":void 0}function p(){return g(e.size)}return(s,B)=>(t(),r("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":s.percentage,class:u(["ev-progress",[{"is-indeterminate":e.indeterminate},n(v)(e.appearance,["default"]),n(_)(e.size,[n(f)])]]),style:i({height:d()})},[z,e.indeterminate?o("",!0):(t(),r("div",{key:0,class:"ev-progress--bar",style:i({transform:c()})},null,4)),e.indeterminate?(t(),r("div",y,x)):o("",!0)],14,h))}});export{S as default};
 //# sourceMappingURL=EvProgress.vue.mjs.map