npm - @baloise/ds-angular - Versions diffs - 16.3.0-nightly.20240913 → 16.4.0-nightly.20240916 - Mend

@baloise/ds-angular 16.3.0-nightly.20240913 → 16.4.0-nightly.20240916

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/bundles.d.ts +5 -4
package/components/bal-segment.d.ts +18 -0
package/components/index.d.ts +1 -0
package/esm2020/bundles.mjs +9 -3
package/esm2020/components/bal-segment.mjs +55 -0
package/esm2020/components/index.mjs +2 -1
package/esm2020/generated/meta.mjs +4 -1
package/esm2020/generated/proxies.mjs +47 -15
package/fesm2015/baloise-ds-angular.mjs +208 -121
package/fesm2015/baloise-ds-angular.mjs.map +1 -1
package/fesm2020/baloise-ds-angular.mjs +208 -121
package/fesm2020/baloise-ds-angular.mjs.map +1 -1
package/generated/meta.d.ts +3 -0
package/generated/proxies.d.ts +16 -5
package/package.json +3 -3

package/fesm2015/baloise-ds-angular.mjs CHANGED Viewed

@@ -84,42 +84,44 @@ import { defineCustomElement as defineCustomElement$1d } from '@baloise/ds-core/
 import { defineCustomElement as defineCustomElement$1e } from '@baloise/ds-core/components/bal-progress-bar';
 import { defineCustomElement as defineCustomElement$1f } from '@baloise/ds-core/components/bal-radio';
 import { defineCustomElement as defineCustomElement$1g } from '@baloise/ds-core/components/bal-radio-button';
-import { defineCustomElement as defineCustomElement$1h } from '@baloise/ds-core/components/bal-select-option';
-import { defineCustomElement as defineCustomElement$1i } from '@baloise/ds-core/components/bal-shape';
-import { defineCustomElement as defineCustomElement$1j } from '@baloise/ds-core/components/bal-sheet';
-import { defineCustomElement as defineCustomElement$1k } from '@baloise/ds-core/components/bal-spinner';
-import { defineCustomElement as defineCustomElement$1l } from '@baloise/ds-core/components/bal-stack';
-import { defineCustomElement as defineCustomElement$1m } from '@baloise/ds-core/components/bal-stage';
-import { defineCustomElement as defineCustomElement$1n } from '@baloise/ds-core/components/bal-stage-back-link';
-import { defineCustomElement as defineCustomElement$1o } from '@baloise/ds-core/components/bal-stage-body';
-import { defineCustomElement as defineCustomElement$1p } from '@baloise/ds-core/components/bal-stage-foot';
-import { defineCustomElement as defineCustomElement$1q } from '@baloise/ds-core/components/bal-stage-head';
-import { defineCustomElement as defineCustomElement$1r } from '@baloise/ds-core/components/bal-stage-image';
-import { defineCustomElement as defineCustomElement$1s } from '@baloise/ds-core/components/bal-step-item';
-import { defineCustomElement as defineCustomElement$1t } from '@baloise/ds-core/components/bal-steps';
-import { defineCustomElement as defineCustomElement$1u } from '@baloise/ds-core/components/bal-tab-item';
-import { defineCustomElement as defineCustomElement$1v } from '@baloise/ds-core/components/bal-table';
-import { defineCustomElement as defineCustomElement$1w } from '@baloise/ds-core/components/bal-tabs';
-import { defineCustomElement as defineCustomElement$1x } from '@baloise/ds-core/components/bal-tag';
-import { defineCustomElement as defineCustomElement$1y } from '@baloise/ds-core/components/bal-tag-group';
-import { defineCustomElement as defineCustomElement$1z } from '@baloise/ds-core/components/bal-text';
-import { defineCustomElement as defineCustomElement$1A } from '@baloise/ds-core/components/bal-tooltip';
+import { defineCustomElement as defineCustomElement$1h } from '@baloise/ds-core/components/bal-segment-item';
+import { defineCustomElement as defineCustomElement$1i } from '@baloise/ds-core/components/bal-select-option';
+import { defineCustomElement as defineCustomElement$1j } from '@baloise/ds-core/components/bal-shape';
+import { defineCustomElement as defineCustomElement$1k } from '@baloise/ds-core/components/bal-sheet';
+import { defineCustomElement as defineCustomElement$1l } from '@baloise/ds-core/components/bal-spinner';
+import { defineCustomElement as defineCustomElement$1m } from '@baloise/ds-core/components/bal-stack';
+import { defineCustomElement as defineCustomElement$1n } from '@baloise/ds-core/components/bal-stage';
+import { defineCustomElement as defineCustomElement$1o } from '@baloise/ds-core/components/bal-stage-back-link';
+import { defineCustomElement as defineCustomElement$1p } from '@baloise/ds-core/components/bal-stage-body';
+import { defineCustomElement as defineCustomElement$1q } from '@baloise/ds-core/components/bal-stage-foot';
+import { defineCustomElement as defineCustomElement$1r } from '@baloise/ds-core/components/bal-stage-head';
+import { defineCustomElement as defineCustomElement$1s } from '@baloise/ds-core/components/bal-stage-image';
+import { defineCustomElement as defineCustomElement$1t } from '@baloise/ds-core/components/bal-step-item';
+import { defineCustomElement as defineCustomElement$1u } from '@baloise/ds-core/components/bal-steps';
+import { defineCustomElement as defineCustomElement$1v } from '@baloise/ds-core/components/bal-tab-item';
+import { defineCustomElement as defineCustomElement$1w } from '@baloise/ds-core/components/bal-table';
+import { defineCustomElement as defineCustomElement$1x } from '@baloise/ds-core/components/bal-tabs';
+import { defineCustomElement as defineCustomElement$1y } from '@baloise/ds-core/components/bal-tag';
+import { defineCustomElement as defineCustomElement$1z } from '@baloise/ds-core/components/bal-tag-group';
+import { defineCustomElement as defineCustomElement$1A } from '@baloise/ds-core/components/bal-text';
+import { defineCustomElement as defineCustomElement$1B } from '@baloise/ds-core/components/bal-tooltip';
 import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { defineCustomElement as defineCustomElement$1B } from '@baloise/ds-core/components/bal-checkbox';
