@hug/ngx-layout 1.1.11 → 2.0.0

package/fesm2015/hug-ngx-layout.mjs

@@ -1,166 +0,0 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, ContentChild, HostBinding, ViewChild } from '@angular/core';
-import * as i2 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@angular/material/sidenav';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import * as i5 from '@angular/material/toolbar';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i6 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { NgxMediaService } from '@hug/ngx-core';
-import { NgxSidenavService } from '@hug/ngx-sidenav';
-
-class NgxLayoutComponent {
-    constructor() {
-        this.toolbarColor = 'primary';
-        this.editorToolbarId = 'editor-toolbar';
-        this.closeButtonLabel = 'Fermer';
-        this.backButtonLabel = 'Retour';
-        this.closeButtonClicked = new EventEmitter();
-        this.backButtonClicked = new EventEmitter();
-        this.sideFilterClosed = new EventEmitter();
-        this.sideFilterOpened = new EventEmitter();
-        this.noRight = false;
-        this.mediaService = inject(NgxMediaService);
-        this.sidenavService = inject(NgxSidenavService);
-        this._withSidenav = false;
-        this._keepFilterButtonDisplayed = true;
-        this._withCloseButton = false;
-        this._withBackButton = false;
-    }
-    get layoutToolbar() {
-        var _a;
-        return (_a = this.layoutToolbarExternal) !== null && _a !== void 0 ? _a : this.layoutToolbarContent;
-    }
-    get layoutPrimaryAction() {
-        var _a;
-        return (_a = this.layoutPrimaryActionExternal) !== null && _a !== void 0 ? _a : this.layoutPrimaryActionContent;
-    }
-    get layoutActions() {
-        var _a;
-        return (_a = this.layoutActionsExternal) !== null && _a !== void 0 ? _a : this.layoutActionsContent;
-    }
-    get layoutInfoBoxes() {
-        var _a;
-        return (_a = this.layoutInfoBoxesExternal) !== null && _a !== void 0 ? _a : this.layoutInfoBoxesContent;
-    }
-    get layoutRight() {
-        var _a;
-        const value = (_a = this.layoutRightExternal) !== null && _a !== void 0 ? _a : this.layoutRightContent;
-        this.noRight = !value;
-        return value;
-    }
-    set withSidenav(value) {
-        this._withSidenav = coerceBooleanProperty(value);
-    }
-    get withSidenav() {
-        return this._withSidenav;
-    }
-    set keepFilterButtonDisplayed(value) {
-        this._keepFilterButtonDisplayed = coerceBooleanProperty(value);
-    }
-    get keepFilterButtonDisplayed() {
-        return this._keepFilterButtonDisplayed;
-    }
-    set withCloseButton(value) {
-        this._withCloseButton = coerceBooleanProperty(value);
-    }
-    get withCloseButton() {
-        return this._withCloseButton;
-    }
-    set withBackButton(value) {
-        this._withBackButton = coerceBooleanProperty(value);
-    }
-    get withBackButton() {
-        return this._withBackButton;
-    }
-    closeSideFilter() {
-        var _a;
-        void ((_a = this.sideFilter) === null || _a === void 0 ? void 0 : _a.close());
-    }
-    openSideFilter() {
-        var _a;
-        void ((_a = this.sideFilter) === null || _a === void 0 ? void 0 : _a.open());
-    }
-}
-NgxLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgxLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgxLayoutComponent, isStandalone: true, selector: "ngx-layout", inputs: { toolbarColor: "toolbarColor", editorToolbarId: "editorToolbarId", closeButtonLabel: "closeButtonLabel", backButtonLabel: "backButtonLabel", layoutToolbarExternal: "layoutToolbarExternal", layoutPrimaryActionExternal: "layoutPrimaryActionExternal", layoutActionsExternal: "layoutActionsExternal", layoutInfoBoxesExternal: "layoutInfoBoxesExternal", layoutRightExternal: "layoutRightExternal", withSidenav: "withSidenav", keepFilterButtonDisplayed: "keepFilterButtonDisplayed", withCloseButton: "withCloseButton", withBackButton: "withBackButton" }, outputs: { closeButtonClicked: "closeButtonClicked", backButtonClicked: "backButtonClicked", sideFilterClosed: "sideFilterClosed", sideFilterOpened: "sideFilterOpened" }, host: { properties: { "class.no-right": "this.noRight" } }, queries: [{ propertyName: "layoutToolbarContent", first: true, predicate: ["layoutToolbar"], descendants: true }, { propertyName: "layoutPrimaryActionContent", first: true, predicate: ["layoutPrimaryAction"], descendants: true }, { propertyName: "layoutActionsContent", first: true, predicate: ["layoutActions"], descendants: true }, { propertyName: "layoutInfoBoxesContent", first: true, predicate: ["layoutInfoBoxes"], descendants: true }, { propertyName: "layoutRightContent", first: true, predicate: ["layoutRight"], descendants: true }], viewQueries: [{ propertyName: "sideFilter", first: true, predicate: ["sideFilter"], descendants: true }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\n\n<ng-template #content>\n    <div class=\"main-content\">\n        <span class=\"primary-action-container\" [class.bottom]=\"mediaService.isHandset$ | async\" *ngIf=\"layoutPrimaryAction && !((layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false)\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"(mediaService.isHandset$ | async) && actionsToolbar\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #actionsToolbar>\n    <mat-toolbar id=\"actions-toolbar\" class=\"actions\" [color]=\"toolbarColor\" [class.bottom]=\"mediaService.isHandset$ | async\">\n        <span class=\"primary-action-container\" *ngIf=\"layoutPrimaryAction && (layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-container *ngIf=\"layoutActions\">\n            <ng-template [ngTemplateOutlet]=\"layoutActions\"></ng-template>\n        </ng-container>\n        <div class=\"info-boxes-container\" *ngIf=\"layoutInfoBoxes && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutInfoBoxes\"></ng-template>\n        </div>\n    </mat-toolbar>\n</ng-template>\n\n<ng-template #filter>\n    <mat-toolbar id=\"toolbar\" [color]=\"toolbarColor\" *ngIf=\"layoutToolbar || layoutRight\">\n        <button type=\"button\" id=\"sidenav-button\" mat-icon-button *ngIf=\"withSidenav && (mediaService.isHandset$ | async) && (sidenavService.openChanged$ | async) === false\" (click)=\"sidenavService.toggle()\">\n            <mat-icon>menu</mat-icon>\n        </button>\n        <button type=\"button\" id=\"back-button\" mat-icon-button *ngIf=\"withBackButton\" (click)=\"this.backButtonClicked.emit($event)\" [matTooltip]=\"backButtonLabel\">\n            <mat-icon>arrow_back</mat-icon>\n        </button>\n        <div id=\"toolbar-content-container\">\n            <ng-container *ngIf=\"layoutToolbar\">\n                <ng-template [ngTemplateOutlet]=\"layoutToolbar\"></ng-template>\n            </ng-container>\n        </div>\n        <button type=\"button\" id=\"filter-button\" mat-icon-button (click)=\"sideFilter.toggle()\" *ngIf=\"sideFilter && (keepFilterButtonDisplayed || (mediaService.isHandset$ | async)) && layoutRight\" matTooltip=\"Afficher/Masquer les filtres\">\n            <mat-icon>tune</mat-icon>\n        </button>\n        <button type=\"button\" id=\"close-button\" mat-icon-button *ngIf=\"withCloseButton\" (click)=\"this.closeButtonClicked.emit($event)\" [matTooltip]=\"closeButtonLabel\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-toolbar>\n    <ng-container *ngIf=\"(layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n    <mat-drawer-container *ngIf=\"layoutRight; else content\" autosize=\"true\">\n        <mat-drawer-content>\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </mat-drawer-content>\n        <mat-drawer id=\"side-filter\" #sideFilter (closed)=\"sideFilterClosed.emit()\" (openedChange)=\"sideFilterOpened.emit()\" class=\"right\" position=\"end\" [attr.role]=\"(mediaService.isHandset$ | async) ? 'dialog' : 'navigation'\" [mode]=\"(mediaService.isHandset$ | async) ? 'over' : 'side'\" [opened]=\"(mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutRight\"></ng-template>\n        </mat-drawer>\n    </mat-drawer-container>\n</ng-template>\n", styles: ["ngx-layout{display:flex;flex-direction:column;position:absolute;inset:0}ngx-layout.no-left.no-right .main-content{padding:0}ngx-layout mat-sidenav-container{position:absolute;inset:0}ngx-layout mat-drawer-content,ngx-layout mat-sidenav-content{display:flex!important;flex-direction:column}ngx-layout mat-sidenav{width:200px}ngx-layout mat-drawer{width:220px}ngx-layout mat-drawer.right{padding:.3rem}ngx-layout mat-drawer.right [filters-title]{font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;font-weight:700;padding:.6rem;margin-bottom:.3rem}ngx-layout mat-drawer.right [filters-subtitle]{font-size:1rem;display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;font-weight:600;padding:.4rem .6rem;margin-bottom:.3rem;margin-top:.3rem}ngx-layout mat-drawer.right [icons-container]{display:flex;align-items:center}ngx-layout mat-drawer.right [filters-icon]{cursor:pointer;transition:color .3s ease-in-out}ngx-layout mat-drawer.right [filters-chip-list] .mat-chip-list-wrapper{margin:0;max-height:20vh;overflow-y:auto}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip{position:relative}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip{padding:.5rem;margin:.1rem;font-size:.75rem;transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip:not([disabled]){cursor:pointer}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip:not([disabled]):hover:before{content:\"close\";display:flex;align-items:center;justify-content:center;position:absolute;inset:0;font-weight:700;font-size:1.2rem;cursor:pointer;transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-toggle-group]{display:flex}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle{transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle mat-icon{margin-right:1rem}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle .mat-button-toggle-label-content{text-align:start}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle .mat-button-toggle-focus-overlay{height:100%}ngx-layout mat-drawer.right mat-form-field{width:100%}ngx-layout mat-drawer.right .mat-form-field-infix{width:inherit}ngx-layout mat-drawer.right.mat-drawer-side{box-shadow:-3px 0 5px -1px #0003;z-index:10}ngx-layout mat-drawer-container{flex:1}ngx-layout .mat-toolbar:not(.actions){display:flex;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;z-index:10}ngx-layout .mat-toolbar:not(.actions) #toolbar-content-container{display:flex;flex-grow:1;overflow:hidden}ngx-layout .mat-toolbar:not(.actions) [toolbar-title]{overflow:hidden;text-overflow:ellipsis}ngx-layout .mat-toolbar:not(.actions)>div{display:flex;align-items:center}ngx-layout .mat-toolbar#actions-toolbar{flex:0 0 auto;height:40px;font-size:inherit;padding-right:0}ngx-layout .mat-toolbar#actions-toolbar .info-boxes-container{display:flex;flex:1 1 auto;justify-content:flex-end}ngx-layout .mat-toolbar#actions-toolbar .info-boxes-container .info-box{display:flex;flex-grow:0;line-height:40px;padding-left:2rem;padding-right:2rem;box-shadow:-3px 0 5px -1px #0003}ngx-layout .mat-toolbar#actions-toolbar.bottom#actions-toolbar{display:flex;width:100%;justify-content:space-around}ngx-layout .mat-toolbar#actions-toolbar .primary-action-container{z-index:20}ngx-layout .main-content{position:relative;display:flex;flex:1 1 auto;overflow:hidden}ngx-layout .main-content .primary-action-container{position:absolute;z-index:20;opacity:.8;transition:.3s ease-in-out}ngx-layout .main-content .primary-action-container:hover{opacity:1}ngx-layout .main-content .primary-action-container.bottom{right:1rem;bottom:1rem}ngx-layout .main-content .primary-action-container:not(.bottom){top:1rem;left:1rem}ngx-layout ::-webkit-scrollbar{width:12px;height:12px}ngx-layout ::-webkit-scrollbar-thumb{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border-radius:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i4.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i4.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i4.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-layout', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatSidenavModule,
-                        MatToolbarModule,
-                        MatTooltipModule
-                    ], template: "<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\n\n<ng-template #content>\n    <div class=\"main-content\">\n        <span class=\"primary-action-container\" [class.bottom]=\"mediaService.isHandset$ | async\" *ngIf=\"layoutPrimaryAction && !((layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false)\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"(mediaService.isHandset$ | async) && actionsToolbar\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #actionsToolbar>\n    <mat-toolbar id=\"actions-toolbar\" class=\"actions\" [color]=\"toolbarColor\" [class.bottom]=\"mediaService.isHandset$ | async\">\n        <span class=\"primary-action-container\" *ngIf=\"layoutPrimaryAction && (layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-container *ngIf=\"layoutActions\">\n            <ng-template [ngTemplateOutlet]=\"layoutActions\"></ng-template>\n        </ng-container>\n        <div class=\"info-boxes-container\" *ngIf=\"layoutInfoBoxes && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutInfoBoxes\"></ng-template>\n        </div>\n    </mat-toolbar>\n</ng-template>\n\n<ng-template #filter>\n    <mat-toolbar id=\"toolbar\" [color]=\"toolbarColor\" *ngIf=\"layoutToolbar || layoutRight\">\n        <button type=\"button\" id=\"sidenav-button\" mat-icon-button *ngIf=\"withSidenav && (mediaService.isHandset$ | async) && (sidenavService.openChanged$ | async) === false\" (click)=\"sidenavService.toggle()\">\n            <mat-icon>menu</mat-icon>\n        </button>\n        <button type=\"button\" id=\"back-button\" mat-icon-button *ngIf=\"withBackButton\" (click)=\"this.backButtonClicked.emit($event)\" [matTooltip]=\"backButtonLabel\">\n            <mat-icon>arrow_back</mat-icon>\n        </button>\n        <div id=\"toolbar-content-container\">\n            <ng-container *ngIf=\"layoutToolbar\">\n                <ng-template [ngTemplateOutlet]=\"layoutToolbar\"></ng-template>\n            </ng-container>\n        </div>\n        <button type=\"button\" id=\"filter-button\" mat-icon-button (click)=\"sideFilter.toggle()\" *ngIf=\"sideFilter && (keepFilterButtonDisplayed || (mediaService.isHandset$ | async)) && layoutRight\" matTooltip=\"Afficher/Masquer les filtres\">\n            <mat-icon>tune</mat-icon>\n        </button>\n        <button type=\"button\" id=\"close-button\" mat-icon-button *ngIf=\"withCloseButton\" (click)=\"this.closeButtonClicked.emit($event)\" [matTooltip]=\"closeButtonLabel\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-toolbar>\n    <ng-container *ngIf=\"(layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n    <mat-drawer-container *ngIf=\"layoutRight; else content\" autosize=\"true\">\n        <mat-drawer-content>\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </mat-drawer-content>\n        <mat-drawer id=\"side-filter\" #sideFilter (closed)=\"sideFilterClosed.emit()\" (openedChange)=\"sideFilterOpened.emit()\" class=\"right\" position=\"end\" [attr.role]=\"(mediaService.isHandset$ | async) ? 'dialog' : 'navigation'\" [mode]=\"(mediaService.isHandset$ | async) ? 'over' : 'side'\" [opened]=\"(mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutRight\"></ng-template>\n        </mat-drawer>\n    </mat-drawer-container>\n</ng-template>\n", styles: ["ngx-layout{display:flex;flex-direction:column;position:absolute;inset:0}ngx-layout.no-left.no-right .main-content{padding:0}ngx-layout mat-sidenav-container{position:absolute;inset:0}ngx-layout mat-drawer-content,ngx-layout mat-sidenav-content{display:flex!important;flex-direction:column}ngx-layout mat-sidenav{width:200px}ngx-layout mat-drawer{width:220px}ngx-layout mat-drawer.right{padding:.3rem}ngx-layout mat-drawer.right [filters-title]{font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;font-weight:700;padding:.6rem;margin-bottom:.3rem}ngx-layout mat-drawer.right [filters-subtitle]{font-size:1rem;display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;font-weight:600;padding:.4rem .6rem;margin-bottom:.3rem;margin-top:.3rem}ngx-layout mat-drawer.right [icons-container]{display:flex;align-items:center}ngx-layout mat-drawer.right [filters-icon]{cursor:pointer;transition:color .3s ease-in-out}ngx-layout mat-drawer.right [filters-chip-list] .mat-chip-list-wrapper{margin:0;max-height:20vh;overflow-y:auto}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip{position:relative}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip{padding:.5rem;margin:.1rem;font-size:.75rem;transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip:not([disabled]){cursor:pointer}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip:not([disabled]):hover:before{content:\"close\";display:flex;align-items:center;justify-content:center;position:absolute;inset:0;font-weight:700;font-size:1.2rem;cursor:pointer;transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-toggle-group]{display:flex}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle{transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle mat-icon{margin-right:1rem}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle .mat-button-toggle-label-content{text-align:start}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle .mat-button-toggle-focus-overlay{height:100%}ngx-layout mat-drawer.right mat-form-field{width:100%}ngx-layout mat-drawer.right .mat-form-field-infix{width:inherit}ngx-layout mat-drawer.right.mat-drawer-side{box-shadow:-3px 0 5px -1px #0003;z-index:10}ngx-layout mat-drawer-container{flex:1}ngx-layout .mat-toolbar:not(.actions){display:flex;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;z-index:10}ngx-layout .mat-toolbar:not(.actions) #toolbar-content-container{display:flex;flex-grow:1;overflow:hidden}ngx-layout .mat-toolbar:not(.actions) [toolbar-title]{overflow:hidden;text-overflow:ellipsis}ngx-layout .mat-toolbar:not(.actions)>div{display:flex;align-items:center}ngx-layout .mat-toolbar#actions-toolbar{flex:0 0 auto;height:40px;font-size:inherit;padding-right:0}ngx-layout .mat-toolbar#actions-toolbar .info-boxes-container{display:flex;flex:1 1 auto;justify-content:flex-end}ngx-layout .mat-toolbar#actions-toolbar .info-boxes-container .info-box{display:flex;flex-grow:0;line-height:40px;padding-left:2rem;padding-right:2rem;box-shadow:-3px 0 5px -1px #0003}ngx-layout .mat-toolbar#actions-toolbar.bottom#actions-toolbar{display:flex;width:100%;justify-content:space-around}ngx-layout .mat-toolbar#actions-toolbar .primary-action-container{z-index:20}ngx-layout .main-content{position:relative;display:flex;flex:1 1 auto;overflow:hidden}ngx-layout .main-content .primary-action-container{position:absolute;z-index:20;opacity:.8;transition:.3s ease-in-out}ngx-layout .main-content .primary-action-container:hover{opacity:1}ngx-layout .main-content .primary-action-container.bottom{right:1rem;bottom:1rem}ngx-layout .main-content .primary-action-container:not(.bottom){top:1rem;left:1rem}ngx-layout ::-webkit-scrollbar{width:12px;height:12px}ngx-layout ::-webkit-scrollbar-thumb{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border-radius:6px}\n"] }]
-        }], propDecorators: { toolbarColor: [{
-                type: Input
-            }], editorToolbarId: [{
-                type: Input
-            }], closeButtonLabel: [{
-                type: Input
-            }], backButtonLabel: [{
-                type: Input
-            }], layoutToolbarExternal: [{
-                type: Input
-            }], layoutPrimaryActionExternal: [{
-                type: Input
-            }], layoutActionsExternal: [{
-                type: Input
-            }], layoutInfoBoxesExternal: [{
-                type: Input
-            }], layoutRightExternal: [{
-                type: Input
-            }], closeButtonClicked: [{
-                type: Output
-            }], backButtonClicked: [{
-                type: Output
-            }], sideFilterClosed: [{
-                type: Output
-            }], sideFilterOpened: [{
-                type: Output
-            }], layoutToolbarContent: [{
-                type: ContentChild,
-                args: ['layoutToolbar']
-            }], layoutPrimaryActionContent: [{
-                type: ContentChild,
-                args: ['layoutPrimaryAction']
-            }], layoutActionsContent: [{
-                type: ContentChild,
-                args: ['layoutActions']
-            }], layoutInfoBoxesContent: [{
-                type: ContentChild,
-                args: ['layoutInfoBoxes']
-            }], layoutRightContent: [{
-                type: ContentChild,
-                args: ['layoutRight']
-            }], noRight: [{
-                type: HostBinding,
-                args: ['class.no-right']
-            }], sideFilter: [{
-                type: ViewChild,
-                args: ['sideFilter']
-            }], withSidenav: [{
-                type: Input
-            }], keepFilterButtonDisplayed: [{
-                type: Input
-            }], withCloseButton: [{
-                type: Input
-            }], withBackButton: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NgxLayoutComponent };
-//# sourceMappingURL=hug-ngx-layout.mjs.map

