@wavemaker/angular-codegen 11.2.4-rc.88 → 11.2.4-rc.91

angular-codegen/angular-app/angular.json

@@ -83,8 +83,8 @@
                             "./node_modules/iscroll/build/iscroll.js",
                             "./node_modules/js-cookie/src/js.cookie.js",
                             "./node_modules/jssha/dist/sha256.js",
-                            "./node_modules/tabbable/dist/index.min.js",
-                            "./node_modules/@wavemaker/focus-trap/dist/focus-trap.min.js"
+                            "./node_modules/tabbable/dist/index.umd.min.js",
+                            "./node_modules/@wavemaker/focus-trap/dist/focus-trap.umd.min.js"
                         ]
                     },
                     "configurations": {
@@ -179,9 +179,7 @@
                             "./node_modules/hammerjs/hammer.min.js",
                             "./node_modules/iscroll/build/iscroll.js",
                             "./node_modules/js-cookie/src/js.cookie.js",
-                            "./node_modules/jssha/dist/sha256.js",
-                            "./node_modules/tabbable/dist/index.min.js",
-                            "./node_modules/@wavemaker/focus-trap/dist/focus-trap.min.js"
+                            "./node_modules/jssha/dist/sha256.js"
                         ],
                         "aot": false,
                         "vendorChunk": true,

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

@@ -20360,9 +20360,9 @@
       "dev": true
     },
     "tabbable": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.0.1.tgz",
