@rxap/layout 13.0.0 → 13.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -67,11 +67,11 @@ SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavCom
|
|
|
67
67
|
/**
|
|
68
68
|
* @suppress {msgDescriptions}
|
|
69
69
|
*/
|
|
70
|
-
const
|
|
71
|
-
i18n_0 =
|
|
70
|
+
const MSG_EXTERNAL_1144722711335201698$$LIB_SIDENAV_SIDENAV_COMPONENT_TS_1 = goog.getMsg("Collapse sidebar");
|
|
71
|
+
i18n_0 = MSG_EXTERNAL_1144722711335201698$$LIB_SIDENAV_SIDENAV_COMPONENT_TS_1;
|
|
72
72
|
}
|
|
73
73
|
else {
|
|
74
|
-
i18n_0 = $localize
|
|
74
|
+
i18n_0 = $localize `:␟98effe6eb558f87ab061ab608a31b44adec4e2ae␟1144722711335201698:Collapse sidebar`;
|
|
75
75
|
} return [[1, "container", 3, "ngClass"], ["fxLayout", "column", "fxLayoutAlign", "space-between stretch", 1, "inner"], [3, "ngIf"], ["fxFlex", "grow", 1, "nav-container"], ["fxLayout", "column", "root", "", "rxap-navigation", ""], ["fxFlex", "nogrow"], ["mat-button", "", "fxFlex", "nogrow", 1, "sidebar-toggle", 3, "ngClass", "click"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "16px", 1, "sidebar-toggle-inner"], ["fxFlex", "nogrow", 1, "arrow"], ["fxFlex", "grow", 1, "label", 3, "fxHide"], i18n_0, ["fxFlex", "nogrow", 1, "header", 3, "fxHide"], [4, "ngTemplateOutlet"], ["fxFlex", "nogrow", 3, "fxHide"], ["fxFlex", "nogrow", 1, "footer", 3, "fxHide"]]; }, template: function SidenavComponent_Template(rf, ctx) { if (rf & 1) {
|
|
76
76
|
i0.ɵɵelementStart(0, "div", 0);
|
|
77
77
|
i0.ɵɵpipe(1, "async");
|
|
@@ -109,7 +109,7 @@ SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavCom
|
|
|
109
109
|
type: Component,
|
|
110
110
|
args: [{ selector: 'rxap-sidenav', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
111
111
|
class: 'rxap-layout-sidenav'
|
|
112
|
-
}, template: "<div class=\"container\" [ngClass]=\"{ 'collapsed': sidenav.collapsed$ | async }\">\n <div class=\"inner\"\n fxLayout=\"column\"\n fxLayoutAlign=\"space-between stretch\">\n <ng-template [ngIf]=\"sidenavHeaderDirective?.template\">\n <div fxFlex=\"nogrow\" class=\"header\" [fxHide]=\"sidenav.collapsed$ | async\">\n <ng-container *ngTemplateOutlet=\"sidenavHeaderDirective?.template ?? null\"></ng-container>\n </div>\n <mat-divider fxFlex=\"nogrow\" [fxHide]=\"sidenav.collapsed$ | async\"></mat-divider>\n </ng-template>\n <div fxFlex=\"grow\" class=\"nav-container\">\n <ul fxLayout=\"column\" root rxap-navigation></ul>\n </div>\n <mat-divider fxFlex=\"nogrow\"></mat-divider>\n <button mat-button class=\"sidebar-toggle\" [ngClass]=\"{ 'collapsed': sidenav.collapsed$ | async }\" fxFlex=\"nogrow\"\n (click)=\"sidenav.toggleNavigationCollapse()\">\n <span class=\"sidebar-toggle-inner\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"16px\">\n <mat-icon fxFlex=\"nogrow\" class=\"arrow\">double_arrow</mat-icon>\n <span [fxHide]=\"sidenav.collapsed$ | async\" class=\"label\" fxFlex=\"grow\" i18n
|
|
112
|
+
}, template: "<div class=\"container\" [ngClass]=\"{ 'collapsed': sidenav.collapsed$ | async }\">\n <div class=\"inner\"\n fxLayout=\"column\"\n fxLayoutAlign=\"space-between stretch\">\n <ng-template [ngIf]=\"sidenavHeaderDirective?.template\">\n <div fxFlex=\"nogrow\" class=\"header\" [fxHide]=\"sidenav.collapsed$ | async\">\n <ng-container *ngTemplateOutlet=\"sidenavHeaderDirective?.template ?? null\"></ng-container>\n </div>\n <mat-divider fxFlex=\"nogrow\" [fxHide]=\"sidenav.collapsed$ | async\"></mat-divider>\n </ng-template>\n <div fxFlex=\"grow\" class=\"nav-container\">\n <ul fxLayout=\"column\" root rxap-navigation></ul>\n </div>\n <mat-divider fxFlex=\"nogrow\"></mat-divider>\n <button mat-button class=\"sidebar-toggle\" [ngClass]=\"{ 'collapsed': sidenav.collapsed$ | async }\" fxFlex=\"nogrow\"\n (click)=\"sidenav.toggleNavigationCollapse()\">\n <span class=\"sidebar-toggle-inner\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"16px\">\n <mat-icon fxFlex=\"nogrow\" class=\"arrow\">double_arrow</mat-icon>\n <span [fxHide]=\"sidenav.collapsed$ | async\" class=\"label\" fxFlex=\"grow\" i18n>Collapse sidebar</span>\n </span>\n </button>\n <ng-template [ngIf]=\"sidenavFooterDirective?.template ?? null\">\n <mat-divider fxFlex=\"nogrow\" [fxHide]=\"sidenav.collapsed$ | async\"></mat-divider>\n <div fxFlex=\"nogrow\" class=\"footer\" [fxHide]=\"sidenav.collapsed$ | async\">\n <ng-container *ngTemplateOutlet=\"sidenavFooterDirective?.template ?? null\"></ng-container>\n </div>\n </ng-template>\n </div>\n</div>\n", styles: [".container,.container .inner{height:100%}.container .inner .header{padding-bottom:12px}.container .inner .footer{padding-top:12px}.container .inner .nav-container{overflow-y:scroll;padding-top:12px}.container .inner .nav-container::-webkit-scrollbar{width:6px}.container .inner .nav-container::-webkit-scrollbar-track{border-radius:2px}.container .inner .nav-container::-webkit-scrollbar-thumb{border-radius:10px}.container .sidebar-toggle{min-height:48px}.container .sidebar-toggle .sidebar-toggle-inner{padding:0}.container .sidebar-toggle .arrow{transform:rotate(180deg)}.container .sidebar-toggle.collapsed .arrow{transform:initial}.container .sidebar-toggle.collapsed .sidebar-toggle-inner{justify-content:space-around!important}\n"] }]
|
|
113
113
|
}], function () { return [{ type: i1.SidenavComponentService }]; }, { sidenavFooterDirective: [{
|
|
114
114
|
type: ContentChild,
|
|
115
115
|
args: [SidenavFooterDirective]
|
|
@@ -117,4 +117,4 @@ SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavCom
|
|
|
117
117
|
type: ContentChild,
|
|
118
118
|
args: [SidenavHeaderDirective]
|
|
119
119
|
}] }); })();
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2xheW91dC9zcmMvbGliL3NpZGVuYXYvc2lkZW5hdi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2xheW91dC9zcmMvbGliL3NpZGVuYXYvc2lkZW5hdi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixZQUFZLEVBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7Ozs7Ozs7O0lDRDlELHdCQUEwRjs7O0lBRDVGLCtCQUEwRTs7SUFDeEUsa0dBQTBGO0lBQzVGLGlCQUFNO0lBQ04sa0NBQWlGOzs7OztJQUg3Qyx3RUFBcUM7SUFDeEQsZUFBMEQ7SUFBMUQsdUxBQTBEO0lBRTlDLGVBQXFDO0lBQXJDLHdFQUFxQzs7O0lBZ0JoRSx3QkFBMEY7OztJQUY1RixrQ0FBaUY7O0lBQ2pGLCtCQUEwRTs7SUFDeEUsbUdBQTBGO0lBQzVGLGlCQUFNOzs7O0lBSHVCLHdFQUFxQztJQUM5QixlQUFxQztJQUFyQyx3RUFBcUM7SUFDeEQsZUFBMEQ7SUFBMUQsdUxBQTBEOzs7QUROakYsTUFBTSxPQUFPLGdCQUFnQjtJQVEzQixZQUE0QixPQUFnQztRQUFoQyxZQUFPLEdBQVAsT0FBTyxDQUF5QjtJQUFHLENBQUM7O2dGQVJyRCxnQkFBZ0I7bUVBQWhCLGdCQUFnQjtvQ0FFYixzQkFBc0I7b0NBR3RCLHNCQUFzQjs7Ozs7Ozs7Ozs7OztpQkNMK0MsVUFBQSxpRkFBZ0I7O1FBbEJyRyw4QkFBK0U7O1FBQzdFLDhCQUUyQztRQUN6QyxpRkFLYztRQUNkLDhCQUF5QztRQUN2Qyx3QkFBZ0Q7UUFDbEQsaUJBQU07UUFDTixpQ0FBMkM7UUFDM0MsaUNBQ3FEO1FBQTdDLDZGQUFTLHNDQUFrQyxJQUFDOztRQUNsRCwrQkFBa0csbUJBQUE7UUFDeEQsNkJBQVk7UUFBQSxpQkFBVztRQUMvRCxnQ0FBNkU7UUFBN0UsaUJBQTZFOztRQUFnQixpQkFBTyxFQUFBLEVBQUE7UUFHeEcsbUZBS2M7UUFDaEIsaUJBQU0sRUFBQTs7O1FBM0JlLG1HQUF1RDtRQUk3RCxlQUF5QztRQUF6QyxzR0FBeUM7UUFVWixlQUF1RDtRQUF2RCxtR0FBdUQ7UUFJdkYsZUFBcUM7UUFBckMsc0VBQXFDO1FBR2xDLGVBQWlEO1FBQWpELHFLQUFpRDs7dUZESHJELGdCQUFnQjtjQVQ1QixTQUFTOzJCQUNTLGNBQWMsbUJBR2QsdUJBQXVCLENBQUMsTUFBTSxRQUM5QjtvQkFDZixLQUFLLEVBQUUscUJBQXFCO2lCQUM3QjswRUFLTSxzQkFBc0I7a0JBRDVCLFlBQVk7bUJBQUMsc0JBQXNCO1lBSTdCLHNCQUFzQjtrQkFENUIsWUFBWTttQkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb250ZW50Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaWRlbmF2Rm9vdGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9zaWRlbmF2LWZvb3Rlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2lkZW5hdkhlYWRlckRpcmVjdGl2ZSB9IGZyb20gJy4vc2lkZW5hdi1oZWFkZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IFNpZGVuYXZDb21wb25lbnRTZXJ2aWNlIH0gZnJvbSAnLi9zaWRlbmF2LmNvbXBvbmVudC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAgICAgICAgJ3J4YXAtc2lkZW5hdicsXG4gIHRlbXBsYXRlVXJsOiAgICAgJy4vc2lkZW5hdi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogICAgICAgWyAnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJyBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDogICAgICAgICAgICB7XG4gICAgY2xhc3M6ICdyeGFwLWxheW91dC1zaWRlbmF2J1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIFNpZGVuYXZDb21wb25lbnQge1xuXG4gIEBDb250ZW50Q2hpbGQoU2lkZW5hdkZvb3RlckRpcmVjdGl2ZSlcbiAgcHVibGljIHNpZGVuYXZGb290ZXJEaXJlY3RpdmU/OiBTaWRlbmF2Rm9vdGVyRGlyZWN0aXZlO1xuXG4gIEBDb250ZW50Q2hpbGQoU2lkZW5hdkhlYWRlckRpcmVjdGl2ZSlcbiAgcHVibGljIHNpZGVuYXZIZWFkZXJEaXJlY3RpdmU/OiBTaWRlbmF2SGVhZGVyRGlyZWN0aXZlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByZWFkb25seSBzaWRlbmF2OiBTaWRlbmF2Q29tcG9uZW50U2VydmljZSkge31cblxufVxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsgJ2NvbGxhcHNlZCc6IHNpZGVuYXYuY29sbGFwc2VkJCB8IGFzeW5jIH1cIj5cbiAgPGRpdiBjbGFzcz1cImlubmVyXCJcbiAgICAgICBmeExheW91dD1cImNvbHVtblwiXG4gICAgICAgZnhMYXlvdXRBbGlnbj1cInNwYWNlLWJldHdlZW4gc3RyZXRjaFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJzaWRlbmF2SGVhZGVyRGlyZWN0aXZlPy50ZW1wbGF0ZVwiPlxuICAgICAgPGRpdiBmeEZsZXg9XCJub2dyb3dcIiBjbGFzcz1cImhlYWRlclwiIFtmeEhpZGVdPVwic2lkZW5hdi5jb2xsYXBzZWQkIHwgYXN5bmNcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNpZGVuYXZIZWFkZXJEaXJlY3RpdmU/LnRlbXBsYXRlID8/IG51bGxcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPG1hdC1kaXZpZGVyIGZ4RmxleD1cIm5vZ3Jvd1wiIFtmeEhpZGVdPVwic2lkZW5hdi5jb2xsYXBzZWQkIHwgYXN5bmNcIj48L21hdC1kaXZpZGVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPGRpdiBmeEZsZXg9XCJncm93XCIgY2xhc3M9XCJuYXYtY29udGFpbmVyXCI+XG4gICAgICA8dWwgZnhMYXlvdXQ9XCJjb2x1bW5cIiByb290IHJ4YXAtbmF2aWdhdGlvbj48L3VsPlxuICAgIDwvZGl2PlxuICAgIDxtYXQtZGl2aWRlciBmeEZsZXg9XCJub2dyb3dcIj48L21hdC1kaXZpZGVyPlxuICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjbGFzcz1cInNpZGViYXItdG9nZ2xlXCIgW25nQ2xhc3NdPVwieyAnY29sbGFwc2VkJzogc2lkZW5hdi5jb2xsYXBzZWQkIHwgYXN5bmMgfVwiIGZ4RmxleD1cIm5vZ3Jvd1wiXG4gICAgICAgICAgICAoY2xpY2spPVwic2lkZW5hdi50b2dnbGVOYXZpZ2F0aW9uQ29sbGFwc2UoKVwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzaWRlYmFyLXRvZ2dsZS1pbm5lclwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiIGZ4TGF5b3V0R2FwPVwiMTZweFwiPlxuICAgICAgICA8bWF0LWljb24gZnhGbGV4PVwibm9ncm93XCIgY2xhc3M9XCJhcnJvd1wiPmRvdWJsZV9hcnJvdzwvbWF0LWljb24+XG4gICAgICAgIDxzcGFuIFtmeEhpZGVdPVwic2lkZW5hdi5jb2xsYXBzZWQkIHwgYXN5bmNcIiBjbGFzcz1cImxhYmVsXCIgZnhGbGV4PVwiZ3Jvd1wiIGkxOG4+Q29sbGFwc2Ugc2lkZWJhcjwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwic2lkZW5hdkZvb3RlckRpcmVjdGl2ZT8udGVtcGxhdGUgPz8gbnVsbFwiPlxuICAgICAgPG1hdC1kaXZpZGVyIGZ4RmxleD1cIm5vZ3Jvd1wiIFtmeEhpZGVdPVwic2lkZW5hdi5jb2xsYXBzZWQkIHwgYXN5bmNcIj48L21hdC1kaXZpZGVyPlxuICAgICAgPGRpdiBmeEZsZXg9XCJub2dyb3dcIiBjbGFzcz1cImZvb3RlclwiIFtmeEhpZGVdPVwic2lkZW5hdi5jb2xsYXBzZWQkIHwgYXN5bmNcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNpZGVuYXZGb290ZXJEaXJlY3RpdmU/LnRlbXBsYXRlID8/IG51bGxcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
package/fesm2015/rxap-layout.mjs
CHANGED
|
@@ -1804,11 +1804,11 @@ SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavCom
|
|
|
1804
1804
|
/**
|
|
1805
1805
|
* @suppress {msgDescriptions}
|
|
1806
1806
|
*/
|
|
1807
|
-
const
|
|
1808
|
-
i18n_0 =
|
|
1807
|
+
const MSG_EXTERNAL_1144722711335201698$$LIB_SIDENAV_SIDENAV_COMPONENT_TS_1 = goog.getMsg("Collapse sidebar");
|
|
1808
|
+
i18n_0 = MSG_EXTERNAL_1144722711335201698$$LIB_SIDENAV_SIDENAV_COMPONENT_TS_1;
|
|
1809
1809
|
}
|
|
1810
1810
|
else {
|
|
1811
|
-
i18n_0 = $localize
|
|
1811
|
+
i18n_0 = $localize `:␟98effe6eb558f87ab061ab608a31b44adec4e2ae␟1144722711335201698:Collapse sidebar`;
|
|
1812
1812
|
}
|
|
1813
1813
|
return [[1, "container", 3, "ngClass"], ["fxLayout", "column", "fxLayoutAlign", "space-between stretch", 1, "inner"], [3, "ngIf"], ["fxFlex", "grow", 1, "nav-container"], ["fxLayout", "column", "root", "", "rxap-navigation", ""], ["fxFlex", "nogrow"], ["mat-button", "", "fxFlex", "nogrow", 1, "sidebar-toggle", 3, "ngClass", "click"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "16px", 1, "sidebar-toggle-inner"], ["fxFlex", "nogrow", 1, "arrow"], ["fxFlex", "grow", 1, "label", 3, "fxHide"], i18n_0, ["fxFlex", "nogrow", 1, "header", 3, "fxHide"], [4, "ngTemplateOutlet"], ["fxFlex", "nogrow", 3, "fxHide"], ["fxFlex", "nogrow", 1, "footer", 3, "fxHide"]];
|
|
1814
1814
|
}, template: function SidenavComponent_Template(rf, ctx) {
|
|
@@ -1852,7 +1852,7 @@ SidenavComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SidenavCom
|
|
|
1852
1852
|
type: Component,
|
|
1853
1853
|
args: [{ selector: 'rxap-sidenav', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1854
1854
|
class: 'rxap-layout-sidenav'
|
|
1855
|
-
}, template: "<div class=\"container\" [ngClass]=\"{ 'collapsed': sidenav.collapsed$ | async }\">\n <div class=\"inner\"\n fxLayout=\"column\"\n fxLayoutAlign=\"space-between stretch\">\n <ng-template [ngIf]=\"sidenavHeaderDirective?.template\">\n <div fxFlex=\"nogrow\" class=\"header\" [fxHide]=\"sidenav.collapsed$ | async\">\n <ng-container *ngTemplateOutlet=\"sidenavHeaderDirective?.template ?? null\"></ng-container>\n </div>\n <mat-divider fxFlex=\"nogrow\" [fxHide]=\"sidenav.collapsed$ | async\"></mat-divider>\n </ng-template>\n <div fxFlex=\"grow\" class=\"nav-container\">\n <ul fxLayout=\"column\" root rxap-navigation></ul>\n </div>\n <mat-divider fxFlex=\"nogrow\"></mat-divider>\n <button mat-button class=\"sidebar-toggle\" [ngClass]=\"{ 'collapsed': sidenav.collapsed$ | async }\" fxFlex=\"nogrow\"\n (click)=\"sidenav.toggleNavigationCollapse()\">\n <span class=\"sidebar-toggle-inner\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"16px\">\n <mat-icon fxFlex=\"nogrow\" class=\"arrow\">double_arrow</mat-icon>\n <span [fxHide]=\"sidenav.collapsed$ | async\" class=\"label\" fxFlex=\"grow\" i18n
|
|
1855
|
+
}, template: "<div class=\"container\" [ngClass]=\"{ 'collapsed': sidenav.collapsed$ | async }\">\n <div class=\"inner\"\n fxLayout=\"column\"\n fxLayoutAlign=\"space-between stretch\">\n <ng-template [ngIf]=\"sidenavHeaderDirective?.template\">\n <div fxFlex=\"nogrow\" class=\"header\" [fxHide]=\"sidenav.collapsed$ | async\">\n <ng-container *ngTemplateOutlet=\"sidenavHeaderDirective?.template ?? null\"></ng-container>\n </div>\n <mat-divider fxFlex=\"nogrow\" [fxHide]=\"sidenav.collapsed$ | async\"></mat-divider>\n </ng-template>\n <div fxFlex=\"grow\" class=\"nav-container\">\n <ul fxLayout=\"column\" root rxap-navigation></ul>\n </div>\n <mat-divider fxFlex=\"nogrow\"></mat-divider>\n <button mat-button class=\"sidebar-toggle\" [ngClass]=\"{ 'collapsed': sidenav.collapsed$ | async }\" fxFlex=\"nogrow\"\n (click)=\"sidenav.toggleNavigationCollapse()\">\n <span class=\"sidebar-toggle-inner\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"16px\">\n <mat-icon fxFlex=\"nogrow\" class=\"arrow\">double_arrow</mat-icon>\n <span [fxHide]=\"sidenav.collapsed$ | async\" class=\"label\" fxFlex=\"grow\" i18n>Collapse sidebar</span>\n </span>\n </button>\n <ng-template [ngIf]=\"sidenavFooterDirective?.template ?? null\">\n <mat-divider fxFlex=\"nogrow\" [fxHide]=\"sidenav.collapsed$ | async\"></mat-divider>\n <div fxFlex=\"nogrow\" class=\"footer\" [fxHide]=\"sidenav.collapsed$ | async\">\n <ng-container *ngTemplateOutlet=\"sidenavFooterDirective?.template ?? null\"></ng-container>\n </div>\n </ng-template>\n </div>\n</div>\n", styles: [".container,.container .inner{height:100%}.container .inner .header{padding-bottom:12px}.container .inner .footer{padding-top:12px}.container .inner .nav-container{overflow-y:scroll;padding-top:12px}.container .inner .nav-container::-webkit-scrollbar{width:6px}.container .inner .nav-container::-webkit-scrollbar-track{border-radius:2px}.container .inner .nav-container::-webkit-scrollbar-thumb{border-radius:10px}.container .sidebar-toggle{min-height:48px}.container .sidebar-toggle .sidebar-toggle-inner{padding:0}.container .sidebar-toggle .arrow{transform:rotate(180deg)}.container .sidebar-toggle.collapsed .arrow{transform:initial}.container .sidebar-toggle.collapsed .sidebar-toggle-inner{justify-content:space-around!important}\n"] }]
|
|
1856
1856
|
}], function () { return [{ type: SidenavComponentService }]; }, { sidenavFooterDirective: [{
|
|
1857
1857
|
type: ContentChild,
|
|
1858
1858
|
args: [SidenavFooterDirective]
|