mediacube-ui-v2 0.0.32 → 0.0.34

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

@@ -1,326 +0,0 @@
-import { McSvgIcon } from '@/components';
-import { computed } from 'vue';
-import { Colors } from '@/types/styles/Colors';
-import { ChipModifiers } from '@/enums';
-const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
-const emit = defineEmits(['close', 'click']);
-const props = defineProps({
-    /**
-     *  Text content
-     *
-     */
-    title: {
-        type: [String, Number],
-        default: '',
-    },
-    /**
-     *  Кнопка закрытия
-     *
-     */
-    closable: {
-        type: Boolean,
-        default: false,
-    },
-    /**
-     *  Дизайн:
-     *  `purple, purple-invert т.д.`
-     */
-    variation: {
-        type: String,
-        default: 'transparent',
-    },
-    /**
-     *  Счетчик
-     *
-     */
-    counter: {
-        type: [String, Number],
-        default: null,
-    },
-    /**
-     *  Размер
-     */
-    size: {
-        type: String,
-        default: 'm',
-    },
-    /**
-     *  Если нужен
-     *  иной цвет текста
-     */
-    textColor: {
-        type: String,
-        default: '',
-    },
-});
-const classes = computed(() => ({
-    [`mc-chip--variation-${chipOptions.value.variation}`]: !!props.variation,
-    [`mc-chip--size-${props.size}`]: !!props.size,
-}));
-const chipOptions = computed(() => {
-    const variationProps = props.variation?.split('-');
-    const currentVariation = variationProps[variationProps.length - 1];
-    let color;
-    let variation;
-    switch (currentVariation) {
-        case ChipModifiers.Outline:
-        case ChipModifiers.Invert: {
-            variation = currentVariation;
-            color = props.variation.replace(`-${currentVariation}`, '');
-            break;
-        }
-        default: {
-            variation = 'default';
-            color = props.variation;
-            break;
-        }
-    }
-    return {
-        color: color,
-        variation,
-    };
-});
-const styles = computed(() => {
-    const textColor = props.textColor || 'white';
-    return {
-        '--mc-chip-color': Colors[chipOptions.value.color],
-        '--mc-chip-text-color': Colors[textColor],
-    };
-});
-const handleCloseClick = (e) => {
-    emit('close', e);
-};
-const handleClick = (e) => {
-    emit('click', e);
-}; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_fnComponent = (await import('vue')).defineComponent({
-    props: {
-        /**
-         *  Text content
-         *
-         */
-        title: {
-            type: [String, Number],
-            default: '',
-        },
-        /**
-         *  Кнопка закрытия
-         *
-         */
-        closable: {
-            type: Boolean,
-            default: false,
-        },
-        /**
-         *  Дизайн:
-         *  `purple, purple-invert т.д.`
-         */
-        variation: {
-            type: String,
-            default: 'transparent',
-        },
-        /**
-         *  Счетчик
-         *
-         */
-        counter: {
-            type: [String, Number],
-            default: null,
-        },
-        /**
-         *  Размер
-         */
-        size: {
-            type: String,
-            default: 'm',
-        },
-        /**
-         *  Если нужен
-         *  иной цвет текста
-         */
-        textColor: {
-            type: String,
-            default: '',
-        },
-    },
-    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.section, __VLS_intrinsicElements.section)({ ...{ onClick: (__VLS_ctx.handleClick) }, ...{ class: ("mc-chip") }, tabindex: ("0"), ...{ class: ((__VLS_ctx.classes)) }, ...{ style: ((__VLS_ctx.styles)) }, });
-    if (__VLS_ctx.$slots.icon) {
-        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-chip__icon") }, });
-        var __VLS_0 = {};
-    }
-    if (__VLS_ctx.title || __VLS_ctx.$slots.default) {
-        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-chip__title") }, });
-        var __VLS_1 = {};
-        (__VLS_ctx.title);
-    }
-    if (__VLS_ctx.counter || __VLS_ctx.counter === 0) {
-        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-chip__counter") }, });
-        (__VLS_ctx.counter);
-    }
-    if (__VLS_ctx.closable) {
-        __VLS_elementAsFunction(__VLS_intrinsicElements.button, __VLS_intrinsicElements.button)({ ...{ onClick: (__VLS_ctx.handleCloseClick) }, ...{ class: ("mc-chip__button") }, type: ("button"), });
-        var __VLS_2 = {};
-        const __VLS_3 = __VLS_resolvedLocalAndGlobalComponents.McSvgIcon;
-        /** @type { [typeof __VLS_components.McSvgIcon, typeof __VLS_components.mcSvgIcon, ] } */
-        // @ts-ignore
-        const __VLS_4 = __VLS_asFunctionalComponent(__VLS_3, new __VLS_3({ size: ("200"), name: ("cancel"), }));
-        const __VLS_5 = __VLS_4({ size: ("200"), name: ("cancel"), }, ...__VLS_functionalComponentArgsRest(__VLS_4));
-    }
-    __VLS_styleScopedClasses['mc-chip'];
-    __VLS_styleScopedClasses['mc-chip__icon'];
-    __VLS_styleScopedClasses['mc-chip__title'];
-    __VLS_styleScopedClasses['mc-chip__counter'];
-    __VLS_styleScopedClasses['mc-chip__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 {
-            McSvgIcon: McSvgIcon,
-            classes: classes,
-            styles: styles,
-            handleCloseClick: handleCloseClick,
-            handleClick: handleClick,
-        };
-    },
-    emits: {},
-    props: {
-        /**
-         *  Text content
-         *
-         */
-        title: {
-            type: [String, Number],
-            default: '',
-        },
-        /**
-         *  Кнопка закрытия
-         *
-         */
-        closable: {
-            type: Boolean,
-            default: false,
-        },
-        /**
-         *  Дизайн:
-         *  `purple, purple-invert т.д.`
-         */
-        variation: {
-            type: String,
-            default: 'transparent',
-        },
-        /**
-         *  Счетчик
-         *
-         */
-        counter: {
-            type: [String, Number],
-            default: null,
-        },
-        /**
-         *  Размер
-         */
-        size: {
-            type: String,
-            default: 'm',
-        },
-        /**
-         *  Если нужен
-         *  иной цвет текста
-         */
-        textColor: {
-            type: String,
-            default: '',
-        },
-    },
-});
-const __VLS_component = (await import('vue')).defineComponent({
-    setup() {
-        return {};
-    },
-    emits: {},
-    props: {
-        /**
-         *  Text content
-         *
-         */
-        title: {
-            type: [String, Number],
-            default: '',
-        },
-        /**
-         *  Кнопка закрытия
-         *
-         */
-        closable: {
-            type: Boolean,
-            default: false,
-        },
-        /**
-         *  Дизайн:
-         *  `purple, purple-invert т.д.`
-         */
-        variation: {
-            type: String,
-            default: 'transparent',
-        },
-        /**
-         *  Счетчик
-         *
-         */
-        counter: {
-            type: [String, Number],
-            default: null,
-        },
-        /**
-         *  Размер
-         */
-        size: {
-            type: String,
-            default: 'm',
-        },
-        /**
-         *  Если нужен
-         *  иной цвет текста
-         */
-        textColor: {
-            type: String,
-            default: '',
-        },
-    },
-    __typeEl: {},
-});
-export default {};
-; /* PartiallyEnd: #4569/main.vue */

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

