@evance/evance-ui 1.1.37 → 1.1.38

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EvOverlay.vue.mjs","sources":["../../../../src/components/EvOverlay/EvOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * # EvOverlay\r\n */\r\nimport \"./EvOverlay.scss\";\r\nimport { makeEvOverlayProps } from \"./EvOverlay\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport {\r\n    computed,\r\n    mergeProps,\r\n    ref,\r\n    shallowRef,\r\n    toRef,\r\n    useAttrs,\r\n    watch,\r\n} from \"vue\";\r\nimport { useTeleport } from \"@/composables/teleport\";\r\nimport { useEvTransition, EvTransition } from \"@/components/EvTransition\";\r\nimport { useDimensions } from \"@/composables/dimensions\";\r\nimport { clickBlockedAnimation, getScrollParent, toWebUnit } from \"@/util\";\r\nimport { useStack } from \"@/composables/stack\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { useToggleScope } from \"@/composables/toggleScope\";\r\nimport { useBackButton } from \"@/composables/router\";\r\nimport { ActivatorProps, useActivator } from \"./activator\";\r\nimport { useScopeId } from \"@/composables/scopeId\";\r\nimport { usePositionStrategies } from \"./position\";\r\nimport { useScrollStrategies } from \"./scroll\";\r\nimport { useRtl } from \"@/composables/locale\";\r\n\r\ndefineOptions({\r\n    inheritAttrs: false,\r\n});\r\n\r\n// Emit\r\nconst emit = defineEmits([\r\n    \"click:outside\",\r\n    \"update:modelValue\",\r\n    \"enter\",\r\n    \"afterEnter\",\r\n    \"beforeLeave\",\r\n    \"leave\",\r\n    \"afterLeave\",\r\n]);\r\n\r\nconst props = defineProps({\r\n    disableGlobalStack: Boolean,\r\n    ...makeEvOverlayProps(),\r\n});\r\nconst attrs = useAttrs();\r\nconst slots = defineSlots<{\r\n    activator(props: { isActive: boolean; props: any }): any;\r\n    default(): never;\r\n    pointer(): never;\r\n}>();\r\nconst router = useRouter();\r\nconst model = useModelProxy(props, \"modelValue\");\r\nconst containerEl = ref<HTMLElement | undefined>(undefined);\r\nconst contentEl = ref<HTMLElement | undefined>(undefined);\r\nconst pointerEl = ref<HTMLElement | undefined>(undefined);\r\nconst contentTransition = useEvTransition(props);\r\nconst dimensions = useDimensions(props);\r\nconst { scopeId } = useScopeId();\r\nconst isActiveContent = computed({\r\n    get: () => model.value,\r\n    set: (value) => {\r\n        if (!(value && props.disabled)) {\r\n            model.value = value;\r\n        }\r\n    },\r\n});\r\nconst { isTopGlobal, isTopLocal, stackStyles } = useStack(\r\n    isActiveContent,\r\n    toRef(props, \"zIndex\"),\r\n    props.disableGlobalStack,\r\n);\r\nconst {\r\n    activatorEl,\r\n    activatorRef,\r\n    activatorEvents,\r\n    contentEvents,\r\n    veilEvents,\r\n} = useActivator(props as ActivatorProps, isActiveContent, isTopLocal);\r\nconst teleportTarget = useTeleport(\r\n    computed(() => {\r\n        return props.attach || props.contained;\r\n    }),\r\n);\r\nconst { rtlClasses, isRtl } = useRtl();\r\n\r\nconst { contentStyles, updatePosition, pointerStyles } = usePositionStrategies(\r\n    props,\r\n    {\r\n        isRtl,\r\n        contentEl,\r\n        activatorEl,\r\n        pointerEl,\r\n        isActive: isActiveContent,\r\n    },\r\n);\r\n\r\nuseScrollStrategies(props, {\r\n    containerEl,\r\n    contentEl,\r\n    activatorEl,\r\n    isActive: isActiveContent,\r\n    updatePosition,\r\n});\r\n\r\n/**\r\n * What should parent components have access to?\r\n */\r\ndefineExpose({\r\n    activatorEl,\r\n    contentEl,\r\n    isTopGlobal,\r\n    isTopLocal,\r\n    updatePosition,\r\n});\r\n\r\n/**\r\n * When disabled, update the model value via the isActive computed prop\r\n */\r\nwatch(\r\n    () => props.disabled,\r\n    (value) => {\r\n        if (value) {\r\n            isActiveContent.value = false;\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * The veil transitions into view at the same time as the content,\r\n * but only if it is enabled by `props.veil`.\r\n */\r\nconst isActiveVeil = computed(() => {\r\n    return isActiveContent.value && !!props.veil;\r\n});\r\n\r\n/**\r\n * `isActive` relates to the content of the overlay.\r\n * To have nice transitions we need to track active containment.\r\n * `isActiveTeleport` follows `isActive`, which means it activates at the same time,\r\n * but only disables when the content is removed by the transition (@after-leave).\r\n * @see onAfterLeave\r\n */\r\nconst isActiveTeleport = shallowRef(false);\r\nwatch(isActiveContent, () => {\r\n    isActiveTeleport.value = true;\r\n});\r\n\r\n/**\r\n * ## Click Outside Condition\r\n * Allows or denies the click outside event to trigger.\r\n */\r\nfunction clickOutsideCondition(): boolean {\r\n    return isActiveContent.value && isTopGlobal.value;\r\n}\r\n\r\n/**\r\n * ## Dismiss\r\n * @param focusActivator\r\n */\r\nfunction dismiss(focusActivator: boolean = false) {\r\n    if (props.persistent) {\r\n        // Let's let the user know they can't dismiss the overlay this way\r\n        // @todo: option to prevent shake\r\n        clickBlockedAnimation(contentEl.value);\r\n        return;\r\n    }\r\n    isActiveContent.value = false;\r\n    if (focusActivator && contentEl.value?.contains(document.activeElement)) {\r\n        activatorEl.value?.focus();\r\n    }\r\n}\r\n\r\n/**\r\n * Event Listeners\r\n */\r\nfunction onEnter(el: HTMLElement) {\r\n    // Attempts to resolve double triggering possibly caused by `appear`.\r\n    if (!el.dataset.enter) {\r\n        el.dataset.enter = \"true\";\r\n        return;\r\n    }\r\n    emit(\"enter\");\r\n}\r\nfunction onAfterEnter(el: HTMLElement) {\r\n    // Attempts to resolve double triggering possibly caused by `appear`.\r\n    if (!el.dataset.afterEnter) {\r\n        el.dataset.afterEnter = \"true\";\r\n        return;\r\n    }\r\n    emit(\"afterEnter\");\r\n}\r\nfunction onBeforeLeave() {\r\n    emit(\"beforeLeave\");\r\n}\r\nfunction onLeave() {\r\n    emit(\"leave\");\r\n}\r\nfunction onAfterLeave() {\r\n    isActiveTeleport.value = false;\r\n    emit(\"afterLeave\");\r\n}\r\n\r\nconst clickOutsideDirectiveArgs = {\r\n    handler: onClickOutside,\r\n    condition: clickOutsideCondition,\r\n    include: () => [activatorEl.value],\r\n};\r\n\r\nfunction onClickOutside(e: MouseEvent) {\r\n    emit(\"click:outside\", e);\r\n    dismiss(false);\r\n}\r\n\r\nfunction onKeydown(e: KeyboardEvent) {\r\n    if (e.key === \"Escape\" && isTopGlobal.value) {\r\n        dismiss(true);\r\n    }\r\n}\r\n// Listen for keydown events only when the content is active\r\nwatch(\r\n    isActiveContent,\r\n    (active) => {\r\n        if (active) {\r\n            window.addEventListener(\"keydown\", onKeydown);\r\n        } else {\r\n            window.removeEventListener(\"keydown\", onKeydown);\r\n        }\r\n    },\r\n    { immediate: true },\r\n);\r\n\r\n/**\r\n * Integrate with Back button for single page apps.\r\n */\r\nuseToggleScope(\r\n    () => props.closeOnBack,\r\n    () => {\r\n        useBackButton(router, (next) => {\r\n            if (isTopGlobal.value && isActiveContent.value) {\r\n                next(false);\r\n                dismiss(false);\r\n            } else {\r\n                next();\r\n            }\r\n        });\r\n    },\r\n);\r\n\r\n/**\r\n * Calculate the `top` position\r\n */\r\nconst top = ref<number>();\r\nwatch(\r\n    () =>\r\n        isActiveContent.value &&\r\n        (props.absolute || props.contained) &&\r\n        teleportTarget.value == null,\r\n    (value) => {\r\n        if (value) {\r\n            const scrollParent = getScrollParent(containerEl.value);\r\n            if (scrollParent && scrollParent !== document.scrollingElement) {\r\n                top.value = scrollParent.scrollTop;\r\n            }\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * Dynamically create a local component we can render using:\r\n * `<activator-slot>` or `<component :is=\"activatorSlot\" />`\r\n */\r\nconst activatorSlot = () => {\r\n    return slots.activator?.({\r\n        isActive: isActiveContent.value,\r\n        props: mergeProps(\r\n            { ref: activatorRef },\r\n            activatorEvents.value,\r\n            props.activatorProps,\r\n        ),\r\n    });\r\n};\r\n\r\nconst contentAttributes = mergeProps(contentEvents.value, props.contentProps);\r\nconst overlayAttributes = {\r\n    ...scopeId,\r\n    ...attrs,\r\n};\r\n</script>\r\n\r\n<template>\r\n    <activator-slot />\r\n\r\n    <teleport\r\n        v-if=\"isActiveTeleport\"\r\n        :disabled=\"!teleportTarget\"\r\n        :to=\"teleportTarget\">\r\n        <div\r\n            ref=\"containerEl\"\r\n            :class=\"[\r\n                'ev-overlay',\r\n                {\r\n                    'is-active': isActiveContent,\r\n                },\r\n                rtlClasses,\r\n                props.class,\r\n            ]\"\r\n            :style=\"[\r\n                stackStyles,\r\n                {\r\n                    top: toWebUnit(top),\r\n                },\r\n                props.style,\r\n            ]\"\r\n            v-bind=\"overlayAttributes\">\r\n            <transition appear name=\"transition-fade\">\r\n                <div\r\n                    v-if=\"isActiveVeil\"\r\n                    class=\"ev-overlay--veil\"\r\n                    v-bind=\"veilEvents\"></div>\r\n            </transition>\r\n\r\n            <ev-transition\r\n                appear\r\n                :transition=\"contentTransition\"\r\n                :target=\"activatorEl\"\r\n                @enter=\"onEnter\"\r\n                @after-enter=\"onAfterEnter\"\r\n                @before-leave=\"onBeforeLeave\"\r\n                @leave=\"onLeave\"\r\n                @after-leave=\"onAfterLeave\">\r\n                <div\r\n                    v-show=\"isActiveContent\"\r\n                    ref=\"contentEl\"\r\n                    v-click-outside=\"clickOutsideDirectiveArgs\"\r\n                    class=\"ev-overlay--content\"\r\n                    :class=\"[props.contentClass]\"\r\n                    :style=\"[dimensions, contentStyles]\"\r\n                    v-bind=\"contentAttributes\">\r\n                    <div\r\n                        v-if=\"slots.pointer && !props.veil\"\r\n                        ref=\"pointerEl\"\r\n                        class=\"ev-overlay--pointer\"\r\n                        :style=\"[pointerStyles]\">\r\n                        <slot name=\"pointer\" />\r\n                    </div>\r\n                    <slot />\r\n                </div>\r\n            </ev-transition>\r\n        </div>\r\n    </teleport>\r\n</template>\r\n"],"names":["attrs","useAttrs","slots","_useSlots","router","useRouter","model","useModelProxy","props","containerEl","ref","contentEl","pointerEl","contentTransition","useEvTransition","dimensions","useDimensions","scopeId","useScopeId","isActiveContent","computed","value","isTopGlobal","isTopLocal","stackStyles","useStack","toRef","activatorEl","activatorRef","activatorEvents","contentEvents","veilEvents","useActivator","teleportTarget","useTeleport","rtlClasses","isRtl","useRtl","contentStyles","updatePosition","pointerStyles","usePositionStrategies","useScrollStrategies","__expose","watch","isActiveVeil","isActiveTeleport","shallowRef","clickOutsideCondition","dismiss","focusActivator","clickBlockedAnimation","_a","_b","onEnter","el","emit","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave","clickOutsideDirectiveArgs","onClickOutside","onKeydown","active","useToggleScope","useBackButton","next","top","scrollParent","getScrollParent","activatorSlot","mergeProps","contentAttributes","overlayAttributes"],"mappings":"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"}
+{"version":3,"file":"EvOverlay.vue.mjs","sources":["../../../../src/components/EvOverlay/EvOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * # EvOverlay\r\n */\r\nimport \"./EvOverlay.scss\";\r\nimport { makeEvOverlayProps } from \"./EvOverlay\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport {\r\n    computed,\r\n    mergeProps,\r\n    ref,\r\n    shallowRef,\r\n    toRef,\r\n    useAttrs,\r\n    watch,\r\n} from \"vue\";\r\nimport { useTeleport } from \"@/composables/teleport\";\r\nimport { useEvTransition, EvTransition } from \"@/components/EvTransition\";\r\nimport { useDimensions } from \"@/composables/dimensions\";\r\nimport {\r\n    clickBlockedAnimation,\r\n    getCurrentComponent,\r\n    getScrollParent,\r\n    toWebUnit,\r\n} from \"@/util\";\r\nimport { useStack } from \"@/composables/stack\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { useToggleScope } from \"@/composables/toggleScope\";\r\nimport { useBackButton } from \"@/composables/router\";\r\nimport { ActivatorProps, useActivator } from \"./activator\";\r\nimport { useScopeId } from \"@/composables/scopeId\";\r\nimport { usePositionStrategies } from \"./position\";\r\nimport { useScrollStrategies } from \"./scroll\";\r\nimport { useRtl } from \"@/composables/locale\";\r\n\r\ndefineOptions({\r\n    inheritAttrs: false,\r\n});\r\n\r\n// Emit\r\nconst emit = defineEmits([\r\n    \"click:outside\",\r\n    \"update:modelValue\",\r\n    \"enter\",\r\n    \"afterEnter\",\r\n    \"beforeLeave\",\r\n    \"leave\",\r\n    \"afterLeave\",\r\n]);\r\n\r\nconst props = defineProps({\r\n    disableGlobalStack: Boolean,\r\n    ...makeEvOverlayProps(),\r\n});\r\nconst attrs = useAttrs();\r\nconst slots = defineSlots<{\r\n    activator(props: { isActive: boolean; props: any }): any;\r\n    default(): never;\r\n    pointer(): never;\r\n}>();\r\nconst component = getCurrentComponent(\"EvOverlay\");\r\nconst router = useRouter();\r\nconst model = useModelProxy(props, \"modelValue\");\r\nconst containerEl = ref<HTMLElement | undefined>(undefined);\r\nconst contentEl = ref<HTMLElement | undefined>(undefined);\r\nconst pointerEl = ref<HTMLElement | undefined>(undefined);\r\nconst contentTransition = useEvTransition(props);\r\nconst dimensions = useDimensions(props);\r\nconst { scopeId } = useScopeId();\r\nconst isActiveContent = computed({\r\n    get: () => model.value,\r\n    set: (value) => {\r\n        if (!(value && props.disabled)) {\r\n            model.value = value;\r\n        }\r\n    },\r\n});\r\nconst { isTopGlobal, isTopLocal, stackStyles } = useStack(\r\n    isActiveContent,\r\n    toRef(props, \"zIndex\"),\r\n    props.disableGlobalStack,\r\n);\r\nconst {\r\n    activatorEl,\r\n    activatorRef,\r\n    activatorEvents,\r\n    contentEvents,\r\n    target,\r\n    targetEl,\r\n    veilEvents,\r\n} = useActivator(props as ActivatorProps, isActiveContent, isTopLocal);\r\nconst teleportTarget = useTeleport(\r\n    computed(() => {\r\n        const target = props.attach || props.contained;\r\n        if (target) {\r\n            return target;\r\n        }\r\n        const rootNode =\r\n            activatorEl?.value?.getRootNode() ||\r\n            component.proxy?.$el?.getRootNode();\r\n        return rootNode instanceof ShadowRoot ? rootNode : false;\r\n    }),\r\n);\r\nconst { rtlClasses, isRtl } = useRtl();\r\n\r\nconst { contentStyles, updatePosition, pointerStyles } = usePositionStrategies(\r\n    props,\r\n    {\r\n        isRtl,\r\n        contentEl,\r\n        target,\r\n        pointerEl,\r\n        isActive: isActiveContent,\r\n    },\r\n);\r\n\r\nuseScrollStrategies(props, {\r\n    containerEl,\r\n    contentEl,\r\n    targetEl,\r\n    target,\r\n    isActive: isActiveContent,\r\n    updatePosition,\r\n});\r\n\r\n/**\r\n * What should parent components have access to?\r\n */\r\ndefineExpose({\r\n    targetEl,\r\n    activatorEl,\r\n    contentEl,\r\n    isTopGlobal,\r\n    isTopLocal,\r\n    updatePosition,\r\n});\r\n\r\n/**\r\n * When disabled, update the model value via the isActive computed prop\r\n */\r\nwatch(\r\n    () => props.disabled,\r\n    (value) => {\r\n        if (value) {\r\n            isActiveContent.value = false;\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * The veil transitions into view at the same time as the content,\r\n * but only if it is enabled by `props.veil`.\r\n */\r\nconst isActiveVeil = computed(() => {\r\n    return isActiveContent.value && !!props.veil;\r\n});\r\n\r\n/**\r\n * `isActive` relates to the content of the overlay.\r\n * To have nice transitions we need to track active containment.\r\n * `isActiveTeleport` follows `isActive`, which means it activates at the same time,\r\n * but only disables when the content is removed by the transition (@after-leave).\r\n * @see onAfterLeave\r\n */\r\nconst isActiveTeleport = shallowRef(false);\r\nwatch(isActiveContent, () => {\r\n    isActiveTeleport.value = true;\r\n});\r\n\r\n/**\r\n * ## Click Outside Condition\r\n * Allows or denies the click outside event to trigger.\r\n */\r\nfunction clickOutsideCondition(): boolean {\r\n    return isActiveContent.value && isTopGlobal.value;\r\n}\r\n\r\n/**\r\n * ## Dismiss\r\n * @param focusActivator\r\n */\r\nfunction dismiss(focusActivator: boolean = false) {\r\n    if (props.persistent) {\r\n        // Let's let the user know they can't dismiss the overlay this way\r\n        // @todo: option to prevent shake\r\n        clickBlockedAnimation(contentEl.value);\r\n        return;\r\n    }\r\n    isActiveContent.value = false;\r\n    if (focusActivator && contentEl.value?.contains(document.activeElement)) {\r\n        activatorEl.value?.focus();\r\n    }\r\n}\r\n\r\n/**\r\n * Event Listeners\r\n */\r\nfunction onEnter(el: HTMLElement) {\r\n    // Attempts to resolve double triggering possibly caused by `appear`.\r\n    if (!el.dataset.enter) {\r\n        el.dataset.enter = \"true\";\r\n        return;\r\n    }\r\n    emit(\"enter\");\r\n}\r\nfunction onAfterEnter(el: HTMLElement) {\r\n    // Attempts to resolve double triggering possibly caused by `appear`.\r\n    if (!el.dataset.afterEnter) {\r\n        el.dataset.afterEnter = \"true\";\r\n        return;\r\n    }\r\n    emit(\"afterEnter\");\r\n}\r\nfunction onBeforeLeave() {\r\n    emit(\"beforeLeave\");\r\n}\r\nfunction onLeave() {\r\n    emit(\"leave\");\r\n}\r\nfunction onAfterLeave() {\r\n    isActiveTeleport.value = false;\r\n    emit(\"afterLeave\");\r\n}\r\n\r\nconst clickOutsideDirectiveArgs = {\r\n    handler: onClickOutside,\r\n    condition: clickOutsideCondition,\r\n    include: () => [activatorEl.value],\r\n};\r\n\r\nfunction onClickOutside(e: MouseEvent) {\r\n    emit(\"click:outside\", e);\r\n    dismiss(false);\r\n}\r\n\r\nfunction onKeydown(e: KeyboardEvent) {\r\n    if (e.key === \"Escape\" && isTopGlobal.value) {\r\n        dismiss(true);\r\n    }\r\n}\r\n// Listen for keydown events only when the content is active\r\nwatch(\r\n    isActiveContent,\r\n    (active) => {\r\n        if (active) {\r\n            window.addEventListener(\"keydown\", onKeydown);\r\n        } else {\r\n            window.removeEventListener(\"keydown\", onKeydown);\r\n        }\r\n    },\r\n    { immediate: true },\r\n);\r\n\r\n/**\r\n * Integrate with Back button for single page apps.\r\n */\r\nuseToggleScope(\r\n    () => props.closeOnBack,\r\n    () => {\r\n        useBackButton(router, (next) => {\r\n            if (isTopGlobal.value && isActiveContent.value) {\r\n                next(false);\r\n                dismiss(false);\r\n            } else {\r\n                next();\r\n            }\r\n        });\r\n    },\r\n);\r\n\r\n/**\r\n * Calculate the `top` position\r\n */\r\nconst top = ref<number>();\r\nwatch(\r\n    () =>\r\n        isActiveContent.value &&\r\n        (props.absolute || props.contained) &&\r\n        teleportTarget.value == null,\r\n    (value) => {\r\n        if (value) {\r\n            const scrollParent = getScrollParent(containerEl.value);\r\n            if (scrollParent && scrollParent !== document.scrollingElement) {\r\n                top.value = scrollParent.scrollTop;\r\n            }\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * Dynamically create a local component we can render using:\r\n * `<activator-slot>` or `<component :is=\"activatorSlot\" />`\r\n */\r\nconst activatorSlot = () => {\r\n    return slots.activator?.({\r\n        isActive: isActiveContent.value,\r\n        props: mergeProps(\r\n            { ref: activatorRef },\r\n            activatorEvents.value,\r\n            props.activatorProps,\r\n        ),\r\n    });\r\n};\r\n\r\nconst contentAttributes = mergeProps(contentEvents.value, props.contentProps);\r\nconst overlayAttributes = {\r\n    ...scopeId,\r\n    ...attrs,\r\n};\r\n</script>\r\n\r\n<template>\r\n    <activator-slot />\r\n\r\n    <teleport\r\n        v-if=\"isActiveTeleport\"\r\n        :disabled=\"!teleportTarget\"\r\n        :to=\"teleportTarget\">\r\n        <div\r\n            ref=\"containerEl\"\r\n            :class=\"[\r\n                'ev-overlay',\r\n                {\r\n                    'is-active': isActiveContent,\r\n                },\r\n                rtlClasses,\r\n                props.class,\r\n            ]\"\r\n            :style=\"[\r\n                stackStyles,\r\n                {\r\n                    top: toWebUnit(top),\r\n                },\r\n                props.style,\r\n            ]\"\r\n            v-bind=\"overlayAttributes\">\r\n            <transition appear name=\"transition-fade\">\r\n                <div\r\n                    v-if=\"isActiveVeil\"\r\n                    class=\"ev-overlay--veil\"\r\n                    v-bind=\"veilEvents\"></div>\r\n            </transition>\r\n\r\n            <ev-transition\r\n                appear\r\n                :transition=\"contentTransition\"\r\n                :target=\"activatorEl\"\r\n                @enter=\"onEnter\"\r\n                @after-enter=\"onAfterEnter\"\r\n                @before-leave=\"onBeforeLeave\"\r\n                @leave=\"onLeave\"\r\n                @after-leave=\"onAfterLeave\">\r\n                <div\r\n                    v-show=\"isActiveContent\"\r\n                    ref=\"contentEl\"\r\n                    v-click-outside=\"clickOutsideDirectiveArgs\"\r\n                    class=\"ev-overlay--content\"\r\n                    :class=\"[props.contentClass]\"\r\n                    :style=\"[dimensions, contentStyles]\"\r\n                    v-bind=\"contentAttributes\">\r\n                    <div\r\n                        v-if=\"slots.pointer && !props.veil\"\r\n                        ref=\"pointerEl\"\r\n                        class=\"ev-overlay--pointer\"\r\n                        :style=\"[pointerStyles]\">\r\n                        <slot name=\"pointer\" />\r\n                    </div>\r\n                    <slot />\r\n                </div>\r\n            </ev-transition>\r\n        </div>\r\n    </teleport>\r\n</template>\r\n"],"names":["attrs","useAttrs","slots","_useSlots","component","getCurrentComponent","router","useRouter","model","useModelProxy","props","containerEl","ref","contentEl","pointerEl","contentTransition","useEvTransition","dimensions","useDimensions","scopeId","useScopeId","isActiveContent","computed","value","isTopGlobal","isTopLocal","stackStyles","useStack","toRef","activatorEl","activatorRef","activatorEvents","contentEvents","target","targetEl","veilEvents","useActivator","teleportTarget","useTeleport","rootNode","_a","_c","_b","rtlClasses","isRtl","useRtl","contentStyles","updatePosition","pointerStyles","usePositionStrategies","useScrollStrategies","__expose","watch","isActiveVeil","isActiveTeleport","shallowRef","clickOutsideCondition","dismiss","focusActivator","clickBlockedAnimation","onEnter","el","emit","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave","clickOutsideDirectiveArgs","onClickOutside","onKeydown","active","useToggleScope","useBackButton","next","top","scrollParent","getScrollParent","activatorSlot","mergeProps","contentAttributes","overlayAttributes"],"mappings":"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"}

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

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

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

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

