@evance/evance-ui 1.0.9 → 1.0.12

package/dist/cjs/EvTextarea.vue_vue_type_script_setup_true_lang-fsW8ut59.cjs

@@ -1,242 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.8 | MIT License */
-const vue = require("vue");
-const appearance = require("./appearance-BSapoEEp.cjs");
-const props = require("./props-3YojFZoC.cjs");
-const component = require("./component-DBGQSV43.cjs");
-const validation = require("./validation-BOsk0a9z.cjs");
-const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-m_J8BhVz.cjs");
-const helpers = require("./helpers-CtzYj-kY.cjs");
-const modifiers = require("./modifiers-BuCOPdyz.cjs");
-const CancelIcon = require("./CancelIcon-BYUYm9V7.cjs");
-const EvProgress_vue_vue_type_script_setup_true_lang = require("./EvProgress.vue_vue_type_script_setup_true_lang-CGMNRrxe.cjs");
-const EvIcon_vue_vue_type_script_setup_true_lang = require("./EvIcon.vue_vue_type_script_setup_true_lang-B9oxaGXC.cjs");
-require("./EvIcon.vue_vue_type_style_index_0_lang-OkIcG5k6.cjs");
-const EvErrors_vue_vue_type_script_setup_true_lang = require("./EvErrors.vue_vue_type_script_setup_true_lang-BNxC6Av5.cjs");
-const makeEvTextareaProps = props.propsFactory(
-  {
-    autofocus: Boolean,
-    autoselect: Boolean,
-    autogrow: {
-      type: Boolean,
-      default: true
-    },
-    autosubmit: Function,
-    clearable: Boolean,
-    loading: Boolean,
-    placeholder: String,
-    ...EvLabel_vue_vue_type_script_setup_true_lang.makeLabelProps(),
-    ...validation.makeFormFieldProps(),
-    ...appearance.makeInputAppearanceProps(),
-    ...component.makeComponentProps()
-  },
-  "EvTextarea"
-);
-const _hoisted_1 = {
-  key: 0,
-  class: "ev-textarea--label"
-};
-const _hoisted_2 = { class: "ev-textarea--input" };
-const _hoisted_3 = ["id", "name", "disabled", "readonly", "placeholder", "autofocus", "onKeyup"];
-const _hoisted_4 = {
-  key: 0,
-  class: "ev-textarea--clearable"
-};
-const _hoisted_5 = {
-  key: 0,
-  class: "ev-textarea--loader"
-};
-const _hoisted_6 = {
-  key: 1,
-  class: "ev-textarea--errors"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "EvTextarea",
-  props: {
-    ...makeEvTextareaProps()
-  },
-  emits: [
-    "click:clear",
-    "click:control",
-    "mousedown:control",
-    "update:focused",
-    "update:modelValue"
-  ],
-  setup(__props, { expose: __expose, emit }) {
-    const props2 = __props;
-    const slots = vue.useSlots();
-    const attrs = vue.useAttrs();
-    const containerRef = vue.ref(null);
-    const inputRef = vue.ref(null);
-    const [containerAttrs, inputAttrs] = helpers.splitInputAttrs(attrs);
-    const formField = validation.useFormField(props2);
-    const isClearable = vue.computed(() => {
-      return props2.clearable && !!formField.value;
-    });
-    function getInputElement() {
-      return inputRef.value;
-    }
-    function onClearableClick($event) {
-      var _a;
-      $event.stopPropagation();
-      vue.nextTick(() => {
-        formField.value = null;
-        emit("click:clear", $event);
-      });
-      (_a = getInputElement()) == null ? void 0 : _a.focus();
-    }
-    function onClearableMousedown(e) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-    function onFocus(e) {
-      var _a;
-      formField.focus(e);
-      if (props2.autoselect) {
-        (_a = getInputElement()) == null ? void 0 : _a.select();
-      }
-    }
-    function onControlClick(e) {
-      onFocus();
-      emit("click:control", e);
-    }
-    function onControlMousedown(e) {
-      emit("mousedown:control", e);
-      if (e.target === inputRef.value) {
-        return;
-      }
-      onFocus();
-      e.preventDefault();
-    }
-    function onKeydown(e) {
-      resize();
-    }
-    function onKeyup(e) {
-      resize();
-    }
-    function onKeyupEnter(e) {
-      if (props2.autosubmit) {
-        props2.autosubmit();
-      }
-    }
-    function resize() {
-      if (!props2.autogrow) {
-        return;
-      }
-      const field = getInputElement();
-      if (!field) {
-        return;
-      }
-      field.style.height = "auto";
-      field.style.height = field.scrollHeight + 1 + "px";
-    }
-    vue.onUpdated(() => {
-      resize();
-    });
-    vue.onMounted(() => {
-      resize();
-    });
-    const vAutofocus = validation.useAutofocus(props2);
-    __expose({
-      input: inputRef,
-      focus: () => {
-        var _a;
-        (_a = getInputElement()) == null ? void 0 : _a.focus();
-      },
-      ...formField.expose()
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: ["ev-textarea", [
-          {
-            "is-loading": _ctx.loading,
-            "is-autogrow": _ctx.autogrow
-          },
-          vue.unref(formField).classes,
-          props2.class
-        ]],
-        style: props2.style,
-        role: "textbox"
-      }, vue.unref(containerAttrs)), [
-        props2.label || props2.hint || vue.unref(slots).label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          vue.createVNode(vue.unref(EvLabel_vue_vue_type_script_setup_true_lang._sfc_main), {
-            for: vue.unref(formField).id,
-            title: props2.label,
-            hint: props2.hint
-          }, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "label")
-            ]),
-            _: 3
-          }, 8, ["for", "title", "hint"])
-        ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([
-            "ev-textarea--control",
-            vue.unref(modifiers.appearanceModifier)(props2.appearance, [vue.unref(appearance.InputAppearance).default])
-          ]),
-          onClick: onControlClick,
-          onMousedown: onControlMousedown
-        }, [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.withDirectives(vue.createElementVNode("textarea", vue.mergeProps({
-              id: vue.unref(formField).id,
-              ref_key: "inputRef",
-              ref: inputRef,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(formField).value = $event),
-              name: vue.unref(formField).name,
-              disabled: vue.unref(formField).isDisabled,
-              readonly: vue.unref(formField).isReadonly,
-              placeholder: _ctx.placeholder,
-              autofocus: _ctx.autofocus
-            }, vue.unref(inputAttrs), {
-              onFocus,
-              onBlur: _cache[1] || (_cache[1] = //@ts-ignore
-              (...args) => vue.unref(formField).blur && vue.unref(formField).blur(...args)),
-              onKeydown,
-              onKeyup: [
-                onKeyup,
-                vue.withKeys(onKeyupEnter, ["enter"])
-              ]
-            }), null, 16, _hoisted_3), [
-              [vue.vModelText, vue.unref(formField).value],
-              [vue.unref(vAutofocus)]
-            ])
-          ]),
-          vue.createVNode(vue.Transition, { name: "slide-fade" }, {
-            default: vue.withCtx(() => [
-              isClearable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-                vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang._sfc_main), {
-                  glyph: vue.unref(CancelIcon.CancelIcon),
-                  onClick: onClearableClick,
-                  onMousedown: onClearableMousedown
-                }, null, 8, ["glyph"])
-              ])) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-            vue.createVNode(vue.unref(EvProgress_vue_vue_type_script_setup_true_lang._sfc_main), {
-              indeterminate: "",
-              appearance: vue.unref(formField).isFocused ? vue.unref(appearance.Appearance).notice : vue.unref(appearance.Appearance).default,
-              size: 2
-            }, null, 8, ["appearance"])
-          ])) : vue.createCommentVNode("", true)
-        ], 34),
-        vue.unref(formField).isShowErrorMessages ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-          vue.createVNode(vue.unref(EvErrors_vue_vue_type_script_setup_true_lang._sfc_main), {
-            messages: vue.unref(formField).errorMessages
-          }, null, 8, ["messages"])
-        ])) : vue.createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvTextareaProps = makeEvTextareaProps;
-//# sourceMappingURL=EvTextarea.vue_vue_type_script_setup_true_lang-fsW8ut59.cjs.map

