@wavemaker-ai/app-ng-runtime 1.0.0-rc.647469 → 1.0.0-rc.647499

package/build-task/bundles/index.umd.js

@@ -13,11 +13,14 @@
             pre: (attrs, shared) => {
                 // generating unique Id for the carousel
                 const counter = idGen$v.nextUid();
-                let style;
+                let style = '';
                 if (attrs?.get('height')?.endsWith('%')) {
                     style = `height:${parseInt(attrs.get('height'), 10)}vh`;
                     attrs.set('height', '100%');
                 }
+                if (attrs?.get('width')) {
+                    style += style ? `;` : '' + `width:${attrs.get('width')}`;
+                }
                 shared.set('carousel_ref', counter);
                 return `<div class="app-carousel carousel" style="${style}"><${carouselTagName} wmCarousel #${counter}="wmCarousel"  ${transpiler.getAttrMarkup(attrs)} interval="0" [ngClass]="${counter}.navigationClass">`;
             },
@@ -862,13 +865,6 @@
             post: () => `</ng-template></${tagName$11}>`
         };
     });
-    // Todo:vinay remove wm-view in migration
-    transpiler.register('wm-view', () => {
-        return {
-            pre: attrs => '',
-            post: () => ''
-        };
-    });
     var dialog_build = () => { };
 
     var dialog_build$1 = /*#__PURE__*/Object.freeze({
@@ -2039,9 +2035,6 @@
         const child = node && node.children.find(e => (e instanceof compiler.Element && e.name === childName));
         return child;
     };
-    const createElement$4 = name => {
-        return new compiler.Element(name, [], [], noSpan$4, noSpan$4, noSpan$4);
-    };
     const getElementNode = (name, node) => {
         let elementNode;
         if (!node) {
@@ -2060,7 +2053,6 @@
         });
         return elementNode;
     };
-    const noSpan$4 = {};
     const idGen$9 = new core.IDGenerator('wm_page');
     transpiler.register('wm-page', () => {
         return {
@@ -2070,14 +2062,9 @@
                     pageContentNode = getElementNode('wm-page-content', getElementNode('wm-content', node));
                 }
                 if (pageContentNode) {
-                    const conditionalNode = createElement$4('ng-container');
-                    const ifOpenText = new compiler.Text('@if (compilePageContent) {', null, undefined, undefined);
-                    conditionalNode.children.push(ifOpenText);
-                    conditionalNode.children = conditionalNode.children.concat(pageContentNode.children);
-                    conditionalNode.children.push(new compiler.Text('{{onPageContentReady()}}', null, undefined, undefined));
-                    const ifCloseText = new compiler.Text('}', null, undefined, undefined);
-                    conditionalNode.children.push(ifCloseText);
-                    pageContentNode.children = [conditionalNode];
+                    // Wrap content in @if block with proper newlines to avoid template syntax errors
+                    pageContentNode.children.unshift(new compiler.Text('@if (compilePageContent) {\n', null, undefined, undefined));
+                    pageContentNode.children.push(new compiler.Text('\n{{onPageContentReady()}}\n}', null, undefined, undefined));
                 }
             },
             pre: (attrs) => {
@@ -2241,23 +2228,14 @@
     });
 
     const tagName$h = 'div';
