@wikicasa-dev/components 2.4.1-alpha.4 → 2.4.1-alpha.5

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-keyboard.css';/* empty css                                                                           */
+import '../assets/swiper-controller.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-keyboard.css';/* empty css                                                                             */
+import '../assets/swiper-controller.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-keyboard.css';/* empty css                                                                           */
+import '../assets/swiper-controller.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-keyboard.css';/* empty css                                                                         */
+import '../assets/swiper-controller.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/BaseModal.d.ts

@@ -12,7 +12,6 @@ type __VLS_Props = {
         classes?: ClassTypeProp;
     }>;
     withCloseIcon?: boolean;
-    showModal?: boolean;
     headerTitle?: string;
     autoClose?: number;
     fullHeight?: boolean;
@@ -26,6 +25,9 @@ type __VLS_Props = {
     titleClasses?: ClassTypeProp;
     appear?: boolean;
 };
+type __VLS_PublicProps = {
+    "showModal"?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -47,14 +49,16 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     opened: () => any;
     closed: () => any;
     dialogClick: (args_0: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "update:showModal": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onDialogClick?: ((args_0: MouseEvent) => any) | undefined;
+    "onUpdate:showModal"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     backdrop: HTMLDivElement;
     modalDialog: HTMLDialogElement;

package/dist/packages/components/lib/UIKit/BaseModal.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as D, shallowRef as v, useTemplateRef as h, onUnmounted as T, watch as $, createBlock as H, openBlock as c, Teleport as O, createVNode as y, Transition as F, withCtx as U, withDirectives as V, createElementVNode as l, normalizeClass as o, createElementBlock as w, createCommentVNode as C, renderSlot as d, withModifiers as K, unref as N, vShow as S } from "vue";
-import { CloseIcon as A } from "@wikicasa-dev/svg-icons";
-const G = ["id", "data-cy"], P = ["innerHTML"], q = /* @__PURE__ */ D({
+import { defineComponent as T, mergeModels as h, useModel as D, useTemplateRef as v, shallowRef as $, onUnmounted as H, createBlock as O, openBlock as c, Teleport as F, createVNode as y, Transition as K, withCtx as N, withDirectives as S, createElementVNode as l, normalizeClass as i, createElementBlock as C, createCommentVNode as w, renderSlot as d, withModifiers as U, unref as V, vShow as A } from "vue";
+import { CloseIcon as P } from "@wikicasa-dev/svg-icons";
+const R = ["id", "data-cy"], G = ["innerHTML"], J = /* @__PURE__ */ T({
   __name: "BaseModal",
-  props: {
+  props: /* @__PURE__ */ h({
     id: { default: "base-bt-modal" },
     size: { default: "modal-md" },
     customBackdropClasses: {},
@@ -12,7 +12,6 @@ const G = ["id", "data-cy"], P = ["innerHTML"], q = /* @__PURE__ */ D({
     customModalFooterClasses: {},
     closeIcon: {},
     withCloseIcon: { type: Boolean, default: !0 },
-    showModal: { type: Boolean, default: !0 },
     headerTitle: { default: "" },
     autoClose: {},
     fullHeight: { type: Boolean, default: !1 },
@@ -22,33 +21,36 @@ const G = ["id", "data-cy"], P = ["innerHTML"], q = /* @__PURE__ */ D({
     closeIconBtnClasses: {},
     titleClasses: {},
     appear: { type: Boolean, default: !0 }
-  },
-  emits: ["closed", "opened", "dialogClick"],
-  setup(e, { emit: x }) {
-    const r = x, i = v(!1), k = h("backdrop"), s = h("modalDialog"), u = v(!1), m = ({ key: t }) => {
-      t === "Escape" && a();
-    }, p = () => {
+  }, {
+    showModal: { type: Boolean, default: !0 },
+    showModalModifiers: {}
+  }),
+  emits: /* @__PURE__ */ h(["closed", "opened", "dialogClick"], ["update:showModal"]),
+  setup(e, { emit: p }) {
+    const r = p, a = D(e, "showModal"), k = v("backdrop"), s = v("modalDialog"), u = $(!1), m = ({ key: t }) => {
+      t === "Escape" && o();
+    }, x = () => {
       document?.body.addEventListener("keydown", m);
     }, f = () => {
       document?.body.removeEventListener("keydown", m);
     }, g = () => {
-      console.log("DEBUG:onBeforeEnter called"), p(), document?.body.classList.add(
+      console.log("DEBUG:onBeforeEnter called"), x(), document?.body.classList.add(
         "sm:uikit-pr-15px",
         "sm:uikit-mr-0",
         "uikit-overflow-hidden"
       );
-    }, B = () => {
+    }, M = () => {
       r("opened"), e.autoClose !== void 0 && setTimeout(() => {
-        a();
+        o();
       }, e.autoClose);
-    }, M = () => {
+    }, B = () => {
       f(), document?.body.classList.remove(
         "sm:uikit-pr-15px",
         "sm:uikit-mr-0",
         "uikit-overflow-hidden"
       ), r("closed");
-    }, a = () => {
-      i.value = !1;
+    }, o = () => {
+      a.value = !1;
     }, E = (t) => {
       s.value && s.value.contains(t.target) && (u.value = !0);
     }, I = (t) => {
@@ -59,10 +61,10 @@ const G = ["id", "data-cy"], P = ["innerHTML"], q = /* @__PURE__ */ D({
           u.value = !1;
           return;
         }
-        a();
+        o();
       }
     };
-    T(() => {
+    H(() => {
       f(), document?.body.classList.remove(
         "sm:uikit-pr-15px",
         "sm:uikit-mr-0",
@@ -72,33 +74,24 @@ const G = ["id", "data-cy"], P = ["innerHTML"], q = /* @__PURE__ */ D({
     const z = (t) => {
       s.value === t.target && t.stopPropagation();
     };
-    return $(
-      () => e.showModal,
-      async (t) => {
-        t !== i.value && (console.log("DEBUG:showModal => watcher", {
-          cur: t,
-          showValue: i.value
-        }), i.value = t);
-      },
-      { immediate: !0 }
-    ), (t, n) => (c(), H(O, { to: "body" }, [
-      y(F, {
+    return (t, n) => (c(), O(F, { to: "body" }, [
+      y(K, {
         appear: e.appear,
         name: "modal-transition",
         duration: { enter: 500, leave: 250 },
         onBeforeEnter: g,
-        onAfterEnter: B,
-        onAfterLeave: M
+        onAfterEnter: M,
+        onAfterLeave: B
       }, {
-        default: U(() => [
-          V(l("div", {
+        default: N(() => [
+          S(l("div", {
             ref: "backdrop",
-            class: o(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-z-50 uikit-h-full uikit-w-full", [
+            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": i.value
+                "uikit-bg-w-secondary/70": a.value
               },
-              { "uikit-bg-transparent": !i.value },
+              { "uikit-bg-transparent": !a.value },
               { "sm:uikit-pt-[30px]": !e.centered }
             ]]),
             onClick: L,
@@ -109,7 +102,7 @@ const G = ["id", "data-cy"], P = ["innerHTML"], q = /* @__PURE__ */ D({
               id: e.id,
               ref: "modalDialog",
               "data-cy": e.dataCy,
-              class: o(["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", [
+              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
@@ -123,45 +116,45 @@ const G = ["id", "data-cy"], P = ["innerHTML"], q = /* @__PURE__ */ D({
               onFocusin: z
             }, [
               l("div", {
-                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]])
+                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 ? (c(), w("button", {
+                e.withCloseIcon ? (c(), C("button", {
                   key: 0,
                   id: "close-icon-btn",
                   "data-cy": "bbt-default-close-icon-btn",
-                  class: o(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent uikit-p-5px", e.closeIconBtnClasses]),
+                  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] = K((b) => i.value = !1, ["prevent", "stop"]))
+                  onClick: n[0] || (n[0] = U((b) => a.value = !1, ["prevent", "stop"]))
                 }, [
-                  y(N(A), {
-                    class: o(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
+                  y(V(P), {
+                    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)) : C("", !0),
-                d(t.$slots, "header", { closeModal: a }, () => [
+                ], 2)) : w("", !0),
+                d(t.$slots, "header", { closeModal: o }, () => [
                   l("span", {
-                    class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
+                    class: i(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
                     innerHTML: e.headerTitle
-                  }, null, 10, P)
+                  }, null, 10, G)
                 ])
               ], 2),
               l("div", {
-                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]])
+                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 })
+                d(t.$slots, "body", { closeModal: o })
               ], 2),
-              t.$slots.footer ? (c(), w("div", {
+              t.$slots.footer ? (c(), C("div", {
                 key: 0,
-                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])
+                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)) : C("", !0),
+                d(t.$slots, "footer", { closeModal: o })
+              ], 2)) : w("", !0),
               d(t.$slots, "fixed-bottom")
-            ], 42, G)
+            ], 42, R)
           ], 34), [
-            [S, i.value]
+            [A, a.value]
           ])
         ]),
         _: 3
@@ -170,5 +163,5 @@ const G = ["id", "data-cy"], P = ["innerHTML"], q = /* @__PURE__ */ D({
   }
 });
 export {
-  q as default
+  J as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.4.1-alpha.4",
+  "version": "2.4.1-alpha.5",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",