@evance/evance-ui 1.1.13 → 1.1.16

package/dist/esm/components/EvTagGroup/EvTagGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTagGroup.mjs","sources":["../../../../src/components/EvTagGroup/EvTagGroup.ts"],"sourcesContent":["import { isDeepEqual, propsFactory } from \"@/util\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\nimport { makeGroupProps } from \"@/composables/group\";\nimport { makeEvSlideGroupProps } from \"@/components/EvSlideGroup/EvSlideGroup\";\n\nexport const EvTagGroupSymbol = Symbol.for(\"ev:tag-group\");\n\nexport type EvTagGroupSlots = {\n    default: {\n        isSelected: (id: number) => boolean;\n        select: (id: number, value: boolean) => void;\n        next: () => void;\n        prev: () => void;\n        selected: readonly number[];\n    };\n};\n\n/**\n * # makeEvTagGroupProps\n */\nexport const makeEvTagGroupProps = propsFactory(\n    {\n        column: Boolean,\n        filter: Boolean,\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n\n        ...makeEvSlideGroupProps(),\n        ...makeComponentProps(),\n        ...makeGroupProps({\n            selectedClass: \"is-selected\",\n            selectedAppearance: \"primary\",\n            selectedVariant: \"outlined\",\n        }),\n        ...makeTagProps(),\n    },\n    \"EvTagGroup\",\n);\n"],"names":["EvTagGroupSymbol","makeEvTagGroupProps","propsFactory","isDeepEqual","makeEvSlideGroupProps","makeComponentProps","makeGroupProps","makeTagProps"],"mappings":"kXAOaA,EAAmB,OAAO,IAAI,cAAc,EAe5CC,EAAsBC,EAAA,aAC/B,CACI,OAAQ,QACR,OAAQ,QACR,gBAAiB,CACb,KAAM,SACN,QAASC,EAAAA,WACb,EAEA,GAAGC,wBAAsB,EACzB,GAAGC,qBAAmB,EACtB,GAAGC,iBAAe,CACd,cAAe,cACf,mBAAoB,UACpB,gBAAiB,UAAA,CACpB,EACD,GAAGC,EAAa,aAAA,CACpB,EACA,YACJ"}
+{"version":3,"file":"EvTagGroup.mjs","sources":["../../../../src/components/EvTagGroup/EvTagGroup.ts"],"sourcesContent":["import { isDeepEqual, propsFactory } from \"@/util\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\nimport { makeGroupProps } from \"@/composables/group\";\nimport { makeEvSlideGroupProps } from \"@/components/EvSlideGroup/EvSlideGroup\";\n\nexport const EvTagGroupSymbol = Symbol.for(\"ev:tag-group\");\n\nexport type EvTagGroupSlots = {\n    default: {\n        isSelected: (id: number) => boolean;\n        select: (id: number, value: boolean) => void;\n        next: () => void;\n        prev: () => void;\n        selected: readonly number[];\n    };\n};\n\n/**\n * # makeEvTagGroupProps\n */\nexport const makeEvTagGroupProps = propsFactory(\n    {\n        column: Boolean,\n        filter: Boolean,\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n\n        ...makeEvSlideGroupProps(),\n        ...makeComponentProps(),\n        ...makeGroupProps({\n            selectedClass: \"is-selected\",\n            selectedAppearance: \"primary\",\n            selectedVariant: \"outlined\",\n        }),\n        ...makeTagProps(),\n    },\n    \"EvTagGroup\",\n);\n"],"names":["EvTagGroupSymbol","makeEvTagGroupProps","propsFactory","isDeepEqual","makeEvSlideGroupProps","makeComponentProps","makeGroupProps","makeTagProps"],"mappings":"wZAOa,MAAAA,EAAmB,OAAO,IAAI,cAAc,EAe5CC,EAAsBC,EAC/B,CACI,OAAQ,QACR,OAAQ,QACR,gBAAiB,CACb,KAAM,SACN,QAASC,CACb,EAEA,GAAGC,EAAsB,EACzB,GAAGC,EAAmB,EACtB,GAAGC,EAAe,CACd,cAAe,cACf,mBAAoB,UACpB,gBAAiB,UAAA,CACpB,EACD,GAAGC,EAAa,CACpB,EACA,YACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                  */const s=require("./EvTagGroup.mjs"),v=require("../../composables/group.mjs"),m=require("../../composables/defaults.mjs"),o=require("../EvSlideGroup/EvSlideGroup.vue.mjs"),_=require("../../util/helpers.mjs"),f=e.defineComponent({__name:"EvTagGroup",props:{...s.makeEvTagGroupProps()},setup(t){const r=t,{isSelected:u,select:l,next:p,previous:c,selected:n}=v.useGroup(r,s.EvTagGroupSymbol),a=e.computed(()=>({isSelected:u,select:l,next:p,previous:c,selected:n.value}));m.provideDefaults({EvTag:{disabled:e.toRef(r,"disabled"),filter:e.toRef(r,"filter")}});const i=e.computed(()=>_.filterComponentProps(o,r));return(d,g)=>(e.openBlock(),e.createBlock(e.unref(o),e.mergeProps(i.value,{class:["ev-tag-group",{"is-column":r.column},r.class],style:r.style}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps(a.value)))]),_:3},16,["class","style"]))}});module.exports=f;
+import{defineComponent as f,computed as o,toRef as r,createBlock as d,openBlock as v,unref as g,mergeProps as _,withCtx as P,renderSlot as G,normalizeProps as y,guardReactiveProps as E}from"vue";/* empty css                */import{makeEvTagGroupProps as T,EvTagGroupSymbol as b}from"./EvTagGroup.mjs";import{useGroup as k}from"../../composables/group.mjs";import{provideDefaults as x}from"../../composables/defaults.mjs";import t from"../EvSlideGroup/EvSlideGroup.vue.mjs";import{filterComponentProps as C}from"../../util/helpers.mjs";/*! Evance UI v1.1.16 | MIT License */const j=f({__name:"EvTagGroup",props:{...T()},setup(s){const e=s,{isSelected:l,select:p,next:a,previous:m,selected:u}=k(e,b),c=o(()=>({isSelected:l,select:p,next:a,previous:m,selected:u.value}));x({EvTag:{disabled:r(e,"disabled"),filter:r(e,"filter")}});const i=o(()=>C(t,e));return(n,S)=>(v(),d(g(t),_(i.value,{class:["ev-tag-group",{"is-column":e.column},e.class],style:e.style}),{default:P(()=>[G(n.$slots,"default",y(E(c.value)))]),_:3},16,["class","style"]))}});export{j as default};
 //# sourceMappingURL=EvTagGroup.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvTagGroup.vue.mjs","sources":["../../../../src/components/EvTagGroup/EvTagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTagGroup.scss\";\nimport {\n    EvTagGroupSlots,\n    EvTagGroupSymbol,\n    makeEvTagGroupProps,\n} from \"./EvTagGroup.ts\";\nimport { GroupProps, useGroup } from \"@/composables/group\";\nimport { computed, toRef } from \"vue\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { filterComponentProps } from \"@/util\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\n\nconst props = defineProps({\n    ...makeEvTagGroupProps(),\n});\n\nconst { isSelected, select, next, previous, selected } = useGroup(\n    props as any as GroupProps,\n    EvTagGroupSymbol,\n);\n\ndefineSlots<EvTagGroupSlots>();\n\nconst slotProps = computed(() => {\n    return {\n        isSelected,\n        select,\n        next,\n        previous,\n        selected: selected.value,\n    };\n});\n\nprovideDefaults({\n    EvTag: {\n        disabled: toRef(props, \"disabled\"),\n        filter: toRef(props, \"filter\"),\n    },\n});\n\nconst slideGroupProps = computed(() =>\n    filterComponentProps(EvSlideGroup, props),\n);\n</script>\n\n<template>\n    <ev-slide-group\n        v-bind=\"slideGroupProps\"\n        :class=\"[\n            'ev-tag-group',\n            {\n                'is-column': props.column,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <slot v-bind=\"slotProps\" />\n    </ev-slide-group>\n</template>\n"],"names":["isSelected","select","next","previous","selected","useGroup","props","EvTagGroupSymbol","slotProps","computed","provideDefaults","toRef","slideGroupProps","filterComponentProps","EvSlideGroup"],"mappings":"yZAiBM,CAAE,WAAAA,EAAY,OAAAC,EAAQ,KAAAC,EAAM,SAAAC,EAAU,SAAAC,GAAaC,EAAA,SACrDC,EACAC,EAAAA,gBACJ,EAIMC,EAAYC,EAAAA,SAAS,KAChB,CACH,WAAAT,EACA,OAAAC,EACA,KAAAC,EACA,SAAAC,EACA,SAAUC,EAAS,KACvB,EACH,EAEeM,kBAAA,CACZ,MAAO,CACH,SAAUC,EAAAA,MAAML,EAAO,UAAU,EACjC,OAAQK,EAAAA,MAAML,EAAO,QAAQ,CAAA,CACjC,CACH,EAED,MAAMM,EAAkBH,EAAA,SAAS,IAC7BI,EAAAA,qBAAqBC,EAAcR,CAAK,CAC5C"}
+{"version":3,"file":"EvTagGroup.vue.mjs","sources":["../../../../src/components/EvTagGroup/EvTagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTagGroup.scss\";\nimport {\n    EvTagGroupSlots,\n    EvTagGroupSymbol,\n    makeEvTagGroupProps,\n} from \"./EvTagGroup.ts\";\nimport { GroupProps, useGroup } from \"@/composables/group\";\nimport { computed, toRef } from \"vue\";\nimport { provideDefaults } from \"@/composables/defaults\";\nimport { filterComponentProps } from \"@/util\";\nimport { EvSlideGroup } from \"@/components/EvSlideGroup\";\n\nconst props = defineProps({\n    ...makeEvTagGroupProps(),\n});\n\nconst { isSelected, select, next, previous, selected } = useGroup(\n    props as any as GroupProps,\n    EvTagGroupSymbol,\n);\n\ndefineSlots<EvTagGroupSlots>();\n\nconst slotProps = computed(() => {\n    return {\n        isSelected,\n        select,\n        next,\n        previous,\n        selected: selected.value,\n    };\n});\n\nprovideDefaults({\n    EvTag: {\n        disabled: toRef(props, \"disabled\"),\n        filter: toRef(props, \"filter\"),\n    },\n});\n\nconst slideGroupProps = computed(() =>\n    filterComponentProps(EvSlideGroup, props),\n);\n</script>\n\n<template>\n    <ev-slide-group\n        v-bind=\"slideGroupProps\"\n        :class=\"[\n            'ev-tag-group',\n            {\n                'is-column': props.column,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <slot v-bind=\"slotProps\" />\n    </ev-slide-group>\n</template>\n"],"names":["isSelected","select","next","previous","selected","useGroup","props","EvTagGroupSymbol","slotProps","computed","provideDefaults","toRef","slideGroupProps","filterComponentProps","EvSlideGroup"],"mappings":"+nBAiBM,CAAE,WAAAA,EAAY,OAAAC,EAAQ,KAAAC,EAAM,SAAAC,EAAU,SAAAC,GAAaC,EACrDC,EACAC,CACJ,EAIMC,EAAYC,EAAS,KAChB,CACH,WAAAT,EACA,OAAAC,EACA,KAAAC,EACA,SAAAC,EACA,SAAUC,EAAS,KACvB,EACH,EAEeM,EAAA,CACZ,MAAO,CACH,SAAUC,EAAML,EAAO,UAAU,EACjC,OAAQK,EAAML,EAAO,QAAQ,CAAA,CACjC,CACH,EAED,MAAMM,EAAkBH,EAAS,IAC7BI,EAAqBC,EAAcR,CAAK,CAC5C"}

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

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

package/dist/esm/components/EvText/EvText.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/component.mjs"),t=require("../../composables/tag.mjs"),r=require("../../util/props.mjs"),o={small:"small",medium:"medium",large:"large",xLarge:"x-large"},a={"x-large":"text-subtitle",large:"text-large",medium:"text-medium",small:"text-small"},s=r.propsFactory({appearance:String,monospace:Boolean,size:String,text:String,truncate:[Number,Boolean],weight:String,...e.makeComponentProps(),...t.makeTagProps({tag:"p"})},"EvText");exports.EvTextSize=o;exports.EvTextSizeClass=a;exports.makeEvTextProps=s;
+import{makeComponentProps as e}from"../../composables/component.mjs";import{makeTagProps as t}from"../../composables/tag.mjs";import{propsFactory as r}from"../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const l={small:"small",medium:"medium",large:"large",xLarge:"x-large"},i={"x-large":"text-subtitle",large:"text-large",medium:"text-medium",small:"text-small"},s=r({appearance:String,monospace:Boolean,size:String,text:String,truncate:[Number,Boolean],weight:String,...e(),...t({tag:"p"})},"EvText");export{l as EvTextSize,i as EvTextSizeClass,s as makeEvTextProps};
 //# sourceMappingURL=EvText.mjs.map

package/dist/esm/components/EvText/EvText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvText.mjs","sources":["../../../../src/components/EvText/EvText.ts"],"sourcesContent":["import { propsFactory, TextAppearanceProp } from \"@/util\";\r\nimport { PropType } from \"vue\";\r\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\r\nimport { makeTagProps, TagProps } from \"@/composables/tag\";\r\n\r\nexport const EvTextSize = {\r\n    small: \"small\",\r\n    medium: \"medium\",\r\n    large: \"large\",\r\n    xLarge: \"x-large\",\r\n} as const;\r\n\r\nexport type EvTextSizeProp = (typeof EvTextSize)[keyof typeof EvTextSize];\r\n\r\nexport const EvTextSizeClass = {\r\n    \"x-large\": \"text-subtitle\",\r\n    large: \"text-large\",\r\n    medium: \"text-medium\",\r\n    small: \"text-small\",\r\n} as const;\r\n\r\nexport type FontWeight = \"regular\" | \"medium\" | \"semibold\" | \"bold\";\r\n\r\nexport interface EvTextProps extends ComponentProps, TagProps {\r\n    appearance?: TextAppearanceProp;\r\n    monospace?: boolean;\r\n    size?: EvTextSizeProp;\r\n    text?: string;\r\n    truncate?: number | boolean;\r\n    weight?: FontWeight;\r\n}\r\n\r\nexport const makeEvTextProps = propsFactory(\r\n    {\r\n        appearance: String as PropType<TextAppearanceProp>,\r\n        monospace: Boolean,\r\n        size: String as PropType<EvTextSizeProp>,\r\n        text: String,\r\n        truncate: [Number, Boolean],\r\n        weight: String as PropType<FontWeight>,\r\n        ...makeComponentProps(),\r\n        ...makeTagProps({\r\n            tag: \"p\",\r\n        }),\r\n    },\r\n    \"EvText\",\r\n);\r\n"],"names":["EvTextSize","EvTextSizeClass","makeEvTextProps","propsFactory","makeComponentProps","makeTagProps"],"mappings":"kPAKaA,EAAa,CACtB,MAAO,QACP,OAAQ,SACR,MAAO,QACP,OAAQ,SACZ,EAIaC,EAAkB,CAC3B,UAAW,gBACX,MAAO,aACP,OAAQ,cACR,MAAO,YACX,EAaaC,EAAkBC,EAAA,aAC3B,CACI,WAAY,OACZ,UAAW,QACX,KAAM,OACN,KAAM,OACN,SAAU,CAAC,OAAQ,OAAO,EAC1B,OAAQ,OACR,GAAGC,qBAAmB,EACtB,GAAGC,eAAa,CACZ,IAAK,GACR,CAAA,CACL,EACA,QACJ"}
+{"version":3,"file":"EvText.mjs","sources":["../../../../src/components/EvText/EvText.ts"],"sourcesContent":["import { propsFactory, TextAppearanceProp } from \"@/util\";\r\nimport { PropType } from \"vue\";\r\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\r\nimport { makeTagProps, TagProps } from \"@/composables/tag\";\r\n\r\nexport const EvTextSize = {\r\n    small: \"small\",\r\n    medium: \"medium\",\r\n    large: \"large\",\r\n    xLarge: \"x-large\",\r\n} as const;\r\n\r\nexport type EvTextSizeProp = (typeof EvTextSize)[keyof typeof EvTextSize];\r\n\r\nexport const EvTextSizeClass = {\r\n    \"x-large\": \"text-subtitle\",\r\n    large: \"text-large\",\r\n    medium: \"text-medium\",\r\n    small: \"text-small\",\r\n} as const;\r\n\r\nexport type FontWeight = \"regular\" | \"medium\" | \"semibold\" | \"bold\";\r\n\r\nexport interface EvTextProps extends ComponentProps, TagProps {\r\n    appearance?: TextAppearanceProp;\r\n    monospace?: boolean;\r\n    size?: EvTextSizeProp;\r\n    text?: string;\r\n    truncate?: number | boolean;\r\n    weight?: FontWeight;\r\n}\r\n\r\nexport const makeEvTextProps = propsFactory(\r\n    {\r\n        appearance: String as PropType<TextAppearanceProp>,\r\n        monospace: Boolean,\r\n        size: String as PropType<EvTextSizeProp>,\r\n        text: String,\r\n        truncate: [Number, Boolean],\r\n        weight: String as PropType<FontWeight>,\r\n        ...makeComponentProps(),\r\n        ...makeTagProps({\r\n            tag: \"p\",\r\n        }),\r\n    },\r\n    \"EvText\",\r\n);\r\n"],"names":["EvTextSize","EvTextSizeClass","makeEvTextProps","propsFactory","makeComponentProps","makeTagProps"],"mappings":"wNAKO,MAAMA,EAAa,CACtB,MAAO,QACP,OAAQ,SACR,MAAO,QACP,OAAQ,SACZ,EAIaC,EAAkB,CAC3B,UAAW,gBACX,MAAO,aACP,OAAQ,cACR,MAAO,YACX,EAaaC,EAAkBC,EAC3B,CACI,WAAY,OACZ,UAAW,QACX,KAAM,OACN,KAAM,OACN,SAAU,CAAC,OAAQ,OAAO,EAC1B,OAAQ,OACR,GAAGC,EAAmB,EACtB,GAAGC,EAAa,CACZ,IAAK,GACR,CAAA,CACL,EACA,QACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css              */const r=require("./EvText.mjs"),m=require("../../composables/defaults.mjs"),a=require("../../util/is-functions.mjs"),d=require("../../util/modifiers.mjs"),f=require("../../util/appearance.mjs"),v=e.defineComponent({__name:"EvText",props:{...r.makeEvTextProps()},setup(n){const u=n;e.useCssVars(s=>({c221e7f8:i.value}));const t=m.useDefaults(u),c=e.computed(()=>r.EvTextSizeClass[t.size]),o=e.computed(()=>{if(t.truncate)return a.isBoolean(t.truncate)?"is-truncate":"is-truncate-lines"}),i=e.computed(()=>a.isNumber(t.truncate)?t.truncate:1),l=e.computed(()=>t.weight?d.makeClassName(t.weight,"text-weight"):void 0),p=e.computed(()=>{if(!t.appearance)return;const{appearanceClass:s}=f.useAppearance(t);return s.value});return(s,C)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t).tag),{class:e.normalizeClass(["ev-text",{"typeface-monospace":e.unref(t).monospace},c.value,l.value,o.value,p.value,e.unref(t).class]),style:e.normalizeStyle(e.unref(t).style)},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(t).text),1)])]),_:3},8,["class","style"]))}});module.exports=v;
+import{defineComponent as p,useCssVars as m,computed as t,createBlock as f,openBlock as v,resolveDynamicComponent as C,unref as s,normalizeStyle as d,normalizeClass as x,withCtx as y,renderSlot as _,createTextVNode as g,toDisplayString as h}from"vue";/* empty css            */import{makeEvTextProps as w,EvTextSizeClass as z}from"./EvText.mjs";import{useDefaults as k}from"../../composables/defaults.mjs";import{isBoolean as S,isNumber as T}from"../../util/is-functions.mjs";import{makeClassName as B}from"../../util/modifiers.mjs";import{useAppearance as D}from"../../util/appearance.mjs";/*! Evance UI v1.1.16 | MIT License */const j=p({__name:"EvText",props:{...w()},setup(r){const n=r;m(a=>({c221e7f8:l.value}));const e=k(n),o=t(()=>z[e.size]),c=t(()=>{if(e.truncate)return S(e.truncate)?"is-truncate":"is-truncate-lines"}),l=t(()=>T(e.truncate)?e.truncate:1),i=t(()=>e.weight?B(e.weight,"text-weight"):void 0),u=t(()=>{if(!e.appearance)return;const{appearanceClass:a}=D(e);return a.value});return(a,E)=>(v(),f(C(s(e).tag),{class:x(["ev-text",{"typeface-monospace":s(e).monospace},o.value,i.value,c.value,u.value,s(e).class]),style:d(s(e).style)},{default:y(()=>[_(a.$slots,"default",{},()=>[g(h(s(e).text),1)])]),_:3},8,["class","style"]))}});export{j as default};
 //# sourceMappingURL=EvText.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvText.vue.mjs","sources":["../../../../src/components/EvText/EvText.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvText.scss\";\r\nimport { EvTextSizeClass, makeEvTextProps } from \"./EvText\";\r\nimport { computed } from \"vue\";\r\nimport {\r\n    AppearanceProps,\r\n    isBoolean,\r\n    isNumber,\r\n    makeClassName,\r\n    useAppearance,\r\n} from \"@/util\";\r\nimport { useDefaults } from \"@/composables\";\r\n\r\nconst definedProps = defineProps({ ...makeEvTextProps() });\r\nconst props = useDefaults(definedProps);\r\n\r\nconst sizeClass = computed(() => {\r\n    return EvTextSizeClass[props.size];\r\n});\r\n\r\nconst truncateClass = computed(() => {\r\n    if (!props.truncate) {\r\n        return undefined;\r\n    }\r\n    return isBoolean(props.truncate) ? \"is-truncate\" : \"is-truncate-lines\";\r\n});\r\n\r\nconst maxLines = computed(() => {\r\n    if (isNumber(props.truncate)) {\r\n        return props.truncate;\r\n    }\r\n    return 1;\r\n});\r\n\r\nconst weightClass = computed(() => {\r\n    return props.weight\r\n        ? makeClassName(props.weight, \"text-weight\")\r\n        : undefined;\r\n});\r\n\r\nconst appearanceClass = computed(() => {\r\n    if (!props.appearance) {\r\n        return undefined;\r\n    }\r\n    const { appearanceClass } = useAppearance(props as AppearanceProps);\r\n    return appearanceClass.value;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <component\r\n        :is=\"props.tag\"\r\n        :class=\"[\r\n            'ev-text',\r\n            {\r\n                'typeface-monospace': props.monospace,\r\n            },\r\n            sizeClass,\r\n            weightClass,\r\n            truncateClass,\r\n            appearanceClass,\r\n            props.class,\r\n        ]\"\r\n        :style=\"props.style\">\r\n        <slot>{{ props.text }}</slot>\r\n    </component>\r\n</template>\r\n\r\n<style>\r\n.ev-text {\r\n    --max-lines: v-bind(maxLines);\r\n}\r\n</style>\r\n"],"names":["props","useDefaults","definedProps","sizeClass","computed","EvTextSizeClass","truncateClass","isBoolean","maxLines","isNumber","weightClass","makeClassName","appearanceClass","useAppearance"],"mappings":"saAcM,MAAAA,EAAQC,cAAYC,CAAY,EAEhCC,EAAYC,EAAAA,SAAS,IAChBC,EAAA,gBAAgBL,EAAM,IAAI,CACpC,EAEKM,EAAgBF,EAAAA,SAAS,IAAM,CAC7B,GAACJ,EAAM,SAGX,OAAOO,EAAU,UAAAP,EAAM,QAAQ,EAAI,cAAgB,mBAAA,CACtD,EAEKQ,EAAWJ,EAAAA,SAAS,IAClBK,EAAA,SAAST,EAAM,QAAQ,EAChBA,EAAM,SAEV,CACV,EAEKU,EAAcN,EAAAA,SAAS,IAClBJ,EAAM,OACPW,EAAA,cAAcX,EAAM,OAAQ,aAAa,EACzC,MACT,EAEKY,EAAkBR,EAAAA,SAAS,IAAM,CAC/B,GAAA,CAACJ,EAAM,WACA,OAEX,KAAM,CAAE,gBAAAY,GAAoBC,EAAAA,cAAcb,CAAwB,EAClE,OAAOY,EAAgB,KAAA,CAC1B"}
+{"version":3,"file":"EvText.vue.mjs","sources":["../../../../src/components/EvText/EvText.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport \"./EvText.scss\";\r\nimport { EvTextSizeClass, makeEvTextProps } from \"./EvText\";\r\nimport { computed } from \"vue\";\r\nimport {\r\n    AppearanceProps,\r\n    isBoolean,\r\n    isNumber,\r\n    makeClassName,\r\n    useAppearance,\r\n} from \"@/util\";\r\nimport { useDefaults } from \"@/composables\";\r\n\r\nconst definedProps = defineProps({ ...makeEvTextProps() });\r\nconst props = useDefaults(definedProps);\r\n\r\nconst sizeClass = computed(() => {\r\n    return EvTextSizeClass[props.size];\r\n});\r\n\r\nconst truncateClass = computed(() => {\r\n    if (!props.truncate) {\r\n        return undefined;\r\n    }\r\n    return isBoolean(props.truncate) ? \"is-truncate\" : \"is-truncate-lines\";\r\n});\r\n\r\nconst maxLines = computed(() => {\r\n    if (isNumber(props.truncate)) {\r\n        return props.truncate;\r\n    }\r\n    return 1;\r\n});\r\n\r\nconst weightClass = computed(() => {\r\n    return props.weight\r\n        ? makeClassName(props.weight, \"text-weight\")\r\n        : undefined;\r\n});\r\n\r\nconst appearanceClass = computed(() => {\r\n    if (!props.appearance) {\r\n        return undefined;\r\n    }\r\n    const { appearanceClass } = useAppearance(props as AppearanceProps);\r\n    return appearanceClass.value;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <component\r\n        :is=\"props.tag\"\r\n        :class=\"[\r\n            'ev-text',\r\n            {\r\n                'typeface-monospace': props.monospace,\r\n            },\r\n            sizeClass,\r\n            weightClass,\r\n            truncateClass,\r\n            appearanceClass,\r\n            props.class,\r\n        ]\"\r\n        :style=\"props.style\">\r\n        <slot>{{ props.text }}</slot>\r\n    </component>\r\n</template>\r\n\r\n<style>\r\n.ev-text {\r\n    --max-lines: v-bind(maxLines);\r\n}\r\n</style>\r\n"],"names":["props","useDefaults","definedProps","sizeClass","computed","EvTextSizeClass","truncateClass","isBoolean","maxLines","isNumber","weightClass","makeClassName","appearanceClass","useAppearance"],"mappings":"6sBAcM,MAAAA,EAAQC,EAAYC,CAAY,EAEhCC,EAAYC,EAAS,IAChBC,EAAgBL,EAAM,IAAI,CACpC,EAEKM,EAAgBF,EAAS,IAAM,CAC7B,GAACJ,EAAM,SAGX,OAAOO,EAAUP,EAAM,QAAQ,EAAI,cAAgB,mBAAA,CACtD,EAEKQ,EAAWJ,EAAS,IAClBK,EAAST,EAAM,QAAQ,EAChBA,EAAM,SAEV,CACV,EAEKU,EAAcN,EAAS,IAClBJ,EAAM,OACPW,EAAcX,EAAM,OAAQ,aAAa,EACzC,MACT,EAEKY,EAAkBR,EAAS,IAAM,CAC/B,GAAA,CAACJ,EAAM,WACA,OAEX,KAAM,CAAE,gBAAAY,GAAoBC,EAAcb,CAAwB,EAClE,OAAOY,EAAgB,KAAA,CAC1B"}

package/dist/esm/components/EvText/EvText.vue3.mjs

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

package/dist/esm/components/EvTextarea/EvTextarea.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../composables/component.mjs"),o=require("../../composables/validation.mjs"),a=require("../EvLabel/EvLabel.mjs"),r=require("../../util/props.mjs"),t=require("../../util/appearance.mjs"),n=r.propsFactory({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,...a.makeLabelProps(),...o.makeFormFieldProps(),...t.makeInputAppearanceProps(),...e.makeComponentProps()},"EvTextarea");exports.makeEvTextareaProps=n;
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as e}from"../../composables/validation.mjs";import{makeLabelProps as a}from"../EvLabel/EvLabel.mjs";import{propsFactory as r}from"../../util/props.mjs";import{makeInputAppearanceProps as t}from"../../util/appearance.mjs";/*! Evance UI v1.1.16 | MIT License */const s=r({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,...a(),...e(),...t(),...o()},"EvTextarea");export{s as makeEvTextareaProps};
 //# sourceMappingURL=EvTextarea.mjs.map

