@baloise/ds-angular 16.0.3 → 16.1.0

package/fesm2020/baloise-ds-angular.mjs

@@ -75,48 +75,51 @@ import { defineCustomElement as defineCustomElement$14 } from '@baloise/ds-core/
 import { defineCustomElement as defineCustomElement$15 } from '@baloise/ds-core/components/bal-navbar-menu-start';
 import { defineCustomElement as defineCustomElement$16 } from '@baloise/ds-core/components/bal-notices';
 import { defineCustomElement as defineCustomElement$17 } from '@baloise/ds-core/components/bal-notification';
-import { defineCustomElement as defineCustomElement$18 } from '@baloise/ds-core/components/bal-pagination';
-import { defineCustomElement as defineCustomElement$19 } from '@baloise/ds-core/components/bal-popover';
-import { defineCustomElement as defineCustomElement$1a } from '@baloise/ds-core/components/bal-popover-content';
-import { defineCustomElement as defineCustomElement$1b } from '@baloise/ds-core/components/bal-popup';
-import { defineCustomElement as defineCustomElement$1c } from '@baloise/ds-core/components/bal-progress-bar';
-import { defineCustomElement as defineCustomElement$1d } from '@baloise/ds-core/components/bal-radio';
-import { defineCustomElement as defineCustomElement$1e } from '@baloise/ds-core/components/bal-radio-button';
-import { defineCustomElement as defineCustomElement$1f } from '@baloise/ds-core/components/bal-select-option';
-import { defineCustomElement as defineCustomElement$1g } from '@baloise/ds-core/components/bal-shape';
-import { defineCustomElement as defineCustomElement$1h } from '@baloise/ds-core/components/bal-sheet';
-import { defineCustomElement as defineCustomElement$1i } from '@baloise/ds-core/components/bal-spinner';
-import { defineCustomElement as defineCustomElement$1j } from '@baloise/ds-core/components/bal-stack';
-import { defineCustomElement as defineCustomElement$1k } from '@baloise/ds-core/components/bal-stage';
-import { defineCustomElement as defineCustomElement$1l } from '@baloise/ds-core/components/bal-stage-back-link';
-import { defineCustomElement as defineCustomElement$1m } from '@baloise/ds-core/components/bal-stage-body';
-import { defineCustomElement as defineCustomElement$1n } from '@baloise/ds-core/components/bal-stage-foot';
-import { defineCustomElement as defineCustomElement$1o } from '@baloise/ds-core/components/bal-stage-head';
-import { defineCustomElement as defineCustomElement$1p } from '@baloise/ds-core/components/bal-stage-image';
-import { defineCustomElement as defineCustomElement$1q } from '@baloise/ds-core/components/bal-step-item';
-import { defineCustomElement as defineCustomElement$1r } from '@baloise/ds-core/components/bal-steps';
-import { defineCustomElement as defineCustomElement$1s } from '@baloise/ds-core/components/bal-tab-item';
-import { defineCustomElement as defineCustomElement$1t } from '@baloise/ds-core/components/bal-table';
-import { defineCustomElement as defineCustomElement$1u } from '@baloise/ds-core/components/bal-tabs';
-import { defineCustomElement as defineCustomElement$1v } from '@baloise/ds-core/components/bal-tag';
-import { defineCustomElement as defineCustomElement$1w } from '@baloise/ds-core/components/bal-tag-group';
-import { defineCustomElement as defineCustomElement$1x } from '@baloise/ds-core/components/bal-text';
-import { defineCustomElement as defineCustomElement$1y } from '@baloise/ds-core/components/bal-tooltip';
+import { defineCustomElement as defineCustomElement$18 } from '@baloise/ds-core/components/bal-option';
+import { defineCustomElement as defineCustomElement$19 } from '@baloise/ds-core/components/bal-option-list';
+import { defineCustomElement as defineCustomElement$1a } from '@baloise/ds-core/components/bal-pagination';
+import { defineCustomElement as defineCustomElement$1b } from '@baloise/ds-core/components/bal-popover';
+import { defineCustomElement as defineCustomElement$1c } from '@baloise/ds-core/components/bal-popover-content';
+import { defineCustomElement as defineCustomElement$1d } from '@baloise/ds-core/components/bal-popup';
+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 { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { defineCustomElement as defineCustomElement$1z } from '@baloise/ds-core/components/bal-checkbox';
-import { defineCustomElement as defineCustomElement$1A } from '@baloise/ds-core/components/bal-checkbox-group';
-import { defineCustomElement as defineCustomElement$1B } from '@baloise/ds-core/components/bal-date';
-import { defineCustomElement as defineCustomElement$1C } from '@baloise/ds-core/components/bal-datepicker';
-import { defineCustomElement as defineCustomElement$1D } from '@baloise/ds-core/components/bal-file-upload';
-import { defineCustomElement as defineCustomElement$1E } from '@baloise/ds-core/components/bal-input-date';
-import { defineCustomElement as defineCustomElement$1F } from '@baloise/ds-core/components/bal-input-slider';
-import { defineCustomElement as defineCustomElement$1G } from '@baloise/ds-core/components/bal-input-stepper';
-import { defineCustomElement as defineCustomElement$1H } from '@baloise/ds-core/components/bal-input';
-import { defineCustomElement as defineCustomElement$1I } from '@baloise/ds-core/components/bal-number-input';
-import { defineCustomElement as defineCustomElement$1J } from '@baloise/ds-core/components/bal-radio-group';
-import { defineCustomElement as defineCustomElement$1K } from '@baloise/ds-core/components/bal-select';
-import { defineCustomElement as defineCustomElement$1L } from '@baloise/ds-core/components/bal-textarea';
-import { defineCustomElement as defineCustomElement$1M } from '@baloise/ds-core/components/bal-time-input';
+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 * 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';
@@ -2058,6 +2061,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['color']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let BalOption = class BalOption {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['balOptionChange']);
+    }
+};
+BalOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+BalOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalOption, isStandalone: true, selector: "bal-option", inputs: { disabled: "disabled", focused: "focused", hidden: "hidden", invalid: "invalid", label: "label", multiline: "multiline", selected: "selected", value: "value" }, outputs: { balOptionChange: "balOptionChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BalOption = __decorate([
+    ProxyCmp({
+        inputs: ['disabled', 'focused', 'hidden', 'invalid', 'label', 'multiline', 'selected', 'value'],
+        methods: ['select'],
+        defineCustomElementFn: defineCustomElement$18
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], BalOption);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalOption, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bal-option',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    inputs: ['disabled', 'focused', 'hidden', 'invalid', 'label', 'multiline', 'selected', 'value'],
+                    outputs: ['balOptionChange']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let BalOptionList = class BalOptionList {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+BalOptionList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalOptionList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+BalOptionList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalOptionList, isStandalone: true, selector: "bal-option-list", inputs: { contentHeight: "contentHeight", disabled: "disabled", filter: "filter", focusIndex: "focusIndex", labelledby: "labelledby", multiple: "multiple", required: "required" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BalOptionList = __decorate([
+    ProxyCmp({
+        inputs: ['contentHeight', 'disabled', 'filter', 'focusIndex', 'labelledby', 'multiple', 'required'],
+        methods: ['focusFirst', 'focusLast', 'focusNext', 'focusPrevious', 'focusByLabel', 'filterByContent', 'resetHidden', 'resetSelected', 'updateSelected', 'resetFocus', 'getSelectedValues', 'getSelectedOptions', 'getValues', 'getLabels', 'getOptions', 'selectByFocus'],
+        defineCustomElementFn: defineCustomElement$19
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], BalOptionList);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalOptionList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bal-option-list',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    standalone: true,
+                    inputs: ['contentHeight', 'disabled', 'filter', 'focusIndex', 'labelledby', 'multiple', 'required']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let BalPagination = class BalPagination {
     constructor(c, r, z) {
         this.z = z;
@@ -2072,7 +2131,7 @@ BalPagination = __decorate([
     ProxyCmp({
         inputs: ['align', 'disabled', 'interface', 'pageRange', 'size', 'sticky', 'top', 'totalPages', 'value'],
         methods: ['next', 'previous'],
-        defineCustomElementFn: defineCustomElement$18
+        defineCustomElementFn: defineCustomElement$1a
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPagination);
@@ -2101,7 +2160,7 @@ BalPopover = __decorate([
     ProxyCmp({
         inputs: ['active', 'arrow', 'autoTrigger', 'backdrop', 'hint', 'hover', 'mobileTop', 'offsetX', 'offsetY', 'padding', 'position', 'tooltip'],
         methods: ['present', 'dismiss', 'toggle'],
-        defineCustomElementFn: defineCustomElement$19
+        defineCustomElementFn: defineCustomElement$1b
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopover);
@@ -2128,7 +2187,7 @@ BalPopoverContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
 BalPopoverContent = __decorate([
     ProxyCmp({
         inputs: ['color', 'contentMinWidth', 'contentWidth', 'expanded', 'mobileTop', 'noShadow', 'radius', 'scrollable', 'spaceless'],
-        defineCustomElementFn: defineCustomElement$1a
+        defineCustomElementFn: defineCustomElement$1c
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopoverContent);
@@ -2156,7 +2215,7 @@ BalPopup = __decorate([
     ProxyCmp({
         inputs: ['active', 'arrow', 'backdrop', 'backdropDismiss', 'closable', 'contentWidth', 'label', 'offset', 'placement', 'reference', 'variant'],
         methods: ['present', 'dismiss', 'toggle'],
-        defineCustomElementFn: defineCustomElement$1b
+        defineCustomElementFn: defineCustomElement$1d
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopup);
@@ -2184,7 +2243,7 @@ BalProgressBar = __decorate([
     ProxyCmp({
         inputs: ['background', 'value'],
         methods: ['configChanged'],
-        defineCustomElementFn: defineCustomElement$1c
+        defineCustomElementFn: defineCustomElement$1e
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalProgressBar);
@@ -2212,7 +2271,7 @@ BalRadio = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'flat', 'interface', 'invalid', 'invisible', 'label', 'labelHidden', 'name', 'nonSubmit', 'readonly', 'required', 'value'],
         methods: ['getInputElement', 'getOption'],
-        defineCustomElementFn: defineCustomElement$1d
+        defineCustomElementFn: defineCustomElement$1f
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalRadio);
@@ -2240,7 +2299,7 @@ BalRadioButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
 BalRadioButton = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'invalid', 'readonly'],
-        defineCustomElementFn: defineCustomElement$1e
+        defineCustomElementFn: defineCustomElement$1g
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalRadioButton);
@@ -2267,7 +2326,7 @@ BalSelectOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalSelectOption = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'label', 'value'],
-        defineCustomElementFn: defineCustomElement$1f
+        defineCustomElementFn: defineCustomElement$1h
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSelectOption);
@@ -2293,7 +2352,7 @@ BalShape.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalShape = __decorate([
     ProxyCmp({
         inputs: ['color', 'rotation', 'variation'],
-        defineCustomElementFn: defineCustomElement$1g
+        defineCustomElementFn: defineCustomElement$1i
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalShape);
@@ -2319,7 +2378,7 @@ BalSheet.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalSheet = __decorate([
     ProxyCmp({
         inputs: ['containerSize'],
-        defineCustomElementFn: defineCustomElement$1h
+        defineCustomElementFn: defineCustomElement$1j
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSheet);
@@ -2370,11 +2429,11 @@ let BalSpinner = class BalSpinner {
     }
 };
 BalSpinner.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSpinner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BalSpinner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSpinner, isStandalone: true, selector: "bal-spinner", inputs: { color: "color", deactivated: "deactivated", inverted: "inverted", small: "small" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BalSpinner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalSpinner, isStandalone: true, selector: "bal-spinner", inputs: { color: "color", deactivated: "deactivated", inverted: "inverted", small: "small", variation: "variation" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalSpinner = __decorate([
     ProxyCmp({
-        inputs: ['color', 'deactivated', 'inverted', 'small'],
-        defineCustomElementFn: defineCustomElement$1i
+        inputs: ['color', 'deactivated', 'inverted', 'small', 'variation'],
+        defineCustomElementFn: defineCustomElement$1k
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSpinner);
@@ -2385,7 +2444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     standalone: true,
-                    inputs: ['color', 'deactivated', 'inverted', 'small']
+                    inputs: ['color', 'deactivated', 'inverted', 'small', 'variation']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let BalStack = class BalStack {
@@ -2400,7 +2459,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$1j
+        defineCustomElementFn: defineCustomElement$1l
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStack);
@@ -2426,7 +2485,7 @@ BalStage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalStage = __decorate([
     ProxyCmp({
         inputs: ['color', 'containerSize', 'shape', 'shapeRotation', 'shapeVariation', 'size'],
-        defineCustomElementFn: defineCustomElement$1k
+        defineCustomElementFn: defineCustomElement$1m
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStage);
@@ -2452,7 +2511,7 @@ BalStageBackLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
 BalStageBackLink = __decorate([
     ProxyCmp({
         inputs: ['href', 'inverted', 'shadow'],
-        defineCustomElementFn: defineCustomElement$1l
+        defineCustomElementFn: defineCustomElement$1n
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBackLink);
@@ -2477,7 +2536,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$1m
+        defineCustomElementFn: defineCustomElement$1o
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBody);
@@ -2501,7 +2560,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$1n
+        defineCustomElementFn: defineCustomElement$1p
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageFoot);
@@ -2525,7 +2584,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$1o
+        defineCustomElementFn: defineCustomElement$1q
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageHead);
@@ -2550,7 +2609,7 @@ BalStageImage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalStageImage = __decorate([
     ProxyCmp({
         inputs: ['fallback', 'srcSet'],
-        defineCustomElementFn: defineCustomElement$1p
+        defineCustomElementFn: defineCustomElement$1r
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageImage);
@@ -2578,7 +2637,7 @@ BalStepItem = __decorate([
     ProxyCmp({
         inputs: ['active', 'disabled', 'done', 'failed', 'href', 'invisible', 'label', 'prevent', 'target', 'value'],
         methods: ['getOptions', 'setActive'],
-        defineCustomElementFn: defineCustomElement$1q
+        defineCustomElementFn: defineCustomElement$1s
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStepItem);
@@ -2607,7 +2666,7 @@ BalSteps = __decorate([
     ProxyCmp({
         inputs: ['clickable', 'debounce', 'options', 'value'],
         methods: ['select', 'getOptionByValue'],
-        defineCustomElementFn: defineCustomElement$1r
+        defineCustomElementFn: defineCustomElement$1t
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSteps);
@@ -2636,7 +2695,7 @@ BalTabItem = __decorate([
     ProxyCmp({
         inputs: ['active', 'bubble', 'disabled', 'href', 'icon', 'invisible', 'label', 'prevent', 'target', 'value'],
         methods: ['getOptions', 'setActive'],
-        defineCustomElementFn: defineCustomElement$1s
+        defineCustomElementFn: defineCustomElement$1u
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabItem);
@@ -2663,7 +2722,7 @@ BalTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalTable = __decorate([
     ProxyCmp({
         inputs: ['expanded'],
-        defineCustomElementFn: defineCustomElement$1t
+        defineCustomElementFn: defineCustomElement$1v
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTable);
@@ -2691,7 +2750,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$1u
+        defineCustomElementFn: defineCustomElement$1w
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabs);
@@ -2719,7 +2778,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$1v
+        defineCustomElementFn: defineCustomElement$1x
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTag);
@@ -2745,7 +2804,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$1w
+        defineCustomElementFn: defineCustomElement$1y
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTagGroup);
@@ -2770,7 +2829,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$1x
+        defineCustomElementFn: defineCustomElement$1z
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalText);
@@ -2826,7 +2885,7 @@ BalTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalTooltip = __decorate([
     ProxyCmp({
         inputs: ['contentWidth', 'offset', 'placement', 'reference'],
-        defineCustomElementFn: defineCustomElement$1y
+        defineCustomElementFn: defineCustomElement$1A
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTooltip);
@@ -3001,6 +3060,9 @@ const BalDateMethods = ['open', 'close', 'toggle', 'select', 'setFocus', 'getInp
 const BalDatepickerInputs = ['allowedDates', 'autoInvalidOff', 'closeOnSelect', 'debounce', 'defaultDate', 'disabled', 'invalid', 'loading', 'max', 'maxYearProp', 'min', 'minYearProp', 'name', 'placeholder', 'readonly', 'required', 'triggerIcon', 'value'];
 const BalDatepickerOutputs = ['balChange', 'balInput', 'balBlur', 'balFocus', 'balInputClick', 'balIconClick'];
 const BalDatepickerMethods = ['open', 'close', 'select', 'setFocus', 'getInputElement'];
+const BalDropdownInputs = ['autocomplete', 'chips', 'clearable', 'contentHeight', 'disabled', 'filter', 'icon', 'invalid', 'loading', 'multiple', 'name', 'options', 'placeholder', 'readonly', 'required', 'value'];
+const BalDropdownOutputs = ['balChange', 'balFocus', 'balBlur'];
+const BalDropdownMethods = ['setFocus', 'getValue', 'clear', 'open', 'close', 'select'];
 const BalFileUploadInputs = ['accept', 'autoInvalidOff', 'disabled', 'hasFileList', 'invalid', 'label', 'loading', 'maxBundleSize', 'maxFileSize', 'maxFiles', 'multiple', 'name', 'readonly', 'required', 'subTitle', 'value'];
 const BalFileUploadOutputs = ['balChange', 'balFilesAdded', 'balFilesRemoved', 'balRejectedFile', 'balInputClick', 'balBlur', 'balFocus'];
 const BalFileUploadMethods = ['clear', 'setFocus', 'getInputElement'];
@@ -3032,7 +3094,7 @@ const BalTimeInputInputs = ['autoInvalidOff', 'debounce', 'disabled', 'invalid',
 const BalTimeInputOutputs = ['balInput', 'balChange', 'balBlur', 'balFocus', 'balKeyPress', 'balClick'];
 const BalTimeInputMethods = ['setFocus', 'getInputElement'];
 
-const accessorProvider$d = {
+const accessorProvider$e = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalCheckbox),
     multi: true,
@@ -3054,10 +3116,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$d], 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$e], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCheckbox = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1z,
+        defineCustomElementFn: defineCustomElement$1B,
         inputs: BalCheckboxInputs,
         methods: BalCheckboxMethods,
     }),
@@ -3072,7 +3134,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$d],
+                    providers: [accessorProvider$e],
                     standalone: true,
                     inputs: BalCheckboxInputs,
                     outputs: BalCheckboxOutputs,
@@ -3082,7 +3144,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(() => BalCheckboxGroup),
     multi: true,
@@ -3100,10 +3162,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$c], 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$d], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCheckboxGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1A,
+        defineCustomElementFn: defineCustomElement$1C,
         inputs: BalCheckboxGroupInputs,
         methods: BalCheckboxGroupMethods,
     }),
@@ -3118,7 +3180,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$c],
+                    providers: [accessorProvider$d],
                     standalone: true,
                     inputs: BalCheckboxGroupInputs,
                     outputs: BalCheckboxGroupOutputs,
@@ -3128,7 +3190,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(() => BalDate),
     multi: true,
@@ -3146,10 +3208,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: { 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$b], 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: { 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 = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1B,
+        defineCustomElementFn: defineCustomElement$1D,
         inputs: BalDateInputs,
         methods: BalDateMethods,
     }),
@@ -3164,7 +3226,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$b],
+                    providers: [accessorProvider$c],
                     standalone: true,
                     inputs: BalDateInputs,
                     outputs: BalDateOutputs,
@@ -3174,7 +3236,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(() => BalDatepicker),
     multi: true,
@@ -3192,10 +3254,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$a], 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$b], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalDatepicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1C,
+        defineCustomElementFn: defineCustomElement$1E,
         inputs: BalDatepickerInputs,
         methods: BalDatepickerMethods,
     }),
@@ -3210,7 +3272,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$a],
+                    providers: [accessorProvider$b],
                     standalone: true,
                     inputs: BalDatepickerInputs,
                     outputs: BalDatepickerOutputs,
@@ -3220,7 +3282,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(() => BalFileUpload),
     multi: true,
@@ -3238,10 +3300,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$9], 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$a], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFileUpload = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1D,
+        defineCustomElementFn: defineCustomElement$1F,
         inputs: BalFileUploadInputs,
         methods: BalFileUploadMethods,
     }),
@@ -3256,7 +3318,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$9],
+                    providers: [accessorProvider$a],
                     standalone: true,
                     inputs: BalFileUploadInputs,
                     outputs: BalFileUploadOutputs,
@@ -3266,7 +3328,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(() => BalInputDate),
     multi: true,
@@ -3284,10 +3346,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: { 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$8], 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: { 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 = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1E,
+        defineCustomElementFn: defineCustomElement$1G,
         inputs: BalInputDateInputs,
         methods: BalInputDateMethods,
     }),
@@ -3302,7 +3364,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$8],
+                    providers: [accessorProvider$9],
                     standalone: true,
                     inputs: BalInputDateInputs,
                     outputs: BalInputDateOutputs,
@@ -3312,7 +3374,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
 
-const accessorProvider$7 = {
+const accessorProvider$8 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalInputSlider),
     multi: true,
@@ -3330,10 +3392,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$7], 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$8], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalInputSlider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1F,
+        defineCustomElementFn: defineCustomElement$1H,
         inputs: BalInputSliderInputs,
         methods: BalInputSliderMethods,
     }),
@@ -3348,7 +3410,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$7],
+                    providers: [accessorProvider$8],
                     standalone: true,
                     inputs: BalInputSliderInputs,
                     outputs: BalInputSliderOutputs,
@@ -3358,7 +3420,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(() => BalInputStepper),
     multi: true,
@@ -3381,10 +3443,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$6], 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$7], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalInputStepper = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1G,
+        defineCustomElementFn: defineCustomElement$1I,
         inputs: BalInputStepperInputs,
         methods: BalInputStepperMethods,
     }),
@@ -3399,7 +3461,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$6],
+                    providers: [accessorProvider$7],
                     standalone: true,
                     inputs: BalInputStepperInputs,
                     outputs: BalInputStepperOutputs,
@@ -3409,7 +3471,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(() => BalInput),
     multi: true,
@@ -3427,10 +3489,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$5], 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$6], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalInput = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1H,
+        defineCustomElementFn: defineCustomElement$1J,
         inputs: BalInputInputs,
         methods: BalInputMethods,
     }),
@@ -3445,7 +3507,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$5],
+                    providers: [accessorProvider$6],
                     standalone: true,
                     inputs: BalInputInputs,
                     outputs: BalInputOutputs,
@@ -3455,7 +3517,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(() => BalNumberInput),
     multi: true,
@@ -3478,10 +3540,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$4], 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$5], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNumberInput = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1I,
+        defineCustomElementFn: defineCustomElement$1K,
         inputs: BalNumberInputInputs,
         methods: BalNumberInputMethods,
     }),
@@ -3496,7 +3558,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$4],
+                    providers: [accessorProvider$5],
                     standalone: true,
                     inputs: BalNumberInputInputs,
                     outputs: BalNumberInputOutputs,
@@ -3506,7 +3568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balInput', ['$event']]
             }] } });
 
