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

package/dist/UIKit/BaseDropDown.vue.js

@@ -1,153 +1,172 @@
-import { defineComponent as N, useId as T, useModel as I, shallowRef as R, computed as V, useTemplateRef as x, onMounted as z, onUnmounted as P, watch as v, nextTick as q, openBlock as m, createElementBlock as F, normalizeClass as s, renderSlot as A, unref as l, createVNode as U, withCtx as B, createElementVNode as j, createBlock as L, createCommentVNode as G, resolveDynamicComponent as J, mergeProps as Q, mergeModels as D } from "vue";
-import X from "./BaseButton.vue.js";
-import { ArrowIcon as Y } from "@wikicasa-dev/svg-icons";
-import { useKeyboardController as Z } from "../composables/mock.js";
-const _ = ["innerHTML"], le = /* @__PURE__ */ N({
-  inheritAttrs: !1,
-  __name: "BaseDropDown",
-  props: /* @__PURE__ */ D({
-    dropdownAttrs: {},
-    dropdownClasses: { default: "" },
-    btnClasses: { default: "" },
-    withArrowIcon: { type: Boolean, default: !1 },
-    btnLabel: { default: "" },
-    labelClasses: { default: "" },
-    direction: { default: "down" },
-    arrowWidth: { default: 12 },
-    arrowStrokeColor: { default: void 0 },
-    isAbsolute: { type: Boolean, default: !0 },
-    closeWhenClickedOutside: { type: Boolean, default: !0 },
-    dropdownElement: { default: "div" },
-    keepState: { default: "" },
-    activateKeyboardController: { type: Boolean, default: !0 },
-    closeKeys: { type: [Boolean, Array], default: () => ["Escape", "Enter"] },
-    dataCy: { default: "" }
-  }, {
-    resetKeyboardController: { type: Boolean, default: !1 },
-    resetKeyboardControllerModifiers: {},
-    open: { type: Boolean, default: !1 },
-    openModifiers: {}
-  }),
-  emits: /* @__PURE__ */ D(["click"], ["update:resetKeyboardController", "update:open"]),
-  setup(t, { expose: S, emit: M }) {
-    const n = t, y = T(), O = M, w = I(
-      t,
-      "resetKeyboardController"
-    ), o = I(t, "open");
-    let C = !1;
-    const u = R([]), W = V(() => u.value.length), a = x("container"), c = x("dropdown"), { activeIdx: i, selectedIdx: r, onKeyDownHandler: $ } = Z({
-      optionsLength: W,
-      isDropdownOpen: o,
-      global: !1,
-      closeKeys: n.closeKeys ? n.closeKeys : []
-    }), b = () => {
-      o.value = !1;
-    }, h = ({ target: e }) => {
-      a.value?.contains(e) || b();
-    }, p = ({ target: e }) => {
-      o.value && e instanceof Node && (a.value?.contains(e) || a.value && e.contains(a.value) || b());
-    }, H = (e) => {
-      n.activateKeyboardController && $(e);
-    }, f = () => {
-      n.keepState === "closed" && !o.value || n.keepState === "opened" && o.value || (o.value = !o.value);
-    }, K = (e) => {
-      e != null && (i.value = e);
-    }, g = (e) => {
-      e != null && (r.value = e);
-    }, E = () => {
-      c.value && (u.value = Array.from(c.value.children));
-    };
-    return z(() => {
-      E();
-    }), P(() => {
-      n.closeWhenClickedOutside && (document.removeEventListener("click", h), document.removeEventListener("focusin", p));
-    }), v(w, (e) => {
-      e && (i.value = -1, r.value = -1, q(() => {
-        E(), w.value = !1;
-      }));
-    }), v(o, (e) => {
-      !e || C || !n.closeWhenClickedOutside || (document.addEventListener("click", h), document.addEventListener("focusin", p), C = !0);
-    }), v(r, (e) => {
-      e !== -1 && u.value[e]?.querySelector("a")?.click();
-    }), S({
-      activeIdx: i,
-      selectedIdx: r,
-      getRootElement: () => a.value,
-      getContentElement: () => c.value
-    }), (e, d) => (m(), F("div", {
-      ref: "container",
-      class: s(["uikit-relative uikit-block", e.$attrs.class]),
-      onKeydown: H
-    }, [
-      A(e.$slots, "btn_slot", {
-        toggleDropdown: f,
-        isOpen: o.value,
-        activeIdx: l(i),
-        setActiveIdx: K,
-        setSelectedIdx: g
-      }, () => [
-        U(X, {
-          id: l(y),
-          type: "button",
-          "data-cy": t.dataCy,
-          class: s([
-            "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
-            t.btnClasses
-          ]),
-          "aria-expanded": o.value,
-          "btn-class": "uikit-btn-single-selection",
-          onClick: d[0] || (d[0] = (k) => {
-            O("click"), f();
-          }),
-          onKeydown: d[1] || (d[1] = (k) => {
-            Array.isArray(t.closeKeys) && !t.closeKeys.includes(k.key) || k.stopPropagation();
-          })
-        }, {
-          default: B(() => [
-            j("span", {
-              class: s(["uikit-mr-5px", t.labelClasses]),
-              innerHTML: t.btnLabel
-            }, null, 10, _),
-            t.withArrowIcon ? (m(), L(l(Y), {
-              key: 0,
-              class: s(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
-              width: t.arrowWidth,
-              height: t.arrowWidth,
-              "stroke-color": t.arrowStrokeColor
-            }, null, 8, ["class", "width", "height", "stroke-color"])) : G("", !0)
-          ]),
-          _: 1
-        }, 8, ["id", "data-cy", "class", "aria-expanded"])
-      ]),
-      (m(), L(J(t.dropdownElement), Q({
-        id: "dropdown_" + l(y),
-        ref: "dropdown",
-        "data-cy": t.dataCy && `${t.dataCy}_dropdown`,
-        class: ["uikit-dropdown-content uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
-          t.dropdownClasses,
-          o.value ? "uikit-flex" : "uikit-hidden",
-          { "uikit-bottom-[55px]": t.direction === "up" },
-          { "uikit-absolute": t.isAbsolute }
-        ]],
-        "aria-hidden": !o.value,
-        "data-side": t.direction,
-        tabindex: "-1"
-      }, t.dropdownAttrs), {
-        default: B(() => [
-          A(e.$slots, "default", {
-            isOpen: o.value,
-            toggleDropdown: f,
-            activeIdx: l(i),
-            selectedIdx: l(r),
-            setActiveIdx: K,
-            setSelectedIdx: g
-          })
-        ]),
-        _: 3
-      }, 16, ["id", "data-cy", "class", "aria-hidden", "data-side"]))
-    ], 34));
-  }
+import e from "./BaseButton.js";
+import { useKeyboardController as t } from "../composables/mock.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, nextTick as d, normalizeClass as f, onMounted as p, onUnmounted as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, shallowRef as v, unref as y, useId as b, useModel as x, useTemplateRef as S, watch as C, withCtx as w } from "vue";
+import { ArrowIcon as T } from "@wikicasa-dev/svg-icons";
+import '../assets/BaseDropDown.css';//#region lib/UIKit/BaseDropDown.vue?vue&type=script&setup=true&lang.ts
+var E = ["innerHTML"], D = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "BaseDropDown",
+	props: /*@__PURE__*/ l({
+		dropdownAttrs: {},
+		dropdownClasses: { default: "" },
+		btnClasses: { default: "" },
+		withArrowIcon: {
+			type: Boolean,
+			default: !1
+		},
+		btnLabel: { default: "" },
+		labelClasses: { default: "" },
+		direction: { default: "down" },
+		arrowWidth: { default: 12 },
+		arrowStrokeColor: { default: void 0 },
+		isAbsolute: {
+			type: Boolean,
+			default: !0
+		},
+		closeWhenClickedOutside: {
+			type: Boolean,
+			default: !0
+		},
+		dropdownElement: { default: "div" },
+		keepState: { default: "" },
+		activateKeyboardController: {
+			type: Boolean,
+			default: !0
+		},
+		closeKeys: {
+			type: [Boolean, Array],
+			default: () => ["Escape", "Enter"]
+		},
+		dataCy: { default: "" }
+	}, {
+		resetKeyboardController: {
+			type: Boolean,
+			default: !1
+		},
+		resetKeyboardControllerModifiers: {},
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ l(["click"], ["update:resetKeyboardController", "update:open"]),
+	setup(c, { expose: l, emit: D }) {
+		let O = c, k = b(), A = D, j = x(c, "resetKeyboardController"), M = x(c, "open"), N = !1, P = v([]), F = n(() => P.value.length), I = S("container"), L = S("dropdown"), { activeIdx: R, selectedIdx: z, onKeyDownHandler: B } = t({
+			optionsLength: F,
+			isDropdownOpen: M,
+			global: !1,
+			closeKeys: O.closeKeys ? O.closeKeys : []
+		}), V = () => {
+			M.value = !1;
+		}, H = ({ target: e }) => {
+			I.value?.contains(e) || V();
+		}, U = ({ target: e }) => {
+			M.value && e instanceof Node && (I.value?.contains(e) || I.value && e.contains(I.value) || V());
+		}, W = (e) => {
+			O.activateKeyboardController && B(e);
+		}, G = () => {
+			O.keepState === "closed" && !M.value || O.keepState === "opened" && M.value || (M.value = !M.value);
+		}, K = (e) => {
+			e != null && (R.value = e);
+		}, q = (e) => {
+			e != null && (z.value = e);
+		}, J = () => {
+			L.value && (P.value = Array.from(L.value.children));
+		};
+		return p(() => {
+			J();
+		}), m(() => {
+			O.closeWhenClickedOutside && (document.removeEventListener("click", H), document.removeEventListener("focusin", U));
+		}), C(j, (e) => {
+			e && (R.value = -1, z.value = -1, d(() => {
+				J(), j.value = !1;
+			}));
+		}), C(M, (e) => {
+			!e || N || !O.closeWhenClickedOutside || (document.addEventListener("click", H), document.addEventListener("focusin", U), N = !0);
+		}), C(z, (e) => {
+			e !== -1 && P.value[e]?.querySelector("a")?.click();
+		}), l({
+			activeIdx: R,
+			selectedIdx: z,
+			getRootElement: () => I.value,
+			getContentElement: () => L.value
+		}), (t, n) => (h(), a("div", {
+			ref: "container",
+			class: f(["uikit-relative uikit-block", t.$attrs.class]),
+			onKeydown: W
+		}, [g(t.$slots, "btn_slot", {
+			toggleDropdown: G,
+			isOpen: M.value,
+			activeIdx: y(R),
+			setActiveIdx: K,
+			setSelectedIdx: q
+		}, () => [s(e, {
+			id: y(k),
+			type: "button",
+			"data-cy": c.dataCy,
+			class: f(["!uikit-flex uikit-w-full uikit-items-center uikit-truncate", c.btnClasses]),
+			"aria-expanded": M.value,
+			"btn-class": "uikit-btn-single-selection",
+			onClick: n[0] ||= (e) => {
+				A("click"), G();
+			},
+			onKeydown: n[1] ||= (e) => {
+				Array.isArray(c.closeKeys) && !c.closeKeys.includes(e.key) || e.stopPropagation();
+			}
+		}, {
+			default: w(() => [o("span", {
+				class: f(["uikit-mr-5px", c.labelClasses]),
+				innerHTML: c.btnLabel
+			}, null, 10, E), c.withArrowIcon ? (h(), r(y(T), {
+				key: 0,
+				class: f(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", M.value ? "uikit-rotate-180" : ""]),
+				width: c.arrowWidth,
+				height: c.arrowWidth,
+				"stroke-color": c.arrowStrokeColor
+			}, null, 8, [
+				"class",
+				"width",
+				"height",
+				"stroke-color"
+			])) : i("", !0)]),
+			_: 1
+		}, 8, [
+			"id",
+			"data-cy",
+			"class",
+			"aria-expanded"
+		])]), (h(), r(_(c.dropdownElement), u({
+			id: "dropdown_" + y(k),
+			ref: "dropdown",
+			"data-cy": c.dataCy && `${c.dataCy}_dropdown`,
+			class: ["uikit-dropdown-content uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
+				c.dropdownClasses,
+				M.value ? "uikit-flex" : "uikit-hidden",
+				{ "uikit-bottom-[55px]": c.direction === "up" },
+				{ "uikit-absolute": c.isAbsolute }
+			]],
+			"aria-hidden": !M.value,
+			"data-side": c.direction,
+			tabindex: "-1"
+		}, c.dropdownAttrs), {
+			default: w(() => [g(t.$slots, "default", {
+				isOpen: M.value,
+				toggleDropdown: G,
+				activeIdx: y(R),
+				selectedIdx: y(z),
+				setActiveIdx: K,
+				setSelectedIdx: q
+			})]),
+			_: 3
+		}, 16, [
+			"id",
+			"data-cy",
+			"class",
+			"aria-hidden",
+			"data-side"
+		]))], 34));
+	}
 });
-export {
-  le as default
-};
+//#endregion
+export { D as default };

package/dist/UIKit/BaseFloatingLabel.js

@@ -1,7 +1,6 @@
-import o from "./BaseFloatingLabel.vue.js";
-import '../assets/BaseFloatingLabel2.css';/* empty css                       */
-import t from "../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c94b9c9e"]]);
-export {
-  c as default
-};
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./BaseFloatingLabel.vue.js";
+//#region lib/UIKit/BaseFloatingLabel.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-c94b9c9e"]]);
+//#endregion
+export { n as default };

