npm - @baloise/ds-angular-module - Versions diffs - 16.0.3 → 16.1.0 - Mend

@baloise/ds-angular-module 16.0.3 → 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 (14) hide show

package/esm2020/app-initialize.mjs +5 -2
package/esm2020/generated/proxies-list.mjs +4 -1
package/esm2020/generated/proxies.mjs +92 -4
package/esm2020/generated/select-value-accessor.mjs +3 -3
package/esm2020/module.mjs +2 -2
package/fesm2015/baloise-ds-angular-module.mjs +261 -173
package/fesm2015/baloise-ds-angular-module.mjs.map +1 -1
package/fesm2020/baloise-ds-angular-module.mjs +264 -173
package/fesm2020/baloise-ds-angular-module.mjs.map +1 -1
package/generated/proxies-list.d.ts +1 -1
package/generated/proxies.d.ts +36 -1
package/generated/select-value-accessor.d.ts +1 -1
package/module.d.ts +1 -1
package/package.json +3 -3

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

@@ -33,88 +33,91 @@ import { defineCustomElement as defineCustomElement$r } from '@baloise/ds-core/c
 import { defineCustomElement as defineCustomElement$s } from '@baloise/ds-core/components/bal-date-calendar-cell';
 import { defineCustomElement as defineCustomElement$t } from '@baloise/ds-core/components/bal-datepicker';
 import { defineCustomElement as defineCustomElement$u } from '@baloise/ds-core/components/bal-divider';
