mediacube-ui-v2 0.0.37 → 0.0.38

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     active: {
         type: PropType<boolean>;
         default: boolean;
@@ -20,12 +20,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: PropType<boolean>;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "slide-open-start": (value: boolean) => any;
     "slide-close-start": (value: boolean) => any;
     "slide-open-end": (value: boolean) => any;
     "slide-close-end": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     active: {
         type: PropType<boolean>;
         default: boolean;
@@ -57,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     tag: string;
     active: boolean;
     useHidden: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -0,0 +1 @@
+{"version":3,"file":"McSlideUpDown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McSlideUpDown/McSlideUpDown.vue"],"names":[],"mappings":"AAAA,OAgJO,EAAa,KAAK,QAAQ,EAAc,MAAM,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsT1D,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/McSlideUpDown/McSlideUpDown.vue.js

@@ -0,0 +1,271 @@
+import { onMounted, ref, watch } from 'vue';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const emit = defineEmits();
+const props = defineProps({
+    /*
+     * Состояние
+     */
+    active: {
+        type: Boolean,
+        default: false
+    },
+    /*
+     * Продолжительность тоггла
+     */
+    duration: {
+        type: Number,
+        default: 300
+    },
+    type: {
+        type: String,
+        default: 'ease-out'
+    },
+    /*
+     * Если нужен другой тег
+     */
+    tag: {
+        type: String,
+        default: 'div'
+    },
+    /*
+     * Применять ли атрибут hidden
+     * к элементы при закрытии
+     */
+    useHidden: {
+        type: Boolean,
+        default: true
+    }
+});
+const open = ref(props.active);
+const animation_in_progress = ref(false);
+const animation = ref(null);
+const container = ref();
+onMounted(() => {
+    init();
+});
+const init = () => {
+    if (container.value && !open.value) {
+        container.value.style.height = '0';
+    }
+};
+const animate = () => {
+    if (!container.value || animation_in_progress.value)
+        return;
+    animation_in_progress.value = true;
+    // Получаем фактическую высоту содержимого
+    const contentHeight = container.value.scrollHeight;
+    const payload = {
+        contentHeight
+    };
+    // Отменяем предыдущую анимацию, если она была
+    if (animation.value) {
+        animation.value.cancel();
+    }
+    open.value ? handleClose(payload) : handleOpen(payload);
+};
+const toggleOpenValue = () => {
+    open.value = !open.value;
+};
+const handleClose = ({ contentHeight }) => {
+    emit('slide-close-start', open.value);
+    if (container.value) {
+        animation.value = container.value.animate([{ height: `${contentHeight}px` }, { height: '0' }], {
+            duration: props.duration,
+            easing: props.type,
+            fill: 'forwards'
+        });
+        animation.value.onfinish = () => {
+            emit('slide-close-end', open.value);
+            animation_in_progress.value = false;
+            toggleOpenValue();
+        };
+    }
+};
+const handleOpen = ({ contentHeight }) => {
+    emit('slide-open-start', open.value);
+    if (container.value) {
+        animation.value = container.value.animate([{ height: '0' }, { height: `${contentHeight}px` }], {
+            duration: props.duration,
+            easing: props.type,
+            fill: 'forwards'
+        });
+        animation.value.onfinish = () => {
+            emit('slide-open-end', open.value);
+            animation_in_progress.value = false;
+            toggleOpenValue();
+        };
+    }
+};
+watch(() => props.active, () => {
+    animate();
+}); /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /*
+         * Состояние
+         */
+        active: {
+            type: Boolean,
+            default: false
+        },
+        /*
+         * Продолжительность тоггла
+         */
+        duration: {
+            type: Number,
+            default: 300
+        },
+        type: {
+            type: String,
+            default: 'ease-out'
+        },
+        /*
+         * Если нужен другой тег
+         */
+        tag: {
+            type: String,
+            default: 'div'
+        },
+        /*
+         * Применять ли атрибут hidden
+         * к элементы при закрытии
+         */
+        useHidden: {
+            type: Boolean,
+            default: true
+        }
+    },
+    __typeEmits: {},
+});
+;
+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;
+    const __VLS_0 = ((props.tag));
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ref: ("container"), ...{ class: ("mc-slide-up-down") }, }));
+    const __VLS_2 = __VLS_1({ ref: ("container"), ...{ class: ("mc-slide-up-down") }, }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    // @ts-ignore navigation for `const container = ref()`
+    __VLS_ctx.container;
+    var __VLS_6 = {};
+    var __VLS_7 = {};
+    __VLS_nonNullable(__VLS_5.slots).default;
+    var __VLS_5;
+    __VLS_styleScopedClasses['mc-slide-up-down'];
+    var __VLS_slots;
+    var __VLS_inheritedAttrs;
+    const __VLS_refs = {
+        "container": __VLS_6,
+    };
+    var $refs;
+    var $el;
+    return {
+        attrs: {},
+        slots: __VLS_slots,
+        refs: $refs,
+        rootEl: $el,
+    };
+}
+;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            container: container,
+        };
+    },
+    __typeEmits: {},
+    props: {
+        /*
+         * Состояние
+         */
+        active: {
+            type: Boolean,
+            default: false
+        },
+        /*
+         * Продолжительность тоггла
+         */
+        duration: {
+            type: Number,
+            default: 300
+        },
+        type: {
+            type: String,
+            default: 'ease-out'
+        },
+        /*
+         * Если нужен другой тег
+         */
+        tag: {
+            type: String,
+            default: 'div'
+        },
+        /*
+         * Применять ли атрибут hidden
+         * к элементы при закрытии
+         */
+        useHidden: {
+            type: Boolean,
+            default: true
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    __typeEmits: {},
+    props: {
+        /*
+         * Состояние
+         */
+        active: {
+            type: Boolean,
+            default: false
+        },
+        /*
+         * Продолжительность тоггла
+         */
+        duration: {
+            type: Number,
+            default: 300
+        },
+        type: {
+            type: String,
+            default: 'ease-out'
+        },
+        /*
+         * Если нужен другой тег
+         */
+        tag: {
+            type: String,
+            default: 'div'
+        },
+        /*
+         * Применять ли атрибут hidden
+         * к элементы при закрытии
+         */
+        useHidden: {
+            type: Boolean,
+            default: true
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     visibleCount: {
         type: PropType<number>;
         default: number;
@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<boolean>;
         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<{
     visibleCount: {
         type: PropType<number>;
         default: number;
@@ -20,6 +20,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     visibleCount: number;
     collapsed: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=McStack.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"McStack.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McStack/McStack.vue"],"names":[],"mappings":"AAAA,OAqJO,EAAiE,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;AA6LlG,wBAgBG"}

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

@@ -0,0 +1,180 @@
+import { ref, onMounted, onUnmounted, computed, h, useSlots, createApp } from 'vue';
+import { Spaces } from '@/types';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const props = defineProps({
+    visibleCount: {
+        type: Number,
+        default: Infinity
+    },
+    collapsed: {
+        type: Boolean,
+        default: false
+    }
+});
+const slots = useSlots();
+const container = ref(null);
+const children = (slots.default && slots.default()[0].children?.length
+    ? slots.default()[0].children
+    : //@ts-ignore
+        slots.default()) || [];
+//@ts-ignore
+const visibleChildren = ref(children || []);
+const hiddenCount = ref(0);
+const classes = computed(() => {
+    return {
+        'mc-stack': true,
+        'mc-stack--collapsed': props.collapsed
+    };
+});
+onMounted(() => {
+    const resizeObserver = new ResizeObserver(updateChildrenVisible);
+    if (container.value)
+        resizeObserver.observe(container.value);
+    updateChildrenVisible();
+    onUnmounted(() => {
+        resizeObserver.disconnect();
+    });
+});
+const updateChildrenVisible = () => {
+    if (!container.value)
+        return;
+    let totalWidth = 0;
+    const visibleItems = [];
+    let itemCount = 0;
+    hiddenCount.value = 0;
+    const tempContainer = document.createElement('div');
+    tempContainer.style.position = 'absolute';
+    tempContainer.style.visibility = 'hidden';
+    tempContainer.style.whiteSpace = 'nowrap';
+    document.body.appendChild(tempContainer);
+    //@ts-ignore
+    for (const item of children) {
+        const vnode = h(item);
+        const itemNode = document.createElement('div');
+        tempContainer.appendChild(itemNode);
+        const app = createApp({ render: () => vnode });
+        app.mount(itemNode);
+        const itemWidth = props.collapsed
+            ? itemNode.getBoundingClientRect().width + 6
+            : itemNode.getBoundingClientRect().width;
+        app.unmount();
+        itemNode.remove();
+        const moreContentWidth = +Spaces['300'].replace('px', '');
+        const itemIndent = props.collapsed ? -Spaces['200'].replace('px', '') : +Spaces['150'].replace('px', '');
+        if (totalWidth + (itemWidth + itemIndent) <= container.value.clientWidth - moreContentWidth &&
+            itemCount < props.visibleCount) {
+            totalWidth += itemWidth + itemIndent;
+            visibleItems.push(item);
+            itemCount++;
+        }
+        else {
+            //@ts-ignore
+            hiddenCount.value = children.length - visibleItems.length;
+            break;
+        }
+    }
+    document.body.removeChild(tempContainer);
+    visibleChildren.value = visibleItems;
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        visibleCount: {
+            type: Number,
+            default: Infinity
+        },
+        collapsed: {
+            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)({ ref: ("container"), ...{ class: ((__VLS_ctx.classes)) }, });
+    // @ts-ignore navigation for `const container = ref()`
+    __VLS_ctx.container;
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ref: ("content"), ...{ class: ("mc-stack__content") }, });
+    // @ts-ignore navigation for `const content = ref()`
+    __VLS_ctx.content;
+    for (const [child, i] of __VLS_getVForSourceType((__VLS_ctx.visibleChildren))) {
+        const __VLS_0 = ((child));
+        // @ts-ignore
+        const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({}));
+        const __VLS_2 = __VLS_1({}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    }
+    if (__VLS_ctx.hiddenCount > 0) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({ ...{ class: ("mc-stack__more-label") }, });
+        (__VLS_ctx.hiddenCount);
+    }
+    __VLS_styleScopedClasses['mc-stack__content'];
+    __VLS_styleScopedClasses['mc-stack__more-label'];
+    var __VLS_slots;
+    var __VLS_inheritedAttrs;
+    const __VLS_refs = {
+        "container": __VLS_nativeElements['div'],
+        "content": __VLS_nativeElements['div'],
+    };
+    var $refs;
+    var $el;
+    return {
+        attrs: {},
+        slots: __VLS_slots,
+        refs: $refs,
+        rootEl: $el,
+    };
+}
+;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            container: container,
+            visibleChildren: visibleChildren,
+            hiddenCount: hiddenCount,
+            classes: classes,
+        };
+    },
+    props: {
+        visibleCount: {
+            type: Number,
+            default: Infinity
+        },
+        collapsed: {
+            type: Boolean,
+            default: false
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        visibleCount: {
+            type: Number,
+            default: Infinity
+        },
+        collapsed: {
+            type: Boolean,
+            default: false
+        }
+    },
+    __typeEl: {},
+});
+; /* PartiallyEnd: #4569/main.vue */

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

