npm - @evance/evance-ui - Versions diffs - 1.1.13 → 1.1.15 - Mend

@evance/evance-ui 1.1.13 → 1.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1791) hide show

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

	@@ -1 +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":"~~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"}
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":"4XAQMA,EAAS,MAAM,KAAK,CAAE,OAAQ,IAAM,CAACC,EAAGC,IAAMA,CAAC,EAC/CC,EAAUC,EAAI,CAAC,EACfC,EAAWD,EAAI,CAAC,EAEtBE,EACI,IAAMC,EAAM,MACXC,GAAW,CACRH,EAAS,MAAQF,EAAQ,MACzBA,EAAQ,MAAQK,CAAA,CAExB,EAEM,MAAAC,EAAaC,EAAS,KAEjB,CACH,UAAW,eAFAP,EAAQ,MAAQ,CAEK,MAChC,WAAY,mEACZ,WAAY,WAChB,EACH,EAED,OAAAQ,EAAU,IAAM,CACZN,EAAS,MAAQF,EAAQ,MACzBA,EAAQ,MAAQI,EAAM,KAAA,CACzB"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvNumberDigit.vue.mjs");module.exports=e;
+import f from"./EvNumberDigit.vue.mjs";/*! Evance UI v1.1.15 | MIT License */export{f as default};
 //# sourceMappingURL=EvNumberDigit.vue2.mjs.map

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

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