-import { defineCustomElement as defineCustomElement$v } from '@baloise/ds-core/components/bal-field';
-import { defineCustomElement as defineCustomElement$w } from '@baloise/ds-core/components/bal-field-control';
-import { defineCustomElement as defineCustomElement$x } from '@baloise/ds-core/components/bal-field-hint';
-import { defineCustomElement as defineCustomElement$y } from '@baloise/ds-core/components/bal-field-label';
-import { defineCustomElement as defineCustomElement$z } from '@baloise/ds-core/components/bal-field-message';
-import { defineCustomElement as defineCustomElement$A } from '@baloise/ds-core/components/bal-file-upload';
-import { defineCustomElement as defineCustomElement$B } from '@baloise/ds-core/components/bal-footer';
-import { defineCustomElement as defineCustomElement$C } from '@baloise/ds-core/components/bal-form';
-import { defineCustomElement as defineCustomElement$D } from '@baloise/ds-core/components/bal-form-col';
-import { defineCustomElement as defineCustomElement$E } from '@baloise/ds-core/components/bal-form-grid';
-import { defineCustomElement as defineCustomElement$F } from '@baloise/ds-core/components/bal-heading';
-import { defineCustomElement as defineCustomElement$G } from '@baloise/ds-core/components/bal-hint';
-import { defineCustomElement as defineCustomElement$H } from '@baloise/ds-core/components/bal-hint-text';
-import { defineCustomElement as defineCustomElement$I } from '@baloise/ds-core/components/bal-hint-title';
-import { defineCustomElement as defineCustomElement$J } from '@baloise/ds-core/components/bal-icon';
-import { defineCustomElement as defineCustomElement$K } from '@baloise/ds-core/components/bal-input';
-import { defineCustomElement as defineCustomElement$L } from '@baloise/ds-core/components/bal-input-date';
-import { defineCustomElement as defineCustomElement$M } from '@baloise/ds-core/components/bal-input-group';
-import { defineCustomElement as defineCustomElement$N } from '@baloise/ds-core/components/bal-input-slider';
-import { defineCustomElement as defineCustomElement$O } from '@baloise/ds-core/components/bal-input-stepper';
-import { defineCustomElement as defineCustomElement$P } from '@baloise/ds-core/components/bal-label';
-import { defineCustomElement as defineCustomElement$Q } from '@baloise/ds-core/components/bal-list';
-import { defineCustomElement as defineCustomElement$R } from '@baloise/ds-core/components/bal-list-item';
-import { defineCustomElement as defineCustomElement$S } from '@baloise/ds-core/components/bal-list-item-accordion-body';
-import { defineCustomElement as defineCustomElement$T } from '@baloise/ds-core/components/bal-list-item-accordion-head';
-import { defineCustomElement as defineCustomElement$U } from '@baloise/ds-core/components/bal-list-item-content';
-import { defineCustomElement as defineCustomElement$V } from '@baloise/ds-core/components/bal-list-item-icon';
-import { defineCustomElement as defineCustomElement$W } from '@baloise/ds-core/components/bal-list-item-subtitle';
-import { defineCustomElement as defineCustomElement$X } from '@baloise/ds-core/components/bal-list-item-title';
-import { defineCustomElement as defineCustomElement$Y } from '@baloise/ds-core/components/bal-logo';
-import { defineCustomElement as defineCustomElement$Z } from '@baloise/ds-core/components/bal-modal';
-import { defineCustomElement as defineCustomElement$_ } from '@baloise/ds-core/components/bal-modal-body';
-import { defineCustomElement as defineCustomElement$$ } from '@baloise/ds-core/components/bal-modal-header';
-import { defineCustomElement as defineCustomElement$10 } from '@baloise/ds-core/components/bal-nav';
-import { defineCustomElement as defineCustomElement$11 } from '@baloise/ds-core/components/bal-nav-link';
-import { defineCustomElement as defineCustomElement$12 } from '@baloise/ds-core/components/bal-nav-link-grid';
-import { defineCustomElement as defineCustomElement$13 } from '@baloise/ds-core/components/bal-nav-link-grid-col';
-import { defineCustomElement as defineCustomElement$14 } from '@baloise/ds-core/components/bal-nav-link-group';
-import { defineCustomElement as defineCustomElement$15 } from '@baloise/ds-core/components/bal-nav-menu-bar';
-import { defineCustomElement as defineCustomElement$16 } from '@baloise/ds-core/components/bal-nav-menu-flyout';
-import { defineCustomElement as defineCustomElement$17 } from '@baloise/ds-core/components/bal-nav-meta-bar';
-import { defineCustomElement as defineCustomElement$18 } from '@baloise/ds-core/components/bal-navbar';
-import { defineCustomElement as defineCustomElement$19 } from '@baloise/ds-core/components/bal-navbar-brand';
-import { defineCustomElement as defineCustomElement$1a } from '@baloise/ds-core/components/bal-navbar-menu';
-import { defineCustomElement as defineCustomElement$1b } from '@baloise/ds-core/components/bal-navbar-menu-end';
-import { defineCustomElement as defineCustomElement$1c } from '@baloise/ds-core/components/bal-navbar-menu-start';
-import { defineCustomElement as defineCustomElement$1d } from '@baloise/ds-core/components/bal-notices';
-import { defineCustomElement as defineCustomElement$1e } from '@baloise/ds-core/components/bal-notification';
-import { defineCustomElement as defineCustomElement$1f } from '@baloise/ds-core/components/bal-number-input';
-import { defineCustomElement as defineCustomElement$1g } from '@baloise/ds-core/components/bal-pagination';
-import { defineCustomElement as defineCustomElement$1h } from '@baloise/ds-core/components/bal-popover';
-import { defineCustomElement as defineCustomElement$1i } from '@baloise/ds-core/components/bal-popover-content';
-import { defineCustomElement as defineCustomElement$1j } from '@baloise/ds-core/components/bal-popup';
-import { defineCustomElement as defineCustomElement$1k } from '@baloise/ds-core/components/bal-progress-bar';
-import { defineCustomElement as defineCustomElement$1l } from '@baloise/ds-core/components/bal-radio';
-import { defineCustomElement as defineCustomElement$1m } from '@baloise/ds-core/components/bal-radio-button';
-import { defineCustomElement as defineCustomElement$1n } from '@baloise/ds-core/components/bal-radio-group';
-import { defineCustomElement as defineCustomElement$1o } from '@baloise/ds-core/components/bal-select';
-import { defineCustomElement as defineCustomElement$1p } from '@baloise/ds-core/components/bal-select-option';
-import { defineCustomElement as defineCustomElement$1q } from '@baloise/ds-core/components/bal-shape';
-import { defineCustomElement as defineCustomElement$1r } from '@baloise/ds-core/components/bal-sheet';
-import { defineCustomElement as defineCustomElement$1s } from '@baloise/ds-core/components/bal-snackbar';
-import { defineCustomElement as defineCustomElement$1t } from '@baloise/ds-core/components/bal-spinner';
-import { defineCustomElement as defineCustomElement$1u } from '@baloise/ds-core/components/bal-stack';
-import { defineCustomElement as defineCustomElement$1v } from '@baloise/ds-core/components/bal-stage';
-import { defineCustomElement as defineCustomElement$1w } from '@baloise/ds-core/components/bal-stage-back-link';
-import { defineCustomElement as defineCustomElement$1x } from '@baloise/ds-core/components/bal-stage-body';
-import { defineCustomElement as defineCustomElement$1y } from '@baloise/ds-core/components/bal-stage-foot';
-import { defineCustomElement as defineCustomElement$1z } from '@baloise/ds-core/components/bal-stage-head';
-import { defineCustomElement as defineCustomElement$1A } from '@baloise/ds-core/components/bal-stage-image';
-import { defineCustomElement as defineCustomElement$1B } from '@baloise/ds-core/components/bal-step-item';
-import { defineCustomElement as defineCustomElement$1C } from '@baloise/ds-core/components/bal-steps';
-import { defineCustomElement as defineCustomElement$1D } from '@baloise/ds-core/components/bal-tab-item';
-import { defineCustomElement as defineCustomElement$1E } from '@baloise/ds-core/components/bal-table';
-import { defineCustomElement as defineCustomElement$1F } from '@baloise/ds-core/components/bal-tabs';
-import { defineCustomElement as defineCustomElement$1G } from '@baloise/ds-core/components/bal-tag';
-import { defineCustomElement as defineCustomElement$1H } from '@baloise/ds-core/components/bal-tag-group';
-import { defineCustomElement as defineCustomElement$1I } from '@baloise/ds-core/components/bal-text';
-import { defineCustomElement as defineCustomElement$1J } from '@baloise/ds-core/components/bal-textarea';
-import { defineCustomElement as defineCustomElement$1K } from '@baloise/ds-core/components/bal-time-input';
-import { defineCustomElement as defineCustomElement$1L } from '@baloise/ds-core/components/bal-toast';
-import { defineCustomElement as defineCustomElement$1M } from '@baloise/ds-core/components/bal-tooltip';
+import { defineCustomElement as defineCustomElement$v } from '@baloise/ds-core/components/bal-dropdown';
+import { defineCustomElement as defineCustomElement$w } from '@baloise/ds-core/components/bal-field';
+import { defineCustomElement as defineCustomElement$x } from '@baloise/ds-core/components/bal-field-control';
+import { defineCustomElement as defineCustomElement$y } from '@baloise/ds-core/components/bal-field-hint';
+import { defineCustomElement as defineCustomElement$z } from '@baloise/ds-core/components/bal-field-label';
+import { defineCustomElement as defineCustomElement$A } from '@baloise/ds-core/components/bal-field-message';
+import { defineCustomElement as defineCustomElement$B } from '@baloise/ds-core/components/bal-file-upload';
+import { defineCustomElement as defineCustomElement$C } from '@baloise/ds-core/components/bal-footer';
+import { defineCustomElement as defineCustomElement$D } from '@baloise/ds-core/components/bal-form';
+import { defineCustomElement as defineCustomElement$E } from '@baloise/ds-core/components/bal-form-col';
+import { defineCustomElement as defineCustomElement$F } from '@baloise/ds-core/components/bal-form-grid';
+import { defineCustomElement as defineCustomElement$G } from '@baloise/ds-core/components/bal-heading';
+import { defineCustomElement as defineCustomElement$H } from '@baloise/ds-core/components/bal-hint';
+import { defineCustomElement as defineCustomElement$I } from '@baloise/ds-core/components/bal-hint-text';
+import { defineCustomElement as defineCustomElement$J } from '@baloise/ds-core/components/bal-hint-title';
+import { defineCustomElement as defineCustomElement$K } from '@baloise/ds-core/components/bal-icon';
+import { defineCustomElement as defineCustomElement$L } from '@baloise/ds-core/components/bal-input';
+import { defineCustomElement as defineCustomElement$M } from '@baloise/ds-core/components/bal-input-date';
+import { defineCustomElement as defineCustomElement$N } from '@baloise/ds-core/components/bal-input-group';
+import { defineCustomElement as defineCustomElement$O } from '@baloise/ds-core/components/bal-input-slider';
+import { defineCustomElement as defineCustomElement$P } from '@baloise/ds-core/components/bal-input-stepper';
+import { defineCustomElement as defineCustomElement$Q } from '@baloise/ds-core/components/bal-label';
+import { defineCustomElement as defineCustomElement$R } from '@baloise/ds-core/components/bal-list';
+import { defineCustomElement as defineCustomElement$S } from '@baloise/ds-core/components/bal-list-item';
+import { defineCustomElement as defineCustomElement$T } from '@baloise/ds-core/components/bal-list-item-accordion-body';
+import { defineCustomElement as defineCustomElement$U } from '@baloise/ds-core/components/bal-list-item-accordion-head';
+import { defineCustomElement as defineCustomElement$V } from '@baloise/ds-core/components/bal-list-item-content';
+import { defineCustomElement as defineCustomElement$W } from '@baloise/ds-core/components/bal-list-item-icon';
+import { defineCustomElement as defineCustomElement$X } from '@baloise/ds-core/components/bal-list-item-subtitle';
+import { defineCustomElement as defineCustomElement$Y } from '@baloise/ds-core/components/bal-list-item-title';
+import { defineCustomElement as defineCustomElement$Z } from '@baloise/ds-core/components/bal-logo';
+import { defineCustomElement as defineCustomElement$_ } from '@baloise/ds-core/components/bal-modal';
+import { defineCustomElement as defineCustomElement$$ } from '@baloise/ds-core/components/bal-modal-body';
+import { defineCustomElement as defineCustomElement$10 } from '@baloise/ds-core/components/bal-modal-header';
+import { defineCustomElement as defineCustomElement$11 } from '@baloise/ds-core/components/bal-nav';
+import { defineCustomElement as defineCustomElement$12 } from '@baloise/ds-core/components/bal-nav-link';
+import { defineCustomElement as defineCustomElement$13 } from '@baloise/ds-core/components/bal-nav-link-grid';
+import { defineCustomElement as defineCustomElement$14 } from '@baloise/ds-core/components/bal-nav-link-grid-col';
+import { defineCustomElement as defineCustomElement$15 } from '@baloise/ds-core/components/bal-nav-link-group';
+import { defineCustomElement as defineCustomElement$16 } from '@baloise/ds-core/components/bal-nav-menu-bar';
+import { defineCustomElement as defineCustomElement$17 } from '@baloise/ds-core/components/bal-nav-menu-flyout';
+import { defineCustomElement as defineCustomElement$18 } from '@baloise/ds-core/components/bal-nav-meta-bar';
+import { defineCustomElement as defineCustomElement$19 } from '@baloise/ds-core/components/bal-navbar';
+import { defineCustomElement as defineCustomElement$1a } from '@baloise/ds-core/components/bal-navbar-brand';
+import { defineCustomElement as defineCustomElement$1b } from '@baloise/ds-core/components/bal-navbar-menu';
+import { defineCustomElement as defineCustomElement$1c } from '@baloise/ds-core/components/bal-navbar-menu-end';
+import { defineCustomElement as defineCustomElement$1d } from '@baloise/ds-core/components/bal-navbar-menu-start';
+import { defineCustomElement as defineCustomElement$1e } from '@baloise/ds-core/components/bal-notices';
+import { defineCustomElement as defineCustomElement$1f } from '@baloise/ds-core/components/bal-notification';
+import { defineCustomElement as defineCustomElement$1g } from '@baloise/ds-core/components/bal-number-input';
+import { defineCustomElement as defineCustomElement$1h } from '@baloise/ds-core/components/bal-option';
+import { defineCustomElement as defineCustomElement$1i } from '@baloise/ds-core/components/bal-option-list';
+import { defineCustomElement as defineCustomElement$1j } from '@baloise/ds-core/components/bal-pagination';
+import { defineCustomElement as defineCustomElement$1k } from '@baloise/ds-core/components/bal-popover';
+import { defineCustomElement as defineCustomElement$1l } from '@baloise/ds-core/components/bal-popover-content';
+import { defineCustomElement as defineCustomElement$1m } from '@baloise/ds-core/components/bal-popup';
+import { defineCustomElement as defineCustomElement$1n } from '@baloise/ds-core/components/bal-progress-bar';
+import { defineCustomElement as defineCustomElement$1o } from '@baloise/ds-core/components/bal-radio';
+import { defineCustomElement as defineCustomElement$1p } from '@baloise/ds-core/components/bal-radio-button';
+import { defineCustomElement as defineCustomElement$1q } from '@baloise/ds-core/components/bal-radio-group';
+import { defineCustomElement as defineCustomElement$1r } from '@baloise/ds-core/components/bal-select';
+import { defineCustomElement as defineCustomElement$1s } from '@baloise/ds-core/components/bal-select-option';
+import { defineCustomElement as defineCustomElement$1t } from '@baloise/ds-core/components/bal-shape';
+import { defineCustomElement as defineCustomElement$1u } from '@baloise/ds-core/components/bal-sheet';
+import { defineCustomElement as defineCustomElement$1v } from '@baloise/ds-core/components/bal-snackbar';
+import { defineCustomElement as defineCustomElement$1w } from '@baloise/ds-core/components/bal-spinner';
+import { defineCustomElement as defineCustomElement$1x } from '@baloise/ds-core/components/bal-stack';
+import { defineCustomElement as defineCustomElement$1y } from '@baloise/ds-core/components/bal-stage';
+import { defineCustomElement as defineCustomElement$1z } from '@baloise/ds-core/components/bal-stage-back-link';
+import { defineCustomElement as defineCustomElement$1A } from '@baloise/ds-core/components/bal-stage-body';
+import { defineCustomElement as defineCustomElement$1B } from '@baloise/ds-core/components/bal-stage-foot';
+import { defineCustomElement as defineCustomElement$1C } from '@baloise/ds-core/components/bal-stage-head';
+import { defineCustomElement as defineCustomElement$1D } from '@baloise/ds-core/components/bal-stage-image';
+import { defineCustomElement as defineCustomElement$1E } from '@baloise/ds-core/components/bal-step-item';
+import { defineCustomElement as defineCustomElement$1F } from '@baloise/ds-core/components/bal-steps';
+import { defineCustomElement as defineCustomElement$1G } from '@baloise/ds-core/components/bal-tab-item';
+import { defineCustomElement as defineCustomElement$1H } from '@baloise/ds-core/components/bal-table';
+import { defineCustomElement as defineCustomElement$1I } from '@baloise/ds-core/components/bal-tabs';
+import { defineCustomElement as defineCustomElement$1J } from '@baloise/ds-core/components/bal-tag';
+import { defineCustomElement as defineCustomElement$1K } from '@baloise/ds-core/components/bal-tag-group';
+import { defineCustomElement as defineCustomElement$1L } from '@baloise/ds-core/components/bal-text';
+import { defineCustomElement as defineCustomElement$1M } from '@baloise/ds-core/components/bal-textarea';
+import { defineCustomElement as defineCustomElement$1N } from '@baloise/ds-core/components/bal-time-input';
+import { defineCustomElement as defineCustomElement$1O } from '@baloise/ds-core/components/bal-toast';
+import { defineCustomElement as defineCustomElement$1P } from '@baloise/ds-core/components/bal-tooltip';
 import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
