mediacube-ui-v2 0.0.32 → 0.0.34

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

@@ -1,412 +0,0 @@
-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/src/components/elements/McBadge/McBadge.vue.js

@@ -1,188 +0,0 @@
-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.js

@@ -1,83 +0,0 @@
-import { computed } from 'vue';
-const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
-const props = defineProps({
-    center: {
-        type: Boolean,
-        default: false
-    }
-});
-const classes = computed(() => {
-    return {
-        'mc-bottom-loader': true,
-        'mc-bottom-loader--center': props.center
-    };
-}); /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_fnComponent = (await import('vue')).defineComponent({
-    props: {
-        center: {
-            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.section, __VLS_intrinsicElements.section)({ ...{ class: ((__VLS_ctx.classes)) }, });
-    __VLS_elementAsFunction(__VLS_intrinsicElements.section, __VLS_intrinsicElements.section)({ ...{ class: ("mc-bottom-loader__spinner") }, });
-    __VLS_styleScopedClasses['mc-bottom-loader__spinner'];
-    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,
-        };
-    },
-    props: {
-        center: {
-            type: Boolean,
-            default: false
-        }
-    },
-});
-export default (await import('vue')).defineComponent({
-    setup() {
-        return {};
-    },
-    props: {
-        center: {
-            type: Boolean,
-            default: false
-        }
-    },
-    __typeEl: {},
-});
-; /* PartiallyEnd: #4569/main.vue */