@cute-widgets/base 20.0.5 → 21.0.0

package/fesm2022/cute-widgets-base-chips.mjs

@@ -133,10 +133,10 @@ class CuteChipAction {
             this._parentChip._handlePrimaryActionInteraction();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipAction, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.15", type: CuteChipAction, isStandalone: true, selector: "[cuteChipAction]", inputs: { isInteractive: "isInteractive", disabled: ["disabled", "disabled", booleanAttribute], tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? -1 : numberAttribute(value))], _allowFocusWhenDisabled: "_allowFocusWhenDisabled" }, host: { listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)" }, properties: { "class.cute-chip__action--primary": "_isPrimary", "class.cute-chip__action--presentational": "!isInteractive", "class.cute-chip__action--secondary": "!_isPrimary", "class.cute-chip__action--trailing": "!_isPrimary && !_isLeading", "attr.tabindex": "_getTabindex()", "attr.disabled": "_getDisabledAttribute()", "attr.aria-disabled": "disabled" }, classAttribute: "cute-chip__action cute-chip-action" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipAction, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteChipAction, isStandalone: true, selector: "[cuteChipAction]", inputs: { isInteractive: "isInteractive", disabled: ["disabled", "disabled", booleanAttribute], tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? -1 : numberAttribute(value))], _allowFocusWhenDisabled: "_allowFocusWhenDisabled" }, host: { listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)" }, properties: { "class.cute-chip__action--primary": "_isPrimary", "class.cute-chip__action--presentational": "!isInteractive", "class.cute-chip__action--secondary": "!_isPrimary", "class.cute-chip__action--trailing": "!_isPrimary && !_isLeading", "attr.tabindex": "_getTabindex()", "attr.disabled": "_getDisabledAttribute()", "attr.aria-disabled": "disabled" }, classAttribute: "cute-chip__action cute-chip-action" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipAction, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteChipAction]',