-    const createElement$3 = name => {
-        return new compiler.Element(name, [], [], noSpan$3, noSpan$3, noSpan$3);
-    };
-    const noSpan$3 = {};
     transpiler.register('wm-page-content', () => {
         return {
             template: (node) => {
+                // For SPA pages, just append onPageContentReady() without conditional wrapping
                 for (let attr of node.attrs) {
                     if (attr.name === 'spa' && attr.value === 'true') {
-                        const conditionalNode = createElement$3('ng-container');
-                        const ifOpenText = new compiler.Text('@if (compilePageContent) {', null, undefined, undefined);
-                        conditionalNode.children.push(ifOpenText);
-                        conditionalNode.children = conditionalNode.children.concat(node.children);
-                        conditionalNode.children.push(new compiler.Text('{{onPageContentReady()}}', null, undefined, undefined));
-                        const ifCloseText = new compiler.Text('}', null, undefined, undefined);
-                        conditionalNode.children.push(ifCloseText);
-                        node.children = [conditionalNode];
+                        // No conditional wrapping needed - content should render immediately
+                        node.children.push(new compiler.Text('{{onPageContentReady()}}', null, undefined, undefined));
                         break;
                     }
                 }
@@ -2312,21 +2290,12 @@
     });
 
     const tagName$e = 'section';
-    const noSpan$2 = {};
-    const createElement$2 = name => {
-        return new compiler.Element(name, [], [], noSpan$2, noSpan$2, noSpan$2);
-    };
     transpiler.register('wm-partial', () => {
         return {
             template: (node) => {
-                const conditionalNode = createElement$2('ng-container');
-                const ifOpenText = new compiler.Text('@if (compileContent) {', null, undefined, undefined);
-                conditionalNode.children.push(ifOpenText);
-                conditionalNode.children = conditionalNode.children.concat(node.children);
-                const ifCloseText = new compiler.Text('}', null, undefined, undefined);
-                conditionalNode.children.push(ifCloseText);
-                node.children.length = 0;
-                node.children.push(conditionalNode);
+                // Wrap content in @if block with proper newlines to avoid template syntax errors
+                node.children.unshift(new compiler.Text('@if (compileContent) {\n', null, undefined, undefined));
+                node.children.push(new compiler.Text('\n}', null, undefined, undefined));
             },
             pre: attrs => `<${tagName$e} wmPartial data-role="partial" ${transpiler.getAttrMarkup(attrs)}>`,
             post: () => `</${tagName$e}>`
@@ -2367,22 +2336,13 @@
         default: prefab_build
     });
 
-    const noSpan$1 = {};
-    const createElement$1 = name => {
-        return new compiler.Element(name, [], [], noSpan$1, noSpan$1, noSpan$1);
-    };
     const tagName$b = 'div';
     transpiler.register('wm-prefab-container', () => {
         return {
             template: (node) => {
-                const conditionalNode = createElement$1('ng-container');
-                const ifOpenText = new compiler.Text('@if (compileContent) {', null, undefined, undefined);
-                conditionalNode.children.push(ifOpenText);
-                conditionalNode.children = conditionalNode.children.concat(node.children);
-                const ifCloseText = new compiler.Text('}', null, undefined, undefined);
-                conditionalNode.children.push(ifCloseText);
-                node.children.length = 0;
-                node.children.push(conditionalNode);
+                // Wrap content in @if block with proper newlines to avoid template syntax errors
+                node.children.unshift(new compiler.Text('@if (compileContent) {\n', null, undefined, undefined));
+                node.children.push(new compiler.Text('\n}', null, undefined, undefined));
             },
             pre: attrs => `<${tagName$b} wmPrefabContainer ${transpiler.getAttrMarkup(attrs)}>`,
             post: () => `</${tagName$b}>`
@@ -2959,18 +2919,12 @@
     });
 
     const tagName = 'section';
-    const noSpan = {};
-    const createElement = name => {
-        return new compiler.Element(name, [], [], noSpan, noSpan, noSpan);
-    };
     transpiler.register('wm-custom-widget-container', () => {
         return {
             template: (node) => {
-                const conditionalNode = createElement('ng-container');
-                // addAtrribute(conditionalNode, '*ngIf', 'compileContent');
-                conditionalNode.children = conditionalNode.children.concat(node.children);
-                node.children.length = 0;
-                node.children.push(conditionalNode);
+                // Wrap content in @if block with proper newlines to avoid template syntax errors
+                node.children.unshift(new compiler.Text('@if (compileContent) {\n', null, undefined, undefined));
+                node.children.push(new compiler.Text('\n}', null, undefined, undefined));
             },
             pre: attrs => `<${tagName} wmCustomWidget data-role="widget" ${transpiler.getAttrMarkup(attrs)}>`,
             post: () => `</${tagName}>`

package/build-task/fesm2022/index.mjs

@@ -13,11 +13,14 @@ register('wm-carousel', () => {
         pre: (attrs, shared) => {
             // generating unique Id for the carousel
             const counter = idGen$v.nextUid();
-            let style;
+            let style = '';
             if (attrs?.get('height')?.endsWith('%')) {
                 style = `height:${parseInt(attrs.get('height'), 10)}vh`;
                 attrs.set('height', '100%');
             }
+            if (attrs?.get('width')) {
+                style += style ? `;` : '' + `width:${attrs.get('width')}`;
+            }
             shared.set('carousel_ref', counter);
             return `<div class="app-carousel carousel" style="${style}"><${carouselTagName} wmCarousel #${counter}="wmCarousel"  ${getAttrMarkup(attrs)} interval="0" [ngClass]="${counter}.navigationClass">`;
         },
@@ -862,13 +865,6 @@ register('wm-dialog', () => {
         post: () => `</ng-template></${tagName$11}>`
     };
 });
-// Todo:vinay remove wm-view in migration
-register('wm-view', () => {
-    return {
-        pre: attrs => '',
-        post: () => ''
-    };
-});
 var dialog_build = () => { };
 
 var dialog_build$1 = /*#__PURE__*/Object.freeze({
@@ -2040,9 +2036,6 @@ const findChild = (node, childName) => {
     const child = node && node.children.find(e => (e instanceof Element && e.name === childName));
     return child;
 };
-const createElement$4 = name => {
-    return new Element(name, [], [], noSpan$4, noSpan$4, noSpan$4);
-};
 const getElementNode = (name, node) => {
     let elementNode;
     if (!node) {
@@ -2061,7 +2054,7 @@ const getElementNode = (name, node) => {
     });
     return elementNode;
 };
-const noSpan$4 = {};
+const noSpan = {};
 const idGen$9 = new IDGenerator('wm_page');
 register('wm-page', () => {
     return {
@@ -2071,14 +2064,9 @@ register('wm-page', () => {
                 pageContentNode = getElementNode('wm-page-content', getElementNode('wm-content', node));
             }
             if (pageContentNode) {
-                const conditionalNode = createElement$4('ng-container');
-                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];
+                // Wrap content in @if block with proper newlines to avoid template syntax errors
+                pageContentNode.children.unshift(new Text('@if (compilePageContent) {\n', null, undefined, undefined));
+                pageContentNode.children.push(new Text('\n{{onPageContentReady()}}\n}', null, undefined, undefined));
             }
         },
         pre: (attrs) => {
@@ -2242,23 +2230,14 @@ var rightPanel_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$h = 'div';
-const createElement$3 = name => {
-    return new Element(name, [], [], noSpan$3, noSpan$3, noSpan$3);
-};
-const noSpan$3 = {};
 register('wm-page-content', () => {
     return {
         template: (node) => {
+            // For SPA pages, just append onPageContentReady() without conditional wrapping
             for (let attr of node.attrs) {
                 if (attr.name === 'spa' && attr.value === 'true') {
-                    const conditionalNode = createElement$3('ng-container');
-                    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];
+                    // No conditional wrapping needed - content should render immediately
+                    node.children.push(new Text('{{onPageContentReady()}}', null, undefined, undefined));
                     break;
                 }
             }
@@ -2313,21 +2292,12 @@ var topNav_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$e = 'section';
-const noSpan$2 = {};
-const createElement$2 = name => {
-    return new Element(name, [], [], noSpan$2, noSpan$2, noSpan$2);
-};
 register('wm-partial', () => {
     return {
         template: (node) => {
-            const conditionalNode = createElement$2('ng-container');
-            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);
+            // Wrap content in @if block with proper newlines to avoid template syntax errors
+            node.children.unshift(new Text('@if (compileContent) {\n', null, undefined, undefined));
+            node.children.push(new Text('\n}', null, undefined, undefined));
         },
         pre: attrs => `<${tagName$e} wmPartial data-role="partial" ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName$e}>`
@@ -2368,22 +2338,13 @@ var prefab_build$1 = /*#__PURE__*/Object.freeze({
     default: prefab_build
 });
 
-const noSpan$1 = {};
-const createElement$1 = name => {
-    return new Element(name, [], [], noSpan$1, noSpan$1, noSpan$1);
-};
 const tagName$b = 'div';
 register('wm-prefab-container', () => {
     return {
         template: (node) => {
-            const conditionalNode = createElement$1('ng-container');
-            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);
+            // Wrap content in @if block with proper newlines to avoid template syntax errors
+            node.children.unshift(new Text('@if (compileContent) {\n', null, undefined, undefined));
+            node.children.push(new Text('\n}', null, undefined, undefined));
         },
         pre: attrs => `<${tagName$b} wmPrefabContainer ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName$b}>`
@@ -2960,22 +2921,12 @@ var customWidgetContainer_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName = 'section';
-const noSpan = {};
-const createElement = name => {
-    return new Element(name, [], [], noSpan, noSpan, noSpan);
-};
-const addAtrribute = (node, name, value) => {
-    const attr = new Attribute(name, value, noSpan, noSpan, noSpan, undefined, undefined);
-    node.attrs.push(attr);
-};
 register('wm-custom-widget-container', () => {
     return {
         template: (node) => {
-            const conditionalNode = createElement('ng-container');
-            // addAtrribute(conditionalNode, '*ngIf', 'compileContent');
-            conditionalNode.children = conditionalNode.children.concat(node.children);
-            node.children.length = 0;
-            node.children.push(conditionalNode);
+            // Wrap content in @if block with proper newlines to avoid template syntax errors
+            node.children.unshift(new Text('@if (compileContent) {\n', null, undefined, undefined));
+            node.children.push(new Text('\n}', null, undefined, undefined));
         },
         pre: attrs => `<${tagName} wmCustomWidget data-role="widget" ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName}>`