@evance/evance-ui 1.0.38 → 1.0.40

package/dist/cjs/chunks/EvTextarea.vue_vue_type_script_setup_true_lang-CyF0bB8K.cjs

@@ -0,0 +1,241 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+const vue = require("vue");
+const component = require("./component-BuM-16AY.cjs");
+const validation = require("./validation-C00zcMuc.cjs");
+const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-C-0ZG8eh.cjs");
+const props = require("./props-DfsXP7in.cjs");
+const appearance = require("./appearance-DbF8ZzHl.cjs");
+const CancelIcon = require("./CancelIcon-BOsZKN6p.cjs");
+const EvProgress_vue_vue_type_script_setup_true_lang = require("./EvProgress.vue_vue_type_script_setup_true_lang-Dcf45_Ic.cjs");
+const EvIcon_vue_vue_type_style_index_0_lang = require("./EvIcon.vue_vue_type_style_index_0_lang-6XOSLFdY.cjs");
+const EvErrors_vue_vue_type_script_setup_true_lang = require("./EvErrors.vue_vue_type_script_setup_true_lang-BwV99mKE.cjs");
+const helpers = require("./helpers-Dimy6Rif.cjs");
+const modifiers = require("./modifiers-BLxJ7T_q.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({
+      field: formField,
+      input: inputRef,
+      focus: () => {
+        var _a;
+        (_a = getInputElement()) == null ? void 0 : _a.focus();
+      }
+    });
+    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_style_index_0_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-CyF0bB8K.cjs.map

