@coreui/vue-pro 5.0.0-alpha.1 → 5.0.0-beta.0

package/dist/esm/components/progress/CProgressBar.d.ts

@@ -0,0 +1,67 @@
+declare const CProgressBar: import("vue").DefineComponent<{
+    /**
+     * Use to animate the stripes right to left via CSS3 animations.
+     */
+    animated: BooleanConstructor;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The percent to progress the ProgressBar.
+     */
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Set the progress bar variant to optional striped.
+     *
+     * @values 'striped'
+     */
+    variant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Use to animate the stripes right to left via CSS3 animations.
+     */
+    animated: BooleanConstructor;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * The percent to progress the ProgressBar.
+     */
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Set the progress bar variant to optional striped.
+     *
+     * @values 'striped'
+     */
+    variant: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    value: number;
+    animated: boolean;
+}, {}>;
+export { CProgressBar };

package/dist/esm/components/progress/CProgressBar.js

@@ -0,0 +1,53 @@
+import { defineComponent, inject, h } from 'vue';
+import { Color } from '../../props.js';
+
+const CProgressBar = defineComponent({
+    name: 'CProgressBar',
+    props: {
+        /**
+         * Use to animate the stripes right to left via CSS3 animations.
+         */
+        animated: Boolean,
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        color: Color,
+        /**
+         * The percent to progress the ProgressBar.
+         */
+        value: {
+            type: Number,
+            default: 0,
+        },
+        /**
+         * Set the progress bar variant to optional striped.
+         *
+         * @values 'striped'
+         */
+        variant: {
+            type: String,
+            validator: (value) => {
+                return value === 'striped';
+            },
+        },
+    },
+    setup(props, { slots }) {
+        const stacked = inject('stacked', false);
+        return () => h('div', {
+            class: [
+                'progress-bar',
+                `bg-${props.color}`,
+                {
+                    [`progress-bar-${props.variant}`]: props.variant,
+                    ['progress-bar-animated']: props.animated,
+                },
+            ],
+            ...(!stacked && { style: { width: `${props.value}%` } }),
+        }, slots.default && slots.default());
+    },
+});
+
+export { CProgressBar };
+//# sourceMappingURL=CProgressBar.js.map

package/dist/esm/components/progress/CProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CProgressBar.js","sources":["../../../../src/components/progress/CProgressBar.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,YAAY,GAAG,eAAe,CAAC;AACnC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;;;AAIG;AACH,QAAA,KAAK,EAAE,KAAK;AACZ;;AAEG;AACH,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,KAAK,KAAK,SAAS,CAAA;aAC3B;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAY,CAAA;AAEnD,QAAA,OAAO,MACL,CAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,cAAc;gBACd,CAAM,GAAA,EAAA,KAAK,CAAC,KAAK,CAAE,CAAA;AACnB,gBAAA;oBACE,CAAC,CAAA,aAAA,EAAgB,KAAK,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO;AAChD,oBAAA,CAAC,uBAAuB,GAAG,KAAK,CAAC,QAAQ;AAC1C,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,CAAG,CAAA,CAAA,EAAE,EAAE;SACxD,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/progress/CProgressStacked.d.ts

@@ -0,0 +1,10 @@
+declare const CProgressStacked: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
+    [x: string]: unknown;
+}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
+    [x: string]: unknown;
+}>>>>, {
+    [x: number]: string;
+} | {}, {}>;
+export { CProgressStacked };

package/dist/esm/components/progress/CProgressStacked.js

@@ -0,0 +1,15 @@
+import { defineComponent, provide, h } from 'vue';
+
+const CProgressStacked = defineComponent({
+    name: 'CProgressStacked',
+    props: {},
+    setup(_, { slots }) {
+        provide('stacked', true);
+        return () => h('div', {
+            class: 'progress-stacked',
+        }, slots.default && slots.default());
+    },
+});
+
+export { CProgressStacked };
+//# sourceMappingURL=CProgressStacked.js.map

