@coreui/vue-pro 5.17.1 → 5.19.0

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

@@ -0,0 +1,253 @@
+import { type VNode } from 'vue';
+declare const CChip: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Toggle the active state for the component.
+     */
+    active: BooleanConstructor;
+    /**
+     * Provides an accessible label for the remove button.
+     */
+    ariaRemoveLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Enables interactive hover styling and pointer cursor.
+     */
+    clickable: BooleanConstructor;
+    /**
+     * 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;
+    };
+    /**
+     * 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`.
+     */
+    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: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Replaces the default remove icon with a custom icon node.
+     */
+    removeIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Enables selectable behavior and keyboard toggle support.
+     *
+     * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet`.
+     */
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Controls the selected state of a selectable component.
+     */
+    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.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        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.
+     *
+     * @values 'outline'
+     */
+    variant: {
+        type: StringConstructor;
+        validator: (value: string) => value is "outline";
+    };
+}>, () => 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<{
+    /**
+     * Toggle the active state for the component.
+     */
+    active: BooleanConstructor;
+    /**
+     * Provides an accessible label for the remove button.
+     */
+    ariaRemoveLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Enables interactive hover styling and pointer cursor.
+     */
+    clickable: BooleanConstructor;
+    /**
+     * 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;
+    };
+    /**
+     * 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`.
+     */
+    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: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Replaces the default remove icon with a custom icon node.
+     */
+    removeIcon: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Enables selectable behavior and keyboard toggle support.
+     *
+     * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet`.
+     */
+    selectable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Controls the selected state of a selectable component.
+     */
+    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.
+     *
+     * @values 'sm', 'lg'
+     */
+    size: {
+        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.
+     *
+     * @values 'outline'
+     */
+    variant: {
+        type: StringConstructor;
+        validator: (value: string) => value is "outline";
+    };
+}>> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+    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;
+    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/cjs/components/chip/CChip.js

@@ -0,0 +1,314 @@
+'use strict';
+
+var vue = require('vue');
+var props = require('../../props.js');
+var useChipSet = require('../chip-set/useChipSet.js');
+
+const CChip = vue.defineComponent({
+    name: 'CChip',
+    props: {
+        /**
+         * Toggle the active state for the component.
+         */
+        active: Boolean,
+        /**
+         * Provides an accessible label for the remove button.
+         */
+        ariaRemoveLabel: {
+            type: String,
+            default: 'Remove',
+        },
+        /**
+         * Component used for the root node. Either a string to use a HTML element or a component.
+         */
+        as: {
+            type: String,
+            default: 'span',
+        },
+        /**
+         * Enables interactive hover styling and pointer cursor.
+         */
+        clickable: Boolean,
+        /**
+         * Sets the color context of the component to one of CoreUI's themed colors.
+         *
+         * @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
+         */
+        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`.
+         */
+        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: {
+            type: Boolean,
+            default: undefined,
+        },
+        /**
+         * Replaces the default remove icon with a custom icon node.
+         */
+        removeIcon: {
+            type: [String, Object],
+            default: undefined,
+        },
+        /**
+         * Enables selectable behavior and keyboard toggle support.
+         *
+         * Defaults to `undefined` so a chip can override the value inherited from a `CChipSet`.
+         */
+        selectable: {
+            type: Boolean,
+            default: undefined,
+        },
+        /**
+         * Controls the selected state of a selectable component.
+         */
+        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.
+         *
+         * @values 'sm', 'lg'
+         */
+        size: {
+            type: String,
+            validator: (value) => {
+                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.
+         *
+         * @values 'outline'
+         */
+        variant: {
+            type: String,
+            validator: (value) => {
+                return value === 'outline';
+            },
+        },
+    },
+    emits: [
+        /**
+         * Event called when the user clicks on the component.
+         */
+        'click',
+        /**
+         * Event called when the component becomes deselected.
+         */
+        'deselect',
+        /**
+         * Event called when the user presses a key.
+         */
+        'keydown',
+        /**
+         * Event called when the component requests removal.
+         */
+        'remove',
+        /**
+         * Event called when the component becomes selected.
+         */
+        'select',
+        /**
+         * Event called when the selected state changes.
+         */
+        'selected-change',
+    ],
+    setup(props, { attrs, emit, slots, expose }) {
+        const chipRef = vue.ref();
+        const internalSelected = vue.ref(false);
+        // 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);
+            }
+            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 (!isSelectable.value || isDisabled.value || nextSelected === selectedState.value) {
+                return;
+            }
+            if (coordinated.value) {
+                chipSet.toggleSelected(props.value, nextSelected, event);
+            }
+            else if (props.selected === undefined) {
+                internalSelected.value = nextSelected;
+            }
+            if (nextSelected) {
+                emit('select', event);
+            }
+            else {
+                emit('deselect', event);
+            }
+            emit('selected-change', nextSelected, event);
+        };
+        const toggleSelectedState = (event) => {
+            setSelectableState(!selectedState.value, event);
+        };
+        const handleRemove = (event) => {
+            if (coordinated.value) {
+                chipSet.removeChip(props.value, event);
+            }
+            emit('remove', event);
+        };
+        const handleRemoveClick = (event) => {
+            event.stopPropagation();
+            handleRemove(event);
+        };
+        const handleClick = (event) => {
+            if (isDisabled.value) {
+                return;
+            }
+            if (event.target.closest('.chip-remove')) {
+                return;
+            }
+            if (isSelectable.value) {
+                toggleSelectedState(event);
+            }
+            emit('click', event);
+        };
+        const handleKeydown = (event) => {
+            if (isDisabled.value) {
+                emit('keydown', event);
+                return;
+            }
+            switch (event.key) {
+                case 'Enter':
+                case ' ':
+                case 'Spacebar': {
+                    if (isSelectable.value) {
+                        event.preventDefault();
+                        toggleSelectedState(event);
+                    }
+                    break;
+                }
+                case 'Backspace':
+                case 'Delete': {
+                    if (isRemovable.value) {
+                        event.preventDefault();
+                        handleRemove(event);
+                    }
+                    break;
+                }
+                // No default
+            }
+            emit('keydown', event);
+        };
+        expose({ chipRef });
+        return () => {
+            const removeIconVNode = slots.removeIcon?.() ||
+                removeIcon.value ||
+                vue.h('svg', {
+                    xmlns: 'http://www.w3.org/2000/svg',
+                    width: 16,
+                    height: 16,
+                    viewBox: '0 0 16 16',
+                    fill: 'none',
+                    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 })]);
+            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(),
+                isRemovable.value &&
+                    !isDisabled.value &&
+                    vue.h('button', {
+                        type: 'button',
+                        class: 'chip-remove',
+                        'aria-label': ariaRemoveLabel.value,
+                        onClick: handleRemoveClick,
+                        tabindex: -1,
+                    }, removeIconVNode),
+            ].filter(Boolean);
+            return vue.h(props.as, {
+                ref: chipRef,
+                class: [
+                    'chip',
+                    {
+                        active: isSelectable.value ? selectedState.value : props.active,
+                        disabled: isDisabled.value,
+                        [`chip-${props.color}`]: props.color,
+                        [`chip-${props.size}`]: props.size,
+                        'chip-clickable': props.clickable || isSelectable.value || attrs.onClick,
+                        'chip-outline': props.variant === 'outline',
+                    },
+                    attrs.class,
+                ],
+                '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: isDisabled.value }),
+            }, children);
+        };
+    },
+});
+
+exports.CChip = CChip;
+//# sourceMappingURL=CChip.js.map

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

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

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/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/chip/index.ts"],"sourcesContent":[null],"names":["CChip"],"mappings":";;;;AAGA,MAAM,WAAW,GAAG;AAClB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,WAAK,CAAC,IAAc,EAAEA,WAAK,CAAC;IAC5C,CAAC;;;;;;"}