mediacube-ui-v2 0.0.7 → 0.0.9

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

@@ -0,0 +1,119 @@
+import { computed } from 'vue';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const props = defineProps({
+    modalServiceState: {
+        type: Object,
+        default: () => ({})
+    },
+    reactiveProps: {
+        type: Object,
+        default: () => ({})
+    }
+});
+const containerStyle = computed(() => ({
+    zIndex: props.reactiveProps.modals.length ? 99 : -1,
+    visibility: props.reactiveProps.modals.length ? 'visible' : 'hidden'
+}));
+const closeModal = (value) => {
+    value.close();
+    setTimeout(() => {
+        if (props.reactiveProps.modals.every((d) => !d.modelValue)) {
+            props.modalServiceState.closeServiceState();
+        }
+    }, 300);
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        modalServiceState: {
+            type: Object,
+            default: () => ({})
+        },
+        reactiveProps: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+});
+;
+let __VLS_functionalComponentProps;
+function __VLS_template() {
+    const __VLS_ctx = {};
+    const __VLS_localComponents = {
+        ...{},
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_components;
+    const __VLS_localDirectives = {
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_directives;
+    let __VLS_styleScopedClasses;
+    // CSS variable injection 
+    // CSS variable injection end 
+    let __VLS_resolvedLocalAndGlobalComponents;
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-modal-container") }, ...{ style: ((__VLS_ctx.containerStyle)) }, });
+    for (const [modal] of __VLS_getVForSourceType((props.reactiveProps.modals))) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ onClose: (() => __VLS_ctx.closeModal(modal)) }, key: ((modal.id)), });
+        const __VLS_0 = ((modal.component));
+        // @ts-ignore
+        const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ 'onClosed': {} }, modelValue: ((modal.modelValue)), ...(modal.componentProps), }));
+        const __VLS_2 = __VLS_1({ ...{ 'onClosed': {} }, modelValue: ((modal.modelValue)), ...(modal.componentProps), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+        let __VLS_6;
+        const __VLS_7 = {
+            onClosed: (() => __VLS_ctx.closeModal(modal))
+        };
+        let __VLS_3;
+        let __VLS_4;
+        var __VLS_5;
+    }
+    __VLS_styleScopedClasses['mc-modal-container'];
+    var __VLS_slots;
+    var __VLS_inheritedAttrs;
+    const __VLS_refs = {};
+    var $refs;
+    var $el;
+    return {
+        attrs: {},
+        slots: __VLS_slots,
+        refs: $refs,
+        rootEl: $el,
+    };
+}
+;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            containerStyle: containerStyle,
+            closeModal: closeModal,
+        };
+    },
+    props: {
+        modalServiceState: {
+            type: Object,
+            default: () => ({})
+        },
+        reactiveProps: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        modalServiceState: {
+            type: Object,
+            default: () => ({})
+        },
+        reactiveProps: {
+            type: Object,
+            default: () => ({})
+        }
+    },
+    __typeEl: {},
+});
+; /* PartiallyEnd: #4569/main.vue */