@wavemaker/angular-codegen 11.2.0-rc.5233 → 11.2.0-rc.5235

angular-codegen/angular-app/package.json

@@ -69,7 +69,7 @@
         "tslib": "^2.0.0",
         "x2js": "3.2.6",
         "zone.js": "~0.11.4",
-        "@wavemaker/app-ng-runtime": "11.2.0-rc.5233"
+        "@wavemaker/app-ng-runtime": "11.2.0-rc.5235"
     },
     "devDependencies": {
         "@ampproject/rollup-plugin-closure-compiler": "0.8.5",

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

@@ -46781,10 +46781,10 @@ const addForIdAttributes = (element) => {
             setAttr(labelEl[0], 'for', widgetId);
         }
     }
-    /*Adding aria-labelledby to radioset widget*/
+    /*Adding aria-labelledby to radioset, checkboxset widgets*/
     const ulEl = element.querySelectorAll('ul');
-    if (labelEl.length && ulEl.length && ulEl[0].getAttribute('role') === 'radiogroup') {
-        const widgetId = 'wm-radioset-label-' + generateGUId();
+    if (labelEl.length && ulEl.length && (ulEl[0].getAttribute('role') === 'radiogroup' || ulEl[0].getAttribute('role') === 'group')) {
+        const widgetId = 'wm-group-label-' + generateGUId();
         setAttr(ulEl[0], 'aria-labelledby', widgetId);
         setAttr(labelEl[0], 'id', widgetId);
     }

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

@@ -40714,7 +40714,7 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
             tmpl = `<div wmCheckbox ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''}></div>`;
             break;
         case FormWidgetType.CHECKBOXSET:
-            tmpl = `<ul wmCheckboxset ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''}></ul>`;
+            tmpl = `<ul role="group" wmCheckboxset ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''}></ul>`;
             break;
         case FormWidgetType.CHIPS:
             tmpl = `<ul wmChips role="input" debouncetime="${attrs.get('debouncetime')}" ${innerTmpl}></ul>`;
@@ -42859,10 +42859,10 @@ const addForIdAttributes = (element) => {
             setAttr(labelEl[0], 'for', widgetId);
         }
     }
-    /*Adding aria-labelledby to radioset widget*/
+    /*Adding aria-labelledby to radioset, checkboxset widgets*/
     const ulEl = element.querySelectorAll('ul');
-    if (labelEl.length && ulEl.length && ulEl[0].getAttribute('role') === 'radiogroup') {
-        const widgetId = 'wm-radioset-label-' + generateGUId();
+    if (labelEl.length && ulEl.length && (ulEl[0].getAttribute('role') === 'radiogroup' || ulEl[0].getAttribute('role') === 'group')) {
+        const widgetId = 'wm-group-label-' + generateGUId();
         setAttr(ulEl[0], 'aria-labelledby', widgetId);
         setAttr(labelEl[0], 'id', widgetId);
     }
@@ -46380,7 +46380,7 @@ var checkbox_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$N = 'ul';
 register('wm-checkboxset', () => {
     return {
-        pre: attrs => `<${tagName$N} wmCheckboxset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        pre: attrs => `<${tagName$N} role="group" wmCheckboxset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
         post: () => `</${tagName$N}>`
     };
 });

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

@@ -40714,7 +40714,7 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
             tmpl = `<div wmCheckbox ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''}></div>`;
             break;
         case FormWidgetType.CHECKBOXSET:
-            tmpl = `<ul wmCheckboxset ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''}></ul>`;
+            tmpl = `<ul role="group" wmCheckboxset ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''}></ul>`;
             break;
         case FormWidgetType.CHIPS:
             tmpl = `<ul wmChips role="input" debouncetime="${attrs.get('debouncetime')}" ${innerTmpl}></ul>`;
@@ -42859,10 +42859,10 @@ const addForIdAttributes = (element) => {
             setAttr(labelEl[0], 'for', widgetId);
         }
     }
-    /*Adding aria-labelledby to radioset widget*/
+    /*Adding aria-labelledby to radioset, checkboxset widgets*/
     const ulEl = element.querySelectorAll('ul');
-    if (labelEl.length && ulEl.length && ulEl[0].getAttribute('role') === 'radiogroup') {
-        const widgetId = 'wm-radioset-label-' + generateGUId();
+    if (labelEl.length && ulEl.length && (ulEl[0].getAttribute('role') === 'radiogroup' || ulEl[0].getAttribute('role') === 'group')) {
+        const widgetId = 'wm-group-label-' + generateGUId();
         setAttr(ulEl[0], 'aria-labelledby', widgetId);
         setAttr(labelEl[0], 'id', widgetId);
     }
@@ -46380,7 +46380,7 @@ var checkbox_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$N = 'ul';
 register('wm-checkboxset', () => {
     return {
-        pre: attrs => `<${tagName$N} wmCheckboxset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        pre: attrs => `<${tagName$N} role="group" wmCheckboxset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
         post: () => `</${tagName$N}>`
     };
 });

angular-codegen/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/angular-codegen",
-    "version": "11.2.0-rc.5233",
+    "version": "11.2.0-rc.5235",
     "description": "",
     "main": "index.js",
     "scripts": {