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

package/dist/esm/components/smart-table/CSmartTableInterface.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @ignore
+ */
+export interface Column {
+    filter?: boolean | ((values: any[], onChange: (value: any) => void) => VNode);
+    key: string;
+    label?: string;
+    sorter?: boolean;
+    _style?: any;
+    _props?: any;
+}
+import { VNode } from 'vue';
+export interface ColumnFilter {
+    lazy?: boolean;
+    external?: boolean;
+}
+export interface ColumnFilterValue {
+    [key: string]: number | string | any;
+}
+export type FooterItem = {
+    label?: string;
+    _props?: any;
+};
+export type Item = {
+    [key: string]: number | string | any;
+    _cellProps?: any;
+    _props: Object;
+    _selected: boolean;
+};
+export interface ItemsPerPageSelect {
+    external?: boolean;
+    label?: string;
+    values?: Array<number>;
+}
+export interface Pagination {
+    external?: boolean;
+}
+export interface Sorter {
+    resetable?: boolean;
+    external?: boolean;
+}
+export interface ScopedColumns {
+    details?: (a: Item, b: number) => VNode;
+}
+export interface SorterValue {
+    column?: string;
+    state?: number | string;
+}
+export interface TableFilter {
+    external?: boolean;
+    lazy?: boolean;
+    label?: string;
+    placeholder?: string;
+}
+export interface NoItemsView {
+    noResults?: string;
+    noItems?: string;
+}

package/dist/esm/components/smart-table/CSmartTableItemsPerPageSelector.d.ts