package/dist/esm/components/EvTextarea/EvTextarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTextarea.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.ts"],"sourcesContent":["import { makeInputAppearanceProps, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeFormFieldProps } from \"@/composables/validation\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\nexport const makeEvTextareaProps = propsFactory(\n    {\n        autofocus: Boolean,\n        autoselect: Boolean,\n        autogrow: {\n            type: Boolean,\n            default: true,\n        },\n        autosubmit: Function,\n        clearable: Boolean,\n        loading: Boolean,\n        placeholder: String,\n\n        ...makeLabelProps(),\n        ...makeFormFieldProps(),\n        ...makeInputAppearanceProps(),\n        ...makeComponentProps(),\n    },\n    \"EvTextarea\",\n);\n"],"names":["makeEvTextareaProps","propsFactory","makeLabelProps","makeFormFieldProps","makeInputAppearanceProps","makeComponentProps"],"mappings":"oUAKaA,EAAsBC,EAAA,aAC/B,CACI,UAAW,QACX,WAAY,QACZ,SAAU,CACN,KAAM,QACN,QAAS,EACb,EACA,WAAY,SACZ,UAAW,QACX,QAAS,QACT,YAAa,OAEb,GAAGC,iBAAe,EAClB,GAAGC,qBAAmB,EACtB,GAAGC,2BAAyB,EAC5B,GAAGC,EAAmB,mBAAA,CAC1B,EACA,YACJ"}
+{"version":3,"file":"EvTextarea.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.ts"],"sourcesContent":["import { makeInputAppearanceProps, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeFormFieldProps } from \"@/composables/validation\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\nexport const makeEvTextareaProps = propsFactory(\n    {\n        autofocus: Boolean,\n        autoselect: Boolean,\n        autogrow: {\n            type: Boolean,\n            default: true,\n        },\n        autosubmit: Function,\n        clearable: Boolean,\n        loading: Boolean,\n        placeholder: String,\n\n        ...makeLabelProps(),\n        ...makeFormFieldProps(),\n        ...makeInputAppearanceProps(),\n        ...makeComponentProps(),\n    },\n    \"EvTextarea\",\n);\n"],"names":["makeEvTextareaProps","propsFactory","makeLabelProps","makeFormFieldProps","makeInputAppearanceProps","makeComponentProps"],"mappings":"kWAKO,MAAMA,EAAsBC,EAC/B,CACI,UAAW,QACX,WAAY,QACZ,SAAU,CACN,KAAM,QACN,QAAS,EACb,EACA,WAAY,SACZ,UAAW,QACX,QAAS,QACT,YAAa,OAEb,GAAGC,EAAe,EAClB,GAAGC,EAAmB,EACtB,GAAGC,EAAyB,EAC5B,GAAGC,EAAmB,CAC1B,EACA,YACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                  */const N=require("./EvTextarea.mjs"),B=require("../../composables/focus.mjs"),A=require("../../icons/glyph/CancelIcon.svg.mjs"),M=require("../EvProgress/EvProgress.vue.mjs"),K=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const P=require("../EvErrors/EvErrors.vue.mjs"),T=require("../EvLabel/EvLabel.vue.mjs"),F=require("../../composables/validation.mjs"),I=require("../../util/helpers.mjs"),R=require("../../util/modifiers.mjs"),d=require("../../util/appearance.mjs"),D={key:0,class:"ev-textarea--label"},z={class:"ev-textarea--input"},S=["id","name","disabled","readonly","placeholder","autofocus","onKeyup"],U={key:0,class:"ev-textarea--clearable"},H={key:0,class:"ev-textarea--loader"},L={key:1,class:"ev-textarea--errors"},j=e.defineComponent({inheritAttrs:!1,__name:"EvTextarea",props:{...N.makeEvTextareaProps()},emits:["click:clear","click:control","mousedown:control","update:focused","update:modelValue"],setup(f,{expose:p,emit:l}){const r=f,v=e.useSlots(),m=e.useAttrs(),_=e.ref(null),a=e.ref(null),[g,k]=I.splitInputAttrs(m),o=F.useFormField(r),y=e.computed(()=>r.clearable&&!!o.value);function u(){return a.value}function h(t){var n;t.stopPropagation(),e.nextTick(()=>{o.value=null,l("click:clear",t)}),(n=u())==null||n.focus()}function b(t){t.preventDefault(),t.stopPropagation()}function c(t){var n;o.focus(t),r.autoselect&&((n=u())==null||n.select())}function E(t){c(),l("click:control",t)}function C(t){l("mousedown:control",t),t.target!==a.value&&(c(),t.preventDefault())}function w(t){s()}function x(t){s()}function q(t){r.autosubmit&&r.autosubmit()}function s(){if(!r.autogrow)return;const t=u();t&&(t.style.height="auto",t.style.height=t.scrollHeight+1+"px")}e.onUpdated(()=>{s()}),e.onMounted(()=>{s()});const V=B.useAutofocus(r);return p({field:o,input:a,focus:()=>{var t;(t=u())==null||t.focus()}}),(t,n)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"containerRef",ref:_,class:["ev-textarea",[{"is-loading":t.loading,"is-autogrow":t.autogrow},e.unref(o).classes,r.class]],style:r.style,role:"textbox"},e.unref(g)),[r.label||r.hint||e.unref(v).label?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(e.unref(T),{for:e.unref(o).id,title:r.label,hint:r.hint},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label")]),_:3},8,["for","title","hint"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["ev-textarea--control",e.unref(R.appearanceModifier)(r.appearance,[e.unref(d.InputAppearance).default])]),onClick:E,onMousedown:C},[e.createElementVNode("div",z,[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(o).id,ref_key:"inputRef",ref:a,"onUpdate:modelValue":n[0]||(n[0]=i=>e.unref(o).value=i),name:e.unref(o).name,disabled:e.unref(o).isDisabled,readonly:e.unref(o).isReadonly,placeholder:t.placeholder,autofocus:t.autofocus},e.unref(k),{onFocus:c,onBlur:n[1]||(n[1]=(...i)=>e.unref(o).blur&&e.unref(o).blur(...i)),onKeydown:w,onKeyup:[x,e.withKeys(q,["enter"])]}),null,16,S),[[e.vModelText,e.unref(o).value],[e.unref(V)]])]),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[y.value?(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(e.unref(K),{glyph:e.unref(A.default),onClick:h,onMousedown:b},null,8,["glyph"])])):e.createCommentVNode("",!0)]),_:1}),t.loading?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(e.unref(M),{indeterminate:"",appearance:e.unref(o).isFocused?e.unref(d.Appearance).notice:e.unref(d.Appearance).default,size:2},null,8,["appearance"])])):e.createCommentVNode("",!0)],34),e.unref(o).isShowErrorMessages?(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(e.unref(P),{messages:e.unref(o).errorMessages},null,8,["messages"])])):e.createCommentVNode("",!0)],16))}});module.exports=j;
+import{defineComponent as $,useSlots as z,useAttrs as B,ref as h,computed as N,onUpdated as S,onMounted as U,createElementBlock as a,openBlock as s,mergeProps as y,unref as o,createCommentVNode as d,createElementVNode as v,createVNode as l,withCtx as g,renderSlot as H,normalizeClass as j,withDirectives as q,withKeys as G,vModelText as J,Transition as L,nextTick as O}from"vue";/* empty css                */import{makeEvTextareaProps as Q}from"./EvTextarea.mjs";import{useAutofocus as W}from"../../composables/focus.mjs";import X from"../../icons/glyph/CancelIcon.svg.mjs";import Y from"../EvProgress/EvProgress.vue.mjs";import Z from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import ee from"../EvErrors/EvErrors.vue.mjs";import oe from"../EvLabel/EvLabel.vue.mjs";import{useFormField as te}from"../../composables/validation.mjs";import{splitInputAttrs as ne}from"../../util/helpers.mjs";import{appearanceModifier as re}from"../../util/modifiers.mjs";import{InputAppearance as ae,Appearance as _}from"../../util/appearance.mjs";/*! Evance UI v1.1.16 | MIT License */const se={key:0,class:"ev-textarea--label"},le={class:"ev-textarea--input"},ie=["id","name","disabled","readonly","placeholder","autofocus","onKeyup"],ue={key:0,class:"ev-textarea--clearable"},ce={key:0,class:"ev-textarea--loader"},de={key:1,class:"ev-textarea--errors"},Me=$({inheritAttrs:!1,__name:"EvTextarea",props:{...Q()},emits:["click:clear","click:control","mousedown:control","update:focused","update:modelValue"],setup(b,{expose:k,emit:f}){const n=b,w=z(),C=B(),x=h(null),i=h(null),[A,M]=ne(C),t=te(n),E=N(()=>n.clearable&&!!t.value);function u(){return i.value}function K(e){var r;e.stopPropagation(),O(()=>{t.value=null,f("click:clear",e)}),(r=u())==null||r.focus()}function F(e){e.preventDefault(),e.stopPropagation()}function p(e){var r;t.focus(e),n.autoselect&&((r=u())==null||r.select())}function R(e){p(),f("click:control",e)}function T(e){f("mousedown:control",e),e.target!==i.value&&(p(),e.preventDefault())}function V(e){c()}function D(e){c()}function I(e){n.autosubmit&&n.autosubmit()}function c(){if(!n.autogrow)return;const e=u();e&&(e.style.height="auto",e.style.height=e.scrollHeight+1+"px")}S(()=>{c()}),U(()=>{c()});const P=W(n);return k({field:t,input:i,focus:()=>{var e;(e=u())==null||e.focus()}}),(e,r)=>(s(),a("div",y({ref_key:"containerRef",ref:x,class:["ev-textarea",[{"is-loading":e.loading,"is-autogrow":e.autogrow},o(t).classes,n.class]],style:n.style,role:"textbox"},o(A)),[n.label||n.hint||o(w).label?(s(),a("div",se,[l(o(oe),{for:o(t).id,title:n.label,hint:n.hint},{default:g(()=>[H(e.$slots,"label")]),_:3},8,["for","title","hint"])])):d("",!0),v("div",{class:j(["ev-textarea--control",o(re)(n.appearance,[o(ae).default])]),onClick:R,onMousedown:T},[v("div",le,[q(v("textarea",y({id:o(t).id,ref_key:"inputRef",ref:i,"onUpdate:modelValue":r[0]||(r[0]=m=>o(t).value=m),name:o(t).name,disabled:o(t).isDisabled,readonly:o(t).isReadonly,placeholder:e.placeholder,autofocus:e.autofocus},o(M),{onFocus:p,onBlur:r[1]||(r[1]=(...m)=>o(t).blur&&o(t).blur(...m)),onKeydown:V,onKeyup:[D,G(I,["enter"])]}),null,16,ie),[[J,o(t).value],[o(P)]])]),l(L,{name:"slide-fade"},{default:g(()=>[E.value?(s(),a("div",ue,[l(o(Z),{glyph:o(X),onClick:K,onMousedown:F},null,8,["glyph"])])):d("",!0)]),_:1}),e.loading?(s(),a("div",ce,[l(o(Y),{indeterminate:"",appearance:o(t).isFocused?o(_).notice:o(_).default,size:2},null,8,["appearance"])])):d("",!0)],34),o(t).isShowErrorMessages?(s(),a("div",de,[l(o(ee),{messages:o(t).errorMessages},null,8,["messages"])])):d("",!0)],16))}});export{Me as default};
 //# sourceMappingURL=EvTextarea.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvTextarea.vue.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-textarea>`\n */\nimport \"./EvTextarea.scss\";\nimport { makeEvTextareaProps } from \"./EvTextarea\";\nimport { computed, nextTick, ref, useAttrs, onUpdated, onMounted } from \"vue\";\nimport {\n    Appearance,\n    appearanceModifier,\n    InputAppearance,\n    splitInputAttrs,\n} from \"@/util\";\nimport { useAutofocus } from \"@/composables/focus\";\nimport { CancelIcon } from \"@/icons\";\nimport { EvProgress } from \"@/components/EvProgress\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useFormField } from \"@/composables/validation\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\nconst props = defineProps({\n    ...makeEvTextareaProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\nconst emit = defineEmits([\n    \"click:clear\",\n    \"click:control\",\n    \"mousedown:control\",\n    \"update:focused\",\n    \"update:modelValue\",\n]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst isClearable = computed(() => {\n    return props.clearable && !!formField.value;\n});\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Clearable Click\n * @param $event\n */\nfunction onClearableClick($event: MouseEvent) {\n    $event.stopPropagation();\n    nextTick(() => {\n        formField.value = null;\n        emit(\"click:clear\", $event);\n    });\n    getInputElement()?.focus();\n}\n\n/**\n * ## On Clearable Mousedown\n * @param e\n */\nfunction onClearableMousedown(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n}\n\n/**\n * ## On Focus\n * @param e\n */\nfunction onFocus(e?: Event) {\n    formField.focus(e);\n    if (props.autoselect) {\n        getInputElement()?.select();\n    }\n}\n\n/**\n * ## On Control Click\n *\n * When the user clicks on the textarea.\n *\n * @param e\n */\nfunction onControlClick(e: MouseEvent) {\n    onFocus();\n    emit(\"click:control\", e);\n}\n\n/**\n * ## On Control Mousedown\n *\n * When the mousedown is triggered on the textarea.\n *\n * @param e\n */\nfunction onControlMousedown(e: MouseEvent) {\n    emit(\"mousedown:control\", e);\n    if (e.target === inputRef.value) {\n        return;\n    }\n    onFocus();\n    e.preventDefault();\n}\n\n/**\n * ## On Keydown\n * Attempt to resize the textarea on key down.\n * @param e\n */\nfunction onKeydown(e: Event) {\n    resize();\n}\n\n/**\n * ## On Keyup\n * Attempt to resize the textarea on key up.\n * @param e\n */\nfunction onKeyup(e: Event) {\n    resize();\n}\n\n/**\n * ## On Enter\n * When the user presses the Enter key, we can call an `autosubmit` function (if supplied).\n * @param e\n */\nfunction onKeyupEnter(e: Event) {\n    // Use the autosubmit callback if present\n    if (props.autosubmit) {\n        props.autosubmit();\n    }\n}\n\n/**\n * ## Resize\n * If the component is set to `autogrow` then we resize the textarea appropriately\n * so that all the text is visible.\n */\nfunction resize() {\n    if (!props.autogrow) {\n        return;\n    }\n    const field = getInputElement();\n    if (!field) {\n        return;\n    }\n    field.style.height = \"auto\";\n    field.style.height = field.scrollHeight + 1 + \"px\";\n}\n\n/**\n * ## On Update\n * Ensures the textarea is resized when the component updates.\n */\nonUpdated(() => {\n    resize();\n});\n\n/**\n * ## On Mounted\n * Ensures the textarea is resized when the component loads.\n */\nonMounted(() => {\n    resize();\n});\n\n/**\n * ## Directive `v-autofocus`\n */\nconst vAutofocus = useAutofocus(props);\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-textarea\"\n        :class=\"[\n            {\n                'is-loading': loading,\n                'is-autogrow': autogrow,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        role=\"textbox\"\n        v-bind=\"containerAttrs\">\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-textarea--label\">\n            <ev-label\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n        </div>\n\n        <div\n            :class=\"[\n                'ev-textarea--control',\n                appearanceModifier(props.appearance, [InputAppearance.default]),\n            ]\"\n            @click=\"onControlClick\"\n            @mousedown=\"onControlMousedown\">\n            <div class=\"ev-textarea--input\">\n                <textarea\n                    :id=\"formField.id\"\n                    ref=\"inputRef\"\n                    v-model=\"formField.value\"\n                    v-autofocus\n                    :name=\"formField.name\"\n                    :disabled=\"formField.isDisabled\"\n                    :readonly=\"formField.isReadonly\"\n                    :placeholder=\"placeholder\"\n                    :autofocus=\"autofocus\"\n                    v-bind=\"inputAttrs\"\n                    @focus=\"onFocus\"\n                    @blur=\"formField.blur\"\n                    @keydown=\"onKeydown\"\n                    @keyup=\"onKeyup\"\n                    @keyup.enter=\"onKeyupEnter\"></textarea>\n            </div>\n            <transition name=\"slide-fade\">\n                <div v-if=\"isClearable\" class=\"ev-textarea--clearable\">\n                    <ev-icon\n                        :glyph=\"CancelIcon\"\n                        @click=\"onClearableClick\"\n                        @mousedown=\"onClearableMousedown\" />\n                </div>\n            </transition>\n            <div v-if=\"loading\" class=\"ev-textarea--loader\">\n                <ev-progress\n                    indeterminate\n                    :appearance=\"\n                        formField.isFocused\n                            ? Appearance.notice\n                            : Appearance.default\n                    \"\n                    :size=\"2\" />\n            </div>\n        </div>\n\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textarea--errors\">\n            <ev-errors :messages=\"formField.errorMessages\" />\n        </div>\n    </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","e","onFocus","onControlClick","onControlMousedown","onKeydown","resize","onKeyup","onKeyupEnter","field","onUpdated","onMounted","vAutofocus","useAutofocus","__expose"],"mappings":"6jCAgCMA,EAAQC,EAAAA,WAaRC,EAAQC,EAAAA,SAAS,EACjBC,EAAeC,MAAwB,IAAI,EAC3CC,EAAWD,MAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,EAAAA,gBAAgBP,CAAK,EACpDQ,EAAYC,eAAaC,CAAK,EAC9BC,EAAcC,EAAAA,SAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EAKD,SAASK,GAA2C,CAChD,OAAOT,EAAS,KAAA,CAOpB,SAASU,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAAA,SAAS,IAAM,CACXR,EAAU,MAAQ,KAClBS,EAAK,cAAeF,CAAM,CAAA,CAC7B,GACDG,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAO7B,SAASC,EAAqBC,EAAe,CACzCA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQD,EAAW,OACxBZ,EAAU,MAAMY,CAAC,EACbV,EAAM,cACNQ,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASI,EAAeF,EAAe,CAC3BC,EAAA,EACRJ,EAAK,gBAAiBG,CAAC,CAAA,CAU3B,SAASG,EAAmBH,EAAe,CACvCH,EAAK,oBAAqBG,CAAC,EACvBA,EAAE,SAAWhB,EAAS,QAGlBiB,EAAA,EACRD,EAAE,eAAe,EAAA,CAQrB,SAASI,EAAUJ,EAAU,CAClBK,EAAA,CAAA,CAQX,SAASC,EAAQN,EAAU,CAChBK,EAAA,CAAA,CAQX,SAASE,EAAaP,EAAU,CAExBV,EAAM,YACNA,EAAM,WAAW,CACrB,CAQJ,SAASe,GAAS,CACV,GAAA,CAACf,EAAM,SACP,OAEJ,MAAMkB,EAAQf,EAAgB,EACzBe,IAGLA,EAAM,MAAM,OAAS,OACrBA,EAAM,MAAM,OAASA,EAAM,aAAe,EAAI,KAAA,CAOlDC,EAAAA,UAAU,IAAM,CACLJ,EAAA,CAAA,CACV,EAMDK,EAAAA,UAAU,IAAM,CACLL,EAAA,CAAA,CACV,EAKK,MAAAM,EAAaC,eAAatB,CAAK,EAKxB,OAAAuB,EAAA,CACT,MAAOzB,EACP,MAAOJ,EACP,MAAO,IAAM,QACTc,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH"}