package/dist/esm/components/EvOverlay/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            } 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            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","e","Browser","watch","effectScope","ActivatorWatcher","onScopeDispose","watchEffect","nextTick","refElement","activatorProps","bindProps","mergeProps","unbindProps","oldValue"],"mappings":"6wBA2CO,MAAMA,EAAqBC,EAC9B,CACI,UAAW,CAAC,OAAQ,MAAM,EAC1B,eAAgB,CACZ,KAAM,OACN,QAAS,KAAO,CAAC,EACrB,EACA,YAAa,CACT,KAAM,QACN,QAAS,MACb,EACA,YAAa,QACb,YAAa,CACT,KAAM,QACN,QAAS,MACb,EACA,oBAAqB,QAErB,GAAGC,EAAwB,CAC/B,EACA,qBACJ,EAwCgB,SAAAC,EACZC,EACAC,EACAC,EACF,CACE,OAAO,IAAIC,EAAUH,EAAOC,EAAUC,CAAY,CACtD,CAEA,MAAMC,CAAU,CAoBZ,YACWH,EACAC,EACAC,EACT,CAvBcE,EAAA,mBAAcC,EAAiB,GAC/BD,EAAA,wBACAA,EAAA,oBAAeC,EAAI,GACnBD,EAAA,wBACAA,EAAA,kBACAA,EAAA,sBACAA,EAAA,mBACAA,EAAA,kBACAA,EAAA,oBACAA,EAAA,oBACAA,EAAA,mBAETA,EAAA,iBAAY,IACZA,EAAA,iBAAY,IACZA,EAAA,kBAAa,IAEZA,EAAA,gBACAA,EAAA,cAGG,KAAA,MAAAJ,EACA,KAAA,SAAAC,EACA,KAAA,aAAAC,EAEF,KAAA,UAAYI,EAAoB,WAAW,EAChD,KAAK,YAAcC,EACf,IACIP,EAAM,aACLA,EAAM,aAAe,MAAQA,EAAM,WAC5C,EACA,KAAK,YAAcO,EACf,IACIP,EAAM,aACLA,EAAM,aAAe,MAClB,CAACA,EAAM,aACP,CAAC,KAAK,YAAY,KAC9B,EACA,KAAM,CAAE,UAAAQ,EAAW,WAAAC,GAAe,KAAK,qBAAqB,EAC5D,KAAK,UAAYD,EACjB,KAAK,WAAaC,EACb,KAAA,gBAAkB,KAAK,mBAAmB,EAC1C,KAAA,gBAAkB,KAAK,sBAAsB,EAC7C,KAAA,cAAgB,KAAK,oBAAoB,EACzC,KAAA,WAAa,KAAK,iBAAiB,EACxC,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,CAAA,CAQpB,uBAAwB,CAC5B,OAAOF,EAAS,IAAM,CAClB,MAAMG,EAAmC,CAAC,EACtC,OAAA,KAAK,kBACEA,EAAA,QAAU,KAAK,gBAAgB,SAEtC,KAAK,kBACEA,EAAA,aAAe,KAAK,gBAAgB,aACpCA,EAAA,aAAe,KAAK,gBAAgB,cAE3C,KAAK,kBACEA,EAAA,QAAU,KAAK,gBAAgB,QAC/BA,EAAA,OAAS,KAAK,gBAAgB,QAElCA,CAAA,CACV,CAAA,CAOG,qBAAsB,CAC1B,OAAOH,EAAS,IAAM,CAClB,MAAMG,EAAiC,CAAC,EAqBpC,GApBA,KAAK,kBACLA,EAAO,aAAe,IAAM,CACxB,KAAK,UAAY,GACjB,KAAK,UAAU,CACnB,EACAA,EAAO,aAAe,IAAM,CACxB,KAAK,UAAY,GACjB,KAAK,WAAW,CACpB,GAEA,KAAK,kBACLA,EAAO,UAAY,IAAM,CACrB,KAAK,UAAY,GACjB,KAAK,UAAU,CACnB,EACAA,EAAO,WAAa,IAAM,CACtB,KAAK,UAAY,GACjB,KAAK,WAAW,CACpB,GAEA,KAAK,wBAAyB,CACxB,MAAAC,EAAOC,EAAOC,EAAc,IAAI,EACtCH,EAAO,QAAU,IAAM,CACnB,KAAK,SAAS,MAAQ,GACtBC,GAAA,MAAAA,EAAM,cACV,CAAA,CAEG,OAAAD,CAAA,CACV,CAAA,CAOG,sBAAuB,CAC3B,OAAOI,EAAkB,KAAK,MAAQC,GAAU,CAC5C,MAAMC,EAAe,KAAK,MAAM,aAAe,KAAK,UAC9CC,EAAe,KAAK,YAAY,OAAS,KAAK,UAEhDF,KAAWC,GAAgBC,IAC3B,EACI,KAAK,MAAM,aACX,KAAK,SAAS,OACd,CAAC,KAAK,aAAa,SAGnB,KAAK,SAAS,QAAUF,IACxB,KAAK,WAAa,IAEtB,KAAK,SAAS,MAAQA,EAC1B,CACH,CAAA,CAOG,kBAAmB,CACvB,OAAOR,EAAS,IAAM,CAClB,MAAMG,EAA8B,CAAC,EACjC,OAAA,KAAK,kBACLA,EAAO,aAAe,IAAM,CACpB,KAAK,aACL,KAAK,UAAY,GACjB,KAAK,WAAa,GAClB,KAAK,UAAU,EAEvB,EACAA,EAAO,aAAe,IAAM,CACxB,KAAK,UAAY,GACjB,KAAK,WAAW,CACpB,GAEGA,CAAA,CACV,CAAA,CAQE,eACHQ,EAA0C,KAAK,MAAM,UACvD,WACM,IAAAC,EACJ,GAAID,EACA,GAAIA,IAAa,SAAU,CACvB,IAAIE,GAAKC,GAAAC,GAAAC,EAAA,KAAK,YAAL,YAAAA,EAAgB,QAAhB,YAAAD,EAAuB,MAAvB,YAAAD,EAA4B,WAC9B,KAAAD,EAAG,aAAa,mBAAmB,GACtCA,EAAKA,EAAG,WAEAD,EAAAC,CAAA,MACL,OAAOF,GAAa,SAEfC,EAAA,SAAS,cAAcD,CAAQ,EACpC,QAASA,EAEhBC,EAAYD,EAAS,IAGTC,EAAAD,EAGb,OAAA,KAAK,eAAeC,CAAS,CAAA,CAMjC,oBAAsC,CAClC,MAAA,CACH,OAAQ,KAAK,OAAO,KAAK,IAAI,EAC7B,QAAS,KAAK,QAAQ,KAAK,IAAI,EAC/B,QAAS,KAAK,QAAQ,KAAK,IAAI,EAC/B,aAAc,KAAK,aAAa,KAAK,IAAI,EACzC,aAAc,KAAK,aAAa,KAAK,IAAI,CAC7C,CAAA,CAQG,uBAAiC,CACpC,OAAO,KAAK,MAAM,mBAAA,CAMf,eAAyB,CAC5B,OAAO,KAAK,YAAY,KAAA,CAMrB,eAAyB,CAC5B,OAAO,KAAK,MAAM,WAAA,CAMf,eAAyB,CAC5B,OAAO,KAAK,YAAY,KAAA,CAOrB,OAAOK,EAAe,CACzBA,EAAE,gBAAgB,EAClB,KAAK,UAAY,GACjB,KAAK,WAAW,CAAA,CAOb,QAAQA,EAAe,CAC1BA,EAAE,gBAAgB,EAClB,KAAK,YAAY,MAASA,EAAE,eAAiBA,EAAE,OAC/C,KAAK,SAAS,MAAQ,CAAC,KAAK,SAAS,KAAA,CAOlC,QAAQA,EAAe,CAEtBC,EAAQ,sBACR,CAAED,EAAE,OAAuB,QAAQ,gBAAgB,IAIvDA,EAAE,gBAAgB,EAClB,KAAK,UAAY,GACjB,KAAK,YAAY,MAASA,EAAE,eAAiBA,EAAE,OAC/C,KAAK,UAAU,EAAA,CAOZ,aAAaA,EAAiB,QAC7BD,EAAAC,EAAE,qBAAF,MAAAD,EAAsB,mBAG1B,KAAK,UAAY,GACjB,KAAK,YAAY,MAASC,EAAE,eAAiBA,EAAE,OAC/C,KAAK,UAAU,EAAA,CAOZ,aAAaA,EAAe,CAC/B,KAAK,UAAY,GACjB,KAAK,WAAW,CAAA,CAOb,eAAeL,EAAyB,CAE3C,YAAK,YAAY,OACbA,GAAA,YAAAA,EAAW,YAAa,KAAK,aAAeA,EAAY,OACrD,KAAK,YAAY,KAAA,CAOpB,oBAAqB,CACzBO,EACI,IAAM,CAAC,CAAC,KAAK,MAAM,UAClBX,GAAU,CACHA,GAASU,EAAQ,WACjB,KAAK,MAAQE,EAAY,EACpB,KAAA,MAAM,IAAI,IAAM,CACZ,KAAA,QAAU,IAAIC,EAAiB,IAAI,CAAA,CAC3C,GACM,KAAK,OACZ,KAAK,MAAM,KAAK,CAExB,EACA,CAAE,MAAO,OAAQ,UAAW,EAAK,CACrC,EAEAC,EAAe,IAAM,QACjBN,EAAA,KAAK,QAAL,MAAAA,EAAY,OACR,KAAK,UACL,KAAK,QAAU,OACnB,CACH,CAAA,CAOG,kBAAmB,CACvBO,EAAY,IAAM,CACT,KAAK,aAAa,OAGvBC,EAAS,IAAM,CACX,KAAK,YAAY,MAAQC,EAAW,KAAK,aAAa,KAAK,CAAA,CAC9D,CAAA,CACJ,CAAA,CAOG,mBAAoB,CAClBN,EAAA,KAAK,aAAeX,GAAU,CAE5BA,IACE,KAAK,cAAA,GACH,CAAC,KAAK,YACL,CAAC,KAAK,cAAc,GAAK,CAAC,KAAK,YAC/B,KAAK,cAAA,GACF,CAAC,KAAK,YACL,CAAC,KAAK,iBAAmB,CAAC,KAAK,cAExC,KAAK,SAAS,MAAQ,GAC1B,CACH,CAAA,CAET,CAEA,MAAMa,CAAiB,CACnB,YAA4BT,EAAsB,CAAtB,KAAA,UAAAA,EACxB,KAAK,eAAe,CAAA,CAGhB,gCACJC,EAAK,KAAK,UAAU,eAAA,EACpBa,EAAiB,KAAK,UAAU,MAAM,eACxC,CACOb,GAGLc,EACId,EACAe,EAAW,KAAK,UAAU,gBAAgB,MAAOF,CAAc,CACnE,CAAA,CAGI,mCACJb,EAAK,KAAK,UAAU,eAAA,EACpBa,EAAiB,KAAK,UAAU,MAAM,eACxC,CACOb,GAGLgB,EACIhB,EACAe,EAAW,KAAK,UAAU,gBAAgB,MAAOF,CAAc,CACnE,CAAA,CAGI,gBAAiB,CACrBP,EACI,IAAM,KAAK,UAAU,MAAM,UAC3B,CAACX,EAAOsB,IAAa,CACb,GAAAA,GAAYtB,IAAUsB,EAAU,CAChC,MAAMlB,EAAY,KAAK,UAAU,eAAekB,CAAQ,EAEpDlB,GAAA,KAAK,mCAAmCA,CAAS,CAAA,CAErDJ,GACSgB,EAAA,IAAM,KAAK,iCAAiC,CAE7D,EACA,CAAE,UAAW,EAAK,CACtB,EAEAL,EACI,IAAM,KAAK,UAAU,MAAM,eAC3B,IAAM,CACF,KAAK,gCAAgC,CAAA,CAE7C,EAEAG,EAAe,IAAM,CACjB,KAAK,mCAAmC,CAAA,CAC3C,CAAA,CAET"}
+{"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\ntype TargetSelector =\r\n    | \"cursor\"\r\n    | \"parent\"\r\n    | string\r\n    | Element\r\n    | ComponentPublicInstance\r\n    | [x: number, y: number];\r\n\r\nexport interface ActivatorProps extends DelayOpenCloseProps {\r\n    target?: TargetSelector;\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        target: [String, Object] as PropType<ActivatorProps[\"target\"]>,\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 cursorTarget = ref<[x: number, y: number]>();\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 target: ComputedRef;\r\n    public readonly targetEl: ComputedRef<HTMLElement | undefined>;\r\n    public readonly targetRef = ref();\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.target = computed(() => {\r\n            if (props.target === \"cursor\" && this.cursorTarget.value) {\r\n                return this.cursorTarget.value;\r\n            }\r\n            if (this.targetRef.value) {\r\n                return this.targetRef.value;\r\n            }\r\n            return this.getTarget(props.target) || this.activatorEl.value;\r\n        });\r\n        this.targetEl = computed(() => {\r\n            return Array.isArray(this.target.value)\r\n                ? undefined\r\n                : this.target.value;\r\n        });\r\n        this.watchIsActive();\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        return this.setActivatorEl(this.getTarget(selector));\r\n    }\r\n\r\n    /**\r\n     * @param selector\r\n     */\r\n    public getTarget<T extends TargetSelector>(\r\n        selector: T,\r\n    ) {\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            return el;\r\n        } else if (typeof selector === \"string\") {\r\n            // Selector\r\n            return document.querySelector(selector) as HTMLElement | undefined;\r\n        } else if (typeof selector === \"object\" && \"$el\" in selector) {\r\n            // Component (ref)\r\n            return selector.$el;\r\n        } else {\r\n            // HTMLElement | Element | [x, y]\r\n            return selector;\r\n        }\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        if (!this.isActive.value) {\r\n            this.cursorTarget.value = [e.clientX, e.clientY];\r\n        }\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        this.isFocused = true;\r\n        e.stopPropagation();\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            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 `isActive`\r\n     * @private\r\n     */\r\n    private watchIsActive() {\r\n        watch(\r\n            this.isActive,\r\n            (value) => {\r\n                setTimeout(() => {\r\n                    this.cursorTarget.value = undefined;\r\n                });\r\n            },\r\n            { flush: \"post\" },\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","el","_c","_b","_a","e","Browser","activator","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.37 | 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 C=Object.defineProperty;var O=(h,t,e)=>t in h?C(h,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[t]=e;var n=(h,t,e)=>O(h,typeof t!="symbol"?t+"":t,e);import{watch as u,onScopeDispose as F,computed as v,nextTick as W}from"vue";import{Rect as l}from"../../../util/dimensions.mjs";import{getScrollParents as E}from"../../../util/scroll.mjs";import{isFixedPosition as H}from"../../../util/isFixedPosition.mjs";import{toFixedPosition as M}from"../../../util/style.mjs";import{toWebUnit as c,pixelCeil as y,pixelRound as d}from"../../../util/units.mjs";import{destructComputed as Z,clamp as x}from"../../../util/helpers.mjs";import{isDeepEqual as N,isNumber as j}from"../../../util/is-functions.mjs";import{Anchor as m}from"../../../util/anchor.mjs";/*! Evance UI v1.1.38 | MIT License */function K(h,t,e,i){const s=new D(h,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class D{constructor(t,e,i,s){n(this,"contentScrollParents");n(this,"contentRect");n(this,"maxHeight");n(this,"maxWidth");n(this,"minHeight");n(this,"minWidth");n(this,"observe",!1);n(this,"observer");n(this,"offset");n(this,"preferredPosition");n(this,"preferredOrigin");n(this,"targetRect");n(this,"viewportRect");n(this,"viewportMargin",12);n(this,"zoneCalculator");this.data=t,this.props=e,this.contentStyles=i,this.pointerStyles=s,this.resolveFixedTarget(),this.minWidth=this.computedNumericProp("minWidth"),this.maxWidth=this.computedNumericProp("maxWidth"),this.minHeight=this.computedNumericProp("minHeight"),this.maxHeight=this.computedNumericProp("maxHeight"),this.offset=this.computedOffset(),this.zoneCalculator=new q,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),u(this.data.target,(t,e)=>{var i,s;e&&!Array.isArray(e)&&((i=this.observer)==null||i.unobserve(e)),Array.isArray(t)?N(t,e)||this.updatePosition():t&&((s=this.observer)==null||s.observe(t))},{immediate:!0}),u(this.data.contentEl,(t,e)=>{e&&this.observer.unobserve(e),t&&this.observer.observe(t)},{immediate:!0}),F(()=>{var t;(t=this.observer)==null||t.disconnect()})}calculatePreferences(){const{preferredPosition:t,preferredOrigin:e}=Z(()=>{const i=m.fromSelector(this.props.position,this.data.isRtl.value);let s;return this.props.origin==="overlap"?s=i:this.props.origin==="auto"?s=i.flipSide():s=m.fromSelector(this.props.origin,this.data.isRtl.value),i.side===s.side&&i.alignment===s.flipAlignment().alignment?{preferredPosition:i.flipCorner(),preferredOrigin:s.flipCorner()}:{preferredPosition:i,preferredOrigin:s}});this.preferredPosition=t,this.preferredOrigin=e}computedNumericProp(t){return v(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return v(()=>{if(Array.isArray(this.props.offset))return this.props.offset;if(typeof this.props.offset=="string"){const t=this.props.offset.split(" ").map(parseFloat);return t.length<2&&t.push(0),t}return j(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=l.fromElement(t,!0);return e?i.x+=parseFloat(t.style.right||0):i.x-=parseFloat(t.style.left||0),i.y-=parseFloat(t.style.top||0),i}getPointerDimensions(){const t=this.data.pointerEl.value;return t?{width:t.clientWidth,height:t.clientHeight}:null}getContentScrollParents(){const t=E(this.data.contentEl.value),e=this.data.contentEl.value;return t.length||(t.push(document.documentElement),e.style.top&&e.style.left||(this.contentRect.x-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-x")||"0"),this.contentRect.y-=parseFloat(document.documentElement.style.getPropertyValue("--ev-body-scroll-y")||"0"))),t}getViewportRect(){const t=this.contentScrollParents.reduce((e,i)=>{const s=l.fromElement(i),o=i===document.documentElement,r=new l(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new l(Math.max(e.left,r.left),Math.max(e.top,r.top),Math.min(e.right,r.right)-Math.max(e.left,r.left),Math.min(e.bottom,r.bottom)-Math.max(e.top,r.top)):r},void 0);return t.x+=this.viewportMargin,t.y+=this.viewportMargin,t.width-=this.viewportMargin*2,t.height-=this.viewportMargin*2,t}resolveFixedTarget(){(Array.isArray(this.data.target.value)||H(this.data.target.value))&&M(this.contentStyles.value,this.data.isRtl.value)}getTargetRect(t){if(Array.isArray(t)){const e=document.body.currentCSSZoom??1,i=1+(1-e)/e;return new l(t[0]*i,t[1]*i,0,0)}return l.fromElement(t)}updatePosition(){var r;if(this.observe=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>this.observe=!0)}),!this.data.target.value||!this.data.contentEl.value)return;Array.isArray(this.data.target.value)||this.data.target.value.offsetParent||this.data.target.value.getClientRects().length?this.targetRect=this.getTargetRect(this.data.target.value):this.targetRect=new l(0,0,0,0),this.contentRect=this.getContentRect(),this.contentScrollParents=this.getContentScrollParents(),this.viewportRect=this.getViewportRect();const t=this.zoneCalculator.getAvailable(this.targetRect,this.viewportRect,this.offset.value,this.contentRect),e={position:this.preferredPosition.value,origin:this.preferredOrigin.value};if(e.position.side==="auto"){const a=this.getAutoZone(e.position,t);e.position=a.position,e.origin=e.position.flipSide()}const i=e.position.side==="center"?this.getCenterZone(t):this.getBestZone(e.position,t);e.position=i.position,e.origin=e.position.flipSide();const{x:s,y:o}=this.calculateContentCoords(i,e);return this.calculateContentStyles(i,e,s,o),this.calculatePointerStyles(e,s,o),(r=this.data.contentEl.value)==null||r.setAttribute("data-position",e.position.toString()),{zoneRect:i.rect,contentRect:this.contentRect}}calculateContentCoords(t,e){let{x:i,y:s}=t.rect;if(e.position.side==="center")s=t.rect.y+(t.rect.height-this.contentRect.height)/2,i=t.rect.x+(t.rect.width-this.contentRect.width)/2;else if(e.position.side==="top"?s=t.rect.bottom-this.contentRect.height:e.position.side==="left"&&(i=t.rect.right-this.contentRect.width),e.position.alignment!=="start"){const o=e.position.alignment==="center"?2:1;e.position.axis==="x"?s=this.targetRect.y+(this.targetRect.height-this.contentRect.height)/o:i=this.targetRect.x+(this.targetRect.width-this.contentRect.width)/o}return s<this.viewportRect.y&&(s=this.viewportRect.y),i<this.viewportRect.x&&(i=this.viewportRect.x),{x:i,y:s}}calculateContentStyles(t,e,i,s){Object.assign(this.contentStyles.value,{"--ev-overlay-position":e.position.toCssValue(),transformOrigin:e.origin.toCssValue(),top:c(d(s)),left:c(d(i)),minWidth:c(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:c(y(x(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:c(y(x(t.rect.height,this.minHeight.value===1/0?0:this.minHeight.value,this.maxHeight.value)))})}calculatePointerStyles(t,e,i){const s=this.getPointerDimensions();if(!s||t.position.side==="center"&&t.position.alignment==="center"){Object.assign(this.pointerStyles.value,{left:null,top:null});return}let o=null,r=null,a=0;t.position.axis==="y"?(e>this.targetRect.x?o=0-s.width/2:o=this.targetRect.x-e-s.width/2,o+=Math.min(this.targetRect.width,this.contentRect.width)/2,r=t.position.side==="bottom"?0-s.height:"100%",a=t.position.side==="bottom"?180:0):(i>this.targetRect.y?r=0-s.width/2:r=this.targetRect.y-i-s.width/2,r+=Math.min(this.targetRect.height,this.contentRect.height)/2,o=t.position.side==="right"?0-s.height:"100%",a=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:c(d(o)),top:typeof r=="string"?r:c(d(r)),transform:`rotate(${a}deg)`})}getAutoZone(t,e){return e.filter(s=>s.position.side==="center"?!1:t.alignment==="auto"||s.position.alignment===t.alignment)[0]}getBestZone(t,e){const i=[t,t.centerAlign(),t.flipSide(),t.flipSide().centerAlign(),t.flipCorner(),t.flipCorner().centerAlign(),t.flipCorner().flipSide(),t.flipCorner().flipSide().centerAlign()];for(const s of i){const o=e.find(r=>r.position.toString()===s.toString());if(o!=null&&o.isFitsContent)return o}for(const s of i){const o=e.find(a=>a.position.toString()===s.toString());if(!o)continue;const r=s.axis==="x"?"width":"height";if(o.available[r]>=0)return o}return this.getAutoZone(t,e)}getCenterZone(t){return t.find(e=>e.position.side==="center"&&e.position.alignment==="center")}watch(){u(()=>{var t,e;return[(t=this.preferredPosition)==null?void 0:t.value,(e=this.preferredOrigin)==null?void 0:e.value,this.props.offset,this.props.minWidth,this.props.minHeight,this.props.maxWidth,this.props.maxHeight]},()=>this.updatePosition()),W(()=>{this.updatePosition()})}}class V{constructor(t,e,i){n(this,"available");n(this,"isFitsContent");this.position=t,this.rect=e,this.content=i,this.available={width:this.rect.width-i.width,height:this.rect.height-i.height},this.isFitsContent=this.rect.width>=i.width&&this.rect.height>=i.height}get availableArea(){return this.available.width*this.available.height}}class q{getAvailable(t,e,i,s){const[o,r]=i,a={top:{y:e.top,height:t.top-e.top-o,align:"x"},bottom:{y:t.bottom+o,height:e.bottom-t.bottom-o,align:"x"},left:{x:e.left,width:t.left-e.left-o,align:"y"},right:{x:t.right+o,width:e.right-t.right-o,align:"y"},center:{x:e.left,width:e.width,align:"y"}},b={x:{center:{x:e.left,width:e.width},start:{x:t.left+r,width:e.width-t.left-r},end:{x:e.left,width:t.right-e.left-r}},y:{center:{y:e.top,height:e.height},start:{y:t.top+r,height:e.bottom-t.top-r},end:{y:e.top,height:t.bottom-e.top-r}}},p=[];for(const[g,f]of Object.entries(a))for(const[R,P]of Object.entries(b[f.align])){const w=new m(g,R),S=Object.assign({width:0,height:0,x:0,y:0},f,P),A=l.fromRect(S);p.push(new V(w,A,s))}return p.sort((g,f)=>f.availableArea-g.availableArea),p}}export{K as connectedPositionStrategy};
 //# sourceMappingURL=connected-position.mjs.map