@rxap/layout 16.0.0-dev.4 → 16.0.0-dev.41
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 +267 -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/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 +44 -66
- 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 +87 -0
- package/esm2022/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.mjs +19 -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 +68 -23
- package/esm2022/lib/layout/layout.component.service.mjs +54 -20
- 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 +710 -722
- 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 +9 -19
- package/lib/header/language-selector/language-selector.component.d.ts +1 -16
- package/lib/header/settings-button/settings-button.component.d.ts +39 -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 +21 -5
- package/lib/layout/layout.component.service.d.ts +15 -9
- 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 +93 -41
- 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,8 @@ 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/app-url.service';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { AuthorizationService } from '@rxap/authorization';
|
|
2
|
+
import { ConfigService } from '@rxap/config';
|
|
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 authorizationService;
|
|
17
|
+
private _apps;
|
|
18
|
+
constructor(config: ConfigService, localeId: string, authorizationService: AuthorizationService);
|
|
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,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Constructor } from '@rxap/utilities';
|
|
3
|
-
import { Observable, Subscription } from 'rxjs';
|
|
4
|
-
import { MatSidenav } from '@angular/material/sidenav';
|
|
5
|
-
import { UserService } from '@rxap/authentication';
|
|
6
|
-
import { HeaderService } from '@rxap/services';
|
|
7
|
-
import { MatMenuPanel } from '@angular/material/menu';
|
|
1
|
+
import { Signal } from '@angular/core';
|
|
8
2
|
import { ThemePalette } from '@angular/material/core';
|
|
3
|
+
import { HeaderService } from '@rxap/services';
|
|
4
|
+
import { LayoutComponentService } from '../layout/layout.component.service';
|
|
9
5
|
import * as i0 from "@angular/core";
|
|
10
|
-
export declare class HeaderComponent
|
|
6
|
+
export declare class HeaderComponent {
|
|
11
7
|
readonly headerComponentService: HeaderService;
|
|
12
|
-
|
|
8
|
+
readonly layoutComponentService: LayoutComponentService;
|
|
13
9
|
headerComponent: any;
|
|
14
|
-
sidenav?: MatSidenav;
|
|
15
|
-
components: Array<Constructor<any>>;
|
|
16
|
-
subscriptions: Subscription;
|
|
17
|
-
hasUser$: Observable<boolean>;
|
|
18
10
|
color: ThemePalette;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
updateComponents(): void;
|
|
23
|
-
ngOnDestroy(): void;
|
|
11
|
+
readonly collapsable: Signal<boolean>;
|
|
12
|
+
readonly opened: Signal<boolean>;
|
|
13
|
+
constructor(headerComponentService: HeaderService, layoutComponentService: LayoutComponentService, headerComponent: any);
|
|
24
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, [null, null, { optional: true; }]>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "rxap-header", never, { "
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "rxap-header", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
26
16
|
}
|
|
@@ -1,20 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { LanguageSelectorService } from '@rxap/ngx-localize';
|
|
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);
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { ComponentPortal } from '@angular/cdk/portal';
|
|
2
|
+
import { Injector, OnDestroy, OnInit } from '@angular/core';
|
|
3
|
+
import { ActivatedRoute } from '@angular/router';
|
|
4
|
+
import { ChangelogService } from '@rxap/ngx-changelog';
|
|
5
|
+
import { ThemeDensity, ThemeService } from '@rxap/ngx-theme';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class SettingsButtonComponent implements OnInit, OnDestroy {
|
|
8
|
+
readonly theme: ThemeService;
|
|
9
|
+
private readonly route;
|
|
10
|
+
private readonly injector;
|
|
11
|
+
private readonly changelogService;
|
|
12
|
+
isDevMode: boolean;
|
|
13
|
+
items: import("@angular/core").WritableSignal<ComponentPortal<unknown>[]>;
|
|
14
|
+
private _subscription?;
|
|
15
|
+
private savePreviewDensityValue;
|
|
16
|
+
private currentDensityValue;
|
|
17
|
+
private savePreviewTypographyValue;
|
|
18
|
+
private currentTypographyValue;
|
|
19
|
+
readonly availableTypographies: string[];
|
|
20
|
+
private savePreviewThemeValue;
|
|
21
|
+
readonly availableThemes: string[];
|
|
22
|
+
private currentThemeValue;
|
|
23
|
+
constructor(theme: ThemeService, route: ActivatedRoute, injector: Injector, changelogService: ChangelogService);
|
|
24
|
+
ngOnDestroy(): void;
|
|
25
|
+
ngOnInit(): void;
|
|
26
|
+
private getCustomMenuItems;
|
|
27
|
+
openChangelogDialog(): void;
|
|
28
|
+
previewDensity(density: ThemeDensity): void;
|
|
29
|
+
restoreDensity(): void;
|
|
30
|
+
setDensity(density: ThemeDensity): void;
|
|
31
|
+
previewTypography(typography: string): void;
|
|
32
|
+
restoreTypography(): void;
|
|
33
|
+
setTypography(typography: string): void;
|
|
34
|
+
previewTheme(theme: string): void;
|
|
35
|
+
restoreTheme(): void;
|
|
36
|
+
setTheme(theme: string): void;
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SettingsButtonComponent, never>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SettingsButtonComponent, "rxap-settings-button", never, {}, {}, never, never, true, never>;
|
|
39
|
+
}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Signal } from '@angular/core';
|
|
2
|
+
import { LayoutComponentService } from '../../layout/layout.component.service';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class SidenavToggleButtonComponent {
|
|
4
|
-
|
|
5
|
+
readonly layoutComponentService: LayoutComponentService;
|
|
6
|
+
readonly opened: Signal<boolean>;
|
|
7
|
+
constructor(layoutComponentService: LayoutComponentService);
|
|
5
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<SidenavToggleButtonComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SidenavToggleButtonComponent, "rxap-sidenav-toggle-button", never, {
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SidenavToggleButtonComponent, "rxap-sidenav-toggle-button", never, {}, {}, never, never, true, never>;
|
|
7
10
|
}
|
|
@@ -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 { InjectionToken, Signal } from '@angular/core';
|
|
2
|
+
import { RxapAuthenticationService } from '@rxap/authentication';
|
|
3
|
+
import { UserProfileDataSource } from '@rxap/ngx-user';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
export type ExtractUsernameFromProfileFn<T = unknown> = (profile: T) => string | null;
|
|
6
|
+
export declare const EXTRACT_USERNAME_FROM_PROFILE: InjectionToken<ExtractUsernameFromProfileFn<unknown>>;
|
|
7
|
+
export declare class UserProfileIconComponent<T = unknown> {
|
|
8
|
+
private readonly userProfileService;
|
|
9
|
+
private readonly authenticationService;
|
|
10
|
+
username: Signal<string | null>;
|
|
11
|
+
constructor(userProfileService: UserProfileDataSource<T>, authenticationService: RxapAuthenticationService, extractUsernameFromProfile: ExtractUsernameFromProfileFn<T>);
|
|
12
|
+
logout(): Promise<void>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UserProfileIconComponent<any>, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UserProfileIconComponent<any>, "rxap-user-profile-icon", never, {}, {}, never, never, true, never>;
|
|
11
15
|
}
|
|
@@ -1,11 +1,27 @@
|
|
|
1
|
+
import { OnDestroy, OnInit, Signal } from '@angular/core';
|
|
2
|
+
import { MatDrawerMode, MatSidenav } from '@angular/material/sidenav';
|
|
3
|
+
import { Environment } from '@rxap/environment';
|
|
4
|
+
import { IconLoaderService } from '@rxap/icon';
|
|
1
5
|
import { LayoutComponentService } from './layout.component.service';
|
|
2
|
-
import { MatSidenav } from '@angular/material/sidenav';
|
|
3
6
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class LayoutComponent {
|
|
7
|
+
export declare class LayoutComponent implements OnInit, OnDestroy {
|
|
5
8
|
readonly layoutComponentService: LayoutComponentService;
|
|
6
|
-
|
|
9
|
+
private readonly environment;
|
|
10
|
+
readonly sidenavMode: Signal<MatDrawerMode>;
|
|
11
|
+
readonly fixedBottomGap: Signal<number>;
|
|
12
|
+
readonly fixedTopGap: Signal<number>;
|
|
13
|
+
readonly pinned: Signal<boolean>;
|
|
14
|
+
readonly collapsable: Signal<boolean>;
|
|
15
|
+
readonly logoSrc: string;
|
|
16
|
+
readonly logoWidth: number;
|
|
17
|
+
readonly release: string;
|
|
18
|
+
readonly opened: Signal<boolean>;
|
|
7
19
|
sidenav: MatSidenav;
|
|
8
|
-
|
|
20
|
+
private readonly userSettingsThemeService;
|
|
21
|
+
private readonly themeService;
|
|
22
|
+
constructor(layoutComponentService: LayoutComponentService, environment: Environment, iconLoaderService: IconLoaderService);
|
|
23
|
+
ngOnDestroy(): void;
|
|
24
|
+
ngOnInit(): void;
|
|
9
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "rxap-layout", never, {}, {}, never,
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "rxap-layout", never, {}, {}, never, never, true, never>;
|
|
11
27
|
}
|
|
@@ -1,19 +1,25 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { MediaMatcher } from '@angular/cdk/layout';
|
|
2
|
+
import { Signal, WritableSignal } from '@angular/core';
|
|
3
|
+
import { MatDrawerMode } from '@angular/material/sidenav';
|
|
4
|
+
import { ConfigService } from '@rxap/config';
|
|
2
5
|
import { FooterService, HeaderService } from '@rxap/services';
|
|
3
6
|
import { LogoConfig } from '../types';
|
|
4
|
-
import { ConfigService } from '@rxap/config';
|
|
5
|
-
import { MatDrawerMode } from '@angular/material/sidenav';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export declare class LayoutComponentService {
|
|
8
9
|
readonly footerComponentService: FooterService;
|
|
9
10
|
readonly headerComponentService: HeaderService;
|
|
10
11
|
private readonly config;
|
|
11
|
-
opened$: BehaviorSubject<boolean>;
|
|
12
|
-
mode$: BehaviorSubject<MatDrawerMode>;
|
|
13
|
-
fixedBottomGap$: Observable<number>;
|
|
14
|
-
fixedTopGap$: BehaviorSubject<number>;
|
|
15
12
|
logo: LogoConfig;
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
readonly opened: WritableSignal<boolean>;
|
|
14
|
+
readonly mode: WritableSignal<MatDrawerMode>;
|
|
15
|
+
readonly pinned: WritableSignal<boolean>;
|
|
16
|
+
readonly collapsable: WritableSignal<boolean>;
|
|
17
|
+
readonly fixedBottomGap: Signal<number>;
|
|
18
|
+
readonly fixedTopGap: Signal<number>;
|
|
19
|
+
private readonly currentThemeDensity;
|
|
20
|
+
constructor(footerComponentService: FooterService, headerComponentService: HeaderService, logoConfig: LogoConfig | null | undefined, config: ConfigService, mediaMatcher: MediaMatcher);
|
|
21
|
+
toggleOpened(): void;
|
|
22
|
+
togglePinned(): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponentService, [null, null, { optional: true; }, null, null]>;
|
|
18
24
|
static ɵprov: i0.ɵɵInjectableDeclaration<LayoutComponentService>;
|
|
19
25
|
}
|
|
@@ -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": true; }; }, {}, never, never, true, never>;
|
|
39
32
|
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { Navigation, NavigationDividerItem, NavigationItem } from './navigation-item';
|
|
3
|
-
import { NavigationService } from './navigation.service';
|
|
4
2
|
import { Subscription } from 'rxjs';
|
|
5
3
|
import { SidenavComponentService } from '../sidenav/sidenav.component.service';
|
|
4
|
+
import { Navigation, NavigationDividerItem, NavigationItem } from './navigation-item';
|
|
5
|
+
import { NavigationService } from './navigation.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,10 @@
|
|
|
1
1
|
{
|
|
2
|
+
"version": "16.0.0-dev.41",
|
|
2
3
|
"name": "@rxap/layout",
|
|
3
|
-
"
|
|
4
|
+
"license": "GPL-3.0-or-later",
|
|
5
|
+
"dependencies": {
|
|
6
|
+
"tslib": "2.6.2"
|
|
7
|
+
},
|
|
4
8
|
"peerDependencies": {
|
|
5
9
|
"@angular/animations": "^16.1.4",
|
|
6
10
|
"@angular/cdk": "^16.1.4",
|
|
@@ -10,62 +14,99 @@
|
|
|
10
14
|
"@angular/forms": "^16.1.4",
|
|
11
15
|
"@angular/material": "^16.1.4",
|
|
12
16
|
"@angular/router": "^16.1.4",
|
|
13
|
-
"@rxap/authentication": "^16.0.0-dev.
|
|
14
|
-
"@rxap/
|
|
15
|
-
"@rxap/
|
|
16
|
-
"@rxap/
|
|
17
|
-
"@rxap/
|
|
18
|
-
"@rxap/
|
|
19
|
-
"@rxap/
|
|
17
|
+
"@rxap/authentication": "^16.0.0-dev.19",
|
|
18
|
+
"@rxap/authorization": "^16.0.0-dev.23",
|
|
19
|
+
"@rxap/browser-utilities": "^0.0.2-dev.11",
|
|
20
|
+
"@rxap/config": "^16.0.0-dev.20",
|
|
21
|
+
"@rxap/data-source": "^16.0.0-dev.27",
|
|
22
|
+
"@rxap/directives": "^16.0.0-dev.19",
|
|
23
|
+
"@rxap/environment": "^16.0.0-dev.18",
|
|
24
|
+
"@rxap/icon": "^16.0.0-dev.18",
|
|
25
|
+
"@rxap/material-directives": "^16.0.0-dev.21",
|
|
26
|
+
"@rxap/ngx-changelog": "^16.1.0-dev.5",
|
|
27
|
+
"@rxap/ngx-localize": "^16.1.0-dev.2",
|
|
28
|
+
"@rxap/ngx-status-check": "^16.1.0-dev.15",
|
|
29
|
+
"@rxap/ngx-theme": "^16.1.0-dev.3",
|
|
30
|
+
"@rxap/ngx-user": "^16.1.0-dev.8",
|
|
31
|
+
"@rxap/services": "^16.0.0-dev.22",
|
|
32
|
+
"@rxap/utilities": "^16.0.0-dev.23",
|
|
20
33
|
"rxjs": "^7.8.0",
|
|
21
|
-
"
|
|
22
|
-
"@angular/localize": "16.1.4"
|
|
23
|
-
},
|
|
24
|
-
"sideEffects": false,
|
|
25
|
-
"dependencies": {
|
|
26
|
-
"tslib": "2.5.3"
|
|
34
|
+
"@faker-js/faker": "8.0.2"
|
|
27
35
|
},
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
36
|
+
"author": {
|
|
37
|
+
"name": "Merzough Münker",
|
|
38
|
+
"email": "mmuenker@digitaix.com"
|
|
31
39
|
},
|
|
32
|
-
"keywords": [
|
|
33
|
-
"rxap",
|
|
34
|
-
"angular",
|
|
35
|
-
"ngx"
|
|
36
|
-
],
|
|
37
|
-
"homepage": "https:/gitlab.com/rxap/packages/packages/angular/layout",
|
|
38
40
|
"bugs": {
|
|
39
41
|
"url": "https://gitlab.com/rxap/packages/-/issues",
|
|
40
42
|
"email": "incoming+rxap-packages-14898188-issue-@incoming.gitlab.com"
|
|
41
43
|
},
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"
|
|
50
|
-
|
|
51
|
-
},
|
|
44
|
+
"homepage": "https:/gitlab.com/rxap/packages/packages/angular/layout",
|
|
45
|
+
"keywords": [
|
|
46
|
+
"angular",
|
|
47
|
+
"angular-layout",
|
|
48
|
+
"layout",
|
|
49
|
+
"ngx",
|
|
50
|
+
"packages",
|
|
51
|
+
"rxap"
|
|
52
|
+
],
|
|
52
53
|
"nx-migrations": {
|
|
53
54
|
"packageGroup": [
|
|
54
55
|
{
|
|
55
56
|
"package": "@rxap/authentication",
|
|
56
|
-
"version": "16.0.0-dev.
|
|
57
|
+
"version": "16.0.0-dev.19"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"package": "@rxap/authorization",
|
|
61
|
+
"version": "16.0.0-dev.23"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"package": "@rxap/browser-utilities",
|
|
65
|
+
"version": "0.0.2-dev.11"
|
|
57
66
|
},
|
|
58
67
|
{
|
|
59
68
|
"package": "@rxap/config",
|
|
60
|
-
"version": "16.0.0-dev.
|
|
69
|
+
"version": "16.0.0-dev.20"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"package": "@rxap/data-source",
|
|
73
|
+
"version": "16.0.0-dev.27"
|
|
61
74
|
},
|
|
62
75
|
{
|
|
63
76
|
"package": "@rxap/directives",
|
|
64
|
-
"version": "16.0.0-dev.
|
|
77
|
+
"version": "16.0.0-dev.19"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"package": "@rxap/environment",
|
|
81
|
+
"version": "16.0.0-dev.18"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"package": "@rxap/icon",
|
|
85
|
+
"version": "16.0.0-dev.18"
|
|
65
86
|
},
|
|
66
87
|
{
|
|
67
88
|
"package": "@rxap/material-directives",
|
|
68
|
-
"version": "16.0.0-dev.
|
|
89
|
+
"version": "16.0.0-dev.21"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"package": "@rxap/ngx-changelog",
|
|
93
|
+
"version": "16.1.0-dev.5"
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"package": "@rxap/ngx-localize",
|
|
97
|
+
"version": "16.1.0-dev.2"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"package": "@rxap/ngx-status-check",
|
|
101
|
+
"version": "16.1.0-dev.15"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"package": "@rxap/ngx-theme",
|
|
105
|
+
"version": "16.1.0-dev.3"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"package": "@rxap/ngx-user",
|
|
109
|
+
"version": "16.1.0-dev.8"
|
|
69
110
|
},
|
|
70
111
|
{
|
|
71
112
|
"package": "@rxap/rxjs",
|
|
@@ -73,15 +114,25 @@
|
|
|
73
114
|
},
|
|
74
115
|
{
|
|
75
116
|
"package": "@rxap/services",
|
|
76
|
-
"version": "16.0.0-dev.
|
|
117
|
+
"version": "16.0.0-dev.22"
|
|
77
118
|
},
|
|
78
119
|
{
|
|
79
120
|
"package": "@rxap/utilities",
|
|
80
|
-
"version": "16.0.0-dev.
|
|
121
|
+
"version": "16.0.0-dev.23"
|
|
81
122
|
}
|
|
82
123
|
]
|
|
83
124
|
},
|
|
84
|
-
"
|
|
125
|
+
"publishConfig": {
|
|
126
|
+
"access": "public",
|
|
127
|
+
"directory": "../../../dist/packages/angular/layout"
|
|
128
|
+
},
|
|
129
|
+
"repository": {
|
|
130
|
+
"type": "git",
|
|
131
|
+
"url": "https://gitlab.com/rxap/packages.git",
|
|
132
|
+
"directory": "packages/angular/layout"
|
|
133
|
+
},
|
|
134
|
+
"sideEffects": false,
|
|
135
|
+
"gitHead": "5b77db8f9330eb1b9339406c1d058e1672497d55",
|
|
85
136
|
"module": "fesm2022/rxap-layout.mjs",
|
|
86
137
|
"typings": "index.d.ts",
|
|
87
138
|
"exports": {
|
|
@@ -93,6 +144,7 @@
|
|
|
93
144
|
"esm2022": "./esm2022/rxap-layout.mjs",
|
|
94
145
|
"esm": "./esm2022/rxap-layout.mjs",
|
|
95
146
|
"default": "./fesm2022/rxap-layout.mjs"
|
|
96
|
-
}
|
|
147
|
+
},
|
|
148
|
+
"./theme": "./theme.css"
|
|
97
149
|
}
|
|
98
150
|
}
|