@@ -0,0 +1,43 @@
+import { PropType } from 'vue';
+declare const CSmartTableItemsPerPageSelector: import("vue").DefineComponent<{
+    itemsPerPage: {
+        type: NumberConstructor;
+        default: undefined;
+        require: boolean;
+    };
+    itemsPerPageLabel: {
+        type: StringConstructor;
+        default: undefined;
+        require: boolean;
+    };
+    itemsPerPageOptions: {
+        type: PropType<number[]>;
+        default: () => never[];
+        require: boolean;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeItemsPerPage"[], "changeItemsPerPage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    itemsPerPage: {
+        type: NumberConstructor;
+        default: undefined;
+        require: boolean;
+    };
+    itemsPerPageLabel: {
+        type: StringConstructor;
+        default: undefined;
+        require: boolean;
+    };
+    itemsPerPageOptions: {
+        type: PropType<number[]>;
+        default: () => never[];
+        require: boolean;
+    };
+}>> & {
+    onChangeItemsPerPage?: ((...args: any[]) => any) | undefined;
+}, {
+    itemsPerPage: number;
+    itemsPerPageLabel: string;
+    itemsPerPageOptions: number[];
+}, {}>;
+export { CSmartTableItemsPerPageSelector };

package/dist/esm/components/smart-table/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { CSmartTable } from './CSmartTable';
+declare const CSmartTablePlugin: {
+    install: (app: App) => void;
+};
+export { CSmartTablePlugin, CSmartTable };

package/dist/esm/components/smart-table/index.js

@@ -0,0 +1,10 @@
+import { CSmartTable } from './CSmartTable.js';
+
+const CSmartTablePlugin = {
+    install: (app) => {
+        app.component(CSmartTable.name, CSmartTable);
+    },
+};
+
+export { CSmartTable, CSmartTablePlugin };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/smart-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/smart-table/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/smart-table/types.d.ts

@@ -0,0 +1,63 @@
+import { VNode } from 'vue';
+export type Column = {
+    children?: Column[];
+    filter?: boolean | ((values: any[], onChange: (value: any) => void) => VNode);
+    group?: string;
+    key: string;
+    label?: string;
+    sorter?: boolean;
+    _style?: any;
+    _props?: any;
+    _colStyle?: any;
+    _colProps?: any;
+};
+export type ColumnFilter = {
+    lazy?: boolean;
+    external?: boolean;
+};
+export type ColumnFilterValue = {
+    [key: string]: any;
+};
+export type FooterItem = {
+    label?: string;
+    _props?: any;
+};
+export type Group = {
+    children?: Group[] | Column[];
+    colspan?: number;
+    deep?: number;
+    group?: string;
+    key: string;
+    label?: string;
+    _style?: any;
+    _props?: any;
+};
+export type Item = {
+    [key: string]: number | string | any;
+    _cellProps?: any;
+    _props?: any;
+    _selectable?: boolean;
+    _selected?: boolean;
+};
+export type ItemsPerPageSelect = {
+    external?: boolean;
+};
+export type Pagination = {
+    external?: boolean;
+};
+export type Sorter = {
+    resetable?: boolean;
+    external?: boolean;
+};
+export type ScopedColumns = {
+    [key: string]: any;
+    details?: (a: Item, b: number) => VNode;
+};
+export type SorterValue = {
+    column?: string;
+    state?: number | string;
+};
+export type TableFilter = {
+    lazy?: boolean;
+    external?: boolean;
+};

package/dist/esm/components/smart-table/utils.d.ts

@@ -0,0 +1,29 @@
+import type { Column, ColumnFilter, ColumnFilterValue, Group, Item, Sorter, SorterValue, TableFilter } from './types';
+export declare const filterColumns: (items: Item[], columnFilter: boolean | ColumnFilter | undefined, columnFilterState: ColumnFilterValue, itemsDataColumns: string[]) => Item[];
+export declare const filterTable: (items: Item[], tableFilter: boolean | TableFilter | undefined, tableFilterState: string, itemsDataColumns: string[]) => Item[];
+export declare const getClickedColumnName: (target: HTMLTextAreaElement, columnNames: string[], selectable: boolean | undefined) => string;
+export declare const getColumnKey: (column: Column | string) => string;
+export declare const getColumnLabel: (column: Column | string) => string;
+export declare const getColumnName: (column: string | Column) => string;
+export declare const getColumnNames: (columns: (string | Column)[] | undefined, items: Item[]) => string[];
+export declare const getColumns: (_columns: (Column | Group | string)[]) => (Column | string)[];
+export declare const countColumns: (columns: Column[], counter?: number) => number;
+export declare const getColumnGroups: (columns: (string | Column)[] | undefined) => {
+    children?: Column[] | Group[] | undefined;
+    colspan?: number | undefined;
+    group?: string | undefined;
+    key: string;
+    label?: string | undefined;
+    _style?: any;
+    _props?: any;
+}[][];
+export declare const getColumnNamesFromItems: (items: Item[]) => string[];
+export declare const getColumnSorterState: (key: string, sorterState: SorterValue | undefined) => string | number;
+export declare const getColumnValues: (items: Item[], key: string) => any[];
+export declare const getTableDataCellProps: (column: Column | string, item: Item, colName: string) => {};
+export declare const getTableDataCellStyles: (column: Column | string, item: Item, colName: string) => {};
+export declare const getTableHeaderCellProps: (column: Column | string) => any;
+export declare const getTableHeaderCellStyles: (column: Column | string, columnSorter: boolean | Sorter | undefined) => any;
+export declare const isSortable: (i: number, columns: (string | Column)[] | undefined, columnSorter: Sorter | boolean | undefined, itemsDataColumns: string[], columnNames: string[]) => boolean | undefined;
+export declare const pretifyName: (name: string) => string;
+export declare const sortItems: (columnSorter: boolean | Sorter | undefined, items: Item[], itemsDataColumns: string[], sorterState: SorterValue) => Item[];

package/dist/esm/components/smart-table/utils.js

@@ -0,0 +1,237 @@
+const filterColumns = (items, columnFilter, columnFilterState, itemsDataColumns) => {
+    if (columnFilter && typeof columnFilter === 'object' && columnFilter.external) {
+        return items;
+    }
+    Object.entries(columnFilterState).forEach(([key, value]) => {
+        if (value instanceof Function) {
+            items = items.filter((item) => value(item[key]));
+            return;
+        }
+        const columnFilter = String(value).toLowerCase();
+        if (columnFilter && itemsDataColumns.includes(key)) {
+            items = items.filter((item) => {
+                return String(item[key]).toLowerCase().includes(columnFilter);
+            });
+        }
+    });
+    return items;
+};
+const filterTable = (items, tableFilter, tableFilterState, itemsDataColumns) => {
+    if (!tableFilterState ||
+        (tableFilter && typeof tableFilter === 'object' && tableFilter.external)) {
+        return items;
+    }
+    const filter = tableFilterState.toLowerCase();
+    const valueContainFilter = (val) => String(val).toLowerCase().includes(filter);
+    items = items.filter((item) => {
+        return !!itemsDataColumns.find((key) => valueContainFilter(item[key]));
+    });
+    return items;
+};
+const getClickedColumnName = (target, columnNames, selectable) => {
+    const closest = target.closest('tr');
+    const children = closest ? Array.from(closest.children) : [];
+    const clickedCell = children.filter((child) => child.contains(target))[0];
+    return selectable ? columnNames[children.indexOf(clickedCell) - 1] : columnNames[children.indexOf(clickedCell)];
+};
+const getColumnKey = (column) => typeof column === 'object' ? column.key : column;
+const getColumnLabel = (column) => typeof column === 'object'
+    ? column.label !== undefined
+        ? column.label
+        : pretifyName(column.key)
+    : pretifyName(column);
+const getColumnName = (column) => {
+    if (typeof column === 'object') {
+        return column.key;
+    }
+    return column;
+};
+const getColumnNames = (columns, items) => {
+    if (columns) {
+        const _columns = [];
+        for (const column of columns) {
+            if (typeof column === 'object' && column.children) {
+                _columns.push(...getColumnNames(column.children, []));
+                continue;
+            }
+            typeof column === 'object' ? _columns.push(column.key) : _columns.push(column);
+        }
+        return _columns;
+    }
+    return getColumnNamesFromItems(items);
+};
+const getColumns = (_columns) => {
+    const columns = [];
+    for (const column of _columns) {
+        if (typeof column === 'object' && column.group && column.children) {
+            columns.push(...getColumns(column.children));
+            continue;
+        }
+        if (typeof column === 'object' && column.children) {
+            columns.push(...getColumns(column.children));
+        }
+        columns.push(column);
+    }
+    return columns;
+};
+const countColumns = (columns, counter = 0) => {
+    let _counter = counter;
+    for (const column of columns) {
+        if (!column.children) {
+            _counter++;
+        }
+        if (column.children) {
+            _counter = countColumns(column.children, _counter);
+        }
+    }
+    return _counter;
+};
+const getColumnGroups = (columns) => {
+    const groups = [];
+    const traverseColumns = (column, deep = 0, colSpan = 0) => {
+        const groups = [];
+        if (column.children) {
+            for (const _column of column.children) {
+                if (!_column.group) {
+                    colSpan++;
+                }
+                groups.push(...traverseColumns(_column, deep + 1, colSpan));
+            }
+        }
+        if (typeof column === 'object' && column.group) {
+            const { children, group, ...rest } = column;
+            groups.push({
+                deep: deep,
+                label: group,
+                ...(children && { colspan: countColumns(children) }),
+                ...rest,
+            });
+        }
+        return groups;
+    };
+    if (columns) {
+        for (const column of columns) {
+            if (typeof column === 'object' && column.group) {
+                const objects = traverseColumns(column);
+                if (objects) {
+                    for (const object of objects) {
+                        const { deep, ...rest } = object;
+                        if (deep === undefined) {
+                            continue;
+                        }
+                        for (let i = 0; i < deep; i++) {
+                            if (groups[i]) {
+                                continue;
+                            }
+                            groups.push([]);
+                        }
+                        if (groups[deep]) {
+                            groups[deep].push(rest);
+                        }
+                        else {
+                            groups.push([rest]);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    return groups;
+};
+const getColumnNamesFromItems = (items) => Object.keys(items[0] || {}).filter((el) => el.charAt(0) !== '_');
+const getColumnSorterState = (key, sorterState) => {
+    if (sorterState && sorterState.column === key) {
+        if (sorterState.state) {
+            return sorterState.state;
+        }
+        return 0;
+    }
+    return 0;
+};
+const getColumnValues = (items, key) => {
+    return items.map((item) => item[key]);
+};
+const getTableDataCellProps = (column, item, colName) => {
+    const props = {};
+    if (typeof column === 'object' && column._colProps) {
+        Object.assign(props, column._colProps);
+    }
+    if (item._cellProps && item._cellProps['all']) {
+        Object.assign(props, item._cellProps['all']);
+    }
+    if (item._cellProps && item._cellProps[colName]) {
+        Object.assign(props, item._cellProps[colName]);
+    }
+    return props;
+};
+const getTableDataCellStyles = (column, item, colName) => {
+    const styles = {};
+    if (typeof column === 'object' && column._colStyle) {
+        Object.assign(styles, column._colStyle);
+    }
+    if (item._cellStyle && item._cellStyle['all']) {
+        Object.assign(styles, item._cellStyle['all']);
+    }
+    if (item._cellStyle && item._cellStyle[colName]) {
+        Object.assign(styles, item._cellStyle[colName]);
+    }
+    return styles;
+};
+const getTableHeaderCellProps = (column) => {
+    if (typeof column === 'object' && column._props) {
+        return column._props;
+    }
+    return {};
+};
+const getTableHeaderCellStyles = (column, columnSorter) => {
+    const style = {};
+    if (columnSorter &&
+        (typeof column !== 'object' ||
+            (typeof column === 'object' && (column.sorter === undefined || column.sorter)))) {
+        style['cursor'] = 'pointer';
+    }
+    if (typeof column === 'object' && column._style) {
+        return { ...style, ...column._style };
+    }
+    return style;
+};
+const isSortable = (i, columns, columnSorter, itemsDataColumns, columnNames) => {
+    const isDataColumn = itemsDataColumns.includes(columnNames[i]);
+    let column;
+    if (columns)
+        column = columns[i];
+    return (columnSorter &&
+        (!columns ||
+            typeof column !== 'object' ||
+            (typeof column === 'object' && (column.sorter === undefined || column.sorter))) &&
+        isDataColumn);
+};
+const pretifyName = (name) => {
+    return name
+        .replace(/[-_.]/g, ' ')
+        .replace(/ +/g, ' ')
+        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+        .split(' ')
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
+};
+const sortItems = (columnSorter, items, itemsDataColumns, sorterState) => {
+    const column = sorterState.column;
+    if (!column ||
+        !itemsDataColumns.includes(column) ||
+        (columnSorter && typeof columnSorter === 'object' && columnSorter.external)) {
+        return items;
+    }
+    const flip = sorterState.state === 'asc' ? 1 : sorterState.state === 'desc' ? -1 : 0;
+    const sorted = items.slice().sort((item, item2) => {
+        const value = item[column];
+        const value2 = item2[column];
+        const a = typeof value === 'number' ? value : String(value).toLowerCase();
+        const b = typeof value2 === 'number' ? value2 : String(value2).toLowerCase();
+        return a > b ? 1 * flip : b > a ? -1 * flip : 0;
+    });
+    return sorted;
+};
+
+export { countColumns, filterColumns, filterTable, getClickedColumnName, getColumnGroups, getColumnKey, getColumnLabel, getColumnName, getColumnNames, getColumnNamesFromItems, getColumnSorterState, getColumnValues, getColumns, getTableDataCellProps, getTableDataCellStyles, getTableHeaderCellProps, getTableHeaderCellStyles, isSortable, pretifyName, sortItems };
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/smart-table/utils.js.map

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

package/dist/esm/components/spinner/CSpinner.d.ts

@@ -0,0 +1,94 @@
+declare const CSpinner: 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'
+     */
+    color: {
+        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;
+    };
+    /**
+     * Size the component small.
+     *
+     * @values 'sm'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set the button variant to an outlined button or a ghost button.
+     *
+     * @values 'border', 'grow'
+     */
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set visually hidden label for accessibility purposes.
+     */
+    visuallyHiddenLabel: {
+        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<{
+    /**
+     * 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;
+    };
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Size the component small.
+     *
+     * @values 'sm'
+     */
+    size: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set the button variant to an outlined button or a ghost button.
+     *
+     * @values 'border', 'grow'
+     */
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Set visually hidden label for accessibility purposes.
+     */
+    visuallyHiddenLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    variant: string;
+    component: string;
+    visuallyHiddenLabel: string;
+}, {}>;
+export { CSpinner };

package/dist/esm/components/spinner/CSpinner.js

@@ -0,0 +1,79 @@
+import { defineComponent, h } from 'vue';
+
+const CSpinner = defineComponent({
+    name: 'CSpinner',
+    props: {
+        /**
+         * 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: String,
+            validator: (value) => {
+                return [
+                    'primary',
+                    'secondary',
+                    'success',
+                    'danger',
+                    'warning',
+                    'info',
+                    '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: 'div',
+        },
+        /**
+         * Size the component small.
+         *
+         * @values 'sm'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                return value === 'sm';
+            },
+        },
+        /**
+         * Set the button variant to an outlined button or a ghost button.
+         *
+         * @values 'border', 'grow'
+         */
+        variant: {
+            type: String,
+            default: 'border',
+            validator: (value) => {
+                return ['border', 'grow'].includes(value);
+            },
+        },
+        /**
+         * Set visually hidden label for accessibility purposes.
+         */
+        visuallyHiddenLabel: {
+            type: String,
+            default: 'Loading...',
+        },
+    },
+    setup(props) {
+        return () => h(props.component, {
+            class: [
+                `spinner-${props.variant}`,
+                {
+                    [`spinner-${props.variant}-${props.size}`]: props.size,
+                    [`text-${props.color}`]: props.color,
+                },
+            ],
+            role: 'status',
+        }, h('span', { class: ['visually-hidden'] }, props.visuallyHiddenLabel));
+    },
+});
+
+export { CSpinner };
+//# sourceMappingURL=CSpinner.js.map

package/dist/esm/components/spinner/CSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSpinner.js","sources":["../../../../src/components/spinner/CSpinner.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,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO;oBACL,SAAS;oBACT,WAAW;oBACX,SAAS;oBACT,QAAQ;oBACR,SAAS;oBACT,MAAM;oBACN,MAAM;oBACN,OAAO;AACR,iBAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAClB;AACF,SAAA;AACD;;AAEG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,KAAK,KAAK,IAAI,CAAA;aACtB;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC1C;AACF,SAAA;AACD;;AAEG;AACH,QAAA,mBAAmB,EAAE;AACnB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,YAAY;AACtB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;QACT,OAAO,MACL,CAAC,CACC,KAAK,CAAC,SAAS,EACf;AACE,YAAA,KAAK,EAAE;gBACL,CAAW,QAAA,EAAA,KAAK,CAAC,OAAO,CAAE,CAAA;AAC1B,gBAAA;AACE,oBAAA,CAAC,CAAW,QAAA,EAAA,KAAK,CAAC,OAAO,CAAI,CAAA,EAAA,KAAK,CAAC,IAAI,CAAE,CAAA,GAAG,KAAK,CAAC,IAAI;oBACtD,CAAC,CAAA,KAAA,EAAQ,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AACrC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,iBAAiB,CAAC,EAAE,EAAE,KAAK,CAAC,mBAAmB,CAAC,CACrE,CAAA;KACJ;AACF,CAAA;;;;"}

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

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { CSpinner } from './CSpinner';
+declare const CSpinnerPlugin: {
+    install: (app: App) => void;
+};
+export { CSpinnerPlugin, CSpinner };

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

@@ -0,0 +1,10 @@
+import { CSpinner } from './CSpinner.js';
+
+const CSpinnerPlugin = {
+    install: (app) => {
+        app.component(CSpinner.name, CSpinner);
+    },
+};
+
+export { CSpinner, CSpinnerPlugin };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/spinner/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,cAAc,GAAG;AACrB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;KACvC;;;;;"}