@wikicasa-dev/components 2.6.13 → 2.6.14

package/dist/UIKit/BaseButton.vue.js

@@ -1,88 +1,94 @@
-import { defineComponent as w, useTemplateRef as v, shallowRef as g, computed as l, openBlock as C, createElementBlock as B, withModifiers as u, normalizeStyle as M, normalizeClass as h, renderSlot as s, createVNode as A } from "vue";
-import L from "./StaticSpinner.js";
-const S = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], d = {
-  "uikit-btn-w-primary": "uikit-btn-w-primary",
-  "uikit-btn-w-secondary": "uikit-btn-w-secondary",
-  "uikit-btn-w-warning": "uikit-btn-w-warning",
-  "uikit-btn-w-danger": "uikit-btn-w-danger",
-  "uikit-btn-transparent": "uikit-btn-transparent",
-  "uikit-btn-light": "uikit-btn-light",
-  "uikit-btn-show-more": "uikit-btn-show-more",
-  "uikit-btn-multi-selection": "uikit-btn-multi-selection",
-  "uikit-btn-single-selection": "uikit-btn-single-selection",
-  "uikit-btn-facile": "uikit-btn-facile"
-}, z = {
-  sm: "uikit-btn-sm",
-  lg: "uikit-btn-lg",
-  "": ""
-}, $ = /* @__PURE__ */ w({
-  __name: "BaseButton",
-  props: {
-    btnClass: { default: "uikit-btn-w-primary" },
-    outlined: { type: Boolean },
-    size: {},
-    withMinWidth: { type: Boolean, default: !0 },
-    keepActive: { type: Boolean },
-    isLoading: { type: Boolean },
-    disabled: { type: Boolean },
-    ariaLabel: {},
-    title: {},
-    dataCy: {},
-    type: {}
-  },
-  emits: ["mouseover", "mouseout", "click", "keydown"],
-  setup(t, { expose: b, emit: k }) {
-    const n = k, r = v("buttonEl"), o = g(!1), m = l(() => z[t.size || ""]), y = l(
-      () => t.btnClass ? d[t.btnClass] : d["uikit-btn-w-primary"]
-    ), c = () => {
-      o.value = !0;
-    }, f = () => {
-      o.value = !1;
-    };
-    return b({
-      getRootElement: () => r.value
-    }), (a, e) => (C(), B("button", {
-      ref: "buttonEl",
-      id: a.$attrs.id,
-      "data-cy": t.dataCy,
-      type: t.type,
-      class: h([
-        "uikit-btn",
-        {
-          "uikit-btn-outline": t.outlined,
-          "uikit-btn-empty": !t.withMinWidth,
-          "active uikit-font-medium": t.keepActive,
-          "uikit-flex uikit-items-center uikit-justify-center": t.isLoading
-        },
-        t.btnClass,
-        m.value,
-        y.value
-      ]),
-      style: M(a.$attrs.style),
-      "data-active": t.keepActive,
-      disabled: t.isLoading || t.disabled,
-      "aria-label": t.ariaLabel,
-      title: t.title,
-      onMouseover: e[0] || (e[0] = u((i) => {
-        c(), n("mouseover", i);
-      }, ["stop"])),
-      onMouseout: e[1] || (e[1] = u((i) => {
-        f(), n("mouseout", i);
-      }, ["stop"])),
-      onClick: e[2] || (e[2] = (i) => n("click", i)),
-      onKeydown: e[3] || (e[3] = (i) => n("keydown", i))
-    }, [
-      t.isLoading ? s(a.$slots, "spinner", { key: 1 }, () => [
-        A(L, {
-          "stroke-color": t.outlined ? "#ACB4C3" : "#fff"
-        }, null, 8, ["stroke-color"])
-      ]) : s(a.$slots, "default", {
-        key: 0,
-        hover: o.value
-      })
-    ], 46, S));
-  }
+import e from "./StaticSpinner.js";
+import { computed as t, createElementBlock as n, createVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c, shallowRef as l, useTemplateRef as u, withModifiers as d } from "vue";
+//#region lib/UIKit/BaseButton.vue?vue&type=script&setup=true&lang.ts
+var f = [
+	"id",
+	"data-cy",
+	"type",
+	"data-active",
+	"disabled",
+	"aria-label",
+	"title"
+], p = {
+	"uikit-btn-w-primary": "uikit-btn-w-primary",
+	"uikit-btn-w-secondary": "uikit-btn-w-secondary",
+	"uikit-btn-w-warning": "uikit-btn-w-warning",
+	"uikit-btn-w-danger": "uikit-btn-w-danger",
+	"uikit-btn-transparent": "uikit-btn-transparent",
+	"uikit-btn-light": "uikit-btn-light",
+	"uikit-btn-show-more": "uikit-btn-show-more",
+	"uikit-btn-multi-selection": "uikit-btn-multi-selection",
+	"uikit-btn-single-selection": "uikit-btn-single-selection",
+	"uikit-btn-facile": "uikit-btn-facile"
+}, m = {
+	sm: "uikit-btn-sm",
+	lg: "uikit-btn-lg",
+	"": ""
+}, h = /*@__PURE__*/ i({
+	__name: "BaseButton",
+	props: {
+		btnClass: { default: "uikit-btn-w-primary" },
+		outlined: { type: Boolean },
+		size: {},
+		withMinWidth: {
+			type: Boolean,
+			default: !0
+		},
+		keepActive: { type: Boolean },
+		isLoading: { type: Boolean },
+		disabled: { type: Boolean },
+		ariaLabel: {},
+		title: {},
+		dataCy: {},
+		type: {}
+	},
+	emits: [
+		"mouseover",
+		"mouseout",
+		"click",
+		"keydown"
+	],
+	setup(i, { expose: h, emit: g }) {
+		let _ = g, v = u("buttonEl"), y = l(!1), b = t(() => m[i.size || ""]), x = t(() => i.btnClass ? p[i.btnClass] : p["uikit-btn-w-primary"]), S = () => {
+			y.value = !0;
+		}, C = () => {
+			y.value = !1;
+		};
+		return h({ getRootElement: () => v.value }), (t, l) => (s(), n("button", {
+			ref: "buttonEl",
+			id: t.$attrs.id,
+			"data-cy": i.dataCy,
+			type: i.type,
+			class: a([
+				"uikit-btn",
+				{
+					"uikit-btn-outline": i.outlined,
+					"uikit-btn-empty": !i.withMinWidth,
+					"active uikit-font-medium": i.keepActive,
+					"uikit-flex uikit-items-center uikit-justify-center": i.isLoading
+				},
+				i.btnClass,
+				b.value,
+				x.value
+			]),
+			style: o(t.$attrs.style),
+			"data-active": i.keepActive,
+			disabled: i.isLoading || i.disabled,
+			"aria-label": i.ariaLabel,
+			title: i.title,
+			onMouseover: l[0] ||= d((e) => {
+				S(), _("mouseover", e);
+			}, ["stop"]),
+			onMouseout: l[1] ||= d((e) => {
+				C(), _("mouseout", e);
+			}, ["stop"]),
+			onClick: l[2] ||= (e) => _("click", e),
+			onKeydown: l[3] ||= (e) => _("keydown", e)
+		}, [i.isLoading ? c(t.$slots, "spinner", { key: 1 }, () => [r(e, { "stroke-color": i.outlined ? "#ACB4C3" : "#fff" }, null, 8, ["stroke-color"])]) : c(t.$slots, "default", {
+			key: 0,
+			hover: y.value
+		})], 46, f));
+	}
 });
-export {
-  $ as default
-};
+//#endregion
+export { h as default };

package/dist/UIKit/BaseComplexToggle.js

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

package/dist/UIKit/BaseComplexToggle.vue.js

@@ -1,106 +1,88 @@
-import { defineComponent as T, useModel as C, computed as d, openBlock as g, createElementBlock as c, normalizeClass as o, createElementVNode as i, withModifiers as f, renderSlot as m, createCommentVNode as k, mergeModels as x } from "vue";
-const y = ["id", "data-cy"], $ = ["data-btn-bg-color", "data-cy"], L = ["src", "alt"], M = ["innerHTML"], z = ["data-btn-bg-color", "data-cy"], B = ["src", "alt"], V = ["innerHTML"], j = /* @__PURE__ */ T({
-  __name: "BaseComplexToggle",
-  props: /* @__PURE__ */ x({
-    labels: {},
-    type: { default: "full" },
-    mode: { default: "" },
-    btnBgColor: { default: "uikit-bg-w-lavender" },
-    btnClasses: {},
-    borderContainerColor: { default: "uikit-border-w-secondary" },
-    size: { default: "" }
-  }, {
-    modelValue: {
-      default: null
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, s = C(e, "modelValue"), n = () => {
-      s.value = t.labels.leftToggle;
-    }, u = () => {
-      s.value = t.labels.rightToggle;
-    };
-    (() => {
-      if (t.labels.leftToggle.checked) {
-        n();
-        return;
-      }
-      if (t.labels.rightToggle.checked) {
-        u();
-        return;
-      }
-      n();
-    })();
-    const r = (l) => s.value?.label === l.label, b = d(() => r(t.labels.leftToggle)), h = d(() => r(t.labels.rightToggle));
-    return (l, a) => (g(), c("div", {
-      id: l.$attrs.id || "",
-      "data-cy": l.$attrs["data-cy"] || "",
-      class: o(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0", [e.mode, e.borderContainerColor, e.size]])
-    }, [
-      i("div", {
-        "data-btn-bg-color": e.btnBgColor,
-        "data-cy": `bct-left-btn${e.labels.leftToggle.label ? `-${e.labels.leftToggle.label}` : ""}`,
-        class: o(["left-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [
-          {
-            "base-complex-toggle-active": b.value
-          }
-        ]]),
-        onClick: a[0] || (a[0] = f((v) => n(), ["stop"]))
-      }, [
-        m(l.$slots, "left_icon", {}, () => [
-          e.labels.leftToggle.icon ? (g(), c("img", {
-            key: 0,
-            class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
-            src: e.labels.leftToggle.icon.src,
-            alt: e.labels.leftToggle.icon.alt,
-            width: "15",
-            height: "15"
-          }, null, 8, L)) : k("", !0)
-        ], !0),
-        i("span", {
-          class: "base-complex-toggle-label uikit-relative uikit-z-10",
-          innerHTML: e.labels.leftToggle.label
-        }, null, 8, M)
-      ], 10, $),
-      i("div", {
-        "data-btn-bg-color": e.btnBgColor,
-        "data-cy": `bct-right-btn${e.labels.rightToggle.label ? `-${e.labels.rightToggle.label}` : ""}`,
-        class: o(["right-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [
-          {
-            "base-complex-toggle-active": h.value
-          }
-        ]]),
-        onClick: a[1] || (a[1] = f((v) => u(), ["stop"]))
-      }, [
-        m(l.$slots, "right_icon", {}, () => [
-          e.labels.rightToggle.icon ? (g(), c("img", {
-            key: 0,
-            class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
-            src: e.labels.rightToggle.icon.src,
-            alt: e.labels.rightToggle.icon.alt,
-            width: "15",
-            height: "15"
-          }, null, 8, B)) : k("", !0)
-        ], !0),
-        i("span", {
-          class: "base-complex-toggle-label uikit-relative uikit-z-10",
-          innerHTML: e.labels.rightToggle.label
-        }, null, 8, V)
-      ], 10, z),
-      i("div", {
-        class: o(["uikit-absolute uikit-transition-all uikit-duration-200 uikit-ease-out", [
-          e.type === "full" ? "base-complex-toggle-active-bg" : "base-complex-toggle-active-padded-bg",
-          e.btnBgColor,
-          e.mode,
-          b.value ? "translateX-left" : "translateX-right",
-          e.btnClasses
-        ]])
-      }, null, 2)
-    ], 10, y));
-  }
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderSlot as c, useModel as l, withModifiers as u } from "vue";
+import '../assets/BaseComplexToggle2.css';//#region lib/UIKit/BaseComplexToggle.vue?vue&type=script&setup=true&lang.ts
+var d = ["id", "data-cy"], f = ["data-btn-bg-color", "data-cy"], p = ["src", "alt"], m = ["innerHTML"], h = ["data-btn-bg-color", "data-cy"], g = ["src", "alt"], _ = ["innerHTML"], v = /*@__PURE__*/ i({
+	__name: "BaseComplexToggle",
+	props: /*@__PURE__*/ a({
+		labels: {},
+		type: { default: "full" },
+		mode: { default: "" },
+		btnBgColor: { default: "uikit-bg-w-lavender" },
+		btnClasses: {},
+		borderContainerColor: { default: "uikit-border-w-secondary" },
+		size: { default: "" }
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let a = i, v = l(i, "modelValue"), y = () => {
+			v.value = a.labels.leftToggle;
+		}, b = () => {
+			v.value = a.labels.rightToggle;
+		};
+		(() => {
+			if (a.labels.leftToggle.checked) {
+				y();
+				return;
+			}
+			if (a.labels.rightToggle.checked) {
+				b();
+				return;
+			}
+			y();
+		})();
+		let x = (e) => v.value?.label === e.label, S = e(() => x(a.labels.leftToggle)), C = e(() => x(a.labels.rightToggle));
+		return (e, a) => (s(), n("div", {
+			id: e.$attrs.id || "",
+			"data-cy": e.$attrs["data-cy"] || "",
+			class: o(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0", [
+				i.mode,
+				i.borderContainerColor,
+				i.size
+			]])
+		}, [
+			r("div", {
+				"data-btn-bg-color": i.btnBgColor,
+				"data-cy": `bct-left-btn${i.labels.leftToggle.label ? `-${i.labels.leftToggle.label}` : ""}`,
+				class: o(["left-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [{ "base-complex-toggle-active": S.value }]]),
+				onClick: a[0] ||= u((e) => y(), ["stop"])
+			}, [c(e.$slots, "left_icon", {}, () => [i.labels.leftToggle.icon ? (s(), n("img", {
+				key: 0,
+				class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
+				src: i.labels.leftToggle.icon.src,
+				alt: i.labels.leftToggle.icon.alt,
+				width: "15",
+				height: "15"
+			}, null, 8, p)) : t("", !0)], !0), r("span", {
+				class: "base-complex-toggle-label uikit-relative uikit-z-10",
+				innerHTML: i.labels.leftToggle.label
+			}, null, 8, m)], 10, f),
+			r("div", {
+				"data-btn-bg-color": i.btnBgColor,
+				"data-cy": `bct-right-btn${i.labels.rightToggle.label ? `-${i.labels.rightToggle.label}` : ""}`,
+				class: o(["right-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [{ "base-complex-toggle-active": C.value }]]),
+				onClick: a[1] ||= u((e) => b(), ["stop"])
+			}, [c(e.$slots, "right_icon", {}, () => [i.labels.rightToggle.icon ? (s(), n("img", {
+				key: 0,
+				class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
+				src: i.labels.rightToggle.icon.src,
+				alt: i.labels.rightToggle.icon.alt,
+				width: "15",
+				height: "15"
+			}, null, 8, g)) : t("", !0)], !0), r("span", {
+				class: "base-complex-toggle-label uikit-relative uikit-z-10",
+				innerHTML: i.labels.rightToggle.label
+			}, null, 8, _)], 10, h),
+			r("div", { class: o(["uikit-absolute uikit-transition-all uikit-duration-200 uikit-ease-out", [
+				i.type === "full" ? "base-complex-toggle-active-bg" : "base-complex-toggle-active-padded-bg",
+				i.btnBgColor,
+				i.mode,
+				S.value ? "translateX-left" : "translateX-right",
+				i.btnClasses
+			]]) }, null, 2)
+		], 10, d));
+	}
 });
-export {
-  j as default
-};
+//#endregion
+export { v as default };

package/dist/UIKit/BaseDropDown.js

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