@@ -958,6 +961,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     inputs: ['color', 'layout', 'space']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let BalDropdown = class BalDropdown {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['balChange', 'balFocus', 'balBlur']);
+    }
+};
+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 }], target: i0.ɵɵFactoryTarget.Component });
+BalDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalDropdown, 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BalDropdown = __decorate([
+    ProxyCmp({
+        inputs: ['autocomplete', 'chips', 'clearable', 'contentHeight', 'disabled', 'filter', 'icon', 'invalid', 'loading', 'multiple', 'name', 'options', 'placeholder', 'readonly', 'required', 'value'],
+        methods: ['setFocus', 'getValue', 'clear', 'open', 'close', 'select'],
+        defineCustomElementFn: defineCustomElement$v
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
+], 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>',
+                    inputs: ['autocomplete', 'chips', 'clearable', 'contentHeight', 'disabled', 'filter', 'icon', 'invalid', 'loading', 'multiple', 'name', 'options', 'placeholder', 'readonly', 'required', 'value'],
+                    outputs: ['balChange', 'balFocus', 'balBlur']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let BalField = class BalField {
     constructor(c, r, z) {
         this.z = z;
@@ -971,7 +1002,7 @@ BalField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalField = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'horizontal', 'invalid', 'loading', 'readonly', 'required', 'valid'],
-        defineCustomElementFn: defineCustomElement$v
+        defineCustomElementFn: defineCustomElement$w
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalField);
@@ -997,7 +1028,7 @@ BalFieldControl.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalFieldControl = __decorate([
     ProxyCmp({
         inputs: ['expandedOnMobile', 'iconLeft', 'iconRight', 'loading'],
-        defineCustomElementFn: defineCustomElement$w
+        defineCustomElementFn: defineCustomElement$x
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldControl);
@@ -1022,7 +1053,7 @@ BalFieldHint.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalFieldHint = __decorate([
     ProxyCmp({
         inputs: ['closeLabel', 'small', 'subject'],
-        defineCustomElementFn: defineCustomElement$x
+        defineCustomElementFn: defineCustomElement$y
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldHint);
@@ -1047,7 +1078,7 @@ BalFieldLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalFieldLabel = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'htmlFor', 'invalid', 'readonly', 'required', 'size', 'valid', 'weight'],
-        defineCustomElementFn: defineCustomElement$y
+        defineCustomElementFn: defineCustomElement$z
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldLabel);
@@ -1072,7 +1103,7 @@ BalFieldMessage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalFieldMessage = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'invalid', 'readonly', 'valid'],
-        defineCustomElementFn: defineCustomElement$z
+        defineCustomElementFn: defineCustomElement$A
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldMessage);
@@ -1099,7 +1130,7 @@ BalFileUpload = __decorate([
     ProxyCmp({
         inputs: ['accept', 'autoInvalidOff', 'disabled', 'hasFileList', 'invalid', 'label', 'loading', 'maxBundleSize', 'maxFileSize', 'maxFiles', 'multiple', 'name', 'readonly', 'required', 'subTitle', 'value'],
         methods: ['clear', 'setFocus', 'getInputElement'],
-        defineCustomElementFn: defineCustomElement$A
+        defineCustomElementFn: defineCustomElement$B
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFileUpload);
@@ -1125,7 +1156,7 @@ BalFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15
 BalFooter = __decorate([
     ProxyCmp({
         inputs: ['hideLanguageSelection', 'hideLinks', 'showSocialMedia'],
-        defineCustomElementFn: defineCustomElement$B
+        defineCustomElementFn: defineCustomElement$C
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFooter);
@@ -1151,7 +1182,7 @@ BalForm = __decorate([
     ProxyCmp({
         inputs: ['native', 'novalidate'],
         methods: ['scrollToFirstInvalidField'],
-        defineCustomElementFn: defineCustomElement$C
+        defineCustomElementFn: defineCustomElement$D
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalForm);
@@ -1176,7 +1207,7 @@ BalFormCol.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalFormCol = __decorate([
     ProxyCmp({
         inputs: ['size'],
-        defineCustomElementFn: defineCustomElement$D
+        defineCustomElementFn: defineCustomElement$E
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFormCol);
@@ -1200,7 +1231,7 @@ BalFormGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15
 BalFormGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalFormGrid, selector: "bal-form-grid", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFormGrid = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$E
+        defineCustomElementFn: defineCustomElement$F
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFormGrid);
@@ -1224,7 +1255,7 @@ BalHeading.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalHeading = __decorate([
     ProxyCmp({
         inputs: ['autoLevel', 'color', 'inverted', 'level', 'noWrap', 'shadow', 'space', 'subtitle', 'visualLevel'],
-        defineCustomElementFn: defineCustomElement$F
+        defineCustomElementFn: defineCustomElement$G
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHeading);
@@ -1250,7 +1281,7 @@ BalHint = __decorate([
     ProxyCmp({
         inputs: ['closeLabel', 'small'],
         methods: ['toggle', 'present', 'dismiss'],
-        defineCustomElementFn: defineCustomElement$G
+        defineCustomElementFn: defineCustomElement$H
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHint);
@@ -1274,7 +1305,7 @@ BalHintText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15
 BalHintText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalHintText, selector: "bal-hint-text", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalHintText = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$H
+        defineCustomElementFn: defineCustomElement$I
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHintText);
@@ -1297,7 +1328,7 @@ BalHintTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 BalHintTitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalHintTitle, selector: "bal-hint-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalHintTitle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$I
+        defineCustomElementFn: defineCustomElement$J
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHintTitle);
@@ -1321,7 +1352,7 @@ BalIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0
 BalIcon = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'inline', 'invalid', 'inverted', 'name', 'shadow', 'size', 'svg', 'turn'],
-        defineCustomElementFn: defineCustomElement$J
+        defineCustomElementFn: defineCustomElement$K
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalIcon);
@@ -1348,7 +1379,7 @@ BalInput = __decorate([
     ProxyCmp({
         inputs: ['accept', 'allowedKeyPress', 'autoInvalidOff', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clickable', 'debounce', 'disabled', 'inputmode', 'invalid', 'mask', 'max', 'maxLength', 'min', 'minLength', 'multiple', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'spellcheck', 'suffix', 'textAlign', 'type', 'value'],
         methods: ['setFocus', 'getInputElement'],
-        defineCustomElementFn: defineCustomElement$K
+        defineCustomElementFn: defineCustomElement$L
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalInput);
@@ -1376,7 +1407,7 @@ BalInputDate = __decorate([
     ProxyCmp({
         inputs: ['autoInvalidOff', 'autocomplete', 'clickable', 'disabled', 'invalid', 'max', 'min', 'name', 'placeholder', 'readonly', 'required', 'value'],
         methods: ['setFocus', 'getInputElement'],
-        defineCustomElementFn: defineCustomElement$L
+        defineCustomElementFn: defineCustomElement$M
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalInputDate);
@@ -1402,7 +1433,7 @@ BalInputGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalInputGroup = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'invalid', 'readonly'],
-        defineCustomElementFn: defineCustomElement$M
+        defineCustomElementFn: defineCustomElement$N
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalInputGroup);
@@ -1429,7 +1460,7 @@ BalInputSlider = __decorate([
     ProxyCmp({
         inputs: ['autoInvalidOff', 'balTabindex', 'debounce', 'disabled', 'hasTicks', 'invalid', 'max', 'min', 'name', 'readonly', 'required', 'step', 'value'],
         methods: ['setFocus', 'getInputElement'],
-        defineCustomElementFn: defineCustomElement$N
+        defineCustomElementFn: defineCustomElement$O
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalInputSlider);
@@ -1457,7 +1488,7 @@ BalInputStepper = __decorate([
     ProxyCmp({
         inputs: ['autoInvalidOff', 'debounce', 'disabled', 'invalid', 'max', 'min', 'name', 'readonly', 'steps', 'value'],
         methods: ['getInputElement'],
-        defineCustomElementFn: defineCustomElement$O
+        defineCustomElementFn: defineCustomElement$P
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalInputStepper);
@@ -1483,7 +1514,7 @@ BalLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalLabel = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'htmlFor', 'invalid', 'multiline', 'noWrap', 'readonly', 'required', 'size', 'valid', 'weight'],
-        defineCustomElementFn: defineCustomElement$P
+        defineCustomElementFn: defineCustomElement$Q
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalLabel);
@@ -1508,7 +1539,7 @@ BalList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0
 BalList = __decorate([
     ProxyCmp({
         inputs: ['accordionOneLevel', 'background', 'border', 'disabled', 'size'],
-        defineCustomElementFn: defineCustomElement$Q
+        defineCustomElementFn: defineCustomElement$R
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalList);
@@ -1535,7 +1566,7 @@ BalListItem = __decorate([
     ProxyCmp({
         inputs: ['accordion', 'clickable', 'disabled', 'download', 'href', 'selected', 'subAccordionItem', 'target'],
         methods: ['present', 'dismiss', 'toggle'],
-        defineCustomElementFn: defineCustomElement$R
+        defineCustomElementFn: defineCustomElement$S
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItem);
@@ -1561,7 +1592,7 @@ BalListItemAccordionBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
 BalListItemAccordionBody = __decorate([
     ProxyCmp({
         inputs: ['accordionGroup', 'contentAlignment', 'contentSpace'],
-        defineCustomElementFn: defineCustomElement$S
+        defineCustomElementFn: defineCustomElement$T
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemAccordionBody);
@@ -1587,7 +1618,7 @@ BalListItemAccordionHead.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
 BalListItemAccordionHead = __decorate([
     ProxyCmp({
         inputs: ['accordionOpen', 'icon'],
-        defineCustomElementFn: defineCustomElement$T
+        defineCustomElementFn: defineCustomElement$U
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemAccordionHead);
@@ -1613,7 +1644,7 @@ BalListItemContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
 BalListItemContent = __decorate([
     ProxyCmp({
         inputs: ['contentAlignment'],
-        defineCustomElementFn: defineCustomElement$U
+        defineCustomElementFn: defineCustomElement$V
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemContent);
@@ -1638,7 +1669,7 @@ BalListItemIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalListItemIcon = __decorate([
     ProxyCmp({
         inputs: ['right'],
-        defineCustomElementFn: defineCustomElement$V
+        defineCustomElementFn: defineCustomElement$W
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemIcon);
@@ -1662,7 +1693,7 @@ BalListItemSubtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
 BalListItemSubtitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalListItemSubtitle, selector: "bal-list-item-subtitle", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalListItemSubtitle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$W
+        defineCustomElementFn: defineCustomElement$X
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemSubtitle);
@@ -1686,7 +1717,7 @@ BalListItemTitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
 BalListItemTitle = __decorate([
     ProxyCmp({
         inputs: ['level', 'visualLevel'],
-        defineCustomElementFn: defineCustomElement$X
+        defineCustomElementFn: defineCustomElement$Y
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemTitle);
@@ -1711,7 +1742,7 @@ BalLogo.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0
 BalLogo = __decorate([
     ProxyCmp({
         inputs: ['animated', 'color', 'size'],
-        defineCustomElementFn: defineCustomElement$Y
+        defineCustomElementFn: defineCustomElement$Z
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalLogo);
@@ -1738,7 +1769,7 @@ BalModal = __decorate([
     ProxyCmp({
         inputs: ['backdropDismiss', 'component', 'componentProps', 'cssClass', 'hasBackdrop', 'isClosable', 'modalWidth', 'space'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'],
-        defineCustomElementFn: defineCustomElement$Z
+        defineCustomElementFn: defineCustomElement$_
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalModal);
@@ -1763,7 +1794,7 @@ BalModalBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 BalModalBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalModalBody, selector: "bal-modal-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalModalBody = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$_
+        defineCustomElementFn: defineCustomElement$$
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalModalBody);
@@ -1786,7 +1817,7 @@ BalModalHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
 BalModalHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalModalHeader, selector: "bal-modal-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalModalHeader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$$
+        defineCustomElementFn: defineCustomElement$10
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalModalHeader);
@@ -1811,7 +1842,7 @@ BalNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.
 BalNav = __decorate([
     ProxyCmp({
         inputs: ['buttons', 'logo', 'options'],
-        defineCustomElementFn: defineCustomElement$10
+        defineCustomElementFn: defineCustomElement$11
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNav);
@@ -1837,7 +1868,7 @@ BalNavLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalNavLink = __decorate([
     ProxyCmp({
         inputs: ['clickable', 'href', 'selected', 'target', 'variant'],
-        defineCustomElementFn: defineCustomElement$11
+        defineCustomElementFn: defineCustomElement$12
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLink);
@@ -1861,7 +1892,7 @@ BalNavLinkGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
 BalNavLinkGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavLinkGrid, selector: "bal-nav-link-grid", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavLinkGrid = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$12
+        defineCustomElementFn: defineCustomElement$13
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLinkGrid);
@@ -1885,7 +1916,7 @@ BalNavLinkGridCol.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
 BalNavLinkGridCol = __decorate([
     ProxyCmp({
         inputs: ['staticCol'],
-        defineCustomElementFn: defineCustomElement$13
+        defineCustomElementFn: defineCustomElement$14
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLinkGridCol);
@@ -1910,7 +1941,7 @@ BalNavLinkGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalNavLinkGroup = __decorate([
     ProxyCmp({
         inputs: ['color'],
-        defineCustomElementFn: defineCustomElement$14
+        defineCustomElementFn: defineCustomElement$15
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLinkGroup);
@@ -1935,7 +1966,7 @@ BalNavMenuBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalNavMenuBar = __decorate([
     ProxyCmp({
         inputs: ['invisible', 'position'],
-        defineCustomElementFn: defineCustomElement$15
+        defineCustomElementFn: defineCustomElement$16
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavMenuBar);
@@ -1959,7 +1990,7 @@ BalNavMenuFlyout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version
 BalNavMenuFlyout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavMenuFlyout, selector: "bal-nav-menu-flyout", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavMenuFlyout = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$16
+        defineCustomElementFn: defineCustomElement$17
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavMenuFlyout);
@@ -1983,7 +2014,7 @@ BalNavMetaBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalNavMetaBar = __decorate([
     ProxyCmp({
         inputs: ['invisible', 'position', 'size', 'variant'],
-        defineCustomElementFn: defineCustomElement$17
+        defineCustomElementFn: defineCustomElement$18
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavMetaBar);
@@ -2008,7 +2039,7 @@ BalNavbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15
 BalNavbar = __decorate([
     ProxyCmp({
         inputs: ['container', 'interface', 'light'],
-        defineCustomElementFn: defineCustomElement$18
+        defineCustomElementFn: defineCustomElement$19
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbar);
@@ -2034,7 +2065,7 @@ BalNavbarBrand.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
 BalNavbarBrand = __decorate([
     ProxyCmp({
         inputs: ['animated', 'href', 'logo', 'logoSize', 'simple', 'target'],
-        defineCustomElementFn: defineCustomElement$19
+        defineCustomElementFn: defineCustomElement$1a
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarBrand);
@@ -2059,7 +2090,7 @@ BalNavbarMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
 BalNavbarMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbarMenu, selector: "bal-navbar-menu", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbarMenu = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1a
+        defineCustomElementFn: defineCustomElement$1b
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarMenu);
@@ -2082,7 +2113,7 @@ BalNavbarMenuEnd.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version
 BalNavbarMenuEnd.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbarMenuEnd, selector: "bal-navbar-menu-end", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbarMenuEnd = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1b
+        defineCustomElementFn: defineCustomElement$1c
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarMenuEnd);
@@ -2105,7 +2136,7 @@ BalNavbarMenuStart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versi
 BalNavbarMenuStart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbarMenuStart, selector: "bal-navbar-menu-start", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbarMenuStart = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1c
+        defineCustomElementFn: defineCustomElement$1d
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarMenuStart);
@@ -2128,7 +2159,7 @@ BalNotices.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
 BalNotices.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNotices, selector: "bal-notices", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNotices = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1d
+        defineCustomElementFn: defineCustomElement$1e
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNotices);
@@ -2152,7 +2183,7 @@ BalNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalNotification = __decorate([
     ProxyCmp({
         inputs: ['color'],
-        defineCustomElementFn: defineCustomElement$1e
+        defineCustomElementFn: defineCustomElement$1f
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNotification);
@@ -2179,7 +2210,7 @@ BalNumberInput = __decorate([
     ProxyCmp({
         inputs: ['autoInvalidOff', 'debounce', 'decimal', 'disabled', 'exactNumber', 'invalid', 'max', 'min', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'suffix', 'value'],
         methods: ['setFocus', 'getInputElement'],
-        defineCustomElementFn: defineCustomElement$1f
+        defineCustomElementFn: defineCustomElement$1g
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNumberInput);
@@ -2193,6 +2224,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     outputs: ['balInput', 'balChange', 'balBlur', 'balFocus', 'balKeyPress']
                 }]
         }], 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, 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$1h
+    }),
+    __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>',
+                    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, 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$1i
+    }),
+    __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>',
+                    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;
@@ -2207,7 +2292,7 @@ BalPagination = __decorate([
     ProxyCmp({
         inputs: ['align', 'disabled', 'interface', 'pageRange', 'size', 'sticky', 'top', 'totalPages', 'value'],
         methods: ['next', 'previous'],
-        defineCustomElementFn: defineCustomElement$1g
+        defineCustomElementFn: defineCustomElement$1j
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPagination);
@@ -2235,7 +2320,7 @@ BalPopover = __decorate([
     ProxyCmp({
         inputs: ['active', 'arrow', 'autoTrigger', 'backdrop', 'hint', 'hover', 'mobileTop', 'offsetX', 'offsetY', 'padding', 'position', 'tooltip'],
         methods: ['present', 'dismiss', 'toggle'],
-        defineCustomElementFn: defineCustomElement$1h
+        defineCustomElementFn: defineCustomElement$1k
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopover);
@@ -2261,7 +2346,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$1i
+        defineCustomElementFn: defineCustomElement$1l
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopoverContent);
@@ -2288,7 +2373,7 @@ BalPopup = __decorate([
     ProxyCmp({
         inputs: ['active', 'arrow', 'backdrop', 'backdropDismiss', 'closable', 'contentWidth', 'label', 'offset', 'placement', 'reference', 'variant'],
         methods: ['present', 'dismiss', 'toggle'],
-        defineCustomElementFn: defineCustomElement$1j
+        defineCustomElementFn: defineCustomElement$1m
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopup);
@@ -2315,7 +2400,7 @@ BalProgressBar = __decorate([
     ProxyCmp({
         inputs: ['background', 'value'],
         methods: ['configChanged'],
-        defineCustomElementFn: defineCustomElement$1k
+        defineCustomElementFn: defineCustomElement$1n
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalProgressBar);
@@ -2342,7 +2427,7 @@ BalRadio = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'flat', 'interface', 'invalid', 'invisible', 'label', 'labelHidden', 'name', 'nonSubmit', 'readonly', 'required', 'value'],
         methods: ['getInputElement', 'getOption'],
-        defineCustomElementFn: defineCustomElement$1l
+        defineCustomElementFn: defineCustomElement$1o
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalRadio);
@@ -2369,7 +2454,7 @@ BalRadioButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
 BalRadioButton = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'invalid', 'readonly'],
-        defineCustomElementFn: defineCustomElement$1m
+        defineCustomElementFn: defineCustomElement$1p
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalRadioButton);
@@ -2397,7 +2482,7 @@ BalRadioGroup = __decorate([
     ProxyCmp({
         inputs: ['allowEmptySelection', 'autoInvalidOff', 'columnsMobile', 'columnsTablet', 'disabled', 'expanded', 'grid', 'interface', 'invalid', 'name', 'options', 'readonly', 'value', 'vertical', 'verticalOnMobile'],
         methods: ['getOptionByValue'],
-        defineCustomElementFn: defineCustomElement$1n
+        defineCustomElementFn: defineCustomElement$1q
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalRadioGroup);
@@ -2425,7 +2510,7 @@ BalSelect = __decorate([
     ProxyCmp({
         inputs: ['autoInvalidOff', 'autocomplete', 'balTabindex', 'disabled', 'filter', 'freeSolo', 'invalid', 'loading', 'maxLength', 'multiple', 'name', 'noDataLabel', 'placeholder', 'readonly', 'remote', 'required', 'scrollable', 'selectionOptional', 'typeahead', 'value'],
         methods: ['setFocus', 'getValue', 'clear', 'open', 'close', 'cancel', 'select'],
-        defineCustomElementFn: defineCustomElement$1o
+        defineCustomElementFn: defineCustomElement$1r
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSelect);
@@ -2451,7 +2536,7 @@ BalSelectOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalSelectOption = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'label', 'value'],
-        defineCustomElementFn: defineCustomElement$1p
+        defineCustomElementFn: defineCustomElement$1s
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSelectOption);
@@ -2476,7 +2561,7 @@ BalShape.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalShape = __decorate([
     ProxyCmp({
         inputs: ['color', 'rotation', 'variation'],
-        defineCustomElementFn: defineCustomElement$1q
+        defineCustomElementFn: defineCustomElement$1t
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalShape);
@@ -2501,7 +2586,7 @@ BalSheet.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalSheet = __decorate([
     ProxyCmp({
         inputs: ['containerSize'],
-        defineCustomElementFn: defineCustomElement$1r
+        defineCustomElementFn: defineCustomElement$1u
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSheet);
@@ -2528,7 +2613,7 @@ BalSnackbar = __decorate([
     ProxyCmp({
         inputs: ['action', 'color', 'duration', 'href', 'icon', 'message', 'subject', 'target'],
         methods: ['closeIn', 'close'],
-        defineCustomElementFn: defineCustomElement$1s
+        defineCustomElementFn: defineCustomElement$1v
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSnackbar);
@@ -2550,11 +2635,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, 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, 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$1t
+        inputs: ['color', 'deactivated', 'inverted', 'small', 'variation'],
+        defineCustomElementFn: defineCustomElement$1w
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSpinner);
@@ -2564,7 +2649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                     selector: 'bal-spinner',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    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 {
@@ -2579,7 +2664,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$1u
+        defineCustomElementFn: defineCustomElement$1x
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStack);
@@ -2604,7 +2689,7 @@ BalStage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalStage = __decorate([
     ProxyCmp({
         inputs: ['color', 'containerSize', 'shape', 'shapeRotation', 'shapeVariation', 'size'],
-        defineCustomElementFn: defineCustomElement$1v
+        defineCustomElementFn: defineCustomElement$1y
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStage);
@@ -2629,7 +2714,7 @@ BalStageBackLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
 BalStageBackLink = __decorate([
     ProxyCmp({
         inputs: ['href', 'inverted', 'shadow'],
-        defineCustomElementFn: defineCustomElement$1w
+        defineCustomElementFn: defineCustomElement$1z
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBackLink);
@@ -2653,7 +2738,7 @@ BalStageBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 BalStageBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStageBody, selector: "bal-stage-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageBody = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1x
+        defineCustomElementFn: defineCustomElement$1A
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBody);
@@ -2676,7 +2761,7 @@ BalStageFoot.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 BalStageFoot.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStageFoot, selector: "bal-stage-foot", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageFoot = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1y
+        defineCustomElementFn: defineCustomElement$1B
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageFoot);
@@ -2699,7 +2784,7 @@ BalStageHead.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 BalStageHead.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalStageHead, selector: "bal-stage-head", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalStageHead = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1z
+        defineCustomElementFn: defineCustomElement$1C
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageHead);
@@ -2723,7 +2808,7 @@ BalStageImage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalStageImage = __decorate([
     ProxyCmp({
         inputs: ['fallback', 'srcSet'],
-        defineCustomElementFn: defineCustomElement$1A
+        defineCustomElementFn: defineCustomElement$1D
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageImage);
@@ -2750,7 +2835,7 @@ BalStepItem = __decorate([
     ProxyCmp({
         inputs: ['active', 'disabled', 'done', 'failed', 'href', 'invisible', 'label', 'prevent', 'target', 'value'],
         methods: ['getOptions', 'setActive'],
-        defineCustomElementFn: defineCustomElement$1B
+        defineCustomElementFn: defineCustomElement$1E
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStepItem);
@@ -2778,7 +2863,7 @@ BalSteps = __decorate([
     ProxyCmp({
         inputs: ['clickable', 'debounce', 'options', 'value'],
         methods: ['select', 'getOptionByValue'],
-        defineCustomElementFn: defineCustomElement$1C
+        defineCustomElementFn: defineCustomElement$1F
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSteps);
@@ -2806,7 +2891,7 @@ BalTabItem = __decorate([
     ProxyCmp({
         inputs: ['active', 'bubble', 'disabled', 'href', 'icon', 'invisible', 'label', 'prevent', 'target', 'value'],
         methods: ['getOptions', 'setActive'],
-        defineCustomElementFn: defineCustomElement$1D
+        defineCustomElementFn: defineCustomElement$1G
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabItem);
@@ -2832,7 +2917,7 @@ BalTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalTable = __decorate([
     ProxyCmp({
         inputs: ['expanded'],
-        defineCustomElementFn: defineCustomElement$1E
+        defineCustomElementFn: defineCustomElement$1H
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTable);
@@ -2859,7 +2944,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$1F
+        defineCustomElementFn: defineCustomElement$1I
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabs);
@@ -2886,7 +2971,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$1G
+        defineCustomElementFn: defineCustomElement$1J
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTag);
@@ -2911,7 +2996,7 @@ BalTagGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15
 BalTagGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalTagGroup, selector: "bal-tag-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalTagGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1H
+        defineCustomElementFn: defineCustomElement$1K
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTagGroup);
@@ -2935,7 +3020,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$1I
+        defineCustomElementFn: defineCustomElement$1L
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalText);
@@ -2962,7 +3047,7 @@ BalTextarea = __decorate([
     ProxyCmp({
         inputs: ['autoInvalidOff', 'autocapitalize', 'autofocus', 'clickable', 'cols', 'debounce', 'disabled', 'inputmode', 'invalid', 'maxLength', 'minLength', 'name', 'placeholder', 'readonly', 'required', 'rows', 'value', 'wrap'],
         methods: ['setFocus', 'getInputElement'],
-        defineCustomElementFn: defineCustomElement$1J
+        defineCustomElementFn: defineCustomElement$1M
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTextarea);
@@ -2990,7 +3075,7 @@ BalTimeInput = __decorate([
     ProxyCmp({
         inputs: ['autoInvalidOff', 'debounce', 'disabled', 'invalid', 'name', 'readonly', 'required', 'value'],
         methods: ['setFocus', 'getInputElement'],
-        defineCustomElementFn: defineCustomElement$1K
+        defineCustomElementFn: defineCustomElement$1N
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTimeInput);
@@ -3018,7 +3103,7 @@ BalToast = __decorate([
     ProxyCmp({
         inputs: ['color', 'duration', 'message'],
         methods: ['closeIn', 'close'],
-        defineCustomElementFn: defineCustomElement$1L
+        defineCustomElementFn: defineCustomElement$1O
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalToast);
@@ -3045,7 +3130,7 @@ BalTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalTooltip = __decorate([
     ProxyCmp({
         inputs: ['contentWidth', 'offset', 'placement', 'reference'],
-        defineCustomElementFn: defineCustomElement$1M
+        defineCustomElementFn: defineCustomElement$1P
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTooltip);
@@ -3283,7 +3368,7 @@ class SelectValueAccessor extends ValueAccessor {
     }
 }
 SelectValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SelectValueAccessor, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-SelectValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: SelectValueAccessor, selector: "bal-radio-group, bal-checkbox-group, bal-select, bal-datepicker, bal-date, bal-input-date, bal-file-upload", host: { listeners: { "balChange": "handleValueChange($event)" } }, providers: [
+SelectValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: SelectValueAccessor, selector: "bal-radio-group, bal-checkbox-group, bal-select, bal-dropdown, bal-datepicker, bal-date, bal-input-date, bal-file-upload", host: { listeners: { "balChange": "handleValueChange($event)" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => SelectValueAccessor),
@@ -3294,7 +3379,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */
-                    selector: 'bal-radio-group, bal-checkbox-group, bal-select, bal-datepicker, bal-date, bal-input-date, bal-file-upload',
+                    selector: 'bal-radio-group, bal-checkbox-group, bal-select, bal-dropdown, bal-datepicker, bal-date, bal-input-date, bal-file-upload',
                     host: {
                         '(balChange)': 'handleValueChange($event)',
                     },
@@ -3392,7 +3477,7 @@ const appInitialize = (config, doc, zone) => {
                     }
                 },
             };
-            initializeBaloiseDesignSystem(config.defaults, platformConfig, win);
+            initializeBaloiseDesignSystem(Object.assign(Object.assign({}, config.defaults), { httpFormSubmit: false }), platformConfig, win);
         }
     });
 };
@@ -3428,6 +3513,7 @@ const DIRECTIVES = [
     BalDateCalendarCell,
     BalDatepicker,
     BalDivider,
+    BalDropdown,
     BalField,
     BalFieldControl,
     BalFieldHint,
@@ -3477,6 +3563,8 @@ const DIRECTIVES = [
     BalNotices,
     BalNotification,
     BalNumberInput,
+    BalOption,
+    BalOptionList,
     BalPagination,
     BalPopover,
     BalPopoverContent,
@@ -3585,7 +3673,7 @@ class BaloiseDesignSystemModule {
     }
 }
 BaloiseDesignSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BaloiseDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BaloiseDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: BaloiseDesignSystemModule, declarations: [BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNotices, BalNotification, BalNumberInput, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip,
+BaloiseDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: BaloiseDesignSystemModule, declarations: [BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip,
         // ngModel accessors
         BooleanValueAccessor,
         NumericValueAccessor,
@@ -3593,7 +3681,7 @@ BaloiseDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0
         TextValueAccessor,
         // custom directives
         BalAutoFocus,
-        BalNgErrorComponent], imports: [CommonModule], exports: [BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNotices, BalNotification, BalNumberInput, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip,
+        BalNgErrorComponent], imports: [CommonModule], exports: [BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip,
         // ngModel accessors
         BooleanValueAccessor,
         NumericValueAccessor,
@@ -3633,5 +3721,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalAutoFocus, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNgErrorComponent, BalNotices, BalNotification, BalNumberInput, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip, BaloiseDesignSystemModule, BooleanValueAccessor, NumericValueAccessor, SelectValueAccessor, TextValueAccessor };
+export { BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalAutoFocus, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDatepicker, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNgErrorComponent, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip, BaloiseDesignSystemModule, BooleanValueAccessor, NumericValueAccessor, SelectValueAccessor, TextValueAccessor };
 //# sourceMappingURL=baloise-ds-angular-module.mjs.map