npm - @baloise/ds-angular - Versions diffs - 16.0.3-nightly.20240417 → 16.1.0 - Mend

@baloise/ds-angular 16.0.3-nightly.20240417 → 16.1.0

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

Files changed (16) hide show

package/bundles.d.ts +5 -4
package/components/bal-dropdown.d.ts +20 -0
package/components/index.d.ts +1 -0
package/esm2020/app-initialize.mjs +5 -2
package/esm2020/bundles.mjs +8 -3
package/esm2020/components/bal-dropdown.mjs +61 -0
package/esm2020/components/index.mjs +2 -1
package/esm2020/generated/meta.mjs +4 -1
package/esm2020/generated/proxies.mjs +64 -4
package/fesm2015/baloise-ds-angular.mjs +240 -123
package/fesm2015/baloise-ds-angular.mjs.map +1 -1
package/fesm2020/baloise-ds-angular.mjs +243 -123
package/fesm2020/baloise-ds-angular.mjs.map +1 -1
package/generated/meta.d.ts +3 -0
package/generated/proxies.d.ts +21 -1
package/package.json +3 -3

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

@@ -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';
@@ -2065,6 +2068,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;
@@ -2079,7 +2138,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);
@@ -2108,7 +2167,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);
@@ -2135,7 +2194,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);
@@ -2163,7 +2222,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);
@@ -2191,7 +2250,7 @@ BalProgressBar = __decorate([
     ProxyCmp({
         inputs: ['background', 'value'],
         methods: ['configChanged'],
-        defineCustomElementFn: defineCustomElement$1c
+        defineCustomElementFn: defineCustomElement$1e
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalProgressBar);
@@ -2219,7 +2278,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);
@@ -2247,7 +2306,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);
@@ -2274,7 +2333,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);
@@ -2300,7 +2359,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);
@@ -2326,7 +2385,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);
@@ -2377,11 +2436,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);
@@ -2392,7 +2451,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 {
@@ -2407,7 +2466,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);
@@ -2433,7 +2492,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);
@@ -2459,7 +2518,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);
@@ -2484,7 +2543,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);
@@ -2508,7 +2567,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);
@@ -2532,7 +2591,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);
@@ -2557,7 +2616,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);
@@ -2585,7 +2644,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);
@@ -2614,7 +2673,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);
@@ -2643,7 +2702,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);
@@ -2670,7 +2729,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);
@@ -2698,7 +2757,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);
@@ -2726,7 +2785,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);
@@ -2752,7 +2811,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);
@@ -2777,7 +2836,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);
@@ -2833,7 +2892,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);
@@ -3009,6 +3068,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'];
@@ -3040,7 +3102,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,
@@ -3062,10 +3124,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,
     }),
@@ -3080,7 +3142,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,
@@ -3090,7 +3152,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,
@@ -3108,10 +3170,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,
     }),
@@ -3126,7 +3188,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,
@@ -3136,7 +3198,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,
@@ -3154,10 +3216,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,
     }),
@@ -3172,7 +3234,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,
@@ -3182,7 +3244,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,
@@ -3200,10 +3262,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,
     }),
@@ -3218,7 +3280,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,
@@ -3228,7 +3290,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,
@@ -3246,10 +3308,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,
     }),
@@ -3264,7 +3326,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,
@@ -3274,7 +3336,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,
@@ -3292,10 +3354,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,
     }),
@@ -3310,7 +3372,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,
@@ -3320,7 +3382,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,
@@ -3338,10 +3400,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,
     }),
@@ -3356,7 +3418,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,
@@ -3366,7 +3428,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,
@@ -3389,10 +3451,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,
     }),
@@ -3407,7 +3469,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,
@@ -3417,7 +3479,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,
@@ -3435,10 +3497,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,
     }),
@@ -3453,7 +3515,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,
@@ -3463,7 +3525,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,
@@ -3486,10 +3548,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,
     }),
@@ -3504,7 +3566,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,
@@ -3514,7 +3576,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,
@@ -3532,10 +3594,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,
     }),
@@ -3550,7 +3612,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,
@@ -3560,7 +3622,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,
@@ -3578,10 +3640,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,
     }),
@@ -3596,7 +3658,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,
@@ -3606,6 +3668,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),
@@ -3627,7 +3739,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,
     }),
@@ -3673,7 +3785,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,
     }),
@@ -3766,6 +3878,7 @@ const BalFieldBundle = [
     BalFieldControl,
     BalFieldHint,
 ];
+const BalDropdownBundle = [BalDropdown, BalOptionList, BalOption];
 /* Component Sections */
 const BalFormBundle = [
     //
@@ -3781,6 +3894,7 @@ const BalFormBundle = [
     ...BalCheckboxBundle,
     BalDate,
     BalDatepicker,
+    ...BalDropdownBundle,
     BalInputDate,
     BalInputStepper,
     BalInputSlider,
@@ -3816,6 +3930,9 @@ const BalComponentBundle = [
     BalDataLabel,
     BalDataValue,
     BalDivider,
+    BalDropdown,
+    BalOption,
+    BalOptionList,
     BalField,
     BalFieldControl,
     BalFieldHint,
@@ -3915,7 +4032,7 @@ const appInitialize = (config, doc, zone) => {
                     }
                 },
             };
-            initializeBaloiseDesignSystem(config.defaults, platformConfig, win);
+            initializeBaloiseDesignSystem(Object.assign(Object.assign({}, config.defaults), { httpFormSubmit: false }), platformConfig, win);
         }
     });
 };
@@ -3987,5 +4104,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