@wikicasa-dev/components 2.6.13 → 2.6.14-alpha.0

package/dist/UIKit/Autocomplete/ClearableAutocomplete.vue.js

@@ -1,227 +1,233 @@
-import { defineComponent as ee, useModel as U, useId as te, useTemplateRef as f, shallowRef as r, onBeforeMount as le, onMounted as ae, onUnmounted as ne, watch as V, nextTick as oe, openBlock as w, createBlock as I, withCtx as M, renderSlot as p, createCommentVNode as O, createElementBlock as P, createElementVNode as d, Fragment as ue, renderList as ie, normalizeClass as v, withDirectives as A, unref as se, vModelText as re, toDisplayString as de, withModifiers as ce, normalizeStyle as fe, createTextVNode as pe, vShow as ve, mergeModels as z } from "vue";
-import ke from "../BaseDropDown.vue.js";
-import '../../assets/BaseDropDown.css';/* empty css                   */
-import me from "../BaseSelect/SelectItem.vue.js";
-import { debounce as ye } from "@wikicasa-dev/utilities";
-const he = ["id", "data-cy", "placeholder"], we = {
-  key: 1,
-  name: "loading-state",
-  class: "uikit-progress-bar-track uikit-absolute uikit-left-0 uikit-top-0 uikit-w-full"
-}, be = ["innerHTML"], Ue = /* @__PURE__ */ ee({
-  __name: "ClearableAutocomplete",
-  props: /* @__PURE__ */ z({
-    dataCy: {},
-    placeholder: {},
-    enableKeyboardController: { type: Boolean, default: !0 },
-    triggerWrapperClasses: {},
-    inputWrapperClasses: {},
-    inputClasses: {},
-    hiddenTextClasses: {},
-    dropdownClasses: {},
-    clearButton: {},
-    keepState: {},
-    disableCb: { type: Boolean, default: !1 },
-    onInputChangeCb: { type: Function },
-    onOptionSelectedCb: { type: [Function, null] }
-  }, {
-    open: { type: Boolean, default: !1 },
-    openModifiers: {},
-    modelValue: { default: null },
-    modelModifiers: {},
-    inputValue: {
-      default: ""
-    },
-    inputValueModifiers: {}
-  }),
-  emits: /* @__PURE__ */ z(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
-  setup(t, { expose: K, emit: L }) {
-    const u = U(t, "open"), k = U(t, "modelValue"), i = U(t, "inputValue"), m = L, N = te(), b = f("inputRef"), y = r(0), c = r(!1), h = r(!1), n = r(-1), C = r(-1), W = r(null), o = r([]), H = f("dropdownRef"), g = f("hiddenSpan"), B = f("inputWrapperRef"), x = f("clearButtonRef"), E = () => {
-      n.value = -1, C.value = -1;
-    }, X = () => {
-      i.value = "", k.value = null, c.value = !1, E();
-    }, j = async (e) => {
-      if (!e) {
-        o.value = [], u.value = !1, E();
-        return;
-      }
-      t.disableCb || (h.value = !0, o.value = await W.value?.(e)?.catch(() => []) || [], E(), h.value = !1, u.value = !!o.value.length);
-    }, q = (e) => {
-      m("input", e), c.value = !1;
-    }, D = (e = -1, l) => {
-      const a = o.value[e];
-      !a || a.id === k.value?.id || (C.value = e, t.onOptionSelectedCb?.(a, { trigger: l }), i.value = a.label, u.value = !1, k.value = a, c.value = !0, o.value = []);
-    }, R = (e) => {
-      if (!t.enableKeyboardController || !u.value || ![
-        "ArrowUp",
-        "ArrowDown",
-        "Enter",
-        "Escape",
-        "PageUp",
-        "Home",
-        "PageDown",
-        "End"
-      ].includes(e.key))
-        return;
-      if (e.key === "Escape") {
-        n.value = C.value, u.value = !1, e.stopPropagation();
-        return;
-      }
-      if (!o.value.length)
-        return;
-      const l = o.value.length - 1;
-      if (["ArrowUp", "ArrowDown", "PageUp", "Home", "PageDown", "End"].includes(
-        e.key
-      ) && e.preventDefault(), e.key === "ArrowUp")
-        n.value = n.value <= 0 ? l : n.value - 1;
-      else if (e.key === "ArrowDown")
-        n.value = n.value >= l ? 0 : n.value + 1;
-      else if (e.key === "Enter") {
-        if (n.value === -1) return;
-        e.preventDefault(), D(n.value, "enter");
-      } else e.key === "PageUp" || e.key === "Home" ? n.value = 0 : (e.key === "PageDown" || e.key === "End") && (n.value = l);
-      e.stopPropagation();
-    }, G = (e) => {
-      m("keydown", e), R(e);
-    }, J = () => {
-      b.value?.select();
-    }, Q = () => {
-      b.value?.focus();
-    };
-    let T = null;
-    const $ = () => {
-      const e = g.value, l = B.value, a = x.value;
-      if (!e || !l) return;
-      const s = e.offsetWidth, S = l.offsetWidth, Y = t.clearButton?.offset || 0, Z = t.clearButton?.width || a?.offsetWidth || 0, _ = S - Y - Z, F = Math.min(s, _);
-      F !== y.value && (y.value = F);
-    };
-    return le(() => {
-      W.value = ye({ delay: 300 }, async (e = "") => (u.value = !0, await t.onInputChangeCb(e)));
-    }), ae(() => {
-      B.value && (T = new ResizeObserver(() => {
-        $();
-      }), T.observe(B.value));
-    }), ne(() => {
-      T?.disconnect();
-    }), V([i, g, x], () => {
-      oe($);
-    }), V(
-      k,
-      (e) => {
-        if (e?.label === i.value) return;
-        const l = e?.label || "";
-        i.value = l, l && (c.value = !0);
-      },
-      { immediate: !0 }
-    ), K({
-      getRootElement: () => H.value?.getRootElement(),
-      select: J,
-      focus: Q
-    }), (e, l) => (w(), I(ke, {
-      ref: "dropdownRef",
-      class: "uikit-clearable-autocomplete",
-      "data-cy": t.dataCy,
-      "dropdown-element": "ul",
-      "dropdown-classes": ["uikit-z-30", t.dropdownClasses],
-      "keep-state": t.keepState === "closed" ? "closed" : "opened",
-      "activate-keyboard-controller": !1,
-      open: u.value,
-      "onUpdate:open": l[3] || (l[3] = (a) => u.value = a)
-    }, {
-      btn_slot: M(() => [
-        d("div", {
-          class: v(["uikit-text-16", t.triggerWrapperClasses]),
-          onClick: l[2] || (l[2] = (a) => m("click", a))
-        }, [
-          p(e.$slots, "left-icon"),
-          d("div", {
-            ref: "inputWrapperRef",
-            class: v(["uikit-relative", t.inputWrapperClasses])
-          }, [
-            A(d("input", {
-              ref: "inputRef",
-              "onUpdate:modelValue": [
-                l[0] || (l[0] = (a) => i.value = a),
-                j
-              ],
-              id: se(N),
-              "data-cy": t.dataCy ? `ac_input_${t.dataCy}` : "",
-              type: "text",
-              autocomplete: "off",
-              class: v(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", t.inputClasses]),
-              style: {
-                font: "inherit",
-                fontSize: "inherit"
-              },
-              placeholder: t.placeholder,
-              onKeydown: G,
-              onInput: q,
-              onClick: l[1] || (l[1] = (a) => {
-                m("inputClick", a), b.value?.select();
-              })
-            }, null, 42, he), [
-              [re, i.value]
-            ]),
-            d("span", {
-              ref_key: "hiddenSpan",
-              ref: g,
-              class: v(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-max-w-full uikit-overflow-hidden uikit-whitespace-pre", t.hiddenTextClasses]),
-              style: {
-                font: "inherit",
-                fontSize: "inherit"
-              }
-            }, de(i.value), 3),
-            A(d("button", {
-              ref: "clearButtonRef",
-              type: "button",
-              class: v(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", t.clearButton?.classes]),
-              "aria-label": "Clear input",
-              style: fe({
-                left: `${y.value + (t.clearButton?.offset || 0)}px`,
-                width: t.clearButton?.width ? `${t.clearButton.width}px` : "auto",
-                height: t.clearButton?.height ? `${t.clearButton.height}px` : "auto"
-              }),
-              onClick: ce(X, ["stop"])
-            }, [
-              p(e.$slots, "clear-icon", {}, () => [
-                l[4] || (l[4] = pe("X", -1))
-              ])
-            ], 6), [
-              [ve, c.value && y.value]
-            ])
-          ], 2),
-          p(e.$slots, "right-icon")
-        ], 2)
-      ]),
-      default: M(() => [
-        h.value && !o.value.length ? p(e.$slots, "loading-state", { key: 0 }) : O("", !0),
-        h.value && o.value.length ? (w(), P("div", we, [...l[5] || (l[5] = [
-          d("div", { class: "uikit-progress-bar-fill" }, null, -1)
-        ])])) : O("", !0),
-        o.value.length ? (w(!0), P(ue, { key: 2 }, ie(o.value, (a, s) => (w(), I(me, {
-          key: s,
-          active: n.value === s,
-          class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (S) => D(s, "click"),
-          onKeydown: R,
-          onMouseover: (S) => n.value = s
-        }, {
-          default: M(() => [
-            p(e.$slots, "option-content", {
-              option: a,
-              idx: s
-            }, () => [
-              d("span", {
-                innerHTML: a.label
-              }, null, 8, be)
-            ])
-          ]),
-          _: 2
-        }, 1032, ["active", "onClick", "onMouseover"]))), 128)) : O("", !0)
-      ]),
-      _: 3
-    }, 8, ["data-cy", "dropdown-classes", "keep-state", "open"]));
-  }
+import e from "../BaseSelect/SelectItem.js";
+import t from "../BaseDropDown.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeModels as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeMount as p, onMounted as m, onUnmounted as h, openBlock as g, renderList as ee, renderSlot as _, shallowRef as v, toDisplayString as y, unref as b, useId as x, useModel as S, useTemplateRef as C, vModelText as w, vShow as T, watch as E, withCtx as D, withDirectives as O, withModifiers as te } from "vue";
+import { debounce as ne } from "@wikicasa-dev/utilities";
+import '../../assets/ClearableAutocomplete.css';//#region lib/UIKit/Autocomplete/ClearableAutocomplete.vue?vue&type=script&setup=true&lang.ts
+var re = [
+	"id",
+	"data-cy",
+	"placeholder"
+], k = {
+	key: 1,
+	name: "loading-state",
+	class: "uikit-progress-bar-track uikit-absolute uikit-left-0 uikit-top-0 uikit-w-full"
+}, A = ["innerHTML"], j = /*@__PURE__*/ c({
+	__name: "ClearableAutocomplete",
+	props: /*@__PURE__*/ l({
+		dataCy: {},
+		placeholder: {},
+		enableKeyboardController: {
+			type: Boolean,
+			default: !0
+		},
+		triggerWrapperClasses: {},
+		inputWrapperClasses: {},
+		inputClasses: {},
+		hiddenTextClasses: {},
+		dropdownClasses: {},
+		clearButton: {},
+		keepState: {},
+		disableCb: {
+			type: Boolean,
+			default: !1
+		},
+		onInputChangeCb: { type: Function },
+		onOptionSelectedCb: { type: [Function, null] }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {},
+		modelValue: { default: null },
+		modelModifiers: {},
+		inputValue: { default: "" },
+		inputValueModifiers: {}
+	}),
+	emits: /*@__PURE__*/ l([
+		"input",
+		"click",
+		"inputClick",
+		"keydown"
+	], [
+		"update:open",
+		"update:modelValue",
+		"update:inputValue"
+	]),
+	setup(c, { expose: l, emit: j }) {
+		let M = S(c, "open"), N = S(c, "modelValue"), P = S(c, "inputValue"), F = j, I = x(), L = C("inputRef"), R = v(0), z = v(!1), B = v(!1), V = v(-1), H = v(-1), U = v(null), W = v([]), G = C("dropdownRef"), K = C("hiddenSpan"), q = C("inputWrapperRef"), J = C("clearButtonRef"), Y = () => {
+			V.value = -1, H.value = -1;
+		}, ie = () => {
+			P.value = "", N.value = null, z.value = !1, Y();
+		}, ae = async (e) => {
+			if (!e) {
+				W.value = [], M.value = !1, Y();
+				return;
+			}
+			c.disableCb || (B.value = !0, W.value = await U.value?.(e)?.catch(() => []) || [], Y(), B.value = !1, M.value = !!W.value.length);
+		}, oe = (e) => {
+			F("input", e), z.value = !1;
+		}, X = (e = -1, t) => {
+			let n = W.value[e];
+			!n || n.id === N.value?.id || (H.value = e, c.onOptionSelectedCb?.(n, { trigger: t }), P.value = n.label, M.value = !1, N.value = n, z.value = !0, W.value = []);
+		}, Z = (e) => {
+			if (!c.enableKeyboardController || !M.value || ![
+				"ArrowUp",
+				"ArrowDown",
+				"Enter",
+				"Escape",
+				"PageUp",
+				"Home",
+				"PageDown",
+				"End"
+			].includes(e.key)) return;
+			if (e.key === "Escape") {
+				V.value = H.value, M.value = !1, e.stopPropagation();
+				return;
+			}
+			if (!W.value.length) return;
+			let t = W.value.length - 1;
+			if ([
+				"ArrowUp",
+				"ArrowDown",
+				"PageUp",
+				"Home",
+				"PageDown",
+				"End"
+			].includes(e.key) && e.preventDefault(), e.key === "ArrowUp") V.value = V.value <= 0 ? t : V.value - 1;
+			else if (e.key === "ArrowDown") V.value = V.value >= t ? 0 : V.value + 1;
+			else if (e.key === "Enter") {
+				if (V.value === -1) return;
+				e.preventDefault(), X(V.value, "enter");
+			} else e.key === "PageUp" || e.key === "Home" ? V.value = 0 : (e.key === "PageDown" || e.key === "End") && (V.value = t);
+			e.stopPropagation();
+		}, se = (e) => {
+			F("keydown", e), Z(e);
+		}, ce = () => {
+			L.value?.select();
+		}, le = () => {
+			L.value?.focus();
+		}, Q = null, $ = () => {
+			let e = K.value, t = q.value, n = J.value;
+			if (!e || !t) return;
+			let r = e.offsetWidth, i = t.offsetWidth, a = c.clearButton?.offset || 0, o = c.clearButton?.width || n?.offsetWidth || 0, s = i - a - o, l = Math.min(r, s);
+			l !== R.value && (R.value = l);
+		};
+		return p(() => {
+			U.value = ne({ delay: 300 }, async (e = "") => (M.value = !0, await c.onInputChangeCb(e)));
+		}), m(() => {
+			q.value && (Q = new ResizeObserver(() => {
+				$();
+			}), Q.observe(q.value));
+		}), h(() => {
+			Q?.disconnect();
+		}), E([
+			P,
+			K,
+			J
+		], () => {
+			u($);
+		}), E(N, (e) => {
+			if (e?.label === P.value) return;
+			let t = e?.label || "";
+			P.value = t, t && (z.value = !0);
+		}, { immediate: !0 }), l({
+			getRootElement: () => G.value?.getRootElement(),
+			select: ce,
+			focus: le
+		}), (l, u) => (g(), r(t, {
+			ref: "dropdownRef",
+			class: "uikit-clearable-autocomplete",
+			"data-cy": c.dataCy,
+			"dropdown-element": "ul",
+			"dropdown-classes": ["uikit-z-30", c.dropdownClasses],
+			"keep-state": c.keepState === "closed" ? "closed" : "opened",
+			"activate-keyboard-controller": !1,
+			open: M.value,
+			"onUpdate:open": u[3] ||= (e) => M.value = e
+		}, {
+			btn_slot: D(() => [o("div", {
+				class: d(["uikit-text-16", c.triggerWrapperClasses]),
+				onClick: u[2] ||= (e) => F("click", e)
+			}, [
+				_(l.$slots, "left-icon"),
+				o("div", {
+					ref: "inputWrapperRef",
+					class: d(["uikit-relative", c.inputWrapperClasses])
+				}, [
+					O(o("input", {
+						ref: "inputRef",
+						"onUpdate:modelValue": [u[0] ||= (e) => P.value = e, ae],
+						id: b(I),
+						"data-cy": c.dataCy ? `ac_input_${c.dataCy}` : "",
+						type: "text",
+						autocomplete: "off",
+						class: d(["uikit-w-full uikit-border-none focus-visible:uikit-outline-none", c.inputClasses]),
+						style: {
+							font: "inherit",
+							fontSize: "inherit"
+						},
+						placeholder: c.placeholder,
+						onKeydown: se,
+						onInput: oe,
+						onClick: u[1] ||= (e) => {
+							F("inputClick", e), L.value?.select();
+						}
+					}, null, 42, re), [[w, P.value]]),
+					o("span", {
+						ref_key: "hiddenSpan",
+						ref: K,
+						class: d(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-max-w-full uikit-overflow-hidden uikit-whitespace-pre", c.hiddenTextClasses]),
+						style: {
+							font: "inherit",
+							fontSize: "inherit"
+						}
+					}, y(P.value), 3),
+					O(o("button", {
+						ref: "clearButtonRef",
+						type: "button",
+						class: d(["uikit-clear-btn uikit-absolute uikit-top-1/2 -uikit-translate-y-1/2 uikit-appearance-none", c.clearButton?.classes]),
+						"aria-label": "Clear input",
+						style: f({
+							left: `${R.value + (c.clearButton?.offset || 0)}px`,
+							width: c.clearButton?.width ? `${c.clearButton.width}px` : "auto",
+							height: c.clearButton?.height ? `${c.clearButton.height}px` : "auto"
+						}),
+						onClick: te(ie, ["stop"])
+					}, [_(l.$slots, "clear-icon", {}, () => [u[4] ||= s("X", -1)])], 6), [[T, z.value && R.value]])
+				], 2),
+				_(l.$slots, "right-icon")
+			], 2)]),
+			default: D(() => [
+				B.value && !W.value.length ? _(l.$slots, "loading-state", { key: 0 }) : i("", !0),
+				B.value && W.value.length ? (g(), a("div", k, [...u[5] ||= [o("div", { class: "uikit-progress-bar-fill" }, null, -1)]])) : i("", !0),
+				W.value.length ? (g(!0), a(n, { key: 2 }, ee(W.value, (t, n) => (g(), r(e, {
+					key: n,
+					active: V.value === n,
+					class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
+					onClick: (e) => X(n, "click"),
+					onKeydown: Z,
+					onMouseover: (e) => V.value = n
+				}, {
+					default: D(() => [_(l.$slots, "option-content", {
+						option: t,
+						idx: n
+					}, () => [o("span", { innerHTML: t.label }, null, 8, A)])]),
+					_: 2
+				}, 1032, [
+					"active",
+					"onClick",
+					"onMouseover"
+				]))), 128)) : i("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"data-cy",
+			"dropdown-classes",
+			"keep-state",
+			"open"
+		]));
+	}
 });
-export {
-  Ue as default
-};
+//#endregion
+export { j as default };

package/dist/UIKit/BaseAlert.js

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

package/dist/UIKit/BaseAlert.vue.js

@@ -1,19 +1,15 @@
-import { defineComponent as a, openBlock as l, createElementBlock as r, normalizeClass as s, renderSlot as o } from "vue";
-const n = ["id"], c = /* @__PURE__ */ a({
-  __name: "BaseAlert",
-  props: {
-    alertClass: { default: "" }
-  },
-  setup(t) {
-    return (e, i) => (l(), r("div", {
-      id: e.$attrs.id,
-      class: s(["uikit-alert", t.alertClass]),
-      role: "alert"
-    }, [
-      o(e.$slots, "default")
-    ], 10, n));
-  }
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
+import '../assets/baseAlert.css';//#region lib/UIKit/BaseAlert.vue?vue&type=script&setup=true&lang.ts
+var a = ["id"], o = /*@__PURE__*/ t({
+	__name: "BaseAlert",
+	props: { alertClass: { default: "" } },
+	setup(t) {
+		return (o, s) => (r(), e("div", {
+			id: o.$attrs.id,
+			class: n(["uikit-alert", t.alertClass]),
+			role: "alert"
+		}, [i(o.$slots, "default")], 10, a));
+	}
 });
-export {
-  c as default
-};
+//#endregion
+export { o as default };

package/dist/UIKit/BaseAutocomplete.js

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