@wikicasa-dev/components 1.9.10 → 1.9.12

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.
Files changed (5) hide show
  1. package/dist/BaseModal.js +1 -1
  2. package/dist/assets/BaseModal.css +1 -1
  3. package/dist/chunks/{BaseModal.vue_vue_type_style_index_0_lang.CFrFwa-2.js → BaseModal.vue_vue_type_style_index_0_lang.Cu555pTv.js} +61 -62
  4. package/dist/index.js +1 -1
  5. package/package.json +1 -1
package/dist/BaseModal.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.CFrFwa-2.js";
1
+ import { _ as f } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Cu555pTv.js";
2
2
  export {
3
3
  f as default
4
4
  };
package/dist/assets/BaseModal.css CHANGED
@@ -1 +1 @@
1
- .uikit-modal-dialog{--modal-max-height: 690px;--modal-width-sm: 496px;--modal-width-md: 592px;--modal-width-lg: 670px;--modal-max-width: var(--modal-width-sm);max-width:var(--modal-max-width);will-change:transform}@media (min-width: 576px){.uikit-modal-dialog.show.transition-y:not(.centered){animation:slide-down .5s ease-out 0s forwards}}.uikit-modal-dialog.show.transition-y{animation:slide-up .5s ease-out 0s forwards}@media (min-width: 576px){.uikit-modal-dialog.show.transition-y{animation:slide-down-centered .5s ease-out 0s forwards}}.uikit-modal-dialog.closed{overflow-y:hidden!important}@media (min-width: 576px){.uikit-modal-dialog.closed.transition-y:not(.centered){animation:slide-down-back .25s forwards}}.uikit-modal-dialog.closed.transition-y{animation:slide-up-back .25s both}@media (min-width: 576px){.uikit-modal-dialog.closed.transition-y{animation:slide-down-centered-back .25s forwards}}.base-modal-md{--modal-max-width: var(--modal-width-md)}.base-modal-lg{--modal-max-width: var(--modal-width-lg)}@media not all and (min-width: 576px){.base-modal-sm,.base-modal-md,.base-modal-lg{max-width:none}}@media (min-width: 576px){.base-modal-sm.uikit-modal-dialog,.base-modal-md.uikit-modal-dialog,.base-modal-lg.uikit-modal-dialog{max-height:var(--modal-max-height)}}.base-modal-xxl{max-width:1500px}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-up-back{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-down{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes slide-down-centered{0%{top:0}to{top:50%;transform:translateY(-50%)}}@keyframes slide-down-back{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes slide-down-centered-back{0%{top:50%}to{top:-10%}}@keyframes backdrop-opacity{0%{opacity:0}to{opacity:1}}
1
+ .bbt-backdrop.hide{display:none}.uikit-modal-dialog{--modal-max-height: 690px;--modal-width-sm: 496px;--modal-width-md: 592px;--modal-width-lg: 670px;--modal-max-width: var(--modal-width-sm);max-width:var(--modal-max-width);will-change:transform}@media (min-width: 576px){.uikit-modal-dialog.show.transition-y:not(.centered){animation:slide-down .5s ease-out 0s forwards}}.uikit-modal-dialog.show.transition-y{animation:slide-up .5s ease-out 0s forwards}@media (min-width: 576px){.uikit-modal-dialog.show.transition-y{animation:slide-down-centered .5s ease-out 0s forwards}}.uikit-modal-dialog.closed{overflow-y:hidden!important}@media (min-width: 576px){.uikit-modal-dialog.closed.transition-y:not(.centered){animation:slide-down-back .25s forwards}}.uikit-modal-dialog.closed.transition-y{animation:slide-up-back .25s both}@media (min-width: 576px){.uikit-modal-dialog.closed.transition-y{animation:slide-down-centered-back .25s forwards}}.base-modal-md{--modal-max-width: var(--modal-width-md)}.base-modal-lg{--modal-max-width: var(--modal-width-lg)}@media not all and (min-width: 576px){.base-modal-sm,.base-modal-md,.base-modal-lg{max-width:none}}@media (min-width: 576px){.base-modal-sm.uikit-modal-dialog,.base-modal-md.uikit-modal-dialog,.base-modal-lg.uikit-modal-dialog{max-height:var(--modal-max-height)}}.base-modal-xxl{max-width:1500px}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-up-back{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-down{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes slide-down-centered{0%{top:0}to{top:50%;transform:translateY(-50%)}}@keyframes slide-down-back{0%{transform:translateY(0)}to{transform:translateY(-150%)}}@keyframes slide-down-centered-back{0%{top:50%}to{top:-10%}}@keyframes backdrop-opacity{0%{opacity:0}to{opacity:1}}
package/dist/chunks/{BaseModal.vue_vue_type_style_index_0_lang.CFrFwa-2.js → BaseModal.vue_vue_type_style_index_0_lang.Cu555pTv.js} RENAMED
@@ -1,17 +1,17 @@
1
- import { defineComponent as L, ref as c, onUnmounted as M, watch as B, nextTick as b, openBlock as k, createBlock as y, Teleport as E, createElementVNode as l, normalizeClass as o, withModifiers as v, withCtx as $, createVNode as T, unref as z, createCommentVNode as w, renderSlot as n, createElementBlock as H } from "vue";
1
+ import { defineComponent as L, ref as d, onUnmounted as B, watch as E, openBlock as k, createBlock as y, Teleport as $, createElementVNode as l, normalizeClass as o, withModifiers as v, withCtx as T, createVNode as z, unref as H, createCommentVNode as h, renderSlot as n, createElementBlock as O, nextTick as I } from "vue";
2
2
  import "./types-B0dZ7OiV.D29wNgoj.js";
3
- import { _ as O } from "./BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
4
- import { l as A } from "./CloseIcon._moEkaop.js";
3
+ import { _ as K } from "./BaseButton.vue_vue_type_script_setup_true_lang.dlLTK59i.js";
4
+ import { l as N } from "./CloseIcon._moEkaop.js";
5
5
  import "./DownloadIcon.DHCHRETy.js";
6
- import '../assets/BaseModal.css';const I = () => navigator?.userAgent.includes("Windows"), K = (a, d) => new Promise((s, u) => {
6
+ import '../assets/BaseModal.css';const w = () => navigator?.userAgent.includes("Windows"), V = (a, r) => new Promise((s, u) => {
7
7
  setTimeout(() => {
8
8
  try {
9
9
  a && a(), s();
10
10
  } catch {
11
11
  u();
12
12
  }
13
- }, d);
14
- }), N = ["id", "data-cy"], V = ["innerHTML"], U = /* @__PURE__ */ L({
13
+ }, r);
14
+ }), A = ["id", "data-cy"], D = ["innerHTML"], j = /* @__PURE__ */ L({
15
15
  __name: "BaseModal",
16
16
  props: {
17
17
  id: { default: "base-bt-modal" },
@@ -31,113 +31,112 @@ import '../assets/BaseModal.css';const I = () => navigator?.userAgent.includes("
31
31
  centered: { type: Boolean, default: !1 }
32
32
  },
33
33
  emits: ["closed", "opened"],
34
- setup(a, { emit: d }) {
35
- const s = a, u = d, e = c(!1), r = c(null), h = c(null), m = ({ key: t }) => {
36
- t === "Escape" && i();
37
- }, g = () => {
38
- document?.body.addEventListener("keydown", m);
39
- }, p = () => {
40
- document?.body.removeEventListener("keydown", m);
41
- }, C = async () => {
42
- e.value = !0, b(() => {
43
- g(), document?.documentElement.classList.add("uikit-no-scrolling"), I() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
34
+ setup(a, { emit: r }) {
35
+ const s = a, u = r, t = d(!1), m = d(null), g = d(null), c = d(!1), p = ({ key: e }) => {
36
+ e === "Escape" && i();
37
+ }, C = () => {
38
+ document?.body.addEventListener("keydown", p);
39
+ }, f = () => {
40
+ document?.body.removeEventListener("keydown", p);
41
+ }, x = async () => {
42
+ t.value = !0, I(() => {
43
+ C(), document?.documentElement.classList.add("uikit-no-scrolling"), w() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
44
44
  }), u("opened"), s.autoClose !== void 0 && setTimeout(() => {
45
45
  i();
46
46
  }, s.autoClose);
47
- }, x = async () => {
47
+ }, M = async () => {
48
48
  s.closeOnClickOut && await i();
49
49
  }, i = async () => {
50
- e.value = !1, p(), 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 K(() => {
51
- r.value?.classList.add("uikit-hidden"), u("closed");
50
+ t.value = !1, f(), 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(() => {
51
+ m.value?.classList.add("uikit-hidden"), u("closed");
52
52
  }, 250);
53
53
  };
54
- return M(() => {
55
- p(), 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");
56
- }), B(
54
+ return B(() => {
55
+ f(), document?.documentElement.classList.remove("uikit-no-scrolling"), w() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
56
+ }), E(
57
57
  () => s.showModal,
58
- async (t) => {
59
- !t && !e.value && b(() => {
60
- r.value?.classList.add("uikit-hidden");
61
- }), t && !e.value && await C(), !t && e.value && await i(), e.value = t;
58
+ async (e) => {
59
+ !e && !t.value ? c.value = !0 : c.value = !1, e && !t.value && await x(), !e && t.value && await i(), t.value = e;
62
60
  },
63
61
  { immediate: !0 }
64
- ), (t, f) => (k(), y(E, { to: "body" }, [
62
+ ), (e, b) => (k(), y($, { to: "body" }, [
65
63
  l("div", {
66
64
  ref_key: "backdropEl",
67
- ref: r,
65
+ ref: m,
68
66
  class: o(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
69
- t.customBackdropClasses,
67
+ e.customBackdropClasses,
70
68
  {
71
- "uikit-animate-[backdrop-opacity_0.3s_ease-out_0s_backwards] uikit-bg-w-secondary/70": e.value
69
+ "uikit-animate-[backdrop-opacity_0.3s_ease-out_0s_backwards] uikit-bg-w-secondary/70": t.value
72
70
  },
73
- { "uikit-bg-transparent": !e.value },
74
- { "sm:uikit-pt-[30px]": !t.centered }
71
+ { "uikit-bg-transparent": !t.value },
72
+ { "sm:uikit-pt-[30px]": !e.centered },
73
+ { hide: c.value }
75
74
  ]]),
76
75
  style: { "z-index": "1062" },
77
- onClick: x
76
+ onClick: M
78
77
  }, [
79
78
  l("dialog", {
80
- id: t.id,
79
+ id: e.id,
81
80
  ref_key: "modalEl",
82
- ref: h,
83
- "data-cy": t.$attrs["data-cy"],
81
+ ref: g,
82
+ "data-cy": e.$attrs["data-cy"],
84
83
  class: o(["uikit-modal-dialog transition-y 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", [
85
- t.customModalDialogClasses,
86
- { show: e.value },
87
- { "closed uikit-overflow-hidden": !e.value },
88
- { centered: t.centered },
89
- `base-${t.size}`,
90
- t.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
84
+ e.customModalDialogClasses,
85
+ { show: t.value },
86
+ { "closed uikit-overflow-hidden": !t.value },
87
+ { centered: e.centered },
88
+ `base-${e.size}`,
89
+ e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
91
90
  ]]),
92
- onClick: f[0] || (f[0] = v(() => {
91
+ onClick: b[0] || (b[0] = v(() => {
93
92
  }, ["stop"]))
94
93
  }, [
95
94
  l("div", {
96
- class: o(["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", [t.customModalHeaderClasses]])
95
+ class: o(["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]])
97
96
  }, [
98
- t.withCloseIcon ? (k(), y(O, {
97
+ e.withCloseIcon ? (k(), y(K, {
99
98
  key: 0,
100
99
  id: "close-icon-btn",
101
100
  "data-cy": "bbt-default-close-icon-btn",
102
- class: o(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", t.$attrs["close-icon-btn-classes"]]),
101
+ class: o(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.$attrs["close-icon-btn-classes"]]),
103
102
  type: "button",
104
103
  "aria-label": "Close",
105
104
  "is-empty": !0,
106
105
  onClick: v(i, ["prevent", "stop"])
107
106
  }, {
108
- default: $(() => [
109
- T(z(A), {
107
+ default: T(() => [
108
+ z(H(N), {
110
109
  class: "bbt-close-icon uikit-box-border uikit-p-5px",
111
110
  width: 30,
112
111
  height: 30
113
112
  })
114
113
  ]),
115
114
  _: 1
116
- }, 8, ["class"])) : w("", !0),
117
- n(t.$slots, "header", { closeModal: i }, () => [
115
+ }, 8, ["class"])) : h("", !0),
116
+ n(e.$slots, "header", { closeModal: i }, () => [
118
117
  l("span", {
119
- class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", t.$attrs["title-classes"]]),
120
- innerHTML: t.headerTitle
121
- }, null, 10, V)
118
+ class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.$attrs["title-classes"]]),
119
+ innerHTML: e.headerTitle
120
+ }, null, 10, D)
122
121
  ])
123
122
  ], 2),
124
123
  l("div", {
125
- class: o(["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", [t.customModalBodyClasses]])
124
+ class: o(["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]])
126
125
  }, [
127
- n(t.$slots, "body", { closeModal: i })
126
+ n(e.$slots, "body", { closeModal: i })
128
127
  ], 2),
129
- t.$slots.footer ? (k(), H("div", {
128
+ e.$slots.footer ? (k(), O("div", {
130
129
  key: 0,
131
- class: o(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", t.customModalFooterClasses])
130
+ class: o(["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])
132
131
  }, [
133
- n(t.$slots, "footer", { closeModal: i })
134
- ], 2)) : w("", !0),
135
- n(t.$slots, "fixed-bottom")
136
- ], 10, N)
132
+ n(e.$slots, "footer", { closeModal: i })
133
+ ], 2)) : h("", !0),
134
+ n(e.$slots, "fixed-bottom")
135
+ ], 10, A)
137
136
  ], 2)
138
137
  ]));
139
138
  }
140
139
  });
141
140
  export {
142
- U as _
141
+ j as _
143
142
  };
package/dist/index.js CHANGED
@@ -28,7 +28,7 @@ import { default as ee } from "./BaseTextarea.js";
28
28
  import { default as re } from "./BaseToggle.js";
29
29
  import { default as te } from "./BaseTooltip.js";
30
30
  import { _ as fe } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js";
31
- import { _ as me } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.CFrFwa-2.js";
31
+ import { _ as me } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Cu555pTv.js";
32
32
  import { default as le } from "./BaseSnackbar.js";
33
33
  import { default as de } from "./StaticSpinner.js";
34
34
  import { default as ue } from "./BaseShimmerLoader.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "1.9.10",
3
+ "version": "1.9.12",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",