package/dist/esm/components/EvNumberField/EvNumberField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvNumberField.mjs","sources":["../../../../src/components/EvNumberField/EvNumberField.ts"],"sourcesContent":["import { isEmpty, mathEval, omit, propsFactory } from \"@/util\";\r\nimport { makeEvTextfieldProps } from \"@/components/EvTextfield/EvTextfield\";\r\nimport { LocaleManager } from \"@/modules/Locale/LocaleManager\";\r\nimport { PropType, watch } from \"vue\";\r\n\r\nexport type NumberFieldModeProp = \"decimal\" \| \"currency\";\r\n\r\nexport const makeEvNumberFieldProps = propsFactory(\r\n {\r\n minFractionDigits: Number,\r\n maxFractionDigits: Number,\r\n currency: String,\r\n currencyDisplay: {\r\n type: String,\r\n default: \"narrowSymbol\",\r\n },\r\n locale: String,\r\n localeMatcher: String,\r\n min: {\r\n type: Number,\r\n default: undefined,\r\n },\r\n max: {\r\n type: Number,\r\n default: undefined,\r\n },\r\n mode: {\r\n type: String as PropType<NumberFieldModeProp>,\r\n default: \"decimal\",\r\n },\r\n showButtons: Boolean,\r\n step: {\r\n type: Number,\r\n default: 1,\r\n },\r\n useGrouping: Boolean,\r\n\r\n ...omit(makeEvTextfieldProps(), [\"type\"]),\r\n },\r\n \"EvNumberField\",\r\n);\r\n\r\nexport interface NumberParserProps {\r\n // Required props\r\n mode: string;\r\n\r\n // Optional props\r\n currency?: string;\r\n currencyDisplay?: string;\r\n minFractionDigits?: number;\r\n maxFractionDigits?: number;\r\n locale?: string;\r\n localeMatcher?: string;\r\n min?: number;\r\n max?: number;\r\n useGrouping?: boolean;\r\n}\r\n\r\n/*\r\n # Number Parser\r\n /\r\nexport class NumberParser {\r\n private _currencyPattern!: RegExp;\r\n private _decimalPattern!: RegExp;\r\n private _groupPattern!: RegExp;\r\n private _minusSignPattern!: RegExp;\r\n private _numberFormat!: Intl.NumberFormat;\r\n private _numerals!: string[];\r\n private _numeralsIndex!: (d: string) => string;\r\n private _numeralPattern!: RegExp;\r\n private _prefixPattern!: RegExp;\r\n private _suffixPattern!: RegExp;\r\n\r\n constructor(\r\n public localeManager: LocaleManager,\r\n public props: NumberParserProps,\r\n ) {\r\n this.cachePatterns();\r\n this.watchProps();\r\n }\r\n\r\n private cachePatterns() {\r\n this._numberFormat = new Intl.NumberFormat(this.locale, this.options);\r\n this._numerals = this.createNumerals();\r\n this._numeralsIndex = this.createNumeralsIndex();\r\n this._numeralPattern = this.createNumeralPattern();\r\n this._groupPattern = this.createGroupPattern();\r\n this._minusSignPattern = this.createMinusSignPattern();\r\n this._currencyPattern = this.createCurrencyPattern();\r\n this._decimalPattern = this.createDecimalPattern();\r\n this._suffixPattern = this.createSuffixPattern();\r\n this._prefixPattern = this.createPrefixPattern();\r\n }\r\n\r\n get currencyPattern() {\r\n return this._currencyPattern;\r\n }\r\n\r\n get decimalPattern() {\r\n return this._decimalPattern;\r\n }\r\n\r\n get groupChar(): string {\r\n const formatter = new Intl.NumberFormat(this.locale, {\r\n useGrouping: true,\r\n });\r\n return formatter\r\n .format(1000000)\r\n .trim()\r\n .replace(this.numeralPattern, \"\")\r\n .charAt(0);\r\n }\r\n\r\n get groupPattern() {\r\n return this._groupPattern;\r\n }\r\n\r\n get locale(): string {\r\n return this.props.locale ?? this.localeManager.currentLocale.value;\r\n }\r\n\r\n get minusSignPattern() {\r\n return this._minusSignPattern;\r\n }\r\n\r\n get numberFormat() {\r\n return this._numberFormat;\r\n }\r\n\r\n get numerals() {\r\n return this._numerals;\r\n }\r\n\r\n get numeralsIndex() {\r\n return this._numeralsIndex;\r\n }\r\n\r\n get numeralPattern() {\r\n return this._numeralPattern;\r\n }\r\n\r\n get options(): Intl.NumberFormatOptions {\r\n return {\r\n localeMatcher: \"best fit\",\r\n style: this.props.mode,\r\n currency: this.props.currency,\r\n currencyDisplay: this.props.currencyDisplay,\r\n useGrouping: this.props.useGrouping,\r\n minimumFractionDigits: this.props.minFractionDigits,\r\n maximumFractionDigits: this.props.maxFractionDigits,\r\n };\r\n }\r\n\r\n get prefixChar() {\r\n const options = {\r\n style: this.props.mode,\r\n currency: this.props.currency,\r\n currencyDisplay: this.props.currencyDisplay,\r\n };\r\n const formatter = new Intl.NumberFormat(this.locale, options);\r\n return formatter.format(1).split(\"1\")[0];\r\n }\r\n\r\n get prefixPattern() {\r\n return this._prefixPattern;\r\n }\r\n\r\n get suffixChar() {\r\n const options = {\r\n style: this.props.mode,\r\n currency: this.props.currency,\r\n currencyDisplay: this.props.currencyDisplay,\r\n minimumFractionDigits: 0,\r\n maximumFractionDigits: 0,\r\n };\r\n const formatter = new Intl.NumberFormat(this.locale, options);\r\n return formatter.format(1).split(\"1\")[1];\r\n }\r\n\r\n get suffixPattern() {\r\n return this._suffixPattern;\r\n }\r\n\r\n /\r\n ## Create Currency Pattern\r\n * @private\r\n /\r\n private createCurrencyPattern() {\r\n if (!this.props.currency) {\r\n return new RegExp(`[]`, \"g\");\r\n }\r\n const options = {\r\n style: \"currency\",\r\n currency: this.props.currency,\r\n currencyDisplay: this.props.currencyDisplay,\r\n minimumFractionDigits: 0,\r\n maximumFractionDigits: 0,\r\n };\r\n const formatter = new Intl.NumberFormat(this.locale, options);\r\n return new RegExp(\r\n `[${formatter.format(1).replace(/\\s/g, \"\").replace(this.numeralPattern, \"\").replace(this.groupPattern, \"\")}]`,\r\n \"g\",\r\n );\r\n }\r\n\r\n /\r\n ## Create Decimal Pattern\r\n * @private\r\n /\r\n private createDecimalPattern() {\r\n const formatter = new Intl.NumberFormat(this.locale, {\r\n ...this.options,\r\n useGrouping: false,\r\n });\r\n return new RegExp(\r\n `[${formatter.format(1.1).replace(this.currencyPattern, \"\").trim().replace(this.numeralPattern, \"\")}]`,\r\n \"g\",\r\n );\r\n }\r\n\r\n /\r\n ## Create Group Pattern\r\n * @private\r\n /\r\n private createGroupPattern() {\r\n return new RegExp(`[${this.groupChar}]`, \"g\");\r\n }\r\n\r\n /\r\n ## Create Minus Sign Pattern\r\n * @private\r\n /\r\n private createMinusSignPattern(): RegExp {\r\n const formatter = new Intl.NumberFormat(this.locale, {\r\n useGrouping: false,\r\n });\r\n return new RegExp(\r\n `[${formatter.format(-1).trim().replace(this.numeralPattern, \"\")}]`,\r\n \"g\",\r\n );\r\n }\r\n\r\n /\r\n ## Create Numerals\r\n * @private\r\n /\r\n private createNumerals(): string[] {\r\n return [\r\n ...new Intl.NumberFormat(this.locale, {\r\n useGrouping: false,\r\n }).format(9876543210),\r\n ].reverse();\r\n }\r\n\r\n /\r\n ## Create Numerals Index\r\n * @private\r\n /\r\n private createNumeralsIndex() {\r\n const index = new Map(this.numerals.map((d, i) => [d, i]));\r\n return (d: string) => index.get(d)?.toString() ?? \"\";\r\n }\r\n\r\n /\r\n ## Create Numeral Pattern\r\n * @private\r\n /\r\n private createNumeralPattern(): RegExp {\r\n return new RegExp(`[${this.numerals.join(\"\")}]`, \"g\");\r\n }\r\n\r\n /\r\n ## Create Prefix Pattern\r\n * @private\r\n /\r\n private createPrefixPattern() {\r\n return new RegExp(`${this.escapeRegExp(this.prefixChar \|\| \"\")}`, \"g\");\r\n }\r\n\r\n /\r\n ## Create Suffix Pattern\r\n * @private\r\n /\r\n private createSuffixPattern() {\r\n return new RegExp(`${this.escapeRegExp(this.suffixChar \|\| \"\")}`, \"g\");\r\n }\r\n\r\n /\r\n ## Escape RegExp\r\n * @param text\r\n /\r\n public escapeRegExp(text: string) {\r\n return text.replace(/[-[\\]{}()+?.,\\\\^$\|#\\s]/g, \"\\\\$&\");\r\n }\r\n\r\n /*\r\n ## Format Value\r\n \r\n Converts a number into formatted string.\r\n \r\n @param value\r\n /\r\n public formatValue(value: unknown): string {\r\n if (isEmpty(value)) {\r\n return \"\";\r\n }\r\n // Minus sign\r\n if (value === \"-\") {\r\n return value;\r\n }\r\n const formatter = new Intl.NumberFormat(this.locale, this.options);\r\n const formattedValue = formatter.format(value as number);\r\n // Remove currency symbol - we'll use this in the prefix instead\r\n return formattedValue;\r\n }\r\n\r\n /\r\n ## Parse Value\r\n \r\n Convert a text value into a number.\r\n \r\n Returns a string when an incomplete value is supplied,\r\n * or a number when a valid number is parsed successfully\r\n * from the text supplied, or a `null` value when the number\r\n * is not valid (can't be parsed).\r\n \r\n @param text\r\n /\r\n public parseValue(text: string \| null \| undefined): number \| string \| null {\r\n if (text === null \|\| text === undefined) {\r\n text = \"\";\r\n }\r\n const filteredText = text\r\n .replace(this.suffixPattern, \"\")\r\n .replace(this.prefixPattern, \"\")\r\n .trim()\r\n .replace(this.currencyPattern, \"\")\r\n .replace(this.groupPattern, \"\")\r\n .replace(this.minusSignPattern, \"-\")\r\n .replace(this.decimalPattern, \".\")\r\n .replace(this.numeralPattern, this.numeralsIndex);\r\n\r\n if (!filteredText) {\r\n return null;\r\n }\r\n if (filteredText === \"-\") {\r\n return filteredText;\r\n }\r\n\r\n let parsedValue;\r\n const pattern = /^[-+/.\\d\\s()]+$/;\r\n if (pattern.test(filteredText)) {\r\n try {\r\n parsedValue = mathEval(`(${filteredText})`);\r\n } catch (error) {\r\n parsedValue = +filteredText;\r\n }\r\n } else {\r\n parsedValue = +filteredText;\r\n }\r\n\r\n return isNaN(parsedValue) ? null : parsedValue;\r\n }\r\n\r\n /*\r\n ## Watch Props\r\n * @private\r\n */\r\n private watchProps() {\r\n watch(\r\n [\r\n this.localeManager.currentLocale,\r\n () => this.props.locale,\r\n () => this.props.localeMatcher,\r\n () => this.props.mode,\r\n () => this.props.currency,\r\n () => this.props.currencyDisplay,\r\n () => this.props.useGrouping,\r\n () => this.props.minFractionDigits,\r\n () => this.props.maxFractionDigits,\r\n ],\r\n (value, oldValue) => {\r\n if (value !== oldValue) {\r\n this.cachePatterns();\r\n }\r\n },\r\n );\r\n }\r\n}\r\n"],"names":["makeEvNumberFieldProps","propsFactory","omit","makeEvTextfieldProps","NumberParser","localeManager","props","__publicField","options","formatter","index","d","i","_a","text","value","isEmpty","filteredText","parsedValue","mathEval","watch","oldValue"],"mappings":"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"}
1	+ {"version":3,"file":"EvNumberField.mjs","sources":["../../../../src/components/EvNumberField/EvNumberField.ts"],"sourcesContent":["import { isEmpty, mathEval, omit, propsFactory } from \"@/util\";\r\nimport { makeEvTextfieldProps } from \"@/components/EvTextfield/EvTextfield\";\r\nimport { LocaleManager } from \"@/modules/Locale/LocaleManager\";\r\nimport { PropType, watch } from \"vue\";\r\n\r\nexport type NumberFieldModeProp = \"decimal\" \| \"currency\";\r\n\r\nexport const makeEvNumberFieldProps = propsFactory(\r\n {\r\n minFractionDigits: Number,\r\n maxFractionDigits: Number,\r\n currency: String,\r\n currencyDisplay: {\r\n type: String,\r\n default: \"narrowSymbol\",\r\n },\r\n locale: String,\r\n localeMatcher: String,\r\n min: {\r\n type: Number,\r\n default: undefined,\r\n },\r\n max: {\r\n type: Number,\r\n default: undefined,\r\n },\r\n mode: {\r\n type: String as PropType<NumberFieldModeProp>,\r\n default: \"decimal\",\r\n },\r\n showButtons: Boolean,\r\n step: {\r\n type: Number,\r\n default: 1,\r\n },\r\n useGrouping: Boolean,\r\n\r\n ...omit(makeEvTextfieldProps(), [\"type\"]),\r\n },\r\n \"EvNumberField\",\r\n);\r\n\r\nexport interface NumberParserProps {\r\n // Required props\r\n mode: string;\r\n\r\n // Optional props\r\n currency?: string;\r\n currencyDisplay?: string;\r\n minFractionDigits?: number;\r\n maxFractionDigits?: number;\r\n locale?: string;\r\n localeMatcher?: string;\r\n min?: number;\r\n max?: number;\r\n useGrouping?: boolean;\r\n}\r\n\r\n/*\r\n # Number Parser\r\n /\r\nexport class NumberParser {\r\n private _currencyPattern!: RegExp;\r\n private _decimalPattern!: RegExp;\r\n private _groupPattern!: RegExp;\r\n private _minusSignPattern!: RegExp;\r\n private _numberFormat!: Intl.NumberFormat;\r\n private _numerals!: string[];\r\n private _numeralsIndex!: (d: string) => string;\r\n private _numeralPattern!: RegExp;\r\n private _prefixPattern!: RegExp;\r\n private _suffixPattern!: RegExp;\r\n\r\n constructor(\r\n public localeManager: LocaleManager,\r\n public props: NumberParserProps,\r\n ) {\r\n this.cachePatterns();\r\n this.watchProps();\r\n }\r\n\r\n private cachePatterns() {\r\n this._numberFormat = new Intl.NumberFormat(this.locale, this.options);\r\n this._numerals = this.createNumerals();\r\n this._numeralsIndex = this.createNumeralsIndex();\r\n this._numeralPattern = this.createNumeralPattern();\r\n this._groupPattern = this.createGroupPattern();\r\n this._minusSignPattern = this.createMinusSignPattern();\r\n this._currencyPattern = this.createCurrencyPattern();\r\n this._decimalPattern = this.createDecimalPattern();\r\n this._suffixPattern = this.createSuffixPattern();\r\n this._prefixPattern = this.createPrefixPattern();\r\n }\r\n\r\n get currencyPattern() {\r\n return this._currencyPattern;\r\n }\r\n\r\n get decimalPattern() {\r\n return this._decimalPattern;\r\n }\r\n\r\n get groupChar(): string {\r\n const formatter = new Intl.NumberFormat(this.locale, {\r\n useGrouping: true,\r\n });\r\n return formatter\r\n .format(1000000)\r\n .trim()\r\n .replace(this.numeralPattern, \"\")\r\n .charAt(0);\r\n }\r\n\r\n get groupPattern() {\r\n return this._groupPattern;\r\n }\r\n\r\n get locale(): string {\r\n return this.props.locale ?? this.localeManager.currentLocale.value;\r\n }\r\n\r\n get minusSignPattern() {\r\n return this._minusSignPattern;\r\n }\r\n\r\n get numberFormat() {\r\n return this._numberFormat;\r\n }\r\n\r\n get numerals() {\r\n return this._numerals;\r\n }\r\n\r\n get numeralsIndex() {\r\n return this._numeralsIndex;\r\n }\r\n\r\n get numeralPattern() {\r\n return this._numeralPattern;\r\n }\r\n\r\n get options(): Intl.NumberFormatOptions {\r\n return {\r\n localeMatcher: \"best fit\",\r\n style: this.props.mode,\r\n currency: this.props.currency,\r\n currencyDisplay: this.props.currencyDisplay,\r\n useGrouping: this.props.useGrouping,\r\n minimumFractionDigits: this.props.minFractionDigits,\r\n maximumFractionDigits: this.props.maxFractionDigits,\r\n };\r\n }\r\n\r\n get prefixChar() {\r\n const options = {\r\n style: this.props.mode,\r\n currency: this.props.currency,\r\n currencyDisplay: this.props.currencyDisplay,\r\n };\r\n const formatter = new Intl.NumberFormat(this.locale, options);\r\n return formatter.format(1).split(\"1\")[0];\r\n }\r\n\r\n get prefixPattern() {\r\n return this._prefixPattern;\r\n }\r\n\r\n get suffixChar() {\r\n const options = {\r\n style: this.props.mode,\r\n currency: this.props.currency,\r\n currencyDisplay: this.props.currencyDisplay,\r\n minimumFractionDigits: 0,\r\n maximumFractionDigits: 0,\r\n };\r\n const formatter = new Intl.NumberFormat(this.locale, options);\r\n return formatter.format(1).split(\"1\")[1];\r\n }\r\n\r\n get suffixPattern() {\r\n return this._suffixPattern;\r\n }\r\n\r\n /\r\n ## Create Currency Pattern\r\n * @private\r\n /\r\n private createCurrencyPattern() {\r\n if (!this.props.currency) {\r\n return new RegExp(`[]`, \"g\");\r\n }\r\n const options = {\r\n style: \"currency\",\r\n currency: this.props.currency,\r\n currencyDisplay: this.props.currencyDisplay,\r\n minimumFractionDigits: 0,\r\n maximumFractionDigits: 0,\r\n };\r\n const formatter = new Intl.NumberFormat(this.locale, options);\r\n return new RegExp(\r\n `[${formatter.format(1).replace(/\\s/g, \"\").replace(this.numeralPattern, \"\").replace(this.groupPattern, \"\")}]`,\r\n \"g\",\r\n );\r\n }\r\n\r\n /\r\n ## Create Decimal Pattern\r\n * @private\r\n /\r\n private createDecimalPattern() {\r\n const formatter = new Intl.NumberFormat(this.locale, {\r\n ...this.options,\r\n useGrouping: false,\r\n });\r\n return new RegExp(\r\n `[${formatter.format(1.1).replace(this.currencyPattern, \"\").trim().replace(this.numeralPattern, \"\")}]`,\r\n \"g\",\r\n );\r\n }\r\n\r\n /\r\n ## Create Group Pattern\r\n * @private\r\n /\r\n private createGroupPattern() {\r\n return new RegExp(`[${this.groupChar}]`, \"g\");\r\n }\r\n\r\n /\r\n ## Create Minus Sign Pattern\r\n * @private\r\n /\r\n private createMinusSignPattern(): RegExp {\r\n const formatter = new Intl.NumberFormat(this.locale, {\r\n useGrouping: false,\r\n });\r\n return new RegExp(\r\n `[${formatter.format(-1).trim().replace(this.numeralPattern, \"\")}]`,\r\n \"g\",\r\n );\r\n }\r\n\r\n /\r\n ## Create Numerals\r\n * @private\r\n /\r\n private createNumerals(): string[] {\r\n return [\r\n ...new Intl.NumberFormat(this.locale, {\r\n useGrouping: false,\r\n }).format(9876543210),\r\n ].reverse();\r\n }\r\n\r\n /\r\n ## Create Numerals Index\r\n * @private\r\n /\r\n private createNumeralsIndex() {\r\n const index = new Map(this.numerals.map((d, i) => [d, i]));\r\n return (d: string) => index.get(d)?.toString() ?? \"\";\r\n }\r\n\r\n /\r\n ## Create Numeral Pattern\r\n * @private\r\n /\r\n private createNumeralPattern(): RegExp {\r\n return new RegExp(`[${this.numerals.join(\"\")}]`, \"g\");\r\n }\r\n\r\n /\r\n ## Create Prefix Pattern\r\n * @private\r\n /\r\n private createPrefixPattern() {\r\n return new RegExp(`${this.escapeRegExp(this.prefixChar \|\| \"\")}`, \"g\");\r\n }\r\n\r\n /\r\n ## Create Suffix Pattern\r\n * @private\r\n /\r\n private createSuffixPattern() {\r\n return new RegExp(`${this.escapeRegExp(this.suffixChar \|\| \"\")}`, \"g\");\r\n }\r\n\r\n /\r\n ## Escape RegExp\r\n * @param text\r\n /\r\n public escapeRegExp(text: string) {\r\n return text.replace(/[-[\\]{}()+?.,\\\\^$\|#\\s]/g, \"\\\\$&\");\r\n }\r\n\r\n /*\r\n ## Format Value\r\n \r\n Converts a number into formatted string.\r\n \r\n @param value\r\n /\r\n public formatValue(value: unknown): string {\r\n if (isEmpty(value)) {\r\n return \"\";\r\n }\r\n // Minus sign\r\n if (value === \"-\") {\r\n return value;\r\n }\r\n const formatter = new Intl.NumberFormat(this.locale, this.options);\r\n const formattedValue = formatter.format(value as number);\r\n // Remove currency symbol - we'll use this in the prefix instead\r\n return formattedValue;\r\n }\r\n\r\n /\r\n ## Parse Value\r\n \r\n Convert a text value into a number.\r\n \r\n Returns a string when an incomplete value is supplied,\r\n * or a number when a valid number is parsed successfully\r\n * from the text supplied, or a `null` value when the number\r\n * is not valid (can't be parsed).\r\n \r\n @param text\r\n /\r\n public parseValue(text: string \| null \| undefined): number \| string \| null {\r\n if (text === null \|\| text === undefined) {\r\n text = \"\";\r\n }\r\n const filteredText = text\r\n .replace(this.suffixPattern, \"\")\r\n .replace(this.prefixPattern, \"\")\r\n .trim()\r\n .replace(this.currencyPattern, \"\")\r\n .replace(this.groupPattern, \"\")\r\n .replace(this.minusSignPattern, \"-\")\r\n .replace(this.decimalPattern, \".\")\r\n .replace(this.numeralPattern, this.numeralsIndex);\r\n\r\n if (!filteredText) {\r\n return null;\r\n }\r\n if (filteredText === \"-\") {\r\n return filteredText;\r\n }\r\n\r\n let parsedValue;\r\n const pattern = /^[-+/.\\d\\s()]+$/;\r\n if (pattern.test(filteredText)) {\r\n try {\r\n parsedValue = mathEval(`(${filteredText})`);\r\n } catch (error) {\r\n parsedValue = +filteredText;\r\n }\r\n } else {\r\n parsedValue = +filteredText;\r\n }\r\n\r\n return isNaN(parsedValue) ? null : parsedValue;\r\n }\r\n\r\n /*\r\n ## Watch Props\r\n * @private\r\n */\r\n private watchProps() {\r\n watch(\r\n [\r\n this.localeManager.currentLocale,\r\n () => this.props.locale,\r\n () => this.props.localeMatcher,\r\n () => this.props.mode,\r\n () => this.props.currency,\r\n () => this.props.currencyDisplay,\r\n () => this.props.useGrouping,\r\n () => this.props.minFractionDigits,\r\n () => this.props.maxFractionDigits,\r\n ],\r\n (value, oldValue) => {\r\n if (value !== oldValue) {\r\n this.cachePatterns();\r\n }\r\n },\r\n );\r\n }\r\n}\r\n"],"names":["makeEvNumberFieldProps","propsFactory","omit","makeEvTextfieldProps","NumberParser","localeManager","props","__publicField","options","formatter","index","d","i","_a","text","value","isEmpty","filteredText","parsedValue","mathEval","watch","oldValue"],"mappings":"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"}

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

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

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

	@@ -1 +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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"}
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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"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvNumberField.vue.mjs");module.exports=e;
+import f from"./EvNumberField.vue.mjs";/*! Evance UI v1.1.15 | MIT License */export{f as default};
 //# sourceMappingURL=EvNumberField.vue2.mjs.map

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

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

