@wavemaker/app-ng-runtime 11.9.0-next.24960 → 11.9.0-next.27456

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

@@ -6,13 +6,13 @@
 
     const carouselTagName = 'carousel';
     const dataSetKey$5 = 'dataset';
-    const idGen$s = new core.IDGenerator('wm_carousel_ref_');
+    const idGen$t = new core.IDGenerator('wm_carousel_ref_');
     const isDynamicCarousel = node => node.attrs.find(attr => attr.name === 'type' && attr.value === 'dynamic');
     transpiler.register('wm-carousel', () => {
         return {
             pre: (attrs, shared) => {
                 // generating unique Id for the carousel
-                const counter = idGen$s.nextUid();
+                const counter = idGen$t.nextUid();
                 shared.set('carousel_ref', counter);
                 return `<div class="app-carousel carousel"><${carouselTagName} wmCarousel #${counter}="wmCarousel"  ${transpiler.getAttrMarkup(attrs)} interval="0" [ngClass]="${counter}.navigationClass">`;
             },
@@ -114,11 +114,11 @@
     });
 
     const tagName$1A = 'a';
-    const idGen$r = new core.IDGenerator('wm_anchor');
+    const idGen$s = new core.IDGenerator('wm_anchor');
     transpiler.register('wm-anchor', () => {
         return {
             pre: (attrs) => {
-                const counter = idGen$r.nextUid();
+                const counter = idGen$s.nextUid();
                 return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.arialabel || (${counter}.badgevalue ? ${counter}.caption + ' ' + ${counter}.badgevalue : ${counter}.caption) || null" ${transpiler.getAttrMarkup(attrs)}>`;
             },
             post: () => `</${tagName$1A}>`
@@ -146,11 +146,11 @@
     });
 
     const tagName$1y = 'div';
-    const idGen$q = new core.IDGenerator('wm_html');
+    const idGen$r = new core.IDGenerator('wm_html');
     transpiler.register('wm-html', () => {
         return {
             pre: (attrs) => {
-                const counter = idGen$q.nextUid();
+                const counter = idGen$r.nextUid();
                 return `<${tagName$1y} wmHtml #${counter}="wmHtml" role="application" [attr.aria-label]="${counter}.arialabel || 'HTML content'" ${transpiler.getAttrMarkup(attrs)}>`;
             },
             post: () => `</${tagName$1y}>`
@@ -192,7 +192,7 @@
     });
 
     let tagName$1v = 'p';
-    const idGen$p = new core.IDGenerator('wm_label');
+    const idGen$q = new core.IDGenerator('wm_label');
     transpiler.register('wm-label', () => {
         return {
             pre: (attrs) => {
@@ -206,7 +206,7 @@
                 else {
                     tagName$1v = 'label';
                 }
-                const counter = idGen$p.nextUid();
+                const counter = idGen$q.nextUid();
                 return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.arialabel" ${transpiler.getAttrMarkup(attrs)}>`;
             },
             post: () => `</${tagName$1v}>`
@@ -220,11 +220,11 @@
     });
 
     const tagName$1u = 'img';
-    const idGen$o = new core.IDGenerator('wm_picture');
+    const idGen$p = new core.IDGenerator('wm_picture');
     transpiler.register('wm-picture', () => {
         return {
             pre: (attrs) => {
-                const counter = idGen$o.nextUid();
+                const counter = idGen$p.nextUid();
                 return `<${tagName$1u} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.arialabel || 'Image'" ${transpiler.getAttrMarkup(attrs)}>`;
             }
         };
@@ -237,11 +237,11 @@
     });
 
     const tagName$1t = 'div';
-    const idGen$n = new core.IDGenerator('wm_spinner');
+    const idGen$o = new core.IDGenerator('wm_spinner');
     transpiler.register('wm-spinner', () => {
         return {
             pre: (attrs) => {
-                const counter = idGen$n.nextUid();
+                const counter = idGen$o.nextUid();
                 return `<${tagName$1t} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.arialabel || 'Loading...'" aria-live="assertive" aria-busy="true" ${transpiler.getAttrMarkup(attrs)}>`;
             },
             post: () => `</${tagName$1t}>`
@@ -294,9 +294,13 @@
     });
 
     const tagName$1r = 'div';
+    const idGen$n = new core.IDGenerator('wm_progress_circle');
     transpiler.register('wm-progress-circle', () => {
         return {
-            pre: attrs => `<${tagName$1r} wmProgressCircle ${transpiler.getAttrMarkup(attrs)}>`,
+            pre: (attrs) => {
+                const counter = idGen$n.nextUid();
+                return `<${tagName$1r} wmProgressCircle #${counter}="wmProgressCircle" role="progressbar" [attr.aria-label]="${counter}.arialabel || 'circle-progress'" [attr.hint]="${counter}.hint" [attr.aria-valuetext]="${counter}.displayValue" [attr.aria-valuemin]="${counter}.minvalue" [attr.aria-valuemax]="${counter}.maxvalue" ${transpiler.getAttrMarkup(attrs)}>`;
+            },
             post: () => `</${tagName$1r}>`
         };
     });

app-ng-runtime/build-task/esm2022/basic/progress/progress-circle/progress-circle.build.mjs

@@ -1,10 +1,15 @@
 import { getAttrMarkup, register } from '@wm/transpiler';
+import { IDGenerator } from "@wm/core";
 const tagName = 'div';
+const idGen = new IDGenerator('wm_progress_circle');
 register('wm-progress-circle', () => {
     return {
-        pre: attrs => `<${tagName} wmProgressCircle ${getAttrMarkup(attrs)}>`,
+        pre: (attrs) => {
+            const counter = idGen.nextUid();
+            return `<${tagName} wmProgressCircle #${counter}="wmProgressCircle" role="progressbar" [attr.aria-label]="${counter}.arialabel || 'circle-progress'" [attr.hint]="${counter}.hint" [attr.aria-valuetext]="${counter}.displayValue" [attr.aria-valuemin]="${counter}.minvalue" [attr.aria-valuemax]="${counter}.maxvalue" ${getAttrMarkup(attrs)}>`;
+        },
         post: () => `</${tagName}>`
     };
 });
 export default () => { };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtY2lyY2xlLmJ1aWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy90cmFuc3BpbGUvc3JjL2Jhc2ljL3Byb2dyZXNzL3Byb2dyZXNzLWNpcmNsZS9wcm9ncmVzcy1jaXJjbGUuYnVpbGQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBaUIsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEUsTUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDO0FBRXRCLFFBQVEsQ0FBQyxvQkFBb0IsRUFBRSxHQUFrQixFQUFFO0lBQy9DLE9BQU87UUFDSCxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLE9BQU8scUJBQXFCLGFBQWEsQ0FBQyxLQUFLLENBQUMsR0FBRztRQUNyRSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUMsS0FBSyxPQUFPLEdBQUc7S0FDOUIsQ0FBQztBQUNOLENBQUMsQ0FBQyxDQUFDO0FBR0gsZUFBZSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRBdHRyTWFya3VwLCBJQnVpbGRUYXNrRGVmLCByZWdpc3RlciB9IGZyb20gJ0B3bS90cmFuc3BpbGVyJztcblxuY29uc3QgdGFnTmFtZSA9ICdkaXYnO1xuXG5yZWdpc3Rlcignd20tcHJvZ3Jlc3MtY2lyY2xlJywgKCk6IElCdWlsZFRhc2tEZWYgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICAgIHByZTogYXR0cnMgPT4gYDwke3RhZ05hbWV9IHdtUHJvZ3Jlc3NDaXJjbGUgJHtnZXRBdHRyTWFya3VwKGF0dHJzKX0+YCxcbiAgICAgICAgcG9zdDogKCkgPT4gYDwvJHt0YWdOYW1lfT5gXG4gICAgfTtcbn0pO1xuXG5cbmV4cG9ydCBkZWZhdWx0ICgpID0+IHt9O1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtY2lyY2xlLmJ1aWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy90cmFuc3BpbGUvc3JjL2Jhc2ljL3Byb2dyZXNzL3Byb2dyZXNzLWNpcmNsZS9wcm9ncmVzcy1jaXJjbGUuYnVpbGQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBaUIsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUVyQyxNQUFNLE9BQU8sR0FBRyxLQUFLLENBQUM7QUFDdEIsTUFBTSxLQUFLLEdBQUcsSUFBSSxXQUFXLENBQUMsb0JBQW9CLENBQUMsQ0FBQztBQUVwRCxRQUFRLENBQUMsb0JBQW9CLEVBQUUsR0FBa0IsRUFBRTtJQUMvQyxPQUFPO1FBQ0gsR0FBRyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDWCxNQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDaEMsT0FBTyxJQUFJLE9BQU8sc0JBQXNCLE9BQU8sNkRBQTZELE9BQU8saURBQWlELE9BQU8saUNBQWlDLE9BQU8sd0NBQXdDLE9BQU8sb0NBQW9DLE9BQU8sY0FBYyxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQztRQUN2VixDQUFDO1FBQ0QsSUFBSSxFQUFFLEdBQUcsRUFBRSxDQUFDLEtBQUssT0FBTyxHQUFHO0tBQzlCLENBQUM7QUFDTixDQUFDLENBQUMsQ0FBQztBQUdILGVBQWUsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0QXR0ck1hcmt1cCwgSUJ1aWxkVGFza0RlZiwgcmVnaXN0ZXIgfSBmcm9tICdAd20vdHJhbnNwaWxlcic7XG5pbXBvcnQge0lER2VuZXJhdG9yfSBmcm9tIFwiQHdtL2NvcmVcIjtcblxuY29uc3QgdGFnTmFtZSA9ICdkaXYnO1xuY29uc3QgaWRHZW4gPSBuZXcgSURHZW5lcmF0b3IoJ3dtX3Byb2dyZXNzX2NpcmNsZScpO1xuXG5yZWdpc3Rlcignd20tcHJvZ3Jlc3MtY2lyY2xlJywgKCk6IElCdWlsZFRhc2tEZWYgPT4ge1xuICAgIHJldHVybiB7XG4gICAgICAgIHByZTogKGF0dHJzKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBjb3VudGVyID0gaWRHZW4ubmV4dFVpZCgpO1xuICAgICAgICAgICAgcmV0dXJuIGA8JHt0YWdOYW1lfSB3bVByb2dyZXNzQ2lyY2xlICMke2NvdW50ZXJ9PVwid21Qcm9ncmVzc0NpcmNsZVwiIHJvbGU9XCJwcm9ncmVzc2JhclwiIFthdHRyLmFyaWEtbGFiZWxdPVwiJHtjb3VudGVyfS5hcmlhbGFiZWwgfHwgJ2NpcmNsZS1wcm9ncmVzcydcIiBbYXR0ci5oaW50XT1cIiR7Y291bnRlcn0uaGludFwiIFthdHRyLmFyaWEtdmFsdWV0ZXh0XT1cIiR7Y291bnRlcn0uZGlzcGxheVZhbHVlXCIgW2F0dHIuYXJpYS12YWx1ZW1pbl09XCIke2NvdW50ZXJ9Lm1pbnZhbHVlXCIgW2F0dHIuYXJpYS12YWx1ZW1heF09XCIke2NvdW50ZXJ9Lm1heHZhbHVlXCIgJHtnZXRBdHRyTWFya3VwKGF0dHJzKX0+YDtcbiAgICAgICAgfSxcbiAgICAgICAgcG9zdDogKCkgPT4gYDwvJHt0YWdOYW1lfT5gXG4gICAgfTtcbn0pO1xuXG5cbmV4cG9ydCBkZWZhdWx0ICgpID0+IHt9O1xuIl19

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

@@ -6,13 +6,13 @@ import { forEach } from 'lodash-es';
 
 const carouselTagName = 'carousel';
 const dataSetKey$5 = 'dataset';
-const idGen$s = new IDGenerator('wm_carousel_ref_');
+const idGen$t = new IDGenerator('wm_carousel_ref_');
 const isDynamicCarousel = node => node.attrs.find(attr => attr.name === 'type' && attr.value === 'dynamic');
 register('wm-carousel', () => {
     return {
         pre: (attrs, shared) => {
             // generating unique Id for the carousel
-            const counter = idGen$s.nextUid();
+            const counter = idGen$t.nextUid();
             shared.set('carousel_ref', counter);
             return `<div class="app-carousel carousel"><${carouselTagName} wmCarousel #${counter}="wmCarousel"  ${getAttrMarkup(attrs)} interval="0" [ngClass]="${counter}.navigationClass">`;
         },
@@ -114,11 +114,11 @@ var marquee_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1A = 'a';
-const idGen$r = new IDGenerator('wm_anchor');
+const idGen$s = new IDGenerator('wm_anchor');
 register('wm-anchor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$r.nextUid();
+            const counter = idGen$s.nextUid();
             return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.arialabel || (${counter}.badgevalue ? ${counter}.caption + ' ' + ${counter}.badgevalue : ${counter}.caption) || null" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1A}>`
@@ -146,11 +146,11 @@ var audio_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1y = 'div';
-const idGen$q = new IDGenerator('wm_html');
+const idGen$r = new IDGenerator('wm_html');
 register('wm-html', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$q.nextUid();
+            const counter = idGen$r.nextUid();
             return `<${tagName$1y} wmHtml #${counter}="wmHtml" role="application" [attr.aria-label]="${counter}.arialabel || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1y}>`
@@ -192,7 +192,7 @@ var iframe_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 let tagName$1v = 'p';
-const idGen$p = new IDGenerator('wm_label');
+const idGen$q = new IDGenerator('wm_label');
 register('wm-label', () => {
     return {
         pre: (attrs) => {
@@ -206,7 +206,7 @@ register('wm-label', () => {
             else {
                 tagName$1v = 'label';
             }
-            const counter = idGen$p.nextUid();
+            const counter = idGen$q.nextUid();
             return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1v}>`
@@ -220,11 +220,11 @@ var label_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1u = 'img';
-const idGen$o = new IDGenerator('wm_picture');
+const idGen$p = new IDGenerator('wm_picture');
 register('wm-picture', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$o.nextUid();
+            const counter = idGen$p.nextUid();
             return `<${tagName$1u} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.arialabel || 'Image'" ${getAttrMarkup(attrs)}>`;
         }
     };
@@ -237,11 +237,11 @@ var picture_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1t = 'div';
-const idGen$n = new IDGenerator('wm_spinner');
+const idGen$o = new IDGenerator('wm_spinner');
 register('wm-spinner', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$n.nextUid();
+            const counter = idGen$o.nextUid();
             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}>`
@@ -294,9 +294,13 @@ var progressBar_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1r = 'div';
+const idGen$n = new IDGenerator('wm_progress_circle');
 register('wm-progress-circle', () => {
     return {
-        pre: attrs => `<${tagName$1r} wmProgressCircle ${getAttrMarkup(attrs)}>`,
+        pre: (attrs) => {
+            const counter = idGen$n.nextUid();
+            return `<${tagName$1r} wmProgressCircle #${counter}="wmProgressCircle" role="progressbar" [attr.aria-label]="${counter}.arialabel || 'circle-progress'" [attr.hint]="${counter}.hint" [attr.aria-valuetext]="${counter}.displayValue" [attr.aria-valuemin]="${counter}.minvalue" [attr.aria-valuemax]="${counter}.maxvalue" ${getAttrMarkup(attrs)}>`;
+        },
         post: () => `</${tagName$1r}>`
     };
 });