@wavemaker/angular-codegen 11.2.0-rc.5203 → 11.2.0-rc.5204

angular-codegen/angular-app/angular.json

@@ -82,7 +82,9 @@
                             "./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/jssha/dist/sha256.js",
+                            "./node_modules/tabbable/dist/index.min.js",
+                            "./node_modules/@wavemaker/focus-trap/dist/focus-trap.min.js"
                         ]
                     },
                     "configurations": {
@@ -177,7 +179,9 @@
                             "./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/jssha/dist/sha256.js",
+                            "./node_modules/tabbable/dist/index.min.js",
+                            "./node_modules/@wavemaker/focus-trap/dist/focus-trap.min.js"
                         ],
                         "aot": false,
                         "vendorChunk": true,

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

@@ -5840,6 +5840,15 @@
       "resolved": "https://registry.npmjs.org/@wavemaker.com/nvd3/-/nvd3-1.0.0.tgz",
       "integrity": "sha512-KwdblvQbf0k51JYt1SJIhhkoQflWsOfgb6MVT9I/kDFpGmm5Z71PXOTNwOGnBFvuqGH6AJVQoM7StE0IK6OmXQ=="
     },
+    "@wavemaker/focus-trap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@wavemaker/focus-trap/-/focus-trap-1.0.0.tgz",
+      "integrity": "sha512-ZGQxxL2gdF07h+1nyOzK0jO9QAduv74vBHH42GMV4uHjQvPfuWClwXQEtyBukkX5EXAuOLZNc5X4AWSvOsz0eA==",
+      "requires": {
+        "tabbable": "^6.0.1",
+        "yarn": "^1.22.19"
+      }
+    },
     "@webassemblyjs/ast": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz",
@@ -19866,6 +19875,11 @@
       "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==",
       "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=="
+    },
     "tapable": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
@@ -22611,6 +22625,11 @@
         }
       }
     },
+    "yarn": {
+      "version": "1.22.19",
+      "resolved": "https://registry.npmjs.org/yarn/-/yarn-1.22.19.tgz",
+      "integrity": "sha512-/0V5q0WbslqnwP91tirOvldvYISzaqhClxzyUKXYxs07yUILIs5jx/k6CFe8bvKSkds5w+eiOqta39Wk3WxdcQ=="
+    },
     "yn": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",

angular-codegen/angular-app/package.json

@@ -45,6 +45,7 @@
         "@awesome-cordova-plugins/vibration": "5.39.1",
         "@metrichor/jmespath": "^0.3.1",
         "@wavemaker.com/nvd3": "1.0.0",
+        "@wavemaker/focus-trap": "^1.0.0",
         "angular-imask": "6.0.4",
         "angular2-websocket": "0.9.7",
         "core-js": "2.5.4",
@@ -68,7 +69,7 @@
         "tslib": "^2.0.0",
         "x2js": "3.2.6",
         "zone.js": "~0.11.4",
-        "@wavemaker/app-ng-runtime": "11.2.0-rc.5203"
+        "@wavemaker/app-ng-runtime": "11.2.0-rc.5204"
     },
     "devDependencies": {
         "@ampproject/rollup-plugin-closure-compiler": "0.8.5",

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

@@ -44970,14 +44970,14 @@ const scopeComponentStyles = (componentName, componentType, styles = '') => {
 
 const carouselTagName = 'carousel';
 const dataSetKey$5 = 'dataset';
-const idGen$q = new IDGenerator('wm_carousel_ref_');
+const idGen$r = 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$r.nextUid();
             shared.set('carousel_ref', counter);
             return `<div class="app-carousel carousel"><${carouselTagName} wmCarousel #${counter}="wmCarousel"  ${getAttrMarkup(attrs)} interval="0" [ngClass]="${counter}.navigationClass">`;
         },
@@ -45078,11 +45078,11 @@ var marquee_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1A = 'a';
-const idGen$p = new IDGenerator('wm_anchor');
+const idGen$q = new IDGenerator('wm_anchor');
 register('wm-anchor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$p.nextUid();
+            const counter = idGen$q.nextUid();
             return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption || 'Link'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1A}>`
@@ -45110,11 +45110,11 @@ var audio_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1y = 'div';
-const idGen$o = new IDGenerator('wm_html');
+const idGen$p = new IDGenerator('wm_html');
 register('wm-html', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$o.nextUid();
+            const counter = idGen$p.nextUid();
             return `<${tagName$1y} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1y}>`
@@ -45156,10 +45156,12 @@ var iframe_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1v = 'label';
+const idGen$o = new IDGenerator('wm_label');
 register('wm-label', () => {
     return {
         pre: (attrs) => {
-            return `<${tagName$1v} wmLabel ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$o.nextUid();
+            return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1v}>`
     };

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

@@ -44970,14 +44970,14 @@ const scopeComponentStyles = (componentName, componentType, styles = '') => {
 
 const carouselTagName = 'carousel';
 const dataSetKey$5 = 'dataset';
-const idGen$q = new IDGenerator('wm_carousel_ref_');
+const idGen$r = 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$r.nextUid();
             shared.set('carousel_ref', counter);
             return `<div class="app-carousel carousel"><${carouselTagName} wmCarousel #${counter}="wmCarousel"  ${getAttrMarkup(attrs)} interval="0" [ngClass]="${counter}.navigationClass">`;
         },
@@ -45078,11 +45078,11 @@ var marquee_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1A = 'a';
-const idGen$p = new IDGenerator('wm_anchor');
+const idGen$q = new IDGenerator('wm_anchor');
 register('wm-anchor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$p.nextUid();
+            const counter = idGen$q.nextUid();
             return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption || 'Link'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1A}>`
@@ -45110,11 +45110,11 @@ var audio_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1y = 'div';
-const idGen$o = new IDGenerator('wm_html');
+const idGen$p = new IDGenerator('wm_html');
 register('wm-html', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$o.nextUid();
+            const counter = idGen$p.nextUid();
             return `<${tagName$1y} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1y}>`
@@ -45156,10 +45156,12 @@ var iframe_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1v = 'label';
+const idGen$o = new IDGenerator('wm_label');
 register('wm-label', () => {
     return {
         pre: (attrs) => {
-            return `<${tagName$1v} wmLabel ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$o.nextUid();
+            return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1v}>`
     };

angular-codegen/package.json

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