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

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: "17.3.12", ngImport: i0, type: BmbServerTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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: "17.3.12", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNlcnZlci10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1uZy9zcmMvbGliL2NvbXBvbmVudHMvYm1iLXNlcnZlci10YWJsZS9ibWItc2VydmVyLXRhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc2VydmVyLXRhYmxlL2JtYi1zZXJ2ZXItdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FJUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7QUFtQi9DLE1BQU0sT0FBTyx1QkFBdUI7SUFacEM7UUFhVyxZQUFPLEdBQTRCLEVBQUUsQ0FBQztRQUN0QyxTQUFJLEdBQVUsRUFBRSxDQUFDO1FBQ2pCLGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBQ3pCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsb0JBQWUsR0FBYSxFQUFFLENBQUM7UUFDL0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN4QixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN4QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUN2QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUMvQyxxQkFBZ0IsR0FBYSxFQUFFLENBQUM7UUFDaEMsZ0JBQVcsR0FBUSxJQUFJLENBQUM7S0FnQ3pCO0lBOUJDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUN0QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDeEI7UUFDRCxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNuQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1NBQ3ZDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQzNDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQzVEO2FBQU07WUFDTCxPQUFPLENBQUMsSUFBSSxDQUFDLCtDQUErQyxDQUFDLENBQUM7WUFDOUQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztTQUM1QjtJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsS0FBVTtRQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxVQUFVLENBQUMsR0FBUTtRQUNqQixJQUFJLENBQUMsV0FBVyxHQUFHLEdBQUcsQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsVUFBVSxDQUFDLEdBQVE7UUFDakIsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLEdBQUcsQ0FBQztJQUNsQyxDQUFDOytHQTFDVSx1QkFBdUI7bUdBQXZCLHVCQUF1QixzVkMvQnBDLHF0Q0FzQ0EsMmxCRGZJLGtCQUFrQixtU0FDbEIsY0FBYyxzZ0NBQ2Qsd0JBQXdCLGtPQUN4QixZQUFZOzs0RkFLSCx1QkFBdUI7a0JBWm5DLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUDt3QkFDUCxrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2Qsd0JBQXdCO3dCQUN4QixZQUFZO3FCQUNiOzhCQUtRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFBhZ2luYXRvck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBNYXRUYWJsZU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuZXhwb3J0IGludGVyZmFjZSBJQm1iU2VydmVyVGFibGVDb2x1bW4ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYm1iLXNlcnZlci10YWJsZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBNYXRQYWdpbmF0b3JNb2R1bGUsXG4gICAgTWF0VGFibGVNb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1zZXJ2ZXItdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYm1iLXNlcnZlci10YWJsZS5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEJtYlNlcnZlclRhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgY29sdW1uczogSUJtYlNlcnZlclRhYmxlQ29sdW1uW10gPSBbXTtcbiAgQElucHV0KCkgZGF0YTogYW55W10gPSBbXTtcbiAgQElucHV0KCkgdG90YWxSZWNvcmRzOiBudW1iZXIgPSAwO1xuICBASW5wdXQoKSBwYWdlU2l6ZTogbnVtYmVyID0gMTA7XG4gIEBJbnB1dCgpIHBhZ2VTaXplT3B0aW9uczogbnVtYmVyW10gPSBbXTtcbiAgQElucHV0KCkgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuICBAT3V0cHV0KCkgZGF0YUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55W10+KCk7XG4gIEBPdXRwdXQoKSBvbkNsaWNrUm93ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIGRpc3BsYXllZENvbHVtbnM6IHN0cmluZ1tdID0gW107XG4gIHNlbGVjdGVkUm93OiBhbnkgPSBudWxsO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snY29sdW1ucyddKSB7XG4gICAgICB0aGlzLnZhbGlkYXRlQ29sdW1ucygpO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlc1snZGF0YSddKSB7XG4gICAgICB0aGlzLmRhdGFDaGFuZ2UuZW1pdCh0aGlzLmRhdGEgfHwgW10pO1xuICAgIH1cbiAgfVxuXG4gIHZhbGlkYXRlQ29sdW1ucygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jb2x1bW5zICYmIHRoaXMuY29sdW1ucy5sZW5ndGggPiAwKSB7XG4gICAgICB0aGlzLmRpc3BsYXllZENvbHVtbnMgPSB0aGlzLmNvbHVtbnMubWFwKChjb2wpID0+IGNvbC5rZXkpO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb25zb2xlLndhcm4oJ0xhcyBjb2x1bW5hcyBlc3TDoW4gdmFjw61hcyBvIG1hbCBjb25maWd1cmFkYXMuJyk7XG4gICAgICB0aGlzLmRpc3BsYXllZENvbHVtbnMgPSBbXTtcbiAgICB9XG4gIH1cblxuICBvblBhZ2VDaGFuZ2UoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMucGFnZUNoYW5nZS5lbWl0KGV2ZW50LnBhZ2VJbmRleCArIDEpO1xuICB9XG5cbiAgb25Sb3dDbGljayhyb3c6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRSb3cgPSByb3c7XG4gICAgdGhpcy5vbkNsaWNrUm93LmVtaXQocm93KTtcbiAgfVxuXG4gIGlzU2VsZWN0ZWQocm93OiBhbnkpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zZWxlY3RlZFJvdyA9PT0gcm93O1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGFibGUtY29udGFpbmVyXCI+XG4gIDxkaXYgY2xhc3M9XCJzcGlubmVyLW92ZXJsYXlcIiAqbmdJZj1cImxvYWRpbmdcIj5cbiAgICA8bWF0LXNwaW5uZXI+PC9tYXQtc3Bpbm5lcj5cbiAgPC9kaXY+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRpc3BsYXllZENvbHVtbnMubGVuZ3RoID4gMDsgZWxzZSBub0NvbHVtbnNcIj5cbiAgICA8dGFibGUgbWF0LXRhYmxlIFtkYXRhU291cmNlXT1cImRhdGFcIiBjbGFzcz1cIm1hdC1lbGV2YXRpb24tejhcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBjb2x1bW5zXCIgW21hdENvbHVtbkRlZl09XCJjb2x1bW4ua2V5XCI+XG4gICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+e3sgY29sdW1uLmxhYmVsIH19PC90aD5cbiAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50W2NvbHVtbi5rZXldIH19PC90ZD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8dHIgbWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImRpc3BsYXllZENvbHVtbnNcIj48L3RyPlxuXG4gICAgICA8dHJcbiAgICAgICAgbWF0LXJvd1xuICAgICAgICAqbWF0Um93RGVmPVwibGV0IHJvdzsgY29sdW1uczogZGlzcGxheWVkQ29sdW1uc1wiXG4gICAgICAgIFtjbGFzcy5zZWxlY3RlZC1yb3ddPVwiaXNTZWxlY3RlZChyb3cpXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uUm93Q2xpY2socm93KVwiXG4gICAgICA+PC90cj5cbiAgICA8L3RhYmxlPlxuXG4gICAgPG1hdC1wYWdpbmF0b3JcbiAgICAgIFtsZW5ndGhdPVwidG90YWxSZWNvcmRzXCJcbiAgICAgIFtwYWdlU2l6ZV09XCJwYWdlU2l6ZVwiXG4gICAgICBbcGFnZVNpemVPcHRpb25zXT1cInBhZ2VTaXplT3B0aW9ucyB8fCBbXVwiXG4gICAgICAocGFnZSk9XCJvblBhZ2VDaGFuZ2UoJGV2ZW50KVwiXG4gICAgPlxuICAgIDwvbWF0LXBhZ2luYXRvcj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPCEtLSBTaW4gY29sdW1uYXMgZGVmaW5pZGFzIC0tPlxuICA8bmctdGVtcGxhdGUgI25vQ29sdW1ucz5cbiAgICA8ZGl2IGNsYXNzPVwibm8tY29sdW1ucy1tZXNzYWdlXCI+XG4gICAgICA8cD5ObyBzZSBoYW4gZGVmaW5pZG8gY29sdW1uYXMgcGFyYSBsYSB0YWJsYS48L3A+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==

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: "17.3.12", ngImport: i0, type: BmbSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: "17.3.12", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm1iLXNpZGViYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtbmcvc3JjL2xpYi9jb21wb25lbnRzL2JtYi1zaWRlYmFyL2JtYi1zaWRlYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLW5nL3NyYy9saWIvY29tcG9uZW50cy9ibWItc2lkZWJhci9ibWItc2lkZWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsWUFBWSxFQUNaLEtBQUssRUFDTCxTQUFTLEVBRVQsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSw0RUFBNEUsQ0FBQztBQUVqSSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQzs7O0FBc0J0RixNQUFNLE9BQU8sbUJBQW1CO0lBaUI5QixTQUFTO1FBQ1AsSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7SUFDbkMsQ0FBQztJQUdELFVBQVU7UUFDUixJQUFJLENBQUMseUJBQXlCLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQ7UUF6QkEsYUFBUSxHQUFHLEtBQUssQ0FBcUIsRUFBRSxDQUFDLENBQUM7UUFDekMsVUFBSyxHQUFHLEtBQUssQ0FBUyxZQUFZLENBQUMsQ0FBQztRQUNwQyxhQUFRLEdBQUcsS0FBSyxDQUFzQixNQUFNLENBQUMsQ0FBQyxDQUFDLGNBQWM7UUFFN0QsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN4QixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLG9CQUFlLEdBQTBCLElBQUksQ0FBQztRQUM5QyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIscUJBQWdCLEdBQVcsQ0FBQyxDQUFDO1FBRTdCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFlWixNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sQ0FDMUMsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sRUFDbEMsQ0FBQyxDQUNGLENBQUM7WUFFRixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUMvQixPQUFPLENBQUMsS0FBSyxDQUNYLDhEQUE4RCxDQUMvRCxDQUFDO2dCQUNGLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO2FBQ25CO1lBRUQsSUFBSSxhQUFhLEdBQUcsQ0FBQyxFQUFFO2dCQUNyQixPQUFPLENBQUMsS0FBSyxDQUNYLDhGQUE4RixDQUMvRixDQUFDO2dCQUNGLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO2FBQ25CO1lBRUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsSUFBSSxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FDbEQsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUNuQyxDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYyxDQUFDLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBZ0I7UUFDcEQsT0FBTyxRQUFRLElBQUksV0FBVyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxPQUFPLENBQUMsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBZ0I7UUFDbkQsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxDQUFDO1lBQUUsT0FBTyxFQUFFLENBQUM7UUFDOUQsT0FBTyxJQUFJLElBQUksRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztJQUM5QixDQUFDO0lBRUQsY0FBYyxDQUFDLE9BQXVCO1FBQ3BDLElBQUksSUFBSSxDQUFDLGVBQWUsS0FBSyxPQUFPLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7WUFDMUIsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLGVBQWUsR0FBRyxPQUFPLENBQUM7UUFFL0IsSUFBSSxPQUFPLENBQUMsUUFBUSxFQUFFO1lBQ3BCLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQztJQUVELHlCQUF5QjtRQUN2QixNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLENBQUM7UUFDL0QsTUFBTSxhQUFhLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQztRQUM3QyxJQUFJLENBQUMsUUFBUTtZQUNYLENBQUMsT0FBTyxJQUFJLGFBQWEsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksS0FBSyxDQUFDO0lBQzNFLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFVO1FBQzVCLElBQUksS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDakMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsMkJBQTJCLENBQUMsQ0FBQztZQUV0RSxVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQ3pDLDJCQUEyQixDQUM1QixDQUFDO2dCQUNGLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDNUQsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQ1Q7SUFDSCxDQUFDOytHQXZHVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiwwcEJDckNoQyxtL01BcVBBLG8wWEQxTkksWUFBWSxvU0FDWixnQkFBZ0IsOEpBQ2hCLG1DQUFtQyx5TUFDbkMsc0JBQXNCOzs0RkFPYixtQkFBbUI7a0JBZC9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGdCQUFnQjt3QkFDaEIsbUNBQW1DO3dCQUNuQyxzQkFBc0I7cUJBQ3ZCLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO3dEQWdCZixPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBR3BCLFNBQVM7c0JBRFIsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFNMUMsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLGlCQUFpQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIEhvc3RMaXN0ZW5lcixcbiAgaW5wdXQsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgZWZmZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTaWRlYmFyRWxlbWVudCB9IGZyb20gJy4vYm1iLXNpZGViYXIuaW50ZXJmYWNlJztcbmltcG9ydCB7IEJtYkljb25Db21wb25lbnQgfSBmcm9tICcuLi9ibWItaWNvbi9ibWItaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm1iQ2hlY2tFeHRlcm5hbExpbmtCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9ibWItY2hlY2stZXh0ZXJuYWwtbGluay1idXR0b24vYm1iLWNoZWNrLWV4dGVybmFsLWxpbmstYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJUG9zaXRpb25CdXR0b25NZW51IH0gZnJvbSAnLi4vYm1iLXRvcC1iYXIvdHlwZXMnO1xuaW1wb3J0IHsgQm1iQWN0aW9uSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2JtYi1hY3Rpb24taWNvbi9ibWItYWN0aW9uLWljb24uY29tcG9uZW50JztcblxuaW50ZXJmYWNlIElCbWJJc0J1dHRvbiB7XG4gIGxpbms/OiBzdHJpbmc7XG4gIGlzTW9iaWxlOiBib29sZWFuO1xuICBoYXNDaGlsZHJlbjogYm9vbGVhbjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYm1iLXNpZGViYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEJtYkljb25Db21wb25lbnQsXG4gICAgQm1iQ2hlY2tFeHRlcm5hbExpbmtCdXR0b25Db21wb25lbnQsXG4gICAgQm1iQWN0aW9uSWNvbkNvbXBvbmVudCxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JtYi1zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2JtYi1zaWRlYmFyLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEJtYlNpZGViYXJDb21wb25lbnQge1xuICBlbGVtZW50cyA9IGlucHV0PFNpZGViYXJFbGVtZW50W11bXT4oW10pO1xuICB0aXRsZSA9IGlucHV0PHN0cmluZz4oJ05hdmlnYXRpb24nKTtcbiAgcG9zaXRpb24gPSBpbnB1dDxJUG9zaXRpb25CdXR0b25NZW51PignbGVmdCcpOyAvL09ubHkgZm9yIHdlYlxuXG4gIGN1cnJlbnRVcmw6IHN0cmluZyA9ICcnO1xuICBpc09wZW46IGJvb2xlYW4gPSBmYWxzZTtcbiAgc2VsZWN0ZWRFbGVtZW50OiBTaWRlYmFyRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBpc0FjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xuICBoYXNTdWJtZW51OiBib29sZWFuID0gZmFsc2U7XG4gIG1heENoaWxkcmVuTGV2ZWw6IG51bWJlciA9IDI7XG5cbiAgZXJyb3IgPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdzaWRlTmF2Jykgc2lkZU5hdiE6IEVsZW1lbnRSZWY7XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OmZvY3VzaW4nLCBbJyRldmVudCddKVxuICBvbkZvY3VzSW4oKSB7XG4gICAgdGhpcy5jaGVja0lmRm9jdXNJbnNpZGVTaWRlYmFyKCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6Zm9jdXNvdXQnLCBbJyRldmVudCddKVxuICBvbkZvY3VzT3V0KCkge1xuICAgIHRoaXMuY2hlY2tJZkZvY3VzSW5zaWRlU2lkZWJhcigpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIGNvbnN0IHRvdGFsRWxlbWVudHMgPSB0aGlzLmVsZW1lbnRzKCkucmVkdWNlKFxuICAgICAgICAoYWNjLCBncm91cCkgPT4gYWNjICsgZ3JvdXAubGVuZ3RoLFxuICAgICAgICAwLFxuICAgICAgKTtcblxuICAgICAgaWYgKHRoaXMuZWxlbWVudHMoKT8ubGVuZ3RoID4gMikge1xuICAgICAgICBjb25zb2xlLmVycm9yKFxuICAgICAgICAgICdUaGUgc2lkZWJhciBjb21wb25lbnQgb25seSBzdXBwb3J0cyB0d28gbGV2ZWxzIG9mIG5hdmlnYXRpb24nLFxuICAgICAgICApO1xuICAgICAgICB0aGlzLmVycm9yID0gdHJ1ZTtcbiAgICAgIH1cblxuICAgICAgaWYgKHRvdGFsRWxlbWVudHMgPiA4KSB7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoXG4gICAgICAgICAgJ1RoZSBzaWRlYmFyIGNvbXBvbmVudCBvbmx5IHN1cHBvcnRzIGEgbWF4aW11bSBvZiA4IGVsZW1lbnRzIGluIHRoZSBmaXJzdCBsZXZlbCBvZiBuYXZpZ2F0aW9uJyxcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5lcnJvciA9IHRydWU7XG4gICAgICB9XG5cbiAgICAgIHRoaXMuaGFzU3VibWVudSA9IHRoaXMuZWxlbWVudHMoKT8uc29tZSgoZWxlbWVudCkgPT5cbiAgICAgICAgZWxlbWVudD8uc29tZSgoZWwpID0+IGVsLmNoaWxkcmVuKSxcbiAgICAgICk7XG4gICAgfSk7XG4gIH1cblxuICBjaGVja0ZvckJ1dHRvbih7IGlzTW9iaWxlLCBoYXNDaGlsZHJlbiB9OiBJQm1iSXNCdXR0b24pOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNNb2JpbGUgJiYgaGFzQ2hpbGRyZW47XG4gIH1cblxuICBnZXRMaW5rKHsgbGluaywgaXNNb2JpbGUsIGhhc0NoaWxkcmVuIH06IElCbWJJc0J1dHRvbik6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuY2hlY2tGb3JCdXR0b24oeyBpc01vYmlsZSwgaGFzQ2hpbGRyZW4gfSkpIHJldHVybiAnJztcbiAgICByZXR1cm4gbGluayB8fCAnJztcbiAgfVxuXG4gIGNsb3NlU2lkZWJhcigpIHtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgIHRoaXMuY2xlYXJTZWxlY3RFbGVtZW50KCk7XG4gIH1cblxuICBjbGVhclNlbGVjdEVsZW1lbnQoKSB7XG4gICAgdGhpcy5zZWxlY3RlZEVsZW1lbnQgPSBudWxsO1xuICB9XG5cbiAgdG9nZ2xlQ2hpbGRyZW4oZWxlbWVudDogU2lkZWJhckVsZW1lbnQpIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZEVsZW1lbnQgPT09IGVsZW1lbnQpIHtcbiAgICAgIHRoaXMuY2xlYXJTZWxlY3RFbGVtZW50KCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zZWxlY3RlZEVsZW1lbnQgPSBlbGVtZW50O1xuXG4gICAgaWYgKGVsZW1lbnQuY2hpbGRyZW4pIHtcbiAgICAgIGVsZW1lbnQuaXNPcGVuID0gIWVsZW1lbnQuaXNPcGVuO1xuICAgIH1cbiAgfVxuXG4gIGNoZWNrSWZGb2N1c0luc2lkZVNpZGViYXIoKSB7XG4gICAgY29uc3Qgc2lkZWJhciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5ibWJfc2lkZWJhci1kZXNrdG9wJyk7XG4gICAgY29uc3QgYWN0aXZlRWxlbWVudCA9IGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQ7XG4gICAgdGhpcy5pc0FjdGl2ZSA9XG4gICAgICAoc2lkZWJhciAmJiBhY3RpdmVFbGVtZW50ICYmIHNpZGViYXIuY29udGFpbnMoYWN0aXZlRWxlbWVudCkpIHx8IGZhbHNlO1xuICB9XG5cbiAgY2hlY2tUb0Nsb3NlU2lkZWJhcihldmVudDogYW55KSB7XG4gICAgaWYgKGV2ZW50LmxpbmsgJiYgIWV2ZW50LmNoaWxkcmVuKSB7XG4gICAgICB0aGlzLmNsb3NlU2lkZWJhcigpO1xuICAgICAgdGhpcy5zaWRlTmF2Lm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnYm1iX3NpZGViYXItZGVza3RvcC1jbG9zZScpO1xuXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5zaWRlTmF2Lm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZShcbiAgICAgICAgICAnYm1iX3NpZGViYXItZGVza3RvcC1jbG9zZScsXG4gICAgICAgICk7XG4gICAgICAgIHRoaXMuc2lkZU5hdi5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ2JtYi1hY3RpdmUnKTtcbiAgICAgIH0sIDUwMCk7XG4gICAgfVxuICB9XG59XG4iLCI8IS0tIFRlbXBsYXRlIGZvciBlbGVtZW50IC0tPlxuPG5nLXRlbXBsYXRlXG4gICNlbGVtZW50VGVtcGxhdGVcbiAgbGV0LWVsZW1lbnQ9XCJlbGVtZW50XCJcbiAgbGV0LWlzSGVhZGVyPVwiaXNIZWFkZXJcIlxuICBsZXQtaXNGaXhlZD1cImlzRml4ZWRcIlxuICBsZXQtaXNDaGlsZD1cImlzQ2hpbGRcIlxuICBsZXQtaXNNb2JpbGU9XCJpc01vYmlsZVwiXG4gIGxldC1oYXNDaGlsZHJlbj1cImhhc0NoaWxkcmVuXCJcbj5cbiAgQGlmICghaXNIZWFkZXIgJiYgISFlbGVtZW50Lmljb24pIHtcbiAgICA8Ym1iLWljb25cbiAgICAgIGNsYXNzPVwiYm1iX3NpZGViYXItaWNvblwiXG4gICAgICBbaWNvbl09XCJlbGVtZW50Lmljb25cIlxuICAgICAgW2FsdF09XCJlbGVtZW50LnRpdGxlXCJcbiAgICAgIFtzaXplXT1cIjI0XCJcbiAgICAvPlxuICB9XG4gIDxzcGFuXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgJ2JtYl9zaWRlYmFyLXRleHQnOiAhaXNIZWFkZXIsXG4gICAgICAnYm1iX3NpZGViYXItaGVhZGVyLXRleHQnOiBpc0hlYWRlclxuICAgIH1cIlxuICA+XG4gICAge3sgZWxlbWVudCEudGl0bGUgfX1cbiAgPC9zcGFuPlxuICBAaWYgKGlzRml4ZWQpIHtcbiAgICA8Ym1iLWFjdGlvbi1pY29uXG4gICAgICBjbGFzcz1cImJtYl9zaWRlYmFyLWhlYWRlci1pY29uXCJcbiAgICAgIGlkRWxlbWVudD1cInNpZGViYXJfY2xvc2VcIlxuICAgICAgaWNvbj1cImNsb3NlXCJcbiAgICAgIFtpY29uU2l6ZV09XCIyNFwiXG4gICAgICBbaXNBY2NlbnRDb2xvcl09XCJmYWxzZVwiXG4gICAgICAoYnV0dG9uQ2xpY2spPVwiY2xvc2VTaWRlYmFyKClcIlxuICAgIC8+XG4gIH1cbjwvbmctdGVtcGxhdGU+XG5cbjwhLS0gVGVtcGxhdGUgZm9yIG1lbnUgaXRlbXMgLS0+XG48bmctdGVtcGxhdGUgI2l0ZW1zVGVtcGxhdGUgbGV0LWl0ZW09XCJpdGVtXCIgbGV0LWlzTW9iaWxlPVwiaXNNb2JpbGVcIj5cbiAgPGJtYi1jaGVjay1leHRlcm5hbC1saW5rLWJ1dHRvblxuICAgIGNsYXNzPVwiYm1iX3NpZGViYXItbGlua1wiXG4gICAgW2lkRWxlbWVudF09XCInZWxlbWVudCcgKyBpdGVtLmlkIVwiXG4gICAgW2xpbmtdPVwiXG4gICAgICBnZXRMaW5rKHsgaXNNb2JpbGUsIGhhc0NoaWxkcmVuOiAhIWl0ZW0uY2hpbGRyZW4sIGxpbms6IGl0ZW0ubGluayEgfSlcbiAgICBcIlxuICAgIFt0YXJnZXRdPVwiXG4gICAgICBjaGVja0ZvckJ1dHRvbih7XG4gICAgICAgIGlzTW9iaWxlLFxuICAgICAgICBoYXNDaGlsZHJlbjogISFpdGVtLmNoaWxkcmVuXG4gICAgICB9KVxuICAgICAgICA/IGl0ZW0udGFyZ2V0IVxuICAgICAgICA6ICcnXG4gICAgXCJcbiAgICAoYnV0dG9uQ2xpY2spPVwidG9nZ2xlQ2hpbGRyZW4oaXRlbSlcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlbGVtZW50VGVtcGxhdGU7IGNvbnRleHQ6IHsgZWxlbWVudDogaXRlbSwgaXNNb2JpbGUgfVwiXG4gICAgLz5cbiAgICBAaWYgKCEhaXRlbS5jaGlsZHJlbikge1xuICAgICAgPGJtYi1pY29uXG4gICAgICAgIGNsYXNzPVwiYm1iX3NpZGViYXItYXJyb3dcIlxuICAgICAgICBbaWNvbl09XCJcbiAgICAgICAgICAhaXNNb2JpbGUgJiYgcG9zaXRpb24oKSA9PT0gJ3JpZ2h0JyA/ICdjaGV2cm9uX2xlZnQnIDogJ2NoZXZyb25fcmlnaHQnXG4gICAgICAgIFwiXG4gICAgICAgIFtzaXplXT1cIjI0XCJcbiAgICAgIC8+XG4gICAgfVxuICA8L2JtYi1jaGVjay1leHRlcm5hbC1saW5rLWJ1dHRvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjwhLS0gVGVtcGxhdGUgZm9yIG5hdmlnYXRpb24gLS0+XG48bmctdGVtcGxhdGUgI3NpZGViYXJUZW1wbGF0ZSBsZXQtbGV2ZWw9XCJsZXZlbFwiIGxldC1pc01vYmlsZT1cImlzTW9iaWxlXCI+XG4gIEBpZiAoIWVycm9yKSB7XG4gICAgQGZvciAoZ3JvdXAgb2YgZWxlbWVudHMoKS5zbGljZSgwLCAyKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICA8dWwgY2xhc3M9XCJibWJfc2lkZWJhci1saXN0XCI+XG4gICAgICAgIEBmb3IgKGVsZW1lbnQgb2YgZ3JvdXA7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgIDxsaVxuICAgICAgICAgICAgY2xhc3M9XCJibWJfc2lkZWJhci1pdGVtXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgJ2JtYl9zaWRlYmFyLWl0ZW0tbGVmdC1zcGFjZSc6XG4gICAgICAgICAgICAgICAgcG9zaXRpb24oKSA9PT0gJ3JpZ2h0JyAmJlxuICAgICAgICAgICAgICAgIGhhc1N1Ym1lbnUgJiZcbiAgICAgICAgICAgICAgICAhZWxlbWVudC5jaGlsZHJlbj8ubGVuZ3RoXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICAgIChjbGljayk9XCJjaGVja1RvQ2xvc2VTaWRlYmFyKGVsZW1lbnQpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICAgICAgaXRlbXNUZW1wbGF0ZTtcbiAgICAgICAgICAgICAgICBjb250ZXh0OiB7IGl0ZW06IGVsZW1lbnQsIGlzTW9iaWxlIH1cbiAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICBAaWYgKCEhZWxlbWVudC5jaGlsZHJlbiAmJiBsZXZlbCA9PT0gMSkge1xuICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgICAgIHNpZGViYXJFbGVtZW50VGVtcGxhdGU7XG4gICAgICAgICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgICAgICAgIGVsZW1lbnQ6IGVsZW1lbnQsXG4gICAgICAgICAgICAgICAgICAgIGljb25TaXplOiAyNCxcbiAgICAgICAgICAgICAgICAgICAgaXNGaXhlZDogdHJ1ZSxcbiAgICAgICAgICAgICAgICAgICAgbGV2ZWw6IDIsXG4gICAgICAgICAgICAgICAgICAgIHNlbGVjdGVkRWxlbWVudCxcbiAgICAgICAgICAgICAgICAgICAgaXNNb2JpbGVcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvbGk+XG4gICAgICAgIH1cbiAgICAgIDwvdWw+XG4gICAgfVxuICB9IEBlbHNlIHtcbiAgICA8cCBjbGFzcz1cImJtYl9zaWRlYmFyLWVycm9yXCI+XG4gICAgICBFcnJvcjogVGhlIHNpZGViYXIgY29tcG9uZW50IGhhcyBleGNlZWRlZCB0aGUgbWF4aW11bSBhbGxvd2VkIGVsZW1lbnRzLlxuICAgIDwvcD5cbiAgfVxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlXG4gICNzaWRlYmFyRWxlbWVudFRlbXBsYXRlXG4gIGxldC1lbGVtZW50PVwiZWxlbWVudFwiXG4gIGxldC1pY29uU2l6ZT1cImljb25TaXplXCJcbiAgbGV0LWxldmVsPVwibGV2ZWxcIlxuICBsZXQtaXNIZWFkZXI9XCJpc0hlYWRlclwiXG4gIGxldC1pc0ZpeGVkPVwiaXNGaXhlZFwiXG4gIGxldC1zZWxlY3RlZEVsZW1lbnQ9XCJzZWxlY3RlZEVsZW1lbnRcIlxuICBsZXQtaXNNb2JpbGU9XCJpc01vYmlsZVwiXG4+XG4gIEBpZiAobGV2ZWwgPT0gMSAmJiBpc01vYmlsZSkge1xuICAgIDxibWItYWN0aW9uLWljb25cbiAgICAgIGNsYXNzPVwiYm1iX3NpZGViYXItbW9iaWxlLWJ1dHRvblwiXG4gICAgICBpZEVsZW1lbnQ9XCJzaWRlYmFyX21haW5cIlxuICAgICAgaWNvbj1cImNoZXZyb25fcmlnaHRcIlxuICAgICAgW2ljb25TaXplXT1cImljb25TaXplXCJcbiAgICAgIHRvZ2dsZUljb25BY3RpdmU9XCJjaGV2cm9uX2xlZnRcIlxuICAgICAgW2lzQWNjZW50Q29sb3JdPVwiZmFsc2VcIlxuICAgICAgWyhpc1RvZ2dsZUFjdGl2ZSldPVwiaXNPcGVuXCJcbiAgICAgIChidXR0b25DbGljayk9XCJjbGVhclNlbGVjdEVsZW1lbnQoKVwiXG4gICAgLz5cbiAgfVxuICA8c2VjdGlvblxuICAgIFt0YWJJbmRleF09XCItMVwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgJ2JtYl9zaWRlYmFyLWNoaWxkcmVuJzogbGV2ZWwgPj0gMiAmJiAhIWVsZW1lbnQuY2hpbGRyZW4sXG4gICAgICAnYm1iX3NpZGViYXItY2hpbGRyZW4tb3Blbic6XG4gICAgICAgIGxldmVsID49IDIgJiYgISFlbGVtZW50LmNoaWxkcmVuICYmIHNlbGVjdGVkRWxlbWVudCA9PT0gZWxlbWVudCxcbiAgICAgICdibWJfc2lkZWJhci1vcGVuJzogaXNNb2JpbGUgJiYgbGV2ZWwgPT0gMSAmJiBpc09wZW4sXG4gICAgICBibWJfc2lkZWJhcjogaXNNb2JpbGUgJiYgbGV2ZWwgPT0gMSxcbiAgICAgICdibWJfc2lkZWJhci1tb2JpbGUnOiBpc01vYmlsZSAmJiBsZXZlbCA9PSAxXG4gICAgfVwiXG4gID5cbiAgICBAaWYgKGlzT3Blbikge1xuICAgICAgPHNlY3Rpb25cbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICdibWJfc2lkZWJhci1oZWFkZXInOiBsZXZlbCA9PSAxLFxuICAgICAgICAgICdibWJfc2lkZWJhci10aXRsZSc6IGxldmVsID49IDJcbiAgICAgICAgfVwiXG4gICAgICA+XG4gICAgICAgIEBpZiAobGV2ZWwgPj0gMiAmJiAhIXNlbGVjdGVkRWxlbWVudCkge1xuICAgICAgICAgIDxibWItYWN0aW9uLWljb25cbiAgICAgICAgICAgIGNsYXNzPVwiYm1iX3NpZGViYXItdGl0bGUtYnV0dG9uXCJcbiAgICAgICAgICAgIFtpZEVsZW1lbnRdPVwiZWxlbWVudC5pZC50b1N0cmluZygpXCJcbiAgICAgICAgICAgIGljb249XCJjaGV2cm9uX2xlZnRcIlxuICAgICAgICAgICAgW2ljb25TaXplXT1cIjI0XCJcbiAgICAgICAgICAgIChidXR0b25DbGljayk9XCJ0b2dnbGVDaGlsZHJlbihlbGVtZW50KVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgICA8IS0tIEhlYWRlciAtLT5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICBlbGVtZW50VGVtcGxhdGU7XG4gICAgICAgICAgICBjb250ZXh0OiB7XG4gICAgICAgICAgICAgIGVsZW1lbnQsXG4gICAgICAgICAgICAgIGlzSGVhZGVyOiB0cnVlLFxuICAgICAgICAgICAgICBpc0ZpeGVkLFxuICAgICAgICAgICAgICBoYXNDaGlsZHJlbjogISFlbGVtZW50LmNoaWxkcmVuXG4gICAgICAgICAgICB9XG4gICAgICAgICAgXCJcbiAgICAgICAgLz5cbiAgICAgIDwvc2VjdGlvbj5cblxuICAgICAgQGlmIChsZXZlbCA9PSAxKSB7XG4gICAgICAgIDwhLS0gTWVudSAtLT5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwic2lkZWJhclRlbXBsYXRlOyBjb250ZXh0OiB7IGxldmVsLCBpc01vYmlsZSB9XCJcbiAgICAgICAgLz5cbiAgICAgIH1cbiAgICB9XG4gICAgQGlmIChsZXZlbCA+PSAyICYmICEhZWxlbWVudC5jaGlsZHJlbikge1xuICAgICAgPHVsIGNsYXNzPVwiYm1iX3NpZGViYXItbGlzdFwiPlxuICAgICAgICBAZm9yIChjaGlsZCBvZiBlbGVtZW50Py5jaGlsZHJlbj8uc2xpY2UoMCwgNik7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgIDxsaSBjbGFzcz1cImJtYl9zaWRlYmFyLWl0ZW1cIiAoY2xpY2spPVwiY2hlY2tUb0Nsb3NlU2lkZWJhcihjaGlsZClcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgICBpdGVtc1RlbXBsYXRlO1xuICAgICAgICAgICAgICAgIGNvbnRleHQ6IHsgaXRlbTogY2hpbGQsIGlzTW9iaWxlLCBpc0NoaWxkOiB0cnVlIH1cbiAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgfVxuICAgICAgPC91bD5cbiAgICB9XG4gIDwvc2VjdGlvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjwhLS0gV2ViIC0tPlxuPG5hdlxuICAjc2lkZU5hdlxuICBjbGFzcz1cImJtYl9zaWRlYmFyIGJtYl9zaWRlYmFyLWRlc2t0b3BcIlxuICBhcmlhLWxhYmVsPVwiU2lkZWJhciBOYXZpZ2F0aW9uXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdibWItYWN0aXZlJzogaXNBY3RpdmUsXG4gICAgJ2JtYl9zaWRlYmFyLWRlc2t0b3AtcmlnaHQnOiBwb3NpdGlvbigpID09PSAncmlnaHQnXG4gIH1cIlxuICAobW91c2VsZWF2ZSk9XCJjbGVhclNlbGVjdEVsZW1lbnQoKVwiXG4+XG4gIDxkaXYgW3RhYkluZGV4XT1cIi0xXCIgY2xhc3M9XCJibWJfc2lkZWJhci1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgc2lkZWJhclRlbXBsYXRlO1xuICAgICAgICBjb250ZXh0OiB7IGxldmVsOiAxLCBpc01vYmlsZTogZmFsc2UgfVxuICAgICAgXCJcbiAgICAvPlxuICA8L2Rpdj5cbjwvbmF2PlxuXG48IS0tIE1vYmlsZSAtLT5cbjxuYXYgY2xhc3M9XCJibWJfc2lkZWJhci1tb2JpbGVcIiBhcmlhLWxhYmVsPVwiU2lkZWJhciBOYXZpZ2F0aW9uXCI+XG4gIDxuZy1jb250YWluZXJcbiAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxuICAgICAgc2lkZWJhckVsZW1lbnRUZW1wbGF0ZTtcbiAgICAgIGNvbnRleHQ6IHtcbiAgICAgICAgZWxlbWVudDoge1xuICAgICAgICAgIHRpdGxlOiB0aXRsZSgpXG4gICAgICAgIH0sXG4gICAgICAgIGljb25TaXplOiAzMixcbiAgICAgICAgaXNIZWFkZXI6IHRydWUsXG4gICAgICAgIGlzRml4ZWQ6IHRydWUsXG4gICAgICAgIGxldmVsOiAxLFxuICAgICAgICBpc01vYmlsZTogdHJ1ZVxuICAgICAgfVxuICAgIFwiXG4gIC8+XG48L25hdj5cbiJdfQ==

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: "17.3.12", ngImport: i0, type: BmbSimpleHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", 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: "17.3.12", 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: "17.3.12", ngImport: i0, type: BmbSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: "17.3.12", 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=