mediacube-ui-v2 0.0.266 → 0.0.268

package/dist/assets/components/templates/McDrawer/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";.mc-drawer[data-v-57618f5c]{position:absolute;top:0;bottom:0;background:#fff;height:100%;box-shadow:0 4px 12px #00000029;display:flex;flex-direction:column;overflow:hidden;z-index:2;pointer-events:all}.mc-drawer__overlay[data-v-57618f5c]{position:absolute;inset:0;background:#00000026;display:flex;justify-content:flex-start;pointer-events:all}.mc-drawer__overlay--hidden[data-v-57618f5c]{background:transparent;pointer-events:none}.mc-drawer__wrapper[data-v-57618f5c]{position:absolute;inset:0;z-index:1;overflow:hidden}.mc-drawer__wrapper--hidden[data-v-57618f5c]{background:transparent;pointer-events:none}.mc-drawer__btn-close[data-v-57618f5c]{z-index:1;padding:.5rem!important}.mc-drawer__btn-close[data-v-57618f5c]{color:#8f99a3}.mc-drawer__btn-close[data-v-57618f5c]:hover,.mc-drawer__btn-close[data-v-57618f5c]:focus{color:#202427}.mc-drawer__btn-close[data-v-57618f5c]:active{color:#32393d}.mc-drawer__btn-close[data-v-57618f5c]{position:absolute;top:.5rem;inset-inline-end:.5rem}.mc-drawer__btn-close[data-v-57618f5c]{box-sizing:border-box;display:block;margin:0;padding:0;white-space:nowrap;vertical-align:middle;user-select:none;text-align:center;text-decoration:none;text-transform:none;border-radius:0;border:none;background-color:transparent;background-image:none;cursor:pointer;outline:0;font-size:0;line-height:0;font-family:inherit;-webkit-appearance:none;-webkit-text-fill-color:currentColor}.mc-drawer__btn-close[data-v-57618f5c]:focus{outline:0}.mc-drawer__icon-close[data-v-57618f5c]{height:1.5rem;width:1.5rem}.mc-drawer__icon-close--small[data-v-57618f5c]{display:none}@media (max-width: 767px){.mc-drawer .mc-drawer__icon-close[data-v-57618f5c]{display:none}.mc-drawer .mc-drawer__icon-close--small[data-v-57618f5c]{display:block}}

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

@@ -1,7 +1,7 @@
 import o from "./McDrawer.vue2.js";
-import '../../../assets/components/templates/McDrawer/McDrawer.css';/* empty css              */
+import '../../../assets/components/templates/McDrawer/index.css';/* empty css           */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ddef1a64"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-57618f5c"]]);
 export {
   f as default
 };

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

@@ -0,0 +1,5 @@
+import o from "./McDrawerContainer.vue2.js";
+import '../../../../assets/components/templates/McDrawer/McDrawerContainer/index.css';/* empty css           */
+export {
+  o as default
+};

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

@@ -0,0 +1,93 @@
+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: {
+      type: Object,
+      default: () => ({})
+    },
+    drawersCascadeIndent: {
+      type: Number,
+      default: 50
+    },
+    drawersMaxInCascade: {
+      type: Number,
+      default: 7
+    },
+    reactiveProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  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
+        (v) => !v?.drawerProps.hasOwnProperty("showOverlay") || v.drawerProps?.showOverlay
+      );
+      return {
+        ...r,
+        indent_coefficient: e,
+        real_coefficient: s,
+        indent: s * l.drawersCascadeIndent,
+        can_show_overlay: t === d
+      };
+    })), 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 g(() => {
+      document.addEventListener("keyup", p);
+    }), S(() => {
+      document.removeEventListener("keyup", p);
+    }), (r, t) => (a(), f("div", {
+      class: "mc-drawer-container",
+      style: x(h.value)
+    }, [
+      (a(!0), f(V, null, b(n.value, (e, s) => (a(), i(k(w), _({
+        key: e.id,
+        modelValue: e.modelValue,
+        "onUpdate:modelValue": (d) => e.modelValue = d
+      }, { ref_for: !0 }, e.drawerProps, {
+        "show-overlay": e.can_show_overlay,
+        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: m(() => [
+          (a(), i(D, null, {
+            default: m(() => [
+              E(M, {
+                onErrorCaptured: () => c(e)
+              }, {
+                default: m(() => [
+                  (a(), i(I(e.component), _({ ref_for: !0 }, e.componentProps, {
+                    onCloseDrawer: () => c(e)
+                  }), null, 16, ["onCloseDrawer"]))
+                ]),
+                _: 2
+              }, 1032, ["onErrorCaptured"])
+            ]),
+            _: 2
+          }, 1024))
+        ]),
+        _: 2
+      }, 1040, ["modelValue", "onUpdate:modelValue", "show-overlay", "onClose", "class", "style"]))), 128))
+    ], 4));
+  }
+});
+export {
+  O as default
+};

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

