@mediusinc/mng-commons-layout 6.2.0 → 7.0.0-rc.0

package/components/lib/components/settings.component.d.ts

@@ -1,28 +0,0 @@
-import { Injector } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { LayoutMenuMode, LayoutService } from '@mediusinc/mng-commons-layout';
-import { ColorScheme, CommonsService } from '@mediusinc/mng-commons/core';
-import * as i0 from "@angular/core";
-interface ColorSchemeOption {
-    value: ColorScheme;
-    label: string;
-}
-export declare class SettingsComponent {
-    private readonly dynamicDialogConfig;
-    private readonly dynamicDialogRef;
-    readonly injector: Injector;
-    readonly translate: TranslateService;
-    readonly commons: CommonsService;
-    readonly layout: LayoutService;
-    readonly menuModes: LayoutMenuMode[];
-    colorSchemeOptions: import("@angular/core").WritableSignal<ColorSchemeOption[]>;
-    constructor();
-    switchLocale(language: string): void;
-    switchDataLocale(language: string): void;
-    onMenuModeChange(mode: LayoutMenuMode): void;
-    onColorSchemeChange(scheme: ColorScheme): void;
-    closeDialog(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SettingsComponent, "mng-settings", never, {}, {}, never, never, true, never>;
-}
-export {};

package/components/lib/components/sidebar.component.d.ts

@@ -1,15 +0,0 @@
-import { ElementRef, Type } from '@angular/core';
-import { LayoutService } from '@mediusinc/mng-commons-layout';
-import * as i0 from "@angular/core";
-export declare class SidebarComponent {
-    private readonly config;
-    readonly layout: LayoutService;
-    readonly el: ElementRef<any>;
-    menuComponent: import("@angular/core").WritableSignal<Type<any> | undefined>;
-    private timeout;
-    onMouseEnter(): void;
-    onMouseLeave(): void;
-    anchor(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "mng-sidebar", never, {}, {}, never, never, true, never>;
-}

package/components/lib/components/topbar-user.component.d.ts

@@ -1,16 +0,0 @@
-import { IUser } from '@mediusinc/mng-commons/core';
-import * as i0 from "@angular/core";
-export declare class TopbarUserComponent {
-    private readonly injector;
-    private readonly dialogService;
-    private readonly commons;
-    hrefJsVoid: import("@angular/platform-browser").SafeUrl;
-    private readonly config;
-    user: import("@angular/core").Signal<IUser | undefined>;
-    userRoles: import("@angular/core").Signal<string[]>;
-    settingsDisabled: import("@angular/core").WritableSignal<boolean>;
-    logout(user: IUser | undefined, event: Event): void;
-    openSettings(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TopbarUserComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TopbarUserComponent, "mng-topbar-user-component", never, {}, {}, never, never, true, never>;
-}

package/components/lib/components/topbar.component.d.ts

@@ -1,16 +0,0 @@
-import { ElementRef, Type } from '@angular/core';
-import { LayoutService } from '@mediusinc/mng-commons-layout';
-import { CommonsService } from '@mediusinc/mng-commons/core';
-import * as i0 from "@angular/core";
-export declare class TopbarComponent {
-    readonly el: ElementRef<any>;
-    readonly commons: CommonsService;
-    readonly layout: LayoutService;
-    protected readonly config: import("@mediusinc/mng-commons-layout").LayoutFeatureConfig | null;
-    topbarUserComponent: import("@angular/core").WritableSignal<Type<any> | undefined>;
-    breadcrumbComponent: import("@angular/core").WritableSignal<Type<any> | undefined>;
-    onMenuButtonClick(): void;
-    switchLocale(language: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TopbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TopbarComponent, "mng-topbar", never, {}, {}, never, never, true, never>;
-}

package/components/lib/components/version.component.d.ts

@@ -1,19 +0,0 @@
-import { VersionConfig, VersionConfigType } from '@mediusinc/mng-commons/core';
-import * as i0 from "@angular/core";
-export declare class VersionComponent {
-    private readonly versionService;
-    private readonly configService;
-    private readonly destroyRef;
-    private readonly jsonPathPipe;
-    readonly versionInput: import("@angular/core").InputSignal<VersionConfigType>;
-    readonly isLoading: import("@angular/core").WritableSignal<boolean>;
-    private readonly loadedVersion;
-    versionAsArray: import("@angular/core").Signal<VersionConfig[] | undefined>;
-    private readonly versionInfo;
-    private readonly versionAsString;
-    private readonly displayName;
-    readonly displayText: import("@angular/core").Signal<string>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<VersionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VersionComponent, "mng-version", never, { "versionInput": { "alias": "version"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/components/pages/error/lib/error.page.component.d.ts

@@ -1,7 +0,0 @@
-import { LayoutService } from '@mediusinc/mng-commons-layout';
-import * as i0 from "@angular/core";
-export declare class ErrorPageComponent {
-    readonly layout: LayoutService;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorPageComponent, "mng-error-page", never, {}, {}, never, never, true, never>;
-}

package/components/pages/main/lazy/lib/route-builder.d.ts

@@ -1,8 +0,0 @@
-import { RouteBuilder } from '@mediusinc/mng-commons/core';
-/**
- * Creates a layout route on the specified path.
- *
- * @param {String} path - The path of the route.
- * @return {RouteBuilder} - The route builder for the layout route.
- */
-export declare function createLayoutLazyRoute(path: string): RouteBuilder;

package/components/pages/main/lib/main-layout.component.d.ts

@@ -1,23 +0,0 @@
-import { OnDestroy, Type } from '@angular/core';
-import { LayoutService } from '@mediusinc/mng-commons-layout';
-import * as i0 from "@angular/core";
-export declare class MainLayoutComponent implements OnDestroy {
-    private readonly config;
-    readonly layout: LayoutService;
-    private readonly menuService;
-    private readonly renderer;
-    private appTopbar;
-    readonly ripple: import("@angular/core").WritableSignal<boolean>;
-    topbarComponent: import("@angular/core").WritableSignal<Type<any> | undefined>;
-    breadcrumbsComponent: import("@angular/core").WritableSignal<Type<any> | undefined>;
-    footerComponent: import("@angular/core").WritableSignal<Type<any> | undefined>;
-    useNotificationWrapper: import("@angular/core").WritableSignal<boolean>;
-    private menuOutsideClickListener;
-    constructor();
-    blockBodyScroll(): void;
-    unblockBodyScroll(): void;
-    hideMenu(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MainLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainLayoutComponent, "mng-main-layout", never, {}, {}, never, never, true, never>;
-}

package/components/pages/main/lib/route-builder.d.ts

@@ -1,8 +0,0 @@
-import { RouteBuilder } from '@mediusinc/mng-commons/core';
-/**
- * Creates a layout route on the specified path.
- *
- * @param {String} path - The path of the route.
- * @return {RouteBuilder} - The route builder for the layout route.
- */
-export declare function createLayoutRoute(path: string): RouteBuilder;

package/components/pages/not-found/lib/not-found.page.component.d.ts

@@ -1,7 +0,0 @@
-import { LayoutService } from '@mediusinc/mng-commons-layout';
-import * as i0 from "@angular/core";
-export declare class NotFoundPageComponent {
-    readonly layout: LayoutService;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotFoundPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotFoundPageComponent, "mng-not-found-page", never, {}, {}, never, never, true, never>;
-}

package/lib/helpers/menu-items.d.ts

@@ -1,5 +0,0 @@
-import { CommonsMenuItem, InternalCommonsMenuItem } from '@mediusinc/mng-commons/core';
-/**
- * @internal
- */
-export declare function prepareMenuItemsToInternal(menuItems: CommonsMenuItem[], parentKey?: string): InternalCommonsMenuItem[];

package/lib/models/layout-state.model.d.ts

@@ -1,10 +0,0 @@
-export interface LayoutState {
-    staticMenuDesktopInactive: boolean;
-    overlayMenuActive: boolean;
-    rightMenuActive: boolean;
-    configSidebarVisible: boolean;
-    staticMenuMobileActive: boolean;
-    menuHoverActive: boolean;
-    sidebarActive: boolean;
-    anchored: boolean;
-}

package/lib/models/menu.model.d.ts

@@ -1,4 +0,0 @@
-export interface MenuChangeEvent {
-    key?: string;
-    eventType?: 'routeChange' | 'reset';
-}

package/lib/provide.d.ts

@@ -1,8 +0,0 @@
-import { CommonsFeature } from '@mediusinc/mng-commons/core';
-import { LayoutFeatureConfig } from './services/layout-feature-config.token';
-/**
- * Prepares providers for usage of the layout functionalities.
- *
- * @returns {CommonsFeature} The `CommonsFeature` object with the layout configuration.
- */
-export declare function withLayout(config?: LayoutFeatureConfig): CommonsFeature;

package/lib/services/layout-feature-config.token.d.ts

@@ -1,91 +0,0 @@
-import { InjectionToken, Type } from '@angular/core';
-import { MenuItem } from 'primeng/api';
-export type LayoutMenuMode = 'static' | 'overlay' | 'reveal' | 'drawer' | 'slim' | 'slim-plus';
-export type ColorScheme = 'light' | 'dark' | 'auto';
-/**
- * Set of configurations for layout customization.
- */
-export interface LayoutFeatureConfig {
-    /**
-     * Choose default menu mode.
-     */
-    menuMode?: LayoutMenuMode;
-    /**
-     * Sets available menu modes.
-     */
-    menuModes?: LayoutMenuMode[];
-    /**
-     * Predefines menu modes (instead of taking them from route data config).
-     */
-    menuItems?: MenuItem[];
-    /**
-     * Logo path (usually icon part only).
-     */
-    logoPath?: string | false;
-    /**
-     * Logo path for light color mode (usually icon part only).
-     */
-    logoPathLight?: string;
-    /**
-     * Logo path for dark color mode (usually icon part only).
-     */
-    logoPathDark?: string;
-    /**
-     * Logo path (usually name part only).
-     */
-    logoNamePath?: string | false;
-    /**
-     * Logo path for light color mode (usually name part only).
-     */
-    logoNamePathLight?: string;
-    /**
-     * Logo path for dark color mode (usually name part only).
-     */
-    logoNamePathDark?: string;
-    /**
-     * Default color scheme (defaults to 'auto').
-     */
-    colorScheme?: ColorScheme;
-    /**
-     * Enable ripple effect.
-     */
-    ripple?: boolean;
-    /**
-     * Disables wrapping layout in notification wrapper.
-     */
-    disableNotificationWrapper?: boolean;
-    /**
-     * Set custom components instead of default layout's one. If false provided for component, then it will not be displayed.
-     */
-    components?: {
-        /**
-         * Specify custom topbar component or disable (if false).
-         */
-        topbar?: Type<any> | false;
-        /**
-         * Specify custom menu component or disable (if false).
-         */
-        menu?: Type<any> | false;
-        /**
-         * Specify custom footer component or disable (if false).
-         */
-        footer?: Type<any> | false;
-        /**
-         * Specify custom breadcrumb component or disable (if false).
-         */
-        breadcrumb?: Type<any> | false;
-        /**
-         * Specify custom topbarUser component or disable (if false).
-         */
-        topbarUser?: Type<any> | false;
-        /**
-         * Specify custom version component or disable (if false).
-         */
-        version?: Type<any> | false;
-        /**
-         * Specify custom settings component or disable (if false).
-         */
-        settings?: Type<any> | false;
-    };
-}
-export declare const COMMONS_LAYOUT_FEATURE_CONFIG_IT: InjectionToken<LayoutFeatureConfig>;

package/lib/services/layout.service.d.ts

@@ -1,48 +0,0 @@
-import { LayoutState } from '../models/layout-state.model';
-import { ColorScheme, LayoutMenuMode } from './layout-feature-config.token';
-import * as i0 from "@angular/core";
-export declare class LayoutService {
-    private readonly typeName;
-    private readonly storageMenuModeKey;
-    private readonly storageColorSchemeKey;
-    private readonly platformId;
-    private readonly document;
-    private readonly commonsConfig;
-    private readonly config;
-    private readonly storageService;
-    state: import("@angular/core").WritableSignal<LayoutState>;
-    private overlayOpen;
-    overlayOpen$: import("rxjs").Observable<any>;
-    private _colorSchemeSetting;
-    colorSchemeSetting: import("@angular/core").Signal<ColorScheme>;
-    private _colorScheme;
-    colorScheme: import("@angular/core").Signal<ColorScheme>;
-    colorSchemeIsLight: import("@angular/core").Signal<boolean>;
-    private getInitColorScheme;
-    private getInitActualColorScheme;
-    private getDefaultColorScheme;
-    setColorScheme(scheme: ColorScheme): void;
-    readonly menuModes: LayoutMenuMode[];
-    private _menuMode;
-    menuMode: import("@angular/core").Signal<LayoutMenuMode>;
-    private appLogoLight;
-    private appLogoDark;
-    appLogo: import("@angular/core").Signal<string | false>;
-    private appLogoNameLight;
-    private appLogoNameDark;
-    appLogoName: import("@angular/core").Signal<string | false>;
-    isOverlay: import("@angular/core").Signal<boolean>;
-    isSlim: import("@angular/core").Signal<boolean>;
-    isSlimPlus: import("@angular/core").Signal<boolean>;
-    submenuOverlayKey: import("@angular/core").WritableSignal<string | undefined>;
-    constructor();
-    onMenuModeChange(mode: LayoutMenuMode): void;
-    onMenuToggle(): void;
-    onOverlaySubmenuOpen(key: string): void;
-    onOverlaySubmenuClose(): void;
-    isDesktop(): boolean;
-    isMobile(): boolean;
-    private initMenuMode;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LayoutService>;
-}

package/lib/services/menu.service.d.ts

@@ -1,22 +0,0 @@
-import { CommonsMenuItem, InternalCommonsMenuItem } from '@mediusinc/mng-commons/core';
-import { MenuChangeEvent } from '../models/menu.model';
-import * as i0 from "@angular/core";
-export declare class MenuService {
-    private readonly destroyRef;
-    private readonly logger;
-    private readonly router;
-    private readonly commonsRouter;
-    private readonly _menuItems;
-    menuItems: import("@angular/core").Signal<InternalCommonsMenuItem[]>;
-    private readonly menuChangeSubject;
-    menuChange$: import("rxjs").Observable<MenuChangeEvent>;
-    private routeLoadedChildrenSubscriptions;
-    setItems(menuItems: Array<CommonsMenuItem>): void;
-    private appendListenersToLazyChildren;
-    private findAndSetActiveMenuItem;
-    private listenToMenuItemLazyChildrenLoad;
-    private findActiveRouteMatches;
-    reset(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MenuService>;
-}

package/lib/services/version.service.d.ts

@@ -1,14 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Observable } from 'rxjs';
-import { CommonsConfigurationService } from '@mediusinc/mng-commons/core';
-import * as i0 from "@angular/core";
-export declare class VersionService {
-    private http;
-    private configurationService;
-    private readonly logger;
-    private cache;
-    constructor(http: HttpClient, configurationService: CommonsConfigurationService);
-    loadVersion(path: string, baseConfigKey?: string, jsonPath?: string): Observable<unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<VersionService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<VersionService>;
-}

package/scss/commons.scss

@@ -1 +0,0 @@
-@use './layout/layout';

package/scss/layout/_sass_variables.scss

@@ -1 +0,0 @@
-$breakpoint: 992px !default;

package/scss/layout/mng/layout/_mng_layout_topbar.scss

@@ -1,18 +0,0 @@
-.layout-topbar .topbar-menu li.topbar-item a {
-    display: flex;
-    align-items: center;
-}
-
-.layout-topbar .topbar-menu li.topbar-item ul {
-    padding: 8px 0 8px 0;
-    background: var(--surface-card);
-    box-shadow: var(--p-overlay-navigation-shadow);
-
-    & li {
-        margin-left: 0;
-
-        a {
-            padding: 10px;
-        }
-    }
-}