-import { defineCustomElement as defineCustomElement$1C } from '@baloise/ds-core/components/bal-checkbox-group';
-import { defineCustomElement as defineCustomElement$1D } from '@baloise/ds-core/components/bal-date';
-import { defineCustomElement as defineCustomElement$1E } from '@baloise/ds-core/components/bal-datepicker';
-import { defineCustomElement as defineCustomElement$1F } from '@baloise/ds-core/components/bal-file-upload';
-import { defineCustomElement as defineCustomElement$1G } from '@baloise/ds-core/components/bal-input-date';
-import { defineCustomElement as defineCustomElement$1H } from '@baloise/ds-core/components/bal-input-slider';
-import { defineCustomElement as defineCustomElement$1I } from '@baloise/ds-core/components/bal-input-stepper';
-import { defineCustomElement as defineCustomElement$1J } from '@baloise/ds-core/components/bal-input';
-import { defineCustomElement as defineCustomElement$1K } from '@baloise/ds-core/components/bal-number-input';
-import { defineCustomElement as defineCustomElement$1L } from '@baloise/ds-core/components/bal-radio-group';
-import { defineCustomElement as defineCustomElement$1M } from '@baloise/ds-core/components/bal-select';
-import { defineCustomElement as defineCustomElement$1N } from '@baloise/ds-core/components/bal-dropdown';
-import { defineCustomElement as defineCustomElement$1O } from '@baloise/ds-core/components/bal-textarea';
-import { defineCustomElement as defineCustomElement$1P } from '@baloise/ds-core/components/bal-time-input';
+import { defineCustomElement as defineCustomElement$1C } from '@baloise/ds-core/components/bal-checkbox';
+import { defineCustomElement as defineCustomElement$1D } from '@baloise/ds-core/components/bal-checkbox-group';
+import { defineCustomElement as defineCustomElement$1E } from '@baloise/ds-core/components/bal-date';
+import { defineCustomElement as defineCustomElement$1F } from '@baloise/ds-core/components/bal-datepicker';
+import { defineCustomElement as defineCustomElement$1G } from '@baloise/ds-core/components/bal-file-upload';
+import { defineCustomElement as defineCustomElement$1H } from '@baloise/ds-core/components/bal-input-date';
+import { defineCustomElement as defineCustomElement$1I } from '@baloise/ds-core/components/bal-input-slider';
+import { defineCustomElement as defineCustomElement$1J } from '@baloise/ds-core/components/bal-input-stepper';
+import { defineCustomElement as defineCustomElement$1K } from '@baloise/ds-core/components/bal-input';
+import { defineCustomElement as defineCustomElement$1L } from '@baloise/ds-core/components/bal-number-input';
+import { defineCustomElement as defineCustomElement$1M } from '@baloise/ds-core/components/bal-radio-group';
+import { defineCustomElement as defineCustomElement$1N } from '@baloise/ds-core/components/bal-select';
+import { defineCustomElement as defineCustomElement$1O } from '@baloise/ds-core/components/bal-segment';
+import { defineCustomElement as defineCustomElement$1P } from '@baloise/ds-core/components/bal-dropdown';
+import { defineCustomElement as defineCustomElement$1Q } from '@baloise/ds-core/components/bal-textarea';
+import { defineCustomElement as defineCustomElement$1R } 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';
@@ -1356,10 +1358,10 @@ let BalLabel = class BalLabel {
     }
 };
 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", 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.ɵ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', 'invalid', 'multiline', 'noWrap', 'readonly', 'required', 'size', 'valid', 'weight'],
