@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.
Files changed (53) hide show
  1. package/CHANGELOG.md +167 -0
  2. package/LICENSE +621 -0
  3. package/LICENSE.md +621 -0
  4. package/README.md +1 -1
  5. package/esm2022/index.mjs +2 -6
  6. package/esm2022/lib/app-url.service.mjs +66 -0
  7. package/esm2022/lib/header/apps-button/apps-button.component.mjs +29 -46
  8. package/esm2022/lib/header/header.component.mjs +48 -52
  9. package/esm2022/lib/header/language-selector/language-selector.component.mjs +13 -72
  10. package/esm2022/lib/header/navigation-progress-bar/navigation-progress-bar.component.mjs +6 -2
  11. package/esm2022/lib/header/reset-button/reset-button.component.mjs +3 -3
  12. package/esm2022/lib/header/settings-button/settings-button.component.mjs +52 -0
  13. package/esm2022/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.mjs +20 -18
  14. package/esm2022/lib/header/sign-out/sign-out.component.mjs +14 -18
  15. package/esm2022/lib/header/user-profile-icon/user-profile-icon.component.mjs +31 -28
  16. package/esm2022/lib/layout/layout.component.mjs +50 -23
  17. package/esm2022/lib/layout/layout.component.service.mjs +50 -15
  18. package/esm2022/lib/navigation/navigation-item/navigation-item.component.mjs +50 -102
  19. package/esm2022/lib/navigation/navigation.component.mjs +26 -31
  20. package/esm2022/lib/sidenav/sidenav.component.mjs +3 -3
  21. package/esm2022/lib/sidenav/version/version.component.mjs +2 -8
  22. package/esm2022/lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component.mjs +3 -3
  23. package/esm2022/lib/types.mjs +1 -1
  24. package/esm2022/lib/window-container-sidenav/window-container-sidenav.component.mjs +6 -7
  25. package/fesm2022/rxap-layout.mjs +648 -699
  26. package/fesm2022/rxap-layout.mjs.map +1 -1
  27. package/index.d.ts +1 -3
  28. package/lib/app-url.service.d.ts +26 -0
  29. package/lib/header/apps-button/apps-button.component.d.ts +12 -20
  30. package/lib/header/header.component.d.ts +10 -13
  31. package/lib/header/language-selector/language-selector.component.d.ts +1 -16
  32. package/lib/header/settings-button/settings-button.component.d.ts +22 -0
  33. package/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.d.ts +6 -3
  34. package/lib/header/sign-out/sign-out.component.d.ts +4 -4
  35. package/lib/header/user-profile-icon/user-profile-icon.component.d.ts +13 -9
  36. package/lib/layout/layout.component.d.ts +16 -4
  37. package/lib/layout/layout.component.service.d.ts +10 -5
  38. package/lib/navigation/navigation-item/navigation-item.component.d.ts +10 -17
  39. package/lib/navigation/navigation.component.d.ts +5 -5
  40. package/lib/types.d.ts +3 -2
  41. package/package.json +95 -47
  42. package/theme.css +1 -0
  43. package/esm2022/lib/layout/layout.component.module.mjs +0 -30
  44. package/esm2022/lib/sidenav-content/sidenav-content.component.mjs +0 -27
  45. package/esm2022/lib/sidenav-content/sidenav-content.component.service.mjs +0 -36
  46. package/lib/layout/layout.component.module.d.ts +0 -10
  47. package/lib/sidenav-content/sidenav-content.component.d.ts +0 -10
  48. package/lib/sidenav-content/sidenav-content.component.service.d.ts +0 -15
  49. package/src/lib/header/apps-button/_apps-button.component.theme.scss +0 -45
  50. package/src/lib/navigation/_navigation.component.theme.scss +0 -33
  51. package/src/lib/navigation/navigation-item/_navigation-item.component.theme.scss +0 -45
  52. package/src/lib/sidenav/_sidenav.component.theme.scss +0 -65
  53. 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
- }
@@ -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
- }