mediacube-ui-v2 0.0.322 → 0.0.324

package/dist/ai-catalog/index.json

@@ -1,6 +1,6 @@
 {
   "catalogSchemaVersion": 2,
-  "libraryVersion": "0.0.322",
+  "libraryVersion": "0.0.324",
   "packageName": "mediacube-ui-v2",
   "pathHash": "9b6f3b8016b22ac7",
   "componentCount": 76,

package/dist/components/elements/McSlideUpDown/McSlideUpDown.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as k, useId as x, ref as o, computed as H, onMounted as C, nextTick as S, watch as v, openBlock as B, createBlock as $, resolveDynamicComponent as M, unref as b, normalizeClass as D, withCtx as T, renderSlot as z } from "vue";
-const E = /* @__PURE__ */ k({
+import { defineComponent as w, useId as x, ref as o, computed as H, onMounted as C, nextTick as S, watch as v, openBlock as B, createBlock as $, resolveDynamicComponent as M, unref as b, normalizeClass as D, withCtx as T, renderSlot as z } from "vue";
+const E = /* @__PURE__ */ w({
   __name: "McSlideUpDown",
   props: {
     /*
@@ -38,7 +38,7 @@ const E = /* @__PURE__ */ k({
   },
   emits: ["slide-open-start", "slide-close-start", "slide-open-end", "slide-close-end"],
   setup(f, { emit: p }) {
-    const i = p, a = f, h = x(), t = o(a.active), u = o(!1), r = o(!1), n = o(null), s = o(), m = H(() => ({
+    const i = p, s = f, h = x(), t = o(s.active), u = o(!1), r = o(!1), n = o(null), a = o(), m = H(() => ({
       "mc-slide-up-down": !0,
       "mc-slide-up-down--server-open": !u.value && t.value,
       "mc-slide-up-down--server-close": !u.value && !t.value
@@ -46,11 +46,11 @@ const E = /* @__PURE__ */ k({
       const l = getComputedStyle(e).height;
       return l === "auto" || l === "" ? e.offsetHeight : parseFloat(l) || 0;
     }, g = () => {
-      if (!s.value) return;
-      const e = s.value;
+      if (!a.value) return;
+      const e = a.value;
       t.value ? e.style.height = "auto" : e.style.height = "0";
     }, _ = (e) => {
-      const l = s.value;
+      const l = a.value;
       if (!l) {
         t.value = e;
         return;
@@ -61,13 +61,14 @@ const E = /* @__PURE__ */ k({
         t.value = e, r.value = !1, l.style.height = e ? "auto" : "0";
         return;
       }
-      r.value = !0, i(e ? "slide-open-start" : "slide-close-start", t.value), n.value = l.animate(
-        [{ height: `${d}px` }, { height: `${c}px` }],
-        { duration: a.duration, easing: a.type, fill: "forwards" }
-      ), n.value.onfinish = () => {
-        if (t.value = a.active, r.value = !1, s.value) {
-          const w = s.value;
-          w.style.height = t.value ? "auto" : "0";
+      r.value = !0, i(e ? "slide-open-start" : "slide-close-start", t.value), n.value = l.animate([{ height: `${d}px` }, { height: `${c}px` }], {
+        duration: s.duration,
+        easing: s.type,
+        fill: "none"
+      }), n.value.onfinish = () => {
+        if (t.value = e, r.value = !1, a.value) {
+          const k = a.value;
+          k.style.height = t.value ? "auto" : "0";
         }
         i(e ? "slide-open-end" : "slide-close-end", t.value);
       };
@@ -77,18 +78,18 @@ const E = /* @__PURE__ */ k({
         u.value = !0;
       });
     }), v(
-      () => a.active,
+      () => s.active,
       () => {
-        _(a.active);
+        _(s.active);
       }
     ), v(
-      () => s.value,
+      () => a.value,
       () => {
         g();
       }
-    ), (e, l) => (B(), $(M(a.tag), {
+    ), (e, l) => (B(), $(M(s.tag), {
       ref_key: "container",
-      ref: s,
+      ref: a,
       class: D(m.value),
       key: `mc-slide-up-down-key-${b(h)}`
     }, {

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

@@ -1,4 +1,4 @@
-import { defineComponent as x, defineAsyncComponent as a, computed as p, onMounted as V, openBlock as s, createElementBlock as k, unref as e, normalizeStyle as $, normalizeClass as A, createVNode as r, createSlots as C, withCtx as o, createTextVNode as l, toDisplayString as d, Fragment as P, renderList as E, createBlock as S, withModifiers as z, createCommentVNode as L } from "vue";
+import { defineComponent as x, defineAsyncComponent as a, computed as c, onMounted as V, openBlock as s, createElementBlock as k, unref as e, normalizeStyle as $, normalizeClass as A, createVNode as i, createSlots as C, withCtx as o, createTextVNode as p, toDisplayString as d, Fragment as P, renderList as E, createBlock as S, withModifiers as h, createCommentVNode as L } from "vue";
 import { ToastPositions as j } from "../../../enums/Toast2.js";
 import { useTimer as D } from "../../../composables/useTimer2.js";
 import { ButtonSize as F } from "../../../enums/ui/Button2.js";
@@ -68,32 +68,32 @@ const R = /* @__PURE__ */ x({
     }
   },
   emits: ["closed"],
-  setup(B, { emit: M }) {
-    const b = a(() => import("../../patterns/McPreview/McPreview.vue.js")), m = a(() => import("../../elements/McSvgIcon/McSvgIcon.vue.js")), f = a(() => import("../../elements/McTitle/McTitle.vue.js")), y = a(() => import("../../elements/McButton/McButton.vue.js")), h = M, t = B, v = W("toast"), g = p(() => t.variation || v.component.variation), u = D(t.toast.timeEnd, t.duration), w = p(() => ({
+  setup(z, { emit: B }) {
+    const M = a(() => import("../../patterns/McPreview/McPreview.vue.js")), l = a(() => import("../../elements/McSvgIcon/McSvgIcon.vue.js")), f = a(() => import("../../elements/McTitle/McTitle.vue.js")), y = a(() => import("../../elements/McButton/McButton.vue.js")), b = B, t = z, v = W("toast"), g = c(() => t.variation || v.component.variation), m = D(t.toast.timeEnd, t.duration), _ = c(() => ({
       "mc-toast": !0,
       [`mc-toast--variation-${g.value}`]: !0
-    })), N = p(() => ({
+    })), w = c(() => ({
       "--mc-toast-background-color": v.colors[g.value]
-    })), T = () => {
-      h("closed", t.toast);
-    }, _ = (c) => {
-      c && c(), t.toast.destroy();
+    })), N = () => {
+      b("closed", t.toast);
+    }, T = (u) => {
+      u && u(), t.toast.destroy();
     };
     return V(() => {
-      u.start();
-    }), (c, i) => (s(), k("div", {
-      class: A(w.value),
-      style: $(N.value),
-      onMouseenter: i[0] || (i[0] = (n) => e(u).pause()),
-      onMouseleave: i[1] || (i[1] = (n) => e(u).start())
+      m.start();
+    }), (u, r) => (s(), k("div", {
+      class: A(_.value),
+      style: $(w.value),
+      onMouseenter: r[0] || (r[0] = (n) => e(m).pause()),
+      onMouseleave: r[1] || (r[1] = (n) => e(m).start())
     }, [
-      r(e(b), {
+      i(e(M), {
         size: e(I).L
       }, C({ _: 2 }, [
         t.icon ? {
           name: "left",
           fn: o(() => [
-            r(e(m), {
+            i(e(l), {
               name: t.icon,
               size: "300"
             }, null, 8, ["name"])
@@ -103,9 +103,9 @@ const R = /* @__PURE__ */ x({
         t.title ? {
           name: "top",
           fn: o(() => [
-            r(e(f), null, {
+            i(e(f), null, {
               default: o(() => [
-                l(d(t.title), 1)
+                p(d(t.title), 1)
               ]),
               _: 1
             })
@@ -115,9 +115,9 @@ const R = /* @__PURE__ */ x({
         t.description ? {
           name: "bottom",
           fn: o(() => [
-            r(e(f), null, {
+            i(e(f), null, {
               default: o(() => [
-                l(d(t.description), 1)
+                p(d(t.description), 1)
               ]),
               _: 1
             })
@@ -132,17 +132,17 @@ const R = /* @__PURE__ */ x({
               size: e(F).Xs,
               variation: n.variation || "gray-outline",
               weight: e(O).Normal,
-              onClick: z(() => _(n.handler), ["stop"])
+              onClick: h(() => T(n.handler), ["stop"])
             }, C({
               default: o(() => [
-                l(" " + d(n.title), 1)
+                p(" " + d(n.title), 1)
               ]),
               _: 2
             }, [
               n.icon ? {
                 name: "icon-prepend",
                 fn: o(() => [
-                  r(e(m), {
+                  i(e(l), {
                     name: n.icon
                   }, null, 8, ["name"])
                 ]),
@@ -151,14 +151,11 @@ const R = /* @__PURE__ */ x({
             ]), 1032, ["size", "variation", "weight", "onClick"]))), 128)),
             t.closable ? (s(), S(e(y), {
               key: 0,
-              onClick: z(T, ["stop"]),
+              onClick: h(N, ["stop"]),
               variation: "gray-link"
             }, {
               "icon-append": o(() => [
-                r(e(m), { name: "close" })
-              ]),
-              default: o(() => [
-                i[2] || (i[2] = l(" a ", -1))
+                i(e(l), { name: "close" })
               ]),
               _: 1
             })) : L("", !0)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui-v2",
-  "version": "0.0.322",
+  "version": "0.0.324",
   "license": "MIT",
   "description": "Design system for Mediacube services",
   "sideEffects": [