+        inputs: ['disabled', 'htmlFor', 'htmlId', 'invalid', 'multiline', 'noWrap', 'readonly', 'required', 'size', 'valid', 'weight'],
         defineCustomElementFn: defineCustomElement$K
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
@@ -1371,7 +1373,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     standalone: true,
-                    inputs: ['disabled', 'htmlFor', 'invalid', 'multiline', 'noWrap', 'readonly', 'required', 'size', 'valid', 'weight']
+                    inputs: ['disabled', 'htmlFor', 'htmlId', 'invalid', 'multiline', 'noWrap', 'readonly', 'required', 'size', 'valid', 'weight']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let BalList = class BalList {
@@ -1852,9 +1854,10 @@ let BalNavMenuFlyout = class BalNavMenuFlyout {
     }
 };
 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", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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'],
         defineCustomElementFn: defineCustomElement$10
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
@@ -1865,7 +1868,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-nav-menu-flyout',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    standalone: true
+                    standalone: true,
+                    inputs: ['navId']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let BalNavMetaBar = class BalNavMetaBar {
@@ -2247,10 +2251,10 @@ let BalProgressBar = class BalProgressBar {
     }
 };
 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", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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', 'value'],
+        inputs: ['background', 'color', 'value'],
         methods: ['configChanged'],
         defineCustomElementFn: defineCustomElement$1e
     }),