package/dist/esm/components/progress/CProgressStacked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CProgressStacked.js","sources":["../../../../src/components/progress/CProgressStacked.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,gBAAgB,GAAG,eAAe,CAAC;AACvC,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;AACxB,QAAA,OAAO,MACL,CAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE,kBAAkB;SAC1B,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/progress/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { CProgress } from './CProgress';
+import { CProgressBar } from './CProgressBar';
+import { CProgressStacked } from './CProgressStacked';
+declare const CProgressPlugin: {
+    install: (app: App) => void;
+};
+export { CProgressPlugin, CProgress, CProgressBar, CProgressStacked };

package/dist/esm/components/progress/index.js

@@ -0,0 +1,14 @@
+import { CProgress } from './CProgress.js';
+import { CProgressBar } from './CProgressBar.js';
+import { CProgressStacked } from './CProgressStacked.js';
+
+const CProgressPlugin = {
+    install: (app) => {
+        app.component(CProgress.name, CProgress);
+        app.component(CProgressBar.name, CProgressBar);
+        app.component(CProgressStacked.name, CProgressStacked);
+    },
+};
+
+export { CProgress, CProgressBar, CProgressPlugin, CProgressStacked };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/progress/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKA,MAAM,eAAe,GAAG;AACtB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;QACxC,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;QAC9C,GAAG,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAA;KACvD;;;;;"}

package/dist/esm/components/props.d.ts

@@ -0,0 +1,19 @@
+export declare const Shape: {
+    type: StringConstructor;
+    validator: (value: string) => boolean;
+};
+export declare const Align: {
+    type: StringConstructor;
+    validator: (value: string) => boolean;
+};
+export declare const Color: {
+    type: StringConstructor;
+    validator: (value: string) => boolean;
+};
+export declare const TextColor: {
+    type: StringConstructor;
+    validator: (value: string) => boolean;
+};
+export declare const Breakpoint: {
+    validator: (value: boolean | number) => boolean;
+};

package/dist/esm/components/props.js

@@ -0,0 +1,29 @@
+const Color = {
+    type: String,
+    validator: (value) => {
+        // The value must match one of these strings
+        return [
+            'primary',
+            'secondary',
+            'success',
+            'danger',
+            'warning',
+            'info',
+            'dark',
+            'light',
+            'link',
+            'transparent',
+            'primary-gradient',
+            'secondary-gradient',
+            'success-gradient',
+            'danger-gradient',
+            'warning-gradient',
+            'info-gradient',
+            'dark-gradient',
+            'light-gradient',
+        ].includes(value);
+    },
+};
+
+export { Color };
+//# sourceMappingURL=props.js.map

package/dist/esm/components/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/components/props.ts"],"sourcesContent":[null],"names":[],"mappings":"AA4Ba,MAAA,KAAK,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,SAAS,EAAE,CAAC,KAAa,KAAa;;QAEpC,OAAO;YACL,SAAS;YACT,WAAW;YACX,SAAS;YACT,QAAQ;YACR,SAAS;YACT,MAAM;YACN,MAAM;YACN,OAAO;YACP,MAAM;YACN,aAAa;YACb,kBAAkB;YAClB,oBAAoB;YACpB,kBAAkB;YAClB,iBAAiB;YACjB,kBAAkB;YAClB,eAAe;YACf,eAAe;YACf,gBAAgB;AACjB,SAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;KAClB;;;;;"}

package/dist/esm/components/sidebar/CSidebar.d.ts