package/fesm2015/hug-ngx-layout.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"hug-ngx-layout.mjs","sources":["../../../projects/layout/src/layout.component.ts","../../../projects/layout/src/layout.component.html","../../../projects/layout/src/hug-ngx-layout.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, HostBinding, inject, Input, Output, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { NgxMediaService } from '@hug/ngx-core';\nimport { NgxSidenavService } from '@hug/ngx-sidenav';\n\n@Component({\n    selector: 'ngx-layout',\n    templateUrl: './layout.component.html',\n    styleUrls: ['./layout.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [\n        CommonModule,\n        MatButtonModule,\n        MatIconModule,\n        MatSidenavModule,\n        MatToolbarModule,\n        MatTooltipModule\n    ]\n})\nexport class NgxLayoutComponent {\n    @Input() public toolbarColor = 'primary';\n    @Input() public editorToolbarId = 'editor-toolbar';\n\n    @Input() public closeButtonLabel = 'Fermer';\n    @Input() public backButtonLabel = 'Retour';\n\n    @Input() public layoutToolbarExternal?: TemplateRef<unknown>;\n    @Input() public layoutPrimaryActionExternal?: TemplateRef<unknown>;\n    @Input() public layoutActionsExternal?: TemplateRef<unknown>;\n    @Input() public layoutInfoBoxesExternal?: TemplateRef<unknown>;\n    @Input() public layoutRightExternal?: TemplateRef<unknown>;\n\n    @Output() public readonly closeButtonClicked = new EventEmitter<MouseEvent>();\n    @Output() public readonly backButtonClicked = new EventEmitter<MouseEvent>();\n    @Output() public readonly sideFilterClosed = new EventEmitter<void>();\n    @Output() public readonly sideFilterOpened = new EventEmitter<void>();\n\n    @ContentChild('layoutToolbar') protected layoutToolbarContent?: TemplateRef<unknown>;\n    @ContentChild('layoutPrimaryAction') protected layoutPrimaryActionContent?: TemplateRef<unknown>;\n    @ContentChild('layoutActions') protected layoutActionsContent?: TemplateRef<unknown>;\n    @ContentChild('layoutInfoBoxes') protected layoutInfoBoxesContent?: TemplateRef<unknown>;\n    @ContentChild('layoutRight') protected layoutRightContent?: TemplateRef<unknown>;\n\n    @HostBinding('class.no-right') protected noRight = false;\n\n    @ViewChild('sideFilter') protected sideFilter?: MatDrawer;\n\n    protected mediaService = inject(NgxMediaService);\n    protected sidenavService = inject(NgxSidenavService);\n\n    public get layoutToolbar(): TemplateRef<unknown> | undefined {\n        return this.layoutToolbarExternal ?? this.layoutToolbarContent;\n    }\n\n    public get layoutPrimaryAction(): TemplateRef<unknown> | undefined {\n        return this.layoutPrimaryActionExternal ?? this.layoutPrimaryActionContent;\n    }\n\n    public get layoutActions(): TemplateRef<unknown> | undefined {\n        return this.layoutActionsExternal ?? this.layoutActionsContent;\n    }\n\n    public get layoutInfoBoxes(): TemplateRef<unknown> | undefined {\n        return this.layoutInfoBoxesExternal ?? this.layoutInfoBoxesContent;\n    }\n\n    public get layoutRight(): TemplateRef<unknown> | undefined {\n        const value = this.layoutRightExternal ?? this.layoutRightContent;\n        this.noRight = !value;\n        return value;\n    }\n\n    private _withSidenav = false;\n\n    @Input()\n    public set withSidenav(value: BooleanInput) {\n        this._withSidenav = coerceBooleanProperty(value);\n    }\n\n    public get withSidenav(): BooleanInput {\n        return this._withSidenav;\n    }\n\n    private _keepFilterButtonDisplayed = true;\n\n    @Input()\n    public set keepFilterButtonDisplayed(value: BooleanInput) {\n        this._keepFilterButtonDisplayed = coerceBooleanProperty(value);\n    }\n\n    public get keepFilterButtonDisplayed(): BooleanInput {\n        return this._keepFilterButtonDisplayed;\n    }\n\n    private _withCloseButton = false;\n\n    @Input()\n    public set withCloseButton(value: BooleanInput) {\n        this._withCloseButton = coerceBooleanProperty(value);\n    }\n\n    public get withCloseButton(): BooleanInput {\n        return this._withCloseButton;\n    }\n\n    private _withBackButton = false;\n\n    @Input()\n    public set withBackButton(value: BooleanInput) {\n        this._withBackButton = coerceBooleanProperty(value);\n    }\n\n    public get withBackButton(): BooleanInput {\n        return this._withBackButton;\n    }\n\n    public closeSideFilter(): void {\n        void this.sideFilter?.close();\n    }\n\n    public openSideFilter(): void {\n        void this.sideFilter?.open();\n    }\n}\n","<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\n\n<ng-template #content>\n    <div class=\"main-content\">\n        <span class=\"primary-action-container\" [class.bottom]=\"mediaService.isHandset$ | async\" *ngIf=\"layoutPrimaryAction && !((layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false)\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"(mediaService.isHandset$ | async) && actionsToolbar\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #actionsToolbar>\n    <mat-toolbar id=\"actions-toolbar\" class=\"actions\" [color]=\"toolbarColor\" [class.bottom]=\"mediaService.isHandset$ | async\">\n        <span class=\"primary-action-container\" *ngIf=\"layoutPrimaryAction && (layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-container *ngIf=\"layoutActions\">\n            <ng-template [ngTemplateOutlet]=\"layoutActions\"></ng-template>\n        </ng-container>\n        <div class=\"info-boxes-container\" *ngIf=\"layoutInfoBoxes && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutInfoBoxes\"></ng-template>\n        </div>\n    </mat-toolbar>\n</ng-template>\n\n<ng-template #filter>\n    <mat-toolbar id=\"toolbar\" [color]=\"toolbarColor\" *ngIf=\"layoutToolbar || layoutRight\">\n        <button type=\"button\" id=\"sidenav-button\" mat-icon-button *ngIf=\"withSidenav && (mediaService.isHandset$ | async) && (sidenavService.openChanged$ | async) === false\" (click)=\"sidenavService.toggle()\">\n            <mat-icon>menu</mat-icon>\n        </button>\n        <button type=\"button\" id=\"back-button\" mat-icon-button *ngIf=\"withBackButton\" (click)=\"this.backButtonClicked.emit($event)\" [matTooltip]=\"backButtonLabel\">\n            <mat-icon>arrow_back</mat-icon>\n        </button>\n        <div id=\"toolbar-content-container\">\n            <ng-container *ngIf=\"layoutToolbar\">\n                <ng-template [ngTemplateOutlet]=\"layoutToolbar\"></ng-template>\n            </ng-container>\n        </div>\n        <button type=\"button\" id=\"filter-button\" mat-icon-button (click)=\"sideFilter.toggle()\" *ngIf=\"sideFilter && (keepFilterButtonDisplayed || (mediaService.isHandset$ | async)) && layoutRight\" matTooltip=\"Afficher/Masquer les filtres\">\n            <mat-icon>tune</mat-icon>\n        </button>\n        <button type=\"button\" id=\"close-button\" mat-icon-button *ngIf=\"withCloseButton\" (click)=\"this.closeButtonClicked.emit($event)\" [matTooltip]=\"closeButtonLabel\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-toolbar>\n    <ng-container *ngIf=\"(layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n    <mat-drawer-container *ngIf=\"layoutRight; else content\" autosize=\"true\">\n        <mat-drawer-content>\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </mat-drawer-content>\n        <mat-drawer id=\"side-filter\" #sideFilter (closed)=\"sideFilterClosed.emit()\" (openedChange)=\"sideFilterOpened.emit()\" class=\"right\" position=\"end\" [attr.role]=\"(mediaService.isHandset$ | async) ? 'dialog' : 'navigation'\" [mode]=\"(mediaService.isHandset$ | async) ? 'over' : 'side'\" [opened]=\"(mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutRight\"></ng-template>\n        </mat-drawer>\n    </mat-drawer-container>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/hug-ngx-layout.mjs

@@ -1,159 +0,0 @@
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, ContentChild, HostBinding, ViewChild } from '@angular/core';
-import * as i2 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@angular/material/sidenav';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import * as i5 from '@angular/material/toolbar';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i6 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { NgxMediaService } from '@hug/ngx-core';
-import { NgxSidenavService } from '@hug/ngx-sidenav';
-
-class NgxLayoutComponent {
-    constructor() {
-        this.toolbarColor = 'primary';
-        this.editorToolbarId = 'editor-toolbar';
-        this.closeButtonLabel = 'Fermer';
-        this.backButtonLabel = 'Retour';
-        this.closeButtonClicked = new EventEmitter();
-        this.backButtonClicked = new EventEmitter();
-        this.sideFilterClosed = new EventEmitter();
-        this.sideFilterOpened = new EventEmitter();
-        this.noRight = false;
-        this.mediaService = inject(NgxMediaService);
-        this.sidenavService = inject(NgxSidenavService);
-        this._withSidenav = false;
-        this._keepFilterButtonDisplayed = true;
-        this._withCloseButton = false;
-        this._withBackButton = false;
-    }
-    get layoutToolbar() {
-        return this.layoutToolbarExternal ?? this.layoutToolbarContent;
-    }
-    get layoutPrimaryAction() {
-        return this.layoutPrimaryActionExternal ?? this.layoutPrimaryActionContent;
-    }
-    get layoutActions() {
-        return this.layoutActionsExternal ?? this.layoutActionsContent;
-    }
-    get layoutInfoBoxes() {
-        return this.layoutInfoBoxesExternal ?? this.layoutInfoBoxesContent;
-    }
-    get layoutRight() {
-        const value = this.layoutRightExternal ?? this.layoutRightContent;
-        this.noRight = !value;
-        return value;
-    }
-    set withSidenav(value) {
-        this._withSidenav = coerceBooleanProperty(value);
-    }
-    get withSidenav() {
-        return this._withSidenav;
-    }
-    set keepFilterButtonDisplayed(value) {
-        this._keepFilterButtonDisplayed = coerceBooleanProperty(value);
-    }
-    get keepFilterButtonDisplayed() {
-        return this._keepFilterButtonDisplayed;
-    }
-    set withCloseButton(value) {
-        this._withCloseButton = coerceBooleanProperty(value);
-    }
-    get withCloseButton() {
-        return this._withCloseButton;
-    }
-    set withBackButton(value) {
-        this._withBackButton = coerceBooleanProperty(value);
-    }
-    get withBackButton() {
-        return this._withBackButton;
-    }
-    closeSideFilter() {
-        void this.sideFilter?.close();
-    }
-    openSideFilter() {
-        void this.sideFilter?.open();
-    }
-}
-NgxLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgxLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgxLayoutComponent, isStandalone: true, selector: "ngx-layout", inputs: { toolbarColor: "toolbarColor", editorToolbarId: "editorToolbarId", closeButtonLabel: "closeButtonLabel", backButtonLabel: "backButtonLabel", layoutToolbarExternal: "layoutToolbarExternal", layoutPrimaryActionExternal: "layoutPrimaryActionExternal", layoutActionsExternal: "layoutActionsExternal", layoutInfoBoxesExternal: "layoutInfoBoxesExternal", layoutRightExternal: "layoutRightExternal", withSidenav: "withSidenav", keepFilterButtonDisplayed: "keepFilterButtonDisplayed", withCloseButton: "withCloseButton", withBackButton: "withBackButton" }, outputs: { closeButtonClicked: "closeButtonClicked", backButtonClicked: "backButtonClicked", sideFilterClosed: "sideFilterClosed", sideFilterOpened: "sideFilterOpened" }, host: { properties: { "class.no-right": "this.noRight" } }, queries: [{ propertyName: "layoutToolbarContent", first: true, predicate: ["layoutToolbar"], descendants: true }, { propertyName: "layoutPrimaryActionContent", first: true, predicate: ["layoutPrimaryAction"], descendants: true }, { propertyName: "layoutActionsContent", first: true, predicate: ["layoutActions"], descendants: true }, { propertyName: "layoutInfoBoxesContent", first: true, predicate: ["layoutInfoBoxes"], descendants: true }, { propertyName: "layoutRightContent", first: true, predicate: ["layoutRight"], descendants: true }], viewQueries: [{ propertyName: "sideFilter", first: true, predicate: ["sideFilter"], descendants: true }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\n\n<ng-template #content>\n    <div class=\"main-content\">\n        <span class=\"primary-action-container\" [class.bottom]=\"mediaService.isHandset$ | async\" *ngIf=\"layoutPrimaryAction && !((layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false)\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"(mediaService.isHandset$ | async) && actionsToolbar\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #actionsToolbar>\n    <mat-toolbar id=\"actions-toolbar\" class=\"actions\" [color]=\"toolbarColor\" [class.bottom]=\"mediaService.isHandset$ | async\">\n        <span class=\"primary-action-container\" *ngIf=\"layoutPrimaryAction && (layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-container *ngIf=\"layoutActions\">\n            <ng-template [ngTemplateOutlet]=\"layoutActions\"></ng-template>\n        </ng-container>\n        <div class=\"info-boxes-container\" *ngIf=\"layoutInfoBoxes && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutInfoBoxes\"></ng-template>\n        </div>\n    </mat-toolbar>\n</ng-template>\n\n<ng-template #filter>\n    <mat-toolbar id=\"toolbar\" [color]=\"toolbarColor\" *ngIf=\"layoutToolbar || layoutRight\">\n        <button type=\"button\" id=\"sidenav-button\" mat-icon-button *ngIf=\"withSidenav && (mediaService.isHandset$ | async) && (sidenavService.openChanged$ | async) === false\" (click)=\"sidenavService.toggle()\">\n            <mat-icon>menu</mat-icon>\n        </button>\n        <button type=\"button\" id=\"back-button\" mat-icon-button *ngIf=\"withBackButton\" (click)=\"this.backButtonClicked.emit($event)\" [matTooltip]=\"backButtonLabel\">\n            <mat-icon>arrow_back</mat-icon>\n        </button>\n        <div id=\"toolbar-content-container\">\n            <ng-container *ngIf=\"layoutToolbar\">\n                <ng-template [ngTemplateOutlet]=\"layoutToolbar\"></ng-template>\n            </ng-container>\n        </div>\n        <button type=\"button\" id=\"filter-button\" mat-icon-button (click)=\"sideFilter.toggle()\" *ngIf=\"sideFilter && (keepFilterButtonDisplayed || (mediaService.isHandset$ | async)) && layoutRight\" matTooltip=\"Afficher/Masquer les filtres\">\n            <mat-icon>tune</mat-icon>\n        </button>\n        <button type=\"button\" id=\"close-button\" mat-icon-button *ngIf=\"withCloseButton\" (click)=\"this.closeButtonClicked.emit($event)\" [matTooltip]=\"closeButtonLabel\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-toolbar>\n    <ng-container *ngIf=\"(layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n    <mat-drawer-container *ngIf=\"layoutRight; else content\" autosize=\"true\">\n        <mat-drawer-content>\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </mat-drawer-content>\n        <mat-drawer id=\"side-filter\" #sideFilter (closed)=\"sideFilterClosed.emit()\" (openedChange)=\"sideFilterOpened.emit()\" class=\"right\" position=\"end\" [attr.role]=\"(mediaService.isHandset$ | async) ? 'dialog' : 'navigation'\" [mode]=\"(mediaService.isHandset$ | async) ? 'over' : 'side'\" [opened]=\"(mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutRight\"></ng-template>\n        </mat-drawer>\n    </mat-drawer-container>\n</ng-template>\n", styles: ["ngx-layout{display:flex;flex-direction:column;position:absolute;inset:0}ngx-layout.no-left.no-right .main-content{padding:0}ngx-layout mat-sidenav-container{position:absolute;inset:0}ngx-layout mat-drawer-content,ngx-layout mat-sidenav-content{display:flex!important;flex-direction:column}ngx-layout mat-sidenav{width:200px}ngx-layout mat-drawer{width:220px}ngx-layout mat-drawer.right{padding:.3rem}ngx-layout mat-drawer.right [filters-title]{font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;font-weight:700;padding:.6rem;margin-bottom:.3rem}ngx-layout mat-drawer.right [filters-subtitle]{font-size:1rem;display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;font-weight:600;padding:.4rem .6rem;margin-bottom:.3rem;margin-top:.3rem}ngx-layout mat-drawer.right [icons-container]{display:flex;align-items:center}ngx-layout mat-drawer.right [filters-icon]{cursor:pointer;transition:color .3s ease-in-out}ngx-layout mat-drawer.right [filters-chip-list] .mat-chip-list-wrapper{margin:0;max-height:20vh;overflow-y:auto}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip{position:relative}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip{padding:.5rem;margin:.1rem;font-size:.75rem;transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip:not([disabled]){cursor:pointer}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip:not([disabled]):hover:before{content:\"close\";display:flex;align-items:center;justify-content:center;position:absolute;inset:0;font-weight:700;font-size:1.2rem;cursor:pointer;transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-toggle-group]{display:flex}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle{transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle mat-icon{margin-right:1rem}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle .mat-button-toggle-label-content{text-align:start}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle .mat-button-toggle-focus-overlay{height:100%}ngx-layout mat-drawer.right mat-form-field{width:100%}ngx-layout mat-drawer.right .mat-form-field-infix{width:inherit}ngx-layout mat-drawer.right.mat-drawer-side{box-shadow:-3px 0 5px -1px #0003;z-index:10}ngx-layout mat-drawer-container{flex:1}ngx-layout .mat-toolbar:not(.actions){display:flex;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;z-index:10}ngx-layout .mat-toolbar:not(.actions) #toolbar-content-container{display:flex;flex-grow:1;overflow:hidden}ngx-layout .mat-toolbar:not(.actions) [toolbar-title]{overflow:hidden;text-overflow:ellipsis}ngx-layout .mat-toolbar:not(.actions)>div{display:flex;align-items:center}ngx-layout .mat-toolbar#actions-toolbar{flex:0 0 auto;height:40px;font-size:inherit;padding-right:0}ngx-layout .mat-toolbar#actions-toolbar .info-boxes-container{display:flex;flex:1 1 auto;justify-content:flex-end}ngx-layout .mat-toolbar#actions-toolbar .info-boxes-container .info-box{display:flex;flex-grow:0;line-height:40px;padding-left:2rem;padding-right:2rem;box-shadow:-3px 0 5px -1px #0003}ngx-layout .mat-toolbar#actions-toolbar.bottom#actions-toolbar{display:flex;width:100%;justify-content:space-around}ngx-layout .mat-toolbar#actions-toolbar .primary-action-container{z-index:20}ngx-layout .main-content{position:relative;display:flex;flex:1 1 auto;overflow:hidden}ngx-layout .main-content .primary-action-container{position:absolute;z-index:20;opacity:.8;transition:.3s ease-in-out}ngx-layout .main-content .primary-action-container:hover{opacity:1}ngx-layout .main-content .primary-action-container.bottom{right:1rem;bottom:1rem}ngx-layout .main-content .primary-action-container:not(.bottom){top:1rem;left:1rem}ngx-layout ::-webkit-scrollbar{width:12px;height:12px}ngx-layout ::-webkit-scrollbar-thumb{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border-radius:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i4.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i4.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i4.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-layout', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatSidenavModule,
-                        MatToolbarModule,
-                        MatTooltipModule
-                    ], template: "<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\n\n<ng-template #content>\n    <div class=\"main-content\">\n        <span class=\"primary-action-container\" [class.bottom]=\"mediaService.isHandset$ | async\" *ngIf=\"layoutPrimaryAction && !((layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false)\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"(mediaService.isHandset$ | async) && actionsToolbar\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #actionsToolbar>\n    <mat-toolbar id=\"actions-toolbar\" class=\"actions\" [color]=\"toolbarColor\" [class.bottom]=\"mediaService.isHandset$ | async\">\n        <span class=\"primary-action-container\" *ngIf=\"layoutPrimaryAction && (layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-container *ngIf=\"layoutActions\">\n            <ng-template [ngTemplateOutlet]=\"layoutActions\"></ng-template>\n        </ng-container>\n        <div class=\"info-boxes-container\" *ngIf=\"layoutInfoBoxes && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutInfoBoxes\"></ng-template>\n        </div>\n    </mat-toolbar>\n</ng-template>\n\n<ng-template #filter>\n    <mat-toolbar id=\"toolbar\" [color]=\"toolbarColor\" *ngIf=\"layoutToolbar || layoutRight\">\n        <button type=\"button\" id=\"sidenav-button\" mat-icon-button *ngIf=\"withSidenav && (mediaService.isHandset$ | async) && (sidenavService.openChanged$ | async) === false\" (click)=\"sidenavService.toggle()\">\n            <mat-icon>menu</mat-icon>\n        </button>\n        <button type=\"button\" id=\"back-button\" mat-icon-button *ngIf=\"withBackButton\" (click)=\"this.backButtonClicked.emit($event)\" [matTooltip]=\"backButtonLabel\">\n            <mat-icon>arrow_back</mat-icon>\n        </button>\n        <div id=\"toolbar-content-container\">\n            <ng-container *ngIf=\"layoutToolbar\">\n                <ng-template [ngTemplateOutlet]=\"layoutToolbar\"></ng-template>\n            </ng-container>\n        </div>\n        <button type=\"button\" id=\"filter-button\" mat-icon-button (click)=\"sideFilter.toggle()\" *ngIf=\"sideFilter && (keepFilterButtonDisplayed || (mediaService.isHandset$ | async)) && layoutRight\" matTooltip=\"Afficher/Masquer les filtres\">\n            <mat-icon>tune</mat-icon>\n        </button>\n        <button type=\"button\" id=\"close-button\" mat-icon-button *ngIf=\"withCloseButton\" (click)=\"this.closeButtonClicked.emit($event)\" [matTooltip]=\"closeButtonLabel\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-toolbar>\n    <ng-container *ngIf=\"(layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n    <mat-drawer-container *ngIf=\"layoutRight; else content\" autosize=\"true\">\n        <mat-drawer-content>\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </mat-drawer-content>\n        <mat-drawer id=\"side-filter\" #sideFilter (closed)=\"sideFilterClosed.emit()\" (openedChange)=\"sideFilterOpened.emit()\" class=\"right\" position=\"end\" [attr.role]=\"(mediaService.isHandset$ | async) ? 'dialog' : 'navigation'\" [mode]=\"(mediaService.isHandset$ | async) ? 'over' : 'side'\" [opened]=\"(mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutRight\"></ng-template>\n        </mat-drawer>\n    </mat-drawer-container>\n</ng-template>\n", styles: ["ngx-layout{display:flex;flex-direction:column;position:absolute;inset:0}ngx-layout.no-left.no-right .main-content{padding:0}ngx-layout mat-sidenav-container{position:absolute;inset:0}ngx-layout mat-drawer-content,ngx-layout mat-sidenav-content{display:flex!important;flex-direction:column}ngx-layout mat-sidenav{width:200px}ngx-layout mat-drawer{width:220px}ngx-layout mat-drawer.right{padding:.3rem}ngx-layout mat-drawer.right [filters-title]{font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;font-weight:700;padding:.6rem;margin-bottom:.3rem}ngx-layout mat-drawer.right [filters-subtitle]{font-size:1rem;display:flex;align-items:center;justify-content:space-between;flex:1 1 auto;font-weight:600;padding:.4rem .6rem;margin-bottom:.3rem;margin-top:.3rem}ngx-layout mat-drawer.right [icons-container]{display:flex;align-items:center}ngx-layout mat-drawer.right [filters-icon]{cursor:pointer;transition:color .3s ease-in-out}ngx-layout mat-drawer.right [filters-chip-list] .mat-chip-list-wrapper{margin:0;max-height:20vh;overflow-y:auto}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip{position:relative}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip{padding:.5rem;margin:.1rem;font-size:.75rem;transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip:not([disabled]){cursor:pointer}ngx-layout mat-drawer.right [filters-chip-list] .mat-standard-chip:not([disabled]):hover:before{content:\"close\";display:flex;align-items:center;justify-content:center;position:absolute;inset:0;font-weight:700;font-size:1.2rem;cursor:pointer;transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-toggle-group]{display:flex}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle{transition:.3s ease-in-out}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle mat-icon{margin-right:1rem}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle .mat-button-toggle-label-content{text-align:start}ngx-layout mat-drawer.right [filters-toggle-group] .mat-button-toggle .mat-button-toggle-focus-overlay{height:100%}ngx-layout mat-drawer.right mat-form-field{width:100%}ngx-layout mat-drawer.right .mat-form-field-infix{width:inherit}ngx-layout mat-drawer.right.mat-drawer-side{box-shadow:-3px 0 5px -1px #0003;z-index:10}ngx-layout mat-drawer-container{flex:1}ngx-layout .mat-toolbar:not(.actions){display:flex;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;z-index:10}ngx-layout .mat-toolbar:not(.actions) #toolbar-content-container{display:flex;flex-grow:1;overflow:hidden}ngx-layout .mat-toolbar:not(.actions) [toolbar-title]{overflow:hidden;text-overflow:ellipsis}ngx-layout .mat-toolbar:not(.actions)>div{display:flex;align-items:center}ngx-layout .mat-toolbar#actions-toolbar{flex:0 0 auto;height:40px;font-size:inherit;padding-right:0}ngx-layout .mat-toolbar#actions-toolbar .info-boxes-container{display:flex;flex:1 1 auto;justify-content:flex-end}ngx-layout .mat-toolbar#actions-toolbar .info-boxes-container .info-box{display:flex;flex-grow:0;line-height:40px;padding-left:2rem;padding-right:2rem;box-shadow:-3px 0 5px -1px #0003}ngx-layout .mat-toolbar#actions-toolbar.bottom#actions-toolbar{display:flex;width:100%;justify-content:space-around}ngx-layout .mat-toolbar#actions-toolbar .primary-action-container{z-index:20}ngx-layout .main-content{position:relative;display:flex;flex:1 1 auto;overflow:hidden}ngx-layout .main-content .primary-action-container{position:absolute;z-index:20;opacity:.8;transition:.3s ease-in-out}ngx-layout .main-content .primary-action-container:hover{opacity:1}ngx-layout .main-content .primary-action-container.bottom{right:1rem;bottom:1rem}ngx-layout .main-content .primary-action-container:not(.bottom){top:1rem;left:1rem}ngx-layout ::-webkit-scrollbar{width:12px;height:12px}ngx-layout ::-webkit-scrollbar-thumb{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border-radius:6px}\n"] }]
-        }], propDecorators: { toolbarColor: [{
-                type: Input
-            }], editorToolbarId: [{
-                type: Input
-            }], closeButtonLabel: [{
-                type: Input
-            }], backButtonLabel: [{
-                type: Input
-            }], layoutToolbarExternal: [{
-                type: Input
-            }], layoutPrimaryActionExternal: [{
-                type: Input
-            }], layoutActionsExternal: [{
-                type: Input
-            }], layoutInfoBoxesExternal: [{
-                type: Input
-            }], layoutRightExternal: [{
-                type: Input
-            }], closeButtonClicked: [{
-                type: Output
-            }], backButtonClicked: [{
-                type: Output
-            }], sideFilterClosed: [{
-                type: Output
-            }], sideFilterOpened: [{
-                type: Output
-            }], layoutToolbarContent: [{
-                type: ContentChild,
-                args: ['layoutToolbar']
-            }], layoutPrimaryActionContent: [{
-                type: ContentChild,
-                args: ['layoutPrimaryAction']
-            }], layoutActionsContent: [{
-                type: ContentChild,
-                args: ['layoutActions']
-            }], layoutInfoBoxesContent: [{
-                type: ContentChild,
-                args: ['layoutInfoBoxes']
-            }], layoutRightContent: [{
-                type: ContentChild,
-                args: ['layoutRight']
-            }], noRight: [{
-                type: HostBinding,
-                args: ['class.no-right']
-            }], sideFilter: [{
-                type: ViewChild,
-                args: ['sideFilter']
-            }], withSidenav: [{
-                type: Input
-            }], keepFilterButtonDisplayed: [{
-                type: Input
-            }], withCloseButton: [{
-                type: Input
-            }], withBackButton: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NgxLayoutComponent };
-//# sourceMappingURL=hug-ngx-layout.mjs.map