@@ -0,0 +1,6 @@
+import { defineAsyncComponent as o } from "vue";
+const n = o(() => import("./McDrawerContainer.vue.js"));
+export {
+  n as McDrawerContainer,
+  n as default
+};

package/dist/components/templates/McDrawer/index.js

@@ -1,7 +1,6 @@
 import { defineAsyncComponent as o } from "vue";
-const t = o(() => import("./McDrawer.vue.js")), e = o(() => import("./McDrawerContainer.vue.js"));
+const r = o(() => import("./McDrawer.vue.js"));
 export {
-  t as McDrawer,
-  e as McDrawerContainer,
-  t as default
+  r as McDrawer,
+  r as default
 };

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

@@ -1,5 +1,5 @@
 import o from "./McModal.vue2.js";
-import '../../../assets/components/templates/McModal/McModal.css';/* empty css             */
+import '../../../assets/components/templates/McModal/index.css';/* empty css           */
 export {
   o as default
 };

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

@@ -0,0 +1,5 @@
+import o from "./McModalContainer.vue2.js";
+import '../../../../assets/components/templates/McModal/McModalContainer/index.css';/* empty css           */
+export {
+  o as default
+};

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

@@ -0,0 +1,72 @@
+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: {
+      type: Object,
+      default: () => ({})
+    },
+    reactiveProps: {
+      type: Object,
+      default: () => ({ modals: [] })
+    }
+  },
+  setup(p) {
+    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 = (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();
+      }
+    }, v = (t) => {
+      typeof window > "u" || (document.body.style.overflow = t ? "hidden" : "");
+    };
+    return k(() => {
+      document.addEventListener("keyup", s), C(
+        () => o.value.length,
+        (t) => v(!!t),
+        { immediate: !0 }
+      );
+    }), _(() => {
+      document.removeEventListener("keyup", s);
+    }), (t, n) => (l(), c("div", {
+      class: "mc-modal-container",
+      style: h(m.value)
+    }, [
+      (l(!0), c(S, null, B(o.value, (e) => (l(), c("div", {
+        key: e.id,
+        onClose: () => r(e)
+      }, [
+        (l(), u(V, null, {
+          default: i(() => [
+            g(E, {
+              onErrorCaptured: () => r(e)
+            }, {
+              default: i(() => [
+                (l(), u(P(e.component), w({
+                  modelValue: e.modelValue,
+                  "onUpdate:modelValue": (f) => e.modelValue = f
+                }, { ref_for: !0 }, e.componentProps, {
+                  onClosed: () => r(e)
+                }), null, 16, ["modelValue", "onUpdate:modelValue", "onClosed"]))
+              ]),
+              _: 2
+            }, 1032, ["onErrorCaptured"])
+          ]),
+          _: 2
+        }, 1024))
+      ], 40, b))), 128))
+    ], 4));
+  }
+});
+export {
+  L as default
+};

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

@@ -0,0 +1,6 @@
+import { defineAsyncComponent as o } from "vue";
+const t = o(() => import("./McModalContainer.vue.js"));
+export {
+  t as McModalContainer,
+  t as default
+};