@@ -2263,7 +2267,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     standalone: true,
-                    inputs: ['background', 'value']
+                    inputs: ['background', 'color', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let BalRadio = class BalRadio {
@@ -2323,6 +2327,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     outputs: ['balFocus', 'balBlur', 'balFormControlDidLoad']
                 }]
         }], ctorParameters: function () { return [{ 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;
+        proxyOutputs(this, this.el, ['balBlur']);
+    }
+};
+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" }, outputs: { balBlur: "balBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BalSegmentItem = __decorate([
+    ProxyCmp({
+        inputs: ['disabled', 'invalid', 'label', 'value'],
+        defineCustomElementFn: defineCustomElement$1h
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], BalSegmentItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSegmentItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bal-segment-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    inputs: ['disabled', 'invalid', 'label', 'value'],
+                    outputs: ['balBlur']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let BalSelectOption = class BalSelectOption {
     constructor(c, r, z) {
         this.z = z;
@@ -2335,7 +2367,7 @@ BalSelectOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalSelectOption = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'label', 'value'],
-        defineCustomElementFn: defineCustomElement$1h
+        defineCustomElementFn: defineCustomElement$1i
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSelectOption);
@@ -2361,7 +2393,7 @@ BalShape.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalShape = __decorate([
     ProxyCmp({
         inputs: ['color', 'rotation', 'variation'],
-        defineCustomElementFn: defineCustomElement$1i
+        defineCustomElementFn: defineCustomElement$1j
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalShape);
@@ -2387,7 +2419,7 @@ BalSheet.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalSheet = __decorate([
     ProxyCmp({
         inputs: ['containerSize'],
-        defineCustomElementFn: defineCustomElement$1j
+        defineCustomElementFn: defineCustomElement$1k
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSheet);
@@ -2442,7 +2474,7 @@ BalSpinner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalSpinner = __decorate([
     ProxyCmp({
         inputs: ['color', 'deactivated', 'inverted', 'small', 'variation'],
-        defineCustomElementFn: defineCustomElement$1k
+        defineCustomElementFn: defineCustomElement$1l
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSpinner);
@@ -2468,7 +2500,7 @@ BalStack.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalStack = __decorate([
     ProxyCmp({
         inputs: ['align', 'fitContent', 'layout', 'px', 'py', 'space', 'spaceColumn', 'spaceRow', 'useWrap'],
-        defineCustomElementFn: defineCustomElement$1l
+        defineCustomElementFn: defineCustomElement$1m
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStack);
@@ -2494,7 +2526,7 @@ BalStage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalStage = __decorate([
     ProxyCmp({
         inputs: ['color', 'containerSize', 'shape', 'shapeRotation', 'shapeVariation', 'size'],
-        defineCustomElementFn: defineCustomElement$1m
+        defineCustomElementFn: defineCustomElement$1n
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStage);
@@ -2520,7 +2552,7 @@ BalStageBackLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
 BalStageBackLink = __decorate([
     ProxyCmp({
         inputs: ['href', 'inverted', 'shadow'],
-        defineCustomElementFn: defineCustomElement$1n
+        defineCustomElementFn: defineCustomElement$1o
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBackLink);
@@ -2545,7 +2577,7 @@ BalStageBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 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$1o
+        defineCustomElementFn: defineCustomElement$1p
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBody);
@@ -2569,7 +2601,7 @@ BalStageFoot.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 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$1p
+        defineCustomElementFn: defineCustomElement$1q
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageFoot);
@@ -2593,7 +2625,7 @@ BalStageHead.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 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$1q
+        defineCustomElementFn: defineCustomElement$1r
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageHead);
@@ -2618,7 +2650,7 @@ BalStageImage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalStageImage = __decorate([
     ProxyCmp({
         inputs: ['fallback', 'srcSet'],
-        defineCustomElementFn: defineCustomElement$1r
+        defineCustomElementFn: defineCustomElement$1s
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageImage);
@@ -2646,7 +2678,7 @@ BalStepItem = __decorate([
     ProxyCmp({
         inputs: ['active', 'disabled', 'done', 'failed', 'href', 'invisible', 'label', 'prevent', 'target', 'value'],
         methods: ['getOptions', 'setActive'],
-        defineCustomElementFn: defineCustomElement$1s
+        defineCustomElementFn: defineCustomElement$1t
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStepItem);
@@ -2670,12 +2702,12 @@ let BalSteps = class BalSteps {
     }
 };
 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", debounce: "debounce", options: "options", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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', 'debounce', 'options', 'value'],
+        inputs: ['clickable', 'color', 'debounce', 'options', 'value'],
         methods: ['select', 'getOptionByValue'],
-        defineCustomElementFn: defineCustomElement$1t
+        defineCustomElementFn: defineCustomElement$1u
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSteps);
@@ -2686,7 +2718,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     standalone: true,
-                    inputs: ['clickable', 'debounce', 'options', 'value'],
+                    inputs: ['clickable', 'color', 'debounce', 'options', 'value'],
                     outputs: ['balChange']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
@@ -2699,12 +2731,12 @@ let BalTabItem = class BalTabItem {
     }
 };
 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", bubble: "bubble", disabled: "disabled", href: "href", icon: "icon", 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 });
+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", 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', 'bubble', 'disabled', 'href', 'icon', 'invisible', 'label', 'prevent', 'target', 'value'],
+        inputs: ['active', 'aria', 'bubble', 'disabled', 'href', 'icon', 'invisible', 'label', 'noPanel', 'prevent', 'target', 'value'],
         methods: ['getOptions', 'setActive'],
-        defineCustomElementFn: defineCustomElement$1u
+        defineCustomElementFn: defineCustomElement$1v
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabItem);
@@ -2715,7 +2747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     standalone: true,
-                    inputs: ['active', 'bubble', 'disabled', 'href', 'icon', 'invisible', 'label', 'prevent', 'target', 'value'],
+                    inputs: ['active', 'aria', 'bubble', 'disabled', 'href', 'icon', 'invisible', 'label', 'noPanel', 'prevent', 'target', 'value'],
                     outputs: ['balNavigate']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
@@ -2731,7 +2763,7 @@ BalTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalTable = __decorate([
     ProxyCmp({
         inputs: ['expanded'],
-        defineCustomElementFn: defineCustomElement$1v
+        defineCustomElementFn: defineCustomElement$1w
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTable);
@@ -2759,7 +2791,7 @@ BalTabs = __decorate([
     ProxyCmp({
         inputs: ['accordion', 'border', 'clickable', 'context', 'debounce', 'expanded', 'float', 'fullwidth', 'iconPosition', 'inverted', 'optionalTabSelection', 'options', 'overflow', 'selectOnMobile', 'spaceless', 'value', 'vertical', 'verticalColSize'],
         methods: ['select', 'getOptionByValue'],
-        defineCustomElementFn: defineCustomElement$1w
+        defineCustomElementFn: defineCustomElement$1x
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabs);
@@ -2787,7 +2819,7 @@ BalTag.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.
 BalTag = __decorate([
     ProxyCmp({
         inputs: ['closable', 'color', 'disabled', 'invalid', 'light', 'position', 'size'],
-        defineCustomElementFn: defineCustomElement$1x
+        defineCustomElementFn: defineCustomElement$1y
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTag);
@@ -2813,7 +2845,7 @@ BalTagGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15
 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$1y
+        defineCustomElementFn: defineCustomElement$1z
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTagGroup);
@@ -2838,7 +2870,7 @@ BalText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0
 BalText = __decorate([
     ProxyCmp({
         inputs: ['bold', 'color', 'disabled', 'heading', 'inline', 'invalid', 'inverted', 'noWrap', 'shadow', 'size', 'space'],
-        defineCustomElementFn: defineCustomElement$1z
+        defineCustomElementFn: defineCustomElement$1A
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalText);
@@ -2894,7 +2926,7 @@ BalTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalTooltip = __decorate([
     ProxyCmp({
         inputs: ['contentWidth', 'offset', 'placement', 'reference'],
-        defineCustomElementFn: defineCustomElement$1A
+        defineCustomElementFn: defineCustomElement$1B
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTooltip);
@@ -3094,6 +3126,9 @@ const BalNumberInputMethods = ['setFocus', 'getInputElement'];
 const BalRadioGroupInputs = ['allowEmptySelection', 'autoInvalidOff', 'columnsMobile', 'columnsTablet', 'disabled', 'expanded', 'grid', 'interface', 'invalid', 'name', 'options', 'readonly', 'value', 'vertical', 'verticalOnMobile'];
 const BalRadioGroupOutputs = ['balChange', 'balFocus', 'balBlur'];
 const BalRadioGroupMethods = ['getOptionByValue'];
+const BalSegmentInputs = ['disabled', 'expanded', 'invalid', 'scrollable', 'value', 'vertical'];
+const BalSegmentOutputs = ['balBlur', 'balChange'];
+const BalSegmentMethods = [''];
 const BalSelectInputs = ['autoInvalidOff', 'autocomplete', 'balTabindex', 'disabled', 'filter', 'freeSolo', 'invalid', 'loading', 'maxLength', 'multiple', 'name', 'noDataLabel', 'placeholder', 'readonly', 'remote', 'required', 'scrollable', 'selectionOptional', 'typeahead', 'value'];
 const BalSelectOutputs = ['balChange', 'balInputClick', 'balInput', 'balBlur', 'balFocus', 'balCancel', 'balKeyPress'];
 const BalSelectMethods = ['setFocus', 'getValue', 'clear', 'open', 'close', 'cancel', 'select'];
@@ -3104,7 +3139,7 @@ const BalTimeInputInputs = ['autoInvalidOff', 'debounce', 'disabled', 'invalid',
 const BalTimeInputOutputs = ['balInput', 'balChange', 'balBlur', 'balFocus', 'balKeyPress', 'balClick'];
 const BalTimeInputMethods = ['setFocus', 'getInputElement'];
-const accessorProvider$e = {
+const accessorProvider$f = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalCheckbox),
     multi: true,
@@ -3126,10 +3161,10 @@ let BalCheckbox = class BalCheckbox extends ValueAccessor {
     }
 };
 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.ɵ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$f], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCheckbox = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1B,
+        defineCustomElementFn: defineCustomElement$1C,
         inputs: BalCheckboxInputs,
         methods: BalCheckboxMethods,
     }),
@@ -3144,7 +3179,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-checkbox',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$e],
+                    providers: [accessorProvider$f],
                     standalone: true,
                     inputs: BalCheckboxInputs,
                     outputs: BalCheckboxOutputs,
@@ -3154,7 +3189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
-const accessorProvider$d = {
+const accessorProvider$e = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalCheckboxGroup),
     multi: true,
@@ -3172,10 +3207,10 @@ let BalCheckboxGroup = class BalCheckboxGroup extends ValueAccessor {
     }
 };
 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.ɵ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$e], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCheckboxGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1C,
+        defineCustomElementFn: defineCustomElement$1D,
         inputs: BalCheckboxGroupInputs,
         methods: BalCheckboxGroupMethods,
     }),
@@ -3190,7 +3225,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-checkbox-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$d],
+                    providers: [accessorProvider$e],
                     standalone: true,
                     inputs: BalCheckboxGroupInputs,
                     outputs: BalCheckboxGroupOutputs,
@@ -3200,7 +3235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
-const accessorProvider$c = {
+const accessorProvider$d = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalDate),
     multi: true,
@@ -3218,10 +3253,10 @@ let BalDate = class BalDate extends ValueAccessor {
     }
 };
 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", 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.ɵ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", 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$d], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalDate = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1D,
+        defineCustomElementFn: defineCustomElement$1E,
         inputs: BalDateInputs,
         methods: BalDateMethods,
     }),
@@ -3236,7 +3271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-date',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$c],
+                    providers: [accessorProvider$d],
                     standalone: true,
                     inputs: BalDateInputs,
                     outputs: BalDateOutputs,
@@ -3246,7 +3281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
-const accessorProvider$b = {
+const accessorProvider$c = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalDatepicker),
     multi: true,
@@ -3264,10 +3299,10 @@ let BalDatepicker = class BalDatepicker extends ValueAccessor {
     }
 };
 BalDatepicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDatepicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-BalDatepicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDatepicker, isStandalone: true, selector: "bal-datepicker", inputs: { allowedDates: "allowedDates", autoInvalidOff: "autoInvalidOff", closeOnSelect: "closeOnSelect", debounce: "debounce", defaultDate: "defaultDate", disabled: "disabled", invalid: "invalid", loading: "loading", max: "max", maxYearProp: "maxYearProp", min: "min", minYearProp: "minYearProp", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", triggerIcon: "triggerIcon", value: "value" }, outputs: { balChange: "balChange", balInput: "balInput", balBlur: "balBlur", balFocus: "balFocus", balInputClick: "balInputClick", balIconClick: "balIconClick" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$b], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BalDatepicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDatepicker, isStandalone: true, selector: "bal-datepicker", inputs: { allowedDates: "allowedDates", autoInvalidOff: "autoInvalidOff", closeOnSelect: "closeOnSelect", debounce: "debounce", defaultDate: "defaultDate", disabled: "disabled", invalid: "invalid", loading: "loading", max: "max", maxYearProp: "maxYearProp", min: "min", minYearProp: "minYearProp", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", triggerIcon: "triggerIcon", value: "value" }, outputs: { balChange: "balChange", balInput: "balInput", 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 });
 BalDatepicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1E,
+        defineCustomElementFn: defineCustomElement$1F,
         inputs: BalDatepickerInputs,
         methods: BalDatepickerMethods,
     }),
@@ -3282,7 +3317,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-datepicker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$b],
+                    providers: [accessorProvider$c],
                     standalone: true,
                     inputs: BalDatepickerInputs,
                     outputs: BalDatepickerOutputs,
@@ -3292,7 +3327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
-const accessorProvider$a = {
+const accessorProvider$b = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalFileUpload),
     multi: true,
@@ -3310,10 +3345,10 @@ let BalFileUpload = class BalFileUpload extends ValueAccessor {
     }
 };
 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$a], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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,
+        defineCustomElementFn: defineCustomElement$1G,
         inputs: BalFileUploadInputs,
         methods: BalFileUploadMethods,
     }),
@@ -3328,7 +3363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-file-upload',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$a],
+                    providers: [accessorProvider$b],
                     standalone: true,
                     inputs: BalFileUploadInputs,
                     outputs: BalFileUploadOutputs,
@@ -3338,7 +3373,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
-const accessorProvider$9 = {
+const accessorProvider$a = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalInputDate),
     multi: true,
@@ -3356,10 +3391,10 @@ let BalInputDate = class BalInputDate extends ValueAccessor {
     }
 };
 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$9], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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,
+        defineCustomElementFn: defineCustomElement$1H,
         inputs: BalInputDateInputs,
         methods: BalInputDateMethods,
     }),
@@ -3374,7 +3409,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-input-date',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$9],
+                    providers: [accessorProvider$a],
                     standalone: true,
                     inputs: BalInputDateInputs,
                     outputs: BalInputDateOutputs,
@@ -3384,7 +3419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
-const accessorProvider$8 = {
+const accessorProvider$9 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalInputSlider),
     multi: true,
@@ -3402,10 +3437,10 @@ let BalInputSlider = class BalInputSlider extends ValueAccessor {
     }
 };
 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$8], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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,
+        defineCustomElementFn: defineCustomElement$1I,
         inputs: BalInputSliderInputs,
         methods: BalInputSliderMethods,
     }),
@@ -3420,7 +3455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-input-slider',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$8],
+                    providers: [accessorProvider$9],
                     standalone: true,
                     inputs: BalInputSliderInputs,
                     outputs: BalInputSliderOutputs,
@@ -3430,7 +3465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balInput', ['$event']]
             }] } });
-const accessorProvider$7 = {
+const accessorProvider$8 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalInputStepper),
     multi: true,
@@ -3453,10 +3488,10 @@ let BalInputStepper = class BalInputStepper extends ValueAccessor {
     }
 };
 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$7], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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,
