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

package/fesm2015/baloise-ds-angular-module.mjs

@@ -93,31 +93,33 @@ import { defineCustomElement as defineCustomElement$1n } from '@baloise/ds-core/
 import { defineCustomElement as defineCustomElement$1o } from '@baloise/ds-core/components/bal-radio';
 import { defineCustomElement as defineCustomElement$1p } from '@baloise/ds-core/components/bal-radio-button';
 import { defineCustomElement as defineCustomElement$1q } from '@baloise/ds-core/components/bal-radio-group';
-import { defineCustomElement as defineCustomElement$1r } from '@baloise/ds-core/components/bal-select';
-import { defineCustomElement as defineCustomElement$1s } from '@baloise/ds-core/components/bal-select-option';
-import { defineCustomElement as defineCustomElement$1t } from '@baloise/ds-core/components/bal-shape';
-import { defineCustomElement as defineCustomElement$1u } from '@baloise/ds-core/components/bal-sheet';
-import { defineCustomElement as defineCustomElement$1v } from '@baloise/ds-core/components/bal-snackbar';
-import { defineCustomElement as defineCustomElement$1w } from '@baloise/ds-core/components/bal-spinner';
-import { defineCustomElement as defineCustomElement$1x } from '@baloise/ds-core/components/bal-stack';
-import { defineCustomElement as defineCustomElement$1y } from '@baloise/ds-core/components/bal-stage';
-import { defineCustomElement as defineCustomElement$1z } from '@baloise/ds-core/components/bal-stage-back-link';
-import { defineCustomElement as defineCustomElement$1A } from '@baloise/ds-core/components/bal-stage-body';
-import { defineCustomElement as defineCustomElement$1B } from '@baloise/ds-core/components/bal-stage-foot';
-import { defineCustomElement as defineCustomElement$1C } from '@baloise/ds-core/components/bal-stage-head';
-import { defineCustomElement as defineCustomElement$1D } from '@baloise/ds-core/components/bal-stage-image';
-import { defineCustomElement as defineCustomElement$1E } from '@baloise/ds-core/components/bal-step-item';
-import { defineCustomElement as defineCustomElement$1F } from '@baloise/ds-core/components/bal-steps';
-import { defineCustomElement as defineCustomElement$1G } from '@baloise/ds-core/components/bal-tab-item';
-import { defineCustomElement as defineCustomElement$1H } from '@baloise/ds-core/components/bal-table';
-import { defineCustomElement as defineCustomElement$1I } from '@baloise/ds-core/components/bal-tabs';
-import { defineCustomElement as defineCustomElement$1J } from '@baloise/ds-core/components/bal-tag';
-import { defineCustomElement as defineCustomElement$1K } from '@baloise/ds-core/components/bal-tag-group';
-import { defineCustomElement as defineCustomElement$1L } from '@baloise/ds-core/components/bal-text';
-import { defineCustomElement as defineCustomElement$1M } from '@baloise/ds-core/components/bal-textarea';
-import { defineCustomElement as defineCustomElement$1N } from '@baloise/ds-core/components/bal-time-input';
-import { defineCustomElement as defineCustomElement$1O } from '@baloise/ds-core/components/bal-toast';
-import { defineCustomElement as defineCustomElement$1P } from '@baloise/ds-core/components/bal-tooltip';
+import { defineCustomElement as defineCustomElement$1r } from '@baloise/ds-core/components/bal-segment';
+import { defineCustomElement as defineCustomElement$1s } from '@baloise/ds-core/components/bal-segment-item';
+import { defineCustomElement as defineCustomElement$1t } from '@baloise/ds-core/components/bal-select';
+import { defineCustomElement as defineCustomElement$1u } from '@baloise/ds-core/components/bal-select-option';
+import { defineCustomElement as defineCustomElement$1v } from '@baloise/ds-core/components/bal-shape';
+import { defineCustomElement as defineCustomElement$1w } from '@baloise/ds-core/components/bal-sheet';
+import { defineCustomElement as defineCustomElement$1x } from '@baloise/ds-core/components/bal-snackbar';
+import { defineCustomElement as defineCustomElement$1y } from '@baloise/ds-core/components/bal-spinner';
+import { defineCustomElement as defineCustomElement$1z } from '@baloise/ds-core/components/bal-stack';
+import { defineCustomElement as defineCustomElement$1A } from '@baloise/ds-core/components/bal-stage';
+import { defineCustomElement as defineCustomElement$1B } from '@baloise/ds-core/components/bal-stage-back-link';
+import { defineCustomElement as defineCustomElement$1C } from '@baloise/ds-core/components/bal-stage-body';
+import { defineCustomElement as defineCustomElement$1D } from '@baloise/ds-core/components/bal-stage-foot';
+import { defineCustomElement as defineCustomElement$1E } from '@baloise/ds-core/components/bal-stage-head';
+import { defineCustomElement as defineCustomElement$1F } from '@baloise/ds-core/components/bal-stage-image';
+import { defineCustomElement as defineCustomElement$1G } from '@baloise/ds-core/components/bal-step-item';
+import { defineCustomElement as defineCustomElement$1H } from '@baloise/ds-core/components/bal-steps';
+import { defineCustomElement as defineCustomElement$1I } from '@baloise/ds-core/components/bal-tab-item';
+import { defineCustomElement as defineCustomElement$1J } from '@baloise/ds-core/components/bal-table';
+import { defineCustomElement as defineCustomElement$1K } from '@baloise/ds-core/components/bal-tabs';
+import { defineCustomElement as defineCustomElement$1L } from '@baloise/ds-core/components/bal-tag';
+import { defineCustomElement as defineCustomElement$1M } from '@baloise/ds-core/components/bal-tag-group';
+import { defineCustomElement as defineCustomElement$1N } from '@baloise/ds-core/components/bal-text';
+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$1Q } from '@baloise/ds-core/components/bal-toast';
+import { defineCustomElement as defineCustomElement$1R } from '@baloise/ds-core/components/bal-tooltip';
 import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
