@wavemaker-ai/app-ng-runtime 1.0.0-rc.317 → 1.0.0-rc.322

package/components/navigation/navbar/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/navigation/navbar/src/navbar.props.ts","../../../../../projects/components/widgets/navigation/navbar/src/navbar.component.ts","../../../../../projects/components/widgets/navigation/navbar/src/navbar.component.html","../../../../../projects/components/widgets/navigation/navbar/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-navbar',\n        new Map(\n            [\n                ['class', {value: '', ...PROP_STRING}],\n                ['homelink', PROP_STRING],\n                ['imgsrc', PROP_STRING],\n                ['menuiconclass', {value: 'wi wi-more-vert', ...PROP_STRING}],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['title', PROP_STRING]\n            ]\n        )\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport {AfterViewInit, Component, ElementRef, Inject, Injector, Optional, ViewChild, OnDestroy} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, styler, StylableComponent, provideAsWidgetRef, TextContentDirective ,TrustAsPipe} from '@wm/components/base';\n\nimport { registerProps } from './navbar.props';\n\nconst DEFAULT_CLS = 'navbar navbar-default app-navbar';\nconst WIDGET_CONFIG = {widgetType: 'wm-navbar', hostClass: DEFAULT_CLS};\n\ndeclare const $;\n\n@Component({\n    standalone: true,\n    imports: [CommonModule, TextContentDirective,TrustAsPipe],\n    selector: '[wmNavbar]',\n    templateUrl: './navbar.component.html',\n    providers: [\n        provideAsWidgetRef(NavbarComponent)\n    ]\n})\nexport class NavbarComponent extends StylableComponent implements AfterViewInit, OnDestroy {\n    static initializeProps = registerProps();\n\n    public menuiconclass: any;\n    public title: string;\n    public imgsrc: string;\n    @ViewChild('navContent', {static: true}) private navContent: ElementRef;\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n    }\n\n    public toggleCollapse() {\n        const $navContent = $(this.navContent.nativeElement);\n        $navContent.animate({ 'height': 'toggle'});\n        if ($navContent.hasClass('in')) {\n            setTimeout(() => this.toggleNavCollapse(), 500);\n        } else {\n            this.toggleNavCollapse();\n        }\n    }\n\n    private toggleNavCollapse() {\n        this.navContent.nativeElement.classList.toggle('in');\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild reference\n        this.navContent = null;\n\n        super.ngOnDestroy();\n    }\n}\n","<div class=\"container-fluid\">\n  <div class=\"navbar-header\">\n    <button type=\"button\" class=\"btn-transparent navbar-toggle collapsed\" data-toggle=\"collapse\" (click)=\"toggleCollapse()\" aria-expanded=\"false\">\n      <span class=\"sr-only\">Toggle navigation</span>\n      <i [ngClass]=\"menuiconclass\"></i>\n    </button>\n    @if (title || imgsrc) {\n      <a class=\"navbar-brand\" [href]=\"(homelink | trustAs: 'resource') || '#/'\">\n        @if (imgsrc) {\n          <img data-identifier=\"img\" class=\"brand-image\" [alt]=\"Brand\" height=\"20\" [src]=\"imgsrc | image\"/>\n        }\n        <span class=\"title\" [textContent]=\"title\"></span>\n      </a>\n    }\n  </div>\n  <div class=\"collapse navbar-collapse\" #navContent>\n    <ng-content></ng-content>\n  </div>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/navigation/navbar/src/navbar.props.ts","../../../../../projects/components/widgets/navigation/navbar/src/navbar.component.ts","../../../../../projects/components/widgets/navigation/navbar/src/navbar.component.html","../../../../../projects/components/widgets/navigation/navbar/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-navbar',\n        new Map(\n            [\n                ['class', {value: '', ...PROP_STRING}],\n                ['homelink', PROP_STRING],\n                ['imgsrc', PROP_STRING],\n                ['menuiconclass', {value: 'wi wi-more-vert', ...PROP_STRING}],\n                ['menuiconurl', PROP_STRING],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['title', PROP_STRING]\n            ]\n        )\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport {AfterViewInit, Component, ElementRef, Inject, Injector, Optional, ViewChild, OnDestroy} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, ImagePipe, styler, StylableComponent, provideAsWidgetRef, TextContentDirective, TrustAsPipe, WmAppIconComponent } from '@wm/components/base';\n\nimport { registerProps } from './navbar.props';\n\nconst DEFAULT_CLS = 'navbar navbar-default app-navbar';\nconst WIDGET_CONFIG = {widgetType: 'wm-navbar', hostClass: DEFAULT_CLS};\n\ndeclare const $;\n\n@Component({\n    standalone: true,\n    imports: [CommonModule, TextContentDirective, TrustAsPipe, ImagePipe, WmAppIconComponent],\n    selector: '[wmNavbar]',\n    templateUrl: './navbar.component.html',\n    providers: [\n        provideAsWidgetRef(NavbarComponent)\n    ]\n})\nexport class NavbarComponent extends StylableComponent implements AfterViewInit, OnDestroy {\n    static initializeProps = registerProps();\n\n    public menuiconclass: any;\n    public menuiconurl: string;\n    public title: string;\n    public imgsrc: string;\n    @ViewChild('navContent', {static: true}) private navContent: ElementRef;\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n    }\n\n    public toggleCollapse() {\n        const $navContent = $(this.navContent.nativeElement);\n        $navContent.animate({ 'height': 'toggle'});\n        if ($navContent.hasClass('in')) {\n            setTimeout(() => this.toggleNavCollapse(), 500);\n        } else {\n            this.toggleNavCollapse();\n        }\n    }\n\n    private toggleNavCollapse() {\n        this.navContent.nativeElement.classList.toggle('in');\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild reference\n        this.navContent = null;\n\n        super.ngOnDestroy();\n    }\n}\n","<div class=\"container-fluid\">\n  <div class=\"navbar-header\">\n    <button type=\"button\" class=\"btn-transparent navbar-toggle collapsed\" data-toggle=\"collapse\" (click)=\"toggleCollapse()\" aria-expanded=\"false\">\n      <span class=\"sr-only\">Toggle navigation</span>\n      <wm-app-icon [iconclass]=\"menuiconclass\" [iconurl]=\"menuiconurl\" alt=\"Menu icon\"></wm-app-icon>\n    </button>\n    @if (title || imgsrc) {\n      <a class=\"navbar-brand\" [href]=\"(homelink | trustAs: 'resource') || '#/'\">\n        @if (imgsrc) {\n          <img data-identifier=\"img\" class=\"brand-image\" [alt]=\"Brand\" height=\"20\" [src]=\"imgsrc | image\"/>\n        }\n        <span class=\"title\" [textContent]=\"title\"></span>\n      </a>\n    }\n  </div>\n  <div class=\"collapse navbar-collapse\" #navContent>\n    <ng-content></ng-content>\n  </div>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/navigation/navbar/index.d.ts

