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

package/dist/esm/components/time-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/time-picker/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,iBAAiB,GAAG;AACxB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;KAC7C;;;;;"}

package/dist/esm/components/time-picker/types.d.ts

@@ -0,0 +1,15 @@
+export type LocalizedTimePartials = {
+    listOfHours: {
+        value: number;
+        label: string;
+    }[];
+    listOfMinutes: {
+        value: number;
+        label: string;
+    }[];
+    listOfSeconds: {
+        value: number;
+        label: string;
+    }[];
+    hour12: boolean;
+};

package/dist/esm/components/time-picker/utils.d.ts

@@ -0,0 +1,23 @@
+import type { LocalizedTimePartials } from './types';
+export declare const convert12hTo24h: (abbr: 'am' | 'pm', hour: number) => number;
+export declare const convert24hTo12h: (hour: number) => number;
+export declare const convertTimeToDate: (time: Date | string | null | undefined) => Date | null;
+export declare const getAmPm: (date: Date, locale: string) => "am" | "pm";
+export declare const getListOfHours: (locale: string, ampm?: 'auto' | boolean) => {
+    value: number;
+    label: string;
+}[];
+export declare const getListOfMinutes: (locale: string, valueAsString?: boolean) => {
+    value: string | number;
+    label: string;
+}[];
+export declare const getListOfSeconds: (locale: string, valueAsString?: boolean) => {
+    value: string | number;
+    label: string;
+}[];
+export declare const getLocalizedTimePartials: (locale: string, ampm?: 'auto' | boolean) => LocalizedTimePartials;
+export declare const getSelectedHour: (date: Date | null, locale: string, ampm?: 'auto' | boolean) => number | "";
+export declare const getSelectedMinutes: (date: Date | null) => number | "";
+export declare const getSelectedSeconds: (date: Date | null) => number | "";
+export declare const isAmPm: (locale: string) => boolean;
+export declare const isValidTime: (time: string) => number | false;

package/dist/esm/components/time-picker/utils.js

@@ -0,0 +1,66 @@
+const convert12hTo24h = (abbr, hour) => {
+    if (abbr === 'am' && hour === 12) {
+        return 0;
+    }
+    if (abbr === 'am') {
+        return hour;
+    }
+    if (abbr === 'pm' && hour === 12) {
+        return 12;
+    }
+    return hour + 12;
+};
+const convert24hTo12h = (hour) => hour % 12 || 12;
+const convertTimeToDate = (time) => time ? (time instanceof Date ? new Date(time) : new Date(`1970-01-01 ${time}`)) : null;
+const getAmPm = (date, locale) => {
+    if (date.toLocaleTimeString(locale).includes('AM')) {
+        return 'am';
+    }
+    if (date.toLocaleTimeString(locale).includes('PM')) {
+        return 'pm';
+    }
+    return date.getHours() >= 12 ? 'pm' : 'am';
+};
+const getLocalizedTimePartials = (locale, ampm = 'auto') => {
+    const date = new Date();
+    const hour12 = ['am', 'AM', 'pm', 'PM'].some((el) => date.toLocaleString(locale).includes(el));
+    const listOfHours = Array.from({ length: (ampm === 'auto' && hour12) || ampm === true ? 12 : 24 }, (_, i) => {
+        return {
+            value: (ampm === 'auto' && hour12) || ampm === true ? i + 1 : i,
+            label: ((ampm === 'auto' && hour12) || ampm === true ? i + 1 : i).toLocaleString(locale),
+        };
+    });
+    const listOfMinutesSeconds = Array.from({ length: 60 }, (_, i) => {
+        date.setMinutes(i);
+        return {
+            value: i,
+            label: date
+                .toLocaleTimeString(locale, {
+                minute: '2-digit',
+                second: '2-digit',
+            })
+                .split(/[^A-Za-z0-9\u06F0-\u06F90-9]/)[0],
+        };
+    });
+    return {
+        listOfHours,
+        listOfMinutes: listOfMinutesSeconds,
+        listOfSeconds: listOfMinutesSeconds,
+        hour12,
+    };
+};
+const getSelectedHour = (date, locale, ampm = 'auto') => date
+    ? (ampm === 'auto' && isAmPm(locale)) || ampm === true
+        ? convert24hTo12h(date.getHours())
+        : date.getHours()
+    : '';
+const getSelectedMinutes = (date) => (date ? date.getMinutes() : '');
+const getSelectedSeconds = (date) => (date ? date.getSeconds() : '');
+const isAmPm = (locale) => ['am', 'AM', 'pm', 'PM'].some((el) => new Date().toLocaleString(locale).includes(el));
+const isValidTime = (time) => {
+    const d = new Date(`1970-01-01 ${time}`);
+    return d instanceof Date && d.getTime();
+};
+
+export { convert12hTo24h, convert24hTo12h, convertTimeToDate, getAmPm, getLocalizedTimePartials, getSelectedHour, getSelectedMinutes, getSelectedSeconds, isAmPm, isValidTime };
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/time-picker/utils.js.map

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