+        defineCustomElementFn: defineCustomElement$1J,
         inputs: BalInputStepperInputs,
         methods: BalInputStepperMethods,
     }),
@@ -3471,7 +3506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-input-stepper',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$7],
+                    providers: [accessorProvider$8],
                     standalone: true,
                     inputs: BalInputStepperInputs,
                     outputs: BalInputStepperOutputs,
@@ -3481,7 +3516,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balInput', ['$event']]
             }] } });
-const accessorProvider$6 = {
+const accessorProvider$7 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalInput),
     multi: true,
@@ -3499,10 +3534,10 @@ let BalInput = class BalInput extends ValueAccessor {
     }
 };
 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$6], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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,
+        defineCustomElementFn: defineCustomElement$1K,
         inputs: BalInputInputs,
         methods: BalInputMethods,
     }),
@@ -3517,7 +3552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-input',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$6],
+                    providers: [accessorProvider$7],
                     standalone: true,
                     inputs: BalInputInputs,
                     outputs: BalInputOutputs,
@@ -3527,7 +3562,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balInput', ['$event']]
             }] } });
-const accessorProvider$5 = {
+const accessorProvider$6 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalNumberInput),
     multi: true,
@@ -3550,10 +3585,10 @@ let BalNumberInput = class BalNumberInput extends ValueAccessor {
     }
 };
 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$5], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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,