package/dist/cjs/EvTextarea.vue_vue_type_script_setup_true_lang-fsW8ut59.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvTextarea.vue_vue_type_script_setup_true_lang-fsW8ut59.cjs","sources":["../../src/components/EvTextarea/EvTextarea.ts","../../src/components/EvTextarea/EvTextarea.vue"],"sourcesContent":["import { makeInputAppearanceProps, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeFormFieldProps } from \"@/composables/validation\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\nexport const makeEvTextareaProps = propsFactory(\n    {\n        autofocus: Boolean,\n        autoselect: Boolean,\n        autogrow: {\n            type: Boolean,\n            default: true,\n        },\n        autosubmit: Function,\n        clearable: Boolean,\n        loading: Boolean,\n        placeholder: String,\n\n        ...makeLabelProps(),\n        ...makeFormFieldProps(),\n        ...makeInputAppearanceProps(),\n        ...makeComponentProps(),\n    },\n    \"EvTextarea\",\n);\n","<script setup lang=\"ts\">\n/**\n * # `<ev-textarea>`\n */\nimport \"./EvTextarea.scss\";\nimport { makeEvTextareaProps } from \"./EvTextarea\";\nimport { computed, nextTick, ref, useAttrs, onUpdated, onMounted } from \"vue\";\nimport {\n    Appearance,\n    appearanceModifier,\n    InputAppearance,\n    splitInputAttrs,\n} from \"@/util\";\nimport { useAutofocus } from \"@/composables/focus\";\nimport { CancelIcon } from \"@/icons\";\nimport { EvProgress } from \"@/components/EvProgress\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useFormField } from \"@/composables/validation\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\nconst props = defineProps({\n    ...makeEvTextareaProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\nconst emit = defineEmits([\n    \"click:clear\",\n    \"click:control\",\n    \"mousedown:control\",\n    \"update:focused\",\n    \"update:modelValue\",\n]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst isClearable = computed(() => {\n    return props.clearable && !!formField.value;\n});\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Clearable Click\n * @param $event\n */\nfunction onClearableClick($event: MouseEvent) {\n    $event.stopPropagation();\n    nextTick(() => {\n        formField.value = null;\n        emit(\"click:clear\", $event);\n    });\n    getInputElement()?.focus();\n}\n\n/**\n * ## On Clearable Mousedown\n * @param e\n */\nfunction onClearableMousedown(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n}\n\n/**\n * ## On Focus\n * @param e\n */\nfunction onFocus(e?: Event) {\n    formField.focus(e);\n    if (props.autoselect) {\n        getInputElement()?.select();\n    }\n}\n\n/**\n * ## On Control Click\n *\n * When the user clicks on the textarea.\n *\n * @param e\n */\nfunction onControlClick(e: MouseEvent) {\n    onFocus();\n    emit(\"click:control\", e);\n}\n\n/**\n * ## On Control Mousedown\n *\n * When the mousedown is triggered on the textarea.\n *\n * @param e\n */\nfunction onControlMousedown(e: MouseEvent) {\n    emit(\"mousedown:control\", e);\n    if (e.target === inputRef.value) {\n        return;\n    }\n    onFocus();\n    e.preventDefault();\n}\n\n/**\n * ## On Keydown\n * Attempt to resize the textarea on key down.\n * @param e\n */\nfunction onKeydown(e: Event) {\n    resize();\n}\n\n/**\n * ## On Keyup\n * Attempt to resize the textarea on key up.\n * @param e\n */\nfunction onKeyup(e: Event) {\n    resize();\n}\n\n/**\n * ## On Enter\n * When the user presses the Enter key, we can call an `autosubmit` function (if supplied).\n * @param e\n */\nfunction onKeyupEnter(e: Event) {\n    // Use the autosubmit callback if present\n    if (props.autosubmit) {\n        props.autosubmit();\n    }\n}\n\n/**\n * ## Resize\n * If the component is set to `autogrow` then we resize the textarea appropriately\n * so that all the text is visible.\n */\nfunction resize() {\n    if (!props.autogrow) {\n        return;\n    }\n    const field = getInputElement();\n    if (!field) {\n        return;\n    }\n    field.style.height = \"auto\";\n    field.style.height = field.scrollHeight + 1 + \"px\";\n}\n\n/**\n * ## On Update\n * Ensures the textarea is resized when the component updates.\n */\nonUpdated(() => {\n    resize();\n});\n\n/**\n * ## On Mounted\n * Ensures the textarea is resized when the component loads.\n */\nonMounted(() => {\n    resize();\n});\n\n/**\n * ## Directive `v-autofocus`\n */\nconst vAutofocus = useAutofocus(props);\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n    ...formField.expose(),\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-textarea\"\n        :class=\"[\n            {\n                'is-loading': loading,\n                'is-autogrow': autogrow,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        role=\"textbox\"\n        v-bind=\"containerAttrs\">\n        <div v-if=\"props.label || props.hint || slots.label\" class=\"ev-textarea--label\">\n            <ev-label\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n        </div>\n\n        <div\n            :class=\"[\n                'ev-textarea--control',\n                appearanceModifier(props.appearance, [InputAppearance.default]),\n            ]\"\n            @click=\"onControlClick\"\n            @mousedown=\"onControlMousedown\">\n            <div class=\"ev-textarea--input\">\n                <textarea\n                    :id=\"formField.id\"\n                    ref=\"inputRef\"\n                    v-model=\"formField.value\"\n                    v-autofocus\n                    :name=\"formField.name\"\n                    :disabled=\"formField.isDisabled\"\n                    :readonly=\"formField.isReadonly\"\n                    :placeholder=\"placeholder\"\n                    :autofocus=\"autofocus\"\n                    v-bind=\"inputAttrs\"\n                    @focus=\"onFocus\"\n                    @blur=\"formField.blur\"\n                    @keydown=\"onKeydown\"\n                    @keyup=\"onKeyup\"\n                    @keyup.enter=\"onKeyupEnter\"></textarea>\n            </div>\n            <transition name=\"slide-fade\">\n                <div v-if=\"isClearable\" class=\"ev-textarea--clearable\">\n                    <ev-icon\n                        :glyph=\"CancelIcon\"\n                        @click=\"onClearableClick\"\n                        @mousedown=\"onClearableMousedown\" />\n                </div>\n            </transition>\n            <div v-if=\"loading\" class=\"ev-textarea--loader\">\n                <ev-progress\n                    indeterminate\n                    :appearance=\"\n                        formField.isFocused\n                            ? Appearance.notice\n                            : Appearance.default\n                    \"\n                    :size=\"2\" />\n            </div>\n        </div>\n\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textarea--errors\">\n            <ev-errors :messages=\"formField.errorMessages\" />\n        </div>\n    </div>\n</template>\n"],"names":["propsFactory","makeLabelProps","makeFormFieldProps","makeInputAppearanceProps","makeComponentProps","_useSlots","useAttrs","ref","splitInputAttrs","useFormField","props","computed","nextTick","onUpdated","onMounted","useAutofocus"],"mappings":";;;;;;;;;;;;;;;AAKO,MAAM,sBAAsBA,MAAA;AAAA,EAC/B;AAAA,IACI,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa;AAAA,IAEb,GAAGC,2DAAe;AAAA,IAClB,GAAGC,8BAAmB;AAAA,IACtB,GAAGC,oCAAyB;AAAA,IAC5B,GAAGC,6BAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACQA,UAAM,QAAQC,IAAAA;AAad,UAAM,QAAQC,IAAAA;AACR,UAAA,eAAeC,QAAwB,IAAI;AAC3C,UAAA,WAAWA,QAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAIC,wBAAgB,KAAK;AACpD,UAAA,YAAYC,wBAAaC,MAAK;AAC9B,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC/B,aAAOD,OAAM,aAAa,CAAC,CAAC,UAAU;AAAA,IAAA,CACzC;AAKD,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IACpB;AAMA,aAAS,iBAAiB,QAAoB;;AAC1C,aAAO,gBAAgB;AACvBE,UAAAA,SAAS,MAAM;AACX,kBAAU,QAAQ;AAClB,aAAK,eAAe,MAAM;AAAA,MAAA,CAC7B;AACD,4BAAA,MAAA,mBAAmB;AAAA,IACvB;AAMA,aAAS,qBAAqB,GAAe;AACzC,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACtB;AAMA,aAAS,QAAQ,GAAW;;AACxB,gBAAU,MAAM,CAAC;AACjB,UAAIF,OAAM,YAAY;AAClB,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,IACJ;AASA,aAAS,eAAe,GAAe;AAC3B;AACR,WAAK,iBAAiB,CAAC;AAAA,IAC3B;AASA,aAAS,mBAAmB,GAAe;AACvC,WAAK,qBAAqB,CAAC;AACvB,UAAA,EAAE,WAAW,SAAS,OAAO;AAC7B;AAAA,MACJ;AACQ;AACR,QAAE,eAAe;AAAA,IACrB;AAOA,aAAS,UAAU,GAAU;AAClB;IACX;AAOA,aAAS,QAAQ,GAAU;AAChB;IACX;AAOA,aAAS,aAAa,GAAU;AAE5B,UAAIA,OAAM,YAAY;AAClB,QAAAA,OAAM,WAAW;AAAA,MACrB;AAAA,IACJ;AAOA,aAAS,SAAS;AACV,UAAA,CAACA,OAAM,UAAU;AACjB;AAAA,MACJ;AACA,YAAM,QAAQ;AACd,UAAI,CAAC,OAAO;AACR;AAAA,MACJ;AACA,YAAM,MAAM,SAAS;AACrB,YAAM,MAAM,SAAS,MAAM,eAAe,IAAI;AAAA,IAClD;AAMAG,QAAAA,UAAU,MAAM;AACL;IAAA,CACV;AAMDC,QAAAA,UAAU,MAAM;AACL;IAAA,CACV;AAKK,UAAA,aAAaC,wBAAaL,MAAK;AAKxB,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,MACA,GAAG,UAAU,OAAO;AAAA,IAAA,CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvTextfield.vue_vue_type_script_setup_true_lang-Dx_96ZFB.cjs

