@wikicasa-dev/components 2.1.24-alpha.5 → 2.1.24-alpha.6

package/dist/UIKit/BaseSnackbar.d.ts

@@ -9,8 +9,10 @@ export type SnackbarProps = {
     /**
      * Vue native teleport component prop :to
      * @see https://vuejs.org/guide/built-ins/teleport.html#basic-usage
+     *
+     * If false, the viewport won't use the teleport feature.
      */
-    to?: ToastPortalProps["to"];
+    to?: string | false | ToastPortalProps["to"];
     dataCy?: string;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{

package/dist/assets/lib/UIKit/BaseSnackbar.css

@@ -1 +1 @@
-.uikit-alert-viewport{--uikit-alert-viewport-padding: 0px;padding:var(--uikit-alert-viewport-padding)}.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #f20003}.uikit-alert.uikit-alert-w-darkblue{--uikit-alert-bg-color: #2a3761;--uikit-alert-text-color: #fff}.toast-root{will-change:animation,transform,opacity}.toast-root[data-state=open]{animation:slideLeft .1s ease-out}.toast-root[data-state=closed]{animation:slideRight .1s ease-out}.toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.toast-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.toast-root[data-swipe=end]{animation:slideRight .1s ease-out}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}}@keyframes slideRight{0%{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}to{transform:translate(100%);opacity:0}}
+.uikit-alert-viewport{--uikit-alert-viewport-padding: 0px;--uikit-alert-viewport-position: absolute;--uikit-alert-viewport-top: 0px;--uikit-alert-viewport-right: 0px;--uikit-alert-viewport-bottom: 0px;--uikit-alert-viewport-left: 0px;padding:var(--uikit-alert-viewport-padding);position:var(--uikit-alert-viewport-position);inset:var(--uikit-alert-viewport-top) var(--uikit-alert-viewport-right) var(--uikit-alert-viewport-bottom) var(--uikit-alert-viewport-left)}.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #f20003}.uikit-alert.uikit-alert-w-darkblue{--uikit-alert-bg-color: #2a3761;--uikit-alert-text-color: #fff}.toast-root{will-change:animation,transform,opacity}.toast-root[data-state=open]{animation:slideLeft .1s ease-out}.toast-root[data-state=closed]{animation:slideRight .1s ease-out}.toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.toast-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.toast-root[data-swipe=end]{animation:slideRight .1s ease-out}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}}@keyframes slideRight{0%{transform:translate(var(--reka-toast-swipe-end-x));opacity:1}to{transform:translate(100%);opacity:0}}

package/dist/lazyModules/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { default as p } from "../../node_modules/swiper/modules/autoplay.js";
-import '../../assets/node_modules/swiper/modules/keyboard.css';/* empty css                                             */
+import '../../assets/node_modules/swiper/modules/thumbs.css';/* empty css                                             */
 export {
   p as Autoplay
 };

package/dist/lazyModules/Swiper/controller.js

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

package/dist/lazyModules/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { default as e } from "../../node_modules/swiper/modules/keyboard.js";
-import '../../assets/node_modules/swiper/modules/keyboard.css';/* empty css                                             */
+import '../../assets/node_modules/swiper/modules/thumbs.css';/* empty css                                             */
 export {
   e as Keyboard
 };

package/dist/lazyModules/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { default as t } from "../../node_modules/swiper/modules/thumbs.js";
-import '../../assets/node_modules/swiper/modules/keyboard.css';/* empty css                                           */
+import '../../assets/node_modules/swiper/modules/thumbs.css';/* empty css                                           */
 export {
   t as Thumbs
 };

package/dist/lib/UIKit/BaseSnackbar.vue.js

@@ -1,75 +1,75 @@
-import { defineComponent as T, mergeModels as g, useModel as h, ref as w, watch as x, nextTick as y, createBlock as f, openBlock as m, unref as t, withCtx as a, renderSlot as n, createVNode as i, normalizeClass as C, createCommentVNode as b, normalizeStyle as I } from "vue";
-import { CloseIcon as V } from "../../node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
+import { defineComponent as x, mergeModels as y, useModel as T, ref as g, watch as h, nextTick as C, createBlock as n, openBlock as d, unref as t, withCtx as a, renderSlot as k, createVNode as l, normalizeClass as b, createCommentVNode as I, normalizeStyle as V } from "vue";
+import { CloseIcon as $ } from "../../node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
 import "../../node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
-import { ToastProvider as $, ToastRoot as P, ToastTitle as z, ToastDescription as B, ToastClose as D, ToastAction as M, ProgressRoot as S, ProgressIndicator as j, ToastPortal as A, ToastViewport as N } from "reka-ui";
-const q = /* @__PURE__ */ T({
+import { ToastProvider as B, ToastRoot as P, ToastTitle as z, ToastDescription as D, ToastClose as M, ToastAction as S, ProgressRoot as j, ProgressIndicator as A, ToastPortal as N, ToastViewport as c } from "reka-ui";
+const q = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "BaseSnackbar",
-  props: /* @__PURE__ */ g({
+  props: /* @__PURE__ */ y({
     alertClass: { default: "primary" },
     duration: { default: 3e3 },
-    to: { default: "body" },
+    to: { type: [String, Boolean], default: "body" },
     dataCy: { default: "" }
   }, {
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
   emits: ["update:open"],
-  setup(o) {
-    const r = h(o, "open"), l = w(0);
-    let d, k;
-    const c = (e = 3e3) => {
-      l.value = 0;
+  setup(i) {
+    const r = T(i, "open"), o = g(0);
+    let f, m;
+    const p = (e = 3e3) => {
+      o.value = 0;
       const u = Date.now();
-      k = setInterval(() => {
-        const v = Date.now() - u;
-        l.value = Math.min(100, v / e * 100), l.value >= 100 && clearInterval(k);
+      m = setInterval(() => {
+        const w = Date.now() - u;
+        o.value = Math.min(100, w / e * 100), o.value >= 100 && clearInterval(m);
       }, 30);
-    }, p = () => {
-      clearTimeout(d), d = setTimeout(() => {
+    }, v = () => {
+      clearTimeout(f), f = setTimeout(() => {
         r.value = !1;
-      }, o.duration), c(o.duration);
+      }, i.duration), p(i.duration);
     };
-    return x(
+    return h(
       r,
       (e) => {
-        y(() => {
+        C(() => {
           if (e) {
-            p();
+            v();
             return;
           }
-          clearInterval(k), clearTimeout(d), l.value = 0;
+          clearInterval(m), clearTimeout(f), o.value = 0;
         });
       },
       { immediate: !0 }
-    ), (e, u) => (m(), f(t($), null, {
+    ), (e, u) => (d(), n(t(B), null, {
       default: a(() => [
-        n(e.$slots, "trigger", {
+        k(e.$slots, "trigger", {
           open: () => r.value = !0
         }),
-        i(t(P), {
+        l(t(P), {
           open: r.value,
           "onUpdate:open": u[1] || (u[1] = (s) => r.value = s),
-          duration: o.duration,
-          class: C(["toast-root uikit-shadow-surface uikit-relative uikit-flex uikit-gap-[8px] uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${o.alertClass}`]]),
-          "data-cy": o.dataCy
+          duration: i.duration,
+          class: b(["toast-root uikit-relative uikit-flex uikit-gap-[8px] uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${i.alertClass}`]]),
+          "data-cy": i.dataCy
         }, {
           default: a(() => [
-            e.$slots.title ? (m(), f(t(z), {
+            e.$slots.title ? (d(), n(t(z), {
               key: 0,
               "as-child": ""
             }, {
               default: a(() => [
-                n(e.$slots, "title")
+                k(e.$slots, "title")
               ]),
               _: 3
-            })) : b("", !0),
-            i(t(B), { "as-child": "" }, {
+            })) : I("", !0),
+            l(t(D), { "as-child": "" }, {
               default: a(() => [
-                n(e.$slots, "default"),
-                i(t(D), { class: "uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]" }, {
+                k(e.$slots, "default"),
+                l(t(M), { class: "uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]" }, {
                   default: a(() => [
-                    i(t(V), {
+                    l(t($), {
                       width: 12,
                       height: 12,
                       "stroke-color": "#fff"
@@ -80,25 +80,25 @@ const q = /* @__PURE__ */ T({
               ]),
               _: 3
             }),
-            i(t(M), {
+            l(t(S), {
               class: "[grid-area:_action]",
               "as-child": "",
               "alt-text": "Goto schedule to undo"
             }, {
               default: a(() => [
-                n(e.$slots, "toast-action")
+                k(e.$slots, "toast-action")
               ]),
               _: 3
             }),
-            i(t(S), {
-              modelValue: l.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (s) => l.value = s),
+            l(t(j), {
+              modelValue: o.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (s) => o.value = s),
               class: "uikit-absolute uikit-bottom-0 uikit-left-0 uikit-h-[4px] uikit-w-full uikit-overflow-hidden"
             }, {
               default: a(() => [
-                i(t(j), {
+                l(t(A), {
                   class: "uikit-relative uikit-block uikit-size-full uikit-bg-[#2b5dff] uikit-transition-transform uikit-duration-75 uikit-will-change-transform",
-                  style: I(`transform: translateX(-${100 - l.value}%)`)
+                  style: V(`transform: translateX(-${100 - o.value}%)`)
                 }, null, 8, ["style"])
               ]),
               _: 1
@@ -106,12 +106,18 @@ const q = /* @__PURE__ */ T({
           ]),
           _: 3
         }, 8, ["open", "duration", "class", "data-cy"]),
-        i(t(A), { to: o.to }, {
+        i.to ? (d(), n(t(N), {
+          key: 0,
+          to: i.to
+        }, {
           default: a(() => [
-            i(t(N), { class: "uikit-alert-viewport uikit-fixed uikit-bottom-0 uikit-right-0 uikit-m-0 uikit-flex uikit-w-full uikit-list-none uikit-flex-col uikit-items-end uikit-justify-end uikit-gap-[8px]" })
+            l(t(c), { class: "uikit-alert-viewport uikit-m-0 uikit-flex uikit-w-full uikit-list-none uikit-flex-col uikit-items-end uikit-justify-end uikit-gap-[8px]" })
           ]),
           _: 1
-        }, 8, ["to"])
+        }, 8, ["to"])) : (d(), n(t(c), {
+          key: 1,
+          class: "uikit-alert-viewport uikit-m-0 uikit-flex uikit-w-full uikit-list-none uikit-flex-col uikit-items-end uikit-justify-end uikit-gap-[8px]"
+        }))
       ]),
       _: 3
     }));

package/package.json

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