@@ -0,0 +1,113 @@
+declare const CSidebar: import("vue").DefineComponent<{
+    /**
+     * Sets if the color of text should be colored for a light or dark dark background.
+     *
+     * @values 'dark', light'
+     */
+    colorScheme: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Make sidebar narrow.
+     */
+    narrow: BooleanConstructor;
+    /**
+     * Set sidebar to overlaid variant.
+     */
+    overlaid: BooleanConstructor;
+    /**
+     * Components placement, there’s no default placement.
+     * @values 'start', 'end'
+     */
+    placement: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Place sidebar in non-static positions.
+     */
+    position: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Size the component small, large, or extra large.
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Expand narrowed sidebar on hover.
+     */
+    unfoldable: BooleanConstructor;
+    /**
+     * Toggle the visibility of sidebar component.
+     */
+    visible: BooleanConstructor;
+}, () => any[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show" | "visible-change")[], "hide" | "show" | "visible-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Sets if the color of text should be colored for a light or dark dark background.
+     *
+     * @values 'dark', light'
+     */
+    colorScheme: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Make sidebar narrow.
+     */
+    narrow: BooleanConstructor;
+    /**
+     * Set sidebar to overlaid variant.
+     */
+    overlaid: BooleanConstructor;
+    /**
+     * Components placement, there’s no default placement.
+     * @values 'start', 'end'
+     */
+    placement: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Place sidebar in non-static positions.
+     */
+    position: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Size the component small, large, or extra large.
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Expand narrowed sidebar on hover.
+     */
+    unfoldable: BooleanConstructor;
+    /**
+     * Toggle the visibility of sidebar component.
+     */
+    visible: BooleanConstructor;
+}>> & {
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    "onVisible-change"?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+    narrow: boolean;
+    placement: string;
+    colorScheme: string;
+    overlaid: boolean;
+    unfoldable: boolean;
+}, {}>;
+export { CSidebar };

package/dist/esm/components/sidebar/CSidebar.js

@@ -0,0 +1,177 @@
+import { defineComponent, ref, watch, onMounted, onBeforeUnmount, h } from 'vue';
+import { CBackdrop } from '../backdrop/CBackdrop.js';
+import isInViewport from '../../utils/isInViewport.js';
+
+const isOnMobile = (element) => {
+    if (!element) {
+        return;
+    }
+    return Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'));
+};
+const CSidebar = defineComponent({
+    name: 'CSidebar',
+    props: {
+        /**
+         * Sets if the color of text should be colored for a light or dark dark background.
+         *
+         * @values 'dark', light'
+         */
+        colorScheme: {
+            type: String,
+            default: undefined,
+            validator: (value) => {
+                return ['dark', 'light'].includes(value);
+            },
+        },
+        /**
+         * Make sidebar narrow.
+         */
+        narrow: Boolean,
+        /**
+         * Set sidebar to overlaid variant.
+         */
+        overlaid: Boolean,
+        /**
+         * Components placement, there’s no default placement.
+         * @values 'start', 'end'
+         */
+        placement: {
+            type: String,
+            default: undefined,
+            validator: (value) => {
+                return ['start', 'end'].includes(value);
+            },
+        },
+        /**
+         * Place sidebar in non-static positions.
+         */
+        position: {
+            type: String,
+            validator: (value) => {
+                return ['fixed'].includes(value);
+            },
+        },
+        /**
+         * Size the component small, large, or extra large.
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return ['sm', 'lg', 'xl'].includes(value);
+            },
+        },
+        /**
+         * Expand narrowed sidebar on hover.
+         */
+        unfoldable: Boolean,
+        /**
+         * Toggle the visibility of sidebar component.
+         */
+        visible: Boolean,
+    },
+    emits: [
+        /**
+         * Callback fired when the component requests to be hidden.
+         */
+        'hide',
+        /**
+         * Callback fired when the component requests to be shown.
+         */
+        'show',
+        /**
+         * Event emitted after visibility of component changed.
+         */
+        'visible-change',
+    ],
+    setup(props, { attrs, slots, emit }) {
+        const mobile = ref();
+        const inViewport = ref();
+        const sidebarRef = ref();
+        const visible = ref(props.visible);
+        watch(inViewport, () => {
+            emit('visible-change', inViewport.value);
+            inViewport.value ? emit('show') : emit('hide');
+        });
+        watch(() => props.visible, () => (visible.value = props.visible));
+        watch(mobile, () => {
+            if (mobile.value && visible.value)
+                visible.value = false;
+        });
+        onMounted(() => {
+            mobile.value = isOnMobile(sidebarRef.value);
+            inViewport.value = isInViewport(sidebarRef.value);
+            window.addEventListener('resize', handleResize);
+            window.addEventListener('mouseup', handleClickOutside);
+            window.addEventListener('keyup', handleKeyup);
+            sidebarRef.value.addEventListener('mouseup', handleOnClick);
+            sidebarRef.value.addEventListener('transitionend', () => {
+                inViewport.value = isInViewport(sidebarRef.value);
+            });
+        });
+        onBeforeUnmount(() => {
+            window.removeEventListener('resize', handleResize);
+            window.removeEventListener('mouseup', handleClickOutside);
+            window.removeEventListener('keyup', handleKeyup);
+            sidebarRef.value.removeEventListener('mouseup', handleOnClick);
+            // eslint-disable-next-line unicorn/no-invalid-remove-event-listener
+            sidebarRef.value.removeEventListener('transitionend', () => {
+                inViewport.value = isInViewport(sidebarRef.value);
+            });
+        });
+        const handleHide = () => {
+            visible.value = false;
+            emit('visible-change', false);
+        };
+        const handleResize = () => {
+            mobile.value = isOnMobile(sidebarRef.value);
+            inViewport.value = isInViewport(sidebarRef.value);
+        };
+        const handleKeyup = (event) => {
+            if (mobile.value && !sidebarRef.value.contains(event.target)) {
+                handleHide();
+            }
+        };
+        const handleClickOutside = (event) => {
+            if (mobile.value && !sidebarRef.value.contains(event.target)) {
+                handleHide();
+            }
+        };
+        const handleOnClick = (event) => {
+            const target = event.target;
+            target &&
+                target.classList.contains('nav-link') &&
+                !target.classList.contains('nav-group-toggle') &&
+                mobile.value &&
+                handleHide();
+        };
+        return () => [
+            h('div', {
+                class: [
+                    'sidebar',
+                    {
+                        [`sidebar-${props.colorScheme}`]: props.colorScheme,
+                        'sidebar-narrow': props.narrow,
+                        'sidebar-overlaid': props.overlaid,
+                        [`sidebar-${props.placement}`]: props.placement,
+                        [`sidebar-${props.position}`]: props.position,
+                        [`sidebar-${props.size}`]: props.size,
+                        'sidebar-narrow-unfoldable': props.unfoldable,
+                        show: visible.value === true && mobile.value,
+                        hide: visible.value === false && !mobile.value,
+                    },
+                    attrs.class,
+                ],
+                ref: sidebarRef,
+            }, slots.default && slots.default()),
+            mobile.value &&
+                h(CBackdrop, {
+                    class: 'sidebar-backdrop',
+                    visible: props.visible,
+                    onClick: () => handleHide(),
+                }),
+        ];
+    },
+});
+
+export { CSidebar };
+//# sourceMappingURL=CSidebar.js.map

