@baloise/ds-angular 16.4.0 → 16.5.0-nightly.20240918

package/fesm2015/baloise-ds-angular.mjs

@@ -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 {
@@ -2325,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;
@@ -2337,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);
@@ -2363,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);
@@ -2389,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);
@@ -2444,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);
@@ -2470,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);
@@ -2496,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);
@@ -2522,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);
@@ -2547,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);
@@ -2571,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);
@@ -2595,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);
@@ -2620,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);
@@ -2648,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);
@@ -2677,7 +2707,7 @@ BalSteps = __decorate([
     ProxyCmp({
         inputs: ['clickable', 'color', 'debounce', 'options', 'value'],
         methods: ['select', 'getOptionByValue'],
-        defineCustomElementFn: defineCustomElement$1t
+        defineCustomElementFn: defineCustomElement$1u
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSteps);
@@ -2706,7 +2736,7 @@ BalTabItem = __decorate([
     ProxyCmp({
         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);
@@ -2733,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);
@@ -2761,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);
@@ -2789,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);
@@ -2815,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);
@@ -2840,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);
@@ -2896,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);
@@ -3096,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'];
@@ -3106,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,
@@ -3128,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,
     }),
@@ -3146,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,
@@ -3156,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,
@@ -3174,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,
     }),
@@ -3192,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,
@@ -3202,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,
@@ -3220,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,
     }),
@@ -3238,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,
@@ -3248,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,
@@ -3266,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,
     }),
@@ -3284,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,
@@ -3294,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,
@@ -3312,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,
     }),
@@ -3330,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,
@@ -3340,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,
@@ -3358,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,
     }),
@@ -3376,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,
@@ -3386,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,
@@ -3404,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,
     }),
@@ -3422,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,
@@ -3432,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,
@@ -3455,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,
     }),
@@ -3473,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,
@@ -3483,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,
@@ -3501,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,
     }),
@@ -3519,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,
@@ -3529,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,
@@ -3552,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,
     }),
@@ -3570,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,
@@ -3580,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,
@@ -3598,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,
     }),
@@ -3616,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,
@@ -3626,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,
@@ -3644,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,
     }),
@@ -3662,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,
@@ -3672,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),
@@ -3696,7 +3775,7 @@ BalDropdown = __decorate([
         defineCustomElementFn: () => {
             defineCustomElement$18();
             defineCustomElement$19();
-            defineCustomElement$1N();
+            defineCustomElement$1P();
         },
         inputs: BalDropdownInputs,
         methods: BalDropdownMethods,
@@ -3743,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,
     }),
@@ -3789,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,
     }),
@@ -3883,6 +3962,7 @@ const BalFieldBundle = [
     BalFieldHint,
 ];
 const BalDropdownBundle = [BalDropdown, BalOptionList, BalOption];
+const BalSegmentBundle = [BalSegment, BalSegmentItem];
 /* Component Sections */
 const BalFormBundle = [
     //
@@ -3906,6 +3986,8 @@ const BalFormBundle = [
     BalNumberInput,
     ...BalRadioBundle,
     ...BalSelectBundle,
+    ...BalSegmentBundle,
+    BalFileUpload,
     BalTextarea,
     BalTimeInput,
 ];
@@ -3982,6 +4064,9 @@ const BalComponentBundle = [
     BalStageImage,
     BalStepItem,
     BalSteps,
+    BalSegment,
+    BalSegmentItem,
+    BalFileUpload,
     BalTabItem,
     BalTabs,
     BalTag,
@@ -4108,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