package/dist/components/templates/McModal/index.js

@@ -1,7 +1,6 @@
 import { defineAsyncComponent as o } from "vue";
-const n = o(() => import("./McModalContainer.vue.js")), e = o(() => import("./McModal.vue.js"));
+const e = o(() => import("./McModal.vue.js"));
 export {
   e as McModal,
-  n as McModalContainer,
-  n as default
+  e as default
 };

package/dist/composables/useDrawer.js

@@ -24,7 +24,7 @@ const o = p({
   })), s[r];
 }, _ = async () => {
   if (typeof window > "u" || document.getElementById("drawer-container")) return;
-  d || (d = (await import("../components/templates/McDrawer/McDrawerContainer.vue.js")).default);
+  d || (d = (await import("../components/templates/McDrawer/McDrawerContainer/McDrawerContainer.vue.js")).default);
   const e = document.createElement("div");
   e.id = "drawer-container", document.body.appendChild(e);
   const r = E(d, {

package/dist/composables/useModal.js

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

package/dist/types/components/templates/McDrawer/{McDrawerContainer.vue.d.ts → McDrawerContainer/McDrawerContainer.vue.d.ts}

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { IDrawerServiceState, IDrawerState } from '../../../types/IDrawer';
+import { IDrawerServiceState, IDrawerState } from '../../../../types/IDrawer';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     drawerServiceState: {
         type: PropType<IDrawerServiceState>;

package/dist/types/components/templates/McDrawer/McDrawerContainer/index.d.ts

@@ -0,0 +1,48 @@
+declare const McDrawerContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    drawerServiceState: {
+        type: import('vue').PropType<import('../../../../types/IDrawer').IDrawerServiceState>;
+        default: () => {};
+    };
+    drawersCascadeIndent: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    drawersMaxInCascade: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    reactiveProps: {
+        type: () => {
+            drawers: import('../../../../types/IDrawer').IDrawerState[];
+        };
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    drawerServiceState: {
+        type: import('vue').PropType<import('../../../../types/IDrawer').IDrawerServiceState>;
+        default: () => {};
+    };
+    drawersCascadeIndent: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    drawersMaxInCascade: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    reactiveProps: {
+        type: () => {
+            drawers: import('../../../../types/IDrawer').IDrawerState[];
+        };
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    drawerServiceState: import('../../../../types/IDrawer').IDrawerServiceState;
+    drawersCascadeIndent: number;
+    drawersMaxInCascade: number;
+    reactiveProps: {
+        drawers: import('../../../../types/IDrawer').IDrawerState[];
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export { McDrawerContainer };
+export default McDrawerContainer;

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

@@ -167,51 +167,4 @@ declare const McDrawer: {
     };
 });
 export { McDrawer };
-declare const McDrawerContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    drawerServiceState: {
-        type: import('vue').PropType<import('../../../types/IDrawer').IDrawerServiceState>;
-        default: () => {};
-    };
-    drawersCascadeIndent: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    drawersMaxInCascade: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    reactiveProps: {
-        type: () => {
-            drawers: import('../../../types/IDrawer').IDrawerState[];
-        };
-        default: () => {};
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    drawerServiceState: {
-        type: import('vue').PropType<import('../../../types/IDrawer').IDrawerServiceState>;
-        default: () => {};
-    };
-    drawersCascadeIndent: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    drawersMaxInCascade: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    reactiveProps: {
-        type: () => {
-            drawers: import('../../../types/IDrawer').IDrawerState[];
-        };
-        default: () => {};
-    };
-}>> & Readonly<{}>, {
-    drawerServiceState: import('../../../types/IDrawer').IDrawerServiceState;
-    drawersCascadeIndent: number;
-    drawersMaxInCascade: number;
-    reactiveProps: {
-        drawers: import('../../../types/IDrawer').IDrawerState[];
-    };
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export { McDrawerContainer };
 export default McDrawer;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { IModalServiceState, IModalState } from '../../../types/IModal';
+import { IModalServiceState, IModalState } from '../../../../types/IModal';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modalServiceState: {
         type: PropType<IModalServiceState>;
@@ -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/McModalContainer/index.d.ts

@@ -0,0 +1,34 @@
+declare const McModalContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modalServiceState: {
+        type: import('vue').PropType<import('../../../../types/IModal').IModalServiceState>;
+        default: () => {};
+    };
+    reactiveProps: {
+        type: () => {
+            modals: import('../../../../types/IModal').IModalState[];
+        };
+        default: () => {
+            modals: import('../../../../types/IModal').IModalState[];
+        };
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modalServiceState: {
+        type: import('vue').PropType<import('../../../../types/IModal').IModalServiceState>;
+        default: () => {};
+    };
+    reactiveProps: {
+        type: () => {
+            modals: import('../../../../types/IModal').IModalState[];
+        };
+        default: () => {
+            modals: import('../../../../types/IModal').IModalState[];
+        };
+    };
+}>> & Readonly<{}>, {
+    reactiveProps: {
+        modals: import('../../../../types/IModal').IModalState[];
+    };
+    modalServiceState: import('../../../../types/IModal').IModalServiceState;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export { McModalContainer };
+export default McModalContainer;

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

@@ -1,32 +1,3 @@
-declare const McModalContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modalServiceState: {
-        type: import('vue').PropType<import('../../../types/IModal').IModalServiceState>;
-        default: () => {};
-    };
-    reactiveProps: {
-        type: () => {
-            modals: import('../../../types/IModal').IModalState[];
-        };
-        default: () => {};
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modalServiceState: {
-        type: import('vue').PropType<import('../../../types/IModal').IModalServiceState>;
-        default: () => {};
-    };
-    reactiveProps: {
-        type: () => {
-            modals: import('../../../types/IModal').IModalState[];
-        };
-        default: () => {};
-    };
-}>> & Readonly<{}>, {
-    reactiveProps: {
-        modals: import('../../../types/IModal').IModalState[];
-    };
-    modalServiceState: import('../../../types/IModal').IModalServiceState;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export { McModalContainer };
 declare const McModal: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         modelValue: {
@@ -310,4 +281,4 @@ declare const McModal: {
     };
 });
 export { McModal };
-export default McModalContainer;
+export default McModal;

package/package.json

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

package/dist/assets/components/templates/McDrawer/McDrawer.css

@@ -1 +0,0 @@
-@charset "UTF-8";.mc-drawer[data-v-ddef1a64]{position:absolute;top:0;bottom:0;background:#fff;height:100%;box-shadow:0 4px 12px #00000029;display:flex;flex-direction:column;overflow:hidden;z-index:2;pointer-events:all}.mc-drawer__overlay[data-v-ddef1a64]{position:absolute;inset:0;background:#00000026;display:flex;justify-content:flex-start;pointer-events:all}.mc-drawer__overlay--hidden[data-v-ddef1a64]{background:transparent;pointer-events:none}.mc-drawer__wrapper[data-v-ddef1a64]{position:absolute;inset:0;z-index:1;overflow:hidden}.mc-drawer__wrapper--hidden[data-v-ddef1a64]{background:transparent;pointer-events:none}.mc-drawer__btn-close[data-v-ddef1a64]{z-index:1;padding:.5rem!important}.mc-drawer__btn-close[data-v-ddef1a64]{color:#8f99a3}.mc-drawer__btn-close[data-v-ddef1a64]:hover,.mc-drawer__btn-close[data-v-ddef1a64]:focus{color:#202427}.mc-drawer__btn-close[data-v-ddef1a64]:active{color:#32393d}.mc-drawer__btn-close[data-v-ddef1a64]{position:absolute;top:.5rem;inset-inline-end:.5rem}.mc-drawer__btn-close[data-v-ddef1a64]{box-sizing:border-box;display:block;margin:0;padding:0;white-space:nowrap;vertical-align:middle;user-select:none;text-align:center;text-decoration:none;text-transform:none;border-radius:0;border:none;background-color:transparent;background-image:none;cursor:pointer;outline:0;font-size:0;line-height:0;font-family:inherit;-webkit-appearance:none;-webkit-text-fill-color:currentColor}.mc-drawer__btn-close[data-v-ddef1a64]:focus{outline:0}.mc-drawer__icon-close[data-v-ddef1a64]{height:1.5rem;width:1.5rem}.mc-drawer__icon-close--small[data-v-ddef1a64]{display:none}@media (max-width: 767px){.mc-drawer .mc-drawer__icon-close[data-v-ddef1a64]{display:none}.mc-drawer .mc-drawer__icon-close--small[data-v-ddef1a64]{display:block}}

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

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

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

@@ -1,93 +0,0 @@
-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: {
-      type: Object,
-      default: () => ({})
-    },
-    drawersCascadeIndent: {
-      type: Number,
-      default: 50
-    },
-    drawersMaxInCascade: {
-      type: Number,
-      default: 7
-    },
-    reactiveProps: {
-      type: Object,
-      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(
-        // @ts-ignore
-        // eslint-disable-next-line no-prototype-builtins
-        (p) => !p?.drawerProps.hasOwnProperty("showOverlay") || p.drawerProps?.showOverlay
-      );
-      return {
-        ...o,
-        indent_coefficient: e,
-        real_coefficient: s,
-        indent: s * r.drawersCascadeIndent,
-        can_show_overlay: t === c
-      };
-    })), 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) {
-        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", {
-      class: "mc-drawer-container",
-      style: S(w.value)
-    }, [
-      (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
-      }, { ref_for: !0 }, e.drawerProps, {
-        "show-overlay": e.can_show_overlay,
-        onClose: () => l(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: i(() => [
-                  (a(), d(E(e.component), f({ ref_for: !0 }, e.componentProps, {
-                    onCloseDrawer: () => l(e)
-                  }), null, 16, ["onCloseDrawer"]))
-                ]),
-                _: 2
-              }, 1032, ["onErrorCaptured"])
-            ]),
-            _: 2
-          }, 1024))
-        ]),
-        _: 2
-      }, 1040, ["modelValue", "onUpdate:modelValue", "show-overlay", "onClose", "class", "style"]))), 128))
-    ], 4));
-  }
-});
-export {
-  O as default
-};

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

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

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

