@wavemaker/angular-app 11.12.1-rc.221 → 11.13.0-rc.222

package/angular.json

@@ -13,16 +13,6 @@
                 "build": {
                     "builder": "@angular-builders/custom-webpack:browser",
                     "options": {
-                        "customWebpackConfig": {
-                            "path": "./wm-custom-webpack.config.js"
-                        },
-                        "indexTransform": "./build-scripts/index-html-transform.js",
-                        "deployUrl": "ng-bundle/",
-                        "outputPath": "dist/ng-bundle",
-                        "index": {
-                            "input": "src/index.html",
-                            "output": "../../index.html"
-                        },
                         "main": "src/main.ts",
                         "polyfills": "src/polyfills.ts",
                         "tsConfig": "src/tsconfig.app.json",
@@ -94,9 +84,7 @@
                             "./node_modules/@wavemaker/app-ng-runtime/scripts/swipey/swipey.jquery.plugin.js",
                             "./node_modules/@wavemaker/app-ng-runtime/scripts/jquery.ui.touch-punch/jquery.ui.touch-punch.min.js",
                             "./node_modules/summernote/dist/summernote-lite.min.js",
-                            "./node_modules/hammerjs/hammer.min.js",
                             "./node_modules/iscroll/build/iscroll.js",
-                            "./node_modules/js-cookie/src/js.cookie.js",
                             "./node_modules/jssha/dist/sha256.js",
                             "./node_modules/@ztree/ztree_v3/js/jquery.ztree.all.js",
                             "./node_modules/@wavemaker/app-ng-runtime/scripts/tree-keyboard-navigation/keyboard-navigation.js"
@@ -104,6 +92,16 @@
                     },
                     "configurations": {
                         "production": {
+                            "customWebpackConfig": {
+                                "path": "./wm-custom-webpack.config.js"
+                            },
+                            "indexTransform": "./build-scripts/index-html-transform.js",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": {
+                                "input": "src/index.html",
+                                "output": "../../index.html"
+                            },
                             "fileReplacements": [
                                 {
                                     "replace": "src/environments/environment.ts",
@@ -133,6 +131,16 @@
                             ]
                         },
                         "development": {
+                            "customWebpackConfig": {
+                                "path": "./wm-custom-webpack.config.js"
+                            },
+                            "indexTransform": "./build-scripts/index-html-transform.js",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": {
+                                "input": "src/index.html",
+                                "output": "../../index.html"
+                            },
                             "fileReplacements": [
                                 {
                                     "replace": "src/environments/environment.ts",
@@ -155,6 +163,16 @@
                             ]
                         },
                         "local": {
+                            "customWebpackConfig": {
+                                "path": "./wm-custom-webpack.config.js"
+                            },
+                            "indexTransform": "./build-scripts/index-html-transform.js",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": {
+                                "input": "src/index.html",
+                                "output": "../../index.html"
+                            },
                             "fileReplacements": [
                                 {
                                     "replace": "src/environments/environment.ts",
@@ -182,96 +200,45 @@
                                     "maximumWarning": "2mb"
                                 }
                             ]
-                        }
-                    },
-                    "defaultConfiguration": "production"
-                },
-                "build-ng": {
-                    "builder": "@angular-devkit/build-angular:browser",
-                    "options": {
-                        "outputPath": "dist",
-                        "index": {
-                            "input": "src/index.html",
-                            "output": "../index.html"
                         },
-                        "main": "src/main.ts",
-                        "polyfills": "src/polyfills.ts",
-                        "tsConfig": "src/tsconfig.app.json",
-                        "assets": [
-                            "src/favicon.ico",
-                            "src/favicon.png",
-                            "src/assets",
-                            {
-                                "glob": "**/*",
-                                "input": "src/servicedefs",
-                                "output": "/servicedefs/"
-                            },
-                            {
-                                "glob": "**/*",
-                                "input": "src/resources",
-                                "output": "/resources/"
-                            }
-                        ],
-                        "styles": [
-                            "src/styles.css",
-                            "src/assets/styles/css/wm-style.css",
-                            "src/assets/themes/material/style.css",
-                            "src/assets/app.css",
-                            {
-                                "input": "src/assets/print.css",
-                                "inject": false,
-                                "bundleName": "print"
-                            }
-                        ],
-                        "scripts": [
-                            "./node_modules/x2js/x2js.js",
-                            "./node_modules/d3/dist/d3.min.js",
-                            "./node_modules/@wavemaker/nvd3/build/nv.d3.min.js",
-                            "./node_modules/jquery/dist/jquery.min.js",
-                            "./node_modules/jquery-ui/ui/disable-selection.js",
-                            "./node_modules/jquery-ui/ui/version.js",
-                            "./node_modules/jquery-ui/ui/widget.js",
-                            "./node_modules/jquery-ui/ui/scroll-parent.js",
-                            "./node_modules/jquery-ui/ui/plugin.js",
-                            "./node_modules/jquery-ui/ui/data.js",
-                            "./node_modules/jquery-ui/ui/widgets/mouse.js",
-                            "./node_modules/jquery-ui/ui/widgets/resizable.js",
-                            "./node_modules/jquery-ui/ui/widgets/sortable.js",
-                            "./node_modules/jquery-ui/ui/widgets/droppable.js",
-                            "./libraries/scripts/datatable/datatable.js",
-                            "./node_modules/summernote/dist/summernote-lite.min.js",
-                            "./node_modules/hammerjs/hammer.min.js",
-                            "./node_modules/iscroll/build/iscroll.js",
-                            "./node_modules/js-cookie/src/js.cookie.js",
-                            "./node_modules/jssha/dist/sha256.js",
-                            "./node_modules/@ztree/ztree_v3/js/jquery.ztree.all.js",
-                            "./libraries/scripts/tree-keyboard-navigation/keyboard-navigation.js"
-                        ],
-                        "aot": false,
-                        "vendorChunk": true,
-                        "extractLicenses": false,
-                        "buildOptimizer": false,
-                        "sourceMap": true,
-                        "optimization": false,
-                        "namedChunks": true
-                    },
-                    "configurations": {
-                        "production": {
-                            "browserTarget": "angular-app:build:production"
+                        "ng-serve": {
+                            "indexTransform": "./build-scripts/index-html-transform-ng-serve.ts",
+                            "deployUrl": "ng-bundle/",
+                            "outputPath": "dist/ng-bundle",
+                            "index": "src/index.html",
+                            "fileReplacements": [
+                                {
+                                    "replace": "src/environments/environment.ts",
+                                    "with": "src/environments/environment.dev.ts"
+                                }
+                            ],
+                            "optimization": false,
+                            "outputHashing": "none",
+                            "sourceMap": true,
+                            "namedChunks": true,
+                            "aot": true,
+                            "extractLicenses": false,
+                            "vendorChunk": true,
+                            "buildOptimizer": false,
+                            "budgets": [
+                                {
+                                    "type": "initial",
+                                    "maximumWarning": "2mb"
+                                }
+                            ]
                         }
                     },
-                    "defaultConfiguration": ""
+                    "defaultConfiguration": "production"
                 },
                 "serve": {
-                    "builder": "@angular-devkit/build-angular:dev-server",
-                    "options": {
-                        "buildTarget": "angular-app:build"
-                    },
+                    "builder": "@angular-builders/custom-webpack:dev-server",
                     "configurations": {
-                        "production": {
-                            "buildTarget": "angular-app:build:production"
+                        "development": {
+                            "buildTarget": "angular-app:build:ng-serve",
+                            "proxyConfig": "proxy.conf.js"
                         }
-                    }
+                    },
+                    "defaultConfiguration": "development"
                 },
                 "extract-i18n": {
                     "builder": "@angular-devkit/build-angular:extract-i18n",

package/build-scripts/index-html-transform-ng-serve.ts

@@ -0,0 +1,20 @@
+import {TargetOptions} from '@angular-builders/custom-webpack';
+
+export default function indexHtmlTransformNgServe(
+    targetOptions: TargetOptions,
+    indexHtml: string
+): string {
+    const deployUrl = 'ng-bundle/';
+    const wmStylesHref = `${deployUrl}wm-styles.css`;
+
+    const metaDeployUrl = `<meta name="deployUrl" content="${deployUrl}">`;
+    const linkWmStyles = `<link rel="stylesheet" type="text/css" href="${wmStylesHref}">`;
+
+    const injectHtml = `${metaDeployUrl}
+                        ${linkWmStyles}`;
+    const headCloseIndex = indexHtml.indexOf('</head>');
+
+    return `${indexHtml.slice(0, headCloseIndex)}
+            ${injectHtml}
+            ${indexHtml.slice(headCloseIndex)}`;
+}

package/build-scripts/post-build.js

@@ -164,9 +164,9 @@ const generateSha1 = (content) => {
     try {
         const angularJson = require(`${process.cwd()}/angular.json`);
         const build = angularJson['projects']['angular-app']['architect']['build'];
-        let deployUrl = args['deploy-url'] || build['options']['deployUrl'];
+        let deployUrl = args['deploy-url'] || build['configurations']['production']['deployUrl'];
         global.randomHash = deployUrl.split('/')[1];
-        let outputPath = global.opPath = args['output-path'] || build['options']['outputPath']
+        let outputPath = global.opPath = args['output-path'] || build['configurations']['production']['outputPath']
         const contents = await readFile(`./dist/index.html`, `utf8`);
         $ = cheerio.load(contents);
         isProdBuild = fs.existsSync(`${process.cwd()}/${outputPath}/wm-styles.css`);

package/dependencies/transpilation-web.cjs.js

@@ -46908,19 +46908,6 @@ const getAttrMarkup = (attrs) => {
                 v = v + `" *lazyLoad="${wrapWithApos(v)}`;
             }
             attrMarkup += `="${v}"`;
-            if (k === 'showindevice' && v !== 'all') {
-                const condition = [];
-                if (v.includes('xs')) {
-                    condition.push('Viewport.isMobileType');
-                }
-                if (v.includes('sm')) {
-                    condition.push('(Viewport.isTabletType && Viewport.orientation.isPortrait)');
-                }
-                if (v.includes('md')) {
-                    condition.push('(Viewport.isTabletType && Viewport.orientation.isLandscape)');
-                }
-                attrMarkup += ` *ngIf="${condition.join(' || ')}"`;
-            }
         }
     });
     return attrMarkup;
@@ -114855,11 +114842,13 @@ register('wm-repeat-template', () => {
             const widgetRef = (parentAccordion && parentAccordion.get('accordion_ref')) || (parentTab && parentTab.get('tabs_ref')) || (parentWizard && parentWizard.get('wizard_ref'));
             if (widgetRef) {
                 return `@if(${widgetRef}.fieldDefs && !${widgetRef}.fieldDefs.length){<div>{{${widgetRef}.nodatamessage}}</div>}
-                    <${dynamicTemplateTagName} wmRepeatTemplate #repeatItemRef="repeatItemRef" ${getAttrMarkup(attrs)} *ngFor="let item of ${widgetRef}.fieldDefs; let i = index;">
+                @for (item of ${widgetRef}.fieldDefs; track item; let i = $index) {
+                    <${dynamicTemplateTagName} wmRepeatTemplate #repeatItemRef="repeatItemRef" ${getAttrMarkup(attrs)}>
                         <ng-container [ngTemplateOutlet]="widgetRef${counter}"
                             [ngTemplateOutletContext]="{item:item, index:i}"
                             [ngTemplateOutletInjector]="${widgetRef}.createCustomInjector('dynamic_pane_' + repeatItemRef.trackId, {item:item, index:i})"></ng-container>
                     </${dynamicTemplateTagName}>
+                }
                     <ng-template #widgetRef${counter++} let-item="item" let-index="index">`;
             }
         },
@@ -115555,11 +115544,13 @@ const buildTask = (directiveAttr = '') => {
                                                      tabindex.bind="btn.tabindex" [class.hidden]="btn.updateMode ? !${counter}.isUpdateMode : ${counter}.isUpdateMode"></button>
                                         </ng-template>`;
                 mobileFormContentTmpl = `<header wmMobileNavbar name="${name}" ${getAttrMarkup(navbarAttrsMap)}>
-                                            <ng-container *ngFor="let btn of ${counter}.buttonArray; let i = index"
+                                @for (btn of ${counter}.buttonArray; track btn; let i = $index) {
+                                            <ng-container
                                                 [ngTemplateOutlet]="buttonRef"
                                                 [ngTemplateOutletContext]="{btn:btn}"
                                                 [ngTemplateOutletInjector]="${counter}.createCustomInjector('mobile_' + i, {item:item, index:i})">
                                             </ng-container>
+                                    }
                                         </header>
                                         <div class="form-elements panel-body" >`;
             }
@@ -116242,10 +116233,6 @@ const findChild = (node, childName) => {
 const createElement$4 = name => {
     return new Element$2(name, [], [], noSpan$4, noSpan$4, noSpan$4);
 };
-const addAtrribute$4 = (node, name, value) => {
-    const attr = new Attribute$2(name, value, noSpan$4, noSpan$4, noSpan$4, undefined, undefined);
-    node.attrs.push(attr);
-};
 const getElementNode = (name, node) => {
     let elementNode;
     if (!node) {
@@ -116275,9 +116262,12 @@ register('wm-page', () => {
             }
             if (pageContentNode) {
                 const conditionalNode = createElement$4('ng-container');
-                addAtrribute$4(conditionalNode, '*ngIf', 'compilePageContent');
+                const ifOpenText = new Text$1('@if (compilePageContent) {', null, undefined, undefined);
+                conditionalNode.children.push(ifOpenText);
                 conditionalNode.children = conditionalNode.children.concat(pageContentNode.children);
                 conditionalNode.children.push(new Text$1('{{onPageContentReady()}}', null, undefined, undefined));
+                const ifCloseText = new Text$1('}', null, undefined, undefined);
+                conditionalNode.children.push(ifCloseText);
                 pageContentNode.children = [conditionalNode];
             }
         },
@@ -116445,10 +116435,6 @@ const tagName$h = 'div';
 const createElement$3 = name => {
     return new Element$2(name, [], [], noSpan$3, noSpan$3, noSpan$3);
 };
-const addAtrribute$3 = (node, name, value) => {
-    const attr = new Attribute$2(name, value, noSpan$3, noSpan$3, noSpan$3, undefined, undefined);
-    node.attrs.push(attr);
-};
 const noSpan$3 = {};
 register('wm-page-content', () => {
     return {
@@ -116456,9 +116442,12 @@ register('wm-page-content', () => {
             for (let attr of node.attrs) {
                 if (attr.name === 'spa' && attr.value === 'true') {
                     const conditionalNode = createElement$3('ng-container');
-                    addAtrribute$3(conditionalNode, '*ngIf', 'compilePageContent');
+                    const ifOpenText = new Text$1('@if (compilePageContent) {', null, undefined, undefined);
+                    conditionalNode.children.push(ifOpenText);
                     conditionalNode.children = conditionalNode.children.concat(node.children);
                     conditionalNode.children.push(new Text$1('{{onPageContentReady()}}', null, undefined, undefined));
+                    const ifCloseText = new Text$1('}', null, undefined, undefined);
+                    conditionalNode.children.push(ifCloseText);
                     node.children = [conditionalNode];
                     break;
                 }
@@ -116512,16 +116501,15 @@ const noSpan$2 = {};
 const createElement$2 = name => {
     return new Element$2(name, [], [], noSpan$2, noSpan$2, noSpan$2);
 };
-const addAtrribute$2 = (node, name, value) => {
-    const attr = new Attribute$2(name, value, noSpan$2, noSpan$2, noSpan$2, undefined, undefined);
-    node.attrs.push(attr);
-};
 register('wm-partial', () => {
     return {
         template: (node) => {
             const conditionalNode = createElement$2('ng-container');
-            addAtrribute$2(conditionalNode, '*ngIf', 'compileContent');
+            const ifOpenText = new Text$1('@if (compileContent) {', null, undefined, undefined);
+            conditionalNode.children.push(ifOpenText);
             conditionalNode.children = conditionalNode.children.concat(node.children);
+            const ifCloseText = new Text$1('}', null, undefined, undefined);
+            conditionalNode.children.push(ifCloseText);
             node.children.length = 0;
             node.children.push(conditionalNode);
         },
@@ -116568,17 +116556,16 @@ const noSpan$1 = {};
 const createElement$1 = name => {
     return new Element$2(name, [], [], noSpan$1, noSpan$1, noSpan$1);
 };
-const addAtrribute$1 = (node, name, value) => {
-    const attr = new Attribute$2(name, value, noSpan$1, noSpan$1, noSpan$1, undefined, undefined);
-    node.attrs.push(attr);
-};
 const tagName$b = 'div';
 register('wm-prefab-container', () => {
     return {
         template: (node) => {
             const conditionalNode = createElement$1('ng-container');
-            addAtrribute$1(conditionalNode, '*ngIf', 'compileContent');
+            const ifOpenText = new Text$1('@if (compileContent) {', null, undefined, undefined);
+            conditionalNode.children.push(ifOpenText);
             conditionalNode.children = conditionalNode.children.concat(node.children);
+            const ifCloseText = new Text$1('}', null, undefined, undefined);
+            conditionalNode.children.push(ifCloseText);
             node.children.length = 0;
             node.children.push(conditionalNode);
         },
@@ -116927,8 +116914,10 @@ register('wm-table-row', () => {
                     <ng-template #rowExpansionTmpl let-row="row" let-rowDef="rowDef" let-containerLoad="containerLoad">
                         <div wmContainer partialContainer content.bind="rowDef.content" load.event="containerLoad(widget)"
                             [ngStyle]="{'height': rowDef.height, 'overflow-y': 'auto'}">
-                         <div *ngFor="let param of rowDef.partialParams | keyvalue" wmParam hidden
-                            [name]="param.key" [value]="param.value"></div>`;
+                        @for (param of rowDef.partialParams | keyvalue; track param) {
+                         <div wmParam hidden
+                            [name]="param.key" [value]="param.value"></div>
+                        }`;
         },
         post: () => `</div></ng-template></${tagName$7}>`
     };

package/dependency-report.html

@@ -69,7 +69,7 @@
 <body>
     <div class="header">
         <h1>Angular Project Dependencies Report</h1>
-        <p class="timestamp">Generated on: 9/13/2025, 2:53:34 PM</p>
+        <p class="timestamp">Generated on: 9/27/2025, 11:23:11 PM</p>
     </div>
 
     <div class="section">