mediacube-ui-v2 0.0.32 → 0.0.34

package/dist/src/components/patterns/McSideBar/McSideBarTop/McSideBarTop.vue.js

@@ -1,415 +0,0 @@
-import { McDropdown, McButton, McSvgIcon, McPreview, McTitle } from '@/components';
-import { computed, inject, ref } from 'vue';
-import { useHelper } from '@/composables';
-import { ButtonSize, DropdownPositions, HorizontalAlignment, SidebarTheme, TitleVariations, Weights } from '@/enums';
-import { defaultThemes } from '@/mocks/sidebar';
-const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
-const helper = useHelper();
-const provideData = inject('provideData', {});
-const props = defineProps({
-    /**
-     *  Меню приложений
-     *
-     */
-    menuApps: {
-        type: Array,
-        default: () => []
-    },
-    /**
-     *  Название сервиса
-     *
-     */
-    logoTitle: {
-        type: String,
-        default: 'Dashboard'
-    },
-    /**
-     *  Размер текста названия сервиса
-     *
-     */
-    logoTitleVariation: {
-        type: String,
-        default: TitleVariations.Subtitle
-    },
-    /**
-     *  Путь до изображения
-     */
-    logoSrc: {
-        type: String,
-        default: ''
-    },
-    /**
-     *  Имя иконки
-     *  заголовка
-     */
-    logoIcon: {
-        type: String,
-        default: ''
-    },
-    dropdownPosition: {
-        type: String,
-        default: DropdownPositions.Left
-    },
-    /**
-     *  Компактный вид
-     */
-    compact: {
-        type: Boolean,
-        default: false
-    }
-});
-const dropIsOpen = ref(false);
-const themeConfig = computed(() => {
-    return provideData.currentThemeConfig || defaultThemes[SidebarTheme.Black];
-});
-const computedMenuApps = computed(() => {
-    if (helper.isEmpty(props.menuApps))
-        return null;
-    return props.menuApps.filter((app) => !Object.prototype.hasOwnProperty.call(app, 'isVisible') || app.isVisible);
-}); /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_fnComponent = (await import('vue')).defineComponent({
-    props: {
-        /**
-         *  Меню приложений
-         *
-         */
-        menuApps: {
-            type: Array,
-            default: () => []
-        },
-        /**
-         *  Название сервиса
-         *
-         */
-        logoTitle: {
-            type: String,
-            default: 'Dashboard'
-        },
-        /**
-         *  Размер текста названия сервиса
-         *
-         */
-        logoTitleVariation: {
-            type: String,
-            default: TitleVariations.Subtitle
-        },
-        /**
-         *  Путь до изображения
-         */
-        logoSrc: {
-            type: String,
-            default: ''
-        },
-        /**
-         *  Имя иконки
-         *  заголовка
-         */
-        logoIcon: {
-            type: String,
-            default: ''
-        },
-        dropdownPosition: {
-            type: String,
-            default: DropdownPositions.Left
-        },
-        /**
-         *  Компактный вид
-         */
-        compact: {
-            type: Boolean,
-            default: false
-        }
-    },
-});
-;
-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-side-bar-top") }, ...{ class: ((`mc-side-bar-top--theme-${__VLS_ctx.themeConfig.dropdownActivator}`)) }, });
-    if (!__VLS_ctx.computedMenuApps) {
-        const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.McPreview;
-        /** @type { [typeof __VLS_components.McPreview, typeof __VLS_components.mcPreview, typeof __VLS_components.McPreview, typeof __VLS_components.mcPreview, ] } */
-        // @ts-ignore
-        const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({}));
-        const __VLS_2 = __VLS_1({}, ...__VLS_functionalComponentArgsRest(__VLS_1));
-        if (__VLS_ctx.logoSrc) {
-            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-            {
-                const { left: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
-                __VLS_elementAsFunction(__VLS_intrinsicElements.img)({ ...{ class: ("mc-side-bar-top__img") }, src: ((__VLS_ctx.logoSrc)), width: ("24"), height: ("24"), alt: ((__VLS_ctx.logoTitle)), });
-            }
-        }
-        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-        {
-            const { top: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
-            if (!__VLS_ctx.compact) {
-                const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
-                /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
-                // @ts-ignore
-                const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ weight: ((__VLS_ctx.Weights.SemiBold)), variation: ((__VLS_ctx.logoTitleVariation)), }));
-                const __VLS_8 = __VLS_7({ weight: ((__VLS_ctx.Weights.SemiBold)), variation: ((__VLS_ctx.logoTitleVariation)), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
-                (__VLS_ctx.logoTitle);
-                __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-                {
-                    const { "icon-append": __VLS_thisSlot } = __VLS_nonNullable(__VLS_11.slots);
-                    var __VLS_12 = {};
-                }
-                var __VLS_11;
-            }
-        }
-        var __VLS_5;
-    }
-    else {
-        const __VLS_13 = __VLS_resolvedLocalAndGlobalComponents.McDropdown;
-        /** @type { [typeof __VLS_components.McDropdown, typeof __VLS_components.mcDropdown, typeof __VLS_components.McDropdown, typeof __VLS_components.mcDropdown, ] } */
-        // @ts-ignore
-        const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({ modelValue: ((__VLS_ctx.dropIsOpen)), position: ((__VLS_ctx.dropdownPosition)), items: ((__VLS_ctx.computedMenuApps)), }));
-        const __VLS_15 = __VLS_14({ modelValue: ((__VLS_ctx.dropIsOpen)), position: ((__VLS_ctx.dropdownPosition)), items: ((__VLS_ctx.computedMenuApps)), }, ...__VLS_functionalComponentArgsRest(__VLS_14));
-        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-        {
-            const { activator: __VLS_thisSlot } = __VLS_nonNullable(__VLS_18.slots);
-            const __VLS_19 = __VLS_resolvedLocalAndGlobalComponents.McPreview;
-            /** @type { [typeof __VLS_components.McPreview, typeof __VLS_components.mcPreview, typeof __VLS_components.McPreview, typeof __VLS_components.mcPreview, ] } */
-            // @ts-ignore
-            const __VLS_20 = __VLS_asFunctionalComponent(__VLS_19, new __VLS_19({}));
-            const __VLS_21 = __VLS_20({}, ...__VLS_functionalComponentArgsRest(__VLS_20));
-            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-            {
-                const { left: __VLS_thisSlot } = __VLS_nonNullable(__VLS_24.slots);
-                if (__VLS_ctx.logoSrc) {
-                    __VLS_elementAsFunction(__VLS_intrinsicElements.img)({ ...{ class: ("mc-side-bar-top__img") }, src: ((__VLS_ctx.logoSrc)), width: ("24"), height: ("24"), alt: ((__VLS_ctx.logoTitle)), });
-                }
-                else if (__VLS_ctx.logoIcon) {
-                    const __VLS_25 = __VLS_resolvedLocalAndGlobalComponents.McSvgIcon;
-                    /** @type { [typeof __VLS_components.McSvgIcon, typeof __VLS_components.mcSvgIcon, ] } */
-                    // @ts-ignore
-                    const __VLS_26 = __VLS_asFunctionalComponent(__VLS_25, new __VLS_25({ ...{ class: ("rotate") }, name: ((__VLS_ctx.logoIcon)), }));
-                    const __VLS_27 = __VLS_26({ ...{ class: ("rotate") }, name: ((__VLS_ctx.logoIcon)), }, ...__VLS_functionalComponentArgsRest(__VLS_26));
-                }
-            }
-            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-            {
-                const { top: __VLS_thisSlot } = __VLS_nonNullable(__VLS_24.slots);
-                const __VLS_31 = __VLS_resolvedLocalAndGlobalComponents.McButton;
-                /** @type { [typeof __VLS_components.McButton, typeof __VLS_components.mcButton, typeof __VLS_components.McButton, typeof __VLS_components.mcButton, ] } */
-                // @ts-ignore
-                const __VLS_32 = __VLS_asFunctionalComponent(__VLS_31, new __VLS_31({ variation: `${__VLS_ctx.themeConfig.dropdownActivator}-link`, size: ((__VLS_ctx.compact ? __VLS_ctx.ButtonSize.LCompact : __VLS_ctx.ButtonSize.L)), ...{ class: ("mc-side-bar-top__activator-btn") }, }));
-                const __VLS_33 = __VLS_32({ variation: `${__VLS_ctx.themeConfig.dropdownActivator}-link`, size: ((__VLS_ctx.compact ? __VLS_ctx.ButtonSize.LCompact : __VLS_ctx.ButtonSize.L)), ...{ class: ("mc-side-bar-top__activator-btn") }, }, ...__VLS_functionalComponentArgsRest(__VLS_32));
-                if (!__VLS_ctx.compact) {
-                    const __VLS_37 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
-                    /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
-                    // @ts-ignore
-                    const __VLS_38 = __VLS_asFunctionalComponent(__VLS_37, new __VLS_37({ weight: ((__VLS_ctx.Weights.SemiBold)), variation: ((__VLS_ctx.logoTitleVariation)), }));
-                    const __VLS_39 = __VLS_38({ weight: ((__VLS_ctx.Weights.SemiBold)), variation: ((__VLS_ctx.logoTitleVariation)), }, ...__VLS_functionalComponentArgsRest(__VLS_38));
-                    (__VLS_ctx.logoTitle);
-                    __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-                    {
-                        const { "icon-append": __VLS_thisSlot } = __VLS_nonNullable(__VLS_42.slots);
-                        var __VLS_43 = {};
-                    }
-                    var __VLS_42;
-                }
-                __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-                {
-                    const { "icon-append": __VLS_thisSlot } = __VLS_nonNullable(__VLS_36.slots);
-                    const __VLS_44 = __VLS_resolvedLocalAndGlobalComponents.McSvgIcon;
-                    /** @type { [typeof __VLS_components.McSvgIcon, typeof __VLS_components.mcSvgIcon, ] } */
-                    // @ts-ignore
-                    const __VLS_45 = __VLS_asFunctionalComponent(__VLS_44, new __VLS_44({ ...{ class: ("rotate") }, name: ("arrow_drop_down"), color: ("gray"), }));
-                    const __VLS_46 = __VLS_45({ ...{ class: ("rotate") }, name: ("arrow_drop_down"), color: ("gray"), }, ...__VLS_functionalComponentArgsRest(__VLS_45));
-                }
-                var __VLS_36;
-            }
-            var __VLS_24;
-        }
-        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-        {
-            const { item: __VLS_thisSlot } = __VLS_nonNullable(__VLS_18.slots);
-            const [{ item }] = __VLS_getSlotParams(__VLS_thisSlot);
-            const __VLS_50 = __VLS_resolvedLocalAndGlobalComponents.McButton;
-            /** @type { [typeof __VLS_components.McButton, typeof __VLS_components.mcButton, typeof __VLS_components.McButton, typeof __VLS_components.mcButton, ] } */
-            // @ts-ignore
-            const __VLS_51 = __VLS_asFunctionalComponent(__VLS_50, new __VLS_50({ fullWidth: (true), textAlign: ((__VLS_ctx.HorizontalAlignment.Left)), variation: ("black-flat"), href: ((item.href)), to: ((item.to)), target: ((item.target)), isActive: ((item.isActive)), exact: ((item.exact)), }));
-            const __VLS_52 = __VLS_51({ fullWidth: (true), textAlign: ((__VLS_ctx.HorizontalAlignment.Left)), variation: ("black-flat"), href: ((item.href)), to: ((item.to)), target: ((item.target)), isActive: ((item.isActive)), exact: ((item.exact)), }, ...__VLS_functionalComponentArgsRest(__VLS_51));
-            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-            {
-                const { "icon-prepend": __VLS_thisSlot } = __VLS_nonNullable(__VLS_55.slots);
-                if (item.icon) {
-                    const __VLS_56 = __VLS_resolvedLocalAndGlobalComponents.McSvgIcon;
-                    /** @type { [typeof __VLS_components.McSvgIcon, typeof __VLS_components.mcSvgIcon, ] } */
-                    // @ts-ignore
-                    const __VLS_57 = __VLS_asFunctionalComponent(__VLS_56, new __VLS_56({ name: ((item.icon)), }));
-                    const __VLS_58 = __VLS_57({ name: ((item.icon)), }, ...__VLS_functionalComponentArgsRest(__VLS_57));
-                }
-                else if (item.image) {
-                    __VLS_elementAsFunction(__VLS_intrinsicElements.img)({ src: ((item.image)), width: ("24"), height: ("24"), alt: ("service image"), });
-                }
-            }
-            (item.name);
-            var __VLS_55;
-        }
-        var __VLS_18;
-    }
-    __VLS_styleScopedClasses['mc-side-bar-top'];
-    __VLS_styleScopedClasses['mc-side-bar-top__img'];
-    __VLS_styleScopedClasses['mc-side-bar-top__img'];
-    __VLS_styleScopedClasses['rotate'];
-    __VLS_styleScopedClasses['mc-side-bar-top__activator-btn'];
-    __VLS_styleScopedClasses['rotate'];
-    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 {
-            McDropdown: McDropdown,
-            McButton: McButton,
-            McSvgIcon: McSvgIcon,
-            McPreview: McPreview,
-            McTitle: McTitle,
-            ButtonSize: ButtonSize,
-            HorizontalAlignment: HorizontalAlignment,
-            Weights: Weights,
-            dropIsOpen: dropIsOpen,
-            themeConfig: themeConfig,
-            computedMenuApps: computedMenuApps,
-        };
-    },
-    props: {
-        /**
-         *  Меню приложений
-         *
-         */
-        menuApps: {
-            type: Array,
-            default: () => []
-        },
-        /**
-         *  Название сервиса
-         *
-         */
-        logoTitle: {
-            type: String,
-            default: 'Dashboard'
-        },
-        /**
-         *  Размер текста названия сервиса
-         *
-         */
-        logoTitleVariation: {
-            type: String,
-            default: TitleVariations.Subtitle
-        },
-        /**
-         *  Путь до изображения
-         */
-        logoSrc: {
-            type: String,
-            default: ''
-        },
-        /**
-         *  Имя иконки
-         *  заголовка
-         */
-        logoIcon: {
-            type: String,
-            default: ''
-        },
-        dropdownPosition: {
-            type: String,
-            default: DropdownPositions.Left
-        },
-        /**
-         *  Компактный вид
-         */
-        compact: {
-            type: Boolean,
-            default: false
-        }
-    },
-});
-const __VLS_component = (await import('vue')).defineComponent({
-    setup() {
-        return {};
-    },
-    props: {
-        /**
-         *  Меню приложений
-         *
-         */
-        menuApps: {
-            type: Array,
-            default: () => []
-        },
-        /**
-         *  Название сервиса
-         *
-         */
-        logoTitle: {
-            type: String,
-            default: 'Dashboard'
-        },
-        /**
-         *  Размер текста названия сервиса
-         *
-         */
-        logoTitleVariation: {
-            type: String,
-            default: TitleVariations.Subtitle
-        },
-        /**
-         *  Путь до изображения
-         */
-        logoSrc: {
-            type: String,
-            default: ''
-        },
-        /**
-         *  Имя иконки
-         *  заголовка
-         */
-        logoIcon: {
-            type: String,
-            default: ''
-        },
-        dropdownPosition: {
-            type: String,
-            default: DropdownPositions.Left
-        },
-        /**
-         *  Компактный вид
-         */
-        compact: {
-            type: Boolean,
-            default: false
-        }
-    },
-    __typeEl: {},
-});
-export default {};
-; /* PartiallyEnd: #4569/main.vue */