package/dist/esm/components/toast/CToast.d.ts

@@ -0,0 +1,98 @@
+declare const CToast: import("vue").DefineComponent<{
+    /**
+     * Auto hide the toast.
+     */
+    autohide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Delay hiding the toast (ms).
+     */
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Optionally add a close button to component and allow it to self dismiss.
+     */
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * index of the component.
+     */
+    index: NumberConstructor;
+    /**
+     * Title node for your component.
+     */
+    title: StringConstructor;
+    /**
+     * Toggle the visibility of component.
+     */
+    visible: BooleanConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "show")[], "close" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Auto hide the toast.
+     */
+    autohide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 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;
+    };
+    /**
+     * Delay hiding the toast (ms).
+     */
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Optionally add a close button to component and allow it to self dismiss.
+     */
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * index of the component.
+     */
+    index: NumberConstructor;
+    /**
+     * Title node for your component.
+     */
+    title: StringConstructor;
+    /**
+     * Toggle the visibility of component.
+     */
+    visible: BooleanConstructor;
+}>> & {
+    onShow?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+    dismissible: boolean;
+    delay: number;
+    autohide: boolean;
+}, {}>;
+export { CToast };

package/dist/esm/components/toast/CToast.js

@@ -0,0 +1,109 @@
+import { defineComponent, ref, provide, onMounted, h, Transition } from 'vue';
+import { Color } from '../../props.js';
+
+const CToast = defineComponent({
+    name: 'CToast',
+    props: {
+        /**
+         * Auto hide the toast.
+         */
+        autohide: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * 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,
+        /**
+         * Delay hiding the toast (ms).
+         */
+        delay: {
+            type: Number,
+            default: 5000,
+        },
+        /**
+         * Optionally add a close button to component and allow it to self dismiss.
+         */
+        dismissible: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * index of the component.
+         */
+        index: Number,
+        /**
+         * Title node for your component.
+         */
+        title: String,
+        /**
+         * Toggle the visibility of component.
+         */
+        visible: Boolean,
+    },
+    emits: [
+        /**
+         * Callback fired when the component requests to be closed.
+         */
+        'close',
+        /**
+         * Callback fired when the component requests to be shown.
+         */
+        'show',
+    ],
+    setup(props, { slots, emit }) {
+        const timeout = ref(0);
+        const visible = ref();
+        const updateVisible = (_visible) => {
+            visible.value = _visible;
+        };
+        provide('updateVisible', updateVisible);
+        onMounted(() => {
+            if (props.visible) {
+                visible.value = props.visible;
+            }
+            if (props.autohide) {
+                clearTimeout(timeout.value);
+                timeout.value = window.setTimeout(() => {
+                    visible.value = false;
+                    emit('close');
+                }, props.delay);
+            }
+        });
+        return () => h(Transition, {
+            appear: true,
+            enterFromClass: '',
+            enterActiveClass: 'show showing',
+            enterToClass: 'show',
+            leaveFromClass: 'show',
+            leaveActiveClass: 'show showing',
+            leaveToClass: 'show',
+            onAfterEnter: (el) => {
+                el.classList.add('show');
+                props.index ? emit('show', props.index) : emit('show');
+            },
+            onAfterLeave: () => {
+                props.index ? emit('close', props.index) : emit('close');
+            },
+        }, {
+            default: () => visible.value &&
+                h('div', {
+                    class: [
+                        'toast fade',
+                        {
+                            [`bg-${props.color}`]: props.color,
+                        },
+                    ],
+                    'aria-live': 'assertive',
+                    'aria-atomic': true,
+                    role: 'alert',
+                }, slots.default && slots.default()),
+        });
+    },
+});
+
+export { CToast };
+//# sourceMappingURL=CToast.js.map

package/dist/esm/components/toast/CToast.js.map

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

package/dist/esm/components/toast/CToastBody.d.ts

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

package/dist/esm/components/toast/CToastBody.js

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

package/dist/esm/components/toast/CToastBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToastBody.js","sources":["../../../../src/components/toast/CToastBody.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,UAAU,GAAG,eAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;KACjF;AACF,CAAA;;;;"}

