@coreui/vue-pro 5.18.0 → 5.19.0

package/dist/esm/components/carousel/CCarouselItem.js.map

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

package/dist/esm/components/chip/CChip.d.ts

@@ -1,3 +1,4 @@
+import { type VNode } from 'vue';
 declare const CChip: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Toggle the active state for the component.
@@ -32,12 +33,31 @@ declare const CChip: import("vue").DefineComponent<import("vue").ExtractPropType
     };
     /**
      * Toggle the disabled state for the component.
+     *
+     * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet` (including turning it off).
      */
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Turns the component into a filter chip. A filter chip is selectable and shows a leading check icon while selected.
+     *
+     * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet`.
+     */
+    filter: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /**
      * Displays a remove button inside the component.
+     *
+     * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet` (including turning it off).
      */
-    removable: BooleanConstructor;
+    removable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /**
      * Replaces the default remove icon with a custom icon node.
      */
@@ -47,12 +67,27 @@ declare const CChip: import("vue").DefineComponent<import("vue").ExtractPropType
     };
     /**
      * Enables selectable behavior and keyboard toggle support.
+     *
+     * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet`.
      */
-    selectable: BooleanConstructor;
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /**
      * Controls the selected state of a selectable component.
      */
-    selected: BooleanConstructor;
+    selected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Replaces the default selected icon shown by a filter chip with a custom icon node.
+     */
+    selectedIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
     /**
      * Size the component small or large.
      *
@@ -62,6 +97,13 @@ declare const CChip: import("vue").DefineComponent<import("vue").ExtractPropType
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
+    /**
+     * Sets the value associated with the component, used by `CChipSet` to track selection.
+     */
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
     /**
      * Set the button variant to an outlined style.
      *
@@ -71,7 +113,7 @@ declare const CChip: import("vue").DefineComponent<import("vue").ExtractPropType
         type: StringConstructor;
         validator: (value: string) => value is "outline";
     };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "click" | "keydown" | "deselect" | "remove" | "selected-change")[], "select" | "click" | "keydown" | "deselect" | "remove" | "selected-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -107,12 +149,31 @@ declare const CChip: import("vue").DefineComponent<import("vue").ExtractPropType
     };
     /**
      * Toggle the disabled state for the component.
+     *
+     * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet` (including turning it off).
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Turns the component into a filter chip. A filter chip is selectable and shows a leading check icon while selected.
+     *
+     * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet`.
      */
-    disabled: BooleanConstructor;
+    filter: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /**
      * Displays a remove button inside the component.
+     *
+     * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet` (including turning it off).
      */
-    removable: BooleanConstructor;
+    removable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /**
      * Replaces the default remove icon with a custom icon node.
      */
@@ -122,12 +183,27 @@ declare const CChip: import("vue").DefineComponent<import("vue").ExtractPropType
     };
     /**
      * Enables selectable behavior and keyboard toggle support.
+     *
+     * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet`.
      */
-    selectable: BooleanConstructor;
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /**
      * Controls the selected state of a selectable component.
      */