@@ -401,10 +401,10 @@ class CuteChip extends CuteFocusableControl {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuteChip, isStandalone: true, selector: "cute-basic-chip, [cute-basic-chip], cute-chip, [cute-chip]", inputs: { value: "value", removable: ["removable", "removable", booleanAttribute], highlighted: ["highlighted", "highlighted", booleanAttribute], disableRipple: ["disableRipple", "disableRipple", booleanAttribute] }, outputs: { removed: "removed", destroyed: "destroyed" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class.btn": "_isStandardStaticChip", "class.btn-sm": "_isStandardStaticChip", "class.border": "_isStandardStaticChip", "class.rounded-pill": "_isStandardStaticChip", "class.cute-static-chip": "_isStandardStaticChip", "class.cute-chip-with-avatar": "leadingIcon", "class.cute-chip-highlighted": "highlighted", "class.disabled": "_isStandardStaticChip && disabled", "class.cute-basic-chip": "_isBasicChip", "class.cute-standard-chip": "!_isBasicChip", "class.cute-chip-with-trailing-icon": "_hasTrailingIcon()", "class._cute-animation-noopable": "_animationsDisabled", "id": "id", "attr.role": "role", "attr.tabindex": "_getTabIndex()", "attr.aria-label": "ariaLabel" }, classAttribute: "cute-chip" }, providers: [{ provide: CUTE_CHIP, useExisting: CuteChip }], queries: [{ propertyName: "leadingIcon", first: true, predicate: CUTE_CHIP_AVATAR, descendants: true }, { propertyName: "editIcon", first: true, predicate: CUTE_CHIP_EDIT, descendants: true }, { propertyName: "trailingIcon", first: true, predicate: CUTE_CHIP_TRAILING_ICON, descendants: true }, { propertyName: "removeIcon", first: true, predicate: CUTE_CHIP_REMOVE, descendants: true }, { propertyName: "_allLeadingIcons", predicate: CUTE_CHIP_AVATAR, descendants: true }, { propertyName: "_allTrailingIcons", predicate: CUTE_CHIP_TRAILING_ICON, descendants: true }, { propertyName: "_allEditIcons", predicate: CUTE_CHIP_EDIT, descendants: true }, { propertyName: "_allRemoveIcons", predicate: CUTE_CHIP_REMOVE, descendants: true }], viewQueries: [{ propertyName: "primaryAction", first: true, predicate: CuteChipAction, descendants: true }], exportAs: ["cuteChip"], usesInheritance: true, ngImport: i0, template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <span cuteChipAction [isInteractive]=\"false\">\r\n    @if (leadingIcon) {\r\n      <span class=\"cute-chip__graphic cute-chip-graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n      </span>\r\n    }\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      <ng-content></ng-content>\r\n      <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\"></span>\r\n    </span>\r\n  </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media (forced-colors: active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media (forced-colors: active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"], dependencies: [{ kind: "directive", type: CuteChipAction, selector: "[cuteChipAction]", inputs: ["isInteractive", "disabled", "tabIndex", "_allowFocusWhenDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteChip, isStandalone: true, selector: "cute-basic-chip, [cute-basic-chip], cute-chip, [cute-chip]", inputs: { value: "value", removable: ["removable", "removable", booleanAttribute], highlighted: ["highlighted", "highlighted", booleanAttribute], disableRipple: ["disableRipple", "disableRipple", booleanAttribute] }, outputs: { removed: "removed", destroyed: "destroyed" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class.btn": "_isStandardStaticChip", "class.btn-sm": "_isStandardStaticChip", "class.border": "_isStandardStaticChip", "class.rounded-pill": "_isStandardStaticChip", "class.cute-static-chip": "_isStandardStaticChip", "class.cute-chip-with-avatar": "leadingIcon", "class.cute-chip-highlighted": "highlighted", "class.disabled": "_isStandardStaticChip && disabled", "class.cute-basic-chip": "_isBasicChip", "class.cute-standard-chip": "!_isBasicChip", "class.cute-chip-with-trailing-icon": "_hasTrailingIcon()", "class._cute-animation-noopable": "_animationsDisabled", "id": "id", "attr.role": "role", "attr.tabindex": "_getTabIndex()", "attr.aria-label": "ariaLabel" }, classAttribute: "cute-chip" }, providers: [{ provide: CUTE_CHIP, useExisting: CuteChip }], queries: [{ propertyName: "leadingIcon", first: true, predicate: CUTE_CHIP_AVATAR, descendants: true }, { propertyName: "editIcon", first: true, predicate: CUTE_CHIP_EDIT, descendants: true }, { propertyName: "trailingIcon", first: true, predicate: CUTE_CHIP_TRAILING_ICON, descendants: true }, { propertyName: "removeIcon", first: true, predicate: CUTE_CHIP_REMOVE, descendants: true }, { propertyName: "_allLeadingIcons", predicate: CUTE_CHIP_AVATAR, descendants: true }, { propertyName: "_allTrailingIcons", predicate: CUTE_CHIP_TRAILING_ICON, descendants: true }, { propertyName: "_allEditIcons", predicate: CUTE_CHIP_EDIT, descendants: true }, { propertyName: "_allRemoveIcons", predicate: CUTE_CHIP_REMOVE, descendants: true }], viewQueries: [{ propertyName: "primaryAction", first: true, predicate: CuteChipAction, descendants: true }], exportAs: ["cuteChip"], usesInheritance: true, ngImport: i0, template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <span cuteChipAction [isInteractive]=\"false\">\r\n    @if (leadingIcon) {\r\n      <span class=\"cute-chip__graphic cute-chip-graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n      </span>\r\n    }\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      <ng-content></ng-content>\r\n      <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\"></span>\r\n    </span>\r\n  </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"], dependencies: [{ kind: "directive", type: CuteChipAction, selector: "[cuteChipAction]", inputs: ["isInteractive", "disabled", "tabIndex", "_allowFocusWhenDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChip, decorators: [{
             type: Component,
             args: [{ selector: 'cute-basic-chip, [cute-basic-chip], cute-chip, [cute-chip]', exportAs: 'cuteChip', host: {
                         'class': 'cute-chip',
@@ -425,7 +425,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         '[attr.tabindex]': '_getTabIndex()',
                         '[attr.aria-label]': 'ariaLabel',
                         '(keydown)': '_handleKeydown($event)',
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: CUTE_CHIP, useExisting: CuteChip }], imports: [CuteChipAction], template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <span cuteChipAction [isInteractive]=\"false\">\r\n    @if (leadingIcon) {\r\n      <span class=\"cute-chip__graphic cute-chip-graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n      </span>\r\n    }\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      <ng-content></ng-content>\r\n      <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\"></span>\r\n    </span>\r\n  </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media (forced-colors: active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media (forced-colors: active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: CUTE_CHIP, useExisting: CuteChip }], imports: [CuteChipAction], template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <span cuteChipAction [isInteractive]=\"false\">\r\n    @if (leadingIcon) {\r\n      <span class=\"cute-chip__graphic cute-chip-graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n      </span>\r\n    }\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      <ng-content></ng-content>\r\n      <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\"></span>\r\n    </span>\r\n  </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _allLeadingIcons: [{
                 type: ContentChildren,
                 args: [CUTE_CHIP_AVATAR, { descendants: true }]
@@ -512,10 +512,10 @@ class CuteChipEditInput {
         sel.removeAllRanges();
         sel.addRange(range);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipEditInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteChipEditInput, isStandalone: true, selector: "span[cuteChipEditInput]", host: { attributes: { "role": "textbox", "tabindex": "-1", "contenteditable": "true" }, classAttribute: "cute-chip-edit-input" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipEditInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteChipEditInput, isStandalone: true, selector: "span[cuteChipEditInput]", host: { attributes: { "role": "textbox", "tabindex": "-1", "contenteditable": "true" }, classAttribute: "cute-chip-edit-input" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipEditInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipEditInput, decorators: [{
             type: Directive,
             args: [{
                     selector: 'span[cuteChipEditInput]',
@@ -570,7 +570,7 @@ class CuteChipRow extends CuteChip {
         return !this._isEditing && super._hasTrailingIcon();
     }
     /** Sends focus to the first gridcell when the user clicks anywhere inside the chip. */
-    _handleFocus() {
+    _handleFocus(event) {
         if (!this._isEditing && !this.disabled) {
             this.focus();
         }
@@ -639,13 +639,13 @@ class CuteChipRow extends CuteChip {
     _getEditInput() {
         return this.contentEditInput || this.defaultEditInput;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuteChipRow, isStandalone: true, selector: "cute-chip-row, [cute-chip-row], cute-basic-chip-row, [cute-basic-chip-row]", inputs: { editable: "editable" }, outputs: { edited: "edited" }, host: { listeners: { "focus": "_handleFocus($event)", "dblclick": "_handleDoubleclick($event)" }, properties: { "class.cute-chip-with-avatar": "leadingIcon", "class.cute-chip-disabled": "disabled", "class.cute-chip-editing": "_isEditing", "class.cute-chip-editable": "editable", "class.cute-chip-highlighted": "highlighted", "class.cute-chip-with-trailing-icon": "_hasTrailingIcon()", "id": "id", "attr.tabindex": "disabled ? null : -1", "attr.aria-label": "null", "attr.aria-description": "null", "attr.role": "role" }, classAttribute: "cute-chip-row" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteChipRow, isStandalone: true, selector: "cute-chip-row, [cute-chip-row], cute-basic-chip-row, [cute-basic-chip-row]", inputs: { editable: "editable" }, outputs: { edited: "edited" }, host: { listeners: { "focus": "_handleFocus($event)", "dblclick": "_handleDoubleclick($event)" }, properties: { "class.cute-chip-with-avatar": "leadingIcon", "class.cute-chip-disabled": "disabled", "class.cute-chip-editing": "_isEditing", "class.cute-chip-editable": "editable", "class.cute-chip-highlighted": "highlighted", "class.cute-chip-with-trailing-icon": "_hasTrailingIcon()", "id": "id", "attr.tabindex": "disabled ? null : -1", "attr.aria-label": "null", "attr.aria-description": "null", "attr.role": "role" }, classAttribute: "cute-chip-row" }, providers: [
             { provide: CuteChip, useExisting: CuteChipRow },
             { provide: CUTE_CHIP, useExisting: CuteChipRow },
-        ], queries: [{ propertyName: "contentEditInput", first: true, predicate: CuteChipEditInput, descendants: true }], viewQueries: [{ propertyName: "defaultEditInput", first: true, predicate: CuteChipEditInput, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (!_isEditing) {\r\n  <span class=\"cute-chip-focus-overlay\"></span>\r\n}\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <span class=\"cute-chip-action\" role=\"gridcell\"\r\n        cuteChipAction\r\n        [tabIndex]=\"tabIndex\"\r\n        [disabled]=\"disabled\"\r\n        [attr.aria-label]=\"ariaLabel\"\r\n        [attr.aria-describedby]=\"_ariaDescriptionId\">\r\n    @if (leadingIcon) {\r\n      <span class=\"cute-chip-graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n      </span>\r\n    }\r\n\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      @if (_isEditing) {\r\n        @if (contentEditInput) {\r\n          <ng-content select=\"[cuteChipEditInput]\"></ng-content>\r\n        } @else {\r\n          <span cuteChipEditInput></span>\r\n        }\r\n      } @else {\r\n        <ng-content></ng-content>\r\n      }\r\n\r\n      <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\" aria-hidden=\"true\"></span>\r\n    </span>\r\n  </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span\r\n    class=\"cute-chip__cell cute-chip__cell--trailing\"\r\n    role=\"gridcell\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media (forced-colors: active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media (forced-colors: active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"], dependencies: [{ kind: "directive", type: CuteChipAction, selector: "[cuteChipAction]", inputs: ["isInteractive", "disabled", "tabIndex", "_allowFocusWhenDisabled"] }, { kind: "directive", type: CuteChipEditInput, selector: "span[cuteChipEditInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "contentEditInput", first: true, predicate: CuteChipEditInput, descendants: true }], viewQueries: [{ propertyName: "defaultEditInput", first: true, predicate: CuteChipEditInput, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (!_isEditing) {\r\n  <span class=\"cute-chip-focus-overlay\"></span>\r\n}\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <span class=\"cute-chip-action\" role=\"gridcell\"\r\n        cuteChipAction\r\n        [tabIndex]=\"tabIndex\"\r\n        [disabled]=\"disabled\"\r\n        [attr.aria-label]=\"ariaLabel\"\r\n        [attr.aria-describedby]=\"_ariaDescriptionId\">\r\n    @if (leadingIcon) {\r\n      <span class=\"cute-chip-graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n      </span>\r\n    }\r\n\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      @if (_isEditing) {\r\n        @if (contentEditInput) {\r\n          <ng-content select=\"[cuteChipEditInput]\"></ng-content>\r\n        } @else {\r\n          <span cuteChipEditInput></span>\r\n        }\r\n      } @else {\r\n        <ng-content></ng-content>\r\n      }\r\n\r\n      <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\" aria-hidden=\"true\"></span>\r\n    </span>\r\n  </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span\r\n    class=\"cute-chip__cell cute-chip__cell--trailing\"\r\n    role=\"gridcell\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"], dependencies: [{ kind: "directive", type: CuteChipAction, selector: "[cuteChipAction]", inputs: ["isInteractive", "disabled", "tabIndex", "_allowFocusWhenDisabled"] }, { kind: "directive", type: CuteChipEditInput, selector: "span[cuteChipEditInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipRow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipRow, decorators: [{
             type: Component,
             args: [{ selector: 'cute-chip-row, [cute-chip-row], cute-basic-chip-row, [cute-basic-chip-row]', host: {
                         'class': 'cute-chip-row',
@@ -674,7 +674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     }, providers: [
                         { provide: CuteChip, useExisting: CuteChipRow },
                         { provide: CUTE_CHIP, useExisting: CuteChipRow },
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteChipAction, CuteChipEditInput], template: "@if (!_isEditing) {\r\n  <span class=\"cute-chip-focus-overlay\"></span>\r\n}\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <span class=\"cute-chip-action\" role=\"gridcell\"\r\n        cuteChipAction\r\n        [tabIndex]=\"tabIndex\"\r\n        [disabled]=\"disabled\"\r\n        [attr.aria-label]=\"ariaLabel\"\r\n        [attr.aria-describedby]=\"_ariaDescriptionId\">\r\n    @if (leadingIcon) {\r\n      <span class=\"cute-chip-graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n      </span>\r\n    }\r\n\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      @if (_isEditing) {\r\n        @if (contentEditInput) {\r\n          <ng-content select=\"[cuteChipEditInput]\"></ng-content>\r\n        } @else {\r\n          <span cuteChipEditInput></span>\r\n        }\r\n      } @else {\r\n        <ng-content></ng-content>\r\n      }\r\n\r\n      <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\" aria-hidden=\"true\"></span>\r\n    </span>\r\n  </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span\r\n    class=\"cute-chip__cell cute-chip__cell--trailing\"\r\n    role=\"gridcell\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media (forced-colors: active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media (forced-colors: active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteChipAction, CuteChipEditInput], template: "@if (!_isEditing) {\r\n  <span class=\"cute-chip-focus-overlay\"></span>\r\n}\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <span class=\"cute-chip-action\" role=\"gridcell\"\r\n        cuteChipAction\r\n        [tabIndex]=\"tabIndex\"\r\n        [disabled]=\"disabled\"\r\n        [attr.aria-label]=\"ariaLabel\"\r\n        [attr.aria-describedby]=\"_ariaDescriptionId\">\r\n    @if (leadingIcon) {\r\n      <span class=\"cute-chip-graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n      </span>\r\n    }\r\n\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      @if (_isEditing) {\r\n        @if (contentEditInput) {\r\n          <ng-content select=\"[cuteChipEditInput]\"></ng-content>\r\n        } @else {\r\n          <span cuteChipEditInput></span>\r\n        }\r\n      } @else {\r\n        <ng-content></ng-content>\r\n      }\r\n\r\n      <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\" aria-hidden=\"true\"></span>\r\n    </span>\r\n  </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span\r\n    class=\"cute-chip__cell cute-chip__cell--trailing\"\r\n    role=\"gridcell\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { editable: [{
                 type: Input
             }], edited: [{
@@ -938,14 +938,14 @@ class CuteChipSet {
         }
         this._lastDestroyedFocusedChipIndex = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipSet, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: CuteChipSet, isStandalone: true, selector: "cute-chip-set", inputs: { disabled: ["disabled", "disabled", booleanAttribute], role: "role", tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))] }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "attr.role": "role" }, classAttribute: "cute-chip-set" }, queries: [{ propertyName: "_chips", predicate: CuteChip, descendants: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipSet, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.0", type: CuteChipSet, isStandalone: true, selector: "cute-chip-set", inputs: { disabled: ["disabled", "disabled", booleanAttribute], role: "role", tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))] }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "attr.role": "role" }, classAttribute: "cute-chip-set" }, queries: [{ propertyName: "_chips", predicate: CuteChip, descendants: true }], ngImport: i0, template: `
     <div class="cute-chip-set__chips" role="presentation">
       <ng-content></ng-content>
     </div>
   `, isInline: true, styles: [".cute-chip-listbox,.cute-chip-grid,.cute-chip-set{display:flex;width:100%;background-color:var(--bs-body-bg)}.cute-chip-listbox .cute-chip-set__chips,.cute-chip-grid .cute-chip-set__chips,.cute-chip-set .cute-chip-set__chips{display:flex;flex-flow:wrap;gap:.375rem;min-width:100%}.cute-form-field .cute-chip-listbox,.cute-form-field .cute-chip-grid,.cute-form-field .cute-chip-set{min-height:58px}.cute-chip-grid-focused{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cute-chip-set-stacked .cute-chip-set__chips{flex-direction:column;align-items:flex-start}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip{display:block;width:100%}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__graphic{flex-grow:0}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip-action,.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__action--primary{flex-basis:100%;justify-content:start;width:100%}input.cute-chip-input{flex:1 0 150px;margin-left:.25rem;border:none;outline:none;background:none;transition:opacity .15s 0ms cubic-bezier(.4,0,.2,1)}input.cute-chip-input:not(:focus){opacity:.75}[dir=rtl] input.cute-chip-input{margin-left:0;margin-right:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipSet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipSet, decorators: [{
             type: Component,
             args: [{ selector: 'cute-chip-set', template: `
     <div class="cute-chip-set__chips" role="presentation">
@@ -1309,14 +1309,14 @@ class CuteChipGrid extends CuteChipSet {
         this._changeDetectorRef.markForCheck();
         this.stateChanges.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: CuteChipGrid, isStandalone: true, selector: "cute-chip-grid", inputs: { disabled: ["disabled", "disabled", booleanAttribute], placeholder: "placeholder", required: ["required", "required", booleanAttribute], value: "value", errorStateMatcher: "errorStateMatcher" }, outputs: { change: "change", valueChange: "valueChange" }, host: { listeners: { "focus": "focus()", "blur": "_blur()" }, properties: { "attr.role": "role", "attr.tabindex": "(disabled || (_chips && _chips.length === 0)) ? -1 : tabIndex", "attr.aria-disabled": "disabled", "attr.aria-invalid": "errorState", "class.cute-chip-list-disabled": "disabled", "class.cute-chip-list-invalid": "errorState", "class.cute-chip-list-required": "required" }, classAttribute: "cute-chip-grid input-group-text" }, providers: [{ provide: CuteFormFieldControl, useExisting: CuteChipGrid }], queries: [{ propertyName: "_chips", predicate: CuteChipRow, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.0", type: CuteChipGrid, isStandalone: true, selector: "cute-chip-grid", inputs: { disabled: ["disabled", "disabled", booleanAttribute], placeholder: "placeholder", required: ["required", "required", booleanAttribute], value: "value", errorStateMatcher: "errorStateMatcher" }, outputs: { change: "change", valueChange: "valueChange" }, host: { listeners: { "focus": "focus()", "blur": "_blur()" }, properties: { "attr.role": "role", "attr.tabindex": "(disabled || (_chips && _chips.length === 0)) ? -1 : tabIndex", "attr.aria-disabled": "disabled", "attr.aria-invalid": "errorState", "class.cute-chip-list-disabled": "disabled", "class.cute-chip-list-invalid": "errorState", "class.cute-chip-list-required": "required" }, classAttribute: "cute-chip-grid input-group-text" }, providers: [{ provide: CuteFormFieldControl, useExisting: CuteChipGrid }], queries: [{ propertyName: "_chips", predicate: CuteChipRow, descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="cute-chip-set__chips" role="presentation">
       <ng-content></ng-content>
     </div>
   `, isInline: true, styles: [".cute-chip-listbox,.cute-chip-grid,.cute-chip-set{display:flex;width:100%;background-color:var(--bs-body-bg)}.cute-chip-listbox .cute-chip-set__chips,.cute-chip-grid .cute-chip-set__chips,.cute-chip-set .cute-chip-set__chips{display:flex;flex-flow:wrap;gap:.375rem;min-width:100%}.cute-form-field .cute-chip-listbox,.cute-form-field .cute-chip-grid,.cute-form-field .cute-chip-set{min-height:58px}.cute-chip-grid-focused{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cute-chip-set-stacked .cute-chip-set__chips{flex-direction:column;align-items:flex-start}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip{display:block;width:100%}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__graphic{flex-grow:0}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip-action,.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__action--primary{flex-basis:100%;justify-content:start;width:100%}input.cute-chip-input{flex:1 0 150px;margin-left:.25rem;border:none;outline:none;background:none;transition:opacity .15s 0ms cubic-bezier(.4,0,.2,1)}input.cute-chip-input:not(:focus){opacity:.75}[dir=rtl] input.cute-chip-input{margin-left:0;margin-right:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipGrid, decorators: [{
             type: Component,
             args: [{ selector: 'cute-chip-grid', template: `
     <div class="cute-chip-set__chips" role="presentation">
@@ -1372,10 +1372,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  */
 /** Avatar image within a chip. */
 class CuteChipAvatar {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteChipAvatar, isStandalone: true, selector: "cute-chip-avatar, [cuteChipAvatar]", host: { attributes: { "role": "img" }, classAttribute: "cute-chip-avatar cute-chip__icon cute-chip__icon--primary" }, providers: [{ provide: CUTE_CHIP_AVATAR, useExisting: CuteChipAvatar }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteChipAvatar, isStandalone: true, selector: "cute-chip-avatar, [cuteChipAvatar]", host: { attributes: { "role": "img" }, classAttribute: "cute-chip-avatar cute-chip__icon cute-chip__icon--primary" }, providers: [{ provide: CUTE_CHIP_AVATAR, useExisting: CuteChipAvatar }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipAvatar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipAvatar, decorators: [{
             type: Directive,
             args: [{
                     selector: 'cute-chip-avatar, [cuteChipAvatar]',
@@ -1398,10 +1398,10 @@ class CuteChipTrailingIcon extends CuteChipAction {
         this.isInteractive = false;
         this._isPrimary = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipTrailingIcon, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteChipTrailingIcon, isStandalone: true, selector: "cute-chip-trailing-icon, [cuteChipTrailingIcon]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "cute-chip-trailing-icon cute-chip__icon cute-chip__icon--trailing" }, providers: [{ provide: CUTE_CHIP_TRAILING_ICON, useExisting: CuteChipTrailingIcon }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipTrailingIcon, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteChipTrailingIcon, isStandalone: true, selector: "cute-chip-trailing-icon, [cuteChipTrailingIcon]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "cute-chip-trailing-icon cute-chip__icon cute-chip__icon--trailing" }, providers: [{ provide: CUTE_CHIP_TRAILING_ICON, useExisting: CuteChipTrailingIcon }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipTrailingIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipTrailingIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: 'cute-chip-trailing-icon, [cuteChipTrailingIcon]',
@@ -1450,10 +1450,10 @@ class CuteChipEdit extends CuteChipAction {
             this._parentChip._edit();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipEdit, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteChipEdit, isStandalone: true, selector: "[cuteChipEdit]", host: { attributes: { "role": "button" }, properties: { "attr.aria-hidden": "null" }, classAttribute: "cute-chip-edit cute-chip-avatar cute-focus-indicator cute-chip__icon cute-chip__icon--primary" }, providers: [{ provide: CUTE_CHIP_EDIT, useExisting: CuteChipEdit }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipEdit, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteChipEdit, isStandalone: true, selector: "[cuteChipEdit]", host: { attributes: { "role": "button" }, properties: { "attr.aria-hidden": "null" }, classAttribute: "cute-chip-edit cute-chip-avatar cute-focus-indicator cute-chip__icon cute-chip__icon--primary" }, providers: [{ provide: CUTE_CHIP_EDIT, useExisting: CuteChipEdit }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipEdit, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipEdit, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteChipEdit]',
@@ -1500,10 +1500,10 @@ class CuteChipRemove extends CuteChipAction {
             this._parentChip.remove();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipRemove, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteChipRemove, isStandalone: true, selector: "[cuteChipRemove]", host: { attributes: { "role": "button" }, properties: { "attr.aria-hidden": "null" }, classAttribute: "cute-chip-remove cute-chip-trailing-icon cute-focus-indicator cute-chip__icon cute-chip__icon--trailing cute-chip__action" }, providers: [{ provide: CUTE_CHIP_REMOVE, useExisting: CuteChipRemove }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipRemove, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteChipRemove, isStandalone: true, selector: "[cuteChipRemove]", host: { attributes: { "role": "button" }, properties: { "attr.aria-hidden": "null" }, classAttribute: "cute-chip-remove cute-chip-trailing-icon cute-focus-indicator cute-chip__icon cute-chip__icon--trailing cute-chip__action" }, providers: [{ provide: CUTE_CHIP_REMOVE, useExisting: CuteChipRemove }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipRemove, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipRemove, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteChipRemove]',
@@ -1668,10 +1668,10 @@ class CuteChipInput {
     _getReadonlyAttribute() {
         return this.readonly || (this.disabled && this.disabledInteractive) ? 'true' : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.15", type: CuteChipInput, isStandalone: true, selector: "input[cuteChipInputFor]", inputs: { chipGrid: ["cuteChipInputFor", "chipGrid"], addOnBlur: ["cuteChipInputAddOnBlur", "addOnBlur", booleanAttribute], separatorKeyCodes: ["cuteChipInputSeparatorKeyCodes", "separatorKeyCodes"], placeholder: "placeholder", id: "id", disabled: ["disabled", "disabled", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], disabledInteractive: ["cuteChipInputDisabledInteractive", "disabledInteractive", booleanAttribute] }, outputs: { chipEnd: "cuteChipInputTokenEnd" }, host: { listeners: { "keydown": "_keydown($event)", "blur": "_blur()", "focus": "_focus()", "input": "_onInput()" }, properties: { "id": "id", "attr.disabled": "disabled && !disabledInteractive ? \"\" : null", "attr.placeholder": "placeholder || null", "attr.aria-invalid": "chipGrid && chipGrid.ngControl ? chipGrid.ngControl.invalid : null", "attr.aria-required": "(chipGrid && chipGrid.required) || null", "attr.aria-disabled": "disabled && disabledInteractive ? \"true\" : null", "attr.readonly": "_getReadonlyAttribute()", "attr.required": "(chipGrid && chipGrid.required) || null" }, classAttribute: "cute-chip-input" }, exportAs: ["cuteChipInput", "cuteChipInputFor"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteChipInput, isStandalone: true, selector: "input[cuteChipInputFor]", inputs: { chipGrid: ["cuteChipInputFor", "chipGrid"], addOnBlur: ["cuteChipInputAddOnBlur", "addOnBlur", booleanAttribute], separatorKeyCodes: ["cuteChipInputSeparatorKeyCodes", "separatorKeyCodes"], placeholder: "placeholder", id: "id", disabled: ["disabled", "disabled", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], disabledInteractive: ["cuteChipInputDisabledInteractive", "disabledInteractive", booleanAttribute] }, outputs: { chipEnd: "cuteChipInputTokenEnd" }, host: { listeners: { "keydown": "_keydown($event)", "blur": "_blur()", "focus": "_focus()", "input": "_onInput()" }, properties: { "id": "id", "attr.disabled": "disabled && !disabledInteractive ? \"\" : null", "attr.placeholder": "placeholder || null", "attr.aria-invalid": "chipGrid && chipGrid.ngControl ? chipGrid.ngControl.invalid : null", "attr.aria-required": "(chipGrid && chipGrid.required) || null", "attr.aria-disabled": "disabled && disabledInteractive ? \"true\" : null", "attr.readonly": "_getReadonlyAttribute()", "attr.required": "(chipGrid && chipGrid.required) || null" }, classAttribute: "cute-chip-input" }, exportAs: ["cuteChipInput", "cuteChipInputFor"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipInput, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[cuteChipInputFor]',
@@ -1848,13 +1848,13 @@ class CuteChipOption extends CuteChip {
             this.markForCheck();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipOption, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuteChipOption, isStandalone: true, selector: "cute-basic-chip-option, [cute-basic-chip-option], cute-chip-option, [cute-chip-option]", inputs: { selectable: ["selectable", "selectable", booleanAttribute], selected: ["selected", "selected", booleanAttribute] }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.cute-chip-disabled": "disabled", "class.cute-chip-highlighted": "highlighted", "class.cute-chip-with-trailing-icon": "_hasTrailingIcon()", "class.cute-chip-selected": "selected", "class.cute-chip-multiple": "_chipListMultiple", "class.cute-chip-with-avatar": "leadingIcon", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-description": "null", "attr.role": "role", "id": "id" }, classAttribute: "cute-chip-option" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipOption, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteChipOption, isStandalone: true, selector: "cute-basic-chip-option, [cute-basic-chip-option], cute-chip-option, [cute-chip-option]", inputs: { selectable: ["selectable", "selectable", booleanAttribute], selected: ["selected", "selected", booleanAttribute] }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.cute-chip-disabled": "disabled", "class.cute-chip-highlighted": "highlighted", "class.cute-chip-with-trailing-icon": "_hasTrailingIcon()", "class.cute-chip-selected": "selected", "class.cute-chip-multiple": "_chipListMultiple", "class.cute-chip-with-avatar": "leadingIcon", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-description": "null", "attr.role": "role", "id": "id" }, classAttribute: "cute-chip-option" }, providers: [
             { provide: CuteChip, useExisting: CuteChipOption },
             { provide: CUTE_CHIP, useExisting: CuteChipOption },
-        ], usesInheritance: true, ngImport: i0, template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <button\r\n      cuteButton=\"outline-button\"\r\n      class=\"cute-chip-action rounded-pill text-nowrap\"\r\n      [class.active]=\"selected\"\r\n      magnitude=\"small\"\r\n      [color]=\"color\"\r\n      [tabIndex]=\"tabIndex\"\r\n      [disabled]=\"disabled\"\r\n      [attr.aria-selected]=\"ariaSelected\"\r\n      [attr.aria-label]=\"ariaLabel\"\r\n      [attr.aria-describedby]=\"_ariaDescriptionId\"\r\n      data-bs-toggle=\"button\"\r\n      role=\"option\"\r\n      (click)=\"_handlePrimaryActionInteraction()\">\r\n  @if (_hasLeadingGraphic()) {\r\n    <span cuteButtonIcon class=\"cute-chip-graphic cute-chip__graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n        @if (selected && !leadingIcon ) {\r\n          <span class=\"cute-chip__checkmark\">\r\n          <svg\r\n            class=\"cute-chip__checkmark-svg\"\r\n            viewBox=\"-2 2 24 24\"\r\n            focusable=\"false\"\r\n            aria-hidden=\"true\">\r\n            <path class=\"cute-chip__checkmark-path\"\r\n                  fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n          </svg>\r\n        </span>\r\n        }\r\n    </span>\r\n  }\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      <ng-content></ng-content>\r\n      <span class=\"cute-chip-primary-focus-indicator\"></span>\r\n    </span>\r\n  </button>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media (forced-colors: active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media (forced-colors: active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"], dependencies: [{ kind: "component", type: CuteButton, selector: "button[cuteButton],             button[cute-button],             a[cuteButton],             a[cute-button],  ", exportAs: ["cuteButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <button\r\n      cuteButton=\"outline-button\"\r\n      class=\"cute-chip-action rounded-pill text-nowrap\"\r\n      [class.active]=\"selected\"\r\n      magnitude=\"small\"\r\n      [color]=\"color\"\r\n      [tabIndex]=\"tabIndex\"\r\n      [disabled]=\"disabled\"\r\n      [attr.aria-selected]=\"ariaSelected\"\r\n      [attr.aria-label]=\"ariaLabel\"\r\n      [attr.aria-describedby]=\"_ariaDescriptionId\"\r\n      data-bs-toggle=\"button\"\r\n      role=\"option\"\r\n      (click)=\"_handlePrimaryActionInteraction()\">\r\n  @if (_hasLeadingGraphic()) {\r\n    <span cuteButtonIcon class=\"cute-chip-graphic cute-chip__graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n        @if (selected && !leadingIcon ) {\r\n          <span class=\"cute-chip__checkmark\">\r\n          <svg\r\n            class=\"cute-chip__checkmark-svg\"\r\n            viewBox=\"-2 2 24 24\"\r\n            focusable=\"false\"\r\n            aria-hidden=\"true\">\r\n            <path class=\"cute-chip__checkmark-path\"\r\n                  fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n          </svg>\r\n        </span>\r\n        }\r\n    </span>\r\n  }\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      <ng-content></ng-content>\r\n      <span class=\"cute-chip-primary-focus-indicator\"></span>\r\n    </span>\r\n  </button>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"], dependencies: [{ kind: "component", type: CuteButton, selector: "button[cuteButton],             button[cute-button],             a[cuteButton],             a[cute-button],  ", exportAs: ["cuteButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipOption, decorators: [{
             type: Component,
             args: [{ selector: 'cute-basic-chip-option, [cute-basic-chip-option], cute-chip-option, [cute-chip-option]', host: {
                         'class': 'cute-chip-option',
@@ -1888,7 +1888,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     }, providers: [
                         { provide: CuteChip, useExisting: CuteChipOption },
                         { provide: CUTE_CHIP, useExisting: CuteChipOption },
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteChipAction, CuteButton], template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <button\r\n      cuteButton=\"outline-button\"\r\n      class=\"cute-chip-action rounded-pill text-nowrap\"\r\n      [class.active]=\"selected\"\r\n      magnitude=\"small\"\r\n      [color]=\"color\"\r\n      [tabIndex]=\"tabIndex\"\r\n      [disabled]=\"disabled\"\r\n      [attr.aria-selected]=\"ariaSelected\"\r\n      [attr.aria-label]=\"ariaLabel\"\r\n      [attr.aria-describedby]=\"_ariaDescriptionId\"\r\n      data-bs-toggle=\"button\"\r\n      role=\"option\"\r\n      (click)=\"_handlePrimaryActionInteraction()\">\r\n  @if (_hasLeadingGraphic()) {\r\n    <span cuteButtonIcon class=\"cute-chip-graphic cute-chip__graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n        @if (selected && !leadingIcon ) {\r\n          <span class=\"cute-chip__checkmark\">\r\n          <svg\r\n            class=\"cute-chip__checkmark-svg\"\r\n            viewBox=\"-2 2 24 24\"\r\n            focusable=\"false\"\r\n            aria-hidden=\"true\">\r\n            <path class=\"cute-chip__checkmark-path\"\r\n                  fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n          </svg>\r\n        </span>\r\n        }\r\n    </span>\r\n  }\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      <ng-content></ng-content>\r\n      <span class=\"cute-chip-primary-focus-indicator\"></span>\r\n    </span>\r\n  </button>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media (forced-colors: active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media (forced-colors: active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteChipAction, CuteButton], template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n  <button\r\n      cuteButton=\"outline-button\"\r\n      class=\"cute-chip-action rounded-pill text-nowrap\"\r\n      [class.active]=\"selected\"\r\n      magnitude=\"small\"\r\n      [color]=\"color\"\r\n      [tabIndex]=\"tabIndex\"\r\n      [disabled]=\"disabled\"\r\n      [attr.aria-selected]=\"ariaSelected\"\r\n      [attr.aria-label]=\"ariaLabel\"\r\n      [attr.aria-describedby]=\"_ariaDescriptionId\"\r\n      data-bs-toggle=\"button\"\r\n      role=\"option\"\r\n      (click)=\"_handlePrimaryActionInteraction()\">\r\n  @if (_hasLeadingGraphic()) {\r\n    <span cuteButtonIcon class=\"cute-chip-graphic cute-chip__graphic\">\r\n        <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n        @if (selected && !leadingIcon ) {\r\n          <span class=\"cute-chip__checkmark\">\r\n          <svg\r\n            class=\"cute-chip__checkmark-svg\"\r\n            viewBox=\"-2 2 24 24\"\r\n            focusable=\"false\"\r\n            aria-hidden=\"true\">\r\n            <path class=\"cute-chip__checkmark-path\"\r\n                  fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n          </svg>\r\n        </span>\r\n        }\r\n    </span>\r\n  }\r\n    <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n      <ng-content></ng-content>\r\n      <span class=\"cute-chip-primary-focus-indicator\"></span>\r\n    </span>\r\n  </button>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n  <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n    <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n  </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"] }]
         }], propDecorators: { selectable: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -2197,14 +2197,14 @@ class CuteChipListbox extends CuteChipSet {
         //   Listbox..."
         return !action.isInteractive;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipListbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: CuteChipListbox, isStandalone: true, selector: "cute-chip-listbox", inputs: { multiple: ["multiple", "multiple", booleanAttribute], ariaOrientation: ["aria-orientation", "ariaOrientation"], selectable: ["selectable", "selectable", booleanAttribute], compareWith: "compareWith", required: ["required", "required", booleanAttribute], hideSingleSelectionIndicator: ["hideSingleSelectionIndicator", "hideSingleSelectionIndicator", booleanAttribute], value: "value" }, outputs: { change: "change" }, host: { listeners: { "focus": "focus()", "blur": "_blur()", "keydown": "_keydown($event)" }, properties: { "attr.role": "role", "tabIndex": "(disabled || empty) ? -1 : tabIndex", "attr.aria-required": "role ? required : null", "attr.aria-disabled": "disabled", "attr.aria-multiselectable": "multiple", "attr.aria-orientation": "ariaOrientation", "class.cute-chip-list-disabled": "disabled", "class.cute-chip-list-required": "required" }, classAttribute: "cute-chip-listbox" }, providers: [CUTE_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "_chips", predicate: CuteChipOption, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipListbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.0", type: CuteChipListbox, isStandalone: true, selector: "cute-chip-listbox", inputs: { multiple: ["multiple", "multiple", booleanAttribute], ariaOrientation: ["aria-orientation", "ariaOrientation"], selectable: ["selectable", "selectable", booleanAttribute], compareWith: "compareWith", required: ["required", "required", booleanAttribute], hideSingleSelectionIndicator: ["hideSingleSelectionIndicator", "hideSingleSelectionIndicator", booleanAttribute], value: "value" }, outputs: { change: "change" }, host: { listeners: { "focus": "focus()", "blur": "_blur()", "keydown": "_keydown($event)" }, properties: { "attr.role": "role", "tabIndex": "(disabled || empty) ? -1 : tabIndex", "attr.aria-required": "role ? required : null", "attr.aria-disabled": "disabled", "attr.aria-multiselectable": "multiple", "attr.aria-orientation": "ariaOrientation", "class.cute-chip-list-disabled": "disabled", "class.cute-chip-list-required": "required" }, classAttribute: "cute-chip-listbox" }, providers: [CUTE_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "_chips", predicate: CuteChipOption, descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="cute-chip-set__chips" role="presentation">
       <ng-content></ng-content>
     </div>
   `, isInline: true, styles: [".cute-chip-listbox,.cute-chip-grid,.cute-chip-set{display:flex;width:100%;background-color:var(--bs-body-bg)}.cute-chip-listbox .cute-chip-set__chips,.cute-chip-grid .cute-chip-set__chips,.cute-chip-set .cute-chip-set__chips{display:flex;flex-flow:wrap;gap:.375rem;min-width:100%}.cute-form-field .cute-chip-listbox,.cute-form-field .cute-chip-grid,.cute-form-field .cute-chip-set{min-height:58px}.cute-chip-grid-focused{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cute-chip-set-stacked .cute-chip-set__chips{flex-direction:column;align-items:flex-start}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip{display:block;width:100%}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__graphic{flex-grow:0}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip-action,.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__action--primary{flex-basis:100%;justify-content:start;width:100%}input.cute-chip-input{flex:1 0 150px;margin-left:.25rem;border:none;outline:none;background:none;transition:opacity .15s 0ms cubic-bezier(.4,0,.2,1)}input.cute-chip-input:not(:focus){opacity:.75}[dir=rtl] input.cute-chip-input{margin-left:0;margin-right:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipListbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipListbox, decorators: [{
             type: Component,
             args: [{ selector: 'cute-chip-listbox', template: `
     <div class="cute-chip-set__chips" role="presentation">
@@ -2290,8 +2290,8 @@ const TYPES = [
     CuteChipTrailingIcon,
 ];
 class CuteChipsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CuteChipsModule, imports: [CommonModule, CuteChip,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CuteChipsModule, imports: [CommonModule, CuteChip,
             CuteChipAvatar,
             CuteChipEditInput,
             CuteChipGrid,
@@ -2312,7 +2312,7 @@ class CuteChipsModule {
             CuteChipRow,
             CuteChipSet,
             CuteChipTrailingIcon] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipsModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipsModule, providers: [
             ErrorStateMatcher,
             {
                 provide: CUTE_CHIPS_DEFAULT_OPTIONS,
@@ -2322,7 +2322,7 @@ class CuteChipsModule {
             },
         ], imports: [CommonModule, CuteChipOption] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChipsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ...TYPES],