@mediusinc/mng-commons-layout 6.0.0-rc.2 → 6.0.0-rc.3

package/fesm2022/mediusinc-mng-commons-layout-components-pages-error.mjs

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+import { inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import * as i2 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import { LayoutService } from '@mediusinc/mng-commons-layout';
+
+class ErrorPageComponent {
+    constructor() {
+        this.layout = inject(LayoutService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ErrorPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: ErrorPageComponent, isStandalone: true, selector: "mng-error-page", ngImport: i0, template: "<div [class]=\"'exception-body min-h-screen ' + (layout.colorSchemeIsLight() ? 'layout-light' : 'layout-dark')\">\n    <div class=\"exception-container min-h-screen flex align-items-center justify-content-center flex-column bg-auto md:bg-contain bg-no-repeat\">\n        <div class=\"exception-panel text-center flex align-items-center justify-content-center flex-column\">\n            <h1 class=\"text-red-400 mb-0\">{{ 'pages.notFound.title' | translate }}</h1>\n            <h3 class=\"text-red-300\">{{ 'pages.notFound.subtitle' | translate }}</h3>\n            <button type=\"button\" pButton [label]=\"'general.returnHome' | translate\" [routerLink]=\"['/']\"></button>\n        </div>\n        <div class=\"exception-footer align-items-center flex\">\n            @if (layout.appLogo()) {\n                <img [src]=\"layout.appLogo()\" class=\"exception-logo\" alt=\"App logo\" />\n            }\n            @if (layout.appLogoName()) {\n                <img [src]=\"layout.appLogoName()\" class=\"exception-appname ml-3\" alt=\"App name\" />\n            }\n        </div>\n    </div>\n</div>\n", styles: [".exception-body{background:var(--surface-ground)}.exception-body .exception-container{background:var(--exception-pages-image);background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.exception-body .exception-container .exception-panel{box-sizing:border-box;flex-grow:1;margin-top:3rem;margin-bottom:3rem}.exception-body .exception-container .exception-panel h1{font-size:140px;font-weight:900;text-shadow:0 0 50px rgba(252,97,97,.2)}.exception-body .exception-container .exception-panel h3{font-size:80px;font-weight:900;margin-top:-90px;margin-bottom:50px}.exception-body .exception-container .exception-panel button{margin-top:50px}.exception-body .exception-container .exception-footer{margin-bottom:2rem}.exception-body .exception-container .exception-footer .exception-logo{width:34px}.exception-body .exception-container .exception-footer .exception-appname{width:72px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ErrorPageComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'mng-error-page', imports: [ButtonModule, TranslateModule, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'exception-body min-h-screen ' + (layout.colorSchemeIsLight() ? 'layout-light' : 'layout-dark')\">\n    <div class=\"exception-container min-h-screen flex align-items-center justify-content-center flex-column bg-auto md:bg-contain bg-no-repeat\">\n        <div class=\"exception-panel text-center flex align-items-center justify-content-center flex-column\">\n            <h1 class=\"text-red-400 mb-0\">{{ 'pages.notFound.title' | translate }}</h1>\n            <h3 class=\"text-red-300\">{{ 'pages.notFound.subtitle' | translate }}</h3>\n            <button type=\"button\" pButton [label]=\"'general.returnHome' | translate\" [routerLink]=\"['/']\"></button>\n        </div>\n        <div class=\"exception-footer align-items-center flex\">\n            @if (layout.appLogo()) {\n                <img [src]=\"layout.appLogo()\" class=\"exception-logo\" alt=\"App logo\" />\n            }\n            @if (layout.appLogoName()) {\n                <img [src]=\"layout.appLogoName()\" class=\"exception-appname ml-3\" alt=\"App name\" />\n            }\n        </div>\n    </div>\n</div>\n", styles: [".exception-body{background:var(--surface-ground)}.exception-body .exception-container{background:var(--exception-pages-image);background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.exception-body .exception-container .exception-panel{box-sizing:border-box;flex-grow:1;margin-top:3rem;margin-bottom:3rem}.exception-body .exception-container .exception-panel h1{font-size:140px;font-weight:900;text-shadow:0 0 50px rgba(252,97,97,.2)}.exception-body .exception-container .exception-panel h3{font-size:80px;font-weight:900;margin-top:-90px;margin-bottom:50px}.exception-body .exception-container .exception-panel button{margin-top:50px}.exception-body .exception-container .exception-footer{margin-bottom:2rem}.exception-body .exception-container .exception-footer .exception-logo{width:34px}.exception-body .exception-container .exception-footer .exception-appname{width:72px}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=mediusinc-mng-commons-layout-components-pages-error.mjs.map

package/fesm2022/mediusinc-mng-commons-layout-components-pages-error.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediusinc-mng-commons-layout-components-pages-error.mjs","sources":["../../components/pages/error/src/lib/error.page.component.ts","../../components/pages/error/src/lib/error.page.component.html","../../components/pages/error/src/mediusinc-mng-commons-layout-components-pages-error.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {RouterLink} from '@angular/router';\n\nimport {TranslateModule} from '@ngx-translate/core';\nimport {ButtonModule} from 'primeng/button';\n\nimport {LayoutService} from '@mediusinc/mng-commons-layout';\n\n@Component({\n    standalone: true,\n    selector: 'mng-error-page',\n    imports: [ButtonModule, TranslateModule, RouterLink],\n    styleUrls: ['error.page.component.scss'],\n    templateUrl: './error.page.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ErrorPageComponent {\n    public readonly layout = inject(LayoutService);\n}\n","<div [class]=\"'exception-body min-h-screen ' + (layout.colorSchemeIsLight() ? 'layout-light' : 'layout-dark')\">\n    <div class=\"exception-container min-h-screen flex align-items-center justify-content-center flex-column bg-auto md:bg-contain bg-no-repeat\">\n        <div class=\"exception-panel text-center flex align-items-center justify-content-center flex-column\">\n            <h1 class=\"text-red-400 mb-0\">{{ 'pages.notFound.title' | translate }}</h1>\n            <h3 class=\"text-red-300\">{{ 'pages.notFound.subtitle' | translate }}</h3>\n            <button type=\"button\" pButton [label]=\"'general.returnHome' | translate\" [routerLink]=\"['/']\"></button>\n        </div>\n        <div class=\"exception-footer align-items-center flex\">\n            @if (layout.appLogo()) {\n                <img [src]=\"layout.appLogo()\" class=\"exception-logo\" alt=\"App logo\" />\n            }\n            @if (layout.appLogoName()) {\n                <img [src]=\"layout.appLogoName()\" class=\"exception-appname ml-3\" alt=\"App name\" />\n            }\n        </div>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAgBa,kBAAkB,CAAA;AAR/B,IAAA,WAAA,GAAA;AASoB,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;AACjD;+GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,0EChB/B,olCAiBA,EAAA,MAAA,EAAA,CAAA,k4BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDNc,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,aAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,4FAAE,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAK1C,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,gBAAgB,EACjB,OAAA,EAAA,CAAC,YAAY,EAAE,eAAe,EAAE,UAAU,CAAC,EAGnC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,olCAAA,EAAA,MAAA,EAAA,CAAA,k4BAAA,CAAA,EAAA;;;AEdnD;;AAEG"}

package/fesm2022/mediusinc-mng-commons-layout-components-pages-main-lazy.mjs

@@ -0,0 +1,18 @@
+import { createLazyRoute } 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.
+ */
+function createLayoutLazyRoute(path) {
+    return createLazyRoute(path, () => import('@mediusinc/mng-commons-layout/components/pages/main').then(c => c.MainLayoutComponent));
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { createLayoutLazyRoute };
+//# sourceMappingURL=mediusinc-mng-commons-layout-components-pages-main-lazy.mjs.map

package/fesm2022/mediusinc-mng-commons-layout-components-pages-main-lazy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediusinc-mng-commons-layout-components-pages-main-lazy.mjs","sources":["../../components/pages/main/lazy/src/lib/route-builder.ts","../../components/pages/main/lazy/src/mediusinc-mng-commons-layout-components-pages-main-lazy.ts"],"sourcesContent":["import {RouteBuilder, createLazyRoute} from '@mediusinc/mng-commons/core';\n\n/**\n * Creates a layout route on the specified path.\n *\n * @param {String} path - The path of the route.\n * @return {RouteBuilder} - The route builder for the layout route.\n */\nexport function createLayoutLazyRoute(path: string): RouteBuilder {\n    return createLazyRoute(path, () => import('@mediusinc/mng-commons-layout/components/pages/main').then(c => c.MainLayoutComponent));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAEA;;;;;AAKG;AACG,SAAU,qBAAqB,CAAC,IAAY,EAAA;IAC9C,OAAO,eAAe,CAAC,IAAI,EAAE,MAAM,OAAO,qDAAqD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC;AACtI;;ACVA;;AAEG;;;;"}

package/fesm2022/mediusinc-mng-commons-layout-components-pages-main.mjs

@@ -0,0 +1,101 @@
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Renderer2, viewChild, signal, Component, ChangeDetectionStrategy } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { COMMONS_LAYOUT_FEATURE_CONFIG_IT, LayoutService, MenuService } from '@mediusinc/mng-commons-layout';
+import { TopbarComponent, BreadcrumbComponent, FooterComponent } from '@mediusinc/mng-commons-layout/components';
+import { ComponentDirective, NotificationWrapperComponent, createRoute } from '@mediusinc/mng-commons/core';
+
+class MainLayoutComponent {
+    constructor() {
+        // private readonly commonsService = inject(CommonsService);
+        this.config = inject(COMMONS_LAYOUT_FEATURE_CONFIG_IT, { optional: true });
+        this.layout = inject(LayoutService);
+        this.menuService = inject(MenuService);
+        this.renderer = inject(Renderer2);
+        this.appTopbar = viewChild('topbarCmp');
+        this.ripple = signal(this.config?.ripple ?? true);
+        this.topbarComponent = signal(this.config?.components?.topbar === false ? undefined : (this.config?.components?.topbar ?? TopbarComponent));
+        this.breadcrumbsComponent = signal(this.config?.components?.breadcrumb === false ? undefined : (this.config?.components?.breadcrumb ?? BreadcrumbComponent));
+        this.footerComponent = signal(this.config?.components?.footer === false ? undefined : (this.config?.components?.footer ?? FooterComponent));
+        this.useNotificationWrapper = signal(!this.config?.disableNotificationWrapper);
+        this.layout.overlayOpen$.pipe(takeUntilDestroyed()).subscribe(() => {
+            if (!this.menuOutsideClickListener) {
+                this.menuOutsideClickListener = this.renderer.listen('document', 'click', event => {
+                    const isOutsideClicked = !(this.appTopbar()?.nativeElement.isSameNode(event.target) || this.appTopbar()?.nativeElement.contains(event.target));
+                    if (isOutsideClicked) {
+                        this.hideMenu();
+                    }
+                });
+            }
+            if (this.layout.state().staticMenuMobileActive) {
+                this.blockBodyScroll();
+            }
+        });
+    }
+    blockBodyScroll() {
+        if (document.body.classList) {
+            document.body.classList.add('blocked-scroll');
+        }
+        else {
+            document.body.className += ' blocked-scroll';
+        }
+    }
+    unblockBodyScroll() {
+        if (document.body.classList) {
+            document.body.classList.remove('blocked-scroll');
+        }
+        else {
+            document.body.className = document.body.className.replace(new RegExp('(^|\\b)' + 'blocked-scroll'.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
+        }
+    }
+    hideMenu() {
+        this.layout.state.update(state => ({
+            ...state,
+            overlayMenuActive: false,
+            staticMenuMobileActive: false,
+            menuHoverActive: false
+        }));
+        if (this.layout.submenuOverlayKey() !== undefined) {
+            this.layout.onOverlaySubmenuClose();
+        }
+        if (!(this.layout.isSlim() || this.layout.isSlimPlus())) {
+            this.menuService.reset();
+        }
+        if (this.menuOutsideClickListener) {
+            this.menuOutsideClickListener();
+            this.menuOutsideClickListener = null;
+        }
+        this.unblockBodyScroll();
+    }
+    ngOnDestroy() {
+        if (this.menuOutsideClickListener) {
+            this.menuOutsideClickListener();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: MainLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: MainLayoutComponent, isStandalone: true, selector: "mng-main-layout", viewQueries: [{ propertyName: "appTopbar", first: true, predicate: ["topbarCmp"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (useNotificationWrapper()) {\n    <mng-notification-wrapper>\n        <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n    </mng-notification-wrapper>\n} @else {\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n}\n\n<ng-template #content>\n    <div\n        class=\"layout-container\"\n        [ngClass]=\"{\n            'layout-light': layout.colorScheme() === 'light',\n            'layout-dark': layout.colorScheme() === 'dark',\n            'layout-overlay': layout.menuMode() === 'overlay',\n            'layout-static': layout.menuMode() === 'static',\n            'layout-reveal': layout.menuMode() === 'reveal',\n            'layout-drawer': layout.menuMode() === 'drawer',\n            'layout-slim': layout.menuMode() === 'slim',\n            'layout-slim-plus': layout.menuMode() === 'slim-plus',\n            'layout-static-inactive': layout.state().staticMenuDesktopInactive && layout.menuMode() === 'static',\n            'layout-overlay-active': layout.state().overlayMenuActive,\n            'layout-mobile-active': layout.state().staticMenuMobileActive,\n            'p-ripple-disabled': !ripple(),\n            'layout-sidebar-active': layout.state().sidebarActive,\n            'layout-sidebar-anchored': layout.state().anchored\n        }\">\n        <div class=\"layout-content-wrapper\">\n            @if (topbarComponent()) {\n                <div #topbarCmp class=\"layout-topbar-wrapper\" [mngComponent]=\"topbarComponent()\" [attachToHost]=\"true\"></div>\n            }\n            @if (breadcrumbsComponent()) {\n                <div class=\"content-breadcrumb\">\n                    <div [mngComponent]=\"breadcrumbsComponent()\" [attachToHost]=\"true\"></div>\n                </div>\n            }\n            <div class=\"layout-content\">\n                <router-outlet></router-outlet>\n            </div>\n            <div class=\"layout-mask\"></div>\n            @if (footerComponent()) {\n                <div [mngComponent]=\"footerComponent()\" [attachToHost]=\"true\"></div>\n            }\n        </div>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "component", type: NotificationWrapperComponent, selector: "mng-notification-wrapper" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: MainLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'mng-main-layout', imports: [NgClass, RouterModule, ComponentDirective, NotificationWrapperComponent, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (useNotificationWrapper()) {\n    <mng-notification-wrapper>\n        <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n    </mng-notification-wrapper>\n} @else {\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n}\n\n<ng-template #content>\n    <div\n        class=\"layout-container\"\n        [ngClass]=\"{\n            'layout-light': layout.colorScheme() === 'light',\n            'layout-dark': layout.colorScheme() === 'dark',\n            'layout-overlay': layout.menuMode() === 'overlay',\n            'layout-static': layout.menuMode() === 'static',\n            'layout-reveal': layout.menuMode() === 'reveal',\n            'layout-drawer': layout.menuMode() === 'drawer',\n            'layout-slim': layout.menuMode() === 'slim',\n            'layout-slim-plus': layout.menuMode() === 'slim-plus',\n            'layout-static-inactive': layout.state().staticMenuDesktopInactive && layout.menuMode() === 'static',\n            'layout-overlay-active': layout.state().overlayMenuActive,\n            'layout-mobile-active': layout.state().staticMenuMobileActive,\n            'p-ripple-disabled': !ripple(),\n            'layout-sidebar-active': layout.state().sidebarActive,\n            'layout-sidebar-anchored': layout.state().anchored\n        }\">\n        <div class=\"layout-content-wrapper\">\n            @if (topbarComponent()) {\n                <div #topbarCmp class=\"layout-topbar-wrapper\" [mngComponent]=\"topbarComponent()\" [attachToHost]=\"true\"></div>\n            }\n            @if (breadcrumbsComponent()) {\n                <div class=\"content-breadcrumb\">\n                    <div [mngComponent]=\"breadcrumbsComponent()\" [attachToHost]=\"true\"></div>\n                </div>\n            }\n            <div class=\"layout-content\">\n                <router-outlet></router-outlet>\n            </div>\n            <div class=\"layout-mask\"></div>\n            @if (footerComponent()) {\n                <div [mngComponent]=\"footerComponent()\" [attachToHost]=\"true\"></div>\n            }\n        </div>\n    </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * 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.
+ */
+function createLayoutRoute(path) {
+    return createRoute(path, MainLayoutComponent);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MainLayoutComponent, createLayoutRoute };
+//# sourceMappingURL=mediusinc-mng-commons-layout-components-pages-main.mjs.map

package/fesm2022/mediusinc-mng-commons-layout-components-pages-main.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediusinc-mng-commons-layout-components-pages-main.mjs","sources":["../../components/pages/main/src/lib/main-layout.component.ts","../../components/pages/main/src/lib/main-layout.component.html","../../components/pages/main/src/lib/route-builder.ts","../../components/pages/main/src/mediusinc-mng-commons-layout-components-pages-main.ts"],"sourcesContent":["import {NgClass, NgTemplateOutlet} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, ElementRef, OnDestroy, Renderer2, Type, inject, signal, viewChild} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {RouterModule} from '@angular/router';\n\nimport {COMMONS_LAYOUT_FEATURE_CONFIG_IT, LayoutService, MenuService} from '@mediusinc/mng-commons-layout';\nimport {BreadcrumbComponent, FooterComponent, TopbarComponent} from '@mediusinc/mng-commons-layout/components';\nimport {ComponentDirective, NotificationWrapperComponent} from '@mediusinc/mng-commons/core';\n\n@Component({\n    standalone: true,\n    selector: 'mng-main-layout',\n    imports: [NgClass, RouterModule, ComponentDirective, NotificationWrapperComponent, NgTemplateOutlet],\n    templateUrl: './main-layout.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MainLayoutComponent implements OnDestroy {\n    // private readonly commonsService = inject(CommonsService);\n    private readonly config = inject(COMMONS_LAYOUT_FEATURE_CONFIG_IT, {optional: true});\n    public readonly layout = inject(LayoutService);\n    private readonly menuService = inject(MenuService);\n    private readonly renderer = inject(Renderer2);\n\n    private appTopbar = viewChild<ElementRef>('topbarCmp');\n\n    public readonly ripple = signal(this.config?.ripple ?? true);\n\n    public topbarComponent = signal<Type<any> | undefined>(this.config?.components?.topbar === false ? undefined : (this.config?.components?.topbar ?? TopbarComponent));\n    public breadcrumbsComponent = signal<Type<any> | undefined>(\n        this.config?.components?.breadcrumb === false ? undefined : (this.config?.components?.breadcrumb ?? BreadcrumbComponent)\n    );\n    public footerComponent = signal<Type<any> | undefined>(this.config?.components?.footer === false ? undefined : (this.config?.components?.footer ?? FooterComponent));\n\n    public useNotificationWrapper = signal(!this.config?.disableNotificationWrapper);\n    private menuOutsideClickListener: any;\n\n    constructor() {\n        this.layout.overlayOpen$.pipe(takeUntilDestroyed()).subscribe(() => {\n            if (!this.menuOutsideClickListener) {\n                this.menuOutsideClickListener = this.renderer.listen('document', 'click', event => {\n                    const isOutsideClicked = !(this.appTopbar()?.nativeElement.isSameNode(event.target) || this.appTopbar()?.nativeElement.contains(event.target));\n                    if (isOutsideClicked) {\n                        this.hideMenu();\n                    }\n                });\n            }\n            if (this.layout.state().staticMenuMobileActive) {\n                this.blockBodyScroll();\n            }\n        });\n    }\n\n    blockBodyScroll(): void {\n        if (document.body.classList) {\n            document.body.classList.add('blocked-scroll');\n        } else {\n            document.body.className += ' blocked-scroll';\n        }\n    }\n\n    unblockBodyScroll(): void {\n        if (document.body.classList) {\n            document.body.classList.remove('blocked-scroll');\n        } else {\n            document.body.className = document.body.className.replace(new RegExp('(^|\\\\b)' + 'blocked-scroll'.split(' ').join('|') + '(\\\\b|$)', 'gi'), ' ');\n        }\n    }\n\n    hideMenu() {\n        this.layout.state.update(state => ({\n            ...state,\n            overlayMenuActive: false,\n            staticMenuMobileActive: false,\n            menuHoverActive: false\n        }));\n\n        if (this.layout.submenuOverlayKey() !== undefined) {\n            this.layout.onOverlaySubmenuClose();\n        }\n        if (!(this.layout.isSlim() || this.layout.isSlimPlus())) {\n            this.menuService.reset();\n        }\n\n        if (this.menuOutsideClickListener) {\n            this.menuOutsideClickListener();\n            this.menuOutsideClickListener = null;\n        }\n        this.unblockBodyScroll();\n    }\n\n    ngOnDestroy() {\n        if (this.menuOutsideClickListener) {\n            this.menuOutsideClickListener();\n        }\n    }\n}\n","@if (useNotificationWrapper()) {\n    <mng-notification-wrapper>\n        <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n    </mng-notification-wrapper>\n} @else {\n    <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n}\n\n<ng-template #content>\n    <div\n        class=\"layout-container\"\n        [ngClass]=\"{\n            'layout-light': layout.colorScheme() === 'light',\n            'layout-dark': layout.colorScheme() === 'dark',\n            'layout-overlay': layout.menuMode() === 'overlay',\n            'layout-static': layout.menuMode() === 'static',\n            'layout-reveal': layout.menuMode() === 'reveal',\n            'layout-drawer': layout.menuMode() === 'drawer',\n            'layout-slim': layout.menuMode() === 'slim',\n            'layout-slim-plus': layout.menuMode() === 'slim-plus',\n            'layout-static-inactive': layout.state().staticMenuDesktopInactive && layout.menuMode() === 'static',\n            'layout-overlay-active': layout.state().overlayMenuActive,\n            'layout-mobile-active': layout.state().staticMenuMobileActive,\n            'p-ripple-disabled': !ripple(),\n            'layout-sidebar-active': layout.state().sidebarActive,\n            'layout-sidebar-anchored': layout.state().anchored\n        }\">\n        <div class=\"layout-content-wrapper\">\n            @if (topbarComponent()) {\n                <div #topbarCmp class=\"layout-topbar-wrapper\" [mngComponent]=\"topbarComponent()\" [attachToHost]=\"true\"></div>\n            }\n            @if (breadcrumbsComponent()) {\n                <div class=\"content-breadcrumb\">\n                    <div [mngComponent]=\"breadcrumbsComponent()\" [attachToHost]=\"true\"></div>\n                </div>\n            }\n            <div class=\"layout-content\">\n                <router-outlet></router-outlet>\n            </div>\n            <div class=\"layout-mask\"></div>\n            @if (footerComponent()) {\n                <div [mngComponent]=\"footerComponent()\" [attachToHost]=\"true\"></div>\n            }\n        </div>\n    </div>\n</ng-template>\n","import {RouteBuilder, createRoute} from '@mediusinc/mng-commons/core';\n\nimport {MainLayoutComponent} from './main-layout.component';\n\n/**\n * Creates a layout route on the specified path.\n *\n * @param {String} path - The path of the route.\n * @return {RouteBuilder} - The route builder for the layout route.\n */\nexport function createLayoutRoute(path: string): RouteBuilder {\n    return createRoute(path, MainLayoutComponent);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/mediusinc-mng-commons-layout-components-pages-not-found.mjs

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+import { inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import * as i2 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import { LayoutService } from '@mediusinc/mng-commons-layout';
+
+class NotFoundPageComponent {
+    constructor() {
+        this.layout = inject(LayoutService);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NotFoundPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: NotFoundPageComponent, isStandalone: true, selector: "mng-not-found-page", ngImport: i0, template: "<div [class]=\"'exception-body min-h-screen ' + (layout.colorSchemeIsLight() ? 'layout-light' : 'layout-dark')\">\n    <div class=\"exception-container min-h-screen flex align-items-center justify-content-center flex-column bg-auto md:bg-contain bg-no-repeat\">\n        <div class=\"exception-panel text-center flex align-items-center justify-content-center flex-column\">\n            <h1 class=\"text-red-400 mb-0\">{{ 'pages.notFound.title' | translate }}</h1>\n            <h3 class=\"text-red-300\">{{ 'pages.notFound.subtitle' | translate }}</h3>\n            <p>{{ 'pages.notFound.message' | translate }}</p>\n            <button type=\"button\" pButton [label]=\"'general.returnHome' | translate\" [routerLink]=\"['/']\"></button>\n        </div>\n        <div class=\"exception-footer align-items-center flex\">\n            @if (layout.appLogo()) {\n                <img [src]=\"layout.appLogo()\" class=\"exception-logo\" alt=\"App logo\" />\n            }\n            @if (layout.appLogoName()) {\n                <img [src]=\"layout.appLogoName()\" class=\"exception-appname ml-3\" alt=\"App name\" />\n            }\n        </div>\n    </div>\n</div>\n", styles: [".exception-body{background:var(--surface-ground)}.exception-body .exception-container{background:var(--exception-pages-image);background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.exception-body .exception-container .exception-panel{box-sizing:border-box;flex-grow:1;margin-top:3rem;margin-bottom:3rem}.exception-body .exception-container .exception-panel h1{font-size:140px;font-weight:900;text-shadow:0 0 50px rgba(252,97,97,.2)}.exception-body .exception-container .exception-panel h3{font-size:80px;font-weight:900;margin-top:-90px;margin-bottom:50px}.exception-body .exception-container .exception-panel p{font-size:24px;font-weight:400;max-width:320px}.exception-body .exception-container .exception-panel button{margin-top:50px}.exception-body .exception-container .exception-footer{margin-bottom:2rem}.exception-body .exception-container .exception-footer .exception-logo{width:34px}.exception-body .exception-container .exception-footer .exception-appname{width:72px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NotFoundPageComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'mng-not-found-page', imports: [ButtonModule, RouterLink, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'exception-body min-h-screen ' + (layout.colorSchemeIsLight() ? 'layout-light' : 'layout-dark')\">\n    <div class=\"exception-container min-h-screen flex align-items-center justify-content-center flex-column bg-auto md:bg-contain bg-no-repeat\">\n        <div class=\"exception-panel text-center flex align-items-center justify-content-center flex-column\">\n            <h1 class=\"text-red-400 mb-0\">{{ 'pages.notFound.title' | translate }}</h1>\n            <h3 class=\"text-red-300\">{{ 'pages.notFound.subtitle' | translate }}</h3>\n            <p>{{ 'pages.notFound.message' | translate }}</p>\n            <button type=\"button\" pButton [label]=\"'general.returnHome' | translate\" [routerLink]=\"['/']\"></button>\n        </div>\n        <div class=\"exception-footer align-items-center flex\">\n            @if (layout.appLogo()) {\n                <img [src]=\"layout.appLogo()\" class=\"exception-logo\" alt=\"App logo\" />\n            }\n            @if (layout.appLogoName()) {\n                <img [src]=\"layout.appLogoName()\" class=\"exception-appname ml-3\" alt=\"App name\" />\n            }\n        </div>\n    </div>\n</div>\n", styles: [".exception-body{background:var(--surface-ground)}.exception-body .exception-container{background:var(--exception-pages-image);background-repeat:no-repeat;background-size:contain;box-sizing:border-box}.exception-body .exception-container .exception-panel{box-sizing:border-box;flex-grow:1;margin-top:3rem;margin-bottom:3rem}.exception-body .exception-container .exception-panel h1{font-size:140px;font-weight:900;text-shadow:0 0 50px rgba(252,97,97,.2)}.exception-body .exception-container .exception-panel h3{font-size:80px;font-weight:900;margin-top:-90px;margin-bottom:50px}.exception-body .exception-container .exception-panel p{font-size:24px;font-weight:400;max-width:320px}.exception-body .exception-container .exception-panel button{margin-top:50px}.exception-body .exception-container .exception-footer{margin-bottom:2rem}.exception-body .exception-container .exception-footer .exception-logo{width:34px}.exception-body .exception-container .exception-footer .exception-appname{width:72px}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=mediusinc-mng-commons-layout-components-pages-not-found.mjs.map

package/fesm2022/mediusinc-mng-commons-layout-components-pages-not-found.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediusinc-mng-commons-layout-components-pages-not-found.mjs","sources":["../../components/pages/not-found/src/lib/not-found.page.component.ts","../../components/pages/not-found/src/lib/not-found.page.component.html","../../components/pages/not-found/src/mediusinc-mng-commons-layout-components-pages-not-found.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {RouterLink} from '@angular/router';\n\nimport {TranslateModule} from '@ngx-translate/core';\nimport {ButtonModule} from 'primeng/button';\n\nimport {LayoutService} from '@mediusinc/mng-commons-layout';\n\n@Component({\n    standalone: true,\n    selector: 'mng-not-found-page',\n    imports: [ButtonModule, RouterLink, TranslateModule],\n    styleUrls: ['not-found.page.component.scss'],\n    templateUrl: './not-found.page.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NotFoundPageComponent {\n    public readonly layout = inject(LayoutService);\n}\n","<div [class]=\"'exception-body min-h-screen ' + (layout.colorSchemeIsLight() ? 'layout-light' : 'layout-dark')\">\n    <div class=\"exception-container min-h-screen flex align-items-center justify-content-center flex-column bg-auto md:bg-contain bg-no-repeat\">\n        <div class=\"exception-panel text-center flex align-items-center justify-content-center flex-column\">\n            <h1 class=\"text-red-400 mb-0\">{{ 'pages.notFound.title' | translate }}</h1>\n            <h3 class=\"text-red-300\">{{ 'pages.notFound.subtitle' | translate }}</h3>\n            <p>{{ 'pages.notFound.message' | translate }}</p>\n            <button type=\"button\" pButton [label]=\"'general.returnHome' | translate\" [routerLink]=\"['/']\"></button>\n        </div>\n        <div class=\"exception-footer align-items-center flex\">\n            @if (layout.appLogo()) {\n                <img [src]=\"layout.appLogo()\" class=\"exception-logo\" alt=\"App logo\" />\n            }\n            @if (layout.appLogoName()) {\n                <img [src]=\"layout.appLogoName()\" class=\"exception-appname ml-3\" alt=\"App name\" />\n            }\n        </div>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAgBa,qBAAqB,CAAA;AARlC,IAAA,WAAA,GAAA;AASoB,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;AACjD;+GAFY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,8EChBlC,mpCAkBA,EAAA,MAAA,EAAA,CAAA,y+BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDPc,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,aAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAU,mOAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAK1C,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,oBAAoB,EACrB,OAAA,EAAA,CAAC,YAAY,EAAE,UAAU,EAAE,eAAe,CAAC,EAGnC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mpCAAA,EAAA,MAAA,EAAA,CAAA,y+BAAA,CAAA,EAAA;;;AEdnD;;AAEG"}