mediacube-ui-v2 0.0.9 → 0.0.11

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

@@ -1,419 +0,0 @@
-import McDropdown from '@/components/patterns/McDropdown/McDropdown.vue';
-import McButton from '@/components/elements/McButton/McButton.vue';
-import McSvgIcon from '@/components/elements/McSvgIcon/McSvgIcon.vue';
-import McPreview from '@/components/patterns/McPreview/McPreview.vue';
-import McTitle from '@/components/elements/McTitle/McTitle.vue';
-import { computed, inject, ref } from 'vue';
-import { useHelper } from '@/composables/useHelper';
-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) {
-        // @ts-ignore
-        [McPreview, McPreview,];
-        // @ts-ignore
-        const __VLS_0 = __VLS_asFunctionalComponent(McPreview, new McPreview({}));
-        const __VLS_1 = __VLS_0({}, ...__VLS_functionalComponentArgsRest(__VLS_0));
-        if (__VLS_ctx.logoSrc) {
-            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-            {
-                const { left: __VLS_thisSlot } = __VLS_nonNullable(__VLS_4.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_4.slots);
-            if (!__VLS_ctx.compact) {
-                // @ts-ignore
-                [McTitle, McTitle,];
-                // @ts-ignore
-                const __VLS_5 = __VLS_asFunctionalComponent(McTitle, new McTitle({ weight: ((__VLS_ctx.Weights.SemiBold)), variation: ((__VLS_ctx.logoTitleVariation)), }));
-                const __VLS_6 = __VLS_5({ weight: ((__VLS_ctx.Weights.SemiBold)), variation: ((__VLS_ctx.logoTitleVariation)), }, ...__VLS_functionalComponentArgsRest(__VLS_5));
-                (__VLS_ctx.logoTitle);
-                __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-                {
-                    const { "icon-append": __VLS_thisSlot } = __VLS_nonNullable(__VLS_9.slots);
-                    var __VLS_10 = {};
-                }
-                var __VLS_9;
-            }
-        }
-        var __VLS_4;
-    }
-    else {
-        // @ts-ignore
-        [McDropdown, McDropdown,];
-        // @ts-ignore
-        const __VLS_11 = __VLS_asFunctionalComponent(McDropdown, new McDropdown({ modelValue: ((__VLS_ctx.dropIsOpen)), position: ((__VLS_ctx.dropdownPosition)), items: ((__VLS_ctx.computedMenuApps)), }));
-        const __VLS_12 = __VLS_11({ modelValue: ((__VLS_ctx.dropIsOpen)), position: ((__VLS_ctx.dropdownPosition)), items: ((__VLS_ctx.computedMenuApps)), }, ...__VLS_functionalComponentArgsRest(__VLS_11));
-        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-        {
-            const { activator: __VLS_thisSlot } = __VLS_nonNullable(__VLS_15.slots);
-            // @ts-ignore
-            [McPreview, McPreview,];
-            // @ts-ignore
-            const __VLS_16 = __VLS_asFunctionalComponent(McPreview, new McPreview({}));
-            const __VLS_17 = __VLS_16({}, ...__VLS_functionalComponentArgsRest(__VLS_16));
-            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-            {
-                const { left: __VLS_thisSlot } = __VLS_nonNullable(__VLS_20.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) {
-                    // @ts-ignore
-                    [McSvgIcon,];
-                    // @ts-ignore
-                    const __VLS_21 = __VLS_asFunctionalComponent(McSvgIcon, new McSvgIcon({ ...{ class: ("rotate") }, name: ((__VLS_ctx.logoIcon)), }));
-                    const __VLS_22 = __VLS_21({ ...{ class: ("rotate") }, name: ((__VLS_ctx.logoIcon)), }, ...__VLS_functionalComponentArgsRest(__VLS_21));
-                }
-            }
-            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-            {
-                const { top: __VLS_thisSlot } = __VLS_nonNullable(__VLS_20.slots);
-                // @ts-ignore
-                [McButton, McButton,];
-                // @ts-ignore
-                const __VLS_26 = __VLS_asFunctionalComponent(McButton, new McButton({ 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_27 = __VLS_26({ 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_26));
-                if (!__VLS_ctx.compact) {
-                    // @ts-ignore
-                    [McTitle, McTitle,];
-                    // @ts-ignore
-                    const __VLS_31 = __VLS_asFunctionalComponent(McTitle, new McTitle({ weight: ((__VLS_ctx.Weights.SemiBold)), variation: ((__VLS_ctx.logoTitleVariation)), }));
-                    const __VLS_32 = __VLS_31({ weight: ((__VLS_ctx.Weights.SemiBold)), variation: ((__VLS_ctx.logoTitleVariation)), }, ...__VLS_functionalComponentArgsRest(__VLS_31));
-                    (__VLS_ctx.logoTitle);
-                    __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-                    {
-                        const { "icon-append": __VLS_thisSlot } = __VLS_nonNullable(__VLS_35.slots);
-                        var __VLS_36 = {};
-                    }
-                    var __VLS_35;
-                }
-                __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-                {
-                    const { "icon-append": __VLS_thisSlot } = __VLS_nonNullable(__VLS_30.slots);
-                    // @ts-ignore
-                    [McSvgIcon,];
-                    // @ts-ignore
-                    const __VLS_37 = __VLS_asFunctionalComponent(McSvgIcon, new McSvgIcon({ ...{ class: ("rotate") }, name: ("arrow_drop_down"), color: ("gray"), }));
-                    const __VLS_38 = __VLS_37({ ...{ class: ("rotate") }, name: ("arrow_drop_down"), color: ("gray"), }, ...__VLS_functionalComponentArgsRest(__VLS_37));
-                }
-                var __VLS_30;
-            }
-            var __VLS_20;
-        }
-        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-        {
-            const { item: __VLS_thisSlot } = __VLS_nonNullable(__VLS_15.slots);
-            const [{ item }] = __VLS_getSlotParams(__VLS_thisSlot);
-            // @ts-ignore
-            [McButton, McButton,];
-            // @ts-ignore
-            const __VLS_42 = __VLS_asFunctionalComponent(McButton, new McButton({ 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_43 = __VLS_42({ 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_42));
-            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
-            {
-                const { "icon-prepend": __VLS_thisSlot } = __VLS_nonNullable(__VLS_46.slots);
-                if (item.icon) {
-                    // @ts-ignore
-                    [McSvgIcon,];
-                    // @ts-ignore
-                    const __VLS_47 = __VLS_asFunctionalComponent(McSvgIcon, new McSvgIcon({ name: ((item.icon)), }));
-                    const __VLS_48 = __VLS_47({ name: ((item.icon)), }, ...__VLS_functionalComponentArgsRest(__VLS_47));
-                }
-                else if (item.image) {
-                    __VLS_elementAsFunction(__VLS_intrinsicElements.img)({ src: ((item.image)), width: ("24"), height: ("24"), alt: ("service image"), });
-                }
-            }
-            (item.name);
-            var __VLS_46;
-        }
-        var __VLS_15;
-    }
-    __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 */