@evance/evance-ui 1.1.10 → 1.1.12

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

@@ -1,274 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, useSlots, useAttrs, ref, computed, resolveDirective, withDirectives, createElementBlock, openBlock, mergeProps, unref, createCommentVNode, createElementVNode, createVNode, withCtx, renderSlot, normalizeClass, Transition, createBlock, createTextVNode, toDisplayString, vModelDynamic, nextTick } from "vue";
-/* empty css                  */
-import { makeEvTextfieldProps } from "./EvTextfield.mjs";
-import { useIcon } from "../EvIcon/EvIcon.mjs";
-import _sfc_main$2 from "../EvIcon/EvIcon.vue.mjs";
-/* empty css                     */
-import CancelIcon from "../../icons/glyph/CancelIcon.svg.mjs";
-import { useAutofocus } from "../../composables/focus.mjs";
-import _sfc_main$1 from "../EvLabel/EvLabel.vue.mjs";
-import _sfc_main$5 from "../EvErrors/EvErrors.vue.mjs";
-import _sfc_main$4 from "../EvProgress/EvProgress.vue.mjs";
-import _sfc_main$3 from "../EvProgressCircular/EvProgressCircular.vue.mjs";
-import { useFormField } from "../../composables/validation.mjs";
-import { InputAppearance, InputSize, TextAlign, Appearance } from "../../util/appearance.mjs";
-import { splitInputAttrs } from "../../util/helpers.mjs";
-import { appearanceModifier, sizeModifier, makeClassName } from "../../util/modifiers.mjs";
-const _hoisted_1 = {
-  key: 0,
-  class: "ev-textfield--label"
-};
-const _hoisted_2 = ["role"];
-const _hoisted_3 = {
-  key: 0,
-  class: "ev-textfield--icon-start"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "ev-textfield--prefix"
-};
-const _hoisted_5 = {
-  class: "ev-textfield--input",
-  "data-no-activator": ""
-};
-const _hoisted_6 = ["id", "type", "name", "disabled", "readonly", "autofocus", "placeholder", "autocomplete", "data-form-type"];
-const _hoisted_7 = {
-  key: 0,
-  class: "ev-textfield--clearable"
-};
-const _hoisted_8 = {
-  key: 2,
-  class: "ev-textfield--suffix"
-};
-const _hoisted_9 = {
-  key: 3,
-  class: "ev-textfield--icon-end"
-};
-const _hoisted_10 = {
-  key: 4,
-  class: "ev-textfield--loader"
-};
-const _hoisted_11 = {
-  key: 1,
-  class: "ev-textfield--errors"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "EvTextfield",
-  props: {
-    ...makeEvTextfieldProps()
-  },
-  emits: [
-    "click:clear",
-    "click:control",
-    "click:outside",
-    "mousedown:control",
-    "update:focused",
-    "update:modelValue"
-  ],
-  setup(__props, { expose: __expose, emit }) {
-    const props = __props;
-    const slots = useSlots();
-    const attrs = useAttrs();
-    const containerRef = ref(null);
-    const inputRef = ref(null);
-    const [containerAttrs, inputAttrs] = splitInputAttrs(attrs);
-    const formField = useFormField(props);
-    const isClearable = computed(() => {
-      return props.clearable && !!formField.value;
-    });
-    const iconStart = useIcon(props, "iconStart");
-    const iconEnd = useIcon(props, "iconEnd");
-    function getInputElement() {
-      return inputRef.value;
-    }
-    function onClearableClick($event) {
-      var _a;
-      $event.stopPropagation();
-      nextTick(() => {
-        formField.value = null;
-        emit("click:clear", $event);
-      });
-      if (!props.readonly) {
-        (_a = getInputElement()) == null ? void 0 : _a.focus();
-      }
-    }
-    function onClearableMousedown(e) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-    function onFocus(e) {
-      var _a;
-      formField.focus(e);
-      if (props.autoselect) {
-        (_a = getInputElement()) == null ? void 0 : _a.select();
-      }
-    }
-    function onControlClick(e) {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.focus(e);
-      emit("click:control", e);
-    }
-    function onControlMousedown(e) {
-      emit("mousedown:control", e);
-      if (e.target === inputRef.value) {
-        return;
-      }
-      onFocus();
-      e.preventDefault();
-    }
-    const vAutofocus = useAutofocus(props);
-    __expose({
-      field: formField,
-      input: inputRef,
-      focus: () => {
-        var _a;
-        (_a = getInputElement()) == null ? void 0 : _a.focus();
-      }
-    });
-    function onClickOutside(e) {
-      emit("click:outside");
-    }
-    const autocompleteProp = computed(() => {
-      return props.autocomplete || "off";
-    });
-    const dataFormTypeProp = computed(() => {
-      var _a;
-      return props.dataFormType || ((_a = autocompleteProp.value) == null ? void 0 : _a.toLowerCase()) === "off" ? "other" : void 0;
-    });
-    return (_ctx, _cache) => {
-      const _directive_click_outside = resolveDirective("click-outside");
-      return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: [
-          "ev-textfield",
-          {
-            "is-loading": props.loading
-          },
-          unref(formField).classes,
-          props.class
-        ],
-        style: props.style
-      }, unref(containerAttrs)), [
-        props.label || unref(slots).label || props.hint ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(unref(_sfc_main$1), {
-            for: unref(formField).id,
-            title: props.label,
-            hint: props.hint
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "label")
-            ]),
-            _: 3
-          }, 8, ["for", "title", "hint"])
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass([
-            "ev-textfield--control",
-            {
-              "is-rounded": props.rounded,
-              "is-monospace": !!props.monospace
-            },
-            unref(appearanceModifier)(props.appearance, [unref(InputAppearance).default]),
-            unref(sizeModifier)(props.size, [unref(InputSize).default]),
-            unref(makeClassName)(props.align, "is-align", [unref(TextAlign).default])
-          ]),
-          role: props.role,
-          onClick: onControlClick,
-          onMousedown: onControlMousedown
-        }, [
-          unref(iconStart) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            createVNode(Transition, {
-              name: "fade-in-out",
-              mode: "out-in"
-            }, {
-              default: withCtx(() => [
-                !props.loading ? (openBlock(), createBlock(unref(_sfc_main$2), {
-                  key: 0,
-                  glyph: unref(iconStart)
-                }, null, 8, ["glyph"])) : (openBlock(), createBlock(unref(_sfc_main$3), {
-                  key: 1,
-                  indeterminate: "",
-                  appearance: unref(formField).isFocused ? unref(Appearance).notice : unref(Appearance).default
-                }, null, 8, ["appearance"]))
-              ]),
-              _: 1
-            })
-          ])) : createCommentVNode("", true),
-          props.prefix || unref(slots).prefix ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, "prefix", {}, () => [
-              createTextVNode(toDisplayString(props.prefix), 1)
-            ])
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_5, [
-            renderSlot(_ctx.$slots, "default"),
-            withDirectives(createElementVNode("input", mergeProps({
-              id: unref(formField).id,
-              ref_key: "inputRef",
-              ref: inputRef,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(formField).value = $event),
-              class: "ev-textfield--input-native",
-              type: props.type,
-              name: unref(formField).name,
-              disabled: unref(formField).isDisabled,
-              readonly: unref(formField).isReadonly,
-              autofocus: props.autofocus,
-              placeholder: props.placeholder,
-              autocomplete: autocompleteProp.value,
-              "data-form-type": dataFormTypeProp.value
-            }, unref(inputAttrs), {
-              onFocus,
-              onBlur: _cache[1] || (_cache[1] = //@ts-ignore
-              (...args) => unref(formField).blur && unref(formField).blur(...args))
-            }), null, 16, _hoisted_6), [
-              [vModelDynamic, unref(formField).value],
-              [unref(vAutofocus)]
-            ])
-          ]),
-          createVNode(Transition, { name: "slide-fade" }, {
-            default: withCtx(() => [
-              isClearable.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                createVNode(unref(_sfc_main$2), {
-                  glyph: unref(CancelIcon),
-                  onClick: onClearableClick,
-                  onMousedown: onClearableMousedown
-                }, null, 8, ["glyph"])
-              ])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          props.suffix || unref(slots).suffix ? (openBlock(), createElementBlock("div", _hoisted_8, [
-            renderSlot(_ctx.$slots, "suffix", {}, () => [
-              createTextVNode(toDisplayString(props.suffix), 1)
-            ])
-          ])) : createCommentVNode("", true),
-          unref(iconEnd) ? (openBlock(), createElementBlock("div", _hoisted_9, [
-            createVNode(unref(_sfc_main$2), { glyph: unref(iconEnd) }, null, 8, ["glyph"])
-          ])) : createCommentVNode("", true),
-          props.loading && !props.iconStart ? (openBlock(), createElementBlock("div", _hoisted_10, [
-            createVNode(unref(_sfc_main$4), {
-              indeterminate: "",
-              appearance: unref(formField).isFocused ? unref(Appearance).notice : unref(Appearance).default,
-              size: 2
-            }, null, 8, ["appearance"])
-          ])) : createCommentVNode("", true)
-        ], 42, _hoisted_2),
-        unref(formField).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_11, [
-          createVNode(unref(_sfc_main$5), {
-            messages: unref(formField).errorMessages
-          }, null, 8, ["messages"])
-        ])) : createCommentVNode("", true)
-      ], 16)), [
-        [_directive_click_outside, onClickOutside]
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.12 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                   */const M=require("./EvTextfield.mjs"),k=require("../EvIcon/EvIcon.mjs"),d=require("../EvIcon/EvIcon.vue.mjs");;/* empty css                      */const P=require("../../icons/glyph/CancelIcon.svg.mjs"),D=require("../../composables/focus.mjs"),I=require("../EvLabel/EvLabel.vue.mjs"),F=require("../EvErrors/EvErrors.vue.mjs"),z=require("../EvProgress/EvProgress.vue.mjs"),R=require("../EvProgressCircular/EvProgressCircular.vue.mjs"),$=require("../../composables/validation.mjs"),l=require("../../util/appearance.mjs"),L=require("../../util/helpers.mjs"),f=require("../../util/modifiers.mjs"),O={key:0,class:"ev-textfield--label"},j=["role"],U={key:0,class:"ev-textfield--icon-start"},G={key:1,class:"ev-textfield--prefix"},H={class:"ev-textfield--input","data-no-activator":""},J=["id","type","name","disabled","readonly","autofocus","placeholder","autocomplete","data-form-type"],K={key:0,class:"ev-textfield--clearable"},Q={key:2,class:"ev-textfield--suffix"},W={key:3,class:"ev-textfield--icon-end"},X={key:4,class:"ev-textfield--loader"},Y={key:1,class:"ev-textfield--errors"},Z=e.defineComponent({inheritAttrs:!1,__name:"EvTextfield",props:{...M.makeEvTextfieldProps()},emits:["click:clear","click:control","click:outside","mousedown:control","update:focused","update:modelValue"],setup(y,{expose:g,emit:a}){const t=y,s=e.useSlots(),x=e.useAttrs(),h=e.ref(null),u=e.ref(null),[C,E]=L.splitInputAttrs(x),n=$.useFormField(t),B=e.computed(()=>t.clearable&&!!n.value),p=k.useIcon(t,"iconStart"),m=k.useIcon(t,"iconEnd");function c(){return u.value}function V(o){var r;o.stopPropagation(),e.nextTick(()=>{n.value=null,a("click:clear",o)}),t.readonly||(r=c())==null||r.focus()}function N(o){o.preventDefault(),o.stopPropagation()}function v(o){var r;n.focus(o),t.autoselect&&((r=c())==null||r.select())}function b(o){var r;(r=u.value)==null||r.focus(o),a("click:control",o)}function q(o){a("mousedown:control",o),o.target!==u.value&&(v(),o.preventDefault())}const S=D.useAutofocus(t);g({field:n,input:u,focus:()=>{var o;(o=c())==null||o.focus()}});function w(o){a("click:outside")}const _=e.computed(()=>t.autocomplete||"off"),A=e.computed(()=>{var o;return t.dataFormType||((o=_.value)==null?void 0:o.toLowerCase())==="off"?"other":void 0});return(o,r)=>{const T=e.resolveDirective("click-outside");return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"containerRef",ref:h,class:["ev-textfield",{"is-loading":t.loading},e.unref(n).classes,t.class],style:t.style},e.unref(C)),[t.label||e.unref(s).label||t.hint?(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(e.unref(I.default),{for:e.unref(n).id,title:t.label,hint:t.hint},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"label")]),_:3},8,["for","title","hint"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["ev-textfield--control",{"is-rounded":t.rounded,"is-monospace":!!t.monospace},e.unref(f.appearanceModifier)(t.appearance,[e.unref(l.InputAppearance).default]),e.unref(f.sizeModifier)(t.size,[e.unref(l.InputSize).default]),e.unref(f.makeClassName)(t.align,"is-align",[e.unref(l.TextAlign).default])]),role:t.role,onClick:b,onMousedown:q},[e.unref(p)?(e.openBlock(),e.createElementBlock("div",U,[e.createVNode(e.Transition,{name:"fade-in-out",mode:"out-in"},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(e.unref(R.default),{key:1,indeterminate:"",appearance:e.unref(n).isFocused?e.unref(l.Appearance).notice:e.unref(l.Appearance).default},null,8,["appearance"])):(e.openBlock(),e.createBlock(e.unref(d.default),{key:0,glyph:e.unref(p)},null,8,["glyph"]))]),_:1})])):e.createCommentVNode("",!0),t.prefix||e.unref(s).prefix?(e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(o.$slots,"prefix",{},()=>[e.createTextVNode(e.toDisplayString(t.prefix),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.renderSlot(o.$slots,"default"),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(n).id,ref_key:"inputRef",ref:u,"onUpdate:modelValue":r[0]||(r[0]=i=>e.unref(n).value=i),class:"ev-textfield--input-native",type:t.type,name:e.unref(n).name,disabled:e.unref(n).isDisabled,readonly:e.unref(n).isReadonly,autofocus:t.autofocus,placeholder:t.placeholder,autocomplete:_.value,"data-form-type":A.value},e.unref(E),{onFocus:v,onBlur:r[1]||(r[1]=(...i)=>e.unref(n).blur&&e.unref(n).blur(...i))}),null,16,J),[[e.vModelDynamic,e.unref(n).value],[e.unref(S)]])]),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[B.value?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(e.unref(d.default),{glyph:e.unref(P.default),onClick:V,onMousedown:N},null,8,["glyph"])])):e.createCommentVNode("",!0)]),_:1}),t.suffix||e.unref(s).suffix?(e.openBlock(),e.createElementBlock("div",Q,[e.renderSlot(o.$slots,"suffix",{},()=>[e.createTextVNode(e.toDisplayString(t.suffix),1)])])):e.createCommentVNode("",!0),e.unref(m)?(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(e.unref(d.default),{glyph:e.unref(m)},null,8,["glyph"])])):e.createCommentVNode("",!0),t.loading&&!t.iconStart?(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(e.unref(z.default),{indeterminate:"",appearance:e.unref(n).isFocused?e.unref(l.Appearance).notice:e.unref(l.Appearance).default,size:2},null,8,["appearance"])])):e.createCommentVNode("",!0)],42,j),e.unref(n).isShowErrorMessages?(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(F.default),{messages:e.unref(n).errorMessages},null,8,["messages"])])):e.createCommentVNode("",!0)],16)),[[T,w]])}}});exports.default=Z;
 //# sourceMappingURL=EvTextfield.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EvTextfield.vue.mjs","sources":["../../../../src/components/EvTextfield/EvTextfield.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * # `<ev-textfield>`\r\n */\r\nimport \"./EvTextfield.scss\";\r\nimport { makeEvTextfieldProps } from \"./EvTextfield\";\r\nimport { computed, nextTick, ref, useAttrs } from \"vue\";\r\nimport { EvIcon, useIcon } from \"@/components/EvIcon\";\r\nimport { CancelIcon } from \"@/icons\";\r\nimport {\r\n    Appearance,\r\n    appearanceModifier,\r\n    InputAppearance,\r\n    InputSize,\r\n    makeClassName,\r\n    sizeModifier,\r\n    splitInputAttrs,\r\n    TextAlign,\r\n} from \"@/util\";\r\nimport { useAutofocus } from \"@/composables/focus\";\r\nimport { EvLabel } from \"@/components/EvLabel\";\r\nimport { EvErrors } from \"@/components/EvErrors\";\r\nimport { EvProgress } from \"@/components/EvProgress\";\r\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\r\nimport { useFormField } from \"@/composables/validation\";\r\n\r\n/**\r\n * We want to pass attributes not defined as 'props'\r\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\r\n */\r\ndefineOptions({\r\n    inheritAttrs: false,\r\n});\r\n\r\n// Props & slots\r\nconst props = defineProps({\r\n    ...makeEvTextfieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    default(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// Emit\r\nconst emit = defineEmits([\r\n    \"click:clear\",\r\n    \"click:control\",\r\n    \"click:outside\",\r\n    \"mousedown:control\",\r\n    \"update:focused\",\r\n    \"update:modelValue\",\r\n]);\r\n\r\nconst attrs = useAttrs();\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst inputRef = ref<HTMLInputElement | null>(null);\r\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\r\nconst formField = useFormField(props);\r\nconst isClearable = computed(() => {\r\n    return props.clearable && !!formField.value;\r\n});\r\nconst iconStart = useIcon(props, \"iconStart\");\r\nconst iconEnd = useIcon(props, \"iconEnd\");\r\n\r\n/**\r\n * ## Get Input Element\r\n */\r\nfunction getInputElement(): HTMLInputElement | null {\r\n    return inputRef.value;\r\n}\r\n\r\n/**\r\n * ## On Clearable Click\r\n * @param $event\r\n */\r\nfunction onClearableClick($event: MouseEvent) {\r\n    $event.stopPropagation();\r\n    nextTick(() => {\r\n        formField.value = null;\r\n        emit(\"click:clear\", $event);\r\n    });\r\n    if (!props.readonly) {\r\n        getInputElement()?.focus();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Clearable Mousedown\r\n * @param e\r\n */\r\nfunction onClearableMousedown(e: MouseEvent) {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n * @param e\r\n */\r\nfunction onFocus(e?: Event) {\r\n    formField.focus(e);\r\n    if (props.autoselect) {\r\n        getInputElement()?.select();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Control Click\r\n *\r\n * When the user clicks on the textfield.\r\n *\r\n * @param e\r\n */\r\nfunction onControlClick(e: MouseEvent) {\r\n    inputRef.value?.focus(e as FocusOptions);\r\n    emit(\"click:control\", e);\r\n}\r\n\r\n/**\r\n * ## On Control Mousedown\r\n *\r\n * When the mousedown is triggered on the textfield.\r\n *\r\n * @param e\r\n */\r\nfunction onControlMousedown(e: MouseEvent) {\r\n    emit(\"mousedown:control\", e);\r\n    if (e.target === inputRef.value) {\r\n        return;\r\n    }\r\n    onFocus();\r\n    e.preventDefault();\r\n}\r\n\r\n/**\r\n * ## Directive `v-autofocus`\r\n */\r\nconst vAutofocus = useAutofocus(props);\r\n\r\n/**\r\n * ## Expose stuff\r\n */\r\ndefineExpose({\r\n    field: formField,\r\n    input: inputRef,\r\n    focus: () => {\r\n        getInputElement()?.focus();\r\n    },\r\n});\r\n\r\nfunction onClickOutside(e: MouseEvent) {\r\n    emit(\"click:outside\");\r\n}\r\n\r\nconst autocompleteProp = computed(() => {\r\n    return props.autocomplete || \"off\";\r\n});\r\n\r\nconst dataFormTypeProp = computed(() => {\r\n    return props.dataFormType || autocompleteProp.value?.toLowerCase() === \"off\"\r\n        ? \"other\"\r\n        : undefined;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        ref=\"containerRef\"\r\n        v-click-outside=\"onClickOutside\"\r\n        :class=\"[\r\n            'ev-textfield',\r\n            {\r\n                'is-loading': props.loading,\r\n            },\r\n            formField.classes,\r\n            props.class,\r\n        ]\"\r\n        :style=\"props.style\"\r\n        v-bind=\"containerAttrs\">\r\n        <div\r\n            v-if=\"props.label || slots.label || props.hint\"\r\n            class=\"ev-textfield--label\">\r\n            <ev-label\r\n                :for=\"formField.id\"\r\n                :title=\"props.label\"\r\n                :hint=\"props.hint\">\r\n                <slot name=\"label\" />\r\n            </ev-label>\r\n        </div>\r\n\r\n        <div\r\n            :class=\"[\r\n                'ev-textfield--control',\r\n                {\r\n                    'is-rounded': props.rounded,\r\n                    'is-monospace': !!props.monospace,\r\n                },\r\n                appearanceModifier(props.appearance, [InputAppearance.default]),\r\n                sizeModifier(props.size, [InputSize.default]),\r\n                makeClassName(props.align, 'is-align', [TextAlign.default]),\r\n            ]\"\r\n            :role=\"props.role\"\r\n            @click=\"onControlClick\"\r\n            @mousedown=\"onControlMousedown\">\r\n            <div v-if=\"iconStart\" class=\"ev-textfield--icon-start\">\r\n                <transition name=\"fade-in-out\" mode=\"out-in\">\r\n                    <ev-icon v-if=\"!props.loading\" :glyph=\"iconStart\" />\r\n                    <ev-progress-circular\r\n                        v-else\r\n                        indeterminate\r\n                        :appearance=\"\r\n                            formField.isFocused\r\n                                ? Appearance.notice\r\n                                : Appearance.default\r\n                        \" />\r\n                </transition>\r\n            </div>\r\n            <div\r\n                v-if=\"props.prefix || slots.prefix\"\r\n                class=\"ev-textfield--prefix\">\r\n                <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n            </div>\r\n            <div class=\"ev-textfield--input\" data-no-activator>\r\n                <slot name=\"default\" />\r\n                <input\r\n                    :id=\"formField.id\"\r\n                    ref=\"inputRef\"\r\n                    v-model=\"formField.value\"\r\n                    v-autofocus\r\n                    class=\"ev-textfield--input-native\"\r\n                    :type=\"props.type\"\r\n                    :name=\"formField.name\"\r\n                    :disabled=\"formField.isDisabled\"\r\n                    :readonly=\"formField.isReadonly\"\r\n                    :autofocus=\"props.autofocus\"\r\n                    :placeholder=\"props.placeholder\"\r\n                    :autocomplete=\"autocompleteProp\"\r\n                    :data-form-type=\"dataFormTypeProp\"\r\n                    v-bind=\"inputAttrs\"\r\n                    @focus=\"onFocus\"\r\n                    @blur=\"formField.blur\" />\r\n            </div>\r\n            <transition name=\"slide-fade\">\r\n                <div v-if=\"isClearable\" class=\"ev-textfield--clearable\">\r\n                    <ev-icon\r\n                        :glyph=\"CancelIcon\"\r\n                        @click=\"onClearableClick\"\r\n                        @mousedown=\"onClearableMousedown\" />\r\n                </div>\r\n            </transition>\r\n            <div\r\n                v-if=\"props.suffix || slots.suffix\"\r\n                class=\"ev-textfield--suffix\">\r\n                <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            </div>\r\n            <div v-if=\"iconEnd\" class=\"ev-textfield--icon-end\">\r\n                <ev-icon :glyph=\"iconEnd\" />\r\n            </div>\r\n            <div\r\n                v-if=\"props.loading && !props.iconStart\"\r\n                class=\"ev-textfield--loader\">\r\n                <ev-progress\r\n                    indeterminate\r\n                    :appearance=\"\r\n                        formField.isFocused\r\n                            ? Appearance.notice\r\n                            : Appearance.default\r\n                    \"\r\n                    :size=\"2\" />\r\n            </div>\r\n        </div>\r\n\r\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textfield--errors\">\r\n            <ev-errors :messages=\"formField.errorMessages\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,UAAM,QAAQA,SAAA;AAiBd,UAAM,QAAQ,SAAS;AACjB,UAAA,eAAe,IAAwB,IAAI;AAC3C,UAAA,WAAW,IAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAI,gBAAgB,KAAK;AACpD,UAAA,YAAY,aAAa,KAAK;AAC9B,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,MAAM,aAAa,CAAC,CAAC,UAAU;AAAA,IAAA,CACzC;AACK,UAAA,YAAY,QAAQ,OAAO,WAAW;AACtC,UAAA,UAAU,QAAQ,OAAO,SAAS;AAKxC,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IAAA;AAOpB,aAAS,iBAAiB,QAAoB;;AAC1C,aAAO,gBAAgB;AACvB,eAAS,MAAM;AACX,kBAAU,QAAQ;AAClB,aAAK,eAAe,MAAM;AAAA,MAAA,CAC7B;AACG,UAAA,CAAC,MAAM,UAAU;AACjB,8BAAA,MAAA,mBAAmB;AAAA,MAAM;AAAA,IAC7B;AAOJ,aAAS,qBAAqB,GAAe;AACzC,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IAAA;AAOtB,aAAS,QAAQ,GAAW;;AACxB,gBAAU,MAAM,CAAC;AACjB,UAAI,MAAM,YAAY;AAClB,8BAAA,MAAA,mBAAmB;AAAA,MAAO;AAAA,IAC9B;AAUJ,aAAS,eAAe,GAAe;;AAC1B,qBAAA,UAAA,mBAAO,MAAM;AACtB,WAAK,iBAAiB,CAAC;AAAA,IAAA;AAU3B,aAAS,mBAAmB,GAAe;AACvC,WAAK,qBAAqB,CAAC;AACvB,UAAA,EAAE,WAAW,SAAS,OAAO;AAC7B;AAAA,MAAA;AAEI,cAAA;AACR,QAAE,eAAe;AAAA,IAAA;AAMf,UAAA,aAAa,aAAa,KAAK;AAKxB,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MAAM;AAAA,IAC7B,CACH;AAED,aAAS,eAAe,GAAe;AACnC,WAAK,eAAe;AAAA,IAAA;AAGlB,UAAA,mBAAmB,SAAS,MAAM;AACpC,aAAO,MAAM,gBAAgB;AAAA,IAAA,CAChC;AAEK,UAAA,mBAAmB,SAAS,MAAM;;AACpC,aAAO,MAAM,kBAAgB,sBAAiB,UAAjB,mBAAwB,mBAAkB,QACjE,UACA;AAAA,IAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvTextfield.vue.mjs","sources":["../../../../src/components/EvTextfield/EvTextfield.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * # `<ev-textfield>`\r\n */\r\nimport \"./EvTextfield.scss\";\r\nimport { makeEvTextfieldProps } from \"./EvTextfield\";\r\nimport { computed, nextTick, ref, useAttrs } from \"vue\";\r\nimport { EvIcon, useIcon } from \"@/components/EvIcon\";\r\nimport { CancelIcon } from \"@/icons\";\r\nimport {\r\n    Appearance,\r\n    appearanceModifier,\r\n    InputAppearance,\r\n    InputSize,\r\n    makeClassName,\r\n    sizeModifier,\r\n    splitInputAttrs,\r\n    TextAlign,\r\n} from \"@/util\";\r\nimport { useAutofocus } from \"@/composables/focus\";\r\nimport { EvLabel } from \"@/components/EvLabel\";\r\nimport { EvErrors } from \"@/components/EvErrors\";\r\nimport { EvProgress } from \"@/components/EvProgress\";\r\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\r\nimport { useFormField } from \"@/composables/validation\";\r\n\r\n/**\r\n * We want to pass attributes not defined as 'props'\r\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\r\n */\r\ndefineOptions({\r\n    inheritAttrs: false,\r\n});\r\n\r\n// Props & slots\r\nconst props = defineProps({\r\n    ...makeEvTextfieldProps(),\r\n});\r\nconst slots = defineSlots<{\r\n    label(): never;\r\n    prefix(): never;\r\n    default(): never;\r\n    suffix(): never;\r\n}>();\r\n\r\n// Emit\r\nconst emit = defineEmits([\r\n    \"click:clear\",\r\n    \"click:control\",\r\n    \"click:outside\",\r\n    \"mousedown:control\",\r\n    \"update:focused\",\r\n    \"update:modelValue\",\r\n]);\r\n\r\nconst attrs = useAttrs();\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst inputRef = ref<HTMLInputElement | null>(null);\r\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\r\nconst formField = useFormField(props);\r\nconst isClearable = computed(() => {\r\n    return props.clearable && !!formField.value;\r\n});\r\nconst iconStart = useIcon(props, \"iconStart\");\r\nconst iconEnd = useIcon(props, \"iconEnd\");\r\n\r\n/**\r\n * ## Get Input Element\r\n */\r\nfunction getInputElement(): HTMLInputElement | null {\r\n    return inputRef.value;\r\n}\r\n\r\n/**\r\n * ## On Clearable Click\r\n * @param $event\r\n */\r\nfunction onClearableClick($event: MouseEvent) {\r\n    $event.stopPropagation();\r\n    nextTick(() => {\r\n        formField.value = null;\r\n        emit(\"click:clear\", $event);\r\n    });\r\n    if (!props.readonly) {\r\n        getInputElement()?.focus();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Clearable Mousedown\r\n * @param e\r\n */\r\nfunction onClearableMousedown(e: MouseEvent) {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n}\r\n\r\n/**\r\n * ## On Focus\r\n * @param e\r\n */\r\nfunction onFocus(e?: Event) {\r\n    formField.focus(e);\r\n    if (props.autoselect) {\r\n        getInputElement()?.select();\r\n    }\r\n}\r\n\r\n/**\r\n * ## On Control Click\r\n *\r\n * When the user clicks on the textfield.\r\n *\r\n * @param e\r\n */\r\nfunction onControlClick(e: MouseEvent) {\r\n    inputRef.value?.focus(e as FocusOptions);\r\n    emit(\"click:control\", e);\r\n}\r\n\r\n/**\r\n * ## On Control Mousedown\r\n *\r\n * When the mousedown is triggered on the textfield.\r\n *\r\n * @param e\r\n */\r\nfunction onControlMousedown(e: MouseEvent) {\r\n    emit(\"mousedown:control\", e);\r\n    if (e.target === inputRef.value) {\r\n        return;\r\n    }\r\n    onFocus();\r\n    e.preventDefault();\r\n}\r\n\r\n/**\r\n * ## Directive `v-autofocus`\r\n */\r\nconst vAutofocus = useAutofocus(props);\r\n\r\n/**\r\n * ## Expose stuff\r\n */\r\ndefineExpose({\r\n    field: formField,\r\n    input: inputRef,\r\n    focus: () => {\r\n        getInputElement()?.focus();\r\n    },\r\n});\r\n\r\nfunction onClickOutside(e: MouseEvent) {\r\n    emit(\"click:outside\");\r\n}\r\n\r\nconst autocompleteProp = computed(() => {\r\n    return props.autocomplete || \"off\";\r\n});\r\n\r\nconst dataFormTypeProp = computed(() => {\r\n    return props.dataFormType || autocompleteProp.value?.toLowerCase() === \"off\"\r\n        ? \"other\"\r\n        : undefined;\r\n});\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        ref=\"containerRef\"\r\n        v-click-outside=\"onClickOutside\"\r\n        :class=\"[\r\n            'ev-textfield',\r\n            {\r\n                'is-loading': props.loading,\r\n            },\r\n            formField.classes,\r\n            props.class,\r\n        ]\"\r\n        :style=\"props.style\"\r\n        v-bind=\"containerAttrs\">\r\n        <div\r\n            v-if=\"props.label || slots.label || props.hint\"\r\n            class=\"ev-textfield--label\">\r\n            <ev-label\r\n                :for=\"formField.id\"\r\n                :title=\"props.label\"\r\n                :hint=\"props.hint\">\r\n                <slot name=\"label\" />\r\n            </ev-label>\r\n        </div>\r\n\r\n        <div\r\n            :class=\"[\r\n                'ev-textfield--control',\r\n                {\r\n                    'is-rounded': props.rounded,\r\n                    'is-monospace': !!props.monospace,\r\n                },\r\n                appearanceModifier(props.appearance, [InputAppearance.default]),\r\n                sizeModifier(props.size, [InputSize.default]),\r\n                makeClassName(props.align, 'is-align', [TextAlign.default]),\r\n            ]\"\r\n            :role=\"props.role\"\r\n            @click=\"onControlClick\"\r\n            @mousedown=\"onControlMousedown\">\r\n            <div v-if=\"iconStart\" class=\"ev-textfield--icon-start\">\r\n                <transition name=\"fade-in-out\" mode=\"out-in\">\r\n                    <ev-icon v-if=\"!props.loading\" :glyph=\"iconStart\" />\r\n                    <ev-progress-circular\r\n                        v-else\r\n                        indeterminate\r\n                        :appearance=\"\r\n                            formField.isFocused\r\n                                ? Appearance.notice\r\n                                : Appearance.default\r\n                        \" />\r\n                </transition>\r\n            </div>\r\n            <div\r\n                v-if=\"props.prefix || slots.prefix\"\r\n                class=\"ev-textfield--prefix\">\r\n                <slot name=\"prefix\">{{ props.prefix }}</slot>\r\n            </div>\r\n            <div class=\"ev-textfield--input\" data-no-activator>\r\n                <slot name=\"default\" />\r\n                <input\r\n                    :id=\"formField.id\"\r\n                    ref=\"inputRef\"\r\n                    v-model=\"formField.value\"\r\n                    v-autofocus\r\n                    class=\"ev-textfield--input-native\"\r\n                    :type=\"props.type\"\r\n                    :name=\"formField.name\"\r\n                    :disabled=\"formField.isDisabled\"\r\n                    :readonly=\"formField.isReadonly\"\r\n                    :autofocus=\"props.autofocus\"\r\n                    :placeholder=\"props.placeholder\"\r\n                    :autocomplete=\"autocompleteProp\"\r\n                    :data-form-type=\"dataFormTypeProp\"\r\n                    v-bind=\"inputAttrs\"\r\n                    @focus=\"onFocus\"\r\n                    @blur=\"formField.blur\" />\r\n            </div>\r\n            <transition name=\"slide-fade\">\r\n                <div v-if=\"isClearable\" class=\"ev-textfield--clearable\">\r\n                    <ev-icon\r\n                        :glyph=\"CancelIcon\"\r\n                        @click=\"onClearableClick\"\r\n                        @mousedown=\"onClearableMousedown\" />\r\n                </div>\r\n            </transition>\r\n            <div\r\n                v-if=\"props.suffix || slots.suffix\"\r\n                class=\"ev-textfield--suffix\">\r\n                <slot name=\"suffix\">{{ props.suffix }}</slot>\r\n            </div>\r\n            <div v-if=\"iconEnd\" class=\"ev-textfield--icon-end\">\r\n                <ev-icon :glyph=\"iconEnd\" />\r\n            </div>\r\n            <div\r\n                v-if=\"props.loading && !props.iconStart\"\r\n                class=\"ev-textfield--loader\">\r\n                <ev-progress\r\n                    indeterminate\r\n                    :appearance=\"\r\n                        formField.isFocused\r\n                            ? Appearance.notice\r\n                            : Appearance.default\r\n                    \"\r\n                    :size=\"2\" />\r\n            </div>\r\n        </div>\r\n\r\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textfield--errors\">\r\n            <ev-errors :messages=\"formField.errorMessages\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","isClearable","computed","iconStart","useIcon","iconEnd","getInputElement","onClearableClick","$event","nextTick","emit","_a","onClearableMousedown","e","onFocus","onControlClick","onControlMousedown","vAutofocus","useAutofocus","__expose","onClickOutside","autocompleteProp","dataFormTypeProp"],"mappings":"s/CAsCMA,EAAQC,EAAAA,SAAA,EAiBRC,EAAQC,EAAAA,SAAS,EACjBC,EAAeC,MAAwB,IAAI,EAC3CC,EAAWD,MAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,EAAAA,gBAAgBP,CAAK,EACpDQ,EAAYC,eAAaC,CAAK,EAC9BC,EAAcC,EAAAA,SAAS,IAClBF,EAAM,WAAa,CAAC,CAACF,EAAU,KACzC,EACKK,EAAYC,EAAAA,QAAQJ,EAAO,WAAW,EACtCK,EAAUD,EAAAA,QAAQJ,EAAO,SAAS,EAKxC,SAASM,GAA2C,CAChD,OAAOZ,EAAS,KAAA,CAOpB,SAASa,EAAiBC,EAAoB,OAC1CA,EAAO,gBAAgB,EACvBC,EAAAA,SAAS,IAAM,CACXX,EAAU,MAAQ,KAClBY,EAAK,cAAeF,CAAM,CAAA,CAC7B,EACIR,EAAM,WACPW,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OACvB,CAOJ,SAASC,EAAqBC,EAAe,CACzCA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,CAAA,CAOtB,SAASC,EAAQD,EAAW,OACxBf,EAAU,MAAMe,CAAC,EACbb,EAAM,cACNW,EAAAL,EAAA,IAAA,MAAAK,EAAmB,SACvB,CAUJ,SAASI,EAAeF,EAAe,QAC1BF,EAAAjB,EAAA,QAAA,MAAAiB,EAAO,MAAME,GACtBH,EAAK,gBAAiBG,CAAC,CAAA,CAU3B,SAASG,EAAmBH,EAAe,CACvCH,EAAK,oBAAqBG,CAAC,EACvBA,EAAE,SAAWnB,EAAS,QAGlBoB,EAAA,EACRD,EAAE,eAAe,EAAA,CAMf,MAAAI,EAAaC,eAAalB,CAAK,EAKxBmB,EAAA,CACT,MAAOrB,EACP,MAAOJ,EACP,MAAO,IAAM,QACTiB,EAAAL,EAAA,IAAA,MAAAK,EAAmB,OAAM,CAC7B,CACH,EAED,SAASS,EAAeP,EAAe,CACnCH,EAAK,eAAe,CAAA,CAGlB,MAAAW,EAAmBnB,EAAAA,SAAS,IACvBF,EAAM,cAAgB,KAChC,EAEKsB,EAAmBpB,EAAAA,SAAS,IAAM,OACpC,OAAOF,EAAM,gBAAgBW,EAAAU,EAAiB,QAAjB,YAAAV,EAAwB,iBAAkB,MACjE,QACA,MAAA,CACT"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EvTextfield.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvTextfield.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EvThumbnail.mjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { makeEvImgProps } from \"@/components/EvImg\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\nimport { PropType } from \"vue\";\n\nexport type ThumbnailSize = HintedString<\n    | \"xx-small\"\n    | \"x-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"x-large\"\n    | \"xx-large\"\n>;\n\nexport const thumbnailPresets = {\n    defaults: {\n        inline: true,\n        aspectRatio: 1,\n    },\n    \"xx-small\": {\n        height: 24,\n        rounded: \"x-small\",\n    },\n    \"x-small\": {\n        height: 36,\n        rounded: \"x-small\",\n    },\n    small: {\n        height: 48,\n        rounded: \"small\",\n    },\n    medium: {\n        height: 64,\n        rounded: \"small\",\n    },\n    large: {\n        height: 96,\n        rounded: \"medium\",\n    },\n    \"x-large\": {\n        height: 128,\n        rounded: \"large\",\n    },\n    \"xx-large\": {\n        height: 256,\n        rounded: \"large\",\n    },\n};\n\nexport const makeEvThumbnailProps = propsFactory(\n    {\n        size: String as PropType<ThumbnailSize>,\n\n        ...makeEvImgProps(),\n        ...makeRoundedProps(),\n        ...makeComponentProps(),\n    },\n    \"EvThumbnail\",\n);"],"names":[],"mappings":";;;;;AAgBO,MAAM,mBAAmB;AAAA,EAC5B,UAAU;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,EACb;AAAA,EACA,YAAY;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EAAA;AAEjB;AAEO,MAAM,uBAAuB;AAAA,EAChC;AAAA,IACI,MAAM;AAAA,IAEN,GAAG,eAAe;AAAA,IAClB,GAAG,iBAAiB;AAAA,IACpB,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvThumbnail.mjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables\";\nimport { makeEvImgProps } from \"@/components/EvImg\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\nimport { PropType } from \"vue\";\n\nexport type ThumbnailSize = HintedString<\n    | \"xx-small\"\n    | \"x-small\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"x-large\"\n    | \"xx-large\"\n>;\n\nexport const thumbnailPresets = {\n    defaults: {\n        inline: true,\n        aspectRatio: 1,\n    },\n    \"xx-small\": {\n        height: 24,\n        rounded: \"x-small\",\n    },\n    \"x-small\": {\n        height: 36,\n        rounded: \"x-small\",\n    },\n    small: {\n        height: 48,\n        rounded: \"small\",\n    },\n    medium: {\n        height: 64,\n        rounded: \"small\",\n    },\n    large: {\n        height: 96,\n        rounded: \"medium\",\n    },\n    \"x-large\": {\n        height: 128,\n        rounded: \"large\",\n    },\n    \"xx-large\": {\n        height: 256,\n        rounded: \"large\",\n    },\n};\n\nexport const makeEvThumbnailProps = propsFactory(\n    {\n        size: String as PropType<ThumbnailSize>,\n\n        ...makeEvImgProps(),\n        ...makeRoundedProps(),\n        ...makeComponentProps(),\n    },\n    \"EvThumbnail\",\n);"],"names":["thumbnailPresets","makeEvThumbnailProps","propsFactory","makeEvImgProps","makeRoundedProps","makeComponentProps"],"mappings":"sRAgBaA,EAAmB,CAC5B,SAAU,CACN,OAAQ,GACR,YAAa,CACjB,EACA,WAAY,CACR,OAAQ,GACR,QAAS,SACb,EACA,UAAW,CACP,OAAQ,GACR,QAAS,SACb,EACA,MAAO,CACH,OAAQ,GACR,QAAS,OACb,EACA,OAAQ,CACJ,OAAQ,GACR,QAAS,OACb,EACA,MAAO,CACH,OAAQ,GACR,QAAS,QACb,EACA,UAAW,CACP,OAAQ,IACR,QAAS,OACb,EACA,WAAY,CACR,OAAQ,IACR,QAAS,OAAA,CAEjB,EAEaC,EAAuBC,EAAA,aAChC,CACI,KAAM,OAEN,GAAGC,iBAAe,EAClB,GAAGC,mBAAiB,EACpB,GAAGC,EAAmB,mBAAA,CAC1B,EACA,aACJ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EvThumbnail.vue.mjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvThumbnail.scss\";\nimport { makeEvThumbnailProps, thumbnailPresets } from \"./EvThumbnail\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { computed } from \"vue\";\nimport { applyDefaults, filterComponentProps } from \"@/util\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { DangerIcon, ImageIcon } from \"@/icons\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvSkeleton } from \"@/components/EvSkeleton\";\nimport { parseAspectRatio } from \"@/composables/aspectRatio\";\n\nconst props = defineProps({ ...makeEvThumbnailProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst computedProps = computed(() => {\n    if (!props.size) {\n        return props;\n    }\n    const presets = thumbnailPresets[props.size] ?? {};\n    const defaults = thumbnailPresets.defaults;\n    const combined = applyDefaults(props, { ...defaults, ...presets });\n\n    if (!combined.width && combined.aspectRatio && combined.height) {\n        const aspectRatio = parseAspectRatio(combined.aspectRatio);\n        if (aspectRatio && isFinite(aspectRatio)) {\n            const numericHeight =\n                typeof combined.height === \"string\"\n                    ? parseFloat(combined.height)\n                    : combined.height;\n            const width = Math.round(numericHeight * aspectRatio);\n            return { ...combined, width };\n        }\n    }\n    return combined;\n});\n\nconst imgProps = computed(() =>\n    filterComponentProps(EvImg, computedProps.value),\n);\nconst roundedClasses = computed(\n    () => useRounded(computedProps.value).roundedClasses.value,\n);\n\n\n</script>\n\n<template>\n    <ev-img :class=\"['ev-thumbnail', roundedClasses]\" v-bind=\"imgProps\">\n        <template v-if=\"slots.default\" #default>\n            <slot />\n        </template>\n        <template #placeholder>\n            <ev-icon :glyph=\"ImageIcon\" appearance=\"subtle\" />\n        </template>\n        <template #loading>\n            <ev-skeleton type=\"image\" width=\"100%\" height=\"100%\" />\n        </template>\n        <template #error>\n            <ev-icon :glyph=\"DangerIcon\" appearance=\"danger\" />\n        </template>\n    </ev-img>\n</template>\n"],"names":["_useSlots","EvImg"],"mappings":";;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQA;AAIR,UAAA,gBAAgB,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,MAAM;AACN,eAAA;AAAA,MAAA;AAEX,YAAM,UAAU,iBAAiB,MAAM,IAAI,KAAK,CAAC;AACjD,YAAM,WAAW,iBAAiB;AAC5B,YAAA,WAAW,cAAc,OAAO,EAAE,GAAG,UAAU,GAAG,SAAS;AAEjE,UAAI,CAAC,SAAS,SAAS,SAAS,eAAe,SAAS,QAAQ;AACtD,cAAA,cAAc,iBAAiB,SAAS,WAAW;AACrD,YAAA,eAAe,SAAS,WAAW,GAAG;AAChC,gBAAA,gBACF,OAAO,SAAS,WAAW,WACrB,WAAW,SAAS,MAAM,IAC1B,SAAS;AACnB,gBAAM,QAAQ,KAAK,MAAM,gBAAgB,WAAW;AAC7C,iBAAA,EAAE,GAAG,UAAU,MAAM;AAAA,QAAA;AAAA,MAChC;AAEG,aAAA;AAAA,IAAA,CACV;AAED,UAAM,WAAW;AAAA,MAAS,MACtB,qBAAqBC,aAAO,cAAc,KAAK;AAAA,IACnD;AACA,UAAM,iBAAiB;AAAA,MACnB,MAAM,WAAW,cAAc,KAAK,EAAE,eAAe;AAAA,IACzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvThumbnail.vue.mjs","sources":["../../../../src/components/EvThumbnail/EvThumbnail.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvThumbnail.scss\";\nimport { makeEvThumbnailProps, thumbnailPresets } from \"./EvThumbnail\";\nimport { EvImg } from \"@/components/EvImg\";\nimport { computed } from \"vue\";\nimport { applyDefaults, filterComponentProps } from \"@/util\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { DangerIcon, ImageIcon } from \"@/icons\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvSkeleton } from \"@/components/EvSkeleton\";\nimport { parseAspectRatio } from \"@/composables/aspectRatio\";\n\nconst props = defineProps({ ...makeEvThumbnailProps() });\nconst slots = defineSlots<{\n    default(): never;\n}>();\n\nconst computedProps = computed(() => {\n    if (!props.size) {\n        return props;\n    }\n    const presets = thumbnailPresets[props.size] ?? {};\n    const defaults = thumbnailPresets.defaults;\n    const combined = applyDefaults(props, { ...defaults, ...presets });\n\n    if (!combined.width && combined.aspectRatio && combined.height) {\n        const aspectRatio = parseAspectRatio(combined.aspectRatio);\n        if (aspectRatio && isFinite(aspectRatio)) {\n            const numericHeight =\n                typeof combined.height === \"string\"\n                    ? parseFloat(combined.height)\n                    : combined.height;\n            const width = Math.round(numericHeight * aspectRatio);\n            return { ...combined, width };\n        }\n    }\n    return combined;\n});\n\nconst imgProps = computed(() =>\n    filterComponentProps(EvImg, computedProps.value),\n);\nconst roundedClasses = computed(\n    () => useRounded(computedProps.value).roundedClasses.value,\n);\n\n\n</script>\n\n<template>\n    <ev-img :class=\"['ev-thumbnail', roundedClasses]\" v-bind=\"imgProps\">\n        <template v-if=\"slots.default\" #default>\n            <slot />\n        </template>\n        <template #placeholder>\n            <ev-icon :glyph=\"ImageIcon\" appearance=\"subtle\" />\n        </template>\n        <template #loading>\n            <ev-skeleton type=\"image\" width=\"100%\" height=\"100%\" />\n        </template>\n        <template #error>\n            <ev-icon :glyph=\"DangerIcon\" appearance=\"danger\" />\n        </template>\n    </ev-img>\n</template>\n"],"names":["slots","_useSlots","computedProps","computed","props","presets","thumbnailPresets","defaults","combined","applyDefaults","aspectRatio","parseAspectRatio","numericHeight","width","imgProps","filterComponentProps","EvImg","roundedClasses","useRounded"],"mappings":"qtBAaMA,EAAQC,EAAAA,WAIRC,EAAgBC,EAAAA,SAAS,IAAM,CAC7B,GAAA,CAACC,EAAM,KACA,OAAAA,EAEX,MAAMC,EAAUC,EAAA,iBAAiBF,EAAM,IAAI,GAAK,CAAC,EAC3CG,EAAWD,EAAAA,iBAAiB,SAC5BE,EAAWC,EAAAA,cAAcL,EAAO,CAAE,GAAGG,EAAU,GAAGF,EAAS,EAEjE,GAAI,CAACG,EAAS,OAASA,EAAS,aAAeA,EAAS,OAAQ,CACtD,MAAAE,EAAcC,EAAAA,iBAAiBH,EAAS,WAAW,EACrD,GAAAE,GAAe,SAASA,CAAW,EAAG,CAChC,MAAAE,EACF,OAAOJ,EAAS,QAAW,SACrB,WAAWA,EAAS,MAAM,EAC1BA,EAAS,OACbK,EAAQ,KAAK,MAAMD,EAAgBF,CAAW,EAC7C,MAAA,CAAE,GAAGF,EAAU,MAAAK,CAAM,CAAA,CAChC,CAEG,OAAAL,CAAA,CACV,EAEKM,EAAWX,EAAA,SAAS,IACtBY,EAAA,qBAAqBC,UAAOd,EAAc,KAAK,CACnD,EACMe,EAAiBd,EAAA,SACnB,IAAMe,aAAWhB,EAAc,KAAK,EAAE,eAAe,KACzD"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EvThumbnail.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"EvThumbnail.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"EvTimeField.mjs","sources":["../../../../src/components/EvTimeField/EvTimeField.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvTextfieldProps } from \"@/components\";\nimport { TimeIcon } from \"@/icons\";\n\nexport const makeEvTimeFieldProps = propsFactory(\n    {\n        ...omit(\n            makeEvTextfieldProps({\n                iconStart: TimeIcon,\n            }),\n            [\"type\"],\n        ),\n    },\n    \"EvTimeField\",\n);"],"names":[],"mappings":";;;;;AAIO,MAAM,uBAAuB;AAAA,EAChC;AAAA,IACI,GAAG;AAAA,MACC,qBAAqB;AAAA,QACjB,WAAW;AAAA,MAAA,CACd;AAAA,MACD,CAAC,MAAM;AAAA,IAAA;AAAA,EAEf;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvTimeField.mjs","sources":["../../../../src/components/EvTimeField/EvTimeField.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvTextfieldProps } from \"@/components\";\nimport { TimeIcon } from \"@/icons\";\n\nexport const makeEvTimeFieldProps = propsFactory(\n    {\n        ...omit(\n            makeEvTextfieldProps({\n                iconStart: TimeIcon,\n            }),\n            [\"type\"],\n        ),\n    },\n    \"EvTimeField\",\n);"],"names":["makeEvTimeFieldProps","propsFactory","omit","makeEvTextfieldProps","TimeIcon"],"mappings":"8RAIaA,EAAuBC,EAAA,aAChC,CACI,GAAGC,EAAA,KACCC,uBAAqB,CACjB,UAAWC,EAAAA,OAAA,CACd,EACD,CAAC,MAAM,CAAA,CAEf,EACA,aACJ"}