package/dist/esm/components/sidebar/CSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSidebar.js","sources":["../../../../src/components/sidebar/CSidebar.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/sidebar/CSidebarBrand.d.ts

@@ -0,0 +1,4 @@
+declare const CSidebarBrand: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export { CSidebarBrand };

package/dist/esm/components/sidebar/CSidebarBrand.js

@@ -0,0 +1,11 @@
+import { defineComponent, h } from 'vue';
+
+const CSidebarBrand = defineComponent({
+    name: 'CSidebarBrand',
+    setup(_, { slots }) {
+        return () => h('div', { class: 'sidebar-brand' }, slots.default && slots.default());
+    },
+});
+
+export { CSidebarBrand };
+//# sourceMappingURL=CSidebarBrand.js.map

package/dist/esm/components/sidebar/CSidebarBrand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSidebarBrand.js","sources":["../../../../src/components/sidebar/CSidebarBrand.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,aAAa,GAAG,eAAe,CAAC;AACpC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACpF;AACF,CAAA;;;;"}

package/dist/esm/components/sidebar/CSidebarFooter.d.ts

@@ -0,0 +1,4 @@
+declare const CSidebarFooter: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export { CSidebarFooter };

package/dist/esm/components/sidebar/CSidebarFooter.js

@@ -0,0 +1,11 @@
+import { defineComponent, h } from 'vue';
+
+const CSidebarFooter = defineComponent({
+    name: 'CSidebarFooter',
+    setup(_, { slots }) {
+        return () => h('div', { class: 'sidebar-footer' }, slots.default && slots.default());
+    },
+});
+
+export { CSidebarFooter };
+//# sourceMappingURL=CSidebarFooter.js.map

package/dist/esm/components/sidebar/CSidebarFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSidebarFooter.js","sources":["../../../../src/components/sidebar/CSidebarFooter.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,cAAc,GAAG,eAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACrF;AACF,CAAA;;;;"}