-const accessorProvider$3 = {
+const accessorProvider$4 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalRadioGroup),
     multi: true,
@@ -3524,10 +3586,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$3], 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$4], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalRadioGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1J,
+        defineCustomElementFn: defineCustomElement$1L,
         inputs: BalRadioGroupInputs,
         methods: BalRadioGroupMethods,
     }),
@@ -3542,7 +3604,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$3],
+                    providers: [accessorProvider$4],
                     standalone: true,
                     inputs: BalRadioGroupInputs,
                     outputs: BalRadioGroupOutputs,
@@ -3552,7 +3614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
 
-const accessorProvider$2 = {
+const accessorProvider$3 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalSelect),
     multi: true,
@@ -3570,10 +3632,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$2], 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$3], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalSelect = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1K,
+        defineCustomElementFn: defineCustomElement$1M,
         inputs: BalSelectInputs,
         methods: BalSelectMethods,
     }),
@@ -3588,7 +3650,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$2],
+                    providers: [accessorProvider$3],
                     standalone: true,
                     inputs: BalSelectInputs,
                     outputs: BalSelectOutputs,
@@ -3598,6 +3660,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['balChange', ['$event']]
             }] } });
 
+const accessorProvider$2 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: /*@__PURE__*/ forwardRef(() => BalDropdown),
+    multi: true,
+};
+let BalDropdown = class BalDropdown extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, BalDropdownOutputs);
+    }
+    handleBalChange(event) {
+        this.handleValueChange(event);
+    }
+};
+BalDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+BalDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDropdown, isStandalone: true, selector: "bal-dropdown", inputs: { autocomplete: "autocomplete", chips: "chips", clearable: "clearable", contentHeight: "contentHeight", disabled: "disabled", filter: "filter", icon: "icon", invalid: "invalid", loading: "loading", multiple: "multiple", name: "name", options: "options", placeholder: "placeholder", readonly: "readonly", required: "required", value: "value" }, outputs: { balChange: "balChange", balFocus: "balFocus", balBlur: "balBlur" }, host: { listeners: { "balChange": "handleBalChange($event)" } }, providers: [accessorProvider$2], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BalDropdown = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: () => {
+            defineCustomElement$18();
+            defineCustomElement$19();
+            defineCustomElement$1N();
+        },
+        inputs: BalDropdownInputs,
+        methods: BalDropdownMethods,
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef,
+        ElementRef,
+        NgZone,
+        Injector])
+], BalDropdown);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalDropdown, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bal-dropdown',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    providers: [accessorProvider$2],
+                    standalone: true,
+                    inputs: BalDropdownInputs,
+                    outputs: BalDropdownOutputs,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleBalChange: [{
+                type: HostListener,
+                args: ['balChange', ['$event']]
+            }] } });
+
 const accessorProvider$1 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => BalTextarea),