+{"version":3,"file":"EvTextarea.vue.mjs","sources":["../../../../src/components/EvTextarea/EvTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-textarea>`\n */\nimport \"./EvTextarea.scss\";\nimport { makeEvTextareaProps } from \"./EvTextarea\";\nimport { computed, nextTick, ref, useAttrs, onUpdated, onMounted } from \"vue\";\nimport {\n    Appearance,\n    appearanceModifier,\n    InputAppearance,\n    splitInputAttrs,\n} from \"@/util\";\nimport { useAutofocus } from \"@/composables/focus\";\nimport { CancelIcon } from \"@/icons\";\nimport { EvProgress } from \"@/components/EvProgress\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useFormField } from \"@/composables/validation\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\nconst props = defineProps({\n    ...makeEvTextareaProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\nconst emit = defineEmits([\n    \"click:clear\",\n    \"click:control\",\n    \"mousedown:control\",\n    \"update:focused\",\n    \"update:modelValue\",\n]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst isClearable = computed(() => {\n    return props.clearable && !!formField.value;\n});\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Clearable Click\n * @param $event\n */\nfunction onClearableClick($event: MouseEvent) {\n    $event.stopPropagation();\n    nextTick(() => {\n        formField.value = null;\n        emit(\"click:clear\", $event);\n    });\n    getInputElement()?.focus();\n}\n\n/**\n * ## On Clearable Mousedown\n * @param e\n */\nfunction onClearableMousedown(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n}\n\n/**\n * ## On Focus\n * @param e\n */\nfunction onFocus(e?: Event) {\n    formField.focus(e);\n    if (props.autoselect) {\n        getInputElement()?.select();\n    }\n}\n\n/**\n * ## On Control Click\n *\n * When the user clicks on the textarea.\n *\n * @param e\n */\nfunction onControlClick(e: MouseEvent) {\n    onFocus();\n    emit(\"click:control\", e);\n}\n\n/**\n * ## On Control Mousedown\n *\n * When the mousedown is triggered on the textarea.\n *\n * @param e\n */\nfunction onControlMousedown(e: MouseEvent) {\n    emit(\"mousedown:control\", e);\n    if (e.target === inputRef.value) {\n        return;\n    }\n    onFocus();\n    e.preventDefault();\n}\n\n/**\n * ## On Keydown\n * Attempt to resize the textarea on key down.\n * @param e\n */\nfunction onKeydown(e: Event) {\n    resize();\n}\n\n/**\n * ## On Keyup\n * Attempt to resize the textarea on key up.\n * @param e\n */\nfunction onKeyup(e: Event) {\n    resize();\n}\n\n/**\n * ## On Enter\n * When the user presses the Enter key, we can call an `autosubmit` function (if supplied).\n * @param e\n */\nfunction onKeyupEnter(e: Event) {\n    // Use the autosubmit callback if present\n    if (props.autosubmit) {\n        props.autosubmit();\n    }\n}\n\n/**\n * ## Resize\n * If the component is set to `autogrow` then we resize the textarea appropriately\n * so that all the text is visible.\n */\nfunction resize() {\n    if (!props.autogrow) {\n        return;\n    }\n    const field = getInputElement();\n    if (!field) {\n        return;\n    }\n    field.style.height = \"auto\";\n    field.style.height = field.scrollHeight + 1 + \"px\";\n}\n\n/**\n * ## On Update\n * Ensures the textarea is resized when the component updates.\n */\nonUpdated(() => {\n    resize();\n});\n\n/**\n * ## On Mounted\n * Ensures the textarea is resized when the component loads.\n */\nonMounted(() => {\n    resize();\n});\n\n/**\n * ## Directive `v-autofocus`\n */\nconst vAutofocus = useAutofocus(props);\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-textarea\"\n        :class=\"[\n            {\n                'is-loading': loading,\n                'is-autogrow': autogrow,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        role=\"textbox\"\n        v-bind=\"containerAttrs\">\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-textarea--label\">\n            <ev-label\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n        </div>\n\n        <div\n            :class=\"[\n                'ev-textarea--control',\n                appearanceModifier(props.appearance, [InputAppearance.default]),\n            ]\"\n            @click=\"onControlClick\"\n            @mousedown=\"onControlMousedown\">\n            <div class=\"ev-textarea--input\">\n                <textarea\n                    :id=\"formField.id\"\n                    ref=\"inputRef\"\n                    v-model=\"formField.value\"\n                    v-autofocus\n                    :name=\"formField.name\"\n                    :disabled=\"formField.isDisabled\"\n                    :readonly=\"formField.isReadonly\"\n                    :placeholder=\"placeholder\"\n                    :autofocus=\"autofocus\"\n                    v-bind=\"inputAttrs\"\n                    @focus=\"onFocus\"\n                    @blur=\"formField.blur\"\n                    @keydown=\"onKeydown\"\n                    @keyup=\"onKeyup\"\n                    @keyup.enter=\"onKeyupEnter\"></textarea>\n            </div>\n            <transition name=\"slide-fade\">\n                <div v-if=\"isClearable\" class=\"ev-textarea--clearable\">\n                    <ev-icon\n                        :glyph=\"CancelIcon\"\n                        @click=\"onClearableClick\"\n                        @mousedown=\"onClearableMousedown\" />\n                </div>\n            </transition>\n            <div v-if=\"loading\" class=\"ev-textarea--loader\">\n                <ev-progress\n                    indeterminate\n                    :appearance=\"\n                        formField.isFocused\n                            ? Appearance.notice\n                            : Appearance.default\n                    \"\n                    :size=\"2\" />\n            </div>\n        </div>\n\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textarea--errors\">\n            <ev-errors :messages=\"formField.errorMessages\" />\n        </div>\n    </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","onFocus","onControlClick","onControlMousedown","onKeydown","resize","onKeyup","onKeyupEnter","field","onUpdated","onMounted","vAutofocus","useAutofocus","__expose"],"mappings":"0gDAgCMA,EAAQC,IAaRC,EAAQC,EAAS,EACjBC,EAAeC,EAAwB,IAAI,EAC3CC,EAAWD,EAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,GAAgBP,CAAK,EACpDQ,EAAYC,GAAaC,CAAK,EAC9BC,EAAcC,EAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EAKD,SAASK,GAA2C,CAChD,OAAOT,EAAS,KAAA,CAOpB,SAASU,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAS,IAAM,CACXR,EAAU,MAAQ,KAClBS,EAAK,cAAeF,CAAM,CAAA,CAC7B,GACDG,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAO7B,SAASC,EAAqB,EAAe,CACzC,EAAE,eAAe,EACjB,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQ,EAAW,OACxBZ,EAAU,MAAM,CAAC,EACbE,EAAM,cACNQ,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASG,EAAe,EAAe,CAC3BD,EAAA,EACRH,EAAK,gBAAiB,CAAC,CAAA,CAU3B,SAASK,EAAmB,EAAe,CACvCL,EAAK,oBAAqB,CAAC,EACvB,EAAE,SAAWb,EAAS,QAGlBgB,EAAA,EACR,EAAE,eAAe,EAAA,CAQrB,SAASG,EAAU,EAAU,CAClBC,EAAA,CAAA,CAQX,SAASC,EAAQ,EAAU,CAChBD,EAAA,CAAA,CAQX,SAASE,EAAa,EAAU,CAExBhB,EAAM,YACNA,EAAM,WAAW,CACrB,CAQJ,SAASc,GAAS,CACV,GAAA,CAACd,EAAM,SACP,OAEJ,MAAMiB,EAAQd,EAAgB,EACzBc,IAGLA,EAAM,MAAM,OAAS,OACrBA,EAAM,MAAM,OAASA,EAAM,aAAe,EAAI,KAAA,CAOlDC,EAAU,IAAM,CACLJ,EAAA,CAAA,CACV,EAMDK,EAAU,IAAM,CACLL,EAAA,CAAA,CACV,EAKK,MAAAM,EAAaC,EAAarB,CAAK,EAKxB,OAAAsB,EAAA,CACT,MAAOxB,EACP,MAAOJ,EACP,MAAO,IAAM,QACTc,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH"}

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

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