-    selected: BooleanConstructor;
+    selected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Replaces the default selected icon shown by a filter chip with a custom icon node.
+     */
+    selectedIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
     /**
      * Size the component small or large.
      *
@@ -137,6 +213,13 @@ declare const CChip: import("vue").DefineComponent<import("vue").ExtractPropType
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
+    /**
+     * Sets the value associated with the component, used by `CChipSet` to track selection.
+     */
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
     /**
      * Set the button variant to an outlined style.
      *
@@ -154,14 +237,17 @@ declare const CChip: import("vue").DefineComponent<import("vue").ExtractPropType
     onDeselect?: ((...args: any[]) => any) | undefined;
     "onSelected-change"?: ((...args: any[]) => any) | undefined;
 }>, {
+    filter: boolean;
+    value: string;
     disabled: boolean;
     as: string;
     selected: boolean;
     active: boolean;
     clickable: boolean;
-    removable: boolean;
-    selectable: boolean;
     ariaRemoveLabel: string;
+    removable: boolean;
     removeIcon: string | Record<string, any>;
+    selectable: boolean;
+    selectedIcon: string | Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export { CChip };

package/dist/esm/components/chip/CChip.js

@@ -1,7 +1,7 @@
-import { defineComponent, ref, computed, h } from 'vue';
+import { defineComponent, ref, inject, computed, h } from 'vue';
 import { Color } from '../../props.js';
+import { chipSetContextKey } from '../chip-set/useChipSet.js';
 
-const SELECTOR_FOCUSABLE_ITEMS = '.chip[tabindex="0"]:not(.disabled)';
 const CChip = defineComponent({
     name: 'CChip',
     props: {
@@ -35,12 +35,31 @@ const CChip = defineComponent({
         color: Color,
         /**
          * Toggle the disabled state for the component.
+         *
+         * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet` (including turning it off).
+         */
+        disabled: {
+            type: Boolean,
+            default: undefined,
+        },
+        /**
+         * Turns the component into a filter chip. A filter chip is selectable and shows a leading check icon while selected.
+         *
+         * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet`.
          */
-        disabled: Boolean,
+        filter: {
+            type: Boolean,
+            default: undefined,
+        },
         /**
          * Displays a remove button inside the component.
+         *
+         * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet` (including turning it off).
          */
-        removable: Boolean,
+        removable: {
+            type: Boolean,
+            default: undefined,
+        },
         /**
          * Replaces the default remove icon with a custom icon node.
          */
