mediacube-ui-v2 0.0.8 → 0.0.9

package/dist/components/index.js

@@ -0,0 +1,73 @@
+/**
+ * elements
+ * */
+import McAvatar from './elements/McAvatar/McAvatar.vue';
+import McBadge from './elements/McBadge/McBadge.vue';
+import McBottomLoader from './elements/McBottomLoader/McBottomLoader.vue';
+import McButton from './elements/McButton/McButton.vue';
+import McChip from './elements/McChip/McChip.vue';
+// import McCropper from './elements/McCropper/McCropper.vue'
+import McDatepicker from './elements/McDatepicker/McDatepicker.vue';
+import McDraggable from './elements/McDraggable/McDraggable.vue';
+import McFieldCheckbox from './elements/McFieldCheckbox/McFieldCheckbox.vue';
+import McFieldRadio from './elements/McFieldRadio/McFieldRadio.vue';
+import McFieldRadioGroup from './elements/McFieldRadioGroup/McFieldRadioGroup.vue';
+import McFieldRange from './elements/McFieldRange/McFieldRange.vue';
+import McFieldSelect from './elements/McFieldSelect/McFieldSelect.vue';
+import McFieldText from './elements/McFieldText/McFieldText.vue';
+import McFieldToggle from './elements/McFieldToggle/McFieldToggle.vue';
+import McInfinityLoadingTrigger from './elements/McInfinityLoadingTrigger/McInfinityLoadingTrigger.vue';
+import McNoData from './elements/McNodata/McNoData.vue';
+import McNotification from './elements/McNotification/McNotification.vue';
+import McProgress from './elements/McProgress/McProgress.vue';
+import McSeparator from './elements/McSeparator/McSeparator.vue';
+import McSlideUpDown from './elements/McSlideUpDown/McSlideUpDown.vue';
+import McStack from './elements/McStack/McStack.vue';
+import McSvgIcon from './elements/McSvgIcon/McSvgIcon.vue';
+import McTitle from './elements/McTitle/McTitle.vue';
+import McTooltip from './elements/McTooltip/McTooltip.vue';
+/**
+ * patterns
+ * */
+import McAccordion from './patterns/McAccordion/McAccordion.vue';
+import McCell from './patterns/McCell/McCell.vue';
+import McCollapse from './patterns/McCollapse/McCollapse.vue';
+import McDropdown from './patterns/McDropdown/McDropdown.vue';
+import McDropdownPanel from './patterns/McDropdown/McDropdownPanel.vue';
+import McFilter from './patterns/McFilter/McFilter.vue';
+import McFilterChip from './patterns/McFilter/McFilterChip/McFilterChip.vue';
+import McFilterTags from './patterns/McFilter/McFilterTags/McFilterTags.vue';
+import McFilterTypeDate from './patterns/McFilter/McFilterTypeDate/McFilterTypeDate.vue';
+import McFilterTypeRange from './patterns/McFilter/McFilterTypeRange/McFilterTypeRange.vue';
+import McFilterTypeRelation from './patterns/McFilter/McFilterTypeRelation/McFilterTypeRelation.vue';
+import McFilterTypeText from './patterns/McFilter/McFilterTypeText/McFilterTypeText.vue';
+import McGridCol from './patterns/McGridCol/McGridCol.vue';
+import McGridRow from './patterns/McGridRow/McGridRow.vue';
+import McOverlay from './patterns/McOverlay/McOverlay.vue';
+import McPreview from './patterns/McPreview/McPreview.vue';
+import McSideBar from './patterns/McSideBar/McSideBar.vue';
+import McSideBarBottom from './patterns/McSideBar/McSideBarBottom/McSideBarBottom.vue';
+import McSideBarButton from './patterns/McSideBar/McSideBarButton/McSideBarButton.vue';
+import McSideBarCenter from './patterns/McSideBar/McSideBarCenter/McSideBarCenter.vue';
+import McSideBarTop from './patterns/McSideBar/McSideBarTop/McSideBarTop.vue';
+import McTab from './patterns/McTab/McTab.vue';
+import McTabs from './patterns/McTabs/McTabs.vue';
+import McWrapScroll from './patterns/McWrapScroll/McWrapScroll.vue';
+/**
+ * templates
+ * */
+import McDrawer from './templates/McDrawer/McDrawer.vue';
+import McDrawerContainer from './templates/McDrawer/McDrawerContainer.vue';
+import McDrawerContentTemplate from './templates/McDrawer/McDrawerContentTemplate/McDrawerContentTemplate.vue';
+import McModalContainer from './templates/McModal/McModalContainer.vue';
+import McModal from './templates/McModal/McModal.vue';
+import McTable from './templates/McTable/McTable/McTable.vue';
+import McTableCardHeader from './templates/McTable/McTableCard/McTableCardHeader/McTableCardHeader.vue';
+import McTableCard from './templates/McTable/McTableCard/McTableCard.vue';
+import McTableSkeletonLoading from './templates/McTable/McTableSkeletonLoading/McTableSkeletonLoading.vue';
+import McTableSort from './templates/McTable/McTableSort/McTableSort.vue';
+import McTopBar from './templates/McTopBar/McTopBar.vue';
+import McVirtualScroll from './templates/McVirtualScroll/McVirtualScroll.vue';
+export { McAvatar, McBadge, McBottomLoader, McButton, McChip, 
+// McCropper,
+McDatepicker, McDraggable, McFieldCheckbox, McFieldRadio, McFieldRadioGroup, McFieldRange, McFieldSelect, McFieldText, McFieldToggle, McInfinityLoadingTrigger, McNoData, McNotification, McProgress, McSeparator, McSlideUpDown, McStack, McSvgIcon, McTitle, McTooltip, McAccordion, McCell, McCollapse, McDropdown, McDropdownPanel, McFilter, McFilterChip, McFilterTags, McFilterTypeDate, McFilterTypeRange, McFilterTypeRelation, McFilterTypeText, McGridCol, McGridRow, McOverlay, McPreview, McSideBar, McSideBarBottom, McSideBarButton, McSideBarCenter, McSideBarTop, McTab, McTabs, McWrapScroll, McDrawer, McDrawerContainer, McDrawerContentTemplate, McModalContainer, McModal, McTable, McTableCardHeader, McTableCard, McTableSkeletonLoading, McTableSort, McTopBar, McVirtualScroll };

