@wavemaker/angular-codegen 11.9.0-next.24942 → 11.9.0-next.24951

angular-codegen/angular-app/package-lock.json

@@ -36,7 +36,7 @@
                 "@metrichor/jmespath": "0.3.1",
                 "@wavemaker/focus-trap": "1.0.1",
                 "@wavemaker/nvd3": "1.8.12",
-                "@wavemaker/variables": "11.9.0-next.24942",
+                "@wavemaker/variables": "11.9.0-next.24951",
                 "@ztree/ztree_v3": "3.5.48",
                 "angular-imask": "^7.6.1",
                 "angular2-websocket": "0.9.7",
@@ -6397,9 +6397,9 @@
             }
         },
         "node_modules/@wavemaker/variables": {
-            "version": "11.9.0-next.24942",
-            "resolved": "https://registry.npmjs.org/@wavemaker/variables/-/variables-11.9.0-next.24942.tgz",
-            "integrity": "sha512-RkPuo8ak3XEfv755/F8jvyPdxIJgIVpstPJO9Tj9zUM/6OgEsg1RIGqDvwkVklEiNhOs379uTeCWVMrseuyF8w==",
+            "version": "11.9.0-next.24951",
+            "resolved": "https://registry.npmjs.org/@wavemaker/variables/-/variables-11.9.0-next.24951.tgz",
+            "integrity": "sha512-WEnAIjUS++lPbrGZ7rwkI2SC8MWlDFU1vNppBUKSOIffMk/CUipXkN4FxoEA8BdXDVaN0HKc1L9ajMLoL1BZrg==",
             "dependencies": {
                 "@metrichor/jmespath": "^0.3.1",
                 "he": "^1.2.0",

angular-codegen/angular-app/package.json

@@ -45,7 +45,7 @@
         "@metrichor/jmespath": "0.3.1",
         "@wavemaker/focus-trap": "1.0.1",
         "@wavemaker/nvd3": "1.8.12",
-        "@wavemaker/variables": "11.9.0-next.24942",
+        "@wavemaker/variables": "11.9.0-next.24951",
         "@ztree/ztree_v3": "3.5.48",
         "angular-imask": "^7.6.1",
         "angular2-websocket": "0.9.7",
@@ -70,7 +70,7 @@
         "tslib": "2.4.1",
         "x2js": "3.4.4",
         "zone.js": "0.14.7",
-        "@wavemaker/app-ng-runtime": "11.9.0-next.24942"
+        "@wavemaker/app-ng-runtime": "11.9.0-next.24951"
     },
     "devDependencies": {
         "@ampproject/rollup-plugin-closure-compiler": "^0.27.0",

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

@@ -86917,7 +86917,7 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
             tmpl = `<wm-input ${innerTmpl}  ${attrs.get('required') === 'true' ? 'required=true' : ''} type="${attrs.get(inputType) || 'text'}" ${updateOnTmpl} ${showTmpl}></wm-input>`;
             break;
         case FormWidgetType.TEXTAREA:
-            tmpl = `<wm-textarea ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} role="textbox" ${updateOnTmpl} ${showTmpl}></wm-textarea>`;
+            tmpl = `<wm-textarea ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} ${updateOnTmpl} ${showTmpl}></wm-textarea>`;
             break;
         case FormWidgetType.TIME:
             tmpl = `<div wmTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
@@ -91231,7 +91231,7 @@ register('wm-anchor', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$r.nextUid();
-            return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.arialabel || ${counter}.caption" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1A}>`
     };
@@ -91263,7 +91263,7 @@ register('wm-html', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$q.nextUid();
-            return `<${tagName$1y} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1y} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.arialabel || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1y}>`
     };
@@ -91278,7 +91278,7 @@ var html_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$1x = 'span';
 register('wm-icon', () => {
     return {
-        pre: attrs => `<${tagName$1x} wmIcon aria-hidden="true" ${getAttrMarkup(attrs)}>`,
+        pre: attrs => `<${tagName$1x} wmIcon ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName$1x}>`
     };
 });
@@ -91319,7 +91319,7 @@ register('wm-label', () => {
                 tagName$1v = 'label';
             }
             const counter = idGen$p.nextUid();
-            return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1v}>`
     };
@@ -91337,7 +91337,7 @@ register('wm-picture', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$o.nextUid();
-            return `<${tagName$1u} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.hint || 'Image'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1u} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.arialabel || 'Image'" ${getAttrMarkup(attrs)}>`;
         }
     };
 });
@@ -91354,7 +91354,7 @@ register('wm-spinner', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$n.nextUid();
-            return `<${tagName$1t} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.hint || 'Loading...'" aria-live="assertive" aria-busy="true" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1t} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.arialabel || 'Loading...'" aria-live="assertive" aria-busy="true" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1t}>`
     };