package/dist/esm/components/EvTextfield/EvTextfield.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../composables/icons.mjs"),r=require("../../composables/validation.mjs"),t=require("../../composables/component.mjs"),n=require("../EvLabel/EvLabel.mjs"),e=require("../../util/appearance.mjs"),a=require("../../util/props.mjs"),p=a.propsFactory({autocomplete:String,autofocus:Boolean,autoselect:Boolean,clearable:Boolean,dataFormType:String,iconStart:o.IconProp,iconEnd:o.IconProp,loading:Boolean,placeholder:String,prefix:String,role:String,rounded:Boolean,suffix:String,type:{type:String,default:"text"},monospace:Boolean,...n.makeLabelProps(),...e.makeTextAlignProps(),...r.makeFormFieldProps(),...e.makeInputAppearanceProps(),...e.makeInputSizeProps(),...t.makeComponentProps()},"EvTextfield");exports.makeEvTextfieldProps=p;
+import{IconProp as o}from"../../composables/icons.mjs";import{makeFormFieldProps as e}from"../../composables/validation.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeLabelProps as t}from"../EvLabel/EvLabel.mjs";import{makeInputSizeProps as a,makeInputAppearanceProps as p,makeTextAlignProps as n}from"../../util/appearance.mjs";import{propsFactory as m}from"../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const g=m({autocomplete:String,autofocus:Boolean,autoselect:Boolean,clearable:Boolean,dataFormType:String,iconStart:o,iconEnd:o,loading:Boolean,placeholder:String,prefix:String,role:String,rounded:Boolean,suffix:String,type:{type:String,default:"text"},monospace:Boolean,...t(),...n(),...e(),...p(),...a(),...r()},"EvTextfield");export{g as makeEvTextfieldProps};
 //# sourceMappingURL=EvTextfield.mjs.map

