@wavemaker/angular-codegen 11.0.1-next.139249 → 11.0.1-next.139253

angular-codegen/angular-app/package.json

@@ -68,7 +68,7 @@
         "tslib": "^2.0.0",
         "x2js": "3.2.6",
         "zone.js": "~0.10.3",
-        "@wavemaker/app-ng-runtime": "11.0.1-next.139249"
+        "@wavemaker/app-ng-runtime": "11.0.1-next.139253"
     },
     "devDependencies": {
         "@ampproject/rollup-plugin-closure-compiler": "0.8.5",

angular-codegen/dependencies/expression-parser.cjs.js

@@ -17570,6 +17570,21 @@ const nullPipe = () => {
     };
 };
 const ɵ10 = nullPipe;
+let _cspEnabled;
+const isCSPEnabled = () => {
+    if (typeof _cspEnabled !== 'undefined') {
+        return _cspEnabled;
+    }
+    try {
+        new Function();
+        _cspEnabled = false;
+    }
+    catch (e) {
+        _cspEnabled = true;
+    }
+    return _cspEnabled;
+};
+const ɵ11 = isCSPEnabled;
 let pipeProvider;
 function setPipeProvider(_pipeProvider) {
     pipeProvider = _pipeProvider;
@@ -17604,53 +17619,82 @@ function $parseExpr(expr, defOnly) {
     }
     // fallback to generate function in runtime. This will break if CSP is enabled
     if (!boundFn) {
-        const parser = new Parser$1(new Lexer);
-        const ast = parser.parseBinding(expr, '', 0);
-        if (ast.errors.length) {
-            fn = noop;
-            boundFn = fn;
+        // If CSP enabled, function def not found from the generated fn expressions for the page.
+        // Handle bind expressions used internally inside WM components. e.g. wmAnchor used inside nav.comp.html
+        if (isCSPEnabled()) {
+            boundFn = function (ctx, locals) {
+                // handle internal bindings for wm widgets used inside a component
+                let _ctx = Object.assign({}, locals);
+                Object.setPrototypeOf(_ctx, ctx);
+                return _.get(_ctx, expr);
+            };
         }
         else {
-            const pipeNameVsIsPureMap = pipeProvider.getPipeNameVsIsPureMap();
-            const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Binding, pipeNameVsIsPureMap);
-            fn = astCompiler.compile(defOnly);
-            if (defOnly) {
-                return fn;
-            }
-            if (fn.usedPipes.length) {
-                const pipeArgs = [];
-                let hasPurePipe = false;
-                for (const [pipeName] of fn.usedPipes) {
-                    const pipeInfo = pipeProvider.meta(pipeName);
-                    let pipeInstance;
-                    if (!pipeInfo) {
-                        pipeInstance = nullPipe;
-                    }
-                    else {
-                        if (pipeInfo.pure) {
-                            hasPurePipe = true;
-                            pipeInstance = purePipes.get(pipeName);
-                        }
-                        if (!pipeInstance) {
-                            pipeInstance = pipeProvider.getInstance(pipeName);
+            const parser = new Parser$1(new Lexer);
+            const ast = parser.parseBinding(expr, '', 0);
+            if (ast.errors.length) {
+                fn = noop;
+                boundFn = fn;
+            }
+            else {
+                const pipeNameVsIsPureMap = pipeProvider.getPipeNameVsIsPureMap();
+                const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Binding, pipeNameVsIsPureMap);
+                fn = astCompiler.compile(defOnly);
+                if (defOnly) {
+                    return fn;
+                }
+                if (fn.usedPipes.length) {
+                    const pipeArgs = [];
+                    let hasPurePipe = false;
+                    for (const [pipeName] of fn.usedPipes) {
+                        const pipeInfo = pipeProvider.meta(pipeName);
+                        let pipeInstance;
+                        if (!pipeInfo) {
+                            pipeInstance = nullPipe;
                         }
-                        if (pipeInfo.pure) {
-                            purePipes.set(pipeName, pipeInstance);
+                        else {
+                            if (pipeInfo.pure) {
+                                hasPurePipe = true;
+                                pipeInstance = purePipes.get(pipeName);
+                            }
+                            if (!pipeInstance) {
+                                pipeInstance = pipeProvider.getInstance(pipeName);
+                            }
+                            if (pipeInfo.pure) {
+                                purePipes.set(pipeName, pipeInstance);
+                            }
                         }
+                        pipeArgs.push(pipeInstance);
                     }
-                    pipeArgs.push(pipeInstance);
+                    pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
+                    boundFn = fn.bind(undefined, ...pipeArgs);
+                }
+                else {
+                    boundFn = fn.bind(undefined, undefined);
                 }
-                pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
-                boundFn = fn.bind(undefined, ...pipeArgs);
-            }
-            else {
-                boundFn = fn.bind(undefined, undefined);
             }
         }
     }
     exprFnCache.set(expr, boundFn);
     return boundFn;
 }
+function simpleFunctionEvaluator(expr, ctx, locals) {
+    let _ctx = Object.assign({}, locals);
+    Object.setPrototypeOf(_ctx, ctx);
+    let parts = expr.split('(');
+    let fnName = parts[0];
+    let computedFn = _.get(ctx, fnName);
+    if (computedFn) {
+        let args = parts[1].replace(')', '');
+        args = args.split(',');
+        let computedArgs = [];
+        args.forEach((arg) => {
+            arg = arg && arg.trim();
+            computedArgs.push(_.get(_ctx, arg));
+        });
+        return computedFn.bind(_ctx)(...computedArgs);
+    }
+}
 function $parseEvent(expr, defOnly) {
     if (!isString(expr)) {
         return noop;
@@ -17668,13 +17712,18 @@ function $parseEvent(expr, defOnly) {
     }
     // fallback to generate function in runtime. This will break if CSP is enabled
     if (!fn) {
-        const parser = new Parser$1(new Lexer);
-        const ast = parser.parseAction(expr, '', 0);
-        if (ast.errors.length) {
-            return noop;
+        if (isCSPEnabled()) {
+            fn = simpleFunctionEvaluator.bind(undefined, expr);
+        }
+        else {
+            const parser = new Parser$1(new Lexer);
+            const ast = parser.parseAction(expr, '', 0);
+            if (ast.errors.length) {
+                return noop;
+            }
+            const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Action);
+            fn = astCompiler.compile(defOnly);
         }
-        const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Action);
-        fn = astCompiler.compile(defOnly);
     }
     eventFnCache.set(expr, fn);
     return fn;
@@ -17688,7 +17737,6 @@ const getFnByExpr = (expr) => fnNameMap.get(expr);
 const fnExecutor = (expr, exprType) => {
     let fn = getFnByExpr(expr);
     if (!fn) {
-        console.warn("didn't find fn for the expr: ", expr, ". Falling back to runtime evaluation");
         return;
     }
     const usedPipes = fn.usedPipes || [];
@@ -17731,7 +17779,7 @@ const fnExecutor = (expr, exprType) => {
     }
     return fn;
 };
-const ɵ11 = fnExecutor;
+const ɵ12 = fnExecutor;
 const getFnForBindExpr = (expr) => {
     return fnExecutor(expr, ExpressionType$1.Binding);
 };
@@ -17758,3 +17806,4 @@ exports.ɵ8 = ɵ8;
 exports.ɵ9 = ɵ9;
 exports.ɵ10 = ɵ10;
 exports.ɵ11 = ɵ11;
+exports.ɵ12 = ɵ12;

angular-codegen/dependencies/pipe-provider.cjs.js

@@ -42658,6 +42658,20 @@ const nullPipe = () => {
         transform: noop$1$1
     };
 };
+let _cspEnabled;
+const isCSPEnabled = () => {
+    if (typeof _cspEnabled !== 'undefined') {
+        return _cspEnabled;
+    }
+    try {
+        new Function();
+        _cspEnabled = false;
+    }
+    catch (e) {
+        _cspEnabled = true;
+    }
+    return _cspEnabled;
+};
 let pipeProvider;
 var ExpressionType$1;
 (function (ExpressionType$$1) {
@@ -42689,53 +42703,82 @@ function $parseExpr(expr, defOnly) {
     }
     // fallback to generate function in runtime. This will break if CSP is enabled
     if (!boundFn) {
-        const parser = new Parser$1(new Lexer);
-        const ast = parser.parseBinding(expr, '', 0);
-        if (ast.errors.length) {
-            fn = noop$1$1;
-            boundFn = fn;
+        // If CSP enabled, function def not found from the generated fn expressions for the page.
+        // Handle bind expressions used internally inside WM components. e.g. wmAnchor used inside nav.comp.html
+        if (isCSPEnabled()) {
+            boundFn = function (ctx, locals) {
+                // handle internal bindings for wm widgets used inside a component
+                let _ctx = Object.assign({}, locals);
+                Object.setPrototypeOf(_ctx, ctx);
+                return _.get(_ctx, expr);
+            };
         }
         else {
-            const pipeNameVsIsPureMap = pipeProvider.getPipeNameVsIsPureMap();
-            const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Binding, pipeNameVsIsPureMap);
-            fn = astCompiler.compile(defOnly);
-            if (defOnly) {
-                return fn;
-            }
-            if (fn.usedPipes.length) {
-                const pipeArgs = [];
-                let hasPurePipe = false;
-                for (const [pipeName] of fn.usedPipes) {
-                    const pipeInfo = pipeProvider.meta(pipeName);
-                    let pipeInstance;
-                    if (!pipeInfo) {
-                        pipeInstance = nullPipe;
-                    }
-                    else {
-                        if (pipeInfo.pure) {
-                            hasPurePipe = true;
-                            pipeInstance = purePipes.get(pipeName);
-                        }
-                        if (!pipeInstance) {
-                            pipeInstance = pipeProvider.getInstance(pipeName);
+            const parser = new Parser$1(new Lexer);
+            const ast = parser.parseBinding(expr, '', 0);
+            if (ast.errors.length) {
+                fn = noop$1$1;
+                boundFn = fn;
+            }
+            else {
+                const pipeNameVsIsPureMap = pipeProvider.getPipeNameVsIsPureMap();
+                const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Binding, pipeNameVsIsPureMap);
+                fn = astCompiler.compile(defOnly);
+                if (defOnly) {
+                    return fn;
+                }
+                if (fn.usedPipes.length) {
+                    const pipeArgs = [];
+                    let hasPurePipe = false;
+                    for (const [pipeName] of fn.usedPipes) {
+                        const pipeInfo = pipeProvider.meta(pipeName);
+                        let pipeInstance;
+                        if (!pipeInfo) {
+                            pipeInstance = nullPipe;
                         }
-                        if (pipeInfo.pure) {
-                            purePipes.set(pipeName, pipeInstance);
+                        else {
+                            if (pipeInfo.pure) {
+                                hasPurePipe = true;
+                                pipeInstance = purePipes.get(pipeName);
+                            }
+                            if (!pipeInstance) {
+                                pipeInstance = pipeProvider.getInstance(pipeName);
+                            }
+                            if (pipeInfo.pure) {
+                                purePipes.set(pipeName, pipeInstance);
+                            }
                         }
+                        pipeArgs.push(pipeInstance);
                     }
-                    pipeArgs.push(pipeInstance);
+                    pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
+                    boundFn = fn.bind(undefined, ...pipeArgs);
+                }
+                else {
+                    boundFn = fn.bind(undefined, undefined);
                 }
-                pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
-                boundFn = fn.bind(undefined, ...pipeArgs);
-            }
-            else {
-                boundFn = fn.bind(undefined, undefined);
             }
         }
     }
     exprFnCache.set(expr, boundFn);
     return boundFn;
 }
+function simpleFunctionEvaluator(expr, ctx, locals) {
+    let _ctx = Object.assign({}, locals);
+    Object.setPrototypeOf(_ctx, ctx);
+    let parts = expr.split('(');
+    let fnName = parts[0];
+    let computedFn = _.get(ctx, fnName);
+    if (computedFn) {
+        let args = parts[1].replace(')', '');
+        args = args.split(',');
+        let computedArgs = [];
+        args.forEach((arg) => {
+            arg = arg && arg.trim();
+            computedArgs.push(_.get(_ctx, arg));
+        });
+        return computedFn.bind(_ctx)(...computedArgs);
+    }
+}
 function $parseEvent(expr, defOnly) {
     if (!isString$1(expr)) {
         return noop$1$1;
@@ -42753,13 +42796,18 @@ function $parseEvent(expr, defOnly) {
     }
     // fallback to generate function in runtime. This will break if CSP is enabled
     if (!fn) {
-        const parser = new Parser$1(new Lexer);
-        const ast = parser.parseAction(expr, '', 0);
-        if (ast.errors.length) {
-            return noop$1$1;
+        if (isCSPEnabled()) {
+            fn = simpleFunctionEvaluator.bind(undefined, expr);
+        }
+        else {
+            const parser = new Parser$1(new Lexer);
+            const ast = parser.parseAction(expr, '', 0);
+            if (ast.errors.length) {
+                return noop$1$1;
+            }
+            const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Action);
+            fn = astCompiler.compile(defOnly);
         }
-        const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Action);
-        fn = astCompiler.compile(defOnly);
     }
     eventFnCache.set(expr, fn);
     return fn;
@@ -42769,7 +42817,6 @@ const getFnByExpr = (expr) => fnNameMap.get(expr);
 const fnExecutor = (expr, exprType) => {
     let fn = getFnByExpr(expr);
     if (!fn) {
-        console.warn("didn't find fn for the expr: ", expr, ". Falling back to runtime evaluation");
         return;
     }
     const usedPipes = fn.usedPipes || [];
@@ -43657,10 +43704,26 @@ const loadScript = (url, loadViaScriptTag, cacheable = false) => __awaiter$1(voi
         return Promise.resolve();
     }
     if (loadViaScriptTag) {
-        return fetchContent('text', _url, false, text => {
-            const script = document.createElement('script');
-            script.textContent = text;
-            document.head.appendChild(script);
+        return new Promise((resolve, reject) => {
+            let script = document.createElement('script');
+            script.type = 'text/javascript';
+            script.src = _url;
+            script.async = false;
+            if (script.readyState) { //IE
+                script.onreadystatechange = () => {
+                    if (script.readyState === "loaded" || script.readyState === "complete") {
+                        script.onreadystatechange = null;
+                        resolve(true);
+                    }
+                };
+            }
+            else { //Other browsers
+                script.onload = () => {
+                    resolve(true);
+                };
+            }
+            script.onerror = (error) => reject(error);
+            document.getElementsByTagName('head')[0].appendChild(script);
         });
     }
     else if (cacheable) {
@@ -43676,13 +43739,6 @@ const loadScript = (url, loadViaScriptTag, cacheable = false) => __awaiter$1(voi
             .done(response => response)
             .fail(reason => reason);
     }
-    // return fetch(_url)
-    //     .then(response => response.text())
-    //     .then(text => {
-    //         const script = document.createElement('script');
-    //         script.textContent = text;
-    //         document.head.appendChild(script);
-    //     });
 });
 const loadScripts = (urls = [], loadViaScriptTag = true) => __awaiter$1(void 0, void 0, void 0, function* () {
     for (const url of urls) {

angular-codegen/dependencies/transpilation-mobile.cjs.js

@@ -38646,6 +38646,20 @@ const nullPipe = () => {
         transform: noop$1$1
     };
 };
+let _cspEnabled;
+const isCSPEnabled = () => {
+    if (typeof _cspEnabled !== 'undefined') {
+        return _cspEnabled;
+    }
+    try {
+        new Function();
+        _cspEnabled = false;
+    }
+    catch (e) {
+        _cspEnabled = true;
+    }
+    return _cspEnabled;
+};
 let pipeProvider;
 var ExpressionType$1;
 (function (ExpressionType$$1) {
@@ -38677,53 +38691,82 @@ function $parseExpr(expr, defOnly) {
     }
     // fallback to generate function in runtime. This will break if CSP is enabled
     if (!boundFn) {
-        const parser = new Parser$1(new Lexer);
-        const ast = parser.parseBinding(expr, '', 0);
-        if (ast.errors.length) {
-            fn = noop$1$1;
-            boundFn = fn;
+        // If CSP enabled, function def not found from the generated fn expressions for the page.
+        // Handle bind expressions used internally inside WM components. e.g. wmAnchor used inside nav.comp.html
+        if (isCSPEnabled()) {
+            boundFn = function (ctx, locals) {
+                // handle internal bindings for wm widgets used inside a component
+                let _ctx = Object.assign({}, locals);
+                Object.setPrototypeOf(_ctx, ctx);
+                return _.get(_ctx, expr);
+            };
         }
         else {
-            const pipeNameVsIsPureMap = pipeProvider.getPipeNameVsIsPureMap();
-            const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Binding, pipeNameVsIsPureMap);
-            fn = astCompiler.compile(defOnly);
-            if (defOnly) {
-                return fn;
-            }
-            if (fn.usedPipes.length) {
-                const pipeArgs = [];
-                let hasPurePipe = false;
-                for (const [pipeName] of fn.usedPipes) {
-                    const pipeInfo = pipeProvider.meta(pipeName);
-                    let pipeInstance;
-                    if (!pipeInfo) {
-                        pipeInstance = nullPipe;
-                    }
-                    else {
-                        if (pipeInfo.pure) {
-                            hasPurePipe = true;
-                            pipeInstance = purePipes.get(pipeName);
-                        }
-                        if (!pipeInstance) {
-                            pipeInstance = pipeProvider.getInstance(pipeName);
+            const parser = new Parser$1(new Lexer);
+            const ast = parser.parseBinding(expr, '', 0);
+            if (ast.errors.length) {
+                fn = noop$1$1;
+                boundFn = fn;
+            }
+            else {
+                const pipeNameVsIsPureMap = pipeProvider.getPipeNameVsIsPureMap();
+                const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Binding, pipeNameVsIsPureMap);
+                fn = astCompiler.compile(defOnly);
+                if (defOnly) {
+                    return fn;
+                }
+                if (fn.usedPipes.length) {
+                    const pipeArgs = [];
+                    let hasPurePipe = false;
+                    for (const [pipeName] of fn.usedPipes) {
+                        const pipeInfo = pipeProvider.meta(pipeName);
+                        let pipeInstance;
+                        if (!pipeInfo) {
+                            pipeInstance = nullPipe;
                         }
-                        if (pipeInfo.pure) {
-                            purePipes.set(pipeName, pipeInstance);
+                        else {
+                            if (pipeInfo.pure) {
+                                hasPurePipe = true;
+                                pipeInstance = purePipes.get(pipeName);
+                            }
+                            if (!pipeInstance) {
+                                pipeInstance = pipeProvider.getInstance(pipeName);
+                            }
+                            if (pipeInfo.pure) {
+                                purePipes.set(pipeName, pipeInstance);
+                            }
                         }
+                        pipeArgs.push(pipeInstance);
                     }
-                    pipeArgs.push(pipeInstance);
+                    pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
+                    boundFn = fn.bind(undefined, ...pipeArgs);
+                }
+                else {
+                    boundFn = fn.bind(undefined, undefined);
                 }
-                pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
-                boundFn = fn.bind(undefined, ...pipeArgs);
-            }
-            else {
-                boundFn = fn.bind(undefined, undefined);
             }
         }
     }
     exprFnCache.set(expr, boundFn);
     return boundFn;
 }
+function simpleFunctionEvaluator(expr, ctx, locals) {
+    let _ctx = Object.assign({}, locals);
+    Object.setPrototypeOf(_ctx, ctx);
+    let parts = expr.split('(');
+    let fnName = parts[0];
+    let computedFn = _.get(ctx, fnName);
+    if (computedFn) {
+        let args = parts[1].replace(')', '');
+        args = args.split(',');
+        let computedArgs = [];
+        args.forEach((arg) => {
+            arg = arg && arg.trim();
+            computedArgs.push(_.get(_ctx, arg));
+        });
+        return computedFn.bind(_ctx)(...computedArgs);
+    }
+}
 function $parseEvent(expr, defOnly) {
     if (!isString$1(expr)) {
         return noop$1$1;
@@ -38741,13 +38784,18 @@ function $parseEvent(expr, defOnly) {
     }
     // fallback to generate function in runtime. This will break if CSP is enabled
     if (!fn) {
-        const parser = new Parser$1(new Lexer);
-        const ast = parser.parseAction(expr, '', 0);
-        if (ast.errors.length) {
-            return noop$1$1;
+        if (isCSPEnabled()) {
+            fn = simpleFunctionEvaluator.bind(undefined, expr);
+        }
+        else {
+            const parser = new Parser$1(new Lexer);
+            const ast = parser.parseAction(expr, '', 0);
+            if (ast.errors.length) {
+                return noop$1$1;
+            }
+            const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Action);
+            fn = astCompiler.compile(defOnly);
         }
-        const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Action);
-        fn = astCompiler.compile(defOnly);
     }
     eventFnCache.set(expr, fn);
     return fn;
@@ -38757,7 +38805,6 @@ const getFnByExpr = (expr) => fnNameMap.get(expr);
 const fnExecutor = (expr, exprType) => {
     let fn = getFnByExpr(expr);
     if (!fn) {
-        console.warn("didn't find fn for the expr: ", expr, ". Falling back to runtime evaluation");
         return;
     }
     const usedPipes = fn.usedPipes || [];
@@ -39645,10 +39692,26 @@ const loadScript = (url, loadViaScriptTag, cacheable = false) => __awaiter$1(voi
         return Promise.resolve();
     }
     if (loadViaScriptTag) {
-        return fetchContent('text', _url, false, text => {
-            const script = document.createElement('script');
-            script.textContent = text;
-            document.head.appendChild(script);
+        return new Promise((resolve, reject) => {
+            let script = document.createElement('script');
+            script.type = 'text/javascript';
+            script.src = _url;
+            script.async = false;
+            if (script.readyState) { //IE
+                script.onreadystatechange = () => {
+                    if (script.readyState === "loaded" || script.readyState === "complete") {
+                        script.onreadystatechange = null;
+                        resolve(true);
+                    }
+                };
+            }
+            else { //Other browsers
+                script.onload = () => {
+                    resolve(true);
+                };
+            }
+            script.onerror = (error) => reject(error);
+            document.getElementsByTagName('head')[0].appendChild(script);
         });
     }
     else if (cacheable) {
@@ -39664,13 +39727,6 @@ const loadScript = (url, loadViaScriptTag, cacheable = false) => __awaiter$1(voi
             .done(response => response)
             .fail(reason => reason);
     }
-    // return fetch(_url)
-    //     .then(response => response.text())
-    //     .then(text => {
-    //         const script = document.createElement('script');
-    //         script.textContent = text;
-    //         document.head.appendChild(script);
-    //     });
 });
 const loadScripts = (urls = [], loadViaScriptTag = true) => __awaiter$1(void 0, void 0, void 0, function* () {
     for (const url of urls) {
@@ -41920,7 +41976,7 @@ const setDimensionProp = (cssObj, key, nv) => {
         cssObj[cssKey] = nv;
     }
 };
-const ɵ12 = setDimensionProp;
+const ɵ12$1 = setDimensionProp;
 const processDimensionAttributes = attrMap => {
     const attrKeys = Array.from(attrMap.keys());
     attrKeys.forEach((attrKey) => {
@@ -45074,7 +45130,7 @@ exports.ɵ0 = ɵ0$h;
 exports.ɵ1 = ɵ1$5;
 exports.ɵ10 = ɵ10$1;
 exports.ɵ11 = ɵ11$1;
-exports.ɵ12 = ɵ12;
+exports.ɵ12 = ɵ12$1;
 exports.ɵ13 = ɵ13;
 exports.ɵ14 = ɵ14;
 exports.ɵ2 = ɵ2$4;

angular-codegen/dependencies/transpilation-web.cjs.js

@@ -38646,6 +38646,20 @@ const nullPipe = () => {
         transform: noop$1$1
     };
 };
+let _cspEnabled;
+const isCSPEnabled = () => {
+    if (typeof _cspEnabled !== 'undefined') {
+        return _cspEnabled;
+    }
+    try {
+        new Function();
+        _cspEnabled = false;
+    }
+    catch (e) {
+        _cspEnabled = true;
+    }
+    return _cspEnabled;
+};
 let pipeProvider;
 var ExpressionType$1;
 (function (ExpressionType$$1) {
@@ -38677,53 +38691,82 @@ function $parseExpr(expr, defOnly) {
     }
     // fallback to generate function in runtime. This will break if CSP is enabled
     if (!boundFn) {
-        const parser = new Parser$1(new Lexer);
-        const ast = parser.parseBinding(expr, '', 0);
-        if (ast.errors.length) {
-            fn = noop$1$1;
-            boundFn = fn;
+        // If CSP enabled, function def not found from the generated fn expressions for the page.
+        // Handle bind expressions used internally inside WM components. e.g. wmAnchor used inside nav.comp.html
+        if (isCSPEnabled()) {
+            boundFn = function (ctx, locals) {
+                // handle internal bindings for wm widgets used inside a component
+                let _ctx = Object.assign({}, locals);
+                Object.setPrototypeOf(_ctx, ctx);
+                return _.get(_ctx, expr);
+            };
         }
         else {
-            const pipeNameVsIsPureMap = pipeProvider.getPipeNameVsIsPureMap();
-            const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Binding, pipeNameVsIsPureMap);
-            fn = astCompiler.compile(defOnly);
-            if (defOnly) {
-                return fn;
-            }
-            if (fn.usedPipes.length) {
-                const pipeArgs = [];
-                let hasPurePipe = false;
-                for (const [pipeName] of fn.usedPipes) {
-                    const pipeInfo = pipeProvider.meta(pipeName);
-                    let pipeInstance;
-                    if (!pipeInfo) {
-                        pipeInstance = nullPipe;
-                    }
-                    else {
-                        if (pipeInfo.pure) {
-                            hasPurePipe = true;
-                            pipeInstance = purePipes.get(pipeName);
-                        }
-                        if (!pipeInstance) {
-                            pipeInstance = pipeProvider.getInstance(pipeName);
+            const parser = new Parser$1(new Lexer);
+            const ast = parser.parseBinding(expr, '', 0);
+            if (ast.errors.length) {
+                fn = noop$1$1;
+                boundFn = fn;
+            }
+            else {
+                const pipeNameVsIsPureMap = pipeProvider.getPipeNameVsIsPureMap();
+                const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Binding, pipeNameVsIsPureMap);
+                fn = astCompiler.compile(defOnly);
+                if (defOnly) {
+                    return fn;
+                }
+                if (fn.usedPipes.length) {
+                    const pipeArgs = [];
+                    let hasPurePipe = false;
+                    for (const [pipeName] of fn.usedPipes) {
+                        const pipeInfo = pipeProvider.meta(pipeName);
+                        let pipeInstance;
+                        if (!pipeInfo) {
+                            pipeInstance = nullPipe;
                         }
-                        if (pipeInfo.pure) {
-                            purePipes.set(pipeName, pipeInstance);
+                        else {
+                            if (pipeInfo.pure) {
+                                hasPurePipe = true;
+                                pipeInstance = purePipes.get(pipeName);
+                            }
+                            if (!pipeInstance) {
+                                pipeInstance = pipeProvider.getInstance(pipeName);
+                            }
+                            if (pipeInfo.pure) {
+                                purePipes.set(pipeName, pipeInstance);
+                            }
                         }
+                        pipeArgs.push(pipeInstance);
                     }
-                    pipeArgs.push(pipeInstance);
+                    pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
+                    boundFn = fn.bind(undefined, ...pipeArgs);
+                }
+                else {
+                    boundFn = fn.bind(undefined, undefined);
                 }
-                pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
-                boundFn = fn.bind(undefined, ...pipeArgs);
-            }
-            else {
-                boundFn = fn.bind(undefined, undefined);
             }
         }
     }
     exprFnCache.set(expr, boundFn);
     return boundFn;
 }
+function simpleFunctionEvaluator(expr, ctx, locals) {
+    let _ctx = Object.assign({}, locals);
+    Object.setPrototypeOf(_ctx, ctx);
+    let parts = expr.split('(');
+    let fnName = parts[0];
+    let computedFn = _.get(ctx, fnName);
+    if (computedFn) {
+        let args = parts[1].replace(')', '');
+        args = args.split(',');
+        let computedArgs = [];
+        args.forEach((arg) => {
+            arg = arg && arg.trim();
+            computedArgs.push(_.get(_ctx, arg));
+        });
+        return computedFn.bind(_ctx)(...computedArgs);
+    }
+}
 function $parseEvent(expr, defOnly) {
     if (!isString$1(expr)) {
         return noop$1$1;
@@ -38741,13 +38784,18 @@ function $parseEvent(expr, defOnly) {
     }
     // fallback to generate function in runtime. This will break if CSP is enabled
     if (!fn) {
-        const parser = new Parser$1(new Lexer);
-        const ast = parser.parseAction(expr, '', 0);
-        if (ast.errors.length) {
-            return noop$1$1;
+        if (isCSPEnabled()) {
+            fn = simpleFunctionEvaluator.bind(undefined, expr);
+        }
+        else {
+            const parser = new Parser$1(new Lexer);
+            const ast = parser.parseAction(expr, '', 0);
+            if (ast.errors.length) {
+                return noop$1$1;
+            }
+            const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Action);
+            fn = astCompiler.compile(defOnly);
         }
-        const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Action);
-        fn = astCompiler.compile(defOnly);
     }
     eventFnCache.set(expr, fn);
     return fn;
@@ -38757,7 +38805,6 @@ const getFnByExpr = (expr) => fnNameMap.get(expr);
 const fnExecutor = (expr, exprType) => {
     let fn = getFnByExpr(expr);
     if (!fn) {
-        console.warn("didn't find fn for the expr: ", expr, ". Falling back to runtime evaluation");
         return;
     }
     const usedPipes = fn.usedPipes || [];
@@ -39645,10 +39692,26 @@ const loadScript = (url, loadViaScriptTag, cacheable = false) => __awaiter$1(voi
         return Promise.resolve();
     }
     if (loadViaScriptTag) {
-        return fetchContent('text', _url, false, text => {
-            const script = document.createElement('script');
-            script.textContent = text;
-            document.head.appendChild(script);
+        return new Promise((resolve, reject) => {
+            let script = document.createElement('script');
+            script.type = 'text/javascript';
+            script.src = _url;
+            script.async = false;
+            if (script.readyState) { //IE
+                script.onreadystatechange = () => {
+                    if (script.readyState === "loaded" || script.readyState === "complete") {
+                        script.onreadystatechange = null;
+                        resolve(true);
+                    }
+                };
+            }
+            else { //Other browsers
+                script.onload = () => {
+                    resolve(true);
+                };
+            }
+            script.onerror = (error) => reject(error);
+            document.getElementsByTagName('head')[0].appendChild(script);
         });
     }
     else if (cacheable) {
@@ -39664,13 +39727,6 @@ const loadScript = (url, loadViaScriptTag, cacheable = false) => __awaiter$1(voi
             .done(response => response)
             .fail(reason => reason);
     }
-    // return fetch(_url)
-    //     .then(response => response.text())
-    //     .then(text => {
-    //         const script = document.createElement('script');
-    //         script.textContent = text;
-    //         document.head.appendChild(script);
-    //     });
 });
 const loadScripts = (urls = [], loadViaScriptTag = true) => __awaiter$1(void 0, void 0, void 0, function* () {
     for (const url of urls) {
@@ -41920,7 +41976,7 @@ const setDimensionProp = (cssObj, key, nv) => {
         cssObj[cssKey] = nv;
     }
 };
-const ɵ12 = setDimensionProp;
+const ɵ12$1 = setDimensionProp;
 const processDimensionAttributes = attrMap => {
     const attrKeys = Array.from(attrMap.keys());
     attrKeys.forEach((attrKey) => {
@@ -45074,7 +45130,7 @@ exports.ɵ0 = ɵ0$h;
 exports.ɵ1 = ɵ1$5;
 exports.ɵ10 = ɵ10$1;
 exports.ɵ11 = ɵ11$1;
-exports.ɵ12 = ɵ12;
+exports.ɵ12 = ɵ12$1;
 exports.ɵ13 = ɵ13;
 exports.ɵ14 = ɵ14;
 exports.ɵ2 = ɵ2$4;

angular-codegen/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/angular-codegen",
-    "version": "11.0.1-next.139249",
+    "version": "11.0.1-next.139253",
     "description": "",
     "main": "index.js",
     "scripts": {

angular-codegen/src/expr-parser-utils.js

@@ -1 +1 @@
-const{getHandlebarTemplate:getHandlebarTemplate,safeString:safeString}=require("./handlebar-helpers"),cheerio=require("cheerio");let processedPageExpr=[];const isDisplayExpressionAttr=e=>{return["displayexpression","displaylabel","displayimagesrc","nodelabel","nodeicon","nodechildren","nodeid","itemid","itemlabel","itemicon","itemaction","itembadge","itemchildren","itemlink","itemtarget","userrole","isactive"].includes(e)},checkIsCustomPipeExpression=function(e){let r=e.match(/(custom(\s*:))/g);return r&&r.length},updateBindExpressionForDisplayexpression=e=>{let r,t,n,s,i,a,o,l,p,c="";for(checkIsCustomPipeExpression(e)&&(e+=": __1"),e=e.replace(/\$\[data\[\$i\]/g,"$[__1"),n=0;n<e.length;n++)if(r=e[n],t=e[n+1],"$"===r&&"["===t){for(a=1,p=!1,o=!1,s=n+2;s<e.length;s++)if(" "!==(i=e[s])&&(p||(o='"'===e[s]||"'"===e[s],p=!0),"["===i?a++:"]"===i&&a--,!a)){l=e.substring(n+2,s),c+=o?"__1["+l+"]":l;break}n=s}else c+=r;return c},updateArrTypeExpr=(e,r,t)=>{let n=/\[\$i\]/g;return isArrayTypeProperty(r,t)?e.substr(0,e.lastIndexOf("[$i]")).replace("[$i]","[0]"):e.replace(n,"[0]")},isArrayTypeProperty=(e,r)=>{const t=r?r.attribs:{};return["dataset","dataoptions","customcolors"].includes(e)||"datavalue"===e&&void 0!==t.wmcheckbox||"selecteditem"===e&&void 0!==t.wmtable||"selecteditem"===e&&void 0!==t.wmlist||"datavalue"===e&&t.wmselect&&t.multiple},getFnForExpr=(e,r)=>{let t=(r=r||{}).isEvent,n=r.widgetNode,s=r.prop;if(t||-1===e.indexOf("[$i]")||(e=updateArrTypeExpr(e,s,n)),processedPageExpr.includes(e))return"";processedPageExpr.push(e);let i,a="";const o=require("../dependencies/expression-parser.cjs");i=t?o.$parseEvent(e,!0):o.$parseExpr(e,!0);const l=safeString(i.fnArgs),p=safeString(i.fnBody),c=i.pipes||[];c.forEach((e,r)=>{a+="["+e.reduce((e,r)=>"'"+e+"','"+r+"'")+"]"+(r<c.length?",":"")}),a=safeString(a);const d=safeString(e.replace(/"/g,'\\"'));return getHandlebarTemplate("expr-vs-fn")({expr:d,fnArgs:l,fnBody:p,fnPipes:a})+","},generateVariableExpressions=e=>{let r="";e=JSON.parse(e);const t=["onBefore","onBeforeUpdate","onResult","onBeforeOpen","onOpen","onBeforeMessageSend","onMessageReceive","onProgress","onError","onBeforeDatasetReady","onCanUpdate","onClick","onHide","onOk","onCancel","onBeforeClose","onClose","onTimerFire","onSuccess","onOnline","onOffline"];for(const n in e){const s=e[n];(s.dataBinding||[]).forEach(e=>{if(e.value&&"string"==typeof e.value&&e.value.startsWith("bind:")){const t=e.value.replace("bind:","");r+=getFnForExpr(t)}}),t.forEach(e=>{s[e]&&(r+=getFnForExpr(s[e],{isEvent:!0}))})}return r},generateExtraWidgetBindings=(e,r)=>{let t="";switch(r){case"wmalertdialog":t+=getFnForExpr("oktext");break;case"wmconfirmdialog":t+=getFnForExpr("oktext"),t+=getFnForExpr("canceltext");break;case"wmtable":t+=e.attribs.rowngclass?getFnForExpr(e.attribs.rowngclass):"";break;case"wmtablecolumn":t+=e.attribs["col-ng-class"]?getFnForExpr(e.attribs["col-ng-class"]):""}return t},isActionTypeNode=e=>["wmtableaction","wmtablerowaction","wmformaction"].some(r=>void 0!==e.attribs[r]),generatePageExpressions=(e,r,t)=>{let n,s,i="";const a=cheerio.load(e);if(processedPageExpr.length=0,a("*").each((e,r)=>{for(let e in r.attribs)e.endsWith(".bind")?(s=e.replace(".bind",""),n=r.attribs[e],isDisplayExpressionAttr(s)&&(n=updateBindExpressionForDisplayexpression(n),console.log("++++++++displayexpressoin binding updated",n)),i+=getFnForExpr(n,{prop:s,widgetNode:r})):e.endsWith(".event")?(s=e.replace(".event",""),n=r.attribs[e],i+=getFnForExpr(n,{isEvent:!0})):"displayexpression"===e?(n=r.attribs[e],i+=getFnForExpr(n)):"action"===e&&isActionTypeNode(r)&&(n=r.attribs[e],console.warn("<<<<<<<<found action node",n),i+=getFnForExpr(n));["wmalertdialog","wmconfirmdialog","wmtable","wmtablecolumn"].forEach(e=>{void 0!==r.attribs[e]&&(i+=generateExtraWidgetBindings(r,e))})}),i+=generateVariableExpressions(r),t){const e=(t=JSON.parse(t.toString())).properties||{};Object.keys(e).forEach(r=>{let t=e[r];"string"==typeof t.value&&t.value.startsWith("bind:")&&(i+=getFnForExpr(t.value.replace("bind:","")))})}return i};module.exports={generatePageExpressions:generatePageExpressions,generateVariableExpressions:generateVariableExpressions};
+const{getHandlebarTemplate:getHandlebarTemplate,safeString:safeString}=require("./handlebar-helpers"),cheerio=require("cheerio");let processedPageExpr=[];const isDisplayExpressionAttr=e=>{return["displayexpression","displaylabel","displayimagesrc","nodelabel","nodeicon","nodechildren","nodeid","itemid","itemlabel","itemicon","itemaction","itembadge","itemchildren","itemlink","itemtarget","userrole","isactive"].includes(e)},checkIsCustomPipeExpression=function(e){let r=e.match(/(custom(\s*:))/g);return r&&r.length},updateBindExpressionForDisplayexpression=e=>{let r,t,n,i,s,a,o,l,p,d="";for(checkIsCustomPipeExpression(e)&&(e+=": __1"),e=e.replace(/\$\[data\[\$i\]/g,"$[__1"),n=0;n<e.length;n++)if(r=e[n],t=e[n+1],"$"===r&&"["===t){for(a=1,p=!1,o=!1,i=n+2;i<e.length;i++)if(" "!==(s=e[i])&&(p||(o='"'===e[i]||"'"===e[i],p=!0),"["===s?a++:"]"===s&&a--,!a)){l=e.substring(n+2,i),d+=o?"__1["+l+"]":l;break}n=i}else d+=r;return d},updateArrTypeExpr=(e,r,t)=>{let n=/\[\$i\]/g;return isArrayTypeProperty(r,t)?e.substr(0,e.lastIndexOf("[$i]")).replace("[$i]","[0]"):e.replace(n,"[0]")},isArrayTypeProperty=(e,r)=>{const t=r?r.attribs:{};return["dataset","dataoptions","customcolors"].includes(e)||"datavalue"===e&&void 0!==t.wmcheckbox||"selecteditem"===e&&void 0!==t.wmtable||"selecteditem"===e&&void 0!==t.wmlist||"datavalue"===e&&t.wmselect&&t.multiple},getFnForExpr=(e,r)=>{let t=(r=r||{}).isEvent,n=r.widgetNode,i=r.prop;if(t||-1===e.indexOf("[$i]")||(e=updateArrTypeExpr(e,i,n)),processedPageExpr.includes(e))return"";processedPageExpr.push(e);let s,a="";const o=require("../dependencies/expression-parser.cjs");s=t?o.$parseEvent(e,!0):o.$parseExpr(e,!0);const l=safeString(s.fnArgs),p=safeString(s.fnBody),d=s.pipes||[];d.forEach((e,r)=>{a+="["+e.reduce((e,r)=>"'"+e+"','"+r+"'")+"]"+(r<d.length?",":"")}),a=safeString(a);const c=safeString(e.replace(/"/g,'\\"'));return getHandlebarTemplate("expr-vs-fn")({expr:c,fnArgs:l,fnBody:p,fnPipes:a})+","},getExprForBinding=e=>{let r="";return"string"==typeof e&&e.startsWith("bind:")&&(r=getFnForExpr(e.replace("bind:",""))),r},generateFilterExprBindings=e=>{let r="";return e.rules&&_.forEach(e.rules,(e,t)=>{e.rules?r+=generateFilterExprBindings(e):("between"===e.matchMode&&(r+=getExprForBinding(e.secondvalue)),r+=getExprForBinding(e.value))}),r},getCRUDVariableExpressions=e=>{let r=e.dataBinding||{},t="";for(let e in r){(r[e]||[]).forEach(e=>{t+=getExprForBinding(e.value)})}return t},generateVariableExpressions=e=>{let r="";e=JSON.parse(e);const t=["onBefore","onBeforeUpdate","onResult","onBeforeOpen","onOpen","onBeforeMessageSend","onMessageReceive","onProgress","onError","onBeforeDatasetReady","onCanUpdate","onClick","onHide","onOk","onCancel","onBeforeClose","onClose","onTimerFire","onSuccess","onOnline","onOffline"];for(const n in e){const i=e[n];if("wm.LiveVariable"===i.category&&"read"===i.operation)r+=generateFilterExprBindings(i.filterExpressions);else if("wm.CrudVariable"===i.category)r+=getCRUDVariableExpressions(i);else{(i.dataBinding||[]).forEach(e=>{r+=getExprForBinding(e.value)})}t.forEach(e=>{i[e]&&(r+=getFnForExpr(i[e],{isEvent:!0}))})}return r},generateExtraWidgetBindings=(e,r)=>{let t="";switch(r){case"wmalertdialog":t+=getFnForExpr("oktext");break;case"wmconfirmdialog":t+=getFnForExpr("oktext"),t+=getFnForExpr("canceltext");break;case"wmtable":t+=e.attribs.rowngclass?getFnForExpr(e.attribs.rowngclass):"";break;case"wmtablecolumn":t+=e.attribs["col-ng-class"]?getFnForExpr(e.attribs["col-ng-class"]):""}return t},isActionTypeNode=e=>["wmtableaction","wmtablerowaction","wmformaction"].some(r=>void 0!==e.attribs[r]),generatePageExpressions=(e,r,t)=>{let n,i,s="";const a=cheerio.load(e);if(processedPageExpr.length=0,a("*").each((e,r)=>{for(let e in r.attribs)e.endsWith(".bind")?(i=e.replace(".bind",""),n=r.attribs[e],isDisplayExpressionAttr(i)&&(n=updateBindExpressionForDisplayexpression(n),console.log("++++++++displayexpressoin binding updated",n)),s+=getFnForExpr(n,{prop:i,widgetNode:r})):e.endsWith(".event")?(i=e.replace(".event",""),n=r.attribs[e],s+=getFnForExpr(n,{isEvent:!0})):"displayexpression"===e?(n=r.attribs[e],s+=getFnForExpr(n)):"action"===e&&isActionTypeNode(r)&&(n=r.attribs[e],console.warn("<<<<<<<<found action node",n),s+=getFnForExpr(n));["wmalertdialog","wmconfirmdialog","wmtable","wmtablecolumn"].forEach(e=>{void 0!==r.attribs[e]&&(s+=generateExtraWidgetBindings(r,e))})}),s+=generateVariableExpressions(r),t){const e=(t=JSON.parse(t.toString())).properties||{};Object.keys(e).forEach(r=>{let t=e[r];"string"==typeof t.value&&t.value.startsWith("bind:")&&(s+=getFnForExpr(t.value.replace("bind:","")))})}return s};module.exports={generatePageExpressions:generatePageExpressions,generateVariableExpressions:generateVariableExpressions};