@cute-widgets/base 20.0.3 → 20.0.5

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

@@ -215,9 +215,6 @@ class CuteChip extends CuteFocusableControl {
         this._changeDetectorRef = inject(ChangeDetectorRef);
         this._ngZone = inject(NgZone);
         this._tagName = inject(HOST_TAG_NAME);
-        //private _globalRippleOptions = inject<RippleGlobalOptions>(MAT_RIPPLE_GLOBAL_OPTIONS, {
-        //  optional: true,
-        //});
         this._document = inject(DOCUMENT);
         /** Emits when the chip is focused. */
         this._onFocus = new Subject();
@@ -405,7 +402,7 @@ 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: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 .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:4px;border:none;background:none}.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);min-height:fit-content;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.ɵ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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteChip, decorators: [{
             type: Component,
@@ -416,15 +413,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         '[class.border]': '_isStandardStaticChip',
                         '[class.rounded-pill]': '_isStandardStaticChip',
                         '[class.cute-static-chip]': '_isStandardStaticChip',
-                        /*
-                        '[class]': '"text-bg-"+color||"tertiary"',
-                        '[class.mdc-evolution-chip]': '!_isBasicChip',
-                        '[class.mdc-evolution-chip--disabled]': 'disabled',
-                        '[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
-                        '[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
-                        '[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
-                        '[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
-                        */
                         '[class.cute-chip-with-avatar]': 'leadingIcon',
                         '[class.cute-chip-highlighted]': 'highlighted',
                         '[class.disabled]': '_isStandardStaticChip && disabled',
@@ -437,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: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 .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:4px;border:none;background:none}.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);min-height:fit-content;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 }]
@@ -655,7 +643,7 @@ class CuteChipRow extends CuteChip {
     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: [
             { 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: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 .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:4px;border:none;background:none}.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);min-height:fit-content;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: [{
             type: Component,
@@ -686,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: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 .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:4px;border:none;background:none}.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);min-height:fit-content;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: [{
@@ -1864,7 +1852,7 @@ class CuteChipOption extends CuteChip {
     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: [
             { 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: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 .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:4px;border:none;background:none}.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);min-height:fit-content;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: [{
             type: Component,
@@ -1900,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: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 .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:4px;border:none;background:none}.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);min-height:fit-content;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 }]