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

package/dist/esm/components/nav/CNavGroup.js

@@ -0,0 +1,120 @@
+import { defineComponent, ref, onMounted, watch, h, Transition } from 'vue';
+import { executeAfterTransition } from '../../utils/transition.js';
+
+const CNavGroup = defineComponent({
+    name: 'CNavGroup',
+    props: {
+        /**
+         * Make nav group more compact by cutting all `padding` in half.
+         */
+        compact: Boolean,
+        /**
+         * Show nav group items.
+         */
+        visible: Boolean,
+    },
+    emits: ['visible-change'],
+    setup(props, { slots, emit }) {
+        const visible = ref();
+        const navGroupRef = ref();
+        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);
+        onMounted(() => {
+            visible.value = props.visible;
+            props.visible && navGroupRef.value.classList.add('show');
+            emit('visible-change', visible.value);
+        });
+        watch(() => props.visible, () => {
+            visible.value = props.visible;
+            if (visible.value === false) {
+                visibleGroup.value = undefined;
+            }
+        });
+        watch(visible, () => {
+            emit('visible-change', visible.value);
+        });
+        const handleTogglerClick = () => {
+            visible.value = !visible.value;
+            emit('visible-change', visible.value);
+        };
+        const handleBeforeEnter = (el) => {
+            el.style.height = '0px';
+            navGroupRef.value.classList.add('show');
+        };
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        const handleEnter = (el, done) => {
+            executeAfterTransition(() => done(), el);
+            el.style.height = `${el.scrollHeight}px`;
+        };
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        const handleAfterEnter = (el) => {
+            el.style.height = 'auto';
+        };
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        const handleBeforeLeave = (el) => {
+            el.style.height = `${el.scrollHeight}px`;
+        };
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        const handleLeave = (el, done) => {
+            executeAfterTransition(() => done(), el);
+            setTimeout(() => {
+                el.style.height = '0px';
+            }, 1);
+        };
+        const handleAfterLeave = () => {
+            navGroupRef.value.classList.remove('show');
+        };
+        return () => h('li', {
+            class: 'nav-group',
+            ref: navGroupRef,
+        }, [
+            slots.togglerContent &&
+                h('a', {
+                    class: ['nav-link', 'nav-group-toggle'],
+                    onClick: handleTogglerClick,
+                }, slots.togglerContent && slots.togglerContent()),
+            h(Transition, {
+                css: false,
+                onBeforeEnter: (el) => handleBeforeEnter(el),
+                onEnter: (el, done) => handleEnter(el, done),
+                onAfterEnter: (el) => handleAfterEnter(el),
+                onBeforeLeave: (el) => handleBeforeLeave(el),
+                onLeave: (el, done) => handleLeave(el, done),
+                onAfterLeave: () => handleAfterLeave(),
+            }, {
+                default: () => visible.value &&
+                    h('ul', {
+                        class: [
+                            'nav-group-items',
+                            {
+                                compact: props.compact,
+                            },
+                        ],
+                    }, 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 { CNavGroup };
+//# sourceMappingURL=CNavGroup.js.map

package/dist/esm/components/nav/CNavGroup.js.map

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

package/dist/esm/components/nav/CNavGroupItems.d.ts

@@ -0,0 +1,4 @@
+declare const CNavGroupItems: 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 { CNavGroupItems };

package/dist/esm/components/nav/CNavGroupItems.js

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

package/dist/esm/components/nav/CNavGroupItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavGroupItems.js","sources":["../../../../src/components/nav/CNavGroupItems.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,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACrF;AACF,CAAA;;;;"}

package/dist/esm/components/nav/CNavItem.d.ts

@@ -0,0 +1,6 @@
+declare const CNavItem: import("vue").DefineComponent<any, () => 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<any>, {} | {
+    [x: string]: any;
+}, {}>;
+export { CNavItem };

package/dist/esm/components/nav/CNavItem.js

@@ -0,0 +1,26 @@
+import { defineComponent, h } from 'vue';
+import { CNavLink } from './CNavLink.js';
+
+const CNavItem = defineComponent({
+    name: 'CNavItem',
+    props: {
+        ...CNavLink.props,
+    },
+    setup(props, { slots }) {
+        return () => h('li', {
+            class: 'nav-item',
+        }, props.href
+            ? h(CNavLink, {
+                active: props.active,
+                component: props.component,
+                disabled: props.disabled,
+                href: props.href,
+            }, {
+                default: () => slots.default && slots.default(),
+            })
+            : slots.default && slots.default());
+    },
+});
+
+export { CNavItem };
+//# sourceMappingURL=CNavItem.js.map

package/dist/esm/components/nav/CNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavItem.js","sources":["../../../../src/components/nav/CNavItem.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,QAAQ,GAAG,eAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;QACL,GAAG,QAAQ,CAAC,KAAK;AAClB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACL,CAAC,CACC,IAAI,EACJ;AACE,YAAA,KAAK,EAAE,UAAU;SAClB,EACD,KAAK,CAAC,IAAI;AACR,cAAE,CAAC,CACC,QAAQ,EACR;gBACE,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,IAAI,EAAE,KAAK,CAAC,IAAI;aACjB,EACD;gBACE,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;aAChD,CACF;cACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACrC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/nav/CNavLink.d.ts

@@ -0,0 +1,48 @@
+declare const CNavLink: import("vue").DefineComponent<{
+    /**
+     * Toggle the active state for the component.
+     */
+    active: BooleanConstructor;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * @ignore
+     */
+    href: StringConstructor;
+}, () => 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<{
+    /**
+     * Toggle the active state for the component.
+     */
+    active: BooleanConstructor;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * @ignore
+     */
+    href: StringConstructor;
+}>>, {
+    disabled: boolean;
+    component: string;
+    active: boolean;
+}, {}>;
+export { CNavLink };

package/dist/esm/components/nav/CNavLink.js

@@ -0,0 +1,41 @@
+import { defineComponent, h } from 'vue';
+import { CLink } from '../link/CLink.js';
+
+const CNavLink = defineComponent({
+    name: 'CNavLink',
+    props: {
+        /**
+         * Toggle the active state for the component.
+         */
+        active: Boolean,
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'a',
+        },
+        /**
+         * Toggle the disabled state for the component.
+         */
+        disabled: Boolean,
+        /**
+         * @ignore
+         */
+        href: String,
+    },
+    setup(props, { slots }) {
+        return () => h(CLink, {
+            class: 'nav-link',
+            active: props.active,
+            component: props.component,
+            disabled: props.disabled,
+            href: props.href,
+        }, {
+            default: () => slots.default && slots.default(),
+        });
+    },
+});
+
+export { CNavLink };
+//# sourceMappingURL=CNavLink.js.map

package/dist/esm/components/nav/CNavLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavLink.js","sources":["../../../../src/components/nav/CNavLink.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,QAAQ,GAAG,eAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,GAAG;AACb,SAAA;AACD;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACL,CAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,IAAI,EAAE,KAAK,CAAC,IAAI;SACjB,EACD;YACE,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChD,SAAA,CACF,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/nav/CNavTitle.d.ts

@@ -0,0 +1,4 @@
+declare const CNavTitle: 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 { CNavTitle };

package/dist/esm/components/nav/CNavTitle.js

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

package/dist/esm/components/nav/CNavTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavTitle.js","sources":["../../../../src/components/nav/CNavTitle.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,SAAS,GAAG,eAAe,CAAC;AAChC,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KAC/E;AACF,CAAA;;;;"}

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

@@ -0,0 +1,11 @@
+import { App } from 'vue';
+import { CNav } from './CNav';
+import { CNavGroup } from './CNavGroup';
+import { CNavGroupItems } from './CNavGroupItems';
+import { CNavItem } from './CNavItem';
+import { CNavLink } from './CNavLink';
+import { CNavTitle } from './CNavTitle';
+declare const CNavPlugin: {
+    install: (app: App) => void;
+};
+export { CNavPlugin, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle };

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

@@ -0,0 +1,20 @@
+import { CNav } from './CNav.js';
+import { CNavGroup } from './CNavGroup.js';
+import { CNavGroupItems } from './CNavGroupItems.js';
+import { CNavItem } from './CNavItem.js';
+import { CNavLink } from './CNavLink.js';
+import { CNavTitle } from './CNavTitle.js';
+
+const CNavPlugin = {
+    install: (app) => {
+        app.component(CNav.name, CNav);
+        app.component(CNavGroup.name, CNavGroup);
+        app.component(CNavGroupItems.name, CNavGroupItems);
+        app.component(CNavItem.name, CNavItem);
+        app.component(CNavLink.name, CNavLink);
+        app.component(CNavTitle.name, CNavTitle);
+    },
+};
+
+export { CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavPlugin, CNavTitle };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/nav/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;QAC9B,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;QACxC,GAAG,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,CAAC,CAAA;QAClD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QACtC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QACtC,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;KACzC;;;;;"}

package/dist/esm/components/navbar/CNavbar.d.ts

@@ -0,0 +1,112 @@
+declare const CNavbar: import("vue").DefineComponent<{
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets if the color of text should be colored for a light or dark dark background.
+     *
+     * @values 'dark', 'light'
+     */
+    colorScheme: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Defines optional container wrapping children elements.
+     *
+     * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl', 'fluid'
+     */
+    container: {
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (value: boolean | string) => boolean;
+    };
+    /**
+     * Defines the responsive breakpoint to determine when content collapses.
+     *
+     * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl'
+     */
+    expand: {
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (value: boolean | string) => boolean;
+    };
+    /**
+     * Place component in non-static positions.
+     *
+     * @values 'fixed-top', 'fixed-bottom', 'sticky-top'
+     */
+    placement: {
+        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<{
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+     */
+    color: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets if the color of text should be colored for a light or dark dark background.
+     *
+     * @values 'dark', 'light'
+     */
+    colorScheme: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Defines optional container wrapping children elements.
+     *
+     * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl', 'fluid'
+     */
+    container: {
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (value: boolean | string) => boolean;
+    };
+    /**
+     * Defines the responsive breakpoint to determine when content collapses.
+     *
+     * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl'
+     */
+    expand: {
+        type: (StringConstructor | BooleanConstructor)[];
+        validator: (value: boolean | string) => boolean;
+    };
+    /**
+     * Place component in non-static positions.
+     *
+     * @values 'fixed-top', 'fixed-bottom', 'sticky-top'
+     */
+    placement: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    component: string;
+}, {}>;
+export { CNavbar };

package/dist/esm/components/navbar/CNavbar.js

@@ -0,0 +1,85 @@
+import { defineComponent, h } from 'vue';
+import { Color } from '../../props.js';
+
+const CNavbar = defineComponent({
+    name: 'CNavbar',
+    props: {
+        /**
+         * Sets the color context of the component to one of CoreUI’s themed colors.
+         *
+         * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
+         */
+        color: Color,
+        /**
+         * Sets if the color of text should be colored for a light or dark dark background.
+         *
+         * @values 'dark', 'light'
+         */
+        colorScheme: {
+            type: String,
+            validator: (value) => {
+                return ['dark', 'light'].includes(value);
+            },
+        },
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: {
+            type: String,
+            default: 'nav',
+        },
+        /**
+         * Defines optional container wrapping children elements.
+         *
+         * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl', 'fluid'
+         */
+        container: {
+            type: [Boolean, String],
+            validator: (value) => {
+                return (typeof value === 'boolean' || ['sm', 'md', 'lg', 'xl', 'xxl', 'fluid'].includes(value));
+            },
+        },
+        /**
+         * Defines the responsive breakpoint to determine when content collapses.
+         *
+         * @values boolean, 'sm', 'md', 'lg', 'xl', 'xxl'
+         */
+        expand: {
+            type: [Boolean, String],
+            validator: (value) => {
+                return typeof value === 'boolean' || ['sm', 'md', 'lg', 'xl', 'xxl'].includes(value);
+            },
+        },
+        /**
+         * Place component in non-static positions.
+         *
+         * @values 'fixed-top', 'fixed-bottom', 'sticky-top'
+         */
+        placement: {
+            type: String,
+            validator: (value) => {
+                return ['fixed-top', 'fixed-bottom', 'sticky-top'].includes(value);
+            },
+        },
+    },
+    setup(props, { slots }) {
+        return () => h(props.component, {
+            class: [
+                'navbar',
+                {
+                    [`bg-${props.color}`]: props.color,
+                    [typeof props.expand === 'boolean'
+                        ? 'navbar-expand'
+                        : `navbar-expand-${props.expand}`]: props.expand,
+                },
+                props.placement,
+            ],
+            ...(props.colorScheme && { 'data-coreui-theme': props.colorScheme }),
+        }, props.container
+            ? h('div', { class: [`container${props.container === true ? '' : '-' + props.container}`] }, slots.default && slots.default())
+            : slots.default && slots.default());
+    },
+});
+
+export { CNavbar };
+//# sourceMappingURL=CNavbar.js.map

package/dist/esm/components/navbar/CNavbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbar.js","sources":["../../../../src/components/navbar/CNavbar.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,MAAA,OAAO,GAAG,eAAe,CAAC;AAC9B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAE,KAAK;AACZ;;;;AAIG;AACH,QAAA,WAAW,EAAE;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACzC;AACF,SAAA;AACD;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AACvB,YAAA,SAAS,EAAE,CAAC,KAAuB,KAAI;gBACrC,QACE,OAAO,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EACvF;aACF;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AACvB,YAAA,SAAS,EAAE,CAAC,KAAuB,KAAI;gBACrC,OAAO,OAAO,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACrF;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,WAAW,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aACnE;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACL,CAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,YAAA,KAAK,EAAE;gBACL,QAAQ;AACR,gBAAA;oBACE,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AAClC,oBAAA,CAAC,OAAO,KAAK,CAAC,MAAM,KAAK,SAAS;AAChC,0BAAE,eAAe;0BACf,CAAiB,cAAA,EAAA,KAAK,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM;AACnD,iBAAA;AACD,gBAAA,KAAK,CAAC,SAAS;AAChB,aAAA;AACD,YAAA,IAAI,KAAK,CAAC,WAAW,IAAI,EAAE,mBAAmB,EAAE,KAAK,CAAC,WAAW,EAAE;SACpE,EACD,KAAK,CAAC,SAAS;AACb,cAAE,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,CAAC,CAAA,SAAA,EAAY,KAAK,CAAC,SAAS,KAAK,IAAI,GAAG,EAAE,GAAG,GAAG,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC,EAAE,EAChF,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;cACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACrC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/navbar/CNavbarBrand.d.ts

@@ -0,0 +1,32 @@
+declare const CNavbarBrand: import("vue").DefineComponent<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     *
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The href attribute specifies the URL of the page the link goes to.
+     */
+    href: StringConstructor;
+}, () => 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<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     *
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The href attribute specifies the URL of the page the link goes to.
+     */
+    href: StringConstructor;
+}>>, {
+    component: string;
+}, {}>;
+export { CNavbarBrand };

package/dist/esm/components/navbar/CNavbarBrand.js

@@ -0,0 +1,28 @@
+import { defineComponent, h } from 'vue';
+
+const CNavbarBrand = defineComponent({
+    name: 'CNavbarBrand',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         *
+         */
+        component: {
+            type: String,
+            default: 'a',
+        },
+        /**
+         * The href attribute specifies the URL of the page the link goes to.
+         */
+        href: String,
+    },
+    setup(props, { slots }) {
+        return () => h(props.component ?? (props.href ? 'a' : 'span'), {
+            class: 'navbar-brand',
+            href: props.href,
+        }, slots.default && slots.default());
+    },
+});
+
+export { CNavbarBrand };
+//# sourceMappingURL=CNavbarBrand.js.map

package/dist/esm/components/navbar/CNavbarBrand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbarBrand.js","sources":["../../../../src/components/navbar/CNavbarBrand.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,YAAY,GAAG,eAAe,CAAC;AACnC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL;;;AAGG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,GAAG;AACb,SAAA;AACD;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACL,CAAC,CACC,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC,EAC9C;AACE,YAAA,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,KAAK,CAAC,IAAI;SACjB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

package/dist/esm/components/navbar/CNavbarNav.d.ts

@@ -0,0 +1,22 @@
+declare const CNavbarNav: import("vue").DefineComponent<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => 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<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    component: string;
+}, {}>;
+export { CNavbarNav };