@@ -91425,7 +91425,7 @@ register('wm-richtexteditor', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$m.nextUid();
-            return `<${tagName$1q} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.hint || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
+            return `<${tagName$1q} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.arialabel || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
         },
         post: () => `</${tagName$1q}>`
     };
@@ -91840,7 +91840,7 @@ register('wm-barcodescanner', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$g.nextUid();
-            return `<${tagName$14} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.hint || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$14} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.arialabel || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$14}>`
     };
@@ -91858,7 +91858,7 @@ register('wm-camera', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$f.nextUid();
-            return `<${tagName$13} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.hint || 'Camera'"  ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$13} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.arialabel || 'Camera'"  ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$13}>`
     };
@@ -92467,7 +92467,7 @@ var currency_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$Q = 'div';
 register('wm-buttongroup', () => {
     return {
-        pre: attrs => `<${tagName$Q} wmButtonGroup role="group" aria-labelledby="button group" ${getAttrMarkup(attrs)}>`,
+        pre: attrs => `<${tagName$Q} wmButtonGroup role="group" ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName$Q}>`
     };
 });
@@ -92484,7 +92484,7 @@ register('wm-button', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$c.nextUid();
-            return `<${tagName$P} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.hint || ${counter}.caption || null" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$P} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.arialabel || (${counter}.badgevalue ? ${counter}.caption + ' ' + ${counter}.badgevalue : ${counter}.caption) || null" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$P}>`
     };
@@ -92586,7 +92586,7 @@ register('wm-switch', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$b.nextUid();
-            return `<${tagName$I} wmSwitch #${counter}="wmSwitch" [attr.aria-label]="${counter}.hint || 'Switch button'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
+            return `<${tagName$I} wmSwitch #${counter}="wmSwitch" [attr.aria-label]="${counter}.arialabel || 'Switch button'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
         },
         post: () => `</${tagName$I}>`
     };
@@ -93093,7 +93093,7 @@ register('wm-page', () => {
         },
         pre: (attrs) => {
             const counter = idGen$8.nextUid();
-            return `<${tagName$p} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$p} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$p}>`
     };
@@ -93111,7 +93111,7 @@ register('wm-layout', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$7.nextUid();
-            return `<${tagName$o} wmLayout #${counter}="wmLayout" data-role="pageContainer" [attr.aria-label]="${counter}.hint || 'Main page content'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$o} wmLayout #${counter}="wmLayout" data-role="pageContainer" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$o}>`
     };
@@ -93171,7 +93171,7 @@ register('wm-footer', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$6.nextUid();
-            return `<${tagName$k} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.hint || 'Page footer'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$k} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.arialabel || 'Page footer'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$k}>`
     };
@@ -93189,7 +93189,7 @@ register('wm-header', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$5.nextUid();
-            return `<${tagName$j} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.hint || 'Page header'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$j} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.arialabel || 'Page header'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$j}>`
     };
@@ -93207,7 +93207,7 @@ register('wm-left-panel', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$4.nextUid();
-            return `<${tagName$i} wmLeftPanel #${counter}="wmLeftPanel" partialContainer data-role="page-left-panel" [attr.aria-label]="${counter}.hint || 'Left navigation panel'" wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$i} wmLeftPanel #${counter}="wmLeftPanel" partialContainer data-role="page-left-panel" [attr.aria-label]="${counter}.arialabel || 'Left navigation panel'" wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$i}>`
     };
@@ -93239,7 +93239,7 @@ register('wm-right-panel', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$3.nextUid();
-            return `<${tagName$g} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.hint || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$g} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.arialabel || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$g}>`
     };
@@ -93305,7 +93305,7 @@ register('wm-top-nav', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$2.nextUid();
-            return `<${tagName$d} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.hint || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$d} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.arialabel || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$d}>`
     };

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

@@ -103353,7 +103353,7 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
             tmpl = `<wm-input ${innerTmpl}  ${attrs.get('required') === 'true' ? 'required=true' : ''} type="${attrs.get(inputType) || 'text'}" ${updateOnTmpl} ${showTmpl}></wm-input>`;
             break;
         case FormWidgetType.TEXTAREA:
-            tmpl = `<wm-textarea ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} role="textbox" ${updateOnTmpl} ${showTmpl}></wm-textarea>`;
+            tmpl = `<wm-textarea ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} ${updateOnTmpl} ${showTmpl}></wm-textarea>`;
             break;
         case FormWidgetType.TIME:
             tmpl = `<div wmTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
@@ -107667,7 +107667,7 @@ register('wm-anchor', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$r.nextUid();
-            return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.arialabel || ${counter}.caption" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1A}>`
     };
@@ -107699,7 +107699,7 @@ register('wm-html', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$q.nextUid();
-            return `<${tagName$1y} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1y} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.arialabel || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1y}>`
     };
@@ -107714,7 +107714,7 @@ var html_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$1x = 'span';
 register('wm-icon', () => {
     return {
-        pre: attrs => `<${tagName$1x} wmIcon aria-hidden="true" ${getAttrMarkup(attrs)}>`,
+        pre: attrs => `<${tagName$1x} wmIcon ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName$1x}>`
     };
 });
