mediacube-ui-v2 0.0.272 → 0.0.273

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

@@ -1,89 +1,5 @@
-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)
-    ]));
-  }
-});
+import o from "./McToastContainer.vue2.js";
+import '../../../assets/components/templates/McToast/McToastContainer.css';/* empty css                      */
 export {
-  N as default
+  o as default
 };

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

@@ -0,0 +1,89 @@
+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
+};

package/dist/composables/useToast.js

@@ -1,16 +1,14 @@
-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,
+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,
   duration: 3e3
-}, r = w({}), a = y({
+}, r = w({}), a = b({
   duration: e.duration,
   position: e.position
-}), i = b({
+}), i = O({
   toasts: []
 });
 class c {
@@ -37,10 +35,10 @@ class c {
     closable: p,
     show_time: f,
     actions: v = [],
-    onClose: E,
+    onClose: C,
     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;
+    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;
   }
   destroy = () => {
     i.toasts = i.toasts.filter((o) => o.id !== this.id);
@@ -65,22 +63,22 @@ function j(t) {
 function k() {
   i.toasts.forEach((t) => t.destroy());
 }
-const A = () => {
+const D = () => {
   const t = document.createElement("div");
   t.id = "toast-container", document.body.appendChild(t);
-  const o = _(R, { reactiveProps: i });
-  x(o, t);
+  const o = A(_, { reactiveProps: i });
+  B(o, t);
 }, d = () => {
-  document.getElementById("toast-container") || A();
+  document.getElementById("toast-container") || D();
 };
-function G() {
-  const t = O("dsOptions", {});
-  return r.value = P("toast"), t.toasts && (a.value = t.toasts), {
+function F() {
+  const t = x("dsOptions", {});
+  return r.value = R("toast"), t.toasts && (a.value = t.toasts), {
     show: g,
     info: j,
     hideAll: k
   };
 }
 export {
-  G as useToast
+  F as useToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui-v2",
-  "version": "0.0.272",
+  "version": "0.0.273",
   "license": "MIT",
   "description": "Design system for Mediacube services",
   "sideEffects": [
@@ -132,9 +132,6 @@
   "peerDependencies": {
     "vue": "^3.5.30"
   },
-  "overrides": {
-    "vue": "3.5.30"
-  },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.6.1",
     "@rushstack/eslint-patch": "^1.8.0",

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

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