@ti-tecnologico-de-monterrey-oficial/ds-ng 1.5.1220 → 1.5.1318

package/esm2022/lib/components/bmb-server-table/bmb-server-table.component.mjs

@@ -0,0 +1,82 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatTableModule } from '@angular/material/table';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/paginator";
+import * as i2 from "@angular/material/table";
+import * as i3 from "@angular/material/progress-spinner";
+import * as i4 from "@angular/common";
+export class BmbServerTableComponent {
+    constructor() {
+        this.columns = [];
+        this.data = [];
+        this.totalRecords = 0;
+        this.pageSize = 10;
+        this.pageSizeOptions = [];
+        this.loading = false;
+        this.pageChange = new EventEmitter();
+        this.dataChange = new EventEmitter();
+        this.onClickRow = new EventEmitter();
+        this.displayedColumns = [];
+        this.selectedRow = null;
+    }
+    ngOnChanges(changes) {
+        if (changes['columns']) {
+            this.validateColumns();
+        }
+        if (changes['data']) {
+            this.dataChange.emit(this.data || []);
+        }
+    }
+    validateColumns() {
+        if (this.columns && this.columns.length > 0) {
+            this.displayedColumns = this.columns.map((col) => col.key);
+        }
+        else {
+            console.warn('Las columnas están vacías o mal configuradas.');
+            this.displayedColumns = [];
+        }
+    }
+    onPageChange(event) {
+        this.pageChange.emit(event.pageIndex + 1);
+    }
+    onRowClick(row) {
+        this.selectedRow = row;
+        this.onClickRow.emit(row);
+    }
+    isSelected(row) {
+        return this.selectedRow === row;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbServerTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BmbServerTableComponent, isStandalone: true, selector: "bmb-server-table", inputs: { columns: "columns", data: "data", totalRecords: "totalRecords", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading" }, outputs: { pageChange: "pageChange", dataChange: "dataChange", onClickRow: "onClickRow" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"table-container\">\n  <div class=\"spinner-overlay\" *ngIf=\"loading\">\n    <mat-spinner></mat-spinner>\n  </div>\n\n  <ng-container *ngIf=\"displayedColumns.length > 0; else noColumns\">\n    <table mat-table [dataSource]=\"data\" class=\"mat-elevation-z8\">\n      <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.key\">\n        <th mat-header-cell *matHeaderCellDef>{{ column.label }}</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element[column.key] }}</td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns\"\n        [class.selected-row]=\"isSelected(row)\"\n        (click)=\"onRowClick(row)\"\n      ></tr>\n    </table>\n\n    <mat-paginator\n      [length]=\"totalRecords\"\n      [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions || []\"\n      (page)=\"onPageChange($event)\"\n    >\n    </mat-paginator>\n  </ng-container>\n\n  <!-- Sin columnas definidas -->\n  <ng-template #noColumns>\n    <div class=\"no-columns-message\">\n      <p>No se han definido columnas para la tabla.</p>\n    </div>\n  </ng-template>\n</div>\n", styles: [".table-container{position:relative;width:100%}.spinner-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#fffc;z-index:10}table{width:100%;border-collapse:collapse;box-shadow:none}table tr{transition:background-color .2s ease-in-out;cursor:pointer;height:30px}table tr:hover{background-color:#ebedf3}table tr.selected-row{background-color:#ddeefc!important}.mat-header-cell,.mat-cell{text-align:left;padding:8px}.no-columns-message{text-align:center;color:red;font-weight:700;margin:20px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbServerTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-server-table', standalone: true, imports: [
+                        MatPaginatorModule,
+                        MatTableModule,
+                        MatProgressSpinnerModule,
+                        CommonModule,
+                    ], template: "<div class=\"table-container\">\n  <div class=\"spinner-overlay\" *ngIf=\"loading\">\n    <mat-spinner></mat-spinner>\n  </div>\n\n  <ng-container *ngIf=\"displayedColumns.length > 0; else noColumns\">\n    <table mat-table [dataSource]=\"data\" class=\"mat-elevation-z8\">\n      <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.key\">\n        <th mat-header-cell *matHeaderCellDef>{{ column.label }}</th>\n        <td mat-cell *matCellDef=\"let element\">{{ element[column.key] }}</td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns\"\n        [class.selected-row]=\"isSelected(row)\"\n        (click)=\"onRowClick(row)\"\n      ></tr>\n    </table>\n\n    <mat-paginator\n      [length]=\"totalRecords\"\n      [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions || []\"\n      (page)=\"onPageChange($event)\"\n    >\n    </mat-paginator>\n  </ng-container>\n\n  <!-- Sin columnas definidas -->\n  <ng-template #noColumns>\n    <div class=\"no-columns-message\">\n      <p>No se han definido columnas para la tabla.</p>\n    </div>\n  </ng-template>\n</div>\n", styles: [".table-container{position:relative;width:100%}.spinner-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#fffc;z-index:10}table{width:100%;border-collapse:collapse;box-shadow:none}table tr{transition:background-color .2s ease-in-out;cursor:pointer;height:30px}table tr:hover{background-color:#ebedf3}table tr.selected-row{background-color:#ddeefc!important}.mat-header-cell,.mat-cell{text-align:left;padding:8px}.no-columns-message{text-align:center;color:red;font-weight:700;margin:20px}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], totalRecords: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }], dataChange: [{
+                type: Output
+            }], onClickRow: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNlcnZlci10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2NvbXBvbmVudHMvYm1iLXNlcnZlci10YWJsZS9ibWItc2VydmVyLXRhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc2VydmVyLXRhYmxlL2JtYi1zZXJ2ZXItdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FJUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7QUFtQi9DLE1BQU0sT0FBTyx1QkFBdUI7SUFacEM7UUFhVyxZQUFPLEdBQTRCLEVBQUUsQ0FBQztRQUN0QyxTQUFJLEdBQVUsRUFBRSxDQUFDO1FBQ2pCLGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBQ3pCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsb0JBQWUsR0FBYSxFQUFFLENBQUM7UUFDL0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN4QixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN4QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUN2QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUMvQyxxQkFBZ0IsR0FBYSxFQUFFLENBQUM7UUFDaEMsZ0JBQVcsR0FBUSxJQUFJLENBQUM7S0FnQ3pCO0lBOUJDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN6QixDQUFDO1FBQ0QsSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDSCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUM1QyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM3RCxDQUFDO2FBQU0sQ0FBQztZQUNOLE9BQU8sQ0FBQyxJQUFJLENBQUMsK0NBQStDLENBQUMsQ0FBQztZQUM5RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQzdCLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVU7UUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsVUFBVSxDQUFDLEdBQVE7UUFDakIsSUFBSSxDQUFDLFdBQVcsR0FBRyxHQUFHLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELFVBQVUsQ0FBQyxHQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxHQUFHLENBQUM7SUFDbEMsQ0FBQzsrR0ExQ1UsdUJBQXVCO21HQUF2Qix1QkFBdUIsc1ZDL0JwQyxxdENBc0NBLDJsQkRmSSxrQkFBa0IsbVNBQ2xCLGNBQWMsc2dDQUNkLHdCQUF3QixrT0FDeEIsWUFBWTs7NEZBS0gsdUJBQXVCO2tCQVpuQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1A7d0JBQ1Asa0JBQWtCO3dCQUNsQixjQUFjO3dCQUNkLHdCQUF3Qjt3QkFDeEIsWUFBWTtxQkFDYjs4QkFLUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBPbkNoYW5nZXMsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRQYWdpbmF0b3JNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wYWdpbmF0b3InO1xuaW1wb3J0IHsgTWF0VGFibGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJsZSc7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUJtYlNlcnZlclRhYmxlQ29sdW1uIHtcbiAga2V5OiBzdHJpbmc7XG4gIGxhYmVsOiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JtYi1zZXJ2ZXItdGFibGUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWF0UGFnaW5hdG9yTW9kdWxlLFxuICAgIE1hdFRhYmxlTW9kdWxlLFxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9ibWItc2VydmVyLXRhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2JtYi1zZXJ2ZXItdGFibGUuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBCbWJTZXJ2ZXJUYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGNvbHVtbnM6IElCbWJTZXJ2ZXJUYWJsZUNvbHVtbltdID0gW107XG4gIEBJbnB1dCgpIGRhdGE6IGFueVtdID0gW107XG4gIEBJbnB1dCgpIHRvdGFsUmVjb3JkczogbnVtYmVyID0gMDtcbiAgQElucHV0KCkgcGFnZVNpemU6IG51bWJlciA9IDEwO1xuICBASW5wdXQoKSBwYWdlU2l6ZU9wdGlvbnM6IG51bWJlcltdID0gW107XG4gIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQE91dHB1dCgpIHBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcbiAgQE91dHB1dCgpIGRhdGFDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueVtdPigpO1xuICBAT3V0cHV0KCkgb25DbGlja1JvdyA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBkaXNwbGF5ZWRDb2x1bW5zOiBzdHJpbmdbXSA9IFtdO1xuICBzZWxlY3RlZFJvdzogYW55ID0gbnVsbDtcblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2NvbHVtbnMnXSkge1xuICAgICAgdGhpcy52YWxpZGF0ZUNvbHVtbnMoKTtcbiAgICB9XG4gICAgaWYgKGNoYW5nZXNbJ2RhdGEnXSkge1xuICAgICAgdGhpcy5kYXRhQ2hhbmdlLmVtaXQodGhpcy5kYXRhIHx8IFtdKTtcbiAgICB9XG4gIH1cblxuICB2YWxpZGF0ZUNvbHVtbnMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY29sdW1ucyAmJiB0aGlzLmNvbHVtbnMubGVuZ3RoID4gMCkge1xuICAgICAgdGhpcy5kaXNwbGF5ZWRDb2x1bW5zID0gdGhpcy5jb2x1bW5zLm1hcCgoY29sKSA9PiBjb2wua2V5KTtcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc29sZS53YXJuKCdMYXMgY29sdW1uYXMgZXN0w6FuIHZhY8OtYXMgbyBtYWwgY29uZmlndXJhZGFzLicpO1xuICAgICAgdGhpcy5kaXNwbGF5ZWRDb2x1bW5zID0gW107XG4gICAgfVxuICB9XG5cbiAgb25QYWdlQ2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnBhZ2VDaGFuZ2UuZW1pdChldmVudC5wYWdlSW5kZXggKyAxKTtcbiAgfVxuXG4gIG9uUm93Q2xpY2socm93OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkUm93ID0gcm93O1xuICAgIHRoaXMub25DbGlja1Jvdy5lbWl0KHJvdyk7XG4gIH1cblxuICBpc1NlbGVjdGVkKHJvdzogYW55KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWRSb3cgPT09IHJvdztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRhYmxlLWNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwic3Bpbm5lci1vdmVybGF5XCIgKm5nSWY9XCJsb2FkaW5nXCI+XG4gICAgPG1hdC1zcGlubmVyPjwvbWF0LXNwaW5uZXI+XG4gIDwvZGl2PlxuXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJkaXNwbGF5ZWRDb2x1bW5zLmxlbmd0aCA+IDA7IGVsc2Ugbm9Db2x1bW5zXCI+XG4gICAgPHRhYmxlIG1hdC10YWJsZSBbZGF0YVNvdXJjZV09XCJkYXRhXCIgY2xhc3M9XCJtYXQtZWxldmF0aW9uLXo4XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgY29sdW1uc1wiIFttYXRDb2x1bW5EZWZdPVwiY29sdW1uLmtleVwiPlxuICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPnt7IGNvbHVtbi5sYWJlbCB9fTwvdGg+XG4gICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudFtjb2x1bW4ua2V5XSB9fTwvdGQ+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJkaXNwbGF5ZWRDb2x1bW5zXCI+PC90cj5cblxuICAgICAgPHRyXG4gICAgICAgIG1hdC1yb3dcbiAgICAgICAgKm1hdFJvd0RlZj1cImxldCByb3c7IGNvbHVtbnM6IGRpc3BsYXllZENvbHVtbnNcIlxuICAgICAgICBbY2xhc3Muc2VsZWN0ZWQtcm93XT1cImlzU2VsZWN0ZWQocm93KVwiXG4gICAgICAgIChjbGljayk9XCJvblJvd0NsaWNrKHJvdylcIlxuICAgICAgPjwvdHI+XG4gICAgPC90YWJsZT5cblxuICAgIDxtYXQtcGFnaW5hdG9yXG4gICAgICBbbGVuZ3RoXT1cInRvdGFsUmVjb3Jkc1wiXG4gICAgICBbcGFnZVNpemVdPVwicGFnZVNpemVcIlxuICAgICAgW3BhZ2VTaXplT3B0aW9uc109XCJwYWdlU2l6ZU9wdGlvbnMgfHwgW11cIlxuICAgICAgKHBhZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIlxuICAgID5cbiAgICA8L21hdC1wYWdpbmF0b3I+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDwhLS0gU2luIGNvbHVtbmFzIGRlZmluaWRhcyAtLT5cbiAgPG5nLXRlbXBsYXRlICNub0NvbHVtbnM+XG4gICAgPGRpdiBjbGFzcz1cIm5vLWNvbHVtbnMtbWVzc2FnZVwiPlxuICAgICAgPHA+Tm8gc2UgaGFuIGRlZmluaWRvIGNvbHVtbmFzIHBhcmEgbGEgdGFibGEuPC9wPlxuICAgIDwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/bmb-sidebar/bmb-sidebar.component.mjs

@@ -0,0 +1,101 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostListener, input, ViewChild, effect, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BmbIconComponent } from '../bmb-icon/bmb-icon.component';
+import { BmbCheckExternalLinkButtonComponent } from '../bmb-check-external-link-button/bmb-check-external-link-button.component';
+import { BmbActionIconComponent } from '../bmb-action-icon/bmb-action-icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BmbSidebarComponent {
+    onFocusIn() {
+        this.checkIfFocusInsideSidebar();
+    }
+    onFocusOut() {
+        this.checkIfFocusInsideSidebar();
+    }
+    constructor() {
+        this.elements = input([]);
+        this.title = input('Navigation');
+        this.position = input('left'); //Only for web
+        this.currentUrl = '';
+        this.isOpen = false;
+        this.selectedElement = null;
+        this.isActive = false;
+        this.hasSubmenu = false;
+        this.maxChildrenLevel = 2;
+        this.error = false;
+        effect(() => {
+            const totalElements = this.elements().reduce((acc, group) => acc + group.length, 0);
+            if (this.elements()?.length > 2) {
+                console.error('The sidebar component only supports two levels of navigation');
+                this.error = true;
+            }
+            if (totalElements > 8) {
+                console.error('The sidebar component only supports a maximum of 8 elements in the first level of navigation');
+                this.error = true;
+            }
+            this.hasSubmenu = this.elements()?.some((element) => element?.some((el) => el.children));
+        });
+    }
+    checkForButton({ isMobile, hasChildren }) {
+        return isMobile && hasChildren;
+    }
+    getLink({ link, isMobile, hasChildren }) {
+        if (this.checkForButton({ isMobile, hasChildren }))
+            return '';
+        return link || '';
+    }
+    closeSidebar() {
+        this.isOpen = false;
+        this.clearSelectElement();
+    }
+    clearSelectElement() {
+        this.selectedElement = null;
+    }
+    toggleChildren(element) {
+        if (this.selectedElement === element) {
+            this.clearSelectElement();
+            return;
+        }
+        this.selectedElement = element;
+        if (element.children) {
+            element.isOpen = !element.isOpen;
+        }
+    }
+    checkIfFocusInsideSidebar() {
+        const sidebar = document.querySelector('.bmb_sidebar-desktop');
+        const activeElement = document.activeElement;
+        this.isActive =
+            (sidebar && activeElement && sidebar.contains(activeElement)) || false;
+    }
+    checkToCloseSidebar(event) {
+        if (event.link && !event.children) {
+            this.closeSidebar();
+            this.sideNav.nativeElement.classList.add('bmb_sidebar-desktop-close');
+            setTimeout(() => {
+                this.sideNav.nativeElement.classList.remove('bmb_sidebar-desktop-close');
+                this.sideNav.nativeElement.classList.remove('bmb-active');
+            }, 500);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.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 -->\n<ng-template\n  #elementTemplate\n  let-element=\"element\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-isChild=\"isChild\"\n  let-isMobile=\"isMobile\"\n  let-hasChildren=\"hasChildren\"\n>\n  @if (!isHeader && !!element.icon) {\n    <bmb-icon\n      class=\"bmb_sidebar-icon\"\n      [icon]=\"element.icon\"\n      [alt]=\"element.title\"\n      [size]=\"24\"\n    />\n  }\n  <span\n    [ngClass]=\"{\n      'bmb_sidebar-text': !isHeader,\n      'bmb_sidebar-header-text': isHeader\n    }\"\n  >\n    {{ element!.title }}\n  </span>\n  @if (isFixed) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-header-icon\"\n      idElement=\"sidebar_close\"\n      icon=\"close\"\n      [iconSize]=\"24\"\n      [isAccentColor]=\"false\"\n      (buttonClick)=\"closeSidebar()\"\n    />\n  }\n</ng-template>\n\n<!-- Template for menu items -->\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\n  <bmb-check-external-link-button\n    class=\"bmb_sidebar-link\"\n    [idElement]=\"'element' + item.id!\"\n    [link]=\"\n      getLink({ isMobile, hasChildren: !!item.children, link: item.link! })\n    \"\n    [target]=\"\n      checkForButton({\n        isMobile,\n        hasChildren: !!item.children\n      })\n        ? item.target!\n        : ''\n    \"\n    (buttonClick)=\"toggleChildren(item)\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"elementTemplate; context: { element: item, isMobile }\"\n    />\n    @if (!!item.children) {\n      <bmb-icon\n        class=\"bmb_sidebar-arrow\"\n        [icon]=\"\n          !isMobile && position() === 'right' ? 'chevron_left' : 'chevron_right'\n        \"\n        [size]=\"24\"\n      />\n    }\n  </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-level=\"level\" let-isMobile=\"isMobile\">\n  @if (!error) {\n    @for (group of elements().slice(0, 2); track $index) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (element of group; track $index) {\n          <li\n            class=\"bmb_sidebar-item\"\n            [ngClass]=\"{\n              'bmb_sidebar-item-left-space':\n                position() === 'right' &&\n                hasSubmenu &&\n                !element.children?.length\n            }\"\n            (click)=\"checkToCloseSidebar(element)\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: element, isMobile }\n              \"\n            />\n            @if (!!element.children && level === 1) {\n              <ng-container\n                *ngTemplateOutlet=\"\n                  sidebarElementTemplate;\n                  context: {\n                    element: element,\n                    iconSize: 24,\n                    isFixed: true,\n                    level: 2,\n                    selectedElement,\n                    isMobile\n                  }\n                \"\n              />\n            }\n          </li>\n        }\n      </ul>\n    }\n  } @else {\n    <p class=\"bmb_sidebar-error\">\n      Error: The sidebar component has exceeded the maximum allowed elements.\n    </p>\n  }\n</ng-template>\n\n<ng-template\n  #sidebarElementTemplate\n  let-element=\"element\"\n  let-iconSize=\"iconSize\"\n  let-level=\"level\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-selectedElement=\"selectedElement\"\n  let-isMobile=\"isMobile\"\n>\n  @if (level == 1 && isMobile) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-mobile-button\"\n      idElement=\"sidebar_main\"\n      icon=\"chevron_right\"\n      [iconSize]=\"iconSize\"\n      toggleIconActive=\"chevron_left\"\n      [isAccentColor]=\"false\"\n      [(isToggleActive)]=\"isOpen\"\n      (buttonClick)=\"clearSelectElement()\"\n    />\n  }\n  <section\n    [tabIndex]=\"-1\"\n    [ngClass]=\"{\n      'bmb_sidebar-children': level >= 2 && !!element.children,\n      'bmb_sidebar-children-open':\n        level >= 2 && !!element.children && selectedElement === element,\n      'bmb_sidebar-open': isMobile && level == 1 && isOpen,\n      bmb_sidebar: isMobile && level == 1,\n      'bmb_sidebar-mobile': isMobile && level == 1\n    }\"\n  >\n    @if (isOpen) {\n      <section\n        [ngClass]=\"{\n          'bmb_sidebar-header': level == 1,\n          'bmb_sidebar-title': level >= 2\n        }\"\n      >\n        @if (level >= 2 && !!selectedElement) {\n          <bmb-action-icon\n            class=\"bmb_sidebar-title-button\"\n            [idElement]=\"element.id.toString()\"\n            icon=\"chevron_left\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleChildren(element)\"\n          />\n        }\n        <!-- Header -->\n        <ng-container\n          *ngTemplateOutlet=\"\n            elementTemplate;\n            context: {\n              element,\n              isHeader: true,\n              isFixed,\n              hasChildren: !!element.children\n            }\n          \"\n        />\n      </section>\n\n      @if (level == 1) {\n        <!-- Menu -->\n        <ng-container\n          *ngTemplateOutlet=\"sidebarTemplate; context: { level, isMobile }\"\n        />\n      }\n    }\n    @if (level >= 2 && !!element.children) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (child of element?.children?.slice(0, 6); track $index) {\n          <li class=\"bmb_sidebar-item\" (click)=\"checkToCloseSidebar(child)\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: child, isMobile, isChild: true }\n              \"\n            />\n          </li>\n        }\n      </ul>\n    }\n  </section>\n</ng-template>\n\n<!-- Web -->\n<nav\n  #sideNav\n  class=\"bmb_sidebar bmb_sidebar-desktop\"\n  aria-label=\"Sidebar Navigation\"\n  [ngClass]=\"{\n    'bmb-active': isActive,\n    'bmb_sidebar-desktop-right': position() === 'right'\n  }\"\n  (mouseleave)=\"clearSelectElement()\"\n>\n  <div [tabIndex]=\"-1\" class=\"bmb_sidebar-content\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        sidebarTemplate;\n        context: { level: 1, isMobile: false }\n      \"\n    />\n  </div>\n</nav>\n\n<!-- Mobile -->\n<nav class=\"bmb_sidebar-mobile\" aria-label=\"Sidebar Navigation\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      sidebarElementTemplate;\n      context: {\n        element: {\n          title: title()\n        },\n        iconSize: 32,\n        isHeader: true,\n        isFixed: true,\n        level: 1,\n        isMobile: true\n      }\n    \"\n  />\n</nav>\n", styles: ["@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-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:80%;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:80%;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:80%;width:100%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:rgb(var(--color-black-primary));border-radius:0 1.5rem 1.5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{display:flex;border-radius:0;position:fixed;left:.5rem;top:1rem;z-index:999}.bmb_sidebar-mobile-content{width:100%;background-color:rgb(var(--color-black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--color-black-primary));color:rgb(var(--color-white-primary))}@media (min-width: 62.5625rem){.bmb_sidebar-mobile-button{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{display:block;animation:bounceRightMobile .6s ease-out forwards;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;top:4rem;left:0;width:100%}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-header{border-bottom:.0625rem solid rgb(var(--color-charade-800));height:2.5rem;justify-content:space-between;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-mobile .bmb_sidebar-header{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:.5rem;width:100%}.bmb_sidebar-mobile .bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--color-white-primary));font-family:Poppins-Bold,sans-serif;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-header .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;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-width: 62.5625rem){.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 rgb(var(--color-charade-800));margin-top:1.5rem;padding-top:1.5rem}.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;color:rgb(var(--color-white-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;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:rgb(var(--color-white-primary));color:rgb(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:rgb(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 rgb(var(--color-charade-800));color:rgb(var(--color-white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\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: "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"] }, { 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-sidebar', standalone: true, imports: [
+                        CommonModule,
+                        BmbIconComponent,
+                        BmbCheckExternalLinkButtonComponent,
+                        BmbActionIconComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- Template for element -->\n<ng-template\n  #elementTemplate\n  let-element=\"element\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-isChild=\"isChild\"\n  let-isMobile=\"isMobile\"\n  let-hasChildren=\"hasChildren\"\n>\n  @if (!isHeader && !!element.icon) {\n    <bmb-icon\n      class=\"bmb_sidebar-icon\"\n      [icon]=\"element.icon\"\n      [alt]=\"element.title\"\n      [size]=\"24\"\n    />\n  }\n  <span\n    [ngClass]=\"{\n      'bmb_sidebar-text': !isHeader,\n      'bmb_sidebar-header-text': isHeader\n    }\"\n  >\n    {{ element!.title }}\n  </span>\n  @if (isFixed) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-header-icon\"\n      idElement=\"sidebar_close\"\n      icon=\"close\"\n      [iconSize]=\"24\"\n      [isAccentColor]=\"false\"\n      (buttonClick)=\"closeSidebar()\"\n    />\n  }\n</ng-template>\n\n<!-- Template for menu items -->\n<ng-template #itemsTemplate let-item=\"item\" let-isMobile=\"isMobile\">\n  <bmb-check-external-link-button\n    class=\"bmb_sidebar-link\"\n    [idElement]=\"'element' + item.id!\"\n    [link]=\"\n      getLink({ isMobile, hasChildren: !!item.children, link: item.link! })\n    \"\n    [target]=\"\n      checkForButton({\n        isMobile,\n        hasChildren: !!item.children\n      })\n        ? item.target!\n        : ''\n    \"\n    (buttonClick)=\"toggleChildren(item)\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"elementTemplate; context: { element: item, isMobile }\"\n    />\n    @if (!!item.children) {\n      <bmb-icon\n        class=\"bmb_sidebar-arrow\"\n        [icon]=\"\n          !isMobile && position() === 'right' ? 'chevron_left' : 'chevron_right'\n        \"\n        [size]=\"24\"\n      />\n    }\n  </bmb-check-external-link-button>\n</ng-template>\n\n<!-- Template for navigation -->\n<ng-template #sidebarTemplate let-level=\"level\" let-isMobile=\"isMobile\">\n  @if (!error) {\n    @for (group of elements().slice(0, 2); track $index) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (element of group; track $index) {\n          <li\n            class=\"bmb_sidebar-item\"\n            [ngClass]=\"{\n              'bmb_sidebar-item-left-space':\n                position() === 'right' &&\n                hasSubmenu &&\n                !element.children?.length\n            }\"\n            (click)=\"checkToCloseSidebar(element)\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: element, isMobile }\n              \"\n            />\n            @if (!!element.children && level === 1) {\n              <ng-container\n                *ngTemplateOutlet=\"\n                  sidebarElementTemplate;\n                  context: {\n                    element: element,\n                    iconSize: 24,\n                    isFixed: true,\n                    level: 2,\n                    selectedElement,\n                    isMobile\n                  }\n                \"\n              />\n            }\n          </li>\n        }\n      </ul>\n    }\n  } @else {\n    <p class=\"bmb_sidebar-error\">\n      Error: The sidebar component has exceeded the maximum allowed elements.\n    </p>\n  }\n</ng-template>\n\n<ng-template\n  #sidebarElementTemplate\n  let-element=\"element\"\n  let-iconSize=\"iconSize\"\n  let-level=\"level\"\n  let-isHeader=\"isHeader\"\n  let-isFixed=\"isFixed\"\n  let-selectedElement=\"selectedElement\"\n  let-isMobile=\"isMobile\"\n>\n  @if (level == 1 && isMobile) {\n    <bmb-action-icon\n      class=\"bmb_sidebar-mobile-button\"\n      idElement=\"sidebar_main\"\n      icon=\"chevron_right\"\n      [iconSize]=\"iconSize\"\n      toggleIconActive=\"chevron_left\"\n      [isAccentColor]=\"false\"\n      [(isToggleActive)]=\"isOpen\"\n      (buttonClick)=\"clearSelectElement()\"\n    />\n  }\n  <section\n    [tabIndex]=\"-1\"\n    [ngClass]=\"{\n      'bmb_sidebar-children': level >= 2 && !!element.children,\n      'bmb_sidebar-children-open':\n        level >= 2 && !!element.children && selectedElement === element,\n      'bmb_sidebar-open': isMobile && level == 1 && isOpen,\n      bmb_sidebar: isMobile && level == 1,\n      'bmb_sidebar-mobile': isMobile && level == 1\n    }\"\n  >\n    @if (isOpen) {\n      <section\n        [ngClass]=\"{\n          'bmb_sidebar-header': level == 1,\n          'bmb_sidebar-title': level >= 2\n        }\"\n      >\n        @if (level >= 2 && !!selectedElement) {\n          <bmb-action-icon\n            class=\"bmb_sidebar-title-button\"\n            [idElement]=\"element.id.toString()\"\n            icon=\"chevron_left\"\n            [iconSize]=\"24\"\n            (buttonClick)=\"toggleChildren(element)\"\n          />\n        }\n        <!-- Header -->\n        <ng-container\n          *ngTemplateOutlet=\"\n            elementTemplate;\n            context: {\n              element,\n              isHeader: true,\n              isFixed,\n              hasChildren: !!element.children\n            }\n          \"\n        />\n      </section>\n\n      @if (level == 1) {\n        <!-- Menu -->\n        <ng-container\n          *ngTemplateOutlet=\"sidebarTemplate; context: { level, isMobile }\"\n        />\n      }\n    }\n    @if (level >= 2 && !!element.children) {\n      <ul class=\"bmb_sidebar-list\">\n        @for (child of element?.children?.slice(0, 6); track $index) {\n          <li class=\"bmb_sidebar-item\" (click)=\"checkToCloseSidebar(child)\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                itemsTemplate;\n                context: { item: child, isMobile, isChild: true }\n              \"\n            />\n          </li>\n        }\n      </ul>\n    }\n  </section>\n</ng-template>\n\n<!-- Web -->\n<nav\n  #sideNav\n  class=\"bmb_sidebar bmb_sidebar-desktop\"\n  aria-label=\"Sidebar Navigation\"\n  [ngClass]=\"{\n    'bmb-active': isActive,\n    'bmb_sidebar-desktop-right': position() === 'right'\n  }\"\n  (mouseleave)=\"clearSelectElement()\"\n>\n  <div [tabIndex]=\"-1\" class=\"bmb_sidebar-content\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        sidebarTemplate;\n        context: { level: 1, isMobile: false }\n      \"\n    />\n  </div>\n</nav>\n\n<!-- Mobile -->\n<nav class=\"bmb_sidebar-mobile\" aria-label=\"Sidebar Navigation\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      sidebarElementTemplate;\n      context: {\n        element: {\n          title: title()\n        },\n        iconSize: 32,\n        isHeader: true,\n        isFixed: true,\n        level: 1,\n        isMobile: true\n      }\n    \"\n  />\n</nav>\n", styles: ["@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-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:80%;width:17.5rem}to{opacity:1;width:16.5rem}}@keyframes bounceChildrenMobile{0%{opacity:0;width:0}50%{opacity:80%;width:19.375rem}to{opacity:1;width:17.5rem}}@keyframes bounceRightMobile{0%{opacity:0;width:0}50%{opacity:80%;width:100%}to{opacity:1;width:100%}}@keyframes bounceFromRight{0%{transform:translate(100%)}50%{transform:translate(-5%)}to{transform:translate(0)}}.bmb_sidebar{background-color:rgb(var(--color-black-primary));border-radius:0 1.5rem 1.5rem 0;left:0;position:fixed;transition:width .3s ease;z-index:2}.bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-body-hide{overflow:hidden}.bmb_sidebar-mobile{display:flex;border-radius:0;position:fixed;left:.5rem;top:1rem;z-index:999}.bmb_sidebar-mobile-content{width:100%;background-color:rgb(var(--color-black-primary))}.bmb_sidebar-mobile-button{display:inline-flex;background-color:rgb(var(--color-black-primary));color:rgb(var(--color-white-primary))}@media (min-width: 62.5625rem){.bmb_sidebar-mobile-button{display:none}}.bmb_sidebar-mobile.bmb_sidebar-open{display:block;animation:bounceRightMobile .6s ease-out forwards;height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;padding:1.25rem;top:4rem;left:0;width:100%}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-header{border-bottom:.0625rem solid rgb(var(--color-charade-800));height:2.5rem;justify-content:space-between;padding:.5rem .5rem 1rem}.bmb_sidebar-mobile.bmb_sidebar-open .bmb_sidebar-text{opacity:1;overflow:hidden;visibility:visible}.bmb_sidebar-mobile .bmb_sidebar-header{align-items:center;display:flex;height:4.5rem;justify-content:center;margin:0;padding:.5rem;width:100%}.bmb_sidebar-mobile .bmb_sidebar-header-icon{display:inline-flex;color:rgb(var(--color-white-primary))}.bmb_sidebar-mobile .bmb_sidebar-header-text{color:rgb(var(--color-white-primary));font-family:Poppins-Bold,sans-serif;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-mobile .bmb_sidebar-header .bmb_sidebar-list{margin:1rem 0 0}@media (max-height: 630px){.bmb_sidebar-mobile .bmb_sidebar-header .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;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-width: 62.5625rem){.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 rgb(var(--color-charade-800));margin-top:1.5rem;padding-top:1.5rem}.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;color:rgb(var(--color-white-primary))}.bmb_sidebar-link .bmb_check-external-link-button-element{display:inline-flex;align-items:center;justify-content:flex-start;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:rgb(var(--color-white-primary));color:rgb(var(--color-black-primary))}.bmb_sidebar-icon,.bmb_sidebar-arrow{display:inline-flex;padding:0 .5rem}.bmb_sidebar-text{flex:1;opacity:0;width:8.25rem;font-family:Poppins-Medium,sans-serif;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bmb_sidebar-children{border-radius:0 1.5rem 1.5rem 0;background-color:rgb(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 rgb(var(--color-charade-800));color:rgb(var(--color-white-primary));display:flex;justify-content:space-between;padding:1rem .5rem}.bmb_sidebar-title-button{display:inline-flex;color:rgb(var(--color-white-primary));padding:0}.bmb_sidebar-title-button .bmb_sidebar-icon{padding:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { sideNav: [{
+                type: ViewChild,
+                args: ['sideNav']
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['window:focusin', ['$event']]
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ['window:focusout', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNpZGViYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtbmcvc3JjL2xpYi9jb21wb25lbnRzL2JtYi1zaWRlYmFyL2JtYi1zaWRlYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc2lkZWJhci9ibWItc2lkZWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsWUFBWSxFQUNaLEtBQUssRUFDTCxTQUFTLEVBRVQsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSw0RUFBNEUsQ0FBQztBQUVqSSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQzs7O0FBc0J0RixNQUFNLE9BQU8sbUJBQW1CO0lBaUI5QixTQUFTO1FBQ1AsSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUdELFVBQVU7UUFDUixJQUFJLENBQUMseUJBQXlCLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQ7UUF6QkEsYUFBUSxHQUFHLEtBQUssQ0FBcUIsRUFBRSxDQUFDLENBQUM7UUFDekMsVUFBSyxHQUFHLEtBQUssQ0FBUyxZQUFZLENBQUMsQ0FBQztRQUNwQyxhQUFRLEdBQUcsS0FBSyxDQUFzQixNQUFNLENBQUMsQ0FBQyxDQUFDLGNBQWM7UUFFN0QsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN4QixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLG9CQUFlLEdBQTBCLElBQUksQ0FBQztRQUM5QyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIscUJBQWdCLEdBQVcsQ0FBQyxDQUFDO1FBRTdCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFlWixNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sQ0FDMUMsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sRUFDbEMsQ0FBQyxDQUNGLENBQUM7WUFFRixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7Z0JBQ2hDLE9BQU8sQ0FBQyxLQUFLLENBQ1gsOERBQThELENBQy9ELENBQUM7Z0JBQ0YsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDcEIsQ0FBQztZQUVELElBQUksYUFBYSxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUN0QixPQUFPLENBQUMsS0FBSyxDQUNYLDhGQUE4RixDQUMvRixDQUFDO2dCQUNGLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ3BCLENBQUM7WUFFRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxJQUFJLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUNsRCxPQUFPLEVBQUUsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ25DLENBQUM7UUFDSixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxjQUFjLENBQUMsRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFnQjtRQUNwRCxPQUFPLFFBQVEsSUFBSSxXQUFXLENBQUM7SUFDakMsQ0FBQztJQUVELE9BQU8sQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFnQjtRQUNuRCxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLENBQUM7WUFBRSxPQUFPLEVBQUUsQ0FBQztRQUM5RCxPQUFPLElBQUksSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDO0lBQzlCLENBQUM7SUFFRCxjQUFjLENBQUMsT0FBdUI7UUFDcEMsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLE9BQU8sRUFBRSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO1lBQzFCLE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxDQUFDLGVBQWUsR0FBRyxPQUFPLENBQUM7UUFFL0IsSUFBSSxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDckIsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7UUFDbkMsQ0FBQztJQUNILENBQUM7SUFFRCx5QkFBeUI7UUFDdkIsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1FBQy9ELE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUM7UUFDN0MsSUFBSSxDQUFDLFFBQVE7WUFDWCxDQUFDLE9BQU8sSUFBSSxhQUFhLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQztJQUMzRSxDQUFDO0lBRUQsbUJBQW1CLENBQUMsS0FBVTtRQUM1QixJQUFJLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsMkJBQTJCLENBQUMsQ0FBQztZQUV0RSxVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQ3pDLDJCQUEyQixDQUM1QixDQUFDO2dCQUNGLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDNUQsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsQ0FBQztJQUNILENBQUM7K0dBdkdVLG1CQUFtQjttR0FBbkIsbUJBQW1CLDBwQkNyQ2hDLG0vTUFxUEEsbzBYRDFOSSxZQUFZLG9TQUNaLGdCQUFnQiw4SkFDaEIsbUNBQW1DLHlNQUNuQyxzQkFBc0I7OzRGQU9iLG1CQUFtQjtrQkFkL0IsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixtQ0FBbUM7d0JBQ25DLHNCQUFzQjtxQkFDdkIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7d0RBZ0JmLE9BQU87c0JBQTVCLFNBQVM7dUJBQUMsU0FBUztnQkFHcEIsU0FBUztzQkFEUixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDO2dCQU0xQyxVQUFVO3NCQURULFlBQVk7dUJBQUMsaUJBQWlCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSG9zdExpc3RlbmVyLFxuICBpbnB1dCxcbiAgVmlld0NoaWxkLFxuICBFbGVtZW50UmVmLFxuICBlZmZlY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNpZGViYXJFbGVtZW50IH0gZnJvbSAnLi9ibWItc2lkZWJhci5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQm1iSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1pY29uL2JtYi1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCbWJDaGVja0V4dGVybmFsTGlua0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1jaGVjay1leHRlcm5hbC1saW5rLWJ1dHRvbi9ibWItY2hlY2stZXh0ZXJuYWwtbGluay1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IElQb3NpdGlvbkJ1dHRvbk1lbnUgfSBmcm9tICcuLi9ibWItdG9wLWJhci90eXBlcyc7XG5pbXBvcnQgeyBCbWJBY3Rpb25JY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vYm1iLWFjdGlvbi1pY29uL2JtYi1hY3Rpb24taWNvbi5jb21wb25lbnQnO1xuXG5pbnRlcmZhY2UgSUJtYklzQnV0dG9uIHtcbiAgbGluaz86IHN0cmluZztcbiAgaXNNb2JpbGU6IGJvb2xlYW47XG4gIGhhc0NoaWxkcmVuOiBib29sZWFuO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibWItc2lkZWJhcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQm1iSWNvbkNvbXBvbmVudCxcbiAgICBCbWJDaGVja0V4dGVybmFsTGlua0J1dHRvbkNvbXBvbmVudCxcbiAgICBCbWJBY3Rpb25JY29uQ29tcG9uZW50LFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vYm1iLXNpZGViYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYm1iLXNpZGViYXIuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQm1iU2lkZWJhckNvbXBvbmVudCB7XG4gIGVsZW1lbnRzID0gaW5wdXQ8U2lkZWJhckVsZW1lbnRbXVtdPihbXSk7XG4gIHRpdGxlID0gaW5wdXQ8c3RyaW5nPignTmF2aWdhdGlvbicpO1xuICBwb3NpdGlvbiA9IGlucHV0PElQb3NpdGlvbkJ1dHRvbk1lbnU+KCdsZWZ0Jyk7IC8vT25seSBmb3Igd2ViXG5cbiAgY3VycmVudFVybDogc3RyaW5nID0gJyc7XG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuICBzZWxlY3RlZEVsZW1lbnQ6IFNpZGViYXJFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gIGlzQWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gIGhhc1N1Ym1lbnU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgbWF4Q2hpbGRyZW5MZXZlbDogbnVtYmVyID0gMjtcblxuICBlcnJvciA9IGZhbHNlO1xuXG4gIEBWaWV3Q2hpbGQoJ3NpZGVOYXYnKSBzaWRlTmF2ITogRWxlbWVudFJlZjtcblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6Zm9jdXNpbicsIFsnJGV2ZW50J10pXG4gIG9uRm9jdXNJbigpIHtcbiAgICB0aGlzLmNoZWNrSWZGb2N1c0luc2lkZVNpZGViYXIoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpmb2N1c291dCcsIFsnJGV2ZW50J10pXG4gIG9uRm9jdXNPdXQoKSB7XG4gICAgdGhpcy5jaGVja0lmRm9jdXNJbnNpZGVTaWRlYmFyKCk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgY29uc3QgdG90YWxFbGVtZW50cyA9IHRoaXMuZWxlbWVudHMoKS5yZWR1Y2UoXG4gICAgICAgIChhY2MsIGdyb3VwKSA9PiBhY2MgKyBncm91cC5sZW5ndGgsXG4gICAgICAgIDAsXG4gICAgICApO1xuXG4gICAgICBpZiAodGhpcy5lbGVtZW50cygpPy5sZW5ndGggPiAyKSB7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoXG4gICAgICAgICAgJ1RoZSBzaWRlYmFyIGNvbXBvbmVudCBvbmx5IHN1cHBvcnRzIHR3byBsZXZlbHMgb2YgbmF2aWdhdGlvbicsXG4gICAgICAgICk7XG4gICAgICAgIHRoaXMuZXJyb3IgPSB0cnVlO1xuICAgICAgfVxuXG4gICAgICBpZiAodG90YWxFbGVtZW50cyA+IDgpIHtcbiAgICAgICAgY29uc29sZS5lcnJvcihcbiAgICAgICAgICAnVGhlIHNpZGViYXIgY29tcG9uZW50IG9ubHkgc3VwcG9ydHMgYSBtYXhpbXVtIG9mIDggZWxlbWVudHMgaW4gdGhlIGZpcnN0IGxldmVsIG9mIG5hdmlnYXRpb24nLFxuICAgICAgICApO1xuICAgICAgICB0aGlzLmVycm9yID0gdHJ1ZTtcbiAgICAgIH1cblxuICAgICAgdGhpcy5oYXNTdWJtZW51ID0gdGhpcy5lbGVtZW50cygpPy5zb21lKChlbGVtZW50KSA9PlxuICAgICAgICBlbGVtZW50Py5zb21lKChlbCkgPT4gZWwuY2hpbGRyZW4pLFxuICAgICAgKTtcbiAgICB9KTtcbiAgfVxuXG4gIGNoZWNrRm9yQnV0dG9uKHsgaXNNb2JpbGUsIGhhc0NoaWxkcmVuIH06IElCbWJJc0J1dHRvbik6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc01vYmlsZSAmJiBoYXNDaGlsZHJlbjtcbiAgfVxuXG4gIGdldExpbmsoeyBsaW5rLCBpc01vYmlsZSwgaGFzQ2hpbGRyZW4gfTogSUJtYklzQnV0dG9uKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5jaGVja0ZvckJ1dHRvbih7IGlzTW9iaWxlLCBoYXNDaGlsZHJlbiB9KSkgcmV0dXJuICcnO1xuICAgIHJldHVybiBsaW5rIHx8ICcnO1xuICB9XG5cbiAgY2xvc2VTaWRlYmFyKCkge1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgdGhpcy5jbGVhclNlbGVjdEVsZW1lbnQoKTtcbiAgfVxuXG4gIGNsZWFyU2VsZWN0RWxlbWVudCgpIHtcbiAgICB0aGlzLnNlbGVjdGVkRWxlbWVudCA9IG51bGw7XG4gIH1cblxuICB0b2dnbGVDaGlsZHJlbihlbGVtZW50OiBTaWRlYmFyRWxlbWVudCkge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkRWxlbWVudCA9PT0gZWxlbWVudCkge1xuICAgICAgdGhpcy5jbGVhclNlbGVjdEVsZW1lbnQoKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnNlbGVjdGVkRWxlbWVudCA9IGVsZW1lbnQ7XG5cbiAgICBpZiAoZWxlbWVudC5jaGlsZHJlbikge1xuICAgICAgZWxlbWVudC5pc09wZW4gPSAhZWxlbWVudC5pc09wZW47XG4gICAgfVxuICB9XG5cbiAgY2hlY2tJZkZvY3VzSW5zaWRlU2lkZWJhcigpIHtcbiAgICBjb25zdCBzaWRlYmFyID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLmJtYl9zaWRlYmFyLWRlc2t0b3AnKTtcbiAgICBjb25zdCBhY3RpdmVFbGVtZW50ID0gZG9jdW1lbnQuYWN0aXZlRWxlbWVudDtcbiAgICB0aGlzLmlzQWN0aXZlID1cbiAgICAgIChzaWRlYmFyICYmIGFjdGl2ZUVsZW1lbnQgJiYgc2lkZWJhci5jb250YWlucyhhY3RpdmVFbGVtZW50KSkgfHwgZmFsc2U7XG4gIH1cblxuICBjaGVja1RvQ2xvc2VTaWRlYmFyKGV2ZW50OiBhbnkpIHtcbiAgICBpZiAoZXZlbnQubGluayAmJiAhZXZlbnQuY2hpbGRyZW4pIHtcbiAgICAgIHRoaXMuY2xvc2VTaWRlYmFyKCk7XG4gICAgICB0aGlzLnNpZGVOYXYubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKCdibWJfc2lkZWJhci1kZXNrdG9wLWNsb3NlJyk7XG5cbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLnNpZGVOYXYubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKFxuICAgICAgICAgICdibWJfc2lkZWJhci1kZXNrdG9wLWNsb3NlJyxcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5zaWRlTmF2Lm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZSgnYm1iLWFjdGl2ZScpO1xuICAgICAgfSwgNTAwKTtcbiAgICB9XG4gIH1cbn1cbiIsIjwhLS0gVGVtcGxhdGUgZm9yIGVsZW1lbnQgLS0+XG48bmctdGVtcGxhdGVcbiAgI2VsZW1lbnRUZW1wbGF0ZVxuICBsZXQtZWxlbWVudD1cImVsZW1lbnRcIlxuICBsZXQtaXNIZWFkZXI9XCJpc0hlYWRlclwiXG4gIGxldC1pc0ZpeGVkPVwiaXNGaXhlZFwiXG4gIGxldC1pc0NoaWxkPVwiaXNDaGlsZFwiXG4gIGxldC1pc01vYmlsZT1cImlzTW9iaWxlXCJcbiAgbGV0LWhhc0NoaWxkcmVuPVwiaGFzQ2hpbGRyZW5cIlxuPlxuICBAaWYgKCFpc0hlYWRlciAmJiAhIWVsZW1lbnQuaWNvbikge1xuICAgIDxibWItaWNvblxuICAgICAgY2xhc3M9XCJibWJfc2lkZWJhci1pY29uXCJcbiAgICAgIFtpY29uXT1cImVsZW1lbnQuaWNvblwiXG4gICAgICBbYWx0XT1cImVsZW1lbnQudGl0bGVcIlxuICAgICAgW3NpemVdPVwiMjRcIlxuICAgIC8+XG4gIH1cbiAgPHNwYW5cbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnYm1iX3NpZGViYXItdGV4dCc6ICFpc0hlYWRlcixcbiAgICAgICdibWJfc2lkZWJhci1oZWFkZXItdGV4dCc6IGlzSGVhZGVyXG4gICAgfVwiXG4gID5cbiAgICB7eyBlbGVtZW50IS50aXRsZSB9fVxuICA8L3NwYW4+XG4gIEBpZiAoaXNGaXhlZCkge1xuICAgIDxibWItYWN0aW9uLWljb25cbiAgICAgIGNsYXNzPVwiYm1iX3NpZGViYXItaGVhZGVyLWljb25cIlxuICAgICAgaWRFbGVtZW50PVwic2lkZWJhcl9jbG9zZVwiXG4gICAgICBpY29uPVwiY2xvc2VcIlxuICAgICAgW2ljb25TaXplXT1cIjI0XCJcbiAgICAgIFtpc0FjY2VudENvbG9yXT1cImZhbHNlXCJcbiAgICAgIChidXR0b25DbGljayk9XCJjbG9zZVNpZGViYXIoKVwiXG4gICAgLz5cbiAgfVxuPC9uZy10ZW1wbGF0ZT5cblxuPCEtLSBUZW1wbGF0ZSBmb3IgbWVudSBpdGVtcyAtLT5cbjxuZy10ZW1wbGF0ZSAjaXRlbXNUZW1wbGF0ZSBsZXQtaXRlbT1cIml0ZW1cIiBsZXQtaXNNb2JpbGU9XCJpc01vYmlsZVwiPlxuICA8Ym1iLWNoZWNrLWV4dGVybmFsLWxpbmstYnV0dG9uXG4gICAgY2xhc3M9XCJibWJfc2lkZWJhci1saW5rXCJcbiAgICBbaWRFbGVtZW50XT1cIidlbGVtZW50JyArIGl0ZW0uaWQhXCJcbiAgICBbbGlua109XCJcbiAgICAgIGdldExpbmsoeyBpc01vYmlsZSwgaGFzQ2hpbGRyZW46ICEhaXRlbS5jaGlsZHJlbiwgbGluazogaXRlbS5saW5rISB9KVxuICAgIFwiXG4gICAgW3RhcmdldF09XCJcbiAgICAgIGNoZWNrRm9yQnV0dG9uKHtcbiAgICAgICAgaXNNb2JpbGUsXG4gICAgICAgIGhhc0NoaWxkcmVuOiAhIWl0ZW0uY2hpbGRyZW5cbiAgICAgIH0pXG4gICAgICAgID8gaXRlbS50YXJnZXQhXG4gICAgICAgIDogJydcbiAgICBcIlxuICAgIChidXR0b25DbGljayk9XCJ0b2dnbGVDaGlsZHJlbihpdGVtKVwiXG4gID5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImVsZW1lbnRUZW1wbGF0ZTsgY29udGV4dDogeyBlbGVtZW50OiBpdGVtLCBpc01vYmlsZSB9XCJcbiAgICAvPlxuICAgIEBpZiAoISFpdGVtLmNoaWxkcmVuKSB7XG4gICAgICA8Ym1iLWljb25cbiAgICAgICAgY2xhc3M9XCJibWJfc2lkZWJhci1hcnJvd1wiXG4gICAgICAgIFtpY29uXT1cIlxuICAgICAgICAgICFpc01vYmlsZSAmJiBwb3NpdGlvbigpID09PSAncmlnaHQnID8gJ2NoZXZyb25fbGVmdCcgOiAnY2hldnJvbl9yaWdodCdcbiAgICAgICAgXCJcbiAgICAgICAgW3NpemVdPVwiMjRcIlxuICAgICAgLz5cbiAgICB9XG4gIDwvYm1iLWNoZWNrLWV4dGVybmFsLWxpbmstYnV0dG9uPlxuPC9uZy10ZW1wbGF0ZT5cblxuPCEtLSBUZW1wbGF0ZSBmb3IgbmF2aWdhdGlvbiAtLT5cbjxuZy10ZW1wbGF0ZSAjc2lkZWJhclRlbXBsYXRlIGxldC1sZXZlbD1cImxldmVsXCIgbGV0LWlzTW9iaWxlPVwiaXNNb2JpbGVcIj5cbiAgQGlmICghZXJyb3IpIHtcbiAgICBAZm9yIChncm91cCBvZiBlbGVtZW50cygpLnNsaWNlKDAsIDIpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgIDx1bCBjbGFzcz1cImJtYl9zaWRlYmFyLWxpc3RcIj5cbiAgICAgICAgQGZvciAoZWxlbWVudCBvZiBncm91cDsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgPGxpXG4gICAgICAgICAgICBjbGFzcz1cImJtYl9zaWRlYmFyLWl0ZW1cIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAnYm1iX3NpZGViYXItaXRlbS1sZWZ0LXNwYWNlJzpcbiAgICAgICAgICAgICAgICBwb3NpdGlvbigpID09PSAncmlnaHQnICYmXG4gICAgICAgICAgICAgICAgaGFzU3VibWVudSAmJlxuICAgICAgICAgICAgICAgICFlbGVtZW50LmNoaWxkcmVuPy5sZW5ndGhcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgKGNsaWNrKT1cImNoZWNrVG9DbG9zZVNpZGViYXIoZWxlbWVudClcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgICBpdGVtc1RlbXBsYXRlO1xuICAgICAgICAgICAgICAgIGNvbnRleHQ6IHsgaXRlbTogZWxlbWVudCwgaXNNb2JpbGUgfVxuICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIEBpZiAoISFlbGVtZW50LmNoaWxkcmVuICYmIGxldmVsID09PSAxKSB7XG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxuICAgICAgICAgICAgICAgICAgc2lkZWJhckVsZW1lbnRUZW1wbGF0ZTtcbiAgICAgICAgICAgICAgICAgIGNvbnRleHQ6IHtcbiAgICAgICAgICAgICAgICAgICAgZWxlbWVudDogZWxlbWVudCxcbiAgICAgICAgICAgICAgICAgICAgaWNvblNpemU6IDI0LFxuICAgICAgICAgICAgICAgICAgICBpc0ZpeGVkOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgICBsZXZlbDogMixcbiAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWRFbGVtZW50LFxuICAgICAgICAgICAgICAgICAgICBpc01vYmlsZVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgfVxuICAgICAgPC91bD5cbiAgICB9XG4gIH0gQGVsc2Uge1xuICAgIDxwIGNsYXNzPVwiYm1iX3NpZGViYXItZXJyb3JcIj5cbiAgICAgIEVycm9yOiBUaGUgc2lkZWJhciBjb21wb25lbnQgaGFzIGV4Y2VlZGVkIHRoZSBtYXhpbXVtIGFsbG93ZWQgZWxlbWVudHMuXG4gICAgPC9wPlxuICB9XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGVcbiAgI3NpZGViYXJFbGVtZW50VGVtcGxhdGVcbiAgbGV0LWVsZW1lbnQ9XCJlbGVtZW50XCJcbiAgbGV0LWljb25TaXplPVwiaWNvblNpemVcIlxuICBsZXQtbGV2ZWw9XCJsZXZlbFwiXG4gIGxldC1pc0hlYWRlcj1cImlzSGVhZGVyXCJcbiAgbGV0LWlzRml4ZWQ9XCJpc0ZpeGVkXCJcbiAgbGV0LXNlbGVjdGVkRWxlbWVudD1cInNlbGVjdGVkRWxlbWVudFwiXG4gIGxldC1pc01vYmlsZT1cImlzTW9iaWxlXCJcbj5cbiAgQGlmIChsZXZlbCA9PSAxICYmIGlzTW9iaWxlKSB7XG4gICAgPGJtYi1hY3Rpb24taWNvblxuICAgICAgY2xhc3M9XCJibWJfc2lkZWJhci1tb2JpbGUtYnV0dG9uXCJcbiAgICAgIGlkRWxlbWVudD1cInNpZGViYXJfbWFpblwiXG4gICAgICBpY29uPVwiY2hldnJvbl9yaWdodFwiXG4gICAgICBbaWNvblNpemVdPVwiaWNvblNpemVcIlxuICAgICAgdG9nZ2xlSWNvbkFjdGl2ZT1cImNoZXZyb25fbGVmdFwiXG4gICAgICBbaXNBY2NlbnRDb2xvcl09XCJmYWxzZVwiXG4gICAgICBbKGlzVG9nZ2xlQWN0aXZlKV09XCJpc09wZW5cIlxuICAgICAgKGJ1dHRvbkNsaWNrKT1cImNsZWFyU2VsZWN0RWxlbWVudCgpXCJcbiAgICAvPlxuICB9XG4gIDxzZWN0aW9uXG4gICAgW3RhYkluZGV4XT1cIi0xXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnYm1iX3NpZGViYXItY2hpbGRyZW4nOiBsZXZlbCA+PSAyICYmICEhZWxlbWVudC5jaGlsZHJlbixcbiAgICAgICdibWJfc2lkZWJhci1jaGlsZHJlbi1vcGVuJzpcbiAgICAgICAgbGV2ZWwgPj0gMiAmJiAhIWVsZW1lbnQuY2hpbGRyZW4gJiYgc2VsZWN0ZWRFbGVtZW50ID09PSBlbGVtZW50LFxuICAgICAgJ2JtYl9zaWRlYmFyLW9wZW4nOiBpc01vYmlsZSAmJiBsZXZlbCA9PSAxICYmIGlzT3BlbixcbiAgICAgIGJtYl9zaWRlYmFyOiBpc01vYmlsZSAmJiBsZXZlbCA9PSAxLFxuICAgICAgJ2JtYl9zaWRlYmFyLW1vYmlsZSc6IGlzTW9iaWxlICYmIGxldmVsID09IDFcbiAgICB9XCJcbiAgPlxuICAgIEBpZiAoaXNPcGVuKSB7XG4gICAgICA8c2VjdGlvblxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgJ2JtYl9zaWRlYmFyLWhlYWRlcic6IGxldmVsID09IDEsXG4gICAgICAgICAgJ2JtYl9zaWRlYmFyLXRpdGxlJzogbGV2ZWwgPj0gMlxuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgQGlmIChsZXZlbCA+PSAyICYmICEhc2VsZWN0ZWRFbGVtZW50KSB7XG4gICAgICAgICAgPGJtYi1hY3Rpb24taWNvblxuICAgICAgICAgICAgY2xhc3M9XCJibWJfc2lkZWJhci10aXRsZS1idXR0b25cIlxuICAgICAgICAgICAgW2lkRWxlbWVudF09XCJlbGVtZW50LmlkLnRvU3RyaW5nKClcIlxuICAgICAgICAgICAgaWNvbj1cImNoZXZyb25fbGVmdFwiXG4gICAgICAgICAgICBbaWNvblNpemVdPVwiMjRcIlxuICAgICAgICAgICAgKGJ1dHRvbkNsaWNrKT1cInRvZ2dsZUNoaWxkcmVuKGVsZW1lbnQpXCJcbiAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgICAgIDwhLS0gSGVhZGVyIC0tPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgIGVsZW1lbnRUZW1wbGF0ZTtcbiAgICAgICAgICAgIGNvbnRleHQ6IHtcbiAgICAgICAgICAgICAgZWxlbWVudCxcbiAgICAgICAgICAgICAgaXNIZWFkZXI6IHRydWUsXG4gICAgICAgICAgICAgIGlzRml4ZWQsXG4gICAgICAgICAgICAgIGhhc0NoaWxkcmVuOiAhIWVsZW1lbnQuY2hpbGRyZW5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICBcIlxuICAgICAgICAvPlxuICAgICAgPC9zZWN0aW9uPlxuXG4gICAgICBAaWYgKGxldmVsID09IDEpIHtcbiAgICAgICAgPCEtLSBNZW51IC0tPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzaWRlYmFyVGVtcGxhdGU7IGNvbnRleHQ6IHsgbGV2ZWwsIGlzTW9iaWxlIH1cIlxuICAgICAgICAvPlxuICAgICAgfVxuICAgIH1cbiAgICBAaWYgKGxldmVsID49IDIgJiYgISFlbGVtZW50LmNoaWxkcmVuKSB7XG4gICAgICA8dWwgY2xhc3M9XCJibWJfc2lkZWJhci1saXN0XCI+XG4gICAgICAgIEBmb3IgKGNoaWxkIG9mIGVsZW1lbnQ/LmNoaWxkcmVuPy5zbGljZSgwLCA2KTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgPGxpIGNsYXNzPVwiYm1iX3NpZGViYXItaXRlbVwiIChjbGljayk9XCJjaGVja1RvQ2xvc2VTaWRlYmFyKGNoaWxkKVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxuICAgICAgICAgICAgICAgIGl0ZW1zVGVtcGxhdGU7XG4gICAgICAgICAgICAgICAgY29udGV4dDogeyBpdGVtOiBjaGlsZCwgaXNNb2JpbGUsIGlzQ2hpbGQ6IHRydWUgfVxuICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICB9XG4gICAgICA8L3VsPlxuICAgIH1cbiAgPC9zZWN0aW9uPlxuPC9uZy10ZW1wbGF0ZT5cblxuPCEtLSBXZWIgLS0+XG48bmF2XG4gICNzaWRlTmF2XG4gIGNsYXNzPVwiYm1iX3NpZGViYXIgYm1iX3NpZGViYXItZGVza3RvcFwiXG4gIGFyaWEtbGFiZWw9XCJTaWRlYmFyIE5hdmlnYXRpb25cIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2JtYi1hY3RpdmUnOiBpc0FjdGl2ZSxcbiAgICAnYm1iX3NpZGViYXItZGVza3RvcC1yaWdodCc6IHBvc2l0aW9uKCkgPT09ICdyaWdodCdcbiAgfVwiXG4gIChtb3VzZWxlYXZlKT1cImNsZWFyU2VsZWN0RWxlbWVudCgpXCJcbj5cbiAgPGRpdiBbdGFiSW5kZXhdPVwiLTFcIiBjbGFzcz1cImJtYl9zaWRlYmFyLWNvbnRlbnRcIj5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxuICAgICAgICBzaWRlYmFyVGVtcGxhdGU7XG4gICAgICAgIGNvbnRleHQ6IHsgbGV2ZWw6IDEsIGlzTW9iaWxlOiBmYWxzZSB9XG4gICAgICBcIlxuICAgIC8+XG4gIDwvZGl2PlxuPC9uYXY+XG5cbjwhLS0gTW9iaWxlIC0tPlxuPG5hdiBjbGFzcz1cImJtYl9zaWRlYmFyLW1vYmlsZVwiIGFyaWEtbGFiZWw9XCJTaWRlYmFyIE5hdmlnYXRpb25cIj5cbiAgPG5nLWNvbnRhaW5lclxuICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICBzaWRlYmFyRWxlbWVudFRlbXBsYXRlO1xuICAgICAgY29udGV4dDoge1xuICAgICAgICBlbGVtZW50OiB7XG4gICAgICAgICAgdGl0bGU6IHRpdGxlKClcbiAgICAgICAgfSxcbiAgICAgICAgaWNvblNpemU6IDMyLFxuICAgICAgICBpc0hlYWRlcjogdHJ1ZSxcbiAgICAgICAgaXNGaXhlZDogdHJ1ZSxcbiAgICAgICAgbGV2ZWw6IDEsXG4gICAgICAgIGlzTW9iaWxlOiB0cnVlXG4gICAgICB9XG4gICAgXCJcbiAgLz5cbjwvbmF2PlxuIl19

package/esm2022/lib/components/bmb-sidebar/bmb-sidebar.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNpZGViYXIuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtbmcvc3JjL2xpYi9jb21wb25lbnRzL2JtYi1zaWRlYmFyL2JtYi1zaWRlYmFyLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSUJtYlRhcmdldExpbmsgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2lkZWJhckVsZW1lbnQge1xuICBpZDogbnVtYmVyO1xuICBpY29uOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGxpbms6IHN0cmluZztcbiAgdGFyZ2V0PzogSUJtYlRhcmdldExpbms7XG4gIGNoaWxkcmVuPzogU2lkZWJhckVsZW1lbnRbXTtcbiAgaXNPcGVuPzogYm9vbGVhbjtcbn1cbiJdfQ==

package/esm2022/lib/components/bmb-simple-header/bmb-simple-header.component.mjs

@@ -0,0 +1,64 @@
+import { ChangeDetectionStrategy, Component, input, output, ViewEncapsulation, } from '@angular/core';
+import { BmbActionIconComponent } from '../bmb-action-icon/bmb-action-icon.component';
+import { BmbLayoutDirective } from '../../directives/bmb-layout/bmb-layout.directive';
+import { BmbLayoutItemDirective } from '../../directives/bmb-layout/bmb-layout-item.directive';
+import * as i0 from "@angular/core";
+export class BmbSimpleHeaderComponent {
+    constructor() {
+        this.title = input('');
+        this.icon = input('');
+        this.iconAlternativeColor = input(false);
+        this.onIconClick = output();
+    }
+    handleClick(event) {
+        this.onIconClick.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbSimpleHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: BmbSimpleHeaderComponent, isStandalone: true, selector: "bmb-simple-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconAlternativeColor: { classPropertyName: "iconAlternativeColor", publicName: "iconAlternativeColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onIconClick: "onIconClick" }, ngImport: i0, template: `
+    <section bmbLayout alignItems="center">
+      <h4 bmbLayoutItem [isDynamicItem]="true" [colGrow]="1">{{ title() }}</h4>
+      <span
+        [style.color]="
+          iconAlternativeColor()
+            ? 'var(--buttons-primary-normal)'
+            : 'currentColor'
+        "
+      >
+        <bmb-action-icon
+          [icon]="icon()"
+          [iconSize]="24"
+          (buttonClick)="handleClick($event)"
+        />
+      </span>
+    </section>
+  `, isInline: true, dependencies: [{ kind: "directive", type: BmbLayoutDirective, selector: "[bmbLayout]", inputs: ["gapSize", "margin", "dynamicCols", "justify", "alignItems", "isContainerQuery"] }, { kind: "directive", type: BmbLayoutItemDirective, selector: "[bmbLayoutItem]", inputs: ["colSm", "colLg", "marginLeft", "marginRight", "colGrow", "isDynamicItem"] }, { 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbSimpleHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bmb-simple-header',
+                    standalone: true,
+                    imports: [BmbLayoutDirective, BmbLayoutItemDirective, BmbActionIconComponent],
+                    template: `
+    <section bmbLayout alignItems="center">
+      <h4 bmbLayoutItem [isDynamicItem]="true" [colGrow]="1">{{ title() }}</h4>
+      <span
+        [style.color]="
+          iconAlternativeColor()
+            ? 'var(--buttons-primary-normal)'
+            : 'currentColor'
+        "
+      >
+        <bmb-action-icon
+          [icon]="icon()"
+          [iconSize]="24"
+          (buttonClick)="handleClick($event)"
+        />
+      </span>
+    </section>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNpbXBsZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtbmcvc3JjL2xpYi9jb21wb25lbnRzL2JtYi1zaW1wbGUtaGVhZGVyL2JtYi1zaW1wbGUtaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUN0RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN0RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQzs7QUEyQi9GLE1BQU0sT0FBTyx3QkFBd0I7SUF6QnJDO1FBMEJFLFVBQUssR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDMUIsU0FBSSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUN6Qix5QkFBb0IsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFN0MsZ0JBQVcsR0FBRyxNQUFNLEVBQU8sQ0FBQztLQUs3QjtJQUhDLFdBQVcsQ0FBQyxLQUFVO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7K0dBVFUsd0JBQXdCO21HQUF4Qix3QkFBd0Isb2hCQXJCekI7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJULDREQWxCUyxrQkFBa0IsbUpBQUUsc0JBQXNCLGlKQUFFLHNCQUFzQjs7NEZBc0JqRSx3QkFBd0I7a0JBekJwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQztvQkFDN0UsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgaW5wdXQsXG4gIG91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm1iQWN0aW9uSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1hY3Rpb24taWNvbi9ibWItYWN0aW9uLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IEJtYkxheW91dERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvYm1iLWxheW91dC9ibWItbGF5b3V0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBCbWJMYXlvdXRJdGVtRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9ibWItbGF5b3V0L2JtYi1sYXlvdXQtaXRlbS5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibWItc2ltcGxlLWhlYWRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtCbWJMYXlvdXREaXJlY3RpdmUsIEJtYkxheW91dEl0ZW1EaXJlY3RpdmUsIEJtYkFjdGlvbkljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxzZWN0aW9uIGJtYkxheW91dCBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8aDQgYm1iTGF5b3V0SXRlbSBbaXNEeW5hbWljSXRlbV09XCJ0cnVlXCIgW2NvbEdyb3ddPVwiMVwiPnt7IHRpdGxlKCkgfX08L2g0PlxuICAgICAgPHNwYW5cbiAgICAgICAgW3N0eWxlLmNvbG9yXT1cIlxuICAgICAgICAgIGljb25BbHRlcm5hdGl2ZUNvbG9yKClcbiAgICAgICAgICAgID8gJ3ZhcigtLWJ1dHRvbnMtcHJpbWFyeS1ub3JtYWwpJ1xuICAgICAgICAgICAgOiAnY3VycmVudENvbG9yJ1xuICAgICAgICBcIlxuICAgICAgPlxuICAgICAgICA8Ym1iLWFjdGlvbi1pY29uXG4gICAgICAgICAgW2ljb25dPVwiaWNvbigpXCJcbiAgICAgICAgICBbaWNvblNpemVdPVwiMjRcIlxuICAgICAgICAgIChidXR0b25DbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgICAgICAgLz5cbiAgICAgIDwvc3Bhbj5cbiAgICA8L3NlY3Rpb24+XG4gIGAsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCbWJTaW1wbGVIZWFkZXJDb21wb25lbnQge1xuICB0aXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xuICBpY29uID0gaW5wdXQ8c3RyaW5nPignJyk7XG4gIGljb25BbHRlcm5hdGl2ZUNvbG9yID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIG9uSWNvbkNsaWNrID0gb3V0cHV0PGFueT4oKTtcblxuICBoYW5kbGVDbGljayhldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkljb25DbGljay5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIl19

package/esm2022/lib/components/bmb-skeleton/bmb-skeleton.component.mjs

@@ -0,0 +1,16 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BmbLayoutGridDirective, BmbLayoutGridItemDirective, } from '../../directives/bmb-layout-grid/bmb-layout-grid.directive';
+import * as i0 from "@angular/core";
+export class BmbSkeletonComponent {
+    constructor() {
+        this.type = input('header');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BmbSkeletonComponent, isStandalone: true, selector: "bmb-skeleton", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"bmb_skeleton\">\n  @switch (type()) {\n    @case ('stray') {\n      <div\n        class=\"bmb_skeleton-stray\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        [columnSize]=\"['4rem', '2fr']\"\n        rowSize=\"auto\"\n        [columns]=\"2\"\n        [rows]=\"2\"\n      >\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"2\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case ('generic1') {\n      <div\n        class=\"bmb_skeleton-generic1\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"4\"\n      >\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"3\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"4\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case ('generic2') {\n      <div\n        class=\"bmb_skeleton-generic2\"\n        bmbLayoutGrid\n        colGapSize=\"xl\"\n        rowGapSize=\"xl\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"3\"\n      >\n        <section\n          class=\"bmb_skeleton-box\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"3\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case ('generic3') {\n      <div\n        class=\"bmb_skeleton-generic3\"\n        bmbLayoutGrid\n        colGapSize=\"none\"\n        rowGapSize=\"none\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"3\"\n      >\n        <section\n          class=\"bmb_skeleton-box-header\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case ('input') {\n      <div class=\"bmb_skeleton-input\">\n        <section class=\"bmb_skeleton-headline bmb_skeleton-item\"></section>\n      </div>\n    }\n    @default {\n      <div\n        class=\"bmb_skeleton-header\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        [columnSize]=\"['1.5rem', '2fr', '1.5rem']\"\n        rowSize=\"auto\"\n        [columns]=\"3\"\n        [rows]=\"1\"\n      >\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"3\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n  }\n</div>\n", styles: ["@keyframes skeleton{0%{background-position:0% 0%}to{background-position:200% 0%}}.bmb_skeleton-item{animation:skeleton 1.2s infinite linear;background:linear-gradient(90deg,var(--general_contrasts-25) 0%,var(--general_contrasts-50) 50%,var(--general_contrasts-25) 100%);background-size:200% 100%}.bmb_skeleton-circle{border-radius:100%}.bmb_skeleton-headline{border-radius:.9375rem;height:1.5rem;width:100%}.bmb_skeleton-header{background-color:var(--general_contrasts-5);border-radius:0 0 .75rem .75rem;padding:1rem}.bmb_skeleton-stray{margin-bottom:1rem;padding:1rem 2.375rem;gap:1rem 5.3125rem!important;background-color:var(--general_contrasts-5)}.bmb_skeleton-stray .bmb_skeleton-circle{height:4rem;width:4rem}.bmb_skeleton-generic1{gap:2.5rem!important;padding:2.5rem 1rem;background-color:var(--general_contrasts-5);border-radius:.75rem}.bmb_skeleton-generic2>.bmb_skeleton-item{margin:0 1rem;width:calc(100% - 2rem)}.bmb_skeleton-generic2 .bmb_skeleton-box{height:18.5rem;background-color:var(--general_contrasts-5);border-radius:1.5rem}.bmb_skeleton-generic3{border:.0625rem solid var(--general_contrasts-container-outline);border-radius:1.5rem}.bmb_skeleton-generic3 .bmb_skeleton-box-header{background-color:var(--containers-main);height:5rem;border-radius:1.5rem 1.5rem 0 0}.bmb_skeleton-generic3 .bmb_skeleton-headline{border-radius:0 0 1.5rem 1.5rem;height:26rem}.bmb_skeleton-input .bmb_skeleton-headline{border-radius:.5rem;height:3rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BmbLayoutGridDirective, selector: "[bmbLayoutGrid]", inputs: ["colGapSize", "rowGapSize", "columnSize", "rowSize", "columns", "rows", "height"] }, { kind: "directive", type: BmbLayoutGridItemDirective, selector: "[bmbLayoutGridItem]", inputs: ["colStart", "rowStart", "numberOfColumns", "numberOfRows"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BmbSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bmb-skeleton', standalone: true, imports: [CommonModule, BmbLayoutGridDirective, BmbLayoutGridItemDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"bmb_skeleton\">\n  @switch (type()) {\n    @case ('stray') {\n      <div\n        class=\"bmb_skeleton-stray\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        [columnSize]=\"['4rem', '2fr']\"\n        rowSize=\"auto\"\n        [columns]=\"2\"\n        [rows]=\"2\"\n      >\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"2\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case ('generic1') {\n      <div\n        class=\"bmb_skeleton-generic1\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"4\"\n      >\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"3\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"4\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case ('generic2') {\n      <div\n        class=\"bmb_skeleton-generic2\"\n        bmbLayoutGrid\n        colGapSize=\"xl\"\n        rowGapSize=\"xl\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"3\"\n      >\n        <section\n          class=\"bmb_skeleton-box\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"3\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case ('generic3') {\n      <div\n        class=\"bmb_skeleton-generic3\"\n        bmbLayoutGrid\n        colGapSize=\"none\"\n        rowGapSize=\"none\"\n        columnSize=\"auto\"\n        rowSize=\"auto\"\n        [columns]=\"1\"\n        [rows]=\"3\"\n      >\n        <section\n          class=\"bmb_skeleton-box-header\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"2\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n    @case ('input') {\n      <div class=\"bmb_skeleton-input\">\n        <section class=\"bmb_skeleton-headline bmb_skeleton-item\"></section>\n      </div>\n    }\n    @default {\n      <div\n        class=\"bmb_skeleton-header\"\n        bmbLayoutGrid\n        colGapSize=\"m\"\n        rowGapSize=\"m\"\n        [columnSize]=\"['1.5rem', '2fr', '1.5rem']\"\n        rowSize=\"auto\"\n        [columns]=\"3\"\n        [rows]=\"1\"\n      >\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"1\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-headline bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"2\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n        <section\n          class=\"bmb_skeleton-circle bmb_skeleton-item\"\n          bmbLayoutGridItem\n          [colStart]=\"3\"\n          [rowStart]=\"1\"\n          [numberOfColumns]=\"1\"\n          [numberOfRows]=\"1\"\n        ></section>\n      </div>\n    }\n  }\n</div>\n", styles: ["@keyframes skeleton{0%{background-position:0% 0%}to{background-position:200% 0%}}.bmb_skeleton-item{animation:skeleton 1.2s infinite linear;background:linear-gradient(90deg,var(--general_contrasts-25) 0%,var(--general_contrasts-50) 50%,var(--general_contrasts-25) 100%);background-size:200% 100%}.bmb_skeleton-circle{border-radius:100%}.bmb_skeleton-headline{border-radius:.9375rem;height:1.5rem;width:100%}.bmb_skeleton-header{background-color:var(--general_contrasts-5);border-radius:0 0 .75rem .75rem;padding:1rem}.bmb_skeleton-stray{margin-bottom:1rem;padding:1rem 2.375rem;gap:1rem 5.3125rem!important;background-color:var(--general_contrasts-5)}.bmb_skeleton-stray .bmb_skeleton-circle{height:4rem;width:4rem}.bmb_skeleton-generic1{gap:2.5rem!important;padding:2.5rem 1rem;background-color:var(--general_contrasts-5);border-radius:.75rem}.bmb_skeleton-generic2>.bmb_skeleton-item{margin:0 1rem;width:calc(100% - 2rem)}.bmb_skeleton-generic2 .bmb_skeleton-box{height:18.5rem;background-color:var(--general_contrasts-5);border-radius:1.5rem}.bmb_skeleton-generic3{border:.0625rem solid var(--general_contrasts-container-outline);border-radius:1.5rem}.bmb_skeleton-generic3 .bmb_skeleton-box-header{background-color:var(--containers-main);height:5rem;border-radius:1.5rem 1.5rem 0 0}.bmb_skeleton-generic3 .bmb_skeleton-headline{border-radius:0 0 1.5rem 1.5rem;height:26rem}.bmb_skeleton-input .bmb_skeleton-headline{border-radius:.5rem;height:3rem}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNrZWxldG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc2tlbGV0b24vYm1iLXNrZWxldG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc2tlbGV0b24vYm1iLXNrZWxldG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCxzQkFBc0IsRUFDdEIsMEJBQTBCLEdBQzNCLE1BQU0sNERBQTRELENBQUM7O0FBbUJwRSxNQUFNLE9BQU8sb0JBQW9CO0lBVGpDO1FBVUUsU0FBSSxHQUFHLEtBQUssQ0FBa0IsUUFBUSxDQUFDLENBQUM7S0FDekM7K0dBRlksb0JBQW9CO21HQUFwQixvQkFBb0IseU1DN0JqQyxpektBa01BLHUrQ0QzS1ksWUFBWSwrQkFBRSxzQkFBc0Isd0pBQUUsMEJBQTBCOzs0RkFNL0Qsb0JBQW9CO2tCQVRoQyxTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsMEJBQTBCLENBQUMsbUJBRzFELHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIEJtYkxheW91dEdyaWREaXJlY3RpdmUsXG4gIEJtYkxheW91dEdyaWRJdGVtRGlyZWN0aXZlLFxufSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2JtYi1sYXlvdXQtZ3JpZC9ibWItbGF5b3V0LWdyaWQuZGlyZWN0aXZlJztcblxuZXhwb3J0IHR5cGUgQm1iU2tlbGV0b25UeXBlID1cbiAgfCAnaGVhZGVyJ1xuICB8ICdpbnB1dCdcbiAgfCAnc3RyYXknXG4gIHwgJ2dlbmVyaWMxJ1xuICB8ICdnZW5lcmljMidcbiAgfCAnZ2VuZXJpYzMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibWItc2tlbGV0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCbWJMYXlvdXRHcmlkRGlyZWN0aXZlLCBCbWJMYXlvdXRHcmlkSXRlbURpcmVjdGl2ZV0sXG4gIHN0eWxlVXJsOiAnLi9ibWItc2tlbGV0b24uY29tcG9uZW50LnNjc3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vYm1iLXNrZWxldG9uLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEJtYlNrZWxldG9uQ29tcG9uZW50IHtcbiAgdHlwZSA9IGlucHV0PEJtYlNrZWxldG9uVHlwZT4oJ2hlYWRlcicpO1xufVxuIiwiPGRpdiBjbGFzcz1cImJtYl9za2VsZXRvblwiPlxuICBAc3dpdGNoICh0eXBlKCkpIHtcbiAgICBAY2FzZSAoJ3N0cmF5Jykge1xuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImJtYl9za2VsZXRvbi1zdHJheVwiXG4gICAgICAgIGJtYkxheW91dEdyaWRcbiAgICAgICAgY29sR2FwU2l6ZT1cIm1cIlxuICAgICAgICByb3dHYXBTaXplPVwibVwiXG4gICAgICAgIFtjb2x1bW5TaXplXT1cIlsnNHJlbScsICcyZnInXVwiXG4gICAgICAgIHJvd1NpemU9XCJhdXRvXCJcbiAgICAgICAgW2NvbHVtbnNdPVwiMlwiXG4gICAgICAgIFtyb3dzXT1cIjJcIlxuICAgICAgPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWNpcmNsZSBibWJfc2tlbGV0b24taXRlbVwiXG4gICAgICAgICAgYm1iTGF5b3V0R3JpZEl0ZW1cbiAgICAgICAgICBbY29sU3RhcnRdPVwiMVwiXG4gICAgICAgICAgW3Jvd1N0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZkNvbHVtbnNdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mUm93c109XCIyXCJcbiAgICAgICAgPjwvc2VjdGlvbj5cbiAgICAgICAgPHNlY3Rpb25cbiAgICAgICAgICBjbGFzcz1cImJtYl9za2VsZXRvbi1oZWFkbGluZSBibWJfc2tlbGV0b24taXRlbVwiXG4gICAgICAgICAgYm1iTGF5b3V0R3JpZEl0ZW1cbiAgICAgICAgICBbY29sU3RhcnRdPVwiMlwiXG4gICAgICAgICAgW3Jvd1N0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZkNvbHVtbnNdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mUm93c109XCIxXCJcbiAgICAgICAgPjwvc2VjdGlvbj5cbiAgICAgICAgPHNlY3Rpb25cbiAgICAgICAgICBjbGFzcz1cImJtYl9za2VsZXRvbi1oZWFkbGluZSBibWJfc2tlbGV0b24taXRlbVwiXG4gICAgICAgICAgYm1iTGF5b3V0R3JpZEl0ZW1cbiAgICAgICAgICBbY29sU3RhcnRdPVwiMlwiXG4gICAgICAgICAgW3Jvd1N0YXJ0XT1cIjJcIlxuICAgICAgICAgIFtudW1iZXJPZkNvbHVtbnNdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mUm93c109XCIxXCJcbiAgICAgICAgPjwvc2VjdGlvbj5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgICBAY2FzZSAoJ2dlbmVyaWMxJykge1xuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImJtYl9za2VsZXRvbi1nZW5lcmljMVwiXG4gICAgICAgIGJtYkxheW91dEdyaWRcbiAgICAgICAgY29sR2FwU2l6ZT1cIm1cIlxuICAgICAgICByb3dHYXBTaXplPVwibVwiXG4gICAgICAgIGNvbHVtblNpemU9XCJhdXRvXCJcbiAgICAgICAgcm93U2l6ZT1cImF1dG9cIlxuICAgICAgICBbY29sdW1uc109XCIxXCJcbiAgICAgICAgW3Jvd3NdPVwiNFwiXG4gICAgICA+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24taGVhZGxpbmUgYm1iX3NrZWxldG9uLWl0ZW1cIlxuICAgICAgICAgIGJtYkxheW91dEdyaWRJdGVtXG4gICAgICAgICAgW2NvbFN0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtyb3dTdGFydF09XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZDb2x1bW5zXT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZlJvd3NdPVwiMVwiXG4gICAgICAgID48L3NlY3Rpb24+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24taGVhZGxpbmUgYm1iX3NrZWxldG9uLWl0ZW1cIlxuICAgICAgICAgIGJtYkxheW91dEdyaWRJdGVtXG4gICAgICAgICAgW2NvbFN0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtyb3dTdGFydF09XCIyXCJcbiAgICAgICAgICBbbnVtYmVyT2ZDb2x1bW5zXT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZlJvd3NdPVwiMVwiXG4gICAgICAgID48L3NlY3Rpb24+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24taGVhZGxpbmUgYm1iX3NrZWxldG9uLWl0ZW1cIlxuICAgICAgICAgIGJtYkxheW91dEdyaWRJdGVtXG4gICAgICAgICAgW2NvbFN0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtyb3dTdGFydF09XCIzXCJcbiAgICAgICAgICBbbnVtYmVyT2ZDb2x1bW5zXT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZlJvd3NdPVwiMVwiXG4gICAgICAgID48L3NlY3Rpb24+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24taGVhZGxpbmUgYm1iX3NrZWxldG9uLWl0ZW1cIlxuICAgICAgICAgIGJtYkxheW91dEdyaWRJdGVtXG4gICAgICAgICAgW2NvbFN0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtyb3dTdGFydF09XCI0XCJcbiAgICAgICAgICBbbnVtYmVyT2ZDb2x1bW5zXT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZlJvd3NdPVwiMVwiXG4gICAgICAgID48L3NlY3Rpb24+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gICAgQGNhc2UgKCdnZW5lcmljMicpIHtcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24tZ2VuZXJpYzJcIlxuICAgICAgICBibWJMYXlvdXRHcmlkXG4gICAgICAgIGNvbEdhcFNpemU9XCJ4bFwiXG4gICAgICAgIHJvd0dhcFNpemU9XCJ4bFwiXG4gICAgICAgIGNvbHVtblNpemU9XCJhdXRvXCJcbiAgICAgICAgcm93U2l6ZT1cImF1dG9cIlxuICAgICAgICBbY29sdW1uc109XCIxXCJcbiAgICAgICAgW3Jvd3NdPVwiM1wiXG4gICAgICA+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24tYm94XCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMlwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiM1wiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICAgIEBjYXNlICgnZ2VuZXJpYzMnKSB7XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWdlbmVyaWMzXCJcbiAgICAgICAgYm1iTGF5b3V0R3JpZFxuICAgICAgICBjb2xHYXBTaXplPVwibm9uZVwiXG4gICAgICAgIHJvd0dhcFNpemU9XCJub25lXCJcbiAgICAgICAgY29sdW1uU2l6ZT1cImF1dG9cIlxuICAgICAgICByb3dTaXplPVwiYXV0b1wiXG4gICAgICAgIFtjb2x1bW5zXT1cIjFcIlxuICAgICAgICBbcm93c109XCIzXCJcbiAgICAgID5cbiAgICAgICAgPHNlY3Rpb25cbiAgICAgICAgICBjbGFzcz1cImJtYl9za2VsZXRvbi1ib3gtaGVhZGVyXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMlwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICAgIEBjYXNlICgnaW5wdXQnKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwiYm1iX3NrZWxldG9uLWlucHV0XCI+XG4gICAgICAgIDxzZWN0aW9uIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCI+PC9zZWN0aW9uPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICAgIEBkZWZhdWx0IHtcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24taGVhZGVyXCJcbiAgICAgICAgYm1iTGF5b3V0R3JpZFxuICAgICAgICBjb2xHYXBTaXplPVwibVwiXG4gICAgICAgIHJvd0dhcFNpemU9XCJtXCJcbiAgICAgICAgW2NvbHVtblNpemVdPVwiWycxLjVyZW0nLCAnMmZyJywgJzEuNXJlbSddXCJcbiAgICAgICAgcm93U2l6ZT1cImF1dG9cIlxuICAgICAgICBbY29sdW1uc109XCIzXCJcbiAgICAgICAgW3Jvd3NdPVwiMVwiXG4gICAgICA+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgY2xhc3M9XCJibWJfc2tlbGV0b24tY2lyY2xlIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIxXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWhlYWRsaW5lIGJtYl9za2VsZXRvbi1pdGVtXCJcbiAgICAgICAgICBibWJMYXlvdXRHcmlkSXRlbVxuICAgICAgICAgIFtjb2xTdGFydF09XCIyXCJcbiAgICAgICAgICBbcm93U3RhcnRdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mQ29sdW1uc109XCIxXCJcbiAgICAgICAgICBbbnVtYmVyT2ZSb3dzXT1cIjFcIlxuICAgICAgICA+PC9zZWN0aW9uPlxuICAgICAgICA8c2VjdGlvblxuICAgICAgICAgIGNsYXNzPVwiYm1iX3NrZWxldG9uLWNpcmNsZSBibWJfc2tlbGV0b24taXRlbVwiXG4gICAgICAgICAgYm1iTGF5b3V0R3JpZEl0ZW1cbiAgICAgICAgICBbY29sU3RhcnRdPVwiM1wiXG4gICAgICAgICAgW3Jvd1N0YXJ0XT1cIjFcIlxuICAgICAgICAgIFtudW1iZXJPZkNvbHVtbnNdPVwiMVwiXG4gICAgICAgICAgW251bWJlck9mUm93c109XCIxXCJcbiAgICAgICAgPjwvc2VjdGlvbj5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgfVxuPC9kaXY+XG4iXX0=