mediacube-ui-v2 0.0.28 → 0.0.30

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

@@ -0,0 +1,412 @@
+import defaultImage from '@/assets/img/no_user.png';
+import { computed, ref, watch } from 'vue';
+import { AvatarSizes } from '@/types/styles/AvatarSizes';
+import { Colors } from '@/types/styles/Colors';
+import { Sizes } from '@/types/styles/Sizes';
+import { Radiuses } from '@/types';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const props = defineProps({
+    /**
+     *  Путь до изображения
+     *
+     */
+    src: {
+        type: String,
+        default: defaultImage
+    },
+    /**
+     *  Отложенная подгрузка
+     *
+     */
+    lazy: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     *  Атрибут alt
+     */
+    alt: {
+        type: String,
+        default: ''
+    },
+    /**
+     *  Размеры
+     */
+    size: {
+        type: String,
+        default: '300'
+    },
+    /**
+     *  Круглый
+     *
+     */
+    rounded: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     *  Цвет рамки
+     *
+     */
+    borderColor: {
+        type: String,
+        default: ''
+    },
+    /**
+     *  Цвет точки
+     *
+     */
+    dotColor: {
+        type: String,
+        default: ''
+    },
+    /**
+     *  Цвет точки
+     *
+     */
+    shadow: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     *  Перетаскивание изображения
+     *
+     */
+    draggable: {
+        type: Boolean,
+        default: true
+    }
+});
+const style = ref({});
+const wrapperStyle = ref({});
+const hasStatus = computed(() => !!props.borderColor || !!props.dotColor);
+const classes = computed(() => ({
+    'mc-avatar': true,
+    'mc-avatar--rounded': props.rounded,
+    'mc-avatar--bordered': !!props.borderColor,
+    'mc-avatar--shadow': props.shadow && !hasStatus.value,
+    [`mc-avatar--size-${props.size}`]: !!props.size
+}));
+const wrapperClasses = computed(() => {
+    return {
+        'mc-avatar__wrapper': true,
+        'mc-avatar__wrapper-status--shadow': !!props.shadow,
+        [`mc-avatar__wrapper-status--size-${props.size}`]: !!props.size,
+        'mc-avatar__wrapper--has-dot': !!props.dotColor
+    };
+});
+watch(() => props.dotColor, () => {
+    if (hasStatus.value) {
+        if (props.dotColor)
+            wrapperStyle.value['--mc-avatar-dot-color'] = Colors[props.dotColor];
+    }
+}, { immediate: true });
+watch(() => props.borderColor, () => {
+    if (hasStatus.value) {
+        if (props.borderColor)
+            style.value['--mc-avatar-border-color'] = Colors[props.borderColor];
+    }
+}, { immediate: true });
+watch(() => props.size, () => {
+    if (props.size) {
+        style.value['--mc-avatar-avatar-size'] = AvatarSizes[props.size];
+        if (+props.size < 500) {
+            wrapperStyle.value['--mc-avatar-dot-size'] = Sizes['100'];
+            style.value['--mc-avatar-avatar-radius'] = Radiuses['50'];
+        }
+        switch (+props.size) {
+            case 500:
+            case 600: {
+                wrapperStyle.value['--mc-avatar-dot-size'] = Sizes['150'];
+                break;
+            }
+            case 700:
+            case 800:
+            case 900:
+            case 1000: {
+                wrapperStyle.value['--mc-avatar-dot-size'] = Sizes['200'];
+                wrapperStyle.value['--mc-avatar-dot-border-width'] = '2px';
+                break;
+            }
+        }
+    }
+}, { immediate: true });
+const handleOnError = (e) => {
+    if (!e.target)
+        return;
+    //@ts-ignore
+    e.target.src = defaultImage;
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         *  Путь до изображения
+         *
+         */
+        src: {
+            type: String,
+            default: defaultImage
+        },
+        /**
+         *  Отложенная подгрузка
+         *
+         */
+        lazy: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Атрибут alt
+         */
+        alt: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Размеры
+         */
+        size: {
+            type: String,
+            default: '300'
+        },
+        /**
+         *  Круглый
+         *
+         */
+        rounded: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Цвет рамки
+         *
+         */
+        borderColor: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Цвет точки
+         *
+         */
+        dotColor: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Цвет точки
+         *
+         */
+        shadow: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Перетаскивание изображения
+         *
+         */
+        draggable: {
+            type: Boolean,
+            default: true
+        }
+    },
+});
+;
+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: ((__VLS_ctx.wrapperClasses)) }, ...{ style: ((__VLS_ctx.wrapperStyle)) }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ((__VLS_ctx.classes)) }, ...{ style: ((__VLS_ctx.style)) }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.img)({ ...{ onOnerror: (__VLS_ctx.handleOnError) }, src: ((props.src || __VLS_ctx.defaultImage)), alt: ((props.alt)), draggable: ((props.draggable)), lazy: ((props.lazy)), ...{ class: ("mc-avatar__img") }, });
+    __VLS_styleScopedClasses['mc-avatar__img'];
+    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 {
+            defaultImage: defaultImage,
+            style: style,
+            wrapperStyle: wrapperStyle,
+            classes: classes,
+            wrapperClasses: wrapperClasses,
+            handleOnError: handleOnError,
+        };
+    },
+    props: {
+        /**
+         *  Путь до изображения
+         *
+         */
+        src: {
+            type: String,
+            default: defaultImage
+        },
+        /**
+         *  Отложенная подгрузка
+         *
+         */
+        lazy: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Атрибут alt
+         */
+        alt: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Размеры
+         */
+        size: {
+            type: String,
+            default: '300'
+        },
+        /**
+         *  Круглый
+         *
+         */
+        rounded: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Цвет рамки
+         *
+         */
+        borderColor: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Цвет точки
+         *
+         */
+        dotColor: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Цвет точки
+         *
+         */
+        shadow: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Перетаскивание изображения
+         *
+         */
+        draggable: {
+            type: Boolean,
+            default: true
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        /**
+         *  Путь до изображения
+         *
+         */
+        src: {
+            type: String,
+            default: defaultImage
+        },
+        /**
+         *  Отложенная подгрузка
+         *
+         */
+        lazy: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Атрибут alt
+         */
+        alt: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Размеры
+         */
+        size: {
+            type: String,
+            default: '300'
+        },
+        /**
+         *  Круглый
+         *
+         */
+        rounded: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Цвет рамки
+         *
+         */
+        borderColor: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Цвет точки
+         *
+         */
+        dotColor: {
+            type: String,
+            default: ''
+        },
+        /**
+         *  Цвет точки
+         *
+         */
+        shadow: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Перетаскивание изображения
+         *
+         */
+        draggable: {
+            type: Boolean,
+            default: true
+        }
+    },
+    __typeEl: {},
+});
+; /* PartiallyEnd: #4569/main.vue */

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Дизайн:
      *  `purple, purple-outline т.д.`
