@evance/evance-ui 1.1.64 → 1.1.65

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

@@ -1,2 +1,2 @@
-import{defineComponent as H,useSlots as O,useAttrs as X,computed as i,createBlock as o,createCommentVNode as r,unref as e,openBlock as l,resolveDynamicComponent as j,withKeys as V,normalizeStyle as q,normalizeClass as J,withCtx as d,createElementBlock as u,createElementVNode as w,withDirectives as Q,renderSlot as v,vShow as U,Fragment as A,normalizeProps as W,guardReactiveProps as Y,createTextVNode as Z,toDisplayString as ee,createVNode as ae}from"vue";/* empty css           */import{makeEvTagProps as te}from"./EvTag.mjs";import m from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import k from"../EvDefaultsProvider/EvDefaultsProvider.vue.mjs";import le from"../../icons/glyph/CancelIcon.svg.mjs";import{useLocaleFunctions as se}from"../../composables/locale.mjs";import{useModelProxy as ie}from"../../composables/modelProxy.mjs";import{useRouterLinkOrHref as oe}from"../../composables/router.mjs";import{useGroupItem as re}from"../../composables/groupItem.mjs";import $ from"../EvAvatar/EvAvatar.vue.mjs";import{EvTagGroupSymbol as ne}from"../EvTagGroup/EvTagGroup.mjs";import{EvTransitionExpandX as ce}from"../../EvTransitionExpand.mjs";import{useDefaults as de}from"../../composables/defaults.mjs";import{useAppearance as ue}from"../../util/appearance.mjs";/*! Evance UI v1.1.64 | MIT License */const fe={key:"filter",class:"ev-tag--filter"},ve={key:"prefix",class:"ev-tag--prefix"},me={class:"ev-tag--content","data-no-activator":""},pe={key:"suffix",class:"ev-tag--suffix"},ye=["aria-label"],Ie=H({__name:"EvTag",props:{...te()},emits:["click","click:close","group:selected","update:modelValue"],setup(D,{emit:g}){const a=de(D),c=O(),F=X(),n=oe(a,F),{t:L}=se(),p=ie(a,"modelValue"),t=re(a,ne,!1),I=i(()=>a.link!==!1&&n.isLink.value),f=i(()=>!a.disabled&&a.link!==!1&&(!!t||a.link||n.isClickable.value)),T=i(()=>L("close")),z=i(()=>n.isLink.value?"a":a.tag);function h(s){var y;g("click",s),f.value&&((y=n.navigate)==null||y.call(n,s),t==null||t.toggle())}function K(s){s.stopPropagation(),p.value=!1,g("click:close",s)}function b(s){I.value||!f.value||(s.preventDefault(),h(s))}const x=i(()=>(c.filter||a.filter)&&t),N=i(()=>({isSelected:t==null?void 0:t.isSelected.value,selectedClass:t==null?void 0:t.selectedClass.value,selectedAppearance:t==null?void 0:t.selectedAppearance.value,selectedVariant:t==null?void 0:t.selectedVariant.value,select:t==null?void 0:t.select,toggle:t==null?void 0:t.toggle,value:t==null?void 0:t.value.value,disabled:a.disabled})),_=i(()=>!!(a.avatarStart||a.iconStart)),S=i(()=>!!(a.avatarEnd||a.iconEnd)),B=i(()=>!!(_.value||c.prefix)),M=i(()=>!!(S.value||c.suffix)),{appearanceClass:G,variantClass:R}=ue(a,t,p);return(s,y)=>{var E,C;return e(p)?(l(),o(j(z.value),{key:0,class:J(["ev-tag",{"is-active":(E=e(t))==null?void 0:E.isSelected.value,"is-clickable":f.value,"is-disabled":e(a).disabled,"is-filter":x.value,"is-rounded":e(a).rounded},(C=e(t))==null?void 0:C.selectedClass.value,e(G),e(R),e(a).class]),style:q([e(a).style]),disabled:e(a).disabled||void 0,draggable:e(a).draggable,href:e(n).href.value,tabindex:f.value?0:void 0,onClick:h,onKeydown:[V(b,["enter"]),V(b,["space"])]},{default:d(()=>[x.value?(l(),o(e(ce),{key:"filter"},{default:d(()=>{var P;return[Q(w("div",fe,[e(c).filter?(l(),o(e(k),{key:"filter-defaults",disabled:!e(a).iconFilter,defaults:{EvIcon:{glyph:e(a).iconFilter}}},{default:d(()=>[v(s.$slots,"filter")]),_:3},8,["disabled","defaults"])):(l(),o(e(m),{key:"filter-icon",glyph:e(a).iconFilter},null,8,["glyph"]))],512),[[U,(P=e(t))==null?void 0:P.isSelected.value]])]}),_:3})):r("",!0),B.value?(l(),u("div",ve,[e(c).prefix?(l(),o(e(k),{key:"prefix-defaults",disabled:!_.value,defaults:{EvAvatar:{image:e(a).avatarStart},EvIcon:{glyph:e(a).iconStart}}},{default:d(()=>[v(s.$slots,"prefix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconStart?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconStart},null,8,["glyph"])):r("",!0),e(a).avatarStart?(l(),o(e($),{key:"prefix-avatar",image:e(a).avatarStart},null,8,["image"])):r("",!0)],64))])):r("",!0),w("div",me,[v(s.$slots,"default",W(Y(N.value)),()=>[Z(ee(e(a).text),1)])]),M.value?(l(),u("div",pe,[e(c).suffix?(l(),o(e(k),{key:"suffix-defaults",disabled:!S.value,defaults:{EvAvatar:{image:e(a).avatarEnd},EvIcon:{glyph:e(a).iconEnd}}},{default:d(()=>[v(s.$slots,"suffix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconEnd?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconEnd},null,8,["glyph"])):r("",!0),e(a).avatarEnd?(l(),o(e($),{key:"suffix-avatar",image:e(a).avatarEnd},null,8,["image"])):r("",!0)],64))])):r("",!0),e(a).closable?(l(),u("button",{key:"close",class:"ev-tag--close","aria-label":T.value,onClick:K},[ae(e(m),{glyph:e(le),size:"small"},null,8,["glyph"])],8,ye)):r("",!0)]),_:3},40,["class","style","disabled","draggable","href","tabindex","onKeydown"])):r("",!0)}}});export{Ie as default};
+import{defineComponent as H,useSlots as O,useAttrs as X,computed as i,createBlock as o,createCommentVNode as r,unref as e,openBlock as l,resolveDynamicComponent as j,withKeys as V,normalizeStyle as q,normalizeClass as J,withCtx as d,createElementBlock as u,createElementVNode as w,withDirectives as Q,renderSlot as v,vShow as U,Fragment as A,normalizeProps as W,guardReactiveProps as Y,createTextVNode as Z,toDisplayString as ee,createVNode as ae}from"vue";/* empty css           */import{makeEvTagProps as te}from"./EvTag.mjs";import m from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import k from"../EvDefaultsProvider/EvDefaultsProvider.vue.mjs";import le from"../../icons/glyph/CancelIcon.svg.mjs";import{useLocaleFunctions as se}from"../../composables/locale.mjs";import{useModelProxy as ie}from"../../composables/modelProxy.mjs";import{useRouterLinkOrHref as oe}from"../../composables/router.mjs";import{useGroupItem as re}from"../../composables/groupItem.mjs";import $ from"../EvAvatar/EvAvatar.vue.mjs";import{EvTagGroupSymbol as ne}from"../EvTagGroup/EvTagGroup.mjs";import{EvTransitionExpandX as ce}from"../../EvTransitionExpand.mjs";import{useDefaults as de}from"../../composables/defaults.mjs";import{useAppearance as ue}from"../../util/appearance.mjs";/*! Evance UI v1.1.65 | MIT License */const fe={key:"filter",class:"ev-tag--filter"},ve={key:"prefix",class:"ev-tag--prefix"},me={class:"ev-tag--content","data-no-activator":""},pe={key:"suffix",class:"ev-tag--suffix"},ye=["aria-label"],Ie=H({__name:"EvTag",props:{...te()},emits:["click","click:close","group:selected","update:modelValue"],setup(D,{emit:g}){const a=de(D),c=O(),F=X(),n=oe(a,F),{t:L}=se(),p=ie(a,"modelValue"),t=re(a,ne,!1),I=i(()=>a.link!==!1&&n.isLink.value),f=i(()=>!a.disabled&&a.link!==!1&&(!!t||a.link||n.isClickable.value)),T=i(()=>L("close")),z=i(()=>n.isLink.value?"a":a.tag);function h(s){var y;g("click",s),f.value&&((y=n.navigate)==null||y.call(n,s),t==null||t.toggle())}function K(s){s.stopPropagation(),p.value=!1,g("click:close",s)}function b(s){I.value||!f.value||(s.preventDefault(),h(s))}const x=i(()=>(c.filter||a.filter)&&t),N=i(()=>({isSelected:t==null?void 0:t.isSelected.value,selectedClass:t==null?void 0:t.selectedClass.value,selectedAppearance:t==null?void 0:t.selectedAppearance.value,selectedVariant:t==null?void 0:t.selectedVariant.value,select:t==null?void 0:t.select,toggle:t==null?void 0:t.toggle,value:t==null?void 0:t.value.value,disabled:a.disabled})),_=i(()=>!!(a.avatarStart||a.iconStart)),S=i(()=>!!(a.avatarEnd||a.iconEnd)),B=i(()=>!!(_.value||c.prefix)),M=i(()=>!!(S.value||c.suffix)),{appearanceClass:G,variantClass:R}=ue(a,t,p);return(s,y)=>{var E,C;return e(p)?(l(),o(j(z.value),{key:0,class:J(["ev-tag",{"is-active":(E=e(t))==null?void 0:E.isSelected.value,"is-clickable":f.value,"is-disabled":e(a).disabled,"is-filter":x.value,"is-rounded-pill":e(a).rounded},(C=e(t))==null?void 0:C.selectedClass.value,e(G),e(R),e(a).class]),style:q([e(a).style]),disabled:e(a).disabled||void 0,draggable:e(a).draggable,href:e(n).href.value,tabindex:f.value?0:void 0,onClick:h,onKeydown:[V(b,["enter"]),V(b,["space"])]},{default:d(()=>[x.value?(l(),o(e(ce),{key:"filter"},{default:d(()=>{var P;return[Q(w("div",fe,[e(c).filter?(l(),o(e(k),{key:"filter-defaults",disabled:!e(a).iconFilter,defaults:{EvIcon:{glyph:e(a).iconFilter}}},{default:d(()=>[v(s.$slots,"filter")]),_:3},8,["disabled","defaults"])):(l(),o(e(m),{key:"filter-icon",glyph:e(a).iconFilter},null,8,["glyph"]))],512),[[U,(P=e(t))==null?void 0:P.isSelected.value]])]}),_:3})):r("",!0),B.value?(l(),u("div",ve,[e(c).prefix?(l(),o(e(k),{key:"prefix-defaults",disabled:!_.value,defaults:{EvAvatar:{image:e(a).avatarStart},EvIcon:{glyph:e(a).iconStart}}},{default:d(()=>[v(s.$slots,"prefix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconStart?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconStart},null,8,["glyph"])):r("",!0),e(a).avatarStart?(l(),o(e($),{key:"prefix-avatar",image:e(a).avatarStart},null,8,["image"])):r("",!0)],64))])):r("",!0),w("div",me,[v(s.$slots,"default",W(Y(N.value)),()=>[Z(ee(e(a).text),1)])]),M.value?(l(),u("div",pe,[e(c).suffix?(l(),o(e(k),{key:"suffix-defaults",disabled:!S.value,defaults:{EvAvatar:{image:e(a).avatarEnd},EvIcon:{glyph:e(a).iconEnd}}},{default:d(()=>[v(s.$slots,"suffix")]),_:3},8,["disabled","defaults"])):(l(),u(A,{key:0},[e(a).iconEnd?(l(),o(e(m),{key:"prefix-icon",glyph:e(a).iconEnd},null,8,["glyph"])):r("",!0),e(a).avatarEnd?(l(),o(e($),{key:"suffix-avatar",image:e(a).avatarEnd},null,8,["image"])):r("",!0)],64))])):r("",!0),e(a).closable?(l(),u("button",{key:"close",class:"ev-tag--close","aria-label":T.value,onClick:K},[ae(e(m),{glyph:e(le),size:"small"},null,8,["glyph"])],8,ye)):r("",!0)]),_:3},40,["class","style","disabled","draggable","href","tabindex","onKeydown"])):r("",!0)}}});export{Ie as default};
 //# sourceMappingURL=EvTag.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvTag.vue.mjs","sources":["../../../../src/components/EvTag/EvTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTag.scss\";\nimport { EvTagSlots, makeEvTagProps } from \"./EvTag\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvDefaultsProvider } from \"@/components/EvDefaultsProvider\";\nimport { CancelIcon } from \"@/icons\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { computed, useAttrs } from \"vue\";\nimport { KeyboardEvent } from \"react\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { GroupItemProps, useGroupItem } from \"@/composables/groupItem\";\nimport { EvAvatar } from \"@/components/EvAvatar\";\nimport { EvTagGroupSymbol } from \"@/components/EvTagGroup\";\nimport { EvTransitionExpandX } from \"@/components/EvTransition/transitions\";\nimport { useDefaults } from \"@/composables\";\nimport { AppearanceProps, useAppearance } from \"@/util\";\n\nconst definedProps = defineProps({\n    ...makeEvTagProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<EvTagSlots>();\nconst attrs = useAttrs();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\nconst { t } = useLocaleFunctions();\nconst emit = defineEmits([\n    \"click\",\n    \"click:close\",\n    \"group:selected\",\n    \"update:modelValue\",\n]);\nconst isActive = useModelProxy(props, \"modelValue\");\nconst group = useGroupItem(\n    props as any as GroupItemProps,\n    EvTagGroupSymbol,\n    false,\n);\nconst isLink = computed(() => {\n    return props.link !== false && link.isLink.value;\n});\nconst isClickable = computed(() => {\n    return (\n        !props.disabled &&\n        props.link !== false &&\n        (!!group || props.link || link.isClickable.value)\n    );\n});\n\nconst closeLabel = computed(() => {\n    return t(\"close\");\n});\n\nconst tag = computed(() => {\n    return link.isLink.value ? \"a\" : props.tag;\n});\n\n/**\n * ## onClick\n * @param e\n */\nfunction onClick(e: MouseEvent) {\n    emit(\"click\", e);\n    if (!isClickable.value) {\n        return;\n    }\n    link.navigate?.(e);\n    group?.toggle();\n}\n\n/**\n * ## onClickClose\n * @param e\n */\nfunction onClickClose(e: MouseEvent) {\n    e.stopPropagation();\n    isActive.value = false;\n    emit(\"click:close\", e);\n}\n\n/**\n * ## onKeyDown\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent) {\n    if (isLink.value || !isClickable.value) {\n        return;\n    }\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n}\n\nconst hasFilter = computed(() => {\n    return (slots.filter || props.filter) && group;\n});\n\nconst defaultSlotProps = computed(() => {\n    return {\n        isSelected: group?.isSelected.value,\n        selectedClass: group?.selectedClass.value,\n        selectedAppearance: group?.selectedAppearance.value,\n        selectedVariant: group?.selectedVariant.value,\n        select: group?.select,\n        toggle: group?.toggle,\n        value: group?.value.value,\n        disabled: props.disabled,\n    };\n});\n\nconst hasPrefixMedia = computed(() => !!(props.avatarStart || props.iconStart));\nconst hasSuffixMedia = computed(() => !!(props.avatarEnd || props.iconEnd));\nconst hasPrefix = computed(() => !!(hasPrefixMedia.value || slots.prefix));\nconst hasSuffix = computed(() => !!(hasSuffixMedia.value || slots.suffix));\n\nconst { appearanceClass, variantClass } = useAppearance(\n    props as AppearanceProps,\n    group,\n    isActive,\n);\n</script>\n\n<template>\n    <component\n        :is=\"tag\"\n        v-if=\"isActive\"\n        :class=\"[\n            'ev-tag',\n            {\n                'is-active': group?.isSelected.value,\n                'is-clickable': isClickable,\n                'is-disabled': props.disabled,\n                'is-filter': hasFilter,\n                'is-rounded': props.rounded,\n            },\n            group?.selectedClass.value,\n            appearanceClass,\n            variantClass,\n            props.class,\n        ]\"\n        :style=\"[props.style]\"\n        :disabled=\"props.disabled || undefined\"\n        :draggable=\"props.draggable\"\n        :href=\"link.href.value\"\n        :tabindex=\"isClickable ? 0 : undefined\"\n        @click=\"onClick\"\n        @keydown.enter=\"onKeyDown\"\n        @keydown.space=\"onKeyDown\">\n        <template v-if=\"hasFilter\">\n            <ev-transition-expand-x key=\"filter\">\n                <div\n                    v-show=\"group?.isSelected.value\"\n                    key=\"filter\"\n                    class=\"ev-tag--filter\">\n                    <template v-if=\"!slots.filter\">\n                        <ev-icon key=\"filter-icon\" :glyph=\"props.iconFilter\" />\n                    </template>\n                    <template v-else>\n                        <ev-defaults-provider\n                            key=\"filter-defaults\"\n                            :disabled=\"!props.iconFilter\"\n                            :defaults=\"{ EvIcon: { glyph: props.iconFilter } }\">\n                            <slot name=\"filter\" />\n                        </ev-defaults-provider>\n                    </template>\n                </div>\n            </ev-transition-expand-x>\n        </template>\n\n        <div v-if=\"hasPrefix\" key=\"prefix\" class=\"ev-tag--prefix\">\n            <template v-if=\"!slots.prefix\">\n                <ev-icon\n                    v-if=\"props.iconStart\"\n                    key=\"prefix-icon\"\n                    :glyph=\"props.iconStart\" />\n                <ev-avatar\n                    v-if=\"props.avatarStart\"\n                    key=\"prefix-avatar\"\n                    :image=\"props.avatarStart\" />\n            </template>\n            <template v-else>\n                <ev-defaults-provider\n                    key=\"prefix-defaults\"\n                    :disabled=\"!hasPrefixMedia\"\n                    :defaults=\"{\n                        EvAvatar: { image: props.avatarStart },\n                        EvIcon: { glyph: props.iconStart },\n                    }\">\n                    <slot name=\"prefix\" />\n                </ev-defaults-provider>\n            </template>\n        </div>\n\n        <div class=\"ev-tag--content\" data-no-activator=\"\">\n            <slot name=\"default\" v-bind=\"defaultSlotProps\">{{\n                props.text\n            }}</slot>\n        </div>\n\n        <div v-if=\"hasSuffix\" key=\"suffix\" class=\"ev-tag--suffix\">\n            <template v-if=\"!slots.suffix\">\n                <ev-icon\n                    v-if=\"props.iconEnd\"\n                    key=\"prefix-icon\"\n                    :glyph=\"props.iconEnd\" />\n                <ev-avatar\n                    v-if=\"props.avatarEnd\"\n                    key=\"suffix-avatar\"\n                    :image=\"props.avatarEnd\" />\n            </template>\n            <template v-else>\n                <ev-defaults-provider\n                    key=\"suffix-defaults\"\n                    :disabled=\"!hasSuffixMedia\"\n                    :defaults=\"{\n                        EvAvatar: { image: props.avatarEnd },\n                        EvIcon: { glyph: props.iconEnd },\n                    }\">\n                    <slot name=\"suffix\" />\n                </ev-defaults-provider>\n            </template>\n        </div>\n\n        <button\n            v-if=\"props.closable\"\n            key=\"close\"\n            class=\"ev-tag--close\"\n            :aria-label=\"closeLabel\"\n            @click=\"onClickClose\">\n            <ev-icon :glyph=\"CancelIcon\" size=\"small\" />\n        </button>\n    </component>\n</template>\n"],"names":["props","useDefaults","slots","_useSlots","attrs","useAttrs","link","useRouterLinkOrHref","t","useLocaleFunctions","isActive","useModelProxy","group","useGroupItem","EvTagGroupSymbol","isLink","computed","isClickable","closeLabel","tag","onClick","e","emit","_a","onClickClose","onKeyDown","hasFilter","defaultSlotProps","hasPrefixMedia","hasSuffixMedia","hasPrefix","hasSuffix","appearanceClass","variantClass","useAppearance"],"mappings":"ymDAwBM,MAAAA,EAAQC,IAAwB,EAChCC,EAAQC,IACRC,EAAQC,EAAS,EACjBC,EAAOC,GAAoBP,EAAgCI,CAAK,EAChE,CAAE,EAAAI,CAAE,EAAIC,GAAmB,EAO3BC,EAAWC,GAAcX,EAAO,YAAY,EAC5CY,EAAQC,GACVb,EACAc,GACA,EACJ,EACMC,EAASC,EAAS,IACbhB,EAAM,OAAS,IAASM,EAAK,OAAO,KAC9C,EACKW,EAAcD,EAAS,IAErB,CAAChB,EAAM,UACPA,EAAM,OAAS,KACd,CAAC,CAACY,GAASZ,EAAM,MAAQM,EAAK,YAAY,MAElD,EAEKY,EAAaF,EAAS,IACjBR,EAAE,OAAO,CACnB,EAEKW,EAAMH,EAAS,IACVV,EAAK,OAAO,MAAQ,IAAMN,EAAM,GAC1C,EAMD,SAASoB,EAAQC,EAAe,OAC5BC,EAAK,QAASD,CAAC,EACVJ,EAAY,SAGjBM,EAAAjB,EAAK,WAAL,MAAAiB,EAAA,KAAAjB,EAAgBe,GAChBT,GAAA,MAAAA,EAAO,SAAO,CAOlB,SAASY,EAAaH,EAAe,CACjCA,EAAE,gBAAgB,EAClBX,EAAS,MAAQ,GACjBY,EAAK,cAAeD,CAAC,CAAA,CAOzB,SAASI,EAAUJ,EAAkB,CAC7BN,EAAO,OAAS,CAACE,EAAY,QAGjCI,EAAE,eAAe,EACjBD,EAAQC,CAAsB,EAAA,CAG5B,MAAAK,EAAYV,EAAS,KACfd,EAAM,QAAUF,EAAM,SAAWY,CAC5C,EAEKe,EAAmBX,EAAS,KACvB,CACH,WAAYJ,GAAA,YAAAA,EAAO,WAAW,MAC9B,cAAeA,GAAA,YAAAA,EAAO,cAAc,MACpC,mBAAoBA,GAAA,YAAAA,EAAO,mBAAmB,MAC9C,gBAAiBA,GAAA,YAAAA,EAAO,gBAAgB,MACxC,OAAQA,GAAA,YAAAA,EAAO,OACf,OAAQA,GAAA,YAAAA,EAAO,OACf,MAAOA,GAAA,YAAAA,EAAO,MAAM,MACpB,SAAUZ,EAAM,QACpB,EACH,EAEK4B,EAAiBZ,EAAS,IAAM,CAAC,EAAEhB,EAAM,aAAeA,EAAM,UAAU,EACxE6B,EAAiBb,EAAS,IAAM,CAAC,EAAEhB,EAAM,WAAaA,EAAM,QAAQ,EACpE8B,EAAYd,EAAS,IAAM,CAAC,EAAEY,EAAe,OAAS1B,EAAM,OAAO,EACnE6B,EAAYf,EAAS,IAAM,CAAC,EAAEa,EAAe,OAAS3B,EAAM,OAAO,EAEnE,CAAE,gBAAA8B,EAAiB,aAAAC,CAAA,EAAiBC,GACtClC,EACAY,EACAF,CACJ"}
+{"version":3,"file":"EvTag.vue.mjs","sources":["../../../../src/components/EvTag/EvTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvTag.scss\";\nimport { EvTagSlots, makeEvTagProps } from \"./EvTag\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvDefaultsProvider } from \"@/components/EvDefaultsProvider\";\nimport { CancelIcon } from \"@/icons\";\nimport { useLocaleFunctions } from \"@/composables/locale\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { computed, useAttrs } from \"vue\";\nimport { KeyboardEvent } from \"react\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { GroupItemProps, useGroupItem } from \"@/composables/groupItem\";\nimport { EvAvatar } from \"@/components/EvAvatar\";\nimport { EvTagGroupSymbol } from \"@/components/EvTagGroup\";\nimport { EvTransitionExpandX } from \"@/components/EvTransition/transitions\";\nimport { useDefaults } from \"@/composables\";\nimport { AppearanceProps, useAppearance } from \"@/util\";\n\nconst definedProps = defineProps({\n    ...makeEvTagProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<EvTagSlots>();\nconst attrs = useAttrs();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\nconst { t } = useLocaleFunctions();\nconst emit = defineEmits([\n    \"click\",\n    \"click:close\",\n    \"group:selected\",\n    \"update:modelValue\",\n]);\nconst isActive = useModelProxy(props, \"modelValue\");\nconst group = useGroupItem(\n    props as any as GroupItemProps,\n    EvTagGroupSymbol,\n    false,\n);\nconst isLink = computed(() => {\n    return props.link !== false && link.isLink.value;\n});\nconst isClickable = computed(() => {\n    return (\n        !props.disabled &&\n        props.link !== false &&\n        (!!group || props.link || link.isClickable.value)\n    );\n});\n\nconst closeLabel = computed(() => {\n    return t(\"close\");\n});\n\nconst tag = computed(() => {\n    return link.isLink.value ? \"a\" : props.tag;\n});\n\n/**\n * ## onClick\n * @param e\n */\nfunction onClick(e: MouseEvent) {\n    emit(\"click\", e);\n    if (!isClickable.value) {\n        return;\n    }\n    link.navigate?.(e);\n    group?.toggle();\n}\n\n/**\n * ## onClickClose\n * @param e\n */\nfunction onClickClose(e: MouseEvent) {\n    e.stopPropagation();\n    isActive.value = false;\n    emit(\"click:close\", e);\n}\n\n/**\n * ## onKeyDown\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent) {\n    if (isLink.value || !isClickable.value) {\n        return;\n    }\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n}\n\nconst hasFilter = computed(() => {\n    return (slots.filter || props.filter) && group;\n});\n\nconst defaultSlotProps = computed(() => {\n    return {\n        isSelected: group?.isSelected.value,\n        selectedClass: group?.selectedClass.value,\n        selectedAppearance: group?.selectedAppearance.value,\n        selectedVariant: group?.selectedVariant.value,\n        select: group?.select,\n        toggle: group?.toggle,\n        value: group?.value.value,\n        disabled: props.disabled,\n    };\n});\n\nconst hasPrefixMedia = computed(() => !!(props.avatarStart || props.iconStart));\nconst hasSuffixMedia = computed(() => !!(props.avatarEnd || props.iconEnd));\nconst hasPrefix = computed(() => !!(hasPrefixMedia.value || slots.prefix));\nconst hasSuffix = computed(() => !!(hasSuffixMedia.value || slots.suffix));\n\nconst { appearanceClass, variantClass } = useAppearance(\n    props as AppearanceProps,\n    group,\n    isActive,\n);\n</script>\n\n<template>\n    <component\n        :is=\"tag\"\n        v-if=\"isActive\"\n        :class=\"[\n            'ev-tag',\n            {\n                'is-active': group?.isSelected.value,\n                'is-clickable': isClickable,\n                'is-disabled': props.disabled,\n                'is-filter': hasFilter,\n                'is-rounded-pill': props.rounded,\n            },\n            group?.selectedClass.value,\n            appearanceClass,\n            variantClass,\n            props.class,\n        ]\"\n        :style=\"[props.style]\"\n        :disabled=\"props.disabled || undefined\"\n        :draggable=\"props.draggable\"\n        :href=\"link.href.value\"\n        :tabindex=\"isClickable ? 0 : undefined\"\n        @click=\"onClick\"\n        @keydown.enter=\"onKeyDown\"\n        @keydown.space=\"onKeyDown\">\n        <template v-if=\"hasFilter\">\n            <ev-transition-expand-x key=\"filter\">\n                <div\n                    v-show=\"group?.isSelected.value\"\n                    key=\"filter\"\n                    class=\"ev-tag--filter\">\n                    <template v-if=\"!slots.filter\">\n                        <ev-icon key=\"filter-icon\" :glyph=\"props.iconFilter\" />\n                    </template>\n                    <template v-else>\n                        <ev-defaults-provider\n                            key=\"filter-defaults\"\n                            :disabled=\"!props.iconFilter\"\n                            :defaults=\"{ EvIcon: { glyph: props.iconFilter } }\">\n                            <slot name=\"filter\" />\n                        </ev-defaults-provider>\n                    </template>\n                </div>\n            </ev-transition-expand-x>\n        </template>\n\n        <div v-if=\"hasPrefix\" key=\"prefix\" class=\"ev-tag--prefix\">\n            <template v-if=\"!slots.prefix\">\n                <ev-icon\n                    v-if=\"props.iconStart\"\n                    key=\"prefix-icon\"\n                    :glyph=\"props.iconStart\" />\n                <ev-avatar\n                    v-if=\"props.avatarStart\"\n                    key=\"prefix-avatar\"\n                    :image=\"props.avatarStart\" />\n            </template>\n            <template v-else>\n                <ev-defaults-provider\n                    key=\"prefix-defaults\"\n                    :disabled=\"!hasPrefixMedia\"\n                    :defaults=\"{\n                        EvAvatar: { image: props.avatarStart },\n                        EvIcon: { glyph: props.iconStart },\n                    }\">\n                    <slot name=\"prefix\" />\n                </ev-defaults-provider>\n            </template>\n        </div>\n\n        <div class=\"ev-tag--content\" data-no-activator=\"\">\n            <slot name=\"default\" v-bind=\"defaultSlotProps\">{{\n                props.text\n            }}</slot>\n        </div>\n\n        <div v-if=\"hasSuffix\" key=\"suffix\" class=\"ev-tag--suffix\">\n            <template v-if=\"!slots.suffix\">\n                <ev-icon\n                    v-if=\"props.iconEnd\"\n                    key=\"prefix-icon\"\n                    :glyph=\"props.iconEnd\" />\n                <ev-avatar\n                    v-if=\"props.avatarEnd\"\n                    key=\"suffix-avatar\"\n                    :image=\"props.avatarEnd\" />\n            </template>\n            <template v-else>\n                <ev-defaults-provider\n                    key=\"suffix-defaults\"\n                    :disabled=\"!hasSuffixMedia\"\n                    :defaults=\"{\n                        EvAvatar: { image: props.avatarEnd },\n                        EvIcon: { glyph: props.iconEnd },\n                    }\">\n                    <slot name=\"suffix\" />\n                </ev-defaults-provider>\n            </template>\n        </div>\n\n        <button\n            v-if=\"props.closable\"\n            key=\"close\"\n            class=\"ev-tag--close\"\n            :aria-label=\"closeLabel\"\n            @click=\"onClickClose\">\n            <ev-icon :glyph=\"CancelIcon\" size=\"small\" />\n        </button>\n    </component>\n</template>\n"],"names":["props","useDefaults","slots","_useSlots","attrs","useAttrs","link","useRouterLinkOrHref","t","useLocaleFunctions","isActive","useModelProxy","group","useGroupItem","EvTagGroupSymbol","isLink","computed","isClickable","closeLabel","tag","onClick","e","emit","_a","onClickClose","onKeyDown","hasFilter","defaultSlotProps","hasPrefixMedia","hasSuffixMedia","hasPrefix","hasSuffix","appearanceClass","variantClass","useAppearance"],"mappings":"ymDAwBM,MAAAA,EAAQC,IAAwB,EAChCC,EAAQC,IACRC,EAAQC,EAAS,EACjBC,EAAOC,GAAoBP,EAAgCI,CAAK,EAChE,CAAE,EAAAI,CAAE,EAAIC,GAAmB,EAO3BC,EAAWC,GAAcX,EAAO,YAAY,EAC5CY,EAAQC,GACVb,EACAc,GACA,EACJ,EACMC,EAASC,EAAS,IACbhB,EAAM,OAAS,IAASM,EAAK,OAAO,KAC9C,EACKW,EAAcD,EAAS,IAErB,CAAChB,EAAM,UACPA,EAAM,OAAS,KACd,CAAC,CAACY,GAASZ,EAAM,MAAQM,EAAK,YAAY,MAElD,EAEKY,EAAaF,EAAS,IACjBR,EAAE,OAAO,CACnB,EAEKW,EAAMH,EAAS,IACVV,EAAK,OAAO,MAAQ,IAAMN,EAAM,GAC1C,EAMD,SAASoB,EAAQC,EAAe,OAC5BC,EAAK,QAASD,CAAC,EACVJ,EAAY,SAGjBM,EAAAjB,EAAK,WAAL,MAAAiB,EAAA,KAAAjB,EAAgBe,GAChBT,GAAA,MAAAA,EAAO,SAAO,CAOlB,SAASY,EAAaH,EAAe,CACjCA,EAAE,gBAAgB,EAClBX,EAAS,MAAQ,GACjBY,EAAK,cAAeD,CAAC,CAAA,CAOzB,SAASI,EAAUJ,EAAkB,CAC7BN,EAAO,OAAS,CAACE,EAAY,QAGjCI,EAAE,eAAe,EACjBD,EAAQC,CAAsB,EAAA,CAG5B,MAAAK,EAAYV,EAAS,KACfd,EAAM,QAAUF,EAAM,SAAWY,CAC5C,EAEKe,EAAmBX,EAAS,KACvB,CACH,WAAYJ,GAAA,YAAAA,EAAO,WAAW,MAC9B,cAAeA,GAAA,YAAAA,EAAO,cAAc,MACpC,mBAAoBA,GAAA,YAAAA,EAAO,mBAAmB,MAC9C,gBAAiBA,GAAA,YAAAA,EAAO,gBAAgB,MACxC,OAAQA,GAAA,YAAAA,EAAO,OACf,OAAQA,GAAA,YAAAA,EAAO,OACf,MAAOA,GAAA,YAAAA,EAAO,MAAM,MACpB,SAAUZ,EAAM,QACpB,EACH,EAEK4B,EAAiBZ,EAAS,IAAM,CAAC,EAAEhB,EAAM,aAAeA,EAAM,UAAU,EACxE6B,EAAiBb,EAAS,IAAM,CAAC,EAAEhB,EAAM,WAAaA,EAAM,QAAQ,EACpE8B,EAAYd,EAAS,IAAM,CAAC,EAAEY,EAAe,OAAS1B,EAAM,OAAO,EACnE6B,EAAYf,EAAS,IAAM,CAAC,EAAEa,EAAe,OAAS3B,EAAM,OAAO,EAEnE,CAAE,gBAAA8B,EAAiB,aAAAC,CAAA,EAAiBC,GACtClC,EACAY,EACAF,CACJ"}

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

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

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

@@ -1,2 +1,2 @@
-import{makeTagProps as o}from"../../composables/tag.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeGroupProps as e}from"../../composables/group.mjs";import{makeEvSlideGroupProps as p}from"../EvSlideGroup/EvSlideGroup.mjs";import{propsFactory as a}from"../../util/props.mjs";import{isDeepEqual as m}from"../../util/is-functions.mjs";/*! Evance UI v1.1.64 | MIT License */const c=Symbol.for("ev:tag-group"),f=a({column:Boolean,filter:Boolean,valueComparator:{type:Function,default:m},...p(),...r(),...e({selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"outlined"}),...o()},"EvTagGroup");export{c as EvTagGroupSymbol,f as makeEvTagGroupProps};
+import{makeTagProps as o}from"../../composables/tag.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeGroupProps as e}from"../../composables/group.mjs";import{makeEvSlideGroupProps as p}from"../EvSlideGroup/EvSlideGroup.mjs";import{propsFactory as a}from"../../util/props.mjs";import{isDeepEqual as m}from"../../util/is-functions.mjs";/*! Evance UI v1.1.65 | MIT License */const c=Symbol.for("ev:tag-group"),f=a({column:Boolean,filter:Boolean,valueComparator:{type:Function,default:m},...p(),...r(),...e({selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"outlined"}),...o()},"EvTagGroup");export{c as EvTagGroupSymbol,f as makeEvTagGroupProps};
 //# sourceMappingURL=EvTagGroup.mjs.map

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

@@ -1,2 +1,2 @@
-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.64 | 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};
+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.65 | 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.vue2.mjs

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

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

@@ -1,2 +1,2 @@
-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.64 | 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};
+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.65 | 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.vue.mjs

@@ -1,2 +1,2 @@
-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.64 | 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};
+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.65 | 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.vue3.mjs

@@ -1,2 +1,2 @@
-import o from"./EvText.vue.mjs";/* empty css            *//*! Evance UI v1.1.64 | MIT License */export{o as default};
+import o from"./EvText.vue.mjs";/* empty css            *//*! Evance UI v1.1.65 | MIT License */export{o as default};
 //# sourceMappingURL=EvText.vue3.mjs.map

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

@@ -1,2 +1,2 @@
-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.64 | MIT License */const i=r({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,maxlength:Number,...a(),...e(),...t(),...o()},"EvTextarea");export{i as makeEvTextareaProps};
+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.65 | MIT License */const i=r({autofocus:Boolean,autoselect:Boolean,autogrow:{type:Boolean,default:!0},autosubmit:Function,clearable:Boolean,loading:Boolean,placeholder:String,maxlength:Number,...a(),...e(),...t(),...o()},"EvTextarea");export{i as makeEvTextareaProps};
 //# sourceMappingURL=EvTextarea.mjs.map

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

@@ -1,2 +1,2 @@
-import j from"../EvButton/EvButton.vue.mjs";import{defineComponent as q,useSlots as G,useAttrs as J,ref as k,computed as d,onUpdated as O,onMounted as Q,createElementBlock as s,openBlock as r,mergeProps as b,unref as t,createCommentVNode as l,createElementVNode as f,createVNode as i,withCtx as h,renderSlot as W,normalizeClass as X,withDirectives as Y,withKeys as Z,vModelText as ee,Transition as te,createBlock as w,createTextVNode as oe,toDisplayString as ae,nextTick as ne}from"vue";/* empty css                */import{makeEvTextareaProps as re}from"./EvTextarea.mjs";import{useAutofocus as le}from"../../composables/focus.mjs";import se from"../../icons/glyph/CancelIcon.svg.mjs";import C from"../EvProgress/EvProgress.vue.mjs";import ie from"../EvErrors/EvErrors.vue.mjs";import ue from"../EvLabel/EvLabel.vue.mjs";import ce from"../EvText/EvText.vue.mjs";/* empty css                    */import me from"../EvHotkey/EvHotkey.vue.mjs";import pe from"../EvT/EvT.vue.mjs";import{useFormField as de}from"../../composables/validation.mjs";import{useLocaleFunctions as fe}from"../../composables/locale.mjs";import{splitInputAttrs as he}from"../../util/helpers.mjs";import{Appearance as g,InputAppearance as ge}from"../../util/appearance.mjs";import{appearanceModifier as ve}from"../../util/modifiers.mjs";/*! Evance UI v1.1.64 | MIT License */const xe={key:0,class:"ev-textarea--label"},_e={class:"ev-textarea--input-wrapper"},ye={class:"ev-textarea--input"},ke=["id","name","disabled","readonly","placeholder","autofocus","maxlength","onKeydown"],be={key:0,class:"ev-textarea--clearable"},we={key:0,class:"ev-textarea-control--footer"},Ce={key:2,class:"ev-textarea-control--autosubmit"},Me={key:1,class:"ev-textarea--loader"},Ae={key:1,class:"ev-textarea--errors"},qe=q({inheritAttrs:!1,__name:"EvTextarea",props:{...re()},emits:["click:clear","click:control","mousedown:control","update:focused","update:modelValue"],setup(M,{expose:A,emit:v}){const o=M,E=G(),F=J(),T=k(null),u=k(null),[$,D]=he(F),a=de(o),K=d(()=>o.clearable&&!!a.value),{t:R}=fe();function c(){return u.value}function V(e){var n;e.stopPropagation(),ne(()=>{a.value=null,v("click:clear",e)}),(n=c())==null||n.focus()}function z(e){e.preventDefault(),e.stopPropagation()}function x(e){var n;a.focus(e),o.autoselect&&((n=c())==null||n.select())}function P(e){x(),v("click:control",e)}function B(e){v("mousedown:control",e),e.target!==u.value&&(x(),e.preventDefault())}function I(e){m()}function N(e){m()}function S(e){o.autosubmit&&(o.autosubmit(),e.preventDefault())}function m(){if(!o.autogrow)return;const e=c();e&&(e.style.height="auto",e.style.height=e.scrollHeight+1+"px")}O(()=>{m()}),Q(()=>{m()});const L=le(o),U=d(()=>{var e;return!o.maxlength||!((e=a.value)!=null&&e.length)?0:Math.min(100,Math.round(a.value.length/o.maxlength*100))}),y=d(()=>{var p;if(!a.isFocused||!o.maxlength||!((p=a.value)!=null&&p.length))return;const e=o.maxlength-a.value.length;if(e<=0)return g.danger;const n=Math.min(10,Math.ceil(o.maxlength*.25));if(e<=n)return g.warning}),H=d(()=>{var e;return o.maxlength?R("textarea.characters",{value:((e=a.value)==null?void 0:e.length)??0,maxlength:o.maxlength}):""});return A({field:a,input:u,focus:()=>{var e;(e=c())==null||e.focus()}}),(e,n)=>{const p=j;return r(),s("div",b({ref_key:"containerRef",ref:T,class:["ev-textarea",[{"is-loading":e.loading,"is-autogrow":e.autogrow},t(a).classes,o.class]],style:o.style,role:"textbox"},t($)),[o.label||o.hint||t(E).label?(r(),s("div",xe,[i(t(ue),{for:t(a).id,title:o.label,hint:o.hint},{default:h(()=>[W(e.$slots,"label")]),_:3},8,["for","title","hint"])])):l("",!0),f("div",{class:X(["ev-textarea--control",t(ve)(o.appearance,[t(ge).default])]),onClick:P,onMousedown:B},[f("div",_e,[f("div",ye,[Y(f("textarea",b({id:t(a).id,ref_key:"inputRef",ref:u,"onUpdate:modelValue":n[0]||(n[0]=_=>t(a).value=_),name:t(a).name,disabled:t(a).isDisabled,readonly:t(a).isReadonly,placeholder:e.placeholder,autofocus:e.autofocus,maxlength:o.maxlength},t(D),{onFocus:x,onBlur:n[1]||(n[1]=(..._)=>t(a).blur&&t(a).blur(..._)),onKeydown:[I,Z(S,["enter"])],onKeyup:N}),null,16,ke),[[ee,t(a).value],[t(L)]])]),i(te,{name:"slide-fade"},{default:h(()=>[K.value?(r(),s("div",be,[i(p,{variant:"subtle",icon:t(se),size:"small",onClick:V,onMousedown:z},null,8,["icon"])])):l("",!0)]),_:1})]),o.maxlength||o.autosubmit?(r(),s("div",we,[o.maxlength?(r(),w(t(C),{key:0,size:1,percentage:U.value,appearance:y.value},null,8,["percentage","appearance"])):l("",!0),o.maxlength?(r(),w(t(ce),{key:1,tag:"span",class:"ev-textarea-control--characters",appearance:y.value},{default:h(()=>[oe(ae(H.value),1)]),_:1},8,["appearance"])):l("",!0),o.autosubmit?(r(),s("div",Ce,[i(t(pe),{keypath:"textarea.autosubmit"},{hotkey:h(()=>[i(t(me),{keys:"enter"})]),_:1})])):l("",!0)])):l("",!0),e.loading?(r(),s("div",Me,[i(t(C),{indeterminate:"",appearance:t(a).isFocused?t(g).notice:t(g).default,size:2},null,8,["appearance"])])):l("",!0)],34),t(a).isShowErrorMessages?(r(),s("div",Ae,[i(t(ie),{messages:t(a).errorMessages},null,8,["messages"])])):l("",!0)],16)}}});export{qe as default};
+import j from"../EvButton/EvButton.vue.mjs";import{defineComponent as q,useSlots as G,useAttrs as J,ref as k,computed as d,onUpdated as O,onMounted as Q,createElementBlock as s,openBlock as r,mergeProps as b,unref as t,createCommentVNode as l,createElementVNode as f,createVNode as i,withCtx as h,renderSlot as W,normalizeClass as X,withDirectives as Y,withKeys as Z,vModelText as ee,Transition as te,createBlock as w,createTextVNode as oe,toDisplayString as ae,nextTick as ne}from"vue";/* empty css                */import{makeEvTextareaProps as re}from"./EvTextarea.mjs";import{useAutofocus as le}from"../../composables/focus.mjs";import se from"../../icons/glyph/CancelIcon.svg.mjs";import C from"../EvProgress/EvProgress.vue.mjs";import ie from"../EvErrors/EvErrors.vue.mjs";import ue from"../EvLabel/EvLabel.vue.mjs";import ce from"../EvText/EvText.vue.mjs";/* empty css                    */import me from"../EvHotkey/EvHotkey.vue.mjs";import pe from"../EvT/EvT.vue.mjs";import{useFormField as de}from"../../composables/validation.mjs";import{useLocaleFunctions as fe}from"../../composables/locale.mjs";import{splitInputAttrs as he}from"../../util/helpers.mjs";import{Appearance as g,InputAppearance as ge}from"../../util/appearance.mjs";import{appearanceModifier as ve}from"../../util/modifiers.mjs";/*! Evance UI v1.1.65 | MIT License */const xe={key:0,class:"ev-textarea--label"},_e={class:"ev-textarea--input-wrapper"},ye={class:"ev-textarea--input"},ke=["id","name","disabled","readonly","placeholder","autofocus","maxlength","onKeydown"],be={key:0,class:"ev-textarea--clearable"},we={key:0,class:"ev-textarea-control--footer"},Ce={key:2,class:"ev-textarea-control--autosubmit"},Me={key:1,class:"ev-textarea--loader"},Ae={key:1,class:"ev-textarea--errors"},qe=q({inheritAttrs:!1,__name:"EvTextarea",props:{...re()},emits:["click:clear","click:control","mousedown:control","update:focused","update:modelValue"],setup(M,{expose:A,emit:v}){const o=M,E=G(),F=J(),T=k(null),u=k(null),[$,D]=he(F),a=de(o),K=d(()=>o.clearable&&!!a.value),{t:R}=fe();function c(){return u.value}function V(e){var n;e.stopPropagation(),ne(()=>{a.value=null,v("click:clear",e)}),(n=c())==null||n.focus()}function z(e){e.preventDefault(),e.stopPropagation()}function x(e){var n;a.focus(e),o.autoselect&&((n=c())==null||n.select())}function P(e){x(),v("click:control",e)}function B(e){v("mousedown:control",e),e.target!==u.value&&(x(),e.preventDefault())}function I(e){m()}function N(e){m()}function S(e){o.autosubmit&&(o.autosubmit(),e.preventDefault())}function m(){if(!o.autogrow)return;const e=c();e&&(e.style.height="auto",e.style.height=e.scrollHeight+1+"px")}O(()=>{m()}),Q(()=>{m()});const L=le(o),U=d(()=>{var e;return!o.maxlength||!((e=a.value)!=null&&e.length)?0:Math.min(100,Math.round(a.value.length/o.maxlength*100))}),y=d(()=>{var p;if(!a.isFocused||!o.maxlength||!((p=a.value)!=null&&p.length))return;const e=o.maxlength-a.value.length;if(e<=0)return g.danger;const n=Math.min(10,Math.ceil(o.maxlength*.25));if(e<=n)return g.warning}),H=d(()=>{var e;return o.maxlength?R("textarea.characters",{value:((e=a.value)==null?void 0:e.length)??0,maxlength:o.maxlength}):""});return A({field:a,input:u,focus:()=>{var e;(e=c())==null||e.focus()}}),(e,n)=>{const p=j;return r(),s("div",b({ref_key:"containerRef",ref:T,class:["ev-textarea",[{"is-loading":e.loading,"is-autogrow":e.autogrow},t(a).classes,o.class]],style:o.style,role:"textbox"},t($)),[o.label||o.hint||t(E).label?(r(),s("div",xe,[i(t(ue),{for:t(a).id,title:o.label,hint:o.hint},{default:h(()=>[W(e.$slots,"label")]),_:3},8,["for","title","hint"])])):l("",!0),f("div",{class:X(["ev-textarea--control",t(ve)(o.appearance,[t(ge).default])]),onClick:P,onMousedown:B},[f("div",_e,[f("div",ye,[Y(f("textarea",b({id:t(a).id,ref_key:"inputRef",ref:u,"onUpdate:modelValue":n[0]||(n[0]=_=>t(a).value=_),name:t(a).name,disabled:t(a).isDisabled,readonly:t(a).isReadonly,placeholder:e.placeholder,autofocus:e.autofocus,maxlength:o.maxlength},t(D),{onFocus:x,onBlur:n[1]||(n[1]=(..._)=>t(a).blur&&t(a).blur(..._)),onKeydown:[I,Z(S,["enter"])],onKeyup:N}),null,16,ke),[[ee,t(a).value],[t(L)]])]),i(te,{name:"slide-fade"},{default:h(()=>[K.value?(r(),s("div",be,[i(p,{variant:"subtle",icon:t(se),size:"small",onClick:V,onMousedown:z},null,8,["icon"])])):l("",!0)]),_:1})]),o.maxlength||o.autosubmit?(r(),s("div",we,[o.maxlength?(r(),w(t(C),{key:0,size:1,percentage:U.value,appearance:y.value},null,8,["percentage","appearance"])):l("",!0),o.maxlength?(r(),w(t(ce),{key:1,tag:"span",class:"ev-textarea-control--characters",appearance:y.value},{default:h(()=>[oe(ae(H.value),1)]),_:1},8,["appearance"])):l("",!0),o.autosubmit?(r(),s("div",Ce,[i(t(pe),{keypath:"textarea.autosubmit"},{hotkey:h(()=>[i(t(me),{keys:"enter"})]),_:1})])):l("",!0)])):l("",!0),e.loading?(r(),s("div",Me,[i(t(C),{indeterminate:"",appearance:t(a).isFocused?t(g).notice:t(g).default,size:2},null,8,["appearance"])])):l("",!0)],34),t(a).isShowErrorMessages?(r(),s("div",Ae,[i(t(ie),{messages:t(a).errorMessages},null,8,["messages"])])):l("",!0)],16)}}});export{qe as default};
 //# sourceMappingURL=EvTextarea.vue.mjs.map

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

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

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

@@ -1,2 +1,2 @@
-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.64 | 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};
+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.65 | 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.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as J,useSlots as K,useAttrs as Q,ref as w,computed as _,resolveDirective as W,withDirectives as A,createElementBlock as s,openBlock as n,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 ne from"../EvProgress/EvProgress.vue.mjs";import se 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.64 | 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((n(),s("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?(n(),s("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)?(n(),s("div",ye,[r(E,{name:"fade-in-out",mode:"out-in"},{default:k(()=>[t.loading?(n(),F(e(se),{key:1,indeterminate:"",appearance:e(l).isFocused?e(f).notice:e(f).default},null,8,["appearance"])):(n(),F(e(x),{key:0,glyph:e(h)},null,8,["glyph"]))]),_:1})])):a("",!0),t.prefix||e(p).prefix?(n(),s("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:"clearable-fade"},{default:k(()=>[R.value?(n(),s("div",ge,[r(e(x),{glyph:e(te),onClick:B,onMousedown:L},null,8,["glyph"])])):a("",!0)]),_:1}),t.suffix||e(p).suffix?(n(),s("div",Ce,[d(o.$slots,"suffix",{},()=>[S(T(t.suffix),1)])])):a("",!0),e(g)?(n(),s("div",be,[r(e(x),{glyph:e(g)},null,8,["glyph"])])):a("",!0),t.loading&&!t.iconStart?(n(),s("div",we,[r(e(ne),{indeterminate:"",appearance:e(l).isFocused?e(f).notice:e(f).default,size:2},null,8,["appearance"])])):a("",!0)],42,_e),e(l).isShowErrorMessages?(n(),s("div",Ae,[r(e(ie),{messages:e(l).errorMessages},null,8,["messages"])])):a("",!0)],16)),[[H,q]])}}});export{Ue as default};
+import{defineComponent as J,useSlots as K,useAttrs as Q,ref as w,computed as _,resolveDirective as W,withDirectives as A,createElementBlock as s,openBlock as n,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 ne from"../EvProgress/EvProgress.vue.mjs";import se 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.65 | 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((n(),s("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?(n(),s("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-pill":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)?(n(),s("div",ye,[r(E,{name:"fade-in-out",mode:"out-in"},{default:k(()=>[t.loading?(n(),F(e(se),{key:1,indeterminate:"",appearance:e(l).isFocused?e(f).notice:e(f).default},null,8,["appearance"])):(n(),F(e(x),{key:0,glyph:e(h)},null,8,["glyph"]))]),_:1})])):a("",!0),t.prefix||e(p).prefix?(n(),s("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:"clearable-fade"},{default:k(()=>[R.value?(n(),s("div",ge,[r(e(x),{glyph:e(te),onClick:B,onMousedown:L},null,8,["glyph"])])):a("",!0)]),_:1}),t.suffix||e(p).suffix?(n(),s("div",Ce,[d(o.$slots,"suffix",{},()=>[S(T(t.suffix),1)])])):a("",!0),e(g)?(n(),s("div",be,[r(e(x),{glyph:e(g)},null,8,["glyph"])])):a("",!0),t.loading&&!t.iconStart?(n(),s("div",we,[r(e(ne),{indeterminate:"",appearance:e(l).isFocused?e(f).notice:e(f).default,size:2},null,8,["appearance"])])):a("",!0)],42,_e),e(l).isShowErrorMessages?(n(),s("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=\"clearable-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"}
+{"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-pill': 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=\"clearable-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 @@
-import f from"./EvTextfield.vue.mjs";/*! Evance UI v1.1.64 | MIT License */export{f as default};
+import f from"./EvTextfield.vue.mjs";/*! Evance UI v1.1.65 | MIT License */export{f as default};
 //# sourceMappingURL=EvTextfield.vue2.mjs.map

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

@@ -1,2 +1,2 @@
-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.64 | 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};
+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.65 | 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.vue.mjs

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

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

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

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

@@ -1,2 +1,2 @@
-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.64 | MIT License */const a=m({...r(i({iconStart:o}),["type"])},"EvTimeField");export{a as makeEvTimeFieldProps};
+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.65 | 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.vue.mjs

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

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

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

package/dist/esm/components/EvTimePicker/EvTimePicker.mjs

@@ -1,2 +1,2 @@
-import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.64 | MIT License */const t=e({modelValue:[String,Date],hourFormat:{type:Number,default:void 0,validator:r=>r===12||r===24}},"EvTimePicker");export{t as makeEvTimePickerProps};
+import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.65 | MIT License */const t=e({modelValue:[String,Date],hourFormat:{type:Number,default:void 0,validator:r=>r===12||r===24}},"EvTimePicker");export{t as makeEvTimePickerProps};
 //# sourceMappingURL=EvTimePicker.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as P,shallowRef as M,computed as i,createElementBlock as T,openBlock as b,createElementVNode as p,createVNode as l,unref as o,withCtx as s,createTextVNode as v,isRef as _}from"vue";/* empty css                  */import{makeEvTimePickerProps as w}from"./EvTimePicker.mjs";import D from"./EvTimePickerHours/EvTimePickerHours.vue.mjs";import E from"./EvTimePickerMinutes/EvTimePickerMinutes.vue.mjs";import V from"../EvButton/EvButton.vue.mjs";import H from"../EvButtonSelect/EvButtonSelect.vue.mjs";import h from"../EvNumber/EvNumber.vue.mjs";import k from"../EvDivider/EvDivider.vue.mjs";/* empty css                          */import y from"../EvHeading/EvHeading.vue.mjs";/* empty css                          */import{inferTimeFormat as N}from"../../composables/time.mjs";import{useLocaleManager as U}from"../../composables/locale.mjs";import{useDate as z}from"../../composables/date/date.mjs";import{useModelProxy as A}from"../../composables/modelProxy.mjs";/*! Evance UI v1.1.64 | MIT License */const B={class:"ev-time-picker"},I={class:"ev-time-picker--controls"},L={class:"ev-time-picker--options"},re=P({__name:"EvTimePicker",props:{...w()},emits:["update:modelValue"],setup(g){const u=g,x=U(),F=z(),m=M("am");let n=null;const t=A(u,"modelValue",void 0,e=>{n=N(e).parse(e);const a=n.date;return a?(a.setSeconds(0,0),m.value=a.getHours()>=12?"pm":"am",a):null},e=>n.transformOut(e)),d=i(()=>{if(u.hourFormat)return u.hourFormat;const r=new Intl.DateTimeFormat(x.currentLocale.value,{hour:"numeric"}).resolvedOptions();return["h11","h12"].includes(r.hourCycle)?12:24});function c(){if(!t.value)return;const e=F.date(t.value),r=m.value==="am"?-12:12;e.setHours(e.getHours()+r),t.value=new Date(e)}const $=i(()=>{var e;return((e=t.value)==null?void 0:e.getHours())??0}),C=i(()=>{var e;return((e=t.value)==null?void 0:e.getMinutes())??0}),f={minimumIntegerDigits:2,useGrouping:!1};return(e,r)=>(b(),T("div",B,[p("div",I,[l(o(y),{size:"x-large",tag:"div",class:"mb-0"},{default:s(()=>[l(o(h),{value:$.value,format:f},null,8,["value"]),v(":"),l(o(h),{value:C.value,format:f},null,8,["value"])]),_:1}),l(o(H),{modelValue:m.value,"onUpdate:modelValue":r[0]||(r[0]=a=>m.value=a),mandatory:"",rounded:"",size:"small",variant:"subtle","selected-variant":"bold"},{default:s(()=>[l(o(V),{value:"am",text:"AM",onClick:c}),l(o(V),{value:"pm",text:"PM",onClick:c})]),_:1},8,["modelValue"])]),l(o(k)),p("div",L,[l(o(D),{modelValue:o(t),"onUpdate:modelValue":r[1]||(r[1]=a=>_(t)?t.value=a:null),period:m.value,"hour-format":d.value},null,8,["modelValue","period","hour-format"]),l(o(k),{vertical:""},{default:s(()=>[v(":")]),_:1}),l(o(E),{modelValue:o(t),"onUpdate:modelValue":r[2]||(r[2]=a=>_(t)?t.value=a:null),"hour-format":d.value},null,8,["modelValue","hour-format"])])]))}});export{re as default};
+import{defineComponent as P,shallowRef as M,computed as i,createElementBlock as T,openBlock as b,createElementVNode as p,createVNode as l,unref as o,withCtx as s,createTextVNode as v,isRef as _}from"vue";/* empty css                  */import{makeEvTimePickerProps as w}from"./EvTimePicker.mjs";import D from"./EvTimePickerHours/EvTimePickerHours.vue.mjs";import E from"./EvTimePickerMinutes/EvTimePickerMinutes.vue.mjs";import V from"../EvButton/EvButton.vue.mjs";import H from"../EvButtonSelect/EvButtonSelect.vue.mjs";import h from"../EvNumber/EvNumber.vue.mjs";import k from"../EvDivider/EvDivider.vue.mjs";/* empty css                          */import y from"../EvHeading/EvHeading.vue.mjs";/* empty css                          */import{inferTimeFormat as N}from"../../composables/time.mjs";import{useLocaleManager as U}from"../../composables/locale.mjs";import{useDate as z}from"../../composables/date/date.mjs";import{useModelProxy as A}from"../../composables/modelProxy.mjs";/*! Evance UI v1.1.65 | MIT License */const B={class:"ev-time-picker"},I={class:"ev-time-picker--controls"},L={class:"ev-time-picker--options"},re=P({__name:"EvTimePicker",props:{...w()},emits:["update:modelValue"],setup(g){const u=g,x=U(),F=z(),m=M("am");let n=null;const t=A(u,"modelValue",void 0,e=>{n=N(e).parse(e);const a=n.date;return a?(a.setSeconds(0,0),m.value=a.getHours()>=12?"pm":"am",a):null},e=>n.transformOut(e)),d=i(()=>{if(u.hourFormat)return u.hourFormat;const r=new Intl.DateTimeFormat(x.currentLocale.value,{hour:"numeric"}).resolvedOptions();return["h11","h12"].includes(r.hourCycle)?12:24});function c(){if(!t.value)return;const e=F.date(t.value),r=m.value==="am"?-12:12;e.setHours(e.getHours()+r),t.value=new Date(e)}const $=i(()=>{var e;return((e=t.value)==null?void 0:e.getHours())??0}),C=i(()=>{var e;return((e=t.value)==null?void 0:e.getMinutes())??0}),f={minimumIntegerDigits:2,useGrouping:!1};return(e,r)=>(b(),T("div",B,[p("div",I,[l(o(y),{size:"x-large",tag:"div",class:"mb-0"},{default:s(()=>[l(o(h),{value:$.value,format:f},null,8,["value"]),v(":"),l(o(h),{value:C.value,format:f},null,8,["value"])]),_:1}),l(o(H),{modelValue:m.value,"onUpdate:modelValue":r[0]||(r[0]=a=>m.value=a),mandatory:"",rounded:"",size:"small",variant:"subtle","selected-variant":"bold"},{default:s(()=>[l(o(V),{value:"am",text:"AM",onClick:c}),l(o(V),{value:"pm",text:"PM",onClick:c})]),_:1},8,["modelValue"])]),l(o(k)),p("div",L,[l(o(D),{modelValue:o(t),"onUpdate:modelValue":r[1]||(r[1]=a=>_(t)?t.value=a:null),period:m.value,"hour-format":d.value},null,8,["modelValue","period","hour-format"]),l(o(k),{vertical:""},{default:s(()=>[v(":")]),_:1}),l(o(E),{modelValue:o(t),"onUpdate:modelValue":r[2]||(r[2]=a=>_(t)?t.value=a:null),"hour-format":d.value},null,8,["modelValue","hour-format"])])]))}});export{re as default};
 //# sourceMappingURL=EvTimePicker.vue.mjs.map

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

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

package/dist/esm/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.mjs

@@ -1,2 +1,2 @@
-import{propsFactory as r}from"../../../util/props.mjs";/*! Evance UI v1.1.64 | MIT License */const e=r({period:String,modelValue:Date,hourFormat:Number},"EvTimePickerHours");export{e as makeEvTimePickerHoursProps};
+import{propsFactory as r}from"../../../util/props.mjs";/*! Evance UI v1.1.65 | MIT License */const e=r({period:String,modelValue:Date,hourFormat:Number},"EvTimePickerHours");export{e as makeEvTimePickerHoursProps};
 //# sourceMappingURL=EvTimePickerHours.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as x,computed as h,createElementBlock as l,openBlock as s,createVNode as H,unref as c,withCtx as V,createTextVNode as y,toDisplayString as C,Fragment as D,renderList as b,createBlock as P}from"vue";/* empty css                       */import A from"../../EvButton/EvButton.vue.mjs";import{makeEvTimePickerHoursProps as B}from"./EvTimePickerHours.mjs";import E from"../../EvEyebrow/EvEyebrow.vue.mjs";import{useDate as F}from"../../../composables/date/date.mjs";import{useModelProxy as N}from"../../../composables/modelProxy.mjs";import{useLocaleFunctions as T}from"../../../composables/locale.mjs";/*! Evance UI v1.1.64 | MIT License */const $={class:"ev-time-picker--hours"},J=x({__name:"EvTimePickerHours",props:{...B()},emits:["update:modelValue","click:hour"],setup(m,{emit:p}){const i=m,u=F(),o=N(i,"modelValue",void 0),{t:d}=T(),v=h(()=>{const e=i.hourFormat===24,r=o.value?u.date(o.value):void 0;return Array.from({length:12},(a,n)=>n+(e?0:1)).map(a=>{const n=e?((i.period==="pm"?12:0)+a)%24:a%12+(i.period==="pm"?12:0),g=e?String(n).padStart(2,"0"):String(a),S=(r==null?void 0:r.getHours())===n;return{value:String(n).padStart(2,"0"),text:g,isDisabled:!1,isSelected:S}})});function f(e){return e.isSelected?"primary":"default"}function k(e){return e.isSelected?"bold":"subtle"}function _(e){const r=!!o.value,t=u.date(o.value);r||t.setHours(0,0,0,0),t.setHours(Number(e.value)),o.value=new Date(t),p("click:hour",e)}return(e,r)=>(s(),l("div",$,[H(c(E),{tag:"div",class:"ev-time-picker--heading"},{default:V(()=>[y(C(c(d)("time.hours.title")),1)]),_:1}),(s(!0),l(D,null,b(v.value,t=>(s(),P(c(A),{key:String(t.value),class:"ev-time-picker--hour",icon:"",rounded:"",text:t.text,appearance:f(t),variant:k(t),onClick:a=>_(t)},null,8,["text","appearance","variant","onClick"]))),128))]))}});export{J as default};
+import{defineComponent as x,computed as h,createElementBlock as l,openBlock as s,createVNode as H,unref as c,withCtx as V,createTextVNode as y,toDisplayString as C,Fragment as D,renderList as b,createBlock as P}from"vue";/* empty css                       */import A from"../../EvButton/EvButton.vue.mjs";import{makeEvTimePickerHoursProps as B}from"./EvTimePickerHours.mjs";import E from"../../EvEyebrow/EvEyebrow.vue.mjs";import{useDate as F}from"../../../composables/date/date.mjs";import{useModelProxy as N}from"../../../composables/modelProxy.mjs";import{useLocaleFunctions as T}from"../../../composables/locale.mjs";/*! Evance UI v1.1.65 | MIT License */const $={class:"ev-time-picker--hours"},J=x({__name:"EvTimePickerHours",props:{...B()},emits:["update:modelValue","click:hour"],setup(m,{emit:p}){const i=m,u=F(),o=N(i,"modelValue",void 0),{t:d}=T(),v=h(()=>{const e=i.hourFormat===24,r=o.value?u.date(o.value):void 0;return Array.from({length:12},(a,n)=>n+(e?0:1)).map(a=>{const n=e?((i.period==="pm"?12:0)+a)%24:a%12+(i.period==="pm"?12:0),g=e?String(n).padStart(2,"0"):String(a),S=(r==null?void 0:r.getHours())===n;return{value:String(n).padStart(2,"0"),text:g,isDisabled:!1,isSelected:S}})});function f(e){return e.isSelected?"primary":"default"}function k(e){return e.isSelected?"bold":"subtle"}function _(e){const r=!!o.value,t=u.date(o.value);r||t.setHours(0,0,0,0),t.setHours(Number(e.value)),o.value=new Date(t),p("click:hour",e)}return(e,r)=>(s(),l("div",$,[H(c(E),{tag:"div",class:"ev-time-picker--heading"},{default:V(()=>[y(C(c(d)("time.hours.title")),1)]),_:1}),(s(!0),l(D,null,b(v.value,t=>(s(),P(c(A),{key:String(t.value),class:"ev-time-picker--hour",icon:"",rounded:"",text:t.text,appearance:f(t),variant:k(t),onClick:a=>_(t)},null,8,["text","appearance","variant","onClick"]))),128))]))}});export{J as default};
 //# sourceMappingURL=EvTimePickerHours.vue.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePickerHours/EvTimePickerHours.vue2.mjs

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

package/dist/esm/components/EvTimePicker/EvTimePickerMinutes/EvTimePickerMinutes.mjs

@@ -1,2 +1,2 @@
-import{propsFactory as e}from"../../../util/props.mjs";/*! Evance UI v1.1.64 | MIT License */const o=e({modelValue:[String,Date],hourFormat:Number},"EvTimePickerMinutes");export{o as makeEvTimePickerMinutesProps};
+import{propsFactory as e}from"../../../util/props.mjs";/*! Evance UI v1.1.65 | MIT License */const o=e({modelValue:[String,Date],hourFormat:Number},"EvTimePickerMinutes");export{o as makeEvTimePickerMinutesProps};
 //# sourceMappingURL=EvTimePickerMinutes.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePickerMinutes/EvTimePickerMinutes.vue.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as _,computed as g,createElementBlock as s,openBlock as n,createVNode as x,unref as o,withCtx as M,createTextVNode as S,toDisplayString as V,Fragment as h,renderList as y,createBlock as C}from"vue";/* empty css                         */import{makeEvTimePickerMinutesProps as b}from"./EvTimePickerMinutes.mjs";import D from"../../EvButton/EvButton.vue.mjs";import P from"../../EvEyebrow/EvEyebrow.vue.mjs";import{useDate as B}from"../../../composables/date/date.mjs";import{useModelProxy as E}from"../../../composables/modelProxy.mjs";import{useLocaleFunctions as N}from"../../../composables/locale.mjs";/*! Evance UI v1.1.64 | MIT License */const T={class:"ev-time-picker--minutes"},G=_({__name:"EvTimePickerMinutes",props:{...b()},emits:["update:modelValue"],setup(c,{emit:$}){const l=c,i=B(),r=E(l,"modelValue",void 0),{t:u}=N(),m=g(()=>{const t=r.value?i.date(r.value):void 0;return[0,15,30,45].map(a=>{const e=(t==null?void 0:t.getMinutes())===a,k=String(a).padStart(2,"0");return{value:String(a).padStart(2,"0"),text:k,isDisabled:!1,isSelected:e}})});function p(t){return t.isSelected?"primary":"default"}function d(t){return t.isSelected?"bold":"subtle"}function v(t){const a=!!r.value,e=i.date(r.value);a||e.setHours(0,0,0,0),e.setMinutes(Number(t.value)),r.value=new Date(e)}return(t,a)=>(n(),s("div",T,[x(o(P),{tag:"div",class:"ev-time-picker--heading"},{default:M(()=>[S(V(o(u)("time.minutes.title")),1)]),_:1}),(n(!0),s(h,null,y(m.value,e=>(n(),C(o(D),{key:e.value,class:"ev-time-picker--minute",icon:"",rounded:"",text:e.text,appearance:p(e),variant:d(e),onClick:f=>v(e)},null,8,["text","appearance","variant","onClick"]))),128))]))}});export{G as default};
+import{defineComponent as _,computed as g,createElementBlock as s,openBlock as n,createVNode as x,unref as o,withCtx as M,createTextVNode as S,toDisplayString as V,Fragment as h,renderList as y,createBlock as C}from"vue";/* empty css                         */import{makeEvTimePickerMinutesProps as b}from"./EvTimePickerMinutes.mjs";import D from"../../EvButton/EvButton.vue.mjs";import P from"../../EvEyebrow/EvEyebrow.vue.mjs";import{useDate as B}from"../../../composables/date/date.mjs";import{useModelProxy as E}from"../../../composables/modelProxy.mjs";import{useLocaleFunctions as N}from"../../../composables/locale.mjs";/*! Evance UI v1.1.65 | MIT License */const T={class:"ev-time-picker--minutes"},G=_({__name:"EvTimePickerMinutes",props:{...b()},emits:["update:modelValue"],setup(c,{emit:$}){const l=c,i=B(),r=E(l,"modelValue",void 0),{t:u}=N(),m=g(()=>{const t=r.value?i.date(r.value):void 0;return[0,15,30,45].map(a=>{const e=(t==null?void 0:t.getMinutes())===a,k=String(a).padStart(2,"0");return{value:String(a).padStart(2,"0"),text:k,isDisabled:!1,isSelected:e}})});function p(t){return t.isSelected?"primary":"default"}function d(t){return t.isSelected?"bold":"subtle"}function v(t){const a=!!r.value,e=i.date(r.value);a||e.setHours(0,0,0,0),e.setMinutes(Number(t.value)),r.value=new Date(e)}return(t,a)=>(n(),s("div",T,[x(o(P),{tag:"div",class:"ev-time-picker--heading"},{default:M(()=>[S(V(o(u)("time.minutes.title")),1)]),_:1}),(n(!0),s(h,null,y(m.value,e=>(n(),C(o(D),{key:e.value,class:"ev-time-picker--minute",icon:"",rounded:"",text:e.text,appearance:p(e),variant:d(e),onClick:f=>v(e)},null,8,["text","appearance","variant","onClick"]))),128))]))}});export{G as default};
 //# sourceMappingURL=EvTimePickerMinutes.vue.mjs.map

package/dist/esm/components/EvTimePicker/EvTimePickerMinutes/EvTimePickerMinutes.vue2.mjs

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

package/dist/esm/components/EvToolbar/EvToolbar.mjs

@@ -1,2 +1,2 @@
-import{makeComponentProps as r}from"../../composables/component.mjs";import{IconProp as t}from"../../composables/icons.mjs";import{makeTagProps as o}from"../../composables/tag.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.64 | MIT License */const n=a({actions:Array,breadcrumbs:Array,icon:t,size:{type:String,default:"medium"},tab:{type:null,default:0},tabs:Array,tabsDisplay:{type:String,default:"auto"},tabsBreakpoint:{type:String,default:"md-up"},title:String,...r(),...o()},"EvToolbar");export{n as makeEvToolbarProps};
+import{makeComponentProps as r}from"../../composables/component.mjs";import{IconProp as t}from"../../composables/icons.mjs";import{makeTagProps as o}from"../../composables/tag.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.65 | MIT License */const n=a({actions:Array,breadcrumbs:Array,icon:t,size:{type:String,default:"medium"},tab:{type:null,default:0},tabs:Array,tabsDisplay:{type:String,default:"auto"},tabsBreakpoint:{type:String,default:"md-up"},title:String,...r(),...o()},"EvToolbar");export{n as makeEvToolbarProps};
 //# sourceMappingURL=EvToolbar.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as J,useSlots as O,getCurrentInstance as Q,computed as n,ref as X,createBlock as h,openBlock as l,resolveDynamicComponent as Y,normalizeStyle as Z,normalizeClass as ee,withCtx as d,createElementVNode as x,createElementBlock as i,createCommentVNode as c,createVNode as r,unref as t,Fragment as te,renderList as oe,renderSlot as z,createTextVNode as se,toDisplayString as ae,isRef as le,mergeProps as ne}from"vue";/* empty css               */import{makeEvToolbarProps as re}from"./EvToolbar.mjs";import b from"../EvButton/EvButton.vue.mjs";import V from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import P from"../EvMenu/EvMenu.vue.mjs";import R from"../EvList/EvList.vue.mjs";import ie from"../EvListItem/EvListItem.vue.mjs";import ce from"../EvTabs/EvTabs.vue.mjs";import ue from"../EvTooltip/EvTooltip.vue.mjs";import me from"../EvButtonGroup/EvButtonGroup.vue.mjs";import de from"../../icons/glyph/ArrowBackIcon.svg.mjs";import pe from"../../icons/glyph/BelowRightIcon.svg.mjs";import ve from"../../icons/glyph/CancelIcon.svg.mjs";import T from"../../icons/glyph/ChevronDownIcon.svg.mjs";import fe from"../../icons/glyph/ChevronUpIcon.svg.mjs";import{useModelProxy as _e}from"../../composables/modelProxy.mjs";import{useDisplay as he,toDisplayStateKey as be}from"../../composables/display.mjs";import{useRoute as ke,useRouter as ye}from"vue-router";import{sizeModifier as ge}from"../../util/modifiers.mjs";import{omit as xe}from"../../util/helpers.mjs";/*! Evance UI v1.1.64 | MIT License */const ze={class:"ev-toolbar--section-start"},Ce={key:0,class:"ev-toolbar--prefix"},Ie={key:0,class:"ev-toolbar--crumbs","data-no-drag":""},Se={key:1,class:"ev-toolbar--back","data-no-drag":""},Be={key:2,class:"ev-toolbar--icon"},we={key:3,class:"ev-toolbar--title"},$e={key:1,class:"ev-toolbar--start","data-no-drag":""},De={class:"ev-toolbar--section-end","data-no-drag":""},Ve={key:0,class:"ev-toolbar--end"},Pe={class:"ev-toolbar--actions"},Re={key:1,class:"ev-toolbar--close"},ot=J({__name:"EvToolbar",props:{...re()},emits:["click:back","click:close","update:tab"],setup(E,{emit:C}){const o=E,k=O(),u=Q(),N=he(),y=ke(),M=ye(),I=n(()=>{var e;return!!((e=u==null?void 0:u.vnode.props)!=null&&e["onClick:back"])}),U=n(()=>{var e;return!!((e=u==null?void 0:u.vnode.props)!=null&&e["onClick:close"])}),K=n(()=>S.value||I.value||o.icon||o.title);function L(e){e.stopPropagation(),C("click:back",e)}function j(e){e.stopPropagation(),C("click:close",e)}const p=_e(o,"tab"),F=n(()=>ge(o.size)),W=n(()=>{switch(o.size){case"large":return"x-large";case"small":return"medium";case"medium":default:return"large"}}),v=n(()=>{switch(o.size){case"large":return"medium";case"small":return"x-small";case"medium":default:return"small"}}),g=X(),S=n(()=>{var e;return!!((e=o.breadcrumbs)!=null&&e.length)}),f=n(()=>_.value.find(a=>q(a))??_.value.find(a=>a.index===p.value));function q(e){if(!e.to)return!1;const a=M.resolve(e.to);return e.exact?a.path===y.path:y.path===a.path||y.path.startsWith(a.path+"/")}const _=n(()=>{var a;let e=-1;return(a=o.tabs)==null?void 0:a.map(s=>({...s,index:++e,icon:void 0,selectedIcon:void 0,iconStart:s.iconStart??s.icon,selectedIconStart:s.selectedIconStart??s.selectedIcon}))}),B=n(()=>_.value.map(e=>({props:{...xe(e,["index"])},title:e.text,index:e.index,value:e.index}))),A=n(()=>[B.value[f.value.index]]),G=n(()=>{if(o.tabsDisplay==="tabs")return!0;if(o.tabsDisplay==="menu")return!1;const e=be(o.tabsBreakpoint);return N[e].value});function H(e){var s,m;(((s=e[0])==null?void 0:s.index)??void 0)!==void 0&&(p.value=(m=e[0])==null?void 0:m.index)}return(e,a)=>(l(),h(Y(o.tag),{class:ee(["ev-toolbar",F.value,o.class]),style:Z(o.style)},{default:d(()=>[x("div",ze,[K.value?(l(),i("div",Ce,[S.value?(l(),i("div",Ie,[r(t(b),{ref_key:"crumbsButton",ref:g,variant:"subtle",icon:t(T),size:v.value},null,8,["icon","size"]),r(t(ue),{activator:g.value,text:"Show navigation path",position:"top"},null,8,["activator"]),r(t(P),{"min-width":"280","max-width":"320",activator:g.value},{default:d(()=>[r(t(R),null,{default:d(()=>[(l(!0),i(te,null,oe(o.breadcrumbs,s=>(l(),h(t(ie),{key:s.title,href:s.href,to:s.to,title:s.title,active:!1},{iconStart:d(()=>[r(t(V),{glyph:s.icon??t(pe),appearance:"subtle"},null,8,["glyph"])]),_:2},1032,["href","to","title"]))),128))]),_:1})]),_:1},8,["activator"])])):I.value?(l(),i("div",Se,[r(t(b),{variant:"subtle",icon:t(de),size:v.value,onClick:L},null,8,["icon","size"])])):c("",!0),o.icon?(l(),i("div",Be,[r(t(V),{glyph:o.icon},null,8,["glyph"])])):c("",!0),t(k).title||o.title?(l(),i("div",we,[z(e.$slots,"title",{},()=>[se(ae(o.title),1)])])):c("",!0)])):c("",!0),t(k).start||o.tabs?(l(),i("div",$e,[z(e.$slots,"start",{},()=>[G.value?(l(),h(t(ce),{key:0,modelValue:t(p),"onUpdate:modelValue":a[0]||(a[0]=s=>le(p)?p.value=s:null),class:"ev-toolbar--tabs",size:W.value,items:_.value},null,8,["modelValue","size","items"])):(l(),h(t(P),{key:1},{activator:d(({props:s,isActive:m})=>{var w,$,D;return[r(t(b),ne(s,{class:"ev-toolbar--menu-button",appearance:m?"primary":"default",variant:m?"tonal":"subtle",size:v.value,"icon-start":((w=f.value)==null?void 0:w.selectedIconStart)??(($=f.value)==null?void 0:$.iconStart),"icon-end":m?t(fe):t(T),text:(D=f.value)==null?void 0:D.text}),null,16,["appearance","variant","size","icon-start","icon-end","text"])]}),default:d(()=>[r(t(R),{"select-strategy":"single-any","return-object":"",items:B.value,selected:A.value,"onUpdate:selected":H},null,8,["items","selected"])]),_:1}))])])):c("",!0)]),x("div",De,[t(k).end||o.actions?(l(),i("div",Ve,[z(e.$slots,"end",{},()=>[x("div",Pe,[r(t(me),{gap:"medium",variant:"subtle",size:v.value,items:o.actions},null,8,["size","items"])])])])):c("",!0),U.value?(l(),i("div",Re,[r(t(b),{size:v.value,icon:t(ve),variant:"subtle",onClick:j},null,8,["size","icon"])])):c("",!0)])]),_:3},8,["class","style"]))}});export{ot as default};
+import{defineComponent as J,useSlots as O,getCurrentInstance as Q,computed as n,ref as X,createBlock as h,openBlock as l,resolveDynamicComponent as Y,normalizeStyle as Z,normalizeClass as ee,withCtx as d,createElementVNode as x,createElementBlock as i,createCommentVNode as c,createVNode as r,unref as t,Fragment as te,renderList as oe,renderSlot as z,createTextVNode as se,toDisplayString as ae,isRef as le,mergeProps as ne}from"vue";/* empty css               */import{makeEvToolbarProps as re}from"./EvToolbar.mjs";import b from"../EvButton/EvButton.vue.mjs";import V from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import P from"../EvMenu/EvMenu.vue.mjs";import R from"../EvList/EvList.vue.mjs";import ie from"../EvListItem/EvListItem.vue.mjs";import ce from"../EvTabs/EvTabs.vue.mjs";import ue from"../EvTooltip/EvTooltip.vue.mjs";import me from"../EvButtonGroup/EvButtonGroup.vue.mjs";import de from"../../icons/glyph/ArrowBackIcon.svg.mjs";import pe from"../../icons/glyph/BelowRightIcon.svg.mjs";import ve from"../../icons/glyph/CancelIcon.svg.mjs";import T from"../../icons/glyph/ChevronDownIcon.svg.mjs";import fe from"../../icons/glyph/ChevronUpIcon.svg.mjs";import{useModelProxy as _e}from"../../composables/modelProxy.mjs";import{useDisplay as he,toDisplayStateKey as be}from"../../composables/display.mjs";import{useRoute as ke,useRouter as ye}from"vue-router";import{sizeModifier as ge}from"../../util/modifiers.mjs";import{omit as xe}from"../../util/helpers.mjs";/*! Evance UI v1.1.65 | MIT License */const ze={class:"ev-toolbar--section-start"},Ce={key:0,class:"ev-toolbar--prefix"},Ie={key:0,class:"ev-toolbar--crumbs","data-no-drag":""},Se={key:1,class:"ev-toolbar--back","data-no-drag":""},Be={key:2,class:"ev-toolbar--icon"},we={key:3,class:"ev-toolbar--title"},$e={key:1,class:"ev-toolbar--start","data-no-drag":""},De={class:"ev-toolbar--section-end","data-no-drag":""},Ve={key:0,class:"ev-toolbar--end"},Pe={class:"ev-toolbar--actions"},Re={key:1,class:"ev-toolbar--close"},ot=J({__name:"EvToolbar",props:{...re()},emits:["click:back","click:close","update:tab"],setup(E,{emit:C}){const o=E,k=O(),u=Q(),N=he(),y=ke(),M=ye(),I=n(()=>{var e;return!!((e=u==null?void 0:u.vnode.props)!=null&&e["onClick:back"])}),U=n(()=>{var e;return!!((e=u==null?void 0:u.vnode.props)!=null&&e["onClick:close"])}),K=n(()=>S.value||I.value||o.icon||o.title);function L(e){e.stopPropagation(),C("click:back",e)}function j(e){e.stopPropagation(),C("click:close",e)}const p=_e(o,"tab"),F=n(()=>ge(o.size)),W=n(()=>{switch(o.size){case"large":return"x-large";case"small":return"medium";case"medium":default:return"large"}}),v=n(()=>{switch(o.size){case"large":return"medium";case"small":return"x-small";case"medium":default:return"small"}}),g=X(),S=n(()=>{var e;return!!((e=o.breadcrumbs)!=null&&e.length)}),f=n(()=>_.value.find(a=>q(a))??_.value.find(a=>a.index===p.value));function q(e){if(!e.to)return!1;const a=M.resolve(e.to);return e.exact?a.path===y.path:y.path===a.path||y.path.startsWith(a.path+"/")}const _=n(()=>{var a;let e=-1;return(a=o.tabs)==null?void 0:a.map(s=>({...s,index:++e,icon:void 0,selectedIcon:void 0,iconStart:s.iconStart??s.icon,selectedIconStart:s.selectedIconStart??s.selectedIcon}))}),B=n(()=>_.value.map(e=>({props:{...xe(e,["index"])},title:e.text,index:e.index,value:e.index}))),A=n(()=>[B.value[f.value.index]]),G=n(()=>{if(o.tabsDisplay==="tabs")return!0;if(o.tabsDisplay==="menu")return!1;const e=be(o.tabsBreakpoint);return N[e].value});function H(e){var s,m;(((s=e[0])==null?void 0:s.index)??void 0)!==void 0&&(p.value=(m=e[0])==null?void 0:m.index)}return(e,a)=>(l(),h(Y(o.tag),{class:ee(["ev-toolbar",F.value,o.class]),style:Z(o.style)},{default:d(()=>[x("div",ze,[K.value?(l(),i("div",Ce,[S.value?(l(),i("div",Ie,[r(t(b),{ref_key:"crumbsButton",ref:g,variant:"subtle",icon:t(T),size:v.value},null,8,["icon","size"]),r(t(ue),{activator:g.value,text:"Show navigation path",position:"top"},null,8,["activator"]),r(t(P),{"min-width":"280","max-width":"320",activator:g.value},{default:d(()=>[r(t(R),null,{default:d(()=>[(l(!0),i(te,null,oe(o.breadcrumbs,s=>(l(),h(t(ie),{key:s.title,href:s.href,to:s.to,title:s.title,active:!1},{iconStart:d(()=>[r(t(V),{glyph:s.icon??t(pe),appearance:"subtle"},null,8,["glyph"])]),_:2},1032,["href","to","title"]))),128))]),_:1})]),_:1},8,["activator"])])):I.value?(l(),i("div",Se,[r(t(b),{variant:"subtle",icon:t(de),size:v.value,onClick:L},null,8,["icon","size"])])):c("",!0),o.icon?(l(),i("div",Be,[r(t(V),{glyph:o.icon},null,8,["glyph"])])):c("",!0),t(k).title||o.title?(l(),i("div",we,[z(e.$slots,"title",{},()=>[se(ae(o.title),1)])])):c("",!0)])):c("",!0),t(k).start||o.tabs?(l(),i("div",$e,[z(e.$slots,"start",{},()=>[G.value?(l(),h(t(ce),{key:0,modelValue:t(p),"onUpdate:modelValue":a[0]||(a[0]=s=>le(p)?p.value=s:null),class:"ev-toolbar--tabs",size:W.value,items:_.value},null,8,["modelValue","size","items"])):(l(),h(t(P),{key:1},{activator:d(({props:s,isActive:m})=>{var w,$,D;return[r(t(b),ne(s,{class:"ev-toolbar--menu-button",appearance:m?"primary":"default",variant:m?"tonal":"subtle",size:v.value,"icon-start":((w=f.value)==null?void 0:w.selectedIconStart)??(($=f.value)==null?void 0:$.iconStart),"icon-end":m?t(fe):t(T),text:(D=f.value)==null?void 0:D.text}),null,16,["appearance","variant","size","icon-start","icon-end","text"])]}),default:d(()=>[r(t(R),{"select-strategy":"single-any","return-object":"",items:B.value,selected:A.value,"onUpdate:selected":H},null,8,["items","selected"])]),_:1}))])])):c("",!0)]),x("div",De,[t(k).end||o.actions?(l(),i("div",Ve,[z(e.$slots,"end",{},()=>[x("div",Pe,[r(t(me),{gap:"medium",variant:"subtle",size:v.value,items:o.actions},null,8,["size","items"])])])])):c("",!0),U.value?(l(),i("div",Re,[r(t(b),{size:v.value,icon:t(ve),variant:"subtle",onClick:j},null,8,["size","icon"])])):c("",!0)])]),_:3},8,["class","style"]))}});export{ot as default};
 //# sourceMappingURL=EvToolbar.vue.mjs.map

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

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

package/dist/esm/components/EvTooltip/EvTooltip.mjs

@@ -1,2 +1,2 @@
-import{makeEvOverlayProps as o}from"../EvOverlay/EvOverlay.mjs";import{propsFactory as t}from"../../util/props.mjs";import{omit as e}from"../../util/helpers.mjs";/*! Evance UI v1.1.64 | MIT License */const p=t({id:String,text:String,...e(o({closeOnBack:!1,position:"top",positionStrategy:"connected",minWidth:0,offset:8,openDelay:250,openOnClick:!1,openOnHover:!0,origin:"auto",veil:!1,scrollStrategy:"reposition",transition:!1}),["absolute","persistent"])},"EvTooltip");export{p as makeEvTooltipProps};
+import{makeEvOverlayProps as o}from"../EvOverlay/EvOverlay.mjs";import{propsFactory as t}from"../../util/props.mjs";import{omit as e}from"../../util/helpers.mjs";/*! Evance UI v1.1.65 | MIT License */const p=t({id:String,text:String,...e(o({closeOnBack:!1,position:"top",positionStrategy:"connected",minWidth:0,offset:8,openDelay:250,openOnClick:!1,openOnHover:!0,origin:"auto",veil:!1,scrollStrategy:"reposition",transition:!1}),["absolute","persistent"])},"EvTooltip");export{p as makeEvTooltipProps};
 //# sourceMappingURL=EvTooltip.mjs.map

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

@@ -1,2 +1,2 @@
-import{defineComponent as V,useSlots as b,computed as t,ref as x,mergeProps as p,createBlock as h,openBlock as R,unref as r,isRef as S,createSlots as $,withCtx as n,renderSlot as c,createTextVNode as C,toDisplayString as E,createElementVNode as N,normalizeProps as T,guardReactiveProps as B}from"vue";/* empty css               */import{makeEvTooltipProps as w}from"./EvTooltip.mjs";import{useModelProxy as z}from"../../composables/modelProxy.mjs";import u from"../EvOverlay/EvOverlay.vue.mjs";import{getNextId as A,filterComponentProps as D}from"../../util/helpers.mjs";/*! Evance UI v1.1.64 | MIT License */const I=N("div",{class:"ev-tooltip--pointer"},null,-1),H=V({__name:"EvTooltip",props:{...w()},setup(v){const o=v,d=b(),e=z(o,"modelValue"),m=A(),s=t(()=>o.id||`ev-tooltip-${m}`),f=x(),g=t(()=>D(u,o)),y=t(()=>o.position.split(" ").length>1?o.position:o.position+" center"),P=t(()=>o.origin==="auto"||o.origin==="overlap"||o.origin.split(" ").length>1||o.position.split(" ").length>1?o.origin:o.origin+" center"),_=t(()=>o.transition?o.transition:e.value?"transition-scale":"transition-fade"),k=t(()=>p({"aria-describedby":s.value},o.activatorProps));return(a,l)=>(R(),h(r(u),p({id:s.value,ref_key:"overlayRef",ref:f},g.value,{modelValue:r(e),"onUpdate:modelValue":l[0]||(l[0]=i=>S(e)?e.value=i:null),role:"tooltip",class:["ev-tooltip",o.class],style:o.style,transition:_.value,position:y.value,origin:P.value,"activator-props":k.value,absolute:"","disable-global-stack":""}),$({pointer:n(()=>[I]),default:n(()=>[c(a.$slots,"default",{},()=>[C(E(o.text),1)])]),_:2},[r(d).activator?{name:"activator",fn:n(i=>[c(a.$slots,"activator",T(B(i)))]),key:"0"}:void 0]),1040,["id","modelValue","class","style","transition","position","origin","activator-props"]))}});export{H as default};
+import{defineComponent as V,useSlots as b,computed as t,ref as x,mergeProps as p,createBlock as h,openBlock as R,unref as r,isRef as S,createSlots as $,withCtx as n,renderSlot as c,createTextVNode as C,toDisplayString as E,createElementVNode as N,normalizeProps as T,guardReactiveProps as B}from"vue";/* empty css               */import{makeEvTooltipProps as w}from"./EvTooltip.mjs";import{useModelProxy as z}from"../../composables/modelProxy.mjs";import u from"../EvOverlay/EvOverlay.vue.mjs";import{getNextId as A,filterComponentProps as D}from"../../util/helpers.mjs";/*! Evance UI v1.1.65 | MIT License */const I=N("div",{class:"ev-tooltip--pointer"},null,-1),H=V({__name:"EvTooltip",props:{...w()},setup(v){const o=v,d=b(),e=z(o,"modelValue"),m=A(),s=t(()=>o.id||`ev-tooltip-${m}`),f=x(),g=t(()=>D(u,o)),y=t(()=>o.position.split(" ").length>1?o.position:o.position+" center"),P=t(()=>o.origin==="auto"||o.origin==="overlap"||o.origin.split(" ").length>1||o.position.split(" ").length>1?o.origin:o.origin+" center"),_=t(()=>o.transition?o.transition:e.value?"transition-scale":"transition-fade"),k=t(()=>p({"aria-describedby":s.value},o.activatorProps));return(a,l)=>(R(),h(r(u),p({id:s.value,ref_key:"overlayRef",ref:f},g.value,{modelValue:r(e),"onUpdate:modelValue":l[0]||(l[0]=i=>S(e)?e.value=i:null),role:"tooltip",class:["ev-tooltip",o.class],style:o.style,transition:_.value,position:y.value,origin:P.value,"activator-props":k.value,absolute:"","disable-global-stack":""}),$({pointer:n(()=>[I]),default:n(()=>[c(a.$slots,"default",{},()=>[C(E(o.text),1)])]),_:2},[r(d).activator?{name:"activator",fn:n(i=>[c(a.$slots,"activator",T(B(i)))]),key:"0"}:void 0]),1040,["id","modelValue","class","style","transition","position","origin","activator-props"]))}});export{H as default};
 //# sourceMappingURL=EvTooltip.vue.mjs.map

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

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

package/dist/esm/components/EvTransition/EvTransition.mjs

@@ -1,2 +1,2 @@
-import{computed as c,Transition as u,h as d,mergeProps as f}from"vue";import{propsFactory as l}from"../../util/props.mjs";import{isEmpty as b,isBoolean as E,isString as o,isObject as P}from"../../util/is-functions.mjs";/*! Evance UI v1.1.64 | MIT License */const y=l({transition:{type:[Boolean,String,Object],default:!0}},"EvTransition");function j(n,i="transition-fade"){return c(()=>b(n.transition)||E(n.transition)?{name:n.transition&&!n.disabled?i:""}:o(n.transition)?{name:n.disabled?"":n.transition}:n.transition)}const B=(n,{slots:i})=>{const{transition:t,disabled:r,...a}=n,{component:s=u,...e}=P(t)?t:{},m=o(t)?{name:r?"":t}:e;return d(s,f(m,a,{disabled:r}),i)};export{B as EvTransition,y as makeEvTransitionProps,j as useEvTransition};
+import{computed as c,Transition as u,h as d,mergeProps as f}from"vue";import{propsFactory as l}from"../../util/props.mjs";import{isEmpty as b,isBoolean as E,isString as o,isObject as P}from"../../util/is-functions.mjs";/*! Evance UI v1.1.65 | MIT License */const y=l({transition:{type:[Boolean,String,Object],default:!0}},"EvTransition");function j(n,i="transition-fade"){return c(()=>b(n.transition)||E(n.transition)?{name:n.transition&&!n.disabled?i:""}:o(n.transition)?{name:n.disabled?"":n.transition}:n.transition)}const B=(n,{slots:i})=>{const{transition:t,disabled:r,...a}=n,{component:s=u,...e}=P(t)?t:{},m=o(t)?{name:r?"":t}:e;return d(s,f(m,a,{disabled:r}),i)};export{B as EvTransition,y as makeEvTransitionProps,j as useEvTransition};
 //# sourceMappingURL=EvTransition.mjs.map

package/dist/esm/components/EvTransition/transitions/createTransition.mjs

@@ -1,2 +1,2 @@
-import{h as n,Transition as r}from"vue";/*! Evance UI v1.1.64 | MIT License */function s(i,t,d="in-out"){return(e,{slots:a})=>n(r,{name:e.disabled?"":i,css:!e.disabled,...e.disabled?{}:t},a.default)}export{s as createJavaScriptTransition};
+import{h as n,Transition as r}from"vue";/*! Evance UI v1.1.65 | MIT License */function s(i,t,d="in-out"){return(e,{slots:a})=>n(r,{name:e.disabled?"":i,css:!e.disabled,...e.disabled?{}:t},a.default)}export{s as createJavaScriptTransition};
 //# sourceMappingURL=createTransition.mjs.map

package/dist/esm/components/EvTransition/transitions/expandTransition.mjs

@@ -1,2 +1,2 @@
-import{camelize as y}from"vue";/*! Evance UI v1.1.64 | MIT License */function v(o="",a=!1){const i=a?"width":"height",r=y(`offset-${i}`);function s(t){o&&t._parent&&t._parent.classList.remove(o),n(t)}function n(t){const e=t._initialStyle[i];t.style.overflow=t._initialStyle.overflow,e!=null&&(t.style[i]=e),delete t._initialStyle}return{onBeforeEnter(t){t._parent=t.parentNode,t._initialStyle={transition:t.style.transition,overflow:t.style.overflow,[i]:t.style[i]}},onEnter(t){const e=t._initialStyle;t.style.setProperty("transition","none","important"),t.style.overflow="hidden";const f=`${t[r]}px`;t.style[i]="0",t.offsetHeight,t.style.transition=e.transition,o&&t._parent&&t._parent.classList.add(o),requestAnimationFrame(()=>{t.style[i]=f})},onAfterEnter:n,onEnterCancelled:n,onLeave(t){t._initialStyle={transition:"",overflow:t.style.overflow,[i]:t.style[i]},t.style.overflow="hidden",t.style[i]=`${t[r]}px`,t.offsetHeight,requestAnimationFrame(()=>t.style[i]="0")},onAfterLeave:s,onLeaveCancelled:s}}export{v as default};
+import{camelize as y}from"vue";/*! Evance UI v1.1.65 | MIT License */function v(o="",a=!1){const i=a?"width":"height",r=y(`offset-${i}`);function s(t){o&&t._parent&&t._parent.classList.remove(o),n(t)}function n(t){const e=t._initialStyle[i];t.style.overflow=t._initialStyle.overflow,e!=null&&(t.style[i]=e),delete t._initialStyle}return{onBeforeEnter(t){t._parent=t.parentNode,t._initialStyle={transition:t.style.transition,overflow:t.style.overflow,[i]:t.style[i]}},onEnter(t){const e=t._initialStyle;t.style.setProperty("transition","none","important"),t.style.overflow="hidden";const f=`${t[r]}px`;t.style[i]="0",t.offsetHeight,t.style.transition=e.transition,o&&t._parent&&t._parent.classList.add(o),requestAnimationFrame(()=>{t.style[i]=f})},onAfterEnter:n,onEnterCancelled:n,onLeave(t){t._initialStyle={transition:"",overflow:t.style.overflow,[i]:t.style[i]},t.style.overflow="hidden",t.style[i]=`${t[r]}px`,t.offsetHeight,requestAnimationFrame(()=>t.style[i]="0")},onAfterLeave:s,onLeaveCancelled:s}}export{v as default};
 //# sourceMappingURL=expandTransition.mjs.map

package/dist/esm/components/EvVirtualScroll/EvVirtualScroll.mjs

@@ -1,2 +1,2 @@
-import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeVirtualProps as t}from"../../composables/virtual.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.64 | MIT License */const p=o({items:{type:Array,default:()=>[]},renderless:Boolean,...t(),...r(),...e()},"EvVirtualScroll"),i=o({renderless:Boolean,...r()},"EvVirtualScrollItem");export{i as makeEvVirtualScrollItemProps,p as makeEvVirtualScrollProps};
+import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeVirtualProps as t}from"../../composables/virtual.mjs";import{propsFactory as o}from"../../util/props.mjs";/*! Evance UI v1.1.65 | MIT License */const p=o({items:{type:Array,default:()=>[]},renderless:Boolean,...t(),...r(),...e()},"EvVirtualScroll"),i=o({renderless:Boolean,...r()},"EvVirtualScrollItem");export{i as makeEvVirtualScrollItemProps,p as makeEvVirtualScrollProps};
 //# sourceMappingURL=EvVirtualScroll.mjs.map