@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

package/dist/components/form/nmorph-text-input/NmorphTextInput.vue.js

@@ -1,119 +1,72 @@
 import './NmorphTextInput.css';
-import { defineComponent as z, useSlots as A, computed as a, ref as H, openBlock as i, createElementBlock as f, normalizeStyle as O, normalizeClass as T, createElementVNode as h, unref as o, renderSlot as j, createCommentVNode as y, mergeProps as q, withKeys as G, createBlock as b, withModifiers as J, withCtx as v, createVNode as L, resolveDynamicComponent as Q } from "vue";
-import { useModifiers as U } from "../../../utils/create-modifiers.js";
-import { useFocusableInput as W } from "../../../hooks/use-focusable-input.js";
-import { useFormItemInput as X, useFormItemModel as Y } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as Z } from "../../../types/common.types.js";
-import ee from "../../../assets/icons/eye-blocked.svg.js";
-import te from "../../basic/nmorph-button/NmorphButton.vue.js";
-/* empty css                                          */
-import oe from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                      */
-import ne from "../../../assets/icons/error.svg.js";
-import le from "../../../assets/icons/eye.svg.js";
-const re = { class: "nmorph-text-input__input-side" }, ae = {
+import m from "./NmorphTextInput.vue2.js";
+import { openBlock as t, createElementBlock as r, normalizeStyle as s, normalizeClass as c, createElementVNode as i, renderSlot as h, createCommentVNode as l, mergeProps as f, withKeys as y, createBlock as d, withModifiers as u, withCtx as a, createVNode as b, resolveDynamicComponent as x } from "vue";
+/* empty css                     */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "nmorph-text-input__input-side" }, k = {
   key: 0,
   class: "nmorph-text-input__prepend-icon"
-}, se = ["id", "name", "autocomplete", "tabindex", "type", "placeholder", "disabled", "value"], xe = /* @__PURE__ */ z({
-  __name: "NmorphTextInput",
-  props: {
-    placeholder: { default: "" },
-    typePassword: { type: Boolean, default: !1 },
-    modelValue: { default: "" },
-    clearable: { type: Boolean, default: !1 },
-    indentation: { default: "" },
-    inputAttrs: { default: () => ({}) },
-    id: {},
-    name: {},
-    autocomplete: {},
-    height: { default: "basic" },
-    disabled: { type: Boolean, default: !1 },
-    tabindex: {}
-  },
-  emits: ["update:model-value", "focus", "blur", "on-enter", "keydown"],
-  setup(w, { expose: x, emit: _ }) {
-    const p = A(), e = w, l = _, { id: k, name: B, autocomplete: I, tabindex: g } = X(e), { modelValue: C, updateModelValue: d } = Y(
-      e,
-      (r) => l("update:model-value", r),
-      ""
-    ), N = a(
-      () => U({
-        nmorph: [Z[e.height], V.value && "focused"],
-        "nmorph-text-input": [e.typePassword && "password", (e.typePassword || e.clearable) && "with-action"]
-      })
-    ), M = (r) => {
-      const t = r.target;
-      d(t.value);
-    }, s = H(!1), P = () => {
-      e.clearable ? d("") : s.value = !s.value;
-    }, F = a(() => e.typePassword && !s.value && !e.clearable ? "password" : "text"), {
-      elementRef: u,
-      focused: V,
-      handleFocus: m,
-      handleBlur: c,
-      focus: E,
-      blur: $,
-      select: D
-    } = W({
-      onFocus: () => l("focus"),
-      onBlur: () => l("blur")
-    });
-    x({ inputDOMRef: u, focus: E, blur: $, select: D });
-    const K = a(() => e.clearable ? ne : s.value ? ee : le), R = a(() => e.indentation || (p["prepend-icon"] ? "28px" : "8px")), S = a(() => ({ "--nmorph-text-input-indentation": R.value }));
-    return (r, t) => (i(), f("div", {
-      class: T(N.value),
-      style: O(S.value)
-    }, [
-      h("div", re, [
-        o(p)["prepend-icon"] ? (i(), f("div", ae, [
-          j(r.$slots, "prepend-icon")
-        ])) : y("", !0),
-        h("input", q({
-          id: o(k),
-          ref_key: "inputDOMRef",
-          ref: u,
-          name: o(B),
-          autocomplete: o(I),
-          tabindex: o(g),
+}, w = ["id", "name", "autocomplete", "tabindex", "type", "placeholder", "disabled", "value"];
+function B(p, o, N, e, C, I) {
+  return t(), r(
+    "div",
+    {
+      class: c(e.modifiers),
+      style: s(e.styles)
+    },
+    [
+      i("div", v, [
+        e.slots["prepend-icon"] ? (t(), r("div", k, [
+          h(p.$slots, "prepend-icon")
+        ])) : l("v-if", !0),
+        i("input", f({
+          id: e.id,
+          ref: "inputDOMRef",
+          name: e.name,
+          autocomplete: e.autocomplete,
+          tabindex: e.tabindex,
           class: "nmorph-native-input",
-          type: F.value,
-          placeholder: e.placeholder,
-          disabled: e.disabled,
-          value: o(C)
-        }, e.inputAttrs, {
-          onInput: M,
-          onFocus: t[0] || (t[0] = //@ts-ignore
-          (...n) => o(m) && o(m)(...n)),
-          onBlur: t[1] || (t[1] = //@ts-ignore
-          (...n) => o(c) && o(c)(...n)),
-          onKeydown: t[2] || (t[2] = (n) => l("keydown", n)),
-          onKeyup: t[3] || (t[3] = G((n) => l("on-enter"), ["enter"]))
-        }), null, 16, se),
-        e.typePassword || e.clearable ? (i(), b(o(te), {
+          type: e.type,
+          placeholder: e.props.placeholder,
+          disabled: e.props.disabled,
+          value: e.modelValue
+        }, e.props.inputAttrs, {
+          onInput: e.handleInput,
+          onFocus: o[0] || (o[0] = (...n) => e.handleFocus && e.handleFocus(...n)),
+          onBlur: o[1] || (o[1] = (...n) => e.handleBlur && e.handleBlur(...n)),
+          onKeydown: o[2] || (o[2] = (n) => e.emit("keydown", n)),
+          onKeyup: o[3] || (o[3] = y((n) => e.emit("on-enter"), ["enter"]))
+        }), null, 16, w),
+        e.props.typePassword || e.props.clearable ? (t(), d(e.NmorphButton, {
           key: 1,
-          disabled: e.disabled,
+          disabled: e.props.disabled,
           class: "nmorph-text-input__password-btn",
           "style-type": "transparent",
           width: "32px",
-          height: e.height,
-          onMousedown: t[4] || (t[4] = J(() => {
+          height: e.props.height,
+          onMousedown: o[4] || (o[4] = u(() => {
           }, ["prevent"])),
-          onClick: P
+          onClick: e.actionButtonClickHandler
         }, {
-          default: v(() => [
-            L(o(oe), null, {
-              default: v(() => [
-                (i(), b(Q(K.value)))
+          default: a(() => [
+            b(e.NmorphIcon, null, {
+              default: a(() => [
+                (t(), d(x(e.actionIcon)))
               ]),
               _: 1
+              /* STABLE */
             })
           ]),
           _: 1
-        }, 8, ["disabled", "height"])) : y("", !0)
+          /* STABLE */
+        }, 8, ["disabled", "height"])) : l("v-if", !0)
       ])
-    ], 6));
-  }
-});
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const M = /* @__PURE__ */ _(m, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-text-input/NmorphTextInput.vue"]]);
 export {
-  xe as default
+  M as default
 };

package/dist/components/form/nmorph-text-input/NmorphTextInput.vue2.js

@@ -0,0 +1,67 @@
+import './NmorphTextInput.css';
+import { defineComponent as k, useSlots as C, computed as o, ref as E } from "vue";
+import { useModifiers as O } from "../../../utils/create-modifiers.js";
+import { useFocusableInput as V } from "../../../hooks/use-focusable-input.js";
+import { useFormItemInput as j, useFormItemModel as H } from "../nmorph-form/use-form-item-input.js";
+import { NmorphComponentHeight as R } from "../../../types/common.types.js";
+import A from "../../../assets/icons/eye-blocked.svg.js";
+import D from "../../basic/nmorph-button/NmorphButton.vue.js";
+import T from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import z from "../../../assets/icons/error.svg.js";
+import G from "../../../assets/icons/eye.svg.js";
+const ee = /* @__PURE__ */ k({
+  __name: "NmorphTextInput",
+  props: {
+    placeholder: { type: String, required: !1, default: "" },
+    typePassword: { type: Boolean, required: !1, default: !1 },
+    modelValue: { type: String, required: !1, default: "" },
+    clearable: { type: Boolean, required: !1, default: !1 },
+    indentation: { type: String, required: !1, default: "" },
+    inputAttrs: { type: Object, required: !1, default: () => ({}) },
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    height: { type: null, required: !1, default: "basic" },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    tabindex: { type: Number, required: !1 }
+  },
+  emits: ["update:model-value", "focus", "blur", "on-enter", "keydown"],
+  setup(f, { expose: h, emit: y }) {
+    const l = C(), e = f, r = y, { id: b, name: g, autocomplete: q, tabindex: I } = j(e), { modelValue: v, updateModelValue: n } = H(
+      e,
+      (a) => r("update:model-value", a),
+      ""
+    ), w = o(
+      () => O({
+        nmorph: [R[e.height], u.value && "focused"],
+        "nmorph-text-input": [e.typePassword && "password", (e.typePassword || e.clearable) && "with-action"]
+      })
+    ), x = (a) => {
+      const M = a.target;
+      n(M.value);
+    }, t = E(!1), N = () => {
+      e.clearable ? n("") : t.value = !t.value;
+    }, _ = o(() => e.typePassword && !t.value && !e.clearable ? "password" : "text"), {
+      elementRef: s,
+      focused: u,
+      handleFocus: B,
+      handleBlur: S,
+      focus: p,
+      blur: i,
+      select: d
+    } = V({
+      onFocus: () => r("focus"),
+      onBlur: () => r("blur")
+    });
+    h({ inputDOMRef: s, focus: p, blur: i, select: d });
+    const P = o(() => e.clearable ? z : t.value ? A : G), m = o(() => e.indentation || (l["prepend-icon"] ? "28px" : "8px")), F = o(() => ({ "--nmorph-text-input-indentation": m.value })), c = { slots: l, props: e, emit: r, id: b, name: g, autocomplete: q, tabindex: I, modelValue: v, updateModelValue: n, modifiers: w, handleInput: x, showPassword: t, actionButtonClickHandler: N, type: _, inputDOMRef: s, focused: u, handleFocus: B, handleBlur: S, focus: p, blur: i, select: d, actionIcon: P, indentation: m, styles: F, get NmorphIcon() {
+      return T;
+    }, get NmorphButton() {
+      return D;
+    } };
+    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
+  }
+});
+export {
+  ee as default
+};

package/dist/components/form/nmorph-textarea/NmorphTextarea.vue.js

@@ -1,98 +1,41 @@
 import './NmorphTextarea.css';
-import { defineComponent as V, computed as r, watch as T, onMounted as K, openBlock as N, createElementBlock as A, normalizeStyle as D, normalizeClass as E, createElementVNode as O, mergeProps as P, unref as a, withKeys as $, nextTick as Y } from "vue";
-import { useModifiers as _ } from "../../../utils/create-modifiers.js";
-import { useFocusableInput as j } from "../../../hooks/use-focusable-input.js";
-import { useFormItemInput as q, useFormItemModel as G } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as J } from "../../../types/common.types.js";
-const L = ["id", "name", "autocomplete", "tabindex", "placeholder", "disabled", "value", "rows"], ee = /* @__PURE__ */ V({
-  __name: "NmorphTextarea",
-  props: {
-    placeholder: { default: "" },
-    modelValue: { default: "" },
-    rows: { default: 3 },
-    minRows: { default: 2 },
-    maxRows: { default: void 0 },
-    resize: { default: "vertical" },
-    autoSize: { type: Boolean, default: !1 },
-    indentation: { default: "12px" },
-    textareaAttrs: { default: () => ({}) },
-    id: {},
-    name: {},
-    autocomplete: {},
-    height: { default: "basic" },
-    disabled: { type: Boolean, default: !1 },
-    tabindex: {}
-  },
-  emits: ["update:model-value", "focus", "blur", "on-enter", "keydown"],
-  setup(c, { expose: f, emit: h }) {
-    const e = c, l = h, { id: x, name: w, autocomplete: g, tabindex: y } = q(e), { modelValue: d, updateModelValue: v } = G(
-      e,
-      (t) => l("update:model-value", t),
-      ""
-    ), {
-      elementRef: i,
-      focused: b,
-      handleFocus: u,
-      handleBlur: m,
-      focus: z,
-      blur: F,
-      select: M
-    } = j({
-      onFocus: () => l("focus"),
-      onBlur: () => l("blur")
-    }), R = r(
-      () => _({
-        nmorph: [J[e.height], b.value && "focused"],
-        "nmorph-textarea": [e.disabled && "disabled", e.autoSize && "auto-size"]
-      })
-    ), B = (t) => {
-      const o = window.getComputedStyle(t);
-      return parseFloat(o.paddingTop) + parseFloat(o.paddingBottom);
-    }, s = async () => {
-      if (!e.autoSize) return;
-      await Y();
-      const t = i.value;
-      if (!t) return;
-      t.style.height = "auto";
-      const o = window.getComputedStyle(t), n = parseFloat(o.lineHeight) || 20, p = e.maxRows ? e.maxRows * n + B(t) : 1 / 0, C = Math.min(t.scrollHeight, p);
-      t.style.height = `${C}px`, t.style.overflowY = t.scrollHeight > p ? "auto" : "hidden";
-    }, H = (t) => {
-      const o = t.target;
-      v(o.value), s();
-    };
-    T(d, s), K(s), f({ textareaDOMRef: i, focus: z, blur: F, select: M, resizeToContent: s });
-    const I = r(() => Math.max(e.minRows, 1)), S = r(() => Math.max(e.rows, I.value)), k = r(() => ({
-      "--nmorph-textarea-resize": e.autoSize ? "none" : e.resize,
-      "--nmorph-textarea-indentation": e.indentation
-    }));
-    return (t, o) => (N(), A("div", {
-      class: E(R.value),
-      style: D(k.value)
-    }, [
-      O("textarea", P({
-        id: a(x),
-        ref_key: "textareaDOMRef",
-        ref: i,
-        name: a(w),
-        autocomplete: a(g),
-        tabindex: a(y),
+import n from "./NmorphTextarea.vue2.js";
+import { openBlock as a, createElementBlock as l, normalizeStyle as t, normalizeClass as d, createElementVNode as i, mergeProps as m, withKeys as s } from "vue";
+/* empty css                    */
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = ["id", "name", "autocomplete", "tabindex", "placeholder", "disabled", "value", "rows"];
+function x(c, o, b, e, h, y) {
+  return a(), l(
+    "div",
+    {
+      class: d(e.modifiers),
+      style: t(e.styles)
+    },
+    [
+      i("textarea", m({
+        id: e.id,
+        ref: "textareaDOMRef",
+        name: e.name,
+        autocomplete: e.autocomplete,
+        tabindex: e.tabindex,
         class: "nmorph-native-input",
-        placeholder: e.placeholder,
-        disabled: e.disabled,
-        value: a(d),
-        rows: S.value
-      }, e.textareaAttrs, {
-        onInput: H,
-        onFocus: o[0] || (o[0] = //@ts-ignore
-        (...n) => a(u) && a(u)(...n)),
-        onBlur: o[1] || (o[1] = //@ts-ignore
-        (...n) => a(m) && a(m)(...n)),
-        onKeydown: o[2] || (o[2] = (n) => l("keydown", n)),
-        onKeyup: o[3] || (o[3] = $((n) => l("on-enter"), ["enter"]))
-      }), null, 16, L)
-    ], 6));
-  }
-});
+        placeholder: e.props.placeholder,
+        disabled: e.props.disabled,
+        value: e.modelValue,
+        rows: e.rows
+      }, e.props.textareaAttrs, {
+        onInput: e.handleInput,
+        onFocus: o[0] || (o[0] = (...r) => e.handleFocus && e.handleFocus(...r)),
+        onBlur: o[1] || (o[1] = (...r) => e.handleBlur && e.handleBlur(...r)),
+        onKeydown: o[2] || (o[2] = (r) => e.emit("keydown", r)),
+        onKeyup: o[3] || (o[3] = s((r) => e.emit("on-enter"), ["enter"]))
+      }), null, 16, f)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const k = /* @__PURE__ */ p(n, [["render", x], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-textarea/NmorphTextarea.vue"]]);
 export {
-  ee as default
+  k as default
 };

package/dist/components/form/nmorph-textarea/NmorphTextarea.vue2.js

@@ -0,0 +1,73 @@
+import './NmorphTextarea.css';
+import { defineComponent as B, computed as n, watch as C, onMounted as T, nextTick as V } from "vue";
+import { useModifiers as O } from "../../../utils/create-modifiers.js";
+import { useFocusableInput as j } from "../../../hooks/use-focusable-input.js";
+import { useFormItemInput as k, useFormItemModel as P } from "../nmorph-form/use-form-item-input.js";
+import { NmorphComponentHeight as A } from "../../../types/common.types.js";
+const J = /* @__PURE__ */ B({
+  __name: "NmorphTextarea",
+  props: {
+    placeholder: { type: String, required: !1, default: "" },
+    modelValue: { type: String, required: !1, default: "" },
+    rows: { type: Number, required: !1, default: 3 },
+    minRows: { type: Number, required: !1, default: 2 },
+    maxRows: { type: Number, required: !1, default: void 0 },
+    resize: { type: String, required: !1, default: "vertical" },
+    autoSize: { type: Boolean, required: !1, default: !1 },
+    indentation: { type: String, required: !1, default: "12px" },
+    textareaAttrs: { type: Object, required: !1, default: () => ({}) },
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    height: { type: null, required: !1, default: "basic" },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    tabindex: { type: Number, required: !1 }
+  },
+  emits: ["update:model-value", "focus", "blur", "on-enter", "keydown"],
+  setup(g, { expose: x, emit: b }) {
+    const e = g, r = b, { id: w, name: q, autocomplete: S, tabindex: v } = k(e), { modelValue: s, updateModelValue: l } = P(
+      e,
+      (t) => r("update:model-value", t),
+      ""
+    ), {
+      elementRef: i,
+      focused: u,
+      handleFocus: _,
+      handleBlur: z,
+      focus: d,
+      blur: p,
+      select: m
+    } = j({
+      onFocus: () => r("focus"),
+      onBlur: () => r("blur")
+    }), F = n(
+      () => O({
+        nmorph: [A[e.height], u.value && "focused"],
+        "nmorph-textarea": [e.disabled && "disabled", e.autoSize && "auto-size"]
+      })
+    ), f = (t) => {
+      const o = window.getComputedStyle(t);
+      return parseFloat(o.paddingTop) + parseFloat(o.paddingBottom);
+    }, a = async () => {
+      if (!e.autoSize) return;
+      await V();
+      const t = i.value;
+      if (!t) return;
+      t.style.height = "auto";
+      const o = window.getComputedStyle(t), I = parseFloat(o.lineHeight) || 20, y = e.maxRows ? e.maxRows * I + f(t) : 1 / 0, N = Math.min(t.scrollHeight, y);
+      t.style.height = `${N}px`, t.style.overflowY = t.scrollHeight > y ? "auto" : "hidden";
+    }, M = (t) => {
+      const o = t.target;
+      l(o.value), a();
+    };
+    C(s, a), T(a), x({ textareaDOMRef: i, focus: d, blur: p, select: m, resizeToContent: a });
+    const c = n(() => Math.max(e.minRows, 1)), R = n(() => Math.max(e.rows, c.value)), H = n(() => ({
+      "--nmorph-textarea-resize": e.autoSize ? "none" : e.resize,
+      "--nmorph-textarea-indentation": e.indentation
+    })), h = { props: e, emit: r, id: w, name: q, autocomplete: S, tabindex: v, modelValue: s, updateModelValue: l, textareaDOMRef: i, focused: u, handleFocus: _, handleBlur: z, focus: d, blur: p, select: m, modifiers: F, getVerticalPadding: f, resizeToContent: a, handleInput: M, minRows: c, rows: R, styles: H };
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
+  }
+});
+export {
+  J as default
+};