@@ -107755,7 +107755,7 @@ register('wm-label', () => {
                 tagName$1v = 'label';
             }
             const counter = idGen$p.nextUid();
-            return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1v}>`
     };
@@ -107773,7 +107773,7 @@ register('wm-picture', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$o.nextUid();
-            return `<${tagName$1u} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.hint || 'Image'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1u} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.arialabel || 'Image'" ${getAttrMarkup(attrs)}>`;
         }
     };
 });
@@ -107790,7 +107790,7 @@ register('wm-spinner', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$n.nextUid();
-            return `<${tagName$1t} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.hint || 'Loading...'" aria-live="assertive" aria-busy="true" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1t} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.arialabel || 'Loading...'" aria-live="assertive" aria-busy="true" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1t}>`
     };
@@ -107861,7 +107861,7 @@ register('wm-richtexteditor', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$m.nextUid();
-            return `<${tagName$1q} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.hint || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
+            return `<${tagName$1q} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.arialabel || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
         },
         post: () => `</${tagName$1q}>`
     };
@@ -108276,7 +108276,7 @@ register('wm-barcodescanner', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$g.nextUid();
-            return `<${tagName$14} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.hint || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$14} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.arialabel || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$14}>`
     };
@@ -108294,7 +108294,7 @@ register('wm-camera', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$f.nextUid();
-            return `<${tagName$13} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.hint || 'Camera'"  ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$13} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.arialabel || 'Camera'"  ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$13}>`
     };
@@ -108903,7 +108903,7 @@ var currency_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$Q = 'div';
 register('wm-buttongroup', () => {
     return {
-        pre: attrs => `<${tagName$Q} wmButtonGroup role="group" aria-labelledby="button group" ${getAttrMarkup(attrs)}>`,
+        pre: attrs => `<${tagName$Q} wmButtonGroup role="group" ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName$Q}>`
     };
 });
@@ -108920,7 +108920,7 @@ register('wm-button', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$c.nextUid();
-            return `<${tagName$P} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.hint || ${counter}.caption || null" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$P} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.arialabel || (${counter}.badgevalue ? ${counter}.caption + ' ' + ${counter}.badgevalue : ${counter}.caption) || null" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$P}>`
     };
@@ -109022,7 +109022,7 @@ register('wm-switch', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$b.nextUid();
-            return `<${tagName$I} wmSwitch #${counter}="wmSwitch" [attr.aria-label]="${counter}.hint || 'Switch button'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
+            return `<${tagName$I} wmSwitch #${counter}="wmSwitch" [attr.aria-label]="${counter}.arialabel || 'Switch button'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
         },
         post: () => `</${tagName$I}>`
     };
@@ -109529,7 +109529,7 @@ register('wm-page', () => {
         },
         pre: (attrs) => {
             const counter = idGen$8.nextUid();
-            return `<${tagName$p} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$p} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$p}>`
     };
@@ -109547,7 +109547,7 @@ register('wm-layout', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$7.nextUid();
-            return `<${tagName$o} wmLayout #${counter}="wmLayout" data-role="pageContainer" [attr.aria-label]="${counter}.hint || 'Main page content'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$o} wmLayout #${counter}="wmLayout" data-role="pageContainer" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$o}>`
     };
@@ -109607,7 +109607,7 @@ register('wm-footer', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$6.nextUid();
-            return `<${tagName$k} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.hint || 'Page footer'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$k} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.arialabel || 'Page footer'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$k}>`
     };
@@ -109625,7 +109625,7 @@ register('wm-header', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$5.nextUid();
-            return `<${tagName$j} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.hint || 'Page header'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$j} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.arialabel || 'Page header'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$j}>`
     };
@@ -109643,7 +109643,7 @@ register('wm-left-panel', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$4.nextUid();
-            return `<${tagName$i} wmLeftPanel #${counter}="wmLeftPanel" partialContainer data-role="page-left-panel" [attr.aria-label]="${counter}.hint || 'Left navigation panel'" wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$i} wmLeftPanel #${counter}="wmLeftPanel" partialContainer data-role="page-left-panel" [attr.aria-label]="${counter}.arialabel || 'Left navigation panel'" wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$i}>`
     };
@@ -109675,7 +109675,7 @@ register('wm-right-panel', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$3.nextUid();
-            return `<${tagName$g} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.hint || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$g} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.arialabel || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$g}>`
     };
@@ -109741,7 +109741,7 @@ register('wm-top-nav', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$2.nextUid();
-            return `<${tagName$d} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.hint || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$d} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.arialabel || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$d}>`
     };

angular-codegen/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/angular-codegen",
-    "version": "11.9.0-next.24942",
+    "version": "11.9.0-next.24951",
     "description": "",
     "main": "index.js",
     "scripts": {