npm - @baloise/ds-angular - Versions diffs - 0.0.6 → 16.0.0 - Mend

@baloise/ds-angular 0.0.6 → 16.0.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 (13) hide show

package/esm2020/index.mjs +5 -2
package/esm2020/providers/modal.service.mjs +32 -0
package/esm2020/providers/snackbar.service.mjs +28 -0
package/esm2020/providers/toast.service.mjs +28 -0
package/fesm2015/baloise-ds-angular.mjs +287 -204
package/fesm2015/baloise-ds-angular.mjs.map +1 -1
package/fesm2020/baloise-ds-angular.mjs +280 -204
package/fesm2020/baloise-ds-angular.mjs.map +1 -1
package/index.d.ts +4 -1
package/package.json +3 -3
package/providers/modal.service.d.ts +13 -0
package/providers/snackbar.service.d.ts +10 -0
package/providers/toast.service.d.ts +10 -0

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

@@ -1,105 +1,106 @@
-import { raf, BalTokenUserConfig, BalNgErrorComponent as BalNgErrorComponent$1, BalAutoFocus as BalAutoFocus$1, BalTokenConfig, BalTokenToast, BalTokenSnackbar, BalTokenModal, BalTokenBreakpoints, BalTokenBreakpointSubject, BalTokenDevice, BalTokenOrientationSubject, AngularDelegate, BalBreakpointsService, BalConfigService, BalModalService, BalOrientationService, BalSnackbarService, BalToastService } from '@baloise/ds-angular-common';
-export { AngularDelegate, BalBreakpointsService, BalConfigService, BalModalService, BalOrientationService, BalSnackbarService, BalToastService, BalTokenBreakpointSubject, BalTokenBreakpoints, BalTokenConfig, BalTokenDevice, BalTokenModal, BalTokenOrientationSubject, BalTokenSnackbar, BalTokenToast, BalTokenUserConfig, element, parseCustomEvent, raf } from '@baloise/ds-angular-common';
-import { __decorate, __metadata } from 'tslib';
+import * as i1 from '@baloise/ds-angular-common';
+import { OverlayBaseController, BalTokenModal, BalTokenToast, BalTokenSnackbar, raf, BalTokenUserConfig, BalNgErrorComponent as BalNgErrorComponent$1, BalAutoFocus as BalAutoFocus$1, BalTokenConfig, BalTokenBreakpoints, BalTokenBreakpointSubject, BalTokenDevice, BalTokenOrientationSubject, AngularDelegate, BalBreakpointsService, BalConfigService, BalModalService as BalModalService$1, BalOrientationService, BalSnackbarService as BalSnackbarService$1, BalToastService as BalToastService$1 } from '@baloise/ds-angular-common';
+export { AngularDelegate, BalBreakpointsService, BalConfigService, BalOrientationService, BalTokenBreakpointSubject, BalTokenBreakpoints, BalTokenConfig, BalTokenDevice, BalTokenModal, BalTokenOrientationSubject, BalTokenSnackbar, BalTokenToast, BalTokenUserConfig, element, parseCustomEvent, raf } from '@baloise/ds-angular-common';
 import * as i0 from '@angular/core';