@@ -3619,7 +3731,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$1L,
+        defineCustomElementFn: defineCustomElement$1O,
         inputs: BalTextareaInputs,
         methods: BalTextareaMethods,
     }),
@@ -3665,7 +3777,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$1M,
+        defineCustomElementFn: defineCustomElement$1P,
         inputs: BalTimeInputInputs,
         methods: BalTimeInputMethods,
     }),
@@ -3756,6 +3868,7 @@ const BalFieldBundle = [
     BalFieldControl,
     BalFieldHint,
 ];
+const BalDropdownBundle = [BalDropdown, BalOptionList, BalOption];
 /* Component Sections */
 const BalFormBundle = [
     //
@@ -3771,6 +3884,7 @@ const BalFormBundle = [
     ...BalCheckboxBundle,
     BalDate,
     BalDatepicker,
+    ...BalDropdownBundle,
     BalInputDate,
     BalInputStepper,
     BalInputSlider,
@@ -3806,6 +3920,9 @@ const BalComponentBundle = [
     BalDataLabel,
     BalDataValue,
     BalDivider,
+    BalDropdown,
+    BalOption,
+    BalOptionList,
     BalField,
     BalFieldControl,
     BalFieldHint,
@@ -3905,7 +4022,10 @@ const appInitialize = (config, doc, zone) => {
                     }
                 },
             };
-            initializeBaloiseDesignSystem(config.defaults, platformConfig, win);
+            initializeBaloiseDesignSystem({
+                ...config.defaults,
+                httpFormSubmit: false,
+            }, platformConfig, win);
         }
     };
 };
@@ -3977,5 +4097,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, 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, 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, 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