@wavemaker/angular-codegen 12.0.0-next.45102 → 12.0.0-next.45127

angular-codegen/angular-app/src/setup-jest.js

@@ -71,6 +71,7 @@ import "hammerjs/hammer.min.js";
 import "iscroll/build/iscroll.js";
 import "tabbable/dist/index.umd.min.js";
 import "@wavemaker/focus-trap/dist/focus-trap.umd.min.js";
+import "x2js"
 
 
 

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

@@ -126424,15 +126424,15 @@ var dataViewCtorString$1 = toSource$1(DataView$1$1),
  * @param {*} value The value to query.
  * @returns {string} Returns the `toStringTag`.
  */
-var getTag$1 = baseGetTag$1;
+var getTag$2 = baseGetTag$1;
 
 // Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.
-if ((DataView$1$1 && getTag$1(new DataView$1$1(new ArrayBuffer(1))) != dataViewTag$3$1) ||
-    (Map$1$1 && getTag$1(new Map$1$1) != mapTag$8$1) ||
-    (Promise$1$1 && getTag$1(Promise$1$1.resolve()) != promiseTag$1) ||
-    (Set$1$1 && getTag$1(new Set$1$1) != setTag$8$1) ||
-    (WeakMap$1$1 && getTag$1(new WeakMap$1$1) != weakMapTag$2$1)) {
-  getTag$1 = function(value) {
+if ((DataView$1$1 && getTag$2(new DataView$1$1(new ArrayBuffer(1))) != dataViewTag$3$1) ||
+    (Map$1$1 && getTag$2(new Map$1$1) != mapTag$8$1) ||
+    (Promise$1$1 && getTag$2(Promise$1$1.resolve()) != promiseTag$1) ||
+    (Set$1$1 && getTag$2(new Set$1$1) != setTag$8$1) ||
+    (WeakMap$1$1 && getTag$2(new WeakMap$1$1) != weakMapTag$2$1)) {
+  getTag$2 = function(value) {
     var result = baseGetTag$1(value),
         Ctor = result == objectTag$2$1 ? value.constructor : undefined,
         ctorString = Ctor ? toSource$1(Ctor) : '';
@@ -126450,7 +126450,7 @@ if ((DataView$1$1 && getTag$1(new DataView$1$1(new ArrayBuffer(1))) != dataViewT
   };
 }
 
-var getTag$1$1 = getTag$1;
+var getTag$1$1 = getTag$2;
 
 /** Used for built-in method references. */
 var objectProto$c$1 = Object.prototype;
@@ -143816,7 +143816,6 @@ const REGEX$1 = {
     IPOD: /iPod/i,
     IPAD: /iPad/i,
     MAC: /Mac/i,
-    MACINTEL: /MacIntel/i,
     ANDROID_TABLET: /android|android 3.0|xoom|sch-i800|playbook|tablet|kindle/i,
     MOBILE: /Mobile/i,
     WINDOWS: /Windows Phone/i,
@@ -143868,9 +143867,10 @@ const isAndroidTablet$1 = () => REGEX$1.ANDROID_TABLET.test(userAgent$1) && !((/
 const isIphone$1 = () => REGEX$1.IPHONE.test(userAgent$1);
 const isIpod$1 = () => REGEX$1.IPOD.test(userAgent$1);
 const isIpad$1 = () => {
-    return REGEX$1.IPAD.test(userAgent$1) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && (REGEX$1.MAC.test(window.navigator.platform) || REGEX$1.MACINTEL.test(window.navigator.platform)));
+    return REGEX$1.IPAD.test(userAgent$1) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && REGEX$1.MAC.test(window.navigator.platform));
 };
 const isIos$1 = () => isIphone$1() || isIpod$1() || isIpad$1();
+const isSafari$1 = () => navigator.userAgent.indexOf('Safari') !== -1 && navigator.userAgent.indexOf('Chrome') === -1;
 const isLargeTabletLandscape$1 = (landScapeWidth, landScapeHeight) => {
     const width = landScapeWidth || '1366px';
     const height = landScapeHeight || '1024px';
@@ -144092,7 +144092,7 @@ const getFormattedDate$1 = (datePipe, dateObj, format, timeZone, isTimeStampType
     if (format === 'UTC') {
         return new Date(dateObj).toISOString();
     }
-    if (timeZone) {
+    if (timeZone && timeZone !== moment.defaultZone?.name) {
         const momentFormat = format.replaceAll('y', 'Y').replaceAll('d', 'D').replace('a', 'A');
         if (isIntervalDateTime) { // dates which are of type time widget (value is hh:mm:ss) but returned as date string from time comp
             return moment(dateObj).format(momentFormat);
@@ -144484,6 +144484,7 @@ const isEqualWithFields$1 = (obj1, obj2, compareBy) => {
     // compareBy can be 'id' or 'id1, id2' or 'id1, id2:id3'
     // Split the compareby comma separated values
     let _compareBy = isArray$2(compareBy) ? compareBy : split$1(compareBy, ',');
+    //@ts-ignore
     _compareBy = map$2(_compareBy, trim$1);
     return isEqualWith$1(obj1, obj2, function (o1, o2) {
         return every$1(_compareBy, function (cb) {
@@ -145338,6 +145339,7 @@ var Utils$1 = /*#__PURE__*/Object.freeze({
     isNumberType: isNumberType$1,
     isObject: isObject$3,
     isPageable: isPageable$1,
+    isSafari: isSafari$1,
     isTablet: isTablet$1,
     isValidWebURL: isValidWebURL$1,
     isVideoFile: isVideoFile$1,
@@ -146875,7 +146877,7 @@ class FileIconClassPipe {
 class StateClassPipe {
     transform(state) {
         const stateClassMap = {
-            'success': 'wi wi-done text-success',
+            'success': 'wi wi-check-circle text-success',
             'error': 'wi wi-error text-danger'
         };
         return stateClassMap[state.toLowerCase()];
@@ -185794,6 +185796,8 @@ if ((DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3)
   };
 }
 
+var getTag$1 = getTag;
+
 /** Used for built-in method references. */
 var objectProto$c = Object.prototype;
 
@@ -185986,7 +185990,7 @@ var mapTag$6 = '[object Map]';
  * @returns {boolean} Returns `true` if `value` is a map, else `false`.
  */
 function baseIsMap(value) {
-  return isObjectLike(value) && getTag(value) == mapTag$6;
+  return isObjectLike(value) && getTag$1(value) == mapTag$6;
 }
 
 /* Node.js helper references. */
@@ -186022,7 +186026,7 @@ var setTag$6 = '[object Set]';
  * @returns {boolean} Returns `true` if `value` is a set, else `false`.
  */
 function baseIsSet(value) {
-  return isObjectLike(value) && getTag(value) == setTag$6;
+  return isObjectLike(value) && getTag$1(value) == setTag$6;
 }
 
 /* Node.js helper references. */
@@ -186135,7 +186139,7 @@ function baseClone(value, bitmask, customizer, key, object, stack) {
       return copyArray(value, result);
     }
   } else {
-    var tag = getTag(value),
+    var tag = getTag$1(value),
         isFunc = tag == funcTag || tag == genTag;
 
     if (isBuffer(value)) {
@@ -186843,8 +186847,8 @@ var hasOwnProperty$9 = objectProto$a.hasOwnProperty;
 function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
   var objIsArr = isArray(object),
       othIsArr = isArray(other),
-      objTag = objIsArr ? arrayTag : getTag(object),
-      othTag = othIsArr ? arrayTag : getTag(other);
+      objTag = objIsArr ? arrayTag : getTag$1(object),
+      othTag = othIsArr ? arrayTag : getTag$1(other);
 
   objTag = objTag == argsTag ? objectTag : objTag;
   othTag = othTag == argsTag ? objectTag : othTag;
@@ -188919,7 +188923,7 @@ var mapTag$3 = '[object Map]',
  */
 function createToPairs(keysFunc) {
   return function(object) {
-    var tag = getTag(object);
+    var tag = getTag$1(object);
     if (tag == mapTag$3) {
       return mapToArray(object);
     }
@@ -191166,7 +191170,7 @@ function isEmpty(value) {
         isBuffer(value) || isTypedArray(value) || isArguments(value))) {
     return !value.length;
   }
-  var tag = getTag(value);
+  var tag = getTag$1(value);
   if (tag == mapTag$2 || tag == setTag$2) {
     return !value.size;
   }
@@ -191654,7 +191658,7 @@ var weakMapTag = '[object WeakMap]';
  * // => false
  */
 function isWeakMap(value) {
-  return isObjectLike(value) && getTag(value) == weakMapTag;
+  return isObjectLike(value) && getTag$1(value) == weakMapTag;
 }
 
 /** `Object#toString` result references. */
@@ -192625,7 +192629,7 @@ function toArray(value) {
   if (symIterator$1 && value[symIterator$1]) {
     return iteratorToArray(value[symIterator$1]());
   }
-  var tag = getTag(value),
+  var tag = getTag$1(value),
       func = tag == mapTag$1 ? mapToArray : (tag == setTag$1 ? setToArray : values);
 
   return func(value);
@@ -194964,7 +194968,7 @@ function size(collection) {
   if (isArrayLike(collection)) {
     return isString(collection) ? stringSize(collection) : collection.length;
   }
-  var tag = getTag(collection);
+  var tag = getTag$1(collection);
   if (tag == mapTag || tag == setTag) {
     return collection.size;
   }
@@ -202093,7 +202097,6 @@ const REGEX = {
     IPOD: /iPod/i,
     IPAD: /iPad/i,
     MAC: /Mac/i,
-    MACINTEL: /MacIntel/i,
     ANDROID_TABLET: /android|android 3.0|xoom|sch-i800|playbook|tablet|kindle/i,
     MOBILE: /Mobile/i,
     WINDOWS: /Windows Phone/i,
@@ -202145,9 +202148,10 @@ const isAndroidTablet = () => REGEX.ANDROID_TABLET.test(userAgent) && !((/Tablet
 const isIphone = () => REGEX.IPHONE.test(userAgent);
 const isIpod = () => REGEX.IPOD.test(userAgent);
 const isIpad = () => {
-    return REGEX.IPAD.test(userAgent) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && (REGEX.MAC.test(window.navigator.platform) || REGEX.MACINTEL.test(window.navigator.platform)));
+    return REGEX.IPAD.test(userAgent) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && REGEX.MAC.test(window.navigator.platform));
 };
 const isIos = () => isIphone() || isIpod() || isIpad();
+const isSafari = () => navigator.userAgent.indexOf('Safari') !== -1 && navigator.userAgent.indexOf('Chrome') === -1;
 const isLargeTabletLandscape = (landScapeWidth, landScapeHeight) => {
     const width = landScapeWidth || '1366px';
     const height = landScapeHeight || '1024px';
@@ -202369,7 +202373,7 @@ const getFormattedDate = (datePipe, dateObj, format, timeZone, isTimeStampType,
     if (format === 'UTC') {
         return new Date(dateObj).toISOString();
     }
-    if (timeZone) {
+    if (timeZone && timeZone !== moment.defaultZone?.name) {
         const momentFormat = format.replaceAll('y', 'Y').replaceAll('d', 'D').replace('a', 'A');
         if (isIntervalDateTime) { // dates which are of type time widget (value is hh:mm:ss) but returned as date string from time comp
             return moment(dateObj).format(momentFormat);
@@ -202761,6 +202765,7 @@ const isEqualWithFields = (obj1, obj2, compareBy) => {
     // compareBy can be 'id' or 'id1, id2' or 'id1, id2:id3'
     // Split the compareby comma separated values
     let _compareBy = isArray(compareBy) ? compareBy : split(compareBy, ',');
+    //@ts-ignore
     _compareBy = map(_compareBy, trim);
     return isEqualWith(obj1, obj2, function (o1, o2) {
         return every(_compareBy, function (cb) {
@@ -203615,6 +203620,7 @@ var Utils = /*#__PURE__*/Object.freeze({
     isNumberType: isNumberType,
     isObject: isObject,
     isPageable: isPageable,
+    isSafari: isSafari,
     isTablet: isTablet,
     isValidWebURL: isValidWebURL,
     isVideoFile: isVideoFile,

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

@@ -86226,7 +86226,7 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
             tmpl = `<ul role="group" wmCheckboxset ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} ${showTmpl}></ul>`;
             break;
         case FormWidgetType.CHIPS:
-            tmpl = `<ul wmChips role="input" debouncetime="${attrs.get('debouncetime')}" ${innerTmpl} ${showTmpl}></ul>`;
+            tmpl = `<ul wmChips debouncetime="${attrs.get('debouncetime')}" ${innerTmpl} ${showTmpl}></ul>`;
             break;
         case FormWidgetType.COLORPICKER:
             tmpl = `<div wmColorPicker ${attrs.get('required') === 'true' ? 'required=true' : ''} ${innerTmpl} ${showTmpl}></div>`;
@@ -86244,10 +86244,10 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
             tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
             break;
         case FormWidgetType.NUMBER:
-            tmpl = `<div wmNumber ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="number" aria-label="Only numbers" ${updateOnTmpl} ${showTmpl}></div>`;
+            tmpl = `<div wmNumber ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="number" ${updateOnTmpl} ${showTmpl}></div>`;
             break;
         case FormWidgetType.PASSWORD:
-            tmpl = `<wm-input ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="password" aria-label="Enter password" ${updateOnTmpl} ${showTmpl}></wm-input>`;
+            tmpl = `<wm-input ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="password" ${updateOnTmpl} ${showTmpl}></wm-input>`;
             break;
         case FormWidgetType.RADIOSET:
             tmpl = `<ul role="radiogroup" wmRadioset ${innerTmpl} ${showTmpl}></ul>`;
@@ -86262,7 +86262,7 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
             tmpl = `<wm-select ${attrs.get('required') === 'true' ? 'required=true' : ''} ${innerTmpl} ${showTmpl}></wm-select>`;
             break;
         case FormWidgetType.TOGGLE:
-            tmpl = `<div wmCheckbox ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="toggle" role="checkbox" aria-label="Toggle button" ${showTmpl}></div>`;
+            tmpl = `<div wmCheckbox ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="toggle" ${showTmpl}></div>`;
             break;
         case FormWidgetType.SLIDER:
             tmpl = `<div wmSlider ${innerTmpl} ${showTmpl}></div>`;
@@ -86275,13 +86275,13 @@ 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>`;
             break;
         case FormWidgetType.TIMESTAMP:
-            tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} role="input" ${showTmpl}></div>`;
+            tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
             break;
         case FormWidgetType.UPLOAD:
             const counter = options.counter;
@@ -87130,7 +87130,6 @@ const REGEX = {
     IPOD: /iPod/i,
     IPAD: /iPad/i,
     MAC: /Mac/i,
-    MACINTEL: /MacIntel/i,
     ANDROID_TABLET: /android|android 3.0|xoom|sch-i800|playbook|tablet|kindle/i,
     MOBILE: /Mobile/i,
     WINDOWS: /Windows Phone/i,
@@ -87182,9 +87181,10 @@ const isAndroidTablet = () => REGEX.ANDROID_TABLET.test(userAgent) && !((/Tablet
 const isIphone = () => REGEX.IPHONE.test(userAgent);
 const isIpod = () => REGEX.IPOD.test(userAgent);
 const isIpad = () => {
-    return REGEX.IPAD.test(userAgent) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && (REGEX.MAC.test(window.navigator.platform) || REGEX.MACINTEL.test(window.navigator.platform)));
+    return REGEX.IPAD.test(userAgent) || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2 && REGEX.MAC.test(window.navigator.platform));
 };
 const isIos = () => isIphone() || isIpod() || isIpad();
+const isSafari = () => navigator.userAgent.indexOf('Safari') !== -1 && navigator.userAgent.indexOf('Chrome') === -1;
 const isLargeTabletLandscape = (landScapeWidth, landScapeHeight) => {
     const width = landScapeWidth || '1366px';
     const height = landScapeHeight || '1024px';
@@ -87406,7 +87406,7 @@ const getFormattedDate = (datePipe, dateObj, format, timeZone, isTimeStampType,
     if (format === 'UTC') {
         return new Date(dateObj).toISOString();
     }
-    if (timeZone) {
+    if (timeZone && timeZone !== moment.defaultZone?.name) {
         const momentFormat = format.replaceAll('y', 'Y').replaceAll('d', 'D').replace('a', 'A');
         if (isIntervalDateTime) { // dates which are of type time widget (value is hh:mm:ss) but returned as date string from time comp
             return moment(dateObj).format(momentFormat);
@@ -87798,6 +87798,7 @@ const isEqualWithFields = (obj1, obj2, compareBy) => {
     // compareBy can be 'id' or 'id1, id2' or 'id1, id2:id3'
     // Split the compareby comma separated values
     let _compareBy = isArray$1(compareBy) ? compareBy : split(compareBy, ',');
+    //@ts-ignore
     _compareBy = map$1(_compareBy, trim);
     return isEqualWith(obj1, obj2, function (o1, o2) {
         return every(_compareBy, function (cb) {
@@ -88652,6 +88653,7 @@ var Utils = /*#__PURE__*/Object.freeze({
     isNumberType: isNumberType,
     isObject: isObject,
     isPageable: isPageable,
+    isSafari: isSafari,
     isTablet: isTablet,
     isValidWebURL: isValidWebURL,
     isVideoFile: isVideoFile,
@@ -90494,13 +90496,13 @@ const scopeComponentStyles = (componentName, componentType, styles = '') => {
 
 const carouselTagName = 'carousel';
 const dataSetKey$5 = 'dataset';
-const idGen$t = new IDGenerator('wm_carousel_ref_');
+const idGen$u = 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$t.nextUid();
+            const counter = idGen$u.nextUid();
             shared.set('carousel_ref', counter);
             return `<div class="app-carousel carousel"><${carouselTagName} wmCarousel #${counter}="wmCarousel"  ${getAttrMarkup(attrs)} interval="0" [ngClass]="${counter}.navigationClass">`;
         },
@@ -90602,12 +90604,12 @@ var marquee_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1C = 'a';
-const idGen$s = new IDGenerator('wm_anchor');
+const idGen$t = new IDGenerator('wm_anchor');
 register('wm-anchor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$s.nextUid();
-            return `<${tagName$1C} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$t.nextUid();
+            return `<${tagName$1C} 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$1C}>`
     };
@@ -90634,12 +90636,12 @@ var audio_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1A = 'div';
-const idGen$r = new IDGenerator('wm_html');
+const idGen$s = new IDGenerator('wm_html');
 register('wm-html', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$r.nextUid();
-            return `<${tagName$1A} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$s.nextUid();
+            return `<${tagName$1A} wmHtml #${counter}="wmHtml" role="application" [attr.aria-label]="${counter}.arialabel || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1A}>`
     };
@@ -90654,7 +90656,7 @@ var html_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$1z = 'span';
 register('wm-icon', () => {
     return {
-        pre: attrs => `<${tagName$1z} wmIcon aria-hidden="true" ${getAttrMarkup(attrs)}>`,
+        pre: attrs => `<${tagName$1z} wmIcon ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName$1z}>`
     };
 });
@@ -90680,7 +90682,7 @@ var iframe_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 let tagName$1x = 'p';
-const idGen$q = new IDGenerator('wm_label');
+const idGen$r = new IDGenerator('wm_label');
 register('wm-label', () => {
     return {
         pre: (attrs) => {
@@ -90694,8 +90696,8 @@ register('wm-label', () => {
             else {
                 tagName$1x = 'label';
             }
-            const counter = idGen$q.nextUid();
-            return `<${tagName$1x} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$r.nextUid();
+            return `<${tagName$1x} wmLabel #${counter}="wmLabel" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1x}>`
     };
@@ -90708,12 +90710,12 @@ var label_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1w = 'img';
-const idGen$p = new IDGenerator('wm_picture');
+const idGen$q = new IDGenerator('wm_picture');
 register('wm-picture', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$p.nextUid();
-            return `<${tagName$1w} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.hint || 'Image'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$q.nextUid();
+            return `<${tagName$1w} wmPicture #${counter}="wmPicture" [alt]="${counter}.alttext" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.arialabel || 'Image'" ${getAttrMarkup(attrs)}>`;
         }
     };
 });
@@ -90725,12 +90727,12 @@ var picture_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1v = 'div';
-const idGen$o = new IDGenerator('wm_spinner');
+const idGen$p = new IDGenerator('wm_spinner');
 register('wm-spinner', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$o.nextUid();
-            return `<${tagName$1v} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.hint || 'Loading...'" aria-live="assertive" aria-busy="true" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$p.nextUid();
+            return `<${tagName$1v} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.arialabel || 'Loading...'" aria-live="assertive" aria-busy="true" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$1v}>`
     };
@@ -90782,9 +90784,13 @@ var progressBar_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const tagName$1t = 'div';
+const idGen$o = new IDGenerator('wm_progress_circle');
 register('wm-progress-circle', () => {
     return {
-        pre: attrs => `<${tagName$1t} wmProgressCircle ${getAttrMarkup(attrs)}>`,
+        pre: (attrs) => {
+            const counter = idGen$o.nextUid();
+            return `<${tagName$1t} 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$1t}>`
     };
 });
@@ -90801,7 +90807,7 @@ register('wm-richtexteditor', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$n.nextUid();
-            return `<${tagName$1s} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.hint || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
+            return `<${tagName$1s} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.arialabel || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
         },
         post: () => `</${tagName$1s}>`
     };
@@ -91166,7 +91172,7 @@ var tabPane_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$19 = 'div';
 register('wm-tile', () => {
     return {
-        pre: attrs => `<${tagName$19} wmTile aria-describedby="Tile" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        pre: attrs => `<${tagName$19} wmTile wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName$19}>`
     };
 });
@@ -91216,7 +91222,7 @@ register('wm-barcodescanner', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$h.nextUid();
-            return `<${tagName$16} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.hint || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$16} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.arialabel || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$16}>`
     };
@@ -91234,7 +91240,7 @@ register('wm-camera', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$g.nextUid();
-            return `<${tagName$15} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.hint || 'Camera'"  ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$15} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.arialabel || 'Camera'"  ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$15}>`
     };
@@ -91249,7 +91255,7 @@ var camera_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$14 = 'div';
 register('wm-alertdialog', () => {
     return {
-        pre: attrs => `<${tagName$14} wmAlertDialog role="alertdialog" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        pre: attrs => `<${tagName$14} wmAlertDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName$14}>`
     };
 });
@@ -91565,7 +91571,7 @@ const registerFormField = (isFormField) => {
             const dataRole = isFormField ? 'form-field' : 'filter-field';
             const formFieldErrorMsgId = 'wmform-field-error-' + generateGUId();
             const validationMsg = isFormField ? `<p *ngIf="${counter}._control?.invalid && ${counter}._control?.touched && ${pCounter}.isUpdateMode"
-                                   class="help-block text-danger" aria-hidden="false"
+                                   class="help-block text-danger" aria-hidden="false" role="alert"
                                    aria-live="assertive" [attr.aria-label]="${counter}.validationmessage" id="${formFieldErrorMsgId}"><span aria-hidden="true" [textContent]="${counter}.validationmessage"></span></p>` : '';
             const eventsTmpl = widgetType === FormWidgetType.UPLOAD ? '' : getEventsTemplate(attrs);
             const controlLayout = isMobileApp() ? 'col-xs-12' : 'col-sm-12';
@@ -91794,7 +91800,7 @@ register('wm-calendar', () => {
     return {
         pre: (attrs) => {
             let viewType = attrs.get('view') ? attrs.get('view') + ' view' : 'month view';
-            return `<${tagName$W} wmCalendar redrawable style="width:100%" aria-label="${viewType}" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$W} wmCalendar redrawable style="width:100%" role="region" aria-label="${viewType}" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$W}>`
     };
@@ -91823,7 +91829,7 @@ var chips_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$U = 'div';
 register('wm-colorpicker', () => {
     return {
-        pre: attrs => `<${tagName$U} wmColorPicker ${getAttrMarkup(attrs)} role="input" ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        pre: attrs => `<${tagName$U} wmColorPicker ${getAttrMarkup(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
         post: () => `</${tagName$U}>`
     };
 });
@@ -91837,7 +91843,7 @@ var colorPicker_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$T = 'div';
 register('wm-currency', () => {
     return {
-        pre: attrs => `<${tagName$T} wmCurrency ${getAttrMarkup(attrs)} role="input" ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        pre: attrs => `<${tagName$T} wmCurrency ${getAttrMarkup(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
         post: () => `</${tagName$T}>`
     };
 });
@@ -91851,7 +91857,7 @@ var currency_build$1 = /*#__PURE__*/Object.freeze({
 const tagName$S = 'div';
 register('wm-buttongroup', () => {
     return {
-        pre: attrs => `<${tagName$S} wmButtonGroup role="group" aria-labelledby="button group" ${getAttrMarkup(attrs)}>`,
+        pre: attrs => `<${tagName$S} wmButtonGroup role="group" ${getAttrMarkup(attrs)}>`,
         post: () => `</${tagName$S}>`
     };
 });
@@ -91868,7 +91874,7 @@ register('wm-button', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$d.nextUid();
-            return `<${tagName$R} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.hint || ${counter}.caption || null" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$R} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.arialabel || (${counter}.badgevalue ? ${counter}.caption + ' ' + ${counter}.badgevalue : ${counter}.caption) || null" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$R}>`
     };
@@ -91970,7 +91976,7 @@ register('wm-switch', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$c.nextUid();
-            return `<${tagName$K} wmSwitch #${counter}="wmSwitch" [attr.aria-label]="${counter}.hint || 'Switch button'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
+            return `<${tagName$K} wmSwitch #${counter}="wmSwitch" role="group" [attr.aria-label]="${counter}.arialabel || 'Switch choose options'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
         },
         post: () => `</${tagName$K}>`
     };
@@ -92060,6 +92066,10 @@ register('wm-fileupload', () => {
                 const onSelectBinding = getDataSource(attrs.get('select.event'));
                 attrs.set('datasource.bind', onSelectBinding);
             }
+            if (attrs.get('delete.event')) {
+                const onDeleteBinding = getDataSource(attrs.get('delete.event'));
+                attrs.set('deletedatasource.bind', onDeleteBinding);
+            }
             return `<${tagName$E} wmFileUpload ${getAttrMarkup(attrs)} role="input">`;
         },
         post: () => `</${tagName$E}>`
@@ -92477,7 +92487,7 @@ register('wm-page', () => {
         },
         pre: (attrs) => {
             const counter = idGen$9.nextUid();
-            return `<${tagName$r} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$r} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$r}>`
     };
@@ -92495,7 +92505,7 @@ register('wm-layout', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$8.nextUid();
-            return `<${tagName$q} wmLayout #${counter}="wmLayout" data-role="pageContainer" [attr.aria-label]="${counter}.hint || 'Main page content'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$q} wmLayout #${counter}="wmLayout" data-role="pageContainer" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$q}>`
     };
@@ -92555,7 +92565,7 @@ register('wm-footer', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$7.nextUid();
-            return `<${tagName$m} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.hint || 'Page footer'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$m} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.arialabel || 'Page footer'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$m}>`
     };
@@ -92573,7 +92583,7 @@ register('wm-header', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$6.nextUid();
-            return `<${tagName$l} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.hint || 'Page header'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$l} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.arialabel || 'Page header'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$l}>`
     };
@@ -92591,7 +92601,7 @@ register('wm-left-panel', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$5.nextUid();
-            return `<${tagName$k} 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$k} 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$k}>`
     };
@@ -92623,7 +92633,7 @@ register('wm-right-panel', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$4.nextUid();
-            return `<${tagName$i} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.hint || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$i} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.arialabel || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$i}>`
     };
@@ -92689,7 +92699,7 @@ register('wm-top-nav', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$3.nextUid();
-            return `<${tagName$f} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.hint || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$f} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.arialabel || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
         },
         post: () => `</${tagName$f}>`
     };