package/dist/esm/components/EvOverlay/EvOverlay.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EvOverlay.mjs","sources":["../../../../src/components/EvOverlay/EvOverlay.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType, Ref } from \"vue\";\nimport { TeleportTarget } from \"@/composables/teleport\";\nimport { DimensionsProps, makeDimensionsProps } from \"@/composables/dimensions\";\nimport { ActivatorProps, makeActivatorProps } from \"./activator\";\nimport { makePositionStrategyProps, PositionStrategyProps } from \"./position\";\nimport { makeScrollStrategyProps, ScrollStrategyProps } from \"./scroll\";\nimport {\n EvTransitionProps,\n makeEvTransitionProps,\n} from \"@/components/EvTransition\";\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\n\ntype ModelValueProp = boolean \| Ref<boolean>;\n\nexport interface EvOverlayProps\n extends ActivatorProps,\n DimensionsProps,\n PositionStrategyProps,\n ScrollStrategyProps,\n EvTransitionProps,\n ComponentProps {\n absolute?: boolean;\n attach?: TeleportTarget;\n closeOnBack?: boolean;\n contained?: boolean;\n contentClass?: string;\n contentProps?: Record<string, unknown>;\n disabled?: boolean;\n modelValue?: ModelValueProp;\n persistent?: boolean;\n veil?: boolean;\n zIndex?: number \| string;\n}\n\n/*\n # Make EvOverlay Props\n */\nexport const makeEvOverlayProps = propsFactory(\n {\n absolute: Boolean,\n attach: [Boolean, String, Object] as PropType<TeleportTarget>,\n closeOnBack: {\n type: Boolean,\n default: true,\n },\n contained: Boolean,\n contentClass: String,\n contentProps: Object as PropType<EvOverlayProps[\"contentProps\"]>,\n disabled: Boolean,\n modelValue: [Boolean, Object] as PropType<ModelValueProp>,\n persistent: Boolean,\n veil: {\n type: Boolean,\n default: true,\n },\n zIndex: {\n type: [Number, String],\n default: 2000,\n },\n\n ...makeActivatorProps(),\n ...makeDimensionsProps(),\n ...makePositionStrategyProps(),\n ...makeScrollStrategyProps(),\n ...makeEvTransitionProps(),\n ...makeComponentProps(),\n },\n \"EvOverlay\",\n);\n"],"names":["makeEvOverlayProps","propsFactory","makeActivatorProps","makeDimensionsProps","makePositionStrategyProps","makeScrollStrategyProps","makeEvTransitionProps","makeComponentProps"],"mappings":"~~0XAsCaA~~,EAAqBC,~~EAAA~~,~~aAC9B,~~CACI,SAAU,QACV,OAAQ,CAAC,QAAS,OAAQ,MAAM,EAChC,YAAa,CACT,KAAM,QACN,QAAS,EACb,EACA,UAAW,QACX,aAAc,OACd,aAAc,OACd,SAAU,QACV,WAAY,CAAC,QAAS,MAAM,EAC5B,WAAY,QACZ,KAAM,CACF,KAAM,QACN,QAAS,EACb,EACA,OAAQ,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACb,EAEA,GAAGC,~~qBAAmB~~,EACtB,GAAGC,~~sBAAoB~~,EACvB,GAAGC,~~4BAA0B~~,EAC7B,GAAGC,~~0BAAwB~~,EAC3B,GAAGC,~~wBAAsB~~,EACzB,GAAGC,EAAmB,~~mBAAA,~~CAC1B,EACA,WACJ"}
1	+ {"version":3,"file":"EvOverlay.mjs","sources":["../../../../src/components/EvOverlay/EvOverlay.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType, Ref } from \"vue\";\nimport { TeleportTarget } from \"@/composables/teleport\";\nimport { DimensionsProps, makeDimensionsProps } from \"@/composables/dimensions\";\nimport { ActivatorProps, makeActivatorProps } from \"./activator\";\nimport { makePositionStrategyProps, PositionStrategyProps } from \"./position\";\nimport { makeScrollStrategyProps, ScrollStrategyProps } from \"./scroll\";\nimport {\n EvTransitionProps,\n makeEvTransitionProps,\n} from \"@/components/EvTransition\";\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\n\ntype ModelValueProp = boolean \| Ref<boolean>;\n\nexport interface EvOverlayProps\n extends ActivatorProps,\n DimensionsProps,\n PositionStrategyProps,\n ScrollStrategyProps,\n EvTransitionProps,\n ComponentProps {\n absolute?: boolean;\n attach?: TeleportTarget;\n closeOnBack?: boolean;\n contained?: boolean;\n contentClass?: string;\n contentProps?: Record<string, unknown>;\n disabled?: boolean;\n modelValue?: ModelValueProp;\n persistent?: boolean;\n veil?: boolean;\n zIndex?: number \| string;\n}\n\n/*\n # Make EvOverlay Props\n */\nexport const makeEvOverlayProps = propsFactory(\n {\n absolute: Boolean,\n attach: [Boolean, String, Object] as PropType<TeleportTarget>,\n closeOnBack: {\n type: Boolean,\n default: true,\n },\n contained: Boolean,\n contentClass: String,\n contentProps: Object as PropType<EvOverlayProps[\"contentProps\"]>,\n disabled: Boolean,\n modelValue: [Boolean, Object] as PropType<ModelValueProp>,\n persistent: Boolean,\n veil: {\n type: Boolean,\n default: true,\n },\n zIndex: {\n type: [Number, String],\n default: 2000,\n },\n\n ...makeActivatorProps(),\n ...makeDimensionsProps(),\n ...makePositionStrategyProps(),\n ...makeScrollStrategyProps(),\n ...makeEvTransitionProps(),\n ...makeComponentProps(),\n },\n \"EvOverlay\",\n);\n"],"names":["makeEvOverlayProps","propsFactory","makeActivatorProps","makeDimensionsProps","makePositionStrategyProps","makeScrollStrategyProps","makeEvTransitionProps","makeComponentProps"],"mappings":"sdAsCO,MAAMA,EAAqBC,EAC9B,CACI,SAAU,QACV,OAAQ,CAAC,QAAS,OAAQ,MAAM,EAChC,YAAa,CACT,KAAM,QACN,QAAS,EACb,EACA,UAAW,QACX,aAAc,OACd,aAAc,OACd,SAAU,QACV,WAAY,CAAC,QAAS,MAAM,EAC5B,WAAY,QACZ,KAAM,CACF,KAAM,QACN,QAAS,EACb,EACA,OAAQ,CACJ,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACb,EAEA,GAAGC,EAAmB,EACtB,GAAGC,EAAoB,EACvB,GAAGC,EAA0B,EAC7B,GAAGC,EAAwB,EAC3B,GAAGC,EAAsB,EACzB,GAAGC,EAAmB,CAC1B,EACA,WACJ"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("./EvOverlay.vue.mjs");module.exports=e;
+import f from"./EvOverlay.vue.mjs";/*! Evance UI v1.1.15 | MIT License */export{f as default};
 //# sourceMappingURL=EvOverlay.vue2.mjs.map

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

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