@baloise/ds-angular 17.4.1 → 18.0.0-nightly.20250212

package/{fesm2020 → fesm2022}/baloise-ds-angular.mjs

@@ -2,7 +2,7 @@ import * as i1 from '@baloise/ds-angular-common';
 import { OverlayBaseController, BalTokenModal, BalTokenToast, BalTokenSnackbar, raf, BalTokenUserConfig, BalNgErrorComponent as BalNgErrorComponent$1, BalAutoFocus as BalAutoFocus$1, BalTokenConfig, BalTokenBreakpoints, BalTokenBreakpointSubject, BalTokenDevice, BalTokenOrientationSubject, AngularDelegate, BalBreakpointsService, BalConfigService, BalModalService as BalModalService$1, BalOrientationService, BalSnackbarService as BalSnackbarService$1, BalToastService as BalToastService$1 } from '@baloise/ds-angular-common';
 export { AngularDelegate, BalBreakpointsService, BalConfigService, BalOrientationService, BalTokenBreakpointSubject, BalTokenBreakpoints, BalTokenConfig, BalTokenDevice, BalTokenModal, BalTokenOrientationSubject, BalTokenSnackbar, BalTokenToast, BalTokenUserConfig, element, parseCustomEvent, raf } from '@baloise/ds-angular-common';
 import * as i0 from '@angular/core';
-import { Injectable, Inject, EventEmitter, ChangeDetectorRef, ElementRef, NgZone, Component, ChangeDetectionStrategy, Directive, HostListener, forwardRef, Injector, makeEnvironmentProviders, APP_INITIALIZER } from '@angular/core';
+import { Inject, Injectable, EventEmitter, ChangeDetectorRef, ElementRef, NgZone, ChangeDetectionStrategy, Component, HostListener, Directive, forwardRef, Injector, makeEnvironmentProviders, APP_INITIALIZER } from '@angular/core';
 import { defineCustomElement as defineCustomElement$1 } from '@baloise/ds-core/components/bal-modal';
 import { defineCustomElement as defineCustomElement$2 } from '@baloise/ds-core/components/bal-notices';
 import { defineCustomElement as defineCustomElement$3 } from '@baloise/ds-core/components/bal-toast';
@@ -123,7 +123,7 @@ import { defineCustomElement as defineCustomElement$1P } from '@baloise/ds-core/
 import { defineCustomElement as defineCustomElement$1Q } from '@baloise/ds-core/components/bal-time-input';
 import * as i1$1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
-import { initializeBaloiseDesignSystem, attachToConfig, defaultConfig, detachFromConfig, updateBalAllowedLanguages, updateBalAnimated, updateBalIcons, updateBalLanguage, updateBalRegion, balToastController, balSnackbarController, balModalController, balBreakpoints, balBreakpointSubject, balDevice, balOrientationSubject } from '@baloise/ds-core/components';
+import { initializeBaloiseDesignSystem, updateBalRegion, updateBalLanguage, updateBalIcons, updateBalAnimated, updateBalAllowedLanguages, detachFromConfig, defaultConfig, attachToConfig, balToastController, balSnackbarController, balModalController, balBreakpoints, balBreakpointSubject, balDevice, balOrientationSubject } from '@baloise/ds-core/components';
 
 class BalModalService extends OverlayBaseController {
     constructor(angularDelegate, resolver, injector, ctrl) {
@@ -139,18 +139,18 @@ class BalModalService extends OverlayBaseController {
             delegate: this.angularDelegate.create(this.resolver, this.injector),
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalModalService, deps: [{ token: i1.AngularDelegate }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: BalTokenModal }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalModalService, providedIn: 'root' }); }
 }
-BalModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModalService, deps: [{ token: i1.AngularDelegate }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: BalTokenModal }], target: i0.ɵɵFactoryTarget.Injectable });
-BalModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModalService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalModalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1.AngularDelegate }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1.AngularDelegate }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [BalTokenModal]
-                }] }]; } });
+                }] }] });
 
 class BalToastService {
     constructor(ctrl) {
@@ -164,18 +164,18 @@ class BalToastService {
     async dismissAll() {
         return this.ctrl.dismissAll();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalToastService, deps: [{ token: BalTokenToast }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalToastService, providedIn: 'root' }); }
 }
-BalToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalToastService, deps: [{ token: BalTokenToast }], target: i0.ɵɵFactoryTarget.Injectable });
-BalToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalToastService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [BalTokenToast]
-                }] }]; } });
+                }] }] });
 
 class BalSnackbarService {
     constructor(ctrl) {
@@ -189,18 +189,18 @@ class BalSnackbarService {
     async dismissAll() {
         return this.ctrl.dismissAll();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSnackbarService, deps: [{ token: BalTokenSnackbar }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSnackbarService, providedIn: 'root' }); }
 }
-BalSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSnackbarService, deps: [{ token: BalTokenSnackbar }], target: i0.ɵɵFactoryTarget.Injectable });
-BalSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSnackbarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSnackbarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSnackbarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [BalTokenSnackbar]
-                }] }]; } });
+                }] }] });
 
 /* eslint-disable */
 /* tslint:disable */