package/dist/esm/components/EvTextfield/EvTextfield.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTextfield.mjs","sources":["../../../../src/components/EvTextfield/EvTextfield.ts"],"sourcesContent":["import {\r\n    makeInputAppearanceProps,\r\n    makeInputSizeProps,\r\n    makeTextAlignProps,\r\n    propsFactory,\r\n} from \"@/util\";\r\nimport { IconProp } from \"@/composables/icons\";\r\nimport { makeFormFieldProps } from \"@/composables/validation\";\r\nimport { makeComponentProps } from \"@/composables/component\";\r\nimport { makeLabelProps } from \"@/components/EvLabel\";\r\nimport { PropType } from \"vue\";\r\n\r\nexport type AutocompleteToken =\r\n    | \"on\"\r\n    | \"off\"\r\n\r\n    // Addresses & locality\r\n    | \"address-line1\"\r\n    | \"address-line2\"\r\n    | \"address-line3\"\r\n    | \"address-level4\"\r\n    | \"address-level3\"\r\n    | \"address-level2\"\r\n    | \"address-level1\"\r\n    | \"country\" // Country code\r\n    | \"country-name\"\r\n    | \"language\"\r\n    | \"postal-code\"\r\n    | \"street-address\"\r\n\r\n    // Credit cards & transactions\r\n    | \"cc-additional-name\"\r\n    | \"cc-family-name\"\r\n    | \"cc-given-name\"\r\n    | \"cc-name\"\r\n    | \"cc-number\"\r\n    | \"cc-exp\"\r\n    | \"cc-exp-month\"\r\n    | \"cc-exp-year\"\r\n    | \"cc-csc\"\r\n    | \"cc-type\"\r\n    | \"transaction-currency\"\r\n    | \"transaction-amount\"\r\n\r\n    // Passwords & security\r\n    | \"current-password\"\r\n    | \"new-password\"\r\n    | \"one-time-code\"\r\n    | \"password\"\r\n\r\n    // Contact information\r\n    | \"bday\"\r\n    | \"bday-day\"\r\n    | \"bday-month\"\r\n    | \"bday-year\"\r\n    | \"email\"\r\n    | \"family-name\"\r\n    | \"given-name\"\r\n    | \"honorific-prefix\"\r\n    | \"honorific-suffix\"\r\n    | \"impp\"\r\n    | \"name\"\r\n    | \"nickname\"\r\n    | \"organization\"\r\n    | \"organization-title\"\r\n    | \"sex\"\r\n    | \"url\"\r\n    | \"username\"\r\n\r\n    // Telephone number\r\n    | \"tel\"\r\n    | \"tel-area-code\"\r\n    | \"tel-country\"\r\n    | \"tel-country-code\"\r\n    | \"tel-extension\"\r\n    | \"tel-local\"\r\n    | \"tel-local-prefix\"\r\n    | \"tel-local-suffix\"\r\n    | \"tel-national\"\r\n\r\n    // Groups\r\n    | \"billing\"\r\n    | \"home\"\r\n    | \"mobile\"\r\n    | `section-${string}`\r\n    | \"shipping\"\r\n    | \"work\"\r\n    | string;\r\n\r\n/**\r\n * # Make EvTextfield Props\r\n */\r\nexport const makeEvTextfieldProps = propsFactory(\r\n    {\r\n        autocomplete: String as PropType<AutocompleteToken>,\r\n        autofocus: Boolean,\r\n        autoselect: Boolean,\r\n        clearable: Boolean,\r\n        dataFormType: String,\r\n        iconStart: IconProp,\r\n        iconEnd: IconProp,\r\n        loading: Boolean,\r\n        placeholder: String,\r\n        prefix: String,\r\n        role: String,\r\n        rounded: Boolean,\r\n        suffix: String,\r\n        type: {\r\n            type: String,\r\n            default: \"text\",\r\n        },\r\n        monospace: Boolean,\r\n\r\n        ...makeLabelProps(),\r\n        ...makeTextAlignProps(),\r\n        ...makeFormFieldProps(),\r\n        ...makeInputAppearanceProps(),\r\n        ...makeInputSizeProps(),\r\n        ...makeComponentProps(),\r\n    },\r\n    \"EvTextfield\",\r\n);\r\n"],"names":["makeEvTextfieldProps","propsFactory","IconProp","makeLabelProps","makeTextAlignProps","makeFormFieldProps","makeInputAppearanceProps","makeInputSizeProps","makeComponentProps"],"mappings":"6WA4FaA,EAAuBC,EAAA,aAChC,CACI,aAAc,OACd,UAAW,QACX,WAAY,QACZ,UAAW,QACX,aAAc,OACd,UAAWC,EAAA,SACX,QAASA,EAAA,SACT,QAAS,QACT,YAAa,OACb,OAAQ,OACR,KAAM,OACN,QAAS,QACT,OAAQ,OACR,KAAM,CACF,KAAM,OACN,QAAS,MACb,EACA,UAAW,QAEX,GAAGC,iBAAe,EAClB,GAAGC,qBAAmB,EACtB,GAAGC,qBAAmB,EACtB,GAAGC,2BAAyB,EAC5B,GAAGC,qBAAmB,EACtB,GAAGC,EAAmB,mBAAA,CAC1B,EACA,aACJ"}
+{"version":3,"file":"EvTextfield.mjs","sources":["../../../../src/components/EvTextfield/EvTextfield.ts"],"sourcesContent":["import {\r\n    makeInputAppearanceProps,\r\n    makeInputSizeProps,\r\n    makeTextAlignProps,\r\n    propsFactory,\r\n} from \"@/util\";\r\nimport { IconProp } from \"@/composables/icons\";\r\nimport { makeFormFieldProps } from \"@/composables/validation\";\r\nimport { makeComponentProps } from \"@/composables/component\";\r\nimport { makeLabelProps } from \"@/components/EvLabel\";\r\nimport { PropType } from \"vue\";\r\n\r\nexport type AutocompleteToken =\r\n    | \"on\"\r\n    | \"off\"\r\n\r\n    // Addresses & locality\r\n    | \"address-line1\"\r\n    | \"address-line2\"\r\n    | \"address-line3\"\r\n    | \"address-level4\"\r\n    | \"address-level3\"\r\n    | \"address-level2\"\r\n    | \"address-level1\"\r\n    | \"country\" // Country code\r\n    | \"country-name\"\r\n    | \"language\"\r\n    | \"postal-code\"\r\n    | \"street-address\"\r\n\r\n    // Credit cards & transactions\r\n    | \"cc-additional-name\"\r\n    | \"cc-family-name\"\r\n    | \"cc-given-name\"\r\n    | \"cc-name\"\r\n    | \"cc-number\"\r\n    | \"cc-exp\"\r\n    | \"cc-exp-month\"\r\n    | \"cc-exp-year\"\r\n    | \"cc-csc\"\r\n    | \"cc-type\"\r\n    | \"transaction-currency\"\r\n    | \"transaction-amount\"\r\n\r\n    // Passwords & security\r\n    | \"current-password\"\r\n    | \"new-password\"\r\n    | \"one-time-code\"\r\n    | \"password\"\r\n\r\n    // Contact information\r\n    | \"bday\"\r\n    | \"bday-day\"\r\n    | \"bday-month\"\r\n    | \"bday-year\"\r\n    | \"email\"\r\n    | \"family-name\"\r\n    | \"given-name\"\r\n    | \"honorific-prefix\"\r\n    | \"honorific-suffix\"\r\n    | \"impp\"\r\n    | \"name\"\r\n    | \"nickname\"\r\n    | \"organization\"\r\n    | \"organization-title\"\r\n    | \"sex\"\r\n    | \"url\"\r\n    | \"username\"\r\n\r\n    // Telephone number\r\n    | \"tel\"\r\n    | \"tel-area-code\"\r\n    | \"tel-country\"\r\n    | \"tel-country-code\"\r\n    | \"tel-extension\"\r\n    | \"tel-local\"\r\n    | \"tel-local-prefix\"\r\n    | \"tel-local-suffix\"\r\n    | \"tel-national\"\r\n\r\n    // Groups\r\n    | \"billing\"\r\n    | \"home\"\r\n    | \"mobile\"\r\n    | `section-${string}`\r\n    | \"shipping\"\r\n    | \"work\"\r\n    | string;\r\n\r\n/**\r\n * # Make EvTextfield Props\r\n */\r\nexport const makeEvTextfieldProps = propsFactory(\r\n    {\r\n        autocomplete: String as PropType<AutocompleteToken>,\r\n        autofocus: Boolean,\r\n        autoselect: Boolean,\r\n        clearable: Boolean,\r\n        dataFormType: String,\r\n        iconStart: IconProp,\r\n        iconEnd: IconProp,\r\n        loading: Boolean,\r\n        placeholder: String,\r\n        prefix: String,\r\n        role: String,\r\n        rounded: Boolean,\r\n        suffix: String,\r\n        type: {\r\n            type: String,\r\n            default: \"text\",\r\n        },\r\n        monospace: Boolean,\r\n\r\n        ...makeLabelProps(),\r\n        ...makeTextAlignProps(),\r\n        ...makeFormFieldProps(),\r\n        ...makeInputAppearanceProps(),\r\n        ...makeInputSizeProps(),\r\n        ...makeComponentProps(),\r\n    },\r\n    \"EvTextfield\",\r\n);\r\n"],"names":["makeEvTextfieldProps","propsFactory","IconProp","makeLabelProps","makeTextAlignProps","makeFormFieldProps","makeInputAppearanceProps","makeInputSizeProps","makeComponentProps"],"mappings":"ycA4FO,MAAMA,EAAuBC,EAChC,CACI,aAAc,OACd,UAAW,QACX,WAAY,QACZ,UAAW,QACX,aAAc,OACd,UAAWC,EACX,QAASA,EACT,QAAS,QACT,YAAa,OACb,OAAQ,OACR,KAAM,OACN,QAAS,QACT,OAAQ,OACR,KAAM,CACF,KAAM,OACN,QAAS,MACb,EACA,UAAW,QAEX,GAAGC,EAAe,EAClB,GAAGC,EAAmB,EACtB,GAAGC,EAAmB,EACtB,GAAGC,EAAyB,EAC5B,GAAGC,EAAmB,EACtB,GAAGC,EAAmB,CAC1B,EACA,aACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                   */const D=require("./EvTextfield.mjs"),k=require("../EvIcon/EvIcon.mjs"),d=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const I=require("../../icons/glyph/CancelIcon.svg.mjs"),M=require("../../composables/focus.mjs"),P=require("../EvLabel/EvLabel.vue.mjs"),F=require("../EvErrors/EvErrors.vue.mjs"),z=require("../EvProgress/EvProgress.vue.mjs"),R=require("../EvProgressCircular/EvProgressCircular.vue.mjs"),$=require("../../composables/validation.mjs"),l=require("../../util/appearance.mjs"),L=require("../../util/helpers.mjs"),f=require("../../util/modifiers.mjs"),O={key:0,class:"ev-textfield--label"},U=["role"],j={key:0,class:"ev-textfield--icon-start"},G={key:1,class:"ev-textfield--prefix"},H={class:"ev-textfield--input","data-no-activator":""},J=["id","type","name","disabled","readonly","autofocus","placeholder","autocomplete","data-form-type"],K={key:0,class:"ev-textfield--clearable"},Q={key:2,class:"ev-textfield--suffix"},W={key:3,class:"ev-textfield--icon-end"},X={key:4,class:"ev-textfield--loader"},Y={key:1,class:"ev-textfield--errors"},Z=e.defineComponent({inheritAttrs:!1,__name:"EvTextfield",props:{...D.makeEvTextfieldProps()},emits:["click:clear","click:control","click:outside","mousedown:control","update:focused","update:modelValue"],setup(y,{expose:g,emit:u}){const t=y,a=e.useSlots(),x=e.useAttrs(),h=e.ref(null),s=e.ref(null),[C,E]=L.splitInputAttrs(x),n=$.useFormField(t),B=e.computed(()=>t.clearable&&!!n.value),p=k.useIcon(t,"iconStart"),m=k.useIcon(t,"iconEnd");function c(){return s.value}function V(o){var r;o.stopPropagation(),e.nextTick(()=>{n.value=null,u("click:clear",o)}),t.readonly||(r=c())==null||r.focus()}function N(o){o.preventDefault(),o.stopPropagation()}function v(o){var r;n.focus(o),t.autoselect&&((r=c())==null||r.select())}function b(o){var r;(r=s.value)==null||r.focus(o),u("click:control",o)}function q(o){u("mousedown:control",o),o.target!==s.value&&(v(),o.preventDefault())}const w=M.useAutofocus(t);g({field:n,input:s,focus:()=>{var o;(o=c())==null||o.focus()}});function A(o){u("click:outside")}const _=e.computed(()=>t.autocomplete||"off"),S=e.computed(()=>{var o;return t.dataFormType||((o=_.value)==null?void 0:o.toLowerCase())==="off"?"other":void 0});return(o,r)=>{const T=e.resolveDirective("click-outside");return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"containerRef",ref:h,class:["ev-textfield",{"is-loading":t.loading},e.unref(n).classes,t.class],style:t.style},e.unref(C)),[t.label||e.unref(a).label||t.hint?(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(e.unref(P),{for:e.unref(n).id,title:t.label,hint:t.hint},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"label")]),_:3},8,["for","title","hint"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["ev-textfield--control",{"is-rounded":t.rounded,"is-monospace":!!t.monospace},e.unref(f.appearanceModifier)(t.appearance,[e.unref(l.InputAppearance).default]),e.unref(f.sizeModifier)(t.size,[e.unref(l.InputSize).default]),e.unref(f.makeClassName)(t.align,"is-align",[e.unref(l.TextAlign).default])]),role:t.role,onClick:b,onMousedown:q},[e.unref(p)?(e.openBlock(),e.createElementBlock("div",j,[e.createVNode(e.Transition,{name:"fade-in-out",mode:"out-in"},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(e.unref(R),{key:1,indeterminate:"",appearance:e.unref(n).isFocused?e.unref(l.Appearance).notice:e.unref(l.Appearance).default},null,8,["appearance"])):(e.openBlock(),e.createBlock(e.unref(d),{key:0,glyph:e.unref(p)},null,8,["glyph"]))]),_:1})])):e.createCommentVNode("",!0),t.prefix||e.unref(a).prefix?(e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(o.$slots,"prefix",{},()=>[e.createTextVNode(e.toDisplayString(t.prefix),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.renderSlot(o.$slots,"default"),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(n).id,ref_key:"inputRef",ref:s,"onUpdate:modelValue":r[0]||(r[0]=i=>e.unref(n).value=i),class:"ev-textfield--input-native",type:t.type,name:e.unref(n).name,disabled:e.unref(n).isDisabled,readonly:e.unref(n).isReadonly,autofocus:t.autofocus,placeholder:t.placeholder,autocomplete:_.value,"data-form-type":S.value},e.unref(E),{onFocus:v,onBlur:r[1]||(r[1]=(...i)=>e.unref(n).blur&&e.unref(n).blur(...i))}),null,16,J),[[e.vModelDynamic,e.unref(n).value],[e.unref(w)]])]),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[B.value?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(e.unref(d),{glyph:e.unref(I.default),onClick:V,onMousedown:N},null,8,["glyph"])])):e.createCommentVNode("",!0)]),_:1}),t.suffix||e.unref(a).suffix?(e.openBlock(),e.createElementBlock("div",Q,[e.renderSlot(o.$slots,"suffix",{},()=>[e.createTextVNode(e.toDisplayString(t.suffix),1)])])):e.createCommentVNode("",!0),e.unref(m)?(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(e.unref(d),{glyph:e.unref(m)},null,8,["glyph"])])):e.createCommentVNode("",!0),t.loading&&!t.iconStart?(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(e.unref(z),{indeterminate:"",appearance:e.unref(n).isFocused?e.unref(l.Appearance).notice:e.unref(l.Appearance).default,size:2},null,8,["appearance"])])):e.createCommentVNode("",!0)],42,U),e.unref(n).isShowErrorMessages?(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(F),{messages:e.unref(n).errorMessages},null,8,["messages"])])):e.createCommentVNode("",!0)],16)),[[T,A]])}}});module.exports=Z;
+import{defineComponent as J,useSlots as K,useAttrs as Q,ref as w,computed as _,resolveDirective as W,withDirectives as A,createElementBlock as n,openBlock as s,mergeProps as M,unref as e,createCommentVNode as a,createElementVNode as y,createVNode as r,withCtx as k,renderSlot as d,normalizeClass as X,Transition as E,createBlock as F,createTextVNode as S,toDisplayString as T,vModelDynamic as Y,nextTick as Z}from"vue";/* empty css                 */import{makeEvTextfieldProps as ee}from"./EvTextfield.mjs";import{useIcon as $}from"../EvIcon/EvIcon.mjs";import x from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import te from"../../icons/glyph/CancelIcon.svg.mjs";import{useAutofocus as oe}from"../../composables/focus.mjs";import le from"../EvLabel/EvLabel.vue.mjs";import ie from"../EvErrors/EvErrors.vue.mjs";import se from"../EvProgress/EvProgress.vue.mjs";import ne from"../EvProgressCircular/EvProgressCircular.vue.mjs";import{useFormField as ae}from"../../composables/validation.mjs";import{InputAppearance as re,InputSize as ce,TextAlign as ue,Appearance as f}from"../../util/appearance.mjs";import{splitInputAttrs as de}from"../../util/helpers.mjs";import{appearanceModifier as fe,sizeModifier as pe,makeClassName as me}from"../../util/modifiers.mjs";/*! Evance UI v1.1.16 | MIT License */const ve={key:0,class:"ev-textfield--label"},_e=["role"],ye={key:0,class:"ev-textfield--icon-start"},ke={key:1,class:"ev-textfield--prefix"},xe={class:"ev-textfield--input","data-no-activator":""},he=["id","type","name","disabled","readonly","autofocus","placeholder","autocomplete","data-form-type"],ge={key:0,class:"ev-textfield--clearable"},Ce={key:2,class:"ev-textfield--suffix"},be={key:3,class:"ev-textfield--icon-end"},we={key:4,class:"ev-textfield--loader"},Ae={key:1,class:"ev-textfield--errors"},Ue=J({inheritAttrs:!1,__name:"EvTextfield",props:{...ee()},emits:["click:clear","click:control","click:outside","mousedown:control","update:focused","update:modelValue"],setup(D,{expose:I,emit:u}){const t=D,p=K(),P=Q(),V=w(null),c=w(null),[z,N]=de(P),l=ae(t),R=_(()=>t.clearable&&!!l.value),h=$(t,"iconStart"),g=$(t,"iconEnd");function m(){return c.value}function B(o){var i;o.stopPropagation(),Z(()=>{l.value=null,u("click:clear",o)}),t.readonly||(i=m())==null||i.focus()}function L(o){o.preventDefault(),o.stopPropagation()}function C(o){var i;l.focus(o),t.autoselect&&((i=m())==null||i.select())}function O(o){var i;(i=c.value)==null||i.focus(o),u("click:control",o)}function U(o){u("mousedown:control",o),o.target!==c.value&&(C(),o.preventDefault())}const j=oe(t);I({field:l,input:c,focus:()=>{var o;(o=m())==null||o.focus()}});function q(o){u("click:outside")}const b=_(()=>t.autocomplete||"off"),G=_(()=>{var o;return t.dataFormType||((o=b.value)==null?void 0:o.toLowerCase())==="off"?"other":void 0});return(o,i)=>{const H=W("click-outside");return A((s(),n("div",M({ref_key:"containerRef",ref:V,class:["ev-textfield",{"is-loading":t.loading},e(l).classes,t.class],style:t.style},e(z)),[t.label||e(p).label||t.hint?(s(),n("div",ve,[r(e(le),{for:e(l).id,title:t.label,hint:t.hint},{default:k(()=>[d(o.$slots,"label")]),_:3},8,["for","title","hint"])])):a("",!0),y("div",{class:X(["ev-textfield--control",{"is-rounded":t.rounded,"is-monospace":!!t.monospace},e(fe)(t.appearance,[e(re).default]),e(pe)(t.size,[e(ce).default]),e(me)(t.align,"is-align",[e(ue).default])]),role:t.role,onClick:O,onMousedown:U},[e(h)?(s(),n("div",ye,[r(E,{name:"fade-in-out",mode:"out-in"},{default:k(()=>[t.loading?(s(),F(e(ne),{key:1,indeterminate:"",appearance:e(l).isFocused?e(f).notice:e(f).default},null,8,["appearance"])):(s(),F(e(x),{key:0,glyph:e(h)},null,8,["glyph"]))]),_:1})])):a("",!0),t.prefix||e(p).prefix?(s(),n("div",ke,[d(o.$slots,"prefix",{},()=>[S(T(t.prefix),1)])])):a("",!0),y("div",xe,[d(o.$slots,"default"),A(y("input",M({id:e(l).id,ref_key:"inputRef",ref:c,"onUpdate:modelValue":i[0]||(i[0]=v=>e(l).value=v),class:"ev-textfield--input-native",type:t.type,name:e(l).name,disabled:e(l).isDisabled,readonly:e(l).isReadonly,autofocus:t.autofocus,placeholder:t.placeholder,autocomplete:b.value,"data-form-type":G.value},e(N),{onFocus:C,onBlur:i[1]||(i[1]=(...v)=>e(l).blur&&e(l).blur(...v))}),null,16,he),[[Y,e(l).value],[e(j)]])]),r(E,{name:"slide-fade"},{default:k(()=>[R.value?(s(),n("div",ge,[r(e(x),{glyph:e(te),onClick:B,onMousedown:L},null,8,["glyph"])])):a("",!0)]),_:1}),t.suffix||e(p).suffix?(s(),n("div",Ce,[d(o.$slots,"suffix",{},()=>[S(T(t.suffix),1)])])):a("",!0),e(g)?(s(),n("div",be,[r(e(x),{glyph:e(g)},null,8,["glyph"])])):a("",!0),t.loading&&!t.iconStart?(s(),n("div",we,[r(e(se),{indeterminate:"",appearance:e(l).isFocused?e(f).notice:e(f).default,size:2},null,8,["appearance"])])):a("",!0)],42,_e),e(l).isShowErrorMessages?(s(),n("div",Ae,[r(e(ie),{messages:e(l).errorMessages},null,8,["messages"])])):a("",!0)],16)),[[H,q]])}}});export{Ue as default};
 //# sourceMappingURL=EvTextfield.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvTextfield.vue.mjs","sources":["../../../../src/components/EvTextfield/EvTextfield.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * # `<ev-textfield>`\r\n */\r\nimport \"./EvTextfield.scss\";\r\nimport { makeEvTextfieldProps } from \"./EvTextfield\";\r\nimport { computed, nextTick, ref, useAttrs } from \"vue\";\r\nimport { EvIcon, useIcon } from \"@/components/EvIcon\";\r\nimport { CancelIcon } from \"@/icons\";\r\nimport {\r\n    Appearance,\r\n    appearanceModifier,\r\n    InputAppearance,\r\n    InputSize,\r\n    makeClassName,\r\n    sizeModifier,\r\n    splitInputAttrs,\r\n    TextAlign,\r\n} from \"@/util\";\r\nimport { useAutofocus } from \"@/composables/focus\";\r\nimport { EvLabel } from \"@/components/EvLabel\";\r\nimport { EvErrors } from \"@/components/EvErrors\";\r\nimport { EvProgress } from \"@/components/EvProgress\";\r\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\r\nimport { useFormField } from \"@/composables/validation\";\r\n\r\n/**\r\n * We want to pass attributes not defined as 'props'\r\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\r\n */\r\ndefineOptions({\r\n    inheritAttrs: false,\r\n});\r\n\r\n// Props & slots\r\nconst props = defineProps({\r\n    ...makeEvTextfieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    default(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// Emit\r\nconst emit = defineEmits([\r\n    \"click:clear\",\r\n    \"click:control\",\r\n    \"click:outside\",\r\n    \"mousedown:control\",\r\n    \"update:focused\",\r\n    \"update:modelValue\",\r\n]);\r\n\r\nconst attrs = useAttrs();\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst inputRef = ref<HTMLInputElement | null>(null);\r\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\r\nconst formField = useFormField(props);\r\nconst isClearable = computed(() => {\r\n    return props.clearable && !!formField.value;\r\n});\r\nconst iconStart = useIcon(props, \"iconStart\");\r\nconst iconEnd = useIcon(props, \"iconEnd\");\r\n\r\n/**\r\n * ## Get Input Element\r\n */\r\nfunction getInputElement(): HTMLInputElement | null {\r\n    return inputRef.value;\r\n}\r\n\r\n/**\r\n * ## On Clearable Click\r\n * @param $event\r\n */\r\nfunction onClearableClick($event: MouseEvent) {\r\n    $event.stopPropagation();\r\n    nextTick(() => {\r\n        formField.value = null;\r\n        emit(\"click:clear\", $event);\r\n    });\r\n    if (!props.readonly) {\r\n        getInputElement()?.focus();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Clearable Mousedown\r\n * @param e\r\n */\r\nfunction onClearableMousedown(e: MouseEvent) {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n * @param e\r\n */\r\nfunction onFocus(e?: Event) {\r\n    formField.focus(e);\r\n    if (props.autoselect) {\r\n        getInputElement()?.select();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Control Click\r\n *\r\n * When the user clicks on the textfield.\r\n *\r\n * @param e\r\n */\r\nfunction onControlClick(e: MouseEvent) {\r\n    inputRef.value?.focus(e as FocusOptions);\r\n    emit(\"click:control\", e);\r\n}\r\n\r\n/**\r\n * ## On Control Mousedown\r\n *\r\n * When the mousedown is triggered on the textfield.\r\n *\r\n * @param e\r\n */\r\nfunction onControlMousedown(e: MouseEvent) {\r\n    emit(\"mousedown:control\", e);\r\n    if (e.target === inputRef.value) {\r\n        return;\r\n    }\r\n    onFocus();\r\n    e.preventDefault();\r\n}\r\n\r\n/**\r\n * ## Directive `v-autofocus`\r\n */\r\nconst vAutofocus = useAutofocus(props);\r\n\r\n/**\r\n * ## Expose stuff\r\n */\r\ndefineExpose({\r\n    field: formField,\r\n    input: inputRef,\r\n    focus: () => {\r\n        getInputElement()?.focus();\r\n    },\r\n});\r\n\r\nfunction onClickOutside(e: MouseEvent) {\r\n    emit(\"click:outside\");\r\n}\r\n\r\nconst autocompleteProp = computed(() => {\r\n    return props.autocomplete || \"off\";\r\n});\r\n\r\nconst dataFormTypeProp = computed(() => {\r\n    return props.dataFormType || autocompleteProp.value?.toLowerCase() === \"off\"\r\n        ? \"other\"\r\n        : undefined;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        ref=\"containerRef\"\r\n        v-click-outside=\"onClickOutside\"\r\n        :class=\"[\r\n            'ev-textfield',\r\n            {\r\n                'is-loading': props.loading,\r\n            },\r\n            formField.classes,\r\n            props.class,\r\n        ]\"\r\n        :style=\"props.style\"\r\n        v-bind=\"containerAttrs\">\r\n        <div\r\n            v-if=\"props.label || slots.label || props.hint\"\r\n            class=\"ev-textfield--label\">\r\n            <ev-label\r\n                :for=\"formField.id\"\r\n                :title=\"props.label\"\r\n                :hint=\"props.hint\">\r\n                <slot name=\"label\" />\r\n            </ev-label>\r\n        </div>\r\n\r\n        <div\r\n            :class=\"[\r\n                'ev-textfield--control',\r\n                {\r\n                    'is-rounded': props.rounded,\r\n                    'is-monospace': !!props.monospace,\r\n                },\r\n                appearanceModifier(props.appearance, [InputAppearance.default]),\r\n                sizeModifier(props.size, [InputSize.default]),\r\n                makeClassName(props.align, 'is-align', [TextAlign.default]),\r\n            ]\"\r\n            :role=\"props.role\"\r\n            @click=\"onControlClick\"\r\n            @mousedown=\"onControlMousedown\">\r\n            <div v-if=\"iconStart\" class=\"ev-textfield--icon-start\">\r\n                <transition name=\"fade-in-out\" mode=\"out-in\">\r\n                    <ev-icon v-if=\"!props.loading\" :glyph=\"iconStart\" />\r\n                    <ev-progress-circular\r\n                        v-else\r\n                        indeterminate\r\n                        :appearance=\"\r\n                            formField.isFocused\r\n                                ? Appearance.notice\r\n                                : Appearance.default\r\n                        \" />\r\n                </transition>\r\n            </div>\r\n            <div\r\n                v-if=\"props.prefix || slots.prefix\"\r\n                class=\"ev-textfield--prefix\">\r\n                <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n            </div>\r\n            <div class=\"ev-textfield--input\" data-no-activator>\r\n                <slot name=\"default\" />\r\n                <input\r\n                    :id=\"formField.id\"\r\n                    ref=\"inputRef\"\r\n                    v-model=\"formField.value\"\r\n                    v-autofocus\r\n                    class=\"ev-textfield--input-native\"\r\n                    :type=\"props.type\"\r\n                    :name=\"formField.name\"\r\n                    :disabled=\"formField.isDisabled\"\r\n                    :readonly=\"formField.isReadonly\"\r\n                    :autofocus=\"props.autofocus\"\r\n                    :placeholder=\"props.placeholder\"\r\n                    :autocomplete=\"autocompleteProp\"\r\n                    :data-form-type=\"dataFormTypeProp\"\r\n                    v-bind=\"inputAttrs\"\r\n                    @focus=\"onFocus\"\r\n                    @blur=\"formField.blur\" />\r\n            </div>\r\n            <transition name=\"slide-fade\">\r\n                <div v-if=\"isClearable\" class=\"ev-textfield--clearable\">\r\n                    <ev-icon\r\n                        :glyph=\"CancelIcon\"\r\n                        @click=\"onClearableClick\"\r\n                        @mousedown=\"onClearableMousedown\" />\r\n                </div>\r\n            </transition>\r\n            <div\r\n                v-if=\"props.suffix || slots.suffix\"\r\n                class=\"ev-textfield--suffix\">\r\n                <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            </div>\r\n            <div v-if=\"iconEnd\" class=\"ev-textfield--icon-end\">\r\n                <ev-icon :glyph=\"iconEnd\" />\r\n            </div>\r\n            <div\r\n                v-if=\"props.loading && !props.iconStart\"\r\n                class=\"ev-textfield--loader\">\r\n                <ev-progress\r\n                    indeterminate\r\n                    :appearance=\"\r\n                        formField.isFocused\r\n                            ? Appearance.notice\r\n                            : Appearance.default\r\n                    \"\r\n                    :size=\"2\" />\r\n            </div>\r\n        </div>\r\n\r\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textfield--errors\">\r\n            <ev-errors :messages=\"formField.errorMessages\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","iconStart","useIcon","iconEnd","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","e","onFocus","onControlClick","onControlMousedown","vAutofocus","useAutofocus","__expose","onClickOutside","autocompleteProp","dataFormTypeProp"],"mappings":"u5CAsCMA,EAAQC,EAAAA,SAAA,EAiBRC,EAAQC,EAAAA,SAAS,EACjBC,EAAeC,MAAwB,IAAI,EAC3CC,EAAWD,MAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,EAAAA,gBAAgBP,CAAK,EACpDQ,EAAYC,eAAaC,CAAK,EAC9BC,EAAcC,EAAAA,SAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EACKK,EAAYC,EAAAA,QAAQJ,EAAO,WAAW,EACtCK,EAAUD,EAAAA,QAAQJ,EAAO,SAAS,EAKxC,SAASM,GAA2C,CAChD,OAAOZ,EAAS,KAAA,CAOpB,SAASa,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAAA,SAAS,IAAM,CACXX,EAAU,MAAQ,KAClBY,EAAK,cAAeF,CAAM,CAAA,CAC7B,EACIR,EAAM,WACPW,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OACvB,CAOJ,SAASC,EAAqBC,EAAe,CACzCA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQD,EAAW,OACxBf,EAAU,MAAMe,CAAC,EACbb,EAAM,cACNW,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASI,EAAeF,EAAe,QAC1BF,EAAAjB,EAAA,QAAA,MAAAiB,EAAO,MAAME,GACtBH,EAAK,gBAAiBG,CAAC,CAAA,CAU3B,SAASG,EAAmBH,EAAe,CACvCH,EAAK,oBAAqBG,CAAC,EACvBA,EAAE,SAAWnB,EAAS,QAGlBoB,EAAA,EACRD,EAAE,eAAe,EAAA,CAMf,MAAAI,EAAaC,eAAalB,CAAK,EAKxBmB,EAAA,CACT,MAAOrB,EACP,MAAOJ,EACP,MAAO,IAAM,QACTiB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH,EAED,SAASS,EAAeP,EAAe,CACnCH,EAAK,eAAe,CAAA,CAGlB,MAAAW,EAAmBnB,EAAAA,SAAS,IACvBF,EAAM,cAAgB,KAChC,EAEKsB,EAAmBpB,EAAAA,SAAS,IAAM,OACpC,OAAOF,EAAM,gBAAgBW,EAAAU,EAAiB,QAAjB,YAAAV,EAAwB,iBAAkB,MACjE,QACA,MAAA,CACT"}
+{"version":3,"file":"EvTextfield.vue.mjs","sources":["../../../../src/components/EvTextfield/EvTextfield.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * # `<ev-textfield>`\r\n */\r\nimport \"./EvTextfield.scss\";\r\nimport { makeEvTextfieldProps } from \"./EvTextfield\";\r\nimport { computed, nextTick, ref, useAttrs } from \"vue\";\r\nimport { EvIcon, useIcon } from \"@/components/EvIcon\";\r\nimport { CancelIcon } from \"@/icons\";\r\nimport {\r\n    Appearance,\r\n    appearanceModifier,\r\n    InputAppearance,\r\n    InputSize,\r\n    makeClassName,\r\n    sizeModifier,\r\n    splitInputAttrs,\r\n    TextAlign,\r\n} from \"@/util\";\r\nimport { useAutofocus } from \"@/composables/focus\";\r\nimport { EvLabel } from \"@/components/EvLabel\";\r\nimport { EvErrors } from \"@/components/EvErrors\";\r\nimport { EvProgress } from \"@/components/EvProgress\";\r\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\r\nimport { useFormField } from \"@/composables/validation\";\r\n\r\n/**\r\n * We want to pass attributes not defined as 'props'\r\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\r\n */\r\ndefineOptions({\r\n    inheritAttrs: false,\r\n});\r\n\r\n// Props & slots\r\nconst props = defineProps({\r\n    ...makeEvTextfieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    default(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// Emit\r\nconst emit = defineEmits([\r\n    \"click:clear\",\r\n    \"click:control\",\r\n    \"click:outside\",\r\n    \"mousedown:control\",\r\n    \"update:focused\",\r\n    \"update:modelValue\",\r\n]);\r\n\r\nconst attrs = useAttrs();\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst inputRef = ref<HTMLInputElement | null>(null);\r\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\r\nconst formField = useFormField(props);\r\nconst isClearable = computed(() => {\r\n    return props.clearable && !!formField.value;\r\n});\r\nconst iconStart = useIcon(props, \"iconStart\");\r\nconst iconEnd = useIcon(props, \"iconEnd\");\r\n\r\n/**\r\n * ## Get Input Element\r\n */\r\nfunction getInputElement(): HTMLInputElement | null {\r\n    return inputRef.value;\r\n}\r\n\r\n/**\r\n * ## On Clearable Click\r\n * @param $event\r\n */\r\nfunction onClearableClick($event: MouseEvent) {\r\n    $event.stopPropagation();\r\n    nextTick(() => {\r\n        formField.value = null;\r\n        emit(\"click:clear\", $event);\r\n    });\r\n    if (!props.readonly) {\r\n        getInputElement()?.focus();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Clearable Mousedown\r\n * @param e\r\n */\r\nfunction onClearableMousedown(e: MouseEvent) {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n * @param e\r\n */\r\nfunction onFocus(e?: Event) {\r\n    formField.focus(e);\r\n    if (props.autoselect) {\r\n        getInputElement()?.select();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Control Click\r\n *\r\n * When the user clicks on the textfield.\r\n *\r\n * @param e\r\n */\r\nfunction onControlClick(e: MouseEvent) {\r\n    inputRef.value?.focus(e as FocusOptions);\r\n    emit(\"click:control\", e);\r\n}\r\n\r\n/**\r\n * ## On Control Mousedown\r\n *\r\n * When the mousedown is triggered on the textfield.\r\n *\r\n * @param e\r\n */\r\nfunction onControlMousedown(e: MouseEvent) {\r\n    emit(\"mousedown:control\", e);\r\n    if (e.target === inputRef.value) {\r\n        return;\r\n    }\r\n    onFocus();\r\n    e.preventDefault();\r\n}\r\n\r\n/**\r\n * ## Directive `v-autofocus`\r\n */\r\nconst vAutofocus = useAutofocus(props);\r\n\r\n/**\r\n * ## Expose stuff\r\n */\r\ndefineExpose({\r\n    field: formField,\r\n    input: inputRef,\r\n    focus: () => {\r\n        getInputElement()?.focus();\r\n    },\r\n});\r\n\r\nfunction onClickOutside(e: MouseEvent) {\r\n    emit(\"click:outside\");\r\n}\r\n\r\nconst autocompleteProp = computed(() => {\r\n    return props.autocomplete || \"off\";\r\n});\r\n\r\nconst dataFormTypeProp = computed(() => {\r\n    return props.dataFormType || autocompleteProp.value?.toLowerCase() === \"off\"\r\n        ? \"other\"\r\n        : undefined;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        ref=\"containerRef\"\r\n        v-click-outside=\"onClickOutside\"\r\n        :class=\"[\r\n            'ev-textfield',\r\n            {\r\n                'is-loading': props.loading,\r\n            },\r\n            formField.classes,\r\n            props.class,\r\n        ]\"\r\n        :style=\"props.style\"\r\n        v-bind=\"containerAttrs\">\r\n        <div\r\n            v-if=\"props.label || slots.label || props.hint\"\r\n            class=\"ev-textfield--label\">\r\n            <ev-label\r\n                :for=\"formField.id\"\r\n                :title=\"props.label\"\r\n                :hint=\"props.hint\">\r\n                <slot name=\"label\" />\r\n            </ev-label>\r\n        </div>\r\n\r\n        <div\r\n            :class=\"[\r\n                'ev-textfield--control',\r\n                {\r\n                    'is-rounded': props.rounded,\r\n                    'is-monospace': !!props.monospace,\r\n                },\r\n                appearanceModifier(props.appearance, [InputAppearance.default]),\r\n                sizeModifier(props.size, [InputSize.default]),\r\n                makeClassName(props.align, 'is-align', [TextAlign.default]),\r\n            ]\"\r\n            :role=\"props.role\"\r\n            @click=\"onControlClick\"\r\n            @mousedown=\"onControlMousedown\">\r\n            <div v-if=\"iconStart\" class=\"ev-textfield--icon-start\">\r\n                <transition name=\"fade-in-out\" mode=\"out-in\">\r\n                    <ev-icon v-if=\"!props.loading\" :glyph=\"iconStart\" />\r\n                    <ev-progress-circular\r\n                        v-else\r\n                        indeterminate\r\n                        :appearance=\"\r\n                            formField.isFocused\r\n                                ? Appearance.notice\r\n                                : Appearance.default\r\n                        \" />\r\n                </transition>\r\n            </div>\r\n            <div\r\n                v-if=\"props.prefix || slots.prefix\"\r\n                class=\"ev-textfield--prefix\">\r\n                <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n            </div>\r\n            <div class=\"ev-textfield--input\" data-no-activator>\r\n                <slot name=\"default\" />\r\n                <input\r\n                    :id=\"formField.id\"\r\n                    ref=\"inputRef\"\r\n                    v-model=\"formField.value\"\r\n                    v-autofocus\r\n                    class=\"ev-textfield--input-native\"\r\n                    :type=\"props.type\"\r\n                    :name=\"formField.name\"\r\n                    :disabled=\"formField.isDisabled\"\r\n                    :readonly=\"formField.isReadonly\"\r\n                    :autofocus=\"props.autofocus\"\r\n                    :placeholder=\"props.placeholder\"\r\n                    :autocomplete=\"autocompleteProp\"\r\n                    :data-form-type=\"dataFormTypeProp\"\r\n                    v-bind=\"inputAttrs\"\r\n                    @focus=\"onFocus\"\r\n                    @blur=\"formField.blur\" />\r\n            </div>\r\n            <transition name=\"slide-fade\">\r\n                <div v-if=\"isClearable\" class=\"ev-textfield--clearable\">\r\n                    <ev-icon\r\n                        :glyph=\"CancelIcon\"\r\n                        @click=\"onClearableClick\"\r\n                        @mousedown=\"onClearableMousedown\" />\r\n                </div>\r\n            </transition>\r\n            <div\r\n                v-if=\"props.suffix || slots.suffix\"\r\n                class=\"ev-textfield--suffix\">\r\n                <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            </div>\r\n            <div v-if=\"iconEnd\" class=\"ev-textfield--icon-end\">\r\n                <ev-icon :glyph=\"iconEnd\" />\r\n            </div>\r\n            <div\r\n                v-if=\"props.loading && !props.iconStart\"\r\n                class=\"ev-textfield--loader\">\r\n                <ev-progress\r\n                    indeterminate\r\n                    :appearance=\"\r\n                        formField.isFocused\r\n                            ? Appearance.notice\r\n                            : Appearance.default\r\n                    \"\r\n                    :size=\"2\" />\r\n            </div>\r\n        </div>\r\n\r\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textfield--errors\">\r\n            <ev-errors :messages=\"formField.errorMessages\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","iconStart","useIcon","iconEnd","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","e","onFocus","onControlClick","onControlMousedown","vAutofocus","useAutofocus","__expose","onClickOutside","autocompleteProp","dataFormTypeProp"],"mappings":"6+DAsCMA,EAAQC,EAAA,EAiBRC,EAAQC,EAAS,EACjBC,EAAeC,EAAwB,IAAI,EAC3CC,EAAWD,EAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,GAAgBP,CAAK,EACpDQ,EAAYC,GAAaC,CAAK,EAC9BC,EAAcC,EAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EACKK,EAAYC,EAAQJ,EAAO,WAAW,EACtCK,EAAUD,EAAQJ,EAAO,SAAS,EAKxC,SAASM,GAA2C,CAChD,OAAOZ,EAAS,KAAA,CAOpB,SAASa,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAS,IAAM,CACXX,EAAU,MAAQ,KAClBY,EAAK,cAAeF,CAAM,CAAA,CAC7B,EACIR,EAAM,WACPW,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OACvB,CAOJ,SAASC,EAAqBC,EAAe,CACzCA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQD,EAAW,OACxBf,EAAU,MAAMe,CAAC,EACbb,EAAM,cACNW,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASI,EAAeF,EAAe,QAC1BF,EAAAjB,EAAA,QAAA,MAAAiB,EAAO,MAAME,GACtBH,EAAK,gBAAiBG,CAAC,CAAA,CAU3B,SAASG,EAAmBH,EAAe,CACvCH,EAAK,oBAAqBG,CAAC,EACvBA,EAAE,SAAWnB,EAAS,QAGlBoB,EAAA,EACRD,EAAE,eAAe,EAAA,CAMf,MAAAI,EAAaC,GAAalB,CAAK,EAKxBmB,EAAA,CACT,MAAOrB,EACP,MAAOJ,EACP,MAAO,IAAM,QACTiB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH,EAED,SAASS,EAAeP,EAAe,CACnCH,EAAK,eAAe,CAAA,CAGlB,MAAAW,EAAmBnB,EAAS,IACvBF,EAAM,cAAgB,KAChC,EAEKsB,EAAmBpB,EAAS,IAAM,OACpC,OAAOF,EAAM,gBAAgBW,EAAAU,EAAiB,QAAjB,YAAAV,EAAwB,iBAAkB,MACjE,QACA,MAAA,CACT"}

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

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

package/dist/esm/components/EvThumbnail/EvThumbnail.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvImg/EvImg.mjs"),r=require("../../composables/rounded.mjs"),o=require("../../composables/component.mjs"),t=require("../../util/props.mjs"),s={defaults:{inline:!0,aspectRatio:1},"xx-small":{height:24,rounded:"x-small"},"x-small":{height:36,rounded:"x-small"},small:{height:48,rounded:"small"},medium:{height:64,rounded:"small"},large:{height:96,rounded:"medium"},"x-large":{height:128,rounded:"large"},"xx-large":{height:256,rounded:"large"}},l=t.propsFactory({size:String,...e.makeEvImgProps(),...r.makeRoundedProps(),...o.makeComponentProps()},"EvThumbnail");exports.makeEvThumbnailProps=l;exports.thumbnailPresets=s;
+import{makeEvImgProps as e}from"../EvImg/EvImg.mjs";import{makeRoundedProps as r}from"../../composables/rounded.mjs";import{makeComponentProps as m}from"../../composables/component.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.16 | MIT License */const d={defaults:{inline:!0,aspectRatio:1},"xx-small":{height:24,rounded:"x-small"},"x-small":{height:36,rounded:"x-small"},small:{height:48,rounded:"small"},medium:{height:64,rounded:"small"},large:{height:96,rounded:"medium"},"x-large":{height:128,rounded:"large"},"xx-large":{height:256,rounded:"large"}},s=o({size:String,...e(),...r(),...m()},"EvThumbnail");export{s as makeEvThumbnailProps,d as thumbnailPresets};
 //# sourceMappingURL=EvThumbnail.mjs.map

package/dist/esm/components/EvThumbnail/EvThumbnail.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvThumbnail.mjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { makeEvImgProps } from \"@/components/EvImg\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\nimport { PropType } from \"vue\";\n\nexport type ThumbnailSize = HintedString<\n    | \"xx-small\"\n    | \"x-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"x-large\"\n    | \"xx-large\"\n>;\n\nexport const thumbnailPresets = {\n    defaults: {\n        inline: true,\n        aspectRatio: 1,\n    },\n    \"xx-small\": {\n        height: 24,\n        rounded: \"x-small\",\n    },\n    \"x-small\": {\n        height: 36,\n        rounded: \"x-small\",\n    },\n    small: {\n        height: 48,\n        rounded: \"small\",\n    },\n    medium: {\n        height: 64,\n        rounded: \"small\",\n    },\n    large: {\n        height: 96,\n        rounded: \"medium\",\n    },\n    \"x-large\": {\n        height: 128,\n        rounded: \"large\",\n    },\n    \"xx-large\": {\n        height: 256,\n        rounded: \"large\",\n    },\n};\n\nexport const makeEvThumbnailProps = propsFactory(\n    {\n        size: String as PropType<ThumbnailSize>,\n\n        ...makeEvImgProps(),\n        ...makeRoundedProps(),\n        ...makeComponentProps(),\n    },\n    \"EvThumbnail\",\n);"],"names":["thumbnailPresets","makeEvThumbnailProps","propsFactory","makeEvImgProps","makeRoundedProps","makeComponentProps"],"mappings":"sRAgBaA,EAAmB,CAC5B,SAAU,CACN,OAAQ,GACR,YAAa,CACjB,EACA,WAAY,CACR,OAAQ,GACR,QAAS,SACb,EACA,UAAW,CACP,OAAQ,GACR,QAAS,SACb,EACA,MAAO,CACH,OAAQ,GACR,QAAS,OACb,EACA,OAAQ,CACJ,OAAQ,GACR,QAAS,OACb,EACA,MAAO,CACH,OAAQ,GACR,QAAS,QACb,EACA,UAAW,CACP,OAAQ,IACR,QAAS,OACb,EACA,WAAY,CACR,OAAQ,IACR,QAAS,OAAA,CAEjB,EAEaC,EAAuBC,EAAA,aAChC,CACI,KAAM,OAEN,GAAGC,iBAAe,EAClB,GAAGC,mBAAiB,EACpB,GAAGC,EAAmB,mBAAA,CAC1B,EACA,aACJ"}
+{"version":3,"file":"EvThumbnail.mjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { makeEvImgProps } from \"@/components/EvImg\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\nimport { PropType } from \"vue\";\n\nexport type ThumbnailSize = HintedString<\n    | \"xx-small\"\n    | \"x-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"x-large\"\n    | \"xx-large\"\n>;\n\nexport const thumbnailPresets = {\n    defaults: {\n        inline: true,\n        aspectRatio: 1,\n    },\n    \"xx-small\": {\n        height: 24,\n        rounded: \"x-small\",\n    },\n    \"x-small\": {\n        height: 36,\n        rounded: \"x-small\",\n    },\n    small: {\n        height: 48,\n        rounded: \"small\",\n    },\n    medium: {\n        height: 64,\n        rounded: \"small\",\n    },\n    large: {\n        height: 96,\n        rounded: \"medium\",\n    },\n    \"x-large\": {\n        height: 128,\n        rounded: \"large\",\n    },\n    \"xx-large\": {\n        height: 256,\n        rounded: \"large\",\n    },\n};\n\nexport const makeEvThumbnailProps = propsFactory(\n    {\n        size: String as PropType<ThumbnailSize>,\n\n        ...makeEvImgProps(),\n        ...makeRoundedProps(),\n        ...makeComponentProps(),\n    },\n    \"EvThumbnail\",\n);"],"names":["thumbnailPresets","makeEvThumbnailProps","propsFactory","makeEvImgProps","makeRoundedProps","makeComponentProps"],"mappings":"oRAgBO,MAAMA,EAAmB,CAC5B,SAAU,CACN,OAAQ,GACR,YAAa,CACjB,EACA,WAAY,CACR,OAAQ,GACR,QAAS,SACb,EACA,UAAW,CACP,OAAQ,GACR,QAAS,SACb,EACA,MAAO,CACH,OAAQ,GACR,QAAS,OACb,EACA,OAAQ,CACJ,OAAQ,GACR,QAAS,OACb,EACA,MAAO,CACH,OAAQ,GACR,QAAS,QACb,EACA,UAAW,CACP,OAAQ,IACR,QAAS,OACb,EACA,WAAY,CACR,OAAQ,IACR,QAAS,OAAA,CAEjB,EAEaC,EAAuBC,EAChC,CACI,KAAM,OAEN,GAAGC,EAAe,EAClB,GAAGC,EAAiB,EACpB,GAAGC,EAAmB,CAC1B,EACA,aACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const e=require("vue");;/* empty css                   */const u=require("./EvThumbnail.mjs"),i=require("../EvImg/EvImg.vue.mjs"),g=require("../../composables/rounded.mjs"),v=require("../../icons/glyph/DangerIcon.svg.mjs"),q=require("../../icons/glyph/ImageIcon.svg.mjs"),c=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const y=require("../EvSkeleton/EvSkeleton.vue.mjs"),b=require("../../composables/aspectRatio.mjs"),l=require("../../util/helpers.mjs"),C=e.defineComponent({__name:"EvThumbnail",props:{...u.makeEvThumbnailProps()},setup(p){const r=p,d=e.useSlots(),o=e.computed(()=>{if(!r.size)return r;const s=u.thumbnailPresets[r.size]??{},a=u.thumbnailPresets.defaults,t=l.applyDefaults(r,{...a,...s});if(!t.width&&t.aspectRatio&&t.height){const n=b.parseAspectRatio(t.aspectRatio);if(n&&isFinite(n)){const m=typeof t.height=="string"?parseFloat(t.height):t.height,f=Math.round(m*n);return{...t,width:f}}}return t}),h=e.computed(()=>l.filterComponentProps(i,o.value)),_=e.computed(()=>g.useRounded(o.value).roundedClasses.value);return(s,a)=>(e.openBlock(),e.createBlock(e.unref(i),e.mergeProps({class:["ev-thumbnail",_.value]},h.value),e.createSlots({placeholder:e.withCtx(()=>[e.createVNode(e.unref(c),{glyph:e.unref(q.default),appearance:"subtle"},null,8,["glyph"])]),loading:e.withCtx(()=>[e.createVNode(e.unref(y),{type:"image",width:"100%",height:"100%"})]),error:e.withCtx(()=>[e.createVNode(e.unref(c),{glyph:e.unref(v.default),appearance:"danger"},null,8,["glyph"])]),_:2},[e.unref(d).default?{name:"default",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),key:"0"}:void 0]),1040,["class"]))}});module.exports=C;
+import{defineComponent as y,useSlots as b,computed as n,createBlock as P,openBlock as C,unref as t,mergeProps as R,createSlots as k,withCtx as r,createVNode as i,renderSlot as w}from"vue";/* empty css                 */import{makeEvThumbnailProps as $,thumbnailPresets as l}from"./EvThumbnail.mjs";import c from"../EvImg/EvImg.vue.mjs";import{useRounded as I}from"../../composables/rounded.mjs";import S from"../../icons/glyph/DangerIcon.svg.mjs";import x from"../../icons/glyph/ImageIcon.svg.mjs";import u from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import z from"../EvSkeleton/EvSkeleton.vue.mjs";import{parseAspectRatio as B}from"../../composables/aspectRatio.mjs";import{applyDefaults as D,filterComponentProps as E}from"../../util/helpers.mjs";/*! Evance UI v1.1.16 | MIT License */const L=y({__name:"EvThumbnail",props:{...$()},setup(f){const o=f,d=b(),p=n(()=>{if(!o.size)return o;const s=l[o.size]??{},m=l.defaults,e=D(o,{...m,...s});if(!e.width&&e.aspectRatio&&e.height){const a=B(e.aspectRatio);if(a&&isFinite(a)){const _=typeof e.height=="string"?parseFloat(e.height):e.height,v=Math.round(_*a);return{...e,width:v}}}return e}),h=n(()=>E(c,p.value)),g=n(()=>I(p.value).roundedClasses.value);return(s,m)=>(C(),P(t(c),R({class:["ev-thumbnail",g.value]},h.value),k({placeholder:r(()=>[i(t(u),{glyph:t(x),appearance:"subtle"},null,8,["glyph"])]),loading:r(()=>[i(t(z),{type:"image",width:"100%",height:"100%"})]),error:r(()=>[i(t(u),{glyph:t(S),appearance:"danger"},null,8,["glyph"])]),_:2},[t(d).default?{name:"default",fn:r(()=>[w(s.$slots,"default")]),key:"0"}:void 0]),1040,["class"]))}});export{L as default};
 //# sourceMappingURL=EvThumbnail.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvThumbnail.vue.mjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvThumbnail.scss\";\nimport { makeEvThumbnailProps, thumbnailPresets } from \"./EvThumbnail\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { computed } from \"vue\";\nimport { applyDefaults, filterComponentProps } from \"@/util\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { DangerIcon, ImageIcon } from \"@/icons\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvSkeleton } from \"@/components/EvSkeleton\";\nimport { parseAspectRatio } from \"@/composables/aspectRatio\";\n\nconst props = defineProps({ ...makeEvThumbnailProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst computedProps = computed(() => {\n    if (!props.size) {\n        return props;\n    }\n    const presets = thumbnailPresets[props.size] ?? {};\n    const defaults = thumbnailPresets.defaults;\n    const combined = applyDefaults(props, { ...defaults, ...presets });\n\n    if (!combined.width && combined.aspectRatio && combined.height) {\n        const aspectRatio = parseAspectRatio(combined.aspectRatio);\n        if (aspectRatio && isFinite(aspectRatio)) {\n            const numericHeight =\n                typeof combined.height === \"string\"\n                    ? parseFloat(combined.height)\n                    : combined.height;\n            const width = Math.round(numericHeight * aspectRatio);\n            return { ...combined, width };\n        }\n    }\n    return combined;\n});\n\nconst imgProps = computed(() =>\n    filterComponentProps(EvImg, computedProps.value),\n);\nconst roundedClasses = computed(\n    () => useRounded(computedProps.value).roundedClasses.value,\n);\n\n\n</script>\n\n<template>\n    <ev-img :class=\"['ev-thumbnail', roundedClasses]\" v-bind=\"imgProps\">\n        <template v-if=\"slots.default\" #default>\n            <slot />\n        </template>\n        <template #placeholder>\n            <ev-icon :glyph=\"ImageIcon\" appearance=\"subtle\" />\n        </template>\n        <template #loading>\n            <ev-skeleton type=\"image\" width=\"100%\" height=\"100%\" />\n        </template>\n        <template #error>\n            <ev-icon :glyph=\"DangerIcon\" appearance=\"danger\" />\n        </template>\n    </ev-img>\n</template>\n"],"names":["slots","_useSlots","computedProps","computed","props","presets","thumbnailPresets","defaults","combined","applyDefaults","aspectRatio","parseAspectRatio","numericHeight","width","imgProps","filterComponentProps","EvImg","roundedClasses","useRounded"],"mappings":"snBAaMA,EAAQC,EAAAA,WAIRC,EAAgBC,EAAAA,SAAS,IAAM,CAC7B,GAAA,CAACC,EAAM,KACA,OAAAA,EAEX,MAAMC,EAAUC,EAAA,iBAAiBF,EAAM,IAAI,GAAK,CAAC,EAC3CG,EAAWD,EAAAA,iBAAiB,SAC5BE,EAAWC,EAAAA,cAAcL,EAAO,CAAE,GAAGG,EAAU,GAAGF,EAAS,EAEjE,GAAI,CAACG,EAAS,OAASA,EAAS,aAAeA,EAAS,OAAQ,CACtD,MAAAE,EAAcC,EAAAA,iBAAiBH,EAAS,WAAW,EACrD,GAAAE,GAAe,SAASA,CAAW,EAAG,CAChC,MAAAE,EACF,OAAOJ,EAAS,QAAW,SACrB,WAAWA,EAAS,MAAM,EAC1BA,EAAS,OACbK,EAAQ,KAAK,MAAMD,EAAgBF,CAAW,EAC7C,MAAA,CAAE,GAAGF,EAAU,MAAAK,CAAM,CAAA,CAChC,CAEG,OAAAL,CAAA,CACV,EAEKM,EAAWX,EAAA,SAAS,IACtBY,EAAA,qBAAqBC,EAAOd,EAAc,KAAK,CACnD,EACMe,EAAiBd,EAAA,SACnB,IAAMe,aAAWhB,EAAc,KAAK,EAAE,eAAe,KACzD"}
