mediacube-ui-v2 0.0.27 → 0.0.29

package/dist/src/components/elements/McNotification/McNotification.vue.js

@@ -0,0 +1,364 @@
+import { McTitle, McSvgIcon, McButton, McPreview } from '@/components';
+import { computed } from 'vue';
+import { Colors } from '@/types/styles/Colors';
+import { Weights } from '@/enums/ui/Weights';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits(['click']);
+const props = defineProps({
+    /**
+     * Дизайн:
+     * purple, red, orange и т.д.
+     */
+    variation: {
+        type: String,
+        default: 'purple',
+    },
+    /**
+     * Заголовок блока
+     */
+    title: {
+        type: String,
+    },
+    /**
+     * Содержимое блока
+     */
+    content: {
+        type: String,
+        default: null,
+    },
+    /**
+     * Отобразить кнопку внтури блока
+     */
+    buttonVisible: {
+        type: Boolean,
+        default: false,
+    },
+    /**
+     * Текст кнопки
+     */
+    buttonText: {
+        type: String,
+        default: '',
+    },
+    /**
+     * Название иконки
+     */
+    iconName: {
+        type: String,
+        default: 'info',
+    },
+    /**
+     * Отображать иконку
+     */
+    iconVisible: {
+        type: Boolean,
+        default: true,
+    },
+});
+const styles = computed(() => {
+    return {
+        '--mc-notification-color': Colors[props.variation],
+    };
+});
+const handleClick = (e) => {
+    /**
+     * Событие клика по кнопке
+     */
+    emit('click', e);
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         * Дизайн:
+         * purple, red, orange и т.д.
+         */
+        variation: {
+            type: String,
+            default: 'purple',
+        },
+        /**
+         * Заголовок блока
+         */
+        title: {
+            type: String,
+        },
+        /**
+         * Содержимое блока
+         */
+        content: {
+            type: String,
+            default: null,
+        },
+        /**
+         * Отобразить кнопку внтури блока
+         */
+        buttonVisible: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Текст кнопки
+         */
+        buttonText: {
+            type: String,
+            default: '',
+        },
+        /**
+         * Название иконки
+         */
+        iconName: {
+            type: String,
+            default: 'info',
+        },
+        /**
+         * Отображать иконку
+         */
+        iconVisible: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    emits: {},
+});
+;
+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-notification") }, ...{ style: ((__VLS_ctx.styles)) }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-notification__inner") }, });
+    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 (props.iconVisible && (__VLS_ctx.$slots.left || props.iconName)) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { left: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+            var __VLS_6 = {};
+            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({ name: ((props.iconName)), size: ("300"), }));
+            const __VLS_9 = __VLS_8({ name: ((props.iconName)), size: ("300"), }, ...__VLS_functionalComponentArgsRest(__VLS_8));
+            __VLS_nonNullable(__VLS_5.slots).default;
+        }
+    }
+    if (__VLS_ctx.$slots.header || props.title) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { top: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+            var __VLS_13 = {};
+            if (props.title) {
+                const __VLS_14 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+                /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+                // @ts-ignore
+                const __VLS_15 = __VLS_asFunctionalComponent(__VLS_14, new __VLS_14({ color: ((props.variation)), weight: ((__VLS_ctx.Weights.SemiBold)), ...{ class: ("mc-notification__title") }, }));
+                const __VLS_16 = __VLS_15({ color: ((props.variation)), weight: ((__VLS_ctx.Weights.SemiBold)), ...{ class: ("mc-notification__title") }, }, ...__VLS_functionalComponentArgsRest(__VLS_15));
+                (props.title);
+                __VLS_nonNullable(__VLS_19.slots).default;
+                var __VLS_19;
+            }
+            __VLS_nonNullable(__VLS_5.slots).default;
+        }
+    }
+    if (props.content || __VLS_ctx.$slots.default) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { bottom: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+            __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-notification__text") }, });
+            var __VLS_20 = {};
+            const __VLS_21 = __VLS_resolvedLocalAndGlobalComponents.McTitle;
+            /** @type { [typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, typeof __VLS_components.McTitle, typeof __VLS_components.mcTitle, ] } */
+            // @ts-ignore
+            const __VLS_22 = __VLS_asFunctionalComponent(__VLS_21, new __VLS_21({ color: ((props.variation)), }));
+            const __VLS_23 = __VLS_22({ color: ((props.variation)), }, ...__VLS_functionalComponentArgsRest(__VLS_22));
+            (props.content);
+            __VLS_nonNullable(__VLS_26.slots).default;
+            var __VLS_26;
+            __VLS_nonNullable(__VLS_5.slots).default;
+        }
+    }
+    if (__VLS_ctx.$slots.right || props.buttonVisible) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { right: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+            var __VLS_27 = {};
+            if (props.buttonVisible) {
+                const __VLS_28 = __VLS_resolvedLocalAndGlobalComponents.McButton;
+                /** @type { [typeof __VLS_components.McButton, typeof __VLS_components.mcButton, typeof __VLS_components.McButton, typeof __VLS_components.mcButton, ] } */
+                // @ts-ignore
+                const __VLS_29 = __VLS_asFunctionalComponent(__VLS_28, new __VLS_28({ ...{ 'onClick': {} }, variation: ((props.variation)), ...{ class: ("mc-notification__button") }, }));
+                const __VLS_30 = __VLS_29({ ...{ 'onClick': {} }, variation: ((props.variation)), ...{ class: ("mc-notification__button") }, }, ...__VLS_functionalComponentArgsRest(__VLS_29));
+                let __VLS_34;
+                const __VLS_35 = {
+                    onClick: (__VLS_ctx.handleClick)
+                };
+                let __VLS_31;
+                let __VLS_32;
+                (props.buttonText);
+                __VLS_nonNullable(__VLS_33.slots).default;
+                var __VLS_33;
+            }
+            __VLS_nonNullable(__VLS_5.slots).default;
+        }
+    }
+    var __VLS_5;
+    __VLS_styleScopedClasses['mc-notification'];
+    __VLS_styleScopedClasses['mc-notification__inner'];
+    __VLS_styleScopedClasses['mc-notification__title'];
+    __VLS_styleScopedClasses['mc-notification__text'];
+    __VLS_styleScopedClasses['mc-notification__button'];
+    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,
+            McSvgIcon: McSvgIcon,
+            McButton: McButton,
+            McPreview: McPreview,
+            Weights: Weights,
+            styles: styles,
+            handleClick: handleClick,
+        };
+    },
+    emits: {},
+    props: {
+        /**
+         * Дизайн:
+         * purple, red, orange и т.д.
+         */
+        variation: {
+            type: String,
+            default: 'purple',
+        },
+        /**
+         * Заголовок блока
+         */
+        title: {
+            type: String,
+        },
+        /**
+         * Содержимое блока
+         */
+        content: {
+            type: String,
+            default: null,
+        },
+        /**
+         * Отобразить кнопку внтури блока
+         */
+        buttonVisible: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Текст кнопки
+         */
+        buttonText: {
+            type: String,
+            default: '',
+        },
+        /**
+         * Название иконки
+         */
+        iconName: {
+            type: String,
+            default: 'info',
+        },
+        /**
+         * Отображать иконку
+         */
+        iconVisible: {
+            type: Boolean,
+            default: true,
+        },
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    emits: {},
+    props: {
+        /**
+         * Дизайн:
+         * purple, red, orange и т.д.
+         */
+        variation: {
+            type: String,
+            default: 'purple',
+        },
+        /**
+         * Заголовок блока
+         */
+        title: {
+            type: String,
+        },
+        /**
+         * Содержимое блока
+         */
+        content: {
+            type: String,
+            default: null,
+        },
+        /**
+         * Отобразить кнопку внтури блока
+         */
+        buttonVisible: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Текст кнопки
+         */
+        buttonText: {
+            type: String,
+            default: '',
+        },
+        /**
+         * Название иконки
+         */
+        iconName: {
+            type: String,
+            default: 'info',
+        },
+        /**
+         * Отображать иконку
+         */
+        iconVisible: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

package/dist/{types/src → src}/components/elements/McProgress/McProgress.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { ColorTypes } from '../../../types/styles/Colors';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+import { type ColorTypes } from '@/types/styles/Colors';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Процент
      *
@@ -61,7 +61,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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<{
     /**
      *  Процент
      *
@@ -131,6 +131,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     helpTextColor: "transparent" | "purple" | "hover-purple" | "light-purple" | "bg-purple" | "lighter-purple" | "black" | "outline-light" | "dark-gray" | "gray" | "outline-gray" | "hover-gray" | "bg-gray" | "white" | "hover-blue" | "blue" | "light-blue" | "lighter-blue" | "dark-orange" | "orange" | "yellow" | "dark-red" | "red" | "bright-pink" | "pale-pink" | "dark-green" | "green" | "toxic" | "ultraviolet" | "pinkish" | "azure" | "turquoise" | "darken-turquoise";
     reverseHeaders: boolean;
     monospaceNumbers: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=McProgress.vue.d.ts.map

package/dist/src/components/elements/McProgress/McProgress.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"McProgress.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McProgress/McProgress.vue"],"names":[],"mappings":"AAAA,OAoMO,EAAY,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAC7C,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAA;;IAsT7D;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;oBAEqB,UAAU;;;IAGlC;;;OAGG;;oBAEqB,UAAU;;;IAGlC;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;;IAvDH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;oBAEqB,UAAU;;;IAGlC;;;OAGG;;oBAEqB,UAAU;;;IAGlC;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;AA7DL,wBAoEG"}