@rxap/layout 16.0.0-dev.5 → 16.0.0-dev.7
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 +15 -0
- package/README.md +1 -1
- package/esm2022/index.mjs +5 -6
- package/esm2022/lib/app-url.service.mjs +64 -0
- package/esm2022/lib/footer/footer.component.mjs +3 -3
- package/esm2022/lib/header/apps-button/apps-button.component.mjs +29 -46
- package/esm2022/lib/header/header.component.mjs +41 -46
- package/esm2022/lib/header/language-selector/language-selector.component.mjs +10 -69
- package/esm2022/lib/header/navigation-progress-bar/navigation-progress-bar.component.mjs +6 -2
- package/esm2022/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.mjs +6 -2
- package/esm2022/lib/header/sign-out/sign-out.component.mjs +14 -18
- package/esm2022/lib/header/user-profile-icon/user-profile-icon.component.mjs +28 -28
- package/esm2022/lib/i18n-check.guard.mjs +34 -0
- package/esm2022/lib/i18n.service.mjs +36 -0
- package/esm2022/lib/language-selector.service.mjs +34 -0
- package/esm2022/lib/layout/layout.component.mjs +46 -23
- package/esm2022/lib/layout/layout.component.service.mjs +2 -2
- package/esm2022/lib/navigation/navigation-item/navigation-item.component.mjs +48 -95
- package/esm2022/lib/navigation/navigation.component.mjs +24 -25
- package/esm2022/lib/sidenav/sidenav.component.mjs +1 -1
- package/esm2022/lib/types.mjs +1 -1
- package/fesm2022/rxap-layout.mjs +637 -667
- package/fesm2022/rxap-layout.mjs.map +1 -1
- package/index.d.ts +4 -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 +7 -10
- package/lib/header/language-selector/language-selector.component.d.ts +1 -16
- package/lib/header/sign-out/sign-out.component.d.ts +4 -4
- package/lib/header/user-profile-icon/user-profile-icon.component.d.ts +11 -7
- package/lib/i18n-check.guard.d.ts +14 -0
- package/lib/i18n.service.d.ts +12 -0
- package/lib/language-selector.service.d.ts +15 -0
- package/lib/layout/layout.component.d.ts +8 -4
- package/lib/navigation/navigation-item/navigation-item.component.d.ts +10 -17
- package/lib/navigation/navigation.component.d.ts +4 -4
- package/lib/types.d.ts +3 -2
- package/package.json +36 -21
- 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
package/index.d.ts
CHANGED
|
@@ -7,7 +7,6 @@ export * from './lib/header/reset-button/reset-button.component';
|
|
|
7
7
|
export * from './lib/header/sidenav-toggle-button/sidenav-toggle-button.component';
|
|
8
8
|
export * from './lib/header/navigation-progress-bar/navigation-progress-bar.component';
|
|
9
9
|
export * from './lib/header/apps-button/apps-button.component';
|
|
10
|
-
export * from './lib/layout/layout.component.module';
|
|
11
10
|
export * from './lib/layout/layout.component';
|
|
12
11
|
export * from './lib/layout/layout.component.service';
|
|
13
12
|
export * from './lib/navigation/navigation-item';
|
|
@@ -20,9 +19,11 @@ export * from './lib/sidenav/sidenav-header.directive';
|
|
|
20
19
|
export * from './lib/sidenav/sidenav-footer.directive';
|
|
21
20
|
export * from './lib/sidenav/sidenav.component.service';
|
|
22
21
|
export * from './lib/sidenav/version/version.component';
|
|
23
|
-
export * from './lib/sidenav-content/sidenav-content.component.service';
|
|
24
|
-
export * from './lib/sidenav-content/sidenav-content.component';
|
|
25
22
|
export * from './lib/toggle-window-sidenav-button/toggle-window-sidenav-button.component';
|
|
26
23
|
export * from './lib/window-container-sidenav/window-container-sidenav.component';
|
|
27
24
|
export * from './lib/footer.directive';
|
|
28
25
|
export * from './lib/types';
|
|
26
|
+
export * from './lib/i18n-check.guard';
|
|
27
|
+
export * from './lib/i18n.service';
|
|
28
|
+
export * from './lib/language-selector.service';
|
|
29
|
+
export * from './lib/app-url.service';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ConfigService } from '@rxap/config';
|
|
2
|
+
import { RxapUserProfileService } from '@rxap/authentication';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface ExternalApps {
|
|
5
|
+
image?: string;
|
|
6
|
+
label: string;
|
|
7
|
+
href: string;
|
|
8
|
+
empty?: false;
|
|
9
|
+
hidden?: boolean;
|
|
10
|
+
id?: string;
|
|
11
|
+
permissions: string[];
|
|
12
|
+
}
|
|
13
|
+
export declare class AppUrlService {
|
|
14
|
+
private readonly config;
|
|
15
|
+
private readonly localeId;
|
|
16
|
+
private readonly userProfileService;
|
|
17
|
+
private _apps;
|
|
18
|
+
constructor(config: ConfigService, localeId: string, userProfileService: RxapUserProfileService);
|
|
19
|
+
getApp(appId: string): ExternalApps | null;
|
|
20
|
+
getAppUrl(appId: string, path: string): string | null;
|
|
21
|
+
navigate(appId: string, path: string): void;
|
|
22
|
+
getAppList(): Promise<Array<ExternalApps>>;
|
|
23
|
+
private getPathPrefix;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AppUrlService, never>;
|
|
25
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AppUrlService>;
|
|
26
|
+
}
|
|
@@ -1,24 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { AppUrlService, ExternalApps } from '../../app-url.service';
|
|
3
|
+
import { RxapAuthenticationService } from '@rxap/authentication';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
href: string;
|
|
7
|
-
empty?: false;
|
|
8
|
-
}
|
|
9
|
-
export interface EmptyAppsButtonGridItem {
|
|
10
|
-
empty: true;
|
|
11
|
-
href?: undefined;
|
|
12
|
-
label?: undefined;
|
|
13
|
-
image?: undefined;
|
|
14
|
-
}
|
|
15
|
-
export declare class AppsButtonComponent {
|
|
16
|
-
private readonly config;
|
|
17
|
-
get gridWithPadding(): Array<AppsButtonGridItem | EmptyAppsButtonGridItem>;
|
|
18
|
-
get columns(): 1 | 2 | 3;
|
|
5
|
+
export declare class AppsButtonComponent implements OnInit, OnDestroy {
|
|
6
|
+
private readonly appUrlService;
|
|
7
|
+
private readonly authenticationService;
|
|
19
8
|
isOpen: boolean;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
9
|
+
readonly appList: import("@angular/core").WritableSignal<ExternalApps[]>;
|
|
10
|
+
private _subscription?;
|
|
11
|
+
constructor(grid: any, appUrlService: AppUrlService, authenticationService: RxapAuthenticationService);
|
|
12
|
+
ngOnInit(): void;
|
|
13
|
+
ngOnDestroy(): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AppsButtonComponent, [{ optional: true; }, null, null]>;
|
|
23
15
|
static ɵcmp: i0.ɵɵComponentDeclaration<AppsButtonComponent, "rxap-apps-button", never, {}, {}, never, never, true, never>;
|
|
24
16
|
}
|
|
@@ -1,26 +1,23 @@
|
|
|
1
1
|
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { Constructor } from '@rxap/utilities';
|
|
3
|
-
import {
|
|
3
|
+
import { Subscription } from 'rxjs';
|
|
4
4
|
import { MatSidenav } from '@angular/material/sidenav';
|
|
5
|
-
import {
|
|
6
|
-
import { HeaderService } from '@rxap/services';
|
|
7
|
-
import { MatMenuPanel } from '@angular/material/menu';
|
|
5
|
+
import { HeaderService, ThemeService } from '@rxap/services';
|
|
8
6
|
import { ThemePalette } from '@angular/material/core';
|
|
9
7
|
import * as i0 from "@angular/core";
|
|
10
8
|
export declare class HeaderComponent implements OnInit, OnDestroy {
|
|
11
9
|
readonly headerComponentService: HeaderService;
|
|
12
|
-
private readonly userService;
|
|
13
10
|
headerComponent: any;
|
|
11
|
+
readonly theme: ThemeService;
|
|
14
12
|
sidenav?: MatSidenav;
|
|
15
13
|
components: Array<Constructor<any>>;
|
|
16
14
|
subscriptions: Subscription;
|
|
17
|
-
hasUser$: Observable<boolean>;
|
|
18
15
|
color: ThemePalette;
|
|
19
|
-
|
|
20
|
-
constructor(headerComponentService: HeaderService,
|
|
16
|
+
isDevMode: boolean;
|
|
17
|
+
constructor(headerComponentService: HeaderService, headerComponent: any, theme: ThemeService);
|
|
21
18
|
ngOnInit(): void;
|
|
22
19
|
updateComponents(): void;
|
|
23
20
|
ngOnDestroy(): void;
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, [null,
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "rxap-header", never, { "sidenav": { "alias": "sidenav"; "required": false; }; "color": { "alias": "color"; "required": false; };
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, [null, { optional: true; }, null]>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "rxap-header", never, { "sidenav": { "alias": "sidenav"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
26
23
|
}
|
|
@@ -1,20 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { LanguageSelectorService } from '../../language-selector.service';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare const RXAP_SELECTED_LANGUAGE_LOCAL_STORAGE_KEY = "rxap__selected_language";
|
|
4
|
-
export declare const RXAP_SELECTED_LANGUAGE_CHANGE_LOCAL_STORAGE_KEY = "rxap__selected_language_last_change";
|
|
5
|
-
export declare class LanguageSelectorService {
|
|
6
|
-
private readonly config;
|
|
7
|
-
readonly languages: any;
|
|
8
|
-
readonly defaultLanguage: string;
|
|
9
|
-
selectedLanguage: string;
|
|
10
|
-
constructor(config: ConfigService);
|
|
11
|
-
setLanguage(language: string): void;
|
|
12
|
-
autoRedirect(): void;
|
|
13
|
-
private redirect;
|
|
14
|
-
private checkLastChange;
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LanguageSelectorService, never>;
|
|
16
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<LanguageSelectorService>;
|
|
17
|
-
}
|
|
18
3
|
export declare class LanguageSelectorComponent {
|
|
19
4
|
readonly language: LanguageSelectorService;
|
|
20
5
|
constructor(language: LanguageSelectorService);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RxapAuthenticationService } from '@rxap/authentication';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class SignOutComponent {
|
|
4
|
-
private readonly
|
|
5
|
-
constructor(
|
|
6
|
-
|
|
4
|
+
private readonly authenticationService;
|
|
5
|
+
constructor(authenticationService: RxapAuthenticationService);
|
|
6
|
+
logout(): Promise<void>;
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<SignOutComponent, never>;
|
|
8
8
|
static ɵcmp: i0.ɵɵComponentDeclaration<SignOutComponent, "rxap-sign-out", never, {}, {}, never, never, true, never>;
|
|
9
9
|
}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { RxapAuthenticationService, RxapUserProfileService } from '@rxap/authentication';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class UserProfileIconComponent {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
export declare class UserProfileIconComponent implements OnInit, OnDestroy {
|
|
5
|
+
private readonly userProfileService;
|
|
6
|
+
private readonly authenticationService;
|
|
7
|
+
username: import("@angular/core").WritableSignal<string | null>;
|
|
8
|
+
private _subscription?;
|
|
9
|
+
constructor(userProfileService: RxapUserProfileService, authenticationService: RxapAuthenticationService);
|
|
10
|
+
ngOnInit(): void;
|
|
11
|
+
ngOnDestroy(): void;
|
|
12
|
+
logout(): Promise<void>;
|
|
9
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<UserProfileIconComponent, never>;
|
|
10
14
|
static ɵcmp: i0.ɵɵComponentDeclaration<UserProfileIconComponent, "rxap-user-profile-icon", never, {}, {}, never, never, true, never>;
|
|
11
15
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ConfigService } from '@rxap/config';
|
|
2
|
+
import { I18nService } from './i18n.service';
|
|
3
|
+
import { RxapUserProfileService } from '@rxap/authentication';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class I18nCheckGuard {
|
|
6
|
+
private readonly config;
|
|
7
|
+
private readonly localId;
|
|
8
|
+
private readonly i18nService;
|
|
9
|
+
private readonly userProfileService;
|
|
10
|
+
constructor(config: ConfigService, localId: string, i18nService: I18nService, userProfileService: RxapUserProfileService);
|
|
11
|
+
canActivate(): Promise<boolean>;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<I18nCheckGuard, never>;
|
|
13
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<I18nCheckGuard>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { RxapUserProfileService } from '@rxap/authentication';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class I18nService {
|
|
4
|
+
private readonly localId;
|
|
5
|
+
private readonly userProfileService;
|
|
6
|
+
readonly currentLanguage: string;
|
|
7
|
+
constructor(localId: string, userProfileService: RxapUserProfileService);
|
|
8
|
+
setLanguage(language: string): Promise<void>;
|
|
9
|
+
redirect(next: string, current?: string): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<I18nService, never>;
|
|
11
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<I18nService>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ConfigService } from '@rxap/config';
|
|
2
|
+
import { I18nService } from './i18n.service';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class LanguageSelectorService {
|
|
5
|
+
private readonly config;
|
|
6
|
+
private readonly localId;
|
|
7
|
+
private readonly i18nService;
|
|
8
|
+
readonly languages: any;
|
|
9
|
+
readonly defaultLanguage: string;
|
|
10
|
+
selectedLanguage: string;
|
|
11
|
+
constructor(config: ConfigService, localId: string, i18nService: I18nService);
|
|
12
|
+
setLanguage(language: string): Promise<void>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LanguageSelectorService, never>;
|
|
14
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<LanguageSelectorService>;
|
|
15
|
+
}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
+
import { MatDrawerMode, MatSidenav } from '@angular/material/sidenav';
|
|
2
|
+
import { Environment } from '@rxap/environment';
|
|
1
3
|
import { LayoutComponentService } from './layout.component.service';
|
|
2
|
-
import { MatSidenav } from '@angular/material/sidenav';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class LayoutComponent {
|
|
5
6
|
readonly layoutComponentService: LayoutComponentService;
|
|
6
|
-
|
|
7
|
+
private readonly environment;
|
|
8
|
+
sidenavMode: MatDrawerMode;
|
|
7
9
|
sidenav: MatSidenav;
|
|
8
|
-
constructor(layoutComponentService: LayoutComponentService);
|
|
10
|
+
constructor(layoutComponentService: LayoutComponentService, environment: Environment);
|
|
11
|
+
get release(): string;
|
|
12
|
+
toggleSidenavMode(): void;
|
|
9
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "rxap-layout", never, {}, {}, never,
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "rxap-layout", never, {}, {}, never, never, true, never>;
|
|
11
15
|
}
|
|
@@ -1,39 +1,32 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Navigation, NavigationDividerItem, NavigationItem } from '../navigation-item';
|
|
1
|
+
import { ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
|
|
3
2
|
import { Router, RouterLinkActive } from '@angular/router';
|
|
4
|
-
import { SidenavComponentService } from '../../sidenav/sidenav.component.service';
|
|
5
3
|
import { Overlay } from '@angular/cdk/overlay';
|
|
4
|
+
import { SidenavComponentService } from '../../sidenav/sidenav.component.service';
|
|
5
|
+
import { Navigation, NavigationDividerItem, NavigationItem } from '../navigation-item';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class NavigationItemComponent implements OnChanges,
|
|
7
|
+
export declare class NavigationItemComponent implements OnChanges, OnDestroy {
|
|
8
8
|
private readonly router;
|
|
9
9
|
readonly sidenav: SidenavComponentService;
|
|
10
10
|
private readonly elementRef;
|
|
11
11
|
private readonly renderer;
|
|
12
12
|
private readonly overlay;
|
|
13
13
|
private readonly viewContainerRef;
|
|
14
|
+
level: number;
|
|
15
|
+
private _isActive;
|
|
14
16
|
children: Navigation | null;
|
|
15
17
|
routerLinkActive: RouterLinkActive;
|
|
16
18
|
item: NavigationItem;
|
|
17
|
-
|
|
18
|
-
isActive: boolean;
|
|
19
|
-
|
|
19
|
+
active: import("@angular/core").WritableSignal<boolean>;
|
|
20
|
+
get isActive(): boolean;
|
|
21
|
+
set isActive(value: boolean);
|
|
20
22
|
private readonly _subscription;
|
|
21
|
-
private _overlayRef?;
|
|
22
|
-
private _embeddedViewRef?;
|
|
23
|
-
/**
|
|
24
|
-
* indicates the mouse is over the
|
|
25
|
-
*/
|
|
26
|
-
lockeOverlay: boolean;
|
|
27
23
|
constructor(router: Router, sidenav: SidenavComponentService, elementRef: ElementRef, renderer: Renderer2, overlay: Overlay, viewContainerRef: ViewContainerRef);
|
|
28
24
|
ngOnChanges(changes: SimpleChanges): void;
|
|
29
25
|
ngAfterViewInit(): void;
|
|
30
|
-
ngOnInit(): void;
|
|
31
26
|
ngOnDestroy(): void;
|
|
32
|
-
onMouseenter(): void;
|
|
33
|
-
onMouseleave(): void;
|
|
34
27
|
isNavigationDividerItem(item: NavigationItem | NavigationDividerItem): item is NavigationDividerItem;
|
|
35
28
|
isNavigationItem(item: NavigationItem | NavigationDividerItem): item is NavigationItem;
|
|
36
29
|
asNavigationItem(item: NavigationItem | NavigationDividerItem): NavigationItem;
|
|
37
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationItemComponent, never>;
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationItemComponent, "li[rxap-navigation-item]", never, { "
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationItemComponent, "li[rxap-navigation-item]", never, { "level": { "alias": "level"; "required": false; }; "item": { "alias": "item"; "required": false; }; }, {}, never, never, true, never>;
|
|
39
32
|
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { Subscription } from 'rxjs';
|
|
2
3
|
import { Navigation, NavigationDividerItem, NavigationItem } from './navigation-item';
|
|
3
4
|
import { NavigationService } from './navigation.service';
|
|
4
|
-
import { Subscription } from 'rxjs';
|
|
5
5
|
import { SidenavComponentService } from '../sidenav/sidenav.component.service';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class NavigationComponent implements OnInit, OnDestroy {
|
|
8
8
|
private readonly navigationService;
|
|
9
9
|
private readonly cdr;
|
|
10
10
|
readonly sidenav: SidenavComponentService;
|
|
11
|
-
_root: boolean;
|
|
12
|
-
set root(value: boolean | '');
|
|
13
11
|
items: Navigation;
|
|
14
12
|
subscription?: Subscription;
|
|
15
13
|
level: number;
|
|
16
14
|
constructor(navigationService: NavigationService, cdr: ChangeDetectorRef, sidenav: SidenavComponentService);
|
|
15
|
+
_root: boolean;
|
|
16
|
+
set root(value: boolean | '');
|
|
17
17
|
ngOnInit(): void;
|
|
18
18
|
ngOnDestroy(): void;
|
|
19
19
|
isNavigationDividerItem(item: NavigationItem | NavigationDividerItem): item is NavigationDividerItem;
|
|
20
20
|
isNavigationItem(item: NavigationItem | NavigationDividerItem): item is NavigationItem;
|
|
21
21
|
asNavigationItem(item: NavigationItem | NavigationDividerItem): NavigationItem;
|
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ul[rxap-navigation]", never, { "
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ul[rxap-navigation]", never, { "items": { "alias": "items"; "required": false; }; "level": { "alias": "level"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, {}, never, never, true, never>;
|
|
24
24
|
}
|
package/lib/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rxap/layout",
|
|
3
|
-
"version": "16.0.0-dev.
|
|
3
|
+
"version": "16.0.0-dev.7",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/animations": "^16.1.4",
|
|
6
6
|
"@angular/cdk": "^16.1.4",
|
|
@@ -10,16 +10,17 @@
|
|
|
10
10
|
"@angular/forms": "^16.1.4",
|
|
11
11
|
"@angular/material": "^16.1.4",
|
|
12
12
|
"@angular/router": "^16.1.4",
|
|
13
|
-
"@rxap/authentication": "^16.0.0-dev.
|
|
14
|
-
"@rxap/
|
|
15
|
-
"@rxap/
|
|
16
|
-
"@rxap/
|
|
17
|
-
"@rxap/
|
|
18
|
-
"@rxap/
|
|
19
|
-
"@rxap/
|
|
13
|
+
"@rxap/authentication": "^16.0.0-dev.5",
|
|
14
|
+
"@rxap/browser-utilities": "^0.0.2-dev.0",
|
|
15
|
+
"@rxap/config": "^16.0.0-dev.6",
|
|
16
|
+
"@rxap/data-source": "^16.0.0-dev.6",
|
|
17
|
+
"@rxap/directives": "^16.0.0-dev.5",
|
|
18
|
+
"@rxap/environment": "^16.0.0-dev.5",
|
|
19
|
+
"@rxap/material-directives": "^16.0.0-dev.7",
|
|
20
|
+
"@rxap/services": "^16.0.0-dev.5",
|
|
21
|
+
"@rxap/utilities": "^16.0.0-dev.4",
|
|
20
22
|
"rxjs": "^7.8.0",
|
|
21
|
-
"workspace": "1.0.0"
|
|
22
|
-
"@angular/localize": "16.1.4"
|
|
23
|
+
"workspace": "1.0.0"
|
|
23
24
|
},
|
|
24
25
|
"sideEffects": false,
|
|
25
26
|
"dependencies": {
|
|
@@ -32,7 +33,9 @@
|
|
|
32
33
|
"keywords": [
|
|
33
34
|
"rxap",
|
|
34
35
|
"angular",
|
|
35
|
-
"ngx"
|
|
36
|
+
"ngx",
|
|
37
|
+
"packages",
|
|
38
|
+
"layout"
|
|
36
39
|
],
|
|
37
40
|
"homepage": "https:/gitlab.com/rxap/packages/packages/angular/layout",
|
|
38
41
|
"bugs": {
|
|
@@ -53,35 +56,47 @@
|
|
|
53
56
|
"packageGroup": [
|
|
54
57
|
{
|
|
55
58
|
"package": "@rxap/authentication",
|
|
56
|
-
"version": "16.0.0-dev.
|
|
59
|
+
"version": "16.0.0-dev.5"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"package": "@rxap/browser-utilities",
|
|
63
|
+
"version": "0.0.2-dev.0"
|
|
57
64
|
},
|
|
58
65
|
{
|
|
59
66
|
"package": "@rxap/config",
|
|
60
|
-
"version": "16.0.0-dev.
|
|
67
|
+
"version": "16.0.0-dev.6"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"package": "@rxap/data-source",
|
|
71
|
+
"version": "16.0.0-dev.6"
|
|
61
72
|
},
|
|
62
73
|
{
|
|
63
74
|
"package": "@rxap/directives",
|
|
64
|
-
"version": "16.0.0-dev.
|
|
75
|
+
"version": "16.0.0-dev.5"
|
|
65
76
|
},
|
|
66
77
|
{
|
|
67
|
-
"package": "@rxap/
|
|
68
|
-
"version": "16.0.0-dev.
|
|
78
|
+
"package": "@rxap/environment",
|
|
79
|
+
"version": "16.0.0-dev.5"
|
|
69
80
|
},
|
|
70
81
|
{
|
|
71
|
-
"package": "@rxap/
|
|
72
|
-
"version": "
|
|
82
|
+
"package": "@rxap/material-directives",
|
|
83
|
+
"version": "16.0.0-dev.7"
|
|
73
84
|
},
|
|
74
85
|
{
|
|
75
86
|
"package": "@rxap/services",
|
|
76
|
-
"version": "16.0.0-dev.
|
|
87
|
+
"version": "16.0.0-dev.5"
|
|
77
88
|
},
|
|
78
89
|
{
|
|
79
90
|
"package": "@rxap/utilities",
|
|
80
|
-
"version": "16.0.0-dev.
|
|
91
|
+
"version": "16.0.0-dev.4"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"package": "@rxap/rxjs",
|
|
95
|
+
"version": "1.0.1-dev.0"
|
|
81
96
|
}
|
|
82
97
|
]
|
|
83
98
|
},
|
|
84
|
-
"gitHead": "
|
|
99
|
+
"gitHead": "0dd72d54e39fab0f72dbfc4a0377037c770c5655",
|
|
85
100
|
"module": "fesm2022/rxap-layout.mjs",
|
|
86
101
|
"typings": "index.d.ts",
|
|
87
102
|
"exports": {
|
package/theme.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.top-0{top:0}.z-10{z-index:10}.mb-16{margin-bottom:4rem}.ml-14{margin-left:3.5rem}.mt-16{margin-top:4rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.grow{flex-grow:1}.grow-0{flex-grow:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-stretch{justify-items:stretch}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.self-stretch{align-self:stretch}.whitespace-nowrap{white-space:nowrap}.border-l-4{border-left-width:4px}.p-10{padding:2.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-0{padding-left:0}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.outline{outline-style:solid}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}@media (prefers-color-scheme:dark){.dark\:text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}.dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}
|
|
@@ -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
|
-
}
|