+{"version":3,"file":"EvThumbnail.vue.mjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvThumbnail.scss\";\nimport { makeEvThumbnailProps, thumbnailPresets } from \"./EvThumbnail\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { computed } from \"vue\";\nimport { applyDefaults, filterComponentProps } from \"@/util\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { DangerIcon, ImageIcon } from \"@/icons\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvSkeleton } from \"@/components/EvSkeleton\";\nimport { parseAspectRatio } from \"@/composables/aspectRatio\";\n\nconst props = defineProps({ ...makeEvThumbnailProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst computedProps = computed(() => {\n    if (!props.size) {\n        return props;\n    }\n    const presets = thumbnailPresets[props.size] ?? {};\n    const defaults = thumbnailPresets.defaults;\n    const combined = applyDefaults(props, { ...defaults, ...presets });\n\n    if (!combined.width && combined.aspectRatio && combined.height) {\n        const aspectRatio = parseAspectRatio(combined.aspectRatio);\n        if (aspectRatio && isFinite(aspectRatio)) {\n            const numericHeight =\n                typeof combined.height === \"string\"\n                    ? parseFloat(combined.height)\n                    : combined.height;\n            const width = Math.round(numericHeight * aspectRatio);\n            return { ...combined, width };\n        }\n    }\n    return combined;\n});\n\nconst imgProps = computed(() =>\n    filterComponentProps(EvImg, computedProps.value),\n);\nconst roundedClasses = computed(\n    () => useRounded(computedProps.value).roundedClasses.value,\n);\n\n\n</script>\n\n<template>\n    <ev-img :class=\"['ev-thumbnail', roundedClasses]\" v-bind=\"imgProps\">\n        <template v-if=\"slots.default\" #default>\n            <slot />\n        </template>\n        <template #placeholder>\n            <ev-icon :glyph=\"ImageIcon\" appearance=\"subtle\" />\n        </template>\n        <template #loading>\n            <ev-skeleton type=\"image\" width=\"100%\" height=\"100%\" />\n        </template>\n        <template #error>\n            <ev-icon :glyph=\"DangerIcon\" appearance=\"danger\" />\n        </template>\n    </ev-img>\n</template>\n"],"names":["slots","_useSlots","computedProps","computed","props","presets","thumbnailPresets","defaults","combined","applyDefaults","aspectRatio","parseAspectRatio","numericHeight","width","imgProps","filterComponentProps","EvImg","roundedClasses","useRounded"],"mappings":"02BAaMA,EAAQC,IAIRC,EAAgBC,EAAS,IAAM,CAC7B,GAAA,CAACC,EAAM,KACA,OAAAA,EAEX,MAAMC,EAAUC,EAAiBF,EAAM,IAAI,GAAK,CAAC,EAC3CG,EAAWD,EAAiB,SAC5BE,EAAWC,EAAcL,EAAO,CAAE,GAAGG,EAAU,GAAGF,EAAS,EAEjE,GAAI,CAACG,EAAS,OAASA,EAAS,aAAeA,EAAS,OAAQ,CACtD,MAAAE,EAAcC,EAAiBH,EAAS,WAAW,EACrD,GAAAE,GAAe,SAASA,CAAW,EAAG,CAChC,MAAAE,EACF,OAAOJ,EAAS,QAAW,SACrB,WAAWA,EAAS,MAAM,EAC1BA,EAAS,OACbK,EAAQ,KAAK,MAAMD,EAAgBF,CAAW,EAC7C,MAAA,CAAE,GAAGF,EAAU,MAAAK,CAAM,CAAA,CAChC,CAEG,OAAAL,CAAA,CACV,EAEKM,EAAWX,EAAS,IACtBY,EAAqBC,EAAOd,EAAc,KAAK,CACnD,EACMe,EAAiBd,EACnB,IAAMe,EAAWhB,EAAc,KAAK,EAAE,eAAe,KACzD"}

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

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