-      "integrity": "sha512-SYJSIgeyXW7EuX1ytdneO5e8jip42oHWg9xl/o3oTYhmXusZVgiA+VlPvjIN+kHii9v90AmzTZEBcsEvuAY+TA=="
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.1.1.tgz",
+      "integrity": "sha512-4kl5w+nCB44EVRdO0g/UGoOp3vlwgycUVtkk/7DPyeLZUCuNFFKCFG6/t/DgHLrUPHjrZg6s5tNm+56Q2B0xyg=="
     },
     "tapable": {
       "version": "2.2.1",

angular-codegen/angular-app/package.json

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

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

@@ -44976,14 +44976,14 @@ const scopeComponentStyles = (componentName, componentType, styles = '') => {
 
 const carouselTagName = 'carousel';
 const dataSetKey$5 = 'dataset';
-const idGen$q = new IDGenerator('wm_carousel_ref_');
+const idGen$s = new IDGenerator('wm_carousel_ref_');
 const isDynamicCarousel = node => node.attrs.find(attr => attr.name === 'type' && attr.value === 'dynamic');
 const ɵ0$d$1 = isDynamicCarousel;
 register('wm-carousel', () => {
     return {
         pre: (attrs, shared) => {
             // generating unique Id for the carousel
-            const counter = idGen$q.nextUid();
+            const counter = idGen$s.nextUid();
             shared.set('carousel_ref', counter);
             return `<div class="app-carousel carousel"><${carouselTagName} wmCarousel #${counter}="wmCarousel"  ${getAttrMarkup(attrs)} interval="0" [ngClass]="${counter}.navigationClass">`;
         },
@@ -45084,12 +45084,12 @@ var marquee_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1A = 'a';
-const idGen$p = new IDGenerator('wm_anchor');
+const idGen$r = new IDGenerator('wm_anchor');
 register('wm-anchor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$p.nextUid();
-            return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption || 'Link'" ${getAttrMarkup(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)}>`;
         },
         post: () => `</${tagName$1A}>`
     };
@@ -45116,11 +45116,11 @@ var audio_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1y = 'div';
-const idGen$o = new IDGenerator('wm_html');
+const idGen$q = new IDGenerator('wm_html');
 register('wm-html', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$o.nextUid();
+            const counter = idGen$q.nextUid();
             return `<${tagName$1y} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1y}>`
@@ -45162,10 +45162,12 @@ var iframe_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1v = 'label';
+const idGen$p = new IDGenerator('wm_label');
 register('wm-label', () => {
     return {
         pre: (attrs) => {
-            return `<${tagName$1v} wmLabel ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$p.nextUid();
+            return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1v}>`
     };
@@ -45178,11 +45180,11 @@ var label_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1u = 'img';
-const idGen$n = new IDGenerator('wm_picture');
+const idGen$o = new IDGenerator('wm_picture');
 register('wm-picture', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$n.nextUid();
+            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)}>`;
         }
     };
@@ -45195,11 +45197,11 @@ var picture_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1t = 'div';
-const idGen$m = new IDGenerator('wm_spinner');
+const idGen$n = new IDGenerator('wm_spinner');
 register('wm-spinner', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$m.nextUid();
+            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)}>`;
         },
         post: () => `</${tagName$1t}>`
@@ -45272,11 +45274,11 @@ var progressCircle_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1q = 'div';
-const idGen$l = new IDGenerator('wm_richtexteditor');
+const idGen$m = new IDGenerator('wm_richtexteditor');
 register('wm-richtexteditor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$l.nextUid();
+            const counter = idGen$m.nextUid();
             return `<${tagName$1q} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.hint || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
         },
         post: () => `</${tagName$1q}>`
@@ -45389,14 +45391,14 @@ var chart_build$1 = /*#__PURE__*/Object.freeze({
 
 const tagName$1i = 'div';
 const dataSetKey$4 = 'dataset';
-const idGen$k = new IDGenerator('wm_accordion_ref_');
+const idGen$l = new IDGenerator('wm_accordion_ref_');
 const isDynamicAccordion = node => node.attrs.find(attr => attr.name === 'type' && attr.value === 'dynamic');
 const ɵ0$b$1 = isDynamicAccordion;
 register('wm-accordion', () => {
     return {
         pre: (attrs, shared) => {
             // generating unique Id for the accordion
-            const counter = idGen$k.nextUid();
+            const counter = idGen$l.nextUid();
             shared.set('accordion_ref', counter);
             return `<${tagName$1i} wmAccordion #${counter}="wmAccordion" role="tablist" aria-multiselectable="true" ${getAttrMarkup(attrs)}>`;
         },
@@ -45433,9 +45435,13 @@ var accordion_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1h = 'div';
+const idGen$k = new IDGenerator('wm_accordionpane');
 register('wm-accordionpane', () => {
     return {
-        pre: attrs => `<${tagName$1h} wmAccordionPane partialContainer wm-navigable-element="true" role="tab" ${getAttrMarkup(attrs)}>`,
+        pre: (attrs) => {
+            const counter = idGen$k.nextUid();
+            return `<${tagName$1h} #${counter}="wmAccordionPane" [attr.aria-expanded]="${counter}.isActive" wmAccordionPane partialContainer wm-navigable-element="true" role="tab" ${getAttrMarkup(attrs)}>`;
+        },
         post: () => `</${tagName$1h}>`
     };
 });
@@ -46344,7 +46350,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 || 'Button'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$P} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.hint || ${counter}.caption" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$P}>`
     };

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

@@ -44976,14 +44976,14 @@ const scopeComponentStyles = (componentName, componentType, styles = '') => {
 
 const carouselTagName = 'carousel';
 const dataSetKey$5 = 'dataset';
-const idGen$q = new IDGenerator('wm_carousel_ref_');
+const idGen$s = new IDGenerator('wm_carousel_ref_');
 const isDynamicCarousel = node => node.attrs.find(attr => attr.name === 'type' && attr.value === 'dynamic');
 const ɵ0$d$1 = isDynamicCarousel;
 register('wm-carousel', () => {
     return {
         pre: (attrs, shared) => {
             // generating unique Id for the carousel
-            const counter = idGen$q.nextUid();
+            const counter = idGen$s.nextUid();
             shared.set('carousel_ref', counter);
             return `<div class="app-carousel carousel"><${carouselTagName} wmCarousel #${counter}="wmCarousel"  ${getAttrMarkup(attrs)} interval="0" [ngClass]="${counter}.navigationClass">`;
         },
@@ -45084,12 +45084,12 @@ var marquee_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1A = 'a';
-const idGen$p = new IDGenerator('wm_anchor');
+const idGen$r = new IDGenerator('wm_anchor');
 register('wm-anchor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$p.nextUid();
-            return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption || 'Link'" ${getAttrMarkup(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)}>`;
         },
         post: () => `</${tagName$1A}>`
     };
@@ -45116,11 +45116,11 @@ var audio_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1y = 'div';
-const idGen$o = new IDGenerator('wm_html');
+const idGen$q = new IDGenerator('wm_html');
 register('wm-html', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$o.nextUid();
+            const counter = idGen$q.nextUid();
             return `<${tagName$1y} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1y}>`
@@ -45162,10 +45162,12 @@ var iframe_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1v = 'label';
+const idGen$p = new IDGenerator('wm_label');
 register('wm-label', () => {
     return {
         pre: (attrs) => {
-            return `<${tagName$1v} wmLabel ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$p.nextUid();
+            return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1v}>`
     };
@@ -45178,11 +45180,11 @@ var label_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1u = 'img';
-const idGen$n = new IDGenerator('wm_picture');
+const idGen$o = new IDGenerator('wm_picture');
 register('wm-picture', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$n.nextUid();
+            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)}>`;
         }
     };
@@ -45195,11 +45197,11 @@ var picture_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1t = 'div';
-const idGen$m = new IDGenerator('wm_spinner');
+const idGen$n = new IDGenerator('wm_spinner');
 register('wm-spinner', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$m.nextUid();
+            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)}>`;
         },
         post: () => `</${tagName$1t}>`
@@ -45272,11 +45274,11 @@ var progressCircle_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1q = 'div';
-const idGen$l = new IDGenerator('wm_richtexteditor');
+const idGen$m = new IDGenerator('wm_richtexteditor');
 register('wm-richtexteditor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$l.nextUid();
+            const counter = idGen$m.nextUid();
             return `<${tagName$1q} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.hint || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
         },
         post: () => `</${tagName$1q}>`
@@ -45389,14 +45391,14 @@ var chart_build$1 = /*#__PURE__*/Object.freeze({
 
 const tagName$1i = 'div';
 const dataSetKey$4 = 'dataset';
-const idGen$k = new IDGenerator('wm_accordion_ref_');
+const idGen$l = new IDGenerator('wm_accordion_ref_');
 const isDynamicAccordion = node => node.attrs.find(attr => attr.name === 'type' && attr.value === 'dynamic');
 const ɵ0$b$1 = isDynamicAccordion;
 register('wm-accordion', () => {
     return {
         pre: (attrs, shared) => {
             // generating unique Id for the accordion
-            const counter = idGen$k.nextUid();
+            const counter = idGen$l.nextUid();
             shared.set('accordion_ref', counter);
             return `<${tagName$1i} wmAccordion #${counter}="wmAccordion" role="tablist" aria-multiselectable="true" ${getAttrMarkup(attrs)}>`;
         },
@@ -45433,9 +45435,13 @@ var accordion_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1h = 'div';
+const idGen$k = new IDGenerator('wm_accordionpane');
 register('wm-accordionpane', () => {
     return {
-        pre: attrs => `<${tagName$1h} wmAccordionPane partialContainer wm-navigable-element="true" role="tab" ${getAttrMarkup(attrs)}>`,
+        pre: (attrs) => {
+            const counter = idGen$k.nextUid();
+            return `<${tagName$1h} #${counter}="wmAccordionPane" [attr.aria-expanded]="${counter}.isActive" wmAccordionPane partialContainer wm-navigable-element="true" role="tab" ${getAttrMarkup(attrs)}>`;
+        },
         post: () => `</${tagName$1h}>`
     };
 });
@@ -46344,7 +46350,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 || 'Button'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$P} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.hint || ${counter}.caption" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$P}>`
     };

angular-codegen/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/angular-codegen",
-    "version": "11.2.4-rc.88",
+    "version": "11.2.4-rc.91",
     "description": "",
     "main": "index.js",
     "scripts": {