mediacube-ui-v2 0.0.263 → 0.0.266

package/dist/components/templates/McDrawer/McDrawerContainer.vue2.js

@@ -1,5 +1,6 @@
-import { defineComponent as S, defineAsyncComponent as m, computed as v, onMounted as g, onBeforeUnmount as x, openBlock as a, createElementBlock as f, normalizeStyle as D, Fragment as V, renderList as b, createBlock as d, unref as y, mergeProps as _, withCtx as i, Suspense as k, createVNode as M, resolveDynamicComponent as E } from "vue";
-const B = /* @__PURE__ */ S({
+import { defineComponent as h, defineAsyncComponent as C, computed as m, onMounted as P, onBeforeUnmount as g, openBlock as a, createElementBlock as v, normalizeStyle as S, Fragment as x, renderList as V, createBlock as d, unref as b, mergeProps as f, withCtx as i, Suspense as k, createVNode as D, resolveDynamicComponent as E } from "vue";
+import I from "./McDrawerSafeComponent.vue.js";
+const O = /* @__PURE__ */ h({
   __name: "McDrawerContainer",
   props: {
     drawerServiceState: {
@@ -19,8 +20,8 @@ const B = /* @__PURE__ */ S({
       default: () => ({})
     }
   },
-  setup(w) {
-    const h = m(() => import("./McDrawerSafeComponent.vue.js")), C = m(() => import("./McDrawer.vue.js")), r = w, n = v(() => r.reactiveProps.drawers.map((o, t) => {
+  setup(_) {
+    const y = C(() => import("./McDrawer.vue.js")), r = _, n = m(() => r.reactiveProps.drawers.map((o, t) => {
       const e = r.reactiveProps.drawers.length - 1 - t, s = Math.min(e, r.drawersMaxInCascade - 1), c = r.reactiveProps.drawers.findLastIndex(
         // @ts-ignore
         // eslint-disable-next-line no-prototype-builtins
@@ -33,7 +34,7 @@ const B = /* @__PURE__ */ S({
         indent: s * r.drawersCascadeIndent,
         can_show_overlay: t === c
       };
-    })), P = v(() => ({
+    })), w = m(() => ({
       zIndex: r.reactiveProps.drawers.length ? 10004 : -1,
       visibility: r.reactiveProps.drawers.length ? "visible" : "hidden"
     })), l = (o) => {
@@ -47,15 +48,15 @@ const B = /* @__PURE__ */ S({
         t.close();
       }
     };
-    return g(() => {
+    return P(() => {
       document.addEventListener("keyup", u);
-    }), x(() => {
+    }), g(() => {
       document.removeEventListener("keyup", u);
-    }), (o, t) => (a(), f("div", {
+    }), (o, t) => (a(), v("div", {
       class: "mc-drawer-container",
-      style: D(P.value)
+      style: S(w.value)
     }, [
-      (a(!0), f(V, null, b(n.value, (e, s) => (a(), d(y(C), _({
+      (a(!0), v(x, null, V(n.value, (e, s) => (a(), d(b(y), f({
         key: e.id,
         modelValue: e.modelValue,
         "onUpdate:modelValue": (c) => e.modelValue = c
@@ -68,11 +69,11 @@ const B = /* @__PURE__ */ S({
         default: i(() => [
           (a(), d(k, null, {
             default: i(() => [
-              M(y(h), {
+              D(I, {
                 onErrorCaptured: () => l(e)
               }, {
                 default: i(() => [
-                  (a(), d(E(e.component), _({ ref_for: !0 }, e.componentProps, {
+                  (a(), d(E(e.component), f({ ref_for: !0 }, e.componentProps, {
                     onCloseDrawer: () => l(e)
                   }), null, 16, ["onCloseDrawer"]))
                 ]),
@@ -88,5 +89,5 @@ const B = /* @__PURE__ */ S({
   }
 });
 export {
-  B as default
+  O as default
 };

package/dist/components/templates/McDrawer/McDrawerSafeComponent.vue.js

@@ -1,4 +1,12 @@
-import f from "./McDrawerSafeComponent.vue2.js";
+import { defineComponent as o, onErrorCaptured as n, renderSlot as a } from "vue";
+const m = /* @__PURE__ */ o({
+  __name: "McDrawerSafeComponent",
+  emits: ["error-captured"],
+  setup(s, { emit: e }) {
+    const t = e;
+    return n((r) => (console.error(r), t("error-captured"), !1)), (r, p) => a(r.$slots, "default");
+  }
+});
 export {
-  f as default
+  m as default
 };

package/dist/components/templates/McDrawer/McDrawerSafeComponent.vue2.js

@@ -1,12 +1,4 @@
-import { defineComponent as o, onErrorCaptured as n, renderSlot as a } from "vue";
-const m = /* @__PURE__ */ o({
-  __name: "McDrawerSafeComponent",
-  emits: ["error-captured"],
-  setup(s, { emit: e }) {
-    const t = e;
-    return n((r) => (console.error(r), t("error-captured"), !1)), (r, p) => a(r.$slots, "default");
-  }
-});
+import f from "./McDrawerSafeComponent.vue.js";
 export {
-  m as default
+  f as default
 };

package/dist/components/templates/McModal/McModalContainer.vue2.js

@@ -1,5 +1,6 @@
-import { defineComponent as v, defineAsyncComponent as y, computed as C, onMounted as k, watch as h, onBeforeUnmount as P, openBlock as r, createElementBlock as c, normalizeStyle as _, Fragment as S, renderList as B, createBlock as d, Suspense as V, withCtx as i, createVNode as g, unref as w, resolveDynamicComponent as E, mergeProps as b } from "vue";
-const M = ["onClose"], x = /* @__PURE__ */ v({
+import { defineComponent as v, computed as f, onMounted as y, watch as k, onBeforeUnmount as C, openBlock as r, createElementBlock as c, normalizeStyle as _, Fragment as h, renderList as P, createBlock as d, Suspense as S, withCtx as i, createVNode as B, resolveDynamicComponent as V, mergeProps as g } from "vue";
+import w from "./McModalSafeComponent.vue.js";
+const E = ["onClose"], x = /* @__PURE__ */ v({
   __name: "McModalContainer",
   props: {
     modalServiceState: {
@@ -12,7 +13,7 @@ const M = ["onClose"], x = /* @__PURE__ */ v({
     }
   },
   setup(p) {
-    const m = y(() => import("../McDrawer/McDrawerSafeComponent.vue.js")), t = p, u = C(() => ({
+    const t = p, m = f(() => ({
       zIndex: t.reactiveProps.modals.length ? 99999 : -1,
       visibility: t.reactiveProps.modals.length ? "visible" : "hidden"
     })), l = (o) => {
@@ -26,32 +27,32 @@ const M = ["onClose"], x = /* @__PURE__ */ v({
         if (!(!e?.componentProps?.hasOwnProperty("clickBackdropToClose") || e?.componentProps?.clickBackdropToClose)) return;
         e.close();
       }
-    }, f = (o) => {
+    }, u = (o) => {
       typeof window > "u" || (document.body.style.overflow = o ? "hidden" : "");
     };
-    return k(() => {
-      document.addEventListener("keyup", s), h(
+    return y(() => {
+      document.addEventListener("keyup", s), k(
         () => t.reactiveProps.modals.length,
-        (o) => f(!!o),
+        (o) => u(!!o),
         { immediate: !0 }
       );
-    }), P(() => {
+    }), C(() => {
       document.removeEventListener("keyup", s);
     }), (o, n) => (r(), c("div", {
       class: "mc-modal-container",
-      style: _(u.value)
+      style: _(m.value)
     }, [
-      (r(!0), c(S, null, B(t.reactiveProps.modals, (e) => (r(), c("div", {
+      (r(!0), c(h, null, P(t.reactiveProps.modals, (e) => (r(), c("div", {
         key: e.id,
         onClose: () => l(e)
       }, [
-        (r(), d(V, null, {
+        (r(), d(S, null, {
           default: i(() => [
-            g(w(m), {
+            B(w, {
               onErrorCaptured: () => l(e)
             }, {
               default: i(() => [
-                (r(), d(E(e.component), b({
+                (r(), d(V(e.component), g({
                   modelValue: e.modelValue,
                   "onUpdate:modelValue": (a) => e.modelValue = a
                 }, { ref_for: !0 }, e.componentProps, {
@@ -63,7 +64,7 @@ const M = ["onClose"], x = /* @__PURE__ */ v({
           ]),
           _: 2
         }, 1024))
-      ], 40, M))), 128))
+      ], 40, E))), 128))
     ], 4));
   }
 });

package/dist/components/templates/McModal/McModalSafeComponent.vue.js

@@ -0,0 +1,12 @@
+import { defineComponent as t, onErrorCaptured as n, renderSlot as a } from "vue";
+const m = /* @__PURE__ */ t({
+  __name: "McModalSafeComponent",
+  emits: ["error-captured"],
+  setup(s, { emit: r }) {
+    const o = r;
+    return n((e) => (console.error(e), o("error-captured"), !1)), (e, p) => a(e.$slots, "default");
+  }
+});
+export {
+  m as default
+};

package/dist/components/templates/McModal/McModalSafeComponent.vue2.js

@@ -0,0 +1,4 @@
+import f from "./McModalSafeComponent.vue.js";
+export {
+  f as default
+};

package/dist/components/templates/McToast/McToastContainer.vue.js

@@ -1,5 +1,89 @@
-import o from "./McToastContainer.vue2.js";
-import '../../../assets/components/templates/McToast/McToastContainer.css';/* empty css                      */
+import { defineComponent as P, defineAsyncComponent as B, computed as c, openBlock as t, createElementBlock as n, Fragment as i, renderList as a, createBlock as u, unref as _, mergeProps as d, createCommentVNode as m } from "vue";
+import { ToastPositions as p } from "../../../enums/Toast2.js";
+const T = { class: "mc-toasts-container" }, $ = {
+  key: 0,
+  class: "mc-toasts-container__top mc-toasts-container__top--left"
+}, L = {
+  key: 1,
+  class: "mc-toasts-container__top mc-toasts-container__top--center"
+}, R = {
+  key: 2,
+  class: "mc-toasts-container__top mc-toasts-container__top--right"
+}, x = {
+  key: 3,
+  class: "mc-toasts-container__bottom mc-toasts-container__bottom--left"
+}, M = {
+  key: 4,
+  class: "mc-toasts-container__bottom mc-toasts-container__bottom--center"
+}, j = {
+  key: 5,
+  class: "mc-toasts-container__bottom mc-toasts-container__bottom--right"
+}, N = /* @__PURE__ */ P({
+  __name: "McToastContainer",
+  props: {
+    reactiveProps: {
+      type: Object,
+      default: () => ({
+        toasts: []
+      })
+    }
+  },
+  setup(b) {
+    const r = B(() => import("./McToast.vue.js")), s = b, f = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.TopLeft).reverse()), C = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.TopCenter).reverse()), h = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.TopRight).reverse()), k = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.BottomLeft)), y = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.BottomCenter)), g = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.BottomRight)), l = (o) => {
+      o.close();
+    };
+    return (o, A) => (t(), n("div", T, [
+      f.value.length ? (t(), n("div", $, [
+        (t(!0), n(i, null, a(f.value, (e) => (t(), u(_(r), d({
+          key: e.id
+        }, { ref_for: !0 }, e, {
+          toast: e,
+          onClosed: (v) => l(e)
+        }), null, 16, ["toast", "onClosed"]))), 128))
+      ])) : m("", !0),
+      C.value.length ? (t(), n("div", L, [
+        (t(!0), n(i, null, a(C.value, (e) => (t(), u(_(r), d({
+          key: e.id
+        }, { ref_for: !0 }, e, {
+          toast: e,
+          onClosed: (v) => l(e)
+        }), null, 16, ["toast", "onClosed"]))), 128))
+      ])) : m("", !0),
+      h.value.length ? (t(), n("div", R, [
+        (t(!0), n(i, null, a(h.value, (e) => (t(), u(_(r), d({
+          key: e.id
+        }, { ref_for: !0 }, e, {
+          toast: e,
+          onClosed: (v) => l(e)
+        }), null, 16, ["toast", "onClosed"]))), 128))
+      ])) : m("", !0),
+      k.value.length ? (t(), n("div", x, [
+        (t(!0), n(i, null, a(k.value, (e) => (t(), u(_(r), d({
+          key: e.id
+        }, { ref_for: !0 }, e, {
+          toast: e,
+          onClosed: (v) => l(e)
+        }), null, 16, ["toast", "onClosed"]))), 128))
+      ])) : m("", !0),
+      y.value.length ? (t(), n("div", M, [
+        (t(!0), n(i, null, a(y.value, (e) => (t(), u(_(r), d({
+          key: e.id
+        }, { ref_for: !0 }, e, {
+          toast: e,
+          onClosed: (v) => l(e)
+        }), null, 16, ["toast", "onClosed"]))), 128))
+      ])) : m("", !0),
+      g.value.length ? (t(), n("div", j, [
+        (t(!0), n(i, null, a(g.value, (e) => (t(), u(_(r), d({
+          key: e.id
+        }, { ref_for: !0 }, e, {
+          toast: e,
+          onClosed: (v) => l(e)
+        }), null, 16, ["toast", "onClosed"]))), 128))
+      ])) : m("", !0)
+    ]));
+  }
+});
 export {
-  o as default
+  N as default
 };

package/dist/components/templates/McToast/McToastContainer.vue3.js

@@ -0,0 +1,5 @@
+import o from "./McToastContainer.vue.js";
+import '../../../assets/components/templates/McToast/McToastContainer.css';/* empty css                      */
+export {
+  o as default
+};

package/dist/composables/useModal.js

@@ -1,18 +1,20 @@
-import { defineAsyncComponent as u, reactive as f, shallowRef as v, inject as h, markRaw as S, h as O, render as g } from "vue";
-import { getStoredAppContext as p } from "../storedAppContext.js";
+import { reactive as u, shallowRef as M, inject as v, markRaw as h, defineAsyncComponent as S, h as O, render as g } from "vue";
+import { getStoredAppContext as f } from "../storedAppContext.js";
 import { useHelper as y } from "./useHelper2.js";
-const E = u(() => import("../components/templates/McModal/McModalContainer.vue.js")), i = y(), d = {}, a = f({
+import E from "../components/templates/McModal/McModalContainer.vue2.js";
+import '../assets/components/templates/McModal/McModalContainer.css';/* empty css                                                    */
+const i = y(), d = {}, a = u({
   isOpen: !1,
   activeModal: null,
   closeServiceState: () => {
     a.isOpen = !1, e.modals = [];
   }
-}), C = v({}), e = f({ modals: [] }), w = { name: "McModalAsyncError", render: () => null }, A = (o) => {
+}), p = M({}), e = u({ modals: [] }), w = { name: "McModalAsyncError", render: () => null }, A = (o) => {
   if (!o) return o;
   const t = o.toString();
   if (d[t]) return d[t];
   let l = o;
-  return typeof o == "function" && (l = u({
+  return typeof o == "function" && (l = S({
     loader: () => {
       const n = o();
       return n != null && typeof n.then == "function" ? n : Promise.resolve(n);
@@ -32,11 +34,11 @@ const E = u(() => import("../components/templates/McModal/McModalContainer.vue.j
     modalServiceState: a,
     reactiveProps: e
   });
-  t.appContext = p(), g(t, o);
+  t.appContext = f(), g(t, o);
 }, R = () => {
-  p() && x();
-}, L = (o, t = {}) => {
-  const l = C.value[o];
+  f() && x();
+}, _ = (o, t = {}) => {
+  const l = p.value[o];
   if (!l)
     return console.warn(`Modal ${o} not registered`);
   R();
@@ -45,8 +47,8 @@ const E = u(() => import("../components/templates/McModal/McModalContainer.vue.j
     n.modelValue = !0, a.activeModal = n;
     return;
   }
-  const M = S(A(l)), c = o, m = {
-    component: M,
+  const C = h(A(l)), c = o, m = {
+    component: C,
     componentName: o,
     componentProps: t,
     modelValue: !0,
@@ -59,19 +61,19 @@ const E = u(() => import("../components/templates/McModal/McModalContainer.vue.j
     }
   };
   e.modals.push(m), a.isOpen = !0, a.activeModal = m;
-}, V = (o) => {
+}, L = (o) => {
   (i.findLastSafe(e.modals, (l) => l.componentName === o) || e.modals[e.modals.length - 1])?.close();
-}, P = () => {
+}, V = () => {
   e.modals.forEach((o) => o.close());
 };
-function j() {
-  const o = h("dsOptions", {});
-  return o.modalComponents && (C.value = o.modalComponents), {
-    showModal: L,
-    closeModal: V,
-    closeAllModals: P
+function z() {
+  const o = v("dsOptions", {});
+  return o.modalComponents && (p.value = o.modalComponents), {
+    showModal: _,
+    closeModal: L,
+    closeAllModals: V
   };
 }
 export {
-  j as useModal
+  z as useModal
 };

package/dist/composables/useToast.js

@@ -1,14 +1,16 @@
-import { useRandomNumber as E } from "./useRandomNumber2.js";
-import { defineAsyncComponent as y, ref as w, shallowRef as b, reactive as O, inject as x, h as A, render as B } from "vue";
-import { ToastPositions as P } from "../enums/Toast2.js";
-import { useTheme as R } from "./useTheme2.js";
-const _ = y(() => import("../components/templates/McToast/McToastContainer.vue.js")), e = {
-  position: P.BottomCenter,
+import { useRandomNumber as C } from "./useRandomNumber2.js";
+import { ref as w, shallowRef as y, reactive as b, inject as O, h as _, render as x } from "vue";
+import { ToastPositions as B } from "../enums/Toast2.js";
+import { useTheme as P } from "./useTheme2.js";
+import R from "../components/templates/McToast/McToastContainer.vue.js";
+import '../assets/components/templates/McToast/McToastContainer.css';/* empty css                                                    */
+const e = {
+  position: B.BottomCenter,
   duration: 3e3
-}, r = w({}), a = b({
+}, r = w({}), a = y({
   duration: e.duration,
   position: e.position
-}), i = O({
+}), i = b({
   toasts: []
 });
 class c {
@@ -35,10 +37,10 @@ class c {
     closable: p,
     show_time: f,
     actions: v = [],
-    onClose: C,
+    onClose: E,
     onTimeEnd: T
   }) {
-    this.id = o || E().timestamp(5), this.duration = s || a.value.duration || e.duration, this.position = n || a.value.position || e.position, this.variation = m, this.icon = u, this.title = l, this.description = h, this.closable = p || !1, this.show_time = f || !1, this.actions = v, this.onClose = C, this.onTimeEnd = T;
+    this.id = o || C().timestamp(5), this.duration = s || a.value.duration || e.duration, this.position = n || a.value.position || e.position, this.variation = m, this.icon = u, this.title = l, this.description = h, this.closable = p || !1, this.show_time = f || !1, this.actions = v, this.onClose = E, this.onTimeEnd = T;
   }
   destroy = () => {
     i.toasts = i.toasts.filter((o) => o.id !== this.id);
@@ -63,22 +65,22 @@ function j(t) {
 function k() {
   i.toasts.forEach((t) => t.destroy());
 }
-const D = () => {
+const A = () => {
   const t = document.createElement("div");
   t.id = "toast-container", document.body.appendChild(t);
-  const o = A(_, { reactiveProps: i });
-  B(o, t);
+  const o = _(R, { reactiveProps: i });
+  x(o, t);
 }, d = () => {
-  document.getElementById("toast-container") || D();
+  document.getElementById("toast-container") || A();
 };
-function F() {
-  const t = x("dsOptions", {});
-  return r.value = R("toast"), t.toasts && (a.value = t.toasts), {
+function G() {
+  const t = O("dsOptions", {});
+  return r.value = P("toast"), t.toasts && (a.value = t.toasts), {
     show: g,
     info: j,
     hideAll: k
   };
 }
 export {
-  F as useToast
+  G as useToast
 };

package/dist/types/components/templates/McModal/McModalSafeComponent.vue.d.ts

@@ -0,0 +1,13 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "error-captured": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    "onError-captured"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui-v2",
-  "version": "0.0.263",
+  "version": "0.0.266",
   "license": "MIT",
   "description": "Design system for Mediacube services",
   "sideEffects": [
@@ -87,6 +87,7 @@
       "import": "./dist/utils/*.js",
       "default": "./dist/utils/*.js"
     },
+    "./consts/*": "./dist/consts/*.js",
     "./iconsSprite.svg": "./dist/iconsSprite.svg",
     "./iconsSpriteFlags.svg": "./dist/iconsSpriteFlags.svg",
     "./iconsSpriteGrads.svg": "./dist/iconsSpriteGrads.svg",

package/dist/components/templates/McToast/McToastContainer.vue2.js

@@ -1,89 +0,0 @@
-import { defineComponent as P, defineAsyncComponent as B, computed as c, openBlock as t, createElementBlock as n, Fragment as i, renderList as a, createBlock as u, unref as _, mergeProps as d, createCommentVNode as m } from "vue";
-import { ToastPositions as p } from "../../../enums/Toast2.js";
-const T = { class: "mc-toasts-container" }, $ = {
-  key: 0,
-  class: "mc-toasts-container__top mc-toasts-container__top--left"
-}, L = {
-  key: 1,
-  class: "mc-toasts-container__top mc-toasts-container__top--center"
-}, R = {
-  key: 2,
-  class: "mc-toasts-container__top mc-toasts-container__top--right"
-}, x = {
-  key: 3,
-  class: "mc-toasts-container__bottom mc-toasts-container__bottom--left"
-}, M = {
-  key: 4,
-  class: "mc-toasts-container__bottom mc-toasts-container__bottom--center"
-}, j = {
-  key: 5,
-  class: "mc-toasts-container__bottom mc-toasts-container__bottom--right"
-}, N = /* @__PURE__ */ P({
-  __name: "McToastContainer",
-  props: {
-    reactiveProps: {
-      type: Object,
-      default: () => ({
-        toasts: []
-      })
-    }
-  },
-  setup(b) {
-    const r = B(() => import("./McToast.vue.js")), s = b, f = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.TopLeft).reverse()), C = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.TopCenter).reverse()), h = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.TopRight).reverse()), k = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.BottomLeft)), y = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.BottomCenter)), g = c(() => s.reactiveProps.toasts.filter((o) => o.position === p.BottomRight)), l = (o) => {
-      o.close();
-    };
-    return (o, A) => (t(), n("div", T, [
-      f.value.length ? (t(), n("div", $, [
-        (t(!0), n(i, null, a(f.value, (e) => (t(), u(_(r), d({
-          key: e.id
-        }, { ref_for: !0 }, e, {
-          toast: e,
-          onClosed: (v) => l(e)
-        }), null, 16, ["toast", "onClosed"]))), 128))
-      ])) : m("", !0),
-      C.value.length ? (t(), n("div", L, [
-        (t(!0), n(i, null, a(C.value, (e) => (t(), u(_(r), d({
-          key: e.id
-        }, { ref_for: !0 }, e, {
-          toast: e,
-          onClosed: (v) => l(e)
-        }), null, 16, ["toast", "onClosed"]))), 128))
-      ])) : m("", !0),
-      h.value.length ? (t(), n("div", R, [
-        (t(!0), n(i, null, a(h.value, (e) => (t(), u(_(r), d({
-          key: e.id
-        }, { ref_for: !0 }, e, {
-          toast: e,
-          onClosed: (v) => l(e)
-        }), null, 16, ["toast", "onClosed"]))), 128))
-      ])) : m("", !0),
-      k.value.length ? (t(), n("div", x, [
-        (t(!0), n(i, null, a(k.value, (e) => (t(), u(_(r), d({
-          key: e.id
-        }, { ref_for: !0 }, e, {
-          toast: e,
-          onClosed: (v) => l(e)
-        }), null, 16, ["toast", "onClosed"]))), 128))
-      ])) : m("", !0),
-      y.value.length ? (t(), n("div", M, [
-        (t(!0), n(i, null, a(y.value, (e) => (t(), u(_(r), d({
-          key: e.id
-        }, { ref_for: !0 }, e, {
-          toast: e,
-          onClosed: (v) => l(e)
-        }), null, 16, ["toast", "onClosed"]))), 128))
-      ])) : m("", !0),
-      g.value.length ? (t(), n("div", j, [
-        (t(!0), n(i, null, a(g.value, (e) => (t(), u(_(r), d({
-          key: e.id
-        }, { ref_for: !0 }, e, {
-          toast: e,
-          onClosed: (v) => l(e)
-        }), null, 16, ["toast", "onClosed"]))), 128))
-      ])) : m("", !0)
-    ]));
-  }
-});
-export {
-  N as default
-};