@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: BooleanConstructor;
         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<{
     /**
      *  Дизайн:
      *  `purple, purple-outline т.д.`
@@ -42,7 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     variation: "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";
     verticalLine: boolean;
     modern: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"McBadge.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McBadge/McBadge.vue"],"names":[],"mappings":";IAsVE;;;OAGG;;;;;IAKH;;OAEG;;;;;;;;;;IAVH;;;OAGG;;;;;IAKH;;OAEG;;;;;;;;;;;;;;;;AAYL,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,188 @@
+import { Colors } from '@/types/styles/Colors';
+import { computed } from 'vue';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const props = defineProps({
+    /**
+     *  Дизайн:
+     *  `purple, purple-outline т.д.`
+     */
+    variation: {
+        type: String,
+        default: 'purple'
+    },
+    /**
+     *  Вертикальная черта (в таблице, к примеру)
+     */
+    verticalLine: {
+        type: Boolean,
+        default: false
+    },
+    modern: {
+        type: Boolean,
+        default: false
+    }
+});
+const classes = computed(() => ({
+    'mc-badge': true,
+    'mc-badge--vertical-line': props.verticalLine,
+    'mc-badge--modern': props.modern
+}));
+const rootStyles = computed(() => {
+    const variation = `${props.variation}${props.modern ? '-modern' : ''}`;
+    let style = {};
+    const texts = variation.split('-');
+    const currentStyle = texts[texts.length - 1];
+    const color = (props.variation ? variation.replace(`-${currentStyle}`, '') : variation);
+    const setProperty = ({ property = '--mc-badge-color', value, newColor = color } = {}) => {
+        style[property] = value || newColor && Colors[newColor];
+    };
+    switch (currentStyle) {
+        case 'outline': {
+            setProperty();
+            setProperty({ property: '--mc-badge-border-color' });
+            setProperty({ property: '--mc-badge-background-color', newColor: 'white' });
+            setProperty({ property: '--mc-badge-background-opacity', value: '0.4' });
+            break;
+        }
+        case 'invert':
+        case 'modern': {
+            setProperty();
+            setProperty({ property: '--mc-badge-background-color' });
+            setProperty({ property: '--mc-badge-background-opacity', value: '0.1' });
+            break;
+        }
+        default: {
+            const lightColors = [
+                'hover-gray',
+                'white',
+                'lighter-blue',
+                'lighter-purple',
+                'toxic',
+                'transparent'
+            ];
+            lightColors.includes(variation) && setProperty({ newColor: 'black' });
+            setProperty({ property: '--mc-badge-background-color', newColor: variation });
+            break;
+        }
+    }
+    return style;
+}); /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         *  Дизайн:
+         *  `purple, purple-outline т.д.`
+         */
+        variation: {
+            type: String,
+            default: 'purple'
+        },
+        /**
+         *  Вертикальная черта (в таблице, к примеру)
+         */
+        verticalLine: {
+            type: Boolean,
+            default: false
+        },
+        modern: {
+            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: ((__VLS_ctx.classes)) }, ...{ style: ((__VLS_ctx.rootStyles)) }, ...(__VLS_ctx.$attrs), });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-badge__text") }, });
+    var __VLS_0 = {};
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-badge__background") }, });
+    __VLS_styleScopedClasses['mc-badge__text'];
+    __VLS_styleScopedClasses['mc-badge__background'];
+    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 {
+            classes: classes,
+            rootStyles: rootStyles,
+        };
+    },
+    props: {
+        /**
+         *  Дизайн:
+         *  `purple, purple-outline т.д.`
+         */
+        variation: {
+            type: String,
+            default: 'purple'
+        },
+        /**
+         *  Вертикальная черта (в таблице, к примеру)
+         */
+        verticalLine: {
+            type: Boolean,
+            default: false
+        },
+        modern: {
+            type: Boolean,
+            default: false
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        /**
+         *  Дизайн:
+         *  `purple, purple-outline т.д.`
+         */
+        variation: {
+            type: String,
+            default: 'purple'
+        },
+        /**
+         *  Вертикальная черта (в таблице, к примеру)
+         */
+        verticalLine: {
+            type: Boolean,
+            default: false
+        },
+        modern: {
+            type: Boolean,
+            default: false
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

package/dist/src/components/elements/McBottomLoader/McBottomLoader.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    center: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLElement>;
+export default _default;
+//# sourceMappingURL=McBottomLoader.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"McBottomLoader.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McBottomLoader/McBottomLoader.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAqKA,wBAYG"}