package/dist/esm/components/sidebar/CSidebarHeader.d.ts

@@ -0,0 +1,4 @@
+declare const CSidebarHeader: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export { CSidebarHeader };

package/dist/esm/components/sidebar/CSidebarHeader.js

@@ -0,0 +1,11 @@
+import { defineComponent, h } from 'vue';
+
+const CSidebarHeader = defineComponent({
+    name: 'CSidebarHeader',
+    setup(_, { slots }) {
+        return () => h('div', { class: 'sidebar-header' }, slots.default && slots.default());
+    },
+});
+
+export { CSidebarHeader };
+//# sourceMappingURL=CSidebarHeader.js.map

package/dist/esm/components/sidebar/CSidebarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSidebarHeader.js","sources":["../../../../src/components/sidebar/CSidebarHeader.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,cAAc,GAAG,eAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACrF;AACF,CAAA;;;;"}

package/dist/esm/components/sidebar/CSidebarNav.d.ts

@@ -0,0 +1,4 @@
+declare const CSidebarNav: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export { CSidebarNav };

package/dist/esm/components/sidebar/CSidebarNav.js

@@ -0,0 +1,35 @@
+import { defineComponent, ref, h } from 'vue';
+
+const CSidebarNav = defineComponent({
+    name: 'CSidebarNav',
+    setup(_, { slots }) {
+        const visibleGroup = ref();
+        const handleVisibleChange = (visible, index) => {
+            if (visible) {
+                visibleGroup.value = index;
+            }
+            else {
+                if (visibleGroup.value === index) {
+                    visibleGroup.value = 0;
+                }
+            }
+        };
+        const isVisible = (index) => Boolean(visibleGroup.value === index);
+        return () => h('ul', {
+            class: 'sidebar-nav',
+        }, slots.default &&
+            slots.default().map((vnode, index) => {
+                // @ts-expect-error name is defined in component
+                if (vnode.type.name === 'CNavGroup') {
+                    return h(vnode, {
+                        onVisibleChange: (visible) => handleVisibleChange(visible, index + 1),
+                        ...(visibleGroup.value && { visible: isVisible(index + 1) }),
+                    });
+                }
+                return vnode;
+            }));
+    },
+});
+
+export { CSidebarNav };
+//# sourceMappingURL=CSidebarNav.js.map

package/dist/esm/components/sidebar/CSidebarNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSidebarNav.js","sources":["../../../../src/components/sidebar/CSidebarNav.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,WAAW,GAAG,eAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,MAAM,YAAY,GAAG,GAAG,EAAE,CAAA;AAE1B,QAAA,MAAM,mBAAmB,GAAG,CAAC,OAAgB,EAAE,KAAa,KAAI;AAC9D,YAAA,IAAI,OAAO,EAAE;AACX,gBAAA,YAAY,CAAC,KAAK,GAAG,KAAK,CAAA;AAC3B,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,YAAY,CAAC,KAAK,KAAK,KAAK,EAAE;AAChC,oBAAA,YAAY,CAAC,KAAK,GAAG,CAAC,CAAA;AACvB,iBAAA;AACF,aAAA;AACH,SAAC,CAAA;AAED,QAAA,MAAM,SAAS,GAAG,CAAC,KAAa,KAAK,OAAO,CAAC,YAAY,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;AAE1E,QAAA,OAAO,MACL,CAAC,CACC,IAAI,EACJ;AACE,YAAA,KAAK,EAAE,aAAa;SACrB,EACD,KAAK,CAAC,OAAO;YACX,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;;AAEnC,gBAAA,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;oBACnC,OAAO,CAAC,CAAC,KAAK,EAAE;AACd,wBAAA,eAAe,EAAE,CAAC,OAAgB,KAAK,mBAAmB,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC;AAC9E,wBAAA,IAAI,YAAY,CAAC,KAAK,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;AAC5D,qBAAA,CAAC,CAAA;AACH,iBAAA;AACD,gBAAA,OAAO,KAAK,CAAA;aACb,CAAC,CACL,CAAA;KACJ;AACF,CAAA;;;;"}