mediacube-ui-v2 0.0.27 → 0.0.29

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

@@ -1,6 +1,7 @@
-import { PropType } from 'vue';
-import { ChipVariationUnion, ChipSizeUnion } from '../../../types/IChip';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+import type { ChipVariationUnion } from '@/types/IChip';
+import { type ChipSizeUnion } from '@/types/IChip';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      *  Text content
      *
@@ -48,10 +49,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: () => "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";
         default: string;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     close: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      *  Text content
      *
@@ -109,7 +110,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     textColor: "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";
     closable: boolean;
     counter: string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLElement>, {
     icon?(_: {}): any;
     default?(_: {}): any;
     button?(_: {}): any;

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

@@ -0,0 +1 @@
+{"version":3,"file":"McChip.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McChip/McChip.vue"],"names":[],"mappings":"AAwTA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAE7C,OAAO,KAAK,EAAE,kBAAkB,EAAqB,MAAM,eAAe,CAAA;AAC1E,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;;IA0ShD;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;;;;;IA1CH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;;;;;;;;;;;;;;;;AAQL,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/McChip/McChip.vue.js

@@ -0,0 +1,326 @@
+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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,155 @@
+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 */

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

@@ -1,4 +1,5 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>, {
+import '@vuepic/vue-datepicker/dist/main.css';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>, {
     title?(_: {}): any;
     header?(_: {}): any;
     sidebar?(_: {}): any;

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

@@ -0,0 +1 @@
+{"version":3,"file":"McDatepicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McDatepicker/McDatepicker.vue"],"names":[],"mappings":"AA20BA,OAAO,sCAAsC,CAAA;;;;;;;AA00C7C,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}