@evance/evance-ui 1.1.12 → 1.1.13

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

@@ -1 +1 @@
-{"version":3,"file":"EvNumberDigit.vue.mjs","sources":["../../../../src/components/EvNumber/EvNumberDigit.vue"],"sourcesContent":["<script setup lang=\"ts\">\n\nimport {computed, onMounted, ref, watch} from \"vue\";\n\nconst props = defineProps<{\n    value: number;\n}>();\n\nconst digits = Array.from({ length: 10 }, (_, i) => i);\nconst current = ref(0);\nconst previous = ref(0);\n\nwatch(\n    () => props.value,\n    (newVal) => {\n        previous.value = current.value;\n        current.value = newVal;\n    },\n);\n\nconst stackStyle = computed(() => {\n    const offset = current.value * 1;\n    return {\n        transform: `translateY(-${offset}em)`,\n        transition: `transform var(--ev-number-duration, 0.5s) var(--easing-standard)`,\n        willChange: \"transform\",\n    };\n});\n\nonMounted(() => {\n    previous.value = current.value;\n    current.value = props.value;\n});\n</script>\n\n<template>\n    <span class=\"ev-number-digit\">\n        <span\n            class=\"ev-number-digit--stack\"\n            :style=\"stackStyle\"\n        >\n            <span\n                v-for=\"n in digits\"\n                :key=\"n\"\n                class=\"ev-number-digit--num\"\n                :inert=\"props.value !== n\"\n                :style=\"{ '--n': n }\">\n                {{ n }}\n            </span>\n        </span>\n    </span>\n</template>"],"names":["digits","_","i","current","ref","previous","watch","props","newVal","stackStyle","computed","onMounted"],"mappings":"iSAQMA,EAAS,MAAM,KAAK,CAAE,OAAQ,IAAM,CAACC,EAAGC,IAAMA,CAAC,EAC/CC,EAAUC,MAAI,CAAC,EACfC,EAAWD,MAAI,CAAC,EAEtBE,EAAA,MACI,IAAMC,EAAM,MACXC,GAAW,CACRH,EAAS,MAAQF,EAAQ,MACzBA,EAAQ,MAAQK,CAAA,CAExB,EAEM,MAAAC,EAAaC,EAAAA,SAAS,KAEjB,CACH,UAAW,eAFAP,EAAQ,MAAQ,CAEK,MAChC,WAAY,mEACZ,WAAY,WAChB,EACH,EAEDQ,OAAAA,EAAAA,UAAU,IAAM,CACZN,EAAS,MAAQF,EAAQ,MACzBA,EAAQ,MAAQI,EAAM,KAAA,CACzB"}
+{"version":3,"file":"EvNumberDigit.vue.mjs","sources":["../../../../src/components/EvNumber/EvNumberDigit.vue"],"sourcesContent":["<script setup lang=\"ts\">\n\nimport {computed, onMounted, ref, watch} from \"vue\";\n\nconst props = defineProps<{\n    value: number;\n}>();\n\nconst digits = Array.from({ length: 10 }, (_, i) => i);\nconst current = ref(0);\nconst previous = ref(0);\n\nwatch(\n    () => props.value,\n    (newVal) => {\n        previous.value = current.value;\n        current.value = newVal;\n    },\n);\n\nconst stackStyle = computed(() => {\n    const offset = current.value * 1;\n    return {\n        transform: `translateY(-${offset}em)`,\n        transition: `transform var(--ev-number-duration, 0.5s) var(--easing-standard)`,\n        willChange: \"transform\",\n    };\n});\n\nonMounted(() => {\n    previous.value = current.value;\n    current.value = props.value;\n});\n</script>\n\n<template>\n    <span class=\"ev-number-digit\">\n        <span\n            class=\"ev-number-digit--stack\"\n            :style=\"stackStyle\"\n        >\n            <span\n                v-for=\"n in digits\"\n                :key=\"n\"\n                class=\"ev-number-digit--num\"\n                :inert=\"props.value !== n\"\n                :style=\"{ '--n': n }\">\n                {{ n }}\n            </span>\n        </span>\n    </span>\n</template>"],"names":["digits","_","i","current","ref","previous","watch","props","newVal","stackStyle","computed","onMounted"],"mappings":"kMAQMA,EAAS,MAAM,KAAK,CAAE,OAAQ,IAAM,CAACC,EAAGC,IAAMA,CAAC,EAC/CC,EAAUC,MAAI,CAAC,EACfC,EAAWD,MAAI,CAAC,EAEtBE,EAAA,MACI,IAAMC,EAAM,MACXC,GAAW,CACRH,EAAS,MAAQF,EAAQ,MACzBA,EAAQ,MAAQK,CAAA,CAExB,EAEM,MAAAC,EAAaC,EAAAA,SAAS,KAEjB,CACH,UAAW,eAFAP,EAAQ,MAAQ,CAEK,MAChC,WAAY,mEACZ,WAAY,WAChB,EACH,EAEDQ,OAAAA,EAAAA,UAAU,IAAM,CACZN,EAAS,MAAQF,EAAQ,MACzBA,EAAQ,MAAQI,EAAM,KAAA,CACzB"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvNumberDigit.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvNumberDigit.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvNumberDigit.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var i=(a,t,r)=>t in a?s(a,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[t]=r;var n=(a,t,r)=>i(a,typeof t!="symbol"?t+"":t,r);/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../EvTextfield/EvTextfield.mjs"),o=require("vue"),c=require("../../util/math.mjs"),p=require("../../util/props.mjs"),l=require("../../util/helpers.mjs"),m=require("../../util/is-functions.mjs"),h=p.propsFactory({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,...l.omit(u.makeEvTextfieldProps(),["type"])},"EvNumberField");class g{constructor(t,r){n(this,"_currencyPattern");n(this,"_decimalPattern");n(this,"_groupPattern");n(this,"_minusSignPattern");n(this,"_numberFormat");n(this,"_numerals");n(this,"_numeralsIndex");n(this,"_numeralPattern");n(this,"_prefixPattern");n(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 m.isEmpty(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.mathEval(`(${r})`)}catch{e=+r}else e=+r;return isNaN(e)?null:e}watchProps(){o.watch([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()})}}exports.NumberParser=g;exports.makeEvNumberFieldProps=h;
+"use strict";var s=Object.defineProperty;var i=(a,t,r)=>t in a?s(a,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[t]=r;var n=(a,t,r)=>i(a,typeof t!="symbol"?t+"":t,r);/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../EvTextfield/EvTextfield.mjs"),o=require("vue"),c=require("../../util/math.mjs"),p=require("../../util/props.mjs"),l=require("../../util/helpers.mjs"),m=require("../../util/is-functions.mjs"),h=p.propsFactory({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,...l.omit(u.makeEvTextfieldProps(),["type"])},"EvNumberField");class g{constructor(t,r){n(this,"_currencyPattern");n(this,"_decimalPattern");n(this,"_groupPattern");n(this,"_minusSignPattern");n(this,"_numberFormat");n(this,"_numerals");n(this,"_numeralsIndex");n(this,"_numeralPattern");n(this,"_prefixPattern");n(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 m.isEmpty(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.mathEval(`(${r})`)}catch{e=+r}else e=+r;return isNaN(e)?null:e}watchProps(){o.watch([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()})}}exports.NumberParser=g;exports.makeEvNumberFieldProps=h;
 //# sourceMappingURL=EvNumberField.mjs.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EvNumberField.vue.mjs","sources":["../../../../src/components/EvNumberField/EvNumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-number-field>`\r\n */\r\nimport \"./EvNumberField.scss\";\r\nimport { makeEvNumberFieldProps, NumberParser } from \"./EvNumberField\";\r\nimport { EvTextfield } from \"@/components/EvTextfield\";\r\nimport { computed, nextTick, Ref, ref, shallowRef, watch } from \"vue\";\r\nimport { filterComponentProps, isEmpty, omit } from \"@/util\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { MinusIcon, PlusIcon } from \"@/icons\";\r\nimport { useLocaleManager } from \"@/composables/locale\";\r\nimport { KeyboardEvent } from \"react\";\r\n\r\nconst localeManager = useLocaleManager();\r\nconst props = defineProps({\r\n    ...makeEvNumberFieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// EvTextfield\r\nconst evTextfieldRef = ref<typeof EvTextfield>();\r\nconst evTextfieldProps = computed(() => {\r\n    return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\r\n});\r\n\r\nconst numberParser = new NumberParser(localeManager, props);\r\n\r\n/**\r\n * We separate the `modelValue` and the `inputValue` (the value displayed)\r\n * because this allows us some efficiency improvements when holding down +/- buttons\r\n * as well as permitting formatting.\r\n *\r\n * Whenever the `modelValue` changes we need to ensure the `inputValue` is updated.\r\n */\r\nconst modelValue = useModelProxy(props, \"modelValue\");\r\n\r\nconst inputValue: Ref<string | null | undefined> = shallowRef();\r\ninputValue.value = numberParser.formatValue(modelValue.value);\r\nwatch(modelValue, () => {\r\n    inputValue.value = numberParser.formatValue(modelValue.value);\r\n});\r\n\r\nwatch(\r\n    [\r\n        localeManager.currentLocale,\r\n        () => props.locale,\r\n        () => props.localeMatcher,\r\n        () => props.mode,\r\n        () => props.currency,\r\n        () => props.currencyDisplay,\r\n        () => props.useGrouping,\r\n        () => props.minFractionDigits,\r\n        () => props.maxFractionDigits,\r\n    ],\r\n    (value, oldValue) => {\r\n        if (value !== oldValue) {\r\n            inputValue.value = numberParser.formatValue(modelValue.value);\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * Minimum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst minimum = computed(() => {\r\n    return props.min ?? null;\r\n});\r\n\r\n/**\r\n * Maximum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst maximum = computed(() => {\r\n    return props.max ?? null;\r\n});\r\n\r\n/*\r\nconst currencySymbol = computed(() => {\r\n    return numberParser.prefixChar;\r\n});\r\n\r\n */\r\n\r\n/**\r\n * Incremental Values\r\n */\r\nconst incrementAmount = computed(() => {\r\n    return props.step ?? 1;\r\n});\r\nlet incrementInterval: ReturnType<typeof setInterval> | null = null;\r\nconst incrementRate: number = 100;\r\nconst incrementDelay = 0.25;\r\nlet isIncrementing = false;\r\n\r\n/**\r\n * ## Get Decimal Places\r\n * Returns the number of decimal places of the `value` supplied.\r\n * @param value\r\n */\r\nfunction getDecimalPlaces(value: number): number {\r\n    const options = {\r\n        useGrouping: false,\r\n        minimumFractionDigits: 0,\r\n        maximumFractionDigits: 20,\r\n    };\r\n    const fraction = localeManager.numberFormatter\r\n        .formatter(options)\r\n        .formatToParts(value)\r\n        .find((part) => part.type === \"fraction\");\r\n    return fraction ? fraction.value.length : 0;\r\n}\r\n\r\n/**\r\n * ## Set Value\r\n * Can be used to set the value of either the 'modelValue' or the 'inputValue'.\r\n * @param value\r\n */\r\nfunction getValue(value?: string | number | null) {\r\n    if (isEmpty(value)) {\r\n        return value ?? null;\r\n    }\r\n    if (typeof value === \"string\") {\r\n        value = parseFloat(value);\r\n    }\r\n    if (isMinBoundary(value!)) {\r\n        value = minimum.value;\r\n    } else if (isMaxBoundary(value!)) {\r\n        value = maximum.value;\r\n    }\r\n\r\n    // We always want to constrain the value to the minimum\r\n    // and maximum decimal places\r\n    const decimalPlaces = getDecimalPlaces(value!);\r\n    if (\r\n        !isEmpty(props.minFractionDigits) &&\r\n        decimalPlaces < props.minFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.minFractionDigits));\r\n    }\r\n    if (\r\n        !isEmpty(props.maxFractionDigits) &&\r\n        decimalPlaces > props.maxFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.maxFractionDigits));\r\n    }\r\n    return value;\r\n}\r\n\r\n/**\r\n * ## Is Max Boundary\r\n * @param value\r\n */\r\nfunction isMaxBoundary(value: number): boolean {\r\n    return maximum.value !== null && maximum.value < value;\r\n}\r\n\r\n/**\r\n * ## Is Min Boundary\r\n * @param value\r\n */\r\nfunction isMinBoundary(value: number): boolean {\r\n    return minimum.value !== null && minimum.value > value;\r\n}\r\n\r\n/**\r\n * # On Blur\r\n *\r\n * If the user has typed something we can't be sure that it is accurate\r\n * based upon the min/max boundaries so we reset the `inputValue` first.\r\n * Then, we can update the `modelValue` based on the input.\r\n */\r\nfunction onBlur(e: Event) {\r\n    if (inputValue.value === \"-\") {\r\n        inputValue.value = \"\";\r\n    }\r\n    const parsedValue = numberParser.parseValue(inputValue.value as string);\r\n    const currentValue = getValue(parsedValue);\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n    modelValue.value = numberParser.parseValue(inputValue.value);\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n *\r\n * @param e\r\n */\r\nfunction onFocus(e: Event) {\r\n    if (props.readonly) {\r\n        return;\r\n    }\r\n    inputValue.value = isEmpty(modelValue.value)\r\n        ? \"\"\r\n        : modelValue.value.toString();\r\n}\r\n\r\n/**\r\n * ## On Input Keydown\r\n * @param e\r\n */\r\nfunction onInputKeydown(e: KeyboardEvent) {\r\n    const passThrough = [\r\n        \"Backspace\",\r\n        \"Delete\",\r\n        \"Home\",\r\n        \"End\",\r\n        \"ArrowLeft\",\r\n        \"ArrowRight\",\r\n        \"Tab\",\r\n    ];\r\n    if (passThrough.includes(e.key)) {\r\n        return;\r\n    }\r\n\r\n    // Listen to ArrowUp\r\n    if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        startIncrementing(1);\r\n        return;\r\n    }\r\n    // Listen to ArrowDown\r\n    if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        startIncrementing(-1);\r\n        return;\r\n    }\r\n\r\n    if (e.key === \"Enter\") {\r\n        e.preventDefault();\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        const currentValue = getValue(parsedValue);\r\n        modelValue.value = currentValue;\r\n        nextTick(() => {\r\n            inputValue.value = isEmpty(currentValue)\r\n                ? \"\"\r\n                : currentValue!.toString();\r\n        });\r\n        return;\r\n    }\r\n\r\n    const isPaste = e.key === \"v\" && e.ctrlKey;\r\n\r\n    // Block anything not in the whitelist\r\n    const whitelist = new RegExp(\"[0-9 +\\-\\/\\(\\)*]\");\r\n    if (!whitelist.test(e.key) && !isPaste) {\r\n        e.preventDefault();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Input Keyup\r\n * @param e\r\n */\r\nfunction onInputKeyup(e: KeyboardEvent) {\r\n    if (e.code === \"ArrowUp\" || e.code === \"ArrowDown\") {\r\n        e.preventDefault();\r\n    }\r\n    stopIncrementing();\r\n}\r\n\r\n/**\r\n * ## On Paste\r\n */\r\nfunction onPaste(e: ClipboardEvent) {\r\n    e.preventDefault();\r\n    const data = e.clipboardData?.getData(\"Text\");\r\n    if (data) {\r\n        const parsedValue = numberParser.parseValue(data);\r\n        const currentValue = getValue(parsedValue);\r\n        inputValue.value = isEmpty(currentValue)\r\n            ? \"\"\r\n            : currentValue!.toString();\r\n        modelValue.value = currentValue;\r\n    }\r\n}\r\n\r\n/**\r\n * ## Start Incrementing\r\n *\r\n * If the user holds the plus/minus button down for longer than the `incrementDelay`\r\n * we increase/decrease the `inputValue` by the `incrementAmount` at an increasing\r\n * rate for every second the user holds the button.\r\n *\r\n * @param direction\r\n */\r\nfunction startIncrementing(direction: number) {\r\n    if (isIncrementing || props.readonly) {\r\n        return;\r\n    }\r\n    isIncrementing = true;\r\n    let currentValue: number;\r\n    if (isEmpty(modelValue.value)) {\r\n        currentValue = minimum.value ?? 0;\r\n    } else {\r\n        currentValue = getValue(\r\n            modelValue.value! + direction * incrementAmount.value,\r\n        )! as number;\r\n    }\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n\r\n    // Then we rely on the delay to do more increments on a timer\r\n    const startTime = Date.now();\r\n    let internalIncrementAmount = incrementAmount.value;\r\n    incrementInterval = setInterval(() => {\r\n        const currentTime = Date.now();\r\n        const elapsedTime = (currentTime - startTime) / 1000;\r\n        if (elapsedTime < incrementDelay) {\r\n            return;\r\n        }\r\n        const multiplier = Math.floor(Math.pow(2, elapsedTime - 1));\r\n        internalIncrementAmount = incrementAmount.value * multiplier;\r\n        currentValue = getValue(\r\n            currentValue + direction * internalIncrementAmount,\r\n        )! as number;\r\n        inputValue.value = numberParser.formatValue(currentValue);\r\n    }, incrementRate);\r\n}\r\n\r\n/**\r\n * ## Stop Incrementing\r\n *\r\n * When the user releases the plus/minus button stop the increment interval\r\n * and set the resulting value onto the `modelValue` - this is more efficient\r\n * than setting the `modelValue` with every increment.\r\n */\r\nfunction stopIncrementing() {\r\n    if (isIncrementing) {\r\n        clearInterval(incrementInterval!);\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        modelValue.value = getValue(parsedValue);\r\n        isIncrementing = false;\r\n    }\r\n}\r\n\r\nconst hasPrefix = computed(() => {\r\n    return props.showButtons || slots.prefix || props.prefix;\r\n});\r\n\r\nconst hasSuffix = computed(() => {\r\n    return props.showButtons || slots.suffix || props.suffix;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <ev-textfield\r\n        ref=\"evTextfieldRef\"\r\n        v-bind=\"evTextfieldProps\"\r\n        v-model=\"inputValue\"\r\n        class=\"ev-number-field\"\r\n        type=\"text\"\r\n        @paste=\"onPaste\"\r\n        @blur=\"onBlur\"\r\n        @focus=\"onFocus\"\r\n        @keydown=\"onInputKeydown\"\r\n        @keyup=\"onInputKeyup\">\r\n        <template v-if=\"props.label || slots.label\" #label>\r\n            <slot name=\"label\">{{ props.label }}</slot>\r\n        </template>\r\n        <template v-if=\"hasPrefix\" #prefix>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--minus\"\r\n                variant=\"subtle\"\r\n                :icon=\"MinusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(-1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(-1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n            <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n        </template>\r\n        <template v-if=\"hasSuffix\" #suffix>\r\n            <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--plus\"\r\n                variant=\"subtle\"\r\n                :icon=\"PlusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n        </template>\r\n    </ev-textfield>\r\n</template>\r\n"],"names":["incrementRate","incrementDelay","localeManager","useLocaleManager","slots","_useSlots","evTextfieldRef","ref","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","props","numberParser","NumberParser","modelValue","useModelProxy","inputValue","shallowRef","watch","value","oldValue","minimum","maximum","incrementAmount","incrementInterval","isIncrementing","getDecimalPlaces","options","fraction","part","getValue","isEmpty","isMinBoundary","isMaxBoundary","decimalPlaces","onBlur","parsedValue","currentValue","onFocus","onInputKeydown","startIncrementing","nextTick","isPaste","onInputKeyup","stopIncrementing","onPaste","data","_a","direction","startTime","internalIncrementAmount","elapsedTime","multiplier","hasPrefix","hasSuffix"],"mappings":"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"}
+{"version":3,"file":"EvNumberField.vue.mjs","sources":["../../../../src/components/EvNumberField/EvNumberField.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * `<ev-number-field>`\r\n */\r\nimport \"./EvNumberField.scss\";\r\nimport { makeEvNumberFieldProps, NumberParser } from \"./EvNumberField\";\r\nimport { EvTextfield } from \"@/components/EvTextfield\";\r\nimport { computed, nextTick, Ref, ref, shallowRef, watch } from \"vue\";\r\nimport { filterComponentProps, isEmpty, omit } from \"@/util\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { MinusIcon, PlusIcon } from \"@/icons\";\r\nimport { useLocaleManager } from \"@/composables/locale\";\r\nimport { KeyboardEvent } from \"react\";\r\n\r\nconst localeManager = useLocaleManager();\r\nconst props = defineProps({\r\n    ...makeEvNumberFieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// EvTextfield\r\nconst evTextfieldRef = ref<typeof EvTextfield>();\r\nconst evTextfieldProps = computed(() => {\r\n    return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\r\n});\r\n\r\nconst numberParser = new NumberParser(localeManager, props);\r\n\r\n/**\r\n * We separate the `modelValue` and the `inputValue` (the value displayed)\r\n * because this allows us some efficiency improvements when holding down +/- buttons\r\n * as well as permitting formatting.\r\n *\r\n * Whenever the `modelValue` changes we need to ensure the `inputValue` is updated.\r\n */\r\nconst modelValue = useModelProxy(props, \"modelValue\");\r\n\r\nconst inputValue: Ref<string | null | undefined> = shallowRef();\r\ninputValue.value = numberParser.formatValue(modelValue.value);\r\nwatch(modelValue, () => {\r\n    inputValue.value = numberParser.formatValue(modelValue.value);\r\n});\r\n\r\nwatch(\r\n    [\r\n        localeManager.currentLocale,\r\n        () => props.locale,\r\n        () => props.localeMatcher,\r\n        () => props.mode,\r\n        () => props.currency,\r\n        () => props.currencyDisplay,\r\n        () => props.useGrouping,\r\n        () => props.minFractionDigits,\r\n        () => props.maxFractionDigits,\r\n    ],\r\n    (value, oldValue) => {\r\n        if (value !== oldValue) {\r\n            inputValue.value = numberParser.formatValue(modelValue.value);\r\n        }\r\n    },\r\n);\r\n\r\n/**\r\n * Minimum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst minimum = computed(() => {\r\n    return props.min ?? null;\r\n});\r\n\r\n/**\r\n * Maximum Boundary\r\n * The computed value is now only a number or null (undefined will be converted to null).\r\n */\r\nconst maximum = computed(() => {\r\n    return props.max ?? null;\r\n});\r\n\r\n/*\r\nconst currencySymbol = computed(() => {\r\n    return numberParser.prefixChar;\r\n});\r\n\r\n */\r\n\r\n/**\r\n * Incremental Values\r\n */\r\nconst incrementAmount = computed(() => {\r\n    return props.step ?? 1;\r\n});\r\nlet incrementInterval: ReturnType<typeof setInterval> | null = null;\r\nconst incrementRate: number = 100;\r\nconst incrementDelay = 0.25;\r\nlet isIncrementing = false;\r\n\r\n/**\r\n * ## Get Decimal Places\r\n * Returns the number of decimal places of the `value` supplied.\r\n * @param value\r\n */\r\nfunction getDecimalPlaces(value: number): number {\r\n    const options = {\r\n        useGrouping: false,\r\n        minimumFractionDigits: 0,\r\n        maximumFractionDigits: 20,\r\n    };\r\n    const fraction = localeManager.numberFormatter\r\n        .formatter(options)\r\n        .formatToParts(value)\r\n        .find((part) => part.type === \"fraction\");\r\n    return fraction ? fraction.value.length : 0;\r\n}\r\n\r\n/**\r\n * ## Set Value\r\n * Can be used to set the value of either the 'modelValue' or the 'inputValue'.\r\n * @param value\r\n */\r\nfunction getValue(value?: string | number | null) {\r\n    if (isEmpty(value)) {\r\n        return value ?? null;\r\n    }\r\n    if (typeof value === \"string\") {\r\n        value = parseFloat(value);\r\n    }\r\n    if (isMinBoundary(value!)) {\r\n        value = minimum.value;\r\n    } else if (isMaxBoundary(value!)) {\r\n        value = maximum.value;\r\n    }\r\n\r\n    // We always want to constrain the value to the minimum\r\n    // and maximum decimal places\r\n    const decimalPlaces = getDecimalPlaces(value!);\r\n    if (\r\n        !isEmpty(props.minFractionDigits) &&\r\n        decimalPlaces < props.minFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.minFractionDigits));\r\n    }\r\n    if (\r\n        !isEmpty(props.maxFractionDigits) &&\r\n        decimalPlaces > props.maxFractionDigits!\r\n    ) {\r\n        value = parseFloat(value!.toFixed(props.maxFractionDigits));\r\n    }\r\n    return value;\r\n}\r\n\r\n/**\r\n * ## Is Max Boundary\r\n * @param value\r\n */\r\nfunction isMaxBoundary(value: number): boolean {\r\n    return maximum.value !== null && maximum.value < value;\r\n}\r\n\r\n/**\r\n * ## Is Min Boundary\r\n * @param value\r\n */\r\nfunction isMinBoundary(value: number): boolean {\r\n    return minimum.value !== null && minimum.value > value;\r\n}\r\n\r\n/**\r\n * # On Blur\r\n *\r\n * If the user has typed something we can't be sure that it is accurate\r\n * based upon the min/max boundaries so we reset the `inputValue` first.\r\n * Then, we can update the `modelValue` based on the input.\r\n */\r\nfunction onBlur(e: Event) {\r\n    if (inputValue.value === \"-\") {\r\n        inputValue.value = \"\";\r\n    }\r\n    const parsedValue = numberParser.parseValue(inputValue.value as string);\r\n    const currentValue = getValue(parsedValue);\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n    modelValue.value = numberParser.parseValue(inputValue.value);\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n *\r\n * @param e\r\n */\r\nfunction onFocus(e: Event) {\r\n    if (props.readonly) {\r\n        return;\r\n    }\r\n    inputValue.value = isEmpty(modelValue.value)\r\n        ? \"\"\r\n        : modelValue.value.toString();\r\n}\r\n\r\n/**\r\n * ## On Input Keydown\r\n * @param e\r\n */\r\nfunction onInputKeydown(e: KeyboardEvent) {\r\n    const passThrough = [\r\n        \"Backspace\",\r\n        \"Delete\",\r\n        \"Home\",\r\n        \"End\",\r\n        \"ArrowLeft\",\r\n        \"ArrowRight\",\r\n        \"Tab\",\r\n    ];\r\n    if (passThrough.includes(e.key)) {\r\n        return;\r\n    }\r\n\r\n    // Listen to ArrowUp\r\n    if (e.key === \"ArrowUp\") {\r\n        e.preventDefault();\r\n        startIncrementing(1);\r\n        return;\r\n    }\r\n    // Listen to ArrowDown\r\n    if (e.key === \"ArrowDown\") {\r\n        e.preventDefault();\r\n        startIncrementing(-1);\r\n        return;\r\n    }\r\n\r\n    if (e.key === \"Enter\") {\r\n        e.preventDefault();\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        const currentValue = getValue(parsedValue);\r\n        modelValue.value = currentValue;\r\n        nextTick(() => {\r\n            inputValue.value = isEmpty(currentValue)\r\n                ? \"\"\r\n                : currentValue!.toString();\r\n        });\r\n        return;\r\n    }\r\n\r\n    const isPaste = e.key === \"v\" && e.ctrlKey;\r\n\r\n    // Block anything not in the whitelist\r\n    const whitelist = new RegExp(\"[0-9 +\\-\\/\\(\\)*]\");\r\n    if (!whitelist.test(e.key) && !isPaste) {\r\n        e.preventDefault();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Input Keyup\r\n * @param e\r\n */\r\nfunction onInputKeyup(e: KeyboardEvent) {\r\n    if (e.code === \"ArrowUp\" || e.code === \"ArrowDown\") {\r\n        e.preventDefault();\r\n    }\r\n    stopIncrementing();\r\n}\r\n\r\n/**\r\n * ## On Paste\r\n */\r\nfunction onPaste(e: ClipboardEvent) {\r\n    e.preventDefault();\r\n    const data = e.clipboardData?.getData(\"Text\");\r\n    if (data) {\r\n        const parsedValue = numberParser.parseValue(data);\r\n        const currentValue = getValue(parsedValue);\r\n        inputValue.value = isEmpty(currentValue)\r\n            ? \"\"\r\n            : currentValue!.toString();\r\n        modelValue.value = currentValue;\r\n    }\r\n}\r\n\r\n/**\r\n * ## Start Incrementing\r\n *\r\n * If the user holds the plus/minus button down for longer than the `incrementDelay`\r\n * we increase/decrease the `inputValue` by the `incrementAmount` at an increasing\r\n * rate for every second the user holds the button.\r\n *\r\n * @param direction\r\n */\r\nfunction startIncrementing(direction: number) {\r\n    if (isIncrementing || props.readonly) {\r\n        return;\r\n    }\r\n    isIncrementing = true;\r\n    let currentValue: number;\r\n    if (isEmpty(modelValue.value)) {\r\n        currentValue = minimum.value ?? 0;\r\n    } else {\r\n        currentValue = getValue(\r\n            modelValue.value! + direction * incrementAmount.value,\r\n        )! as number;\r\n    }\r\n    inputValue.value = numberParser.formatValue(currentValue);\r\n\r\n    // Then we rely on the delay to do more increments on a timer\r\n    const startTime = Date.now();\r\n    let internalIncrementAmount = incrementAmount.value;\r\n    incrementInterval = setInterval(() => {\r\n        const currentTime = Date.now();\r\n        const elapsedTime = (currentTime - startTime) / 1000;\r\n        if (elapsedTime < incrementDelay) {\r\n            return;\r\n        }\r\n        const multiplier = Math.floor(Math.pow(2, elapsedTime - 1));\r\n        internalIncrementAmount = incrementAmount.value * multiplier;\r\n        currentValue = getValue(\r\n            currentValue + direction * internalIncrementAmount,\r\n        )! as number;\r\n        inputValue.value = numberParser.formatValue(currentValue);\r\n    }, incrementRate);\r\n}\r\n\r\n/**\r\n * ## Stop Incrementing\r\n *\r\n * When the user releases the plus/minus button stop the increment interval\r\n * and set the resulting value onto the `modelValue` - this is more efficient\r\n * than setting the `modelValue` with every increment.\r\n */\r\nfunction stopIncrementing() {\r\n    if (isIncrementing) {\r\n        clearInterval(incrementInterval!);\r\n        const parsedValue = numberParser.parseValue(inputValue.value);\r\n        modelValue.value = getValue(parsedValue);\r\n        isIncrementing = false;\r\n    }\r\n}\r\n\r\nconst hasPrefix = computed(() => {\r\n    return props.showButtons || slots.prefix || props.prefix;\r\n});\r\n\r\nconst hasSuffix = computed(() => {\r\n    return props.showButtons || slots.suffix || props.suffix;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <ev-textfield\r\n        ref=\"evTextfieldRef\"\r\n        v-bind=\"evTextfieldProps\"\r\n        v-model=\"inputValue\"\r\n        class=\"ev-number-field\"\r\n        type=\"text\"\r\n        @paste=\"onPaste\"\r\n        @blur=\"onBlur\"\r\n        @focus=\"onFocus\"\r\n        @keydown=\"onInputKeydown\"\r\n        @keyup=\"onInputKeyup\">\r\n        <template v-if=\"props.label || slots.label\" #label>\r\n            <slot name=\"label\">{{ props.label }}</slot>\r\n        </template>\r\n        <template v-if=\"hasPrefix\" #prefix>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--minus\"\r\n                variant=\"subtle\"\r\n                :icon=\"MinusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(-1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(-1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n            <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n        </template>\r\n        <template v-if=\"hasSuffix\" #suffix>\r\n            <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            <ev-button\r\n                v-if=\"props.showButtons\"\r\n                :rounded=\"props.rounded\"\r\n                size=\"x-small\"\r\n                class=\"ev-number-field--plus\"\r\n                variant=\"subtle\"\r\n                :icon=\"PlusIcon\"\r\n                :disabled=\"props.readonly || props.disabled\"\r\n                @keydown.space.enter=\"startIncrementing(1)\"\r\n                @keyup=\"stopIncrementing()\"\r\n                @click.prevent.stop=\"() => {}\"\r\n                @mousedown.prevent.stop=\"startIncrementing(1)\"\r\n                @mouseup.prevent.stop=\"stopIncrementing()\"\r\n                @mouseleave=\"stopIncrementing()\" />\r\n        </template>\r\n    </ev-textfield>\r\n</template>\r\n"],"names":["incrementRate","incrementDelay","localeManager","useLocaleManager","slots","_useSlots","evTextfieldRef","ref","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","props","numberParser","NumberParser","modelValue","useModelProxy","inputValue","shallowRef","watch","value","oldValue","minimum","maximum","incrementAmount","incrementInterval","isIncrementing","getDecimalPlaces","options","fraction","part","getValue","isEmpty","isMinBoundary","isMaxBoundary","decimalPlaces","onBlur","parsedValue","currentValue","onFocus","onInputKeydown","startIncrementing","nextTick","isPaste","onInputKeyup","stopIncrementing","onPaste","data","_a","direction","startTime","internalIncrementAmount","elapsedTime","multiplier","hasPrefix","hasSuffix"],"mappings":"qfAiGMA,EAAwB,IACxBC,EAAiB,yGAnFjBC,EAAgBC,EAAAA,iBAAiB,EAIjCC,EAAQC,EAAAA,SAAA,EAORC,EAAiBC,EAAAA,IAAwB,EACzCC,EAAmBC,EAAAA,SAAS,IACvBC,EAAAA,KAAKC,EAAAA,qBAAqBC,EAAaC,CAAK,EAAG,CAAC,YAAY,CAAC,CACvE,EAEKC,EAAe,IAAIC,eAAab,EAAeW,CAAK,EASpDG,EAAaC,EAAAA,cAAcJ,EAAO,YAAY,EAE9CK,EAA6CC,EAAAA,WAAW,EAC9DD,EAAW,MAAQJ,EAAa,YAAYE,EAAW,KAAK,EAC5DI,EAAA,MAAMJ,EAAY,IAAM,CACpBE,EAAW,MAAQJ,EAAa,YAAYE,EAAW,KAAK,CAAA,CAC/D,EAEDI,EAAA,MACI,CACIlB,EAAc,cACd,IAAMW,EAAM,OACZ,IAAMA,EAAM,cACZ,IAAMA,EAAM,KACZ,IAAMA,EAAM,SACZ,IAAMA,EAAM,gBACZ,IAAMA,EAAM,YACZ,IAAMA,EAAM,kBACZ,IAAMA,EAAM,iBAChB,EACA,CAACQ,EAAOC,IAAa,CACbD,IAAUC,IACVJ,EAAW,MAAQJ,EAAa,YAAYE,EAAW,KAAK,EAChE,CAER,EAMM,MAAAO,EAAUd,EAAAA,SAAS,IACdI,EAAM,KAAO,IACvB,EAMKW,EAAUf,EAAAA,SAAS,IACdI,EAAM,KAAO,IACvB,EAYKY,EAAkBhB,EAAAA,SAAS,IACtBI,EAAM,MAAQ,CACxB,EACD,IAAIa,EAA2D,KAG3DC,EAAiB,GAOrB,SAASC,EAAiBP,EAAuB,CAC7C,MAAMQ,EAAU,CACZ,YAAa,GACb,sBAAuB,EACvB,sBAAuB,EAC3B,EACMC,EAAW5B,EAAc,gBAC1B,UAAU2B,CAAO,EACjB,cAAcR,CAAK,EACnB,KAAMU,GAASA,EAAK,OAAS,UAAU,EACrC,OAAAD,EAAWA,EAAS,MAAM,OAAS,CAAA,CAQ9C,SAASE,EAASX,EAAgC,CAC1C,GAAAY,EAAAA,QAAQZ,CAAK,EACb,OAAOA,GAAS,KAEhB,OAAOA,GAAU,WACjBA,EAAQ,WAAWA,CAAK,GAExBa,EAAcb,CAAM,EACpBA,EAAQE,EAAQ,MACTY,EAAcd,CAAM,IAC3BA,EAAQG,EAAQ,OAKd,MAAAY,EAAgBR,EAAiBP,CAAM,EAC7C,MACI,CAACY,EAAQ,QAAApB,EAAM,iBAAiB,GAChCuB,EAAgBvB,EAAM,oBAEtBQ,EAAQ,WAAWA,EAAO,QAAQR,EAAM,iBAAiB,CAAC,GAG1D,CAACoB,EAAQ,QAAApB,EAAM,iBAAiB,GAChCuB,EAAgBvB,EAAM,oBAEtBQ,EAAQ,WAAWA,EAAO,QAAQR,EAAM,iBAAiB,CAAC,GAEvDQ,CAAA,CAOX,SAASc,EAAcd,EAAwB,CAC3C,OAAOG,EAAQ,QAAU,MAAQA,EAAQ,MAAQH,CAAA,CAOrD,SAASa,EAAcb,EAAwB,CAC3C,OAAOE,EAAQ,QAAU,MAAQA,EAAQ,MAAQF,CAAA,CAUrD,SAASgB,EAAO,EAAU,CAClBnB,EAAW,QAAU,MACrBA,EAAW,MAAQ,IAEvB,MAAMoB,EAAcxB,EAAa,WAAWI,EAAW,KAAe,EAChEqB,EAAeP,EAASM,CAAW,EAC9BpB,EAAA,MAAQJ,EAAa,YAAYyB,CAAY,EACxDvB,EAAW,MAAQF,EAAa,WAAWI,EAAW,KAAK,CAAA,CAQ/D,SAASsB,EAAQ,EAAU,CACnB3B,EAAM,WAGCK,EAAA,MAAQe,UAAQjB,EAAW,KAAK,EACrC,GACAA,EAAW,MAAM,SAAS,EAAA,CAOpC,SAASyB,EAAe,EAAkB,CAUtC,GAToB,CAChB,YACA,SACA,OACA,MACA,YACA,aACA,KACJ,EACgB,SAAS,EAAE,GAAG,EAC1B,OAIA,GAAA,EAAE,MAAQ,UAAW,CACrB,EAAE,eAAe,EACjBC,EAAkB,CAAC,EACnB,MAAA,CAGA,GAAA,EAAE,MAAQ,YAAa,CACvB,EAAE,eAAe,EACjBA,EAAkB,EAAE,EACpB,MAAA,CAGA,GAAA,EAAE,MAAQ,QAAS,CACnB,EAAE,eAAe,EACjB,MAAMJ,EAAcxB,EAAa,WAAWI,EAAW,KAAK,EACtDqB,EAAeP,EAASM,CAAW,EACzCtB,EAAW,MAAQuB,EACnBI,EAAAA,SAAS,IAAM,CACXzB,EAAW,MAAQe,UAAQM,CAAY,EACjC,GACAA,EAAc,SAAS,CAAA,CAChC,EACD,MAAA,CAGJ,MAAMK,EAAU,EAAE,MAAQ,KAAO,EAAE,QAI/B,CADc,IAAI,OAAO,cAAkB,EAChC,KAAK,EAAE,GAAG,GAAK,CAACA,GAC3B,EAAE,eAAe,CACrB,CAOJ,SAASC,EAAa,EAAkB,EAChC,EAAE,OAAS,WAAa,EAAE,OAAS,cACnC,EAAE,eAAe,EAEJC,EAAA,CAAA,CAMrB,SAASC,EAAQ,EAAmB,OAChC,EAAE,eAAe,EACjB,MAAMC,GAAOC,EAAA,EAAE,gBAAF,YAAAA,EAAiB,QAAQ,QACtC,GAAID,EAAM,CACA,MAAAV,EAAcxB,EAAa,WAAWkC,CAAI,EAC1CT,EAAeP,EAASM,CAAW,EACzCpB,EAAW,MAAQe,UAAQM,CAAY,EACjC,GACAA,EAAc,SAAS,EAC7BvB,EAAW,MAAQuB,CAAA,CACvB,CAYJ,SAASG,EAAkBQ,EAAmB,CACtC,GAAAvB,GAAkBd,EAAM,SACxB,OAEac,EAAA,GACb,IAAAY,EACAN,EAAA,QAAQjB,EAAW,KAAK,EACxBuB,EAAehB,EAAQ,OAAS,EAEjBgB,EAAAP,EACXhB,EAAW,MAASkC,EAAYzB,EAAgB,KACpD,EAEOP,EAAA,MAAQJ,EAAa,YAAYyB,CAAY,EAGlD,MAAAY,EAAY,KAAK,IAAI,EAC3B,IAAIC,EAA0B3B,EAAgB,MAC9CC,EAAoB,YAAY,IAAM,CAE5B,MAAA2B,GADc,KAAK,IAAI,EACMF,GAAa,IAChD,GAAIE,EAAcpD,EACd,OAEE,MAAAqD,EAAa,KAAK,MAAM,KAAK,IAAI,EAAGD,EAAc,CAAC,CAAC,EAC1DD,EAA0B3B,EAAgB,MAAQ6B,EACnCf,EAAAP,EACXO,EAAeW,EAAYE,CAC/B,EACWlC,EAAA,MAAQJ,EAAa,YAAYyB,CAAY,GACzDvC,CAAa,CAAA,CAUpB,SAAS8C,GAAmB,CACxB,GAAInB,EAAgB,CAChB,cAAcD,CAAkB,EAChC,MAAMY,EAAcxB,EAAa,WAAWI,EAAW,KAAK,EACjDF,EAAA,MAAQgB,EAASM,CAAW,EACtBX,EAAA,EAAA,CACrB,CAGE,MAAA4B,EAAY9C,EAAAA,SAAS,IAChBI,EAAM,aAAeT,EAAM,QAAUS,EAAM,MACrD,EAEK2C,EAAY/C,EAAAA,SAAS,IAChBI,EAAM,aAAeT,EAAM,QAAUS,EAAM,MACrD"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvNumberField.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvNumberField.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvNumberField.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/dimensions.mjs"),o=require("./activator.mjs"),t=require("./position.mjs"),r=require("./scroll.mjs"),n=require("../../composables/component.mjs"),a=require("../../util/props.mjs"),s=require("../EvTransition/EvTransition.mjs"),i=a.propsFactory({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},...o.makeActivatorProps(),...e.makeDimensionsProps(),...t.makePositionStrategyProps(),...r.makeScrollStrategyProps(),...s.makeEvTransitionProps(),...n.makeComponentProps()},"EvOverlay");exports.makeEvOverlayProps=i;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/dimensions.mjs"),o=require("./activator.mjs"),t=require("./position.mjs"),r=require("./scroll.mjs"),n=require("../../composables/component.mjs"),a=require("../../util/props.mjs"),s=require("../EvTransition/EvTransition.mjs"),i=a.propsFactory({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},...o.makeActivatorProps(),...e.makeDimensionsProps(),...t.makePositionStrategyProps(),...r.makeScrollStrategyProps(),...s.makeEvTransitionProps(),...n.makeComponentProps()},"EvOverlay");exports.makeEvOverlayProps=i;
 //# sourceMappingURL=EvOverlay.mjs.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var w=Object.defineProperty;var S=(l,t,e)=>t in l?w(l,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[t]=e;var r=(l,t,e)=>S(l,typeof t!="symbol"?t+"":t,e);/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),d=require("../../../util/dimensions.mjs"),C=require("../../../util/scroll.mjs"),A=require("../../../util/isFixedPosition.mjs"),W=require("../../../util/style.mjs"),h=require("../../../util/units.mjs"),m=require("../../../util/helpers.mjs"),v=require("../../../util/anchor.mjs"),O=require("../../../util/is-functions.mjs");function F(l,t,e,i){const s=new E(l,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class E{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 H,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),c.watch([this.data.activatorEl,this.data.contentEl],([t,e],[i,s])=>{var o,n,a,p;i&&((o=this.observer)==null||o.unobserve(i)),t&&((n=this.observer)==null||n.observe(t)),s&&((a=this.observer)==null||a.unobserve(s)),e&&((p=this.observer)==null||p.observe(e))},{immediate:!0}),c.onScopeDispose(()=>{var t;(t=this.observer)==null||t.disconnect()})}calculatePreferences(){const{preferredPosition:t,preferredOrigin:e}=m.destructComputed(()=>{const i=v.Anchor.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=v.Anchor.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 c.computed(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return c.computed(()=>{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 O.isNumber(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=d.Rect.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=C.getScrollParents(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=d.Rect.fromElement(i),o=i===document.documentElement,n=new d.Rect(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new d.Rect(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(){A.isFixedPosition(this.data.activatorEl.value)&&W.toFixedPosition(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=d.Rect.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 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),(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:h.toWebUnit(h.pixelRound(s)),left:h.toWebUnit(h.pixelRound(i)),minWidth:h.toWebUnit(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:h.toWebUnit(h.pixelCeil(m.clamp(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:h.toWebUnit(h.pixelCeil(m.clamp(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,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,n=t.position.side==="bottom"?0-s.height:"100%",a=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%",a=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:h.toWebUnit(h.pixelRound(o)),top:typeof n=="string"?n:h.toWebUnit(h.pixelRound(n)),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(n=>n.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 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(){c.watch(()=>{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()),c.nextTick(()=>{this.updatePosition()})}}class M{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 H{getAvailable(t,e,i,s){const[o,n]=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"}},p={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}}},f=[];for(const[g,u]of Object.entries(a))for(const[x,b]of Object.entries(p[u.align])){const y=new v.Anchor(g,x),R=Object.assign({width:0,height:0,x:0,y:0},u,b),P=d.Rect.fromRect(R);f.push(new M(y,P,s))}return f.sort((g,u)=>u.availableArea-g.availableArea),f}}exports.connectedPositionStrategy=F;
+"use strict";var w=Object.defineProperty;var S=(l,t,e)=>t in l?w(l,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[t]=e;var r=(l,t,e)=>S(l,typeof t!="symbol"?t+"":t,e);/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),d=require("../../../util/dimensions.mjs"),C=require("../../../util/scroll.mjs"),A=require("../../../util/isFixedPosition.mjs"),W=require("../../../util/style.mjs"),h=require("../../../util/units.mjs"),m=require("../../../util/helpers.mjs"),v=require("../../../util/anchor.mjs"),O=require("../../../util/is-functions.mjs");function F(l,t,e,i){const s=new E(l,t,e,i);return{updatePosition:s.updatePosition.bind(s)}}class E{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 H,this.calculatePreferences(),this.addResizeObserver(),this.watch()}addResizeObserver(){this.observe=!1,this.observer=new ResizeObserver(()=>{this.observe&&this.updatePosition()}),c.watch([this.data.activatorEl,this.data.contentEl],([t,e],[i,s])=>{var o,n,a,p;i&&((o=this.observer)==null||o.unobserve(i)),t&&((n=this.observer)==null||n.observe(t)),s&&((a=this.observer)==null||a.unobserve(s)),e&&((p=this.observer)==null||p.observe(e))},{immediate:!0}),c.onScopeDispose(()=>{var t;(t=this.observer)==null||t.disconnect()})}calculatePreferences(){const{preferredPosition:t,preferredOrigin:e}=m.destructComputed(()=>{const i=v.Anchor.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=v.Anchor.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 c.computed(()=>{const e=parseFloat(this.props[t]);return isNaN(e)?1/0:e})}computedOffset(){return c.computed(()=>{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 O.isNumber(this.props.offset)?[this.props.offset,0]:[0,0]})}getContentRect(){const t=this.data.contentEl.value,e=this.data.isRtl.value,i=d.Rect.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=C.getScrollParents(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=d.Rect.fromElement(i),o=i===document.documentElement,n=new d.Rect(o?0:s.x,o?0:s.y,i.clientWidth,i.clientHeight);return e?new d.Rect(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(){A.isFixedPosition(this.data.activatorEl.value)&&W.toFixedPosition(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=d.Rect.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 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),(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:h.toWebUnit(h.pixelRound(s)),left:h.toWebUnit(h.pixelRound(i)),minWidth:h.toWebUnit(e.position.axis==="y"?Math.min(this.minWidth.value,this.targetRect.width):this.minWidth.value),maxWidth:h.toWebUnit(h.pixelCeil(m.clamp(t.rect.width,this.minWidth.value===1/0?0:this.minWidth.value,this.maxWidth.value))),maxHeight:h.toWebUnit(h.pixelCeil(m.clamp(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,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,n=t.position.side==="bottom"?0-s.height:"100%",a=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%",a=t.position.side==="right"?90:270),Object.assign(this.pointerStyles.value,{left:typeof o=="string"?o:h.toWebUnit(h.pixelRound(o)),top:typeof n=="string"?n:h.toWebUnit(h.pixelRound(n)),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(n=>n.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 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(){c.watch(()=>{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()),c.nextTick(()=>{this.updatePosition()})}}class M{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 H{getAvailable(t,e,i,s){const[o,n]=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"}},p={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}}},f=[];for(const[g,u]of Object.entries(a))for(const[x,b]of Object.entries(p[u.align])){const y=new v.Anchor(g,x),R=Object.assign({width:0,height:0,x:0,y:0},u,b),P=d.Rect.fromRect(R);f.push(new M(y,P,s))}return f.sort((g,u)=>u.availableArea-g.availableArea),f}}exports.connectedPositionStrategy=F;
 //# sourceMappingURL=connected-position.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,o,i){}exports.staticPositionStrategy=t;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,o,i){}exports.staticPositionStrategy=t;
 //# sourceMappingURL=static-position.mjs.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../util/events.mjs");function o(e){function t(r){e.isActive.value=!1}l.addScrollEventListener(e.activatorEl.value??e.contentEl.value,t)}exports.closeScrollStrategy=o;
+"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../util/events.mjs");function o(e){function t(r){e.isActive.value=!1}l.addScrollEventListener(e.activatorEl.value??e.contentEl.value,t)}exports.closeScrollStrategy=o;
 //# sourceMappingURL=close-scroll.mjs.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                  */const n=require("../../util/numbers.mjs"),s=require("../../util/modifiers.mjs"),c=["aria-valuenow"],u=e.createElementVNode("div",{class:"ev-progress--track"},null,-1),d={key:1,class:"ev-progress--indeterminate"},p=e.createElementVNode("div",{class:"ev-progress--bar ev-progress--indeterminate--primary"},null,-1),m=e.createElementVNode("div",{class:"ev-progress--bar ev-progress--indeterminate--secondary"},null,-1),v=[p,m],g=e.defineComponent({__name:"EvProgress",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},size:{default:"medium"}},setup(a){const r=a;function i(){return`translateX(${0-(100-r.percentage)}%)`}function o(){return l()?r.size+"px":void 0}function l(){return n.isIntegerish(r.size)}return(t,f)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.percentage,class:e.normalizeClass(["ev-progress",[{"is-indeterminate":r.indeterminate},e.unref(s.appearanceModifier)(r.appearance,["default"]),e.unref(s.sizeModifier)(r.size,[e.unref(n.IntegerishPattern)])]]),style:e.normalizeStyle({height:o()})},[u,r.indeterminate?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"ev-progress--bar",style:e.normalizeStyle({transform:i()})},null,4)),r.indeterminate?(e.openBlock(),e.createElementBlock("div",d,v)):e.createCommentVNode("",!0)],14,c))}});exports.default=g;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                  */const n=require("../../util/numbers.mjs"),s=require("../../util/modifiers.mjs"),l=["aria-valuenow"],d=e.createElementVNode("div",{class:"ev-progress--track"},null,-1),u={key:1,class:"ev-progress--indeterminate"},m=e.createElementVNode("div",{class:"ev-progress--bar ev-progress--indeterminate--primary"},null,-1),p=e.createElementVNode("div",{class:"ev-progress--bar ev-progress--indeterminate--secondary"},null,-1),v=[m,p],g=e.defineComponent({__name:"EvProgress",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},size:{default:"medium"}},setup(a){const r=a;function i(){return`translateX(${0-(100-r.percentage)}%)`}function o(){return c()?r.size+"px":void 0}function c(){return n.isIntegerish(r.size)}return(t,f)=>(e.openBlock(),e.createElementBlock("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.percentage,class:e.normalizeClass(["ev-progress",[{"is-indeterminate":r.indeterminate},e.unref(s.appearanceModifier)(r.appearance,["default"]),e.unref(s.sizeModifier)(r.size,[e.unref(n.IntegerishPattern)])]]),style:e.normalizeStyle({height:o()})},[d,r.indeterminate?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"ev-progress--bar",style:e.normalizeStyle({transform:i()})},null,4)),r.indeterminate?(e.openBlock(),e.createElementBlock("div",u,v)):e.createCommentVNode("",!0)],14,l))}});module.exports=g;
 //# sourceMappingURL=EvProgress.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvProgress.vue.mjs","sources":["../../../../src/components/EvProgress/EvProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvProgress\n */\nimport \"./EvProgress.scss\";\nimport {\n    appearanceModifier,\n    sizeModifier,\n    IntegerishPattern,\n    isIntegerish,\n    AppearanceProp,\n    InputSizeProp,\n} from \"@/util\";\n\ninterface ProgressProps {\n    appearance?: AppearanceProp;\n    indeterminate?: boolean;\n    percentage?: number;\n    size?: InputSizeProp | number;\n}\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    appearance: \"default\",\n    indeterminate: false,\n    percentage: 0,\n    size: \"medium\",\n});\n\nfunction getPercentageTranslation() {\n    const percent = 0 - (100 - props.percentage);\n    return `translateX(${percent}%)`;\n}\n\n/**\n * ## Get Size Class\n */\nfunction getSizeHeight() {\n    return !isSizeNumeric() ? undefined : props.size + \"px\";\n}\n\nfunction isSizeNumeric(): boolean {\n    return isIntegerish(props.size);\n}\n</script>\n\n<template>\n    <div\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"percentage\"\n        class=\"ev-progress\"\n        :class=\"[\n            {\n                'is-indeterminate': props.indeterminate,\n            },\n            appearanceModifier(props.appearance, ['default']),\n            sizeModifier(props.size, [IntegerishPattern]),\n        ]\"\n        :style=\"{\n            height: getSizeHeight(),\n        }\">\n        <div class=\"ev-progress--track\"></div>\n        <div\n            v-if=\"!props.indeterminate\"\n            class=\"ev-progress--bar\"\n            :style=\"{\n                transform: getPercentageTranslation(),\n            }\"></div>\n        <div v-if=\"props.indeterminate\" class=\"ev-progress--indeterminate\">\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--primary\"></div>\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--secondary\"></div>\n        </div>\n    </div>\n</template>\n"],"names":["getPercentageTranslation","props","getSizeHeight","isSizeNumeric","isIntegerish"],"mappings":"4yBA2BA,SAASA,GAA2B,CAEhC,MAAO,cADS,GAAK,IAAMC,EAAM,WACL,IAAA,CAMhC,SAASC,GAAgB,CACrB,OAAQC,EAAkB,EAAYF,EAAM,KAAO,KAAzB,MAAyB,CAGvD,SAASE,GAAyB,CACvB,OAAAC,EAAA,aAAaH,EAAM,IAAI,CAAA"}
+{"version":3,"file":"EvProgress.vue.mjs","sources":["../../../../src/components/EvProgress/EvProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvProgress\n */\nimport \"./EvProgress.scss\";\nimport {\n    appearanceModifier,\n    sizeModifier,\n    IntegerishPattern,\n    isIntegerish,\n    AppearanceProp,\n    InputSizeProp,\n} from \"@/util\";\n\ninterface ProgressProps {\n    appearance?: AppearanceProp;\n    indeterminate?: boolean;\n    percentage?: number;\n    size?: InputSizeProp | number;\n}\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    appearance: \"default\",\n    indeterminate: false,\n    percentage: 0,\n    size: \"medium\",\n});\n\nfunction getPercentageTranslation() {\n    const percent = 0 - (100 - props.percentage);\n    return `translateX(${percent}%)`;\n}\n\n/**\n * ## Get Size Class\n */\nfunction getSizeHeight() {\n    return !isSizeNumeric() ? undefined : props.size + \"px\";\n}\n\nfunction isSizeNumeric(): boolean {\n    return isIntegerish(props.size);\n}\n</script>\n\n<template>\n    <div\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"percentage\"\n        class=\"ev-progress\"\n        :class=\"[\n            {\n                'is-indeterminate': props.indeterminate,\n            },\n            appearanceModifier(props.appearance, ['default']),\n            sizeModifier(props.size, [IntegerishPattern]),\n        ]\"\n        :style=\"{\n            height: getSizeHeight(),\n        }\">\n        <div class=\"ev-progress--track\"></div>\n        <div\n            v-if=\"!props.indeterminate\"\n            class=\"ev-progress--bar\"\n            :style=\"{\n                transform: getPercentageTranslation(),\n            }\"></div>\n        <div v-if=\"props.indeterminate\" class=\"ev-progress--indeterminate\">\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--primary\"></div>\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--secondary\"></div>\n        </div>\n    </div>\n</template>\n"],"names":["getPercentageTranslation","props","getSizeHeight","isSizeNumeric","isIntegerish"],"mappings":"6sBA2BA,SAASA,GAA2B,CAEhC,MAAO,cADS,GAAK,IAAMC,EAAM,WACL,IAAA,CAMhC,SAASC,GAAgB,CACrB,OAAQC,EAAkB,EAAYF,EAAM,KAAO,KAAzB,MAAyB,CAGvD,SAASE,GAAyB,CACvB,OAAAC,EAAA,aAAaH,EAAM,IAAI,CAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvProgress.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvProgress.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvProgress.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                          */const g=require("../../util/modifiers.mjs"),m=require("../../util/units.mjs"),k=["aria-valuenow"],v=["r","stroke-width","stroke-dasharray"],_=["r","stroke-width","stroke-dasharray","stroke-dashoffset"],y={class:"ev-progress-circular--content"},a=48,w=-90,z=e.defineComponent({__name:"EvProgressCircular",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},rotate:{default:0},size:{default:"default"},thickness:{default:2}},setup(u){const t=u,s=e.ref(null),d=a/2;function l(){if(t.size!=="default")return m.toWebUnit(t.size)}function n(){return Math.PI*(o()*2)}function f(){return s.value?s.value.clientWidth:a}function p(){return t.indeterminate?0:n()*(1-t.percentage/100)}function o(){return d-i()/2}function h(){return`rotate(${w+t.rotate}deg)`}function i(){const r=a/2,c=t.thickness/f()*a;return c>r?r:c}return(r,c)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"container",ref:s,role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":r.percentage,class:e.normalizeClass(["ev-progress-circular",[{"is-indeterminate":t.indeterminate,"is-size-default":t.size==="default"},e.unref(g.appearanceModifier)(t.appearance,["default"])]]),style:e.normalizeStyle({width:l(),height:l()})},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",style:e.normalizeStyle({transform:h()})},[e.createElementVNode("circle",{class:"ev-progress-circular--track",fill:"transparent",cx:"50%",cy:"50%",r:o(),"stroke-width":i(),"stroke-dasharray":n(),"stroke-dashoffset":"0"},null,8,v),e.createElementVNode("circle",{class:"ev-progress-circular--bar",fill:"transparent",cx:"50%",cy:"50%",r:o(),"stroke-width":i(),"stroke-dasharray":n(),"stroke-dashoffset":p()},null,8,_)],4)),e.createElementVNode("span",y,[e.renderSlot(r.$slots,"default")])],14,k))}});exports.default=z;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                          */const m=require("../../util/modifiers.mjs"),g=require("../../util/units.mjs"),k=["aria-valuenow"],v=["r","stroke-width","stroke-dasharray"],_=["r","stroke-width","stroke-dasharray","stroke-dashoffset"],w={class:"ev-progress-circular--content"},a=48,y=-90,z=e.defineComponent({__name:"EvProgressCircular",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},rotate:{default:0},size:{default:"default"},thickness:{default:2}},setup(u){const t=u,n=e.ref(null),d=a/2;function l(){if(t.size!=="default")return g.toWebUnit(t.size)}function s(){return Math.PI*(o()*2)}function f(){return n.value?n.value.clientWidth:a}function h(){return t.indeterminate?0:s()*(1-t.percentage/100)}function o(){return d-i()/2}function p(){return`rotate(${y+t.rotate}deg)`}function i(){const r=a/2,c=t.thickness/f()*a;return c>r?r:c}return(r,c)=>(e.openBlock(),e.createElementBlock("span",{ref_key:"container",ref:n,role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":r.percentage,class:e.normalizeClass(["ev-progress-circular",[{"is-indeterminate":t.indeterminate,"is-size-default":t.size==="default"},e.unref(m.appearanceModifier)(t.appearance,["default"])]]),style:e.normalizeStyle({width:l(),height:l()})},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",style:e.normalizeStyle({transform:p()})},[e.createElementVNode("circle",{class:"ev-progress-circular--track",fill:"transparent",cx:"50%",cy:"50%",r:o(),"stroke-width":i(),"stroke-dasharray":s(),"stroke-dashoffset":"0"},null,8,v),e.createElementVNode("circle",{class:"ev-progress-circular--bar",fill:"transparent",cx:"50%",cy:"50%",r:o(),"stroke-width":i(),"stroke-dasharray":s(),"stroke-dashoffset":h()},null,8,_)],4)),e.createElementVNode("span",w,[e.renderSlot(r.$slots,"default")])],14,k))}});module.exports=z;
 //# sourceMappingURL=EvProgressCircular.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvProgressCircular.vue.mjs","sources":["../../../../src/components/EvProgressCircular/EvProgressCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvProgressCircular\n */\nimport \"./EvProgressCircular.scss\";\nimport { appearanceModifier, AppearanceProp, toWebUnit } from \"@/util\";\nimport { ref } from \"vue\";\n\ntype Size = \"default\";\n\ninterface ProgressProps {\n    appearance?: AppearanceProp;\n    indeterminate?: boolean;\n    percentage?: number;\n    rotate?: number;\n    size?: Size | number;\n    thickness?: number;\n}\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    appearance: \"default\",\n    size: \"default\",\n    indeterminate: false,\n    percentage: 0,\n    rotate: 0,\n    thickness: 2,\n});\n\nconst container = ref<HTMLElement | null>(null);\nconst defaultSize = 48;\nconst defaultRadius = defaultSize / 2;\nconst defaultRotation = -90;\n\n/**\n * ## Get Size with Units\n * The default units is `px` when only a number is supplied.\n */\nfunction getSizeWithUnits() {\n    if (props.size === \"default\") {\n        return undefined;\n    }\n    return toWebUnit(props.size);\n}\n\n/**\n * ## Get Circumference\n * Calculate the circumference of the inner circles.\n */\nfunction getCircumference() {\n    return Math.PI * (getRadius() * 2);\n}\n\n/**\n * ## Get Width\n * Returns the width of the container.\n */\nfunction getContainerWidth() {\n    return !container.value ? defaultSize : container.value.clientWidth;\n}\n\n/**\n * ## Get Progress Offset\n * Calculate progress offset based on the percentage of the circumference.\n */\nfunction getProgressOffset() {\n    return props.indeterminate\n        ? 0\n        : getCircumference() * (1 - props.percentage / 100);\n}\n\n/**\n * ## Get Radius\n * Calculate the radius of the\n */\nfunction getRadius() {\n    return defaultRadius - getThickness() / 2;\n}\n\n/**\n * ## Get Rotation\n * Returns the starting point rotation style.\n */\nfunction getRotation() {\n    const rotation = defaultRotation + props.rotate;\n    return `rotate(${rotation}deg)`;\n}\n\n/**\n * ## Get Thickness (Stroke Width)\n * Calculate the requested stroke width as this will be different from\n * the actual stroke-width attribute.\n */\nfunction getThickness() {\n    const maxThickness = defaultSize / 2;\n    const thickness = (props.thickness / getContainerWidth()) * defaultSize;\n    return thickness > maxThickness ? maxThickness : thickness;\n}\n</script>\n\n<template>\n    <span\n        ref=\"container\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"percentage\"\n        class=\"ev-progress-circular\"\n        :class=\"[\n            {\n                'is-indeterminate': props.indeterminate,\n                'is-size-default': props.size === 'default',\n            },\n            appearanceModifier(props.appearance, ['default']),\n        ]\"\n        :style=\"{\n            width: getSizeWithUnits(),\n            height: getSizeWithUnits(),\n        }\">\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 48 48\"\n            :style=\"{\n                transform: getRotation(),\n            }\">\n            <circle\n                class=\"ev-progress-circular--track\"\n                fill=\"transparent\"\n                cx=\"50%\"\n                cy=\"50%\"\n                :r=\"getRadius()\"\n                :stroke-width=\"getThickness()\"\n                :stroke-dasharray=\"getCircumference()\"\n                stroke-dashoffset=\"0\"></circle>\n            <circle\n                class=\"ev-progress-circular--bar\"\n                fill=\"transparent\"\n                cx=\"50%\"\n                cy=\"50%\"\n                :r=\"getRadius()\"\n                :stroke-width=\"getThickness()\"\n                :stroke-dasharray=\"getCircumference()\"\n                :stroke-dashoffset=\"getProgressOffset()\"></circle>\n        </svg>\n        <span class=\"ev-progress-circular--content\">\n            <slot />\n        </span>\n    </span>\n</template>\n"],"names":["defaultSize","defaultRotation","container","ref","defaultRadius","getSizeWithUnits","props","toWebUnit","getCircumference","getRadius","getContainerWidth","getProgressOffset","getThickness","getRotation","maxThickness","thickness"],"mappings":"scA4BMA,EAAc,GAEdC,EAAkB,gPAHlBC,EAAYC,MAAwB,IAAI,EAExCC,EAAgBJ,EAAc,EAOpC,SAASK,GAAmB,CACpB,GAAAC,EAAM,OAAS,UAGZ,OAAAC,EAAA,UAAUD,EAAM,IAAI,CAAA,CAO/B,SAASE,GAAmB,CACjB,OAAA,KAAK,IAAMC,EAAA,EAAc,EAAA,CAOpC,SAASC,GAAoB,CACzB,OAAQR,EAAU,MAAsBA,EAAU,MAAM,YAA9BF,CAA8B,CAO5D,SAASW,GAAoB,CACzB,OAAOL,EAAM,cACP,EACAE,EAAsB,GAAA,EAAIF,EAAM,WAAa,IAAA,CAOvD,SAASG,GAAY,CACV,OAAAL,EAAgBQ,IAAiB,CAAA,CAO5C,SAASC,GAAc,CAEnB,MAAO,UADUZ,EAAkBK,EAAM,MAChB,MAAA,CAQ7B,SAASM,GAAe,CACpB,MAAME,EAAed,EAAc,EAC7Be,EAAaT,EAAM,UAAYI,EAAuB,EAAAV,EACrD,OAAAe,EAAYD,EAAeA,EAAeC,CAAA"}
+{"version":3,"file":"EvProgressCircular.vue.mjs","sources":["../../../../src/components/EvProgressCircular/EvProgressCircular.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvProgressCircular\n */\nimport \"./EvProgressCircular.scss\";\nimport { appearanceModifier, AppearanceProp, toWebUnit } from \"@/util\";\nimport { ref } from \"vue\";\n\ntype Size = \"default\";\n\ninterface ProgressProps {\n    appearance?: AppearanceProp;\n    indeterminate?: boolean;\n    percentage?: number;\n    rotate?: number;\n    size?: Size | number;\n    thickness?: number;\n}\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    appearance: \"default\",\n    size: \"default\",\n    indeterminate: false,\n    percentage: 0,\n    rotate: 0,\n    thickness: 2,\n});\n\nconst container = ref<HTMLElement | null>(null);\nconst defaultSize = 48;\nconst defaultRadius = defaultSize / 2;\nconst defaultRotation = -90;\n\n/**\n * ## Get Size with Units\n * The default units is `px` when only a number is supplied.\n */\nfunction getSizeWithUnits() {\n    if (props.size === \"default\") {\n        return undefined;\n    }\n    return toWebUnit(props.size);\n}\n\n/**\n * ## Get Circumference\n * Calculate the circumference of the inner circles.\n */\nfunction getCircumference() {\n    return Math.PI * (getRadius() * 2);\n}\n\n/**\n * ## Get Width\n * Returns the width of the container.\n */\nfunction getContainerWidth() {\n    return !container.value ? defaultSize : container.value.clientWidth;\n}\n\n/**\n * ## Get Progress Offset\n * Calculate progress offset based on the percentage of the circumference.\n */\nfunction getProgressOffset() {\n    return props.indeterminate\n        ? 0\n        : getCircumference() * (1 - props.percentage / 100);\n}\n\n/**\n * ## Get Radius\n * Calculate the radius of the\n */\nfunction getRadius() {\n    return defaultRadius - getThickness() / 2;\n}\n\n/**\n * ## Get Rotation\n * Returns the starting point rotation style.\n */\nfunction getRotation() {\n    const rotation = defaultRotation + props.rotate;\n    return `rotate(${rotation}deg)`;\n}\n\n/**\n * ## Get Thickness (Stroke Width)\n * Calculate the requested stroke width as this will be different from\n * the actual stroke-width attribute.\n */\nfunction getThickness() {\n    const maxThickness = defaultSize / 2;\n    const thickness = (props.thickness / getContainerWidth()) * defaultSize;\n    return thickness > maxThickness ? maxThickness : thickness;\n}\n</script>\n\n<template>\n    <span\n        ref=\"container\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"percentage\"\n        class=\"ev-progress-circular\"\n        :class=\"[\n            {\n                'is-indeterminate': props.indeterminate,\n                'is-size-default': props.size === 'default',\n            },\n            appearanceModifier(props.appearance, ['default']),\n        ]\"\n        :style=\"{\n            width: getSizeWithUnits(),\n            height: getSizeWithUnits(),\n        }\">\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 48 48\"\n            :style=\"{\n                transform: getRotation(),\n            }\">\n            <circle\n                class=\"ev-progress-circular--track\"\n                fill=\"transparent\"\n                cx=\"50%\"\n                cy=\"50%\"\n                :r=\"getRadius()\"\n                :stroke-width=\"getThickness()\"\n                :stroke-dasharray=\"getCircumference()\"\n                stroke-dashoffset=\"0\"></circle>\n            <circle\n                class=\"ev-progress-circular--bar\"\n                fill=\"transparent\"\n                cx=\"50%\"\n                cy=\"50%\"\n                :r=\"getRadius()\"\n                :stroke-width=\"getThickness()\"\n                :stroke-dasharray=\"getCircumference()\"\n                :stroke-dashoffset=\"getProgressOffset()\"></circle>\n        </svg>\n        <span class=\"ev-progress-circular--content\">\n            <slot />\n        </span>\n    </span>\n</template>\n"],"names":["defaultSize","defaultRotation","container","ref","defaultRadius","getSizeWithUnits","props","toWebUnit","getCircumference","getRadius","getContainerWidth","getProgressOffset","getThickness","getRotation","maxThickness","thickness"],"mappings":"uWA4BMA,EAAc,GAEdC,EAAkB,gPAHlBC,EAAYC,MAAwB,IAAI,EAExCC,EAAgBJ,EAAc,EAOpC,SAASK,GAAmB,CACpB,GAAAC,EAAM,OAAS,UAGZ,OAAAC,EAAA,UAAUD,EAAM,IAAI,CAAA,CAO/B,SAASE,GAAmB,CACjB,OAAA,KAAK,IAAMC,EAAA,EAAc,EAAA,CAOpC,SAASC,GAAoB,CACzB,OAAQR,EAAU,MAAsBA,EAAU,MAAM,YAA9BF,CAA8B,CAO5D,SAASW,GAAoB,CACzB,OAAOL,EAAM,cACP,EACAE,EAAsB,GAAA,EAAIF,EAAM,WAAa,IAAA,CAOvD,SAASG,GAAY,CACV,OAAAL,EAAgBQ,IAAiB,CAAA,CAO5C,SAASC,GAAc,CAEnB,MAAO,UADUZ,EAAkBK,EAAM,MAChB,MAAA,CAQ7B,SAASM,GAAe,CACpB,MAAME,EAAed,EAAc,EAC7Be,EAAaT,EAAM,UAAYI,EAAuB,EAAAV,EACrD,OAAAe,EAAYD,EAAeA,EAAeC,CAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvProgressCircular.vue.mjs");exports.default=e.default;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvProgressCircular.vue.mjs");module.exports=e;
 //# sourceMappingURL=EvProgressCircular.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                   */const i=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const l=require("../../icons/glyph/QuickfindIcon.svg.mjs"),n=require("../../composables/modelProxy.mjs"),a=require("../../util/modifiers.mjs"),c={class:"ev-quickfind--code"},d=e.defineComponent({__name:"EvQuickfind",props:{modelValue:{},bold:{type:Boolean,default:!1},size:{default:"medium"}},setup(s){const o=s,t=n.useModelProxy(o,"modelValue"),u=e.computed(()=>{switch(o.size){case"small":case"medium":return"small";default:return"medium"}});return(r,m)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["ev-quickfind",{"is-variant-bold":r.bold},e.unref(a.sizeModifier)(r.size,["medium"])])},[e.createVNode(i.default,{glyph:e.unref(l.default),size:u.value},null,8,["glyph","size"]),e.createElementVNode("span",c,e.toDisplayString(e.unref(t)),1)],2))}});exports.default=d;
+"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                   */const u=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const t=require("../../icons/glyph/QuickfindIcon.svg.mjs"),l=require("../../composables/modelProxy.mjs"),c=require("../../util/modifiers.mjs"),a={class:"ev-quickfind--code"},d=e.defineComponent({__name:"EvQuickfind",props:{modelValue:{},bold:{type:Boolean,default:!1},size:{default:"medium"}},setup(i){const o=i,r=l.useModelProxy(o,"modelValue"),n=e.computed(()=>{switch(o.size){case"small":case"medium":return"small";default:return"medium"}});return(s,m)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["ev-quickfind",{"is-variant-bold":s.bold},e.unref(c.sizeModifier)(s.size,["medium"])])},[e.createVNode(u,{glyph:e.unref(t.default),size:n.value},null,8,["glyph","size"]),e.createElementVNode("span",a,e.toDisplayString(e.unref(r)),1)],2))}});module.exports=d;
 //# sourceMappingURL=EvQuickfind.vue.mjs.map