@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1019-e → 1.5.1019-f

package/fesm2022/ti-tecnologico-de-monterrey-oficial-ds-ng.mjs

@@ -108,8 +108,8 @@ class BmbIconComponent {
         if (this.isImage(this.icon()) && !this.alt())
             inputs.push('alt');
         if (inputs.length) {
-            throw new Error(`
-        The ${buildErrorMessage(inputs)} required when the icon is an image.
+            throw new Error(`
+        The ${buildErrorMessage(inputs)} required when the icon is an image.
         `);
         }
     }
@@ -121,12 +121,18 @@ class BmbIconComponent {
         const weight = `'wght' ${this.fontWeight()}`;
         return `${fill}, ${weight}`;
     }
+    getImageStyles() {
+        return {
+            'width': !!this.size() ? `${this.size()}px` : 'inherit',
+            'height': !!this.size() ? `${this.size()}px` : 'inherit',
+        };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbIconComponent, isStandalone: true, selector: "bmb-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, materialIcon: { classPropertyName: "materialIcon", publicName: "materialIcon", isSignal: true, isRequired: false, transformFunction: null }, styleIcon: { classPropertyName: "styleIcon", publicName: "styleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFill: { classPropertyName: "isFill", publicName: "isFill", isSignal: true, isRequired: false, transformFunction: null }, fontWeight: { classPropertyName: "fontWeight", publicName: "fontWeight", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, dotNotification: { classPropertyName: "dotNotification", publicName: "dotNotification", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-template #commonIcon>\n  <i\n    [ngClass]=\"styleIcon()\"\n    [ngStyle]=\"{\n      'font-size': !!size() ? size() + 'px' : 'inherit',\n      'font-variation-settings': getFontVariationSettings(),\n    }\"\n  >\n    {{ icon() }}\n  </i>\n</ng-template>\n@if (isImage(icon())) {\n  <figure class=\"bmb_icon-figure\">\n    <img\n      class=\"bmb_icon-figure-image\"\n      [src]=\"icon()\"\n      [alt]=\"alt()\"\n      [width]=\"size()\"\n      [height]=\"size()\"\n    />\n  </figure>\n} @else if (dotNotification()) {\n  <section class=\"bmb_icon-container\">\n    <ng-container [ngTemplateOutlet]=\"commonIcon\" />\n    <span class=\"bmb_icon-container-number\">{{ dotNotification() }}</span>\n  </section>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"commonIcon\" />\n}\n", styles: [".bmb_icon-container{display:inline-block;position:relative;cursor:pointer}.bmb_icon-container-number{display:block;position:absolute;top:50%;left:70%;min-width:.9375rem;min-height:.75rem;border-radius:50%;font-size:.625rem;background-color:RGBA(var(--color-red-light),1);color:RGBA(var(--color-charade-50));text-align:center}.bmb_icon-figure{margin:0;line-height:0}.bmb_icon-figure img{object-fit:contain}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbIconComponent, isStandalone: true, selector: "bmb-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, materialIcon: { classPropertyName: "materialIcon", publicName: "materialIcon", isSignal: true, isRequired: false, transformFunction: null }, styleIcon: { classPropertyName: "styleIcon", publicName: "styleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFill: { classPropertyName: "isFill", publicName: "isFill", isSignal: true, isRequired: false, transformFunction: null }, fontWeight: { classPropertyName: "fontWeight", publicName: "fontWeight", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, dotNotification: { classPropertyName: "dotNotification", publicName: "dotNotification", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-template #commonIcon>\r\n  <i\r\n    [ngClass]=\"styleIcon()\"\r\n    [ngStyle]=\"{\r\n      'font-size': !!size() ? size() + 'px' : 'inherit',\r\n      'font-variation-settings': getFontVariationSettings(),\r\n    }\"\r\n  >\r\n    {{ icon() }}\r\n  </i>\r\n</ng-template>\r\n@if (isImage(icon())) {\r\n  <figure class=\"bmb_icon-figure\">\r\n    <img\r\n      class=\"bmb_icon-figure-image\"\r\n      [src]=\"icon()\"\r\n      [alt]=\"alt()\"\r\n      [ngStyle]=\"getImageStyles()\"\r\n    />\r\n  </figure>\r\n} @else if (dotNotification()) {\r\n  <section class=\"bmb_icon-container\">\r\n    <ng-container [ngTemplateOutlet]=\"commonIcon\" />\r\n    <span class=\"bmb_icon-container-number\">{{ dotNotification() }}</span>\r\n  </section>\r\n} @else {\r\n  <ng-container [ngTemplateOutlet]=\"commonIcon\" />\r\n}\r\n", styles: [".bmb_icon-container{display:inline-block;position:relative;cursor:pointer}.bmb_icon-container-number{display:block;position:absolute;top:50%;left:70%;min-width:.9375rem;min-height:.75rem;border-radius:50%;font-size:.625rem;background-color:RGBA(var(--color-red-light),1);color:RGBA(var(--color-charade-50));text-align:center}.bmb_icon-figure{margin:0;line-height:0}.bmb_icon-figure img{object-fit:contain}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-icon', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #commonIcon>\n  <i\n    [ngClass]=\"styleIcon()\"\n    [ngStyle]=\"{\n      'font-size': !!size() ? size() + 'px' : 'inherit',\n      'font-variation-settings': getFontVariationSettings(),\n    }\"\n  >\n    {{ icon() }}\n  </i>\n</ng-template>\n@if (isImage(icon())) {\n  <figure class=\"bmb_icon-figure\">\n    <img\n      class=\"bmb_icon-figure-image\"\n      [src]=\"icon()\"\n      [alt]=\"alt()\"\n      [width]=\"size()\"\n      [height]=\"size()\"\n    />\n  </figure>\n} @else if (dotNotification()) {\n  <section class=\"bmb_icon-container\">\n    <ng-container [ngTemplateOutlet]=\"commonIcon\" />\n    <span class=\"bmb_icon-container-number\">{{ dotNotification() }}</span>\n  </section>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"commonIcon\" />\n}\n", styles: [".bmb_icon-container{display:inline-block;position:relative;cursor:pointer}.bmb_icon-container-number{display:block;position:absolute;top:50%;left:70%;min-width:.9375rem;min-height:.75rem;border-radius:50%;font-size:.625rem;background-color:RGBA(var(--color-red-light),1);color:RGBA(var(--color-charade-50));text-align:center}.bmb_icon-figure{margin:0;line-height:0}.bmb_icon-figure img{object-fit:contain}\n"] }]
+            args: [{ selector: 'bmb-icon', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #commonIcon>\r\n  <i\r\n    [ngClass]=\"styleIcon()\"\r\n    [ngStyle]=\"{\r\n      'font-size': !!size() ? size() + 'px' : 'inherit',\r\n      'font-variation-settings': getFontVariationSettings(),\r\n    }\"\r\n  >\r\n    {{ icon() }}\r\n  </i>\r\n</ng-template>\r\n@if (isImage(icon())) {\r\n  <figure class=\"bmb_icon-figure\">\r\n    <img\r\n      class=\"bmb_icon-figure-image\"\r\n      [src]=\"icon()\"\r\n      [alt]=\"alt()\"\r\n      [ngStyle]=\"getImageStyles()\"\r\n    />\r\n  </figure>\r\n} @else if (dotNotification()) {\r\n  <section class=\"bmb_icon-container\">\r\n    <ng-container [ngTemplateOutlet]=\"commonIcon\" />\r\n    <span class=\"bmb_icon-container-number\">{{ dotNotification() }}</span>\r\n  </section>\r\n} @else {\r\n  <ng-container [ngTemplateOutlet]=\"commonIcon\" />\r\n}\r\n", styles: [".bmb_icon-container{display:inline-block;position:relative;cursor:pointer}.bmb_icon-container-number{display:block;position:absolute;top:50%;left:70%;min-width:.9375rem;min-height:.75rem;border-radius:50%;font-size:.625rem;background-color:RGBA(var(--color-red-light),1);color:RGBA(var(--color-charade-50));text-align:center}.bmb_icon-figure{margin:0;line-height:0}.bmb_icon-figure img{object-fit:contain}\n"] }]
         }] });
 
 class BmbCheckExternalLinkButtonComponent {
@@ -809,33 +815,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 
 class BmbOverlayComponent {
     constructor() {
-        this.active = false;
-    }
-    ngAfterViewInit() {
-        if (this.active) {
-            this.displayStyle = 'block';
-        }
-        else {
-            this.displayStyle = 'none';
-        }
+        this.active = input(false);
+        this.onClick = output();
+        this.uid = input(getUUID());
     }
-    ngOnChanges() {
-        if (this.active) {
-            this.displayStyle = 'block';
-        }
-        else {
-            this.displayStyle = 'none';
-        }
+    handleClick() {
+        this.onClick.emit(this.uid());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: BmbOverlayComponent, isStandalone: true, selector: "bmb-overlay", inputs: { active: "active" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"bmb_overlay\" [style.display]=\"this.displayStyle\"></div>\n", styles: [".bmb_overlay{position:fixed;width:100%;height:100%;inset:0;z-index:90;border-style:none;box-shadow:none;background-color:var(--color-black-min)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OverlayModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbOverlayComponent, isStandalone: true, selector: "bmb-overlay", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, uid: { classPropertyName: "uid", publicName: "uid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "@if (active()) {\r\n  <div class=\"bmb_overlay\" (click)=\"handleClick()\"></div>\r\n}\r\n", styles: [".bmb_overlay{position:fixed;width:100%;height:100%;inset:0;z-index:90;border-style:none;box-shadow:none;background-color:var(--color-black-min)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: OverlayModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbOverlayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-overlay', standalone: true, imports: [CommonModule, OverlayModule], template: "<div class=\"bmb_overlay\" [style.display]=\"this.displayStyle\"></div>\n", styles: [".bmb_overlay{position:fixed;width:100%;height:100%;inset:0;z-index:90;border-style:none;box-shadow:none;background-color:var(--color-black-min)}\n"] }]
-        }], propDecorators: { active: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'bmb-overlay', standalone: true, imports: [CommonModule, OverlayModule], template: "@if (active()) {\r\n  <div class=\"bmb_overlay\" (click)=\"handleClick()\"></div>\r\n}\r\n", styles: [".bmb_overlay{position:fixed;width:100%;height:100%;inset:0;z-index:90;border-style:none;box-shadow:none;background-color:var(--color-black-min)}\n"] }]
+        }] });
 
 class BmbLayoutDirective {
     constructor() {
@@ -1144,6 +1137,9 @@ class BmbNativeModalComponent {
         this.modalId = input.required();
         this.size = input('medium');
         this.iconStyle = input();
+        this.autoFocus = input(false);
+        this.disableClose = input(true);
+        this.hasBackdrop = input(true);
         this.actionsClicked = output();
         this.closeModalClicked = output();
         this.svgUrl = 'assets/svg/';
@@ -1182,18 +1178,24 @@ class BmbNativeModalComponent {
         this.closeModalClicked.emit({ modalId: this.modalId(), event });
         this.modalService.closeModal(this.modalId());
     }
+    handleBackdropClick() {
+        if (!this.disableClose()) {
+            this.handleCloseModal(new MouseEvent('click'));
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbNativeModalComponent, deps: [{ token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbNativeModalComponent, isStandalone: true, selector: "bmb-native-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, alertIcon: { classPropertyName: "alertIcon", publicName: "alertIcon", isSignal: true, isRequired: false, transformFunction: null }, modalId: { classPropertyName: "modalId", publicName: "modalId", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconStyle: { classPropertyName: "iconStyle", publicName: "iconStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionsClicked: "actionsClicked", closeModalClicked: "closeModalClicked" }, ngImport: i0, template: "<bmb-overlay [active]=\"true\" />\n<dialog class=\"bmb_native-modal\" [open]=\"true\">\n  <div\n    class=\"bmb_native-modal-container bmb_box-shadow-3\"\n    [ngClass]=\"getContainerClass()\"\n  >\n    <header class=\"bmb_native-modal-header\">\n      <bmb-three-cols\n        [expandMainColumn]=\"true\"\n        gapSize=\"none\"\n        alignItems=\"start\"\n      >\n        <ng-template #bmbMainContent>\n          <span class=\"bmb_modal-container-header-title\">\n            <bmb-title-content\n              [title]=\"title()\"\n              titleSize=\"9\"\n              [subtitle]=\"subtitle()\"\n              [icon]=\"modalIcon()\"\n              [iconSize]=\"48\"\n              [transparentBgC]=\"true\"\n            />\n          </span>\n        </ng-template>\n        <ng-template #bmbRightContent>\n          <span class=\"bmb_modal-container-header-icon_close\">\n            <bmb-action-icon\n              icon=\"close\"\n              [iconSize]=\"24\"\n              (buttonClick)=\"handleCloseModal($event)\"\n            />\n          </span>\n        </ng-template>\n      </bmb-three-cols>\n    </header>\n    <section class=\"bmb_native-modal-content\">\n      @if (isTemplateRef()) {\n        <ng-template #templateContent>\n          <ng-container *ngTemplateOutlet=\"getContent()\"></ng-container>\n        </ng-template>\n        <ng-container *ngTemplateOutlet=\"templateContent\"></ng-container>\n      } @else {\n        <p>\n          {{ content() }}\n        </p>\n      }\n    </section>\n    @if (actions().length) {\n      <footer class=\"bmb_native-modal-footer\">\n        @for (btn of actions(); track $index) {\n          <button\n            bmbButton\n            [appearance]=\"btn.appearance || 'secondary-outlined'\"\n            (click)=\"btn.action()\"\n          >\n            @if (btn.icon) {\n              <i class=\"{{ btn.icon }}\"></i>\n            }\n            {{ btn.buttonName }}\n          </button>\n        }\n      </footer>\n    }\n  </div>\n</dialog>\n", styles: [".bmb_native-modal{position:fixed;left:0;top:0;width:100dvw;height:100dvh;z-index:90;border:0;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:0}.bmb_native-modal[open]{animation:fadein .3s ease-in forwards}.bmb_native-modal-container{padding:2rem;width:calc(100% - 2rem);background-color:var(--containers-modal);border-radius:1rem;border:.0625rem solid var(--general_contrasts-25);color:var(--general_contrasts-100);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;gap:var(--bmb-spacing-xl)}.bmb_native-modal-container-x-small{max-width:29.5rem}.bmb_native-modal-container-small{max-width:40.875rem}.bmb_native-modal-container-medium{max-width:47.5rem}.bmb_native-modal-container-large{max-width:57.5rem}.bmb_native-modal-container-x-large{max-width:67.5rem}.bmb_native-modal-content{overflow:auto;flex:1}.bmb_native-modal-footer{display:flex;justify-content:flex-end;gap:var(--bmb-spacing-m);flex-wrap:wrap}@media (max-width: 1000px){.bmb_native-modal-footer .bmb_btn{flex:1 1 100%}}@keyframes fadein{0%{opacity:0;transform:scale(.9)}50%{opacity:.5;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "component", type: BmbOverlayComponent, selector: "bmb-overlay", inputs: ["active"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbThreeColsComponent, selector: "bmb-three-cols", inputs: ["gapSize", "justify", "alignItems", "expandMainColumn"] }, { kind: "component", type: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbNativeModalComponent, isStandalone: true, selector: "bmb-native-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, alertIcon: { classPropertyName: "alertIcon", publicName: "alertIcon", isSignal: true, isRequired: false, transformFunction: null }, modalId: { classPropertyName: "modalId", publicName: "modalId", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconStyle: { classPropertyName: "iconStyle", publicName: "iconStyle", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionsClicked: "actionsClicked", closeModalClicked: "closeModalClicked" }, ngImport: i0, template: "@if (hasBackdrop()) {\r\n  <bmb-overlay [active]=\"true\" (onClick)=\"handleBackdropClick()\" />\r\n}\r\n<dialog class=\"bmb_native-modal\" [open]=\"true\">\r\n  <div\r\n    class=\"bmb_native-modal-container bmb_box-shadow-3\"\r\n    [ngClass]=\"getContainerClass()\"\r\n  >\r\n    <header class=\"bmb_native-modal-header\">\r\n      <bmb-three-cols\r\n        [expandMainColumn]=\"true\"\r\n        gapSize=\"none\"\r\n        alignItems=\"start\"\r\n      >\r\n        <ng-template #bmbMainContent>\r\n          <span class=\"bmb_modal-container-header-title\">\r\n            <bmb-title-content\r\n              [title]=\"title()\"\r\n              titleSize=\"9\"\r\n              [subtitle]=\"subtitle()\"\r\n              [icon]=\"modalIcon()\"\r\n              [iconSize]=\"48\"\r\n              [transparentBgC]=\"true\"\r\n            />\r\n          </span>\r\n        </ng-template>\r\n        <ng-template #bmbRightContent>\r\n          <span class=\"bmb_modal-container-header-icon_close\">\r\n            <bmb-action-icon\r\n              icon=\"close\"\r\n              [iconSize]=\"24\"\r\n              (buttonClick)=\"handleCloseModal($event)\"\r\n            />\r\n          </span>\r\n        </ng-template>\r\n      </bmb-three-cols>\r\n    </header>\r\n    <section class=\"bmb_native-modal-content\">\r\n      @if (isTemplateRef()) {\r\n        <ng-template #templateContent>\r\n          <ng-container *ngTemplateOutlet=\"getContent()\"></ng-container>\r\n        </ng-template>\r\n        <ng-container *ngTemplateOutlet=\"templateContent\"></ng-container>\r\n      } @else {\r\n        <p>\r\n          {{ content() }}\r\n        </p>\r\n      }\r\n    </section>\r\n    @if (actions().length) {\r\n      <footer class=\"bmb_native-modal-footer\">\r\n        @for (btn of actions(); track $index) {\r\n          <button\r\n            bmbButton\r\n            [appearance]=\"btn.appearance || 'secondary-outlined'\"\r\n            (click)=\"btn.action()\"\r\n            [ngStyle]=\"{ flex: actions().length === 1 ? '1 1 auto' : 'none' }\"\r\n          >\r\n            @if (btn.icon) {\r\n              <bmb-icon [icon]=\"btn.icon\" [size]=\"24\" />\r\n            }\r\n            {{ btn.label }}\r\n          </button>\r\n        }\r\n      </footer>\r\n    }\r\n  </div>\r\n</dialog>\r\n", styles: [".bmb_native-modal{position:fixed;left:0;top:0;width:100dvw;height:100dvh;z-index:90;border:0;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:0}.bmb_native-modal[open]{animation:fadein .3s ease-in forwards}.bmb_native-modal-container{padding:2rem;width:calc(100% - 2rem);background-color:var(--containers-modal);border-radius:1rem;border:.0625rem solid var(--general_contrasts-25);color:var(--general_contrasts-100);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;gap:var(--bmb-spacing-xl)}.bmb_native-modal-container-x-small{max-width:29.5rem}.bmb_native-modal-container-small{max-width:40.875rem}.bmb_native-modal-container-medium{max-width:47.5rem}.bmb_native-modal-container-large{max-width:57.5rem}.bmb_native-modal-container-x-large{max-width:67.5rem}.bmb_native-modal-content{overflow:auto;flex:1}.bmb_native-modal-footer{display:flex;justify-content:flex-end;gap:var(--bmb-spacing-m);flex-wrap:wrap}@media (max-width: 1000px){.bmb_native-modal-footer .bmb_btn{flex:1 1 100%}}@keyframes fadein{0%{opacity:0;transform:scale(.9)}50%{opacity:.5;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "component", type: BmbOverlayComponent, selector: "bmb-overlay", inputs: ["active", "uid"], outputs: ["onClick"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BmbThreeColsComponent, selector: "bmb-three-cols", inputs: ["gapSize", "justify", "alignItems", "expandMainColumn"] }, { kind: "component", type: BmbTitleContentComponent, selector: "bmb-title-content", inputs: ["title", "titleSize", "titleFontWeight", "subtitle", "subtitleSize", "subtitleFontWeight", "subtitleIcon", "subtitleIconSize", "isCenterContent", "dataLocalNav", "transparentBgC", "icon", "iconSize", "bgIconAppearance"] }, { kind: "component", type: BmbActionIconComponent, selector: "bmb-action-icon", inputs: ["idElement", "icon", "alt", "iconSize", "isFill", "toggleIconActive", "isToggleActive", "isAccentColor", "dotNotification", "target", "link", "disabled"], outputs: ["isToggleActiveChange", "isAccentColorChange", "buttonPress", "buttonClick"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbNativeModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bmb-native-modal', template: "<bmb-overlay [active]=\"true\" />\n<dialog class=\"bmb_native-modal\" [open]=\"true\">\n  <div\n    class=\"bmb_native-modal-container bmb_box-shadow-3\"\n    [ngClass]=\"getContainerClass()\"\n  >\n    <header class=\"bmb_native-modal-header\">\n      <bmb-three-cols\n        [expandMainColumn]=\"true\"\n        gapSize=\"none\"\n        alignItems=\"start\"\n      >\n        <ng-template #bmbMainContent>\n          <span class=\"bmb_modal-container-header-title\">\n            <bmb-title-content\n              [title]=\"title()\"\n              titleSize=\"9\"\n              [subtitle]=\"subtitle()\"\n              [icon]=\"modalIcon()\"\n              [iconSize]=\"48\"\n              [transparentBgC]=\"true\"\n            />\n          </span>\n        </ng-template>\n        <ng-template #bmbRightContent>\n          <span class=\"bmb_modal-container-header-icon_close\">\n            <bmb-action-icon\n              icon=\"close\"\n              [iconSize]=\"24\"\n              (buttonClick)=\"handleCloseModal($event)\"\n            />\n          </span>\n        </ng-template>\n      </bmb-three-cols>\n    </header>\n    <section class=\"bmb_native-modal-content\">\n      @if (isTemplateRef()) {\n        <ng-template #templateContent>\n          <ng-container *ngTemplateOutlet=\"getContent()\"></ng-container>\n        </ng-template>\n        <ng-container *ngTemplateOutlet=\"templateContent\"></ng-container>\n      } @else {\n        <p>\n          {{ content() }}\n        </p>\n      }\n    </section>\n    @if (actions().length) {\n      <footer class=\"bmb_native-modal-footer\">\n        @for (btn of actions(); track $index) {\n          <button\n            bmbButton\n            [appearance]=\"btn.appearance || 'secondary-outlined'\"\n            (click)=\"btn.action()\"\n          >\n            @if (btn.icon) {\n              <i class=\"{{ btn.icon }}\"></i>\n            }\n            {{ btn.buttonName }}\n          </button>\n        }\n      </footer>\n    }\n  </div>\n</dialog>\n", standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            args: [{ selector: 'bmb-native-modal', template: "@if (hasBackdrop()) {\r\n  <bmb-overlay [active]=\"true\" (onClick)=\"handleBackdropClick()\" />\r\n}\r\n<dialog class=\"bmb_native-modal\" [open]=\"true\">\r\n  <div\r\n    class=\"bmb_native-modal-container bmb_box-shadow-3\"\r\n    [ngClass]=\"getContainerClass()\"\r\n  >\r\n    <header class=\"bmb_native-modal-header\">\r\n      <bmb-three-cols\r\n        [expandMainColumn]=\"true\"\r\n        gapSize=\"none\"\r\n        alignItems=\"start\"\r\n      >\r\n        <ng-template #bmbMainContent>\r\n          <span class=\"bmb_modal-container-header-title\">\r\n            <bmb-title-content\r\n              [title]=\"title()\"\r\n              titleSize=\"9\"\r\n              [subtitle]=\"subtitle()\"\r\n              [icon]=\"modalIcon()\"\r\n              [iconSize]=\"48\"\r\n              [transparentBgC]=\"true\"\r\n            />\r\n          </span>\r\n        </ng-template>\r\n        <ng-template #bmbRightContent>\r\n          <span class=\"bmb_modal-container-header-icon_close\">\r\n            <bmb-action-icon\r\n              icon=\"close\"\r\n              [iconSize]=\"24\"\r\n              (buttonClick)=\"handleCloseModal($event)\"\r\n            />\r\n          </span>\r\n        </ng-template>\r\n      </bmb-three-cols>\r\n    </header>\r\n    <section class=\"bmb_native-modal-content\">\r\n      @if (isTemplateRef()) {\r\n        <ng-template #templateContent>\r\n          <ng-container *ngTemplateOutlet=\"getContent()\"></ng-container>\r\n        </ng-template>\r\n        <ng-container *ngTemplateOutlet=\"templateContent\"></ng-container>\r\n      } @else {\r\n        <p>\r\n          {{ content() }}\r\n        </p>\r\n      }\r\n    </section>\r\n    @if (actions().length) {\r\n      <footer class=\"bmb_native-modal-footer\">\r\n        @for (btn of actions(); track $index) {\r\n          <button\r\n            bmbButton\r\n            [appearance]=\"btn.appearance || 'secondary-outlined'\"\r\n            (click)=\"btn.action()\"\r\n            [ngStyle]=\"{ flex: actions().length === 1 ? '1 1 auto' : 'none' }\"\r\n          >\r\n            @if (btn.icon) {\r\n              <bmb-icon [icon]=\"btn.icon\" [size]=\"24\" />\r\n            }\r\n            {{ btn.label }}\r\n          </button>\r\n        }\r\n      </footer>\r\n    }\r\n  </div>\r\n</dialog>\r\n", standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         BmbOverlayComponent,
                         BmbButtonDirective,
                         CommonModule,
                         BmbThreeColsComponent,
                         BmbTitleContentComponent,
                         BmbActionIconComponent,
+                        BmbIconComponent,
                     ], styles: [".bmb_native-modal{position:fixed;left:0;top:0;width:100dvw;height:100dvh;z-index:90;border:0;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:0}.bmb_native-modal[open]{animation:fadein .3s ease-in forwards}.bmb_native-modal-container{padding:2rem;width:calc(100% - 2rem);background-color:var(--containers-modal);border-radius:1rem;border:.0625rem solid var(--general_contrasts-25);color:var(--general_contrasts-100);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;gap:var(--bmb-spacing-xl)}.bmb_native-modal-container-x-small{max-width:29.5rem}.bmb_native-modal-container-small{max-width:40.875rem}.bmb_native-modal-container-medium{max-width:47.5rem}.bmb_native-modal-container-large{max-width:57.5rem}.bmb_native-modal-container-x-large{max-width:67.5rem}.bmb_native-modal-content{overflow:auto;flex:1}.bmb_native-modal-footer{display:flex;justify-content:flex-end;gap:var(--bmb-spacing-m);flex-wrap:wrap}@media (max-width: 1000px){.bmb_native-modal-footer .bmb_btn{flex:1 1 100%}}@keyframes fadein{0%{opacity:0;transform:scale(.9)}50%{opacity:.5;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}\n"] }]
         }], ctorParameters: () => [{ type: BmbNativeModalService }] });
 
@@ -1226,7 +1228,7 @@ class BmbPortalComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbPortalComponent, deps: [{ token: BmbNotificationService }, { token: BmbNativeModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbPortalComponent, isStandalone: true, selector: "bmb-portal", ngImport: i0, template: "<section class=\"bmb_portal\">\n  <div class=\"bmb_portal-top-left\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'top-left',\n      }\"\n    />\n  </div>\n  <div class=\"bmb_portal-top-center\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'top-center',\n      }\"\n    />\n  </div>\n  <div class=\"bmb_portal-top-right\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'top-right',\n      }\"\n    />\n  </div>\n  <div class=\"bmb_portal-bottom-left\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'bottom-left',\n      }\"\n    />\n  </div>\n  <div class=\"bmb_portal-bottom-center\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'bottom-center',\n      }\"\n    />\n  </div>\n  <div class=\"bmb_portal-bottom-right\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'bottom-right',\n      }\"\n    />\n  </div>\n</section>\n\n@for (item of modalSignal(); track $index) {\n  <bmb-native-modal\n    [title]=\"item.title || ''\"\n    [content]=\"item.content || ''\"\n    [modalId]=\"item.modalId || ''\"\n    [subtitle]=\"item.subtitle || ''\"\n    [size]=\"item.size || 'medium'\"\n    [iconStyle]=\"item.iconStyle\"\n    [actions]=\"item.actions || []\"\n    (closeModalClicked)=\"handleModalClick(item, $event)\"\n  />\n}\n\n<ng-template\n  #commonTemplate\n  let-notifications=\"notifications\"\n  let-position=\"position\"\n>\n  @for (notification of notifications; track $index) {\n    @if (notification.position === position) {\n      @if (notification.component === \"toast\") {\n        <bmb-toast\n          [title]=\"notification.title\"\n          [description]=\"notification.content\"\n          [appearance]=\"notification.appearance || 'neutral'\"\n          [isClosable]=\"true\"\n          [id]=\"notification.id || $index\"\n          (onClose)=\"closeNotification(notification)\"\n        />\n      } @else if (notification.component === \"notice-card\") {\n        <bmb-notice-card\n          [src]=\"notification.media\"\n          [title]=\"notification.title\"\n          [description]=\"notification.content\"\n          [buttonText]=\"notification.buttonText\"\n          [link]=\"notification.link\"\n          (onClose)=\"closeNotification(notification)\"\n        />\n      } @else {\n        <bmb-push-notification-item\n          [notification]=\"notification\"\n          (onClose)=\"closeNotification(notification)\"\n        />\n      }\n    }\n  }\n</ng-template>\n", styles: [".bmb_portal-top-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center>*{transform:translate(-50%)}.bmb_portal-bottom-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center>*{transform:translate(-50%)}\n"], dependencies: [{ kind: "component", type: BmbPushNotificationItemComponent, selector: "bmb-push-notification-item", inputs: ["notification"], outputs: ["onClose"] }, { kind: "component", type: BmbToastComponent, selector: "bmb-toast", inputs: ["appearance", "isClosable", "title", "description", "position", "id"], outputs: ["onClose"] }, { kind: "component", type: BmbNoticeCardComponent, selector: "bmb-notice-card", inputs: ["src", "title", "description", "buttonText", "link", "closeBtnColor"], outputs: ["onClose", "onClickBtn"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbNativeModalComponent, selector: "bmb-native-modal", inputs: ["title", "subtitle", "content", "actions", "alertIcon", "modalId", "size", "iconStyle"], outputs: ["actionsClicked", "closeModalClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbPortalComponent, isStandalone: true, selector: "bmb-portal", ngImport: i0, template: "<section class=\"bmb_portal\">\n  <div class=\"bmb_portal-top-left\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'top-left',\n      }\"\n    />\n  </div>\n  <div class=\"bmb_portal-top-center\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'top-center',\n      }\"\n    />\n  </div>\n  <div class=\"bmb_portal-top-right\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'top-right',\n      }\"\n    />\n  </div>\n  <div class=\"bmb_portal-bottom-left\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'bottom-left',\n      }\"\n    />\n  </div>\n  <div class=\"bmb_portal-bottom-center\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'bottom-center',\n      }\"\n    />\n  </div>\n  <div class=\"bmb_portal-bottom-right\">\n    <ng-container\n      [ngTemplateOutlet]=\"commonTemplate\"\n      [ngTemplateOutletContext]=\"{\n        notifications: getNotifications(),\n        position: 'bottom-right',\n      }\"\n    />\n  </div>\n</section>\n\n@for (item of modalSignal(); track $index) {\n  <bmb-native-modal\n    [title]=\"item.title || ''\"\n    [content]=\"item.content || ''\"\n    [modalId]=\"item.modalId || ''\"\n    [subtitle]=\"item.subtitle || ''\"\n    [size]=\"item.size || 'medium'\"\n    [iconStyle]=\"item.iconStyle\"\n    [actions]=\"item.actions || []\"\n    (closeModalClicked)=\"handleModalClick(item, $event)\"\n  />\n}\n\n<ng-template\n  #commonTemplate\n  let-notifications=\"notifications\"\n  let-position=\"position\"\n>\n  @for (notification of notifications; track $index) {\n    @if (notification.position === position) {\n      @if (notification.component === \"toast\") {\n        <bmb-toast\n          [title]=\"notification.title\"\n          [description]=\"notification.content\"\n          [appearance]=\"notification.appearance || 'neutral'\"\n          [isClosable]=\"true\"\n          [id]=\"notification.id || $index\"\n          (onClose)=\"closeNotification(notification)\"\n        />\n      } @else if (notification.component === \"notice-card\") {\n        <bmb-notice-card\n          [src]=\"notification.media\"\n          [title]=\"notification.title\"\n          [description]=\"notification.content\"\n          [buttonText]=\"notification.buttonText\"\n          [link]=\"notification.link\"\n          (onClose)=\"closeNotification(notification)\"\n        />\n      } @else {\n        <bmb-push-notification-item\n          [notification]=\"notification\"\n          (onClose)=\"closeNotification(notification)\"\n        />\n      }\n    }\n  }\n</ng-template>\n", styles: [".bmb_portal-top-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;top:1rem}.bmb_portal-top-center>*{transform:translate(-50%)}.bmb_portal-bottom-right{right:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-left{left:1rem;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center{left:50%;position:absolute;width:clamp(6.25rem,100% - 2rem,31.25rem);z-index:9999;display:flex;gap:1rem;flex-flow:column;bottom:1rem}.bmb_portal-bottom-center>*{transform:translate(-50%)}\n"], dependencies: [{ kind: "component", type: BmbPushNotificationItemComponent, selector: "bmb-push-notification-item", inputs: ["notification"], outputs: ["onClose"] }, { kind: "component", type: BmbToastComponent, selector: "bmb-toast", inputs: ["appearance", "isClosable", "title", "description", "position", "id"], outputs: ["onClose"] }, { kind: "component", type: BmbNoticeCardComponent, selector: "bmb-notice-card", inputs: ["src", "title", "description", "buttonText", "link", "closeBtnColor"], outputs: ["onClose", "onClickBtn"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BmbNativeModalComponent, selector: "bmb-native-modal", inputs: ["title", "subtitle", "content", "actions", "alertIcon", "modalId", "size", "iconStyle", "autoFocus", "disableClose", "hasBackdrop"], outputs: ["actionsClicked", "closeModalClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbPortalComponent, decorators: [{
             type: Component,
@@ -4334,7 +4336,7 @@ class BmbSidebarComponent {
         return 'arrow_back_ios_new';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbSidebarComponent, isStandalone: true, selector: "bmb-sidebar", inputs: { elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:focusin": "onFocusIn($event)", "window:focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "sideNav", first: true, predicate: ["sideNav"], descendants: true }], ngImport: i0, template: "<!-- Template for element -->\r\n<ng-template #elementTemplate let-element=\"element\">\r\n  <bmb-icon\r\n    class=\"bmb_sidebar-icon\"\r\n    [icon]=\"element?.icon!\"\r\n    [alt]=\"element.title\"\r\n  />\r\n  <span class=\"bmb_sidebar-text\">{{ element!.title }}</span>\r\n</ng-template>\r\n\r\n<!-- Template for menu items -->\r\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\r\n  <bmb-check-external-link-button\r\n    class=\"bmb_sidebar-link\"\r\n    [idElement]=\"item.id.toString()\"\r\n    [link]=\"getLink(item.link, !!item.children)\"\r\n    [target]=\"item.target!\"\r\n    (buttonClick)=\"toggleChildren(item)\"\r\n  >\r\n    <ng-container\r\n      *ngTemplateOutlet=\"elementTemplate; context: { element: item }\"\r\n    />\r\n    @if (!!item.children) {\r\n      @if (position() === \"right\") {\r\n        <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_left\" />\r\n      } @else {\r\n        <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_right\" />\r\n      }\r\n    }\r\n  </bmb-check-external-link-button>\r\n</ng-template>\r\n\r\n<!-- Template for navigation -->\r\n<ng-template #sidebarTemplate let-isMobile=\"isMobile\">\r\n  @for (group of elements().slice(0, 2); track $index) {\r\n    <ul class=\"bmb_sidebar-list\">\r\n      @for (element of group.slice(0, 5); track $index) {\r\n        <li\r\n          class=\"bmb_sidebar-item\"\r\n          [ngClass]=\"{\r\n            'bmb_sidebar-item-left-space':\r\n              position() === 'right' && hasSubmenu && !element.children?.length,\r\n          }\"\r\n          (click)=\"checkToCloseSidebar(element)\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              itemsTemplate;\r\n              context: { item: element, isMobile: isMobile }\r\n            \"\r\n          />\r\n          @if (!!element.children) {\r\n            <section\r\n              class=\"bmb_sidebar-children\"\r\n              [ngClass]=\"{\r\n                'bmb_sidebar-children-open': selectedElement === element,\r\n              }\"\r\n            >\r\n              @if (!!selectedElement && isOpen) {\r\n                <section class=\"bmb_sidebar-title\">\r\n                  <button\r\n                    class=\"bmb_sidebar-title-button\"\r\n                    [id]=\"element.id\"\r\n                    bmbButton\r\n                    appearance=\"transparent\"\r\n                    icon=\"chevron_left\"\r\n                    [iconSize]=\"24\"\r\n                    size=\"micro\"\r\n                    (click)=\"toggleChildren(element)\"\r\n                  ></button>\r\n\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                      elementTemplate;\r\n                      context: { element: selectedElement }\r\n                    \"\r\n                  />\r\n                  <button\r\n                    class=\"bmb_sidebar-title-button\"\r\n                    [id]=\"element.id\"\r\n                    bmbButton\r\n                    appearance=\"transparent\"\r\n                    icon=\"close\"\r\n                    [iconSize]=\"24\"\r\n                    size=\"micro\"\r\n                    (click)=\"toggleSidebar()\"\r\n                  ></button>\r\n                </section>\r\n              }\r\n              <ul class=\"bmb_sidebar-list\">\r\n                @for (child of element?.children?.slice(0, 6); track $index) {\r\n                  <li\r\n                    class=\"bmb_sidebar-item\"\r\n                    (click)=\"checkToCloseSidebar(child)\"\r\n                  >\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        itemsTemplate;\r\n                        context: { item: child }\r\n                      \"\r\n                    />\r\n                  </li>\r\n                }\r\n              </ul>\r\n            </section>\r\n          }\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Web -->\r\n<nav\r\n  #sideNav\r\n  class=\"bmb_sidebar bmb_sidebar-desktop\"\r\n  aria-label=\"Sidebar Navigation\"\r\n  [ngClass]=\"{\r\n    'bmb-active': isActive,\r\n    'bmb_sidebar-desktop-right': position() === 'right',\r\n  }\"\r\n  (mouseleave)=\"closeSideBar()\"\r\n>\r\n  <div class=\"bmb_sidebar-content\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: false }\"\r\n    />\r\n  </div>\r\n</nav>\r\n\r\n<!-- Mobile -->\r\n<nav\r\n  class=\"bmb_sidebar bmb_sidebar-mobile\"\r\n  [ngClass]=\"{\r\n    'bmb_sidebar-open': isOpen,\r\n    'bmb_sidebar-mobile-right': position() === 'right',\r\n  }\"\r\n  aria-label=\"Sidebar Navigation\"\r\n>\r\n  <button class=\"bmb_sidebar-button\" type=\"button\" (click)=\"toggleSidebar()\">\r\n    @if (isOpen) {\r\n      <span class=\"bmb_sidebar-button-text\">{{ title() }}</span>\r\n    }\r\n    <bmb-icon class=\"bmb_sidebar-button-icon\" [icon]=\"getMobileIcon()\" />\r\n  </button>\r\n  @if (isOpen) {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: true }\"\r\n    />\r\n  }\r\n</nav>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:.8;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:.8;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:.8;width:110%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:RGBA(var(--color-black-primary));border-radius:0 .5rem .5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}@media (min-width: 1000px){.bmb_sidebar{border-radius:0 1.5rem 1.5rem 0}}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{border-radius:0 .5rem .5rem 0;cursor:pointer;top:calc(4.1875rem + 5%);width:1.75rem}@media (min-height: 630px) and (min-width: 1000px){.bmb_sidebar-mobile{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceRightMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:100%;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}@media (max-height: 629px) and (min-width: 1000px){.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceChildrenMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:17.5rem;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}}.bmb_sidebar-mobile-right{right:0;left:auto;border-radius:.5rem 0 0 .5rem}.bmb_sidebar-mobile-right .bmb_check-external-link-button .bmb_sidebar-arrow .material-symbols-rounded{transform:rotate(180deg)}.bmb_sidebar-mobile .bmb_sidebar-button{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:0;width:100%}.bmb_sidebar-mobile .bmb_sidebar-button-icon{color:RGBA(var(--color-white-primary));font-size:1rem}.bmb_sidebar-mobile .bmb_sidebar-button-text{color:RGBA(var(--color-white-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto}@media (min-width: 1000px){.bmb_sidebar-desktop-right{border-radius:1.5rem 0 0 1.5rem}}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-height: 631px) and (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid RGBA(var(--color-charade-800));margin-top:2rem;padding-top:2rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;color:RGBA(var(--color-white-primary));text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:RGBA(var(--color-white-primary));color:RGBA(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{font-size:1.5rem;padding:0 .5rem}.bmb_sidebar-text{display:block;flex:1;opacity:0;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:RGBA(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid RGBA(var(--color-charade-800));color:RGBA(var(--color-white-primary));display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-title-button{color:RGBA(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}.bmb_sidebar-title .bmb_sidebar-text{display:flex}.bmb_sidebar-title .bmb_sidebar-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_sidebar .bmb-active-link{display:flex;align-items:center;height:100%;width:100%;background-color:RGBA(var(--color-white-primary));border-radius:1.5rem;color:RGBA(var(--color-black-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: BmbSidebarComponent, isStandalone: true, selector: "bmb-sidebar", inputs: { elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:focusin": "onFocusIn($event)", "window:focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "sideNav", first: true, predicate: ["sideNav"], descendants: true }], ngImport: i0, template: "<!-- Template for element -->\r\n<ng-template #elementTemplate let-element=\"element\">\r\n  <bmb-icon\r\n    class=\"bmb_sidebar-icon\"\r\n    [icon]=\"element?.icon!\"\r\n    [alt]=\"element.title\"\r\n    [size]=\"24\"\r\n  />\r\n  <span class=\"bmb_sidebar-text\">{{ element!.title }}</span>\r\n</ng-template>\r\n\r\n<!-- Template for menu items -->\r\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\r\n  <bmb-check-external-link-button\r\n    class=\"bmb_sidebar-link\"\r\n    [idElement]=\"item.id.toString()\"\r\n    [link]=\"getLink(item.link, !!item.children)\"\r\n    [target]=\"item.target!\"\r\n    (buttonClick)=\"toggleChildren(item)\"\r\n  >\r\n    <ng-container\r\n      *ngTemplateOutlet=\"elementTemplate; context: { element: item }\"\r\n    />\r\n    @if (!!item.children) {\r\n      @if (position() === \"right\") {\r\n        <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_left\" />\r\n      } @else {\r\n        <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_right\" />\r\n      }\r\n    }\r\n  </bmb-check-external-link-button>\r\n</ng-template>\r\n\r\n<!-- Template for navigation -->\r\n<ng-template #sidebarTemplate let-isMobile=\"isMobile\">\r\n  @for (group of elements().slice(0, 2); track $index) {\r\n    <ul class=\"bmb_sidebar-list\">\r\n      @for (element of group.slice(0, 5); track $index) {\r\n        <li\r\n          class=\"bmb_sidebar-item\"\r\n          [ngClass]=\"{\r\n            'bmb_sidebar-item-left-space':\r\n              position() === 'right' && hasSubmenu && !element.children?.length,\r\n          }\"\r\n          (click)=\"checkToCloseSidebar(element)\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              itemsTemplate;\r\n              context: { item: element, isMobile: isMobile }\r\n            \"\r\n          />\r\n          @if (!!element.children) {\r\n            <section\r\n              class=\"bmb_sidebar-children\"\r\n              [ngClass]=\"{\r\n                'bmb_sidebar-children-open': selectedElement === element,\r\n              }\"\r\n            >\r\n              @if (!!selectedElement && isOpen) {\r\n                <section class=\"bmb_sidebar-title\">\r\n                  <button\r\n                    class=\"bmb_sidebar-title-button\"\r\n                    [id]=\"element.id\"\r\n                    bmbButton\r\n                    appearance=\"transparent\"\r\n                    icon=\"chevron_left\"\r\n                    [iconSize]=\"24\"\r\n                    size=\"micro\"\r\n                    (click)=\"toggleChildren(element)\"\r\n                  ></button>\r\n\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                      elementTemplate;\r\n                      context: { element: selectedElement }\r\n                    \"\r\n                  />\r\n                  <button\r\n                    class=\"bmb_sidebar-title-button\"\r\n                    [id]=\"element.id\"\r\n                    bmbButton\r\n                    appearance=\"transparent\"\r\n                    icon=\"close\"\r\n                    [iconSize]=\"24\"\r\n                    size=\"micro\"\r\n                    (click)=\"toggleSidebar()\"\r\n                  ></button>\r\n                </section>\r\n              }\r\n              <ul class=\"bmb_sidebar-list\">\r\n                @for (child of element?.children?.slice(0, 6); track $index) {\r\n                  <li\r\n                    class=\"bmb_sidebar-item\"\r\n                    (click)=\"checkToCloseSidebar(child)\"\r\n                  >\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        itemsTemplate;\r\n                        context: { item: child }\r\n                      \"\r\n                    />\r\n                  </li>\r\n                }\r\n              </ul>\r\n            </section>\r\n          }\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Web -->\r\n<nav\r\n  #sideNav\r\n  class=\"bmb_sidebar bmb_sidebar-desktop\"\r\n  aria-label=\"Sidebar Navigation\"\r\n  [ngClass]=\"{\r\n    'bmb-active': isActive,\r\n    'bmb_sidebar-desktop-right': position() === 'right',\r\n  }\"\r\n  (mouseleave)=\"closeSideBar()\"\r\n>\r\n  <div class=\"bmb_sidebar-content\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: false }\"\r\n    />\r\n  </div>\r\n</nav>\r\n\r\n<!-- Mobile -->\r\n<nav\r\n  class=\"bmb_sidebar bmb_sidebar-mobile\"\r\n  [ngClass]=\"{\r\n    'bmb_sidebar-open': isOpen,\r\n    'bmb_sidebar-mobile-right': position() === 'right',\r\n  }\"\r\n  aria-label=\"Sidebar Navigation\"\r\n>\r\n  <button class=\"bmb_sidebar-button\" type=\"button\" (click)=\"toggleSidebar()\">\r\n    @if (isOpen) {\r\n      <span class=\"bmb_sidebar-button-text\">{{ title() }}</span>\r\n    }\r\n    <bmb-icon class=\"bmb_sidebar-button-icon\" [icon]=\"getMobileIcon()\" />\r\n  </button>\r\n  @if (isOpen) {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: true }\"\r\n    />\r\n  }\r\n</nav>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:.8;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:.8;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:.8;width:110%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:RGBA(var(--color-black-primary));border-radius:0 .5rem .5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}@media (min-width: 1000px){.bmb_sidebar{border-radius:0 1.5rem 1.5rem 0}}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{border-radius:0 .5rem .5rem 0;cursor:pointer;top:calc(4.1875rem + 5%);width:1.75rem}@media (min-height: 630px) and (min-width: 1000px){.bmb_sidebar-mobile{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceRightMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:100%;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}@media (max-height: 629px) and (min-width: 1000px){.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceChildrenMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:17.5rem;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}}.bmb_sidebar-mobile-right{right:0;left:auto;border-radius:.5rem 0 0 .5rem}.bmb_sidebar-mobile-right .bmb_check-external-link-button .bmb_sidebar-arrow .material-symbols-rounded{transform:rotate(180deg)}.bmb_sidebar-mobile .bmb_sidebar-button{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:0;width:100%}.bmb_sidebar-mobile .bmb_sidebar-button-icon{color:RGBA(var(--color-white-primary));font-size:1rem}.bmb_sidebar-mobile .bmb_sidebar-button-text{color:RGBA(var(--color-white-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto}@media (min-width: 1000px){.bmb_sidebar-desktop-right{border-radius:1.5rem 0 0 1.5rem}}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-height: 631px) and (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid RGBA(var(--color-charade-800));margin-top:2rem;padding-top:2rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;color:RGBA(var(--color-white-primary));text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:RGBA(var(--color-white-primary));color:RGBA(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{font-size:1.5rem;padding:0 .5rem}.bmb_sidebar-text{display:block;flex:1;opacity:0;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:RGBA(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid RGBA(var(--color-charade-800));color:RGBA(var(--color-white-primary));display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-title-button{color:RGBA(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}.bmb_sidebar-title .bmb_sidebar-text{display:flex}.bmb_sidebar-title .bmb_sidebar-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_sidebar .bmb-active-link{display:flex;align-items:center;height:100%;width:100%;background-color:RGBA(var(--color-white-primary));border-radius:1.5rem;color:RGBA(var(--color-black-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BmbButtonDirective, selector: "[bmbButton]", inputs: ["icon", "iconSize", "position", "case", "appearance", "size", "isToggleActive", "enableButtonToggle", "isRounded", "isMobile", "iconAlt"] }, { kind: "component", type: BmbIconComponent, selector: "bmb-icon", inputs: ["icon", "materialIcon", "styleIcon", "isFill", "fontWeight", "size", "alt", "dotNotification"] }, { kind: "component", type: BmbCheckExternalLinkButtonComponent, selector: "bmb-check-external-link-button", inputs: ["idElement", "link", "target", "disabled", "buttonName"], outputs: ["buttonPress", "buttonClick", "buttonKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BmbSidebarComponent, decorators: [{
             type: Component,
@@ -4343,7 +4345,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         BmbButtonDirective,
                         BmbIconComponent,
                         BmbCheckExternalLinkButtonComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- Template for element -->\r\n<ng-template #elementTemplate let-element=\"element\">\r\n  <bmb-icon\r\n    class=\"bmb_sidebar-icon\"\r\n    [icon]=\"element?.icon!\"\r\n    [alt]=\"element.title\"\r\n  />\r\n  <span class=\"bmb_sidebar-text\">{{ element!.title }}</span>\r\n</ng-template>\r\n\r\n<!-- Template for menu items -->\r\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\r\n  <bmb-check-external-link-button\r\n    class=\"bmb_sidebar-link\"\r\n    [idElement]=\"item.id.toString()\"\r\n    [link]=\"getLink(item.link, !!item.children)\"\r\n    [target]=\"item.target!\"\r\n    (buttonClick)=\"toggleChildren(item)\"\r\n  >\r\n    <ng-container\r\n      *ngTemplateOutlet=\"elementTemplate; context: { element: item }\"\r\n    />\r\n    @if (!!item.children) {\r\n      @if (position() === \"right\") {\r\n        <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_left\" />\r\n      } @else {\r\n        <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_right\" />\r\n      }\r\n    }\r\n  </bmb-check-external-link-button>\r\n</ng-template>\r\n\r\n<!-- Template for navigation -->\r\n<ng-template #sidebarTemplate let-isMobile=\"isMobile\">\r\n  @for (group of elements().slice(0, 2); track $index) {\r\n    <ul class=\"bmb_sidebar-list\">\r\n      @for (element of group.slice(0, 5); track $index) {\r\n        <li\r\n          class=\"bmb_sidebar-item\"\r\n          [ngClass]=\"{\r\n            'bmb_sidebar-item-left-space':\r\n              position() === 'right' && hasSubmenu && !element.children?.length,\r\n          }\"\r\n          (click)=\"checkToCloseSidebar(element)\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              itemsTemplate;\r\n              context: { item: element, isMobile: isMobile }\r\n            \"\r\n          />\r\n          @if (!!element.children) {\r\n            <section\r\n              class=\"bmb_sidebar-children\"\r\n              [ngClass]=\"{\r\n                'bmb_sidebar-children-open': selectedElement === element,\r\n              }\"\r\n            >\r\n              @if (!!selectedElement && isOpen) {\r\n                <section class=\"bmb_sidebar-title\">\r\n                  <button\r\n                    class=\"bmb_sidebar-title-button\"\r\n                    [id]=\"element.id\"\r\n                    bmbButton\r\n                    appearance=\"transparent\"\r\n                    icon=\"chevron_left\"\r\n                    [iconSize]=\"24\"\r\n                    size=\"micro\"\r\n                    (click)=\"toggleChildren(element)\"\r\n                  ></button>\r\n\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                      elementTemplate;\r\n                      context: { element: selectedElement }\r\n                    \"\r\n                  />\r\n                  <button\r\n                    class=\"bmb_sidebar-title-button\"\r\n                    [id]=\"element.id\"\r\n                    bmbButton\r\n                    appearance=\"transparent\"\r\n                    icon=\"close\"\r\n                    [iconSize]=\"24\"\r\n                    size=\"micro\"\r\n                    (click)=\"toggleSidebar()\"\r\n                  ></button>\r\n                </section>\r\n              }\r\n              <ul class=\"bmb_sidebar-list\">\r\n                @for (child of element?.children?.slice(0, 6); track $index) {\r\n                  <li\r\n                    class=\"bmb_sidebar-item\"\r\n                    (click)=\"checkToCloseSidebar(child)\"\r\n                  >\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        itemsTemplate;\r\n                        context: { item: child }\r\n                      \"\r\n                    />\r\n                  </li>\r\n                }\r\n              </ul>\r\n            </section>\r\n          }\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Web -->\r\n<nav\r\n  #sideNav\r\n  class=\"bmb_sidebar bmb_sidebar-desktop\"\r\n  aria-label=\"Sidebar Navigation\"\r\n  [ngClass]=\"{\r\n    'bmb-active': isActive,\r\n    'bmb_sidebar-desktop-right': position() === 'right',\r\n  }\"\r\n  (mouseleave)=\"closeSideBar()\"\r\n>\r\n  <div class=\"bmb_sidebar-content\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: false }\"\r\n    />\r\n  </div>\r\n</nav>\r\n\r\n<!-- Mobile -->\r\n<nav\r\n  class=\"bmb_sidebar bmb_sidebar-mobile\"\r\n  [ngClass]=\"{\r\n    'bmb_sidebar-open': isOpen,\r\n    'bmb_sidebar-mobile-right': position() === 'right',\r\n  }\"\r\n  aria-label=\"Sidebar Navigation\"\r\n>\r\n  <button class=\"bmb_sidebar-button\" type=\"button\" (click)=\"toggleSidebar()\">\r\n    @if (isOpen) {\r\n      <span class=\"bmb_sidebar-button-text\">{{ title() }}</span>\r\n    }\r\n    <bmb-icon class=\"bmb_sidebar-button-icon\" [icon]=\"getMobileIcon()\" />\r\n  </button>\r\n  @if (isOpen) {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: true }\"\r\n    />\r\n  }\r\n</nav>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:.8;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:.8;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:.8;width:110%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:RGBA(var(--color-black-primary));border-radius:0 .5rem .5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}@media (min-width: 1000px){.bmb_sidebar{border-radius:0 1.5rem 1.5rem 0}}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{border-radius:0 .5rem .5rem 0;cursor:pointer;top:calc(4.1875rem + 5%);width:1.75rem}@media (min-height: 630px) and (min-width: 1000px){.bmb_sidebar-mobile{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceRightMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:100%;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}@media (max-height: 629px) and (min-width: 1000px){.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceChildrenMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:17.5rem;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}}.bmb_sidebar-mobile-right{right:0;left:auto;border-radius:.5rem 0 0 .5rem}.bmb_sidebar-mobile-right .bmb_check-external-link-button .bmb_sidebar-arrow .material-symbols-rounded{transform:rotate(180deg)}.bmb_sidebar-mobile .bmb_sidebar-button{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:0;width:100%}.bmb_sidebar-mobile .bmb_sidebar-button-icon{color:RGBA(var(--color-white-primary));font-size:1rem}.bmb_sidebar-mobile .bmb_sidebar-button-text{color:RGBA(var(--color-white-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto}@media (min-width: 1000px){.bmb_sidebar-desktop-right{border-radius:1.5rem 0 0 1.5rem}}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-height: 631px) and (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid RGBA(var(--color-charade-800));margin-top:2rem;padding-top:2rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;color:RGBA(var(--color-white-primary));text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:RGBA(var(--color-white-primary));color:RGBA(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{font-size:1.5rem;padding:0 .5rem}.bmb_sidebar-text{display:block;flex:1;opacity:0;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:RGBA(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid RGBA(var(--color-charade-800));color:RGBA(var(--color-white-primary));display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-title-button{color:RGBA(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}.bmb_sidebar-title .bmb_sidebar-text{display:flex}.bmb_sidebar-title .bmb_sidebar-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_sidebar .bmb-active-link{display:flex;align-items:center;height:100%;width:100%;background-color:RGBA(var(--color-white-primary));border-radius:1.5rem;color:RGBA(var(--color-black-primary))}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- Template for element -->\r\n<ng-template #elementTemplate let-element=\"element\">\r\n  <bmb-icon\r\n    class=\"bmb_sidebar-icon\"\r\n    [icon]=\"element?.icon!\"\r\n    [alt]=\"element.title\"\r\n    [size]=\"24\"\r\n  />\r\n  <span class=\"bmb_sidebar-text\">{{ element!.title }}</span>\r\n</ng-template>\r\n\r\n<!-- Template for menu items -->\r\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\r\n  <bmb-check-external-link-button\r\n    class=\"bmb_sidebar-link\"\r\n    [idElement]=\"item.id.toString()\"\r\n    [link]=\"getLink(item.link, !!item.children)\"\r\n    [target]=\"item.target!\"\r\n    (buttonClick)=\"toggleChildren(item)\"\r\n  >\r\n    <ng-container\r\n      *ngTemplateOutlet=\"elementTemplate; context: { element: item }\"\r\n    />\r\n    @if (!!item.children) {\r\n      @if (position() === \"right\") {\r\n        <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_left\" />\r\n      } @else {\r\n        <bmb-icon class=\"bmb_sidebar-arrow\" icon=\"chevron_right\" />\r\n      }\r\n    }\r\n  </bmb-check-external-link-button>\r\n</ng-template>\r\n\r\n<!-- Template for navigation -->\r\n<ng-template #sidebarTemplate let-isMobile=\"isMobile\">\r\n  @for (group of elements().slice(0, 2); track $index) {\r\n    <ul class=\"bmb_sidebar-list\">\r\n      @for (element of group.slice(0, 5); track $index) {\r\n        <li\r\n          class=\"bmb_sidebar-item\"\r\n          [ngClass]=\"{\r\n            'bmb_sidebar-item-left-space':\r\n              position() === 'right' && hasSubmenu && !element.children?.length,\r\n          }\"\r\n          (click)=\"checkToCloseSidebar(element)\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              itemsTemplate;\r\n              context: { item: element, isMobile: isMobile }\r\n            \"\r\n          />\r\n          @if (!!element.children) {\r\n            <section\r\n              class=\"bmb_sidebar-children\"\r\n              [ngClass]=\"{\r\n                'bmb_sidebar-children-open': selectedElement === element,\r\n              }\"\r\n            >\r\n              @if (!!selectedElement && isOpen) {\r\n                <section class=\"bmb_sidebar-title\">\r\n                  <button\r\n                    class=\"bmb_sidebar-title-button\"\r\n                    [id]=\"element.id\"\r\n                    bmbButton\r\n                    appearance=\"transparent\"\r\n                    icon=\"chevron_left\"\r\n                    [iconSize]=\"24\"\r\n                    size=\"micro\"\r\n                    (click)=\"toggleChildren(element)\"\r\n                  ></button>\r\n\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"\r\n                      elementTemplate;\r\n                      context: { element: selectedElement }\r\n                    \"\r\n                  />\r\n                  <button\r\n                    class=\"bmb_sidebar-title-button\"\r\n                    [id]=\"element.id\"\r\n                    bmbButton\r\n                    appearance=\"transparent\"\r\n                    icon=\"close\"\r\n                    [iconSize]=\"24\"\r\n                    size=\"micro\"\r\n                    (click)=\"toggleSidebar()\"\r\n                  ></button>\r\n                </section>\r\n              }\r\n              <ul class=\"bmb_sidebar-list\">\r\n                @for (child of element?.children?.slice(0, 6); track $index) {\r\n                  <li\r\n                    class=\"bmb_sidebar-item\"\r\n                    (click)=\"checkToCloseSidebar(child)\"\r\n                  >\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        itemsTemplate;\r\n                        context: { item: child }\r\n                      \"\r\n                    />\r\n                  </li>\r\n                }\r\n              </ul>\r\n            </section>\r\n          }\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</ng-template>\r\n\r\n<!-- Web -->\r\n<nav\r\n  #sideNav\r\n  class=\"bmb_sidebar bmb_sidebar-desktop\"\r\n  aria-label=\"Sidebar Navigation\"\r\n  [ngClass]=\"{\r\n    'bmb-active': isActive,\r\n    'bmb_sidebar-desktop-right': position() === 'right',\r\n  }\"\r\n  (mouseleave)=\"closeSideBar()\"\r\n>\r\n  <div class=\"bmb_sidebar-content\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: false }\"\r\n    />\r\n  </div>\r\n</nav>\r\n\r\n<!-- Mobile -->\r\n<nav\r\n  class=\"bmb_sidebar bmb_sidebar-mobile\"\r\n  [ngClass]=\"{\r\n    'bmb_sidebar-open': isOpen,\r\n    'bmb_sidebar-mobile-right': position() === 'right',\r\n  }\"\r\n  aria-label=\"Sidebar Navigation\"\r\n>\r\n  <button class=\"bmb_sidebar-button\" type=\"button\" (click)=\"toggleSidebar()\">\r\n    @if (isOpen) {\r\n      <span class=\"bmb_sidebar-button-text\">{{ title() }}</span>\r\n    }\r\n    <bmb-icon class=\"bmb_sidebar-button-icon\" [icon]=\"getMobileIcon()\" />\r\n  </button>\r\n  @if (isOpen) {\r\n    <ng-container\r\n      *ngTemplateOutlet=\"sidebarTemplate; context: { isMobile: true }\"\r\n    />\r\n  }\r\n</nav>\r\n", styles: ["@font-face{font-family:Poppins-Thin;font-style:normal;font-weight:100;src:url(/assets/fonts/Poppins/Poppins-Thin.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Light;font-style:normal;font-weight:300;src:url(/assets/fonts/Poppins/Poppins-ExtraLight.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Medium;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Semibold;font-style:normal;font-weight:600;src:url(/assets/fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\")}@font-face{font-family:Poppins-Bold;font-style:normal;font-weight:700;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\")}:root,:host{--font-display: \"Poppins-Regular\", sans-serif}.font-thin-1{font-family:Poppins-Thin,sans-serif;font-size:.625rem}.font-light-1{font-family:Poppins-Light,sans-serif;font-size:.625rem}.font-regular-1{font-family:Poppins-Regular,sans-serif;font-size:.625rem}.font-medium-1{font-family:Poppins-Medium,sans-serif;font-size:.625rem}.font-semibold-1{font-family:Poppins-Semibold,sans-serif;font-size:.625rem}.font-bold-1{font-family:Poppins-Bold,sans-serif;font-size:.625rem}.font-thin-2{font-family:Poppins-Thin,sans-serif;font-size:.6875rem}.font-light-2{font-family:Poppins-Light,sans-serif;font-size:.6875rem}.font-regular-2{font-family:Poppins-Regular,sans-serif;font-size:.6875rem}.font-medium-2{font-family:Poppins-Medium,sans-serif;font-size:.6875rem}.font-semibold-2{font-family:Poppins-Semibold,sans-serif;font-size:.6875rem}.font-bold-2{font-family:Poppins-Bold,sans-serif;font-size:.6875rem}.font-thin-3{font-family:Poppins-Thin,sans-serif;font-size:.75rem}.font-light-3{font-family:Poppins-Light,sans-serif;font-size:.75rem}.font-regular-3{font-family:Poppins-Regular,sans-serif;font-size:.75rem}.font-medium-3{font-family:Poppins-Medium,sans-serif;font-size:.75rem}.font-semibold-3{font-family:Poppins-Semibold,sans-serif;font-size:.75rem}.font-bold-3{font-family:Poppins-Bold,sans-serif;font-size:.75rem}.font-thin-4{font-family:Poppins-Thin,sans-serif;font-size:.875rem}.font-light-4{font-family:Poppins-Light,sans-serif;font-size:.875rem}.font-regular-4{font-family:Poppins-Regular,sans-serif;font-size:.875rem}.font-medium-4{font-family:Poppins-Medium,sans-serif;font-size:.875rem}.font-semibold-4{font-family:Poppins-Semibold,sans-serif;font-size:.875rem}.font-bold-4{font-family:Poppins-Bold,sans-serif;font-size:.875rem}.font-thin-4_5{font-family:Poppins-Thin,sans-serif;font-size:.9375rem}.font-light-4_5{font-family:Poppins-Light,sans-serif;font-size:.9375rem}.font-regular-4_5{font-family:Poppins-Regular,sans-serif;font-size:.9375rem}.font-medium-4_5{font-family:Poppins-Medium,sans-serif;font-size:.9375rem}.font-semibold-4_5{font-family:Poppins-Semibold,sans-serif;font-size:.9375rem}.font-bold-4_5{font-family:Poppins-Bold,sans-serif;font-size:.9375rem}.font-thin-5{font-family:Poppins-Thin,sans-serif;font-size:1rem}.font-light-5{font-family:Poppins-Light,sans-serif;font-size:1rem}.font-regular-5{font-family:Poppins-Regular,sans-serif;font-size:1rem}.font-medium-5{font-family:Poppins-Medium,sans-serif;font-size:1rem}.font-semibold-5{font-family:Poppins-Semibold,sans-serif;font-size:1rem}.font-bold-5{font-family:Poppins-Bold,sans-serif;font-size:1rem}.font-thin-6{font-family:Poppins-Thin,sans-serif;font-size:1.125rem}.font-light-6{font-family:Poppins-Light,sans-serif;font-size:1.125rem}.font-regular-6{font-family:Poppins-Regular,sans-serif;font-size:1.125rem}.font-medium-6{font-family:Poppins-Medium,sans-serif;font-size:1.125rem}.font-semibold-6{font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.font-bold-6{font-family:Poppins-Bold,sans-serif;font-size:1.125rem}.font-thin-7{font-family:Poppins-Thin,sans-serif;font-size:1.25rem}.font-light-7{font-family:Poppins-Light,sans-serif;font-size:1.25rem}.font-regular-7{font-family:Poppins-Regular,sans-serif;font-size:1.25rem}.font-medium-7{font-family:Poppins-Medium,sans-serif;font-size:1.25rem}.font-semibold-7{font-family:Poppins-Semibold,sans-serif;font-size:1.25rem}.font-bold-7{font-family:Poppins-Bold,sans-serif;font-size:1.25rem}.font-thin-8{font-family:Poppins-Thin,sans-serif;font-size:1.375rem}.font-light-8{font-family:Poppins-Light,sans-serif;font-size:1.375rem}.font-regular-8{font-family:Poppins-Regular,sans-serif;font-size:1.375rem}.font-medium-8{font-family:Poppins-Medium,sans-serif;font-size:1.375rem}.font-semibold-8{font-family:Poppins-Semibold,sans-serif;font-size:1.375rem}.font-bold-8{font-family:Poppins-Bold,sans-serif;font-size:1.375rem}.font-thin-9{font-family:Poppins-Thin,sans-serif;font-size:1.5rem}.font-light-9{font-family:Poppins-Light,sans-serif;font-size:1.5rem}.font-regular-9{font-family:Poppins-Regular,sans-serif;font-size:1.5rem}.font-medium-9{font-family:Poppins-Medium,sans-serif;font-size:1.5rem}.font-semibold-9{font-family:Poppins-Semibold,sans-serif;font-size:1.5rem}.font-bold-9{font-family:Poppins-Bold,sans-serif;font-size:1.5rem}.font-thin-10{font-family:Poppins-Thin,sans-serif;font-size:1.625rem}.font-light-10{font-family:Poppins-Light,sans-serif;font-size:1.625rem}.font-regular-10{font-family:Poppins-Regular,sans-serif;font-size:1.625rem}.font-medium-10{font-family:Poppins-Medium,sans-serif;font-size:1.625rem}.font-semibold-10{font-family:Poppins-Semibold,sans-serif;font-size:1.625rem}.font-bold-10{font-family:Poppins-Bold,sans-serif;font-size:1.625rem}.font-thin-11{font-family:Poppins-Thin,sans-serif;font-size:2.25rem}.font-light-11{font-family:Poppins-Light,sans-serif;font-size:2.25rem}.font-regular-11{font-family:Poppins-Regular,sans-serif;font-size:2.25rem}.font-medium-11{font-family:Poppins-Medium,sans-serif;font-size:2.25rem}.font-semibold-11{font-family:Poppins-Semibold,sans-serif;font-size:2.25rem}.font-bold-11{font-family:Poppins-Bold,sans-serif;font-size:2.25rem}.font-thin-12{font-family:Poppins-Thin,sans-serif;font-size:3rem}.font-light-12{font-family:Poppins-Light,sans-serif;font-size:3rem}.font-regular-12{font-family:Poppins-Regular,sans-serif;font-size:3rem}.font-medium-12{font-family:Poppins-Medium,sans-serif;font-size:3rem}.font-semibold-12{font-family:Poppins-Semibold,sans-serif;font-size:3rem}.font-bold-12{font-family:Poppins-Bold,sans-serif;font-size:3rem}@keyframes bounceToRight{0%{width:5.5rem}50%{width:18.75rem}to{width:17.5rem}}@keyframes bounceChildren{0%{opacity:0;width:0}50%{opacity:.8;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:.8;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:.8;width:110%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:RGBA(var(--color-black-primary));border-radius:0 .5rem .5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}@media (min-width: 1000px){.bmb_sidebar{border-radius:0 1.5rem 1.5rem 0}}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{border-radius:0 .5rem .5rem 0;cursor:pointer;top:calc(4.1875rem + 5%);width:1.75rem}@media (min-height: 630px) and (min-width: 1000px){.bmb_sidebar-mobile{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceRightMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:100%;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}@media (max-height: 629px) and (min-width: 1000px){.bmb_sidebar-mobile.bmb_sidebar-open{animation:bounceChildrenMobile .6s ease-out forwards;height:100vh;overflow:auto;padding:1.5rem;top:0;width:17.5rem;border-radius:0}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button{border-bottom:.0625rem solid RGBA(var(--color-charade-800));height:2.5rem;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-button-icon{font-size:1.5rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}}.bmb_sidebar-mobile-right{right:0;left:auto;border-radius:.5rem 0 0 .5rem}.bmb_sidebar-mobile-right .bmb_check-external-link-button .bmb_sidebar-arrow .material-symbols-rounded{transform:rotate(180deg)}.bmb_sidebar-mobile .bmb_sidebar-button{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:0;width:100%}.bmb_sidebar-mobile .bmb_sidebar-button-icon{color:RGBA(var(--color-white-primary));font-size:1rem}.bmb_sidebar-mobile .bmb_sidebar-button-text{color:RGBA(var(--color-white-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Poppins-Semibold,sans-serif;font-size:1.125rem}.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-button .bmb_sidebar-list{margin:1rem 0 0}}.bmb_sidebar-mobile .bmb_sidebar-children-open{animation:bounceFromRight .6s ease-out forwards;display:flex;height:100%;left:0;width:100%;opacity:1;z-index:1}.bmb_sidebar-desktop{cursor:auto;display:none;height:30rem;overflow:hidden;padding:1.5rem;top:50%;transform:translateY(-50%);width:5.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close),.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close){animation:bounceToRight .6s ease-out;animation-fill-mode:forwards;height:30rem;overflow:visible;width:17.5rem}.bmb_sidebar-desktop:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-desktop-right{right:0;left:auto}@media (min-width: 1000px){.bmb_sidebar-desktop-right{border-radius:1.5rem 0 0 1.5rem}}.bmb_sidebar-desktop-right .bmb_sidebar-children{left:auto;right:100%;border-radius:1.5rem 0 0 1.5rem}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-icon,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-text{order:1}.bmb_sidebar-desktop-right:hover:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space,.bmb_sidebar-desktop-right.bmb-active:not(.bmb_sidebar-desktop-close) .bmb_sidebar-item-left-space{padding-left:2.5rem}@media (min-height: 631px) and (min-width: 1001px){.bmb_sidebar-desktop{display:block}}.bmb_sidebar-desktop .bmb_sidebar-item{position:relative}.bmb_sidebar-desktop .bmb_sidebar-item:hover .bmb_sidebar-children{display:flex;width:16.5rem;opacity:1;animation:bounceChildren .5s ease-out forwards}.bmb_sidebar-desktop .bmb_sidebar-children:hover{display:flex;width:16.5rem;opacity:1}.bmb_sidebar-list{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:column;gap:.5rem}.bmb_sidebar-list:nth-of-type(n+2){border-top:.0625rem solid RGBA(var(--color-charade-800));margin-top:2rem;padding-top:2rem}.bmb_sidebar-list .bmb_sidebar-list{padding:1.5rem}.bmb_sidebar-item{align-items:center;display:flex;height:2.5rem;justify-content:flex-start;width:auto}.bmb_sidebar-item .bmb_check-external-link-button{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}.bmb_sidebar-link{display:flex;align-items:center;height:100%;width:100%;border-radius:1.5rem;overflow:hidden}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;color:RGBA(var(--color-white-primary));text-align:left;transition:all .3s ease;width:100%;height:100%}.bmb_sidebar-link .bmb_check-external-link-button-element:hover,.bmb_sidebar-link .bmb_check-external-link-button-element:focus,.bmb_sidebar-link .bmb_check-external-link-button-element:focus-visible{background-color:RGBA(var(--color-white-primary));color:RGBA(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{font-size:1.5rem;padding:0 .5rem}.bmb_sidebar-text{display:block;flex:1;opacity:0;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:RGBA(var(--color-black-primary));flex-flow:column;transition:opacity 1s ease-out;width:0;opacity:0;position:absolute;top:0;left:100%;overflow:hidden}.bmb_sidebar-title{align-items:center;border-bottom:.0625rem solid RGBA(var(--color-charade-800));color:RGBA(var(--color-white-primary));display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem .5rem 1rem}.bmb_sidebar-title-button{color:RGBA(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}.bmb_sidebar-title .bmb_sidebar-text{display:flex}.bmb_sidebar-title .bmb_sidebar-text>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmb_sidebar .bmb-active-link{display:flex;align-items:center;height:100%;width:100%;background-color:RGBA(var(--color-white-primary));border-radius:1.5rem;color:RGBA(var(--color-black-primary))}\n"] }]
         }], propDecorators: { sideNav: [{
                 type: ViewChild,
                 args: ['sideNav']
@@ -5047,38 +5049,6 @@ class BmbCalendarComponent {
         this.isListShowing = !this.isListShowing;
     }
     getEvents() {
-        // return [
-        //   {
-        //     title: 'test title',
-        //     detail: 'test detail',
-        //     start: '2025-02-21T13:00:00',
-        //     end: '2025-02-21T13:30:00',
-        //     modalTitle: 'test modal title',
-        //     subtitle: 'test subtitle',
-        //     place: 'test place',
-        //     tags: [
-        //       {
-        //         appearance: 'success',
-        //         text: 'test tag',
-        //       },
-        //     ],
-        //   },
-        //   {
-        //     title: 'test title',
-        //     detail: 'test detail',
-        //     start: '2025-02-21T20:30:00',
-        //     end: '2025-02-21T21:30:00',
-        //     modalTitle: 'test modal title',
-        //   },
-        //   {
-        //     title: 'test title',
-        //     detail: 'test detail',
-        //     start: '2025-02-21T21:30:00',
-        //     end: '2025-02-21T22:00:00',
-        //     modalTitle: 'test modal title',
-        //     status: 'disabled',
-        //   }
-        // ]
         return this.eventsSignal.getEventList();
     }
     getIsLoading() {