+        defineCustomElementFn: defineCustomElement$1L,
         inputs: BalNumberInputInputs,
         methods: BalNumberInputMethods,
     }),
@@ -3568,7 +3603,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-number-input',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$5],
+                    providers: [accessorProvider$6],
                     standalone: true,
                     inputs: BalNumberInputInputs,
                     outputs: BalNumberInputOutputs,
@@ -3578,7 +3613,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balInput', ['$event']]
             }] } });
-const accessorProvider$4 = {
+const accessorProvider$5 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalRadioGroup),
     multi: true,
@@ -3596,10 +3631,10 @@ let BalRadioGroup = class BalRadioGroup extends ValueAccessor {
     }
 };
 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$4], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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,
+        defineCustomElementFn: defineCustomElement$1M,
         inputs: BalRadioGroupInputs,
         methods: BalRadioGroupMethods,
     }),
@@ -3614,7 +3649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-radio-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$4],
+                    providers: [accessorProvider$5],
                     standalone: true,
                     inputs: BalRadioGroupInputs,
                     outputs: BalRadioGroupOutputs,
@@ -3624,7 +3659,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
-const accessorProvider$3 = {
+const accessorProvider$4 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalSelect),
     multi: true,
@@ -3642,10 +3677,10 @@ let BalSelect = class BalSelect extends ValueAccessor {
     }
 };
 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$3], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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,
