mediacube-ui-v2 0.0.37 → 0.0.38

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

@@ -0,0 +1,409 @@
+import { McTitle, McSideBarButton, McSeparator, McButton, McSvgIcon } from '@/components';
+import { useRandomNumber } from '@/composables';
+import { computed, inject, nextTick, onBeforeMount, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { ButtonSize, SidebarTheme } from '@/enums';
+import McSlideUpDown from '@/components/elements/McSlideUpDown/McSlideUpDown.vue';
+import { defaultThemes } from '@/mocks/sidebar';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const route = useRoute();
+const randomNumber = useRandomNumber();
+const provideData = inject('provideData', {});
+const emit = defineEmits();
+const props = defineProps({
+    /**
+     *  Заголовок
+     */
+    title: {
+        type: String,
+        default: ''
+    },
+    /**
+     *  Центральное меню
+     */
+    menuMain: {
+        type: Array,
+        default: () => []
+    },
+    /**
+     *  Каунты для пунктов меню
+     *  вставляются в пункты с ключем 'count_key'
+     *
+     */
+    counts: {
+        type: Object,
+        default: () => ({})
+    },
+    /**
+     *  Id чатры
+     *
+     */
+    chatraConfig: {
+        type: Object,
+        default: () => ({})
+    },
+    /**
+     *  Компактный вид
+     */
+    compact: {
+        type: Boolean,
+        default: false
+    }
+});
+const loading = ref(true);
+const preparedMainMenu = ref([]);
+const themeConfig = computed(() => {
+    return provideData.currentThemeConfig || defaultThemes[SidebarTheme.Black];
+});
+onBeforeMount(() => {
+    setMainMenu();
+});
+watch(() => props.menuMain, () => {
+    setMainMenu();
+}, { deep: true });
+watch(() => props.compact, () => {
+    setMainMenu();
+});
+// если переходим на роут с вложенным меню, открываем вложенное меню
+watch(() => route, (newRoute, oldRoute) => {
+    loading.value = true;
+    if (oldRoute.path !== newRoute.path) {
+        const target_route = preparedMainMenu.value.find((r) => r.to === newRoute.path || r.menu?.find((childRoute) => childRoute.to === newRoute.path));
+        target_route?.menu && !props.compact && (target_route.open = true);
+    }
+    nextTick(() => {
+        preparedMainMenu.value.forEach((mi) => {
+            const exact_route = mi.to === newRoute.path;
+            const route_menu_match_new_route = mi.menu && mi.menu.some((mim) => mim.to?.match(newRoute?.path) || newRoute.path?.match(mim.to));
+            if (!(exact_route || route_menu_match_new_route))
+                mi.open = false;
+        });
+        loading.value = false;
+    });
+});
+const getMenuItemHeadClasses = (menuMainItem) => {
+    return {
+        open: menuMainItem.open,
+        active: menuMainItem.active(),
+        'with-submenu': menuMainItem.menu && menuMainItem.menu.length,
+        [`mc-side-bar--${themeConfig.value.mode || 'black'}__button`]: true,
+        'purple-hover': themeConfig.value.mainMenuLinks.variable === 'black-flat',
+        [`mc-button--variation-${themeConfig.value.mainMenuLinks.variable}`]: !!themeConfig.value.mainMenuLinks.variable,
+        ['mc-side-bar--black__button mc-button nuxt-link-active']: menuMainItem.menu && menuMainItem.menu.length && !menuMainItem.open && menuMainItem.active()
+    };
+};
+const handlerSidebarItemClick = () => {
+    props.compact && emit('open-side-bar');
+};
+// заранее формируем меню один раз, так как компьютед излишен и во вторых нужна переменная "open" что бы ее тогглить
+const setMainMenu = () => {
+    loading.value = true;
+    preparedMainMenu.value = props.menuMain.map((i) => {
+        const active = () => {
+            return (i.menu && i.menu.some((r) => route?.path?.match(r.to))) || !!route?.path?.match(i.to);
+        };
+        return {
+            id: randomNumber.timestamp(5),
+            ...i,
+            active,
+            indicator: () => i.menu && i.menu.some((r) => !!props.counts?.[r.count_key]),
+            open: !props.compact && active()
+        };
+    });
+    loading.value = false;
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         *  Заголовок
+         */
+        title: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Центральное меню
+         */
+        menuMain: {
+            type: Array,
+            default: () => []
+        },
+        /**
+         *  Каунты для пунктов меню
+         *  вставляются в пункты с ключем 'count_key'
+         *
+         */
+        counts: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Id чатры
+         *
+         */
+        chatraConfig: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Компактный вид
+         */
+        compact: {
+            type: Boolean,
+            default: false
+        }
+    },
+    __typeEmits: {},
+});
+;
+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-center") }, });
+    if (__VLS_ctx.title) {
+        const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+        /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+        // @ts-ignore
+        const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ class: ("mc-side-bar-center__title") }, color: ((__VLS_ctx.compact ? 'transparent' : 'dark-gray')), }));
+        const __VLS_2 = __VLS_1({ ...{ class: ("mc-side-bar-center__title") }, color: ((__VLS_ctx.compact ? 'transparent' : 'dark-gray')), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+        (__VLS_ctx.title);
+        __VLS_nonNullable(__VLS_5.slots).default;
+        var __VLS_5;
+    }
+    if (__VLS_ctx.preparedMainMenu && __VLS_ctx.preparedMainMenu.length) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-side-bar-center__content") }, });
+        __VLS_asFunctionalDirective(__VLS_directives.vShow)(null, { ...__VLS_directiveBindingRestFields, modifiers: {}, value: (!__VLS_ctx.loading) }, null, null);
+        for (const [menuMainItem] of __VLS_getVForSourceType((__VLS_ctx.preparedMainMenu))) {
+            __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ key: ((menuMainItem.id)), ...{ class: (({ 'item-active': menuMainItem.active() })) }, ...{ class: ("mc-side-bar-center__content-item item") }, });
+            __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ onClick: (__VLS_ctx.handlerSidebarItemClick) }, ...{ class: ("item__head") }, ...{ class: ((__VLS_ctx.getMenuItemHeadClasses(menuMainItem))) }, });
+            const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.McSideBarButton;
+            /** @type { [typeof __VLS_components.McSideBarButton, typeof __VLS_components.mcSideBarButton, ] } */
+            // @ts-ignore
+            const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ info: ((!(menuMainItem.menu && !!menuMainItem.menu.length)
+                    ? menuMainItem.info || props.counts[menuMainItem.count_key] || null
+                    : null)), href: ((menuMainItem.href)), to: ((menuMainItem.to)), icon: ((menuMainItem.icon)), iconColor: ((menuMainItem.iconColor)), title: ((menuMainItem.name)), compact: ((__VLS_ctx.compact)), isActive: ((menuMainItem.active())), withSubmenu: ((menuMainItem.menu && !!menuMainItem.menu.length)), withIndicator: ((menuMainItem.indicator() && !menuMainItem.open)), withTooltip: (true), ...{ class: ("item__head-button--no-hover") }, }));
+            const __VLS_8 = __VLS_7({ info: ((!(menuMainItem.menu && !!menuMainItem.menu.length)
+                    ? menuMainItem.info || props.counts[menuMainItem.count_key] || null
+                    : null)), href: ((menuMainItem.href)), to: ((menuMainItem.to)), icon: ((menuMainItem.icon)), iconColor: ((menuMainItem.iconColor)), title: ((menuMainItem.name)), compact: ((__VLS_ctx.compact)), isActive: ((menuMainItem.active())), withSubmenu: ((menuMainItem.menu && !!menuMainItem.menu.length)), withIndicator: ((menuMainItem.indicator() && !menuMainItem.open)), withTooltip: (true), ...{ class: ("item__head-button--no-hover") }, }, ...__VLS_functionalComponentArgsRest(__VLS_7));
+            if (menuMainItem.menu && menuMainItem.menu.length && !__VLS_ctx.compact) {
+                const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.McButton;
+                /** @type { [typeof __VLS_components.McButton, typeof __VLS_components.mcButton, typeof __VLS_components.McButton, typeof __VLS_components.mcButton, ] } */
+                // @ts-ignore
+                const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ ...{ 'onClick': {} }, variation: ((menuMainItem.active() ? 'white-link' : 'gray-link')), size: ((__VLS_ctx.ButtonSize.MCompact)), ...{ class: ("item__head-arrow") }, ...{ class: (({
+                            rotate: menuMainItem.active() ? menuMainItem.active() && menuMainItem.open : menuMainItem.open
+                        })) }, }));
+                const __VLS_14 = __VLS_13({ ...{ 'onClick': {} }, variation: ((menuMainItem.active() ? 'white-link' : 'gray-link')), size: ((__VLS_ctx.ButtonSize.MCompact)), ...{ class: ("item__head-arrow") }, ...{ class: (({
+                            rotate: menuMainItem.active() ? menuMainItem.active() && menuMainItem.open : menuMainItem.open
+                        })) }, }, ...__VLS_functionalComponentArgsRest(__VLS_13));
+                let __VLS_18;
+                const __VLS_19 = {
+                    onClick: (...[$event]) => {
+                        if (!((__VLS_ctx.preparedMainMenu && __VLS_ctx.preparedMainMenu.length)))
+                            return;
+                        if (!((menuMainItem.menu && menuMainItem.menu.length && !__VLS_ctx.compact)))
+                            return;
+                        menuMainItem.open = !menuMainItem.open;
+                    }
+                };
+                let __VLS_15;
+                let __VLS_16;
+                __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+                {
+                    const { "icon-prepend": __VLS_thisSlot } = __VLS_nonNullable(__VLS_17.slots);
+                    const __VLS_20 = __VLS_resolvedLocalAndGlobalComponents.McSvgIcon;
+                    /** @type { [typeof __VLS_components.McSvgIcon, typeof __VLS_components.mcSvgIcon, ] } */
+                    // @ts-ignore
+                    const __VLS_21 = __VLS_asFunctionalComponent(__VLS_20, new __VLS_20({ name: ("arrow_forward"), }));
+                    const __VLS_22 = __VLS_21({ name: ("arrow_forward"), }, ...__VLS_functionalComponentArgsRest(__VLS_21));
+                }
+                var __VLS_17;
+            }
+            if (menuMainItem.menu && menuMainItem.menu.length) {
+                // @ts-ignore
+                [McSlideUpDown, McSlideUpDown,];
+                // @ts-ignore
+                const __VLS_26 = __VLS_asFunctionalComponent(McSlideUpDown, new McSlideUpDown({ ...{ class: ("item__submenu") }, active: ((menuMainItem.active() ? menuMainItem.active() && menuMainItem.open : menuMainItem.open)), }));
+                const __VLS_27 = __VLS_26({ ...{ class: ("item__submenu") }, active: ((menuMainItem.active() ? menuMainItem.active() && menuMainItem.open : menuMainItem.open)), }, ...__VLS_functionalComponentArgsRest(__VLS_26));
+                for (const [menuItem, i] of __VLS_getVForSourceType((menuMainItem.menu))) {
+                    const __VLS_31 = __VLS_resolvedLocalAndGlobalComponents.McSideBarButton;
+                    /** @type { [typeof __VLS_components.McSideBarButton, typeof __VLS_components.mcSideBarButton, ] } */
+                    // @ts-ignore
+                    const __VLS_32 = __VLS_asFunctionalComponent(__VLS_31, new __VLS_31({ key: ((i)), info: ((__VLS_ctx.counts[menuItem.count_key])), href: ((menuItem.href)), to: ((menuItem.to)), icon: ((menuItem.icon)), iconColor: ((menuItem.iconColor)), title: ((menuItem.name)), compact: ((__VLS_ctx.compact)), withTooltip: (true), }));
+                    const __VLS_33 = __VLS_32({ key: ((i)), info: ((__VLS_ctx.counts[menuItem.count_key])), href: ((menuItem.href)), to: ((menuItem.to)), icon: ((menuItem.icon)), iconColor: ((menuItem.iconColor)), title: ((menuItem.name)), compact: ((__VLS_ctx.compact)), withTooltip: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_32));
+                }
+                __VLS_nonNullable(__VLS_30.slots).default;
+                var __VLS_30;
+            }
+        }
+    }
+    if (__VLS_ctx.chatraConfig.title) {
+        const __VLS_37 = __VLS_resolvedLocalAndGlobalComponents.McSeparator;
+        /** @type { [typeof __VLS_components.McSeparator, typeof __VLS_components.mcSeparator, ] } */
+        // @ts-ignore
+        const __VLS_38 = __VLS_asFunctionalComponent(__VLS_37, new __VLS_37({ color: ("dark-gray"), indentTop: ("150"), indentBottom: ("150"), indentLeft: ((__VLS_ctx.compact ? '50' : '100')), indentRight: ((__VLS_ctx.compact ? '50' : '100')), }));
+        const __VLS_39 = __VLS_38({ color: ("dark-gray"), indentTop: ("150"), indentBottom: ("150"), indentLeft: ((__VLS_ctx.compact ? '50' : '100')), indentRight: ((__VLS_ctx.compact ? '50' : '100')), }, ...__VLS_functionalComponentArgsRest(__VLS_38));
+    }
+    if (__VLS_ctx.chatraConfig.title) {
+        const __VLS_43 = __VLS_resolvedLocalAndGlobalComponents.McSideBarButton;
+        /** @type { [typeof __VLS_components.McSideBarButton, typeof __VLS_components.mcSideBarButton, ] } */
+        // @ts-ignore
+        const __VLS_44 = __VLS_asFunctionalComponent(__VLS_43, new __VLS_43({ ...{ 'onClick': {} }, icon: ("chat_messages"), title: ((__VLS_ctx.chatraConfig.title)), compact: ((__VLS_ctx.compact)), withTooltip: (true), }));
+        const __VLS_45 = __VLS_44({ ...{ 'onClick': {} }, icon: ("chat_messages"), title: ((__VLS_ctx.chatraConfig.title)), compact: ((__VLS_ctx.compact)), withTooltip: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_44));
+        let __VLS_49;
+        const __VLS_50 = {
+            onClick: (...[$event]) => {
+                if (!((__VLS_ctx.chatraConfig.title)))
+                    return;
+                __VLS_ctx.emit('handlerChatraClick');
+            }
+        };
+        let __VLS_46;
+        let __VLS_47;
+        var __VLS_48;
+    }
+    __VLS_styleScopedClasses['mc-side-bar-center'];
+    __VLS_styleScopedClasses['mc-side-bar-center__title'];
+    __VLS_styleScopedClasses['mc-side-bar-center__content'];
+    __VLS_styleScopedClasses['item-active'];
+    __VLS_styleScopedClasses['mc-side-bar-center__content-item'];
+    __VLS_styleScopedClasses['item'];
+    __VLS_styleScopedClasses['item__head'];
+    __VLS_styleScopedClasses['item__head-button--no-hover'];
+    __VLS_styleScopedClasses['item__head-arrow'];
+    __VLS_styleScopedClasses['rotate'];
+    __VLS_styleScopedClasses['item__submenu'];
+    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 {
+            McTitle: McTitle,
+            McSideBarButton: McSideBarButton,
+            McSeparator: McSeparator,
+            McButton: McButton,
+            McSvgIcon: McSvgIcon,
+            ButtonSize: ButtonSize,
+            McSlideUpDown: McSlideUpDown,
+            emit: emit,
+            loading: loading,
+            preparedMainMenu: preparedMainMenu,
+            getMenuItemHeadClasses: getMenuItemHeadClasses,
+            handlerSidebarItemClick: handlerSidebarItemClick,
+        };
+    },
+    __typeEmits: {},
+    props: {
+        /**
+         *  Заголовок
+         */
+        title: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Центральное меню
+         */
+        menuMain: {
+            type: Array,
+            default: () => []
+        },
+        /**
+         *  Каунты для пунктов меню
+         *  вставляются в пункты с ключем 'count_key'
+         *
+         */
+        counts: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Id чатры
+         *
+         */
+        chatraConfig: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Компактный вид
+         */
+        compact: {
+            type: Boolean,
+            default: false
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    __typeEmits: {},
+    props: {
+        /**
+         *  Заголовок
+         */
+        title: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Центральное меню
+         */
+        menuMain: {
+            type: Array,
+            default: () => []
+        },
+        /**
+         *  Каунты для пунктов меню
+         *  вставляются в пункты с ключем 'count_key'
+         *
+         */
+        counts: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Id чатры
+         *
+         */
+        chatraConfig: {
+            type: Object,
+            default: () => ({})
+        },
+        /**
+         *  Компактный вид
+         */
+        compact: {
+            type: Boolean,
+            default: false
+        }
+    },
+    __typeEl: {},
+});
+; /* PartiallyEnd: #4569/main.vue */