@@ -1,30 +0,0 @@
-import 'vue3-cropperjs/dist/v3cropper.css';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /**
-     *  Путь к изображению
-     *
-     */
-    imgSrc: {
-        type: StringConstructor;
-        default: null;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    ready: (...args: any[]) => void;
-    crop: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     *  Путь к изображению
-     *
-     */
-    imgSrc: {
-        type: StringConstructor;
-        default: null;
-    };
-}>> & Readonly<{
-    onReady?: ((...args: any[]) => any) | undefined;
-    onCrop?: ((...args: any[]) => any) | undefined;
-}>, {
-    imgSrc: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLElement>;
-export default _default;
-//# sourceMappingURL=McCropper.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"McCropper.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McCropper/McCropper.vue"],"names":[],"mappings":"AA0IA,OAAO,mCAAmC,CAAA;;IAgLxC;;;OAGG;;;;;;;;;IAHH;;;OAGG;;;;;;;;;;;AAVL,wBAiBG"}

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

@@ -1,155 +0,0 @@
-import { ref, watch } from 'vue';
-//@ts-ignore
-import { default as VueCropper } from 'vue3-cropperjs';
-import 'vue3-cropperjs/dist/v3cropper.css';
-const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
-const emit = defineEmits(['crop', 'ready']);
-const props = defineProps({
-    /**
-     *  Путь к изображению
-     *
-     */
-    imgSrc: {
-        type: String,
-        default: null
-    }
-});
-const cropper = ref(null);
-const timeout = ref(null);
-watch(() => props.imgSrc, (value) => {
-    setImage(value);
-});
-const setImage = (value) => {
-    cropper.value.replace(props.imgSrc || value);
-};
-const debounce = (method) => {
-    clearDebounce();
-    timeout.value = setTimeout(method, 200);
-};
-const cropImage = (e) => {
-    e.target?.cropper
-        ?.getCroppedCanvas({
-        maxWidth: 650,
-        maxHeight: 650
-    })
-        .toBlob((blob) => {
-        /**
-         * Событие по обрезке
-         * @property {blob}
-         */
-        emit('crop', blob);
-    });
-    clearDebounce();
-};
-const clearDebounce = () => {
-    timeout.value && clearTimeout(timeout.value);
-}; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_fnComponent = (await import('vue')).defineComponent({
-    props: {
-        /**
-         *  Путь к изображению
-         *
-         */
-        imgSrc: {
-            type: String,
-            default: null
-        }
-    },
-    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.section, __VLS_intrinsicElements.section)({ ...{ class: ("mc-cropper") }, });
-    const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.VueCropper;
-    /** @type { [typeof __VLS_components.VueCropper, typeof __VLS_components.vueCropper, ] } */
-    // @ts-ignore
-    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ 'onReady': {} }, ...{ 'onCrop': {} }, ref: ("cropper"), background: (true), alt: ("Avatar"), aspectRatio: ((1 / 1)), initialAspectRatio: ((1 / 1)), highlight: ((false)), guides: ((false)), zoomable: ((false)), viewMode: ((2)), src: ((__VLS_ctx.imgSrc)), }));
-    const __VLS_2 = __VLS_1({ ...{ 'onReady': {} }, ...{ 'onCrop': {} }, ref: ("cropper"), background: (true), alt: ("Avatar"), aspectRatio: ((1 / 1)), initialAspectRatio: ((1 / 1)), highlight: ((false)), guides: ((false)), zoomable: ((false)), viewMode: ((2)), src: ((__VLS_ctx.imgSrc)), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
-    // @ts-ignore navigation for `const cropper = ref()`
-    __VLS_ctx.cropper;
-    var __VLS_6 = {};
-    let __VLS_7;
-    const __VLS_8 = {
-        onReady: (...[$event]) => {
-            __VLS_ctx.emit('ready', $event);
-        }
-    };
-    const __VLS_9 = {
-        onCrop: ((e) => __VLS_ctx.debounce(() => __VLS_ctx.cropImage(e)))
-    };
-    let __VLS_3;
-    let __VLS_4;
-    var __VLS_5;
-    __VLS_styleScopedClasses['mc-cropper'];
-    var __VLS_slots;
-    var __VLS_inheritedAttrs;
-    const __VLS_refs = {
-        "cropper": __VLS_6,
-    };
-    var $refs;
-    var $el;
-    return {
-        attrs: {},
-        slots: __VLS_slots,
-        refs: $refs,
-        rootEl: $el,
-    };
-}
-;
-const __VLS_self = (await import('vue')).defineComponent({
-    setup() {
-        return {
-            VueCropper: VueCropper,
-            emit: emit,
-            cropper: cropper,
-            debounce: debounce,
-            cropImage: cropImage,
-        };
-    },
-    emits: {},
-    props: {
-        /**
-         *  Путь к изображению
-         *
-         */
-        imgSrc: {
-            type: String,
-            default: null
-        }
-    },
-});
-export default (await import('vue')).defineComponent({
-    setup() {
-        return {};
-    },
-    emits: {},
-    props: {
-        /**
-         *  Путь к изображению
-         *
-         */
-        imgSrc: {
-            type: String,
-            default: null
-        }
-    },
-    __typeEl: {},
-});
-; /* PartiallyEnd: #4569/main.vue */