package/dist/esm/components/toast/CToastClose.d.ts

@@ -0,0 +1,8 @@
+declare const CToastClose: import("vue").DefineComponent<any, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {} | {
+    [x: string]: any;
+}, {}>;
+export { CToastClose };

package/dist/esm/components/toast/CToastClose.js

@@ -0,0 +1,42 @@
+import { defineComponent, inject, h } from 'vue';
+import { CCloseButton } from '../close-button/CCloseButton.js';
+
+const CToastClose = defineComponent({
+    name: 'CToastClose',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        component: String,
+        ...CCloseButton.props,
+    },
+    emits: [
+        /**
+         * Event called before the dissmiss animation has started.
+         */
+        'close',
+    ],
+    setup(props, { slots, emit }) {
+        // eslint-disable-next-line no-unused-vars
+        const updateVisible = inject('updateVisible');
+        const handleClose = () => {
+            emit('close');
+            updateVisible(false);
+        };
+        return () => props.component
+            ? h(props.component, {
+                onClick: () => {
+                    handleClose();
+                },
+            }, () => slots.default && slots.default())
+            : h(CCloseButton, {
+                ...props,
+                onClick: () => {
+                    handleClose();
+                },
+            });
+    },
+});
+
+export { CToastClose };
+//# sourceMappingURL=CToastClose.js.map

package/dist/esm/components/toast/CToastClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToastClose.js","sources":["../../../../src/components/toast/CToastClose.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGM,MAAA,WAAW,GAAG,eAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,SAAS,EAAE,MAAM;QACjB,GAAG,YAAY,CAAC,KAAK;AACtB,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,OAAO;AACR,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;;AAE1B,QAAA,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAA+B,CAAA;QAC3E,MAAM,WAAW,GAAG,MAAK;YACvB,IAAI,CAAC,OAAO,CAAC,CAAA;YACb,aAAa,CAAC,KAAK,CAAC,CAAA;AACtB,SAAC,CAAA;AACD,QAAA,OAAO,MACL,KAAK,CAAC,SAAS;AACb,cAAE,CAAC,CACC,KAAK,CAAC,SAAS,EACf;gBACE,OAAO,EAAE,MAAK;AACZ,oBAAA,WAAW,EAAE,CAAA;iBACd;aACF,EACD,MAAM,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACvC;AACH,cAAE,CAAC,CAAC,YAAY,EAAE;AACd,gBAAA,GAAG,KAAK;gBACR,OAAO,EAAE,MAAK;AACZ,oBAAA,WAAW,EAAE,CAAA;iBACd;AACF,aAAA,CAAC,CAAA;KACT;AACF,CAAA;;;;"}

package/dist/esm/components/toast/CToastHeader.d.ts

@@ -0,0 +1,18 @@
+declare const CToastHeader: import("vue").DefineComponent<{
+    /**
+     * Automatically add a close button to the header.
+     */
+    closeButton: BooleanConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Automatically add a close button to the header.
+     */
+    closeButton: BooleanConstructor;
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    closeButton: boolean;
+}, {}>;
+export { CToastHeader };

package/dist/esm/components/toast/CToastHeader.js

@@ -0,0 +1,30 @@
+import { defineComponent, h } from 'vue';
+import { CToastClose } from './CToastClose.js';
+
+const CToastHeader = defineComponent({
+    name: 'CToastHeader',
+    props: {
+        /**
+         * Automatically add a close button to the header.
+         */
+        closeButton: Boolean,
+    },
+    emits: [
+        /**
+         * Event called after clicking the close button.
+         */
+        'close',
+    ],
+    setup(props, { slots, emit }) {
+        return () => h('div', { class: 'toast-header' }, [
+            slots.default && slots.default(),
+            props.closeButton &&
+                h(CToastClose, {
+                    onClose: () => emit('close'),
+                }),
+        ]);
+    },
+});
+
+export { CToastHeader };
+//# sourceMappingURL=CToastHeader.js.map

package/dist/esm/components/toast/CToastHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToastHeader.js","sources":["../../../../src/components/toast/CToastHeader.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGM,MAAA,YAAY,GAAG,eAAe,CAAC;AACnC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,WAAW,EAAE,OAAO;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,OAAO;AACR,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;AAC1B,QAAA,OAAO,MACL,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;AAClC,YAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChC,YAAA,KAAK,CAAC,WAAW;gBACf,CAAC,CAAC,WAAW,EAAE;AACb,oBAAA,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,CAAC;iBAC7B,CAAC;AACL,SAAA,CAAC,CAAA;KACL;AACF,CAAA;;;;"}