-import { EventEmitter, ChangeDetectorRef, ElementRef, NgZone, Component, ChangeDetectionStrategy, Directive, HostListener, forwardRef, Injector, Inject, makeEnvironmentProviders, APP_INITIALIZER } from '@angular/core';
-import { defineCustomElement as defineCustomElement$1 } from '@baloise/ds-core/components/bal-accordion';
-import { defineCustomElement as defineCustomElement$2 } from '@baloise/ds-core/components/bal-accordion-details';
-import { defineCustomElement as defineCustomElement$3 } from '@baloise/ds-core/components/bal-accordion-summary';
-import { defineCustomElement as defineCustomElement$4 } from '@baloise/ds-core/components/bal-accordion-trigger';
-import { defineCustomElement as defineCustomElement$5 } from '@baloise/ds-core/components/bal-app';
-import { defineCustomElement as defineCustomElement$6 } from '@baloise/ds-core/components/bal-badge';
-import { defineCustomElement as defineCustomElement$7 } from '@baloise/ds-core/components/bal-button';
-import { defineCustomElement as defineCustomElement$8 } from '@baloise/ds-core/components/bal-button-group';
-import { defineCustomElement as defineCustomElement$9 } from '@baloise/ds-core/components/bal-card';
-import { defineCustomElement as defineCustomElement$a } from '@baloise/ds-core/components/bal-card-actions';
-import { defineCustomElement as defineCustomElement$b } from '@baloise/ds-core/components/bal-card-button';
-import { defineCustomElement as defineCustomElement$c } from '@baloise/ds-core/components/bal-card-content';
-import { defineCustomElement as defineCustomElement$d } from '@baloise/ds-core/components/bal-card-subtitle';
-import { defineCustomElement as defineCustomElement$e } from '@baloise/ds-core/components/bal-card-title';
-import { defineCustomElement as defineCustomElement$f } from '@baloise/ds-core/components/bal-carousel';
-import { defineCustomElement as defineCustomElement$g } from '@baloise/ds-core/components/bal-carousel-item';
-import { defineCustomElement as defineCustomElement$h } from '@baloise/ds-core/components/bal-checkbox-button';
-import { defineCustomElement as defineCustomElement$i } from '@baloise/ds-core/components/bal-close';
-import { defineCustomElement as defineCustomElement$j } from '@baloise/ds-core/components/bal-content';
-import { defineCustomElement as defineCustomElement$k } from '@baloise/ds-core/components/bal-data';
-import { defineCustomElement as defineCustomElement$l } from '@baloise/ds-core/components/bal-data-item';
-import { defineCustomElement as defineCustomElement$m } from '@baloise/ds-core/components/bal-data-label';
-import { defineCustomElement as defineCustomElement$n } from '@baloise/ds-core/components/bal-data-value';
-import { defineCustomElement as defineCustomElement$o } from '@baloise/ds-core/components/bal-date-calendar';
-import { defineCustomElement as defineCustomElement$p } from '@baloise/ds-core/components/bal-date-calendar-cell';
-import { defineCustomElement as defineCustomElement$q } from '@baloise/ds-core/components/bal-divider';
-import { defineCustomElement as defineCustomElement$r } from '@baloise/ds-core/components/bal-field';
-import { defineCustomElement as defineCustomElement$s } from '@baloise/ds-core/components/bal-field-control';
-import { defineCustomElement as defineCustomElement$t } from '@baloise/ds-core/components/bal-field-hint';
-import { defineCustomElement as defineCustomElement$u } from '@baloise/ds-core/components/bal-field-label';
-import { defineCustomElement as defineCustomElement$v } from '@baloise/ds-core/components/bal-field-message';
-import { defineCustomElement as defineCustomElement$w } from '@baloise/ds-core/components/bal-footer';
-import { defineCustomElement as defineCustomElement$x } from '@baloise/ds-core/components/bal-form';
-import { defineCustomElement as defineCustomElement$y } from '@baloise/ds-core/components/bal-form-col';
-import { defineCustomElement as defineCustomElement$z } from '@baloise/ds-core/components/bal-form-grid';
-import { defineCustomElement as defineCustomElement$A } from '@baloise/ds-core/components/bal-heading';
-import { defineCustomElement as defineCustomElement$B } from '@baloise/ds-core/components/bal-hint';
-import { defineCustomElement as defineCustomElement$C } from '@baloise/ds-core/components/bal-hint-text';
-import { defineCustomElement as defineCustomElement$D } from '@baloise/ds-core/components/bal-hint-title';
-import { defineCustomElement as defineCustomElement$E } from '@baloise/ds-core/components/bal-icon';
-import { defineCustomElement as defineCustomElement$F } from '@baloise/ds-core/components/bal-input-group';
-import { defineCustomElement as defineCustomElement$G } from '@baloise/ds-core/components/bal-label';
-import { defineCustomElement as defineCustomElement$H } from '@baloise/ds-core/components/bal-list';
-import { defineCustomElement as defineCustomElement$I } from '@baloise/ds-core/components/bal-list-item';
-import { defineCustomElement as defineCustomElement$J } from '@baloise/ds-core/components/bal-list-item-accordion-body';
-import { defineCustomElement as defineCustomElement$K } from '@baloise/ds-core/components/bal-list-item-accordion-head';
-import { defineCustomElement as defineCustomElement$L } from '@baloise/ds-core/components/bal-list-item-content';
-import { defineCustomElement as defineCustomElement$M } from '@baloise/ds-core/components/bal-list-item-icon';
-import { defineCustomElement as defineCustomElement$N } from '@baloise/ds-core/components/bal-list-item-subtitle';
-import { defineCustomElement as defineCustomElement$O } from '@baloise/ds-core/components/bal-list-item-title';
-import { defineCustomElement as defineCustomElement$P } from '@baloise/ds-core/components/bal-logo';
-import { defineCustomElement as defineCustomElement$Q } from '@baloise/ds-core/components/bal-modal';
-import { defineCustomElement as defineCustomElement$R } from '@baloise/ds-core/components/bal-modal-body';
-import { defineCustomElement as defineCustomElement$S } from '@baloise/ds-core/components/bal-modal-header';
-import { defineCustomElement as defineCustomElement$T } from '@baloise/ds-core/components/bal-nav';
-import { defineCustomElement as defineCustomElement$U } from '@baloise/ds-core/components/bal-nav-link';
-import { defineCustomElement as defineCustomElement$V } from '@baloise/ds-core/components/bal-nav-link-grid';
-import { defineCustomElement as defineCustomElement$W } from '@baloise/ds-core/components/bal-nav-link-grid-col';
-import { defineCustomElement as defineCustomElement$X } from '@baloise/ds-core/components/bal-nav-link-group';
-import { defineCustomElement as defineCustomElement$Y } from '@baloise/ds-core/components/bal-nav-menu-bar';
-import { defineCustomElement as defineCustomElement$Z } from '@baloise/ds-core/components/bal-nav-menu-flyout';
-import { defineCustomElement as defineCustomElement$_ } from '@baloise/ds-core/components/bal-nav-meta-bar';
-import { defineCustomElement as defineCustomElement$$ } from '@baloise/ds-core/components/bal-navbar';
-import { defineCustomElement as defineCustomElement$10 } from '@baloise/ds-core/components/bal-navbar-brand';
-import { defineCustomElement as defineCustomElement$11 } from '@baloise/ds-core/components/bal-navbar-menu';
-import { defineCustomElement as defineCustomElement$12 } from '@baloise/ds-core/components/bal-navbar-menu-end';
-import { defineCustomElement as defineCustomElement$13 } from '@baloise/ds-core/components/bal-navbar-menu-start';
-import { defineCustomElement as defineCustomElement$14 } from '@baloise/ds-core/components/bal-notices';
-import { defineCustomElement as defineCustomElement$15 } from '@baloise/ds-core/components/bal-notification';
-import { defineCustomElement as defineCustomElement$16 } from '@baloise/ds-core/components/bal-pagination';
-import { defineCustomElement as defineCustomElement$17 } from '@baloise/ds-core/components/bal-popover';
-import { defineCustomElement as defineCustomElement$18 } from '@baloise/ds-core/components/bal-popover-content';
-import { defineCustomElement as defineCustomElement$19 } from '@baloise/ds-core/components/bal-popup';
-import { defineCustomElement as defineCustomElement$1a } from '@baloise/ds-core/components/bal-progress-bar';
-import { defineCustomElement as defineCustomElement$1b } from '@baloise/ds-core/components/bal-radio';
-import { defineCustomElement as defineCustomElement$1c } from '@baloise/ds-core/components/bal-radio-button';
-import { defineCustomElement as defineCustomElement$1d } from '@baloise/ds-core/components/bal-select-option';
-import { defineCustomElement as defineCustomElement$1e } from '@baloise/ds-core/components/bal-shape';
-import { defineCustomElement as defineCustomElement$1f } from '@baloise/ds-core/components/bal-sheet';
-import { defineCustomElement as defineCustomElement$1g } from '@baloise/ds-core/components/bal-snackbar';
-import { defineCustomElement as defineCustomElement$1h } from '@baloise/ds-core/components/bal-spinner';
-import { defineCustomElement as defineCustomElement$1i } from '@baloise/ds-core/components/bal-stack';
-import { defineCustomElement as defineCustomElement$1j } from '@baloise/ds-core/components/bal-stage';
-import { defineCustomElement as defineCustomElement$1k } from '@baloise/ds-core/components/bal-stage-back-link';
-import { defineCustomElement as defineCustomElement$1l } from '@baloise/ds-core/components/bal-stage-body';
-import { defineCustomElement as defineCustomElement$1m } from '@baloise/ds-core/components/bal-stage-foot';
-import { defineCustomElement as defineCustomElement$1n } from '@baloise/ds-core/components/bal-stage-head';
-import { defineCustomElement as defineCustomElement$1o } from '@baloise/ds-core/components/bal-stage-image';
-import { defineCustomElement as defineCustomElement$1p } from '@baloise/ds-core/components/bal-step-item';
-import { defineCustomElement as defineCustomElement$1q } from '@baloise/ds-core/components/bal-steps';
-import { defineCustomElement as defineCustomElement$1r } from '@baloise/ds-core/components/bal-tab-item';
-import { defineCustomElement as defineCustomElement$1s } from '@baloise/ds-core/components/bal-table';
-import { defineCustomElement as defineCustomElement$1t } from '@baloise/ds-core/components/bal-tabs';
-import { defineCustomElement as defineCustomElement$1u } from '@baloise/ds-core/components/bal-tag';
-import { defineCustomElement as defineCustomElement$1v } from '@baloise/ds-core/components/bal-tag-group';
-import { defineCustomElement as defineCustomElement$1w } from '@baloise/ds-core/components/bal-text';
-import { defineCustomElement as defineCustomElement$1x } from '@baloise/ds-core/components/bal-toast';
+import { Injectable, Inject, EventEmitter, ChangeDetectorRef, ElementRef, NgZone, Component, ChangeDetectionStrategy, Directive, HostListener, forwardRef, Injector, makeEnvironmentProviders, APP_INITIALIZER } from '@angular/core';
+import { defineCustomElement as defineCustomElement$1 } from '@baloise/ds-core/components/bal-modal';
+import { defineCustomElement as defineCustomElement$2 } from '@baloise/ds-core/components/bal-toast';
+import { defineCustomElement as defineCustomElement$3 } from '@baloise/ds-core/components/bal-snackbar';
+import { __decorate, __metadata } from 'tslib';
+import { defineCustomElement as defineCustomElement$4 } from '@baloise/ds-core/components/bal-accordion';
+import { defineCustomElement as defineCustomElement$5 } from '@baloise/ds-core/components/bal-accordion-details';
+import { defineCustomElement as defineCustomElement$6 } from '@baloise/ds-core/components/bal-accordion-summary';
+import { defineCustomElement as defineCustomElement$7 } from '@baloise/ds-core/components/bal-accordion-trigger';
+import { defineCustomElement as defineCustomElement$8 } from '@baloise/ds-core/components/bal-app';
+import { defineCustomElement as defineCustomElement$9 } from '@baloise/ds-core/components/bal-badge';
+import { defineCustomElement as defineCustomElement$a } from '@baloise/ds-core/components/bal-button';
+import { defineCustomElement as defineCustomElement$b } from '@baloise/ds-core/components/bal-button-group';
+import { defineCustomElement as defineCustomElement$c } from '@baloise/ds-core/components/bal-card';
+import { defineCustomElement as defineCustomElement$d } from '@baloise/ds-core/components/bal-card-actions';
+import { defineCustomElement as defineCustomElement$e } from '@baloise/ds-core/components/bal-card-button';
+import { defineCustomElement as defineCustomElement$f } from '@baloise/ds-core/components/bal-card-content';
+import { defineCustomElement as defineCustomElement$g } from '@baloise/ds-core/components/bal-card-subtitle';
+import { defineCustomElement as defineCustomElement$h } from '@baloise/ds-core/components/bal-card-title';
+import { defineCustomElement as defineCustomElement$i } from '@baloise/ds-core/components/bal-carousel';
+import { defineCustomElement as defineCustomElement$j } from '@baloise/ds-core/components/bal-carousel-item';
+import { defineCustomElement as defineCustomElement$k } from '@baloise/ds-core/components/bal-checkbox-button';
+import { defineCustomElement as defineCustomElement$l } from '@baloise/ds-core/components/bal-close';
+import { defineCustomElement as defineCustomElement$m } from '@baloise/ds-core/components/bal-content';
+import { defineCustomElement as defineCustomElement$n } from '@baloise/ds-core/components/bal-data';
+import { defineCustomElement as defineCustomElement$o } from '@baloise/ds-core/components/bal-data-item';
+import { defineCustomElement as defineCustomElement$p } from '@baloise/ds-core/components/bal-data-label';
+import { defineCustomElement as defineCustomElement$q } from '@baloise/ds-core/components/bal-data-value';
+import { defineCustomElement as defineCustomElement$r } from '@baloise/ds-core/components/bal-date-calendar';
+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-divider';
+import { defineCustomElement as defineCustomElement$u } from '@baloise/ds-core/components/bal-field';
+import { defineCustomElement as defineCustomElement$v } from '@baloise/ds-core/components/bal-field-control';
+import { defineCustomElement as defineCustomElement$w } from '@baloise/ds-core/components/bal-field-hint';
+import { defineCustomElement as defineCustomElement$x } from '@baloise/ds-core/components/bal-field-label';
+import { defineCustomElement as defineCustomElement$y } from '@baloise/ds-core/components/bal-field-message';
+import { defineCustomElement as defineCustomElement$z } from '@baloise/ds-core/components/bal-footer';
+import { defineCustomElement as defineCustomElement$A } from '@baloise/ds-core/components/bal-form';
+import { defineCustomElement as defineCustomElement$B } from '@baloise/ds-core/components/bal-form-col';
+import { defineCustomElement as defineCustomElement$C } from '@baloise/ds-core/components/bal-form-grid';
+import { defineCustomElement as defineCustomElement$D } from '@baloise/ds-core/components/bal-heading';
+import { defineCustomElement as defineCustomElement$E } from '@baloise/ds-core/components/bal-hint';
+import { defineCustomElement as defineCustomElement$F } from '@baloise/ds-core/components/bal-hint-text';
+import { defineCustomElement as defineCustomElement$G } from '@baloise/ds-core/components/bal-hint-title';
+import { defineCustomElement as defineCustomElement$H } from '@baloise/ds-core/components/bal-icon';
+import { defineCustomElement as defineCustomElement$I } from '@baloise/ds-core/components/bal-input-group';
+import { defineCustomElement as defineCustomElement$J } from '@baloise/ds-core/components/bal-label';
+import { defineCustomElement as defineCustomElement$K } from '@baloise/ds-core/components/bal-list';
+import { defineCustomElement as defineCustomElement$L } from '@baloise/ds-core/components/bal-list-item';
+import { defineCustomElement as defineCustomElement$M } from '@baloise/ds-core/components/bal-list-item-accordion-body';
+import { defineCustomElement as defineCustomElement$N } from '@baloise/ds-core/components/bal-list-item-accordion-head';
+import { defineCustomElement as defineCustomElement$O } from '@baloise/ds-core/components/bal-list-item-content';
+import { defineCustomElement as defineCustomElement$P } from '@baloise/ds-core/components/bal-list-item-icon';
+import { defineCustomElement as defineCustomElement$Q } from '@baloise/ds-core/components/bal-list-item-subtitle';
+import { defineCustomElement as defineCustomElement$R } from '@baloise/ds-core/components/bal-list-item-title';
+import { defineCustomElement as defineCustomElement$S } from '@baloise/ds-core/components/bal-logo';
+import { defineCustomElement as defineCustomElement$T } from '@baloise/ds-core/components/bal-modal-body';
+import { defineCustomElement as defineCustomElement$U } from '@baloise/ds-core/components/bal-modal-header';
+import { defineCustomElement as defineCustomElement$V } from '@baloise/ds-core/components/bal-nav';
+import { defineCustomElement as defineCustomElement$W } from '@baloise/ds-core/components/bal-nav-link';
+import { defineCustomElement as defineCustomElement$X } from '@baloise/ds-core/components/bal-nav-link-grid';
+import { defineCustomElement as defineCustomElement$Y } from '@baloise/ds-core/components/bal-nav-link-grid-col';
+import { defineCustomElement as defineCustomElement$Z } from '@baloise/ds-core/components/bal-nav-link-group';
+import { defineCustomElement as defineCustomElement$_ } from '@baloise/ds-core/components/bal-nav-menu-bar';
+import { defineCustomElement as defineCustomElement$$ } from '@baloise/ds-core/components/bal-nav-menu-flyout';
+import { defineCustomElement as defineCustomElement$10 } from '@baloise/ds-core/components/bal-nav-meta-bar';
+import { defineCustomElement as defineCustomElement$11 } from '@baloise/ds-core/components/bal-navbar';
+import { defineCustomElement as defineCustomElement$12 } from '@baloise/ds-core/components/bal-navbar-brand';
+import { defineCustomElement as defineCustomElement$13 } from '@baloise/ds-core/components/bal-navbar-menu';
+import { defineCustomElement as defineCustomElement$14 } from '@baloise/ds-core/components/bal-navbar-menu-end';
+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 { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { defineCustomElement as defineCustomElement$1z } from '@baloise/ds-core/components/bal-checkbox';
@@ -116,10 +117,85 @@ import { defineCustomElement as defineCustomElement$1J } from '@baloise/ds-core/
 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 * as i1 from '@angular/common';
+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';
+class BalModalService extends OverlayBaseController {
+    constructor(angularDelegate, resolver, injector, ctrl) {
+        super(ctrl);
+        this.angularDelegate = angularDelegate;
+        this.resolver = resolver;
+        this.injector = injector;
+        defineCustomElement$1();
+    }
+    create(opts) {
+        return super.create({
+            ...opts,
+            delegate: this.angularDelegate.create(this.resolver, this.injector),
+        });
+    }
+}
+BalModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModalService, deps: [{ token: i1.AngularDelegate }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: BalTokenModal }], target: i0.ɵɵFactoryTarget.Injectable });
+BalModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModalService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.AngularDelegate }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [BalTokenModal]
+                }] }]; } });
+class BalToastService {
+    constructor(ctrl) {
+        this.ctrl = ctrl;
+        defineCustomElement$2();
+    }
+    create(options) {
+        return this.ctrl.create(options);
+    }
+    async dismissAll() {
+        return this.ctrl.dismissAll();
+    }
+}
+BalToastService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalToastService, deps: [{ token: BalTokenToast }], target: i0.ɵɵFactoryTarget.Injectable });
+BalToastService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalToastService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [BalTokenToast]
+                }] }]; } });
+class BalSnackbarService {
+    constructor(ctrl) {
+        this.ctrl = ctrl;
+        defineCustomElement$3();
+    }
+    create(options) {
+        return this.ctrl.create(options);
+    }
+    async dismissAll() {
+        return this.ctrl.dismissAll();
+    }
+}
+BalSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSnackbarService, deps: [{ token: BalTokenSnackbar }], target: i0.ɵɵFactoryTarget.Injectable });
+BalSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSnackbarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalSnackbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [BalTokenSnackbar]
+                }] }]; } });
 /* eslint-disable */
 /* tslint:disable */
 const proxyInputs = (Cmp, inputs) => {
@@ -194,7 +270,7 @@ BalAccordion = __decorate([
     ProxyCmp({
         inputs: ['active', 'card', 'closeIcon', 'closeLabel', 'debounce', 'openIcon', 'openLabel'],
         methods: ['present', 'dismiss', 'toggle'],
-        defineCustomElementFn: defineCustomElement$1
+        defineCustomElementFn: defineCustomElement$4
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalAccordion);
@@ -220,7 +296,7 @@ BalAccordionDetails.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
 BalAccordionDetails.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalAccordionDetails, isStandalone: true, selector: "bal-accordion-details", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalAccordionDetails = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$2
+        defineCustomElementFn: defineCustomElement$5
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalAccordionDetails);
@@ -245,7 +321,7 @@ BalAccordionSummary.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
 BalAccordionSummary = __decorate([
     ProxyCmp({
         inputs: ['trigger'],
-        defineCustomElementFn: defineCustomElement$3
+        defineCustomElementFn: defineCustomElement$6
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalAccordionSummary);
@@ -271,7 +347,7 @@ BalAccordionTrigger.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
 BalAccordionTrigger = __decorate([
     ProxyCmp({
         inputs: ['button', 'closeIcon', 'closeLabel', 'color', 'openIcon', 'openLabel', 'size'],
-        defineCustomElementFn: defineCustomElement$4
+        defineCustomElementFn: defineCustomElement$7
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalAccordionTrigger);
@@ -298,7 +374,7 @@ BalApp = __decorate([
     ProxyCmp({
         inputs: ['animated'],
         methods: ['setFocus'],
-        defineCustomElementFn: defineCustomElement$5
+        defineCustomElementFn: defineCustomElement$8
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalApp);
@@ -324,7 +400,7 @@ BalBadge.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalBadge = __decorate([
     ProxyCmp({
         inputs: ['color', 'icon', 'position', 'size'],
-        defineCustomElementFn: defineCustomElement$6
+        defineCustomElementFn: defineCustomElement$9
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalBadge);
@@ -351,7 +427,7 @@ BalButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15
 BalButton = __decorate([
     ProxyCmp({
         inputs: ['aria', 'color', 'disabled', 'download', 'elementType', 'expanded', 'flat', 'href', 'icon', 'iconRight', 'iconTurn', 'inverted', 'isActive', 'loading', 'name', 'noWrap', 'outlined', 'rel', 'rounded', 'shadow', 'size', 'square', 'target', 'value'],
-        defineCustomElementFn: defineCustomElement$7
+        defineCustomElementFn: defineCustomElement$a
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalButton);
@@ -378,7 +454,7 @@ BalButtonGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
 BalButtonGroup = __decorate([
     ProxyCmp({
         inputs: ['direction', 'position', 'reverse'],
-        defineCustomElementFn: defineCustomElement$8
+        defineCustomElementFn: defineCustomElement$b
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalButtonGroup);
@@ -404,7 +480,7 @@ BalCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0
 BalCard = __decorate([
     ProxyCmp({
         inputs: ['border', 'clickable', 'color', 'flat', 'fullheight', 'inverted', 'selected', 'space', 'square'],
-        defineCustomElementFn: defineCustomElement$9
+        defineCustomElementFn: defineCustomElement$c
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCard);
@@ -430,7 +506,7 @@ BalCardActions.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
 BalCardActions = __decorate([
     ProxyCmp({
         inputs: ['position'],
-        defineCustomElementFn: defineCustomElement$a
+        defineCustomElementFn: defineCustomElement$d
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCardActions);
@@ -456,7 +532,7 @@ BalCardButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalCardButton = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'elementType', 'href', 'icon', 'iconRight', 'loading', 'target'],
-        defineCustomElementFn: defineCustomElement$b
+        defineCustomElementFn: defineCustomElement$e
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCardButton);
@@ -481,7 +557,7 @@ BalCardContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
 BalCardContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalCardContent, isStandalone: true, selector: "bal-card-content", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalCardContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$c
+        defineCustomElementFn: defineCustomElement$f
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCardContent);
@@ -506,7 +582,7 @@ BalCardSubtitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalCardSubtitle = __decorate([
     ProxyCmp({
         inputs: ['bold', 'color', 'inverted'],
-        defineCustomElementFn: defineCustomElement$d
+        defineCustomElementFn: defineCustomElement$g
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCardSubtitle);
@@ -532,7 +608,7 @@ BalCardTitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalCardTitle = __decorate([
     ProxyCmp({
         inputs: ['inverted'],
-        defineCustomElementFn: defineCustomElement$e
+        defineCustomElementFn: defineCustomElement$h
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCardTitle);
@@ -560,7 +636,7 @@ BalCarousel = __decorate([
     ProxyCmp({
         inputs: ['aspectRatio', 'border', 'controls', 'controlsOverflow', 'controlsSticky', 'fullHeight', 'interface', 'inverted', 'itemsPerView', 'scrollY', 'steps', 'value'],
         methods: ['previous', 'next'],
-        defineCustomElementFn: defineCustomElement$f
+        defineCustomElementFn: defineCustomElement$i
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCarousel);
@@ -589,7 +665,7 @@ BalCarouselItem = __decorate([
     ProxyCmp({
         inputs: ['color', 'download', 'elementType', 'href', 'label', 'name', 'rel', 'src', 'target', 'value'],
         methods: ['getData'],
-        defineCustomElementFn: defineCustomElement$g
+        defineCustomElementFn: defineCustomElement$j
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCarouselItem);
@@ -617,7 +693,7 @@ BalCheckboxButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
 BalCheckboxButton = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'invalid', 'readonly'],
-        defineCustomElementFn: defineCustomElement$h
+        defineCustomElementFn: defineCustomElement$k
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalCheckboxButton);
@@ -644,7 +720,7 @@ BalClose.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalClose = __decorate([
     ProxyCmp({
         inputs: ['inverted', 'size'],
-        defineCustomElementFn: defineCustomElement$i
+        defineCustomElementFn: defineCustomElement$l
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalClose);
@@ -670,7 +746,7 @@ BalContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalContent = __decorate([
     ProxyCmp({
         inputs: ['align', 'layout', 'space'],
-        defineCustomElementFn: defineCustomElement$j
+        defineCustomElementFn: defineCustomElement$m
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalContent);
@@ -696,7 +772,7 @@ BalData.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0
 BalData = __decorate([
     ProxyCmp({
         inputs: ['border', 'horizontal'],
-        defineCustomElementFn: defineCustomElement$k
+        defineCustomElementFn: defineCustomElement$n
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalData);
@@ -722,7 +798,7 @@ BalDataItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
 BalDataItem = __decorate([
     ProxyCmp({
         inputs: ['border', 'disabled'],
-        defineCustomElementFn: defineCustomElement$l
+        defineCustomElementFn: defineCustomElement$o
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDataItem);
@@ -748,7 +824,7 @@ BalDataLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalDataLabel = __decorate([
     ProxyCmp({
         inputs: ['required'],
-        defineCustomElementFn: defineCustomElement$m
+        defineCustomElementFn: defineCustomElement$p
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDataLabel);
@@ -775,7 +851,7 @@ BalDataValue.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalDataValue = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'editable', 'multiline'],
-        defineCustomElementFn: defineCustomElement$n
+        defineCustomElementFn: defineCustomElement$q
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDataValue);
@@ -803,7 +879,7 @@ BalDateCalendar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalDateCalendar = __decorate([
     ProxyCmp({
         inputs: ['allowedDates', 'defaultDate', 'max', 'maxYearProp', 'min', 'minYearProp', 'value'],
-        defineCustomElementFn: defineCustomElement$o
+        defineCustomElementFn: defineCustomElement$r
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDateCalendar);
@@ -831,7 +907,7 @@ BalDateCalendarCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
 BalDateCalendarCell = __decorate([
     ProxyCmp({
         inputs: ['day', 'disabled', 'fullDate', 'isoDate', 'month', 'selected', 'today', 'year'],
-        defineCustomElementFn: defineCustomElement$p
+        defineCustomElementFn: defineCustomElement$s
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDateCalendarCell);
@@ -858,7 +934,7 @@ BalDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalDivider = __decorate([
     ProxyCmp({
         inputs: ['color', 'layout', 'space'],
-        defineCustomElementFn: defineCustomElement$q
+        defineCustomElementFn: defineCustomElement$t
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalDivider);
@@ -885,7 +961,7 @@ BalField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalField = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'horizontal', 'invalid', 'loading', 'readonly', 'required', 'valid'],
-        defineCustomElementFn: defineCustomElement$r
+        defineCustomElementFn: defineCustomElement$u
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalField);
@@ -912,7 +988,7 @@ BalFieldControl.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalFieldControl = __decorate([
     ProxyCmp({
         inputs: ['expandedOnMobile', 'iconLeft', 'iconRight', 'loading'],
-        defineCustomElementFn: defineCustomElement$s
+        defineCustomElementFn: defineCustomElement$v
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldControl);
@@ -938,7 +1014,7 @@ BalFieldHint.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalFieldHint = __decorate([
     ProxyCmp({
         inputs: ['closeLabel', 'small', 'subject'],
-        defineCustomElementFn: defineCustomElement$t
+        defineCustomElementFn: defineCustomElement$w
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldHint);
@@ -964,7 +1040,7 @@ BalFieldLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalFieldLabel = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'htmlFor', 'invalid', 'readonly', 'required', 'size', 'valid', 'weight'],
-        defineCustomElementFn: defineCustomElement$u
+        defineCustomElementFn: defineCustomElement$x
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldLabel);
@@ -990,7 +1066,7 @@ BalFieldMessage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalFieldMessage = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'invalid', 'readonly', 'valid'],
-        defineCustomElementFn: defineCustomElement$v
+        defineCustomElementFn: defineCustomElement$y
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFieldMessage);
@@ -1016,7 +1092,7 @@ BalFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15
 BalFooter = __decorate([
     ProxyCmp({
         inputs: ['hideLanguageSelection', 'hideLinks', 'showSocialMedia'],
-        defineCustomElementFn: defineCustomElement$w
+        defineCustomElementFn: defineCustomElement$z
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFooter);
@@ -1043,7 +1119,7 @@ BalForm = __decorate([
     ProxyCmp({
         inputs: ['native', 'novalidate'],
         methods: ['scrollToFirstInvalidField'],
-        defineCustomElementFn: defineCustomElement$x
+        defineCustomElementFn: defineCustomElement$A
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalForm);
@@ -1069,7 +1145,7 @@ BalFormCol.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalFormCol = __decorate([
     ProxyCmp({
         inputs: ['size'],
-        defineCustomElementFn: defineCustomElement$y
+        defineCustomElementFn: defineCustomElement$B
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFormCol);
@@ -1094,7 +1170,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, isStandalone: true, selector: "bal-form-grid", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalFormGrid = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$z
+        defineCustomElementFn: defineCustomElement$C
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalFormGrid);
@@ -1119,7 +1195,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$A
+        defineCustomElementFn: defineCustomElement$D
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHeading);
@@ -1146,7 +1222,7 @@ BalHint = __decorate([
     ProxyCmp({
         inputs: ['closeLabel', 'small'],
         methods: ['toggle', 'present', 'dismiss'],
-        defineCustomElementFn: defineCustomElement$B
+        defineCustomElementFn: defineCustomElement$E
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHint);
@@ -1171,7 +1247,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, isStandalone: true, selector: "bal-hint-text", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalHintText = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$C
+        defineCustomElementFn: defineCustomElement$F
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHintText);
@@ -1195,7 +1271,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, isStandalone: true, selector: "bal-hint-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalHintTitle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$D
+        defineCustomElementFn: defineCustomElement$G
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalHintTitle);
@@ -1220,7 +1296,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$E
+        defineCustomElementFn: defineCustomElement$H
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalIcon);
@@ -1246,7 +1322,7 @@ BalInputGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalInputGroup = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'invalid', 'readonly'],
-        defineCustomElementFn: defineCustomElement$F
+        defineCustomElementFn: defineCustomElement$I
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalInputGroup);
@@ -1272,7 +1348,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$G
+        defineCustomElementFn: defineCustomElement$J
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalLabel);
@@ -1298,7 +1374,7 @@ BalList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0
 BalList = __decorate([
     ProxyCmp({
         inputs: ['accordionOneLevel', 'background', 'border', 'disabled', 'size'],
-        defineCustomElementFn: defineCustomElement$H
+        defineCustomElementFn: defineCustomElement$K
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalList);
@@ -1326,7 +1402,7 @@ BalListItem = __decorate([
     ProxyCmp({
         inputs: ['accordion', 'clickable', 'disabled', 'download', 'href', 'selected', 'subAccordionItem', 'target'],
         methods: ['present', 'dismiss', 'toggle'],
-        defineCustomElementFn: defineCustomElement$I
+        defineCustomElementFn: defineCustomElement$L
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItem);
@@ -1353,7 +1429,7 @@ BalListItemAccordionBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
 BalListItemAccordionBody = __decorate([
     ProxyCmp({
         inputs: ['accordionGroup', 'contentAlignment', 'contentSpace'],
-        defineCustomElementFn: defineCustomElement$J
+        defineCustomElementFn: defineCustomElement$M
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemAccordionBody);
@@ -1380,7 +1456,7 @@ BalListItemAccordionHead.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
 BalListItemAccordionHead = __decorate([
     ProxyCmp({
         inputs: ['accordionOpen', 'icon'],
-        defineCustomElementFn: defineCustomElement$K
+        defineCustomElementFn: defineCustomElement$N
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemAccordionHead);
@@ -1407,7 +1483,7 @@ BalListItemContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
 BalListItemContent = __decorate([
     ProxyCmp({
         inputs: ['contentAlignment'],
-        defineCustomElementFn: defineCustomElement$L
+        defineCustomElementFn: defineCustomElement$O
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemContent);
@@ -1433,7 +1509,7 @@ BalListItemIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalListItemIcon = __decorate([
     ProxyCmp({
         inputs: ['right'],
-        defineCustomElementFn: defineCustomElement$M
+        defineCustomElementFn: defineCustomElement$P
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemIcon);
@@ -1458,7 +1534,7 @@ BalListItemSubtitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
 BalListItemSubtitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalListItemSubtitle, isStandalone: true, selector: "bal-list-item-subtitle", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalListItemSubtitle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$N
+        defineCustomElementFn: defineCustomElement$Q
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemSubtitle);
@@ -1483,7 +1559,7 @@ BalListItemTitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
 BalListItemTitle = __decorate([
     ProxyCmp({
         inputs: ['level', 'visualLevel'],
-        defineCustomElementFn: defineCustomElement$O
+        defineCustomElementFn: defineCustomElement$R
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalListItemTitle);
@@ -1509,7 +1585,7 @@ BalLogo.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0
 BalLogo = __decorate([
     ProxyCmp({
         inputs: ['animated', 'color', 'size'],
-        defineCustomElementFn: defineCustomElement$P
+        defineCustomElementFn: defineCustomElement$S
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalLogo);
@@ -1537,7 +1613,7 @@ BalModal = __decorate([
     ProxyCmp({
         inputs: ['backdropDismiss', 'component', 'componentProps', 'cssClass', 'hasBackdrop', 'isClosable', 'modalWidth', 'space'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss'],
-        defineCustomElementFn: defineCustomElement$Q
+        defineCustomElementFn: defineCustomElement$1
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalModal);
@@ -1563,7 +1639,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, isStandalone: true, selector: "bal-modal-body", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalModalBody = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$R
+        defineCustomElementFn: defineCustomElement$T
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalModalBody);
@@ -1587,7 +1663,7 @@ BalModalHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
 BalModalHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalModalHeader, isStandalone: true, selector: "bal-modal-header", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalModalHeader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$S
+        defineCustomElementFn: defineCustomElement$U
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalModalHeader);
@@ -1613,7 +1689,7 @@ BalNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.
 BalNav = __decorate([
     ProxyCmp({
         inputs: ['buttons', 'logo', 'options'],
-        defineCustomElementFn: defineCustomElement$T
+        defineCustomElementFn: defineCustomElement$V
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNav);
@@ -1640,7 +1716,7 @@ BalNavLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalNavLink = __decorate([
     ProxyCmp({
         inputs: ['clickable', 'href', 'selected', 'target', 'variant'],
-        defineCustomElementFn: defineCustomElement$U
+        defineCustomElementFn: defineCustomElement$W
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLink);
@@ -1665,7 +1741,7 @@ BalNavLinkGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
 BalNavLinkGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavLinkGrid, isStandalone: true, selector: "bal-nav-link-grid", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavLinkGrid = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$V
+        defineCustomElementFn: defineCustomElement$X
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLinkGrid);
@@ -1690,7 +1766,7 @@ BalNavLinkGridCol.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
 BalNavLinkGridCol = __decorate([
     ProxyCmp({
         inputs: ['staticCol'],
-        defineCustomElementFn: defineCustomElement$W
+        defineCustomElementFn: defineCustomElement$Y
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLinkGridCol);
@@ -1716,7 +1792,7 @@ BalNavLinkGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalNavLinkGroup = __decorate([
     ProxyCmp({
         inputs: ['color'],
-        defineCustomElementFn: defineCustomElement$X
+        defineCustomElementFn: defineCustomElement$Z
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavLinkGroup);
@@ -1742,7 +1818,7 @@ BalNavMenuBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalNavMenuBar = __decorate([
     ProxyCmp({
         inputs: ['invisible', 'position'],
-        defineCustomElementFn: defineCustomElement$Y
+        defineCustomElementFn: defineCustomElement$_
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavMenuBar);
@@ -1767,7 +1843,7 @@ BalNavMenuFlyout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version
 BalNavMenuFlyout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavMenuFlyout, isStandalone: true, selector: "bal-nav-menu-flyout", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavMenuFlyout = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Z
+        defineCustomElementFn: defineCustomElement$$
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavMenuFlyout);
@@ -1792,7 +1868,7 @@ BalNavMetaBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalNavMetaBar = __decorate([
     ProxyCmp({
         inputs: ['invisible', 'position', 'size', 'variant'],
-        defineCustomElementFn: defineCustomElement$_
+        defineCustomElementFn: defineCustomElement$10
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavMetaBar);
@@ -1818,7 +1894,7 @@ BalNavbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15
 BalNavbar = __decorate([
     ProxyCmp({
         inputs: ['container', 'interface', 'light'],
-        defineCustomElementFn: defineCustomElement$$
+        defineCustomElementFn: defineCustomElement$11
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbar);
@@ -1845,7 +1921,7 @@ BalNavbarBrand.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
 BalNavbarBrand = __decorate([
     ProxyCmp({
         inputs: ['animated', 'href', 'logo', 'logoSize', 'simple', 'target'],
-        defineCustomElementFn: defineCustomElement$10
+        defineCustomElementFn: defineCustomElement$12
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarBrand);
@@ -1871,7 +1947,7 @@ BalNavbarMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
 BalNavbarMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbarMenu, isStandalone: true, selector: "bal-navbar-menu", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbarMenu = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$11
+        defineCustomElementFn: defineCustomElement$13
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarMenu);
@@ -1895,7 +1971,7 @@ BalNavbarMenuEnd.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version
 BalNavbarMenuEnd.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbarMenuEnd, isStandalone: true, selector: "bal-navbar-menu-end", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbarMenuEnd = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$12
+        defineCustomElementFn: defineCustomElement$14
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarMenuEnd);
@@ -1919,7 +1995,7 @@ BalNavbarMenuStart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versi
 BalNavbarMenuStart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNavbarMenuStart, isStandalone: true, selector: "bal-navbar-menu-start", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNavbarMenuStart = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$13
+        defineCustomElementFn: defineCustomElement$15
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNavbarMenuStart);
@@ -1943,7 +2019,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, isStandalone: true, selector: "bal-notices", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 BalNotices = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$14
+        defineCustomElementFn: defineCustomElement$16
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNotices);
@@ -1968,7 +2044,7 @@ BalNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalNotification = __decorate([
     ProxyCmp({
         inputs: ['color'],
-        defineCustomElementFn: defineCustomElement$15
+        defineCustomElementFn: defineCustomElement$17
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalNotification);
@@ -1996,7 +2072,7 @@ BalPagination = __decorate([
     ProxyCmp({
         inputs: ['align', 'disabled', 'interface', 'pageRange', 'size', 'sticky', 'top', 'totalPages', 'value'],
         methods: ['next', 'previous'],
-        defineCustomElementFn: defineCustomElement$16
+        defineCustomElementFn: defineCustomElement$18
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPagination);
@@ -2025,7 +2101,7 @@ BalPopover = __decorate([
     ProxyCmp({
         inputs: ['active', 'arrow', 'autoTrigger', 'backdrop', 'hint', 'hover', 'mobileTop', 'offsetX', 'offsetY', 'padding', 'position', 'tooltip'],
         methods: ['present', 'dismiss', 'toggle'],
-        defineCustomElementFn: defineCustomElement$17
+        defineCustomElementFn: defineCustomElement$19
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopover);
@@ -2052,7 +2128,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$18
+        defineCustomElementFn: defineCustomElement$1a
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopoverContent);
@@ -2080,7 +2156,7 @@ BalPopup = __decorate([
     ProxyCmp({
         inputs: ['active', 'arrow', 'backdrop', 'backdropDismiss', 'closable', 'contentWidth', 'label', 'offset', 'placement', 'reference', 'variant'],
         methods: ['present', 'dismiss', 'toggle'],
-        defineCustomElementFn: defineCustomElement$19
+        defineCustomElementFn: defineCustomElement$1b
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalPopup);
@@ -2108,7 +2184,7 @@ BalProgressBar = __decorate([
     ProxyCmp({
         inputs: ['background', 'value'],
         methods: ['configChanged'],
-        defineCustomElementFn: defineCustomElement$1a
+        defineCustomElementFn: defineCustomElement$1c
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalProgressBar);
@@ -2136,7 +2212,7 @@ BalRadio = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'flat', 'interface', 'invalid', 'invisible', 'label', 'labelHidden', 'name', 'nonSubmit', 'readonly', 'required', 'value'],
         methods: ['getInputElement', 'getOption'],
-        defineCustomElementFn: defineCustomElement$1b
+        defineCustomElementFn: defineCustomElement$1d
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalRadio);
@@ -2164,7 +2240,7 @@ BalRadioButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
 BalRadioButton = __decorate([
     ProxyCmp({
         inputs: ['color', 'disabled', 'invalid', 'readonly'],
-        defineCustomElementFn: defineCustomElement$1c
+        defineCustomElementFn: defineCustomElement$1e
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalRadioButton);
@@ -2191,7 +2267,7 @@ BalSelectOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
 BalSelectOption = __decorate([
     ProxyCmp({
         inputs: ['disabled', 'label', 'value'],
-        defineCustomElementFn: defineCustomElement$1d
+        defineCustomElementFn: defineCustomElement$1f
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSelectOption);
@@ -2217,7 +2293,7 @@ BalShape.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalShape = __decorate([
     ProxyCmp({
         inputs: ['color', 'rotation', 'variation'],
-        defineCustomElementFn: defineCustomElement$1e
+        defineCustomElementFn: defineCustomElement$1g
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalShape);
@@ -2243,7 +2319,7 @@ BalSheet.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalSheet = __decorate([
     ProxyCmp({
         inputs: ['containerSize'],
-        defineCustomElementFn: defineCustomElement$1f
+        defineCustomElementFn: defineCustomElement$1h
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSheet);
@@ -2271,7 +2347,7 @@ BalSnackbar = __decorate([
     ProxyCmp({
         inputs: ['action', 'color', 'duration', 'href', 'icon', 'message', 'subject', 'target'],
         methods: ['closeIn', 'close'],
-        defineCustomElementFn: defineCustomElement$1g
+        defineCustomElementFn: defineCustomElement$3
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSnackbar);
@@ -2298,7 +2374,7 @@ BalSpinner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "1
 BalSpinner = __decorate([
     ProxyCmp({
         inputs: ['color', 'deactivated', 'inverted', 'small'],
-        defineCustomElementFn: defineCustomElement$1h
+        defineCustomElementFn: defineCustomElement$1i
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSpinner);
@@ -2324,7 +2400,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$1i
+        defineCustomElementFn: defineCustomElement$1j
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStack);
@@ -2350,7 +2426,7 @@ BalStage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalStage = __decorate([
     ProxyCmp({
         inputs: ['color', 'containerSize', 'shape', 'shapeRotation', 'shapeVariation', 'size'],
-        defineCustomElementFn: defineCustomElement$1j
+        defineCustomElementFn: defineCustomElement$1k
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStage);
@@ -2376,7 +2452,7 @@ BalStageBackLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
 BalStageBackLink = __decorate([
     ProxyCmp({
         inputs: ['href', 'inverted', 'shadow'],
-        defineCustomElementFn: defineCustomElement$1k
+        defineCustomElementFn: defineCustomElement$1l
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBackLink);
@@ -2401,7 +2477,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$1l
+        defineCustomElementFn: defineCustomElement$1m
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageBody);
@@ -2425,7 +2501,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$1m
+        defineCustomElementFn: defineCustomElement$1n
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageFoot);
@@ -2449,7 +2525,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$1n
+        defineCustomElementFn: defineCustomElement$1o
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageHead);
@@ -2474,7 +2550,7 @@ BalStageImage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
 BalStageImage = __decorate([
     ProxyCmp({
         inputs: ['fallback', 'srcSet'],
-        defineCustomElementFn: defineCustomElement$1o
+        defineCustomElementFn: defineCustomElement$1p
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStageImage);
@@ -2502,7 +2578,7 @@ BalStepItem = __decorate([
     ProxyCmp({
         inputs: ['active', 'disabled', 'done', 'failed', 'href', 'invisible', 'label', 'prevent', 'target', 'value'],
         methods: ['getOptions', 'setActive'],
-        defineCustomElementFn: defineCustomElement$1p
+        defineCustomElementFn: defineCustomElement$1q
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalStepItem);
@@ -2531,7 +2607,7 @@ BalSteps = __decorate([
     ProxyCmp({
         inputs: ['clickable', 'debounce', 'options', 'value'],
         methods: ['select', 'getOptionByValue'],
-        defineCustomElementFn: defineCustomElement$1q
+        defineCustomElementFn: defineCustomElement$1r
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalSteps);
@@ -2560,7 +2636,7 @@ BalTabItem = __decorate([
     ProxyCmp({
         inputs: ['active', 'bubble', 'disabled', 'href', 'icon', 'invisible', 'label', 'prevent', 'target', 'value'],
         methods: ['getOptions', 'setActive'],
-        defineCustomElementFn: defineCustomElement$1r
+        defineCustomElementFn: defineCustomElement$1s
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabItem);
@@ -2587,7 +2663,7 @@ BalTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
 BalTable = __decorate([
     ProxyCmp({
         inputs: ['expanded'],
-        defineCustomElementFn: defineCustomElement$1s
+        defineCustomElementFn: defineCustomElement$1t
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTable);
@@ -2615,7 +2691,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$1t
+        defineCustomElementFn: defineCustomElement$1u
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTabs);
@@ -2643,7 +2719,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$1u
+        defineCustomElementFn: defineCustomElement$1v
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTag);
@@ -2669,7 +2745,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$1v
+        defineCustomElementFn: defineCustomElement$1w
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalTagGroup);
@@ -2694,7 +2770,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$1w
+        defineCustomElementFn: defineCustomElement$1x
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalText);
@@ -2722,7 +2798,7 @@ BalToast = __decorate([
     ProxyCmp({
         inputs: ['color', 'duration', 'message'],
         methods: ['closeIn', 'close'],
-        defineCustomElementFn: defineCustomElement$1x
+        defineCustomElementFn: defineCustomElement$2
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef, ElementRef, NgZone])
 ], BalToast);
@@ -3620,7 +3696,7 @@ class BalNgErrorComponent extends BalNgErrorComponent$1 {
     }
 }
 BalNgErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNgErrorComponent, deps: [{ token: Injector }, { token: ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BalNgErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNgErrorComponent, isStandalone: true, selector: "bal-ng-error", usesInheritance: true, ngImport: i0, template: `<ng-content *ngIf="(ready | async) && hasError"></ng-content>`, isInline: true, styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
+BalNgErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: BalNgErrorComponent, isStandalone: true, selector: "bal-ng-error", usesInheritance: true, ngImport: i0, template: `<ng-content *ngIf="(ready | async) && hasError"></ng-content>`, isInline: true, styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BalNgErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bal-ng-error', template: `<ng-content *ngIf="(ready | async) && hasError"></ng-content>`, standalone: true, imports: [CommonModule], styles: [":host{display:inline-block}\n"] }]
@@ -3890,10 +3966,10 @@ const provideBaloiseDesignSystem = (config = {}) => {
         AngularDelegate,
         BalBreakpointsService,
         BalConfigService,
-        BalModalService,
+        BalModalService$1,
         BalOrientationService,
-        BalSnackbarService,
-        BalToastService,
+        BalSnackbarService$1,
+        BalToastService$1,
     ]);
 };
@@ -3901,5 +3977,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, 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, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageBundle, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalStepsBundle, BalTabItem, BalTable, BalTabs, BalTabsBundle, BalTag, BalTagBundle, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, 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, 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 };
 //# sourceMappingURL=baloise-ds-angular.mjs.map