@wavemaker/app-ng-runtime 11.7.4-next.26417 → 11.7.4-next.26419

app-ng-runtime/build-task/bundles/index.umd.js

@@ -1804,7 +1804,19 @@
     const tagName$u = 'div';
     transpiler.register('wm-menu', () => {
         return {
-            pre: attrs => `<${tagName$u} wmMenu dropdown ${transpiler.getAttrMarkup(attrs)}>`,
+            pre: attrs => {
+                const menuWidth = attrs.get("width");
+                let styleBinding = '';
+                if (menuWidth) {
+                    if (menuWidth.indexOf('%') > -1 || menuWidth.indexOf('px') > -1) {
+                        styleBinding = `[ngStyle]="{'width': '${menuWidth}'}"`;
+                        return `<${tagName$u} wmMenu dropdown ${transpiler.getAttrMarkup(attrs)} ${styleBinding}>`;
+                    }
+                }
+                else {
+                    return `<${tagName$u} wmMenu dropdown ${transpiler.getAttrMarkup(attrs)}>`;
+                }
+            },
             post: () => `</${tagName$u}>`
         };
     });

app-ng-runtime/build-task/esm2022/navigation/menu/menu.build.mjs

@@ -2,9 +2,21 @@ import { getAttrMarkup, register } from '@wm/transpiler';
 const tagName = 'div';
 register('wm-menu', () => {
     return {
-        pre: attrs => `<${tagName} wmMenu dropdown ${getAttrMarkup(attrs)}>`,
+        pre: attrs => {
+            const menuWidth = attrs.get("width");
+            let styleBinding = '';
+            if (menuWidth) {
+                if (menuWidth.indexOf('%') > -1 || menuWidth.indexOf('px') > -1) {
+                    styleBinding = `[ngStyle]="{'width': '${menuWidth}'}"`;
+                    return `<${tagName} wmMenu dropdown ${getAttrMarkup(attrs)} ${styleBinding}>`;
+                }
+            }
+            else {
+                return `<${tagName} wmMenu dropdown ${getAttrMarkup(attrs)}>`;
+            }
+        },
         post: () => `</${tagName}>`
     };
 });
 export default () => { };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5idWlsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvdHJhbnNwaWxlL3NyYy9uYXZpZ2F0aW9uL21lbnUvbWVudS5idWlsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFpQixRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4RSxNQUFNLE9BQU8sR0FBRyxLQUFLLENBQUM7QUFFdEIsUUFBUSxDQUFDLFNBQVMsRUFBRSxHQUFrQixFQUFFO0lBQ3BDLE9BQU87UUFDSCxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLE9BQU8sb0JBQW9CLGFBQWEsQ0FBQyxLQUFLLENBQUMsR0FBRztRQUNwRSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUMsS0FBSyxPQUFPLEdBQUc7S0FDOUIsQ0FBQztBQUNOLENBQUMsQ0FBQyxDQUFDO0FBRUgsZUFBZSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRBdHRyTWFya3VwLCBJQnVpbGRUYXNrRGVmLCByZWdpc3RlciB9IGZyb20gJ0B3bS90cmFuc3BpbGVyJztcblxuY29uc3QgdGFnTmFtZSA9ICdkaXYnO1xuXG5yZWdpc3Rlcignd20tbWVudScsICgpOiBJQnVpbGRUYXNrRGVmID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgICBwcmU6IGF0dHJzID0+IGA8JHt0YWdOYW1lfSB3bU1lbnUgZHJvcGRvd24gJHtnZXRBdHRyTWFya3VwKGF0dHJzKX0+YCxcbiAgICAgICAgcG9zdDogKCkgPT4gYDwvJHt0YWdOYW1lfT5gXG4gICAgfTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCAoKSA9PiB7fTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5idWlsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvdHJhbnNwaWxlL3NyYy9uYXZpZ2F0aW9uL21lbnUvbWVudS5idWlsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFpQixRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4RSxNQUFNLE9BQU8sR0FBRyxLQUFLLENBQUM7QUFFdEIsUUFBUSxDQUFDLFNBQVMsRUFBRSxHQUFrQixFQUFFO0lBQ3BDLE9BQU87UUFDSCxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUU7WUFDVCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3JDLElBQUksWUFBWSxHQUFHLEVBQUUsQ0FBQztZQUN0QixJQUFHLFNBQVMsRUFBQztnQkFDVCxJQUFHLFNBQVMsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksU0FBUyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBQztvQkFDM0QsWUFBWSxHQUFHLHlCQUF5QixTQUFTLEtBQUssQ0FBQztvQkFDdkQsT0FBTyxJQUFJLE9BQU8sb0JBQW9CLGFBQWEsQ0FBQyxLQUFLLENBQUMsSUFBSSxZQUFZLEdBQUcsQ0FBQTtpQkFDaEY7YUFDSjtpQkFDRztnQkFDSixPQUFPLElBQUksT0FBTyxvQkFBb0IsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUE7YUFDN0Q7UUFDSixDQUFDO1FBQ0QsSUFBSSxFQUFFLEdBQUcsRUFBRSxDQUFDLEtBQUssT0FBTyxHQUFHO0tBQzlCLENBQUM7QUFDTixDQUFDLENBQUMsQ0FBQztBQUVILGVBQWUsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0QXR0ck1hcmt1cCwgSUJ1aWxkVGFza0RlZiwgcmVnaXN0ZXIgfSBmcm9tICdAd20vdHJhbnNwaWxlcic7XG5cbmNvbnN0IHRhZ05hbWUgPSAnZGl2JztcblxucmVnaXN0ZXIoJ3dtLW1lbnUnLCAoKTogSUJ1aWxkVGFza0RlZiA9PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgcHJlOiBhdHRycyA9PiB7XG4gICAgICAgICAgICBjb25zdCBtZW51V2lkdGggPSBhdHRycy5nZXQoXCJ3aWR0aFwiKTtcbiAgICAgICAgICAgIGxldCBzdHlsZUJpbmRpbmcgPSAnJztcbiAgICAgICAgICAgIGlmKG1lbnVXaWR0aCl7XG4gICAgICAgICAgICAgICAgaWYobWVudVdpZHRoLmluZGV4T2YoJyUnKSA+IC0xIHx8IG1lbnVXaWR0aC5pbmRleE9mKCdweCcpID4gLTEpe1xuICAgICAgICAgICAgICAgICAgICBzdHlsZUJpbmRpbmcgPSBgW25nU3R5bGVdPVwieyd3aWR0aCc6ICcke21lbnVXaWR0aH0nfVwiYDtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGA8JHt0YWdOYW1lfSB3bU1lbnUgZHJvcGRvd24gJHtnZXRBdHRyTWFya3VwKGF0dHJzKX0gJHtzdHlsZUJpbmRpbmd9PmBcbiAgICAgICAgICAgICAgICB9IFxuICAgICAgICAgICAgfSAgXG4gICAgICAgICAgICBlbHNleyAgICAgICAgXG4gICAgICAgICAgICByZXR1cm4gYDwke3RhZ05hbWV9IHdtTWVudSBkcm9wZG93biAke2dldEF0dHJNYXJrdXAoYXR0cnMpfT5gXG4gICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgcG9zdDogKCkgPT4gYDwvJHt0YWdOYW1lfT5gXG4gICAgfTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCAoKSA9PiB7fTtcbiJdfQ==

app-ng-runtime/build-task/fesm2022/index.mjs

@@ -1803,7 +1803,19 @@ var breadcrumb_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$u = 'div';
 register('wm-menu', () => {
     return {
-        pre: attrs => `<${tagName$u} wmMenu dropdown ${getAttrMarkup(attrs)}>`,
+        pre: attrs => {
+            const menuWidth = attrs.get("width");
+            let styleBinding = '';
+            if (menuWidth) {
+                if (menuWidth.indexOf('%') > -1 || menuWidth.indexOf('px') > -1) {
+                    styleBinding = `[ngStyle]="{'width': '${menuWidth}'}"`;
+                    return `<${tagName$u} wmMenu dropdown ${getAttrMarkup(attrs)} ${styleBinding}>`;
+                }
+            }
+            else {
+                return `<${tagName$u} wmMenu dropdown ${getAttrMarkup(attrs)}>`;
+            }
+        },
         post: () => `</${tagName$u}>`
     };
 });