package/dist/esm/components/toast/CToaster.d.ts

@@ -0,0 +1,24 @@
+declare const CToaster: import("vue").DefineComponent<{
+    /**
+     * Describes the placement of component.
+     *
+     * @values 'top-start', 'top', 'top-end', 'middle-start', 'middle', 'middle-end', 'bottom-start', 'bottom', 'bottom-end'
+     */
+    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<{
+    /**
+     * Describes the placement of component.
+     *
+     * @values 'top-start', 'top', 'top-end', 'middle-start', 'middle', 'middle-end', 'bottom-start', 'bottom', 'bottom-end'
+     */
+    placement: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+}>>, {}, {}>;
+export { CToaster };

package/dist/esm/components/toast/CToaster.js

@@ -0,0 +1,47 @@
+import { defineComponent, h } from 'vue';
+
+const CToaster = defineComponent({
+    name: 'CToaster',
+    props: {
+        /**
+         * Describes the placement of component.
+         *
+         * @values 'top-start', 'top', 'top-end', 'middle-start', 'middle', 'middle-end', 'bottom-start', 'bottom', 'bottom-end'
+         */
+        placement: {
+            type: String,
+            validator: (value) => {
+                return [
+                    'top-start',
+                    'top-center',
+                    'top-end',
+                    'middle-start',
+                    'middle-center',
+                    'middle-end',
+                    'bottom-start',
+                    'bottom-center',
+                    'bottom-end',
+                ].includes(value);
+            },
+        },
+    },
+    setup(props, { slots }) {
+        return () => h('div', {
+            class: [
+                'toaster toast-container p-3',
+                {
+                    'position-fixed': props.placement,
+                    'top-0': props.placement && props.placement.includes('top'),
+                    'top-50 translate-middle-y': props.placement && props.placement.includes('middle'),
+                    'bottom-0': props.placement && props.placement.includes('bottom'),
+                    'start-0': props.placement && props.placement.includes('start'),
+                    'start-50 translate-middle-x': props.placement && props.placement.includes('center'),
+                    'end-0': props.placement && props.placement.includes('end'),
+                },
+            ],
+        }, slots.default && slots.default());
+    },
+});
+
+export { CToaster };
+//# sourceMappingURL=CToaster.js.map

package/dist/esm/components/toast/CToaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CToaster.js","sources":["../../../../src/components/toast/CToaster.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,MAAA,QAAQ,GAAG,eAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO;oBACL,WAAW;oBACX,YAAY;oBACZ,SAAS;oBACT,cAAc;oBACd,eAAe;oBACf,YAAY;oBACZ,cAAc;oBACd,eAAe;oBACf,YAAY;AACb,iBAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAClB;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACL,CAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,6BAA6B;AAC7B,gBAAA;oBACE,gBAAgB,EAAE,KAAK,CAAC,SAAS;AACjC,oBAAA,OAAO,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC3D,oBAAA,2BAA2B,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAClF,oBAAA,UAAU,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACjE,oBAAA,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC/D,oBAAA,6BAA6B,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACpF,oBAAA,OAAO,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC5D,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { CToast } from './CToast';
+import { CToastBody } from './CToastBody';
+import { CToastClose } from './CToastClose';
+import { CToaster } from './CToaster';
+import { CToastHeader } from './CToastHeader';
+declare const CToastPlugin: {
+    install: (app: App) => void;
+};
+export { CToastPlugin, CToast, CToastBody, CToastClose, CToaster, CToastHeader };

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

@@ -0,0 +1,18 @@
+import { CToast } from './CToast.js';
+import { CToastBody } from './CToastBody.js';
+import { CToastClose } from './CToastClose.js';
+import { CToaster } from './CToaster.js';
+import { CToastHeader } from './CToastHeader.js';
+
+const CToastPlugin = {
+    install: (app) => {
+        app.component(CToast.name, CToast);
+        app.component(CToastBody.name, CToastBody);
+        app.component(CToastClose.name, CToastClose);
+        app.component(CToaster.name, CToaster);
+        app.component(CToastHeader.name, CToastHeader);
+    },
+};
+
+export { CToast, CToastBody, CToastClose, CToastHeader, CToastPlugin, CToaster };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/toast/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOA,MAAM,YAAY,GAAG;AACnB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;QAClC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;QAC1C,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;QAC5C,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QACtC,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;KAC/C;;;;;"}