package/dist/esm/components/EvTimeField/EvTimeField.mjs

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../icons/glyph/TimeIcon.svg.mjs"),r=require("../../util/props.mjs"),t=require("../../util/helpers.mjs"),o=require("../EvTextfield/EvTextfield.mjs"),i=r.propsFactory({...t.omit(o.makeEvTextfieldProps({iconStart:e.default}),["type"])},"EvTimeField");exports.makeEvTimeFieldProps=i;
+import o from"../../icons/glyph/TimeIcon.svg.mjs";import{propsFactory as m}from"../../util/props.mjs";import{omit as r}from"../../util/helpers.mjs";import{makeEvTextfieldProps as i}from"../EvTextfield/EvTextfield.mjs";/*! Evance UI v1.1.16 | MIT License */const a=m({...r(i({iconStart:o}),["type"])},"EvTimeField");export{a as makeEvTimeFieldProps};
 //# sourceMappingURL=EvTimeField.mjs.map

package/dist/esm/components/EvTimeField/EvTimeField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTimeField.mjs","sources":["../../../../src/components/EvTimeField/EvTimeField.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvTextfieldProps } from \"@/components\";\nimport { TimeIcon } from \"@/icons\";\n\nexport const makeEvTimeFieldProps = propsFactory(\n    {\n        ...omit(\n            makeEvTextfieldProps({\n                iconStart: TimeIcon,\n            }),\n            [\"type\"],\n        ),\n    },\n    \"EvTimeField\",\n);"],"names":["makeEvTimeFieldProps","propsFactory","omit","makeEvTextfieldProps","TimeIcon"],"mappings":"8RAIaA,EAAuBC,EAAA,aAChC,CACI,GAAGC,EAAA,KACCC,uBAAqB,CACjB,UAAWC,EAAAA,OAAA,CACd,EACD,CAAC,MAAM,CAAA,CAEf,EACA,aACJ"}
+{"version":3,"file":"EvTimeField.mjs","sources":["../../../../src/components/EvTimeField/EvTimeField.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvTextfieldProps } from \"@/components\";\nimport { TimeIcon } from \"@/icons\";\n\nexport const makeEvTimeFieldProps = propsFactory(\n    {\n        ...omit(\n            makeEvTextfieldProps({\n                iconStart: TimeIcon,\n            }),\n            [\"type\"],\n        ),\n    },\n    \"EvTimeField\",\n);"],"names":["makeEvTimeFieldProps","propsFactory","omit","makeEvTextfieldProps","TimeIcon"],"mappings":"gQAIO,MAAMA,EAAuBC,EAChC,CACI,GAAGC,EACCC,EAAqB,CACjB,UAAWC,CAAA,CACd,EACD,CAAC,MAAM,CAAA,CAEf,EACA,aACJ"}

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