package/dist/cjs/chunks/EvTextarea.vue_vue_type_script_setup_true_lang-CyF0bB8K.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTextarea.vue_vue_type_script_setup_true_lang-CyF0bB8K.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    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-textarea\"\n        :class=\"[\n            {\n                'is-loading': loading,\n                'is-autogrow': autogrow,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        role=\"textbox\"\n        v-bind=\"containerAttrs\">\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-textarea--label\">\n            <ev-label\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\n            </ev-label>\n        </div>\n\n        <div\n            :class=\"[\n                'ev-textarea--control',\n                appearanceModifier(props.appearance, [InputAppearance.default]),\n            ]\"\n            @click=\"onControlClick\"\n            @mousedown=\"onControlMousedown\">\n            <div class=\"ev-textarea--input\">\n                <textarea\n                    :id=\"formField.id\"\n                    ref=\"inputRef\"\n                    v-model=\"formField.value\"\n                    v-autofocus\n                    :name=\"formField.name\"\n                    :disabled=\"formField.isDisabled\"\n                    :readonly=\"formField.isReadonly\"\n                    :placeholder=\"placeholder\"\n                    :autofocus=\"autofocus\"\n                    v-bind=\"inputAttrs\"\n                    @focus=\"onFocus\"\n                    @blur=\"formField.blur\"\n                    @keydown=\"onKeydown\"\n                    @keyup=\"onKeyup\"\n                    @keyup.enter=\"onKeyupEnter\"></textarea>\n            </div>\n            <transition name=\"slide-fade\">\n                <div v-if=\"isClearable\" class=\"ev-textarea--clearable\">\n                    <ev-icon\n                        :glyph=\"CancelIcon\"\n                        @click=\"onClearableClick\"\n                        @mousedown=\"onClearableMousedown\" />\n                </div>\n            </transition>\n            <div v-if=\"loading\" class=\"ev-textarea--loader\">\n                <ev-progress\n                    indeterminate\n                    :appearance=\"\n                        formField.isFocused\n                            ? Appearance.notice\n                            : Appearance.default\n                    \"\n                    :size=\"2\" />\n            </div>\n        </div>\n\n        <div v-if=\"formField.isShowErrorMessages\" class=\"ev-textarea--errors\">\n            <ev-errors :messages=\"formField.errorMessages\" />\n        </div>\n    </div>\n</template>\n"],"names":["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,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACQA,UAAM,QAAQC,IAAAA;AAad,UAAM,QAAQC,IAAAA,SAAS;AACjB,UAAA,eAAeC,QAAwB,IAAI;AAC3C,UAAA,WAAWA,QAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAIC,QAAAA,gBAAgB,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,IAAA;AAOpB,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,IAAM;AAO7B,aAAS,qBAAqB,GAAe;AACzC,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IAAA;AAOtB,aAAS,QAAQ,GAAW;;AACxB,gBAAU,MAAM,CAAC;AACjB,UAAIF,OAAM,YAAY;AAClB,8BAAA,MAAA,mBAAmB;AAAA,MAAO;AAAA,IAC9B;AAUJ,aAAS,eAAe,GAAe;AAC3B,cAAA;AACR,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;AAQrB,aAAS,UAAU,GAAU;AAClB,aAAA;AAAA,IAAA;AAQX,aAAS,QAAQ,GAAU;AAChB,aAAA;AAAA,IAAA;AAQX,aAAS,aAAa,GAAU;AAE5B,UAAIA,OAAM,YAAY;AAClB,QAAAA,OAAM,WAAW;AAAA,MAAA;AAAA,IACrB;AAQJ,aAAS,SAAS;AACV,UAAA,CAACA,OAAM,UAAU;AACjB;AAAA,MAAA;AAEJ,YAAM,QAAQ,gBAAgB;AAC9B,UAAI,CAAC,OAAO;AACR;AAAA,MAAA;AAEJ,YAAM,MAAM,SAAS;AACrB,YAAM,MAAM,SAAS,MAAM,eAAe,IAAI;AAAA,IAAA;AAOlDG,QAAAA,UAAU,MAAM;AACL,aAAA;AAAA,IAAA,CACV;AAMDC,QAAAA,UAAU,MAAM;AACL,aAAA;AAAA,IAAA,CACV;AAKK,UAAA,aAAaC,wBAAaL,MAAK;AAKxB,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MAAM;AAAA,IAC7B,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/chunks/EvTextfield.vue_vue_type_script_setup_true_lang-DL4NAYvL.cjs

@@ -0,0 +1,301 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+const vue = require("vue");
+const icons = require("./icons-VkKskE1Z.cjs");
+const validation = require("./validation-C00zcMuc.cjs");
+const component = require("./component-BuM-16AY.cjs");
+const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue_vue_type_script_setup_true_lang-C-0ZG8eh.cjs");
+const appearance = require("./appearance-DbF8ZzHl.cjs");
+const props = require("./props-DfsXP7in.cjs");
+const EvIcon_vue_vue_type_style_index_0_lang = require("./EvIcon.vue_vue_type_style_index_0_lang-6XOSLFdY.cjs");
+const CancelIcon = require("./CancelIcon-BOsZKN6p.cjs");
+const EvErrors_vue_vue_type_script_setup_true_lang = require("./EvErrors.vue_vue_type_script_setup_true_lang-BwV99mKE.cjs");
+const EvProgress_vue_vue_type_script_setup_true_lang = require("./EvProgress.vue_vue_type_script_setup_true_lang-Dcf45_Ic.cjs");
+const EvProgressCircular_vue_vue_type_script_setup_true_lang = require("./EvProgressCircular.vue_vue_type_script_setup_true_lang-CY-AxETt.cjs");
+const helpers = require("./helpers-Dimy6Rif.cjs");
+const modifiers = require("./modifiers-BLxJ7T_q.cjs");
+const makeEvTextfieldProps = props.propsFactory(
+  {
+    autocomplete: String,
+    autofocus: Boolean,
+    autoselect: Boolean,
+    clearable: Boolean,
+    dataFormType: String,
+    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", "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__ */ 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_style_index_0_lang.useIcon(props2, "iconStart");
+    const iconEnd = EvIcon_vue_vue_type_style_index_0_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({
+      field: formField,
+      input: inputRef,
+      focus: () => {
+        var _a;
+        (_a = getInputElement()) == null ? void 0 : _a.focus();
+      }
+    });
+    function onClickOutside(e) {
+      emit("click:outside");
+    }
+    const autocompleteProp = vue.computed(() => {
+      return props2.autocomplete || "off";
+    });
+    const dataFormTypeProp = vue.computed(() => {
+      var _a;
+      return props2.dataFormType || ((_a = autocompleteProp.value) == null ? void 0 : _a.toLowerCase()) === "off" ? "other" : void 0;
+    });
+    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_style_index_0_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,
+              autocomplete: autocompleteProp.value,
+              "data-form-type": dataFormTypeProp.value
+            }, 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_style_index_0_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_style_index_0_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-DL4NAYvL.cjs.map

package/dist/cjs/chunks/EvTextfield.vue_vue_type_script_setup_true_lang-DL4NAYvL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvTextfield.vue_vue_type_script_setup_true_lang-DL4NAYvL.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\";\nimport { PropType } from \"vue\";\n\nexport type AutocompleteToken =\n    | \"on\"\n    | \"off\"\n\n    // Addresses & locality\n    | \"address-line1\"\n    | \"address-line2\"\n    | \"address-line3\"\n    | \"address-level4\"\n    | \"address-level3\"\n    | \"address-level2\"\n    | \"address-level1\"\n    | \"country\" // Country code\n    | \"country-name\"\n    | \"language\"\n    | \"postal-code\"\n    | \"street-address\"\n\n    // Credit cards & transactions\n    | \"cc-additional-name\"\n    | \"cc-family-name\"\n    | \"cc-given-name\"\n    | \"cc-name\"\n    | \"cc-number\"\n    | \"cc-exp\"\n    | \"cc-exp-month\"\n    | \"cc-exp-year\"\n    | \"cc-csc\"\n    | \"cc-type\"\n    | \"transaction-currency\"\n    | \"transaction-amount\"\n\n    // Passwords & security\n    | \"current-password\"\n    | \"new-password\"\n    | \"one-time-code\"\n    | \"password\"\n\n    // Contact information\n    | \"bday\"\n    | \"bday-day\"\n    | \"bday-month\"\n    | \"bday-year\"\n    | \"email\"\n    | \"family-name\"\n    | \"given-name\"\n    | \"honorific-prefix\"\n    | \"honorific-suffix\"\n    | \"impp\"\n    | \"name\"\n    | \"nickname\"\n    | \"organization\"\n    | \"organization-title\"\n    | \"sex\"\n    | \"url\"\n    | \"username\"\n\n    // Telephone number\n    | \"tel\"\n    | \"tel-area-code\"\n    | \"tel-country\"\n    | \"tel-country-code\"\n    | \"tel-extension\"\n    | \"tel-local\"\n    | \"tel-local-prefix\"\n    | \"tel-local-suffix\"\n    | \"tel-national\"\n\n    // Groups\n    | \"billing\"\n    | \"home\"\n    | \"mobile\"\n    | `section-${string}`\n    | \"shipping\"\n    | \"work\"\n    | string;\n\n/**\n * # Make EvTextfield Props\n */\nexport const makeEvTextfieldProps = propsFactory(\n    {\n        autocomplete: String as PropType<AutocompleteToken>,\n        autofocus: Boolean,\n        autoselect: Boolean,\n        clearable: Boolean,\n        dataFormType: String,\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    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n\nfunction onClickOutside(e: MouseEvent) {\n    emit(\"click:outside\");\n}\n\nconst autocompleteProp = computed(() => {\n    return props.autocomplete || \"off\";\n});\n\nconst dataFormTypeProp = computed(() => {\n    return props.dataFormType || autocompleteProp.value?.toLowerCase() === \"off\"\n        ? \"other\"\n        : undefined;\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                    :autocomplete=\"autocompleteProp\"\n                    :data-form-type=\"dataFormTypeProp\"\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":"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"}