@wikicasa-dev/components 2.1.24-alpha.9 → 2.1.25-alpha.0

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

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

package/dist/lib/components/IntersectionObserver/IntersectionObserver.vue.js

@@ -1,52 +0,0 @@
-import { defineComponent as d, reactive as p, ref as m, onBeforeMount as h, onBeforeUnmount as V, createElementBlock as k, renderSlot as l, unref as t, openBlock as B, normalizeClass as O } from "vue";
-const E = /* @__PURE__ */ d({
-  __name: "IntersectionObserver",
-  props: {
-    observeOnce: { type: Boolean, default: !0 },
-    skip: { type: Boolean, default: !1 },
-    threshold: { default: 0 }
-  },
-  emits: ["intersection"],
-  setup(a, { emit: u }) {
-    const c = u, o = a;
-    let r = p({ root: null, isVisible: !1 });
-    const e = m(null), v = (s) => {
-      s.forEach(({ target: n, isIntersecting: i }) => {
-        i && (r.isVisible = !0, c("intersection")), o.observeOnce && i && b(n);
-      });
-    }, b = (s) => {
-      e.value && e.value.unobserve(s);
-    }, f = () => {
-      e.value && e.value.disconnect();
-    };
-    return h(() => {
-      if (o.skip) {
-        r.isVisible = !0;
-        return;
-      }
-      e.value = new IntersectionObserver(v, {
-        root: null,
-        //if the root is null, then we will check if the target is visible in the doc root!
-        threshold: o.threshold
-      });
-    }), V(() => {
-      f();
-    }), (s, n) => t(r).isVisible ? l(s.$slots, "observer", {
-      key: 1,
-      observer: e.value,
-      isVisible: t(r).isVisible
-    }) : (B(), k("div", {
-      key: 0,
-      ref: "root",
-      class: O(s.$attrs["root-classes"])
-    }, [
-      l(s.$slots, "observer", {
-        observer: e.value,
-        isVisible: t(r).isVisible
-      })
-    ], 2));
-  }
-});
-export {
-  E as default
-};

package/dist/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js

@@ -1,41 +0,0 @@
-import { ref as f, onMounted as p, onUnmounted as m, unref as w } from "vue";
-const D = (o) => {
-  const { isDropdownOpen: t, disableSpaceHandler: k } = o, n = f(-1), a = f(-1);
-  if (!(o.activate === void 0 || o.activate)) return { activeIdx: n, selectedIdx: a };
-  const r = (e) => {
-    const u = "ArrowUp", d = "ArrowDown", v = "Enter", s = "Escape", i = "PageUp", c = "Home", y = "PageDown";
-    if (!t.value || ![
-      u,
-      d,
-      v,
-      s,
-      " ",
-      i,
-      c,
-      y,
-      "End"
-    ].includes(e.key))
-      return;
-    const l = w(o.optionsLength);
-    if (e.key === u)
-      n.value = n.value === 0 ? l - 1 : n.value - 1;
-    else if (e.key === d)
-      n.value = (n.value + 1) % l;
-    else if (e.key === v || e.key === " ") {
-      if (e.key === " " && k) return;
-      a.value = n.value, t.value = !1;
-    } else e.key === s ? (n.value = a.value, t.value = !1) : e.key === i || e.key === c ? n.value = 0 : (e.key === y || e.key === "End") && (n.value = l - 1);
-    e.stopPropagation(), e.preventDefault();
-  };
-  return p(() => {
-    document && document.addEventListener("keydown", r);
-  }), m(() => {
-    document && document.removeEventListener("keydown", r);
-  }), {
-    activeIdx: n,
-    selectedIdx: a
-  };
-};
-export {
-  D as useKeyboardController
-};