@@ -1,10 +1,10 @@
-import { SizeTypes } from '../../../types/styles/Sizes';
-import { ColorTypes } from '../../../types/styles/Colors';
-import { PropType } from 'vue';
-import { DirectionsUnion } from '../../../types/IDirections';
-import { IconsListUnion } from '../../../types/styles/Icons';
-import { Directions } from '../../../enums/ui/Directions';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { type SizeTypes } from '@/types/styles/Sizes';
+import { type ColorTypes } from '@/types/styles/Colors';
+import { type PropType } from 'vue';
+import type { DirectionsUnion } from '@/types/IDirections';
+import { type IconsListUnion } from '@/types/styles/Icons';
+import { Directions } from '@/enums/ui/Directions';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Путь к спрайту с иконками
      * */
@@ -56,7 +56,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: () => DirectionsUnion;
         default: Directions;
     };
-}>, {}, {}, {}, {}, 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<{
     /**
      * Путь к спрайту с иконками
      * */
@@ -115,6 +115,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     spritePath: string;
     defaultName: string;
     dir: DirectionsUnion;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;
 //# sourceMappingURL=McSvgIcon.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"McSvgIcon.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/McSvgIcon/McSvgIcon.vue"],"names":[],"mappings":"AAiHA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;;IAiPhD;;SAEK;;;;yBAIc,MAAM,GAAG,OAAO;;IAInC;;OAEG;;oBAEqB,cAAc;;;IAGtC;;;OAGG;;oBAEqB,UAAU;;;IAGlC;;OAEG;;oBAEqB,SAAS;;;IAGjC;;;OAGG;;;;;IAKH;;;;OAIG;;;;;;oBAMqB,eAAe;;;;IAlDvC;;SAEK;;;;yBAIc,MAAM,GAAG,OAAO;;IAInC;;OAEG;;oBAEqB,cAAc;;;IAGtC;;;OAGG;;oBAEqB,UAAU;;;IAGlC;;OAEG;;oBAEqB,SAAS;;;IAGjC;;;OAGG;;;;;IAKH;;;;OAIG;;;;;;oBAMqB,eAAe;;;;;;;;;;;AAxDzC,wBA6DG"}