@rxap/layout 16.0.0-dev.3 → 16.0.0-dev.30
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/CHANGELOG.md +167 -0
- package/LICENSE +621 -0
- package/LICENSE.md +621 -0
- package/README.md +1 -1
- package/esm2022/index.mjs +2 -6
- package/esm2022/lib/app-url.service.mjs +66 -0
- package/esm2022/lib/header/apps-button/apps-button.component.mjs +29 -46
- package/esm2022/lib/header/header.component.mjs +48 -52
- package/esm2022/lib/header/language-selector/language-selector.component.mjs +13 -72
- package/esm2022/lib/header/navigation-progress-bar/navigation-progress-bar.component.mjs +6 -2
- package/esm2022/lib/header/reset-button/reset-button.component.mjs +3 -3
- package/esm2022/lib/header/settings-button/settings-button.component.mjs +52 -0
- package/esm2022/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.mjs +20 -18
- package/esm2022/lib/header/sign-out/sign-out.component.mjs +14 -18
- package/esm2022/lib/header/user-profile-icon/user-profile-icon.component.mjs +31 -28
- package/esm2022/lib/layout/layout.component.mjs +50 -23
- package/esm2022/lib/layout/layout.component.service.mjs +50 -15
- package/esm2022/lib/navigation/navigation-item/navigation-item.component.mjs +50 -102
- package/esm2022/lib/navigation/navigation.component.mjs +26 -31
- package/esm2022/lib/sidenav/sidenav.component.mjs +3 -3
- package/esm2022/lib/sidenav/version/version.component.mjs +2 -8
- package/esm2022/lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component.mjs +3 -3
- package/esm2022/lib/types.mjs +1 -1
- package/esm2022/lib/window-container-sidenav/window-container-sidenav.component.mjs +6 -7
- package/fesm2022/rxap-layout.mjs +648 -699
- package/fesm2022/rxap-layout.mjs.map +1 -1
- package/index.d.ts +1 -3
- package/lib/app-url.service.d.ts +26 -0
- package/lib/header/apps-button/apps-button.component.d.ts +12 -20
- package/lib/header/header.component.d.ts +10 -13
- package/lib/header/language-selector/language-selector.component.d.ts +1 -16
- package/lib/header/settings-button/settings-button.component.d.ts +22 -0
- package/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.d.ts +6 -3
- package/lib/header/sign-out/sign-out.component.d.ts +4 -4
- package/lib/header/user-profile-icon/user-profile-icon.component.d.ts +13 -9
- package/lib/layout/layout.component.d.ts +16 -4
- package/lib/layout/layout.component.service.d.ts +10 -5
- package/lib/navigation/navigation-item/navigation-item.component.d.ts +10 -17
- package/lib/navigation/navigation.component.d.ts +5 -5
- package/lib/types.d.ts +3 -2
- package/package.json +95 -47
- package/theme.css +1 -0
- package/esm2022/lib/layout/layout.component.module.mjs +0 -30
- package/esm2022/lib/sidenav-content/sidenav-content.component.mjs +0 -27
- package/esm2022/lib/sidenav-content/sidenav-content.component.service.mjs +0 -36
- package/lib/layout/layout.component.module.d.ts +0 -10
- package/lib/sidenav-content/sidenav-content.component.d.ts +0 -10
- package/lib/sidenav-content/sidenav-content.component.service.d.ts +0 -15
- package/src/lib/header/apps-button/_apps-button.component.theme.scss +0 -45
- package/src/lib/navigation/_navigation.component.theme.scss +0 -33
- package/src/lib/navigation/navigation-item/_navigation-item.component.theme.scss +0 -45
- package/src/lib/sidenav/_sidenav.component.theme.scss +0 -65
- package/src/lib/toggle-window-sidenav-button/_toggle-window-sidenav-button.component.theme.scss +0 -15
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { NgModule, } from '@angular/core';
|
|
2
|
-
import { LayoutComponent } from './layout.component';
|
|
3
|
-
import { RXAP_NAVIGATION_CONFIG } from '../tokens';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class LayoutModule {
|
|
6
|
-
static withNavigation(navigation) {
|
|
7
|
-
return {
|
|
8
|
-
ngModule: LayoutModule,
|
|
9
|
-
providers: [
|
|
10
|
-
{
|
|
11
|
-
provide: RXAP_NAVIGATION_CONFIG,
|
|
12
|
-
useValue: navigation,
|
|
13
|
-
},
|
|
14
|
-
],
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
18
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: LayoutModule, imports: [LayoutComponent], exports: [LayoutComponent] }); }
|
|
19
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: LayoutModule, imports: [LayoutComponent] }); }
|
|
20
|
-
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: LayoutModule, decorators: [{
|
|
22
|
-
type: NgModule,
|
|
23
|
-
args: [{
|
|
24
|
-
imports: [
|
|
25
|
-
LayoutComponent,
|
|
26
|
-
],
|
|
27
|
-
exports: [LayoutComponent],
|
|
28
|
-
}]
|
|
29
|
-
}] });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL2xheW91dC9sYXlvdXQuY29tcG9uZW50Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsUUFBUSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUlyRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUM7O0FBUW5ELE1BQU0sT0FBTyxZQUFZO0lBRWhCLE1BQU0sQ0FBQyxjQUFjLENBQUMsVUFBaUU7UUFFNUYsT0FBTztZQUNMLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLFNBQVMsRUFBRTtnQkFDVDtvQkFDRSxPQUFPLEVBQUUsc0JBQXNCO29CQUMvQixRQUFRLEVBQUUsVUFBVTtpQkFDckI7YUFDRjtTQUNGLENBQUM7SUFDSixDQUFDOzhHQWJVLFlBQVk7K0dBQVosWUFBWSxZQUpyQixlQUFlLGFBRU4sZUFBZTsrR0FFZixZQUFZLFlBSnJCLGVBQWU7OzJGQUlOLFlBQVk7a0JBTnhCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFFLGVBQWUsQ0FBRTtpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBNb2R1bGVXaXRoUHJvdmlkZXJzLFxuICBOZ01vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC5jb21wb25lbnQnO1xuXG5cbmltcG9ydCB7IE5hdmlnYXRpb25XaXRoSW5zZXJ0cyB9IGZyb20gJy4uL25hdmlnYXRpb24vbmF2aWdhdGlvbi1pdGVtJztcbmltcG9ydCB7IFJYQVBfTkFWSUdBVElPTl9DT05GSUcgfSBmcm9tICcuLi90b2tlbnMnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgTGF5b3V0Q29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbIExheW91dENvbXBvbmVudCBdLFxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRNb2R1bGUge1xuXG4gIHB1YmxpYyBzdGF0aWMgd2l0aE5hdmlnYXRpb24obmF2aWdhdGlvbjogTmF2aWdhdGlvbldpdGhJbnNlcnRzIHwgKCgpID0+IE5hdmlnYXRpb25XaXRoSW5zZXJ0cykpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPExheW91dE1vZHVsZT4ge1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBMYXlvdXRNb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgIHByb3ZpZGU6IFJYQVBfTkFWSUdBVElPTl9DT05GSUcsXG4gICAgICAgICAgdXNlVmFsdWU6IG5hdmlnYXRpb24sXG4gICAgICAgIH0sXG4gICAgICBdLFxuICAgIH07XG4gIH1cblxufVxuIl19
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
|
|
3
|
-
import { Required } from '@rxap/utilities';
|
|
4
|
-
import { MatSidenav } from '@angular/material/sidenav';
|
|
5
|
-
import { SidenavContentComponentService } from './sidenav-content.component.service';
|
|
6
|
-
import { RouterOutlet } from '@angular/router';
|
|
7
|
-
import { AsyncPipe, NgClass, NgStyle, } from '@angular/common';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "./sidenav-content.component.service";
|
|
10
|
-
export class SidenavContentComponent {
|
|
11
|
-
constructor(sccs) {
|
|
12
|
-
this.sccs = sccs;
|
|
13
|
-
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SidenavContentComponent, deps: [{ token: i1.SidenavContentComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: SidenavContentComponent, isStandalone: true, selector: "rxap-sidenav-content", inputs: { sidenav: "sidenav" }, ngImport: i0, template: "<div [ngClass]=\"{ 'open': (sidenav.openedChange | async) }\" [ngStyle]=\"{\n height: sccs.innerHeight$ | async,\n marginTop: sccs.marginTop$ | async,\n marginBottom: sccs.marginBottom$ | async\n}\" class=\"container\">\n <!-- <dx-breadcrumb></dx-breadcrumb>-->\n <div class=\"inner\">\n <router-outlet></router-outlet>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".container .inner{padding:0;overflow:auto;height:100%}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16
|
-
}
|
|
17
|
-
__decorate([
|
|
18
|
-
Required,
|
|
19
|
-
__metadata("design:type", MatSidenav)
|
|
20
|
-
], SidenavContentComponent.prototype, "sidenav", void 0);
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SidenavContentComponent, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{ selector: 'rxap-sidenav-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, NgStyle, RouterOutlet, AsyncPipe], template: "<div [ngClass]=\"{ 'open': (sidenav.openedChange | async) }\" [ngStyle]=\"{\n height: sccs.innerHeight$ | async,\n marginTop: sccs.marginTop$ | async,\n marginBottom: sccs.marginBottom$ | async\n}\" class=\"container\">\n <!-- <dx-breadcrumb></dx-breadcrumb>-->\n <div class=\"inner\">\n <router-outlet></router-outlet>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".container .inner{padding:0;overflow:auto;height:100%}\n"] }]
|
|
24
|
-
}], ctorParameters: function () { return [{ type: i1.SidenavContentComponentService }]; }, propDecorators: { sidenav: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXIvbGF5b3V0L3NyYy9saWIvc2lkZW5hdi1jb250ZW50L3NpZGVuYXYtY29udGVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL3NpZGVuYXYtY29udGVudC9zaWRlbmF2LWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsU0FBUyxFQUNULE9BQU8sRUFDUCxPQUFPLEdBQ1IsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVXpCLE1BQU0sT0FBTyx1QkFBdUI7SUFJbEMsWUFBNEIsSUFBb0M7UUFBcEMsU0FBSSxHQUFKLElBQUksQ0FBZ0M7SUFDaEUsQ0FBQzs4R0FMVSx1QkFBdUI7a0dBQXZCLHVCQUF1QixnSEN2QnBDLDZYQVdBLGtIRFVhLE9BQU8sb0ZBQUUsT0FBTywyRUFBRSxZQUFZLHNKQUFFLFNBQVM7O0FBSTFCO0lBQWhCLFFBQVE7OEJBQWtCLFVBQVU7d0RBQUM7MkZBRnBDLHVCQUF1QjtrQkFSbkMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLENBQUU7cUhBSTVCLE9BQU87c0JBQWhDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZXF1aXJlZCB9IGZyb20gJ0ByeGFwL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBNYXRTaWRlbmF2IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdic7XG5pbXBvcnQgeyBTaWRlbmF2Q29udGVudENvbXBvbmVudFNlcnZpY2UgfSBmcm9tICcuL3NpZGVuYXYtY29udGVudC5jb21wb25lbnQuc2VydmljZSc7XG5pbXBvcnQgeyBSb3V0ZXJPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtcbiAgQXN5bmNQaXBlLFxuICBOZ0NsYXNzLFxuICBOZ1N0eWxlLFxufSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyeGFwLXNpZGVuYXYtY29udGVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlbmF2LWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vc2lkZW5hdi1jb250ZW50LmNvbXBvbmVudC5zY3NzJyBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogWyBOZ0NsYXNzLCBOZ1N0eWxlLCBSb3V0ZXJPdXRsZXQsIEFzeW5jUGlwZSBdLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlbmF2Q29udGVudENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgQFJlcXVpcmVkIHB1YmxpYyBzaWRlbmF2ITogTWF0U2lkZW5hdjtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcmVhZG9ubHkgc2NjczogU2lkZW5hdkNvbnRlbnRDb21wb25lbnRTZXJ2aWNlKSB7XG4gIH1cbn1cbiIsIjxkaXYgW25nQ2xhc3NdPVwieyAnb3Blbic6IChzaWRlbmF2Lm9wZW5lZENoYW5nZSB8IGFzeW5jKSB9XCIgW25nU3R5bGVdPVwie1xuICBoZWlnaHQ6IHNjY3MuaW5uZXJIZWlnaHQkIHwgYXN5bmMsXG4gIG1hcmdpblRvcDogc2Njcy5tYXJnaW5Ub3AkIHwgYXN5bmMsXG4gIG1hcmdpbkJvdHRvbTogc2Njcy5tYXJnaW5Cb3R0b20kIHwgYXN5bmNcbn1cIiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8IS0tICA8ZHgtYnJlYWRjcnVtYj48L2R4LWJyZWFkY3J1bWI+LS0+XG4gIDxkaXYgY2xhc3M9XCJpbm5lclwiPlxuICAgIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { Inject, Injectable, } from '@angular/core';
|
|
2
|
-
import { FooterService, HeaderService, } from '@rxap/services';
|
|
3
|
-
import { BehaviorSubject, combineLatest, } from 'rxjs';
|
|
4
|
-
import { map, tap, } from 'rxjs/operators';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@rxap/services";
|
|
7
|
-
export class SidenavContentComponentService {
|
|
8
|
-
constructor(footerComponentService, headerComponentService) {
|
|
9
|
-
this.footerComponentService = footerComponentService;
|
|
10
|
-
this.headerComponentService = headerComponentService;
|
|
11
|
-
this.headerRows$ = new BehaviorSubject(1);
|
|
12
|
-
this.headerRows$.next(this.headerComponentService.countComponent);
|
|
13
|
-
this.footerComponentService.portalCount$.pipe().subscribe();
|
|
14
|
-
this.footerRows$ = this.footerComponentService.portalCount$;
|
|
15
|
-
this.headerComponentService.update$.pipe(tap(() => this.headerRows$.next(this.headerComponentService.countComponent))).subscribe();
|
|
16
|
-
this.innerHeight$ = combineLatest([
|
|
17
|
-
this.headerRows$,
|
|
18
|
-
this.footerRows$,
|
|
19
|
-
]).pipe(map(([headerRows, footerRows]) => `calc(100% - ${64 * (headerRows + footerRows)}px)`));
|
|
20
|
-
this.marginTop$ = this.headerRows$.pipe(map(headerRows => `${headerRows * 64}px`));
|
|
21
|
-
this.marginBottom$ = this.footerRows$.pipe(map(footerRows => `${footerRows * 64}px`));
|
|
22
|
-
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SidenavContentComponentService, deps: [{ token: FooterService }, { token: HeaderService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
24
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SidenavContentComponentService, providedIn: 'root' }); }
|
|
25
|
-
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: SidenavContentComponentService, decorators: [{
|
|
27
|
-
type: Injectable,
|
|
28
|
-
args: [{ providedIn: 'root' }]
|
|
29
|
-
}], ctorParameters: function () { return [{ type: i1.FooterService, decorators: [{
|
|
30
|
-
type: Inject,
|
|
31
|
-
args: [FooterService]
|
|
32
|
-
}] }, { type: i1.HeaderService, decorators: [{
|
|
33
|
-
type: Inject,
|
|
34
|
-
args: [HeaderService]
|
|
35
|
-
}] }]; } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1jb250ZW50LmNvbXBvbmVudC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9sYXlvdXQvc3JjL2xpYi9zaWRlbmF2LWNvbnRlbnQvc2lkZW5hdi1jb250ZW50LmNvbXBvbmVudC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxNQUFNLEVBQ04sVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxhQUFhLEVBQ2IsYUFBYSxHQUNkLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUNMLGVBQWUsRUFDZixhQUFhLEdBRWQsTUFBTSxNQUFNLENBQUM7QUFDZCxPQUFPLEVBQ0wsR0FBRyxFQUNILEdBQUcsR0FDSixNQUFNLGdCQUFnQixDQUFDOzs7QUFHeEIsTUFBTSxPQUFPLDhCQUE4QjtJQVF6QyxZQUN5QyxzQkFBcUMsRUFDckMsc0JBQXFDO1FBRHJDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBZTtRQUNyQywyQkFBc0IsR0FBdEIsc0JBQXNCLENBQWU7UUFSdkUsZ0JBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBUyxDQUFDLENBQUMsQ0FBQztRQVVsRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsY0FBYyxDQUFDLENBQUM7UUFFbEUsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUU1RCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUM7UUFFNUQsSUFBSSxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQ3RDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FDN0UsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUVkLElBQUksQ0FBQyxZQUFZLEdBQUcsYUFBYSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxXQUFXO1lBQ2hCLElBQUksQ0FBQyxXQUFXO1NBQ2pCLENBQUMsQ0FBQyxJQUFJLENBQ0wsR0FBRyxDQUFDLENBQUMsQ0FBRSxVQUFVLEVBQUUsVUFBVSxDQUFFLEVBQUUsRUFBRSxDQUFDLGVBQWdCLEVBQUUsR0FBRyxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUUsS0FBSyxDQUFDLENBQzFGLENBQUM7UUFFRixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUNyQyxHQUFHLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxHQUFJLFVBQVUsR0FBRyxFQUFHLElBQUksQ0FBQyxDQUM1QyxDQUFDO1FBRUYsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FDeEMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsR0FBSSxVQUFVLEdBQUcsRUFBRyxJQUFJLENBQUMsQ0FDNUMsQ0FBQztJQUVKLENBQUM7OEdBckNVLDhCQUE4QixrQkFTL0IsYUFBYSxhQUNiLGFBQWE7a0hBVlosOEJBQThCLGNBRGpCLE1BQU07OzJGQUNuQiw4QkFBOEI7a0JBRDFDLFVBQVU7bUJBQUMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFOzswQkFVN0IsTUFBTTsyQkFBQyxhQUFhOzswQkFDcEIsTUFBTTsyQkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgSW5qZWN0LFxuICBJbmplY3RhYmxlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEZvb3RlclNlcnZpY2UsXG4gIEhlYWRlclNlcnZpY2UsXG59IGZyb20gJ0ByeGFwL3NlcnZpY2VzJztcbmltcG9ydCB7XG4gIEJlaGF2aW9yU3ViamVjdCxcbiAgY29tYmluZUxhdGVzdCxcbiAgT2JzZXJ2YWJsZSxcbn0gZnJvbSAncnhqcyc7XG5pbXBvcnQge1xuICBtYXAsXG4gIHRhcCxcbn0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIFNpZGVuYXZDb250ZW50Q29tcG9uZW50U2VydmljZSB7XG5cbiAgcHVibGljIGhlYWRlclJvd3MkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+KDEpO1xuICBwdWJsaWMgZm9vdGVyUm93cyQ6IE9ic2VydmFibGU8bnVtYmVyPjtcbiAgcHVibGljIGlubmVySGVpZ2h0JDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBwdWJsaWMgbWFyZ2luVG9wJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBwdWJsaWMgbWFyZ2luQm90dG9tJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoRm9vdGVyU2VydmljZSkgcHVibGljIHJlYWRvbmx5IGZvb3RlckNvbXBvbmVudFNlcnZpY2U6IEZvb3RlclNlcnZpY2UsXG4gICAgQEluamVjdChIZWFkZXJTZXJ2aWNlKSBwdWJsaWMgcmVhZG9ubHkgaGVhZGVyQ29tcG9uZW50U2VydmljZTogSGVhZGVyU2VydmljZSxcbiAgKSB7XG4gICAgdGhpcy5oZWFkZXJSb3dzJC5uZXh0KHRoaXMuaGVhZGVyQ29tcG9uZW50U2VydmljZS5jb3VudENvbXBvbmVudCk7XG5cbiAgICB0aGlzLmZvb3RlckNvbXBvbmVudFNlcnZpY2UucG9ydGFsQ291bnQkLnBpcGUoKS5zdWJzY3JpYmUoKTtcblxuICAgIHRoaXMuZm9vdGVyUm93cyQgPSB0aGlzLmZvb3RlckNvbXBvbmVudFNlcnZpY2UucG9ydGFsQ291bnQkO1xuXG4gICAgdGhpcy5oZWFkZXJDb21wb25lbnRTZXJ2aWNlLnVwZGF0ZSQucGlwZShcbiAgICAgIHRhcCgoKSA9PiB0aGlzLmhlYWRlclJvd3MkLm5leHQodGhpcy5oZWFkZXJDb21wb25lbnRTZXJ2aWNlLmNvdW50Q29tcG9uZW50KSksXG4gICAgKS5zdWJzY3JpYmUoKTtcblxuICAgIHRoaXMuaW5uZXJIZWlnaHQkID0gY29tYmluZUxhdGVzdChbXG4gICAgICB0aGlzLmhlYWRlclJvd3MkLFxuICAgICAgdGhpcy5mb290ZXJSb3dzJCxcbiAgICBdKS5waXBlKFxuICAgICAgbWFwKChbIGhlYWRlclJvd3MsIGZvb3RlclJvd3MgXSkgPT4gYGNhbGMoMTAwJSAtICR7IDY0ICogKGhlYWRlclJvd3MgKyBmb290ZXJSb3dzKSB9cHgpYCksXG4gICAgKTtcblxuICAgIHRoaXMubWFyZ2luVG9wJCA9IHRoaXMuaGVhZGVyUm93cyQucGlwZShcbiAgICAgIG1hcChoZWFkZXJSb3dzID0+IGAkeyBoZWFkZXJSb3dzICogNjQgfXB4YCksXG4gICAgKTtcblxuICAgIHRoaXMubWFyZ2luQm90dG9tJCA9IHRoaXMuZm9vdGVyUm93cyQucGlwZShcbiAgICAgIG1hcChmb290ZXJSb3dzID0+IGAkeyBmb290ZXJSb3dzICogNjQgfXB4YCksXG4gICAgKTtcblxuICB9XG5cbn1cbiJdfQ==
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ModuleWithProviders } from '@angular/core';
|
|
2
|
-
import { NavigationWithInserts } from '../navigation/navigation-item';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "./layout.component";
|
|
5
|
-
export declare class LayoutModule {
|
|
6
|
-
static withNavigation(navigation: NavigationWithInserts | (() => NavigationWithInserts)): ModuleWithProviders<LayoutModule>;
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutModule, never, [typeof i1.LayoutComponent], [typeof i1.LayoutComponent]>;
|
|
9
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<LayoutModule>;
|
|
10
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { MatSidenav } from '@angular/material/sidenav';
|
|
2
|
-
import { SidenavContentComponentService } from './sidenav-content.component.service';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SidenavContentComponent {
|
|
5
|
-
readonly sccs: SidenavContentComponentService;
|
|
6
|
-
sidenav: MatSidenav;
|
|
7
|
-
constructor(sccs: SidenavContentComponentService);
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SidenavContentComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SidenavContentComponent, "rxap-sidenav-content", never, { "sidenav": { "alias": "sidenav"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
10
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { FooterService, HeaderService } from '@rxap/services';
|
|
2
|
-
import { BehaviorSubject, Observable } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SidenavContentComponentService {
|
|
5
|
-
readonly footerComponentService: FooterService;
|
|
6
|
-
readonly headerComponentService: HeaderService;
|
|
7
|
-
headerRows$: BehaviorSubject<number>;
|
|
8
|
-
footerRows$: Observable<number>;
|
|
9
|
-
innerHeight$: Observable<string>;
|
|
10
|
-
marginTop$: Observable<string>;
|
|
11
|
-
marginBottom$: Observable<string>;
|
|
12
|
-
constructor(footerComponentService: FooterService, headerComponentService: HeaderService);
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SidenavContentComponentService, never>;
|
|
14
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SidenavContentComponentService>;
|
|
15
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
@mixin rxap-apps-button-theme($theme) {
|
|
2
|
-
$foreground: map-get($theme, foreground);
|
|
3
|
-
$background: map-get($theme, background);
|
|
4
|
-
$accent: map-get($theme, accent);
|
|
5
|
-
$primary: map-get($theme, primary);
|
|
6
|
-
$warn: map-get($theme, warn);
|
|
7
|
-
$isDark: map-get($theme, is-dark);
|
|
8
|
-
|
|
9
|
-
.rxap-apps-button {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.cdk-overlay-container {
|
|
15
|
-
|
|
16
|
-
.grid-container {
|
|
17
|
-
background-color: map-get($background, dialog);
|
|
18
|
-
|
|
19
|
-
.grid {
|
|
20
|
-
|
|
21
|
-
li:not(.empty) {
|
|
22
|
-
|
|
23
|
-
&:hover {
|
|
24
|
-
background-color: map-get($background, hover);
|
|
25
|
-
cursor: pointer;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&:active {
|
|
29
|
-
background: map-get($background, focused-button);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
@mixin rxap-apps-button-typography($config) {
|
|
43
|
-
.rxap-apps-button {
|
|
44
|
-
}
|
|
45
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
|
|
3
|
-
@mixin rxap-navigation-theme($theme) {
|
|
4
|
-
$foreground: map-get($theme, foreground);
|
|
5
|
-
$background: map-get($theme, background);
|
|
6
|
-
$accent: map-get($theme, accent);
|
|
7
|
-
$isDark: map-get($theme, is-dark);
|
|
8
|
-
|
|
9
|
-
.rxap-navigation {
|
|
10
|
-
|
|
11
|
-
.divider-title {
|
|
12
|
-
color: map-get($foreground, hint-text);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.item {
|
|
16
|
-
$border-width: 4px;
|
|
17
|
-
border-left: $border-width solid transparent;
|
|
18
|
-
|
|
19
|
-
&.active {
|
|
20
|
-
border-left: $border-width solid mat.get-color-from-palette($accent);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@mixin rxap-navigation-typography($config) {
|
|
30
|
-
.rxap-navigation {
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
|
|
3
|
-
@mixin rxap-navigation-item-theme($theme) {
|
|
4
|
-
$foreground: map-get($theme, foreground);
|
|
5
|
-
$background: map-get($theme, background);
|
|
6
|
-
$accent: map-get($theme, accent);
|
|
7
|
-
$isDark: map-get($theme, is-dark);
|
|
8
|
-
|
|
9
|
-
.rxap-navigation-item, .navigation-overlay-container {
|
|
10
|
-
|
|
11
|
-
.navigation-link {
|
|
12
|
-
|
|
13
|
-
color: map-get($foreground, hint-text);
|
|
14
|
-
|
|
15
|
-
&:focus {
|
|
16
|
-
outline: none;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
&:hover {
|
|
20
|
-
color: map-get($foreground, text);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&.link-active, &:active {
|
|
24
|
-
@if $isDark {
|
|
25
|
-
color: mat.get-color-from-palette($accent, 300);
|
|
26
|
-
} @else {
|
|
27
|
-
color: mat.get-color-from-palette($accent, 700);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.navigation-overlay-container {
|
|
36
|
-
background-color: map-get($background, dialog);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@mixin rxap-navigation-item-typography($config) {
|
|
42
|
-
.rxap-navigation-item {
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
|
|
3
|
-
@mixin rxap-sidenav-theme($theme) {
|
|
4
|
-
$foreground: map-get($theme, foreground);
|
|
5
|
-
$background: map-get($theme, background);
|
|
6
|
-
$accent: map-get($theme, accent);
|
|
7
|
-
$isDark: map-get($theme, is-dark);
|
|
8
|
-
|
|
9
|
-
.rxap-layout-sidenav {
|
|
10
|
-
|
|
11
|
-
background: mat.get-color-from-palette($background, card);
|
|
12
|
-
|
|
13
|
-
.container {
|
|
14
|
-
|
|
15
|
-
.inner {
|
|
16
|
-
|
|
17
|
-
.nav-container {
|
|
18
|
-
|
|
19
|
-
/* Handle */
|
|
20
|
-
&::-webkit-scrollbar-thumb {
|
|
21
|
-
background: mat.get-color-from-palette($accent, 100);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/* Handle on hover */
|
|
25
|
-
&::-webkit-scrollbar-thumb:hover {
|
|
26
|
-
background: mat.get-color-from-palette($accent, 300);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@if $isDark {
|
|
30
|
-
|
|
31
|
-
/* Handle */
|
|
32
|
-
&::-webkit-scrollbar-thumb {
|
|
33
|
-
background: mat.get-color-from-palette($accent, 900);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* Handle on hover */
|
|
37
|
-
&::-webkit-scrollbar-thumb:hover {
|
|
38
|
-
background: mat.get-color-from-palette($accent, 700);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.version {
|
|
50
|
-
color: lightgray;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
@mixin rxap-sidenav-typography($config) {
|
|
58
|
-
.rxap-layout-sidenav {
|
|
59
|
-
|
|
60
|
-
.version {
|
|
61
|
-
font-size: 10px;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
}
|
|
65
|
-
}
|
package/src/lib/toggle-window-sidenav-button/_toggle-window-sidenav-button.component.theme.scss
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
@mixin rxap-toggle-window-sidenav-button-theme($theme) {
|
|
2
|
-
$foreground: map-get($theme, foreground);
|
|
3
|
-
$background: map-get($theme, background);
|
|
4
|
-
$accent: map-get($theme, accent);
|
|
5
|
-
|
|
6
|
-
.rxap-toggle-window-sidenav-button {
|
|
7
|
-
|
|
8
|
-
.toggle-button {
|
|
9
|
-
background: map-get($background, background);
|
|
10
|
-
border-color: rgba(255, 255, 255, 0.12);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
}
|