@@ -1,291 +0,0 @@
-"use strict";
-/*! Evance UI v1.0.8 | MIT License */
-const vue = require("vue");
-const appearance = require("./appearance-BSapoEEp.cjs");
-const props = require("./props-3YojFZoC.cjs");
-const icons = require("./icons-vY5ve7b7.cjs");
-const validation = require("./validation-BOsk0a9z.cjs");
-const component = require("./component-DBGQSV43.cjs");
-const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-m_J8BhVz.cjs");
-const EvIcon_vue_vue_type_script_setup_true_lang = require("./EvIcon.vue_vue_type_script_setup_true_lang-B9oxaGXC.cjs");
-require("./EvIcon.vue_vue_type_style_index_0_lang-OkIcG5k6.cjs");
-const CancelIcon = require("./CancelIcon-BYUYm9V7.cjs");
-const helpers = require("./helpers-CtzYj-kY.cjs");
-const modifiers = require("./modifiers-BuCOPdyz.cjs");
-const EvErrors_vue_vue_type_script_setup_true_lang = require("./EvErrors.vue_vue_type_script_setup_true_lang-BNxC6Av5.cjs");
-const EvProgress_vue_vue_type_script_setup_true_lang = require("./EvProgress.vue_vue_type_script_setup_true_lang-CGMNRrxe.cjs");
-const EvProgressCircular_vue_vue_type_script_setup_true_lang = require("./EvProgressCircular.vue_vue_type_script_setup_true_lang-BFZFW7ce.cjs");
-const makeEvTextfieldProps = props.propsFactory(
-  {
-    autofocus: Boolean,
-    autoselect: Boolean,
-    clearable: Boolean,
-    iconStart: icons.IconProp,
-    iconEnd: icons.IconProp,
-    loading: Boolean,
-    placeholder: String,
-    prefix: String,
-    role: String,
-    rounded: Boolean,
-    suffix: String,
-    type: {
-      type: String,
-      default: "text"
-    },
-    monospace: Boolean,
-    ...EvLabel_vue_vue_type_script_setup_true_lang.makeLabelProps(),
-    ...appearance.makeTextAlignProps(),
-    ...validation.makeFormFieldProps(),
-    ...appearance.makeInputAppearanceProps(),
-    ...appearance.makeInputSizeProps(),
-    ...component.makeComponentProps()
-  },
-  "EvTextfield"
-);
-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"];
-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__ */ vue.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 props2 = __props;
-    const slots = vue.useSlots();
-    const attrs = vue.useAttrs();
-    const containerRef = vue.ref(null);
-    const inputRef = vue.ref(null);
-    const [containerAttrs, inputAttrs] = helpers.splitInputAttrs(attrs);
-    const formField = validation.useFormField(props2);
-    const isClearable = vue.computed(() => {
-      return props2.clearable && !!formField.value;
-    });
-    const iconStart = EvIcon_vue_vue_type_script_setup_true_lang.useIcon(props2, "iconStart");
-    const iconEnd = EvIcon_vue_vue_type_script_setup_true_lang.useIcon(props2, "iconEnd");
-    function getInputElement() {
-      return inputRef.value;
-    }
-    function onClearableClick($event) {
-      var _a;
-      $event.stopPropagation();
-      vue.nextTick(() => {
-        formField.value = null;
-        emit("click:clear", $event);
-      });
-      if (!props2.readonly) {
-        (_a = getInputElement()) == null ? void 0 : _a.focus();
-      }
-    }
-    function onClearableMousedown(e) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-    function onFocus(e) {
-      var _a;
-      formField.focus(e);
-      if (props2.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 = validation.useAutofocus(props2);
-    __expose({
-      input: inputRef,
-      focus: () => {
-        var _a;
-        (_a = getInputElement()) == null ? void 0 : _a.focus();
-      },
-      ...formField.expose()
-    });
-    function onClickOutside(e) {
-      emit("click:outside");
-    }
-    return (_ctx, _cache) => {
-      const _directive_click_outside = vue.resolveDirective("click-outside");
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: [
-          "ev-textfield",
-          {
-            "is-loading": props2.loading
-          },
-          vue.unref(formField).classes,
-          props2.class
-        ],
-        style: props2.style
-      }, vue.unref(containerAttrs)), [
-        props2.label || vue.unref(slots).label || props2.hint ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          vue.createVNode(vue.unref(EvLabel_vue_vue_type_script_setup_true_lang._sfc_main), {
-            for: vue.unref(formField).id,
-            title: props2.label,
-            hint: props2.hint
-          }, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "label")
-            ]),
-            _: 3
-          }, 8, ["for", "title", "hint"])
-        ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([
-            "ev-textfield--control",
-            {
-              "is-rounded": props2.rounded,
-              "is-monospace": !!props2.monospace
-            },
-            vue.unref(modifiers.appearanceModifier)(props2.appearance, [vue.unref(appearance.InputAppearance).default]),
-            vue.unref(modifiers.sizeModifier)(props2.size, [vue.unref(appearance.InputSize).default]),
-            vue.unref(modifiers.makeClassName)(props2.align, "is-align", [vue.unref(appearance.TextAlign).default])
-          ]),
-          role: props2.role,
-          onClick: onControlClick,
-          onMousedown: onControlMousedown
-        }, [
-          vue.unref(iconStart) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-            vue.createVNode(vue.Transition, {
-              name: "fade-in-out",
-              mode: "out-in"
-            }, {
-              default: vue.withCtx(() => [
-                !props2.loading ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang._sfc_main), {
-                  key: 0,
-                  glyph: vue.unref(iconStart)
-                }, null, 8, ["glyph"])) : (vue.openBlock(), vue.createBlock(vue.unref(EvProgressCircular_vue_vue_type_script_setup_true_lang._sfc_main), {
-                  key: 1,
-                  indeterminate: "",
-                  appearance: vue.unref(formField).isFocused ? vue.unref(appearance.Appearance).notice : vue.unref(appearance.Appearance).default
-                }, null, 8, ["appearance"]))
-              ]),
-              _: 1
-            })
-          ])) : vue.createCommentVNode("", true),
-          props2.prefix || vue.unref(slots).prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-            vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(props2.prefix), 1)
-            ])
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_5, [
-            vue.renderSlot(_ctx.$slots, "default"),
-            vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
-              id: vue.unref(formField).id,
-              ref_key: "inputRef",
-              ref: inputRef,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(formField).value = $event),
-              class: "ev-textfield--input-native",
-              type: props2.type,
-              name: vue.unref(formField).name,
-              disabled: vue.unref(formField).isDisabled,
-              readonly: vue.unref(formField).isReadonly,
-              autofocus: props2.autofocus,
-              placeholder: props2.placeholder
-            }, vue.unref(inputAttrs), {
-              onFocus,
-              onBlur: _cache[1] || (_cache[1] = //@ts-ignore
-              (...args) => vue.unref(formField).blur && vue.unref(formField).blur(...args))
-            }), null, 16, _hoisted_6), [
-              [vue.vModelDynamic, vue.unref(formField).value],
-              [vue.unref(vAutofocus)]
-            ])
-          ]),
-          vue.createVNode(vue.Transition, { name: "slide-fade" }, {
-            default: vue.withCtx(() => [
-              isClearable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang._sfc_main), {
-                  glyph: vue.unref(CancelIcon.CancelIcon),
-                  onClick: onClearableClick,
-                  onMousedown: onClearableMousedown
-                }, null, 8, ["glyph"])
-              ])) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          props2.suffix || vue.unref(slots).suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-            vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(props2.suffix), 1)
-            ])
-          ])) : vue.createCommentVNode("", true),
-          vue.unref(iconEnd) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
-            vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang._sfc_main), { glyph: vue.unref(iconEnd) }, null, 8, ["glyph"])
-          ])) : vue.createCommentVNode("", true),
-          props2.loading && !props2.iconStart ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-            vue.createVNode(vue.unref(EvProgress_vue_vue_type_script_setup_true_lang._sfc_main), {
-              indeterminate: "",
-              appearance: vue.unref(formField).isFocused ? vue.unref(appearance.Appearance).notice : vue.unref(appearance.Appearance).default,
-              size: 2
-            }, null, 8, ["appearance"])
-          ])) : vue.createCommentVNode("", true)
-        ], 42, _hoisted_2),
-        vue.unref(formField).isShowErrorMessages ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
-          vue.createVNode(vue.unref(EvErrors_vue_vue_type_script_setup_true_lang._sfc_main), {
-            messages: vue.unref(formField).errorMessages
-          }, null, 8, ["messages"])
-        ])) : vue.createCommentVNode("", true)
-      ], 16)), [
-        [_directive_click_outside, onClickOutside]
-      ]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;
-exports.makeEvTextfieldProps = makeEvTextfieldProps;
-//# sourceMappingURL=EvTextfield.vue_vue_type_script_setup_true_lang-Dx_96ZFB.cjs.map

