mediacube-ui-v2 0.0.27 → 0.0.29

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

@@ -0,0 +1,508 @@
+import { McButton, McSvgIcon, McChip } from '@/components';
+import { computed, inject, useAttrs } from 'vue';
+import { ButtonSize, HorizontalAlignment, SidebarTheme, TooltipPositions } from '@/enums';
+import { defaultThemes } from '@/mocks/sidebar';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const attrs = useAttrs();
+const provideData = inject('provideData', {});
+const props = defineProps({
+    /**
+     *  Если нужна ссылка внутри приложения:
+     */
+    to: {
+        type: Object,
+        default: null
+    },
+    /**
+     *  Если нужна обычная ссылка:
+     * `https://mcpay.io/`
+     */
+    href: {
+        type: String,
+        default: null
+    },
+    /**
+     *  Если нужна иконка
+     */
+    icon: {
+        type: String,
+        default: ''
+    },
+    /**
+     *  Если нужен конкретный
+     *  цвет иконки
+     */
+    iconColor: {
+        type: String,
+        default: 'currentColor'
+    },
+    /**
+     *  Тайтл кнопки
+     */
+    title: {
+        type: String,
+        default: ''
+    },
+    /**
+     *  Compact size
+     */
+    compact: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     *  Дизайн:
+     *  `purple, red, purple-outline, purple-invert, purple-flat и т.д.`
+     */
+    variation: {
+        type: String
+    },
+    /**
+     * Если нужен другой цвет при взаимодействии
+     */
+    secondaryColor: {
+        type: String
+    },
+    withTooltip: {
+        type: Boolean,
+        default: false
+    },
+    withIndicator: {
+        type: Boolean,
+        default: false
+    },
+    isActive: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     *  Additional info
+     */
+    info: {
+        type: [String, Number],
+        default: ''
+    },
+    /**
+     *  Exact
+     *
+     */
+    exact: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     *  Отключенное состояние
+     *
+     */
+    disabled: {
+        type: Boolean,
+        default: false
+    }
+});
+const themeConfig = computed(() => {
+    return provideData.currentThemeConfig || defaultThemes[SidebarTheme.Black];
+});
+const classes = computed(() => {
+    return {
+        'mc-side-bar-button': true,
+        [`mc-side-bar--${themeConfig.value.mode || 'black'}__button`]: true,
+        'purple-hover': !props.secondaryColor && themeConfig.value.mainMenuLinks.variable === 'black-flat',
+        //@ts-ignore
+        [attrs.class]: !!attrs.class
+    };
+});
+const btnAttrs = computed(() => {
+    return {
+        ...attrs,
+        variation: props.variation || themeConfig.value.mainMenuLinks.variable,
+        secondaryColor: props.secondaryColor || themeConfig.value.mainMenuLinks.secondaryColor,
+        textAlign: HorizontalAlignment.Left,
+        fullWidth: true,
+        size: props.compact ? ButtonSize.SCompact : ButtonSize.S,
+        href: props.href,
+        to: props.to,
+        exact: props.exact,
+        disabled: props.disabled,
+        isActive: props.isActive,
+        tooltip: props.compact && props.withTooltip ? props.title : '',
+        tooltipPlacement: TooltipPositions.Right
+    };
+}); /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         *  Если нужна ссылка внутри приложения:
+         */
+        to: {
+            type: Object,
+            default: null
+        },
+        /**
+         *  Если нужна обычная ссылка:
+         * `https://mcpay.io/`
+         */
+        href: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Если нужна иконка
+         */
+        icon: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Если нужен конкретный
+         *  цвет иконки
+         */
+        iconColor: {
+            type: String,
+            default: 'currentColor'
+        },
+        /**
+         *  Тайтл кнопки
+         */
+        title: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Compact size
+         */
+        compact: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Дизайн:
+         *  `purple, red, purple-outline, purple-invert, purple-flat и т.д.`
+         */
+        variation: {
+            type: String
+        },
+        /**
+         * Если нужен другой цвет при взаимодействии
+         */
+        secondaryColor: {
+            type: String
+        },
+        withTooltip: {
+            type: Boolean,
+            default: false
+        },
+        withIndicator: {
+            type: Boolean,
+            default: false
+        },
+        isActive: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Additional info
+         */
+        info: {
+            type: [String, Number],
+            default: ''
+        },
+        /**
+         *  Exact
+         *
+         */
+        exact: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Отключенное состояние
+         *
+         */
+        disabled: {
+            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;
+    const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.McButton;
+    /** @type { [typeof __VLS_components.McButton, typeof __VLS_components.mcButton, typeof __VLS_components.McButton, typeof __VLS_components.mcButton, ] } */
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...(__VLS_ctx.btnAttrs), ...{ class: ((__VLS_ctx.classes)) }, }));
+    const __VLS_2 = __VLS_1({ ...(__VLS_ctx.btnAttrs), ...{ class: ((__VLS_ctx.classes)) }, }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    var __VLS_6 = {};
+    __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+    {
+        const { "icon-prepend": __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+        if (__VLS_ctx.icon) {
+            const __VLS_7 = __VLS_resolvedLocalAndGlobalComponents.McSvgIcon;
+            /** @type { [typeof __VLS_components.McSvgIcon, typeof __VLS_components.mcSvgIcon, ] } */
+            // @ts-ignore
+            const __VLS_8 = __VLS_asFunctionalComponent(__VLS_7, new __VLS_7({ fill: ((__VLS_ctx.iconColor)), ...{ class: ("mc-side-bar-button__icon") }, name: ((__VLS_ctx.icon)), }));
+            const __VLS_9 = __VLS_8({ fill: ((__VLS_ctx.iconColor)), ...{ class: ("mc-side-bar-button__icon") }, name: ((__VLS_ctx.icon)), }, ...__VLS_functionalComponentArgsRest(__VLS_8));
+        }
+        if (__VLS_ctx.icon && __VLS_ctx.compact && (__VLS_ctx.info || __VLS_ctx.withIndicator)) {
+            __VLS_elementAsFunction(__VLS_intrinsicElements.span)({ ...{ class: ("mc-side-bar-button__dot") }, });
+        }
+    }
+    if (!__VLS_ctx.compact) {
+        (__VLS_ctx.title);
+    }
+    if (!__VLS_ctx.compact) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { "icon-append": __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+            if (__VLS_ctx.info || __VLS_ctx.withIndicator) {
+                const __VLS_13 = __VLS_resolvedLocalAndGlobalComponents.McChip;
+                /** @type { [typeof __VLS_components.McChip, typeof __VLS_components.mcChip, typeof __VLS_components.McChip, typeof __VLS_components.mcChip, ] } */
+                // @ts-ignore
+                const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({ variation: ("purple"), ...{ class: ("mc-side-bar-button__chip") }, ...{ class: (({ indicator: __VLS_ctx.withIndicator })) }, }));
+                const __VLS_15 = __VLS_14({ variation: ("purple"), ...{ class: ("mc-side-bar-button__chip") }, ...{ class: (({ indicator: __VLS_ctx.withIndicator })) }, }, ...__VLS_functionalComponentArgsRest(__VLS_14));
+                (__VLS_ctx.withIndicator ? '' : __VLS_ctx.info);
+                __VLS_nonNullable(__VLS_18.slots).default;
+                var __VLS_18;
+            }
+        }
+    }
+    var __VLS_5;
+    __VLS_styleScopedClasses['mc-side-bar-button__icon'];
+    __VLS_styleScopedClasses['mc-side-bar-button__dot'];
+    __VLS_styleScopedClasses['mc-side-bar-button__chip'];
+    __VLS_styleScopedClasses['indicator'];
+    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 {
+            McButton: McButton,
+            McSvgIcon: McSvgIcon,
+            McChip: McChip,
+            classes: classes,
+            btnAttrs: btnAttrs,
+        };
+    },
+    props: {
+        /**
+         *  Если нужна ссылка внутри приложения:
+         */
+        to: {
+            type: Object,
+            default: null
+        },
+        /**
+         *  Если нужна обычная ссылка:
+         * `https://mcpay.io/`
+         */
+        href: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Если нужна иконка
+         */
+        icon: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Если нужен конкретный
+         *  цвет иконки
+         */
+        iconColor: {
+            type: String,
+            default: 'currentColor'
+        },
+        /**
+         *  Тайтл кнопки
+         */
+        title: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Compact size
+         */
+        compact: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Дизайн:
+         *  `purple, red, purple-outline, purple-invert, purple-flat и т.д.`
+         */
+        variation: {
+            type: String
+        },
+        /**
+         * Если нужен другой цвет при взаимодействии
+         */
+        secondaryColor: {
+            type: String
+        },
+        withTooltip: {
+            type: Boolean,
+            default: false
+        },
+        withIndicator: {
+            type: Boolean,
+            default: false
+        },
+        isActive: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Additional info
+         */
+        info: {
+            type: [String, Number],
+            default: ''
+        },
+        /**
+         *  Exact
+         *
+         */
+        exact: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Отключенное состояние
+         *
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        /**
+         *  Если нужна ссылка внутри приложения:
+         */
+        to: {
+            type: Object,
+            default: null
+        },
+        /**
+         *  Если нужна обычная ссылка:
+         * `https://mcpay.io/`
+         */
+        href: {
+            type: String,
+            default: null
+        },
+        /**
+         *  Если нужна иконка
+         */
+        icon: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Если нужен конкретный
+         *  цвет иконки
+         */
+        iconColor: {
+            type: String,
+            default: 'currentColor'
+        },
+        /**
+         *  Тайтл кнопки
+         */
+        title: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Compact size
+         */
+        compact: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Дизайн:
+         *  `purple, red, purple-outline, purple-invert, purple-flat и т.д.`
+         */
+        variation: {
+            type: String
+        },
+        /**
+         * Если нужен другой цвет при взаимодействии
+         */
+        secondaryColor: {
+            type: String
+        },
+        withTooltip: {
+            type: Boolean,
+            default: false
+        },
+        withIndicator: {
+            type: Boolean,
+            default: false
+        },
+        isActive: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Additional info
+         */
+        info: {
+            type: [String, Number],
+            default: ''
+        },
+        /**
+         *  Exact
+         *
+         */
+        exact: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Отключенное состояние
+         *
+         */
+        disabled: {
+            type: Boolean,
+            default: false
+        }
+    },
+    __typeEl: {},
+});
+; /* PartiallyEnd: #4569/main.vue */

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

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { ISideBarChatra, ISideBarMenuItem } from '../../../../types';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+import type { ISideBarChatra, ISideBarMenuItem } from '@/types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Заголовок
      */
@@ -39,10 +39,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<boolean>;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "open-side-bar": () => any;
     handlerChatraClick: () => any;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Заголовок
      */
@@ -90,6 +90,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     menuMain: ISideBarMenuItem[];
     counts: Record<string, number | null>;
     chatraConfig: ISideBarChatra;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=McSideBarCenter.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"McSideBarCenter.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/patterns/McSideBar/McSideBarCenter/McSideBarCenter.vue"],"names":[],"mappings":"AAsVA,OAAO,EAA6C,KAAK,QAAQ,EAAc,MAAM,KAAK,CAAA;AAE1F,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAA0D,MAAM,SAAS,CAAA;;IA2arH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;;;OAIG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;;;;;IAjCH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;;;OAIG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;AAxCL,wBA+CG"}