@coreui/vue-pro 5.18.0 → 5.19.0

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

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var props = require('../../props.js');
+var useChipSet = require('../chip-set/useChipSet.js');
 
-const SELECTOR_FOCUSABLE_ITEMS = '.chip[tabindex="0"]:not(.disabled)';
 const CChip = vue.defineComponent({
     name: 'CChip',
     props: {
@@ -37,12 +37,31 @@ const CChip = vue.defineComponent({
         color: props.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.
          */
@@ -52,12 +71,27 @@ const CChip = vue.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.
          *
@@ -69,6 +103,13 @@ const CChip = vue.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.
          *
@@ -110,35 +151,37 @@ const CChip = vue.defineComponent({
     setup(props, { attrs, emit, slots, expose }) {
         const chipRef = vue.ref();
         const internalSelected = vue.ref(false);
-        const selectedState = vue.computed(() => props.selected !== undefined ? Boolean(props.selected) : internalSelected.value);
-        const isFocusable = vue.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 = vue.inject(useChipSet.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 = vue.computed(() => Boolean(props.disabled ?? config('disabled')));
+        const isFilter = vue.computed(() => Boolean(props.filter ?? config('filter')));
+        const isRemovable = vue.computed(() => Boolean(props.removable ?? config('removable')));
+        // A filter chip is selectable by definition.
+        const isSelectable = vue.computed(() => Boolean((props.selectable ?? config('selectable')) || isFilter.value));
+        const removeIcon = vue.computed(() => props.removeIcon ?? config('removeIcon'));
+        const selectedIcon = vue.computed(() => props.selectedIcon ?? config('selectedIcon'));
+        const ariaRemoveLabel = vue.computed(() => props.ariaRemoveLabel);
+        const coordinated = vue.computed(() => chipSet !== null && props.value !== undefined);
+        const selectedState = vue.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 = vue.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) {
@@ -153,6 +196,9 @@ const CChip = vue.defineComponent({
             setSelectableState(!selectedState.value, event);
         };
         const handleRemove = (event) => {
+            if (coordinated.value) {
+                chipSet.removeChip(props.value, event);
+            }
             emit('remove', event);
         };
         const handleRemoveClick = (event) => {
@@ -160,19 +206,19 @@ const CChip = vue.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;
             }
@@ -180,7 +226,7 @@ const CChip = vue.defineComponent({
                 case 'Enter':
                 case ' ':
                 case 'Spacebar': {
-                    if (props.selectable) {
+                    if (isSelectable.value) {
                         event.preventDefault();
                         toggleSelectedState(event);
                     }
@@ -188,42 +234,12 @@ const CChip = vue.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);
@@ -231,7 +247,7 @@ const CChip = vue.defineComponent({
         expose({ chipRef });
         return () => {
             const removeIconVNode = slots.removeIcon?.() ||
-                props.removeIcon ||
+                removeIcon.value ||
                 vue.h('svg', {
                     xmlns: 'http://www.w3.org/2000/svg',
                     width: 16,
@@ -241,20 +257,31 @@ const CChip = vue.defineComponent({
                     stroke: 'currentColor',
                     'stroke-width': 2,
                     'stroke-linecap': 'round',
-                }, [
-                    vue.h('line', { x1: 4, y1: 4, x2: 12, y2: 12 }),
-                    vue.h('line', { x1: 12, y1: 4, x2: 4, y2: 12 }),
-                ]);
+                }, [vue.h('line', { x1: 4, y1: 4, x2: 12, y2: 12 }), vue.h('line', { x1: 12, y1: 4, x2: 4, y2: 12 })]);
+            const selectedIconVNode = slots.selectedIcon?.() ||
+                selectedIcon.value ||
+                vue.h('svg', {
+                    xmlns: 'http://www.w3.org/2000/svg',
+                    width: 16,
+                    height: 16,
+                    viewBox: '0 0 512 512',
+                    fill: 'currentColor',
+                }, vue.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 &&
+                    vue.h('span', { class: 'chip-check', 'aria-hidden': 'true' }, selectedIconVNode),
                 slots.default && slots.default(),
-                props.removable &&
+                isRemovable.value &&
+                    !isDisabled.value &&
                     vue.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 vue.h(props.as, {
@@ -262,21 +289,22 @@ const CChip = vue.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/cjs/components/chip/CChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"CChip.js","sources":["../../../../src/components/chip/CChip.ts"],"sourcesContent":[null],"names":["defineComponent","Color","ref","computed","h"],"mappings":"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"}
+{"version":3,"file":"CChip.js","sources":["../../../../src/components/chip/CChip.ts"],"sourcesContent":[null],"names":["defineComponent","Color","ref","inject","chipSetContextKey","computed","h"],"mappings":";;;;;;AAKA,MAAM,KAAK,GAAGA,mBAAe,CAAC;AAC5B,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;AAEG;AACH,QAAA,eAAe,EAAE;AACf,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,QAAQ;AAClB,SAAA;AACD;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD;;AAEG;AACH,QAAA,SAAS,EAAE,OAAO;AAClB;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD;;AAEG;AACH,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACtB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD;;;;AAIG;AACH,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD;;AAEG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,OAAO;AACb,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,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YACrC,CAAC;AACF,SAAA;AACD;;AAEG;AACH,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,KAAK,KAAK,SAAS;YAC5B,CAAC;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,OAAO;AACP;;AAEG;QACH,UAAU;AACV;;AAEG;QACH,SAAS;AACT;;AAEG;QACH,QAAQ;AACR;;AAEG;QACH,QAAQ;AACR;;AAEG;QACH,iBAAiB;AAClB,KAAA;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA;AACzC,QAAA,MAAM,OAAO,GAAGC,OAAG,EAAe;AAClC,QAAA,MAAM,gBAAgB,GAAGA,OAAG,CAAC,KAAK,CAAC;;;QAInC,MAAM,OAAO,GAAGC,UAAM,CAACC,4BAAiB,EAAE,IAAI,CAAC;AAE/C,QAAA,MAAM,MAAM,GAAG,CAAgC,GAAM,KACnD,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;;;;AAK5B,QAAA,MAAM,UAAU,GAAGC,YAAQ,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;AAChF,QAAA,MAAM,QAAQ,GAAGA,YAAQ,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC1E,QAAA,MAAM,WAAW,GAAGA,YAAQ,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,SAAS,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;;QAEnF,MAAM,YAAY,GAAGA,YAAQ,CAAC,MAC5B,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,YAAY,CAAC,KAAK,QAAQ,CAAC,KAAK,CAAC,CACtE;AACD,QAAA,MAAM,UAAU,GAAGA,YAAQ,CAAC,MAAM,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC;AAC3E,QAAA,MAAM,YAAY,GAAGA,YAAQ,CAAC,MAAM,KAAK,CAAC,YAAY,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC;QACjF,MAAM,eAAe,GAAGA,YAAQ,CAAC,MAAM,KAAK,CAAC,eAAe,CAAC;AAE7D,QAAA,MAAM,WAAW,GAAGA,YAAQ,CAAC,MAAM,OAAO,KAAK,IAAI,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC;AAEjF,QAAA,MAAM,aAAa,GAAGA,YAAQ,CAAC,MAAK;AAClC,YAAA,IAAI,WAAW,CAAC,KAAK,EAAE;gBACrB,OAAO,OAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,KAAe,CAAC;YACnD;YACA,OAAO,KAAK,CAAC,QAAQ,KAAK,SAAS,GAAG,gBAAgB,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;AACxF,QAAA,CAAC,CAAC;QAEF,MAAM,WAAW,GAAGA,YAAQ,CAAC,MAC3B,OAAO,CAAC,CAAC,UAAU,CAAC,KAAK,KAAK,YAAY,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,CACxE;AAED,QAAA,MAAM,kBAAkB,GAAG,CAAC,YAAqB,EAAE,KAAiC,KAAU;AAC5F,YAAA,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,IAAI,YAAY,KAAK,aAAa,CAAC,KAAK,EAAE;gBACnF;YACF;AAEA,YAAA,IAAI,WAAW,CAAC,KAAK,EAAE;gBACrB,OAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,KAAe,EAAE,YAAY,EAAE,KAAK,CAAC;YACrE;AAAO,iBAAA,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE;AACvC,gBAAA,gBAAgB,CAAC,KAAK,GAAG,YAAY;YACvC;YAEA,IAAI,YAAY,EAAE;AAChB,gBAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;YACvB;iBAAO;AACL,gBAAA,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC;YACzB;AAEA,YAAA,IAAI,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,CAAC;AAC9C,QAAA,CAAC;AAED,QAAA,MAAM,mBAAmB,GAAG,CAAC,KAAiC,KAAU;YACtE,kBAAkB,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC;AACjD,QAAA,CAAC;AAED,QAAA,MAAM,YAAY,GAAG,CAAC,KAAiC,KAAU;AAC/D,YAAA,IAAI,WAAW,CAAC,KAAK,EAAE;gBACrB,OAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,KAAe,EAAE,KAAK,CAAC;YACnD;AAEA,YAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;AACvB,QAAA,CAAC;AAED,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAiB,KAAU;YACpD,KAAK,CAAC,eAAe,EAAE;YACvB,YAAY,CAAC,KAAK,CAAC;AACrB,QAAA,CAAC;AAED,QAAA,MAAM,WAAW,GAAG,CAAC,KAAiB,KAAU;AAC9C,YAAA,IAAI,UAAU,CAAC,KAAK,EAAE;gBACpB;YACF;YAEA,IAAK,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;gBACzD;YACF;AAEA,YAAA,IAAI,YAAY,CAAC,KAAK,EAAE;gBACtB,mBAAmB,CAAC,KAAK,CAAC;YAC5B;AAEA,YAAA,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;AACtB,QAAA,CAAC;AAED,QAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAU;AACnD,YAAA,IAAI,UAAU,CAAC,KAAK,EAAE;AACpB,gBAAA,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;gBACtB;YACF;AAEA,YAAA,QAAQ,KAAK,CAAC,GAAG;AACf,gBAAA,KAAK,OAAO;AACZ,gBAAA,KAAK,GAAG;gBACR,KAAK,UAAU,EAAE;AACf,oBAAA,IAAI,YAAY,CAAC,KAAK,EAAE;wBACtB,KAAK,CAAC,cAAc,EAAE;wBACtB,mBAAmB,CAAC,KAAK,CAAC;oBAC5B;oBACA;gBACF;AAEA,gBAAA,KAAK,WAAW;gBAChB,KAAK,QAAQ,EAAE;AACb,oBAAA,IAAI,WAAW,CAAC,KAAK,EAAE;wBACrB,KAAK,CAAC,cAAc,EAAE;wBACtB,YAAY,CAAC,KAAK,CAAC;oBACrB;oBACA;gBACF;;;AAKF,YAAA,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;AACxB,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC;AAEnB,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,eAAe,GACnB,KAAK,CAAC,UAAU,IAAI;AACpB,gBAAA,UAAU,CAAC,KAAK;gBAChBC,KAAC,CACC,KAAK,EACL;AACE,oBAAA,KAAK,EAAE,4BAA4B;AACnC,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,OAAO,EAAE,WAAW;AACpB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,MAAM,EAAE,cAAc;AACtB,oBAAA,cAAc,EAAE,CAAC;AACjB,oBAAA,gBAAgB,EAAE,OAAO;iBAC1B,EACD,CAACA,KAAC,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAEA,KAAC,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAC3F;AAEH,YAAA,MAAM,iBAAiB,GACrB,KAAK,CAAC,YAAY,IAAI;AACtB,gBAAA,YAAY,CAAC,KAAK;gBAClBA,KAAC,CACC,KAAK,EACL;AACE,oBAAA,KAAK,EAAE,4BAA4B;AACnC,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,OAAO,EAAE,aAAa;AACtB,oBAAA,IAAI,EAAE,cAAc;iBACrB,EACDA,KAAC,CAAC,MAAM,EAAE;AACR,oBAAA,CAAC,EAAE,wFAAwF;AAC5F,iBAAA,CAAC,CACH;AAEH,YAAA,MAAM,QAAQ,GAAG;AACf,gBAAA,QAAQ,CAAC,KAAK;AACZ,oBAAA,aAAa,CAAC,KAAK;AACnB,oBAAAA,KAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,iBAA0B,CAAC;AACvF,gBAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChC,gBAAA,WAAW,CAAC,KAAK;oBACf,CAAC,UAAU,CAAC,KAAK;oBACjBA,KAAC,CACC,QAAQ,EACR;AACE,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,KAAK,EAAE,aAAa;wBACpB,YAAY,EAAE,eAAe,CAAC,KAAK;AACnC,wBAAA,OAAO,EAAE,iBAAiB;wBAC1B,QAAQ,EAAE,EAAE;AACb,qBAAA,EACD,eAAwB,CACzB;AACJ,aAAA,CAAC,MAAM,CAAC,OAAO,CAAC;AAEjB,YAAA,OAAOA,KAAC,CACN,KAAK,CAAC,EAAE,EACR;AACE,gBAAA,GAAG,EAAE,OAAO;AACZ,gBAAA,KAAK,EAAE;oBACL,MAAM;AACN,oBAAA;AACE,wBAAA,MAAM,EAAE,YAAY,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM;wBAC/D,QAAQ,EAAE,UAAU,CAAC,KAAK;wBAC1B,CAAC,CAAA,KAAA,EAAQ,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;wBACpC,CAAC,CAAA,KAAA,EAAQ,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;wBAClC,gBAAgB,EAAE,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO;AACxE,wBAAA,cAAc,EAAE,KAAK,CAAC,OAAO,KAAK,SAAS;AAC5C,qBAAA;AACD,oBAAA,KAAK,CAAC,KAAK;AACZ,iBAAA;gBACD,wBAAwB,EAAE,KAAK,CAAC,KAAK;gBACrC,IAAI,UAAU,CAAC,KAAK,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;AAClD,gBAAA,IAAI,YAAY,CAAC,KAAK,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC;AACnE,gBAAA,IAAI,WAAW,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;AAC5D,gBAAA,OAAO,EAAE,WAAW;AACpB,gBAAA,SAAS,EAAE,aAAa;AACxB,gBAAA,IAAI,KAAK,CAAC,EAAE,KAAK,QAAQ,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;aAC7D,EACD,QAAQ,CACT;AACH,QAAA,CAAC;IACH,CAAC;AACF,CAAA;;;;"}

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+// 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)';
+
+exports.SELECTOR_CHIP_FOCUSABLE = SELECTOR_CHIP_FOCUSABLE;
+//# sourceMappingURL=const.js.map

package/dist/cjs/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/cjs/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;