package/dist/cjs/EvTextfield.vue_vue_type_script_setup_true_lang-Dx_96ZFB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvTextfield.vue_vue_type_script_setup_true_lang-Dx_96ZFB.cjs","sources":["../../src/components/EvTextfield/EvTextfield.ts","../../src/components/EvTextfield/EvTextfield.vue"],"sourcesContent":["import {\n    makeInputAppearanceProps,\n    makeInputSizeProps,\n    makeTextAlignProps,\n    propsFactory,\n} from \"@/util\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeFormFieldProps } from \"@/composables/validation\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\n/**\n * # Make EvTextfield Props\n */\nexport const makeEvTextfieldProps = propsFactory(\n    {\n        autofocus: Boolean,\n        autoselect: Boolean,\n        clearable: Boolean,\n        iconStart: IconProp,\n        iconEnd: IconProp,\n        loading: Boolean,\n        placeholder: String,\n        prefix: String,\n        role: String,\n        rounded: Boolean,\n        suffix: String,\n        type: {\n            type: String,\n            default: \"text\",\n        },\n        monospace: Boolean,\n\n        ...makeLabelProps(),\n        ...makeTextAlignProps(),\n        ...makeFormFieldProps(),\n        ...makeInputAppearanceProps(),\n        ...makeInputSizeProps(),\n        ...makeComponentProps(),\n    },\n    \"EvTextfield\",\n);\n","<script setup lang=\"ts\">\n/**\n * # `<ev-textfield>`\n */\nimport \"./EvTextfield.scss\";\nimport { makeEvTextfieldProps } from \"./EvTextfield\";\nimport { computed, nextTick, ref, useAttrs } from \"vue\";\nimport { EvIcon, useIcon } from \"@/components/EvIcon\";\nimport { CancelIcon } from \"@/icons\";\nimport {\n    Appearance,\n    appearanceModifier,\n    InputAppearance,\n    InputSize,\n    makeClassName,\n    sizeModifier,\n    splitInputAttrs,\n    TextAlign,\n} from \"@/util\";\nimport { useAutofocus } from \"@/composables/focus\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvProgress } from \"@/components/EvProgress\";\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\nimport { useFormField } from \"@/composables/validation\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\n// Props & slots\nconst props = defineProps({\n    ...makeEvTextfieldProps(),\n});\nconst slots = defineSlots<{\n    label(): never;\n    prefix(): never;\n    default(): never;\n    suffix(): never;\n}>();\n\n// Emit\nconst emit = defineEmits([\n    \"click:clear\",\n    \"click:control\",\n    \"click:outside\",\n    \"mousedown:control\",\n    \"update:focused\",\n    \"update:modelValue\",\n]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst isClearable = computed(() => {\n    return props.clearable && !!formField.value;\n});\nconst iconStart = useIcon(props, \"iconStart\");\nconst iconEnd = useIcon(props, \"iconEnd\");\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Clearable Click\n * @param $event\n */\nfunction onClearableClick($event: MouseEvent) {\n    $event.stopPropagation();\n    nextTick(() => {\n        formField.value = null;\n        emit(\"click:clear\", $event);\n    });\n    if (!props.readonly) {\n        getInputElement()?.focus();\n    }\n}\n\n/**\n * ## On Clearable Mousedown\n * @param e\n */\nfunction onClearableMousedown(e: MouseEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n}\n\n/**\n * ## On Focus\n * @param e\n */\nfunction onFocus(e?: Event) {\n    formField.focus(e);\n    if (props.autoselect) {\n        getInputElement()?.select();\n    }\n}\n\n/**\n * ## On Control Click\n *\n * When the user clicks on the textfield.\n *\n * @param e\n */\nfunction onControlClick(e: MouseEvent) {\n    inputRef.value?.focus(e as FocusOptions);\n    emit(\"click:control\", e);\n}\n\n/**\n * ## On Control Mousedown\n *\n * When the mousedown is triggered on the textfield.\n *\n * @param e\n */\nfunction onControlMousedown(e: MouseEvent) {\n    emit(\"mousedown:control\", e);\n    if (e.target === inputRef.value) {\n        return;\n    }\n    onFocus();\n    e.preventDefault();\n}\n\n/**\n * ## Directive `v-autofocus`\n */\nconst vAutofocus = useAutofocus(props);\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n    ...formField.expose(),\n});\n\nfunction onClickOutside(e: MouseEvent) {\n    emit(\"click:outside\");\n}\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        v-click-outside=\"onClickOutside\"\n        :class=\"[\n            'ev-textfield',\n            {\n                'is-loading': props.loading,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        v-bind=\"containerAttrs\">\n        <div\n            v-if=\"props.label || slots.label || props.hint\"\n            class=\"ev-textfield--label\">\n            <ev-label\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n        </div>\n\n        <div\n            :class=\"[\n                'ev-textfield--control',\n                {\n                    'is-rounded': props.rounded,\n                    'is-monospace': !!props.monospace,\n                },\n                appearanceModifier(props.appearance, [InputAppearance.default]),\n                sizeModifier(props.size, [InputSize.default]),\n                makeClassName(props.align, 'is-align', [TextAlign.default]),\n            ]\"\n            :role=\"props.role\"\n            @click=\"onControlClick\"\n            @mousedown=\"onControlMousedown\">\n            <div v-if=\"iconStart\" class=\"ev-textfield--icon-start\">\n                <transition name=\"fade-in-out\" mode=\"out-in\">\n                    <ev-icon v-if=\"!props.loading\" :glyph=\"iconStart\" />\n                    <ev-progress-circular\n                        v-else\n                        indeterminate\n                        :appearance=\"\n                            formField.isFocused\n                                ? Appearance.notice\n                                : Appearance.default\n                        \" />\n                </transition>\n            </div>\n            <div\n                v-if=\"props.prefix || slots.prefix\"\n                class=\"ev-textfield--prefix\">\n                <slot name=\"prefix\">{{ props.prefix }}</slot>\n            </div>\n            <div class=\"ev-textfield--input\" data-no-activator>\n                <slot name=\"default\" />\n                <input\n                    :id=\"formField.id\"\n                    ref=\"inputRef\"\n                    v-model=\"formField.value\"\n                    v-autofocus\n                    class=\"ev-textfield--input-native\"\n                    :type=\"props.type\"\n                    :name=\"formField.name\"\n                    :disabled=\"formField.isDisabled\"\n                    :readonly=\"formField.isReadonly\"\n                    :autofocus=\"props.autofocus\"\n                    :placeholder=\"props.placeholder\"\n                    v-bind=\"inputAttrs\"\n                    @focus=\"onFocus\"\n                    @blur=\"formField.blur\" />\n            </div>\n            <transition name=\"slide-fade\">\n                <div v-if=\"isClearable\" class=\"ev-textfield--clearable\">\n                    <ev-icon\n                        :glyph=\"CancelIcon\"\n                        @click=\"onClearableClick\"\n                        @mousedown=\"onClearableMousedown\" />\n                </div>\n            </transition>\n            <div\n                v-if=\"props.suffix || slots.suffix\"\n                class=\"ev-textfield--suffix\">\n                <slot name=\"suffix\">{{ props.suffix }}</slot>\n            </div>\n            <div v-if=\"iconEnd\" class=\"ev-textfield--icon-end\">\n                <ev-icon :glyph=\"iconEnd\" />\n            </div>\n            <div\n                v-if=\"props.loading && !props.iconStart\"\n                class=\"ev-textfield--loader\">\n                <ev-progress\n                    indeterminate\n                    :appearance=\"\n                        formField.isFocused\n                            ? Appearance.notice\n                            : Appearance.default\n                    \"\n                    :size=\"2\" />\n            </div>\n        </div>\n\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textfield--errors\">\n            <ev-errors :messages=\"formField.errorMessages\" />\n        </div>\n    </div>\n</template>\n"],"names":["propsFactory","IconProp","makeLabelProps","makeTextAlignProps","makeFormFieldProps","makeInputAppearanceProps","makeInputSizeProps","makeComponentProps","_useSlots","useAttrs","ref","splitInputAttrs","useFormField","props","computed","useIcon","nextTick","useAutofocus"],"mappings":";;;;;;;;;;;;;;;;;AAcO,MAAM,uBAAuBA,MAAA;AAAA,EAChC;AAAA,IACI,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAWC,MAAA;AAAA,IACX,SAASA,MAAA;AAAA,IACT,SAAS;AAAA,IACT,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,WAAW;AAAA,IAEX,GAAGC,2DAAe;AAAA,IAClB,GAAGC,8BAAmB;AAAA,IACtB,GAAGC,8BAAmB;AAAA,IACtB,GAAGC,oCAAyB;AAAA,IAC5B,GAAGC,8BAAmB;AAAA,IACtB,GAAGC,6BAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACHA,UAAM,QAAQC,IAAAA;AAiBd,UAAM,QAAQC,IAAAA;AACR,UAAA,eAAeC,QAAwB,IAAI;AAC3C,UAAA,WAAWA,QAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAIC,wBAAgB,KAAK;AACpD,UAAA,YAAYC,wBAAaC,MAAK;AAC9B,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC/B,aAAOD,OAAM,aAAa,CAAC,CAAC,UAAU;AAAA,IAAA,CACzC;AACK,UAAA,YAAYE,2CAAAA,QAAQF,QAAO,WAAW;AACtC,UAAA,UAAUE,2CAAAA,QAAQF,QAAO,SAAS;AAKxC,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IACpB;AAMA,aAAS,iBAAiB,QAAoB;;AAC1C,aAAO,gBAAgB;AACvBG,UAAAA,SAAS,MAAM;AACX,kBAAU,QAAQ;AAClB,aAAK,eAAe,MAAM;AAAA,MAAA,CAC7B;AACG,UAAA,CAACH,OAAM,UAAU;AACjB,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,IACJ;AAMA,aAAS,qBAAqB,GAAe;AACzC,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACtB;AAMA,aAAS,QAAQ,GAAW;;AACxB,gBAAU,MAAM,CAAC;AACjB,UAAIA,OAAM,YAAY;AAClB,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,IACJ;AASA,aAAS,eAAe,GAAe;;AAC1B,qBAAA,UAAA,mBAAO,MAAM;AACtB,WAAK,iBAAiB,CAAC;AAAA,IAC3B;AASA,aAAS,mBAAmB,GAAe;AACvC,WAAK,qBAAqB,CAAC;AACvB,UAAA,EAAE,WAAW,SAAS,OAAO;AAC7B;AAAA,MACJ;AACQ;AACR,QAAE,eAAe;AAAA,IACrB;AAKM,UAAA,aAAaI,wBAAaJ,MAAK;AAKxB,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,MACA,GAAG,UAAU,OAAO;AAAA,IAAA,CACvB;AAED,aAAS,eAAe,GAAe;AACnC,WAAK,eAAe;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}