@odx/angular 13.1.2 → 13.1.4

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

@@ -47,8 +47,8 @@ let ButtonComponent = class ButtonComponent {
          */
         this.size = ButtonSize.MEDIUM;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ButtonComponent, isStandalone: true, selector: "button[odxButton], a[odxButton]", inputs: { variant: "variant", size: "size" }, host: { properties: { "attr.type": "type || \"button\"" } }, hostDirectives: [{ directive: i1.WithDisabledState }], ngImport: i0, template: "<ng-content select=\"odx-icon:not([alignRight])\" />\n<ng-content />\n<ng-content select=\"odx-icon[alignRight]\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: ButtonComponent, isStandalone: true, selector: "button[odxButton], a[odxButton]", inputs: { variant: "variant", size: "size" }, host: { properties: { "attr.type": "type || \"button\"" } }, hostDirectives: [{ directive: i1.WithDisabledState }], ngImport: i0, template: "<ng-content select=\"odx-icon:not([alignRight])\" />\n<ng-content />\n<ng-content select=\"odx-icon[alignRight]\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier()
@@ -59,7 +59,7 @@ __decorate([
 ButtonComponent = __decorate([
     CSSComponent('button')
 ], ButtonComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'button[odxButton], a[odxButton]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [WithDisabledState], host: {
                         '[attr.type]': 'type || "button"',
@@ -75,10 +75,10 @@ class ResponsiveButtonDirective {
         // eslint-disable-next-line @angular-eslint/no-input-rename
         this.breakpoint = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ResponsiveButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: ResponsiveButtonDirective, isStandalone: true, selector: "[odxButton][odxResponsiveButton]", inputs: { breakpoint: ["odxResponsiveButton", "breakpoint"] }, host: { properties: { "attr.data-breakpoint": "breakpoint" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ResponsiveButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: ResponsiveButtonDirective, isStandalone: true, selector: "[odxButton][odxResponsiveButton]", inputs: { breakpoint: ["odxResponsiveButton", "breakpoint"] }, host: { properties: { "attr.data-breakpoint": "breakpoint" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ResponsiveButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ResponsiveButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

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

@@ -254,10 +254,10 @@ class CalendarService {
     changeView(view) {
         this.calendarView$$.next(view);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarService, decorators: [{
             type: Injectable
         }] });
 
@@ -318,13 +318,13 @@ let CalendarHeaderComponent = class CalendarHeaderComponent {
             return;
         this.next.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CalendarHeaderComponent, isStandalone: true, selector: "odx-calendar-header", inputs: { activeDate: "activeDate", calendarView: "calendarView", minDate: "minDate", maxDate: "maxDate" }, outputs: { previous: "previous", next: "next", changeView: "changeView" }, usesOnChanges: true, ngImport: i0, template: "<odx-action-group>\n  <button odxButton [disabled]=\"isPreviousDisabled\" (click)=\"previousClicked($event)\"><odx-icon name=\"core::chevron-left\" /></button>\n\n  <button odxButton class=\"odx-calendar-header__title\" (click)=\"changeView.emit()\">\n    <ng-content />\n  </button>\n\n  <button odxButton [disabled]=\"isNextDisabled\" (click)=\"nextClicked($event)\"><odx-icon name=\"core::chevron-right\" /></button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name", "set", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: CalendarHeaderComponent, isStandalone: true, selector: "odx-calendar-header", inputs: { activeDate: "activeDate", calendarView: "calendarView", minDate: "minDate", maxDate: "maxDate" }, outputs: { previous: "previous", next: "next", changeView: "changeView" }, usesOnChanges: true, ngImport: i0, template: "<odx-action-group>\n  <button odxButton [disabled]=\"isPreviousDisabled\" (click)=\"previousClicked($event)\"><odx-icon name=\"core::chevron-left\" /></button>\n\n  <button odxButton class=\"odx-calendar-header__title\" (click)=\"changeView.emit()\">\n    <ng-content />\n  </button>\n\n  <button odxButton [disabled]=\"isNextDisabled\" (click)=\"nextClicked($event)\"><odx-icon name=\"core::chevron-right\" /></button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name", "set", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 CalendarHeaderComponent = __decorate([
     CSSComponent('calendar-header')
 ], CalendarHeaderComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-calendar-header', standalone: true, imports: [CoreModule, ActionGroupComponent, ButtonComponent, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<odx-action-group>\n  <button odxButton [disabled]=\"isPreviousDisabled\" (click)=\"previousClicked($event)\"><odx-icon name=\"core::chevron-left\" /></button>\n\n  <button odxButton class=\"odx-calendar-header__title\" (click)=\"changeView.emit()\">\n    <ng-content />\n  </button>\n\n  <button odxButton [disabled]=\"isNextDisabled\" (click)=\"nextClicked($event)\"><odx-icon name=\"core::chevron-right\" /></button>\n</odx-action-group>\n" }]
         }], propDecorators: { activeDate: [{
@@ -373,10 +373,10 @@ class DateLabelPipe {
         this.cdr.markForCheck();
         return this.formattedValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DateLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: DateLabelPipe, isStandalone: true, name: "odxDateLabel", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DateLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: DateLabelPipe, isStandalone: true, name: "odxDateLabel", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DateLabelPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DateLabelPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -524,8 +524,8 @@ let CalendarCellDirective = class CalendarCellDirective {
             this.calendarService.setHoveredDate(this.date);
         }, this.element.nativeElement)[0];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CalendarCellDirective, isStandalone: true, selector: "[odxCalendarCell]", inputs: { date: ["odxCalendarCell", "date"], calendarView: ["odxCalendarCellCalendarView", "calendarView"], activeDate: ["odxCalendarCellActiveDate", "activeDate"], selectedDate: ["odxCalendarCellSelectedDate", "selectedDate"], selectedDateRange: ["odxCalendarCellSelectedDateRange", "selectedDateRange"], previewDate: ["odxCalendarCellPreviewDate", "previewDate"] }, host: { properties: { "class.is-disabled": "isDisabled", "class.is-selected": "isSelected", "class.is-in-any-range": "isInRange || isInPreviewRange", "attr.hidden": "isHidden || null", "tabindex": "isActive ? 0 : -1", "attr.aria-label": "ariaLabel", "attr.aria-disabled": "isDisabled", "attr.type": "\"button\"" } }, providers: [DisabledController.connect(), DateLabelPipe], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: CalendarCellDirective, isStandalone: true, selector: "[odxCalendarCell]", inputs: { date: ["odxCalendarCell", "date"], calendarView: ["odxCalendarCellCalendarView", "calendarView"], activeDate: ["odxCalendarCellActiveDate", "activeDate"], selectedDate: ["odxCalendarCellSelectedDate", "selectedDate"], selectedDateRange: ["odxCalendarCellSelectedDateRange", "selectedDateRange"], previewDate: ["odxCalendarCellPreviewDate", "previewDate"] }, host: { properties: { "class.is-disabled": "isDisabled", "class.is-selected": "isSelected", "class.is-in-any-range": "isInRange || isInPreviewRange", "attr.hidden": "isHidden || null", "tabindex": "isActive ? 0 : -1", "attr.aria-label": "ariaLabel", "attr.aria-disabled": "isDisabled", "attr.type": "\"button\"" } }, providers: [DisabledController.connect(), DateLabelPipe], usesOnChanges: true, ngImport: i0 }); }
 };
 __decorate([
     CSSModifier()
@@ -554,7 +554,7 @@ __decorate([
 CalendarCellDirective = __decorate([
     CSSComponent('calendar-cell')
 ], CalendarCellDirective);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarCellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[odxCalendarCell]',
@@ -669,10 +669,10 @@ class CalendarViewDirective {
         event.stopPropagation();
         this.calendar.setActiveDate(date);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CalendarViewDirective, isStandalone: true, inputs: { activeDate: "activeDate", selectedDate: "selectedDate", selectedDateRange: "selectedDateRange", previewDate: "previewDate", minDate: "minDate", maxDate: "maxDate", filterFn: "filterFn" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: CalendarViewDirective, isStandalone: true, inputs: { activeDate: "activeDate", selectedDate: "selectedDate", selectedDateRange: "selectedDateRange", previewDate: "previewDate", minDate: "minDate", maxDate: "maxDate", filterFn: "filterFn" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarViewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarViewDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -719,10 +719,10 @@ class CalendarMonthService {
     generateDaysForWeek(date, currentDate) {
         return Array.from({ length: 7 }).map((_, i) => addDays(date, i), currentDate);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarMonthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarMonthService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarMonthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarMonthService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarMonthService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarMonthService, decorators: [{
             type: Injectable
         }] });
 
@@ -747,10 +747,10 @@ class CalendarYearService {
         }
         return seasons;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarYearService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarYearService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarYearService, decorators: [{
             type: Injectable
         }] });
 
@@ -779,10 +779,10 @@ class CalendarYearsService {
         }
         return yearRows;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearsService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarYearsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarYearsService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarYearsService, decorators: [{
             type: Injectable
         }] });
 
@@ -822,13 +822,13 @@ let CalendarMonthComponent = class CalendarMonthComponent extends CalendarViewDi
             return;
         this.calendar.selectDate(value, { emitOutside: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarMonthComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CalendarMonthComponent, isStandalone: true, selector: "odx-calendar-month", providers: [CalendarMonthService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"7\">\n        <odx-calendar-header\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (previous)=\"previousMonth($event)\"\n          (next)=\"nextMonth($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { month: 'long', year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n\n    <tr class=\"odx-calendar__weekdays\">\n      @for (day of calendarMonth.weekDays$ | async; track $index) {\n        <td>\n          {{ (day | odxDateLabel: { weekday: 'short' }).charAt(0) }}\n        </td>\n      }\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousDay($event)\"\n    (keydown.ArrowRight)=\"nextDay($event)\"\n    (keydown.ArrowUp)=\"previousWeek($event)\"\n    (keydown.ArrowDown)=\"nextWeek($event)\"\n    (keydown.PageUp)=\"previousMonth($event)\"\n    (keydown.PageDown)=\"nextMonth($event)\"\n  >\n    @for (week of calendarMonth.weeks$ | async; track $index) {\n      <tr>\n        @for (day of week; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(day)\"\n              [odxCalendarCell]=\"day\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              [odxCalendarCellPreviewDate]=\"previewDate\"\n              (click)=\"selectDate(day)\"\n            >\n              {{ day | odxDateLabel: { day: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "component", type: CalendarHeaderComponent, selector: "odx-calendar-header", inputs: ["activeDate", "calendarView", "minDate", "maxDate"], outputs: ["previous", "next", "changeView"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarMonthComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CalendarMonthComponent, isStandalone: true, selector: "odx-calendar-month", providers: [CalendarMonthService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"7\">\n        <odx-calendar-header\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (previous)=\"previousMonth($event)\"\n          (next)=\"nextMonth($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { month: 'long', year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n\n    <tr class=\"odx-calendar__weekdays\">\n      @for (day of calendarMonth.weekDays$ | async; track $index) {\n        <td>\n          {{ (day | odxDateLabel: { weekday: 'short' }).charAt(0) }}\n        </td>\n      }\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousDay($event)\"\n    (keydown.ArrowRight)=\"nextDay($event)\"\n    (keydown.ArrowUp)=\"previousWeek($event)\"\n    (keydown.ArrowDown)=\"nextWeek($event)\"\n    (keydown.PageUp)=\"previousMonth($event)\"\n    (keydown.PageDown)=\"nextMonth($event)\"\n  >\n    @for (week of calendarMonth.weeks$ | async; track $index) {\n      <tr>\n        @for (day of week; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(day)\"\n              [odxCalendarCell]=\"day\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              [odxCalendarCellPreviewDate]=\"previewDate\"\n              (click)=\"selectDate(day)\"\n            >\n              {{ day | odxDateLabel: { day: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "component", type: CalendarHeaderComponent, selector: "odx-calendar-header", inputs: ["activeDate", "calendarView", "minDate", "maxDate"], outputs: ["previous", "next", "changeView"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 CalendarMonthComponent = __decorate([
     CSSComponent('calendar-month')
 ], CalendarMonthComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarMonthComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarMonthComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-calendar-month', standalone: true, imports: [CoreModule, CalendarCellDirective, CalendarHeaderComponent, DateLabelPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CalendarMonthService], template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"7\">\n        <odx-calendar-header\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (previous)=\"previousMonth($event)\"\n          (next)=\"nextMonth($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { month: 'long', year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n\n    <tr class=\"odx-calendar__weekdays\">\n      @for (day of calendarMonth.weekDays$ | async; track $index) {\n        <td>\n          {{ (day | odxDateLabel: { weekday: 'short' }).charAt(0) }}\n        </td>\n      }\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousDay($event)\"\n    (keydown.ArrowRight)=\"nextDay($event)\"\n    (keydown.ArrowUp)=\"previousWeek($event)\"\n    (keydown.ArrowDown)=\"nextWeek($event)\"\n    (keydown.PageUp)=\"previousMonth($event)\"\n    (keydown.PageDown)=\"nextMonth($event)\"\n  >\n    @for (week of calendarMonth.weeks$ | async; track $index) {\n      <tr>\n        @for (day of week; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(day)\"\n              [odxCalendarCell]=\"day\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              [odxCalendarCellPreviewDate]=\"previewDate\"\n              (click)=\"selectDate(day)\"\n            >\n              {{ day | odxDateLabel: { day: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
         }] });
@@ -871,13 +871,13 @@ let CalendarYearComponent = class CalendarYearComponent extends CalendarViewDire
         this.calendar.selectDate(date, { skipDaterangeUpdate: true });
         this.changeView();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CalendarYearComponent, isStandalone: true, selector: "odx-calendar-year", providers: [CalendarYearService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"3\">\n        <odx-calendar-header\n          (previous)=\"previousYear($event)\"\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (next)=\"nextYear($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousMonth($event)\"\n    (keydown.ArrowRight)=\"nextMonth($event)\"\n    (keydown.ArrowUp)=\"previousSeason($event)\"\n    (keydown.ArrowDown)=\"nextSeason($event)\"\n    (keydown.PageDown)=\"nextYear($event)\"\n    (keydown.PageUp)=\"previousYear($event)\"\n  >\n    @for (season of calendarYear.seasons$ | async; track $index) {\n      <tr class=\"odx-calendar__season\">\n        @for (month of season; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(month)\"\n              [odxCalendarCell]=\"month\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(month)\"\n            >\n              {{ month | odxDateLabel: { month: 'short' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "component", type: CalendarHeaderComponent, selector: "odx-calendar-header", inputs: ["activeDate", "calendarView", "minDate", "maxDate"], outputs: ["previous", "next", "changeView"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarYearComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CalendarYearComponent, isStandalone: true, selector: "odx-calendar-year", providers: [CalendarYearService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"3\">\n        <odx-calendar-header\n          (previous)=\"previousYear($event)\"\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (next)=\"nextYear($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousMonth($event)\"\n    (keydown.ArrowRight)=\"nextMonth($event)\"\n    (keydown.ArrowUp)=\"previousSeason($event)\"\n    (keydown.ArrowDown)=\"nextSeason($event)\"\n    (keydown.PageDown)=\"nextYear($event)\"\n    (keydown.PageUp)=\"previousYear($event)\"\n  >\n    @for (season of calendarYear.seasons$ | async; track $index) {\n      <tr class=\"odx-calendar__season\">\n        @for (month of season; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(month)\"\n              [odxCalendarCell]=\"month\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(month)\"\n            >\n              {{ month | odxDateLabel: { month: 'short' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "component", type: CalendarHeaderComponent, selector: "odx-calendar-header", inputs: ["activeDate", "calendarView", "minDate", "maxDate"], outputs: ["previous", "next", "changeView"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 CalendarYearComponent = __decorate([
     CSSComponent('calendar-year')
 ], CalendarYearComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarYearComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-calendar-year', standalone: true, imports: [CoreModule, CalendarCellDirective, CalendarHeaderComponent, DateLabelPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CalendarYearService], template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead>\n    <tr>\n      <th colspan=\"3\">\n        <odx-calendar-header\n          (previous)=\"previousYear($event)\"\n          [calendarView]=\"currentView\"\n          [activeDate]=\"activeDate\"\n          [minDate]=\"minDate\"\n          [maxDate]=\"maxDate\"\n          (next)=\"nextYear($event)\"\n          (changeView)=\"changeView()\"\n        >\n          {{ activeDate | odxDateLabel: { year: 'numeric' } }}\n        </odx-calendar-header>\n      </th>\n    </tr>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousMonth($event)\"\n    (keydown.ArrowRight)=\"nextMonth($event)\"\n    (keydown.ArrowUp)=\"previousSeason($event)\"\n    (keydown.ArrowDown)=\"nextSeason($event)\"\n    (keydown.PageDown)=\"nextYear($event)\"\n    (keydown.PageUp)=\"previousYear($event)\"\n  >\n    @for (season of calendarYear.seasons$ | async; track $index) {\n      <tr class=\"odx-calendar__season\">\n        @for (month of season; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(month)\"\n              [odxCalendarCell]=\"month\"\n              [odxCalendarCellActiveDate]=\"activeDate\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(month)\"\n            >\n              {{ month | odxDateLabel: { month: 'short' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
         }] });
@@ -926,13 +926,13 @@ let CalendarYearsComponent = class CalendarYearsComponent extends CalendarViewDi
             element.scrollIntoView({ block: 'center', behavior: 'smooth' });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CalendarYearsComponent, isStandalone: true, selector: "odx-calendar-years", providers: [CalendarYearsService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead aria-hidden=\"true\">\n    <th></th>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousYear($event)\"\n    (keydown.ArrowRight)=\"nextYear($event)\"\n    (keydown.ArrowUp)=\"previousRow($event)\"\n    (keydown.ArrowDown)=\"nextRow($event)\"\n  >\n    @for (yearRow of calendarYears.years$ | async; track $index) {\n      <tr class=\"odx-calendar__year-row\">\n        @for (year of yearRow; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(year)\"\n              [odxCalendarCell]=\"year\"\n              [odxCalendarCellActiveDate]=\"calendar.activeDate$ | async\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(year)\"\n            >\n              {{ year | odxDateLabel: { year: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarYearsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CalendarYearsComponent, isStandalone: true, selector: "odx-calendar-years", providers: [CalendarYearsService], usesInheritance: true, ngImport: i0, template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead aria-hidden=\"true\">\n    <th></th>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousYear($event)\"\n    (keydown.ArrowRight)=\"nextYear($event)\"\n    (keydown.ArrowUp)=\"previousRow($event)\"\n    (keydown.ArrowDown)=\"nextRow($event)\"\n  >\n    @for (yearRow of calendarYears.years$ | async; track $index) {\n      <tr class=\"odx-calendar__year-row\">\n        @for (year of yearRow; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(year)\"\n              [odxCalendarCell]=\"year\"\n              [odxCalendarCellActiveDate]=\"calendar.activeDate$ | async\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(year)\"\n            >\n              {{ year | odxDateLabel: { year: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: CalendarCellDirective, selector: "[odxCalendarCell]", inputs: ["odxCalendarCell", "odxCalendarCellCalendarView", "odxCalendarCellActiveDate", "odxCalendarCellSelectedDate", "odxCalendarCellSelectedDateRange", "odxCalendarCellPreviewDate"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: DateLabelPipe, name: "odxDateLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 CalendarYearsComponent = __decorate([
     CSSComponent('calendar-years')
 ], CalendarYearsComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarYearsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarYearsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-calendar-years', standalone: true, imports: [CoreModule, CalendarCellDirective, CalendarHeaderComponent, DateLabelPipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CalendarYearsService], template: "<table class=\"odx-calendar__table\" role=\"grid\" aria-describedby=\"odx-calendar\">\n  <thead aria-hidden=\"true\">\n    <th></th>\n  </thead>\n\n  <tbody\n    class=\"odx-calendar__body\"\n    (keydown.ArrowLeft)=\"previousYear($event)\"\n    (keydown.ArrowRight)=\"nextYear($event)\"\n    (keydown.ArrowUp)=\"previousRow($event)\"\n    (keydown.ArrowDown)=\"nextRow($event)\"\n  >\n    @for (yearRow of calendarYears.years$ | async; track $index) {\n      <tr class=\"odx-calendar__year-row\">\n        @for (year of yearRow; track $index) {\n          <td role=\"gridcell\">\n            <button\n              [disabled]=\"isDateDisabled(year)\"\n              [odxCalendarCell]=\"year\"\n              [odxCalendarCellActiveDate]=\"calendar.activeDate$ | async\"\n              [odxCalendarCellCalendarView]=\"currentView\"\n              [odxCalendarCellSelectedDate]=\"selectedDate\"\n              [odxCalendarCellSelectedDateRange]=\"selectedDateRange\"\n              (click)=\"selectDate(year)\"\n            >\n              {{ year | odxDateLabel: { year: 'numeric' } }}\n            </button>\n          </td>\n        }\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
         }] });
@@ -999,10 +999,10 @@ class DaterangeService {
             this.calendar.setActiveDate(value.start);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DaterangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DaterangeService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaterangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaterangeService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DaterangeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DaterangeService, decorators: [{
             type: Injectable
         }] });
 
@@ -1081,13 +1081,13 @@ let CalendarComponent = class CalendarComponent {
             this.daterange.setDateRange(this.selectedDateRange);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CalendarComponent, isStandalone: true, selector: "odx-calendar", inputs: { selectedDate: "selectedDate", selectedDateRange: "selectedDateRange", minDate: "minDate", maxDate: "maxDate", filterFn: "filterFn" }, outputs: { selectedDateChange: "selectedDateChange", selectedDateRangeChange: "selectedDateRangeChange" }, providers: [CalendarService, EventManager, DaterangeService], usesOnChanges: true, ngImport: i0, template: "@if (vm$ | async; as vm) {\n  @switch (vm.calendarView) {\n    @case (CalendarView.Year) {\n      <odx-calendar-year\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @case (CalendarView.Years) {\n      <odx-calendar-years\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @default {\n      <odx-calendar-month\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [previewDate]=\"vm.previewDate\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "ngmodule", type: A11yModule }, { kind: "component", type: CalendarMonthComponent, selector: "odx-calendar-month" }, { kind: "component", type: CalendarYearComponent, selector: "odx-calendar-year" }, { kind: "component", type: CalendarYearsComponent, selector: "odx-calendar-years" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CalendarComponent, isStandalone: true, selector: "odx-calendar", inputs: { selectedDate: "selectedDate", selectedDateRange: "selectedDateRange", minDate: "minDate", maxDate: "maxDate", filterFn: "filterFn" }, outputs: { selectedDateChange: "selectedDateChange", selectedDateRangeChange: "selectedDateRangeChange" }, providers: [CalendarService, EventManager, DaterangeService], usesOnChanges: true, ngImport: i0, template: "@if (vm$ | async; as vm) {\n  @switch (vm.calendarView) {\n    @case (CalendarView.Year) {\n      <odx-calendar-year\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @case (CalendarView.Years) {\n      <odx-calendar-years\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @default {\n      <odx-calendar-month\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [previewDate]=\"vm.previewDate\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "ngmodule", type: A11yModule }, { kind: "component", type: CalendarMonthComponent, selector: "odx-calendar-month" }, { kind: "component", type: CalendarYearComponent, selector: "odx-calendar-year" }, { kind: "component", type: CalendarYearsComponent, selector: "odx-calendar-years" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 CalendarComponent = __decorate([
     CSSComponent('calendar')
 ], CalendarComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CalendarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-calendar', standalone: true, imports: [CoreModule, A11yModule, CalendarMonthComponent, CalendarYearComponent, CalendarYearsComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [CalendarService, EventManager, DaterangeService], template: "@if (vm$ | async; as vm) {\n  @switch (vm.calendarView) {\n    @case (CalendarView.Year) {\n      <odx-calendar-year\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @case (CalendarView.Years) {\n      <odx-calendar-years\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n    @default {\n      <odx-calendar-month\n        [activeDate]=\"vm.activeDate\"\n        [selectedDate]=\"vm.selectedDate\"\n        [selectedDateRange]=\"vm.selectedDateRange\"\n        [previewDate]=\"vm.previewDate\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [filterFn]=\"filterFn\"\n      />\n    }\n  }\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { selectedDate: [{

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

@@ -49,10 +49,10 @@ const { CardConfig, CardDefaultConfig, injectCardConfig, provideCardConfig } = c
  * Represents a card footer component.
  */
 class CardFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CardFooterComponent, isStandalone: true, selector: "odx-card-footer", host: { properties: { "class.odx-card__footer": "true" } }, ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: CardFooterComponent, isStandalone: true, selector: "odx-card-footer", host: { properties: { "class.odx-card__footer": "true" } }, ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CardFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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',
@@ -115,13 +115,13 @@ let CardImageComponent = class CardImageComponent {
             return el;
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CardImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: CardImageComponent, isStandalone: true, selector: "odx-card-image", inputs: { imageRatio: { classPropertyName: "imageRatio", publicName: "imageRatio", isSignal: true, isRequired: false, transformFunction: null }, maxImageHeight: { classPropertyName: "maxImageHeight", publicName: "maxImageHeight", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--odx-card-image-max-height": "maxImageHeightStyle", "style.--odx-card-image-aspect-ratio": "imageAspectRatioStyle", "style.--odx-card-image-object-fit": "objectFitStyle", "class.has-aspect-auto": "isAspectAuto", "class.has-fill": "hasFill" } }, ngImport: i0, template: "<odx-chip-list-row>\n  <ng-content ngProjectAs=\"odx-chip\" select=\"odx-chip\" />\n</odx-chip-list-row>\n\n<figure class=\"odx-card-image__img\">\n  <ng-content select=\"img\" />\n</figure>\n", dependencies: [{ kind: "component", type: ChipListRowComponent, selector: "odx-chip-list-row" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CardImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CardImageComponent, isStandalone: true, selector: "odx-card-image", inputs: { imageRatio: { classPropertyName: "imageRatio", publicName: "imageRatio", isSignal: true, isRequired: false, transformFunction: null }, maxImageHeight: { classPropertyName: "maxImageHeight", publicName: "maxImageHeight", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--odx-card-image-max-height": "maxImageHeightStyle", "style.--odx-card-image-aspect-ratio": "imageAspectRatioStyle", "style.--odx-card-image-object-fit": "objectFitStyle", "class.has-aspect-auto": "isAspectAuto", "class.has-fill": "hasFill" } }, ngImport: i0, template: "<odx-chip-list-row>\n  <ng-content ngProjectAs=\"odx-chip\" select=\"odx-chip\" />\n</odx-chip-list-row>\n\n<figure class=\"odx-card-image__img\">\n  <ng-content select=\"img\" />\n</figure>\n", dependencies: [{ kind: "component", type: ChipListRowComponent, selector: "odx-chip-list-row" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 CardImageComponent = __decorate([
     CSSComponent('card-image')
 ], CardImageComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CardImageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CardImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-card-image', standalone: true, imports: [ChipListRowComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[style.--odx-card-image-max-height]': 'maxImageHeightStyle',
@@ -136,10 +136,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Represents a launch card subtitle component.
  */
 class LaunchCardSubtitleComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LaunchCardSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: LaunchCardSubtitleComponent, isStandalone: true, selector: "odx-launch-card-subtitle", host: { properties: { "class.odx-card__subtitle": "true" } }, ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LaunchCardSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: LaunchCardSubtitleComponent, isStandalone: true, selector: "odx-launch-card-subtitle", host: { properties: { "class.odx-card__subtitle": "true" } }, ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: LaunchCardSubtitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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',
@@ -196,8 +196,8 @@ let CardComponent = class CardComponent {
             this.interact.emit(event);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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: "@if (!launchTile) {\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-card-image\" />\n    <div class=\"odx-card__title odx-heading-5\" role=\"heading\">\n      <ng-container *ngTemplateOutlet=\"content\" />\n    </div>\n    <ng-content select=\"[odxCardContent], odx-card-content\" />\n  </div>\n} @else {\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-avatar\" />\n    <div class=\"odx-card__content\">\n      <div class=\"odx-card__title\" role=\"heading\">\n        <ng-container *ngTemplateOutlet=\"content\" />\n      </div>\n      <ng-content select=\"odx-launch-card-subtitle\" />\n    </div>\n  </div>\n}\n\n<ng-content select=\"odx-card-footer\" />\n\n@if (menu) {\n  <odx-action-group class=\"odx-card__menu\">\n    <button odxButton [odxMenu]=\"menuTpl\" odxMenuPosition=\"bottom-end\">\n      <odx-icon [name]=\"menuIcon\" aria-hidden=\"true\" />\n    </button>\n\n    <ng-template #menuTpl>\n      <ng-content select=\"odx-menu\" />\n    </ng-template>\n  </odx-action-group>\n} @else if (buttons) {\n  <ng-content select=\"odx-action-group\" />\n}\n\n<ng-template #content>\n  <ng-content />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { 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: ["size", "name", "set", "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: "20.3.18", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", 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: "@if (!launchTile) {\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-card-image\" />\n    <div class=\"odx-card__title odx-heading-5\" role=\"heading\">\n      <ng-container *ngTemplateOutlet=\"content\" />\n    </div>\n    <ng-content select=\"[odxCardContent], odx-card-content\" />\n  </div>\n} @else {\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-avatar\" />\n    <div class=\"odx-card__content\">\n      <div class=\"odx-card__title\" role=\"heading\">\n        <ng-container *ngTemplateOutlet=\"content\" />\n      </div>\n      <ng-content select=\"odx-launch-card-subtitle\" />\n    </div>\n  </div>\n}\n\n<ng-content select=\"odx-card-footer\" />\n\n@if (menu) {\n  <odx-action-group class=\"odx-card__menu\">\n    <button odxButton [odxMenu]=\"menuTpl\" odxMenuPosition=\"bottom-end\">\n      <odx-icon [name]=\"menuIcon\" aria-hidden=\"true\" />\n    </button>\n\n    <ng-template #menuTpl>\n      <ng-content select=\"odx-menu\" />\n    </ng-template>\n  </odx-action-group>\n} @else if (buttons) {\n  <ng-content select=\"odx-action-group\" />\n}\n\n<ng-template #content>\n  <ng-content />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { 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: ["size", "name", "set", "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()
@@ -205,7 +205,7 @@ __decorate([
 CardComponent = __decorate([
     CSSComponent('card')
 ], CardComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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], hostDirectives: [InteractiveDirective], template: "@if (!launchTile) {\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-card-image\" />\n    <div class=\"odx-card__title odx-heading-5\" role=\"heading\">\n      <ng-container *ngTemplateOutlet=\"content\" />\n    </div>\n    <ng-content select=\"[odxCardContent], odx-card-content\" />\n  </div>\n} @else {\n  <div class=\"odx-card__container\">\n    <ng-content select=\"odx-avatar\" />\n    <div class=\"odx-card__content\">\n      <div class=\"odx-card__title\" role=\"heading\">\n        <ng-container *ngTemplateOutlet=\"content\" />\n      </div>\n      <ng-content select=\"odx-launch-card-subtitle\" />\n    </div>\n  </div>\n}\n\n<ng-content select=\"odx-card-footer\" />\n\n@if (menu) {\n  <odx-action-group class=\"odx-card__menu\">\n    <button odxButton [odxMenu]=\"menuTpl\" odxMenuPosition=\"bottom-end\">\n      <odx-icon [name]=\"menuIcon\" aria-hidden=\"true\" />\n    </button>\n\n    <ng-template #menuTpl>\n      <ng-content select=\"odx-menu\" />\n    </ng-template>\n  </odx-action-group>\n} @else if (buttons) {\n  <ng-content select=\"odx-action-group\" />\n}\n\n<ng-template #content>\n  <ng-content />\n</ng-template>\n" }]
         }], ctorParameters: () => [], propDecorators: { menu: [{
@@ -232,10 +232,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Directive for displaying the content of a card.
  */
 class CardContentDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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: "20.3.18", ngImport: i0, type: CardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", 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: "20.3.16", ngImport: i0, type: CardContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CardContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[odxCardContent], odx-card-content',
@@ -248,11 +248,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 const modules = [CardComponent, CardFooterComponent, CardImageComponent, LaunchCardSubtitleComponent, CardContentDirective];
 class CardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", 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: "20.3.16", ngImport: i0, type: CardModule, imports: [CardComponent, CardImageComponent, CoreModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", 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: "20.3.18", ngImport: i0, type: CardModule, imports: [CardComponent, CardImageComponent, CoreModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [modules],

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: "20.3.16", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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\" />\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <div class=\"odx-checkbox__title\">\n      <ng-content />\n      @if (isRequired) {\n        <span class=\"odx-checkbox__required\">*</span>\n      }\n    </div>\n    <ng-content select=\".odx-checkbox__subtitle\" />\n  </div>\n</label>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name", "set", "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: "20.3.18", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", 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\" />\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <div class=\"odx-checkbox__title\">\n      <ng-content />\n      @if (isRequired) {\n        <span class=\"odx-checkbox__required\">*</span>\n      }\n    </div>\n    <ng-content select=\".odx-checkbox__subtitle\" />\n  </div>\n</label>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name", "set", "identifier"] }, { kind: "directive", type: ControlDirective, selector: "[odxControl]", exportAs: ["odxControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier()
@@ -84,7 +84,7 @@ __decorate([
 CheckboxComponent = __decorate([
     CSSComponent('checkbox')
 ], CheckboxComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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',
@@ -120,8 +120,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * @extends {CheckboxRequiredValidator} Inherits the behavior of Angular's `CheckboxRequiredValidator`.
  */
 class CheckboxValidator extends CheckboxRequiredValidator {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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: "20.3.18", ngImport: i0, type: CheckboxValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: CheckboxValidator, isStandalone: true, selector: "odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]", providers: [
             {
                 provide: NG_VALIDATORS,
                 useExisting: forwardRef(() => CheckboxValidator),
@@ -129,7 +129,7 @@ class CheckboxValidator extends CheckboxRequiredValidator {
             },
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CheckboxValidator, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -146,11 +146,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 const modules = [CheckboxComponent, CheckboxValidator];
 class CheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CheckboxValidator], exports: [CoreModule, CheckboxComponent, CheckboxValidator] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CoreModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CheckboxValidator], exports: [CoreModule, CheckboxComponent, CheckboxValidator] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CoreModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,

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

@@ -14,13 +14,13 @@ let ChipListRowComponent = class ChipListRowComponent {
     constructor() {
         this.element = injectElement();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChipListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ChipListRowComponent, isStandalone: true, selector: "odx-chip-list-row", ngImport: i0, template: "<ng-content select=\"odx-chip\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChipListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: ChipListRowComponent, isStandalone: true, selector: "odx-chip-list-row", ngImport: i0, template: "<ng-content select=\"odx-chip\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 ChipListRowComponent = __decorate([
     CSSComponent('chip-list-row')
 ], ChipListRowComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChipListRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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\" />\n" }]
         }] });
@@ -32,13 +32,13 @@ let ChipListComponent = class ChipListComponent {
     constructor() {
         this.element = injectElement();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ChipListComponent, isStandalone: true, selector: "odx-chip-list", ngImport: i0, template: "<ng-content select=\"odx-chip-list-row\" />\n<ng-content select=\"odx-autocomplete\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: ChipListComponent, isStandalone: true, selector: "odx-chip-list", ngImport: i0, template: "<ng-content select=\"odx-chip-list-row\" />\n<ng-content select=\"odx-autocomplete\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 ChipListComponent = __decorate([
     CSSComponent('chip-list')
 ], ChipListComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChipListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", 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\" />\n<ng-content select=\"odx-autocomplete\" />\n" }]
         }] });
@@ -97,8 +97,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: "20.3.16", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ChipComponent, isStandalone: true, selector: "odx-chip", inputs: { removable: ["removable", "removable", booleanAttribute], size: "size", variant: "variant" }, outputs: { remove: "remove" }, ngImport: i0, template: "<ng-content select=\"odx-icon\" />\n<div class=\"odx-chip__content\">\n  <ng-content />\n</div>\n@if (removable) {\n  <button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"buttonVariant\" type=\"button\" (click)=\"onClick()\">\n    <odx-icon [size]=\"size\" name=\"core::close\" />\n  </button>\n}\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name", "set", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ChipComponent, isStandalone: true, selector: "odx-chip", inputs: { removable: ["removable", "removable", booleanAttribute], size: "size", variant: "variant" }, outputs: { remove: "remove" }, ngImport: i0, template: "<ng-content select=\"odx-icon\" />\n<div class=\"odx-chip__content\">\n  <ng-content />\n</div>\n@if (removable) {\n  <button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"buttonVariant\" type=\"button\" (click)=\"onClick()\">\n    <odx-icon [size]=\"size\" name=\"core::close\" />\n  </button>\n}\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name", "set", "identifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 };
 __decorate([
     CSSModifier()
@@ -109,7 +109,7 @@ __decorate([
 ChipComponent = __decorate([
     CSSComponent('chip')
 ], ChipComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-chip', imports: [CoreModule, ButtonComponent, IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content select=\"odx-icon\" />\n<div class=\"odx-chip__content\">\n  <ng-content />\n</div>\n@if (removable) {\n  <button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"buttonVariant\" type=\"button\" (click)=\"onClick()\">\n    <odx-icon [size]=\"size\" name=\"core::close\" />\n  </button>\n}\n" }]
         }], propDecorators: { removable: [{