@cute-widgets/base 20.0.5 → 21.0.0

package/fesm2022/cute-widgets-base-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cute-widgets-base-layout.mjs","sources":["../../../../projects/cute-widgets/base/layout/stack/src/stack.directive.ts","../../../../projects/cute-widgets/base/layout/stack/src/hstack.directive.ts","../../../../projects/cute-widgets/base/layout/stack/src/vstack.directive.ts","../../../../projects/cute-widgets/base/layout/stack/src/stack.module.ts","../../../../projects/cute-widgets/base/layout/container/src/container.ts","../../../../projects/cute-widgets/base/layout/container/src/page-header.ts","../../../../projects/cute-widgets/base/layout/container/src/container.module.ts","../../../../projects/cute-widgets/base/layout/cute-widgets-base-layout.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive, Input, numberAttribute} from \"@angular/core\";\r\nimport {CuteLayoutControl} from \"@cute-widgets/base/abstract\";\r\nimport {LayoutDirection} from \"@cute-widgets/base/core\";\r\n\r\n/**\r\n * Stacks offer a shortcut for applying a number of flexbox properties to quickly and easily create flex layouts.\r\n */\r\n@Directive({\r\n  selector: 'cute-stack',\r\n  exportAs: 'cuteStack',\r\n  standalone: true,\r\n  host: {\r\n    '[class]': \"(direction=='column'?'v':'h')+'stack gap-'+gap\",\r\n    '[attr.gap]': 'null',\r\n  }\r\n})\r\nexport class CuteStack extends CuteLayoutControl {\r\n\r\n  /** Direction of the child components. */\r\n  @Input()\r\n  get direction(): LayoutDirection {return this._direction};\r\n  set direction(value: LayoutDirection) {\r\n    this.setDirection(value);\r\n  }\r\n  protected _direction: LayoutDirection = \"column\";\r\n\r\n  /** Spacing level (0..5) between the child components. */\r\n  @Input({transform: numberAttribute})\r\n  get gap(): number {return this._gap;}\r\n  set gap(value: number) {\r\n    const MAX_GAP= 5;\r\n    value = Math.round(value);\r\n    this._gap = Math.min(Math.max(value, 0), MAX_GAP);\r\n  }\r\n  private _gap:number = 0;\r\n\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  protected setDirection(value: LayoutDirection): void {\r\n    this._direction = value;\r\n  }\r\n\r\n  protected override generateId(): string {\r\n    return \"\";  /* no auto */\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive} from \"@angular/core\";\r\nimport {LayoutDirection} from \"@cute-widgets/base/core\";\r\nimport {CuteStack} from \"./stack.directive\";\r\n\r\n/**\r\n * Use for horizontal layouts. Stacked items are vertically centered by default and only take up their necessary width.\r\n */\r\n@Directive({\r\n  selector: 'cute-hstack',\r\n  exportAs: \"cuteStack\",\r\n  standalone: true,\r\n})\r\nexport class CuteHStack extends CuteStack {\r\n\r\n  constructor() {\r\n    super();\r\n    this._direction = \"row\";\r\n  }\r\n\r\n  protected override setDirection(value: LayoutDirection) {\r\n    // do nothing\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive} from \"@angular/core\";\r\nimport {CuteStack} from \"./stack.directive\";\r\nimport {LayoutDirection} from \"@cute-widgets/base/core\";\r\n\r\n/**\r\n * Use to create vertical layouts. Stacked items are full-width by default.\r\n */\r\n@Directive({\r\n  selector: 'cute-vstack',\r\n  exportAs: \"cuteStack\",\r\n  standalone: true,\r\n})\r\nexport class CuteVStack extends CuteStack {\r\n\r\n  constructor() {\r\n    super();\r\n    this._direction = \"column\";\r\n  }\r\n\r\n  protected override setDirection(value: LayoutDirection) {\r\n    // do nothing\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport {CuteStack} from \"./stack.directive\";\r\nimport {CuteVStack} from \"./vstack.directive\";\r\nimport {CuteHStack} from \"./hstack.directive\";\r\n\r\n@NgModule({\r\n    declarations: [],\r\n    imports: [\r\n        CommonModule,\r\n        CuteStack,\r\n        CuteVStack,\r\n        CuteHStack,\r\n    ],\r\n    exports: [\r\n        CuteStack,\r\n        CuteVStack,\r\n        CuteHStack,\r\n    ]\r\n})\r\nexport class CuteStackModule { }\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {booleanAttribute, ChangeDetectionStrategy, Component, Input} from \"@angular/core\";\r\nimport {CuteLayoutControl} from \"@cute-widgets/base/abstract\";\r\n\r\n/**\r\n * A responsive, fixed-width container, meaning its `max-width` changes when the `breakpoint` input parameter is specified.\r\n * After the breakpoint is reached, the content will scale up to the higher breakpoint(s).\r\n */\r\n@Component({\r\n  selector: 'cute-container',\r\n  exportAs: 'cuteContainer',\r\n  template: '<ng-content></ng-content>',\r\n  styles: [`\r\n    :host {\r\n      display: block;\r\n    }\r\n  `],\r\n  standalone: true,\r\n  host: {\r\n    'class': 'cute-container',\r\n    '[class]': '\"container\"+(fluid ? \"-fluid\" : (breakpoint ? \"-\"+breakpoint : \"\"))',\r\n    //'[style.display]': \"'block'\",\r\n    //'style': '--bs-gutter-x: 0; --bs-gutter-y: 0;',   // disable default gutter values for container's\r\n  },\r\n  //encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CuteContainer extends CuteLayoutControl {\r\n\r\n  /** A full width container, spanning the entire width of the viewport. */\r\n  @Input({transform: booleanAttribute}) fluid: boolean = false;\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  protected override generateId(): string {return \"\";}\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {ChangeDetectionStrategy, Component, ViewEncapsulation} from \"@angular/core\";\r\n\r\n@Component({\r\n  selector: 'cute-page-header',\r\n  template: '<ng-content></ng-content>',\r\n  styles: [`\r\n    .cute-page-header {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      z-index: 2;\r\n    }\r\n  `],\r\n  exportAs: 'cutePageHeader',\r\n  host: {\r\n    'class': 'cute-page-header'\r\n  },\r\n  standalone: true,\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CutePageHeader /* extends ... */ {\r\n\r\n  constructor() {\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {NgModule, Type} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {CuteContainer} from \"./container\";\r\nimport {CutePageHeader} from './page-header';\r\n\r\nconst TYPES: (any | Type<any>)[] = [\r\n  CuteContainer,\r\n  CutePageHeader\r\n];\r\n\r\n@NgModule({\r\n  imports: [CommonModule, ...TYPES],\r\n  exports: TYPES,\r\n  declarations: [],\r\n})\r\nexport class CuteContainerModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cute-widgets-base-layout.mjs","sources":["../../../../projects/cute-widgets/base/layout/stack/src/stack.directive.ts","../../../../projects/cute-widgets/base/layout/stack/src/hstack.directive.ts","../../../../projects/cute-widgets/base/layout/stack/src/vstack.directive.ts","../../../../projects/cute-widgets/base/layout/stack/src/stack.module.ts","../../../../projects/cute-widgets/base/layout/container/src/container.ts","../../../../projects/cute-widgets/base/layout/container/src/page-header.ts","../../../../projects/cute-widgets/base/layout/container/src/container.module.ts","../../../../projects/cute-widgets/base/layout/cute-widgets-base-layout.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive, Input, numberAttribute} from \"@angular/core\";\r\nimport {CuteLayoutControl} from \"@cute-widgets/base/abstract\";\r\nimport {LayoutDirection} from \"@cute-widgets/base/core\";\r\n\r\n/**\r\n * Stacks offer a shortcut for applying a number of flexbox properties to quickly and easily create flex layouts.\r\n */\r\n@Directive({\r\n  selector: 'cute-stack',\r\n  exportAs: 'cuteStack',\r\n  standalone: true,\r\n  host: {\r\n    '[class]': \"(direction=='column'?'v':'h')+'stack gap-'+gap\",\r\n    '[attr.gap]': 'null',\r\n  }\r\n})\r\nexport class CuteStack extends CuteLayoutControl {\r\n\r\n  /** Direction of the child components. */\r\n  @Input()\r\n  get direction(): LayoutDirection {return this._direction};\r\n  set direction(value: LayoutDirection) {\r\n    this.setDirection(value);\r\n  }\r\n  protected _direction: LayoutDirection = \"column\";\r\n\r\n  /** Spacing level (0..5) between the child components. */\r\n  @Input({transform: numberAttribute})\r\n  get gap(): number {return this._gap;}\r\n  set gap(value: number) {\r\n    const MAX_GAP= 5;\r\n    value = Math.round(value);\r\n    this._gap = Math.min(Math.max(value, 0), MAX_GAP);\r\n  }\r\n  private _gap:number = 0;\r\n\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  protected setDirection(value: LayoutDirection): void {\r\n    this._direction = value;\r\n  }\r\n\r\n  protected override generateId(): string {\r\n    return \"\";  /* no auto */\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive} from \"@angular/core\";\r\nimport {LayoutDirection} from \"@cute-widgets/base/core\";\r\nimport {CuteStack} from \"./stack.directive\";\r\n\r\n/**\r\n * Use for horizontal layouts. Stacked items are vertically centered by default and only take up their necessary width.\r\n */\r\n@Directive({\r\n  selector: 'cute-hstack',\r\n  exportAs: \"cuteStack\",\r\n  standalone: true,\r\n})\r\nexport class CuteHStack extends CuteStack {\r\n\r\n  constructor() {\r\n    super();\r\n    this._direction = \"row\";\r\n  }\r\n\r\n  protected override setDirection(value: LayoutDirection) {\r\n    // do nothing\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive} from \"@angular/core\";\r\nimport {CuteStack} from \"./stack.directive\";\r\nimport {LayoutDirection} from \"@cute-widgets/base/core\";\r\n\r\n/**\r\n * Use to create vertical layouts. Stacked items are full-width by default.\r\n */\r\n@Directive({\r\n  selector: 'cute-vstack',\r\n  exportAs: \"cuteStack\",\r\n  standalone: true,\r\n})\r\nexport class CuteVStack extends CuteStack {\r\n\r\n  constructor() {\r\n    super();\r\n    this._direction = \"column\";\r\n  }\r\n\r\n  protected override setDirection(value: LayoutDirection) {\r\n    // do nothing\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport {CuteStack} from \"./stack.directive\";\r\nimport {CuteVStack} from \"./vstack.directive\";\r\nimport {CuteHStack} from \"./hstack.directive\";\r\n\r\n@NgModule({\r\n    declarations: [],\r\n    imports: [\r\n        CommonModule,\r\n        CuteStack,\r\n        CuteVStack,\r\n        CuteHStack,\r\n    ],\r\n    exports: [\r\n        CuteStack,\r\n        CuteVStack,\r\n        CuteHStack,\r\n    ]\r\n})\r\nexport class CuteStackModule { }\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {booleanAttribute, ChangeDetectionStrategy, Component, Input} from \"@angular/core\";\r\nimport {CuteLayoutControl} from \"@cute-widgets/base/abstract\";\r\n\r\n/**\r\n * A responsive, fixed-width container, meaning its `max-width` changes when the `breakpoint` input parameter is specified.\r\n * After the breakpoint is reached, the content will scale up to the higher breakpoint(s).\r\n */\r\n@Component({\r\n  selector: 'cute-container',\r\n  exportAs: 'cuteContainer',\r\n  template: '<ng-content></ng-content>',\r\n  styles: [`\r\n    :host {\r\n      display: block;\r\n    }\r\n  `],\r\n  standalone: true,\r\n  host: {\r\n    'class': 'cute-container',\r\n    '[class]': '\"container\"+(fluid ? \"-fluid\" : (breakpoint ? \"-\"+breakpoint : \"\"))',\r\n    //'[style.display]': \"'block'\",\r\n    //'style': '--bs-gutter-x: 0; --bs-gutter-y: 0;',   // disable default gutter values for container's\r\n  },\r\n  //encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CuteContainer extends CuteLayoutControl {\r\n\r\n  /** A full width container, spanning the entire width of the viewport. */\r\n  @Input({transform: booleanAttribute}) fluid: boolean = false;\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n  protected override generateId(): string {return \"\";}\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {ChangeDetectionStrategy, Component, ViewEncapsulation} from \"@angular/core\";\r\n\r\n@Component({\r\n  selector: 'cute-page-header',\r\n  template: '<ng-content></ng-content>',\r\n  styles: [`\r\n    .cute-page-header {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      z-index: 2;\r\n    }\r\n  `],\r\n  exportAs: 'cutePageHeader',\r\n  host: {\r\n    'class': 'cute-page-header'\r\n  },\r\n  standalone: true,\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CutePageHeader /* extends ... */ {\r\n\r\n  constructor() {\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {NgModule, Type} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {CuteContainer} from \"./container\";\r\nimport {CutePageHeader} from './page-header';\r\n\r\nconst TYPES: (any | Type<any>)[] = [\r\n  CuteContainer,\r\n  CutePageHeader\r\n];\r\n\r\n@NgModule({\r\n  imports: [CommonModule, ...TYPES],\r\n  exports: TYPES,\r\n  declarations: [],\r\n})\r\nexport class CuteContainerModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -68,10 +68,10 @@ class CuteListBase extends CuteFocusableControl {
     generateId() {
         return `cute-list-${++nextId}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteListBase, isStandalone: true, inputs: { flushBorders: "flushBorders", numbered: "numbered", horizontal: "horizontal", horizontalBreakpoint: "horizontalBreakpoint" }, host: { attributes: { "tabindex": "-1" }, properties: { "class.list-group-flush": "!!flushBorders", "class.list-group-numbered": "numbered", "class.cute-list-interactive": "!_isNonInteractive", "attr.aria-disabled": "disabled", "class": "this.getClassList" }, classAttribute: "cute-list-base list-group" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteListBase, isStandalone: true, inputs: { flushBorders: "flushBorders", numbered: "numbered", horizontal: "horizontal", horizontalBreakpoint: "horizontalBreakpoint" }, host: { attributes: { "tabindex": "-1" }, properties: { "class.list-group-flush": "!!flushBorders", "class.list-group-numbered": "numbered", "class.cute-list-interactive": "!_isNonInteractive", "attr.aria-disabled": "disabled", "class": "this.getClassList" }, classAttribute: "cute-list-base list-group" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListBase, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -117,10 +117,10 @@ class CuteActionList extends CuteListBase {
         // accessibility treatment depends on how the end-user will interact with it.
         this._isNonInteractive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteActionList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteActionList, isStandalone: true, selector: "cute-action-list", host: { attributes: { "role": "group" }, classAttribute: "cute-action-list" }, providers: [{ provide: CuteListBase, useExisting: CuteActionList }], exportAs: ["cuteActionList"], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".cute-list-base{overflow-y:auto;width:100%}.cute-list-base .cute-list-item-title,.cute-list-base .cute-list-item-line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-list-base .cute-list-group__subheader{padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x)}.cute-list-base.list-group-numbered>.list-group-item:before{width:1em}.cute-list-base.list-group-flush[flushborders=full]{border:none;border-radius:var(--bs-border-radius)}.cute-list-base.list-group-flush[flushborders=full].cute-thematic-widget .list-group-item{background-color:initial!important}.cute-list-base.list-group-flush[flushborders=full] .list-group-item{border:none;border-radius:var(--bs-border-radius)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:not(.active):hover{background-color:var(--bs-secondary-bg)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:active:hover{background-color:var(--bs-secondary-bg-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteActionList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteActionList, isStandalone: true, selector: "cute-action-list", host: { attributes: { "role": "group" }, classAttribute: "cute-action-list" }, providers: [{ provide: CuteListBase, useExisting: CuteActionList }], exportAs: ["cuteActionList"], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".cute-list-base{overflow-y:auto;width:100%}.cute-list-base .cute-list-item-title,.cute-list-base .cute-list-item-line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-list-base .cute-list-group__subheader{padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x)}.cute-list-base.list-group-numbered>.list-group-item:before{width:1em}.cute-list-base.list-group-flush[flushborders=full]{border:none;border-radius:var(--bs-border-radius)}.cute-list-base.list-group-flush[flushborders=full].cute-thematic-widget .list-group-item{background-color:initial!important}.cute-list-base.list-group-flush[flushborders=full] .list-group-item{border:none;border-radius:var(--bs-border-radius)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:not(.active):hover{background-color:var(--bs-secondary-bg)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:active:hover{background-color:var(--bs-secondary-bg-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteActionList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteActionList, decorators: [{
             type: Component,
             args: [{ selector: 'cute-action-list', exportAs: 'cuteActionList', template: '<ng-content></ng-content>', host: {
                         'class': 'cute-action-list',
@@ -152,10 +152,10 @@ class CuteList extends CuteListBase {
     constructor() {
         super();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteList, isStandalone: true, selector: "cute-list", host: { classAttribute: "cute-list" }, providers: [{ provide: CuteListBase, useExisting: CuteList }], exportAs: ["cuteList"], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".cute-list-base{overflow-y:auto;width:100%}.cute-list-base .cute-list-item-title,.cute-list-base .cute-list-item-line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-list-base .cute-list-group__subheader{padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x)}.cute-list-base.list-group-numbered>.list-group-item:before{width:1em}.cute-list-base.list-group-flush[flushborders=full]{border:none;border-radius:var(--bs-border-radius)}.cute-list-base.list-group-flush[flushborders=full].cute-thematic-widget .list-group-item{background-color:initial!important}.cute-list-base.list-group-flush[flushborders=full] .list-group-item{border:none;border-radius:var(--bs-border-radius)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:not(.active):hover{background-color:var(--bs-secondary-bg)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:active:hover{background-color:var(--bs-secondary-bg-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteList, isStandalone: true, selector: "cute-list", host: { classAttribute: "cute-list" }, providers: [{ provide: CuteListBase, useExisting: CuteList }], exportAs: ["cuteList"], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".cute-list-base{overflow-y:auto;width:100%}.cute-list-base .cute-list-item-title,.cute-list-base .cute-list-item-line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-list-base .cute-list-group__subheader{padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x)}.cute-list-base.list-group-numbered>.list-group-item:before{width:1em}.cute-list-base.list-group-flush[flushborders=full]{border:none;border-radius:var(--bs-border-radius)}.cute-list-base.list-group-flush[flushborders=full].cute-thematic-widget .list-group-item{background-color:initial!important}.cute-list-base.list-group-flush[flushborders=full] .list-group-item{border:none;border-radius:var(--bs-border-radius)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:not(.active):hover{background-color:var(--bs-secondary-bg)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:active:hover{background-color:var(--bs-secondary-bg-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteList, decorators: [{
             type: Component,
             args: [{ selector: 'cute-list', exportAs: 'cuteList', template: '<ng-content></ng-content>', host: {
                         'class': 'cute-list',
@@ -202,10 +202,10 @@ class CuteListItemTitle {
     constructor(_elementRef) {
         this._elementRef = _elementRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemTitle, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteListItemTitle, isStandalone: true, selector: "[cuteListItemTitle]", host: { classAttribute: "cute-list-item-title" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemTitle, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteListItemTitle, isStandalone: true, selector: "[cuteListItemTitle]", host: { classAttribute: "cute-list-item-title" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteListItemTitle]',
@@ -223,10 +223,10 @@ class CuteListItemLine {
     constructor(_elementRef) {
         this._elementRef = _elementRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemLine, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteListItemLine, isStandalone: true, selector: "[cuteListItemLine]", host: { classAttribute: "cute-list-item-line" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemLine, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteListItemLine, isStandalone: true, selector: "[cuteListItemLine]", host: { classAttribute: "cute-list-item-line" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemLine, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemLine, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteListItemLine]',
@@ -241,10 +241,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * button or additional text content.
  */
 class CuteListItemMeta {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemMeta, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteListItemMeta, isStandalone: true, selector: "[cuteListItemMeta]", host: { classAttribute: "cute-list-item-meta" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemMeta, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteListItemMeta, isStandalone: true, selector: "[cuteListItemMeta]", host: { classAttribute: "cute-list-item-meta" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemMeta, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemMeta, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteListItemMeta]',
@@ -267,10 +267,10 @@ class _CuteListItemGraphicBase {
         // the graphic is only aligned at the start if the checkbox/radio is at the end.
         return !this._listOption || this._listOption?._getTogglePosition() === 'after';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: _CuteListItemGraphicBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: _CuteListItemGraphicBase, isStandalone: true, host: { properties: { "class.cute-list-item__start": "_isAlignedAtStart()", "class.cute-list-item__end": "!_isAlignedAtStart()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: _CuteListItemGraphicBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: _CuteListItemGraphicBase, isStandalone: true, host: { properties: { "class.cute-list-item__start": "_isAlignedAtStart()", "class.cute-list-item__end": "!_isAlignedAtStart()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: _CuteListItemGraphicBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: _CuteListItemGraphicBase, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -285,10 +285,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * List items can reserve space at the beginning of an item to display an avatar.
  */
 class CuteListItemAvatar extends _CuteListItemGraphicBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemAvatar, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteListItemAvatar, isStandalone: true, selector: "[cuteListItemAvatar]", host: { classAttribute: "cute-list-item-avatar" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemAvatar, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteListItemAvatar, isStandalone: true, selector: "[cuteListItemAvatar]", host: { classAttribute: "cute-list-item-avatar" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemAvatar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemAvatar, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteListItemAvatar]',
@@ -302,10 +302,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * List items can reserve space at the beginning of an item to display an icon.
  */
 class CuteListItemIcon extends _CuteListItemGraphicBase {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemIcon, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteListItemIcon, isStandalone: true, selector: "[cuteListItemIcon]", host: { classAttribute: "cute-list-item-icon" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemIcon, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteListItemIcon, isStandalone: true, selector: "[cuteListItemIcon]", host: { classAttribute: "cute-list-item-icon" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteListItemIcon]',
@@ -341,13 +341,13 @@ class CuteNavList extends CuteListBase {
         // accessibility treatment depends on how the end-user will interact with it.
         this._isNonInteractive = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteNavList, isStandalone: true, selector: "cute-nav-list", host: { attributes: { "role": "navigation" }, classAttribute: "cute-nav-list nav" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteNavList, isStandalone: true, selector: "cute-nav-list", host: { attributes: { "role": "navigation" }, classAttribute: "cute-nav-list nav" }, providers: [
             { provide: CuteListBase, useExisting: CuteNavList },
             { provide: CUTE_NAV_LIST, useExisting: CuteNavList },
         ], exportAs: ["cuteNavList"], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".cute-list-base{overflow-y:auto;width:100%}.cute-list-base .cute-list-item-title,.cute-list-base .cute-list-item-line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-list-base .cute-list-group__subheader{padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x)}.cute-list-base.list-group-numbered>.list-group-item:before{width:1em}.cute-list-base.list-group-flush[flushborders=full]{border:none;border-radius:var(--bs-border-radius)}.cute-list-base.list-group-flush[flushborders=full].cute-thematic-widget .list-group-item{background-color:initial!important}.cute-list-base.list-group-flush[flushborders=full] .list-group-item{border:none;border-radius:var(--bs-border-radius)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:not(.active):hover{background-color:var(--bs-secondary-bg)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:active:hover{background-color:var(--bs-secondary-bg-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavList, decorators: [{
             type: Component,
             args: [{ selector: 'cute-nav-list', exportAs: 'cuteNavList', template: '<ng-content></ng-content>', host: {
                         'class': 'cute-nav-list nav',
@@ -533,10 +533,10 @@ class CuteListItemBase extends CuteFocusableControl {
         super.ngOnDestroy();
         this._subscriptions.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteListItemBase, isStandalone: true, inputs: { lines: "lines" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "color ? \"list-group-item-\"+ toThemeColor(color) : \"\"", "class.list-group-item-action": "_isInteractiveItem", "class.disabled": "disabled", "attr.aria-disabled": "disabled", "attr.disabled": "(_isButtonElement && disabled) || null" }, classAttribute: "cute-list-item-base list-group-item" }, queries: [{ propertyName: "_avatars", predicate: CuteListItemAvatar }, { propertyName: "_icons", predicate: CuteListItemIcon }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteListItemBase, isStandalone: true, inputs: { lines: "lines" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "color ? \"list-group-item-\"+ toThemeColor(color) : \"\"", "class.list-group-item-action": "_isInteractiveItem", "class.disabled": "disabled", "attr.aria-disabled": "disabled", "attr.disabled": "(_isButtonElement && disabled) || null" }, classAttribute: "cute-list-item-base list-group-item" }, queries: [{ propertyName: "_avatars", predicate: CuteListItemAvatar }, { propertyName: "_icons", predicate: CuteListItemIcon }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItemBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItemBase, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -615,16 +615,16 @@ class CuteListItem extends CuteListItemBase {
     _getAriaCurrent() {
         return this._hostElement.nodeName === 'A' && this._activated ? 'page' : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItem, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteListItem, isStandalone: true, selector: "cute-list-item, a[cute-list-item], button[cute-list-item]", inputs: { activated: "activated" }, host: { properties: { "class.active": "activated", "attr.aria-current": "_getAriaCurrent()" }, classAttribute: "cute-list-item" }, queries: [{ propertyName: "_lines", predicate: CuteListItemLine, descendants: true }, { propertyName: "_titles", predicate: CuteListItemTitle, descendants: true }, { propertyName: "_meta", predicate: CuteListItemMeta, descendants: true }], viewQueries: [{ propertyName: "_unscopedContent", first: true, predicate: ["unscopedContent"], descendants: true }, { propertyName: "_itemText", first: true, predicate: ["text"], descendants: true }], exportAs: ["cuteListItem"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[cuteListItemAvatar],[cuteListItemIcon]\"></ng-content>\r\n\r\n<div class=\"cute-list-item-content\">\r\n  <ng-content select=\"[cuteListItemTitle]\"></ng-content>\r\n  <ng-content select=\"[cuteListItemLine]\"></ng-content>\r\n  <span #unscopedContent class=\"cute-list-item-content-unscoped\"\r\n      (cdkObserveContent)=\"_updateItemLines(true)\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</div>\r\n\r\n<ng-content select=\"[cuteListItemMeta]\"></ng-content>\r\n\r\n<ng-content select=\"cute-divider\"></ng-content>\r\n\r\n<!--\r\n  Strong focus indicator element. MDC uses the `::before` pseudo element for the default\r\n  focus/hover/selected state, so we need a separate element.\r\n-->\r\n<!--<div class=\"cute-focus-indicator\"></div>-->\r\n", styles: [".cute-list-item{display:flex;position:relative;justify-content:flex-start;align-items:stretch;pointer-events:auto;cursor:default;width:100%;gap:.5em}.cute-list-item:focus{outline:0}.cute-list-item .cute-list-item-content{width:100%;overflow-x:hidden}.cute-list-item .cute-list-item-content .cute-list-item--with-two-lines{height:var(--cute-list-item-with-two-lines, 64px)}.cute-list-item .cute-list-item-content .cute-list-item-title,.cute-list-item .cute-list-item-content cute-list-item__primary-text{font-weight:600}.cute-list-item .cute-list-item-content .cute-list-item-line,.cute-list-item .cute-list-item-content .cute-list-item__secondary-text{font-size:.875em;font-weight:400;line-height:1.25rem}.cute-list-item .cute-list-item-content .cute-list-item-line .cute-list-item:not(:hover),.cute-list-item .cute-list-item-content .cute-list-item__secondary-text .cute-list-item:not(:hover){color:var(--bs-secondary-color)}.cute-list-item .cute-list-item-content .cute-list-item.cute-list-item--with-three-lines .cute-list-item-line.cute-list-item__secondary-text{white-space:nowrap;line-height:normal}.cute-list-item .cute-list-item-content .cute-list-item.cute-list-item--with-three-lines .cute-list-item-unscoped-content.cute-list-item__secondary-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cute-list-item .cute-list-item-icon{margin-top:.25em}.cute-list-item.cute-list-item-interactive{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItem, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteListItem, isStandalone: true, selector: "cute-list-item, a[cute-list-item], button[cute-list-item]", inputs: { activated: "activated" }, host: { properties: { "class.active": "activated", "attr.aria-current": "_getAriaCurrent()" }, classAttribute: "cute-list-item" }, queries: [{ propertyName: "_lines", predicate: CuteListItemLine, descendants: true }, { propertyName: "_titles", predicate: CuteListItemTitle, descendants: true }, { propertyName: "_meta", predicate: CuteListItemMeta, descendants: true }], viewQueries: [{ propertyName: "_unscopedContent", first: true, predicate: ["unscopedContent"], descendants: true }, { propertyName: "_itemText", first: true, predicate: ["text"], descendants: true }], exportAs: ["cuteListItem"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[cuteListItemAvatar],[cuteListItemIcon]\"></ng-content>\r\n\r\n<div class=\"cute-list-item-content\">\r\n  <ng-content select=\"[cuteListItemTitle]\"></ng-content>\r\n  <ng-content select=\"[cuteListItemLine]\"></ng-content>\r\n  <span #unscopedContent class=\"cute-list-item-content-unscoped\"\r\n      (cdkObserveContent)=\"_updateItemLines(true)\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</div>\r\n\r\n<ng-content select=\"[cuteListItemMeta]\"></ng-content>\r\n\r\n<ng-content select=\"cute-divider\"></ng-content>\r\n\r\n<!--\r\n  Strong focus indicator element. MDC uses the `::before` pseudo element for the default\r\n  focus/hover/selected state, so we need a separate element.\r\n-->\r\n<!--<div class=\"cute-focus-indicator\"></div>-->\r\n", styles: [".cute-list-item{display:flex;position:relative;justify-content:flex-start;align-items:stretch;pointer-events:auto;cursor:default;width:100%;gap:.5em}.cute-list-item:focus{outline:0}.cute-list-item .cute-list-item-content{width:100%;overflow-x:hidden}.cute-list-item .cute-list-item-content .cute-list-item--with-two-lines{height:var(--cute-list-item-with-two-lines, 64px)}.cute-list-item .cute-list-item-content .cute-list-item-title,.cute-list-item .cute-list-item-content cute-list-item__primary-text{font-weight:600}.cute-list-item .cute-list-item-content .cute-list-item-line .cute-list-item:not(:hover),.cute-list-item .cute-list-item-content .cute-list-item__secondary-text .cute-list-item:not(:hover){color:var(--bs-secondary-color)}.cute-list-item .cute-list-item-content .cute-list-item-line,.cute-list-item .cute-list-item-content .cute-list-item__secondary-text{font-size:.875em;font-weight:400;line-height:1.25rem}.cute-list-item .cute-list-item-content .cute-list-item.cute-list-item--with-three-lines .cute-list-item-line.cute-list-item__secondary-text{white-space:nowrap;line-height:normal}.cute-list-item .cute-list-item-content .cute-list-item.cute-list-item--with-three-lines .cute-list-item-unscoped-content.cute-list-item__secondary-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cute-list-item .cute-list-item-icon{margin-top:.25em}.cute-list-item.cute-list-item-interactive{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListItem, decorators: [{
             type: Component,
             args: [{ selector: `cute-list-item, a[cute-list-item], button[cute-list-item]`, exportAs: 'cuteListItem', host: {
                         'class': 'cute-list-item',
                         '[class.active]': 'activated',
                         '[attr.aria-current]': '_getAriaCurrent()',
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkObserveContent], template: "<ng-content select=\"[cuteListItemAvatar],[cuteListItemIcon]\"></ng-content>\r\n\r\n<div class=\"cute-list-item-content\">\r\n  <ng-content select=\"[cuteListItemTitle]\"></ng-content>\r\n  <ng-content select=\"[cuteListItemLine]\"></ng-content>\r\n  <span #unscopedContent class=\"cute-list-item-content-unscoped\"\r\n      (cdkObserveContent)=\"_updateItemLines(true)\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</div>\r\n\r\n<ng-content select=\"[cuteListItemMeta]\"></ng-content>\r\n\r\n<ng-content select=\"cute-divider\"></ng-content>\r\n\r\n<!--\r\n  Strong focus indicator element. MDC uses the `::before` pseudo element for the default\r\n  focus/hover/selected state, so we need a separate element.\r\n-->\r\n<!--<div class=\"cute-focus-indicator\"></div>-->\r\n", styles: [".cute-list-item{display:flex;position:relative;justify-content:flex-start;align-items:stretch;pointer-events:auto;cursor:default;width:100%;gap:.5em}.cute-list-item:focus{outline:0}.cute-list-item .cute-list-item-content{width:100%;overflow-x:hidden}.cute-list-item .cute-list-item-content .cute-list-item--with-two-lines{height:var(--cute-list-item-with-two-lines, 64px)}.cute-list-item .cute-list-item-content .cute-list-item-title,.cute-list-item .cute-list-item-content cute-list-item__primary-text{font-weight:600}.cute-list-item .cute-list-item-content .cute-list-item-line,.cute-list-item .cute-list-item-content .cute-list-item__secondary-text{font-size:.875em;font-weight:400;line-height:1.25rem}.cute-list-item .cute-list-item-content .cute-list-item-line .cute-list-item:not(:hover),.cute-list-item .cute-list-item-content .cute-list-item__secondary-text .cute-list-item:not(:hover){color:var(--bs-secondary-color)}.cute-list-item .cute-list-item-content .cute-list-item.cute-list-item--with-three-lines .cute-list-item-line.cute-list-item__secondary-text{white-space:nowrap;line-height:normal}.cute-list-item .cute-list-item-content .cute-list-item.cute-list-item--with-three-lines .cute-list-item-unscoped-content.cute-list-item__secondary-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cute-list-item .cute-list-item-icon{margin-top:.25em}.cute-list-item.cute-list-item-interactive{cursor:pointer}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkObserveContent], template: "<ng-content select=\"[cuteListItemAvatar],[cuteListItemIcon]\"></ng-content>\r\n\r\n<div class=\"cute-list-item-content\">\r\n  <ng-content select=\"[cuteListItemTitle]\"></ng-content>\r\n  <ng-content select=\"[cuteListItemLine]\"></ng-content>\r\n  <span #unscopedContent class=\"cute-list-item-content-unscoped\"\r\n      (cdkObserveContent)=\"_updateItemLines(true)\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</div>\r\n\r\n<ng-content select=\"[cuteListItemMeta]\"></ng-content>\r\n\r\n<ng-content select=\"cute-divider\"></ng-content>\r\n\r\n<!--\r\n  Strong focus indicator element. MDC uses the `::before` pseudo element for the default\r\n  focus/hover/selected state, so we need a separate element.\r\n-->\r\n<!--<div class=\"cute-focus-indicator\"></div>-->\r\n", styles: [".cute-list-item{display:flex;position:relative;justify-content:flex-start;align-items:stretch;pointer-events:auto;cursor:default;width:100%;gap:.5em}.cute-list-item:focus{outline:0}.cute-list-item .cute-list-item-content{width:100%;overflow-x:hidden}.cute-list-item .cute-list-item-content .cute-list-item--with-two-lines{height:var(--cute-list-item-with-two-lines, 64px)}.cute-list-item .cute-list-item-content .cute-list-item-title,.cute-list-item .cute-list-item-content cute-list-item__primary-text{font-weight:600}.cute-list-item .cute-list-item-content .cute-list-item-line .cute-list-item:not(:hover),.cute-list-item .cute-list-item-content .cute-list-item__secondary-text .cute-list-item:not(:hover){color:var(--bs-secondary-color)}.cute-list-item .cute-list-item-content .cute-list-item-line,.cute-list-item .cute-list-item-content .cute-list-item__secondary-text{font-size:.875em;font-weight:400;line-height:1.25rem}.cute-list-item .cute-list-item-content .cute-list-item.cute-list-item--with-three-lines .cute-list-item-line.cute-list-item__secondary-text{white-space:nowrap;line-height:normal}.cute-list-item .cute-list-item-content .cute-list-item.cute-list-item--with-three-lines .cute-list-item-unscoped-content.cute-list-item__secondary-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cute-list-item .cute-list-item-icon{margin-top:.25em}.cute-list-item.cute-list-item-interactive{cursor:pointer}\n"] }]
         }], propDecorators: { _lines: [{
                 type: ContentChildren,
                 args: [CuteListItemLine, { descendants: true }]
@@ -815,13 +815,13 @@ class CuteListOption extends CuteListItemBase {
     _setTabindex(value) {
         this.setAttribute('tabindex', value + '');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListOption, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuteListOption, isStandalone: true, selector: "cute-list-option", inputs: { togglePosition: "togglePosition", value: "value", selected: "selected", iconSize: "iconSize" }, outputs: { selectedChange: "selectedChange" }, host: { attributes: { "role": "option" }, listeners: { "blur": "_handleBlur()", "click": "_toggleOnInteraction()" }, properties: { "class.cute-list-option-separated": "hideIndicator", "class.cute-list-item--selected": "hiddenIndicatorSelected", "class.active": "hiddenIndicatorSelected", "attr.aria-selected": "selected" }, classAttribute: "cute-list-option" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListOption, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteListOption, isStandalone: true, selector: "cute-list-option", inputs: { togglePosition: "togglePosition", value: "value", selected: "selected", iconSize: "iconSize" }, outputs: { selectedChange: "selectedChange" }, host: { attributes: { "role": "option" }, listeners: { "blur": "_handleBlur()", "click": "_toggleOnInteraction()" }, properties: { "class.cute-list-option-separated": "hideIndicator", "class.cute-list-item--selected": "hiddenIndicatorSelected", "class.active": "hiddenIndicatorSelected", "attr.aria-selected": "selected" }, classAttribute: "cute-list-option" }, providers: [
             { provide: CuteListItemBase, useExisting: CuteListOption },
             { provide: LIST_OPTION, useExisting: CuteListOption },
         ], queries: [{ propertyName: "_lines", predicate: CuteListItemLine, descendants: true }, { propertyName: "_titles", predicate: CuteListItemTitle, descendants: true }], viewQueries: [{ propertyName: "_unscopedContent", first: true, predicate: ["unscopedContent"], descendants: true }], exportAs: ["cuteListOption"], usesInheritance: true, ngImport: i0, template: "<ng-template #icons>\r\n  <ng-content select=\"[cuteListItemAvatar],[cuteListItemIcon]\"></ng-content>\r\n</ng-template>\r\n<ng-template #checkbox>\r\n  <cute-checkbox tabIndex=\"-1\" [checked]=\"selected\" [disabled]=\"disabled\" [iconSize]=\"iconSize\" class=\"pe-none\"></cute-checkbox>\r\n</ng-template>\r\n<ng-template #radio>\r\n  <cute-radio-button tabIndex=\"-1\" [checked]=\"selected\" [disabled]=\"disabled\" [iconSize]=\"iconSize\" class=\"pe-none\"></cute-radio-button>\r\n</ng-template>\r\n\r\n@if (_hasCheckboxAt('before')) {\r\n  <!-- Container for the checkbox at start. -->\r\n  <span class=\"cute-list-option-checkbox-before\">\r\n    <ng-template [ngTemplateOutlet]=\"checkbox\"></ng-template>\r\n  </span>\r\n} @else if (_hasRadioAt('before')) {\r\n  <!-- Container for the radio at the start. -->\r\n  <span class=\"cute-list-option-radio cute-list-option-radio-before\">\r\n    <ng-template [ngTemplateOutlet]=\"radio\"></ng-template>\r\n  </span>\r\n}\r\n<!-- Conditionally renders icons/avatars before the list item text. -->\r\n@if (_hasIconsOrAvatarsAt('before')) {\r\n  <ng-template [ngTemplateOutlet]=\"icons\"></ng-template>\r\n}\r\n\r\n<!-- Text -->\r\n<span class=\"cute-list-item-content\">\r\n  <ng-content select=\"[cuteListItemTitle]\"></ng-content>\r\n  <ng-content select=\"[cuteListItemLine]\"></ng-content>\r\n  <span #unscopedContent class=\"cute-list-item-content-unscoped\"\r\n        (cdkObserveContent)=\"_updateItemLines(true)\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</span>\r\n\r\n@if (_hasCheckboxAt('after')) {\r\n  <!-- Container for the checkbox at the end. -->\r\n  <span class=\"cute-list-item__end\">\r\n    <ng-template [ngTemplateOutlet]=\"checkbox\"></ng-template>\r\n  </span>\r\n} @else if (_hasRadioAt('after')) {\r\n  <!-- Container for the radio at the end. -->\r\n  <span class=\"cute-list-option-radio cute-list-item__end\">\r\n    <ng-template [ngTemplateOutlet]=\"radio\"></ng-template>\r\n  </span>\r\n}\r\n\r\n<!-- Conditionally renders icons/avatars after the list item text. -->\r\n@if (_hasIconsOrAvatarsAt('after')) {\r\n  <ng-template [ngTemplateOutlet]=\"icons\"></ng-template>\r\n}\r\n\r\n<!-- Divider -->\r\n<ng-content select=\"cute-divider\"></ng-content>\r\n\r\n<!--\r\n  Strong focus indicator element. MDC uses the `::before` pseudo element for the default\r\n  focus/hover/selected state, so we need a separate element.\r\n-->\r\n<!--<div class=\"cute-focus-indicator\"></div>-->\r\n", styles: [".cute-list-option{display:flex;cursor:pointer}.cute-list-option.disabled .cute-list-item-content{opacity:.5}.cute-list-option.cute-list-option-separated{border-top-width:var(--bs-list-group-border-width);border-radius:var(--bs-border-radius-lg);padding-top:1rem;padding-bottom:1rem}.cute-list-option.cute-list-option-separated[aria-selected=true]{--cute-width: calc(var(--bs-list-group-border-width) * 2)}.cute-list-option.cute-list-option-separated[aria-selected=true]:not(.active){border-color:var(--bs-primary);border-width:var(--cute-width)}.cute-list-option.cute-list-option-separated[aria-selected=true]:focus{border-color:var(--bs-primary)}.cute-list-option.cute-list-item--selected>.cute-list-option-radio{position:absolute;clip:rect(0,0,0,0)}.cute-list-option .cute-list-item-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-list-option .cute-list-item-title{font-weight:600}.cute-list-option .cute-list-item-line{color:var(--bs-secondary-color);font-size:.875em;font-weight:400;line-height:1.25rem}.cute-list-option .cute-list-item__end .form-check{display:flex;justify-content:flex-end}.cute-list-option .cute-list-item__end .form-check .form-check-input.icon-large{margin-right:auto}[dir=rtl] .cute-list-option .form-check{display:flex;justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "component", type: CuteCheckbox, selector: "cute-checkbox, cute-slide-toggle:not([cuteToggleSwitch])", inputs: ["aria-expanded", "aria-controls", "aria-owns", "value", "valueOn", "valueOff", "inline", "checked", "indeterminate", "labelPosition", "disabledInteractive", "iconSize"], outputs: ["change", "indeterminateChange"], exportAs: ["cuteCheckbox"] }, { kind: "component", type: CuteRadioButton, selector: "cute-radio-button", inputs: ["checked", "inline", "labelPosition", "value", "disabledInteractive", "iconSize"], outputs: ["change"], exportAs: ["cuteRadioButton"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListOption, decorators: [{
             type: Component,
             args: [{ selector: 'cute-list-option', exportAs: 'cuteListOption', host: {
                         'class': 'cute-list-option', // list-group-item-action',
@@ -914,10 +914,10 @@ class CuteListBoxOption extends CuteListItem {
     toggle() {
         this.cdkOption.toggle();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListBoxOption, deps: [{ token: CuteListBox }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteListBoxOption, isStandalone: true, selector: "cute-listbox-option, a[cute-listbox-option], button[cute-listbox-option]", inputs: { value: "value" }, host: { properties: { "class.active": "selected", "class.disabled": "disabled", "attr.aria-disabled": "disabled", "attr.aria-selected": "selected", "attr.aria-current": "_getAriaCurrent()", "attr.role": "role", "attr.tabindex": "-1" }, classAttribute: "cute-listbox-option" }, exportAs: ["cuteListboxOption"], usesInheritance: true, hostDirectives: [{ directive: i2.CdkOption, inputs: ["cdkOption", "value", "cdkOptionTypeaheadLabel", "typeaheadLabel", "cdkOptionDisabled", "disabled", "tabindex", "tabindex", "id", "id"] }], ngImport: i0, template: "<ng-content select=\"[cuteListItemAvatar],[cuteListItemIcon]\"></ng-content>\r\n\r\n<span class=\"cute-list-item-content\">\r\n        <ng-content select=\"[cuteListItemTitle]\"></ng-content>\r\n        <ng-content select=\"[cuteListItemLine]\"></ng-content>\r\n        <span #unscopedContent class=\"cute-list-item-content-unscoped\"\r\n              (cdkObserveContent)=\"_updateItemLines(true)\">\r\n          <ng-content></ng-content>\r\n        </span>\r\n      </span>\r\n\r\n<ng-content select=\"[cuteListItemMeta]\"></ng-content>\r\n\r\n<ng-content select=\"cute-divider\"></ng-content>\r\n\r\n<!--\r\n  Strong focus indicator element. MDC uses the `::before` pseudo element for the default\r\n  focus/hover/selected state, so we need a separate element.\r\n-->\r\n<!--<div class=\"cute-focus-indicator\"></div>-->\r\n", dependencies: [{ kind: "ngmodule", type: CdkListboxModule }, { kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListBoxOption, deps: [{ token: CuteListBox }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteListBoxOption, isStandalone: true, selector: "cute-listbox-option, a[cute-listbox-option], button[cute-listbox-option]", inputs: { value: "value" }, host: { properties: { "class.active": "selected", "class.disabled": "disabled", "attr.aria-disabled": "disabled", "attr.aria-selected": "selected", "attr.aria-current": "_getAriaCurrent()", "attr.role": "role", "attr.tabindex": "-1" }, classAttribute: "cute-listbox-option" }, exportAs: ["cuteListboxOption"], usesInheritance: true, hostDirectives: [{ directive: i2.CdkOption, inputs: ["cdkOption", "value", "cdkOptionTypeaheadLabel", "typeaheadLabel", "cdkOptionDisabled", "disabled", "tabindex", "tabindex", "id", "id"] }], ngImport: i0, template: "<ng-content select=\"[cuteListItemAvatar],[cuteListItemIcon]\"></ng-content>\r\n\r\n<span class=\"cute-list-item-content\">\r\n        <ng-content select=\"[cuteListItemTitle]\"></ng-content>\r\n        <ng-content select=\"[cuteListItemLine]\"></ng-content>\r\n        <span #unscopedContent class=\"cute-list-item-content-unscoped\"\r\n              (cdkObserveContent)=\"_updateItemLines(true)\">\r\n          <ng-content></ng-content>\r\n        </span>\r\n      </span>\r\n\r\n<ng-content select=\"[cuteListItemMeta]\"></ng-content>\r\n\r\n<ng-content select=\"cute-divider\"></ng-content>\r\n\r\n<!--\r\n  Strong focus indicator element. MDC uses the `::before` pseudo element for the default\r\n  focus/hover/selected state, so we need a separate element.\r\n-->\r\n<!--<div class=\"cute-focus-indicator\"></div>-->\r\n", dependencies: [{ kind: "ngmodule", type: CdkListboxModule }, { kind: "directive", type: CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListBoxOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListBoxOption, decorators: [{
             type: Component,
             args: [{ selector: 'cute-listbox-option, a[cute-listbox-option], button[cute-listbox-option]', exportAs: 'cuteListboxOption', host: {
                         'class': 'cute-listbox-option',
@@ -1052,10 +1052,10 @@ class CuteListBox extends CuteListBase {
         super.ngOnDestroy();
         this._keyManager?.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListBox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteListBox, isStandalone: true, selector: "cute-listbox", host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "attr.aria-multiselectable": "cdkListbox.multiple", "attr.aria-orientation": "cdkListbox.orientation", "attr.role": "role" } }, providers: [{ provide: CuteListBase, useExisting: CuteListBox }], queries: [{ propertyName: "_options", predicate: CuteListBoxOption, descendants: true }], exportAs: ["cuteListBox"], usesInheritance: true, hostDirectives: [{ directive: i2.CdkListbox, inputs: ["id", "id", "tabindex", "tabindex", "cdkListboxMultiple", "multiple", "cdkListboxValue", "value", "cdkListboxDisabled", "disabled", "cdkListboxUseActiveDescendant", "useActiveDescendant", "cdkListboxOrientation", "orientation", "cdkListboxNavigationWrapDisabled", "navigationWrapDisabled", "cdkListboxCompareWith", "compareWith", "cdkListboxNavigatesDisabledOptions", "navigatesDisabledOptions"], outputs: ["cdkListboxValueChange", "valueChange"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".cute-list-base{overflow-y:auto;width:100%}.cute-list-base .cute-list-item-title,.cute-list-base .cute-list-item-line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-list-base .cute-list-group__subheader{padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x)}.cute-list-base.list-group-numbered>.list-group-item:before{width:1em}.cute-list-base.list-group-flush[flushborders=full]{border:none;border-radius:var(--bs-border-radius)}.cute-list-base.list-group-flush[flushborders=full].cute-thematic-widget .list-group-item{background-color:initial!important}.cute-list-base.list-group-flush[flushborders=full] .list-group-item{border:none;border-radius:var(--bs-border-radius)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:not(.active):hover{background-color:var(--bs-secondary-bg)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:active:hover{background-color:var(--bs-secondary-bg-subtle)}\n"], dependencies: [{ kind: "ngmodule", type: CdkListboxModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListBox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteListBox, isStandalone: true, selector: "cute-listbox", host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "attr.aria-multiselectable": "cdkListbox.multiple", "attr.aria-orientation": "cdkListbox.orientation", "attr.role": "role" } }, providers: [{ provide: CuteListBase, useExisting: CuteListBox }], queries: [{ propertyName: "_options", predicate: CuteListBoxOption, descendants: true }], exportAs: ["cuteListBox"], usesInheritance: true, hostDirectives: [{ directive: i2.CdkListbox, inputs: ["id", "id", "tabindex", "tabindex", "cdkListboxMultiple", "multiple", "cdkListboxValue", "value", "cdkListboxDisabled", "disabled", "cdkListboxUseActiveDescendant", "useActiveDescendant", "cdkListboxOrientation", "orientation", "cdkListboxNavigationWrapDisabled", "navigationWrapDisabled", "cdkListboxCompareWith", "compareWith", "cdkListboxNavigatesDisabledOptions", "navigatesDisabledOptions"], outputs: ["cdkListboxValueChange", "valueChange"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".cute-list-base{overflow-y:auto;width:100%}.cute-list-base .cute-list-item-title,.cute-list-base .cute-list-item-line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-list-base .cute-list-group__subheader{padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x)}.cute-list-base.list-group-numbered>.list-group-item:before{width:1em}.cute-list-base.list-group-flush[flushborders=full]{border:none;border-radius:var(--bs-border-radius)}.cute-list-base.list-group-flush[flushborders=full].cute-thematic-widget .list-group-item{background-color:initial!important}.cute-list-base.list-group-flush[flushborders=full] .list-group-item{border:none;border-radius:var(--bs-border-radius)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:not(.active):hover{background-color:var(--bs-secondary-bg)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:active:hover{background-color:var(--bs-secondary-bg-subtle)}\n"], dependencies: [{ kind: "ngmodule", type: CdkListboxModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListBox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListBox, decorators: [{
             type: Component,
             args: [{ selector: 'cute-listbox', template: '<ng-content></ng-content>', exportAs: 'cuteListBox', host: {
                         '[attr.aria-multiselectable]': 'cdkListbox.multiple',
@@ -1421,14 +1421,14 @@ class CuteSelectionList extends CuteListBase {
         const activeElement = _getFocusedElementPierceShadowDom();
         return activeElement && this._element.nativeElement.contains(activeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteSelectionList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteSelectionList, isStandalone: true, selector: "cute-selection-list", inputs: { compareWith: "compareWith", multiple: "multiple", hideSingleSelectionIndicator: "hideSingleSelectionIndicator" }, outputs: { selectionChange: "selectionChange" }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class.gap-2": "!multiple && hideSingleSelectionIndicator", "attr.aria-multiselectable": "multiple" }, classAttribute: "cute-selection-list" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSelectionList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteSelectionList, isStandalone: true, selector: "cute-selection-list", inputs: { compareWith: "compareWith", multiple: "multiple", hideSingleSelectionIndicator: "hideSingleSelectionIndicator" }, outputs: { selectionChange: "selectionChange" }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class.gap-2": "!multiple && hideSingleSelectionIndicator", "attr.aria-multiselectable": "multiple" }, classAttribute: "cute-selection-list" }, providers: [
             CUTE_SELECTION_LIST_VALUE_ACCESSOR,
             { provide: CuteListBase, useExisting: CuteSelectionList },
             { provide: SELECTION_LIST, useExisting: CuteSelectionList },
         ], queries: [{ propertyName: "_items", predicate: CuteListOption, descendants: true }], exportAs: ["cuteSelectionList"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".cute-list-base{overflow-y:auto;width:100%}.cute-list-base .cute-list-item-title,.cute-list-base .cute-list-item-line{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-list-base .cute-list-group__subheader{padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x)}.cute-list-base.list-group-numbered>.list-group-item:before{width:1em}.cute-list-base.list-group-flush[flushborders=full]{border:none;border-radius:var(--bs-border-radius)}.cute-list-base.list-group-flush[flushborders=full].cute-thematic-widget .list-group-item{background-color:initial!important}.cute-list-base.list-group-flush[flushborders=full] .list-group-item{border:none;border-radius:var(--bs-border-radius)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:not(.active):hover{background-color:var(--bs-secondary-bg)}.cute-list-interactive .cute-list-base.list-group-flush[flushborders=full] .list-group-item:active:hover{background-color:var(--bs-secondary-bg-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteSelectionList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteSelectionList, decorators: [{
             type: Component,
             args: [{ selector: 'cute-selection-list', template: '<ng-content></ng-content>', exportAs: 'cuteSelectionList', host: {
                         'class': 'cute-selection-list',
@@ -1469,10 +1469,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Directive whose purpose is to add the `cute-` CSS styling to this selector.
  */
 class CuteListSubheaderCssStyler {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListSubheaderCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteListSubheaderCssStyler, isStandalone: true, selector: "[cute-subheader], [cuteSubheader]", host: { classAttribute: "cute-subheader cute-list-group__subheader" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListSubheaderCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteListSubheaderCssStyler, isStandalone: true, selector: "[cute-subheader], [cuteSubheader]", host: { classAttribute: "cute-subheader cute-list-group__subheader" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListSubheaderCssStyler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListSubheaderCssStyler, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cute-subheader], [cuteSubheader]',
@@ -1508,8 +1508,8 @@ const TYPES = [
     CuteSelectionList,
 ];
 class CuteListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CuteListModule, imports: [CommonModule, CuteActionList,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CuteListModule, imports: [CommonModule, CuteActionList,
             CuteList,
             CuteListItem,
             CuteListItemLine,
@@ -1536,11 +1536,11 @@ class CuteListModule {
             CuteListBoxOption,
             CuteNavList,
             CuteSelectionList] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListModule, imports: [CommonModule, CuteListOption,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListModule, imports: [CommonModule, CuteListOption,
             CuteListBox,
             CuteListBoxOption] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],