package/dist/{types/src → src}/components/patterns/McSideBar/McSideBarTop/McSideBarTop.vue.d.ts

@@ -1,7 +1,7 @@
-import { PropType } from 'vue';
-import { DropdownPositions, TitleVariations } from '../../../../enums';
-import { DropdownPositionsUnion, ISideBarApp, TitleVariationsUnion } from '../../../../types';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+import { DropdownPositions, TitleVariations } from '@/enums';
+import type { DropdownPositionsUnion, ISideBarApp, TitleVariationsUnion } from '@/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Меню приложений
      *
@@ -52,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: PropType<boolean>;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Меню приложений
      *
@@ -111,7 +111,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     logoIcon: "reset" | "link" | "a_circle" | "access_time" | "account_circle" | "account_edit" | "add" | "add_circle" | "address" | "ads_banner" | "album" | "alert_solid" | "alternate_email" | "amocrm" | "amper_music" | "analytics" | "animation_motion" | "api" | "apple_icon" | "applications" | "applications_new" | "apps" | "archive" | "archive_in" | "archive_out" | "arrow-stats-down" | "arrow-stats-up" | "arrow_backward" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_leftward" | "arrow_rightward" | "arrow_to_grow_circle" | "arrow_up_down" | "arrow_upward" | "arrows" | "artist" | "assessment" | "assets_unassigned" | "assignment" | "assignment_ind" | "assist_icon" | "attach_money" | "audiotrack" | "backspace" | "bank" | "bank_building" | "bank_building_blue" | "bank_card" | "bank_card_arrow" | "bank_card_clock" | "bank_card_double" | "bank_card_virtual_blue" | "bank_money_colored" | "bankwire" | "bell" | "binance_coin_colored" | "biometrics" | "bitcoin" | "bitcoin_cash_colored" | "bitcoin_colored" | "bloggerhood" | "board" | "book" | "broken_link" | "bug" | "bug_big" | "bug_report" | "building" | "building_colored" | "business_center" | "calendar" | "calendar_colored" | "calendar_load" | "calendar_sixteen" | "calendar_two_weeks" | "calendar_user" | "camera_alt" | "camera_plus" | "camera_video" | "cancel" | "cancel_alt" | "capitalist" | "capitalist_colored" | "card" | "card_off" | "card_off_circle" | "card_to_card_blue" | "card_to_card_colored" | "cash-ad" | "cash" | "category" | "cellphone" | "change_sheet" | "channels_icon" | "chart_bar" | "chart_line" | "chat" | "chat_add" | "chat_forum" | "chat_messages" | "check-rhombus" | "check" | "check_all" | "check_circle" | "check_circle_second" | "check_circle_solid" | "check_polygonal" | "checkbox--checked" | "checkbox" | "checkboxes" | "circle" | "circle_arrows" | "click" | "clickup" | "clip" | "clock_check" | "clock_solid" | "close" | "close_circle_outline" | "close_circle_solid" | "cloud_upload" | "coin_speed" | "comment" | "company" | "confetti" | "connection" | "contacts" | "contracts" | "convert" | "copy" | "copyright" | "credit-card" | "credit_card_blink" | "crypto" | "crypto_blue" | "crypto_colored" | "cryptowallet" | "cryptowallet_blue" | "cryptowallet_colored" | "cup" | "dashboard" | "date_range" | "deeplinks" | "delete-account" | "delete" | "delete_alt" | "deprecated" | "desktop_device" | "dialog" | "discord" | "discord_colored" | "dislike" | "doc-export" | "document" | "dollar" | "donate_blue" | "donate_colored" | "dot-status" | "download" | "drag" | "eWallet" | "e_wallet_blue" | "e_wallet_colored" | "edit" | "edit_solid" | "email" | "email_circle" | "email_colored" | "enrollment" | "epayments_colored" | "epidemic-sound" | "epidemic_sound_circle" | "error" | "ethereum_colored" | "event" | "event_alt" | "exit_to_app" | "explicit" | "export" | "export_all" | "express_payment" | "face" | "face_alt" | "facebook" | "facebook_colored" | "fast" | "favorite" | "file" | "file_add" | "file_copy" | "file_download" | "file_export" | "file_eye" | "file_import" | "file_new" | "filter_list" | "find_in_page" | "fire" | "fire_colored" | "fire_solid" | "flag_ar" | "flag_en" | "flag_es" | "flag_pt" | "flag_ru" | "flag_th" | "flag_vi" | "fly_dollar" | "fly_euro" | "freeze" | "fullscreen" | "get_app" | "gift_solid" | "glasses" | "google_colored" | "googleplus_colored" | "graph-no-data" | "group" | "group_connection" | "growth_arrow_circle" | "hand_money" | "help" | "help_invert" | "help_solid" | "help_ukraine_colored" | "home" | "iban" | "iban_blue" | "id_square" | "id_thin" | "image" | "infinity" | "info" | "info_rounded_square" | "info_solid" | "instagram" | "instagram_colored" | "keyboard" | "keyboard_arrow_left" | "keyboard_arrow_right" | "keyboard_arrow_right_thin" | "kraken" | "language" | "layers" | "lightning" | "lightning_circle" | "lightning_circle_solid" | "lightning_outlined" | "like" | "link_broken" | "link_colored" | "link_external" | "link_external_new" | "linkedin" | "linkedin_colored" | "list" | "litecoin_colored" | "live_help" | "loader" | "location_city" | "location_on" | "lock" | "lock_old" | "logout" | "magic_blink" | "mail_outline" | "mc_assist" | "mc_dashboard" | "mc_id" | "mc_pay" | "mc_pay_app" | "mc_pay_compact" | "mc_pay_menu" | "mc_pay_menu_circle_colored" | "mc_pay_mobile_app" | "mc_studio" | "mc_vidwide" | "mcadslogo" | "mediacube" | "menu" | "menu_new" | "message" | "messenger" | "messenger_colored" | "minus" | "mobile_device" | "money_clock" | "money_input" | "more_horiz" | "music" | "music_icon" | "new" | "notes" | "objects" | "obs" | "okru" | "okru_colored" | "ondemand_video" | "partners" | "pause" | "payment" | "payoneer" | "payoneer_colored" | "payoneer_cy" | "paypal" | "paypal_colored" | "percent" | "personal_email_colored" | "phone_colored" | "photo_add" | "picture" | "picture_thin" | "plane" | "play-videos" | "play" | "print" | "prototype" | "public" | "qiwi" | "qiwi_colored" | "radio--checked" | "ready" | "receipt" | "receipt_thin" | "recording_circle" | "recruiters" | "redo" | "referral" | "referral_solid" | "reload" | "reload_right" | "remove_red_eye" | "repair" | "reply_arrow" | "requisites" | "resize_video" | "revenue" | "review" | "ripple_colored" | "rocket" | "rocket_colored" | "rocket_small" | "role" | "safety" | "sand_clock" | "save" | "search" | "send" | "send_solid" | "settings" | "settings_solid" | "settings_tools" | "shield" | "shield_blue" | "shield_colored" | "shield_usd" | "shop" | "shopping_cart" | "shuffle" | "sign_out" | "skype" | "skype_colored" | "slack" | "smile_star_eye" | "sort_asc" | "sort_az" | "sort_desc" | "sort_directions" | "sort_list" | "sort_za" | "spy_colored" | "staff" | "star" | "star_round" | "star_round_solid" | "stars" | "stars_fill" | "stats_icon" | "steam" | "steam_colored" | "studio_icon" | "subscriptions" | "suitcase" | "supervised_user_circle" | "support" | "swap_cubes" | "swap_cubes_colored" | "swap_horizontal_circle" | "switches" | "table" | "telegram" | "telegram_colored" | "tether" | "tether_colored" | "three_dots" | "thumb_down" | "thumb_up" | "tiktok" | "time" | "time_thin" | "timelapse" | "timeline" | "tipalti" | "transaction" | "twitter_colored" | "unarchive" | "unfold_more" | "unlock" | "upload_img" | "usd_coin_colored" | "user" | "user_edit" | "user_kyc" | "viber" | "viber_colored" | "videoblocks" | "vidiq-logo-mono" | "vidiq_circle" | "visibility" | "visibility_off" | "vkontakte" | "vkontakte_colored" | "wallet" | "warning" | "webmoney" | "webmoney_colored" | "website_colored" | "whatsapp" | "whatsapp_colored" | "wise_colored" | "worldfirst" | "x_network" | "yandexmoney" | "yoomoney_colored" | "youtube" | "youtube_circled" | "youtube_circled_second" | "youtube_colored" | "youtube_outlined" | "zcash_colored";
     menuApps: ISideBarApp[];
     dropdownPosition: DropdownPositionsUnion;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     "title-append"?(_: {}): any;
     "title-append"?(_: {}): any;
 }>;

package/dist/src/components/patterns/McSideBar/McSideBarTop/McSideBarTop.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McSideBarTop.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/patterns/McSideBar/McSideBarTop/McSideBarTop.vue"],"names":[],"mappings":"AAkNA,OAAO,EAAoB,KAAK,QAAQ,EAAO,MAAM,KAAK,CAAA;AAE1D,OAAO,EAAc,iBAAiB,EAAqC,eAAe,EAAW,MAAM,SAAS,CAAA;AACpH,OAAO,KAAK,EAEV,sBAAsB,EAEtB,WAAW,EAGX,oBAAoB,EACrB,MAAM,SAAS,CAAA;;IA8Xd;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;;;;;IASH;;OAEG;;;;;;IA7CH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;;;;;IASH;;OAEG;;;;;;;;;;;;;;;;;AAQL,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}