@@ -50,12 +69,27 @@ const CChip = defineComponent({
         },
         /**
          * Enables selectable behavior and keyboard toggle support.
+         *
+         * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet`.
          */
-        selectable: Boolean,
+        selectable: {
+            type: Boolean,
+            default: undefined,
+        },
         /**
          * Controls the selected state of a selectable component.
          */
-        selected: Boolean,
+        selected: {
+            type: Boolean,
+            default: undefined,
+        },
+        /**
+         * Replaces the default selected icon shown by a filter chip with a custom icon node.
+         */
+        selectedIcon: {
+            type: [String, Object],
+            default: undefined,
+        },
         /**
          * Size the component small or large.
          *
@@ -67,6 +101,13 @@ const CChip = defineComponent({
                 return ['sm', 'lg'].includes(value);
             },
         },
+        /**
+         * Sets the value associated with the component, used by `CChipSet` to track selection.
+         */
+        value: {
+            type: String,
+            default: undefined,
+        },
         /**
          * Set the button variant to an outlined style.
          *
@@ -108,35 +149,37 @@ const CChip = defineComponent({
     setup(props, { attrs, emit, slots, expose }) {
         const chipRef = ref();
         const internalSelected = ref(false);
-        const selectedState = computed(() => props.selected !== undefined ? Boolean(props.selected) : internalSelected.value);
-        const isFocusable = computed(() => Boolean(!props.disabled && (props.selectable || props.removable)));
-        const getFocusableSibling = (shouldGetNext) => {
-            const currentElement = chipRef.value;
-            if (!currentElement?.parentElement) {
-                return null;
-            }
-            const chips = Array.from(currentElement.parentElement.querySelectorAll(SELECTOR_FOCUSABLE_ITEMS));
-            const index = chips.indexOf(currentElement);
-            if (index === -1 || chips.length <= 1) {
-                return null;
-            }
-            const targetIndex = shouldGetNext ? index + 1 : index - 1;
-            return chips[targetIndex] ?? null;
-        };
-        const navigateToEdge = (targetIndex) => {
-            const currentElement = chipRef.value;
-            if (!currentElement?.parentElement) {
-                return;
+        // A chip placed inside a CChipSet / CChipInput reads its coordinated state
+        // from the set context; standalone it manages its own.
+        const chipSet = inject(chipSetContextKey, null);
+        const config = (key) => chipSet?.config.value[key];
+        // A chip's own prop (when set) overrides the set-level config; otherwise it
+        // inherits it. `??` makes this work because the overridable props default to
+        // `undefined`, so an explicit `false` still wins over the set.
+        const isDisabled = computed(() => Boolean(props.disabled ?? config('disabled')));
+        const isFilter = computed(() => Boolean(props.filter ?? config('filter')));
+        const isRemovable = computed(() => Boolean(props.removable ?? config('removable')));
+        // A filter chip is selectable by definition.
+        const isSelectable = computed(() => Boolean((props.selectable ?? config('selectable')) || isFilter.value));
+        const removeIcon = computed(() => props.removeIcon ?? config('removeIcon'));
+        const selectedIcon = computed(() => props.selectedIcon ?? config('selectedIcon'));
+        const ariaRemoveLabel = computed(() => props.ariaRemoveLabel);
+        const coordinated = computed(() => chipSet !== null && props.value !== undefined);
+        const selectedState = computed(() => {
+            if (coordinated.value) {
+                return chipSet.isSelected(props.value);
             }
-            const chips = Array.from(currentElement.parentElement.querySelectorAll(SELECTOR_FOCUSABLE_ITEMS));
-            const edgeChip = targetIndex === -1 ? chips[chips.length - 1] : chips[0];
-            edgeChip?.focus();
-        };
+            return props.selected === undefined ? internalSelected.value : Boolean(props.selected);
+        });
+        const isFocusable = computed(() => Boolean(!isDisabled.value && (isSelectable.value || isRemovable.value)));
         const setSelectableState = (nextSelected, event) => {
-            if (!props.selectable || props.disabled || nextSelected === selectedState.value) {
+            if (!isSelectable.value || isDisabled.value || nextSelected === selectedState.value) {
                 return;
             }
-            if (props.selected === undefined) {
+            if (coordinated.value) {
+                chipSet.toggleSelected(props.value, nextSelected, event);
+            }
+            else if (props.selected === undefined) {
                 internalSelected.value = nextSelected;
             }
             if (nextSelected) {
@@ -151,6 +194,9 @@ const CChip = defineComponent({
             setSelectableState(!selectedState.value, event);
         };
         const handleRemove = (event) => {
+            if (coordinated.value) {
+                chipSet.removeChip(props.value, event);
+            }
             emit('remove', event);
         };
         const handleRemoveClick = (event) => {
@@ -158,19 +204,19 @@ const CChip = defineComponent({
             handleRemove(event);
         };
         const handleClick = (event) => {
-            if (props.disabled) {
+            if (isDisabled.value) {
                 return;
             }
             if (event.target.closest('.chip-remove')) {
                 return;
             }
-            if (props.selectable) {
+            if (isSelectable.value) {
                 toggleSelectedState(event);
             }
             emit('click', event);
         };
         const handleKeydown = (event) => {
-            if (props.disabled) {
+            if (isDisabled.value) {
                 emit('keydown', event);
                 return;
             }
@@ -178,7 +224,7 @@ const CChip = defineComponent({
                 case 'Enter':
                 case ' ':
                 case 'Spacebar': {
-                    if (props.selectable) {
+                    if (isSelectable.value) {
                         event.preventDefault();
                         toggleSelectedState(event);
                     }
@@ -186,42 +232,12 @@ const CChip = defineComponent({
                 }
                 case 'Backspace':
                 case 'Delete': {
-                    if (props.removable) {
+                    if (isRemovable.value) {
                         event.preventDefault();
-                        const sibling = getFocusableSibling(false) || getFocusableSibling(true);
-                        sibling?.focus();
                         handleRemove(event);
                     }
                     break;
                 }
-                case 'ArrowLeft': {
-                    event.preventDefault();
-                    const sibling = getFocusableSibling(false);
-                    sibling?.focus();
-                    if (selectedState.value && event.shiftKey) {
-                        sibling?.dispatchEvent(new CustomEvent('coreui-chip-select'));
-                    }
-                    break;
-                }
-                case 'ArrowRight': {
-                    event.preventDefault();
-                    const sibling = getFocusableSibling(true);
-                    sibling?.focus();
-                    if (selectedState.value && event.shiftKey) {
-                        sibling?.dispatchEvent(new CustomEvent('coreui-chip-select'));
-                    }
-                    break;
-                }
-                case 'Home': {
-                    event.preventDefault();
-                    navigateToEdge(0);
-                    break;
-                }
-                case 'End': {
-                    event.preventDefault();
-                    navigateToEdge(-1);
-                    break;
-                }
                 // No default
             }
             emit('keydown', event);
@@ -229,7 +245,7 @@ const CChip = defineComponent({
         expose({ chipRef });
         return () => {
             const removeIconVNode = slots.removeIcon?.() ||
-                props.removeIcon ||
+                removeIcon.value ||
                 h('svg', {
                     xmlns: 'http://www.w3.org/2000/svg',
                     width: 16,
@@ -239,20 +255,31 @@ const CChip = defineComponent({
                     stroke: 'currentColor',
                     'stroke-width': 2,
                     'stroke-linecap': 'round',
-                }, [
-                    h('line', { x1: 4, y1: 4, x2: 12, y2: 12 }),
-                    h('line', { x1: 12, y1: 4, x2: 4, y2: 12 }),
-                ]);
+                }, [h('line', { x1: 4, y1: 4, x2: 12, y2: 12 }), h('line', { x1: 12, y1: 4, x2: 4, y2: 12 })]);
+            const selectedIconVNode = slots.selectedIcon?.() ||
+                selectedIcon.value ||
+                h('svg', {
+                    xmlns: 'http://www.w3.org/2000/svg',
+                    width: 16,
+                    height: 16,
+                    viewBox: '0 0 512 512',
+                    fill: 'currentColor',
+                }, h('path', {
+                    d: 'M425.373 89.373 196 318.745 86.627 209.373l-45.254 45.254L196 409.255l274.627-274.628z',
+                }));
             const children = [
+                isFilter.value &&
+                    selectedState.value &&
+                    h('span', { class: 'chip-check', 'aria-hidden': 'true' }, selectedIconVNode),
                 slots.default && slots.default(),
-                props.removable &&
+                isRemovable.value &&
+                    !isDisabled.value &&
                     h('button', {
                         type: 'button',
                         class: 'chip-remove',
-                        'aria-label': props.ariaRemoveLabel,
+                        'aria-label': ariaRemoveLabel.value,
                         onClick: handleRemoveClick,
                         tabindex: -1,
-                        disabled: props.disabled,
                     }, removeIconVNode),
             ].filter(Boolean);
             return h(props.as, {
@@ -260,21 +287,22 @@ const CChip = defineComponent({
                 class: [
                     'chip',
                     {
-                        active: props.selectable ? selectedState.value : props.active,
-                        disabled: props.disabled,
+                        active: isSelectable.value ? selectedState.value : props.active,
+                        disabled: isDisabled.value,
                         [`chip-${props.color}`]: props.color,
                         [`chip-${props.size}`]: props.size,
-                        'chip-clickable': props.clickable || props.selectable || attrs.onClick,
+                        'chip-clickable': props.clickable || isSelectable.value || attrs.onClick,
                         'chip-outline': props.variant === 'outline',
                     },
                     attrs.class,
                 ],
-                ...(props.disabled && { 'aria-disabled': true }),
-                ...(props.selectable && { 'aria-selected': selectedState.value }),
+                'data-coreui-chip-value': props.value,
+                ...(isDisabled.value && { 'aria-disabled': true }),
+                ...(isSelectable.value && { 'aria-selected': selectedState.value }),
                 ...(isFocusable.value && !attrs.tabindex && { tabindex: 0 }),
                 onClick: handleClick,
                 onKeydown: handleKeydown,
-                ...(props.as === 'button' && { disabled: props.disabled }),
+                ...(props.as === 'button' && { disabled: isDisabled.value }),
             }, children);
         };
     },

package/dist/esm/components/chip/CChip.js.map

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

package/dist/esm/components/chip/const.d.ts

@@ -0,0 +1 @@
+export declare const SELECTOR_CHIP_FOCUSABLE = ".chip[tabindex=\"0\"]:not(.disabled)";

package/dist/esm/components/chip/const.js

@@ -0,0 +1,6 @@
+// Chips become focusable (tabindex="0") when selectable/removable, so containers
+// (CChipSet, CChipInput) read that instead of re-deriving focusability.
+const SELECTOR_CHIP_FOCUSABLE = '.chip[tabindex="0"]:not(.disabled)';
+
+export { SELECTOR_CHIP_FOCUSABLE };
+//# sourceMappingURL=const.js.map

package/dist/esm/components/chip/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sources":["../../../../src/components/chip/const.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACO,MAAM,uBAAuB,GAAG;;;;"}

package/dist/esm/components/chip-input/CChipInput.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, type VNode } from 'vue';
 type ChipClassName = string | ((value: string) => string);
 declare const CChipInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -26,6 +26,10 @@ declare const CChipInput: import("vue").DefineComponent<import("vue").ExtractPro
      * Toggle the disabled state for the component.
      */
     disabled: BooleanConstructor;
+    /**
+     * Renders the chips as filter chips, each showing a leading check icon while selected. Implies `selectable`.
+     */
+    filter: BooleanConstructor;
     /**
      * Sets the `id` of the internal text input rendered by the component.
      */
@@ -74,6 +78,15 @@ declare const CChipInput: import("vue").DefineComponent<import("vue").ExtractPro
      * Enables chip selection behavior in the component.
      */
     selectable: BooleanConstructor;
+    /**
+     * Sets how many chips can be selected at once.
+     *
+     * @values 'single', 'multiple'
+     */
+    selectionMode: {
+        type: PropType<"single" | "multiple">;
+        default: string;
+    };
     /**
      * Sets the separator character used to create chips while typing or pasting in the component.
      */
@@ -90,7 +103,7 @@ declare const CChipInput: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
         validator: (value: string) => boolean;
     };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "select" | "change" | "add" | "update:modelValue" | "remove")[], "input" | "select" | "change" | "add" | "update:modelValue" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -118,6 +131,10 @@ declare const CChipInput: import("vue").DefineComponent<import("vue").ExtractPro
      * Toggle the disabled state for the component.
      */
     disabled: BooleanConstructor;
+    /**
+     * Renders the chips as filter chips, each showing a leading check icon while selected. Implies `selectable`.
+     */
+    filter: BooleanConstructor;
     /**
      * Sets the `id` of the internal text input rendered by the component.
      */
@@ -166,6 +183,15 @@ declare const CChipInput: import("vue").DefineComponent<import("vue").ExtractPro
      * Enables chip selection behavior in the component.
      */
     selectable: BooleanConstructor;
+    /**
+     * Sets how many chips can be selected at once.
+     *
+     * @values 'single', 'multiple'
+     */
+    selectionMode: {
+        type: PropType<"single" | "multiple">;
+        default: string;
+    };
     /**
      * Sets the separator character used to create chips while typing or pasting in the component.
      */
@@ -190,10 +216,12 @@ declare const CChipInput: import("vue").DefineComponent<import("vue").ExtractPro
     onRemove?: ((...args: any[]) => any) | undefined;
     onAdd?: ((...args: any[]) => any) | undefined;
 }>, {
+    filter: boolean;
     disabled: boolean;
     placeholder: string;
     readOnly: boolean;
     modelValue: string[];
+    selectionMode: "single" | "multiple";
     removable: boolean;
     selectable: boolean;
     chipClassName: ChipClassName;