package/dist/UIKit/BaseFloatingLabel.vue.js

@@ -1,40 +1,44 @@
-import { defineComponent as u, openBlock as a, createElementBlock as n, withModifiers as d, normalizeClass as t, createElementVNode as r, createCommentVNode as k } from "vue";
-const b = ["for"], c = ["innerHTML"], x = /* @__PURE__ */ u({
-  __name: "BaseFloatingLabel",
-  props: {
-    labelState: { default: "inline-label" },
-    isValid: { type: [Boolean, null], default: null },
-    labelText: {},
-    disabled: { type: [String, Boolean], default: !1 },
-    labelClasses: {},
-    labelTextClasses: {}
-  },
-  emits: ["click"],
-  setup(e, { emit: s }) {
-    const o = s;
-    return (i, l) => (a(), n("label", {
-      for: i.$attrs.for,
-      class: t(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5", [e.labelState, { "uikit-text-w-secondary": e.disabled }, e.labelClasses]]),
-      onClick: l[0] || (l[0] = d((m) => o("click"), ["stop"]))
-    }, [
-      r("span", {
-        class: t(["uikit-font-medium [font-size:inherit]", [
-          e.disabled ? "uikit-text-w-secondary" : "uikit-text-w-black",
-          e.labelTextClasses
-        ]]),
-        innerHTML: e.labelText
-      }, null, 10, c),
-      i.$attrs.required ? (a(), n("sup", {
-        key: 0,
-        class: t(["uikit-absolute -uikit-top-[0.4em] uikit-pl-[2px] uikit-leading-normal [font-size:inherit]", [
-          { "uikit-text-w-secondary": e.disabled },
-          { "uikit-text-w-danger": e.isValid === !1 },
-          { "uikit-text-w-primary": (e.isValid || e.isValid === null) && !e.disabled }
-        ]])
-      }, " *", 2)) : k("", !0)
-    ], 10, b));
-  }
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, withModifiers as o } from "vue";
+import '../assets/BaseFloatingLabel2.css';//#region lib/UIKit/BaseFloatingLabel.vue?vue&type=script&setup=true&lang.ts
+var s = ["for"], c = ["innerHTML"], l = /*@__PURE__*/ r({
+	__name: "BaseFloatingLabel",
+	props: {
+		labelState: { default: "inline-label" },
+		isValid: {
+			type: [Boolean, null],
+			default: null
+		},
+		labelText: {},
+		disabled: {
+			type: [String, Boolean],
+			default: !1
+		},
+		labelClasses: {},
+		labelTextClasses: {}
+	},
+	emits: ["click"],
+	setup(r, { emit: l }) {
+		let u = l;
+		return (l, d) => (a(), t("label", {
+			for: l.$attrs.for,
+			class: i(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5", [
+				r.labelState,
+				{ "uikit-text-w-secondary": r.disabled },
+				r.labelClasses
+			]]),
+			onClick: d[0] ||= o((e) => u("click"), ["stop"])
+		}, [n("span", {
+			class: i(["uikit-font-medium [font-size:inherit]", [r.disabled ? "uikit-text-w-secondary" : "uikit-text-w-black", r.labelTextClasses]]),
+			innerHTML: r.labelText
+		}, null, 10, c), l.$attrs.required ? (a(), t("sup", {
+			key: 0,
+			class: i(["uikit-absolute -uikit-top-[0.4em] uikit-pl-[2px] uikit-leading-normal [font-size:inherit]", [
+				{ "uikit-text-w-secondary": r.disabled },
+				{ "uikit-text-w-danger": r.isValid === !1 },
+				{ "uikit-text-w-primary": (r.isValid || r.isValid === null) && !r.disabled }
+			]])
+		}, " *", 2)) : e("", !0)], 10, s));
+	}
 });
-export {
-  x as default
-};
+//#endregion
+export { l as default };

package/dist/UIKit/BaseInput.js

@@ -1,7 +1,6 @@
-import o from "./BaseInput.vue.js";
-import '../assets/BaseInput2.css';/* empty css               */
-import t from "../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f25fc601"]]);
-export {
-  a as default
-};
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./BaseInput.vue.js";
+//#region lib/UIKit/BaseInput.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-bf36cdd7"]]);
+//#endregion
+export { n as default };