@wikicasa-dev/components 2.6.13 → 2.6.14

package/dist/UIKit/BaseInput.vue.js

@@ -1,211 +1,192 @@
-import { defineComponent as A, useModel as N, ref as m, useId as O, computed as j, watch as y, useAttrs as D, openBlock as u, createElementBlock as r, normalizeClass as v, unref as d, renderSlot as h, createElementVNode as g, withKeys as G, withModifiers as J, createBlock as Q, createCommentVNode as x, Fragment as C, renderList as T, mergeModels as B } from "vue";
-import W from "./BaseFloatingLabel.js";
-import { useFloatingLabel as X } from "../composables/useFloatingLabel.js";
-const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Z = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, U = ["innerHTML"], p = ["innerHTML"], _ = ["innerHTML"], ee = {
-  key: 1,
-  class: "under-label uikit-absolute uikit-text-12"
-}, ne = /* @__PURE__ */ A({
-  inheritAttrs: !1,
-  __name: "BaseInput",
-  props: /* @__PURE__ */ B({
-    id: {},
-    inputClass: {},
-    labelText: { default: "" },
-    feedback: {},
-    isValid: { type: [Boolean, null], default: null },
-    keepFloatingLabel: { type: Boolean, default: !1 },
-    formatter: { default: null },
-    labelClasses: {},
-    fieldsetClasses: {},
-    labelTextClasses: {},
-    withLeftIcon: { type: Boolean, default: () => {
-    } },
-    withRightIcon: { type: Boolean, default: () => {
-    } },
-    dataCy: {}
-  }, {
-    modelValue: { default: "" },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ B(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
-  setup(e, { expose: M, emit: E }) {
-    const o = N(e, "modelValue"), a = m(""), k = E, {
-      labelState: s,
-      handleFocusIn: H,
-      handleFocusOut: $,
-      setInlineLabel: I,
-      setFloatingLabel: V
-    } = X(k), R = O(), b = j(() => e.id || R), n = m("text"), f = m({}), c = m(null), P = () => {
-      e.feedback && (f.value = e.feedback, e.feedback.valid && typeof e.feedback.valid == "string" && (f.value.valid = [e.feedback.valid]), e.feedback.invalid && typeof e.feedback.invalid == "string" && (f.value.invalid = [e.feedback.invalid]));
-    }, L = (t, i) => {
-      if (!e.formatter || !e.formatter.formatFn)
-        return a.value = t, "";
-      const l = t.length ? e.formatter.formatFn(t) : t;
-      return i && (i.value = l), a.value = l, l;
-    }, F = (t, i = !0) => {
-      if (i && (!e.formatter || !e.formatter.unFormatFn))
-        return o.value = t, t;
-      if (!i || !e.formatter || !e.formatter.unFormatFn) return;
-      const l = e.formatter.unFormatFn(t);
-      return o.value = l ?? "", l;
-    }, q = ({ target: t }) => {
-      const i = t, l = F(i.value);
-      L(
-        `${l}`,
-        l === o.value ? i : void 0
-      );
-    }, K = () => {
-      o.value = "", I();
-    }, S = () => {
-      n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
-    };
-    y(
-      () => e.feedback,
-      () => {
-        P();
-      },
-      {
-        immediate: !0
-      }
-    ), y(
-      o,
-      (t) => {
-        L(
-          `${t}`,
-          F(`${t}`, !1) === t ? c.value : void 0
-        ), a.value != null && a.value.length > 0 && s.value !== "floating-label" ? V() : !a.value && document && document.activeElement !== c.value && I();
-      },
-      {
-        immediate: !0
-      }
-    ), y(
-      () => e.keepFloatingLabel,
-      (t) => {
-        t ? V() : $(o.value);
-      }
-    );
-    const z = D();
-    return n.value = z.type || "text", M({
-      select: () => {
-        c.value?.select();
-      }
-    }), (t, i) => (u(), r("div", {
-      class: v(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
-        t.$attrs.class,
-        { "floating-label": e.labelText },
-        d(s) === "floating-label" ? "floating-state" : "inline-state",
-        {
-          "has-right-icon": e.withRightIcon !== void 0 ? e.withRightIcon : !!t.$slots.righticon
-        },
-        {
-          "has-left-icon": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!t.$slots.leftIcon
-        },
-        { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
-      ]])
-    }, [
-      h(t.$slots, "leftIcon", {}, void 0, !0),
-      h(t.$slots, "righticon", {
-        handleClean: K,
-        handleShowPasswd: S,
-        curType: n.value
-      }, void 0, !0),
-      g("input", {
-        id: b.value,
-        ref_key: "baseInputEl",
-        ref: c,
-        "data-cy": e.dataCy,
-        name: t.$attrs.name,
-        class: v(["input-element uikit-peer uikit-relative uikit-ml-[1px] uikit-mt-[6px] uikit-box-border uikit-block uikit-h-[42px] uikit-w-[calc(100%-2px)] uikit-appearance-none uikit-truncate uikit-rounded-[11px] !uikit-border-none uikit-bg-white uikit-bg-no-repeat uikit-px-4 uikit-outline-0 focus:uikit-shadow-none focus:uikit-outline-none disabled:uikit-bg-w-cultured disabled:uikit-text-w-secondary", [
-          {
-            "is-invalid invalid-bg !uikit-pr-9": e.isValid === !1,
-            "is-valid valid-bg !uikit-pr-9": e.isValid
-          },
-          {
-            "uikit-pr-[42px]": e.withRightIcon !== void 0 ? e.withRightIcon : !!t.$slots.righticon
-          },
-          {
-            "uikit-pl-[42px]": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!t.$slots.leftIcon
-          },
-          e.inputClass
-        ]]),
-        autocomplete: t.$attrs.autocomplete === "on" ? "on" : "off",
-        disabled: t.$attrs.disabled,
-        readonly: t.$attrs.readonly,
-        type: n.value,
-        pattern: t.$attrs.pattern,
-        min: t.$attrs.min,
-        max: t.$attrs.max,
-        maxlength: t.$attrs.maxlength,
-        inputmode: t.$attrs.inputmode,
-        placeholder: t.$attrs.placeholder,
-        value: a.value,
-        onClick: i[0] || (i[0] = (l) => k("click", l)),
-        onFocusin: i[1] || (i[1] = () => e.labelText && d(H)()),
-        onFocusout: i[2] || (i[2] = (l) => e.labelText && !e.keepFloatingLabel && d($)(a.value)),
-        onInput: J(q, ["stop"]),
-        onKeydown: [
-          i[3] || (i[3] = G(() => k("keydownEnterPressed"), ["enter"])),
-          i[4] || (i[4] = (l) => k("keydown", l))
-        ],
-        onKeyup: i[5] || (i[5] = (l) => k("keyup", l))
-      }, null, 42, Y),
-      g("fieldset", {
-        class: v(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
-          {
-            "is-invalid uikit-border-w-danger": e.isValid === !1,
-            "is-valid uikit-border-w-primary": e.isValid,
-            "uikit-border-w-secondary": e.isValid === null
-          },
-          { "uikit-top-0": !e.labelText },
-          e.fieldsetClasses
-        ]])
-      }, [
-        g("legend", Z, [
-          g("span", {
-            class: v(["visible-label uikit-opacity-0", [
-              { "uikit-mx-5px": e.labelText },
-              {
-                "uikit-visible uikit-inline-block": d(s) === "floating-label"
-              },
-              {
-                "uikit-invisible uikit-hidden": d(s) === "inline-label"
-              }
-            ]]),
-            innerHTML: e.labelText
-          }, null, 10, U)
-        ])
-      ], 2),
-      e.labelText ? (u(), Q(W, {
-        key: 0,
-        for: b.value,
-        "label-text": e.labelText,
-        "label-state": d(s),
-        "is-valid": e.isValid,
-        required: t.$attrs.required,
-        disabled: t.$attrs.disabled,
-        "label-classes": [
-          d(s) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
-          e.labelClasses
-        ],
-        "label-text-classes": e.labelTextClasses
-      }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : x("", !0),
-      h(t.$slots, "feedback", {}, () => [
-        e.isValid === !1 ? (u(!0), r(C, { key: 0 }, T(f.value.invalid, (l, w) => (u(), r("div", {
-          key: `${b.value}_invalid_${w}`,
-          class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
-          innerHTML: l
-        }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(C, { key: 1 }, T(f.value.valid, (l, w) => (u(), r("div", {
-          key: `${b.value}_valid_${w}`,
-          class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
-          innerHTML: l
-        }, null, 8, _))), 128)) : x("", !0)
-      ], !0),
-      t.$slots["under-label"] ? (u(), r("div", ee, [
-        h(t.$slots, "under-label", {}, void 0, !0)
-      ])) : x("", !0)
-    ], 2));
-  }
+import e from "./BaseFloatingLabel.js";
+import { useFloatingLabel as t } from "../composables/useFloatingLabel.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, renderSlot as m, unref as h, useAttrs as g, useId as _, useModel as v, watch as y, withKeys as b, withModifiers as x } from "vue";
+import '../assets/BaseInput2.css';//#region lib/UIKit/BaseInput.vue?vue&type=script&setup=true&lang.ts
+var S = [
+	"id",
+	"data-cy",
+	"name",
+	"autocomplete",
+	"disabled",
+	"readonly",
+	"type",
+	"pattern",
+	"min",
+	"max",
+	"maxlength",
+	"inputmode",
+	"placeholder",
+	"value"
+], C = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, w = ["innerHTML"], T = ["innerHTML"], E = ["innerHTML"], D = {
+	key: 1,
+	class: "under-label uikit-absolute uikit-text-12"
+}, O = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "BaseInput",
+	props: /*@__PURE__*/ l({
+		id: {},
+		inputClass: {},
+		labelText: { default: "" },
+		feedback: {},
+		isValid: {
+			type: [Boolean, null],
+			default: null
+		},
+		keepFloatingLabel: {
+			type: Boolean,
+			default: !1
+		},
+		formatter: { default: null },
+		labelClasses: {},
+		fieldsetClasses: {},
+		labelTextClasses: {},
+		withLeftIcon: {
+			type: Boolean,
+			default: () => void 0
+		},
+		withRightIcon: {
+			type: Boolean,
+			default: () => void 0
+		},
+		dataCy: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ l([
+		"click",
+		"keydownEnterPressed",
+		"focusin",
+		"focusout",
+		"keydown",
+		"keyup"
+	], ["update:modelValue"]),
+	setup(c, { expose: l, emit: O }) {
+		let k = v(c, "modelValue"), A = f(""), j = O, { labelState: M, handleFocusIn: N, handleFocusOut: P, setInlineLabel: F, setFloatingLabel: I } = t(j), L = _(), R = r(() => c.id || L), z = f("text"), B = f({}), V = f(null), H = () => {
+			c.feedback && (B.value = c.feedback, c.feedback.valid && typeof c.feedback.valid == "string" && (B.value.valid = [c.feedback.valid]), c.feedback.invalid && typeof c.feedback.invalid == "string" && (B.value.invalid = [c.feedback.invalid]));
+		}, U = (e, t) => {
+			if (!c.formatter || !c.formatter.formatFn) return A.value = e, "";
+			let n = e.length ? c.formatter.formatFn(e) : e;
+			return t && (t.value = n), A.value = n, n;
+		}, W = (e, t = !0) => {
+			if (t && (!c.formatter || !c.formatter.unFormatFn)) return k.value = e, e;
+			if (!t || !c.formatter || !c.formatter.unFormatFn) return;
+			let n = c.formatter.unFormatFn(e);
+			return k.value = n ?? "", n;
+		}, G = ({ target: e }) => {
+			let t = e, n = W(t.value);
+			U(`${n}`, n === k.value ? t : void 0);
+		}, K = () => {
+			k.value = "", F();
+		}, q = () => {
+			z.value === "password" ? z.value = "text" : z.value === "text" && (z.value = "password");
+		};
+		return y(() => c.feedback, () => {
+			H();
+		}, { immediate: !0 }), y(k, (e) => {
+			U(`${e}`, W(`${e}`, !1) === e ? V.value : void 0), A.value != null && A.value.length > 0 && M.value !== "floating-label" ? I() : !A.value && document && document.activeElement !== V.value && F();
+		}, { immediate: !0 }), y(() => c.keepFloatingLabel, (e) => {
+			e ? I() : P(k.value);
+		}), z.value = g().type || "text", l({ select: () => {
+			V.value?.select();
+		} }), (t, r) => (d(), o("div", { class: u(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
+			t.$attrs.class,
+			{ "floating-label": c.labelText },
+			h(M) === "floating-label" ? "floating-state" : "inline-state",
+			{ "has-right-icon": c.withRightIcon === void 0 ? !!t.$slots.righticon : c.withRightIcon },
+			{ "has-left-icon": c.withLeftIcon === void 0 ? !!t.$slots.leftIcon : c.withLeftIcon },
+			{
+				"is-invalid": c.isValid === !1,
+				"is-valid": c.isValid
+			}
+		]]) }, [
+			m(t.$slots, "leftIcon", {}, void 0, !0),
+			m(t.$slots, "righticon", {
+				handleClean: K,
+				handleShowPasswd: q,
+				curType: z.value
+			}, void 0, !0),
+			s("input", {
+				id: R.value,
+				ref_key: "baseInputEl",
+				ref: V,
+				"data-cy": c.dataCy,
+				name: t.$attrs.name,
+				class: u(["input-element uikit-peer uikit-relative uikit-ml-[1px] uikit-mt-[6px] uikit-box-border uikit-block uikit-h-[42px] uikit-w-[calc(100%-2px)] uikit-appearance-none uikit-truncate uikit-rounded-[11px] !uikit-border-none uikit-bg-white uikit-bg-no-repeat uikit-px-4 uikit-outline-0 focus:uikit-shadow-none focus:uikit-outline-none disabled:uikit-bg-w-cultured disabled:uikit-text-w-secondary", [
+					{
+						"is-invalid invalid-bg !uikit-pr-9": c.isValid === !1,
+						"is-valid valid-bg !uikit-pr-9": c.isValid
+					},
+					{ "uikit-pr-[42px]": c.withRightIcon === void 0 ? !!t.$slots.righticon : c.withRightIcon },
+					{ "uikit-pl-[42px]": c.withLeftIcon === void 0 ? !!t.$slots.leftIcon : c.withLeftIcon },
+					c.inputClass
+				]]),
+				autocomplete: t.$attrs.autocomplete === "on" ? "on" : "off",
+				disabled: t.$attrs.disabled,
+				readonly: t.$attrs.readonly,
+				type: z.value,
+				pattern: t.$attrs.pattern,
+				min: t.$attrs.min,
+				max: t.$attrs.max,
+				maxlength: t.$attrs.maxlength,
+				inputmode: t.$attrs.inputmode,
+				placeholder: t.$attrs.placeholder,
+				value: A.value,
+				onClick: r[0] ||= (e) => j("click", e),
+				onFocusin: r[1] ||= () => c.labelText && h(N)(),
+				onFocusout: r[2] ||= (e) => c.labelText && !c.keepFloatingLabel && h(P)(A.value),
+				onInput: x(G, ["stop"]),
+				onKeydown: [r[3] ||= b(() => j("keydownEnterPressed"), ["enter"]), r[4] ||= (e) => j("keydown", e)],
+				onKeyup: r[5] ||= (e) => j("keyup", e)
+			}, null, 42, S),
+			s("fieldset", { class: u(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
+				{
+					"is-invalid uikit-border-w-danger": c.isValid === !1,
+					"is-valid uikit-border-w-primary": c.isValid,
+					"uikit-border-w-secondary": c.isValid === null
+				},
+				{ "uikit-top-0": !c.labelText },
+				c.fieldsetClasses
+			]]) }, [s("legend", C, [s("span", {
+				class: u(["visible-label uikit-opacity-0", [
+					{ "uikit-mx-5px": c.labelText },
+					{ "uikit-visible uikit-inline-block": h(M) === "floating-label" },
+					{ "uikit-invisible uikit-hidden": h(M) === "inline-label" }
+				]]),
+				innerHTML: c.labelText
+			}, null, 10, w)])], 2),
+			c.labelText ? (d(), i(e, {
+				key: 0,
+				for: R.value,
+				"label-text": c.labelText,
+				"label-state": h(M),
+				"is-valid": c.isValid,
+				required: t.$attrs.required,
+				disabled: t.$attrs.disabled,
+				"label-classes": [h(M) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4", c.labelClasses],
+				"label-text-classes": c.labelTextClasses
+			}, null, 8, [
+				"for",
+				"label-text",
+				"label-state",
+				"is-valid",
+				"required",
+				"disabled",
+				"label-classes",
+				"label-text-classes"
+			])) : a("", !0),
+			m(t.$slots, "feedback", {}, () => [c.isValid === !1 ? (d(!0), o(n, { key: 0 }, p(B.value.invalid, (e, t) => (d(), o("div", {
+				key: `${R.value}_invalid_${t}`,
+				class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
+				innerHTML: e
+			}, null, 8, T))), 128)) : c.isValid === !0 ? (d(!0), o(n, { key: 1 }, p(B.value.valid, (e, t) => (d(), o("div", {
+				key: `${R.value}_valid_${t}`,
+				class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
+				innerHTML: e
+			}, null, 8, E))), 128)) : a("", !0)], !0),
+			t.$slots["under-label"] ? (d(), o("div", D, [m(t.$slots, "under-label", {}, void 0, !0)])) : a("", !0)
+		], 2));
+	}
 });
-export {
-  ne as default
-};
+//#endregion
+export { O as default };

package/dist/UIKit/BaseModal.js

@@ -1,5 +1,5 @@
-import o from "./BaseModal.vue.js";
-import '../assets/baseModal.css';/* empty css               */
-export {
-  o as default
-};
+import e from "./BaseModal.vue.js";
+//#region lib/UIKit/BaseModal.vue
+var t = e;
+//#endregion
+export { t as default };