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

package/dist/UIKit/BaseModal.vue.js

@@ -1,170 +1,161 @@
-import { defineComponent as A, useModel as F, useTemplateRef as h, shallowRef as y, onUnmounted as K, openBlock as k, createBlock as N, Teleport as S, createVNode as C, Transition as V, unref as w, withCtx as P, withDirectives as R, createElementVNode as l, normalizeClass as i, createElementBlock as p, withModifiers as U, createCommentVNode as x, renderSlot as d, vShow as j, mergeModels as g } from "vue";
-import { CloseIcon as q } from "@wikicasa-dev/svg-icons";
-const G = ["id", "data-cy", "data-state"], J = ["innerHTML"], X = /* @__PURE__ */ A({
-  __name: "BaseModal",
-  props: /* @__PURE__ */ g({
-    id: { default: "base-bt-modal" },
-    size: { default: "modal-md" },
-    customBackdropClasses: {},
-    customModalDialogClasses: {},
-    customModalHeaderClasses: {},
-    customModalBodyClasses: {},
-    customModalFooterClasses: {},
-    closeIcon: {},
-    withCloseIcon: { type: Boolean, default: !0 },
-    headerTitle: { default: "" },
-    autoClose: {},
-    fullHeight: { type: Boolean, default: !1 },
-    closeOnClickOut: { type: Boolean, default: !0 },
-    centered: { type: Boolean, default: !1 },
-    dataCy: {},
-    closeIconBtnClasses: {},
-    titleClasses: {}
-  }, {
-    showModal: { type: Boolean, default: !0 },
-    showModalModifiers: {}
-  }),
-  emits: /* @__PURE__ */ g(["closed", "opened", "dialogClick"], ["update:showModal"]),
-  setup(e, { emit: M }) {
-    const r = M, o = F(e, "showModal"), B = o.value, m = h("backdrop"), s = h("modalDialog"), u = y(!1), c = y(!1), f = ({ key: t }) => {
-      t === "Escape" && a();
-    }, E = () => {
-      document?.body.addEventListener("keydown", f);
-    }, b = () => {
-      document?.body.removeEventListener("keydown", f);
-    }, I = () => {
-      c.value || (E(), document?.body.classList.add(
-        "sm:uikit-pr-15px",
-        "sm:uikit-mr-0",
-        "uikit-overflow-hidden"
-      ), c.value = !0);
-    }, L = () => {
-      r("opened"), e.autoClose !== void 0 && setTimeout(() => {
-        a();
-      }, e.autoClose);
-    }, z = () => {
-      document?.body.classList.remove(
-        "sm:uikit-pr-15px",
-        "sm:uikit-mr-0",
-        "uikit-overflow-hidden"
-      );
-    }, T = () => {
-      b(), c.value = !1, r("closed");
-    }, a = () => {
-      o.value = !1;
-    }, $ = (t) => {
-      s.value && s.value.contains(t.target) && (u.value = !0);
-    }, D = (t) => {
-      s.value && s.value.contains(t.target) && (u.value = !1);
-    }, H = async (t) => {
-      if (!(t.target !== m.value && m.value?.contains(t.target)) && e.closeOnClickOut) {
-        if (u.value) {
-          u.value = !1;
-          return;
-        }
-        a();
-      }
-    };
-    K(() => {
-      b(), document?.body.classList.remove(
-        "sm:uikit-pr-15px",
-        "sm:uikit-mr-0",
-        "uikit-overflow-hidden"
-      );
-    });
-    const O = (t) => {
-      s.value === t.target && t.stopPropagation();
-    };
-    return (t, n) => (k(), N(S, { to: "body" }, [
-      C(V, {
-        appear: w(B),
-        name: "modal-transition",
-        duration: { enter: 250, leave: 250 },
-        onBeforeEnter: I,
-        onAfterEnter: L,
-        onLeave: z,
-        onAfterLeave: T
-      }, {
-        default: P(() => [
-          R(l("div", {
-            ref: "backdrop",
-            class: i(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-z-50 uikit-h-full uikit-w-full", [
-              e.customBackdropClasses,
-              {
-                "uikit-bg-w-secondary/70": o.value
-              },
-              { "uikit-bg-transparent": !o.value },
-              { "sm:uikit-pt-[30px]": !e.centered }
-            ]]),
-            onClick: H,
-            onMousedown: $,
-            onMouseup: D
-          }, [
-            l("dialog", {
-              id: e.id,
-              ref: "modalDialog",
-              "data-cy": e.dataCy,
-              class: i(["uikit-modal-dialog uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
-                e.customModalDialogClasses,
-                {
-                  "centered sm:uikit-absolute sm:uikit-top-1/2 sm:-uikit-translate-y-1/2": e.centered
-                },
-                { "uikit-static": !e.centered },
-                `base-${e.size}`,
-                e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
-              ]]),
-              tabindex: "-1",
-              "data-state": o.value ? "open" : "closed",
-              onClick: n[1] || (n[1] = (v) => r("dialogClick", v)),
-              onFocusin: O
-            }, [
-              l("div", {
-                class: i(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
-              }, [
-                e.withCloseIcon ? (k(), p("button", {
-                  key: 0,
-                  id: "close-icon-btn",
-                  "data-cy": "bbt-default-close-icon-btn",
-                  class: i(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent uikit-p-5px", e.closeIconBtnClasses]),
-                  type: "button",
-                  "aria-label": "Close",
-                  onClick: n[0] || (n[0] = U((v) => o.value = !1, ["prevent", "stop"]))
-                }, [
-                  C(w(q), {
-                    class: i(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
-                    width: e.closeIcon?.size || 20,
-                    height: e.closeIcon?.size || 20
-                  }, null, 8, ["class", "width", "height"])
-                ], 2)) : x("", !0),
-                d(t.$slots, "header", { closeModal: a }, () => [
-                  l("span", {
-                    class: i(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
-                    innerHTML: e.headerTitle
-                  }, null, 10, J)
-                ])
-              ], 2),
-              l("div", {
-                class: i(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
-              }, [
-                d(t.$slots, "body", { closeModal: a })
-              ], 2),
-              t.$slots.footer ? (k(), p("div", {
-                key: 0,
-                class: i(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
-              }, [
-                d(t.$slots, "footer", { closeModal: a })
-              ], 2)) : x("", !0),
-              d(t.$slots, "fixed-bottom")
-            ], 42, G)
-          ], 34), [
-            [j, o.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["appear"])
-    ]));
-  }
+import { Teleport as e, Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, onUnmounted as u, openBlock as d, renderSlot as f, shallowRef as p, unref as m, useModel as h, useTemplateRef as g, vShow as _, withCtx as v, withDirectives as y, withModifiers as b } from "vue";
+import { CloseIcon as x } from "@wikicasa-dev/svg-icons";
+import '../assets/baseModal.css';//#region lib/UIKit/BaseModal.vue?vue&type=script&setup=true&lang.ts
+var S = [
+	"id",
+	"data-cy",
+	"data-state"
+], C = ["innerHTML"], w = /*@__PURE__*/ s({
+	__name: "BaseModal",
+	props: /*@__PURE__*/ c({
+		id: { default: "base-bt-modal" },
+		size: { default: "modal-md" },
+		customBackdropClasses: {},
+		customModalDialogClasses: {},
+		customModalHeaderClasses: {},
+		customModalBodyClasses: {},
+		customModalFooterClasses: {},
+		closeIcon: {},
+		withCloseIcon: {
+			type: Boolean,
+			default: !0
+		},
+		headerTitle: { default: "" },
+		autoClose: {},
+		fullHeight: {
+			type: Boolean,
+			default: !1
+		},
+		closeOnClickOut: {
+			type: Boolean,
+			default: !0
+		},
+		centered: {
+			type: Boolean,
+			default: !1
+		},
+		dataCy: {},
+		closeIconBtnClasses: {},
+		titleClasses: {}
+	}, {
+		showModal: {
+			type: Boolean,
+			default: !0
+		},
+		showModalModifiers: {}
+	}),
+	emits: /*@__PURE__*/ c([
+		"closed",
+		"opened",
+		"dialogClick"
+	], ["update:showModal"]),
+	setup(s, { emit: c }) {
+		let w = c, T = h(s, "showModal"), E = T.value, D = g("backdrop"), O = g("modalDialog"), k = p(!1), A = p(!1), j = ({ key: e }) => {
+			e === "Escape" && R();
+		}, M = () => {
+			document?.body.addEventListener("keydown", j);
+		}, N = () => {
+			document?.body.removeEventListener("keydown", j);
+		}, P = () => {
+			A.value ||= (M(), document?.body.classList.add("sm:uikit-pr-15px", "sm:uikit-mr-0", "uikit-overflow-hidden"), !0);
+		}, F = () => {
+			w("opened"), s.autoClose !== void 0 && setTimeout(() => {
+				R();
+			}, s.autoClose);
+		}, I = () => {
+			document?.body.classList.remove("sm:uikit-pr-15px", "sm:uikit-mr-0", "uikit-overflow-hidden");
+		}, L = () => {
+			N(), A.value = !1, w("closed");
+		}, R = () => {
+			T.value = !1;
+		}, z = (e) => {
+			O.value && O.value.contains(e.target) && (k.value = !0);
+		}, B = (e) => {
+			O.value && O.value.contains(e.target) && (k.value = !1);
+		}, V = async (e) => {
+			if (!(e.target !== D.value && D.value?.contains(e.target)) && s.closeOnClickOut) {
+				if (k.value) {
+					k.value = !1;
+					return;
+				}
+				R();
+			}
+		};
+		u(() => {
+			N(), document?.body.classList.remove("sm:uikit-pr-15px", "sm:uikit-mr-0", "uikit-overflow-hidden");
+		});
+		let H = (e) => {
+			O.value === e.target && e.stopPropagation();
+		};
+		return (c, u) => (d(), n(e, { to: "body" }, [o(t, {
+			appear: m(E),
+			name: "modal-transition",
+			duration: {
+				enter: 250,
+				leave: 250
+			},
+			onBeforeEnter: P,
+			onAfterEnter: F,
+			onLeave: I,
+			onAfterLeave: L
+		}, {
+			default: v(() => [y(a("div", {
+				ref: "backdrop",
+				class: l(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-z-50 uikit-h-full uikit-w-full", [
+					s.customBackdropClasses,
+					{ "uikit-bg-w-secondary/70": T.value },
+					{ "uikit-bg-transparent": !T.value },
+					{ "sm:uikit-pt-[30px]": !s.centered }
+				]]),
+				onClick: V,
+				onMousedown: z,
+				onMouseup: B
+			}, [a("dialog", {
+				id: s.id,
+				ref: "modalDialog",
+				"data-cy": s.dataCy,
+				class: l(["uikit-modal-dialog uikit-mx-auto uikit-block uikit-w-full uikit-overflow-y-auto uikit-overflow-x-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-bg-white uikit-p-0 uikit-shadow-lg uikit-no-scrollbar uikit-safe-bottom max-sm:uikit-fixed max-sm:uikit-bottom-0 max-sm:uikit-max-h-[95%] max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-h-auto", [
+					s.customModalDialogClasses,
+					{ "centered sm:uikit-absolute sm:uikit-top-1/2 sm:-uikit-translate-y-1/2": s.centered },
+					{ "uikit-static": !s.centered },
+					`base-${s.size}`,
+					s.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
+				]]),
+				tabindex: "-1",
+				"data-state": T.value ? "open" : "closed",
+				onClick: u[1] ||= (e) => w("dialogClick", e),
+				onFocusin: H
+			}, [
+				a("div", { class: l(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [s.customModalHeaderClasses]]) }, [s.withCloseIcon ? (d(), i("button", {
+					key: 0,
+					id: "close-icon-btn",
+					"data-cy": "bbt-default-close-icon-btn",
+					class: l(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent uikit-p-5px", s.closeIconBtnClasses]),
+					type: "button",
+					"aria-label": "Close",
+					onClick: u[0] ||= b((e) => T.value = !1, ["prevent", "stop"])
+				}, [o(m(x), {
+					class: l(["bbt-close-icon uikit-box-border", s.closeIcon?.classes]),
+					width: s.closeIcon?.size || 20,
+					height: s.closeIcon?.size || 20
+				}, null, 8, [
+					"class",
+					"width",
+					"height"
+				])], 2)) : r("", !0), f(c.$slots, "header", { closeModal: R }, () => [a("span", {
+					class: l(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", s.titleClasses]),
+					innerHTML: s.headerTitle
+				}, null, 10, C)])], 2),
+				a("div", { class: l(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [s.customModalBodyClasses]]) }, [f(c.$slots, "body", { closeModal: R })], 2),
+				c.$slots.footer ? (d(), i("div", {
+					key: 0,
+					class: l(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", s.customModalFooterClasses])
+				}, [f(c.$slots, "footer", { closeModal: R })], 2)) : r("", !0),
+				f(c.$slots, "fixed-bottom")
+			], 42, S)], 34), [[_, T.value]])]),
+			_: 3
+		}, 8, ["appear"])]));
+	}
 });
-export {
-  X as default
-};
+//#endregion
+export { w as default };

package/dist/UIKit/BasePagination.js

@@ -1,4 +1,5 @@
-import f from "./BasePagination.vue.js";
-export {
-  f as default
-};
+import e from "./BasePagination.vue.js";
+//#region lib/UIKit/BasePagination.vue
+var t = e;
+//#endregion
+export { t as default };