+        defineCustomElementFn: defineCustomElement$1N,
         inputs: BalSelectInputs,
         methods: BalSelectMethods,
     }),
@@ -3660,7 +3695,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-select',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    providers: [accessorProvider$3],
+                    providers: [accessorProvider$4],
                     standalone: true,
                     inputs: BalSelectInputs,
                     outputs: BalSelectOutputs,
@@ -3670,6 +3705,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
+const accessorProvider$3 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: /*@__PURE__*/ forwardRef(() => BalSegment),
+    multi: true,
+};
+let BalSegment = class BalSegment extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, BalSegmentOutputs);
+    }
+    handleBalChange(event) {
+        this.handleValueChange(event);
+    }
+};
+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: { 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: defineCustomElement$1O,
+        inputs: BalSegmentInputs,
+        methods: BalSegmentMethods,
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef,
+        ElementRef,
+        NgZone,
+        Injector])
+], BalSegment);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSegment, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bal-segment',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    providers: [accessorProvider$3],
+                    standalone: true,
+                    inputs: BalSegmentInputs,
+                    outputs: BalSegmentOutputs,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+                type: HostListener,
+                args: ['balChange', ['$event']]
+            }] } });
 const accessorProvider$2 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalDropdown),
@@ -3694,7 +3775,7 @@ BalDropdown = __decorate([
         defineCustomElementFn: () => {
             defineCustomElement$18();
             defineCustomElement$19();
-            defineCustomElement$1N();
+            defineCustomElement$1P();
         },
         inputs: BalDropdownInputs,
         methods: BalDropdownMethods,
@@ -3741,7 +3822,7 @@ BalTextarea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15
 BalTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalTextarea, isStandalone: true, selector: "bal-textarea", inputs: { autoInvalidOff: "autoInvalidOff", autocapitalize: "autocapitalize", 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$1O,
+        defineCustomElementFn: defineCustomElement$1Q,
         inputs: BalTextareaInputs,
         methods: BalTextareaMethods,
     }),
@@ -3787,7 +3868,7 @@ BalTimeInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 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$1P,
+        defineCustomElementFn: defineCustomElement$1R,
         inputs: BalTimeInputInputs,
         methods: BalTimeInputMethods,
     }),