@@ -1,73 +0,0 @@
-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: {
-      type: Object,
-      default: () => ({})
-    },
-    reactiveProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  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();
-      }, 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();
-      }
-    }, u = (o) => {
-      typeof window > "u" || (document.body.style.overflow = o ? "hidden" : "");
-    };
-    return y(() => {
-      document.addEventListener("keyup", s), k(
-        () => t.reactiveProps.modals.length,
-        (o) => u(!!o),
-        { immediate: !0 }
-      );
-    }), C(() => {
-      document.removeEventListener("keyup", s);
-    }), (o, n) => (r(), c("div", {
-      class: "mc-modal-container",
-      style: _(m.value)
-    }, [
-      (r(!0), c(h, null, P(t.reactiveProps.modals, (e) => (r(), c("div", {
-        key: e.id,
-        onClose: () => l(e)
-      }, [
-        (r(), d(S, null, {
-          default: i(() => [
-            B(w, {
-              onErrorCaptured: () => l(e)
-            }, {
-              default: i(() => [
-                (r(), d(V(e.component), g({
-                  modelValue: e.modelValue,
-                  "onUpdate:modelValue": (a) => e.modelValue = a
-                }, { ref_for: !0 }, e.componentProps, {
-                  onClosed: () => l(e)
-                }), null, 16, ["modelValue", "onUpdate:modelValue", "onClosed"]))
-              ]),
-              _: 2
-            }, 1032, ["onErrorCaptured"])
-          ]),
-          _: 2
-        }, 1024))
-      ], 40, E))), 128))
-    ], 4));
-  }
-});
-export {
-  x as default
-};