@coreui/vue-pro 5.17.1 → 5.19.0

package/dist/cjs/components/chip-input/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var CChipInput = require('./CChipInput.js');
+
+const CChipInputPlugin = {
+    install: (app) => {
+        app.component(CChipInput.CChipInput.name, CChipInput.CChipInput);
+    },
+};
+
+exports.CChipInput = CChipInput.CChipInput;
+exports.CChipInputPlugin = CChipInputPlugin;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/chip-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/chip-input/index.ts"],"sourcesContent":[null],"names":["CChipInput"],"mappings":";;;;AAGA,MAAM,gBAAgB,GAAG;AACvB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,qBAAU,CAAC,IAAc,EAAEA,qBAAU,CAAC;IACtD,CAAC;;;;;;"}

package/dist/cjs/components/chip-set/CChipSet.d.ts

@@ -0,0 +1,145 @@
+import { PropType } from 'vue';
+import { type CChipSetItem } from './buildChips';
+export type { CChipSetItem };
+declare const CChipSet: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Renders chips from data instead of the default slot. Each item is a string or an object with a `value`, an optional `label`, and any `CChip` props. The slot is used when this is omitted.
+     */
+    chips: {
+        type: PropType<(string | CChipSetItem)[]>;
+        default: undefined;
+    };
+    /**
+     * Disables every chip rendered by the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Turns the chips into filter chips, each showing a leading check icon while selected.
+     */
+    filter: BooleanConstructor;
+    /**
+     * Displays a remove button on every chip rendered by the component.
+     */
+    removable: BooleanConstructor;
+    /**
+     * Replaces the default remove icon on every chip with a custom icon node.
+     */
+    removeIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Enables selection behavior for the chips rendered by the component.
+     */
+    selectable: BooleanConstructor;
+    /**
+     * The selected chip values passed using `v-model:selected`.
+     */
+    selected: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    /**
+     * Replaces the default selected icon shown by filter chips with a custom icon node.
+     */
+    selectedIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Sets how many chips can be selected at once.
+     *
+     * @values 'single', 'multiple'
+     */
+    selectionMode: {
+        type: PropType<"single" | "multiple">;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "remove" | "update:chips" | "update:selected")[], "select" | "remove" | "update:chips" | "update:selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Renders chips from data instead of the default slot. Each item is a string or an object with a `value`, an optional `label`, and any `CChip` props. The slot is used when this is omitted.
+     */
+    chips: {
+        type: PropType<(string | CChipSetItem)[]>;
+        default: undefined;
+    };
+    /**
+     * Disables every chip rendered by the component.
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Turns the chips into filter chips, each showing a leading check icon while selected.
+     */
+    filter: BooleanConstructor;
+    /**
+     * Displays a remove button on every chip rendered by the component.
+     */
+    removable: BooleanConstructor;
+    /**
+     * Replaces the default remove icon on every chip with a custom icon node.
+     */
+    removeIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Enables selection behavior for the chips rendered by the component.
+     */
+    selectable: BooleanConstructor;
+    /**
+     * The selected chip values passed using `v-model:selected`.
+     */
+    selected: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    /**
+     * Replaces the default selected icon shown by filter chips with a custom icon node.
+     */
+    selectedIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Sets how many chips can be selected at once.
+     *
+     * @values 'single', 'multiple'
+     */
+    selectionMode: {
+        type: PropType<"single" | "multiple">;
+        default: string;
+    };
+}>> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+    "onUpdate:chips"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
+}>, {
+    filter: boolean;
+    disabled: boolean;
+    as: string;
+    selected: string[];
+    selectionMode: "single" | "multiple";
+    removable: boolean;
+    removeIcon: string | Record<string, any>;
+    selectable: boolean;
+    selectedIcon: string | Record<string, any>;
+    chips: (string | CChipSetItem)[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export { CChipSet };

package/dist/cjs/components/chip-set/CChipSet.js

@@ -0,0 +1,127 @@
+'use strict';
+
+var vue = require('vue');
+var buildChips = require('./buildChips.js');
+var useChipSet = require('./useChipSet.js');
+
+const itemValue = (item) => typeof item === 'string' ? item : item.value;
+const CChipSet = vue.defineComponent({
+    name: 'CChipSet',
+    props: {
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        as: {
+            type: String,
+            default: 'div',
+        },
+        /**
+         * Renders chips from data instead of the default slot. Each item is a string or an object with a `value`, an optional `label`, and any `CChip` props. The slot is used when this is omitted.
+         */
+        chips: {
+            type: Array,
+            default: undefined,
+        },
+        /**
+         * Disables every chip rendered by the component.
+         */
+        disabled: Boolean,
+        /**
+         * Turns the chips into filter chips, each showing a leading check icon while selected.
+         */
+        filter: Boolean,
+        /**
+         * Displays a remove button on every chip rendered by the component.
+         */
+        removable: Boolean,
+        /**
+         * Replaces the default remove icon on every chip with a custom icon node.
+         */
+        removeIcon: {
+            type: [String, Object],
+            default: undefined,
+        },
+        /**
+         * Enables selection behavior for the chips rendered by the component.
+         */
+        selectable: Boolean,
+        /**
+         * The selected chip values passed using `v-model:selected`.
+         */
+        selected: {
+            type: Array,
+            default: undefined,
+        },
+        /**
+         * Replaces the default selected icon shown by filter chips with a custom icon node.
+         */
+        selectedIcon: {
+            type: [String, Object],
+            default: undefined,
+        },
+        /**
+         * Sets how many chips can be selected at once.
+         *
+         * @values 'single', 'multiple'
+         */
+        selectionMode: {
+            type: String,
+            default: 'multiple',
+        },
+    },
+    emits: [
+        /**
+         * Event occurs when a chip requests removal, with its value.
+         */
+        'remove',
+        /**
+         * Event occurs when the selected chip values change.
+         */
+        'select',
+        /**
+         * Emit the chips without the removed one (for `v-model:chips`).
+         */
+        'update:chips',
+        /**
+         * Emit the new selected values whenever the selection changes (for `v-model:selected`).
+         */
+        'update:selected',
+    ],
+    setup(props, { attrs, emit, slots, expose }) {
+        const config = vue.computed(() => ({
+            disabled: props.disabled,
+            filter: props.filter,
+            removable: props.removable,
+            removeIcon: props.removeIcon,
+            selectable: props.selectable,
+            selectedIcon: props.selectedIcon,
+        }));
+        const { rootRef, handleKeydown } = useChipSet.useChipSet({
+            config,
+            selectionMode: () => props.selectionMode,
+            selected: () => props.selected,
+            onSelectionChange: (selected) => {
+                emit('update:selected', selected);
+                emit('select', selected);
+            },
+            onRemove: (value) => {
+                // With `v-model:chips` the parent stays in sync automatically; a one-way
+                // `:chips` binding ignores the update and handles removal via `@remove`.
+                if (props.chips) {
+                    emit('update:chips', props.chips.filter((item) => itemValue(item) !== value));
+                }
+                emit('remove', value);
+            },
+        });
+        expose({ rootRef });
+        return () => vue.h(props.as, {
+            ref: rootRef,
+            class: ['chip-set', { disabled: props.disabled }, attrs.class],
+            ...(props.disabled && { 'aria-disabled': true }),
+            onKeydown: handleKeydown,
+        }, props.chips ? buildChips.chipsFromData(props.chips) : slots.default && slots.default());
+    },
+});
+
+exports.CChipSet = CChipSet;
+//# sourceMappingURL=CChipSet.js.map

package/dist/cjs/components/chip-set/CChipSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CChipSet.js","sources":["../../../../src/components/chip-set/CChipSet.ts"],"sourcesContent":[null],"names":["defineComponent","computed","useChipSet","h","chipsFromData"],"mappings":";;;;;;AAOA,MAAM,SAAS,GAAG,CAAC,IAA2B,KAC5C,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK;AAE9C,MAAM,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;AAEG;AACH,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,KAA4C;AAClD,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;AAEG;AACH,QAAA,SAAS,EAAE,OAAO;AAClB;;AAEG;AACH,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACtB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD;;AAEG;AACH,QAAA,UAAU,EAAE,OAAO;AACnB;;AAEG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,KAA2B;AACjC,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD;;AAEG;AACH,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACtB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD;;;;AAIG;AACH,QAAA,aAAa,EAAE;AACb,YAAA,IAAI,EAAE,MAAyC;AAC/C,YAAA,OAAO,EAAE,UAAU;AACpB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,QAAQ;AACR;;AAEG;QACH,QAAQ;AACR;;AAEG;QACH,cAAc;AACd;;AAEG;QACH,iBAAiB;AAClB,KAAA;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA;AACzC,QAAA,MAAM,MAAM,GAAGC,YAAQ,CAAgB,OAAO;YAC5C,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,YAAY,EAAE,KAAK,CAAC,YAAY;AACjC,SAAA,CAAC,CAAC;AAEH,QAAA,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAGC,qBAAU,CAAC;YAC5C,MAAM;AACN,YAAA,aAAa,EAAE,MAAM,KAAK,CAAC,aAAa;AACxC,YAAA,QAAQ,EAAE,MAAM,KAAK,CAAC,QAAQ;AAC9B,YAAA,iBAAiB,EAAE,CAAC,QAAQ,KAAI;AAC9B,gBAAA,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC;AACjC,gBAAA,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC;YAC1B,CAAC;AACD,YAAA,QAAQ,EAAE,CAAC,KAAK,KAAI;;;AAGlB,gBAAA,IAAI,KAAK,CAAC,KAAK,EAAE;oBACf,IAAI,CACF,cAAc,EACd,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,CACxD;gBACH;AACA,gBAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACvB,CAAC;AACF,SAAA,CAAC;AAEF,QAAA,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC;QAEnB,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,EAAE,EACR;AACE,YAAA,GAAG,EAAE,OAAO;AACZ,YAAA,KAAK,EAAE,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;YAC9D,IAAI,KAAK,CAAC,QAAQ,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;AAChD,YAAA,SAAS,EAAE,aAAa;SACzB,EACD,KAAK,CAAC,KAAK,GAAGC,wBAAa,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAC5E;IACL,CAAC;AACF,CAAA;;;;"}

package/dist/cjs/components/chip-set/buildChips.d.ts

@@ -0,0 +1,13 @@
+import { type VNode } from 'vue';
+export interface CChipSetItem {
+    /**
+     * The value that identifies the chip and tracks its selection.
+     */
+    value: string;
+    /**
+     * The chip content. Falls back to `value` when omitted.
+     */
+    label?: string | object;
+    [key: string]: unknown;
+}
+export declare const chipsFromData: (items?: (string | CChipSetItem)[]) => VNode[];

package/dist/cjs/components/chip-set/buildChips.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var vue = require('vue');
+var CChip = require('../chip/CChip.js');
+
+// Build CChip vnodes from data items (string or descriptor). Coordination is
+// handled by the chip-set context the chips inject, so this only creates them —
+// shared by CChipSet's `chips` prop and CChipInput's value list. It lives apart
+// from useChipSet to avoid a CChip ↔ useChipSet import cycle.
+const chipsFromData = (items = []) => items.map((item) => {
+    if (typeof item === 'string') {
+        return vue.h(CChip.CChip, { value: item, key: item }, { default: () => item });
+    }
+    const { value, label, ...rest } = item;
+    return vue.h(CChip.CChip, { value, key: value, ...rest }, { default: () => label ?? value });
+});
+
+exports.chipsFromData = chipsFromData;
+//# sourceMappingURL=buildChips.js.map

package/dist/cjs/components/chip-set/buildChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildChips.js","sources":["../../../../src/components/chip-set/buildChips.ts"],"sourcesContent":[null],"names":["h","CChip"],"mappings":";;;;;AAgBA;AACA;AACA;AACA;AACO,MAAM,aAAa,GAAG,CAAC,QAAmC,EAAE,KACjE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;AACjB,IAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAOA,KAAC,CAACC,WAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,EAAE,CAAC;IACtE;IAEA,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI;IACtC,OAAOD,KAAC,CAACC,WAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,KAAK,EAAE,CAAC;AACpF,CAAC;;;;"}

package/dist/cjs/components/chip-set/index.d.ts

@@ -0,0 +1,2 @@
+import { CChipSet } from './CChipSet';
+export { CChipSet };

package/dist/cjs/components/chip-set/useChipSet.d.ts

@@ -0,0 +1,42 @@
+import { type ComputedRef, type InjectionKey } from 'vue';
+export interface ChipSetConfig {
+    disabled?: boolean;
+    filter?: boolean;
+    removable?: boolean;
+    removeIcon?: string | object;
+    selectable?: boolean;
+    selectedIcon?: string | object;
+}
+export interface ChipSetContext {
+    /** Config forwarded to every chip in the set; the chip's own props win. */
+    config: ComputedRef<ChipSetConfig>;
+    isSelected: (value: string) => boolean;
+    toggleSelected: (value: string, next: boolean, event: MouseEvent | KeyboardEvent) => void;
+    removeChip: (value: string, event: MouseEvent | KeyboardEvent) => void;
+}
+export declare const chipSetContextKey: InjectionKey<ChipSetContext>;
+export interface UseChipSetOptions {
+    config: ComputedRef<ChipSetConfig>;
+    selectionMode?: () => 'single' | 'multiple';
+    /** Controlled selected values (e.g. v-model:selected). Undefined keeps it uncontrolled. */
+    selected?: () => string[] | undefined;
+    defaultSelected?: string[];
+    /** Move focus to a neighbor after removal. Containers with their own target (CChipInput → input) pass false. */
+    restoreFocusOnRemove?: boolean;
+    onSelectionChange?: (selected: string[]) => void;
+    onRemove?: (value: string) => void;
+}
+/**
+ * Shared chip-set engine for CChipSet and CChipInput — the Vue equivalent of the
+ * vanilla `ChipInput extends ChipSet`. It owns selection coordination
+ * (single/multiple, controlled-or-uncontrolled), roving focus, and the
+ * focus-a-neighbor-after-removal behavior, and `provide`s a context that CChip
+ * injects. Existence of the chips stays with the caller.
+ */
+export declare const useChipSet: (options: UseChipSetOptions) => {
+    rootRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    selectedValues: ComputedRef<string[]>;
+    clearSelection: () => void;
+    getFocusableChips: () => HTMLElement[];
+    handleKeydown: (event: KeyboardEvent) => boolean;
+};

package/dist/cjs/components/chip-set/useChipSet.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var vue = require('vue');
+var _const = require('../chip/const.js');
+var isRTL = require('../../utils/isRTL.js');
+
+const chipSetContextKey = Symbol('CChipSet');
+/**
+ * Shared chip-set engine for CChipSet and CChipInput — the Vue equivalent of the
+ * vanilla `ChipInput extends ChipSet`. It owns selection coordination
+ * (single/multiple, controlled-or-uncontrolled), roving focus, and the
+ * focus-a-neighbor-after-removal behavior, and `provide`s a context that CChip
+ * injects. Existence of the chips stays with the caller.
+ */
+const useChipSet = (options) => {
+    const { config, selectionMode = () => 'multiple', selected = () => undefined, defaultSelected = [], restoreFocusOnRemove = true, onSelectionChange, onRemove, } = options;
+    const rootRef = vue.ref();
+    const internalSelected = vue.ref(defaultSelected);
+    const selectedValues = vue.computed(() => {
+        const controlled = selected();
+        return controlled === undefined ? internalSelected.value : controlled;
+    });
+    const getFocusableChips = () => [
+        ...(rootRef.value?.querySelectorAll(_const.SELECTOR_CHIP_FOCUSABLE) ?? []),
+    ];
+    const emitSelection = (next) => {
+        if (selected() === undefined) {
+            internalSelected.value = next;
+        }
+        onSelectionChange?.(next);
+    };
+    const toggleSelected = (value, next) => {
+        const isSelected = selectedValues.value.includes(value);
+        if (next === isSelected) {
+            return;
+        }
+        if (next) {
+            // Single selection mode keeps only the freshly selected chip.
+            emitSelection(selectionMode() === 'single' ? [value] : [...selectedValues.value, value]);
+            return;
+        }
+        emitSelection(selectedValues.value.filter((item) => item !== value));
+    };
+    const clearSelection = () => {
+        if (selectedValues.value.length > 0) {
+            emitSelection([]);
+        }
+    };
+    const removeChip = (value) => {
+        if (restoreFocusOnRemove) {
+            const chips = getFocusableChips();
+            const index = chips.findIndex((chip) => chip.dataset.coreuiChipValue === value);
+            // Prefer the next chip, fall back to the previous one at the end.
+            const neighbor = chips[index + 1] ?? chips[index - 1] ?? null;
+            const neighborValue = neighbor?.dataset.coreuiChipValue ?? null;
+            if (neighborValue !== null) {
+                vue.nextTick(() => {
+                    rootRef.value
+                        ?.querySelector(`[data-coreui-chip-value="${neighborValue}"]`)
+                        ?.focus();
+                });
+            }
+        }
+        emitSelection(selectedValues.value.filter((item) => item !== value));
+        onRemove?.(value);
+    };
+    // Roving focus: arrow keys move between chips and Home/End jump to the edges,
+    // with no cycling. Returns true when the key was handled.
+    const handleKeydown = (event) => {
+        const chip = event.target.closest(_const.SELECTOR_CHIP_FOCUSABLE);
+        if (!chip) {
+            return false;
+        }
+        const chips = getFocusableChips();
+        const index = chips.indexOf(chip);
+        // In RTL the visual direction is mirrored, so left/right swap.
+        const rtl = isRTL.default(rootRef.value);
+        switch (event.key) {
+            case 'ArrowLeft': {
+                event.preventDefault();
+                chips[rtl ? index + 1 : index - 1]?.focus();
+                return true;
+            }
+            case 'ArrowRight': {
+                event.preventDefault();
+                chips[rtl ? index - 1 : index + 1]?.focus();
+                return true;
+            }
+            case 'Home': {
+                event.preventDefault();
+                chips[0]?.focus();
+                return true;
+            }
+            case 'End': {
+                event.preventDefault();
+                chips[chips.length - 1]?.focus();
+                return true;
+            }
+            default: {
+                return false;
+            }
+        }
+    };
+    vue.provide(chipSetContextKey, {
+        config,
+        isSelected: (value) => selectedValues.value.includes(value),
+        toggleSelected: (value, next) => toggleSelected(value, next),
+        removeChip: (value) => removeChip(value),
+    });
+    return { rootRef, selectedValues, clearSelection, getFocusableChips, handleKeydown };
+};
+
+exports.chipSetContextKey = chipSetContextKey;
+exports.useChipSet = useChipSet;
+//# sourceMappingURL=useChipSet.js.map

package/dist/cjs/components/chip-set/useChipSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChipSet.js","sources":["../../../../src/components/chip-set/useChipSet.ts"],"sourcesContent":[null],"names":["ref","computed","SELECTOR_CHIP_FOCUSABLE","nextTick","isRTL","provide"],"mappings":"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"}

package/dist/cjs/components/collapse/CCollapse.js

@@ -47,7 +47,7 @@ const CCollapse = vue.defineComponent({
         const handleAfterEnter = (el) => {
             show.value = true;
             collapsing.value = false;
-            props.horizontal ? el.style.removeProperty('width') : el.style.removeProperty('height');
+            el.style.removeProperty(props.horizontal ? 'width' : 'height');
         };
         const handleBeforeLeave = (el) => {
             collapsing.value = true;
@@ -71,7 +71,7 @@ const CCollapse = vue.defineComponent({
         };
         const handleAfterLeave = (el) => {
             collapsing.value = false;
-            props.horizontal ? el.style.removeProperty('width') : el.style.removeProperty('height');
+            el.style.removeProperty(props.horizontal ? 'width' : 'height');
         };
         return () => vue.h(vue.Transition, {
             css: false,

package/dist/cjs/components/collapse/CCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"CCollapse.js","sources":["../../../../src/components/collapse/CCollapse.ts"],"sourcesContent":[null],"names":["defineComponent","ref","executeAfterTransition","h","Transition","withDirectives","vVisible"],"mappings":"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"}
+{"version":3,"file":"CCollapse.js","sources":["../../../../src/components/collapse/CCollapse.ts"],"sourcesContent":[null],"names":["defineComponent","ref","executeAfterTransition","h","Transition","withDirectives","vVisible"],"mappings":"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"}

package/dist/cjs/components/date-picker/CDatePicker.d.ts

@@ -135,6 +135,17 @@ declare const CDatePicker: import("vue").DefineComponent<import("vue").ExtractPr
         required: false;
         validator: (value: string) => boolean;
     };
+    /**
+     * Sets the format for month names.
+     *
+     * @default 'short'
+     * @since 5.18.0
+     */
+    monthFormat: {
+        type: PropType<"long" | "narrow" | "short" | "numeric" | "2-digit">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
     /**
      * Toggle the disabled state for the component.
      */
@@ -273,12 +284,12 @@ declare const CDatePicker: import("vue").DefineComponent<import("vue").ExtractPr
      */
     selectAdjacementDays: BooleanConstructor;
     /**
-     * Specify the type of date selection as day, week, month, or year.
+     * Specify the type of date selection as day, week, month, quarter, or year.
      *
      * @since 5.0.0
      */
     selectionType: {
-        type: PropType<"day" | "week" | "month" | "year">;
+        type: PropType<"day" | "week" | "month" | "quarter" | "year">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -336,6 +347,17 @@ declare const CDatePicker: import("vue").DefineComponent<import("vue").ExtractPr
      * @since 5.0.0
      */
     weekNumbersLabel: StringConstructor;
+    /**
+     * Sets the format for years.
+     *
+     * @default 'numeric'
+     * @since 5.18.0
+     */
+    yearFormat: {
+        type: PropType<"numeric" | "2-digit">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("date-change" | "update:date")[], "date-change" | "update:date", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -473,6 +495,17 @@ declare const CDatePicker: import("vue").DefineComponent<import("vue").ExtractPr
         required: false;
         validator: (value: string) => boolean;
     };
+    /**
+     * Sets the format for month names.
+     *
+     * @default 'short'
+     * @since 5.18.0
+     */
+    monthFormat: {
+        type: PropType<"long" | "narrow" | "short" | "numeric" | "2-digit">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
     /**
      * Toggle the disabled state for the component.
      */
@@ -611,12 +644,12 @@ declare const CDatePicker: import("vue").DefineComponent<import("vue").ExtractPr
      */
     selectAdjacementDays: BooleanConstructor;
     /**
-     * Specify the type of date selection as day, week, month, or year.
+     * Specify the type of date selection as day, week, month, quarter, or year.
      *
      * @since 5.0.0
      */
     selectionType: {
-        type: PropType<"day" | "week" | "month" | "year">;
+        type: PropType<"day" | "week" | "month" | "quarter" | "year">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -674,6 +707,17 @@ declare const CDatePicker: import("vue").DefineComponent<import("vue").ExtractPr
      * @since 5.0.0
      */
     weekNumbersLabel: StringConstructor;
+    /**
+     * Sets the format for years.
+     *
+     * @default 'numeric'
+     * @since 5.18.0
+     */
+    yearFormat: {
+        type: PropType<"numeric" | "2-digit">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & Readonly<{
     "onDate-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:date"?: ((...args: any[]) => any) | undefined;
@@ -694,10 +738,12 @@ declare const CDatePicker: import("vue").DefineComponent<import("vue").ExtractPr
     dayFormat: string | Function;
     firstDayOfWeek: number;
     locale: string;
+    monthFormat: "long" | "narrow" | "short" | "numeric" | "2-digit";
     navigation: boolean;
-    selectionType: "day" | "week" | "month" | "year";
+    selectionType: "day" | "week" | "month" | "quarter" | "year";
     showAdjacementDays: boolean;
     weekdayFormat: string | number | Function;
+    yearFormat: "numeric" | "2-digit";
     inputReadOnly: boolean;
     cancelButton: string | boolean;
     cancelButtonColor: string;