@@ -3881,6 +3962,7 @@ const BalFieldBundle = [
     BalFieldHint,
 ];
 const BalDropdownBundle = [BalDropdown, BalOptionList, BalOption];
+const BalSegmentBundle = [BalSegment, BalSegmentItem];
 /* Component Sections */
 const BalFormBundle = [
     //
@@ -3904,6 +3986,8 @@ const BalFormBundle = [
     BalNumberInput,
     ...BalRadioBundle,
     ...BalSelectBundle,
+    ...BalSegmentBundle,
+    BalFileUpload,
     BalTextarea,
     BalTimeInput,
 ];
@@ -3980,6 +4064,9 @@ const BalComponentBundle = [
     BalStageImage,
     BalStepItem,
     BalSteps,
+    BalSegment,
+    BalSegmentItem,
+    BalFileUpload,
     BalTabItem,
     BalTabs,
     BalTag,
@@ -4106,5 +4193,5 @@ const provideBaloiseDesignSystem = (config = {}) => {
  * Generated bundle index. Do not edit.
  */
-export { BalAccordion, BalAccordionBundle, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalAutoFocus, BalBadge, BalButton, BalButtonBundle, BalButtonGroup, BalCard, BalCardActions, BalCardBundle, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselBundle, BalCarouselItem, BalCheckbox, BalCheckboxBundle, BalCheckboxButton, BalCheckboxGroup, BalClose, BalComponentBundle, BalContent, BalData, BalDataBundle, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalDropdownBundle, BalField, BalFieldBundle, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormBundle, BalFormCol, BalFormGrid, BalFormGridBundle, BalHeading, BalHint, BalHintBundle, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalLayoutBundle, BalList, BalListBundle, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalBundle, BalModalHeader, BalModalService, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarBundle, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNgErrorComponent, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioBundle, BalRadioButton, BalRadioGroup, BalSelect, BalSelectBundle, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSnackbarService, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageBundle, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalStepsBundle, BalTabItem, BalTable, BalTabs, BalTabsBundle, BalTag, BalTagBundle, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalToastService, BalTooltip, BalTypographyBundle, provideBaloiseDesignSystem };
+export { BalAccordion, BalAccordionBundle, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalAutoFocus, BalBadge, BalButton, BalButtonBundle, BalButtonGroup, BalCard, BalCardActions, BalCardBundle, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselBundle, BalCarouselItem, BalCheckbox, BalCheckboxBundle, BalCheckboxButton, BalCheckboxGroup, BalClose, BalComponentBundle, BalContent, BalData, BalDataBundle, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalDropdownBundle, BalField, BalFieldBundle, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormBundle, BalFormCol, BalFormGrid, BalFormGridBundle, BalHeading, BalHint, BalHintBundle, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalLayoutBundle, BalList, BalListBundle, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalBundle, BalModalHeader, BalModalService, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarBundle, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNgErrorComponent, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioBundle, BalRadioButton, BalRadioGroup, BalSegment, BalSegmentBundle, BalSegmentItem, BalSelect, BalSelectBundle, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSnackbarService, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageBundle, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalStepsBundle, BalTabItem, BalTable, BalTabs, BalTabsBundle, BalTag, BalTagBundle, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalToastService, BalTooltip, BalTypographyBundle, provideBaloiseDesignSystem };
 //# sourceMappingURL=baloise-ds-angular.mjs.map