mediacube-ui-v2 0.0.266 → 0.0.267

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

@@ -1,6 +1,6 @@
-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({
+import { defineComponent as C, defineAsyncComponent as P, computed as u, onMounted as g, onBeforeUnmount as S, openBlock as a, createElementBlock as f, normalizeStyle as x, Fragment as V, renderList as b, createBlock as i, unref as k, mergeProps as _, withCtx as m, Suspense as D, createVNode as E, resolveDynamicComponent as I } from "vue";
+import M from "./McDrawerSafeComponent.vue.js";
+const O = /* @__PURE__ */ C({
   __name: "McDrawerContainer",
   props: {
     drawerServiceState: {
@@ -20,61 +20,61 @@ const O = /* @__PURE__ */ h({
       default: () => ({})
     }
   },
-  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(
+  setup(y) {
+    const w = P(() => import("./McDrawer.vue.js")), l = y, o = u(() => l.reactiveProps.drawers ?? []), n = u(() => o.value.map((r, t) => {
+      const e = o.value.length - 1 - t, s = Math.min(e, l.drawersMaxInCascade - 1), d = o.value.findLastIndex(
         // @ts-ignore
         // eslint-disable-next-line no-prototype-builtins
-        (p) => !p?.drawerProps.hasOwnProperty("showOverlay") || p.drawerProps?.showOverlay
+        (v) => !v?.drawerProps.hasOwnProperty("showOverlay") || v.drawerProps?.showOverlay
       );
       return {
-        ...o,
+        ...r,
         indent_coefficient: e,
         real_coefficient: s,
-        indent: s * r.drawersCascadeIndent,
-        can_show_overlay: t === c
+        indent: s * l.drawersCascadeIndent,
+        can_show_overlay: t === d
       };
-    })), w = m(() => ({
-      zIndex: r.reactiveProps.drawers.length ? 10004 : -1,
-      visibility: r.reactiveProps.drawers.length ? "visible" : "hidden"
-    })), l = (o) => {
-      o.close(), setTimeout(() => {
-        n.value.every((t) => !t.modelValue) && r.drawerServiceState.closeServiceState();
-      }, o?.drawerProps?.duration || 300);
-    }, u = (o) => {
-      if (o.code === "Escape" && n.value?.length) {
+    })), h = u(() => ({
+      zIndex: o.value.length ? 10004 : -1,
+      visibility: o.value.length ? "visible" : "hidden"
+    })), c = (r) => {
+      r.close(), setTimeout(() => {
+        n.value.every((t) => !t.modelValue) && l.drawerServiceState.closeServiceState();
+      }, r?.drawerProps?.duration || 300);
+    }, p = (r) => {
+      if (r.code === "Escape" && n.value?.length) {
         const t = n.value[n.value.length - 1];
         if (t.drawerProps?.disableBgClick) return;
         t.close();
       }
     };
-    return P(() => {
-      document.addEventListener("keyup", u);
-    }), g(() => {
-      document.removeEventListener("keyup", u);
-    }), (o, t) => (a(), v("div", {
+    return g(() => {
+      document.addEventListener("keyup", p);
+    }), S(() => {
+      document.removeEventListener("keyup", p);
+    }), (r, t) => (a(), f("div", {
       class: "mc-drawer-container",
-      style: S(w.value)
+      style: x(h.value)
     }, [
-      (a(!0), v(x, null, V(n.value, (e, s) => (a(), d(b(y), f({
+      (a(!0), f(V, null, b(n.value, (e, s) => (a(), i(k(w), _({
         key: e.id,
         modelValue: e.modelValue,
-        "onUpdate:modelValue": (c) => e.modelValue = c
+        "onUpdate:modelValue": (d) => e.modelValue = d
       }, { ref_for: !0 }, e.drawerProps, {
         "show-overlay": e.can_show_overlay,
-        onClose: () => l(e),
+        onClose: () => c(e),
         class: ["mc-drawer-container__item", { "mc-drawer-container__item--multiple": n.value.length - 1 !== s }],
         style: e.indent ? { transform: `translateX(-${e.indent}px)` } : {}
       }), {
-        default: i(() => [
-          (a(), d(k, null, {
-            default: i(() => [
-              D(I, {
-                onErrorCaptured: () => l(e)
+        default: m(() => [
+          (a(), i(D, null, {
+            default: m(() => [
+              E(M, {
+                onErrorCaptured: () => c(e)
               }, {
-                default: i(() => [
-                  (a(), d(E(e.component), f({ ref_for: !0 }, e.componentProps, {
-                    onCloseDrawer: () => l(e)
+                default: m(() => [
+                  (a(), i(I(e.component), _({ ref_for: !0 }, e.componentProps, {
+                    onCloseDrawer: () => c(e)
                   }), null, 16, ["onCloseDrawer"]))
                 ]),
                 _: 2

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

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

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

@@ -9,7 +9,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: () => {
             modals: IModalState[];
         };
-        default: () => {};
+        default: () => {
+            modals: IModalState[];
+        };
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modalServiceState: {
@@ -20,7 +22,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: () => {
             modals: IModalState[];
         };
-        default: () => {};
+        default: () => {
+            modals: IModalState[];
+        };
     };
 }>> & Readonly<{}>, {
     reactiveProps: {

package/dist/types/components/templates/McModal/index.d.ts

@@ -7,7 +7,9 @@ declare const McModalContainer: import('vue').DefineComponent<import('vue').Extr
         type: () => {
             modals: import('../../../types/IModal').IModalState[];
         };
-        default: () => {};
+        default: () => {
+            modals: import('../../../types/IModal').IModalState[];
+        };
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modalServiceState: {
@@ -18,7 +20,9 @@ declare const McModalContainer: import('vue').DefineComponent<import('vue').Extr
         type: () => {
             modals: import('../../../types/IModal').IModalState[];
         };
-        default: () => {};
+        default: () => {
+            modals: import('../../../types/IModal').IModalState[];
+        };
     };
 }>> & Readonly<{}>, {
     reactiveProps: {

package/package.json

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