package/dist/components/patterns/McAccordion/McAccordion.vue.js

@@ -0,0 +1,120 @@
+import { provide, ref } from 'vue';
+import { useDebounceFn } from '@vueuse/core';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+/**
+ * Работает с дочерними mc-collapse
+ */
+const debounceFn = useDebounceFn((method) => {
+    method();
+}, 50);
+const props = defineProps({
+    isSingleOpen: {
+        type: Boolean,
+        default: true
+    },
+    defaultOpenIndex: {
+        type: Number
+    }
+});
+const collapses = ref([]);
+const recalculateCollapses = ({ value, component }) => {
+    if (!value)
+        return;
+    collapses.value.forEach(collapse => {
+        if (collapse.id !== component.id) {
+            collapse.close();
+        }
+    });
+};
+const handleTrigger = (event, { value, component }) => {
+    if (props.isSingleOpen)
+        recalculateCollapses({ value, component });
+};
+const selfRegisterCollapseMethod = (payload) => {
+    collapses.value.push(payload);
+    const openIndex = props.defaultOpenIndex;
+    debounceFn(() => {
+        if ((openIndex || openIndex === 0) && !!collapses.value[openIndex]) {
+            collapses.value[openIndex].open();
+        }
+    });
+};
+provide('selfRegisterCollapseMethod', selfRegisterCollapseMethod);
+provide('accordionTriggerMethod', handleTrigger); /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        isSingleOpen: {
+            type: Boolean,
+            default: true
+        },
+        defaultOpenIndex: {
+            type: Number
+        }
+    },
+});
+;
+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: ("mc-accordion") }, });
+    var __VLS_0 = {};
+    __VLS_styleScopedClasses['mc-accordion'];
+    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 {};
+    },
+    props: {
+        isSingleOpen: {
+            type: Boolean,
+            default: true
+        },
+        defaultOpenIndex: {
+            type: Number
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        isSingleOpen: {
+            type: Boolean,
+            default: true
+        },
+        defaultOpenIndex: {
+            type: Number
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

package/dist/components/patterns/McCell/McCell.vue.js

@@ -0,0 +1,197 @@
+import McTitle from '../../elements/McTitle/McTitle.vue';
+import { computed } from 'vue';
+import { CellSizes } from '@/enums/Cell';
+import { TitleVariations } from '@/enums/Title';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const props = defineProps({
+    /**
+     * Заголовок
+     */
+    title: {
+        type: String,
+        default: '',
+    },
+    /**
+     * Размеры отступов: 's, m, l'
+     */
+    size: {
+        type: String,
+        default: CellSizes.M,
+    },
+    /**
+     * Заглавные буквы заголовка
+     */
+    uppercase: {
+        type: Boolean,
+        default: true,
+    },
+    /**
+     * Три точки
+     */
+    ellipsis: {
+        type: Boolean,
+        default: true,
+    }
+});
+const classes = computed(() => {
+    return {
+        [`mc-cell--size-${props.size}`]: !!props.size
+    };
+}); /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /**
+         * Заголовок
+         */
+        title: {
+            type: String,
+            default: '',
+        },
+        /**
+         * Размеры отступов: 's, m, l'
+         */
+        size: {
+            type: String,
+            default: CellSizes.M,
+        },
+        /**
+         * Заглавные буквы заголовка
+         */
+        uppercase: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Три точки
+         */
+        ellipsis: {
+            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.section, __VLS_intrinsicElements.section)({ ...{ class: ("mc-cell") }, ...{ class: ((__VLS_ctx.classes)) }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-cell__title") }, });
+    var __VLS_0 = {};
+    // @ts-ignore
+    [McTitle, McTitle,];
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(McTitle, new McTitle({ variation: ((__VLS_ctx.TitleVariations.Overline)), uppercase: ((props.uppercase)), ellipsis: ((props.ellipsis)), }));
+    const __VLS_2 = __VLS_1({ variation: ((__VLS_ctx.TitleVariations.Overline)), uppercase: ((props.uppercase)), ellipsis: ((props.ellipsis)), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    (props.title);
+    __VLS_nonNullable(__VLS_5.slots).default;
+    var __VLS_5;
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-cell__content") }, });
+    var __VLS_6 = {};
+    __VLS_styleScopedClasses['mc-cell'];
+    __VLS_styleScopedClasses['mc-cell__title'];
+    __VLS_styleScopedClasses['mc-cell__content'];
+    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 {
+            McTitle: McTitle,
+            TitleVariations: TitleVariations,
+            classes: classes,
+        };
+    },
+    props: {
+        /**
+         * Заголовок
+         */
+        title: {
+            type: String,
+            default: '',
+        },
+        /**
+         * Размеры отступов: 's, m, l'
+         */
+        size: {
+            type: String,
+            default: CellSizes.M,
+        },
+        /**
+         * Заглавные буквы заголовка
+         */
+        uppercase: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Три точки
+         */
+        ellipsis: {
+            type: Boolean,
+            default: true,
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        /**
+         * Заголовок
+         */
+        title: {
+            type: String,
+            default: '',
+        },
+        /**
+         * Размеры отступов: 's, m, l'
+         */
+        size: {
+            type: String,
+            default: CellSizes.M,
+        },
+        /**
+         * Заглавные буквы заголовка
+         */
+        uppercase: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Три точки
+         */
+        ellipsis: {
+            type: Boolean,
+            default: true,
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */

package/dist/components/patterns/McCollapse/McCollapse.vue.js

@@ -0,0 +1,315 @@
+import McSvgIcon from '@/components/elements/McSvgIcon/McSvgIcon.vue';
+import McSlideUpDown from '@/components/elements/McSlideUpDown/McSlideUpDown.vue';
+import { computed, ref, useSlots, watch, inject, onMounted } from 'vue';
+import { useRandomNumber } from '@/composables/useRandomNumber';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const randomNumber = useRandomNumber();
+const selfRegisterCollapseMethod = inject('selfRegisterCollapseMethod', () => { });
+const accordionTriggerMethod = inject('accordionTriggerMethod', () => { });
+const slots = useSlots();
+const emit = defineEmits();
+const props = defineProps({
+    /*
+     * Если нужно
+     * отключённое состояние
+     */
+    isDisabled: {
+        type: Boolean,
+        default: false
+    },
+    /*
+     * Если нужен бордер
+     */
+    border: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     *  Иконка состояния коллапса
+     *
+     */
+    icon: {
+        type: Boolean,
+        default: false
+    }
+});
+const id = ref(randomNumber.timestamp(5));
+const isCollapsed = ref(false);
+const animated = ref(false);
+const classes = computed(() => {
+    return {
+        'mc-collapse--is-open': isCollapsed.value,
+        'mc-collapse--is-disabled': props.isDisabled,
+        'mc-collapse--is-empty': isEmpty.value,
+        'mc-collapse--has-icon': props.icon,
+        'mc-collapse--border': props.border
+    };
+});
+const isEmpty = computed(() => {
+    return !slots.body;
+});
+const iCollapseParams = computed(() => {
+    return {
+        isDisabled: props.isDisabled,
+        border: props.border,
+        icon: props.icon,
+        id: id.value,
+        isCollapsed: isCollapsed.value,
+        open: open,
+        close: close,
+        toggle: toggle
+    };
+});
+onMounted(() => {
+    if (selfRegisterCollapseMethod) {
+        const payload = iCollapseParams.value;
+        selfRegisterCollapseMethod(payload);
+    }
+});
+watch(() => isCollapsed.value, (value) => {
+    /**
+     * Событие тоггла
+     */
+    const payload = { value, component: iCollapseParams.value };
+    emit('toggle', payload);
+    value ? emit('open', payload) : emit('close', payload);
+    if (accordionTriggerMethod) {
+        accordionTriggerMethod(value ? 'open' : 'close', payload);
+    }
+});
+const open = () => {
+    if (props.isDisabled || animated.value)
+        return;
+    isCollapsed.value = true;
+};
+const close = () => {
+    if (props.isDisabled || animated.value)
+        return;
+    isCollapsed.value = false;
+};
+const toggle = () => {
+    if (props.isDisabled || animated.value)
+        return;
+    isCollapsed.value = !isCollapsed.value;
+};
+const slideOpenStart = (value) => {
+    animated.value = true;
+    const payload = { value, component: iCollapseParams.value };
+    /**
+     * Событие перед началом открытия
+     */
+    emit('collapse-open-start', payload);
+};
+const slideOpenEnd = (value) => {
+    animated.value = false;
+    const payload = { value, component: iCollapseParams.value };
+    /**
+     * Событие после открытия
+     */
+    emit('collapse-open-end', payload);
+};
+const slideCloseStart = (value) => {
+    animated.value = true;
+    const payload = { value, component: iCollapseParams.value };
+    /**
+     * Событие перед началом закрытия
+     */
+    emit('collapse-close-start', payload);
+};
+const slideCloseEnd = (value) => {
+    animated.value = false;
+    const payload = { value, component: iCollapseParams.value };
+    /**
+     * Событие после закрытия
+     */
+    emit('collapse-close-end', payload);
+}; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        /*
+         * Если нужно
+         * отключённое состояние
+         */
+        isDisabled: {
+            type: Boolean,
+            default: false
+        },
+        /*
+         * Если нужен бордер
+         */
+        border: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Иконка состояния коллапса
+         *
+         */
+        icon: {
+            type: Boolean,
+            default: false
+        }
+    },
+    __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;
+    __VLS_elementAsFunction(__VLS_intrinsicElements.section, __VLS_intrinsicElements.section)({ ...{ class: ("mc-collapse") }, ...{ class: ((__VLS_ctx.classes)) }, });
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ onKeyup: (__VLS_ctx.close) }, ...{ class: ("mc-collapse__header") }, tabindex: ("0"), });
+    if (__VLS_ctx.icon && !__VLS_ctx.isEmpty) {
+        // @ts-ignore
+        [McSvgIcon,];
+        // @ts-ignore
+        const __VLS_0 = __VLS_asFunctionalComponent(McSvgIcon, new McSvgIcon({ ...{ class: ("mc-collapse__icon") }, name: ("arrow_drop_down"), color: ((__VLS_ctx.isDisabled ? 'outline-gray' : 'black')), }));
+        const __VLS_1 = __VLS_0({ ...{ class: ("mc-collapse__icon") }, name: ("arrow_drop_down"), color: ((__VLS_ctx.isDisabled ? 'outline-gray' : 'black')), }, ...__VLS_functionalComponentArgsRest(__VLS_0));
+    }
+    if (__VLS_ctx.slots.activator) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ onClick: (__VLS_ctx.toggle) }, });
+        var __VLS_5 = {};
+    }
+    if (__VLS_ctx.slots.body) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.a)({ ...{ onClick: (__VLS_ctx.toggle) }, ...{ class: ("mc-collapse__link") }, href: ("#"), });
+    }
+    // @ts-ignore
+    [McSlideUpDown, McSlideUpDown,];
+    // @ts-ignore
+    const __VLS_6 = __VLS_asFunctionalComponent(McSlideUpDown, new McSlideUpDown({ ...{ 'onSlideOpenStart': {} }, ...{ 'onSlideOpenEnd': {} }, ...{ 'onSlideCloseStart': {} }, ...{ 'onSlideCloseEnd': {} }, ...{ class: ("mc-collapse__body") }, active: ((__VLS_ctx.isCollapsed)), duration: ((300)), }));
+    const __VLS_7 = __VLS_6({ ...{ 'onSlideOpenStart': {} }, ...{ 'onSlideOpenEnd': {} }, ...{ 'onSlideCloseStart': {} }, ...{ 'onSlideCloseEnd': {} }, ...{ class: ("mc-collapse__body") }, active: ((__VLS_ctx.isCollapsed)), duration: ((300)), }, ...__VLS_functionalComponentArgsRest(__VLS_6));
+    let __VLS_11;
+    const __VLS_12 = {
+        onSlideOpenStart: (__VLS_ctx.slideOpenStart)
+    };
+    const __VLS_13 = {
+        onSlideOpenEnd: (__VLS_ctx.slideOpenEnd)
+    };
+    const __VLS_14 = {
+        onSlideCloseStart: (__VLS_ctx.slideCloseStart)
+    };
+    const __VLS_15 = {
+        onSlideCloseEnd: (__VLS_ctx.slideCloseEnd)
+    };
+    let __VLS_8;
+    let __VLS_9;
+    __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-collapse__body-inner") }, });
+    var __VLS_16 = {};
+    __VLS_nonNullable(__VLS_10.slots).default;
+    var __VLS_10;
+    if (__VLS_ctx.slots.bottom) {
+        __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("mc-collapse__bottom") }, });
+        var __VLS_17 = {};
+    }
+    __VLS_styleScopedClasses['mc-collapse'];
+    __VLS_styleScopedClasses['mc-collapse__header'];
+    __VLS_styleScopedClasses['mc-collapse__icon'];
+    __VLS_styleScopedClasses['mc-collapse__link'];
+    __VLS_styleScopedClasses['mc-collapse__body'];
+    __VLS_styleScopedClasses['mc-collapse__body-inner'];
+    __VLS_styleScopedClasses['mc-collapse__bottom'];
+    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,
+            McSlideUpDown: McSlideUpDown,
+            slots: slots,
+            isCollapsed: isCollapsed,
+            classes: classes,
+            isEmpty: isEmpty,
+            close: close,
+            toggle: toggle,
+            slideOpenStart: slideOpenStart,
+            slideOpenEnd: slideOpenEnd,
+            slideCloseStart: slideCloseStart,
+            slideCloseEnd: slideCloseEnd,
+        };
+    },
+    __typeEmits: {},
+    props: {
+        /*
+         * Если нужно
+         * отключённое состояние
+         */
+        isDisabled: {
+            type: Boolean,
+            default: false
+        },
+        /*
+         * Если нужен бордер
+         */
+        border: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Иконка состояния коллапса
+         *
+         */
+        icon: {
+            type: Boolean,
+            default: false
+        }
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    __typeEmits: {},
+    props: {
+        /*
+         * Если нужно
+         * отключённое состояние
+         */
+        isDisabled: {
+            type: Boolean,
+            default: false
+        },
+        /*
+         * Если нужен бордер
+         */
+        border: {
+            type: Boolean,
+            default: false
+        },
+        /**
+         *  Иконка состояния коллапса
+         *
+         */
+        icon: {
+            type: Boolean,
+            default: false
+        }
+    },
+    __typeEl: {},
+});
+export default {};
+; /* PartiallyEnd: #4569/main.vue */