@wavemaker/app-ng-runtime 11.12.1-rc.6244 → 11.13.0-rc.6255

package/build-task/fesm2022/index.mjs

@@ -611,11 +611,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">`;
             }
         },
@@ -1312,11 +1314,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" >`;
             }
@@ -1999,10 +2003,6 @@ const findChild = (node, childName) => {
 const createElement$4 = name => {
     return new Element(name, [], [], noSpan$4, noSpan$4, noSpan$4);
 };
-const addAtrribute$4 = (node, name, value) => {
-    const attr = new Attribute(name, value, noSpan$4, noSpan$4, noSpan$4, undefined, undefined);
-    node.attrs.push(attr);
-};
 const getElementNode = (name, node) => {
     let elementNode;
     if (!node) {
@@ -2032,9 +2032,12 @@ register('wm-page', () => {
             }
             if (pageContentNode) {
                 const conditionalNode = createElement$4('ng-container');
-                addAtrribute$4(conditionalNode, '*ngIf', 'compilePageContent');
+                const ifOpenText = new Text('@if (compilePageContent) {', null, undefined, undefined);
+                conditionalNode.children.push(ifOpenText);
                 conditionalNode.children = conditionalNode.children.concat(pageContentNode.children);
                 conditionalNode.children.push(new Text('{{onPageContentReady()}}', null, undefined, undefined));
+                const ifCloseText = new Text('}', null, undefined, undefined);
+                conditionalNode.children.push(ifCloseText);
                 pageContentNode.children = [conditionalNode];
             }
         },
@@ -2202,10 +2205,6 @@ const tagName$h = 'div';
 const createElement$3 = name => {
     return new Element(name, [], [], noSpan$3, noSpan$3, noSpan$3);
 };
-const addAtrribute$3 = (node, name, value) => {
-    const attr = new Attribute(name, value, noSpan$3, noSpan$3, noSpan$3, undefined, undefined);
-    node.attrs.push(attr);
-};
 const noSpan$3 = {};
 register('wm-page-content', () => {
     return {
@@ -2213,9 +2212,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('@if (compilePageContent) {', null, undefined, undefined);
+                    conditionalNode.children.push(ifOpenText);
                     conditionalNode.children = conditionalNode.children.concat(node.children);
                     conditionalNode.children.push(new Text('{{onPageContentReady()}}', null, undefined, undefined));
+                    const ifCloseText = new Text('}', null, undefined, undefined);
+                    conditionalNode.children.push(ifCloseText);
                     node.children = [conditionalNode];
                     break;
                 }
@@ -2269,16 +2271,15 @@ const noSpan$2 = {};
 const createElement$2 = name => {
     return new Element(name, [], [], noSpan$2, noSpan$2, noSpan$2);
 };
-const addAtrribute$2 = (node, name, value) => {
-    const attr = new Attribute(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('@if (compileContent) {', null, undefined, undefined);
+            conditionalNode.children.push(ifOpenText);
             conditionalNode.children = conditionalNode.children.concat(node.children);
+            const ifCloseText = new Text('}', null, undefined, undefined);
+            conditionalNode.children.push(ifCloseText);
             node.children.length = 0;
             node.children.push(conditionalNode);
         },
@@ -2325,17 +2326,16 @@ const noSpan$1 = {};
 const createElement$1 = name => {
     return new Element(name, [], [], noSpan$1, noSpan$1, noSpan$1);
 };
-const addAtrribute$1 = (node, name, value) => {
-    const attr = new Attribute(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('@if (compileContent) {', null, undefined, undefined);
+            conditionalNode.children.push(ifOpenText);
             conditionalNode.children = conditionalNode.children.concat(node.children);
+            const ifCloseText = new Text('}', null, undefined, undefined);
+            conditionalNode.children.push(ifCloseText);
             node.children.length = 0;
             node.children.push(conditionalNode);
         },
@@ -2684,8 +2684,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}>`
     };