@@ -544,10 +546,10 @@ let BalCarousel = class BalCarousel {
     }
 };
 BalCarousel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCarousel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCarousel, selector: "bal-carousel", inputs: { aspectRatio: "aspectRatio", border: "border", controls: "controls", controlsOverflow: "controlsOverflow", controlsSticky: "controlsSticky", fullHeight: "fullHeight", interface: "interface", inverted: "inverted", itemsPerView: "itemsPerView", scrollY: "scrollY", steps: "steps", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BalCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCarousel, selector: "bal-carousel", inputs: { aspectRatio: "aspectRatio", border: "border", controls: "controls", controlsOverflow: "controlsOverflow", controlsSticky: "controlsSticky", fullHeight: "fullHeight", htmlRole: "htmlRole", interface: "interface", inverted: "inverted", itemsPerView: "itemsPerView", scrollY: "scrollY", steps: "steps", value: "value" }, outputs: { balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCarousel = __decorate([
     ProxyCmp({
-        inputs: ['aspectRatio', 'border', 'controls', 'controlsOverflow', 'controlsSticky', 'fullHeight', 'interface', 'inverted', 'itemsPerView', 'scrollY', 'steps', 'value'],
+        inputs: ['aspectRatio', 'border', 'controls', 'controlsOverflow', 'controlsSticky', 'fullHeight', 'htmlRole', 'interface', 'inverted', 'itemsPerView', 'scrollY', 'steps', 'value'],
         methods: ['previous', 'next'],
         defineCustomElementFn: defineCustomElement$f
     }),
@@ -559,7 +561,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-carousel',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['aspectRatio', 'border', 'controls', 'controlsOverflow', 'controlsSticky', 'fullHeight', 'interface', 'inverted', 'itemsPerView', 'scrollY', 'steps', 'value'],
+                    inputs: ['aspectRatio', 'border', 'controls', 'controlsOverflow', 'controlsSticky', 'fullHeight', 'htmlRole', 'interface', 'inverted', 'itemsPerView', 'scrollY', 'steps', 'value'],
                     outputs: ['balChange']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
@@ -572,11 +574,11 @@ let BalCarouselItem = class BalCarouselItem {
     }
 };
 BalCarouselItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalCarouselItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalCarouselItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCarouselItem, selector: "bal-carousel-item", inputs: { color: "color", download: "download", elementType: "elementType", href: "href", label: "label", name: "name", rel: "rel", src: "src", target: "target", value: "value" }, outputs: { balNavigate: "balNavigate", balFocus: "balFocus", balBlur: "balBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BalCarouselItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCarouselItem, selector: "bal-carousel-item", inputs: { color: "color", download: "download", elementType: "elementType", href: "href", htmlRole: "htmlRole", label: "label", name: "name", rel: "rel", src: "src", target: "target", value: "value" }, outputs: { balNavigate: "balNavigate", balFocus: "balFocus", balBlur: "balBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCarouselItem = __decorate([
     ProxyCmp({
-        inputs: ['color', 'download', 'elementType', 'href', 'label', 'name', 'rel', 'src', 'target', 'value'],
-        methods: ['getData'],
+        inputs: ['color', 'download', 'elementType', 'href', 'htmlRole', 'label', 'name', 'rel', 'src', 'target', 'value'],
+        methods: ['getData', 'setFocus'],
         defineCustomElementFn: defineCustomElement$g
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
@@ -587,7 +589,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-carousel-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['color', 'download', 'elementType', 'href', 'label', 'name', 'rel', 'src', 'target', 'value'],
+                    inputs: ['color', 'download', 'elementType', 'href', 'htmlRole', 'label', 'name', 'rel', 'src', 'target', 'value'],
                     outputs: ['balNavigate', 'balFocus', 'balBlur']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
@@ -1510,10 +1512,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, 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, 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$Q
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
@@ -1524,7 +1526,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-label',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    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 {
@@ -1987,9 +1989,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, 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, 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$17
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
@@ -1999,7 +2002,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
             args: [{
                     selector: 'bal-nav-menu-flyout',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>'
+                    template: '<ng-content></ng-content>',
+                    inputs: ['navId']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let BalNavMetaBar = class BalNavMetaBar {
@@ -2264,7 +2268,7 @@ BalOptionList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalOptionList = __decorate([
     ProxyCmp({
         inputs: ['contentHeight', 'disabled', 'filter', 'focusIndex', 'labelledby', 'multiple', 'required'],
-        methods: ['focusFirst', 'focusLast', 'focusNext', 'focusPrevious', 'focusByLabel', 'filterByContent', 'resetHidden', 'resetSelected', 'updateSelected', 'resetFocus', 'getSelectedValues', 'getSelectedOptions', 'getValues', 'getLabels', 'getOptions', 'selectByFocus'],
+        methods: ['focusSelected', 'focusFirst', 'focusLast', 'focusNext', 'focusPrevious', 'focusByLabel', 'filterByContent', 'resetHidden', 'resetSelected', 'updateSelected', 'resetFocus', 'getSelectedValues', 'getSelectedOptions', 'getValues', 'getLabels', 'getOptions', 'selectByFocus'],
         defineCustomElementFn: defineCustomElement$1i
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
@@ -2395,10 +2399,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, 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, 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$1n
     }),
@@ -2410,7 +2414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-progress-bar',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['background', 'value']
+                    inputs: ['background', 'color', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let BalRadio = class BalRadio {
@@ -2496,6 +2500,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     outputs: ['balChange', 'balFocus', 'balBlur']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let BalSegment = class BalSegment {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['balBlur', 'balChange']);
+    }
+};
+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 }], target: i0.ɵɵFactoryTarget.Component });
+BalSegment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSegment, selector: "bal-segment", inputs: { disabled: "disabled", expanded: "expanded", invalid: "invalid", scrollable: "scrollable", value: "value", vertical: "vertical" }, outputs: { balBlur: "balBlur", balChange: "balChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BalSegment = __decorate([
+    ProxyCmp({
+        inputs: ['disabled', 'expanded', 'invalid', 'scrollable', 'value', 'vertical'],
+        defineCustomElementFn: defineCustomElement$1r
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], 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>',
+                    inputs: ['disabled', 'expanded', 'invalid', 'scrollable', 'value', 'vertical'],
+                    outputs: ['balBlur', 'balChange']
+                }]
+        }], 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, 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$1s
+    }),
+    __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>',
+                    inputs: ['disabled', 'invalid', 'label', 'value'],
+                    outputs: ['balBlur']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let BalSelect = class BalSelect {
     constructor(c, r, z) {
         this.z = z;
@@ -2510,7 +2568,7 @@ BalSelect = __decorate([
     ProxyCmp({
         inputs: ['autoInvalidOff', 'autocomplete', 'balTabindex', 'disabled', 'filter', 'freeSolo', 'invalid', 'loading', 'maxLength', 'multiple', 'name', 'noDataLabel', 'placeholder', 'readonly', 'remote', 'required', 'scrollable', 'selectionOptional', 'typeahead', 'value'],
         methods: ['setFocus', 'getValue', 'clear', 'open', 'close', 'cancel', 'select'],
-        defineCustomElementFn: defineCustomElement$1r
+        defineCustomElementFn: defineCustomElement$1t
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSelect);
@@ -2536,7 +2594,7 @@ BalSelectOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalSelectOption = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'label', 'value'],
-        defineCustomElementFn: defineCustomElement$1s
+        defineCustomElementFn: defineCustomElement$1u
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSelectOption);
@@ -2561,7 +2619,7 @@ BalShape.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalShape = __decorate([
     ProxyCmp({
         inputs: ['color', 'rotation', 'variation'],
-        defineCustomElementFn: defineCustomElement$1t
+        defineCustomElementFn: defineCustomElement$1v
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalShape);
@@ -2586,7 +2644,7 @@ BalSheet.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalSheet = __decorate([
     ProxyCmp({
         inputs: ['containerSize'],
-        defineCustomElementFn: defineCustomElement$1u
+        defineCustomElementFn: defineCustomElement$1w
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSheet);
@@ -2613,7 +2671,7 @@ BalSnackbar = __decorate([
     ProxyCmp({
         inputs: ['action', 'color', 'duration', 'href', 'icon', 'message', 'subject', 'target'],
         methods: ['closeIn', 'close'],
-        defineCustomElementFn: defineCustomElement$1v
+        defineCustomElementFn: defineCustomElement$1x
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSnackbar);
@@ -2639,7 +2697,7 @@ BalSpinner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalSpinner = __decorate([
     ProxyCmp({
         inputs: ['color', 'deactivated', 'inverted', 'small', 'variation'],
-        defineCustomElementFn: defineCustomElement$1w
+        defineCustomElementFn: defineCustomElement$1y
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSpinner);
@@ -2664,7 +2722,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$1x
+        defineCustomElementFn: defineCustomElement$1z
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStack);
@@ -2689,7 +2747,7 @@ BalStage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalStage = __decorate([
     ProxyCmp({
         inputs: ['color', 'containerSize', 'shape', 'shapeRotation', 'shapeVariation', 'size'],
-        defineCustomElementFn: defineCustomElement$1y
+        defineCustomElementFn: defineCustomElement$1A
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStage);
@@ -2714,7 +2772,7 @@ BalStageBackLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
 BalStageBackLink = __decorate([
     ProxyCmp({
         inputs: ['href', 'inverted', 'shadow'],
-        defineCustomElementFn: defineCustomElement$1z
+        defineCustomElementFn: defineCustomElement$1B
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBackLink);
@@ -2738,7 +2796,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, selector: "bal-stage-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageBody = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1A
+        defineCustomElementFn: defineCustomElement$1C
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBody);
@@ -2761,7 +2819,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, selector: "bal-stage-foot", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageFoot = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1B
+        defineCustomElementFn: defineCustomElement$1D
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageFoot);
@@ -2784,7 +2842,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, selector: "bal-stage-head", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageHead = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1C
+        defineCustomElementFn: defineCustomElement$1E
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageHead);
@@ -2808,7 +2866,7 @@ BalStageImage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalStageImage = __decorate([
     ProxyCmp({
         inputs: ['fallback', 'srcSet'],
-        defineCustomElementFn: defineCustomElement$1D
+        defineCustomElementFn: defineCustomElement$1F
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageImage);
@@ -2835,7 +2893,7 @@ BalStepItem = __decorate([
     ProxyCmp({
         inputs: ['active', 'disabled', 'done', 'failed', 'href', 'invisible', 'label', 'prevent', 'target', 'value'],
         methods: ['getOptions', 'setActive'],
-        defineCustomElementFn: defineCustomElement$1E
+        defineCustomElementFn: defineCustomElement$1G
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStepItem);
@@ -2858,12 +2916,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, 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, 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$1F
+        defineCustomElementFn: defineCustomElement$1H
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSteps);
@@ -2873,7 +2931,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-steps',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    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 }]; } });
@@ -2886,12 +2944,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, 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, 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$1G
+        defineCustomElementFn: defineCustomElement$1I
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabItem);
@@ -2901,7 +2959,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-tab-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    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 }]; } });
@@ -2917,7 +2975,7 @@ BalTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalTable = __decorate([
     ProxyCmp({
         inputs: ['expanded'],
-        defineCustomElementFn: defineCustomElement$1H
+        defineCustomElementFn: defineCustomElement$1J
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTable);
@@ -2944,7 +3002,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$1I
+        defineCustomElementFn: defineCustomElement$1K
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabs);
@@ -2971,7 +3029,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$1J
+        defineCustomElementFn: defineCustomElement$1L
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTag);
@@ -2996,7 +3054,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, selector: "bal-tag-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalTagGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1K
+        defineCustomElementFn: defineCustomElement$1M
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTagGroup);
@@ -3020,7 +3078,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$1L
+        defineCustomElementFn: defineCustomElement$1N
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalText);
@@ -3047,7 +3105,7 @@ BalTextarea = __decorate([
     ProxyCmp({
         inputs: ['autoInvalidOff', 'autocapitalize', 'autofocus', 'clickable', 'cols', 'debounce', 'disabled', 'inputmode', 'invalid', 'maxLength', 'minLength', 'name', 'placeholder', 'readonly', 'required', 'rows', 'value', 'wrap'],
         methods: ['setFocus', 'getInputElement'],
-        defineCustomElementFn: defineCustomElement$1M
+        defineCustomElementFn: defineCustomElement$1O
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTextarea);
@@ -3075,7 +3133,7 @@ BalTimeInput = __decorate([
     ProxyCmp({
         inputs: ['autoInvalidOff', 'debounce', 'disabled', 'invalid', 'name', 'readonly', 'required', 'value'],
         methods: ['setFocus', 'getInputElement'],
-        defineCustomElementFn: defineCustomElement$1N
+        defineCustomElementFn: defineCustomElement$1P
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTimeInput);
@@ -3103,7 +3161,7 @@ BalToast = __decorate([
     ProxyCmp({
         inputs: ['color', 'duration', 'message'],
         methods: ['closeIn', 'close'],
-        defineCustomElementFn: defineCustomElement$1O
+        defineCustomElementFn: defineCustomElement$1Q
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalToast);
@@ -3130,7 +3188,7 @@ BalTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalTooltip = __decorate([
     ProxyCmp({
         inputs: ['contentWidth', 'offset', 'placement', 'reference'],
-        defineCustomElementFn: defineCustomElement$1P
+        defineCustomElementFn: defineCustomElement$1R
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTooltip);
@@ -3368,7 +3426,7 @@ class SelectValueAccessor extends ValueAccessor {
     }
 }
 SelectValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SelectValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-SelectValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: SelectValueAccessor, selector: "bal-radio-group, bal-checkbox-group, bal-select, bal-dropdown, bal-datepicker, bal-date, bal-input-date, bal-file-upload", host: { listeners: { "balChange": "handleValueChange($event)" } }, providers: [
+SelectValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: SelectValueAccessor, selector: "bal-radio-group, bal-segment, bal-checkbox-group, bal-select, bal-dropdown, bal-datepicker, bal-date, bal-input-date, bal-file-upload", host: { listeners: { "balChange": "handleValueChange($event)" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => SelectValueAccessor),
@@ -3379,7 +3437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
-                    selector: 'bal-radio-group, bal-checkbox-group, bal-select, bal-dropdown, bal-datepicker, bal-date, bal-input-date, bal-file-upload',
+                    selector: 'bal-radio-group, bal-segment, bal-checkbox-group, bal-select, bal-dropdown, bal-datepicker, bal-date, bal-input-date, bal-file-upload',
                     host: {
                         '(balChange)': 'handleValueChange($event)',
                     },
@@ -3573,6 +3631,8 @@ const DIRECTIVES = [
     BalRadio,
     BalRadioButton,
     BalRadioGroup,
+    BalSegment,
+    BalSegmentItem,
     BalSelect,
     BalSelectOption,
     BalShape,
@@ -3673,7 +3733,7 @@ class BaloiseDesignSystemModule {
     }
 }
 BaloiseDesignSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BaloiseDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BaloiseDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: BaloiseDesignSystemModule, declarations: [BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip,
+BaloiseDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: BaloiseDesignSystemModule, declarations: [BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSegment, BalSegmentItem, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip,
         // ngModel accessors
         BooleanValueAccessor,
         NumericValueAccessor,
@@ -3681,7 +3741,7 @@ BaloiseDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0
         TextValueAccessor,
         // custom directives
         BalAutoFocus,
-        BalNgErrorComponent], imports: [CommonModule], exports: [BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip,
+        BalNgErrorComponent], imports: [CommonModule], exports: [BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSegment, BalSegmentItem, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip,
         // ngModel accessors
         BooleanValueAccessor,
         NumericValueAccessor,
@@ -3721,5 +3781,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalAutoFocus, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNgErrorComponent, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip, BaloiseDesignSystemModule, BooleanValueAccessor, NumericValueAccessor, SelectValueAccessor, TextValueAccessor };
+export { BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalAutoFocus, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNgErrorComponent, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSegment, BalSegmentItem, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip, BaloiseDesignSystemModule, BooleanValueAccessor, NumericValueAccessor, SelectValueAccessor, TextValueAccessor };
 //# sourceMappingURL=baloise-ds-angular-module.mjs.map