@@ -5,6 +5,7 @@ import { StylableComponent } from '@wm/components/base';
 declare class NavbarComponent extends StylableComponent implements AfterViewInit, OnDestroy {
     static initializeProps: void;
     menuiconclass: any;
+    menuiconurl: string;
     title: string;
     imgsrc: string;
     private navContent;

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
     "name": "@wavemaker-ai/app-ng-runtime",
-    "version": "1.0.0-rc.317",
+    "version": "1.0.0-rc.322",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@wavemaker-ai/app-ng-runtime",
-            "version": "1.0.0-rc.317",
+            "version": "1.0.0-rc.322",
             "license": "MIT",
             "engines": {
                 "node": ">=18.16.1",

package/package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "@wavemaker-ai/app-ng-runtime",
-    "version": "1.0.0-rc.317",
+    "version": "1.0.0-rc.322",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@wavemaker-ai/app-ng-runtime",
-            "version": "1.0.0-rc.317",
+            "version": "1.0.0-rc.322",
             "license": "MIT",
             "engines": {
                 "node": ">=18.16.1",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker-ai/app-ng-runtime",
-    "version": "1.0.0-rc.317",
+    "version": "1.0.0-rc.322",
     "description": "All modules required for a WaveMaker application.",
     "main": "index.js",
     "scripts": {

package/runtime/base/bundles/index.umd.js

@@ -418,6 +418,28 @@
       notifyApp(template, type, title) {
           this.$app.notifyApp(template, type, title);
       }
+      /**
+       * Notifies access denied for a page (e.g. RoleGuard) and invokes App.onServiceError
+       * with a 403-shaped response.
+       */
+      notifyAccessDenied(pageName, message) {
+          const errorMessage = message
+              || lodashEs.get(this.getAppLocale(), 'LABEL_ACCESS_DENIED')
+              || this.$app.appLocale?.LABEL_ACCESS_DENIED
+              || 'Access Denied';
+          const pagePath = pageName || this.$security.getCurrentRoutePage();
+          const errorResponse = {
+              message: errorMessage,
+              status: 403,
+              statusText: 'Forbidden',
+              ok: false,
+              url: pagePath ? `./pages/${pagePath}/page.min.json` : '',
+              body: null,
+              error: errorMessage
+          };
+          this.appOnServiceError(errorMessage, errorResponse);
+          this.notifyApp(errorMessage, 'error');
+      }
       /**
        * Triggers the onBeforeService method defined in app.js of the app
        * @param requestParams
@@ -4445,7 +4467,7 @@
                       return Promise.resolve(true);
                   }
                   // current loggedin user doesn't have access to the page that the user is trying to view
-                  this.appManager.notifyApp(this.app.appLocale.LABEL_ACCESS_DENIED || 'Access Denied', 'error');
+                  this.appManager.notifyAccessDenied(route.routeConfig?.path, this.app.appLocale.LABEL_ACCESS_DENIED || 'Access Denied');
                   return Promise.resolve(false);
               }
               else {

package/runtime/base/fesm2022/index.mjs

@@ -500,6 +500,28 @@ class AppManagerService {
     notifyApp(template, type, title) {
         this.$app.notifyApp(template, type, title);
     }
+    /**
+     * Notifies access denied for a page (e.g. RoleGuard) and invokes App.onServiceError
+     * with a 403-shaped response.
+     */
+    notifyAccessDenied(pageName, message) {
+        const errorMessage = message
+            || get(this.getAppLocale(), 'LABEL_ACCESS_DENIED')
+            || this.$app.appLocale?.LABEL_ACCESS_DENIED
+            || 'Access Denied';
+        const pagePath = pageName || this.$security.getCurrentRoutePage();
+        const errorResponse = {
+            message: errorMessage,
+            status: 403,
+            statusText: 'Forbidden',
+            ok: false,
+            url: pagePath ? `./pages/${pagePath}/page.min.json` : '',
+            body: null,
+            error: errorMessage
+        };
+        this.appOnServiceError(errorMessage, errorResponse);
+        this.notifyApp(errorMessage, 'error');
+    }
     /**
      * Triggers the onBeforeService method defined in app.js of the app
      * @param requestParams
@@ -4547,7 +4569,7 @@ class RoleGuard {
                     return Promise.resolve(true);
                 }
                 // current loggedin user doesn't have access to the page that the user is trying to view
-                this.appManager.notifyApp(this.app.appLocale.LABEL_ACCESS_DENIED || 'Access Denied', 'error');
+                this.appManager.notifyAccessDenied(route.routeConfig?.path, this.app.appLocale.LABEL_ACCESS_DENIED || 'Access Denied');
                 return Promise.resolve(false);
             }
             else {