@@ -269,9 +269,9 @@ let BalAccordion = class BalAccordion {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balChange', 'balWillAnimate', 'balDidAnimate']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalAccordion, isStandalone: true, selector: "bal-accordion", inputs: { active: "active", card: "card", closeIcon: "closeIcon", closeLabel: "closeLabel", debounce: "debounce", openIcon: "openIcon", openLabel: "openLabel" }, outputs: { balChange: "balChange", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalAccordion.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalAccordion.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalAccordion, isStandalone: true, selector: "bal-accordion", inputs: { active: "active", card: "card", closeIcon: "closeIcon", closeLabel: "closeLabel", debounce: "debounce", openIcon: "openIcon", openLabel: "openLabel" }, outputs: { balChange: "balChange", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalAccordion = __decorate([
     ProxyCmp({
         inputs: ['active', 'card', 'closeIcon', 'closeLabel', 'debounce', 'openIcon', 'openLabel'],
@@ -280,7 +280,7 @@ BalAccordion = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalAccordion);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalAccordion, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalAccordion, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-accordion',
@@ -290,23 +290,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['active', 'card', 'closeIcon', 'closeLabel', 'debounce', 'openIcon', 'openLabel'],
                     outputs: ['balChange', 'balWillAnimate', 'balDidAnimate']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalAccordionDetails = class BalAccordionDetails {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalAccordionDetails, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalAccordionDetails, isStandalone: true, selector: "bal-accordion-details", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalAccordionDetails.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalAccordionDetails, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalAccordionDetails.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalAccordionDetails, isStandalone: true, selector: "bal-accordion-details", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalAccordionDetails = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$6
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalAccordionDetails);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalAccordionDetails, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalAccordionDetails, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-accordion-details',
@@ -314,16 +314,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalAccordionSummary = class BalAccordionSummary {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalAccordionSummary, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalAccordionSummary, isStandalone: true, selector: "bal-accordion-summary", inputs: { trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalAccordionSummary.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalAccordionSummary, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalAccordionSummary.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalAccordionSummary, isStandalone: true, selector: "bal-accordion-summary", inputs: { trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalAccordionSummary = __decorate([
     ProxyCmp({
         inputs: ['trigger'],
@@ -331,7 +331,7 @@ BalAccordionSummary = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalAccordionSummary);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalAccordionSummary, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalAccordionSummary, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-accordion-summary',
@@ -340,16 +340,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['trigger']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalAccordionTrigger = class BalAccordionTrigger {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalAccordionTrigger, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalAccordionTrigger, isStandalone: true, selector: "bal-accordion-trigger", inputs: { button: "button", closeIcon: "closeIcon", closeLabel: "closeLabel", color: "color", expanded: "expanded", openIcon: "openIcon", openLabel: "openLabel", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalAccordionTrigger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalAccordionTrigger, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalAccordionTrigger.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalAccordionTrigger, isStandalone: true, selector: "bal-accordion-trigger", inputs: { button: "button", closeIcon: "closeIcon", closeLabel: "closeLabel", color: "color", expanded: "expanded", openIcon: "openIcon", openLabel: "openLabel", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalAccordionTrigger = __decorate([
     ProxyCmp({
         inputs: ['button', 'closeIcon', 'closeLabel', 'color', 'expanded', 'openIcon', 'openLabel', 'size'],
@@ -357,7 +357,7 @@ BalAccordionTrigger = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalAccordionTrigger);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalAccordionTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalAccordionTrigger, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-accordion-trigger',
@@ -366,16 +366,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['button', 'closeIcon', 'closeLabel', 'color', 'expanded', 'openIcon', 'openLabel', 'size']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalApp = class BalApp {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalApp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalApp, isStandalone: true, selector: "bal-app", inputs: { animated: "animated" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalApp.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalApp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalApp.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalApp, isStandalone: true, selector: "bal-app", inputs: { animated: "animated" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalApp = __decorate([
     ProxyCmp({
         inputs: ['animated'],
@@ -384,7 +384,7 @@ BalApp = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalApp);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalApp, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalApp, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-app',
@@ -393,16 +393,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['animated']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalBadge = class BalBadge {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalBadge, isStandalone: true, selector: "bal-badge", inputs: { color: "color", icon: "icon", position: "position", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalBadge.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalBadge.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalBadge, isStandalone: true, selector: "bal-badge", inputs: { color: "color", icon: "icon", position: "position", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalBadge = __decorate([
     ProxyCmp({
         inputs: ['color', 'icon', 'position', 'size'],
@@ -410,7 +410,7 @@ BalBadge = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalBadge);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalBadge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalBadge, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-badge',
@@ -419,7 +419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['color', 'icon', 'position', 'size']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalButton = class BalButton {
     constructor(c, r, z) {
         this.z = z;
@@ -427,9 +427,9 @@ let BalButton = class BalButton {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balNavigate', 'balFocus', 'balBlur', 'balDidRender']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalButton, isStandalone: true, selector: "bal-button", inputs: { aria: "aria", balPopup: "balPopup", color: "color", disabled: "disabled", download: "download", elementType: "elementType", expanded: "expanded", flat: "flat", href: "href", icon: "icon", iconRight: "iconRight", iconTurn: "iconTurn", inverted: "inverted", isActive: "isActive", loading: "loading", name: "name", noWrap: "noWrap", outlined: "outlined", rel: "rel", rounded: "rounded", shadow: "shadow", size: "size", square: "square", target: "target", value: "value" }, outputs: { balNavigate: "balNavigate", balFocus: "balFocus", balBlur: "balBlur", balDidRender: "balDidRender" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalButton, isStandalone: true, selector: "bal-button", inputs: { aria: "aria", balPopup: "balPopup", color: "color", disabled: "disabled", download: "download", elementType: "elementType", expanded: "expanded", flat: "flat", href: "href", icon: "icon", iconRight: "iconRight", iconTurn: "iconTurn", inverted: "inverted", isActive: "isActive", loading: "loading", name: "name", noWrap: "noWrap", outlined: "outlined", rel: "rel", rounded: "rounded", shadow: "shadow", size: "size", square: "square", target: "target", value: "value" }, outputs: { balNavigate: "balNavigate", balFocus: "balFocus", balBlur: "balBlur", balDidRender: "balDidRender" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalButton = __decorate([
     ProxyCmp({
         inputs: ['aria', 'balPopup', 'color', 'disabled', 'download', 'elementType', 'expanded', 'flat', 'href', 'icon', 'iconRight', 'iconTurn', 'inverted', 'isActive', 'loading', 'name', 'noWrap', 'outlined', 'rel', 'rounded', 'shadow', 'size', 'square', 'target', 'value'],
@@ -437,7 +437,7 @@ BalButton = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-button',
@@ -447,16 +447,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['aria', 'balPopup', 'color', 'disabled', 'download', 'elementType', 'expanded', 'flat', 'href', 'icon', 'iconRight', 'iconTurn', 'inverted', 'isActive', 'loading', 'name', 'noWrap', 'outlined', 'rel', 'rounded', 'shadow', 'size', 'square', 'target', 'value'],
                     outputs: ['balNavigate', 'balFocus', 'balBlur', 'balDidRender']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalButtonGroup = class BalButtonGroup {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalButtonGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalButtonGroup, isStandalone: true, selector: "bal-button-group", inputs: { direction: "direction", position: "position", reverse: "reverse" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalButtonGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalButtonGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalButtonGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalButtonGroup, isStandalone: true, selector: "bal-button-group", inputs: { direction: "direction", position: "position", reverse: "reverse" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalButtonGroup = __decorate([
     ProxyCmp({
         inputs: ['direction', 'position', 'reverse'],
@@ -464,7 +464,7 @@ BalButtonGroup = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalButtonGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalButtonGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalButtonGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-button-group',
@@ -473,16 +473,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['direction', 'position', 'reverse']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalCard = class BalCard {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCard, isStandalone: true, selector: "bal-card", inputs: { border: "border", clickable: "clickable", color: "color", flat: "flat", fullheight: "fullheight", inverted: "inverted", selected: "selected", space: "space", square: "square" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCard, isStandalone: true, selector: "bal-card", inputs: { border: "border", clickable: "clickable", color: "color", flat: "flat", fullheight: "fullheight", inverted: "inverted", selected: "selected", space: "space", square: "square" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCard = __decorate([
     ProxyCmp({
         inputs: ['border', 'clickable', 'color', 'flat', 'fullheight', 'inverted', 'selected', 'space', 'square'],
@@ -490,7 +490,7 @@ BalCard = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCard, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-card',
@@ -499,16 +499,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['border', 'clickable', 'color', 'flat', 'fullheight', 'inverted', 'selected', 'space', 'square']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalCardActions = class BalCardActions {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCardActions, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCardActions, isStandalone: true, selector: "bal-card-actions", inputs: { position: "position" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCardActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCardActions, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCardActions.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCardActions, isStandalone: true, selector: "bal-card-actions", inputs: { position: "position" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCardActions = __decorate([
     ProxyCmp({
         inputs: ['position'],
@@ -516,7 +516,7 @@ BalCardActions = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCardActions);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCardActions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCardActions, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-card-actions',
@@ -525,16 +525,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['position']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalCardButton = class BalCardButton {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCardButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCardButton, isStandalone: true, selector: "bal-card-button", inputs: { disabled: "disabled", elementType: "elementType", href: "href", icon: "icon", iconRight: "iconRight", loading: "loading", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCardButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCardButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCardButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCardButton, isStandalone: true, selector: "bal-card-button", inputs: { disabled: "disabled", elementType: "elementType", href: "href", icon: "icon", iconRight: "iconRight", loading: "loading", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCardButton = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'elementType', 'href', 'icon', 'iconRight', 'loading', 'target'],
@@ -542,7 +542,7 @@ BalCardButton = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCardButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCardButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCardButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-card-button',
@@ -551,23 +551,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['disabled', 'elementType', 'href', 'icon', 'iconRight', 'loading', 'target']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalCardContent = class BalCardContent {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCardContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCardContent, isStandalone: true, selector: "bal-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCardContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCardContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCardContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCardContent, isStandalone: true, selector: "bal-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCardContent = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$g
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCardContent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCardContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCardContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-card-content',
@@ -575,16 +575,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalCardSubtitle = class BalCardSubtitle {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCardSubtitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCardSubtitle, isStandalone: true, selector: "bal-card-subtitle", inputs: { bold: "bold", color: "color", inverted: "inverted" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCardSubtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCardSubtitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCardSubtitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCardSubtitle, isStandalone: true, selector: "bal-card-subtitle", inputs: { bold: "bold", color: "color", inverted: "inverted" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCardSubtitle = __decorate([
     ProxyCmp({
         inputs: ['bold', 'color', 'inverted'],
@@ -592,7 +592,7 @@ BalCardSubtitle = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCardSubtitle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCardSubtitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCardSubtitle, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-card-subtitle',
@@ -601,16 +601,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['bold', 'color', 'inverted']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalCardTitle = class BalCardTitle {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCardTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCardTitle, isStandalone: true, selector: "bal-card-title", inputs: { inverted: "inverted" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCardTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCardTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCardTitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCardTitle, isStandalone: true, selector: "bal-card-title", inputs: { inverted: "inverted" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCardTitle = __decorate([
     ProxyCmp({
         inputs: ['inverted'],
@@ -618,7 +618,7 @@ BalCardTitle = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCardTitle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCardTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCardTitle, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-card-title',
@@ -627,7 +627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['inverted']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalCarousel = class BalCarousel {
     constructor(c, r, z) {
         this.z = z;
@@ -635,9 +635,9 @@ let BalCarousel = class BalCarousel {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balChange']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCarousel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCarousel, isStandalone: true, selector: "bal-carousel", inputs: { aspectRatio: "aspectRatio", border: "border", controls: "controls", controlsOverflow: "controlsOverflow", controlsSticky: "controlsSticky", fullHeight: "fullHeight", htmlRole: "htmlRole", interface: "interface", inverted: "inverted", itemsPerView: "itemsPerView", scrollY: "scrollY", space: "space", steps: "steps", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCarousel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCarousel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCarousel, isStandalone: true, selector: "bal-carousel", inputs: { aspectRatio: "aspectRatio", border: "border", controls: "controls", controlsOverflow: "controlsOverflow", controlsSticky: "controlsSticky", fullHeight: "fullHeight", htmlRole: "htmlRole", interface: "interface", inverted: "inverted", itemsPerView: "itemsPerView", scrollY: "scrollY", space: "space", steps: "steps", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCarousel = __decorate([
     ProxyCmp({
         inputs: ['aspectRatio', 'border', 'controls', 'controlsOverflow', 'controlsSticky', 'fullHeight', 'htmlRole', 'interface', 'inverted', 'itemsPerView', 'scrollY', 'space', 'steps', 'value'],
@@ -646,7 +646,7 @@ BalCarousel = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCarousel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCarousel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCarousel, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-carousel',
@@ -656,7 +656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['aspectRatio', 'border', 'controls', 'controlsOverflow', 'controlsSticky', 'fullHeight', 'htmlRole', 'interface', 'inverted', 'itemsPerView', 'scrollY', 'space', 'steps', 'value'],
                     outputs: ['balChange']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalCarouselItem = class BalCarouselItem {
     constructor(c, r, z) {
         this.z = z;
@@ -664,9 +664,9 @@ let BalCarouselItem = class BalCarouselItem {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balNavigate', 'balFocus', 'balBlur']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCarouselItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCarouselItem, isStandalone: true, selector: "bal-carousel-item", inputs: { color: "color", download: "download", elementType: "elementType", href: "href", htmlRole: "htmlRole", label: "label", name: "name", rel: "rel", src: "src", target: "target", value: "value" }, outputs: { balNavigate: "balNavigate", balFocus: "balFocus", balBlur: "balBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCarouselItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCarouselItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCarouselItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCarouselItem, isStandalone: true, selector: "bal-carousel-item", inputs: { color: "color", download: "download", elementType: "elementType", href: "href", htmlRole: "htmlRole", label: "label", name: "name", rel: "rel", src: "src", target: "target", value: "value" }, outputs: { balNavigate: "balNavigate", balFocus: "balFocus", balBlur: "balBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCarouselItem = __decorate([
     ProxyCmp({
         inputs: ['color', 'download', 'elementType', 'href', 'htmlRole', 'label', 'name', 'rel', 'src', 'target', 'value'],
@@ -675,7 +675,7 @@ BalCarouselItem = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCarouselItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCarouselItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCarouselItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-carousel-item',
@@ -685,7 +685,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['color', 'download', 'elementType', 'href', 'htmlRole', 'label', 'name', 'rel', 'src', 'target', 'value'],
                     outputs: ['balNavigate', 'balFocus', 'balBlur']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalCheckboxButton = class BalCheckboxButton {
     constructor(c, r, z) {
         this.z = z;
@@ -693,9 +693,9 @@ let BalCheckboxButton = class BalCheckboxButton {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balFocus', 'balBlur']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCheckboxButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCheckboxButton, isStandalone: true, selector: "bal-checkbox-button", inputs: { color: "color", disabled: "disabled", invalid: "invalid", readonly: "readonly" }, outputs: { balFocus: "balFocus", balBlur: "balBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCheckboxButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCheckboxButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCheckboxButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCheckboxButton, isStandalone: true, selector: "bal-checkbox-button", inputs: { color: "color", disabled: "disabled", invalid: "invalid", readonly: "readonly" }, outputs: { balFocus: "balFocus", balBlur: "balBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCheckboxButton = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'invalid', 'readonly'],
@@ -703,7 +703,7 @@ BalCheckboxButton = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCheckboxButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCheckboxButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCheckboxButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-checkbox-button',
@@ -713,16 +713,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['color', 'disabled', 'invalid', 'readonly'],
                     outputs: ['balFocus', 'balBlur']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalClose = class BalClose {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalClose, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalClose, isStandalone: true, selector: "bal-close", inputs: { inverted: "inverted", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalClose.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalClose, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalClose.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalClose, isStandalone: true, selector: "bal-close", inputs: { inverted: "inverted", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalClose = __decorate([
     ProxyCmp({
         inputs: ['inverted', 'size'],
@@ -730,7 +730,7 @@ BalClose = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalClose);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalClose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalClose, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-close',
@@ -739,16 +739,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['inverted', 'size']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalContent = class BalContent {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalContent, isStandalone: true, selector: "bal-content", inputs: { align: "align", layout: "layout", space: "space" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalContent, isStandalone: true, selector: "bal-content", inputs: { align: "align", layout: "layout", space: "space" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalContent = __decorate([
     ProxyCmp({
         inputs: ['align', 'layout', 'space'],
@@ -756,7 +756,7 @@ BalContent = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalContent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-content',
@@ -765,16 +765,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['align', 'layout', 'space']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalData = class BalData {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalData, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalData, isStandalone: true, selector: "bal-data", inputs: { border: "border", horizontal: "horizontal" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalData.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalData, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalData.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalData, isStandalone: true, selector: "bal-data", inputs: { border: "border", horizontal: "horizontal" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalData = __decorate([
     ProxyCmp({
         inputs: ['border', 'horizontal'],
@@ -782,7 +782,7 @@ BalData = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalData);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalData, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalData, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-data',
@@ -791,16 +791,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['border', 'horizontal']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalDataItem = class BalDataItem {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDataItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalDataItem, isStandalone: true, selector: "bal-data-item", inputs: { border: "border", disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalDataItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDataItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalDataItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDataItem, isStandalone: true, selector: "bal-data-item", inputs: { border: "border", disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalDataItem = __decorate([
     ProxyCmp({
         inputs: ['border', 'disabled'],
@@ -808,7 +808,7 @@ BalDataItem = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDataItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDataItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDataItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-data-item',
@@ -817,16 +817,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['border', 'disabled']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalDataLabel = class BalDataLabel {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDataLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalDataLabel, isStandalone: true, selector: "bal-data-label", inputs: { required: "required" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalDataLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDataLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalDataLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDataLabel, isStandalone: true, selector: "bal-data-label", inputs: { required: "required" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalDataLabel = __decorate([
     ProxyCmp({
         inputs: ['required'],
@@ -834,7 +834,7 @@ BalDataLabel = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDataLabel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDataLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDataLabel, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-data-label',
@@ -843,7 +843,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['required']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalDataValue = class BalDataValue {
     constructor(c, r, z) {
         this.z = z;
@@ -851,9 +851,9 @@ let BalDataValue = class BalDataValue {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balClick', 'balFocus', 'balBlur']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDataValue, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalDataValue, isStandalone: true, selector: "bal-data-value", inputs: { disabled: "disabled", editable: "editable", multiline: "multiline" }, outputs: { balClick: "balClick", balFocus: "balFocus", balBlur: "balBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalDataValue.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDataValue, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalDataValue.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDataValue, isStandalone: true, selector: "bal-data-value", inputs: { disabled: "disabled", editable: "editable", multiline: "multiline" }, outputs: { balClick: "balClick", balFocus: "balFocus", balBlur: "balBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalDataValue = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'editable', 'multiline'],
@@ -861,7 +861,7 @@ BalDataValue = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDataValue);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDataValue, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDataValue, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-data-value',
@@ -871,7 +871,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['disabled', 'editable', 'multiline'],
                     outputs: ['balClick', 'balFocus', 'balBlur']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalDateCalendar = class BalDateCalendar {
     constructor(c, r, z) {
         this.z = z;
@@ -879,9 +879,9 @@ let BalDateCalendar = class BalDateCalendar {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balChange']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDateCalendar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalDateCalendar, isStandalone: true, selector: "bal-date-calendar", inputs: { allowedDates: "allowedDates", defaultDate: "defaultDate", max: "max", maxYearProp: "maxYearProp", min: "min", minYearProp: "minYearProp", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalDateCalendar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDateCalendar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalDateCalendar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDateCalendar, isStandalone: true, selector: "bal-date-calendar", inputs: { allowedDates: "allowedDates", defaultDate: "defaultDate", max: "max", maxYearProp: "maxYearProp", min: "min", minYearProp: "minYearProp", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalDateCalendar = __decorate([
     ProxyCmp({
         inputs: ['allowedDates', 'defaultDate', 'max', 'maxYearProp', 'min', 'minYearProp', 'value'],
@@ -889,7 +889,7 @@ BalDateCalendar = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDateCalendar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDateCalendar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDateCalendar, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-date-calendar',
@@ -899,7 +899,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['allowedDates', 'defaultDate', 'max', 'maxYearProp', 'min', 'minYearProp', 'value'],
                     outputs: ['balChange']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalDateCalendarCell = class BalDateCalendarCell {
     constructor(c, r, z) {
         this.z = z;
@@ -907,9 +907,9 @@ let BalDateCalendarCell = class BalDateCalendarCell {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balSelectDay']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDateCalendarCell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalDateCalendarCell, isStandalone: true, selector: "bal-date-calendar-cell", inputs: { day: "day", disabled: "disabled", fullDate: "fullDate", isoDate: "isoDate", month: "month", selected: "selected", today: "today", year: "year" }, outputs: { balSelectDay: "balSelectDay" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalDateCalendarCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDateCalendarCell, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalDateCalendarCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDateCalendarCell, isStandalone: true, selector: "bal-date-calendar-cell", inputs: { day: "day", disabled: "disabled", fullDate: "fullDate", isoDate: "isoDate", month: "month", selected: "selected", today: "today", year: "year" }, outputs: { balSelectDay: "balSelectDay" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalDateCalendarCell = __decorate([
     ProxyCmp({
         inputs: ['day', 'disabled', 'fullDate', 'isoDate', 'month', 'selected', 'today', 'year'],
@@ -917,7 +917,7 @@ BalDateCalendarCell = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDateCalendarCell);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDateCalendarCell, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDateCalendarCell, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-date-calendar-cell',
@@ -927,16 +927,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['day', 'disabled', 'fullDate', 'isoDate', 'month', 'selected', 'today', 'year'],
                     outputs: ['balSelectDay']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalDivider = class BalDivider {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalDivider, isStandalone: true, selector: "bal-divider", inputs: { borderStyle: "borderStyle", color: "color", layout: "layout", space: "space" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDivider, isStandalone: true, selector: "bal-divider", inputs: { borderStyle: "borderStyle", color: "color", layout: "layout", space: "space" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalDivider = __decorate([
     ProxyCmp({
         inputs: ['borderStyle', 'color', 'layout', 'space'],
@@ -944,7 +944,7 @@ BalDivider = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDivider);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDivider, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-divider',
@@ -953,7 +953,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['borderStyle', 'color', 'layout', 'space']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalField = class BalField {
     constructor(c, r, z) {
         this.z = z;
@@ -961,9 +961,9 @@ let BalField = class BalField {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balFormControlDidLoad']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalField, isStandalone: true, selector: "bal-field", inputs: { disabled: "disabled", horizontal: "horizontal", invalid: "invalid", loading: "loading", readonly: "readonly", required: "required", valid: "valid" }, outputs: { balFormControlDidLoad: "balFormControlDidLoad" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalField, isStandalone: true, selector: "bal-field", inputs: { disabled: "disabled", horizontal: "horizontal", invalid: "invalid", loading: "loading", readonly: "readonly", required: "required", valid: "valid" }, outputs: { balFormControlDidLoad: "balFormControlDidLoad" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalField = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'horizontal', 'invalid', 'loading', 'readonly', 'required', 'valid'],
@@ -971,7 +971,7 @@ BalField = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalField);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalField, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-field',
@@ -981,16 +981,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['disabled', 'horizontal', 'invalid', 'loading', 'readonly', 'required', 'valid'],
                     outputs: ['balFormControlDidLoad']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalFieldControl = class BalFieldControl {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFieldControl, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalFieldControl, isStandalone: true, selector: "bal-field-control", inputs: { expandedOnMobile: "expandedOnMobile", iconLeft: "iconLeft", iconRight: "iconRight", loading: "loading" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalFieldControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFieldControl, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalFieldControl.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalFieldControl, isStandalone: true, selector: "bal-field-control", inputs: { expandedOnMobile: "expandedOnMobile", iconLeft: "iconLeft", iconRight: "iconRight", loading: "loading" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFieldControl = __decorate([
     ProxyCmp({
         inputs: ['expandedOnMobile', 'iconLeft', 'iconRight', 'loading'],
@@ -998,7 +998,7 @@ BalFieldControl = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldControl);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFieldControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFieldControl, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-field-control',
@@ -1007,16 +1007,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['expandedOnMobile', 'iconLeft', 'iconRight', 'loading']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalFieldHint = class BalFieldHint {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFieldHint, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalFieldHint, isStandalone: true, selector: "bal-field-hint", inputs: { closeLabel: "closeLabel", small: "small", subject: "subject" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalFieldHint.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFieldHint, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalFieldHint.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalFieldHint, isStandalone: true, selector: "bal-field-hint", inputs: { closeLabel: "closeLabel", small: "small", subject: "subject" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFieldHint = __decorate([
     ProxyCmp({
         inputs: ['closeLabel', 'small', 'subject'],
@@ -1024,7 +1024,7 @@ BalFieldHint = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldHint);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFieldHint, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFieldHint, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-field-hint',
@@ -1033,16 +1033,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['closeLabel', 'small', 'subject']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalFieldLabel = class BalFieldLabel {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFieldLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalFieldLabel, isStandalone: true, selector: "bal-field-label", inputs: { disabled: "disabled", htmlFor: "htmlFor", invalid: "invalid", readonly: "readonly", required: "required", size: "size", valid: "valid", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalFieldLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFieldLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalFieldLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalFieldLabel, isStandalone: true, selector: "bal-field-label", inputs: { disabled: "disabled", htmlFor: "htmlFor", invalid: "invalid", readonly: "readonly", required: "required", size: "size", valid: "valid", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFieldLabel = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'htmlFor', 'invalid', 'readonly', 'required', 'size', 'valid', 'weight'],
@@ -1050,7 +1050,7 @@ BalFieldLabel = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldLabel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFieldLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFieldLabel, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-field-label',
@@ -1059,16 +1059,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['disabled', 'htmlFor', 'invalid', 'readonly', 'required', 'size', 'valid', 'weight']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalFieldMessage = class BalFieldMessage {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFieldMessage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalFieldMessage, isStandalone: true, selector: "bal-field-message", inputs: { color: "color", disabled: "disabled", invalid: "invalid", readonly: "readonly", valid: "valid" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalFieldMessage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFieldMessage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalFieldMessage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalFieldMessage, isStandalone: true, selector: "bal-field-message", inputs: { color: "color", disabled: "disabled", invalid: "invalid", readonly: "readonly", valid: "valid" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFieldMessage = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'invalid', 'readonly', 'valid'],
@@ -1076,7 +1076,7 @@ BalFieldMessage = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldMessage);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFieldMessage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFieldMessage, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-field-message',
@@ -1085,16 +1085,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['color', 'disabled', 'invalid', 'readonly', 'valid']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalFooter = class BalFooter {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalFooter, isStandalone: true, selector: "bal-footer", inputs: { hideLanguageSelection: "hideLanguageSelection", hideLinks: "hideLinks", overrideLinks: "overrideLinks", showSocialMedia: "showSocialMedia" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalFooter, isStandalone: true, selector: "bal-footer", inputs: { hideLanguageSelection: "hideLanguageSelection", hideLinks: "hideLinks", overrideLinks: "overrideLinks", showSocialMedia: "showSocialMedia" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFooter = __decorate([
     ProxyCmp({
         inputs: ['hideLanguageSelection', 'hideLinks', 'overrideLinks', 'showSocialMedia'],
@@ -1102,7 +1102,7 @@ BalFooter = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFooter);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFooter, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-footer',
@@ -1111,16 +1111,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['hideLanguageSelection', 'hideLinks', 'overrideLinks', 'showSocialMedia']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalForm = class BalForm {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalForm, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalForm, isStandalone: true, selector: "bal-form", inputs: { formClass: "formClass", native: "native", novalidate: "novalidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalForm, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalForm, isStandalone: true, selector: "bal-form", inputs: { formClass: "formClass", native: "native", novalidate: "novalidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalForm = __decorate([
     ProxyCmp({
         inputs: ['formClass', 'native', 'novalidate'],
@@ -1129,7 +1129,7 @@ BalForm = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalForm);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalForm, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-form',
@@ -1138,16 +1138,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['formClass', 'native', 'novalidate']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalFormCol = class BalFormCol {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFormCol, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalFormCol, isStandalone: true, selector: "bal-form-col", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalFormCol.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFormCol, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalFormCol.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalFormCol, isStandalone: true, selector: "bal-form-col", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFormCol = __decorate([
     ProxyCmp({
         inputs: ['size'],
@@ -1155,7 +1155,7 @@ BalFormCol = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFormCol);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFormCol, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFormCol, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-form-col',
@@ -1164,23 +1164,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['size']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalFormGrid = class BalFormGrid {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFormGrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalFormGrid, isStandalone: true, selector: "bal-form-grid", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalFormGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFormGrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalFormGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalFormGrid, isStandalone: true, selector: "bal-form-grid", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFormGrid = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$D
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFormGrid);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFormGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFormGrid, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-form-grid',
@@ -1188,16 +1188,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalHeading = class BalHeading {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalHeading, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalHeading, isStandalone: true, selector: "bal-heading", inputs: { autoLevel: "autoLevel", color: "color", inverted: "inverted", level: "level", noWrap: "noWrap", shadow: "shadow", space: "space", subtitle: "subtitle", visualLevel: "visualLevel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalHeading.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalHeading, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalHeading.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalHeading, isStandalone: true, selector: "bal-heading", inputs: { autoLevel: "autoLevel", color: "color", inverted: "inverted", level: "level", noWrap: "noWrap", shadow: "shadow", space: "space", subtitle: "subtitle", visualLevel: "visualLevel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalHeading = __decorate([
     ProxyCmp({
         inputs: ['autoLevel', 'color', 'inverted', 'level', 'noWrap', 'shadow', 'space', 'subtitle', 'visualLevel'],
@@ -1205,7 +1205,7 @@ BalHeading = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHeading);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalHeading, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalHeading, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-heading',
@@ -1214,16 +1214,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['autoLevel', 'color', 'inverted', 'level', 'noWrap', 'shadow', 'space', 'subtitle', 'visualLevel']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalHint = class BalHint {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalHint, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalHint, isStandalone: true, selector: "bal-hint", inputs: { closeLabel: "closeLabel", small: "small" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalHint.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalHint, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalHint.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalHint, isStandalone: true, selector: "bal-hint", inputs: { closeLabel: "closeLabel", small: "small" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalHint = __decorate([
     ProxyCmp({
         inputs: ['closeLabel', 'small'],
@@ -1232,7 +1232,7 @@ BalHint = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHint);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalHint, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalHint, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-hint',
@@ -1241,23 +1241,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['closeLabel', 'small']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalHintText = class BalHintText {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalHintText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalHintText, isStandalone: true, selector: "bal-hint-text", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalHintText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalHintText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalHintText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalHintText, isStandalone: true, selector: "bal-hint-text", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalHintText = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$G
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHintText);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalHintText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalHintText, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-hint-text',
@@ -1265,23 +1265,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalHintTitle = class BalHintTitle {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalHintTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalHintTitle, isStandalone: true, selector: "bal-hint-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalHintTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalHintTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalHintTitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalHintTitle, isStandalone: true, selector: "bal-hint-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalHintTitle = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$H
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHintTitle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalHintTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalHintTitle, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-hint-title',
@@ -1289,16 +1289,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalIcon = class BalIcon {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalIcon, isStandalone: true, selector: "bal-icon", inputs: { color: "color", disabled: "disabled", inline: "inline", invalid: "invalid", inverted: "inverted", name: "name", shadow: "shadow", size: "size", svg: "svg", turn: "turn" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalIcon, isStandalone: true, selector: "bal-icon", inputs: { color: "color", disabled: "disabled", inline: "inline", invalid: "invalid", inverted: "inverted", name: "name", shadow: "shadow", size: "size", svg: "svg", turn: "turn" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalIcon = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'inline', 'invalid', 'inverted', 'name', 'shadow', 'size', 'svg', 'turn'],
@@ -1306,7 +1306,7 @@ BalIcon = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalIcon);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalIcon, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-icon',
@@ -1315,16 +1315,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['color', 'disabled', 'inline', 'invalid', 'inverted', 'name', 'shadow', 'size', 'svg', 'turn']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalInputGroup = class BalInputGroup {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalInputGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalInputGroup, isStandalone: true, selector: "bal-input-group", inputs: { disabled: "disabled", invalid: "invalid", readonly: "readonly" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalInputGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalInputGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalInputGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalInputGroup, isStandalone: true, selector: "bal-input-group", inputs: { disabled: "disabled", invalid: "invalid", readonly: "readonly" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalInputGroup = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'invalid', 'readonly'],
@@ -1332,7 +1332,7 @@ BalInputGroup = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalInputGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalInputGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalInputGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-input-group',
@@ -1341,16 +1341,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['disabled', 'invalid', 'readonly']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalLabel = class BalLabel {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalLabel, isStandalone: true, selector: "bal-label", inputs: { disabled: "disabled", htmlFor: "htmlFor", htmlId: "htmlId", invalid: "invalid", multiline: "multiline", noWrap: "noWrap", readonly: "readonly", required: "required", size: "size", valid: "valid", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalLabel, isStandalone: true, selector: "bal-label", inputs: { disabled: "disabled", htmlFor: "htmlFor", htmlId: "htmlId", invalid: "invalid", multiline: "multiline", noWrap: "noWrap", readonly: "readonly", required: "required", size: "size", valid: "valid", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalLabel = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'htmlFor', 'htmlId', 'invalid', 'multiline', 'noWrap', 'readonly', 'required', 'size', 'valid', 'weight'],
@@ -1358,7 +1358,7 @@ BalLabel = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalLabel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalLabel, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-label',
@@ -1367,16 +1367,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['disabled', 'htmlFor', 'htmlId', 'invalid', 'multiline', 'noWrap', 'readonly', 'required', 'size', 'valid', 'weight']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalList = class BalList {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalList, isStandalone: true, selector: "bal-list", inputs: { accordionOneLevel: "accordionOneLevel", background: "background", border: "border", disabled: "disabled", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalList, isStandalone: true, selector: "bal-list", inputs: { accordionOneLevel: "accordionOneLevel", background: "background", border: "border", disabled: "disabled", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalList = __decorate([
     ProxyCmp({
         inputs: ['accordionOneLevel', 'background', 'border', 'disabled', 'size'],
@@ -1384,7 +1384,7 @@ BalList = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalList);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalList, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-list',
@@ -1393,7 +1393,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['accordionOneLevel', 'background', 'border', 'disabled', 'size']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalListItem = class BalListItem {
     constructor(c, r, z) {
         this.z = z;
@@ -1401,9 +1401,9 @@ let BalListItem = class BalListItem {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balNavigate', 'balGroupStateChanged', 'balWillAnimate', 'balDidAnimate']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalListItem, isStandalone: true, selector: "bal-list-item", inputs: { accordion: "accordion", clickable: "clickable", disabled: "disabled", download: "download", href: "href", selected: "selected", subAccordionItem: "subAccordionItem", target: "target" }, outputs: { balNavigate: "balNavigate", balGroupStateChanged: "balGroupStateChanged", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalListItem, isStandalone: true, selector: "bal-list-item", inputs: { accordion: "accordion", clickable: "clickable", disabled: "disabled", download: "download", href: "href", selected: "selected", subAccordionItem: "subAccordionItem", target: "target" }, outputs: { balNavigate: "balNavigate", balGroupStateChanged: "balGroupStateChanged", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalListItem = __decorate([
     ProxyCmp({
         inputs: ['accordion', 'clickable', 'disabled', 'download', 'href', 'selected', 'subAccordionItem', 'target'],
@@ -1412,7 +1412,7 @@ BalListItem = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-list-item',
@@ -1422,16 +1422,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['accordion', 'clickable', 'disabled', 'download', 'href', 'selected', 'subAccordionItem', 'target'],
                     outputs: ['balNavigate', 'balGroupStateChanged', 'balWillAnimate', 'balDidAnimate']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalListItemAccordionBody = class BalListItemAccordionBody {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemAccordionBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalListItemAccordionBody, isStandalone: true, selector: "bal-list-item-accordion-body", inputs: { accordionGroup: "accordionGroup", contentAlignment: "contentAlignment", contentSpace: "contentSpace" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalListItemAccordionBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemAccordionBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalListItemAccordionBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalListItemAccordionBody, isStandalone: true, selector: "bal-list-item-accordion-body", inputs: { accordionGroup: "accordionGroup", contentAlignment: "contentAlignment", contentSpace: "contentSpace" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalListItemAccordionBody = __decorate([
     ProxyCmp({
         inputs: ['accordionGroup', 'contentAlignment', 'contentSpace'],
@@ -1439,7 +1439,7 @@ BalListItemAccordionBody = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemAccordionBody);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemAccordionBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemAccordionBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-list-item-accordion-body',
@@ -1448,7 +1448,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['accordionGroup', 'contentAlignment', 'contentSpace']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalListItemAccordionHead = class BalListItemAccordionHead {
     constructor(c, r, z) {
         this.z = z;
@@ -1456,9 +1456,9 @@ let BalListItemAccordionHead = class BalListItemAccordionHead {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balAccordionChange']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemAccordionHead, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalListItemAccordionHead, isStandalone: true, selector: "bal-list-item-accordion-head", inputs: { accordionOpen: "accordionOpen", icon: "icon" }, outputs: { balAccordionChange: "balAccordionChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalListItemAccordionHead.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemAccordionHead, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalListItemAccordionHead.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalListItemAccordionHead, isStandalone: true, selector: "bal-list-item-accordion-head", inputs: { accordionOpen: "accordionOpen", icon: "icon" }, outputs: { balAccordionChange: "balAccordionChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalListItemAccordionHead = __decorate([
     ProxyCmp({
         inputs: ['accordionOpen', 'icon'],
@@ -1466,7 +1466,7 @@ BalListItemAccordionHead = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemAccordionHead);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemAccordionHead, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemAccordionHead, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-list-item-accordion-head',
@@ -1476,16 +1476,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['accordionOpen', 'icon'],
                     outputs: ['balAccordionChange']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalListItemContent = class BalListItemContent {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalListItemContent, isStandalone: true, selector: "bal-list-item-content", inputs: { contentAlignment: "contentAlignment" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalListItemContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalListItemContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalListItemContent, isStandalone: true, selector: "bal-list-item-content", inputs: { contentAlignment: "contentAlignment" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalListItemContent = __decorate([
     ProxyCmp({
         inputs: ['contentAlignment'],
@@ -1493,7 +1493,7 @@ BalListItemContent = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemContent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-list-item-content',
@@ -1502,16 +1502,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['contentAlignment']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalListItemIcon = class BalListItemIcon {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalListItemIcon, isStandalone: true, selector: "bal-list-item-icon", inputs: { right: "right" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalListItemIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalListItemIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalListItemIcon, isStandalone: true, selector: "bal-list-item-icon", inputs: { right: "right" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalListItemIcon = __decorate([
     ProxyCmp({
         inputs: ['right'],
@@ -1519,7 +1519,7 @@ BalListItemIcon = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemIcon);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemIcon, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-list-item-icon',
@@ -1528,23 +1528,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['right']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalListItemSubtitle = class BalListItemSubtitle {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemSubtitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalListItemSubtitle, isStandalone: true, selector: "bal-list-item-subtitle", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalListItemSubtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemSubtitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalListItemSubtitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalListItemSubtitle, isStandalone: true, selector: "bal-list-item-subtitle", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalListItemSubtitle = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$R
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemSubtitle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemSubtitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemSubtitle, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-list-item-subtitle',
@@ -1552,16 +1552,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalListItemTitle = class BalListItemTitle {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalListItemTitle, isStandalone: true, selector: "bal-list-item-title", inputs: { level: "level", visualLevel: "visualLevel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalListItemTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalListItemTitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalListItemTitle, isStandalone: true, selector: "bal-list-item-title", inputs: { level: "level", visualLevel: "visualLevel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalListItemTitle = __decorate([
     ProxyCmp({
         inputs: ['level', 'visualLevel'],
@@ -1569,7 +1569,7 @@ BalListItemTitle = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemTitle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalListItemTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalListItemTitle, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-list-item-title',
@@ -1578,16 +1578,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['level', 'visualLevel']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalLogo = class BalLogo {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalLogo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalLogo, isStandalone: true, selector: "bal-logo", inputs: { animated: "animated", color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalLogo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalLogo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalLogo.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalLogo, isStandalone: true, selector: "bal-logo", inputs: { animated: "animated", color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalLogo = __decorate([
     ProxyCmp({
         inputs: ['animated', 'color', 'size'],
@@ -1595,7 +1595,7 @@ BalLogo = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalLogo);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalLogo, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalLogo, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-logo',
@@ -1604,7 +1604,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['animated', 'color', 'size']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalModal = class BalModal {
     constructor(c, r, z) {
         this.z = z;
@@ -1612,9 +1612,9 @@ let BalModal = class BalModal {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balModalDidPresent', 'balModalWillPresent', 'balModalWillDismiss', 'balModalDidDismiss']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalModal, isStandalone: true, selector: "bal-modal", inputs: { backdropDismiss: "backdropDismiss", component: "component", componentProps: "componentProps", cssClass: "cssClass", focusTrap: "focusTrap", hasBackdrop: "hasBackdrop", isClosable: "isClosable", modalWidth: "modalWidth", space: "space" }, outputs: { balModalDidPresent: "balModalDidPresent", balModalWillPresent: "balModalWillPresent", balModalWillDismiss: "balModalWillDismiss", balModalDidDismiss: "balModalDidDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalModal, isStandalone: true, selector: "bal-modal", inputs: { backdropDismiss: "backdropDismiss", component: "component", componentProps: "componentProps", cssClass: "cssClass", focusTrap: "focusTrap", hasBackdrop: "hasBackdrop", isClosable: "isClosable", modalWidth: "modalWidth", space: "space" }, outputs: { balModalDidPresent: "balModalDidPresent", balModalWillPresent: "balModalWillPresent", balModalWillDismiss: "balModalWillDismiss", balModalDidDismiss: "balModalDidDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalModal = __decorate([
     ProxyCmp({
         inputs: ['backdropDismiss', 'component', 'componentProps', 'cssClass', 'focusTrap', 'hasBackdrop', 'isClosable', 'modalWidth', 'space'],
@@ -1623,7 +1623,7 @@ BalModal = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalModal);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalModal, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-modal',
@@ -1633,23 +1633,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['backdropDismiss', 'component', 'componentProps', 'cssClass', 'focusTrap', 'hasBackdrop', 'isClosable', 'modalWidth', 'space'],
                     outputs: ['balModalDidPresent', 'balModalWillPresent', 'balModalWillDismiss', 'balModalDidDismiss']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalModalBody = class BalModalBody {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalModalBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalModalBody, isStandalone: true, selector: "bal-modal-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalModalBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModalBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalModalBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalModalBody, isStandalone: true, selector: "bal-modal-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalModalBody = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$U
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalModalBody);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModalBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalModalBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-modal-body',
@@ -1657,23 +1657,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalModalHeader = class BalModalHeader {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalModalHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalModalHeader, isStandalone: true, selector: "bal-modal-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalModalHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModalHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalModalHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalModalHeader, isStandalone: true, selector: "bal-modal-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalModalHeader = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$V
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalModalHeader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModalHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalModalHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-modal-header',
@@ -1681,7 +1681,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNav = class BalNav {
     constructor(c, r, z) {
         this.z = z;
@@ -1689,9 +1689,9 @@ let BalNav = class BalNav {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balNavItemClick']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNav, isStandalone: true, selector: "bal-nav", inputs: { buttons: "buttons", logo: "logo", options: "options" }, outputs: { balNavItemClick: "balNavItemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNav, isStandalone: true, selector: "bal-nav", inputs: { buttons: "buttons", logo: "logo", options: "options" }, outputs: { balNavItemClick: "balNavItemClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNav = __decorate([
     ProxyCmp({
         inputs: ['buttons', 'logo', 'options'],
@@ -1699,7 +1699,7 @@ BalNav = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNav);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNav, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNav, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-nav',
@@ -1709,16 +1709,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['buttons', 'logo', 'options'],
                     outputs: ['balNavItemClick']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavLink = class BalNavLink {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavLink, isStandalone: true, selector: "bal-nav-link", inputs: { clickable: "clickable", href: "href", selected: "selected", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavLink, isStandalone: true, selector: "bal-nav-link", inputs: { clickable: "clickable", href: "href", selected: "selected", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavLink = __decorate([
     ProxyCmp({
         inputs: ['clickable', 'href', 'selected', 'target', 'variant'],
@@ -1726,7 +1726,7 @@ BalNavLink = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLink);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavLink, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-nav-link',
@@ -1735,23 +1735,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['clickable', 'href', 'selected', 'target', 'variant']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavLinkGrid = class BalNavLinkGrid {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavLinkGrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavLinkGrid, isStandalone: true, selector: "bal-nav-link-grid", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavLinkGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavLinkGrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavLinkGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavLinkGrid, isStandalone: true, selector: "bal-nav-link-grid", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavLinkGrid = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$Y
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLinkGrid);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavLinkGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavLinkGrid, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-nav-link-grid',
@@ -1759,16 +1759,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavLinkGridCol = class BalNavLinkGridCol {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavLinkGridCol, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavLinkGridCol, isStandalone: true, selector: "bal-nav-link-grid-col", inputs: { staticCol: "staticCol" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavLinkGridCol.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavLinkGridCol, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavLinkGridCol.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavLinkGridCol, isStandalone: true, selector: "bal-nav-link-grid-col", inputs: { staticCol: "staticCol" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavLinkGridCol = __decorate([
     ProxyCmp({
         inputs: ['staticCol'],
@@ -1776,7 +1776,7 @@ BalNavLinkGridCol = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLinkGridCol);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavLinkGridCol, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavLinkGridCol, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-nav-link-grid-col',
@@ -1785,16 +1785,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['staticCol']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavLinkGroup = class BalNavLinkGroup {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavLinkGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavLinkGroup, isStandalone: true, selector: "bal-nav-link-group", inputs: { color: "color" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavLinkGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavLinkGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavLinkGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavLinkGroup, isStandalone: true, selector: "bal-nav-link-group", inputs: { color: "color" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavLinkGroup = __decorate([
     ProxyCmp({
         inputs: ['color'],
@@ -1802,7 +1802,7 @@ BalNavLinkGroup = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLinkGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavLinkGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavLinkGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-nav-link-group',
@@ -1811,16 +1811,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['color']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavMenuBar = class BalNavMenuBar {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavMenuBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavMenuBar, isStandalone: true, selector: "bal-nav-menu-bar", inputs: { invisible: "invisible", position: "position" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavMenuBar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavMenuBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavMenuBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavMenuBar, isStandalone: true, selector: "bal-nav-menu-bar", inputs: { invisible: "invisible", position: "position" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavMenuBar = __decorate([
     ProxyCmp({
         inputs: ['invisible', 'position'],
@@ -1828,7 +1828,7 @@ BalNavMenuBar = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavMenuBar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavMenuBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavMenuBar, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-nav-menu-bar',
@@ -1837,16 +1837,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['invisible', 'position']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavMenuFlyout = class BalNavMenuFlyout {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavMenuFlyout, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavMenuFlyout, isStandalone: true, selector: "bal-nav-menu-flyout", inputs: { navId: "navId" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavMenuFlyout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavMenuFlyout, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavMenuFlyout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavMenuFlyout, isStandalone: true, selector: "bal-nav-menu-flyout", inputs: { navId: "navId" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavMenuFlyout = __decorate([
     ProxyCmp({
         inputs: ['navId'],
@@ -1854,7 +1854,7 @@ BalNavMenuFlyout = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavMenuFlyout);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavMenuFlyout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavMenuFlyout, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-nav-menu-flyout',
@@ -1863,16 +1863,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['navId']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavMetaBar = class BalNavMetaBar {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavMetaBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavMetaBar, isStandalone: true, selector: "bal-nav-meta-bar", inputs: { invisible: "invisible", position: "position", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavMetaBar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavMetaBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavMetaBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavMetaBar, isStandalone: true, selector: "bal-nav-meta-bar", inputs: { invisible: "invisible", position: "position", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavMetaBar = __decorate([
     ProxyCmp({
         inputs: ['invisible', 'position', 'size', 'variant'],
@@ -1880,7 +1880,7 @@ BalNavMetaBar = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavMetaBar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavMetaBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavMetaBar, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-nav-meta-bar',
@@ -1889,16 +1889,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['invisible', 'position', 'size', 'variant']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavbar = class BalNavbar {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavbar, isStandalone: true, selector: "bal-navbar", inputs: { container: "container", interface: "interface", light: "light" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbar, isStandalone: true, selector: "bal-navbar", inputs: { container: "container", interface: "interface", light: "light" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbar = __decorate([
     ProxyCmp({
         inputs: ['container', 'interface', 'light'],
@@ -1906,7 +1906,7 @@ BalNavbar = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavbar, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-navbar',
@@ -1915,7 +1915,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['container', 'interface', 'light']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavbarBrand = class BalNavbarBrand {
     constructor(c, r, z) {
         this.z = z;
@@ -1923,9 +1923,9 @@ let BalNavbarBrand = class BalNavbarBrand {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balNavigate', 'balWillAnimate', 'balDidAnimate']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavbarBrand, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavbarBrand, isStandalone: true, selector: "bal-navbar-brand", inputs: { animated: "animated", href: "href", logo: "logo", logoClickable: "logoClickable", logoLabel: "logoLabel", logoSize: "logoSize", simple: "simple", target: "target" }, outputs: { balNavigate: "balNavigate", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavbarBrand.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavbarBrand, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavbarBrand.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbarBrand, isStandalone: true, selector: "bal-navbar-brand", inputs: { animated: "animated", href: "href", logo: "logo", logoClickable: "logoClickable", logoLabel: "logoLabel", logoSize: "logoSize", simple: "simple", target: "target" }, outputs: { balNavigate: "balNavigate", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbarBrand = __decorate([
     ProxyCmp({
         inputs: ['animated', 'href', 'logo', 'logoClickable', 'logoLabel', 'logoSize', 'simple', 'target'],
@@ -1933,7 +1933,7 @@ BalNavbarBrand = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarBrand);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavbarBrand, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavbarBrand, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-navbar-brand',
@@ -1943,23 +1943,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['animated', 'href', 'logo', 'logoClickable', 'logoLabel', 'logoSize', 'simple', 'target'],
                     outputs: ['balNavigate', 'balWillAnimate', 'balDidAnimate']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavbarMenu = class BalNavbarMenu {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavbarMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavbarMenu, isStandalone: true, selector: "bal-navbar-menu", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavbarMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavbarMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavbarMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbarMenu, isStandalone: true, selector: "bal-navbar-menu", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbarMenu = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$14
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarMenu);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavbarMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavbarMenu, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-navbar-menu',
@@ -1967,23 +1967,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavbarMenuEnd = class BalNavbarMenuEnd {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavbarMenuEnd, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavbarMenuEnd, isStandalone: true, selector: "bal-navbar-menu-end", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavbarMenuEnd.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavbarMenuEnd, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavbarMenuEnd.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbarMenuEnd, isStandalone: true, selector: "bal-navbar-menu-end", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbarMenuEnd = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$15
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarMenuEnd);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavbarMenuEnd, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavbarMenuEnd, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-navbar-menu-end',
@@ -1991,23 +1991,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNavbarMenuStart = class BalNavbarMenuStart {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavbarMenuStart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNavbarMenuStart, isStandalone: true, selector: "bal-navbar-menu-start", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNavbarMenuStart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavbarMenuStart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNavbarMenuStart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbarMenuStart, isStandalone: true, selector: "bal-navbar-menu-start", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbarMenuStart = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$16
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarMenuStart);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNavbarMenuStart, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNavbarMenuStart, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-navbar-menu-start',
@@ -2015,23 +2015,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNotices = class BalNotices {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNotices, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNotices, isStandalone: true, selector: "bal-notices", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNotices.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNotices, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNotices.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNotices, isStandalone: true, selector: "bal-notices", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNotices = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$2
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNotices);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNotices, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNotices, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-notices',
@@ -2039,16 +2039,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalNotification = class BalNotification {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNotification, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNotification, isStandalone: true, selector: "bal-notification", inputs: { color: "color", light: "light", noIcon: "noIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNotification, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNotification, isStandalone: true, selector: "bal-notification", inputs: { color: "color", light: "light", noIcon: "noIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNotification = __decorate([
     ProxyCmp({
         inputs: ['color', 'light', 'noIcon'],
@@ -2056,7 +2056,7 @@ BalNotification = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNotification);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNotification, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNotification, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-notification',
@@ -2065,7 +2065,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['color', 'light', 'noIcon']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalOption = class BalOption {
     constructor(c, r, z) {
         this.z = z;
@@ -2073,9 +2073,9 @@ let BalOption = class BalOption {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balOptionChange']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalOption, isStandalone: true, selector: "bal-option", inputs: { disabled: "disabled", focused: "focused", hidden: "hidden", invalid: "invalid", label: "label", multiline: "multiline", selected: "selected", value: "value" }, outputs: { balOptionChange: "balOptionChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalOption, isStandalone: true, selector: "bal-option", inputs: { disabled: "disabled", focused: "focused", hidden: "hidden", invalid: "invalid", label: "label", multiline: "multiline", selected: "selected", value: "value" }, outputs: { balOptionChange: "balOptionChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalOption = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'focused', 'hidden', 'invalid', 'label', 'multiline', 'selected', 'value'],
@@ -2084,7 +2084,7 @@ BalOption = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalOption);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalOption, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-option',
@@ -2094,16 +2094,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['disabled', 'focused', 'hidden', 'invalid', 'label', 'multiline', 'selected', 'value'],
                     outputs: ['balOptionChange']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalOptionList = class BalOptionList {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalOptionList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalOptionList, isStandalone: true, selector: "bal-option-list", inputs: { contentHeight: "contentHeight", disabled: "disabled", filter: "filter", focusIndex: "focusIndex", labelledby: "labelledby", multiple: "multiple", required: "required" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalOptionList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalOptionList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalOptionList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalOptionList, isStandalone: true, selector: "bal-option-list", inputs: { contentHeight: "contentHeight", disabled: "disabled", filter: "filter", focusIndex: "focusIndex", labelledby: "labelledby", multiple: "multiple", required: "required" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalOptionList = __decorate([
     ProxyCmp({
         inputs: ['contentHeight', 'disabled', 'filter', 'focusIndex', 'labelledby', 'multiple', 'required'],
@@ -2112,7 +2112,7 @@ BalOptionList = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalOptionList);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalOptionList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalOptionList, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-option-list',
@@ -2121,7 +2121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['contentHeight', 'disabled', 'filter', 'focusIndex', 'labelledby', 'multiple', 'required']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalPagination = class BalPagination {
     constructor(c, r, z) {
         this.z = z;
@@ -2129,9 +2129,9 @@ let BalPagination = class BalPagination {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balChange']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalPagination, isStandalone: true, selector: "bal-pagination", inputs: { align: "align", disabled: "disabled", interface: "interface", pageRange: "pageRange", size: "size", sticky: "sticky", top: "top", totalPages: "totalPages", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalPagination.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalPagination, isStandalone: true, selector: "bal-pagination", inputs: { align: "align", disabled: "disabled", interface: "interface", pageRange: "pageRange", size: "size", sticky: "sticky", top: "top", totalPages: "totalPages", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalPagination = __decorate([
     ProxyCmp({
         inputs: ['align', 'disabled', 'interface', 'pageRange', 'size', 'sticky', 'top', 'totalPages', 'value'],
@@ -2140,7 +2140,7 @@ BalPagination = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPagination);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalPagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalPagination, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-pagination',
@@ -2150,7 +2150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['align', 'disabled', 'interface', 'pageRange', 'size', 'sticky', 'top', 'totalPages', 'value'],
                     outputs: ['balChange']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalPopover = class BalPopover {
     constructor(c, r, z) {
         this.z = z;
@@ -2158,9 +2158,9 @@ let BalPopover = class BalPopover {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balChange', 'balWillAnimate', 'balDidAnimate']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalPopover, isStandalone: true, selector: "bal-popover", inputs: { active: "active", arrow: "arrow", autoTrigger: "autoTrigger", backdrop: "backdrop", hint: "hint", hover: "hover", mobileTop: "mobileTop", offsetX: "offsetX", offsetY: "offsetY", padding: "padding", position: "position", tooltip: "tooltip" }, outputs: { balChange: "balChange", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalPopover.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalPopover.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalPopover, isStandalone: true, selector: "bal-popover", inputs: { active: "active", arrow: "arrow", autoTrigger: "autoTrigger", backdrop: "backdrop", hint: "hint", hover: "hover", mobileTop: "mobileTop", offsetX: "offsetX", offsetY: "offsetY", padding: "padding", position: "position", tooltip: "tooltip" }, outputs: { balChange: "balChange", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalPopover = __decorate([
     ProxyCmp({
         inputs: ['active', 'arrow', 'autoTrigger', 'backdrop', 'hint', 'hover', 'mobileTop', 'offsetX', 'offsetY', 'padding', 'position', 'tooltip'],
@@ -2169,7 +2169,7 @@ BalPopover = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopover);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalPopover, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalPopover, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-popover',
@@ -2179,16 +2179,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['active', 'arrow', 'autoTrigger', 'backdrop', 'hint', 'hover', 'mobileTop', 'offsetX', 'offsetY', 'padding', 'position', 'tooltip'],
                     outputs: ['balChange', 'balWillAnimate', 'balDidAnimate']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalPopoverContent = class BalPopoverContent {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalPopoverContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalPopoverContent, isStandalone: true, selector: "bal-popover-content", inputs: { color: "color", contentMinWidth: "contentMinWidth", contentWidth: "contentWidth", expanded: "expanded", mobileTop: "mobileTop", noShadow: "noShadow", radius: "radius", scrollable: "scrollable", spaceless: "spaceless" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalPopoverContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalPopoverContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalPopoverContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalPopoverContent, isStandalone: true, selector: "bal-popover-content", inputs: { color: "color", contentMinWidth: "contentMinWidth", contentWidth: "contentWidth", expanded: "expanded", mobileTop: "mobileTop", noShadow: "noShadow", radius: "radius", scrollable: "scrollable", spaceless: "spaceless" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalPopoverContent = __decorate([
     ProxyCmp({
         inputs: ['color', 'contentMinWidth', 'contentWidth', 'expanded', 'mobileTop', 'noShadow', 'radius', 'scrollable', 'spaceless'],
@@ -2196,7 +2196,7 @@ BalPopoverContent = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopoverContent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalPopoverContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalPopoverContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-popover-content',
@@ -2205,7 +2205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['color', 'contentMinWidth', 'contentWidth', 'expanded', 'mobileTop', 'noShadow', 'radius', 'scrollable', 'spaceless']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalPopup = class BalPopup {
     constructor(c, r, z) {
         this.z = z;
@@ -2213,9 +2213,9 @@ let BalPopup = class BalPopup {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balChange', 'balWillAnimate', 'balDidAnimate']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalPopup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalPopup, isStandalone: true, selector: "bal-popup", inputs: { active: "active", arrow: "arrow", backdrop: "backdrop", backdropDismiss: "backdropDismiss", closable: "closable", contentWidth: "contentWidth", label: "label", offset: "offset", placement: "placement", reference: "reference", variant: "variant" }, outputs: { balChange: "balChange", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalPopup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalPopup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalPopup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalPopup, isStandalone: true, selector: "bal-popup", inputs: { active: "active", arrow: "arrow", backdrop: "backdrop", backdropDismiss: "backdropDismiss", closable: "closable", contentWidth: "contentWidth", label: "label", offset: "offset", placement: "placement", reference: "reference", variant: "variant" }, outputs: { balChange: "balChange", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalPopup = __decorate([
     ProxyCmp({
         inputs: ['active', 'arrow', 'backdrop', 'backdropDismiss', 'closable', 'contentWidth', 'label', 'offset', 'placement', 'reference', 'variant'],
@@ -2224,7 +2224,7 @@ BalPopup = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalPopup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalPopup, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-popup',
@@ -2234,16 +2234,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['active', 'arrow', 'backdrop', 'backdropDismiss', 'closable', 'contentWidth', 'label', 'offset', 'placement', 'reference', 'variant'],
                     outputs: ['balChange', 'balWillAnimate', 'balDidAnimate']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalProgressBar = class BalProgressBar {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalProgressBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalProgressBar, isStandalone: true, selector: "bal-progress-bar", inputs: { background: "background", color: "color", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalProgressBar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalProgressBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalProgressBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalProgressBar, isStandalone: true, selector: "bal-progress-bar", inputs: { background: "background", color: "color", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalProgressBar = __decorate([
     ProxyCmp({
         inputs: ['background', 'color', 'value'],
@@ -2252,7 +2252,7 @@ BalProgressBar = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalProgressBar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalProgressBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalProgressBar, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-progress-bar',
@@ -2261,7 +2261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['background', 'color', 'value']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalRadio = class BalRadio {
     constructor(c, r, z) {
         this.z = z;
@@ -2269,9 +2269,9 @@ let BalRadio = class BalRadio {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balFocus', 'balBlur', 'balChange']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalRadio, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalRadio, isStandalone: true, selector: "bal-radio", inputs: { disabled: "disabled", flat: "flat", interface: "interface", invalid: "invalid", invisible: "invisible", label: "label", labelHidden: "labelHidden", name: "name", nonSubmit: "nonSubmit", readonly: "readonly", required: "required", value: "value" }, outputs: { balFocus: "balFocus", balBlur: "balBlur", balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalRadio, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalRadio, isStandalone: true, selector: "bal-radio", inputs: { disabled: "disabled", flat: "flat", interface: "interface", invalid: "invalid", invisible: "invisible", label: "label", labelHidden: "labelHidden", name: "name", nonSubmit: "nonSubmit", readonly: "readonly", required: "required", value: "value" }, outputs: { balFocus: "balFocus", balBlur: "balBlur", balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalRadio = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'flat', 'interface', 'invalid', 'invisible', 'label', 'labelHidden', 'name', 'nonSubmit', 'readonly', 'required', 'value'],
@@ -2280,7 +2280,7 @@ BalRadio = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalRadio);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalRadio, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalRadio, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-radio',
@@ -2290,7 +2290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['disabled', 'flat', 'interface', 'invalid', 'invisible', 'label', 'labelHidden', 'name', 'nonSubmit', 'readonly', 'required', 'value'],
                     outputs: ['balFocus', 'balBlur', 'balChange']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalRadioButton = class BalRadioButton {
     constructor(c, r, z) {
         this.z = z;
@@ -2298,9 +2298,9 @@ let BalRadioButton = class BalRadioButton {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balFocus', 'balBlur', 'balFormControlDidLoad']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalRadioButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalRadioButton, isStandalone: true, selector: "bal-radio-button", inputs: { color: "color", disabled: "disabled", invalid: "invalid", readonly: "readonly" }, outputs: { balFocus: "balFocus", balBlur: "balBlur", balFormControlDidLoad: "balFormControlDidLoad" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalRadioButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalRadioButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalRadioButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalRadioButton, isStandalone: true, selector: "bal-radio-button", inputs: { color: "color", disabled: "disabled", invalid: "invalid", readonly: "readonly" }, outputs: { balFocus: "balFocus", balBlur: "balBlur", balFormControlDidLoad: "balFormControlDidLoad" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalRadioButton = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'invalid', 'readonly'],
@@ -2308,7 +2308,7 @@ BalRadioButton = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalRadioButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalRadioButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalRadioButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-radio-button',
@@ -2318,16 +2318,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['color', 'disabled', 'invalid', 'readonly'],
                     outputs: ['balFocus', 'balBlur', 'balFormControlDidLoad']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalSegmentItem = class BalSegmentItem {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSegmentItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalSegmentItem, isStandalone: true, selector: "bal-segment-item", inputs: { disabled: "disabled", invalid: "invalid", label: "label", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalSegmentItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSegmentItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalSegmentItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSegmentItem, isStandalone: true, selector: "bal-segment-item", inputs: { disabled: "disabled", invalid: "invalid", label: "label", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalSegmentItem = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'invalid', 'label', 'value'],
@@ -2335,7 +2335,7 @@ BalSegmentItem = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSegmentItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSegmentItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSegmentItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-segment-item',
@@ -2344,16 +2344,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['disabled', 'invalid', 'label', 'value']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalSelectOption = class BalSelectOption {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSelectOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalSelectOption, isStandalone: true, selector: "bal-select-option", inputs: { disabled: "disabled", label: "label", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalSelectOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSelectOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalSelectOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSelectOption, isStandalone: true, selector: "bal-select-option", inputs: { disabled: "disabled", label: "label", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalSelectOption = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'label', 'value'],
@@ -2361,7 +2361,7 @@ BalSelectOption = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSelectOption);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSelectOption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSelectOption, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-select-option',
@@ -2370,16 +2370,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['disabled', 'label', 'value']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalShape = class BalShape {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalShape, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalShape, isStandalone: true, selector: "bal-shape", inputs: { color: "color", rotation: "rotation", variation: "variation" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalShape.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalShape, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalShape.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalShape, isStandalone: true, selector: "bal-shape", inputs: { color: "color", rotation: "rotation", variation: "variation" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalShape = __decorate([
     ProxyCmp({
         inputs: ['color', 'rotation', 'variation'],
@@ -2387,7 +2387,7 @@ BalShape = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalShape);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalShape, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalShape, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-shape',
@@ -2396,16 +2396,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['color', 'rotation', 'variation']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalSheet = class BalSheet {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSheet, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalSheet, isStandalone: true, selector: "bal-sheet", inputs: { containerSize: "containerSize" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalSheet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSheet, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalSheet.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSheet, isStandalone: true, selector: "bal-sheet", inputs: { containerSize: "containerSize" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalSheet = __decorate([
     ProxyCmp({
         inputs: ['containerSize'],
@@ -2413,7 +2413,7 @@ BalSheet = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSheet);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSheet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSheet, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-sheet',
@@ -2422,7 +2422,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['containerSize']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalSnackbar = class BalSnackbar {
     constructor(c, r, z) {
         this.z = z;
@@ -2430,9 +2430,9 @@ let BalSnackbar = class BalSnackbar {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balClose', 'balAction']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSnackbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalSnackbar, isStandalone: true, selector: "bal-snackbar", inputs: { action: "action", color: "color", duration: "duration", href: "href", icon: "icon", message: "message", subject: "subject", target: "target" }, outputs: { balClose: "balClose", balAction: "balAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalSnackbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSnackbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalSnackbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSnackbar, isStandalone: true, selector: "bal-snackbar", inputs: { action: "action", color: "color", duration: "duration", href: "href", icon: "icon", message: "message", subject: "subject", target: "target" }, outputs: { balClose: "balClose", balAction: "balAction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalSnackbar = __decorate([
     ProxyCmp({
         inputs: ['action', 'color', 'duration', 'href', 'icon', 'message', 'subject', 'target'],
@@ -2441,7 +2441,7 @@ BalSnackbar = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSnackbar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSnackbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSnackbar, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-snackbar',
@@ -2451,16 +2451,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['action', 'color', 'duration', 'href', 'icon', 'message', 'subject', 'target'],
                     outputs: ['balClose', 'balAction']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalSpinner = class BalSpinner {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSpinner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalSpinner, isStandalone: true, selector: "bal-spinner", inputs: { color: "color", deactivated: "deactivated", inverted: "inverted", small: "small", variation: "variation" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalSpinner.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSpinner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalSpinner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSpinner, isStandalone: true, selector: "bal-spinner", inputs: { color: "color", deactivated: "deactivated", inverted: "inverted", small: "small", variation: "variation" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalSpinner = __decorate([
     ProxyCmp({
         inputs: ['color', 'deactivated', 'inverted', 'small', 'variation'],
@@ -2468,7 +2468,7 @@ BalSpinner = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSpinner);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSpinner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSpinner, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-spinner',
@@ -2477,16 +2477,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['color', 'deactivated', 'inverted', 'small', 'variation']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalStack = class BalStack {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStack, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalStack, isStandalone: true, selector: "bal-stack", inputs: { align: "align", fitContent: "fitContent", layout: "layout", px: "px", py: "py", space: "space", spaceColumn: "spaceColumn", spaceRow: "spaceRow", useWrap: "useWrap" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalStack.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStack, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalStack.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStack, isStandalone: true, selector: "bal-stack", inputs: { align: "align", fitContent: "fitContent", layout: "layout", px: "px", py: "py", space: "space", spaceColumn: "spaceColumn", spaceRow: "spaceRow", useWrap: "useWrap" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStack = __decorate([
     ProxyCmp({
         inputs: ['align', 'fitContent', 'layout', 'px', 'py', 'space', 'spaceColumn', 'spaceRow', 'useWrap'],
@@ -2494,7 +2494,7 @@ BalStack = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStack);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStack, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStack, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-stack',
@@ -2503,16 +2503,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['align', 'fitContent', 'layout', 'px', 'py', 'space', 'spaceColumn', 'spaceRow', 'useWrap']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalStage = class BalStage {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalStage, isStandalone: true, selector: "bal-stage", inputs: { color: "color", containerSize: "containerSize", shape: "shape", shapeRotation: "shapeRotation", shapeVariation: "shapeVariation", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalStage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalStage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStage, isStandalone: true, selector: "bal-stage", inputs: { color: "color", containerSize: "containerSize", shape: "shape", shapeRotation: "shapeRotation", shapeVariation: "shapeVariation", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStage = __decorate([
     ProxyCmp({
         inputs: ['color', 'containerSize', 'shape', 'shapeRotation', 'shapeVariation', 'size'],
@@ -2520,7 +2520,7 @@ BalStage = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStage);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStage, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-stage',
@@ -2529,16 +2529,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['color', 'containerSize', 'shape', 'shapeRotation', 'shapeVariation', 'size']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalStageBackLink = class BalStageBackLink {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStageBackLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalStageBackLink, isStandalone: true, selector: "bal-stage-back-link", inputs: { href: "href", inverted: "inverted", shadow: "shadow" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalStageBackLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStageBackLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalStageBackLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStageBackLink, isStandalone: true, selector: "bal-stage-back-link", inputs: { href: "href", inverted: "inverted", shadow: "shadow" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageBackLink = __decorate([
     ProxyCmp({
         inputs: ['href', 'inverted', 'shadow'],
@@ -2546,7 +2546,7 @@ BalStageBackLink = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBackLink);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStageBackLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStageBackLink, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-stage-back-link',
@@ -2555,23 +2555,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['href', 'inverted', 'shadow']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalStageBody = class BalStageBody {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStageBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalStageBody, isStandalone: true, selector: "bal-stage-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalStageBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStageBody, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalStageBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStageBody, isStandalone: true, selector: "bal-stage-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageBody = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1p
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBody);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStageBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStageBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-stage-body',
@@ -2579,23 +2579,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalStageFoot = class BalStageFoot {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStageFoot, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalStageFoot, isStandalone: true, selector: "bal-stage-foot", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalStageFoot.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStageFoot, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalStageFoot.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStageFoot, isStandalone: true, selector: "bal-stage-foot", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageFoot = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1q
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageFoot);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStageFoot, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStageFoot, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-stage-foot',
@@ -2603,23 +2603,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalStageHead = class BalStageHead {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStageHead, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalStageHead, isStandalone: true, selector: "bal-stage-head", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalStageHead.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStageHead, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalStageHead.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStageHead, isStandalone: true, selector: "bal-stage-head", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageHead = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1r
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageHead);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStageHead, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStageHead, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-stage-head',
@@ -2627,16 +2627,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalStageImage = class BalStageImage {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStageImage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalStageImage, isStandalone: true, selector: "bal-stage-image", inputs: { fallback: "fallback", srcSet: "srcSet" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalStageImage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStageImage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalStageImage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStageImage, isStandalone: true, selector: "bal-stage-image", inputs: { fallback: "fallback", srcSet: "srcSet" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageImage = __decorate([
     ProxyCmp({
         inputs: ['fallback', 'srcSet'],
@@ -2644,7 +2644,7 @@ BalStageImage = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageImage);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStageImage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStageImage, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-stage-image',
@@ -2653,7 +2653,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['fallback', 'srcSet']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalStepItem = class BalStepItem {
     constructor(c, r, z) {
         this.z = z;
@@ -2661,9 +2661,9 @@ let BalStepItem = class BalStepItem {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balNavigate']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStepItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalStepItem, isStandalone: true, selector: "bal-step-item", inputs: { active: "active", disabled: "disabled", done: "done", failed: "failed", href: "href", invisible: "invisible", label: "label", prevent: "prevent", target: "target", value: "value" }, outputs: { balNavigate: "balNavigate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalStepItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStepItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalStepItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStepItem, isStandalone: true, selector: "bal-step-item", inputs: { active: "active", disabled: "disabled", done: "done", failed: "failed", href: "href", invisible: "invisible", label: "label", prevent: "prevent", target: "target", value: "value" }, outputs: { balNavigate: "balNavigate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStepItem = __decorate([
     ProxyCmp({
         inputs: ['active', 'disabled', 'done', 'failed', 'href', 'invisible', 'label', 'prevent', 'target', 'value'],
@@ -2672,7 +2672,7 @@ BalStepItem = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStepItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalStepItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalStepItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-step-item',
@@ -2682,7 +2682,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['active', 'disabled', 'done', 'failed', 'href', 'invisible', 'label', 'prevent', 'target', 'value'],
                     outputs: ['balNavigate']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalSteps = class BalSteps {
     constructor(c, r, z) {
         this.z = z;
@@ -2690,9 +2690,9 @@ let BalSteps = class BalSteps {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balChange']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSteps, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalSteps, isStandalone: true, selector: "bal-steps", inputs: { clickable: "clickable", color: "color", debounce: "debounce", options: "options", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalSteps.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSteps, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalSteps.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSteps, isStandalone: true, selector: "bal-steps", inputs: { clickable: "clickable", color: "color", debounce: "debounce", options: "options", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalSteps = __decorate([
     ProxyCmp({
         inputs: ['clickable', 'color', 'debounce', 'options', 'value'],
@@ -2701,7 +2701,7 @@ BalSteps = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSteps);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSteps, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSteps, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-steps',
@@ -2711,7 +2711,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['clickable', 'color', 'debounce', 'options', 'value'],
                     outputs: ['balChange']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalTabItem = class BalTabItem {
     constructor(c, r, z) {
         this.z = z;
@@ -2719,9 +2719,9 @@ let BalTabItem = class BalTabItem {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balNavigate']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTabItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalTabItem, isStandalone: true, selector: "bal-tab-item", inputs: { active: "active", aria: "aria", bubble: "bubble", disabled: "disabled", href: "href", icon: "icon", invisible: "invisible", label: "label", noPanel: "noPanel", prevent: "prevent", subLabel: "subLabel", svg: "svg", target: "target", value: "value" }, outputs: { balNavigate: "balNavigate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalTabItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTabItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalTabItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalTabItem, isStandalone: true, selector: "bal-tab-item", inputs: { active: "active", aria: "aria", bubble: "bubble", disabled: "disabled", href: "href", icon: "icon", invisible: "invisible", label: "label", noPanel: "noPanel", prevent: "prevent", subLabel: "subLabel", svg: "svg", target: "target", value: "value" }, outputs: { balNavigate: "balNavigate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalTabItem = __decorate([
     ProxyCmp({
         inputs: ['active', 'aria', 'bubble', 'disabled', 'href', 'icon', 'invisible', 'label', 'noPanel', 'prevent', 'subLabel', 'svg', 'target', 'value'],
@@ -2730,7 +2730,7 @@ BalTabItem = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTabItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTabItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-tab-item',
@@ -2740,16 +2740,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['active', 'aria', 'bubble', 'disabled', 'href', 'icon', 'invisible', 'label', 'noPanel', 'prevent', 'subLabel', 'svg', 'target', 'value'],
                     outputs: ['balNavigate']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalTable = class BalTable {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalTable, isStandalone: true, selector: "bal-table", inputs: { expanded: "expanded" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalTable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalTable, isStandalone: true, selector: "bal-table", inputs: { expanded: "expanded" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalTable = __decorate([
     ProxyCmp({
         inputs: ['expanded'],
@@ -2757,7 +2757,7 @@ BalTable = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTable);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTable, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-table',
@@ -2766,7 +2766,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['expanded']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalTabs = class BalTabs {
     constructor(c, r, z) {
         this.z = z;
@@ -2774,9 +2774,9 @@ let BalTabs = class BalTabs {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balChange', 'balWillAnimate', 'balDidAnimate']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalTabs, isStandalone: true, selector: "bal-tabs", inputs: { accordion: "accordion", border: "border", clickable: "clickable", context: "context", debounce: "debounce", dimInactiveElements: "dimInactiveElements", expanded: "expanded", float: "float", fullwidth: "fullwidth", iconPosition: "iconPosition", inverted: "inverted", optionalTabSelection: "optionalTabSelection", options: "options", overflow: "overflow", selectOnMobile: "selectOnMobile", spaceless: "spaceless", value: "value", vertical: "vertical", verticalColSize: "verticalColSize" }, outputs: { balChange: "balChange", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalTabs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalTabs.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalTabs, isStandalone: true, selector: "bal-tabs", inputs: { accordion: "accordion", border: "border", clickable: "clickable", context: "context", debounce: "debounce", dimInactiveElements: "dimInactiveElements", expanded: "expanded", float: "float", fullwidth: "fullwidth", iconPosition: "iconPosition", inverted: "inverted", optionalTabSelection: "optionalTabSelection", options: "options", overflow: "overflow", selectOnMobile: "selectOnMobile", spaceless: "spaceless", value: "value", vertical: "vertical", verticalColSize: "verticalColSize" }, outputs: { balChange: "balChange", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalTabs = __decorate([
     ProxyCmp({
         inputs: ['accordion', 'border', 'clickable', 'context', 'debounce', 'dimInactiveElements', 'expanded', 'float', 'fullwidth', 'iconPosition', 'inverted', 'optionalTabSelection', 'options', 'overflow', 'selectOnMobile', 'spaceless', 'value', 'vertical', 'verticalColSize'],
@@ -2785,7 +2785,7 @@ BalTabs = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabs);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTabs, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTabs, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-tabs',
@@ -2795,7 +2795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['accordion', 'border', 'clickable', 'context', 'debounce', 'dimInactiveElements', 'expanded', 'float', 'fullwidth', 'iconPosition', 'inverted', 'optionalTabSelection', 'options', 'overflow', 'selectOnMobile', 'spaceless', 'value', 'vertical', 'verticalColSize'],
                     outputs: ['balChange', 'balWillAnimate', 'balDidAnimate']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalTag = class BalTag {
     constructor(c, r, z) {
         this.z = z;
@@ -2803,9 +2803,9 @@ let BalTag = class BalTag {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balCloseClick']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTag, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalTag, isStandalone: true, selector: "bal-tag", inputs: { closable: "closable", color: "color", disabled: "disabled", invalid: "invalid", light: "light", position: "position", size: "size" }, outputs: { balCloseClick: "balCloseClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalTag.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTag, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalTag.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalTag, isStandalone: true, selector: "bal-tag", inputs: { closable: "closable", color: "color", disabled: "disabled", invalid: "invalid", light: "light", position: "position", size: "size" }, outputs: { balCloseClick: "balCloseClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalTag = __decorate([
     ProxyCmp({
         inputs: ['closable', 'color', 'disabled', 'invalid', 'light', 'position', 'size'],
@@ -2813,7 +2813,7 @@ BalTag = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTag);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTag, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTag, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-tag',
@@ -2823,23 +2823,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['closable', 'color', 'disabled', 'invalid', 'light', 'position', 'size'],
                     outputs: ['balCloseClick']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalTagGroup = class BalTagGroup {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTagGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalTagGroup, isStandalone: true, selector: "bal-tag-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalTagGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTagGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalTagGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalTagGroup, isStandalone: true, selector: "bal-tag-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalTagGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1z
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTagGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTagGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTagGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-tag-group',
@@ -2847,16 +2847,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     template: '<ng-content></ng-content>',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalText = class BalText {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalText, isStandalone: true, selector: "bal-text", inputs: { bold: "bold", color: "color", disabled: "disabled", heading: "heading", inline: "inline", invalid: "invalid", inverted: "inverted", noWrap: "noWrap", shadow: "shadow", size: "size", space: "space" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalText, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalText, isStandalone: true, selector: "bal-text", inputs: { bold: "bold", color: "color", disabled: "disabled", heading: "heading", inline: "inline", invalid: "invalid", inverted: "inverted", noWrap: "noWrap", shadow: "shadow", size: "size", space: "space" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalText = __decorate([
     ProxyCmp({
         inputs: ['bold', 'color', 'disabled', 'heading', 'inline', 'invalid', 'inverted', 'noWrap', 'shadow', 'size', 'space'],
@@ -2864,7 +2864,7 @@ BalText = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalText);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalText, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-text',
@@ -2873,7 +2873,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     standalone: true,
                     inputs: ['bold', 'color', 'disabled', 'heading', 'inline', 'invalid', 'inverted', 'noWrap', 'shadow', 'size', 'space']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalToast = class BalToast {
     constructor(c, r, z) {
         this.z = z;
@@ -2881,9 +2881,9 @@ let BalToast = class BalToast {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balClose']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalToast, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalToast, isStandalone: true, selector: "bal-toast", inputs: { closable: "closable", color: "color", duration: "duration", message: "message" }, outputs: { balClose: "balClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalToast.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalToast, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalToast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalToast, isStandalone: true, selector: "bal-toast", inputs: { closable: "closable", color: "color", duration: "duration", message: "message" }, outputs: { balClose: "balClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalToast = __decorate([
     ProxyCmp({
         inputs: ['closable', 'color', 'duration', 'message'],
@@ -2892,7 +2892,7 @@ BalToast = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalToast);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalToast, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalToast, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-toast',
@@ -2902,7 +2902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['closable', 'color', 'duration', 'message'],
                     outputs: ['balClose']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let BalTooltip = class BalTooltip {
     constructor(c, r, z) {
         this.z = z;
@@ -2910,9 +2910,9 @@ let BalTooltip = class BalTooltip {
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['balWillAnimate', 'balDidAnimate']);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalTooltip, isStandalone: true, selector: "bal-tooltip", inputs: { contentWidth: "contentWidth", offset: "offset", placement: "placement", reference: "reference" }, outputs: { balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalTooltip, isStandalone: true, selector: "bal-tooltip", inputs: { contentWidth: "contentWidth", offset: "offset", placement: "placement", reference: "reference" }, outputs: { balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalTooltip = __decorate([
     ProxyCmp({
         inputs: ['contentWidth', 'offset', 'placement', 'reference'],
@@ -2920,7 +2920,7 @@ BalTooltip = __decorate([
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTooltip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTooltip, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-tooltip',
@@ -2930,7 +2930,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['contentWidth', 'offset', 'placement', 'reference'],
                     outputs: ['balWillAnimate', 'balDidAnimate']
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 
 class ValueAccessor {
     constructor(injector, elementRef) {
@@ -3061,12 +3061,12 @@ class ValueAccessor {
             });
         }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: ValueAccessor, host: { listeners: { "balBlur": "_handleBlurEvent($event.target)" } }, ngImport: i0 }); }
 }
-ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ValueAccessor, host: { listeners: { "balBlur": "_handleBlurEvent($event.target)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ValueAccessor, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ElementRef }], propDecorators: { _handleBlurEvent: [{
                 type: HostListener,
                 args: ['balBlur', ['$event.target']]
             }] } });
@@ -3145,9 +3145,9 @@ let BalCheckbox = class BalCheckbox extends ValueAccessor {
         this.elementRef.nativeElement.checked = this.lastValue = value == null ? false : value;
         this.onStatusChange();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCheckbox, isStandalone: true, selector: "bal-checkbox", inputs: { autoInvalidOff: "autoInvalidOff", checked: "checked", disabled: "disabled", flat: "flat", inline: "inline", interface: "interface", invalid: "invalid", invisible: "invisible", label: "label", labelHidden: "labelHidden", name: "name", nonSubmit: "nonSubmit", readonly: "readonly", required: "required", value: "value" }, outputs: { balFocus: "balFocus", balBlur: "balBlur", balChange: "balChange" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$e], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCheckbox, isStandalone: true, selector: "bal-checkbox", inputs: { autoInvalidOff: "autoInvalidOff", checked: "checked", disabled: "disabled", flat: "flat", inline: "inline", interface: "interface", invalid: "invalid", invisible: "invisible", label: "label", labelHidden: "labelHidden", name: "name", nonSubmit: "nonSubmit", readonly: "readonly", required: "required", value: "value" }, outputs: { balFocus: "balFocus", balBlur: "balBlur", balChange: "balChange" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$e], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCheckbox = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1C,
@@ -3159,7 +3159,7 @@ BalCheckbox = __decorate([
         NgZone,
         Injector])
 ], BalCheckbox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCheckbox, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-checkbox',
@@ -3170,7 +3170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalCheckboxInputs,
                     outputs: BalCheckboxOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalChange: [{
                 type: HostListener,
                 args: ['balChange', ['$event']]
             }] } });
@@ -3191,9 +3191,9 @@ let BalCheckboxGroup = class BalCheckboxGroup extends ValueAccessor {
     handleBalChange(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalCheckboxGroup, isStandalone: true, selector: "bal-checkbox-group", inputs: { autoInvalidOff: "autoInvalidOff", columns: "columns", columnsMobile: "columnsMobile", columnsTablet: "columnsTablet", control: "control", disabled: "disabled", expanded: "expanded", interface: "interface", invalid: "invalid", name: "name", options: "options", readonly: "readonly", value: "value", vertical: "vertical", verticalOnMobile: "verticalOnMobile" }, outputs: { balChange: "balChange", balFocus: "balFocus", balBlur: "balBlur" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$d], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalCheckboxGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalCheckboxGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCheckboxGroup, isStandalone: true, selector: "bal-checkbox-group", inputs: { autoInvalidOff: "autoInvalidOff", columns: "columns", columnsMobile: "columnsMobile", columnsTablet: "columnsTablet", control: "control", disabled: "disabled", expanded: "expanded", interface: "interface", invalid: "invalid", name: "name", options: "options", readonly: "readonly", value: "value", vertical: "vertical", verticalOnMobile: "verticalOnMobile" }, outputs: { balChange: "balChange", balFocus: "balFocus", balBlur: "balBlur" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$d], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCheckboxGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1D,
@@ -3205,7 +3205,7 @@ BalCheckboxGroup = __decorate([
         NgZone,
         Injector])
 ], BalCheckboxGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCheckboxGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalCheckboxGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-checkbox-group',
@@ -3216,7 +3216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalCheckboxGroupInputs,
                     outputs: BalCheckboxGroupOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalChange: [{
                 type: HostListener,
                 args: ['balChange', ['$event']]
             }] } });
@@ -3237,9 +3237,9 @@ let BalDate = class BalDate extends ValueAccessor {
     handleBalChange(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalDate, isStandalone: true, selector: "bal-date", inputs: { allowInvalidValue: "allowInvalidValue", allowedDates: "allowedDates", autoInvalidOff: "autoInvalidOff", autocomplete: "autocomplete", closeOnSelect: "closeOnSelect", debounce: "debounce", defaultDate: "defaultDate", disabled: "disabled", freeSolo: "freeSolo", invalid: "invalid", max: "max", maxYearProp: "maxYearProp", min: "min", minYearProp: "minYearProp", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", triggerIcon: "triggerIcon", value: "value" }, outputs: { balInput: "balInput", balChange: "balChange", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate", balBlur: "balBlur", balFocus: "balFocus", balInputClick: "balInputClick", balIconClick: "balIconClick" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$c], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalDate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalDate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDate, isStandalone: true, selector: "bal-date", inputs: { allowInvalidValue: "allowInvalidValue", allowedDates: "allowedDates", autoInvalidOff: "autoInvalidOff", autocomplete: "autocomplete", closeOnSelect: "closeOnSelect", debounce: "debounce", defaultDate: "defaultDate", disabled: "disabled", freeSolo: "freeSolo", invalid: "invalid", max: "max", maxYearProp: "maxYearProp", min: "min", minYearProp: "minYearProp", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", triggerIcon: "triggerIcon", value: "value" }, outputs: { balInput: "balInput", balChange: "balChange", balWillAnimate: "balWillAnimate", balDidAnimate: "balDidAnimate", balBlur: "balBlur", balFocus: "balFocus", balInputClick: "balInputClick", balIconClick: "balIconClick" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$c], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalDate = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1E,
@@ -3251,7 +3251,7 @@ BalDate = __decorate([
         NgZone,
         Injector])
 ], BalDate);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDate, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-date',
@@ -3262,7 +3262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalDateInputs,
                     outputs: BalDateOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalChange: [{
                 type: HostListener,
                 args: ['balChange', ['$event']]
             }] } });
@@ -3283,9 +3283,9 @@ let BalFileUpload = class BalFileUpload extends ValueAccessor {
     handleBalChange(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFileUpload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalFileUpload, isStandalone: true, selector: "bal-file-upload", inputs: { accept: "accept", autoInvalidOff: "autoInvalidOff", disabled: "disabled", hasFileList: "hasFileList", invalid: "invalid", label: "label", loading: "loading", maxBundleSize: "maxBundleSize", maxFileSize: "maxFileSize", maxFiles: "maxFiles", multiple: "multiple", name: "name", readonly: "readonly", required: "required", subTitle: "subTitle", value: "value" }, outputs: { balChange: "balChange", balFilesAdded: "balFilesAdded", balFilesRemoved: "balFilesRemoved", balRejectedFile: "balRejectedFile", balInputClick: "balInputClick", balBlur: "balBlur", balFocus: "balFocus" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$b], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalFileUpload.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFileUpload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalFileUpload.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalFileUpload, isStandalone: true, selector: "bal-file-upload", inputs: { accept: "accept", autoInvalidOff: "autoInvalidOff", disabled: "disabled", hasFileList: "hasFileList", invalid: "invalid", label: "label", loading: "loading", maxBundleSize: "maxBundleSize", maxFileSize: "maxFileSize", maxFiles: "maxFiles", multiple: "multiple", name: "name", readonly: "readonly", required: "required", subTitle: "subTitle", value: "value" }, outputs: { balChange: "balChange", balFilesAdded: "balFilesAdded", balFilesRemoved: "balFilesRemoved", balRejectedFile: "balRejectedFile", balInputClick: "balInputClick", balBlur: "balBlur", balFocus: "balFocus" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$b], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFileUpload = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1F,
@@ -3297,7 +3297,7 @@ BalFileUpload = __decorate([
         NgZone,
         Injector])
 ], BalFileUpload);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalFileUpload, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalFileUpload, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-file-upload',
@@ -3308,7 +3308,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalFileUploadInputs,
                     outputs: BalFileUploadOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalChange: [{
                 type: HostListener,
                 args: ['balChange', ['$event']]
             }] } });
@@ -3329,9 +3329,9 @@ let BalInputDate = class BalInputDate extends ValueAccessor {
     handleBalChange(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalInputDate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalInputDate, isStandalone: true, selector: "bal-input-date", inputs: { allowInvalidValue: "allowInvalidValue", autoInvalidOff: "autoInvalidOff", autocomplete: "autocomplete", clickable: "clickable", disabled: "disabled", invalid: "invalid", max: "max", min: "min", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", value: "value" }, outputs: { balKeyPress: "balKeyPress", balChange: "balChange", balInput: "balInput", balBlur: "balBlur", balFocus: "balFocus" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$a], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalInputDate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalInputDate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalInputDate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalInputDate, isStandalone: true, selector: "bal-input-date", inputs: { allowInvalidValue: "allowInvalidValue", autoInvalidOff: "autoInvalidOff", autocomplete: "autocomplete", clickable: "clickable", disabled: "disabled", invalid: "invalid", max: "max", min: "min", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", value: "value" }, outputs: { balKeyPress: "balKeyPress", balChange: "balChange", balInput: "balInput", balBlur: "balBlur", balFocus: "balFocus" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$a], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalInputDate = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1G,
@@ -3343,7 +3343,7 @@ BalInputDate = __decorate([
         NgZone,
         Injector])
 ], BalInputDate);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalInputDate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalInputDate, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-input-date',
@@ -3354,7 +3354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalInputDateInputs,
                     outputs: BalInputDateOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalChange: [{
                 type: HostListener,
                 args: ['balChange', ['$event']]
             }] } });
@@ -3375,9 +3375,9 @@ let BalInputSlider = class BalInputSlider extends ValueAccessor {
     handleBalInput(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalInputSlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalInputSlider, isStandalone: true, selector: "bal-input-slider", inputs: { autoInvalidOff: "autoInvalidOff", balTabindex: "balTabindex", debounce: "debounce", disabled: "disabled", hasTicks: "hasTicks", invalid: "invalid", max: "max", min: "min", name: "name", readonly: "readonly", required: "required", step: "step", value: "value" }, outputs: { balInput: "balInput", balBlur: "balBlur", balKeyPress: "balKeyPress", balFocus: "balFocus", balChange: "balChange" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider$9], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalInputSlider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalInputSlider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalInputSlider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalInputSlider, isStandalone: true, selector: "bal-input-slider", inputs: { autoInvalidOff: "autoInvalidOff", balTabindex: "balTabindex", debounce: "debounce", disabled: "disabled", hasTicks: "hasTicks", invalid: "invalid", max: "max", min: "min", name: "name", readonly: "readonly", required: "required", step: "step", value: "value" }, outputs: { balInput: "balInput", balBlur: "balBlur", balKeyPress: "balKeyPress", balFocus: "balFocus", balChange: "balChange" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider$9], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalInputSlider = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1H,
@@ -3389,7 +3389,7 @@ BalInputSlider = __decorate([
         NgZone,
         Injector])
 ], BalInputSlider);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalInputSlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalInputSlider, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-input-slider',
@@ -3400,7 +3400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalInputSliderInputs,
                     outputs: BalInputSliderOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalInput: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalInput: [{
                 type: HostListener,
                 args: ['balInput', ['$event']]
             }] } });
@@ -3426,9 +3426,9 @@ let BalInputStepper = class BalInputStepper extends ValueAccessor {
             fn(value === '' ? null : parseFloat(value));
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalInputStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalInputStepper, isStandalone: true, selector: "bal-input-stepper", inputs: { autoInvalidOff: "autoInvalidOff", debounce: "debounce", disabled: "disabled", invalid: "invalid", max: "max", min: "min", name: "name", readonly: "readonly", steps: "steps", value: "value" }, outputs: { balChange: "balChange", balInput: "balInput", balIncrease: "balIncrease", balDecrease: "balDecrease", balFocus: "balFocus", balBlur: "balBlur" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider$8], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalInputStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalInputStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalInputStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalInputStepper, isStandalone: true, selector: "bal-input-stepper", inputs: { autoInvalidOff: "autoInvalidOff", debounce: "debounce", disabled: "disabled", invalid: "invalid", max: "max", min: "min", name: "name", readonly: "readonly", steps: "steps", value: "value" }, outputs: { balChange: "balChange", balInput: "balInput", balIncrease: "balIncrease", balDecrease: "balDecrease", balFocus: "balFocus", balBlur: "balBlur" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider$8], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalInputStepper = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1I,
@@ -3440,7 +3440,7 @@ BalInputStepper = __decorate([
         NgZone,
         Injector])
 ], BalInputStepper);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalInputStepper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalInputStepper, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-input-stepper',
@@ -3451,7 +3451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalInputStepperInputs,
                     outputs: BalInputStepperOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalInput: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalInput: [{
                 type: HostListener,
                 args: ['balInput', ['$event']]
             }] } });
@@ -3472,9 +3472,9 @@ let BalInput = class BalInput extends ValueAccessor {
     handleBalInput(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalInput, isStandalone: true, selector: "bal-input", inputs: { accept: "accept", allowedKeyPress: "allowedKeyPress", autoInvalidOff: "autoInvalidOff", autocapitalize: "autocapitalize", autocomplete: "autocomplete", autocorrect: "autocorrect", autofocus: "autofocus", clickable: "clickable", debounce: "debounce", disabled: "disabled", inputmode: "inputmode", invalid: "invalid", mask: "mask", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", spellcheck: "spellcheck", suffix: "suffix", textAlign: "textAlign", type: "type", value: "value" }, outputs: { balInput: "balInput", balBlur: "balBlur", balKeyPress: "balKeyPress", balFocus: "balFocus", balChange: "balChange" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider$7], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalInput, isStandalone: true, selector: "bal-input", inputs: { accept: "accept", allowedKeyPress: "allowedKeyPress", autoInvalidOff: "autoInvalidOff", autocapitalize: "autocapitalize", autocomplete: "autocomplete", autocorrect: "autocorrect", autofocus: "autofocus", clickable: "clickable", debounce: "debounce", disabled: "disabled", inputmode: "inputmode", invalid: "invalid", mask: "mask", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", spellcheck: "spellcheck", suffix: "suffix", textAlign: "textAlign", type: "type", value: "value" }, outputs: { balInput: "balInput", balBlur: "balBlur", balKeyPress: "balKeyPress", balFocus: "balFocus", balChange: "balChange" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider$7], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalInput = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1J,
@@ -3486,7 +3486,7 @@ BalInput = __decorate([
         NgZone,
         Injector])
 ], BalInput);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-input',
@@ -3497,7 +3497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalInputInputs,
                     outputs: BalInputOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalInput: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalInput: [{
                 type: HostListener,
                 args: ['balInput', ['$event']]
             }] } });
@@ -3523,9 +3523,9 @@ let BalNumberInput = class BalNumberInput extends ValueAccessor {
             fn(value === '' ? null : parseFloat(value));
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNumberInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNumberInput, isStandalone: true, selector: "bal-number-input", inputs: { autoInvalidOff: "autoInvalidOff", debounce: "debounce", decimal: "decimal", disabled: "disabled", exactNumber: "exactNumber", invalid: "invalid", max: "max", min: "min", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", suffix: "suffix", value: "value" }, outputs: { balInput: "balInput", balChange: "balChange", balBlur: "balBlur", balFocus: "balFocus", balKeyPress: "balKeyPress" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider$6], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalNumberInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNumberInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalNumberInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNumberInput, isStandalone: true, selector: "bal-number-input", inputs: { autoInvalidOff: "autoInvalidOff", debounce: "debounce", decimal: "decimal", disabled: "disabled", exactNumber: "exactNumber", invalid: "invalid", max: "max", min: "min", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", suffix: "suffix", value: "value" }, outputs: { balInput: "balInput", balChange: "balChange", balBlur: "balBlur", balFocus: "balFocus", balKeyPress: "balKeyPress" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider$6], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNumberInput = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1K,
@@ -3537,7 +3537,7 @@ BalNumberInput = __decorate([
         NgZone,
         Injector])
 ], BalNumberInput);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNumberInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNumberInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-number-input',
@@ -3548,7 +3548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalNumberInputInputs,
                     outputs: BalNumberInputOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalInput: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalInput: [{
                 type: HostListener,
                 args: ['balInput', ['$event']]
             }] } });
@@ -3569,9 +3569,9 @@ let BalRadioGroup = class BalRadioGroup extends ValueAccessor {
     handleBalChange(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalRadioGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalRadioGroup, isStandalone: true, selector: "bal-radio-group", inputs: { allowEmptySelection: "allowEmptySelection", autoInvalidOff: "autoInvalidOff", columnsMobile: "columnsMobile", columnsTablet: "columnsTablet", disabled: "disabled", expanded: "expanded", grid: "grid", interface: "interface", invalid: "invalid", name: "name", options: "options", readonly: "readonly", value: "value", vertical: "vertical", verticalOnMobile: "verticalOnMobile" }, outputs: { balChange: "balChange", balFocus: "balFocus", balBlur: "balBlur" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$5], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalRadioGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalRadioGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalRadioGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalRadioGroup, isStandalone: true, selector: "bal-radio-group", inputs: { allowEmptySelection: "allowEmptySelection", autoInvalidOff: "autoInvalidOff", columnsMobile: "columnsMobile", columnsTablet: "columnsTablet", disabled: "disabled", expanded: "expanded", grid: "grid", interface: "interface", invalid: "invalid", name: "name", options: "options", readonly: "readonly", value: "value", vertical: "vertical", verticalOnMobile: "verticalOnMobile" }, outputs: { balChange: "balChange", balFocus: "balFocus", balBlur: "balBlur" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$5], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalRadioGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1L,
@@ -3583,7 +3583,7 @@ BalRadioGroup = __decorate([
         NgZone,
         Injector])
 ], BalRadioGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalRadioGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalRadioGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-radio-group',
@@ -3594,7 +3594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalRadioGroupInputs,
                     outputs: BalRadioGroupOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalChange: [{
                 type: HostListener,
                 args: ['balChange', ['$event']]
             }] } });
@@ -3615,9 +3615,9 @@ let BalSelect = class BalSelect extends ValueAccessor {
     handleBalChange(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalSelect, isStandalone: true, selector: "bal-select", inputs: { autoInvalidOff: "autoInvalidOff", autocomplete: "autocomplete", balTabindex: "balTabindex", disabled: "disabled", filter: "filter", freeSolo: "freeSolo", invalid: "invalid", loading: "loading", maxLength: "maxLength", multiple: "multiple", name: "name", noDataLabel: "noDataLabel", placeholder: "placeholder", readonly: "readonly", remote: "remote", required: "required", scrollable: "scrollable", selectionOptional: "selectionOptional", typeahead: "typeahead", value: "value" }, outputs: { balChange: "balChange", balInputClick: "balInputClick", balInput: "balInput", balBlur: "balBlur", balFocus: "balFocus", balCancel: "balCancel", balKeyPress: "balKeyPress" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$4], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSelect, isStandalone: true, selector: "bal-select", inputs: { autoInvalidOff: "autoInvalidOff", autocomplete: "autocomplete", balTabindex: "balTabindex", disabled: "disabled", filter: "filter", freeSolo: "freeSolo", invalid: "invalid", loading: "loading", maxLength: "maxLength", multiple: "multiple", name: "name", noDataLabel: "noDataLabel", placeholder: "placeholder", readonly: "readonly", remote: "remote", required: "required", scrollable: "scrollable", selectionOptional: "selectionOptional", typeahead: "typeahead", value: "value" }, outputs: { balChange: "balChange", balInputClick: "balInputClick", balInput: "balInput", balBlur: "balBlur", balFocus: "balFocus", balCancel: "balCancel", balKeyPress: "balKeyPress" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$4], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalSelect = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1M,
@@ -3629,7 +3629,7 @@ BalSelect = __decorate([
         NgZone,
         Injector])
 ], BalSelect);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-select',
@@ -3640,7 +3640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalSelectInputs,
                     outputs: BalSelectOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalChange: [{
                 type: HostListener,
                 args: ['balChange', ['$event']]
             }] } });
@@ -3661,9 +3661,9 @@ let BalSegment = class BalSegment extends ValueAccessor {
     handleBalChange(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSegment, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalSegment, isStandalone: true, selector: "bal-segment", inputs: { disabled: "disabled", expanded: "expanded", invalid: "invalid", scrollable: "scrollable", value: "value", vertical: "vertical" }, outputs: { balFocus: "balFocus", balBlur: "balBlur", balChange: "balChange" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$3], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalSegment.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSegment, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalSegment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSegment, isStandalone: true, selector: "bal-segment", inputs: { disabled: "disabled", expanded: "expanded", invalid: "invalid", scrollable: "scrollable", value: "value", vertical: "vertical" }, outputs: { balFocus: "balFocus", balBlur: "balBlur", balChange: "balChange" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$3], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalSegment = __decorate([
     ProxyCmp({
         defineCustomElementFn: () => {
@@ -3678,7 +3678,7 @@ BalSegment = __decorate([
         NgZone,
         Injector])
 ], BalSegment);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSegment, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalSegment, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-segment',
@@ -3689,7 +3689,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalSegmentInputs,
                     outputs: BalSegmentOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalChange: [{
                 type: HostListener,
                 args: ['balChange', ['$event']]
             }] } });
@@ -3710,9 +3710,9 @@ let BalDropdown = class BalDropdown extends ValueAccessor {
     handleBalChange(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalDropdown, isStandalone: true, selector: "bal-dropdown", inputs: { autocomplete: "autocomplete", chips: "chips", clearable: "clearable", contentHeight: "contentHeight", disabled: "disabled", filter: "filter", icon: "icon", inlineLabel: "inlineLabel", invalid: "invalid", loading: "loading", multiple: "multiple", name: "name", options: "options", placeholder: "placeholder", readonly: "readonly", required: "required", size: "size", theme: "theme", value: "value" }, outputs: { balChange: "balChange", balFocus: "balFocus", balBlur: "balBlur" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$2], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDropdown, isStandalone: true, selector: "bal-dropdown", inputs: { autocomplete: "autocomplete", chips: "chips", clearable: "clearable", contentHeight: "contentHeight", disabled: "disabled", filter: "filter", icon: "icon", inlineLabel: "inlineLabel", invalid: "invalid", loading: "loading", multiple: "multiple", name: "name", options: "options", placeholder: "placeholder", readonly: "readonly", required: "required", size: "size", theme: "theme", value: "value" }, outputs: { balChange: "balChange", balFocus: "balFocus", balBlur: "balBlur" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$2], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalDropdown = __decorate([
     ProxyCmp({
         defineCustomElementFn: () => {
@@ -3728,7 +3728,7 @@ BalDropdown = __decorate([
         NgZone,
         Injector])
 ], BalDropdown);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDropdown, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalDropdown, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-dropdown',
@@ -3739,7 +3739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalDropdownInputs,
                     outputs: BalDropdownOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalChange: [{
                 type: HostListener,
                 args: ['balChange', ['$event']]
             }] } });
@@ -3760,9 +3760,9 @@ let BalTextarea = class BalTextarea extends ValueAccessor {
     handleBalInput(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalTextarea, isStandalone: true, selector: "bal-textarea", inputs: { autoInvalidOff: "autoInvalidOff", autocapitalize: "autocapitalize", autocomplete: "autocomplete", autofocus: "autofocus", clickable: "clickable", cols: "cols", debounce: "debounce", disabled: "disabled", inputmode: "inputmode", invalid: "invalid", maxLength: "maxLength", minLength: "minLength", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", rows: "rows", value: "value", wrap: "wrap" }, outputs: { balChange: "balChange", balInput: "balInput", balBlur: "balBlur", balKeyPress: "balKeyPress", balFocus: "balFocus" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider$1], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalTextarea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalTextarea, isStandalone: true, selector: "bal-textarea", inputs: { autoInvalidOff: "autoInvalidOff", autocapitalize: "autocapitalize", autocomplete: "autocomplete", autofocus: "autofocus", clickable: "clickable", cols: "cols", debounce: "debounce", disabled: "disabled", inputmode: "inputmode", invalid: "invalid", maxLength: "maxLength", minLength: "minLength", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", rows: "rows", value: "value", wrap: "wrap" }, outputs: { balChange: "balChange", balInput: "balInput", balBlur: "balBlur", balKeyPress: "balKeyPress", balFocus: "balFocus" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider$1], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalTextarea = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1P,
@@ -3774,7 +3774,7 @@ BalTextarea = __decorate([
         NgZone,
         Injector])
 ], BalTextarea);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTextarea, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTextarea, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-textarea',
@@ -3785,7 +3785,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalTextareaInputs,
                     outputs: BalTextareaOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalInput: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalInput: [{
                 type: HostListener,
                 args: ['balInput', ['$event']]
             }] } });
@@ -3806,9 +3806,9 @@ let BalTimeInput = class BalTimeInput extends ValueAccessor {
     handleBalInput(event) {
         this.handleValueChange(event);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTimeInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalTimeInput, isStandalone: true, selector: "bal-time-input", inputs: { autoInvalidOff: "autoInvalidOff", debounce: "debounce", disabled: "disabled", invalid: "invalid", name: "name", readonly: "readonly", required: "required", value: "value" }, outputs: { balInput: "balInput", balChange: "balChange", balBlur: "balBlur", balFocus: "balFocus", balKeyPress: "balKeyPress", balClick: "balClick" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
-BalTimeInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTimeInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalTimeInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalTimeInput, isStandalone: true, selector: "bal-time-input", inputs: { autoInvalidOff: "autoInvalidOff", debounce: "debounce", disabled: "disabled", invalid: "invalid", name: "name", readonly: "readonly", required: "required", value: "value" }, outputs: { balInput: "balInput", balChange: "balChange", balBlur: "balBlur", balFocus: "balFocus", balKeyPress: "balKeyPress", balClick: "balClick" }, host: { listeners: { "balInput": "handleBalInput($event)" } }, providers: [accessorProvider], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalTimeInput = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$1Q,
@@ -3820,7 +3820,7 @@ BalTimeInput = __decorate([
         NgZone,
         Injector])
 ], BalTimeInput);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalTimeInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalTimeInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'bal-time-input',
@@ -3831,7 +3831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: BalTimeInputInputs,
                     outputs: BalTimeInputOutputs,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalInput: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleBalInput: [{
                 type: HostListener,
                 args: ['balInput', ['$event']]
             }] } });
@@ -3840,19 +3840,19 @@ class BalNgErrorComponent extends BalNgErrorComponent$1 {
     constructor(injector, cd) {
         super(injector, cd);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNgErrorComponent, deps: [{ token: Injector }, { token: ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: BalNgErrorComponent, isStandalone: true, selector: "bal-ng-error", usesInheritance: true, ngImport: i0, template: `<ng-content *ngIf="(ready | async) && hasError"></ng-content>`, isInline: true, styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
-BalNgErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNgErrorComponent, deps: [{ token: Injector }, { token: ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BalNgErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNgErrorComponent, isStandalone: true, selector: "bal-ng-error", usesInheritance: true, ngImport: i0, template: `<ng-content *ngIf="(ready | async) && hasError"></ng-content>`, isInline: true, styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNgErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalNgErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bal-ng-error', template: `<ng-content *ngIf="(ready | async) && hasError"></ng-content>`, standalone: true, imports: [CommonModule], styles: [":host{display:inline-block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Injector, decorators: [{
+        }], ctorParameters: () => [{ type: i0.Injector, decorators: [{
                     type: Inject,
                     args: [Injector]
                 }] }, { type: i0.ChangeDetectorRef, decorators: [{
                     type: Inject,
                     args: [ChangeDetectorRef]
-                }] }]; } });
+                }] }] });
 
 const BalAccordionBundle = [BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger];
 const BalButtonBundle = [BalButton, BalButtonGroup];
@@ -4029,10 +4029,10 @@ const BalComponentBundle = [
 
 /* eslint-disable @angular-eslint/directive-class-suffix */
 class BalAutoFocus extends BalAutoFocus$1 {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalAutoFocus, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: BalAutoFocus, selector: "[balAutoFocus]", usesInheritance: true, ngImport: i0 }); }
 }
-BalAutoFocus.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalAutoFocus, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-BalAutoFocus.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: BalAutoFocus, selector: "[balAutoFocus]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalAutoFocus, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: BalAutoFocus, decorators: [{
             type: Directive,
             args: [{
                     selector: '[balAutoFocus]',