mediacube-ui-v2 0.0.9 → 0.0.10

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

@@ -1,326 +0,0 @@
-import McSvgIcon from '../McSvgIcon/McSvgIcon.vue';
-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 = {};
-        // @ts-ignore
-        [McSvgIcon,];
-        // @ts-ignore
-        const __VLS_3 = __VLS_asFunctionalComponent(McSvgIcon, new McSvgIcon({ size: ("200"), name: ("cancel"), }));
-        const __VLS_4 = __VLS_3({ size: ("200"), name: ("cancel"), }, ...__VLS_functionalComponentArgsRest(__VLS_3));
-    }
-    __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/components/elements/McCropper/McCropper.vue.js

@@ -1,98 +0,0 @@
-const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
-// import { ref, watch } from 'vue'
-// //@ts-ignore
-// import VueCropper from 'vue3-cropperjs'
-// import 'vue3-cropperjs/dist/v3cropper.css'
-//
-// const emit = defineEmits(['crop', 'ready'])
-// const props = defineProps({
-//   /**
-//    *  Путь к изображению
-//    *
-//    */
-//   imgSrc: {
-//     type: String,
-//     default: null
-//   }
-// })
-// const cropper = ref<InstanceType<VueCropper>>(null)
-// const timeout = ref<number | null>(null)
-//
-// watch(
-//   () => props.imgSrc,
-//   (value) => {
-//     setImage(value)
-//   }
-// )
-// const setImage = (value: string): void => {
-//   cropper.value.replace(props.imgSrc || value)
-// }
-//
-// const debounce = (method: TimerHandler): void => {
-//   clearDebounce()
-//   timeout.value = setTimeout(method, 200)
-// }
-//
-// const cropImage = (e: any): void => {
-//   e.target?.cropper
-//     ?.getCroppedCanvas({
-//       maxWidth: 650,
-//       maxHeight: 650
-//     })
-//     .toBlob((blob: Blob) => {
-//       /**
-//        * Событие по обрезке
-//        * @property {blob}
-//        */
-//       emit('crop', blob)
-//     })
-//   clearDebounce()
-// }
-// const clearDebounce = (): void => {
-//   timeout.value && clearTimeout(timeout.value)
-// }
-; /* PartiallyEnd: #3632/scriptSetup.vue */
-const __VLS_fnComponent = (await import('vue')).defineComponent({});
-;
-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;
-    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 {};
-    },
-});
-export default (await import('vue')).defineComponent({
-    setup() {
-        return {};
-    },
-});
-; /* PartiallyEnd: #4569/main.vue */