@indice/ng-components 0.2.159-beta.11 → 0.2.159-beta.12
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.
- package/_styles.css +53 -3
- package/esm2020/lib/layouts/shell/shell-sidebar-layout/shell-sidebar-layout.component.mjs +3 -3
- package/fesm2015/indice-ng-components.mjs +2 -2
- package/fesm2015/indice-ng-components.mjs.map +1 -1
- package/fesm2020/indice-ng-components.mjs +2 -2
- package/fesm2020/indice-ng-components.mjs.map +1 -1
- package/package.json +1 -1
package/_styles.css
CHANGED
|
@@ -1343,12 +1343,42 @@
|
|
|
1343
1343
|
@apply relative z-40 md:hidden;
|
|
1344
1344
|
}
|
|
1345
1345
|
|
|
1346
|
+
.sidebar-off-canvas-menu-backdrop {
|
|
1347
|
+
@apply fixed inset-0 transition-opacity ease-linear duration-300 pointer-events-none bg-gray-600 bg-opacity-75 opacity-100;
|
|
1348
|
+
}
|
|
1349
|
+
|
|
1350
|
+
.sidebar-off-canvas-menu-backdrop-active {
|
|
1351
|
+
@apply opacity-100;
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1354
|
+
.sidebar-off-canvas-menu-backdrop-not-active {
|
|
1355
|
+
@apply opacity-0;
|
|
1356
|
+
}
|
|
1357
|
+
|
|
1358
|
+
|
|
1346
1359
|
.sidebar-off-canvas-menu-backdrop {
|
|
1347
1360
|
@apply fixed inset-0 transition-opacity ease-linear opacity-0 duration-300 pointer-events-none bg-gray-600 bg-opacity-75;
|
|
1348
1361
|
}
|
|
1349
1362
|
|
|
1363
|
+
.sidebar-off-canvas-menu-backdrop-opacity-100 {
|
|
1364
|
+
@apply fixed inset-0 transition-opacity ease-linear duration-300 pointer-events-none bg-gray-600 bg-opacity-75 opacity-100;
|
|
1365
|
+
}
|
|
1366
|
+
|
|
1350
1367
|
.sidebar-off-canvas-menu-container-inner {
|
|
1351
|
-
@apply fixed inset-0 flex z-40 transition ease-in-out duration-300 transform;
|
|
1368
|
+
@apply fixed inset-0 flex z-40 transition ease-in-out duration-300 transform translate-x-0;
|
|
1369
|
+
}
|
|
1370
|
+
|
|
1371
|
+
.sidebar-off-canvas-menu-container-inner-active {
|
|
1372
|
+
@apply translate-x-0;
|
|
1373
|
+
}
|
|
1374
|
+
|
|
1375
|
+
.sidebar-off-canvas-menu-container-inner-not-active {
|
|
1376
|
+
@apply -translate-x-full;
|
|
1377
|
+
}
|
|
1378
|
+
|
|
1379
|
+
|
|
1380
|
+
.sidebar-off-canvas-menu-container-inner-translate-x-full {
|
|
1381
|
+
@apply fixed inset-0 flex z-40 transition ease-in-out duration-300 transform -translate-x-full;
|
|
1352
1382
|
}
|
|
1353
1383
|
|
|
1354
1384
|
.sidebar-off-canvas-layout-container {
|
|
@@ -1358,6 +1388,10 @@
|
|
|
1358
1388
|
.sidebar-off-canvas-toggle-button-container {
|
|
1359
1389
|
@apply absolute top-0 right-0 -mr-12 pt-2;
|
|
1360
1390
|
}
|
|
1391
|
+
|
|
1392
|
+
.sidebar-off-canvas-toggle-button {
|
|
1393
|
+
@apply ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none;
|
|
1394
|
+
}
|
|
1361
1395
|
|
|
1362
1396
|
.sidebar-off-canvas-app-logo-container {
|
|
1363
1397
|
@apply flex-shrink-0 flex items-center px-4;
|
|
@@ -1372,7 +1406,15 @@
|
|
|
1372
1406
|
}
|
|
1373
1407
|
|
|
1374
1408
|
.sidebar-static-menu-container {
|
|
1375
|
-
@apply
|
|
1409
|
+
@apply flex-col w-64 fixed inset-y-0;
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
.sidebar-static-menu-container-active {
|
|
1413
|
+
@apply flex;
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1416
|
+
.sidebar-static-menu-container-not-active {
|
|
1417
|
+
@apply hidden;
|
|
1376
1418
|
}
|
|
1377
1419
|
|
|
1378
1420
|
.sidebar-static-menu-container-inner {
|
|
@@ -1384,14 +1426,22 @@
|
|
|
1384
1426
|
}
|
|
1385
1427
|
|
|
1386
1428
|
/* !!!! malakai onoma !!!! */
|
|
1387
|
-
.sidebar-static-menu-
|
|
1429
|
+
.sidebar-static-menu-wrapper {
|
|
1388
1430
|
@apply flex flex-col;
|
|
1389
1431
|
}
|
|
1390
1432
|
|
|
1433
|
+
.sidebar-static-menu-wrapper-active {
|
|
1434
|
+
@apply sm:pl-64;
|
|
1435
|
+
}
|
|
1436
|
+
|
|
1391
1437
|
.sidebar-static-menu-toggle-button-container {
|
|
1392
1438
|
@apply sticky top-0 z-10 flex-shrink-0 flex h-16 bg-gray-900 shadow;
|
|
1393
1439
|
}
|
|
1394
1440
|
|
|
1441
|
+
.sidebar-static-menu-toggle-button {
|
|
1442
|
+
@apply px-4 text-white bg-gray-800 focus:outline-none;
|
|
1443
|
+
}
|
|
1444
|
+
|
|
1395
1445
|
.sidebar-static-menu-header-container {
|
|
1396
1446
|
@apply flex-1 px-4 flex justify-between;
|
|
1397
1447
|
}
|
|
@@ -15,11 +15,11 @@ export class ShellSidebarLayoutComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
ShellSidebarLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellSidebarLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
ShellSidebarLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ShellSidebarLayoutComponent, selector: "lib-shell-sidebar-layout", inputs: { config: "config" }, ngImport: i0, template: "<div>\n <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container\" role=\"dialog\" aria-modal=\"true\">\n\n <!-- Off-canvas menu backdrop, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-backdrop\"
|
|
18
|
+
ShellSidebarLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ShellSidebarLayoutComponent, selector: "lib-shell-sidebar-layout", inputs: { config: "config" }, ngImport: i0, template: "<div>\n <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container\" role=\"dialog\" aria-modal=\"true\">\n\n <!-- Off-canvas menu backdrop, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-backdrop\" \n \n >\n </div>\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container-inner\" \n [class.sidebar-off-canvas-menu-container-inner-active]=\"showMobileSidebar\" \n [class.sidebar-off-canvas-menu-container-inner-not-active]=\"!showMobileSidebar\">\n <!-- Off-canvas menu, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-layout-container\">\n <!--Close button, show/hide based on off-canvas menu state.-->\n <!-- -->\n <div class=\"sidebar-off-canvas-toggle-button-container\">\n <button type=\"button\" class=\"sidebar-off-canvas-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n <span class=\"sr-only\">Close sidebar</span>\n <!-- Heroicon name: outline/x -->\n <svg class=\"h-6 w-6 text-white\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n </button>\n </div>\n \n <!-- -->\n <div class=\"sidebar-off-canvas-app-logo-container\">\n <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n </div>\n\n <lib-shell-sidebar></lib-shell-sidebar>\n \n </div>\n \n <!-- -->\n <div class=\"sidebar-dummy-element\" aria-hidden=\"true\">\n <!-- Dummy element to force sidebar to shrink to fit close icon -->\n </div>\n </div>\n </div>\n \n <!-- Static sidebar for desktop -->\n \n <!-- -->\n <div class=\"sidebar-static-menu-outer-container\">\n \n <!-- -->\n <div class=\"sidebar-static-menu-container\" \n [class.sidebar-static-menu-container-active]=\"showMobileSidebar\" \n [class.sidebar-static-menu-container-not-active]=\"!showMobileSidebar\">\n <!-- Sidebar component, swap this element with another sidebar if you like -->\n \n <!-- -->\n <div class=\"sidebar-static-menu-container-inner\">\n \n <!-- -->\n <div class=\"sidebar-static-menu-app-logo-container\">\n <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n </div>\n <lib-shell-sidebar></lib-shell-sidebar>\n </div>\n </div>\n </div>\n\n <!-- sidebar-static-menu-container1 -->\n <div class=\"sidebar-static-menu-wrapper\" [class.sidebar-static-menu-wrapper-active]=\"showMobileSidebar\">\n <!-- -->\n <div class=\"sidebar-static-menu-toggle-button-container\">\n <button type=\"button\" class=\"sidebar-static-menu-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n <span class=\"sr-only\">Toggle sidebar</span>\n <!-- Heroicon name: outline/menu-alt-2 -->\n <svg class=\"h-6 w-6\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h7\" />\n </svg>\n </button>\n \n <!-- sidebar-static-menu-header-container -->\n <div class=\"sidebar-static-menu-header-container\">\n <!-- -->\n <div class=\"sidebar-static-menu-header-near-container\">\n \n </div>\n <!-- -->\n <div class=\"sidebar-static-menu-header-far-container\">\n <lib-shell-sidebar-header \n [show-userName]=\"config?.showUserNameOnHeader\"\n [show-alerts]=\"config?.showAlertsOnHeader\" \n [show-langs]=\"config?.showLangsOnHeader\"></lib-shell-sidebar-header>\n </div>\n </div>\n </div>\n \n <div flex-1>\n <main class=\"shell-content-container-fluid\">\n <div class=\"shell-content-container-inner\">\n <!-- YOU NEED TO ADD/REMOVE THIS FROM DOM DEPENDING ON THE SELECTED LAYOUT ESPECIALLY IN THE CASE OF LAYOUT SWITCHING!!! -->\n <router-outlet *ngIf=\"(config && config.layout === 'Sidebar')\"></router-outlet>\n </div>\n </main>\n </div>\n </div>\n </div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i3.ShellSidebarComponent, selector: "lib-shell-sidebar", inputs: ["section-links", "config"] }, { kind: "component", type: i4.ShellSidebarHeaderComponent, selector: "lib-shell-sidebar-header" }] });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellSidebarLayoutComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'lib-shell-sidebar-layout', template: "<div>\n <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container\" role=\"dialog\" aria-modal=\"true\">\n\n <!-- Off-canvas menu backdrop, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-backdrop\"
|
|
21
|
+
args: [{ selector: 'lib-shell-sidebar-layout', template: "<div>\n <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container\" role=\"dialog\" aria-modal=\"true\">\n\n <!-- Off-canvas menu backdrop, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-backdrop\" \n \n >\n </div>\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container-inner\" \n [class.sidebar-off-canvas-menu-container-inner-active]=\"showMobileSidebar\" \n [class.sidebar-off-canvas-menu-container-inner-not-active]=\"!showMobileSidebar\">\n <!-- Off-canvas menu, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-layout-container\">\n <!--Close button, show/hide based on off-canvas menu state.-->\n <!-- -->\n <div class=\"sidebar-off-canvas-toggle-button-container\">\n <button type=\"button\" class=\"sidebar-off-canvas-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n <span class=\"sr-only\">Close sidebar</span>\n <!-- Heroicon name: outline/x -->\n <svg class=\"h-6 w-6 text-white\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n </button>\n </div>\n \n <!-- -->\n <div class=\"sidebar-off-canvas-app-logo-container\">\n <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n </div>\n\n <lib-shell-sidebar></lib-shell-sidebar>\n \n </div>\n \n <!-- -->\n <div class=\"sidebar-dummy-element\" aria-hidden=\"true\">\n <!-- Dummy element to force sidebar to shrink to fit close icon -->\n </div>\n </div>\n </div>\n \n <!-- Static sidebar for desktop -->\n \n <!-- -->\n <div class=\"sidebar-static-menu-outer-container\">\n \n <!-- -->\n <div class=\"sidebar-static-menu-container\" \n [class.sidebar-static-menu-container-active]=\"showMobileSidebar\" \n [class.sidebar-static-menu-container-not-active]=\"!showMobileSidebar\">\n <!-- Sidebar component, swap this element with another sidebar if you like -->\n \n <!-- -->\n <div class=\"sidebar-static-menu-container-inner\">\n \n <!-- -->\n <div class=\"sidebar-static-menu-app-logo-container\">\n <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n </div>\n <lib-shell-sidebar></lib-shell-sidebar>\n </div>\n </div>\n </div>\n\n <!-- sidebar-static-menu-container1 -->\n <div class=\"sidebar-static-menu-wrapper\" [class.sidebar-static-menu-wrapper-active]=\"showMobileSidebar\">\n <!-- -->\n <div class=\"sidebar-static-menu-toggle-button-container\">\n <button type=\"button\" class=\"sidebar-static-menu-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n <span class=\"sr-only\">Toggle sidebar</span>\n <!-- Heroicon name: outline/menu-alt-2 -->\n <svg class=\"h-6 w-6\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h7\" />\n </svg>\n </button>\n \n <!-- sidebar-static-menu-header-container -->\n <div class=\"sidebar-static-menu-header-container\">\n <!-- -->\n <div class=\"sidebar-static-menu-header-near-container\">\n \n </div>\n <!-- -->\n <div class=\"sidebar-static-menu-header-far-container\">\n <lib-shell-sidebar-header \n [show-userName]=\"config?.showUserNameOnHeader\"\n [show-alerts]=\"config?.showAlertsOnHeader\" \n [show-langs]=\"config?.showLangsOnHeader\"></lib-shell-sidebar-header>\n </div>\n </div>\n </div>\n \n <div flex-1>\n <main class=\"shell-content-container-fluid\">\n <div class=\"shell-content-container-inner\">\n <!-- YOU NEED TO ADD/REMOVE THIS FROM DOM DEPENDING ON THE SELECTED LAYOUT ESPECIALLY IN THE CASE OF LAYOUT SWITCHING!!! -->\n <router-outlet *ngIf=\"(config && config.layout === 'Sidebar')\"></router-outlet>\n </div>\n </main>\n </div>\n </div>\n </div>" }]
|
|
22
22
|
}], ctorParameters: function () { return []; }, propDecorators: { config: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwtc2lkZWJhci1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvc2hlbGwvc2hlbGwtc2lkZWJhci1sYXlvdXQvc2hlbGwtc2lkZWJhci1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctY29tcG9uZW50cy9zcmMvbGliL2xheW91dHMvc2hlbGwvc2hlbGwtc2lkZWJhci1sYXlvdXQvc2hlbGwtc2lkZWJhci1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQU96RCxNQUFNLE9BQU8sMkJBQTJCO0lBSXRDO1FBRE8sc0JBQWlCLEdBQUcsSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFTSxtQkFBbUI7UUFDeEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ25ELENBQUM7O3dIQVhVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLDhGQ1B4QyxzcUpBOEdROzJGRHZHSywyQkFBMkI7a0JBSnZDLFNBQVM7K0JBQ0UsMEJBQTBCOzBFQUszQixNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElTaGVsbENvbmZpZyB9IGZyb20gJy4uLy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXNoZWxsLXNpZGViYXItbGF5b3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NoZWxsLXNpZGViYXItbGF5b3V0LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTaGVsbFNpZGViYXJMYXlvdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBcbiAgQElucHV0KCkgY29uZmlnOiBJU2hlbGxDb25maWcgfCB1bmRlZmluZWQ7XG4gIHB1YmxpYyBzaG93TW9iaWxlU2lkZWJhciA9IHRydWU7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlTW9iaWxlU2lkZWJhcigpOiB2b2lkIHtcbiAgICB0aGlzLnNob3dNb2JpbGVTaWRlYmFyID0gIXRoaXMuc2hvd01vYmlsZVNpZGViYXI7XG4gIH1cblxufVxuIiwiPGRpdj5cbiAgICA8IS0tIE9mZi1jYW52YXMgbWVudSBmb3IgbW9iaWxlLCBzaG93L2hpZGUgYmFzZWQgb24gb2ZmLWNhbnZhcyBtZW51IHN0YXRlLiAtLT5cbiAgICBcbiAgICA8IS0tICAtLT5cbiAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1vZmYtY2FudmFzLW1lbnUtY29udGFpbmVyXCIgcm9sZT1cImRpYWxvZ1wiIGFyaWEtbW9kYWw9XCJ0cnVlXCI+XG5cbiAgICAgIDwhLS0gT2ZmLWNhbnZhcyBtZW51IGJhY2tkcm9wLCBzaG93L2hpZGUgYmFzZWQgb24gb2ZmLWNhbnZhcyBtZW51IHN0YXRlLi0tPlxuICAgIFxuICAgICAgPCEtLSAgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1vZmYtY2FudmFzLW1lbnUtYmFja2Ryb3BcIiBcbiAgICAgICAgICAgXG4gICAgICAgICAgPlxuICAgICAgPC9kaXY+XG4gIFxuICAgICAgPCEtLSAgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1vZmYtY2FudmFzLW1lbnUtY29udGFpbmVyLWlubmVyXCIgXG4gICAgICBbY2xhc3Muc2lkZWJhci1vZmYtY2FudmFzLW1lbnUtY29udGFpbmVyLWlubmVyLWFjdGl2ZV09XCJzaG93TW9iaWxlU2lkZWJhclwiIFxuICAgICAgW2NsYXNzLnNpZGViYXItb2ZmLWNhbnZhcy1tZW51LWNvbnRhaW5lci1pbm5lci1ub3QtYWN0aXZlXT1cIiFzaG93TW9iaWxlU2lkZWJhclwiPlxuICAgICAgICA8IS0tIE9mZi1jYW52YXMgbWVudSwgc2hvdy9oaWRlIGJhc2VkIG9uIG9mZi1jYW52YXMgbWVudSBzdGF0ZS4tLT5cbiAgICAgICAgXG4gICAgICAgIDwhLS0gIC0tPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1vZmYtY2FudmFzLWxheW91dC1jb250YWluZXJcIj5cbiAgICAgICAgICA8IS0tQ2xvc2UgYnV0dG9uLCBzaG93L2hpZGUgYmFzZWQgb24gb2ZmLWNhbnZhcyBtZW51IHN0YXRlLi0tPlxuICAgICAgICAgIDwhLS0gIC0tPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLW9mZi1jYW52YXMtdG9nZ2xlLWJ1dHRvbi1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwic2lkZWJhci1vZmYtY2FudmFzLXRvZ2dsZS1idXR0b25cIiAoY2xpY2spPVwic2hvd01vYmlsZVNpZGViYXIgPSAhc2hvd01vYmlsZVNpZGViYXJcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzci1vbmx5XCI+Q2xvc2Ugc2lkZWJhcjwvc3Bhbj5cbiAgICAgICAgICAgICAgPCEtLSBIZXJvaWNvbiBuYW1lOiBvdXRsaW5lL3ggLS0+XG4gICAgICAgICAgICAgIDxzdmcgY2xhc3M9XCJoLTYgdy02IHRleHQtd2hpdGVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgZmlsbD1cIm5vbmVcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxwYXRoIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIGQ9XCJNNiAxOEwxOCA2TTYgNmwxMiAxMlwiIC8+XG4gICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9kaXY+XG4gIFxuICAgICAgICAgIDwhLS0gIC0tPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLW9mZi1jYW52YXMtYXBwLWxvZ28tY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8aW1nIGNsYXNzPVwiaC04IHctYXV0b1wiIFtzcmNdPVwiY29uZmlnPy5hcHBMb2dvXCIgW2FsdF09XCJjb25maWc/LmFwcExvZ29BbHRcIj5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxsaWItc2hlbGwtc2lkZWJhcj48L2xpYi1zaGVsbC1zaWRlYmFyPlxuICAgICAgICAgXG4gICAgICAgIDwvZGl2PlxuICBcbiAgICAgICAgPCEtLSAgLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLWR1bW15LWVsZW1lbnRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICA8IS0tIER1bW15IGVsZW1lbnQgdG8gZm9yY2Ugc2lkZWJhciB0byBzaHJpbmsgdG8gZml0IGNsb3NlIGljb24gLS0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIFxuICAgIDwhLS0gU3RhdGljIHNpZGViYXIgZm9yIGRlc2t0b3AgLS0+XG4gICAgXG4gICAgPCEtLSAgLS0+XG4gICAgPGRpdiBjbGFzcz1cInNpZGViYXItc3RhdGljLW1lbnUtb3V0ZXItY29udGFpbmVyXCI+XG4gICAgXG4gICAgICA8IS0tICAtLT5cbiAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1zdGF0aWMtbWVudS1jb250YWluZXJcIiBcbiAgICAgIFtjbGFzcy5zaWRlYmFyLXN0YXRpYy1tZW51LWNvbnRhaW5lci1hY3RpdmVdPVwic2hvd01vYmlsZVNpZGViYXJcIiBcbiAgICAgIFtjbGFzcy5zaWRlYmFyLXN0YXRpYy1tZW51LWNvbnRhaW5lci1ub3QtYWN0aXZlXT1cIiFzaG93TW9iaWxlU2lkZWJhclwiPlxuICAgICAgPCEtLSBTaWRlYmFyIGNvbXBvbmVudCwgc3dhcCB0aGlzIGVsZW1lbnQgd2l0aCBhbm90aGVyIHNpZGViYXIgaWYgeW91IGxpa2UgLS0+XG4gICAgICBcbiAgICAgIDwhLS0gIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cInNpZGViYXItc3RhdGljLW1lbnUtY29udGFpbmVyLWlubmVyXCI+XG4gICAgICBcbiAgICAgICAgPCEtLSAgLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLXN0YXRpYy1tZW51LWFwcC1sb2dvLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxpbWcgY2xhc3M9XCJoLTggdy1hdXRvXCIgW3NyY109XCJjb25maWc/LmFwcExvZ29cIiBbYWx0XT1cImNvbmZpZz8uYXBwTG9nb0FsdFwiPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGxpYi1zaGVsbC1zaWRlYmFyPjwvbGliLXNoZWxsLXNpZGViYXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS0gc2lkZWJhci1zdGF0aWMtbWVudS1jb250YWluZXIxIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLXN0YXRpYy1tZW51LXdyYXBwZXJcIiBbY2xhc3Muc2lkZWJhci1zdGF0aWMtbWVudS13cmFwcGVyLWFjdGl2ZV09XCJzaG93TW9iaWxlU2lkZWJhclwiPlxuICAgICAgPCEtLSAgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwic2lkZWJhci1zdGF0aWMtbWVudS10b2dnbGUtYnV0dG9uLWNvbnRhaW5lclwiPlxuICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cInNpZGViYXItc3RhdGljLW1lbnUtdG9nZ2xlLWJ1dHRvblwiIChjbGljayk9XCJzaG93TW9iaWxlU2lkZWJhciA9ICFzaG93TW9iaWxlU2lkZWJhclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3Itb25seVwiPlRvZ2dsZSBzaWRlYmFyPC9zcGFuPlxuICAgICAgICAgIDwhLS0gSGVyb2ljb24gbmFtZTogb3V0bGluZS9tZW51LWFsdC0yIC0tPlxuICAgICAgICAgIDxzdmcgY2xhc3M9XCJoLTYgdy02XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGZpbGw9XCJub25lXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIHN0cm9rZS13aWR0aD1cIjJcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgIDxwYXRoIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIGQ9XCJNNCA2aDE2TTQgMTJoMTZNNCAxOGg3XCIgLz5cbiAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIFxuICAgICAgICA8IS0tIHNpZGViYXItc3RhdGljLW1lbnUtaGVhZGVyLWNvbnRhaW5lciAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNpZGViYXItc3RhdGljLW1lbnUtaGVhZGVyLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDwhLS0gIC0tPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlYmFyLXN0YXRpYy1tZW51LWhlYWRlci1uZWFyLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgXG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPCEtLSAgLS0+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNpZGViYXItc3RhdGljLW1lbnUtaGVhZGVyLWZhci1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxsaWItc2hlbGwtc2lkZWJhci1oZWFkZXIgXG4gICAgICAgICAgICBbc2hvdy11c2VyTmFtZV09XCJjb25maWc/LnNob3dVc2VyTmFtZU9uSGVhZGVyXCJcbiAgICAgICAgICAgIFtzaG93LWFsZXJ0c109XCJjb25maWc/LnNob3dBbGVydHNPbkhlYWRlclwiIFxuICAgICAgICAgICAgW3Nob3ctbGFuZ3NdPVwiY29uZmlnPy5zaG93TGFuZ3NPbkhlYWRlclwiPjwvbGliLXNoZWxsLXNpZGViYXItaGVhZGVyPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICBcbiAgICAgIDxkaXYgZmxleC0xPlxuICAgICAgICA8bWFpbiBjbGFzcz1cInNoZWxsLWNvbnRlbnQtY29udGFpbmVyLWZsdWlkXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2hlbGwtY29udGVudC1jb250YWluZXItaW5uZXJcIj5cbiAgICAgICAgICAgICAgPCEtLSBZT1UgTkVFRCBUTyBBREQvUkVNT1ZFIFRISVMgRlJPTSBET00gREVQRU5ESU5HIE9OIFRIRSBTRUxFQ1RFRCBMQVlPVVQgRVNQRUNJQUxMWSBJTiBUSEUgQ0FTRSBPRiBMQVlPVVQgU1dJVENISU5HISEhIC0tPlxuICAgICAgICAgICAgICA8cm91dGVyLW91dGxldCAqbmdJZj1cIihjb25maWcgJiYgY29uZmlnLmxheW91dCA9PT0gJ1NpZGViYXInKVwiPjwvcm91dGVyLW91dGxldD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvbWFpbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj4iXX0=
|
|
@@ -2467,10 +2467,10 @@ class ShellSidebarLayoutComponent {
|
|
|
2467
2467
|
}
|
|
2468
2468
|
}
|
|
2469
2469
|
ShellSidebarLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellSidebarLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2470
|
-
ShellSidebarLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ShellSidebarLayoutComponent, selector: "lib-shell-sidebar-layout", inputs: { config: "config" }, ngImport: i0, template: "<div>\n <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container\" role=\"dialog\" aria-modal=\"true\">\n\n <!-- Off-canvas menu backdrop, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-backdrop\"
|
|
2470
|
+
ShellSidebarLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.0", type: ShellSidebarLayoutComponent, selector: "lib-shell-sidebar-layout", inputs: { config: "config" }, ngImport: i0, template: "<div>\n <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container\" role=\"dialog\" aria-modal=\"true\">\n\n <!-- Off-canvas menu backdrop, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-backdrop\" \n \n >\n </div>\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container-inner\" \n [class.sidebar-off-canvas-menu-container-inner-active]=\"showMobileSidebar\" \n [class.sidebar-off-canvas-menu-container-inner-not-active]=\"!showMobileSidebar\">\n <!-- Off-canvas menu, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-layout-container\">\n <!--Close button, show/hide based on off-canvas menu state.-->\n <!-- -->\n <div class=\"sidebar-off-canvas-toggle-button-container\">\n <button type=\"button\" class=\"sidebar-off-canvas-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n <span class=\"sr-only\">Close sidebar</span>\n <!-- Heroicon name: outline/x -->\n <svg class=\"h-6 w-6 text-white\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n </button>\n </div>\n \n <!-- -->\n <div class=\"sidebar-off-canvas-app-logo-container\">\n <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n </div>\n\n <lib-shell-sidebar></lib-shell-sidebar>\n \n </div>\n \n <!-- -->\n <div class=\"sidebar-dummy-element\" aria-hidden=\"true\">\n <!-- Dummy element to force sidebar to shrink to fit close icon -->\n </div>\n </div>\n </div>\n \n <!-- Static sidebar for desktop -->\n \n <!-- -->\n <div class=\"sidebar-static-menu-outer-container\">\n \n <!-- -->\n <div class=\"sidebar-static-menu-container\" \n [class.sidebar-static-menu-container-active]=\"showMobileSidebar\" \n [class.sidebar-static-menu-container-not-active]=\"!showMobileSidebar\">\n <!-- Sidebar component, swap this element with another sidebar if you like -->\n \n <!-- -->\n <div class=\"sidebar-static-menu-container-inner\">\n \n <!-- -->\n <div class=\"sidebar-static-menu-app-logo-container\">\n <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n </div>\n <lib-shell-sidebar></lib-shell-sidebar>\n </div>\n </div>\n </div>\n\n <!-- sidebar-static-menu-container1 -->\n <div class=\"sidebar-static-menu-wrapper\" [class.sidebar-static-menu-wrapper-active]=\"showMobileSidebar\">\n <!-- -->\n <div class=\"sidebar-static-menu-toggle-button-container\">\n <button type=\"button\" class=\"sidebar-static-menu-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n <span class=\"sr-only\">Toggle sidebar</span>\n <!-- Heroicon name: outline/menu-alt-2 -->\n <svg class=\"h-6 w-6\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h7\" />\n </svg>\n </button>\n \n <!-- sidebar-static-menu-header-container -->\n <div class=\"sidebar-static-menu-header-container\">\n <!-- -->\n <div class=\"sidebar-static-menu-header-near-container\">\n \n </div>\n <!-- -->\n <div class=\"sidebar-static-menu-header-far-container\">\n <lib-shell-sidebar-header \n [show-userName]=\"config?.showUserNameOnHeader\"\n [show-alerts]=\"config?.showAlertsOnHeader\" \n [show-langs]=\"config?.showLangsOnHeader\"></lib-shell-sidebar-header>\n </div>\n </div>\n </div>\n \n <div flex-1>\n <main class=\"shell-content-container-fluid\">\n <div class=\"shell-content-container-inner\">\n <!-- YOU NEED TO ADD/REMOVE THIS FROM DOM DEPENDING ON THE SELECTED LAYOUT ESPECIALLY IN THE CASE OF LAYOUT SWITCHING!!! -->\n <router-outlet *ngIf=\"(config && config.layout === 'Sidebar')\"></router-outlet>\n </div>\n </main>\n </div>\n </div>\n </div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: ShellSidebarComponent, selector: "lib-shell-sidebar", inputs: ["section-links", "config"] }, { kind: "component", type: ShellSidebarHeaderComponent, selector: "lib-shell-sidebar-header" }] });
|
|
2471
2471
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0", ngImport: i0, type: ShellSidebarLayoutComponent, decorators: [{
|
|
2472
2472
|
type: Component,
|
|
2473
|
-
args: [{ selector: 'lib-shell-sidebar-layout', template: "<div>\n <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container\" role=\"dialog\" aria-modal=\"true\">\n\n <!-- Off-canvas menu backdrop, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-backdrop\"
|
|
2473
|
+
args: [{ selector: 'lib-shell-sidebar-layout', template: "<div>\n <!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container\" role=\"dialog\" aria-modal=\"true\">\n\n <!-- Off-canvas menu backdrop, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-backdrop\" \n \n >\n </div>\n \n <!-- -->\n <div class=\"sidebar-off-canvas-menu-container-inner\" \n [class.sidebar-off-canvas-menu-container-inner-active]=\"showMobileSidebar\" \n [class.sidebar-off-canvas-menu-container-inner-not-active]=\"!showMobileSidebar\">\n <!-- Off-canvas menu, show/hide based on off-canvas menu state.-->\n \n <!-- -->\n <div class=\"sidebar-off-canvas-layout-container\">\n <!--Close button, show/hide based on off-canvas menu state.-->\n <!-- -->\n <div class=\"sidebar-off-canvas-toggle-button-container\">\n <button type=\"button\" class=\"sidebar-off-canvas-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n <span class=\"sr-only\">Close sidebar</span>\n <!-- Heroicon name: outline/x -->\n <svg class=\"h-6 w-6 text-white\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n </button>\n </div>\n \n <!-- -->\n <div class=\"sidebar-off-canvas-app-logo-container\">\n <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n </div>\n\n <lib-shell-sidebar></lib-shell-sidebar>\n \n </div>\n \n <!-- -->\n <div class=\"sidebar-dummy-element\" aria-hidden=\"true\">\n <!-- Dummy element to force sidebar to shrink to fit close icon -->\n </div>\n </div>\n </div>\n \n <!-- Static sidebar for desktop -->\n \n <!-- -->\n <div class=\"sidebar-static-menu-outer-container\">\n \n <!-- -->\n <div class=\"sidebar-static-menu-container\" \n [class.sidebar-static-menu-container-active]=\"showMobileSidebar\" \n [class.sidebar-static-menu-container-not-active]=\"!showMobileSidebar\">\n <!-- Sidebar component, swap this element with another sidebar if you like -->\n \n <!-- -->\n <div class=\"sidebar-static-menu-container-inner\">\n \n <!-- -->\n <div class=\"sidebar-static-menu-app-logo-container\">\n <img class=\"h-8 w-auto\" [src]=\"config?.appLogo\" [alt]=\"config?.appLogoAlt\">\n </div>\n <lib-shell-sidebar></lib-shell-sidebar>\n </div>\n </div>\n </div>\n\n <!-- sidebar-static-menu-container1 -->\n <div class=\"sidebar-static-menu-wrapper\" [class.sidebar-static-menu-wrapper-active]=\"showMobileSidebar\">\n <!-- -->\n <div class=\"sidebar-static-menu-toggle-button-container\">\n <button type=\"button\" class=\"sidebar-static-menu-toggle-button\" (click)=\"showMobileSidebar = !showMobileSidebar\">\n <span class=\"sr-only\">Toggle sidebar</span>\n <!-- Heroicon name: outline/menu-alt-2 -->\n <svg class=\"h-6 w-6\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h16M4 18h7\" />\n </svg>\n </button>\n \n <!-- sidebar-static-menu-header-container -->\n <div class=\"sidebar-static-menu-header-container\">\n <!-- -->\n <div class=\"sidebar-static-menu-header-near-container\">\n \n </div>\n <!-- -->\n <div class=\"sidebar-static-menu-header-far-container\">\n <lib-shell-sidebar-header \n [show-userName]=\"config?.showUserNameOnHeader\"\n [show-alerts]=\"config?.showAlertsOnHeader\" \n [show-langs]=\"config?.showLangsOnHeader\"></lib-shell-sidebar-header>\n </div>\n </div>\n </div>\n \n <div flex-1>\n <main class=\"shell-content-container-fluid\">\n <div class=\"shell-content-container-inner\">\n <!-- YOU NEED TO ADD/REMOVE THIS FROM DOM DEPENDING ON THE SELECTED LAYOUT ESPECIALLY IN THE CASE OF LAYOUT SWITCHING!!! -->\n <router-outlet *ngIf=\"(config && config.layout === 'Sidebar')\"></router-outlet>\n </div>\n </main>\n </div>\n </div>\n </div>" }]
|
|
2474
2474
|
}], ctorParameters: function () { return []; }, propDecorators: { config: [{
|
|
2475
2475
|
type: Input
|
|
2476
2476
|
}] } });
|