@odx/angular 9.2.2 → 10.0.0

package/fesm2022/odx-angular-components-card.mjs

@@ -47,10 +47,10 @@ const { CardConfig, CardDefaultConfig, injectCardConfig, provideCardConfig } = c
  * Represents a card footer component.
  */
 class CardFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardFooterComponent, isStandalone: true, selector: "odx-card-footer", host: { properties: { "class.odx-card__footer": "true" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardFooterComponent, isStandalone: true, selector: "odx-card-footer", host: { properties: { "class.odx-card__footer": "true" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-card-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.odx-card__footer]': 'true',
@@ -85,13 +85,13 @@ let CardImageComponent = class CardImageComponent {
     get getImageAspectRatio() {
         return this.imageRatio ?? this.config.imageRatio ?? 'auto';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardImageComponent, isStandalone: true, selector: "odx-card-image", inputs: { imageRatio: "imageRatio", maxImageHeight: "maxImageHeight" }, host: { properties: { "style.--odx-card-image-max-height": "this.getMaxImageHeight", "style.--odx-card-image-aspect-ratio": "this.getImageAspectRatio" } }, ngImport: i0, template: "<odx-chip-list-row>\n  <ng-content ngProjectAs=\"odx-chip\" select=\"odx-chip\"></ng-content>\n</odx-chip-list-row>\n\n<figure class=\"odx-card-image__img\">\n  <ng-content select=\"img\"></ng-content>\n</figure>\n", dependencies: [{ kind: "component", type: ChipListRowComponent, selector: "odx-chip-list-row" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardImageComponent, isStandalone: true, selector: "odx-card-image", inputs: { imageRatio: "imageRatio", maxImageHeight: "maxImageHeight" }, host: { properties: { "style.--odx-card-image-max-height": "this.getMaxImageHeight", "style.--odx-card-image-aspect-ratio": "this.getImageAspectRatio" } }, ngImport: i0, template: "<odx-chip-list-row>\n  <ng-content ngProjectAs=\"odx-chip\" select=\"odx-chip\"></ng-content>\n</odx-chip-list-row>\n\n<figure class=\"odx-card-image__img\">\n  <ng-content select=\"img\"></ng-content>\n</figure>\n", dependencies: [{ kind: "component", type: ChipListRowComponent, selector: "odx-chip-list-row" }] }); }
 };
 CardImageComponent = __decorate([
     CSSComponent('card-image')
 ], CardImageComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardImageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-card-image', standalone: true, imports: [ChipListRowComponent], template: "<odx-chip-list-row>\n  <ng-content ngProjectAs=\"odx-chip\" select=\"odx-chip\"></ng-content>\n</odx-chip-list-row>\n\n<figure class=\"odx-card-image__img\">\n  <ng-content select=\"img\"></ng-content>\n</figure>\n" }]
         }], propDecorators: { imageRatio: [{
@@ -110,10 +110,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Represents a launch card subtitle component.
  */
 class LaunchCardSubtitleComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LaunchCardSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LaunchCardSubtitleComponent, isStandalone: true, selector: "odx-launch-card-subtitle", host: { properties: { "class.odx-card__subtitle": "true" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LaunchCardSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LaunchCardSubtitleComponent, isStandalone: true, selector: "odx-launch-card-subtitle", host: { properties: { "class.odx-card__subtitle": "true" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LaunchCardSubtitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LaunchCardSubtitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-launch-card-subtitle', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.odx-card__subtitle]': 'true',
@@ -170,8 +170,8 @@ let CardComponent = class CardComponent {
             this.interact.emit(event);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, isStandalone: true, selector: "odx-card", inputs: { variant: "variant", menuIcon: "menuIcon" }, outputs: { interact: "interact" }, queries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "buttons", first: true, predicate: ActionGroupComponent, descendants: true }, { propertyName: "footer", first: true, predicate: CardFooterComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "menuHost", first: true, predicate: MenuDirective, descendants: true }], hostDirectives: [{ directive: i1.InteractiveDirective }], ngImport: i0, template: "<div class=\"odx-card__container\" *ngIf=\"!launchTile; else launchTileTmp\">\n  <ng-content select=\"odx-card-image\"></ng-content>\n  <div class=\"odx-card__title odx-title-5\">\n    <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n  </div>\n  <ng-content select=\"[odxCardContent], odx-card-content\"></ng-content>\n</div>\n\n<ng-template #launchTileTmp>\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-avatar\"></ng-content>\n    <div class=\"odx-card__content\">\n      <div class=\"odx-card__title\">\n        <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n      </div>\n      <ng-content select=\"odx-launch-card-subtitle\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n\n<ng-content select=\"odx-card-footer\"></ng-content>\n\n<odx-action-group *ngIf=\"menu; else buttonGroup\" class=\"odx-card__menu\">\n  <button odxButton [odxMenu]=\"menuTpl\" odxMenuPosition=\"bottom-end\">\n    <odx-icon [name]=\"menuIcon\" iconSet=\"core\"></odx-icon>\n  </button>\n\n  <ng-template #menuTpl>\n    <ng-content select=\"odx-menu\"></ng-content>\n  </ng-template>\n</odx-action-group>\n\n<ng-template #title>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #buttonGroup>\n  <ng-container *ngIf=\"buttons\">\n    <ng-content select=\"odx-action-group\"></ng-content>\n  </ng-container>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "ngmodule", type: MenuModule }, { kind: "directive", type: i3.MenuDirective, selector: "[odxMenu]", inputs: ["odxMenu", "odxMenuPosition"], exportAs: ["odxMenu"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardComponent, isStandalone: true, selector: "odx-card", inputs: { variant: "variant", menuIcon: "menuIcon" }, outputs: { interact: "interact" }, queries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }, { propertyName: "buttons", first: true, predicate: ActionGroupComponent, descendants: true }, { propertyName: "footer", first: true, predicate: CardFooterComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "menuHost", first: true, predicate: MenuDirective, descendants: true }], hostDirectives: [{ directive: i1.InteractiveDirective }], ngImport: i0, template: "<div class=\"odx-card__container\" *ngIf=\"!launchTile; else launchTileTmp\">\n  <ng-content select=\"odx-card-image\"></ng-content>\n  <div class=\"odx-card__title odx-title-5\">\n    <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n  </div>\n  <ng-content select=\"[odxCardContent], odx-card-content\"></ng-content>\n</div>\n\n<ng-template #launchTileTmp>\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-avatar\"></ng-content>\n    <div class=\"odx-card__content\">\n      <div class=\"odx-card__title\">\n        <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n      </div>\n      <ng-content select=\"odx-launch-card-subtitle\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n\n<ng-content select=\"odx-card-footer\"></ng-content>\n\n<odx-action-group *ngIf=\"menu; else buttonGroup\" class=\"odx-card__menu\">\n  <button odxButton [odxMenu]=\"menuTpl\" odxMenuPosition=\"bottom-end\">\n    <odx-icon [name]=\"menuIcon\" iconSet=\"core\"></odx-icon>\n  </button>\n\n  <ng-template #menuTpl>\n    <ng-content select=\"odx-menu\"></ng-content>\n  </ng-template>\n</odx-action-group>\n\n<ng-template #title>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #buttonGroup>\n  <ng-container *ngIf=\"buttons\">\n    <ng-content select=\"odx-action-group\"></ng-content>\n  </ng-container>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "ngmodule", type: MenuModule }, { kind: "directive", type: i3.MenuDirective, selector: "[odxMenu]", inputs: ["odxMenu", "odxMenuPosition"], exportAs: ["odxMenu"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier(),
@@ -181,10 +181,10 @@ CardComponent = __decorate([
     CSSComponent('card'),
     __metadata("design:paramtypes", [])
 ], CardComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [A11yModule, ButtonComponent, IconComponent, MenuModule, ActionGroupComponent, ChipListRowComponent], hostDirectives: [InteractiveDirective], template: "<div class=\"odx-card__container\" *ngIf=\"!launchTile; else launchTileTmp\">\n  <ng-content select=\"odx-card-image\"></ng-content>\n  <div class=\"odx-card__title odx-title-5\">\n    <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n  </div>\n  <ng-content select=\"[odxCardContent], odx-card-content\"></ng-content>\n</div>\n\n<ng-template #launchTileTmp>\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-avatar\"></ng-content>\n    <div class=\"odx-card__content\">\n      <div class=\"odx-card__title\">\n        <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n      </div>\n      <ng-content select=\"odx-launch-card-subtitle\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n\n<ng-content select=\"odx-card-footer\"></ng-content>\n\n<odx-action-group *ngIf=\"menu; else buttonGroup\" class=\"odx-card__menu\">\n  <button odxButton [odxMenu]=\"menuTpl\" odxMenuPosition=\"bottom-end\">\n    <odx-icon [name]=\"menuIcon\" iconSet=\"core\"></odx-icon>\n  </button>\n\n  <ng-template #menuTpl>\n    <ng-content select=\"odx-menu\"></ng-content>\n  </ng-template>\n</odx-action-group>\n\n<ng-template #title>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #buttonGroup>\n  <ng-container *ngIf=\"buttons\">\n    <ng-content select=\"odx-action-group\"></ng-content>\n  </ng-container>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { menu: [{
+        }], ctorParameters: () => [], propDecorators: { menu: [{
                 type: ContentChild,
                 args: [MenuComponent]
             }], buttons: [{
@@ -208,10 +208,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Directive for displaying the content of a card.
  */
 class CardContentDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CardContentDirective, isStandalone: true, selector: "[odxCardContent], odx-card-content", host: { properties: { "class.odx-card__content": "true" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: CardContentDirective, isStandalone: true, selector: "[odxCardContent], odx-card-content", host: { properties: { "class.odx-card__content": "true" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[odxCardContent], odx-card-content',
@@ -224,11 +224,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 const modules = [CardComponent, CardFooterComponent, CardImageComponent, LaunchCardSubtitleComponent, CardContentDirective];
 class CardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CardModule, imports: [CardComponent, CardFooterComponent, CardImageComponent, LaunchCardSubtitleComponent, CardContentDirective], exports: [CoreModule, CardComponent, CardFooterComponent, CardImageComponent, LaunchCardSubtitleComponent, CardContentDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardModule, imports: [CardComponent, CardImageComponent, CoreModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CardModule, imports: [CardComponent, CardFooterComponent, CardImageComponent, LaunchCardSubtitleComponent, CardContentDirective], exports: [CoreModule, CardComponent, CardFooterComponent, CardImageComponent, LaunchCardSubtitleComponent, CardContentDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardModule, imports: [CardComponent, CardImageComponent, CoreModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [modules],

package/fesm2022/odx-angular-components-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-card.mjs","sources":["../../../../libs/angular/components/card/src/lib/models/card-variant.ts","../../../../libs/angular/components/card/src/lib/card.config.ts","../../../../libs/angular/components/card/src/lib/components/card-footer/card-footer.component.ts","../../../../libs/angular/components/card/src/lib/components/card-footer/card-footer.component.html","../../../../libs/angular/components/card/src/lib/components/card-image/card-image.component.ts","../../../../libs/angular/components/card/src/lib/components/card-image/card-image.component.html","../../../../libs/angular/components/card/src/lib/components/launch-card-subtitle/launch-card-subtitle.component.ts","../../../../libs/angular/components/card/src/lib/components/launch-card-subtitle/launch-card-subtitle.component.html","../../../../libs/angular/components/card/src/lib/card.component.ts","../../../../libs/angular/components/card/src/lib/card.component.html","../../../../libs/angular/components/card/src/lib/directives/card-content.directive.ts","../../../../libs/angular/components/card/src/lib/card.module.ts","../../../../libs/angular/components/card/src/odx-angular-components-card.ts"],"sourcesContent":["export type CardVariant = (typeof CardVariant)[keyof typeof CardVariant];\n\nexport const CardVariant = {\n  DEFAULT: 'default',\n  LAUNCH_TILE: 'launch-tile',\n  LAUNCH_TILE_CENTERED: 'launch-tile-centered',\n  IMAGE_CARD: 'image-card',\n} as const;\n","import { createConfigTokens } from '@odx/angular/utils';\nimport { CardVariant } from './models';\n\nexport interface CardConfig {\n  variant?: CardVariant;\n  maxImageHeight?: string;\n  imageRatio?: string;\n}\n\n/**\n * Tools for customizing configuration for the card component\n *\n * @example\n * ```ts\n * @Component({\n *  ...\n *  providers: [provideCardConfig({imageRatio: '5/3', maxImageHeight: '200px'})]\n * })\n * export class MyCardComponent {}\n * ```\n * @example\n * ```ts\n *  constructor(@Inject(CardConfig) private readonly cardConfig: CardConfig) {}\n * ```\n */\nexport const { CardConfig, CardDefaultConfig, injectCardConfig, provideCardConfig } = createConfigTokens('Card', '@odx/angular/components/card', {\n  variant: CardVariant.DEFAULT as CardVariant,\n  maxImageHeight: 'auto',\n  imageRatio: 'auto',\n});\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Represents a card footer component.\n */\n@Component({\n  selector: 'odx-card-footer',\n  templateUrl: './card-footer.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class.odx-card__footer]': 'true',\n  },\n})\nexport class CardFooterComponent {}\n","<ng-content></ng-content>\n","import { Component, HostBinding, Input } from '@angular/core';\nimport { ChipListRowComponent } from '@odx/angular/components/chip';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { injectCardConfig } from '../../card.config';\n\n/**\n * Represents a card image component.\n */\n@CSSComponent('card-image')\n@Component({\n  selector: 'odx-card-image',\n  templateUrl: './card-image.component.html',\n  standalone: true,\n  imports: [ChipListRowComponent],\n})\nexport class CardImageComponent {\n  private readonly config = injectCardConfig();\n  public readonly element = injectElement();\n\n  /**\n   * The ratio of the card image.\n   *\n   * @type {string}\n   * @default 'auto'\n   */\n  @Input()\n  public imageRatio = this.config.imageRatio ?? 'auto';\n\n  /**\n   * The maximum height of the card image.\n   *\n   * @type {string}\n   * @default 'auto'\n   */\n  @Input()\n  public maxImageHeight = this.config.maxImageHeight ?? 'auto';\n\n  @HostBinding(`style.--odx-card-image-max-height`)\n  protected get getMaxImageHeight(): string {\n    return this.maxImageHeight ?? this.config.maxImageHeight ?? 'auto';\n  }\n\n  @HostBinding(`style.--odx-card-image-aspect-ratio`)\n  protected get getImageAspectRatio(): string {\n    return this.imageRatio ?? this.config.imageRatio ?? 'auto';\n  }\n}\n","<odx-chip-list-row>\n  <ng-content ngProjectAs=\"odx-chip\" select=\"odx-chip\"></ng-content>\n</odx-chip-list-row>\n\n<figure class=\"odx-card-image__img\">\n  <ng-content select=\"img\"></ng-content>\n</figure>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Represents a launch card subtitle component.\n */\n@Component({\n  selector: 'odx-launch-card-subtitle',\n  templateUrl: './launch-card-subtitle.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class.odx-card__subtitle]': 'true',\n  },\n})\nexport class LaunchCardSubtitleComponent {}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, inject, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { A11yModule, InteractiveDirective } from '@odx/angular/cdk/a11y';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { ChipListRowComponent } from '@odx/angular/components/chip';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { MenuComponent, MenuDirective, MenuModule } from '@odx/angular/components/menu';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { containsElement, injectElement, untilDestroyed } from '@odx/angular/utils';\nimport { injectCardConfig } from './card.config';\nimport { CardFooterComponent } from './components';\nimport { CardVariant } from './models';\n\n/**\n * Represents a card component.\n * It can contain a header, body, and footer. The card component can also have a menu and action buttons.\n * Has host directive for interactivity.\n *\n * @see {InteractiveDirective}\n */\n@CSSComponent('card')\n@Component({\n  selector: 'odx-card',\n  templateUrl: './card.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [A11yModule, ButtonComponent, IconComponent, MenuModule, ActionGroupComponent, ChipListRowComponent],\n  hostDirectives: [InteractiveDirective],\n})\nexport class CardComponent {\n  private readonly interactiveDirective = inject(InteractiveDirective, { host: true });\n  private readonly takeUntilDestroyed = untilDestroyed();\n  private readonly config = injectCardConfig();\n\n  protected cardVariant = CardVariant;\n\n  @ContentChild(MenuComponent)\n  protected readonly menu?: MenuComponent;\n\n  @ContentChild(ActionGroupComponent)\n  protected readonly buttons?: ActionGroupComponent;\n\n  @ViewChild(MenuDirective)\n  protected readonly menuHost?: MenuDirective;\n\n  @ContentChild(CardFooterComponent, { read: ElementRef })\n  protected readonly footer?: ElementRef<HTMLElement>;\n\n  public element = injectElement();\n  /**\n   * The variant of the card.\n   *\n   * @type {CardVariant}\n   * @default CardVariant.DEFAULT\n   */\n\n  @CSSModifier()\n  @Input()\n  public variant: CardVariant = this.config.variant ?? CardVariant.DEFAULT;\n\n  /**\n   * Menu icon name.\n   *\n   * @type {string}\n   * @default 'more'\n   */\n  @Input()\n  public menuIcon = 'more';\n\n  /**\n   * Interactivity event emitter.\n   *\n   * @emits {Event}\n   */\n  @Output()\n  public interact = new EventEmitter<Event>();\n\n  public get launchTile(): boolean {\n    return this.variant === CardVariant.LAUNCH_TILE || this.variant === CardVariant.LAUNCH_TILE_CENTERED;\n  }\n\n  constructor() {\n    this.interactiveDirective.interact.pipe(this.takeUntilDestroyed()).subscribe((event) => {\n      this.stopEvents(event);\n    });\n  }\n\n  private stopEvents(event: Event): void {\n    const target = event.target as Element | null;\n    const isFooterEvent = containsElement(this.footer?.nativeElement, target, false);\n    const isMenuEvent = containsElement(this.menuHost?.element.nativeElement, target);\n    const isHeaderButtonEvent = containsElement(this.buttons?.element.nativeElement, target);\n\n    if (!isFooterEvent && !isMenuEvent && !this.menuHost?.isOpen() && !isHeaderButtonEvent) {\n      this.interact.emit(event);\n    }\n  }\n}\n","<div class=\"odx-card__container\" *ngIf=\"!launchTile; else launchTileTmp\">\n  <ng-content select=\"odx-card-image\"></ng-content>\n  <div class=\"odx-card__title odx-title-5\">\n    <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n  </div>\n  <ng-content select=\"[odxCardContent], odx-card-content\"></ng-content>\n</div>\n\n<ng-template #launchTileTmp>\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-avatar\"></ng-content>\n    <div class=\"odx-card__content\">\n      <div class=\"odx-card__title\">\n        <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n      </div>\n      <ng-content select=\"odx-launch-card-subtitle\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n\n<ng-content select=\"odx-card-footer\"></ng-content>\n\n<odx-action-group *ngIf=\"menu; else buttonGroup\" class=\"odx-card__menu\">\n  <button odxButton [odxMenu]=\"menuTpl\" odxMenuPosition=\"bottom-end\">\n    <odx-icon [name]=\"menuIcon\" iconSet=\"core\"></odx-icon>\n  </button>\n\n  <ng-template #menuTpl>\n    <ng-content select=\"odx-menu\"></ng-content>\n  </ng-template>\n</odx-action-group>\n\n<ng-template #title>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #buttonGroup>\n  <ng-container *ngIf=\"buttons\">\n    <ng-content select=\"odx-action-group\"></ng-content>\n  </ng-container>\n</ng-template>\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for displaying the content of a card.\n */\n@Directive({\n  selector: '[odxCardContent], odx-card-content',\n  standalone: true,\n  host: {\n    '[class.odx-card__content]': 'true',\n  },\n})\nexport class CardContentDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { CardComponent } from './card.component';\nimport { CardFooterComponent, CardImageComponent, LaunchCardSubtitleComponent } from './components';\nimport { CardContentDirective } from './directives';\n\nconst modules = [CardComponent, CardFooterComponent, CardImageComponent, LaunchCardSubtitleComponent, CardContentDirective];\n\n@NgModule({\n  imports: [modules],\n  exports: [CoreModule, ...modules],\n})\nexport class CardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-components-card.mjs","sources":["../../../../libs/angular/components/card/src/lib/models/card-variant.ts","../../../../libs/angular/components/card/src/lib/card.config.ts","../../../../libs/angular/components/card/src/lib/components/card-footer/card-footer.component.ts","../../../../libs/angular/components/card/src/lib/components/card-footer/card-footer.component.html","../../../../libs/angular/components/card/src/lib/components/card-image/card-image.component.ts","../../../../libs/angular/components/card/src/lib/components/card-image/card-image.component.html","../../../../libs/angular/components/card/src/lib/components/launch-card-subtitle/launch-card-subtitle.component.ts","../../../../libs/angular/components/card/src/lib/components/launch-card-subtitle/launch-card-subtitle.component.html","../../../../libs/angular/components/card/src/lib/card.component.ts","../../../../libs/angular/components/card/src/lib/card.component.html","../../../../libs/angular/components/card/src/lib/directives/card-content.directive.ts","../../../../libs/angular/components/card/src/lib/card.module.ts","../../../../libs/angular/components/card/src/odx-angular-components-card.ts"],"sourcesContent":["export type CardVariant = (typeof CardVariant)[keyof typeof CardVariant];\n\nexport const CardVariant = {\n  DEFAULT: 'default',\n  LAUNCH_TILE: 'launch-tile',\n  LAUNCH_TILE_CENTERED: 'launch-tile-centered',\n  IMAGE_CARD: 'image-card',\n} as const;\n","import { createConfigTokens } from '@odx/angular/utils';\nimport { CardVariant } from './models';\n\nexport interface CardConfig {\n  variant?: CardVariant;\n  maxImageHeight?: string;\n  imageRatio?: string;\n}\n\n/**\n * Tools for customizing configuration for the card component\n *\n * @example\n * ```ts\n * @Component({\n *  ...\n *  providers: [provideCardConfig({imageRatio: '5/3', maxImageHeight: '200px'})]\n * })\n * export class MyCardComponent {}\n * ```\n * @example\n * ```ts\n *  constructor(@Inject(CardConfig) private readonly cardConfig: CardConfig) {}\n * ```\n */\nexport const { CardConfig, CardDefaultConfig, injectCardConfig, provideCardConfig } = createConfigTokens('Card', '@odx/angular/components/card', {\n  variant: CardVariant.DEFAULT as CardVariant,\n  maxImageHeight: 'auto',\n  imageRatio: 'auto',\n});\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Represents a card footer component.\n */\n@Component({\n  selector: 'odx-card-footer',\n  templateUrl: './card-footer.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class.odx-card__footer]': 'true',\n  },\n})\nexport class CardFooterComponent {}\n","<ng-content></ng-content>\n","import { Component, HostBinding, Input } from '@angular/core';\nimport { ChipListRowComponent } from '@odx/angular/components/chip';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { injectCardConfig } from '../../card.config';\n\n/**\n * Represents a card image component.\n */\n@CSSComponent('card-image')\n@Component({\n  selector: 'odx-card-image',\n  templateUrl: './card-image.component.html',\n  standalone: true,\n  imports: [ChipListRowComponent],\n})\nexport class CardImageComponent {\n  private readonly config = injectCardConfig();\n  public readonly element = injectElement();\n\n  /**\n   * The ratio of the card image.\n   *\n   * @type {string}\n   * @default 'auto'\n   */\n  @Input()\n  public imageRatio = this.config.imageRatio ?? 'auto';\n\n  /**\n   * The maximum height of the card image.\n   *\n   * @type {string}\n   * @default 'auto'\n   */\n  @Input()\n  public maxImageHeight = this.config.maxImageHeight ?? 'auto';\n\n  @HostBinding(`style.--odx-card-image-max-height`)\n  protected get getMaxImageHeight(): string {\n    return this.maxImageHeight ?? this.config.maxImageHeight ?? 'auto';\n  }\n\n  @HostBinding(`style.--odx-card-image-aspect-ratio`)\n  protected get getImageAspectRatio(): string {\n    return this.imageRatio ?? this.config.imageRatio ?? 'auto';\n  }\n}\n","<odx-chip-list-row>\n  <ng-content ngProjectAs=\"odx-chip\" select=\"odx-chip\"></ng-content>\n</odx-chip-list-row>\n\n<figure class=\"odx-card-image__img\">\n  <ng-content select=\"img\"></ng-content>\n</figure>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Represents a launch card subtitle component.\n */\n@Component({\n  selector: 'odx-launch-card-subtitle',\n  templateUrl: './launch-card-subtitle.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class.odx-card__subtitle]': 'true',\n  },\n})\nexport class LaunchCardSubtitleComponent {}\n","<ng-content></ng-content>\n","import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, inject, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { A11yModule, InteractiveDirective } from '@odx/angular/cdk/a11y';\nimport { ActionGroupComponent } from '@odx/angular/components/action-group';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { ChipListRowComponent } from '@odx/angular/components/chip';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { MenuComponent, MenuDirective, MenuModule } from '@odx/angular/components/menu';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { containsElement, injectElement, untilDestroyed } from '@odx/angular/utils';\nimport { injectCardConfig } from './card.config';\nimport { CardFooterComponent } from './components';\nimport { CardVariant } from './models';\n\n/**\n * Represents a card component.\n * It can contain a header, body, and footer. The card component can also have a menu and action buttons.\n * Has host directive for interactivity.\n *\n * @see {InteractiveDirective}\n */\n@CSSComponent('card')\n@Component({\n  selector: 'odx-card',\n  templateUrl: './card.component.html',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [A11yModule, ButtonComponent, IconComponent, MenuModule, ActionGroupComponent, ChipListRowComponent],\n  hostDirectives: [InteractiveDirective],\n})\nexport class CardComponent {\n  private readonly interactiveDirective = inject(InteractiveDirective, { host: true });\n  private readonly takeUntilDestroyed = untilDestroyed();\n  private readonly config = injectCardConfig();\n\n  protected cardVariant = CardVariant;\n\n  @ContentChild(MenuComponent)\n  protected readonly menu?: MenuComponent;\n\n  @ContentChild(ActionGroupComponent)\n  protected readonly buttons?: ActionGroupComponent;\n\n  @ViewChild(MenuDirective)\n  protected readonly menuHost?: MenuDirective;\n\n  @ContentChild(CardFooterComponent, { read: ElementRef })\n  protected readonly footer?: ElementRef<HTMLElement>;\n\n  public element = injectElement();\n  /**\n   * The variant of the card.\n   *\n   * @type {CardVariant}\n   * @default CardVariant.DEFAULT\n   */\n\n  @CSSModifier()\n  @Input()\n  public variant: CardVariant = this.config.variant ?? CardVariant.DEFAULT;\n\n  /**\n   * Menu icon name.\n   *\n   * @type {string}\n   * @default 'more'\n   */\n  @Input()\n  public menuIcon = 'more';\n\n  /**\n   * Interactivity event emitter.\n   *\n   * @emits {Event}\n   */\n  @Output()\n  public interact = new EventEmitter<Event>();\n\n  public get launchTile(): boolean {\n    return this.variant === CardVariant.LAUNCH_TILE || this.variant === CardVariant.LAUNCH_TILE_CENTERED;\n  }\n\n  constructor() {\n    this.interactiveDirective.interact.pipe(this.takeUntilDestroyed()).subscribe((event) => {\n      this.stopEvents(event);\n    });\n  }\n\n  private stopEvents(event: Event): void {\n    const target = event.target as Element | null;\n    const isFooterEvent = containsElement(this.footer?.nativeElement, target, false);\n    const isMenuEvent = containsElement(this.menuHost?.element.nativeElement, target);\n    const isHeaderButtonEvent = containsElement(this.buttons?.element.nativeElement, target);\n\n    if (!isFooterEvent && !isMenuEvent && !this.menuHost?.isOpen() && !isHeaderButtonEvent) {\n      this.interact.emit(event);\n    }\n  }\n}\n","<div class=\"odx-card__container\" *ngIf=\"!launchTile; else launchTileTmp\">\n  <ng-content select=\"odx-card-image\"></ng-content>\n  <div class=\"odx-card__title odx-title-5\">\n    <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n  </div>\n  <ng-content select=\"[odxCardContent], odx-card-content\"></ng-content>\n</div>\n\n<ng-template #launchTileTmp>\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-avatar\"></ng-content>\n    <div class=\"odx-card__content\">\n      <div class=\"odx-card__title\">\n        <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n      </div>\n      <ng-content select=\"odx-launch-card-subtitle\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n\n<ng-content select=\"odx-card-footer\"></ng-content>\n\n<odx-action-group *ngIf=\"menu; else buttonGroup\" class=\"odx-card__menu\">\n  <button odxButton [odxMenu]=\"menuTpl\" odxMenuPosition=\"bottom-end\">\n    <odx-icon [name]=\"menuIcon\" iconSet=\"core\"></odx-icon>\n  </button>\n\n  <ng-template #menuTpl>\n    <ng-content select=\"odx-menu\"></ng-content>\n  </ng-template>\n</odx-action-group>\n\n<ng-template #title>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #buttonGroup>\n  <ng-container *ngIf=\"buttons\">\n    <ng-content select=\"odx-action-group\"></ng-content>\n  </ng-container>\n</ng-template>\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for displaying the content of a card.\n */\n@Directive({\n  selector: '[odxCardContent], odx-card-content',\n  standalone: true,\n  host: {\n    '[class.odx-card__content]': 'true',\n  },\n})\nexport class CardContentDirective {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { CardComponent } from './card.component';\nimport { CardFooterComponent, CardImageComponent, LaunchCardSubtitleComponent } from './components';\nimport { CardContentDirective } from './directives';\n\nconst modules = [CardComponent, CardFooterComponent, CardImageComponent, LaunchCardSubtitleComponent, CardContentDirective];\n\n@NgModule({\n  imports: [modules],\n  exports: [CoreModule, ...modules],\n})\nexport class CardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEa,MAAA,WAAW,GAAG;AACzB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,oBAAoB,EAAE,sBAAsB;AAC5C,IAAA,UAAU,EAAE,YAAY;;;ACG1B;;;;;;;;;;;;;;;AAeG;AACI,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,CAAC,MAAM,EAAE,8BAA8B,EAAE;IAC/I,OAAO,EAAE,WAAW,CAAC,OAAsB;AAC3C,IAAA,cAAc,EAAE,MAAM;AACtB,IAAA,UAAU,EAAE,MAAM;AACnB,CAAA,CAAC;;AC3BF;;AAEG;MAWU,mBAAmB,CAAA;+GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,uICfhC,6BACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FDca,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAV/B,SAAS;+BACE,iBAAiB,EAAA,UAAA,EAEf,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACJ,wBAAA,0BAA0B,EAAE,MAAM;AACnC,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;;;AEPH;;AAEG;AAQU,IAAA,kBAAkB,GAAxB,MAAM,kBAAkB,CAAA;AAAxB,IAAA,WAAA,GAAA;QACY,IAAM,CAAA,MAAA,GAAG,gBAAgB,EAAE,CAAC;QAC7B,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAE1C;;;;;AAKG;QAEI,IAAU,CAAA,UAAA,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC;AAErD;;;;;AAKG;QAEI,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC;AAW9D,KAAA;AATC,IAAA,IACc,iBAAiB,GAAA;QAC7B,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC;KACpE;AAED,IAAA,IACc,mBAAmB,GAAA;QAC/B,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC;KAC5D;+GA9BU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mCAAA,EAAA,wBAAA,EAAA,qCAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChB/B,wNAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOY,oBAAoB,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;AAEnB,kBAAkB,GAAA,UAAA,CAAA;IAP9B,YAAY,CAAC,YAAY,CAAC;AAOd,CAAA,EAAA,kBAAkB,CA+B9B,CAAA;4FA/BY,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAEd,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,oBAAoB,CAAC,EAAA,QAAA,EAAA,wNAAA,EAAA,CAAA;8BAaxB,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAUC,cAAc,EAAA,CAAA;sBADpB,KAAK;gBAIQ,iBAAiB,EAAA,CAAA;sBAD9B,WAAW;uBAAC,CAAmC,iCAAA,CAAA,CAAA;gBAMlC,mBAAmB,EAAA,CAAA;sBADhC,WAAW;uBAAC,CAAqC,mCAAA,CAAA,CAAA;;;AEzCpD;;AAEG;MAWU,2BAA2B,CAAA;+GAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,kJCfxC,6BACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FDca,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAVvC,SAAS;+BACE,0BAA0B,EAAA,UAAA,EAExB,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACJ,wBAAA,4BAA4B,EAAE,MAAM;AACrC,qBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;;;AEAH;;;;;;AAMG;AAWU,IAAA,aAAa,GAAnB,MAAM,aAAa,CAAA;AAgDxB,IAAA,IAAW,UAAU,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,oBAAoB,CAAC;KACtG;AAED,IAAA,WAAA,GAAA;QAnDiB,IAAoB,CAAA,oBAAA,GAAG,MAAM,CAAC,oBAAoB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACpE,IAAkB,CAAA,kBAAA,GAAG,cAAc,EAAE,CAAC;QACtC,IAAM,CAAA,MAAA,GAAG,gBAAgB,EAAE,CAAC;QAEnC,IAAW,CAAA,WAAA,GAAG,WAAW,CAAC;QAc7B,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AACjC;;;;;AAKG;QAII,IAAO,CAAA,OAAA,GAAgB,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC;AAEzE;;;;;AAKG;QAEI,IAAQ,CAAA,QAAA,GAAG,MAAM,CAAC;AAEzB;;;;AAIG;AAEI,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,YAAY,EAAS,CAAC;AAO1C,QAAA,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;AACrF,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AACzB,SAAC,CAAC,CAAC;KACJ;AAEO,IAAA,UAAU,CAAC,KAAY,EAAA;AAC7B,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAwB,CAAC;AAC9C,QAAA,MAAM,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjF,QAAA,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAClF,QAAA,MAAM,mBAAmB,GAAG,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAEzF,QAAA,IAAI,CAAC,aAAa,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,mBAAmB,EAAE;AACtF,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC3B;KACF;+GAnEU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAOV,aAAa,EAGb,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,oBAAoB,yEAMpB,mBAAmB,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAU,UAAU,EAH1C,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,aAAa,0GC3C1B,o1CAyCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDdY,UAAU,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,eAAe,yGAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;AAgC/E,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAE2D,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA7B9D,aAAa,GAAA,UAAA,CAAA;IAVzB,YAAY,CAAC,MAAM,CAAC;;AAUR,CAAA,EAAA,aAAa,CAoEzB,CAAA;4FApEY,aAAa,EAAA,UAAA,EAAA,CAAA;kBATzB,SAAS;+BACE,UAAU,EAAA,UAAA,EAER,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,EAAA,cAAA,EAC7F,CAAC,oBAAoB,CAAC,EAAA,QAAA,EAAA,o1CAAA,EAAA,CAAA;wDAUnB,IAAI,EAAA,CAAA;sBADtB,YAAY;uBAAC,aAAa,CAAA;gBAIR,OAAO,EAAA,CAAA;sBADzB,YAAY;uBAAC,oBAAoB,CAAA;gBAIf,QAAQ,EAAA,CAAA;sBAD1B,SAAS;uBAAC,aAAa,CAAA;gBAIL,MAAM,EAAA,CAAA;sBADxB,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,mBAAmB,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAA;gBAahD,OAAO,EAAA,CAAA;sBADb,KAAK;gBAUC,QAAQ,EAAA,CAAA;sBADd,KAAK;gBASC,QAAQ,EAAA,CAAA;sBADd,MAAM;;;AEzET;;AAEG;MAQU,oBAAoB,CAAA;+GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oCAAoC;AAC9C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,2BAA2B,EAAE,MAAM;AACpC,qBAAA;AACF,iBAAA,CAAA;;;ACLD,MAAM,OAAO,GAAG,CAAC,aAAa,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,oBAAoB,CAAC,CAAC;MAM/G,UAAU,CAAA;+GAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAV,UAAU,EAAA,OAAA,EAAA,CANN,aAAa,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,oBAAoB,aAI9G,UAAU,EAJL,aAAa,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;AAM7G,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,EANN,OAAA,EAAA,CAAA,aAAa,EAAuB,kBAAkB,EAI3D,UAAU,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAET,UAAU,EAAA,UAAA,EAAA,CAAA;kBAJtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,OAAO,CAAC;AAClB,oBAAA,OAAO,EAAE,CAAC,UAAU,EAAE,GAAG,OAAO,CAAC;AAClC,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}

package/fesm2022/odx-angular-components-checkbox.mjs

@@ -75,8 +75,8 @@ let CheckboxComponent = class CheckboxComponent extends CheckBoxControl {
         super.updateValue(event.target.checked);
         this.checkedChange.next(this.checked);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: CheckboxComponent, isStandalone: true, selector: "odx-checkbox", inputs: { indeterminate: ["indeterminate", "indeterminate", booleanAttribute] }, outputs: { indeterminateChange: "indeterminateChange" }, host: { properties: { "class.is-active": "checked || indeterminate" } }, providers: [ReadonlyController.connect()], usesInheritance: true, hostDirectives: [{ directive: i1.WithDisabledState }], ngImport: i0, template: "<label class=\"odx-checkbox__label\">\n  <input\n    odxControl\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"hasError || null\"\n    [attr.aria-readonly]=\"isReadonly || null\"\n    [attr.aria-required]=\"isRequired || null\"\n    [attr.tabindex]=\"tabindex || null\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || isReadonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\" iconSet=\"core\" />\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content />\n    <ng-content select=\".odx-checkbox__subtitle\" />\n  </div>\n</label>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "directive", type: ControlDirective, selector: "[odxControl]", exportAs: ["odxControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.12", type: CheckboxComponent, isStandalone: true, selector: "odx-checkbox", inputs: { indeterminate: ["indeterminate", "indeterminate", booleanAttribute] }, outputs: { indeterminateChange: "indeterminateChange" }, host: { properties: { "class.is-active": "checked || indeterminate" } }, providers: [ReadonlyController.connect()], usesInheritance: true, hostDirectives: [{ directive: i1.WithDisabledState }], ngImport: i0, template: "<label class=\"odx-checkbox__label\">\n  <input\n    odxControl\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"hasError || null\"\n    [attr.aria-readonly]=\"isReadonly || null\"\n    [attr.aria-required]=\"isRequired || null\"\n    [attr.tabindex]=\"tabindex || null\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || isReadonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\" iconSet=\"core\" />\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content />\n    <ng-content select=\".odx-checkbox__subtitle\" />\n  </div>\n</label>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }, { kind: "directive", type: ControlDirective, selector: "[odxControl]", exportAs: ["odxControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier(),
@@ -86,7 +86,7 @@ __decorate([
 CheckboxComponent = __decorate([
     CSSComponent('checkbox')
 ], CheckboxComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'odx-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, ControlDirective], providers: [ReadonlyController.connect()], hostDirectives: [WithDisabledState], host: {
                         '[class.is-active]': 'checked || indeterminate',
@@ -122,8 +122,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * @extends {CheckboxRequiredValidator} Inherits the behavior of Angular's `CheckboxRequiredValidator`.
  */
 class CheckboxValidator extends CheckboxRequiredValidator {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxValidator, isStandalone: true, selector: "odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: CheckboxValidator, isStandalone: true, selector: "odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]", providers: [
             {
                 provide: NG_VALIDATORS,
                 useExisting: forwardRef(() => CheckboxValidator),
@@ -131,7 +131,7 @@ class CheckboxValidator extends CheckboxRequiredValidator {
             },
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxValidator, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -148,11 +148,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 const modules = [CheckboxComponent, CheckboxValidator];
 class CheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CheckboxValidator], exports: [CoreModule, CheckboxComponent, CheckboxValidator] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CoreModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CheckboxValidator], exports: [CoreModule, CheckboxComponent, CheckboxValidator] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CoreModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,

package/fesm2022/odx-angular-components-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/lib/checkbox.validator.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.module.ts","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { ReadonlyController, WithDisabledState } from '@odx/angular';\nimport { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';\nimport { ControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n/**\n * Represents a checkbox component.\n * @extends {CheckBoxControl}\n *\n * @remarks\n * To add subtitle text to the checkbox, use class `odx-checkbox__subtitle` in template's content.\n *\n * @example\n * ```html\n * <odx-checkbox [(checked)]=\"isChecked\">\n *  Checkbox label\n *  <span class=\"odx-checkbox__subtitle\">Subtitle text</span>\n * </odx-checkbox>\n * ```\n */\n@CSSComponent('checkbox')\n@Component({\n  standalone: true,\n  selector: 'odx-checkbox',\n  templateUrl: 'checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [IconComponent, ControlDirective],\n  providers: [ReadonlyController.connect()],\n  hostDirectives: [WithDisabledState],\n  host: {\n    '[class.is-active]': 'checked || indeterminate',\n  },\n})\nexport class CheckboxComponent extends CheckBoxControl {\n  private isIndeterminate = false;\n\n  /**\n   * Gets or sets a value indicating whether the checkbox is in an indeterminate state.\n   *\n   * @type {boolean}\n   *\n   * @remarks\n   * The indeterminate state is typically used when the checkbox represents a group of checkboxes\n   * and not all of them are checked or unchecked.\n   */\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public set indeterminate(value: boolean) {\n    if (this.isIndeterminate !== value) {\n      this.isIndeterminate = value;\n      this.indeterminateChange.emit(this.isIndeterminate);\n    }\n  }\n\n  public get indeterminate(): boolean {\n    return this.isIndeterminate;\n  }\n\n  /**\n   * Emits a boolean value when the indeterminate state of the checkbox changes.\n   *\n   * @emits {boolean} The new value of the indeterminate state.\n   */\n  @Output()\n  public readonly indeterminateChange = new EventEmitter<boolean>();\n\n  /**\n   * Gets the value of the `ariaChecked` attribute.\n   *\n   * @returns {string} - The value of the `ariaChecked` attribute as a string.\n   */\n  public override get ariaChecked(): string {\n    return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n  }\n\n  /**\n   * Gets the modifier icon for the checkbox component.\n   *\n   * @returns {string} 'minus' if the checkbox is in indeterminate state, otherwise returns 'check'.\n   */\n  public get modifierIcon(): string {\n    return this.indeterminate ? 'minus' : 'check';\n  }\n\n  public override onChanged(event: Event): void {\n    event.stopPropagation();\n    this.indeterminate = false;\n    super.updateValue((event.target as HTMLInputElement).checked);\n    this.checkedChange.next(this.checked);\n  }\n}\n","<label class=\"odx-checkbox__label\">\n  <input\n    odxControl\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"hasError || null\"\n    [attr.aria-readonly]=\"isReadonly || null\"\n    [attr.aria-required]=\"isRequired || null\"\n    [attr.tabindex]=\"tabindex || null\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || isReadonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\" iconSet=\"core\" />\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content />\n    <ng-content select=\".odx-checkbox__subtitle\" />\n  </div>\n</label>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';\n\n/**\n * A directive that extends Angular's `CheckboxRequiredValidator` for use with `odx-checkbox` components,\n * enforcing required validation. This directive ensures that an `odx-checkbox` marked as required\n * is checked in order to be considered valid within a form.\n *\n * The directive is automatically applied to `odx-checkbox` elements that have the `required` attribute\n * along with either `formControlName`, `formControl`, or `ngModel` directives, making it integrate seamlessly\n * with both reactive and template-driven forms.\n *\n * @example\n * ```html\n * <!-- In a reactive form -->\n * <odx-checkbox formControlName=\"acceptTerms\" required></odx-checkbox>\n *\n * <!-- In a template-driven form -->\n * <odx-checkbox [(ngModel)]=\"acceptTerms\" name=\"acceptTerms\" required></odx-checkbox>\n * ```\n *\n * By using this directive, forms containing `odx-checkbox` components with the required validation\n * will ensure the checkbox is checked before considering the form valid.\n *\n * @extends {CheckboxRequiredValidator} Inherits the behavior of Angular's `CheckboxRequiredValidator`.\n */\n@Directive({\n  standalone: true,\n  selector: 'odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]',\n  providers: [\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => CheckboxValidator),\n      multi: true,\n    },\n  ],\n})\nexport class CheckboxValidator extends CheckboxRequiredValidator {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { CheckboxComponent } from './checkbox.component';\nimport { CheckboxValidator } from './checkbox.validator';\n\nconst modules = [CheckboxComponent, CheckboxValidator];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"odx-angular-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/lib/checkbox.validator.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.module.ts","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { ReadonlyController, WithDisabledState } from '@odx/angular';\nimport { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';\nimport { ControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n/**\n * Represents a checkbox component.\n * @extends {CheckBoxControl}\n *\n * @remarks\n * To add subtitle text to the checkbox, use class `odx-checkbox__subtitle` in template's content.\n *\n * @example\n * ```html\n * <odx-checkbox [(checked)]=\"isChecked\">\n *  Checkbox label\n *  <span class=\"odx-checkbox__subtitle\">Subtitle text</span>\n * </odx-checkbox>\n * ```\n */\n@CSSComponent('checkbox')\n@Component({\n  standalone: true,\n  selector: 'odx-checkbox',\n  templateUrl: 'checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [IconComponent, ControlDirective],\n  providers: [ReadonlyController.connect()],\n  hostDirectives: [WithDisabledState],\n  host: {\n    '[class.is-active]': 'checked || indeterminate',\n  },\n})\nexport class CheckboxComponent extends CheckBoxControl {\n  private isIndeterminate = false;\n\n  /**\n   * Gets or sets a value indicating whether the checkbox is in an indeterminate state.\n   *\n   * @type {boolean}\n   *\n   * @remarks\n   * The indeterminate state is typically used when the checkbox represents a group of checkboxes\n   * and not all of them are checked or unchecked.\n   */\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public set indeterminate(value: boolean) {\n    if (this.isIndeterminate !== value) {\n      this.isIndeterminate = value;\n      this.indeterminateChange.emit(this.isIndeterminate);\n    }\n  }\n\n  public get indeterminate(): boolean {\n    return this.isIndeterminate;\n  }\n\n  /**\n   * Emits a boolean value when the indeterminate state of the checkbox changes.\n   *\n   * @emits {boolean} The new value of the indeterminate state.\n   */\n  @Output()\n  public readonly indeterminateChange = new EventEmitter<boolean>();\n\n  /**\n   * Gets the value of the `ariaChecked` attribute.\n   *\n   * @returns {string} - The value of the `ariaChecked` attribute as a string.\n   */\n  public override get ariaChecked(): string {\n    return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n  }\n\n  /**\n   * Gets the modifier icon for the checkbox component.\n   *\n   * @returns {string} 'minus' if the checkbox is in indeterminate state, otherwise returns 'check'.\n   */\n  public get modifierIcon(): string {\n    return this.indeterminate ? 'minus' : 'check';\n  }\n\n  public override onChanged(event: Event): void {\n    event.stopPropagation();\n    this.indeterminate = false;\n    super.updateValue((event.target as HTMLInputElement).checked);\n    this.checkedChange.next(this.checked);\n  }\n}\n","<label class=\"odx-checkbox__label\">\n  <input\n    odxControl\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"hasError || null\"\n    [attr.aria-readonly]=\"isReadonly || null\"\n    [attr.aria-required]=\"isRequired || null\"\n    [attr.tabindex]=\"tabindex || null\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || isReadonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\" iconSet=\"core\" />\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content />\n    <ng-content select=\".odx-checkbox__subtitle\" />\n  </div>\n</label>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';\n\n/**\n * A directive that extends Angular's `CheckboxRequiredValidator` for use with `odx-checkbox` components,\n * enforcing required validation. This directive ensures that an `odx-checkbox` marked as required\n * is checked in order to be considered valid within a form.\n *\n * The directive is automatically applied to `odx-checkbox` elements that have the `required` attribute\n * along with either `formControlName`, `formControl`, or `ngModel` directives, making it integrate seamlessly\n * with both reactive and template-driven forms.\n *\n * @example\n * ```html\n * <!-- In a reactive form -->\n * <odx-checkbox formControlName=\"acceptTerms\" required></odx-checkbox>\n *\n * <!-- In a template-driven form -->\n * <odx-checkbox [(ngModel)]=\"acceptTerms\" name=\"acceptTerms\" required></odx-checkbox>\n * ```\n *\n * By using this directive, forms containing `odx-checkbox` components with the required validation\n * will ensure the checkbox is checked before considering the form valid.\n *\n * @extends {CheckboxRequiredValidator} Inherits the behavior of Angular's `CheckboxRequiredValidator`.\n */\n@Directive({\n  standalone: true,\n  selector: 'odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]',\n  providers: [\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => CheckboxValidator),\n      multi: true,\n    },\n  ],\n})\nexport class CheckboxValidator extends CheckboxRequiredValidator {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { CheckboxComponent } from './checkbox.component';\nimport { CheckboxValidator } from './checkbox.validator';\n\nconst modules = [CheckboxComponent, CheckboxValidator];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-chip.mjs

@@ -15,13 +15,13 @@ let ChipListRowComponent = class ChipListRowComponent {
     constructor() {
         this.element = injectElement();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListRowComponent, isStandalone: true, selector: "odx-chip-list-row", ngImport: i0, template: "<ng-content select=\"odx-chip\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChipListRowComponent, isStandalone: true, selector: "odx-chip-list-row", ngImport: i0, template: "<ng-content select=\"odx-chip\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 ChipListRowComponent = __decorate([
     CSSComponent('chip-list-row')
 ], ChipListRowComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-chip-list-row', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content select=\"odx-chip\"></ng-content>\n" }]
         }] });
@@ -33,13 +33,13 @@ let ChipListComponent = class ChipListComponent {
     constructor() {
         this.element = injectElement();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, isStandalone: true, selector: "odx-chip-list", ngImport: i0, template: "<ng-content select=\"odx-chip-list-row\"></ng-content>\n<ng-content select=\"odx-autocomplete\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChipListComponent, isStandalone: true, selector: "odx-chip-list", ngImport: i0, template: "<ng-content select=\"odx-chip-list-row\"></ng-content>\n<ng-content select=\"odx-autocomplete\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 ChipListComponent = __decorate([
     CSSComponent('chip-list')
 ], ChipListComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-chip-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content select=\"odx-chip-list-row\"></ng-content>\n<ng-content select=\"odx-autocomplete\"></ng-content>\n" }]
         }] });
@@ -98,8 +98,8 @@ let ChipComponent = class ChipComponent {
     get buttonVariant() {
         return this.variant === ChipVariant.WARNING ? null : this.variant;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: ChipComponent, isStandalone: true, selector: "odx-chip", inputs: { removable: ["removable", "removable", booleanAttribute], size: "size", variant: "variant" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"odx-chip__content\">\n  <ng-content></ng-content>\n</div>\n<button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"buttonVariant\" type=\"button\" (click)=\"onClick()\" *ngIf=\"removable\">\n  <odx-icon [size]=\"size\" name=\"close\" iconSet=\"core\"></odx-icon>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.12", type: ChipComponent, isStandalone: true, selector: "odx-chip", inputs: { removable: ["removable", "removable", booleanAttribute], size: "size", variant: "variant" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"odx-chip__content\">\n  <ng-content></ng-content>\n</div>\n<button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"buttonVariant\" type=\"button\" (click)=\"onClick()\" *ngIf=\"removable\">\n  <odx-icon [size]=\"size\" name=\"close\" iconSet=\"core\"></odx-icon>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier(),
@@ -112,7 +112,7 @@ __decorate([
 ChipComponent = __decorate([
     CSSComponent('chip')
 ], ChipComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-chip', imports: [CoreModule, ButtonComponent, IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"odx-chip__content\">\n  <ng-content></ng-content>\n</div>\n<button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"buttonVariant\" type=\"button\" (click)=\"onClick()\" *ngIf=\"removable\">\n  <odx-icon [size]=\"size\" name=\"close\" iconSet=\"core\"></odx-icon>\n</button>\n" }]
         }], propDecorators: { removable: [{

package/fesm2022/odx-angular-components-circular-progress.mjs

@@ -96,8 +96,8 @@ let CircularProgressComponent = class CircularProgressComponent {
         this.circumference = Math.floor(2 * this.radius * Math.PI);
         this.changeDetector.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CircularProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: CircularProgressComponent, isStandalone: true, selector: "odx-circular-progress", inputs: { stroke: ["stroke", "stroke", numberAttribute], size: "size", value: ["value", "value", numberAttribute] }, host: { properties: { "attr.aria-valuenow": "ariaValueNow", "attr.aria-valuemax": "100", "attr.aria-valuemin": "0", "attr.role": "\"meter\"" } }, usesOnChanges: true, ngImport: i0, template: "<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n  <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n  <circle\n    class=\"odx-circular-progress__indicator\"\n    [attr.stroke-dasharray]=\"circumference\"\n    [attr.stroke-dashoffset]=\"progressValue\"\n    [attr.stroke-width]=\"normalizedStroke\"\n    [attr.r]=\"radius\"\n    cx=\"50%\"\n    cy=\"50%\"\n  />\n</svg>\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CircularProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.12", type: CircularProgressComponent, isStandalone: true, selector: "odx-circular-progress", inputs: { stroke: ["stroke", "stroke", numberAttribute], size: "size", value: ["value", "value", numberAttribute] }, host: { properties: { "attr.aria-valuenow": "ariaValueNow", "attr.aria-valuemax": "100", "attr.aria-valuemin": "0", "attr.role": "\"meter\"" } }, usesOnChanges: true, ngImport: i0, template: "<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n  <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n  <circle\n    class=\"odx-circular-progress__indicator\"\n    [attr.stroke-dasharray]=\"circumference\"\n    [attr.stroke-dashoffset]=\"progressValue\"\n    [attr.stroke-width]=\"normalizedStroke\"\n    [attr.r]=\"radius\"\n    cx=\"50%\"\n    cy=\"50%\"\n  />\n</svg>\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier(),
@@ -110,7 +110,7 @@ __decorate([
 CircularProgressComponent = __decorate([
     CSSComponent('circular-progress')
 ], CircularProgressComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CircularProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CircularProgressComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'odx-circular-progress', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[attr.aria-valuenow]': 'ariaValueNow',

package/fesm2022/odx-angular-components-circular-progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-circular-progress.mjs","sources":["../../../../libs/angular/components/circular-progress/src/lib/models/circular-progress-size.ts","../../../../libs/angular/components/circular-progress/src/lib/circular-progress.component.ts","../../../../libs/angular/components/circular-progress/src/lib/circular-progress.component.html","../../../../libs/angular/components/circular-progress/src/odx-angular-components-circular-progress.ts"],"sourcesContent":["export type CircularProgressSize = typeof CircularProgressSize[keyof typeof CircularProgressSize];\n\nexport const CircularProgressSize = {\n  AUTO: 'auto',\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n} as const;\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n  Input,\n  numberAttribute,\n  OnChanges,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { fromElementResize$ } from '@odx/angular/rxjs';\nimport { hasChanged, injectElement, NgChanges, untilDestroyed } from '@odx/angular/utils';\nimport { CircularProgressSize } from './models/circular-progress-size';\n\n/**\n * Represents a circular progress component.\n * This component displays a circular progress indicator that can be used to show the progress of an operation.\n */\n@CSSComponent('circular-progress')\n@Component({\n  standalone: true,\n  selector: 'odx-circular-progress',\n  templateUrl: './circular-progress.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[attr.aria-valuenow]': 'ariaValueNow',\n    '[attr.aria-valuemax]': '100',\n    '[attr.aria-valuemin]': '0',\n    '[attr.role]': '\"meter\"',\n  },\n})\nexport class CircularProgressComponent implements OnChanges, AfterViewInit {\n  private readonly changeDetector = inject(ChangeDetectorRef);\n  private readonly takeUntilDestroyed = untilDestroyed();\n  private _value = 0;\n\n  protected readonly viewPortSize = 100;\n  protected radius = 0;\n  protected normalizedStroke = 0;\n  protected circumference = 283;\n\n  protected get ariaValueNow(): null | number {\n    return this.indeterminate ? null : this.value;\n  }\n\n  protected get progressValue(): number {\n    return this.indeterminate ? this.circumference : Math.floor((1 - this.value / 100) * this.circumference);\n  }\n\n  public readonly element = injectElement();\n\n  /**\n   * Specifies whether the circular progress is in indeterminate mode.\n   * In indeterminate mode, the progress indicator continuously animates without a specific value.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @CSSModifier()\n  public indeterminate = false;\n\n  /**\n   * The width of the stroke for the circular progress component.\n   *\n   * @type {number}\n   * @default 4\n   */\n  @Input({ transform: numberAttribute })\n  public stroke = 4;\n\n  /**\n   * The size of the circular progress component.\n   *\n   * @type {CircularProgressSize}\n   * @default CircularProgressSize.MEDIUM\n   */\n  @CSSModifier()\n  @Input()\n  public size: CircularProgressSize = CircularProgressSize.MEDIUM;\n\n  /**\n   * Sets and gets the value of the circular progress component.\n   *\n   * @param {number} value - The value to set. Must be between -1 and 100 (inclusive).\n   */\n  @Input({ transform: numberAttribute })\n  public set value(value: number) {\n    if (value <= 100 && value >= -1) {\n      this._value = value;\n      this.indeterminate = value === -1;\n    }\n  }\n\n  /**\n   * Gets the value of the circular progress.\n   *\n   * @returns {number} The current value of the circular progress.\n   */\n  public get value(): number {\n    return this._value;\n  }\n\n  public ngAfterViewInit(): void {\n    fromElementResize$(this.element.nativeElement)\n      .pipe(this.takeUntilDestroyed())\n      .subscribe(() => this.updateDimensions());\n  }\n\n  public ngOnChanges(changes: NgChanges<CircularProgressComponent>): void {\n    if (hasChanged(changes, ['stroke', 'size'])) {\n      this.updateDimensions();\n    }\n  }\n\n  private updateDimensions(): void {\n    if (this.stroke < 0) return;\n    const normalizeFactor = this.viewPortSize / (this.element.nativeElement.offsetWidth || 1);\n\n    this.normalizedStroke = normalizeFactor * this.stroke;\n    if (normalizeFactor >= 3) {\n      this.normalizedStroke = Math.max(0, this.normalizedStroke - normalizeFactor);\n    }\n    this.radius = Math.max(0, this.viewPortSize / 2 - this.normalizedStroke / 2);\n    this.circumference = Math.floor(2 * this.radius * Math.PI);\n    this.changeDetector.detectChanges();\n  }\n}\n","<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n  <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n  <circle\n    class=\"odx-circular-progress__indicator\"\n    [attr.stroke-dasharray]=\"circumference\"\n    [attr.stroke-dashoffset]=\"progressValue\"\n    [attr.stroke-width]=\"normalizedStroke\"\n    [attr.r]=\"radius\"\n    cx=\"50%\"\n    cy=\"50%\"\n  />\n</svg>\n<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAEa,MAAA,oBAAoB,GAAG;AAClC,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;;;ACUhB;;;AAGG;AAeU,IAAA,yBAAyB,GAA/B,MAAM,yBAAyB,CAAA;AAA/B,IAAA,WAAA,GAAA;AACY,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAC3C,IAAkB,CAAA,kBAAA,GAAG,cAAc,EAAE,CAAC;QAC/C,IAAM,CAAA,MAAA,GAAG,CAAC,CAAC;QAEA,IAAY,CAAA,YAAA,GAAG,GAAG,CAAC;QAC5B,IAAM,CAAA,MAAA,GAAG,CAAC,CAAC;QACX,IAAgB,CAAA,gBAAA,GAAG,CAAC,CAAC;QACrB,IAAa,CAAA,aAAA,GAAG,GAAG,CAAC;QAUd,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAE1C;;;;;;AAMG;QAEI,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;AAE7B;;;;;AAKG;QAEI,IAAM,CAAA,MAAA,GAAG,CAAC,CAAC;AAElB;;;;;AAKG;AAGI,QAAA,IAAA,CAAA,IAAI,GAAyB,oBAAoB,CAAC,MAAM,CAAC;AAgDjE,KAAA;AArFC,IAAA,IAAc,YAAY,GAAA;AACxB,QAAA,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;KAC/C;AAED,IAAA,IAAc,aAAa,GAAA;AACzB,QAAA,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC;KAC1G;AAiCD;;;;AAIG;IACH,IACW,KAAK,CAAC,KAAa,EAAA;QAC5B,IAAI,KAAK,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,EAAE;AAC/B,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;AACpB,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC;AACnC,SAAA;KACF;AAED;;;;AAIG;AACH,IAAA,IAAW,KAAK,GAAA;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;KACpB;IAEM,eAAe,GAAA;AACpB,QAAA,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;AAC3C,aAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;aAC/B,SAAS,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;KAC7C;AAEM,IAAA,WAAW,CAAC,OAA6C,EAAA;QAC9D,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,EAAE;YAC3C,IAAI,CAAC,gBAAgB,EAAE,CAAC;AACzB,SAAA;KACF;IAEO,gBAAgB,GAAA;AACtB,QAAA,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO;AAC5B,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;QAE1F,IAAI,CAAC,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC;QACtD,IAAI,eAAe,IAAI,CAAC,EAAE;AACxB,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC,CAAC;AAC9E,SAAA;QACD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;AAC7E,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,QAAA,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;KACrC;+GA9FU,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EAoChB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,eAAe,CAkBf,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,eAAe,oMCxFrC,6hBAaA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;ADiDS,UAAA,CAAA;AADN,IAAA,WAAW,EAAE;;AACe,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAmBtB,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAEkD,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA/CrD,yBAAyB,GAAA,UAAA,CAAA;IAdrC,YAAY,CAAC,mBAAmB,CAAC;AAcrB,CAAA,EAAA,yBAAyB,CA+FrC,CAAA;4FA/FY,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAbrC,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,uBAAuB,EAAA,eAAA,EAEhB,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACJ,wBAAA,sBAAsB,EAAE,cAAc;AACtC,wBAAA,sBAAsB,EAAE,KAAK;AAC7B,wBAAA,sBAAsB,EAAE,GAAG;AAC3B,wBAAA,aAAa,EAAE,SAAS;AACzB,qBAAA,EAAA,QAAA,EAAA,6hBAAA,EAAA,CAAA;AA8BM,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,aAAa,MASb,MAAM,EAAA,CAAA;sBADZ,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;gBAW9B,IAAI,EAAA,CAAA;sBADV,KAAK;gBASK,KAAK,EAAA,CAAA;sBADf,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;;;AExFvC;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-components-circular-progress.mjs","sources":["../../../../libs/angular/components/circular-progress/src/lib/models/circular-progress-size.ts","../../../../libs/angular/components/circular-progress/src/lib/circular-progress.component.ts","../../../../libs/angular/components/circular-progress/src/lib/circular-progress.component.html","../../../../libs/angular/components/circular-progress/src/odx-angular-components-circular-progress.ts"],"sourcesContent":["export type CircularProgressSize = typeof CircularProgressSize[keyof typeof CircularProgressSize];\n\nexport const CircularProgressSize = {\n  AUTO: 'auto',\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n} as const;\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  inject,\n  Input,\n  numberAttribute,\n  OnChanges,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { fromElementResize$ } from '@odx/angular/rxjs';\nimport { hasChanged, injectElement, NgChanges, untilDestroyed } from '@odx/angular/utils';\nimport { CircularProgressSize } from './models/circular-progress-size';\n\n/**\n * Represents a circular progress component.\n * This component displays a circular progress indicator that can be used to show the progress of an operation.\n */\n@CSSComponent('circular-progress')\n@Component({\n  standalone: true,\n  selector: 'odx-circular-progress',\n  templateUrl: './circular-progress.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[attr.aria-valuenow]': 'ariaValueNow',\n    '[attr.aria-valuemax]': '100',\n    '[attr.aria-valuemin]': '0',\n    '[attr.role]': '\"meter\"',\n  },\n})\nexport class CircularProgressComponent implements OnChanges, AfterViewInit {\n  private readonly changeDetector = inject(ChangeDetectorRef);\n  private readonly takeUntilDestroyed = untilDestroyed();\n  private _value = 0;\n\n  protected readonly viewPortSize = 100;\n  protected radius = 0;\n  protected normalizedStroke = 0;\n  protected circumference = 283;\n\n  protected get ariaValueNow(): null | number {\n    return this.indeterminate ? null : this.value;\n  }\n\n  protected get progressValue(): number {\n    return this.indeterminate ? this.circumference : Math.floor((1 - this.value / 100) * this.circumference);\n  }\n\n  public readonly element = injectElement();\n\n  /**\n   * Specifies whether the circular progress is in indeterminate mode.\n   * In indeterminate mode, the progress indicator continuously animates without a specific value.\n   *\n   * @type {boolean}\n   * @default false\n   */\n  @CSSModifier()\n  public indeterminate = false;\n\n  /**\n   * The width of the stroke for the circular progress component.\n   *\n   * @type {number}\n   * @default 4\n   */\n  @Input({ transform: numberAttribute })\n  public stroke = 4;\n\n  /**\n   * The size of the circular progress component.\n   *\n   * @type {CircularProgressSize}\n   * @default CircularProgressSize.MEDIUM\n   */\n  @CSSModifier()\n  @Input()\n  public size: CircularProgressSize = CircularProgressSize.MEDIUM;\n\n  /**\n   * Sets and gets the value of the circular progress component.\n   *\n   * @param {number} value - The value to set. Must be between -1 and 100 (inclusive).\n   */\n  @Input({ transform: numberAttribute })\n  public set value(value: number) {\n    if (value <= 100 && value >= -1) {\n      this._value = value;\n      this.indeterminate = value === -1;\n    }\n  }\n\n  /**\n   * Gets the value of the circular progress.\n   *\n   * @returns {number} The current value of the circular progress.\n   */\n  public get value(): number {\n    return this._value;\n  }\n\n  public ngAfterViewInit(): void {\n    fromElementResize$(this.element.nativeElement)\n      .pipe(this.takeUntilDestroyed())\n      .subscribe(() => this.updateDimensions());\n  }\n\n  public ngOnChanges(changes: NgChanges<CircularProgressComponent>): void {\n    if (hasChanged(changes, ['stroke', 'size'])) {\n      this.updateDimensions();\n    }\n  }\n\n  private updateDimensions(): void {\n    if (this.stroke < 0) return;\n    const normalizeFactor = this.viewPortSize / (this.element.nativeElement.offsetWidth || 1);\n\n    this.normalizedStroke = normalizeFactor * this.stroke;\n    if (normalizeFactor >= 3) {\n      this.normalizedStroke = Math.max(0, this.normalizedStroke - normalizeFactor);\n    }\n    this.radius = Math.max(0, this.viewPortSize / 2 - this.normalizedStroke / 2);\n    this.circumference = Math.floor(2 * this.radius * Math.PI);\n    this.changeDetector.detectChanges();\n  }\n}\n","<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n  <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n  <circle\n    class=\"odx-circular-progress__indicator\"\n    [attr.stroke-dasharray]=\"circumference\"\n    [attr.stroke-dashoffset]=\"progressValue\"\n    [attr.stroke-width]=\"normalizedStroke\"\n    [attr.r]=\"radius\"\n    cx=\"50%\"\n    cy=\"50%\"\n  />\n</svg>\n<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-content-box.mjs

@@ -5,10 +5,10 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, NgMod
  * Represents a content box component.
  */
 class ContentBoxComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContentBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContentBoxComponent, isStandalone: true, selector: "odx-content-box", host: { properties: { "class.odx-content-box": "true" } }, ngImport: i0, template: "<ng-content select=\"odx-area-header, odx-content-box-header\"></ng-content>\n<div class=\"odx-content-box__content\">\n  <ng-content></ng-content>\n</div>\n<ng-content select=\"odx-content-box-footer\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ContentBoxComponent, isStandalone: true, selector: "odx-content-box", host: { properties: { "class.odx-content-box": "true" } }, ngImport: i0, template: "<ng-content select=\"odx-area-header, odx-content-box-header\"></ng-content>\n<div class=\"odx-content-box__content\">\n  <ng-content></ng-content>\n</div>\n<ng-content select=\"odx-content-box-footer\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContentBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-content-box', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.odx-content-box]': 'true',
@@ -19,10 +19,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Represents a directive for the footer of a content box component.
  */
 class ContentBoxFooterDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContentBoxFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ContentBoxFooterDirective, isStandalone: true, selector: "odx-content-box-footer", host: { properties: { "class.odx-content-box__footer": "true" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBoxFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ContentBoxFooterDirective, isStandalone: true, selector: "odx-content-box-footer", host: { properties: { "class.odx-content-box__footer": "true" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContentBoxFooterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBoxFooterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'odx-content-box-footer',
@@ -37,10 +37,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Represents a directive for the header of a content box component.
  */
 class ContentBoxHeaderDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContentBoxHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ContentBoxHeaderDirective, isStandalone: true, selector: "odx-content-box-header", host: { properties: { "class.odx-content-box__header": "true" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBoxHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ContentBoxHeaderDirective, isStandalone: true, selector: "odx-content-box-header", host: { properties: { "class.odx-content-box__header": "true" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContentBoxHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBoxHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'odx-content-box-header',
@@ -53,11 +53,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 const modules = [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective];
 class ContentBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContentBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ContentBoxModule, imports: [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective], exports: [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContentBoxModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ContentBoxModule, imports: [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective], exports: [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBoxModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContentBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,