package/fesm2020/hug-ngx-layout.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"hug-ngx-layout.mjs","sources":["../../../projects/layout/src/layout.component.ts","../../../projects/layout/src/layout.component.html","../../../projects/layout/src/hug-ngx-layout.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, HostBinding, inject, Input, Output, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDrawer, MatSidenavModule } from '@angular/material/sidenav';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { NgxMediaService } from '@hug/ngx-core';\nimport { NgxSidenavService } from '@hug/ngx-sidenav';\n\n@Component({\n    selector: 'ngx-layout',\n    templateUrl: './layout.component.html',\n    styleUrls: ['./layout.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [\n        CommonModule,\n        MatButtonModule,\n        MatIconModule,\n        MatSidenavModule,\n        MatToolbarModule,\n        MatTooltipModule\n    ]\n})\nexport class NgxLayoutComponent {\n    @Input() public toolbarColor = 'primary';\n    @Input() public editorToolbarId = 'editor-toolbar';\n\n    @Input() public closeButtonLabel = 'Fermer';\n    @Input() public backButtonLabel = 'Retour';\n\n    @Input() public layoutToolbarExternal?: TemplateRef<unknown>;\n    @Input() public layoutPrimaryActionExternal?: TemplateRef<unknown>;\n    @Input() public layoutActionsExternal?: TemplateRef<unknown>;\n    @Input() public layoutInfoBoxesExternal?: TemplateRef<unknown>;\n    @Input() public layoutRightExternal?: TemplateRef<unknown>;\n\n    @Output() public readonly closeButtonClicked = new EventEmitter<MouseEvent>();\n    @Output() public readonly backButtonClicked = new EventEmitter<MouseEvent>();\n    @Output() public readonly sideFilterClosed = new EventEmitter<void>();\n    @Output() public readonly sideFilterOpened = new EventEmitter<void>();\n\n    @ContentChild('layoutToolbar') protected layoutToolbarContent?: TemplateRef<unknown>;\n    @ContentChild('layoutPrimaryAction') protected layoutPrimaryActionContent?: TemplateRef<unknown>;\n    @ContentChild('layoutActions') protected layoutActionsContent?: TemplateRef<unknown>;\n    @ContentChild('layoutInfoBoxes') protected layoutInfoBoxesContent?: TemplateRef<unknown>;\n    @ContentChild('layoutRight') protected layoutRightContent?: TemplateRef<unknown>;\n\n    @HostBinding('class.no-right') protected noRight = false;\n\n    @ViewChild('sideFilter') protected sideFilter?: MatDrawer;\n\n    protected mediaService = inject(NgxMediaService);\n    protected sidenavService = inject(NgxSidenavService);\n\n    public get layoutToolbar(): TemplateRef<unknown> | undefined {\n        return this.layoutToolbarExternal ?? this.layoutToolbarContent;\n    }\n\n    public get layoutPrimaryAction(): TemplateRef<unknown> | undefined {\n        return this.layoutPrimaryActionExternal ?? this.layoutPrimaryActionContent;\n    }\n\n    public get layoutActions(): TemplateRef<unknown> | undefined {\n        return this.layoutActionsExternal ?? this.layoutActionsContent;\n    }\n\n    public get layoutInfoBoxes(): TemplateRef<unknown> | undefined {\n        return this.layoutInfoBoxesExternal ?? this.layoutInfoBoxesContent;\n    }\n\n    public get layoutRight(): TemplateRef<unknown> | undefined {\n        const value = this.layoutRightExternal ?? this.layoutRightContent;\n        this.noRight = !value;\n        return value;\n    }\n\n    private _withSidenav = false;\n\n    @Input()\n    public set withSidenav(value: BooleanInput) {\n        this._withSidenav = coerceBooleanProperty(value);\n    }\n\n    public get withSidenav(): BooleanInput {\n        return this._withSidenav;\n    }\n\n    private _keepFilterButtonDisplayed = true;\n\n    @Input()\n    public set keepFilterButtonDisplayed(value: BooleanInput) {\n        this._keepFilterButtonDisplayed = coerceBooleanProperty(value);\n    }\n\n    public get keepFilterButtonDisplayed(): BooleanInput {\n        return this._keepFilterButtonDisplayed;\n    }\n\n    private _withCloseButton = false;\n\n    @Input()\n    public set withCloseButton(value: BooleanInput) {\n        this._withCloseButton = coerceBooleanProperty(value);\n    }\n\n    public get withCloseButton(): BooleanInput {\n        return this._withCloseButton;\n    }\n\n    private _withBackButton = false;\n\n    @Input()\n    public set withBackButton(value: BooleanInput) {\n        this._withBackButton = coerceBooleanProperty(value);\n    }\n\n    public get withBackButton(): BooleanInput {\n        return this._withBackButton;\n    }\n\n    public closeSideFilter(): void {\n        void this.sideFilter?.close();\n    }\n\n    public openSideFilter(): void {\n        void this.sideFilter?.open();\n    }\n}\n","<ng-container *ngTemplateOutlet=\"filter\"></ng-container>\n\n<ng-template #content>\n    <div class=\"main-content\">\n        <span class=\"primary-action-container\" [class.bottom]=\"mediaService.isHandset$ | async\" *ngIf=\"layoutPrimaryAction && !((layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false)\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-content></ng-content>\n    </div>\n    <ng-container *ngIf=\"(mediaService.isHandset$ | async) && actionsToolbar\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-template #actionsToolbar>\n    <mat-toolbar id=\"actions-toolbar\" class=\"actions\" [color]=\"toolbarColor\" [class.bottom]=\"mediaService.isHandset$ | async\">\n        <span class=\"primary-action-container\" *ngIf=\"layoutPrimaryAction && (layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutPrimaryAction\"></ng-template>\n        </span>\n        <ng-container *ngIf=\"layoutActions\">\n            <ng-template [ngTemplateOutlet]=\"layoutActions\"></ng-template>\n        </ng-container>\n        <div class=\"info-boxes-container\" *ngIf=\"layoutInfoBoxes && (mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutInfoBoxes\"></ng-template>\n        </div>\n    </mat-toolbar>\n</ng-template>\n\n<ng-template #filter>\n    <mat-toolbar id=\"toolbar\" [color]=\"toolbarColor\" *ngIf=\"layoutToolbar || layoutRight\">\n        <button type=\"button\" id=\"sidenav-button\" mat-icon-button *ngIf=\"withSidenav && (mediaService.isHandset$ | async) && (sidenavService.openChanged$ | async) === false\" (click)=\"sidenavService.toggle()\">\n            <mat-icon>menu</mat-icon>\n        </button>\n        <button type=\"button\" id=\"back-button\" mat-icon-button *ngIf=\"withBackButton\" (click)=\"this.backButtonClicked.emit($event)\" [matTooltip]=\"backButtonLabel\">\n            <mat-icon>arrow_back</mat-icon>\n        </button>\n        <div id=\"toolbar-content-container\">\n            <ng-container *ngIf=\"layoutToolbar\">\n                <ng-template [ngTemplateOutlet]=\"layoutToolbar\"></ng-template>\n            </ng-container>\n        </div>\n        <button type=\"button\" id=\"filter-button\" mat-icon-button (click)=\"sideFilter.toggle()\" *ngIf=\"sideFilter && (keepFilterButtonDisplayed || (mediaService.isHandset$ | async)) && layoutRight\" matTooltip=\"Afficher/Masquer les filtres\">\n            <mat-icon>tune</mat-icon>\n        </button>\n        <button type=\"button\" id=\"close-button\" mat-icon-button *ngIf=\"withCloseButton\" (click)=\"this.closeButtonClicked.emit($event)\" [matTooltip]=\"closeButtonLabel\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-toolbar>\n    <ng-container *ngIf=\"(layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false\">\n        <ng-container *ngTemplateOutlet=\"actionsToolbar\"></ng-container>\n    </ng-container>\n    <mat-drawer-container *ngIf=\"layoutRight; else content\" autosize=\"true\">\n        <mat-drawer-content>\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </mat-drawer-content>\n        <mat-drawer id=\"side-filter\" #sideFilter (closed)=\"sideFilterClosed.emit()\" (openedChange)=\"sideFilterOpened.emit()\" class=\"right\" position=\"end\" [attr.role]=\"(mediaService.isHandset$ | async) ? 'dialog' : 'navigation'\" [mode]=\"(mediaService.isHandset$ | async) ? 'over' : 'side'\" [opened]=\"(mediaService.isHandset$ | async) === false\">\n            <ng-template [ngTemplateOutlet]=\"layoutRight\"></ng-template>\n        </mat-drawer>\n    </mat-drawer-container>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}