@@ -1,2 +1,2 @@
-"use strict";/*! Evance UI v1.1.13 | MIT License */const t=require("vue");;/* empty css                   */const z=require("./EvTimeField.mjs"),M=require("../EvMenu/EvMenu.vue.mjs"),y=require("../EvTextfield/EvTextfield.vue.mjs"),A=require("../EvSurface/EvSurface.vue.mjs"),B=require("../EvTimePicker/EvTimePicker.vue.mjs"),s=require("../../composables/time.mjs"),H=require("../../composables/modelProxy.mjs"),h=require("../../util/helpers.mjs"),I=t.defineComponent({__name:"EvTimeField",props:{...z.makeEvTimeFieldProps()},setup(k){const T=k,w=t.useSlots();let d=null;const o=H.useModelProxy(T,"modelValue",void 0,e=>{d=s.inferTimeFormat(e);const l=s.normalizeTimeToDate(e);return l?(l.setSeconds(0,0),l):null},e=>s.serializeDateToTime(e,d??"time")),i=t.ref(""),c=t.ref(null);t.watch(o,e=>{i.value=s.displayTimeFromDate(e),c.value=o.value},{immediate:!0});const F=t.ref(),_=t.ref(),V=t.computed(()=>h.omit(h.filterComponentProps(y,T),["modelValue"])),v=t.shallowRef(!1),g=t.ref(),m=t.shallowRef(!1);function D(){v.value&&_.value&&_.value.focus()}function x(){v.value=!0,m.value=!0}function P(e){var l;if(!((l=g.value)!=null&&l.$el.contains(e.relatedTarget))){if(m.value=!1,i.value.length===0){if(d==="time")o.value=null;else{const r=o.value;r.setHours(0,0,0,0),o.value=r,i.value="00:00"}return}const n=i.value.split(":"),u=c.value??new Date;let a=Number(n[1]??0);a<10&&(a*=10),u.setHours(Number(n[0]),a,0,0),o.value=s.normalizeTimeToDate(u),i.value=s.displayTimeFromDate(u)}}function R(e){v.value=!0}function b(e){let l=e.replace(/[^\d:]/g,"");const n=l.split(":");n.length>2&&(l=n[0]+":"+n.slice(1).join(""));const[u,a=""]=l.split(":");!l.includes(":")&&u.length>=2&&(l=u.slice(0,2)+":"+u.slice(2));const[r,C=""]=l.split(":");let f=r;l.includes(":")&&r.length===1&&(f="0"+r),f.length===2&&Number(f)>23&&(f="23");let p=C.slice(0,2);return p.length===2&&Number(p)>59&&(p="59"),l.includes(":")?`${f}:${p}`:f}function E(e){o.value=s.normalizeTimeToDate(e)}function q(e){if(["Backspace","Delete","Home","End","ArrowLeft","ArrowRight","Tab"].includes(e.key))return;const n=e.key==="v"&&e.ctrlKey,u=e.key==="a"&&e.ctrlKey;if(!new RegExp("[0-9:]").test(e.key)&&!n&&!u){e.preventDefault();return}const r=e.target.value;if(e.key===":"&&r.includes(":")){e.preventDefault();return}if(r.length-N(e.target)>=5){e.preventDefault();return}}function N(e){return e.selectionStart==null||e.selectionEnd==null?0:e.selectionEnd-e.selectionStart}function S(e){const l=e.target.value;if(i.value=b(l),i.value.length===0){if(d==="time")o.value=null;else{const r=o.value;r.setHours(0,0,0,0),o.value=r}return}const n=i.value.split(":"),u=c.value??new Date;let a=Number(n[1]??0);a<10&&(a*=10),u.setHours(Number(n[0]),a,0,0),c.value=s.normalizeTimeToDate(u)}return(e,l)=>(t.openBlock(),t.createBlock(t.unref(y),t.mergeProps({ref_key:"evTextfieldRef",ref:_},V.value,{focused:v.value,"onUpdate:focused":l[2]||(l[2]=n=>v.value=n),class:"ev-time-field",inputmode:"numeric",pattern:"[0-9:]*","model-value":i.value,"onClick:control":x,onBlur:P,onKeydown:q,onInput:S}),t.createSlots({default:t.withCtx(()=>[t.createVNode(t.unref(M),{ref_key:"evMenuRef",ref:F,modelValue:m.value,"onUpdate:modelValue":l[1]||(l[1]=n=>m.value=n),activator:"parent",position:"bottom-start","open-on-click":!1,"close-on-content-click":!1,onAfterLeave:D},{default:t.withCtx(()=>[t.createVNode(t.unref(A),{elevation:"overlay",class:"ev-time-field--surface"},{default:t.withCtx(()=>[t.createVNode(t.unref(B),{ref_key:"timePickerRef",ref:g,modelValue:c.value,"onUpdate:modelValue":[l[0]||(l[0]=n=>c.value=n),E],onFocusin:R},null,8,["modelValue"])]),_:1})]),_:1},8,["modelValue"])]),_:2},[t.unref(w).label?{name:"label",fn:t.withCtx(()=>[t.renderSlot(e.$slots,"label")]),key:"0"}:void 0]),1040,["focused","model-value"]))}});module.exports=I;
+import{defineComponent as I,useSlots as K,ref as f,watch as L,computed as U,shallowRef as F,createBlock as z,openBlock as j,unref as m,mergeProps as O,createSlots as q,withCtx as k,createVNode as y,renderSlot as G}from"vue";/* empty css                 */import{makeEvTimeFieldProps as J}from"./EvTimeField.mjs";import Q from"../EvMenu/EvMenu.vue.mjs";import V from"../EvTextfield/EvTextfield.vue.mjs";import W from"../EvSurface/EvSurface.vue.mjs";import X from"../EvTimePicker/EvTimePicker.vue.mjs";import{displayTimeFromDate as _,serializeDateToTime as Y,normalizeTimeToDate as g,inferTimeFormat as Z}from"../../composables/time.mjs";import{useModelProxy as ee}from"../../composables/modelProxy.mjs";import{omit as te,filterComponentProps as le}from"../../util/helpers.mjs";/*! Evance UI v1.1.16 | MIT License */const de=I({__name:"EvTimeField",props:{...J()},setup(b){const w=b,R=K();let d=null;const u=ee(w,"modelValue",void 0,e=>{d=Z(e);const t=g(e);return t?(t.setSeconds(0,0),t):null},e=>Y(e,d??"time")),r=f(""),i=f(null);L(u,e=>{r.value=_(e),i.value=u.value},{immediate:!0});const D=f(),h=f(),P=U(()=>te(le(V,w),["modelValue"])),c=F(!1),T=f(),v=F(!1);function S(){c.value&&h.value&&h.value.focus()}function $(){c.value=!0,v.value=!0}function x(e){var t;if(!((t=T.value)!=null&&t.$el.contains(e.relatedTarget))){if(v.value=!1,r.value.length===0){if(d==="time")u.value=null;else{const o=u.value;o.setHours(0,0,0,0),u.value=o,r.value="00:00"}return}const l=r.value.split(":"),n=i.value??new Date;let a=Number(l[1]??0);a<10&&(a*=10),n.setHours(Number(l[0]),a,0,0),u.value=g(n),r.value=_(n)}}function N(e){c.value=!0}function E(e){let t=e.replace(/[^\d:]/g,"");const l=t.split(":");l.length>2&&(t=l[0]+":"+l.slice(1).join(""));const[n,a=""]=t.split(":");!t.includes(":")&&n.length>=2&&(t=n.slice(0,2)+":"+n.slice(2));const[o,C=""]=t.split(":");let s=o;t.includes(":")&&o.length===1&&(s="0"+o),s.length===2&&Number(s)>23&&(s="23");let p=C.slice(0,2);return p.length===2&&Number(p)>59&&(p="59"),t.includes(":")?`${s}:${p}`:s}function A(e){u.value=g(e)}function B(e){if(["Backspace","Delete","Home","End","ArrowLeft","ArrowRight","Tab"].includes(e.key))return;const l=e.key==="v"&&e.ctrlKey,n=e.key==="a"&&e.ctrlKey;if(!new RegExp("[0-9:]").test(e.key)&&!l&&!n){e.preventDefault();return}const o=e.target.value;if(e.key===":"&&o.includes(":")){e.preventDefault();return}if(o.length-H(e.target)>=5){e.preventDefault();return}}function H(e){return e.selectionStart==null||e.selectionEnd==null?0:e.selectionEnd-e.selectionStart}function M(e){const t=e.target.value;if(r.value=E(t),r.value.length===0){if(d==="time")u.value=null;else{const o=u.value;o.setHours(0,0,0,0),u.value=o}return}const l=r.value.split(":"),n=i.value??new Date;let a=Number(l[1]??0);a<10&&(a*=10),n.setHours(Number(l[0]),a,0,0),i.value=g(n)}return(e,t)=>(j(),z(m(V),O({ref_key:"evTextfieldRef",ref:h},P.value,{focused:c.value,"onUpdate:focused":t[2]||(t[2]=l=>c.value=l),class:"ev-time-field",inputmode:"numeric",pattern:"[0-9:]*","model-value":r.value,"onClick:control":$,onBlur:x,onKeydown:B,onInput:M}),q({default:k(()=>[y(m(Q),{ref_key:"evMenuRef",ref:D,modelValue:v.value,"onUpdate:modelValue":t[1]||(t[1]=l=>v.value=l),activator:"parent",position:"bottom-start","open-on-click":!1,"close-on-content-click":!1,onAfterLeave:S},{default:k(()=>[y(m(W),{elevation:"overlay",class:"ev-time-field--surface"},{default:k(()=>[y(m(X),{ref_key:"timePickerRef",ref:T,modelValue:i.value,"onUpdate:modelValue":[t[0]||(t[0]=l=>i.value=l),A],onFocusin:N},null,8,["modelValue"])]),_:1})]),_:1},8,["modelValue"])]),_:2},[m(R).label?{name:"label",fn:k(()=>[G(e.$slots,"label")]),key:"0"}:void 0]),1040,["focused","model-value"]))}});export{de as default};
 //# sourceMappingURL=EvTimeField.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvTimeField.vue.mjs","sources":["../../../../src/components/EvTimeField/EvTimeField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimeField.scss\";\nimport { makeEvTimeFieldProps } from \"./EvTimeField\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTimePicker } from \"@/components/EvTimePicker\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { FocusEvent, KeyboardEvent } from \"react\";\nimport { useModelProxy } from \"@/composables\";\nimport {\n    displayTimeFromDate,\n    inferTimeFormat,\n    normalizeTimeToDate,\n    serializeDateToTime,\n} from \"@/composables/time\";\n\nconst props = defineProps({\n    ...makeEvTimeFieldProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\nlet inferredFormat = null;\nconst modelValue = useModelProxy(\n    props,\n    \"modelValue\",\n    undefined,\n    (value) => {\n        inferredFormat = inferTimeFormat(value);\n        const date = normalizeTimeToDate(value);\n        if (!date) {\n            return null;\n        }\n        date.setSeconds(0, 0);\n        return date;\n    },\n    (value) => {\n        return serializeDateToTime(value, inferredFormat ?? \"time\");\n    },\n);\n\nconst displayValue = ref(\"\");\nconst pickerValue = ref(null);\n\nwatch(\n    modelValue,\n    (value) => {\n        displayValue.value = displayTimeFromDate(value);\n        pickerValue.value = modelValue.value;\n    },\n    { immediate: true },\n);\n\n// Text Field\nconst evMenuRef = ref<typeof EvMenu>();\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n    return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\n});\nconst isFocused = shallowRef(false);\n\n// Time Picker\nconst timePickerRef = ref<typeof EvTimePicker>();\n\n// Menu\nconst isMenuOpen = shallowRef(false);\n\n/**\n * ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n */\nfunction onMenuAfterLeave() {\n    if (isFocused.value && evTextfieldRef.value) {\n        evTextfieldRef.value.focus();\n    }\n}\n\nfunction onFieldFocus() {\n    isFocused.value = true;\n    isMenuOpen.value = true;\n}\n\nfunction onFieldBlur(e: FocusEvent) {\n    if (!timePickerRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n        isMenuOpen.value = false;\n        if (displayValue.value.length === 0) {\n            if (inferredFormat === \"time\") {\n                modelValue.value = null;\n            } else {\n                const date = modelValue.value;\n                date.setHours(0, 0, 0, 0);\n                modelValue.value = date;\n                displayValue.value = \"00:00\";\n            }\n            return;\n        }\n        const parts = displayValue.value.split(\":\");\n        const date = pickerValue.value ?? new Date();\n        let minutes = Number(parts[1] ?? 0);\n        if (minutes < 10) {\n            minutes *= 10;\n        }\n        date.setHours(Number(parts[0]), minutes, 0, 0);\n        modelValue.value = normalizeTimeToDate(date);\n        displayValue.value = displayTimeFromDate(date);\n    }\n}\n\nfunction onDatePickerFocusIn(e: FocusEvent) {\n    isFocused.value = true;\n}\n\nfunction normalizeTimeInput(raw: string): string {\n    let value = raw.replace(/[^\\d:]/g, \"\");\n    // Prevent more than one colon\n    const parts = value.split(\":\");\n    if (parts.length > 2) {\n        value = parts[0] + \":\" + parts.slice(1).join(\"\");\n    }\n    const [hoursRaw, minutesRaw = \"\"] = value.split(\":\");\n    // Auto insert colon after 2 digits IF user hasn't typed one\n    if (!value.includes(\":\") && hoursRaw.length >= 2) {\n        value = hoursRaw.slice(0, 2) + \":\" + hoursRaw.slice(2);\n    }\n    const [h, m = \"\"] = value.split(\":\");\n    // Pad single-digit hour when colon appears\n    let hours = h;\n    if (value.includes(\":\") && h.length === 1) {\n        hours = \"0\" + h;\n    }\n\n    // Limit ranges (soft clamp while typing)\n    if (hours.length === 2 && Number(hours) > 23) {\n        hours = \"23\";\n    }\n\n    let minutes = m.slice(0, 2);\n    if (minutes.length === 2 && Number(minutes) > 59) {\n        minutes = \"59\";\n    }\n\n    return value.includes(\":\") ? `${hours}:${minutes}` : hours;\n}\n\nfunction onUpdatePickerValue(value) {\n    modelValue.value = normalizeTimeToDate(value);\n}\n\nfunction onFieldKeydown(e: KeyboardEvent) {\n    const passThrough = [\n        \"Backspace\",\n        \"Delete\",\n        \"Home\",\n        \"End\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Tab\",\n    ];\n    if (passThrough.includes(e.key)) {\n        return;\n    }\n    const isPaste = e.key === \"v\" && e.ctrlKey;\n    const isSelectAll = e.key === \"a\" && e.ctrlKey;\n    // Block anything not in the whitelist\n    const whitelist = new RegExp(\"[0-9:]\");\n    if (!whitelist.test(e.key) && !isPaste && !isSelectAll) {\n        e.preventDefault();\n        return;\n    }\n    const raw = (e.target as HTMLInputElement).value;\n    if (e.key === \":\" && raw.includes(\":\")) {\n        e.preventDefault();\n        return;\n    }\n    if (raw.length - getSelectedLength(e.target as HTMLInputElement) >= 5) {\n        e.preventDefault();\n        return;\n    }\n}\n\n/**\n * ## Get Selected Length\n * @param input\n */\nfunction getSelectedLength(input: HTMLInputElement): number\n{\n    if (input.selectionStart == null || input.selectionEnd == null) {\n        return 0;\n    }\n    return input.selectionEnd - input.selectionStart;\n}\n\nfunction onFieldInput(e: Event) {\n    const raw = (e.target as HTMLInputElement).value;\n    displayValue.value = normalizeTimeInput(raw);\n\n    if (displayValue.value.length === 0) {\n        if (inferredFormat === \"time\") {\n            modelValue.value = null;\n        } else {\n            const date = modelValue.value;\n            date.setHours(0, 0, 0, 0);\n            modelValue.value = date;\n        }\n        return;\n    }\n\n    // Attempt to update picker if we have a value that is reasonable\n    const parts = displayValue.value.split(\":\");\n    const date = pickerValue.value ?? new Date();\n    let minutes = Number(parts[1] ?? 0);\n    if (minutes < 10) {\n        minutes *= 10;\n    }\n    date.setHours(Number(parts[0]), minutes, 0, 0);\n    pickerValue.value = normalizeTimeToDate(date);\n}\n</script>\n\n<template>\n    <ev-textfield\n        ref=\"evTextfieldRef\"\n        v-bind=\"evTextfieldProps\"\n        v-model:focused=\"isFocused\"\n        class=\"ev-time-field\"\n        inputmode=\"numeric\"\n        pattern=\"[0-9:]*\"\n        :model-value=\"displayValue\"\n        @click:control=\"onFieldFocus\"\n        @blur=\"onFieldBlur\"\n        @keydown=\"onFieldKeydown\"\n        @input=\"onFieldInput\">\n        <template v-if=\"slots.label\" #label>\n            <slot name=\"label\" />\n        </template>\n        <template #default>\n            <ev-menu\n                ref=\"evMenuRef\"\n                v-model=\"isMenuOpen\"\n                activator=\"parent\"\n                position=\"bottom-start\"\n                :open-on-click=\"false\"\n                :close-on-content-click=\"false\"\n                @after-leave=\"onMenuAfterLeave\">\n                <ev-surface elevation=\"overlay\" class=\"ev-time-field--surface\">\n                    <ev-time-picker\n                        ref=\"timePickerRef\"\n                        v-model=\"pickerValue\"\n                        @focusin=\"onDatePickerFocusIn\"\n                        @update:model-value=\"onUpdatePickerValue\" />\n                </ev-surface>\n            </ev-menu>\n        </template>\n    </ev-textfield>\n</template>\n"],"names":["slots","_useSlots","inferredFormat","modelValue","useModelProxy","props","value","inferTimeFormat","date","normalizeTimeToDate","serializeDateToTime","displayValue","ref","pickerValue","watch","displayTimeFromDate","evMenuRef","evTextfieldRef","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","isFocused","shallowRef","timePickerRef","isMenuOpen","onMenuAfterLeave","onFieldFocus","onFieldBlur","_a","parts","minutes","onDatePickerFocusIn","normalizeTimeInput","raw","hoursRaw","minutesRaw","h","m","hours","onUpdatePickerValue","onFieldKeydown","isPaste","isSelectAll","getSelectedLength","input","onFieldInput"],"mappings":"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"}
+{"version":3,"file":"EvTimeField.vue.mjs","sources":["../../../../src/components/EvTimeField/EvTimeField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTimeField.scss\";\nimport { makeEvTimeFieldProps } from \"./EvTimeField\";\nimport { EvMenu } from \"@/components/EvMenu\";\nimport { EvTextfield } from \"@/components/EvTextfield\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { EvTimePicker } from \"@/components/EvTimePicker\";\nimport { computed, ref, shallowRef, watch } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { FocusEvent, KeyboardEvent } from \"react\";\nimport { useModelProxy } from \"@/composables\";\nimport {\n    displayTimeFromDate,\n    inferTimeFormat,\n    normalizeTimeToDate,\n    serializeDateToTime,\n} from \"@/composables/time\";\n\nconst props = defineProps({\n    ...makeEvTimeFieldProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\nlet inferredFormat = null;\nconst modelValue = useModelProxy(\n    props,\n    \"modelValue\",\n    undefined,\n    (value) => {\n        inferredFormat = inferTimeFormat(value);\n        const date = normalizeTimeToDate(value);\n        if (!date) {\n            return null;\n        }\n        date.setSeconds(0, 0);\n        return date;\n    },\n    (value) => {\n        return serializeDateToTime(value, inferredFormat ?? \"time\");\n    },\n);\n\nconst displayValue = ref(\"\");\nconst pickerValue = ref(null);\n\nwatch(\n    modelValue,\n    (value) => {\n        displayValue.value = displayTimeFromDate(value);\n        pickerValue.value = modelValue.value;\n    },\n    { immediate: true },\n);\n\n// Text Field\nconst evMenuRef = ref<typeof EvMenu>();\nconst evTextfieldRef = ref<typeof EvTextfield>();\nconst evTextfieldProps = computed(() => {\n    return omit(filterComponentProps(EvTextfield, props), [\"modelValue\"]);\n});\nconst isFocused = shallowRef(false);\n\n// Time Picker\nconst timePickerRef = ref<typeof EvTimePicker>();\n\n// Menu\nconst isMenuOpen = shallowRef(false);\n\n/**\n * ## On Menu After Leave\n * Maintain focus on the EvSelect when leaving the menu - usually when tabbing out.\n */\nfunction onMenuAfterLeave() {\n    if (isFocused.value && evTextfieldRef.value) {\n        evTextfieldRef.value.focus();\n    }\n}\n\nfunction onFieldFocus() {\n    isFocused.value = true;\n    isMenuOpen.value = true;\n}\n\nfunction onFieldBlur(e: FocusEvent) {\n    if (!timePickerRef.value?.$el.contains(e.relatedTarget as HTMLElement)) {\n        isMenuOpen.value = false;\n        if (displayValue.value.length === 0) {\n            if (inferredFormat === \"time\") {\n                modelValue.value = null;\n            } else {\n                const date = modelValue.value;\n                date.setHours(0, 0, 0, 0);\n                modelValue.value = date;\n                displayValue.value = \"00:00\";\n            }\n            return;\n        }\n        const parts = displayValue.value.split(\":\");\n        const date = pickerValue.value ?? new Date();\n        let minutes = Number(parts[1] ?? 0);\n        if (minutes < 10) {\n            minutes *= 10;\n        }\n        date.setHours(Number(parts[0]), minutes, 0, 0);\n        modelValue.value = normalizeTimeToDate(date);\n        displayValue.value = displayTimeFromDate(date);\n    }\n}\n\nfunction onDatePickerFocusIn(e: FocusEvent) {\n    isFocused.value = true;\n}\n\nfunction normalizeTimeInput(raw: string): string {\n    let value = raw.replace(/[^\\d:]/g, \"\");\n    // Prevent more than one colon\n    const parts = value.split(\":\");\n    if (parts.length > 2) {\n        value = parts[0] + \":\" + parts.slice(1).join(\"\");\n    }\n    const [hoursRaw, minutesRaw = \"\"] = value.split(\":\");\n    // Auto insert colon after 2 digits IF user hasn't typed one\n    if (!value.includes(\":\") && hoursRaw.length >= 2) {\n        value = hoursRaw.slice(0, 2) + \":\" + hoursRaw.slice(2);\n    }\n    const [h, m = \"\"] = value.split(\":\");\n    // Pad single-digit hour when colon appears\n    let hours = h;\n    if (value.includes(\":\") && h.length === 1) {\n        hours = \"0\" + h;\n    }\n\n    // Limit ranges (soft clamp while typing)\n    if (hours.length === 2 && Number(hours) > 23) {\n        hours = \"23\";\n    }\n\n    let minutes = m.slice(0, 2);\n    if (minutes.length === 2 && Number(minutes) > 59) {\n        minutes = \"59\";\n    }\n\n    return value.includes(\":\") ? `${hours}:${minutes}` : hours;\n}\n\nfunction onUpdatePickerValue(value) {\n    modelValue.value = normalizeTimeToDate(value);\n}\n\nfunction onFieldKeydown(e: KeyboardEvent) {\n    const passThrough = [\n        \"Backspace\",\n        \"Delete\",\n        \"Home\",\n        \"End\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Tab\",\n    ];\n    if (passThrough.includes(e.key)) {\n        return;\n    }\n    const isPaste = e.key === \"v\" && e.ctrlKey;\n    const isSelectAll = e.key === \"a\" && e.ctrlKey;\n    // Block anything not in the whitelist\n    const whitelist = new RegExp(\"[0-9:]\");\n    if (!whitelist.test(e.key) && !isPaste && !isSelectAll) {\n        e.preventDefault();\n        return;\n    }\n    const raw = (e.target as HTMLInputElement).value;\n    if (e.key === \":\" && raw.includes(\":\")) {\n        e.preventDefault();\n        return;\n    }\n    if (raw.length - getSelectedLength(e.target as HTMLInputElement) >= 5) {\n        e.preventDefault();\n        return;\n    }\n}\n\n/**\n * ## Get Selected Length\n * @param input\n */\nfunction getSelectedLength(input: HTMLInputElement): number\n{\n    if (input.selectionStart == null || input.selectionEnd == null) {\n        return 0;\n    }\n    return input.selectionEnd - input.selectionStart;\n}\n\nfunction onFieldInput(e: Event) {\n    const raw = (e.target as HTMLInputElement).value;\n    displayValue.value = normalizeTimeInput(raw);\n\n    if (displayValue.value.length === 0) {\n        if (inferredFormat === \"time\") {\n            modelValue.value = null;\n        } else {\n            const date = modelValue.value;\n            date.setHours(0, 0, 0, 0);\n            modelValue.value = date;\n        }\n        return;\n    }\n\n    // Attempt to update picker if we have a value that is reasonable\n    const parts = displayValue.value.split(\":\");\n    const date = pickerValue.value ?? new Date();\n    let minutes = Number(parts[1] ?? 0);\n    if (minutes < 10) {\n        minutes *= 10;\n    }\n    date.setHours(Number(parts[0]), minutes, 0, 0);\n    pickerValue.value = normalizeTimeToDate(date);\n}\n</script>\n\n<template>\n    <ev-textfield\n        ref=\"evTextfieldRef\"\n        v-bind=\"evTextfieldProps\"\n        v-model:focused=\"isFocused\"\n        class=\"ev-time-field\"\n        inputmode=\"numeric\"\n        pattern=\"[0-9:]*\"\n        :model-value=\"displayValue\"\n        @click:control=\"onFieldFocus\"\n        @blur=\"onFieldBlur\"\n        @keydown=\"onFieldKeydown\"\n        @input=\"onFieldInput\">\n        <template v-if=\"slots.label\" #label>\n            <slot name=\"label\" />\n        </template>\n        <template #default>\n            <ev-menu\n                ref=\"evMenuRef\"\n                v-model=\"isMenuOpen\"\n                activator=\"parent\"\n                position=\"bottom-start\"\n                :open-on-click=\"false\"\n                :close-on-content-click=\"false\"\n                @after-leave=\"onMenuAfterLeave\">\n                <ev-surface elevation=\"overlay\" class=\"ev-time-field--surface\">\n                    <ev-time-picker\n                        ref=\"timePickerRef\"\n                        v-model=\"pickerValue\"\n                        @focusin=\"onDatePickerFocusIn\"\n                        @update:model-value=\"onUpdatePickerValue\" />\n                </ev-surface>\n            </ev-menu>\n        </template>\n    </ev-textfield>\n</template>\n"],"names":["slots","_useSlots","inferredFormat","modelValue","useModelProxy","props","value","inferTimeFormat","date","normalizeTimeToDate","serializeDateToTime","displayValue","ref","pickerValue","watch","displayTimeFromDate","evMenuRef","evTextfieldRef","evTextfieldProps","computed","omit","filterComponentProps","EvTextfield","isFocused","shallowRef","timePickerRef","isMenuOpen","onMenuAfterLeave","onFieldFocus","onFieldBlur","_a","parts","minutes","onDatePickerFocusIn","normalizeTimeInput","raw","hoursRaw","minutesRaw","h","m","hours","onUpdatePickerValue","onFieldKeydown","isPaste","isSelectAll","getSelectedLength","input","onFieldInput"],"mappings":"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"}

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

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