@wikicasa-dev/components 2.0.39 → 2.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/BaseModal.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.C7ScZo9m.js";
1
+ import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Bn6P4cIx.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1,16 +1,16 @@
1
- import { defineComponent as x, ref as u, useTemplateRef as E, onUnmounted as T, watch as z, openBlock as k, createBlock as H, Teleport as O, createElementVNode as l, normalizeClass as s, withModifiers as m, createElementBlock as h, createVNode as $, unref as D, createCommentVNode as w, renderSlot as n, nextTick as I } from "vue";
1
+ import { defineComponent as E, ref as d, useTemplateRef as T, onUnmounted as z, watch as H, openBlock as m, createBlock as O, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as y, createElementBlock as h, createVNode as D, unref as I, createCommentVNode as w, renderSlot as r, nextTick as K } from "vue";
2
2
  import "./types-B0dZ7OiV.D29wNgoj.js";
3
- import { l as K } from "./CloseIcon.DIkr4soH.js";
3
+ import { l as N } from "./CloseIcon.DIkr4soH.js";
4
4
  import "./PharmacyIcon.56ql_DYl.js";
5
- import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("Windows"), N = (o, d) => new Promise((a, t) => {
5
+ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("Windows"), V = (o, c) => new Promise((a, t) => {
6
6
  setTimeout(() => {
7
7
  try {
8
8
  o && o(), a();
9
9
  } catch {
10
10
  t();
11
11
  }
12
- }, d);
13
- }), V = ["id", "data-cy"], A = ["innerHTML"], R = /* @__PURE__ */ x({
12
+ }, c);
13
+ }), A = ["id", "data-cy"], F = ["innerHTML"], R = /* @__PURE__ */ E({
14
14
  __name: "BaseModal",
15
15
  props: {
16
16
  id: { default: "base-bt-modal" },
@@ -32,46 +32,48 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
32
32
  titleClasses: {}
33
33
  },
34
34
  emits: ["closed", "opened"],
35
- setup(o, { emit: d }) {
36
- const a = d, t = u(!1), p = u(null), b = E("modalDialog"), r = u(!1), c = u(!1), f = ({ key: e }) => {
35
+ setup(o, { emit: c }) {
36
+ const a = c, t = d(!1), f = d(null), u = T("modalDialog"), k = d(!1), n = d(!1), p = ({ key: e }) => {
37
37
  e === "Escape" && i();
38
38
  }, C = () => {
39
- document?.body.addEventListener("keydown", f);
40
- }, y = () => {
41
- document?.body.removeEventListener("keydown", f);
39
+ document?.body.addEventListener("keydown", p);
40
+ }, b = () => {
41
+ document?.body.removeEventListener("keydown", p);
42
42
  }, M = async () => {
43
- t.value = !0, I(() => {
43
+ t.value = !0, K(() => {
44
44
  C(), document?.documentElement.classList.add("uikit-no-scrolling"), g() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
45
45
  }), a("opened"), o.autoClose !== void 0 && setTimeout(() => {
46
46
  i();
47
47
  }, o.autoClose);
48
48
  }, B = (e) => {
49
- b.value && b.value.contains(e.target) && (c.value = !0);
50
- }, L = async () => {
49
+ u.value && u.value.contains(e.target) && (n.value = !0);
50
+ }, L = (e) => {
51
+ u.value && u.value.contains(e.target) && (n.value = !1);
52
+ }, x = async () => {
51
53
  if (o.closeOnClickOut) {
52
- if (c.value) {
53
- c.value = !1;
54
+ if (n.value) {
55
+ n.value = !1;
54
56
  return;
55
57
  }
56
58
  await i();
57
59
  }
58
60
  }, i = async () => {
59
- t.value = !1, y(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await N(() => {
60
- p.value?.classList.add("uikit-hidden"), a("closed");
61
+ t.value = !1, b(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await V(() => {
62
+ f.value?.classList.add("uikit-hidden"), a("closed");
61
63
  }, 250);
62
64
  };
63
- return T(() => {
64
- y(), document?.documentElement.classList.remove("uikit-no-scrolling"), g() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
65
- }), z(
65
+ return z(() => {
66
+ b(), document?.documentElement.classList.remove("uikit-no-scrolling"), g() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
67
+ }), H(
66
68
  () => o.showModal,
67
69
  async (e) => {
68
- !e && !t.value ? r.value = !0 : r.value = !1, e && !t.value && await M(), !e && t.value && await i(), t.value = e;
70
+ !e && !t.value ? k.value = !0 : k.value = !1, e && !t.value && await M(), !e && t.value && await i(), t.value = e;
69
71
  },
70
72
  { immediate: !0 }
71
- ), (e, v) => (k(), H(O, { to: "body" }, [
73
+ ), (e, v) => (m(), O($, { to: "body" }, [
72
74
  l("div", {
73
75
  ref_key: "backdropEl",
74
- ref: p,
76
+ ref: f,
75
77
  class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
76
78
  e.customBackdropClasses,
77
79
  {
@@ -79,11 +81,12 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
79
81
  },
80
82
  { "uikit-bg-transparent": !t.value },
81
83
  { "sm:uikit-pt-[30px]": !e.centered },
82
- { hide: r.value }
84
+ { hide: k.value }
83
85
  ]]),
84
86
  style: { "z-index": "1062" },
85
- onClick: L,
86
- onMousedown: m(B, ["stop"])
87
+ onClick: x,
88
+ onMousedown: B,
89
+ onMouseup: L
87
90
  }, [
88
91
  l("dialog", {
89
92
  id: e.id,
@@ -99,47 +102,47 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
99
102
  `base-${e.size}`,
100
103
  e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
101
104
  ]]),
102
- onClick: v[0] || (v[0] = m(() => {
105
+ onClick: v[0] || (v[0] = y(() => {
103
106
  }, ["stop"]))
104
107
  }, [
105
108
  l("div", {
106
109
  class: s(["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]])
107
110
  }, [
108
- e.withCloseIcon ? (k(), h("button", {
111
+ e.withCloseIcon ? (m(), h("button", {
109
112
  key: 0,
110
113
  id: "close-icon-btn",
111
114
  "data-cy": "bbt-default-close-icon-btn",
112
115
  class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
113
116
  type: "button",
114
117
  "aria-label": "Close",
115
- onClick: m(i, ["prevent", "stop"])
118
+ onClick: y(i, ["prevent", "stop"])
116
119
  }, [
117
- $(D(K), {
120
+ D(I(N), {
118
121
  class: "bbt-close-icon uikit-box-border uikit-p-5px",
119
122
  width: 30,
120
123
  height: 30
121
124
  })
122
125
  ], 2)) : w("", !0),
123
- n(e.$slots, "header", { closeModal: i }, () => [
126
+ r(e.$slots, "header", { closeModal: i }, () => [
124
127
  l("span", {
125
128
  class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
126
129
  innerHTML: e.headerTitle
127
- }, null, 10, A)
130
+ }, null, 10, F)
128
131
  ])
129
132
  ], 2),
130
133
  l("div", {
131
134
  class: s(["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]])
132
135
  }, [
133
- n(e.$slots, "body", { closeModal: i })
136
+ r(e.$slots, "body", { closeModal: i })
134
137
  ], 2),
135
- e.$slots.footer ? (k(), h("div", {
138
+ e.$slots.footer ? (m(), h("div", {
136
139
  key: 0,
137
140
  class: s(["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])
138
141
  }, [
139
- n(e.$slots, "footer", { closeModal: i })
142
+ r(e.$slots, "footer", { closeModal: i })
140
143
  ], 2)) : w("", !0),
141
- n(e.$slots, "fixed-bottom")
142
- ], 10, V)
144
+ r(e.$slots, "fixed-bottom")
145
+ ], 10, A)
143
146
  ], 34)
144
147
  ]));
145
148
  }
package/dist/index.js CHANGED
@@ -27,7 +27,7 @@ import { default as Z } from "./BaseTextarea.js";
27
27
  import { default as ee } from "./BaseToggle.js";
28
28
  import { default as re } from "./BaseTooltip.js";
29
29
  import { _ as te } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js";
30
- import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.C7ScZo9m.js";
30
+ import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Bn6P4cIx.js";
31
31
  import { default as me } from "./BaseSnackbar.js";
32
32
  import { default as le } from "./StaticSpinner.js";
33
33
  import { default as de } from "./BaseShimmerLoader.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.0.39",
3
+ "version": "2.0.41",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",