npm - @wavemaker/angular-codegen - Versions diffs - 12.0.0-next.141134 → 12.0.0-next.141138 - Mend

@wavemaker/angular-codegen 12.0.0-next.141134 → 12.0.0-next.141138

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

angular-codegen/angular-app/package-lock.json +9248 -7049
angular-codegen/angular-app/package.json +10 -13
angular-codegen/angular-app/src/assets/styles/css/wm-style.css +1 -1
angular-codegen/angular-app/src/framework/util/page-util.ts +1 -3
angular-codegen/angular-app/tsconfig.json +0 -3
angular-codegen/dependencies/expression-parser.cjs.js +1 -40
angular-codegen/dependencies/pipe-provider.cjs.js +12 -280
angular-codegen/dependencies/transpilation-mobile.cjs.js +413 -610
angular-codegen/dependencies/transpilation-web.cjs.js +413 -610
angular-codegen/package.json +1 -1
angular-codegen/src/codegen.js +1 -1
angular-codegen/src/gen-components.js +1 -1
angular-codegen/src/gen-index-html.js +1 -1
angular-codegen/src/handlebar-helpers.js +1 -1
angular-codegen/src/pages-util.js +1 -1
angular-codegen/src/update-angular-json.js +1 -1
angular-codegen/templates/app.module.ts.hbs +1 -5
angular-codegen/templates/page/page.module.ts.hbs +0 -11
angular-codegen/angular-app/src/framework/services/customwidget-config-provider.service.ts +0 -13
angular-codegen/dependencies/custom-widgets-bundle.cjs.js +0 -411
angular-codegen/src/gen-customwidget-config.js +0 -1
angular-codegen/templates/component.config.ts.hbs +0 -1
angular-codegen/templates/customwidget/customwidget-config.ts.hbs +0 -6
angular-codegen/templates/customwidget/customwidget.component.script.js.hbs +0 -3
angular-codegen/templates/customwidget/customwidget.component.ts.hbs +0 -43

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

@@ -4975,45 +4975,6 @@ class AbstractJsEmitterVisitor extends AbstractEmitterVisitor {
         this.visitAllObjects(param => ctx.print(null, param.name), params, ctx, ',');
     }
 }
-/**
- * @fileoverview
- * A module to facilitate use of a Trusted Types policy within the JIT
- * compiler. It lazily constructs the Trusted Types policy, providing helper
- * utilities for promoting strings to Trusted Types. When Trusted Types are not
- * available, strings are used as a fallback.
- * @security All use of this module is security-sensitive and should go through
- * security review.
- */
-/**
- * The Trusted Types policy, or null if Trusted Types are not
- * enabled/supported, or undefined if the policy has not been created yet.
- */
-let policy$2;
-/**
- * Returns the Trusted Types policy, or null if Trusted Types are not
- * enabled/supported. The first call to this function will create the policy.
- */
-function getPolicy$2() {
-    if (policy$2 === undefined) {
-        const trustedTypes = _global$1['trustedTypes'];
-        policy$2 = null;
-        if (trustedTypes) {
-            try {
-                policy$2 = trustedTypes.createPolicy('angular#unsafe-jit', {
-                    createScript: (s) => s,
-                });
-            }
-            catch {
-                // trustedTypes.createPolicy throws if called with a name that is
-                // already registered, even in report-only mode. Until the API changes,
-                // catch the error not to break the applications functionally. In such
-                // cases, the code will fall back to using strings.
-            }
-        }
-    }
-    return policy$2;
-}
 /**
  * Unsafely promote a string to a TrustedScript, falling back to strings when
  * Trusted Types are not available.
@@ -5022,7 +4983,7 @@ function getPolicy$2() {
  * interpreted and executed as a script by a browser, e.g. when calling eval.
  */
 function trustedScriptFromString(script) {
-    return getPolicy$2()?.createScript(script) || script;
+    return script;
 }
 /**
  * Unsafely call the Function constructor with the given string arguments.
@@ -49235,46 +49196,6 @@ const PRESERVE_HOST_CONTENT = new InjectionToken((typeof ngDevMode === 'undefine
  * is enabled.
  */
 const IS_I18N_HYDRATION_ENABLED = new InjectionToken((typeof ngDevMode === 'undefined' || !!ngDevMode ? 'IS_I18N_HYDRATION_ENABLED' : ''));
-/**
- * @fileoverview
- * A module to facilitate use of a Trusted Types policy internally within
- * Angular. It lazily constructs the Trusted Types policy, providing helper
- * utilities for promoting strings to Trusted Types. When Trusted Types are not
- * available, strings are used as a fallback.
- * @security All use of this module is security-sensitive and should go through
- * security review.
- */
-/**
- * The Trusted Types policy, or null if Trusted Types are not
- * enabled/supported, or undefined if the policy has not been created yet.
- */
-let policy$1;
-/**
- * Returns the Trusted Types policy, or null if Trusted Types are not
- * enabled/supported. The first call to this function will create the policy.
- */
-function getPolicy$1() {
-    if (policy$1 === undefined) {
-        policy$1 = null;
-        if (_global.trustedTypes) {
-            try {
-                policy$1 = _global.trustedTypes.createPolicy('angular', {
-                    createHTML: (s) => s,
-                    createScript: (s) => s,
-                    createScriptURL: (s) => s,
-                });
-            }
-            catch {
-                // trustedTypes.createPolicy throws if called with a name that is
-                // already registered, even in report-only mode. Until the API changes,
-                // catch the error not to break the applications functionally. In such
-                // cases, the code will fall back to using strings.
-            }
-        }
-    }
-    return policy$1;
-}
 /**
  * Unsafely promote a string to a TrustedHTML, falling back to strings when
  * Trusted Types are not available.
@@ -49285,7 +49206,7 @@ function getPolicy$1() {
  * element.innerHTML.
  */
 function trustedHTMLFromString(html) {
-    return getPolicy$1()?.createHTML(html) || html;
+    return html;
 }
 /**
  * Unsafely promote a string to a TrustedScriptURL, falling back to strings
@@ -49297,49 +49218,7 @@ function trustedHTMLFromString(html) {
  * assigning to script.src.
  */
 function trustedScriptURLFromString(url) {
-    return getPolicy$1()?.createScriptURL(url) || url;
-}
-/**
- * @fileoverview
- * A module to facilitate use of a Trusted Types policy internally within
- * Angular specifically for bypassSecurityTrust* and custom sanitizers. It
- * lazily constructs the Trusted Types policy, providing helper utilities for
- * promoting strings to Trusted Types. When Trusted Types are not available,
- * strings are used as a fallback.
- * @security All use of this module is security-sensitive and should go through
- * security review.
- */
-/**
- * The Trusted Types policy, or null if Trusted Types are not
- * enabled/supported, or undefined if the policy has not been created yet.
- */
-let policy;
-/**
- * Returns the Trusted Types policy, or null if Trusted Types are not
- * enabled/supported. The first call to this function will create the policy.
- */
-function getPolicy() {
-    if (policy === undefined) {
-        policy = null;
-        if (_global.trustedTypes) {
-            try {
-                policy = _global.trustedTypes
-                    .createPolicy('angular#unsafe-bypass', {
-                    createHTML: (s) => s,
-                    createScript: (s) => s,
-                    createScriptURL: (s) => s,
-                });
-            }
-            catch {
-                // trustedTypes.createPolicy throws if called with a name that is
-                // already registered, even in report-only mode. Until the API changes,
-                // catch the error not to break the applications functionally. In such
-                // cases, the code will fall back to using strings.
-            }
-        }
-    }
-    return policy;
+    return url;
 }
 /**
  * Unsafely promote a string to a TrustedHTML, falling back to strings when
@@ -49350,7 +49229,7 @@ function getPolicy() {
  * bypassSecurityTrust* functions.
  */
 function trustedHTMLFromStringBypass(html) {
-    return getPolicy()?.createHTML(html) || html;
+    return html;
 }
 /**
  * Unsafely promote a string to a TrustedScript, falling back to strings when
@@ -49361,7 +49240,7 @@ function trustedHTMLFromStringBypass(html) {
  * bypassSecurityTrust* functions.
  */
 function trustedScriptFromStringBypass(script) {
-    return getPolicy()?.createScript(script) || script;
+    return script;
 }
 /**
  * Unsafely promote a string to a TrustedScriptURL, falling back to strings
@@ -49372,7 +49251,7 @@ function trustedScriptFromStringBypass(script) {
  * bypassSecurityTrust* functions.
  */
 function trustedScriptURLFromStringBypass(url) {
-    return getPolicy()?.createScriptURL(url) || url;
+    return url;
 }
 class SafeValueImpl {
@@ -86132,7 +86011,6 @@ var FormWidgetType;
     FormWidgetType["CHIPS"] = "chips";
     FormWidgetType["COLORPICKER"] = "colorpicker";
     FormWidgetType["CURRENCY"] = "currency";
-    FormWidgetType["CUSTOMWIDGET"] = "custom-widget";
     FormWidgetType["DATE"] = "date";
     FormWidgetType["DATETIME"] = "datetime";
     FormWidgetType["NUMBER"] = "number";
@@ -86234,9 +86112,6 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
         case FormWidgetType.CURRENCY:
             tmpl = `<div wmCurrency ${attrs.get('required') === 'true' ? 'required=true' : ''} ${updateOnTmpl} ${innerTmpl} ${showTmpl}></div>`;
             break;
-        case FormWidgetType.CUSTOMWIDGET:
-            tmpl = `<div wmWidgetContainer customWidgetContainer ${attrs.get('required') === 'true' ? 'required=true' : ''} ${updateOnTmpl} ${innerTmpl} ${showTmpl}></div>`;
-            break;
         case FormWidgetType.DATE:
             tmpl = `<div wmDate ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
             break;
@@ -86320,8 +86195,6 @@ const getRequiredFormWidget = (widgetType) => {
             return 'wm-colorpicker';
         case FormWidgetType.CURRENCY:
             return 'wm-currency';
-        case FormWidgetType.CUSTOMWIDGET:
-            return 'wm-custom-widget';
         case FormWidgetType.DATE:
             return 'wm-date';
         case FormWidgetType.DATETIME:
@@ -87072,7 +86945,6 @@ var ComponentType;
     ComponentType[ComponentType["PAGE"] = 0] = "PAGE";
     ComponentType[ComponentType["PREFAB"] = 1] = "PREFAB";
     ComponentType[ComponentType["PARTIAL"] = 2] = "PARTIAL";
-    ComponentType[ComponentType["WIDGET"] = 3] = "WIDGET";
 })(ComponentType || (ComponentType = {}));
 var Operation;
 (function (Operation) {
@@ -87159,14 +87031,6 @@ const REGEX = {
 const NUMBER_TYPES = ['int', DataType.INTEGER, DataType.FLOAT, DataType.DOUBLE, DataType.LONG, DataType.SHORT, DataType.BYTE, DataType.BIG_INTEGER, DataType.BIG_DECIMAL];
 const now = new Date();
 const CURRENT_DATE = 'CURRENT_DATE';
-const getNavClass = (suffix) => {
-    const APP_NAV_CLASS_PREFIX = 'app-nav-';
-    return APP_NAV_CLASS_PREFIX + suffix;
-};
-const getSheetPositionClass = (suffix) => {
-    const SHEET_POSITION_CLASS_PREFIX = 'sheet-position-';
-    return SHEET_POSITION_CLASS_PREFIX + suffix;
-};
 const isDefined = v => 'undefined' !== typeof v;
 const isObject = v => null !== v && 'object' === typeof v;
 const toBoolean = (val, identity) => ((val && val !== 'false') ? true : (identity ? val === identity : false));
@@ -87798,7 +87662,6 @@ 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) {
@@ -88616,11 +88479,9 @@ var Utils = /*#__PURE__*/Object.freeze({
     getFormattedDate: getFormattedDate,
     getMomentLocaleObject: getMomentLocaleObject,
     getNativeDateObject: getNativeDateObject,
-    getNavClass: getNavClass,
     getResourceURL: getResourceURL,
     getRouteNameFromLink: getRouteNameFromLink,
     getSessionStorageItem: getSessionStorageItem,
-    getSheetPositionClass: getSheetPositionClass,
     getUrlParams: getUrlParams,
     getValidDateObject: getValidDateObject,
     getValidJSON: getValidJSON,
@@ -89891,7 +89752,6 @@ const LEFT_PANEL_MODULE = [{ from: '@wm/components/page/left-panel', name: 'Left
     { from: '@wm/mobile/components/page/left-panel', name: 'LeftPanelModule', as: 'WM_MobileLeftPanelModule', platformType: 'MOBILE' }];
 const LIST_MODULE = [...PAGINATION_MODULE, ...INPUT_MODULE, { from: '@wm/components/data/list', name: 'ListModule' }];
 const LOGIN_MODULE = [{ from: '@wm/components/advanced/login', name: 'LoginModule' }];
-const CUSTOM_MODULE = [{ from: '@wm/components/advanced/custom', name: 'CustomModule' }];
 const MOBILE_NAV_BAR_MODULE = [...LEFT_PANEL_MODULE, ...SEARCH_MODULE, ...PAGE_MODULE, { from: '@wm/mobile/components/page/mobile-navbar', name: 'MobileNavbarModule' }];
 const MEDIA_LIST_MODULE = [...BASIC_MODULE, ...PAGE_MODULE, ...MOBILE_NAV_BAR_MODULE, { from: '@wm/mobile/components/data/media-list', name: 'MediaListModule' }];
 const MOBILE_TAB_BAR_MODULE = [{ from: '@wm/mobile/components/page/tab-bar', name: 'TabBarModule' }];
@@ -89964,7 +89824,6 @@ const WIDGET_IMPORTS = new Map([
     ['wm-list', LIST_MODULE],
     ['wm-livetable', LIVE_TABLE_MODULE],
     ['wm-login', LOGIN_MODULE],
-    ['wm-custom', CUSTOM_MODULE],
     ['wm-logindialog', LOGIN_DIALOG_MODULE],
     ['wm-marquee', MARQUEE_MODULE],
     ['wm-menu', MENU_MODULE],
@@ -90478,9 +90337,6 @@ const scopeComponentStyles = (componentName, componentType, styles = '') => {
                     else if (componentType === 2 || componentType === 'PARTIAL') {
                         s = `${prefix} app-partial-${componentName} ${s}`;
                     }
-                    else if (componentType === 3 || componentType === 'WIDGET') {
-                        s = `${prefix} app-custom-${componentName} ${s}`;
-                    }
                     return s;
                 }).join(',');
             }
@@ -90496,13 +90352,13 @@ const scopeComponentStyles = (componentName, componentType, styles = '') => {
 const carouselTagName = 'carousel';
 const dataSetKey$5 = 'dataset';
-const idGen$u = 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$u.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">`;
         },
@@ -90570,11 +90426,11 @@ var carouselTemplate_build$1 = /*#__PURE__*/Object.freeze({
     default: carouselTemplate_build
 });
-const tagName$1E = 'div';
+const tagName$1C = 'div';
 register('wm-login', () => {
     return {
-        pre: attrs => `<${tagName$1E} wmLogin ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction">`,
-        post: () => `</${tagName$1E}>`,
+        pre: attrs => `<${tagName$1C} wmLogin ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction">`,
+        post: () => `</${tagName$1C}>`,
         provide: () => {
             const provider = new Map();
             provider.set('isLogin', true);
@@ -90589,11 +90445,11 @@ var login_build$1 = /*#__PURE__*/Object.freeze({
     default: login_build
 });
-const tagName$1D = 'marquee';
+const tagName$1B = 'marquee';
 register('wm-marquee', () => {
     return {
-        pre: attrs => `<${tagName$1D} onmouseover="this.stop();" onmouseout="this.start();" wmMarquee role="marquee" aria-live="off" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1D}>`
+        pre: attrs => `<${tagName$1B} onmouseover="this.stop();" onmouseout="this.start();" wmMarquee role="marquee" aria-live="off" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1B}>`
     };
 });
 var marquee_build = () => { };
@@ -90603,15 +90459,15 @@ var marquee_build$1 = /*#__PURE__*/Object.freeze({
     default: marquee_build
 });
-const tagName$1C = 'a';
-const idGen$t = new IDGenerator('wm_anchor');
+const tagName$1A = 'a';
+const idGen$s = new IDGenerator('wm_anchor');
 register('wm-anchor', () => {
     return {
         pre: (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)}>`;
+            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$1C}>`
+        post: () => `</${tagName$1A}>`
     };
 });
 var anchor_build = () => { };
@@ -90621,11 +90477,11 @@ var anchor_build$1 = /*#__PURE__*/Object.freeze({
     default: anchor_build
 });
-const tagName$1B = 'div';
+const tagName$1z = 'div';
 register('wm-audio', () => {
     return {
-        pre: attrs => `<${tagName$1B} wmAudio ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1B}>`
+        pre: attrs => `<${tagName$1z} wmAudio ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1z}>`
     };
 });
 var audio_build = () => { };
@@ -90635,15 +90491,15 @@ var audio_build$1 = /*#__PURE__*/Object.freeze({
     default: audio_build
 });
-const tagName$1A = 'div';
-const idGen$s = new IDGenerator('wm_html');
+const tagName$1y = 'div';
+const idGen$r = new IDGenerator('wm_html');
 register('wm-html', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$s.nextUid();
-            return `<${tagName$1A} wmHtml #${counter}="wmHtml" role="application" [attr.aria-label]="${counter}.arialabel || 'HTML content'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$r.nextUid();
+            return `<${tagName$1y} wmHtml #${counter}="wmHtml" role="application" [attr.aria-label]="${counter}.arialabel || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1A}>`
+        post: () => `</${tagName$1y}>`
     };
 });
 var html_build = () => { };
@@ -90653,11 +90509,11 @@ var html_build$1 = /*#__PURE__*/Object.freeze({
     default: html_build
 });
-const tagName$1z = 'span';
+const tagName$1x = 'span';
 register('wm-icon', () => {
     return {
-        pre: attrs => `<${tagName$1z} wmIcon ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1z}>`
+        pre: attrs => `<${tagName$1x} wmIcon ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1x}>`
     };
 });
 var icon_build = () => { };
@@ -90667,11 +90523,11 @@ var icon_build$1 = /*#__PURE__*/Object.freeze({
     default: icon_build
 });
-const tagName$1y = 'div';
+const tagName$1w = 'div';
 register('wm-iframe', () => {
     return {
-        pre: attrs => `<${tagName$1y} wmIframe ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1y}>`
+        pre: attrs => `<${tagName$1w} wmIframe ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1w}>`
     };
 });
 var iframe_build = () => { };
@@ -90681,8 +90537,8 @@ var iframe_build$1 = /*#__PURE__*/Object.freeze({
     default: iframe_build
 });
-let tagName$1x = 'p';
-const idGen$r = new IDGenerator('wm_label');
+let tagName$1v = 'p';
+const idGen$q = new IDGenerator('wm_label');
 register('wm-label', () => {
     return {
         pre: (attrs) => {
@@ -90691,15 +90547,15 @@ register('wm-label', () => {
                     const classList = attrs.get('class') ? attrs.get('class').split(' ').filter(element => ["h1", "h2", "h3", "h4", "h5", "h6", "p"].includes(element)) : [];
                     attrs.set('type', classList.length ? classList[0] : "p");
                 }
-                tagName$1x = attrs.get('type');
+                tagName$1v = attrs.get('type');
             }
             else {
-                tagName$1x = 'label';
+                tagName$1v = 'label';
             }
-            const counter = idGen$r.nextUid();
-            return `<${tagName$1x} wmLabel #${counter}="wmLabel" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$q.nextUid();
+            return `<${tagName$1v} wmLabel #${counter}="wmLabel" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1x}>`
+        post: () => `</${tagName$1v}>`
     };
 });
 var label_build = () => { };
@@ -90709,13 +90565,13 @@ var label_build$1 = /*#__PURE__*/Object.freeze({
     default: label_build
 });
-const tagName$1w = 'img';
-const idGen$q = new IDGenerator('wm_picture');
+const tagName$1u = 'img';
+const idGen$p = new IDGenerator('wm_picture');
 register('wm-picture', () => {
     return {
         pre: (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)}>`;
+            const counter = idGen$p.nextUid();
+            return `<${tagName$1u} wmPicture #${counter}="wmPicture" [alt]="${counter}.alttext" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.arialabel || 'Image'" ${getAttrMarkup(attrs)}>`;
         }
     };
 });
@@ -90726,15 +90582,15 @@ var picture_build$1 = /*#__PURE__*/Object.freeze({
     default: picture_build
 });
-const tagName$1v = 'div';
-const idGen$p = new IDGenerator('wm_spinner');
+const tagName$1t = 'div';
+const idGen$o = new IDGenerator('wm_spinner');
 register('wm-spinner', () => {
     return {
         pre: (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)}>`;
+            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$1v}>`
+        post: () => `</${tagName$1t}>`
     };
 });
 var spinner_build = () => { };
@@ -90744,7 +90600,7 @@ var spinner_build$1 = /*#__PURE__*/Object.freeze({
     default: spinner_build
 });
-const tagName$1u = 'div';
+const tagName$1s = 'div';
 const getAttr = (node, attrName) => node.attrs.find(attr => attr.name === attrName);
 const getAttrValue = (node, attrName) => {
     const match = getAttr(node, attrName);
@@ -90772,8 +90628,8 @@ register('wm-progress-bar', () => {
                 }
             }
         },
-        pre: attrs => `<${tagName$1u} wmProgressBar ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1u}>`
+        pre: attrs => `<${tagName$1s} wmProgressBar ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1s}>`
     };
 });
 var progressBar_build = () => { };
@@ -90783,15 +90639,15 @@ var progressBar_build$1 = /*#__PURE__*/Object.freeze({
     default: progressBar_build
 });
-const tagName$1t = 'div';
-const idGen$o = new IDGenerator('wm_progress_circle');
+const tagName$1r = 'div';
+const idGen$n = new IDGenerator('wm_progress_circle');
 register('wm-progress-circle', () => {
     return {
         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)}>`;
+            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$1t}>`
+        post: () => `</${tagName$1r}>`
     };
 });
 var progressCircle_build = () => { };
@@ -90801,15 +90657,15 @@ var progressCircle_build$1 = /*#__PURE__*/Object.freeze({
     default: progressCircle_build
 });
-const tagName$1s = 'div';
-const idGen$n = new IDGenerator('wm_richtexteditor');
+const tagName$1q = 'div';
+const idGen$m = new IDGenerator('wm_richtexteditor');
 register('wm-richtexteditor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$n.nextUid();
-            return `<${tagName$1s} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.arialabel || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
+            const counter = idGen$m.nextUid();
+            return `<${tagName$1q} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.arialabel || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
         },
-        post: () => `</${tagName$1s}>`
+        post: () => `</${tagName$1q}>`
     };
 });
 var richTextEditor_build = () => { };
@@ -90819,11 +90675,11 @@ var richTextEditor_build$1 = /*#__PURE__*/Object.freeze({
     default: richTextEditor_build
 });
-const tagName$1r = 'div';
+const tagName$1p = 'div';
 register('wm-search', () => {
     return {
-        pre: attrs => `<${tagName$1r} wmSearch ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$1r}>`
+        pre: attrs => `<${tagName$1p} wmSearch ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$1p}>`
     };
 });
 var search_build = () => { };
@@ -90833,11 +90689,11 @@ var search_build$1 = /*#__PURE__*/Object.freeze({
     default: search_build
 });
-const tagName$1q = 'ul';
+const tagName$1o = 'ul';
 register('wm-tree', () => {
     return {
-        pre: attrs => `<${tagName$1q} wmTree class="ztree" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1q}>`
+        pre: attrs => `<${tagName$1o} wmTree class="ztree" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1o}>`
     };
 });
@@ -90845,11 +90701,11 @@ var tree_build = /*#__PURE__*/Object.freeze({
     __proto__: null
 });
-const tagName$1p = 'div';
+const tagName$1n = 'div';
 register('wm-card', () => {
     return {
-        pre: attrs => `<${tagName$1p} wmCard ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1p}>`
+        pre: attrs => `<${tagName$1n} wmCard ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1n}>`
     };
 });
 var card_build = () => { };
@@ -90859,11 +90715,11 @@ var card_build$1 = /*#__PURE__*/Object.freeze({
     default: card_build
 });
-const tagName$1o = 'div';
+const tagName$1m = 'div';
 register('wm-card-content', () => {
     return {
-        pre: attrs => `<${tagName$1o} wmCardContent partialContainer ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1o}>`
+        pre: attrs => `<${tagName$1m} wmCardContent partialContainer ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1m}>`
     };
 });
 var cardContent_build = () => { };
@@ -90873,11 +90729,11 @@ var cardContent_build$1 = /*#__PURE__*/Object.freeze({
     default: cardContent_build
 });
-const tagName$1n = 'div';
+const tagName$1l = 'div';
 register('wm-card-actions', () => {
     return {
-        pre: attrs => `<${tagName$1n} wmCardActions ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1n}>`
+        pre: attrs => `<${tagName$1l} wmCardActions ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1l}>`
     };
 });
 var cardActions_build = () => { };
@@ -90887,11 +90743,11 @@ var cardActions_build$1 = /*#__PURE__*/Object.freeze({
     default: cardActions_build
 });
-const tagName$1m = 'div';
+const tagName$1k = 'div';
 register('wm-card-footer', () => {
     return {
-        pre: attrs => `<${tagName$1m} wmCardFooter ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1m}>`
+        pre: attrs => `<${tagName$1k} wmCardFooter ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1k}>`
     };
 });
 var cardFooter_build = () => { };
@@ -90901,11 +90757,11 @@ var cardFooter_build$1 = /*#__PURE__*/Object.freeze({
     default: cardFooter_build
 });
-const tagName$1l = 'div';
+const tagName$1j = 'div';
 register('wm-chart', () => {
     return {
-        pre: attrs => `<${tagName$1l} wmChart redrawable aria-label="${attrs.get('type')} Chart" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1l}>`
+        pre: attrs => `<${tagName$1j} wmChart redrawable aria-label="${attrs.get('type')} Chart" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1j}>`
     };
 });
 var chart_build = () => { };
@@ -90915,19 +90771,19 @@ var chart_build$1 = /*#__PURE__*/Object.freeze({
     default: chart_build
 });
-const tagName$1k = 'div';
+const tagName$1i = 'div';
 const dataSetKey$4 = 'dataset';
-const idGen$m = 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');
 register('wm-accordion', () => {
     return {
         pre: (attrs, shared) => {
             // generating unique Id for the accordion
-            const counter = idGen$m.nextUid();
+            const counter = idGen$l.nextUid();
             shared.set('accordion_ref', counter);
-            return `<${tagName$1k} wmAccordion #${counter}="wmAccordion" role="tablist" aria-multiselectable="true" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1i} wmAccordion #${counter}="wmAccordion" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1k}>`,
+        post: () => `</${tagName$1i}>`,
         template: (node, shared) => {
             // check if the accordion is dynamic
             if (isDynamicAccordion(node)) {
@@ -90958,15 +90814,15 @@ var accordion_build$1 = /*#__PURE__*/Object.freeze({
     default: accordion_build
 });
-const tagName$1j = 'div';
-const idGen$l = new IDGenerator('wm_accordionpane');
+const tagName$1h = 'div';
+const idGen$k = new IDGenerator('wm_accordionpane');
 register('wm-accordionpane', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$l.nextUid();
-            return `<${tagName$1j} #${counter}="wmAccordionPane" [attr.aria-expanded]="${counter}.isActive" wmAccordionPane partialContainer wm-navigable-element="true" role="tab" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$k.nextUid();
+            return `<${tagName$1h} #${counter}="wmAccordionPane" wmAccordionPane partialContainer wm-navigable-element="true" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1j}>`
+        post: () => `</${tagName$1h}>`
     };
 });
 var accordionPane_build = () => { };
@@ -90976,11 +90832,11 @@ var accordionPane_build$1 = /*#__PURE__*/Object.freeze({
     default: accordionPane_build
 });
-const tagName$1i = 'div';
+const tagName$1g = 'div';
 register('wm-container', () => {
     return {
-        pre: attrs => `<${tagName$1i} wmContainer partialContainer wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1i}>`
+        pre: attrs => `<${tagName$1g} wmContainer partialContainer wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1g}>`
     };
 });
 var container_build = () => { };
@@ -90990,11 +90846,11 @@ var container_build$1 = /*#__PURE__*/Object.freeze({
     default: container_build
 });
-const tagName$1h = 'div';
+const tagName$1f = 'div';
 register('wm-gridcolumn', () => {
     return {
-        pre: attrs => `<${tagName$1h} wmLayoutGridColumn ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1h}>`
+        pre: attrs => `<${tagName$1f} wmLayoutGridColumn ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1f}>`
     };
 });
 var layoutGridColumn_build = () => { };
@@ -91004,11 +90860,11 @@ var layoutGridColumn_build$1 = /*#__PURE__*/Object.freeze({
     default: layoutGridColumn_build
 });
-const tagName$1g = 'div';
+const tagName$1e = 'div';
 register('wm-gridrow', () => {
     return {
-        pre: attrs => `<${tagName$1g} wmLayoutGridRow ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1g}>`
+        pre: attrs => `<${tagName$1e} wmLayoutGridRow ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1e}>`
     };
 });
 var layoutGridRow_build = () => { };
@@ -91018,11 +90874,11 @@ var layoutGridRow_build$1 = /*#__PURE__*/Object.freeze({
     default: layoutGridRow_build
 });
-const tagName$1f = 'div';
+const tagName$1d = 'div';
 register('wm-layoutgrid', () => {
     return {
-        pre: attrs => `<${tagName$1f} wmLayoutGrid ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1f}>`
+        pre: attrs => `<${tagName$1d} wmLayoutGrid ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1d}>`
     };
 });
 var layoutGrid_build = () => { };
@@ -91032,21 +90888,21 @@ var layoutGrid_build$1 = /*#__PURE__*/Object.freeze({
     default: layoutGrid_build
 });
-const tagName$1e = 'div';
-const idGen$k = new IDGenerator('wm_panel');
+const tagName$1c = 'div';
+const idGen$j = new IDGenerator('wm_panel');
 register('wm-panel', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$k.nextUid();
-            return `<${tagName$1e} wmPanel #${counter}="wmPanel" partialContainer wm-navigable-element="true" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$j.nextUid();
+            return `<${tagName$1c} wmPanel #${counter}="wmPanel" partialContainer wm-navigable-element="true" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1e}>`
+        post: () => `</${tagName$1c}>`
     };
 });
 register('wm-panel-footer', () => {
     return {
-        pre: attrs => `<${tagName$1e} wmPanelFooter ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1e}>`
+        pre: attrs => `<${tagName$1c} wmPanelFooter ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1c}>`
     };
 });
 var panel_build = () => { };
@@ -91056,11 +90912,11 @@ var panel_build$1 = /*#__PURE__*/Object.freeze({
     default: panel_build
 });
-const tagName$1d = 'div';
+const tagName$1b = 'div';
 register('wm-segmented-control', () => {
     return {
-        pre: attrs => `<${tagName$1d} wmSegmentedControl ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1d}>`
+        pre: attrs => `<${tagName$1b} wmSegmentedControl ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1b}>`
     };
 });
 var segmentedControl_build = () => { };
@@ -91070,11 +90926,11 @@ var segmentedControl_build$1 = /*#__PURE__*/Object.freeze({
     default: segmentedControl_build
 });
-const tagName$1c = 'li';
+const tagName$1a = 'li';
 register('wm-segment-content', () => {
     return {
-        pre: attrs => `<${tagName$1c} wmSegmentContent partialContainer wmSmoothscroll=${attrs.get('smoothscroll') || 'false'} wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1c}>`
+        pre: attrs => `<${tagName$1a} wmSegmentContent partialContainer wmSmoothscroll=${attrs.get('smoothscroll') || 'false'} wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1a}>`
     };
 });
 var segmentContent_build = () => { };
@@ -91112,19 +90968,19 @@ var repeatTemplate_build$1 = /*#__PURE__*/Object.freeze({
     default: repeatTemplate_build
 });
-const tagName$1b = 'div';
+const tagName$19 = 'div';
 const dataSetKey$3 = 'dataset';
-const idGen$j = new IDGenerator('wm_tabs_ref_');
+const idGen$i = new IDGenerator('wm_tabs_ref_');
 const isDynamicTabs = node => node.attrs.find(attr => attr.name === 'type' && attr.value === 'dynamic');
 register('wm-tabs', () => {
     return {
         pre: (attrs, shared) => {
             // generating unique Id for the tabs
-            const counter = idGen$j.nextUid();
+            const counter = idGen$i.nextUid();
             shared.set('tabs_ref', counter);
-            return `<${tagName$1b} wmTabs #${counter}="wmTabs" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$19} wmTabs #${counter}="wmTabs" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1b}>`,
+        post: () => `</${tagName$19}>`,
         template: (node, shared) => {
             // check if the tab widget is dynamic
             if (isDynamicTabs(node)) {
@@ -91155,11 +91011,11 @@ var tabs_build$1 = /*#__PURE__*/Object.freeze({
     default: tabs_build
 });
-const tagName$1a = 'div';
+const tagName$18 = 'div';
 register('wm-tabpane', () => {
     return {
-        pre: attrs => `<${tagName$1a} wmTabPane  partialContainer ${getAttrMarkup(attrs)} wm-navigable-element="true" role="tabpanel">`,
-        post: () => `</${tagName$1a}>`
+        pre: attrs => `<${tagName$18} wmTabPane  partialContainer ${getAttrMarkup(attrs)} wm-navigable-element="true" role="tabpanel">`,
+        post: () => `</${tagName$18}>`
     };
 });
 var tabPane_build = () => { };
@@ -91169,11 +91025,11 @@ var tabPane_build$1 = /*#__PURE__*/Object.freeze({
     default: tabPane_build
 });
-const tagName$19 = 'div';
+const tagName$17 = 'div';
 register('wm-tile', () => {
     return {
-        pre: attrs => `<${tagName$19} wmTile wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$19}>`
+        pre: attrs => `<${tagName$17} wmTile wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$17}>`
     };
 });
 var tile_build = () => { };
@@ -91183,11 +91039,11 @@ var tile_build$1 = /*#__PURE__*/Object.freeze({
     default: tile_build
 });
-const tagName$18 = 'div';
+const tagName$16 = 'div';
 register('wm-wizard', () => {
     return {
-        pre: attrs => `<${tagName$18} wmWizard role="tablist" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$18}>`
+        pre: attrs => `<${tagName$16} wmWizard ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$16}>`
     };
 });
 var wizard_build = () => { };
@@ -91197,16 +91053,16 @@ var wizard_build$1 = /*#__PURE__*/Object.freeze({
     default: wizard_build
 });
-const tagName$17 = 'form';
-const idGen$i = new IDGenerator('wizard_step_id_');
+const tagName$15 = 'form';
+const idGen$h = new IDGenerator('wizard_step_id_');
 register('wm-wizardstep', () => {
     return {
         pre: attrs => {
-            const counter = idGen$i.nextUid();
-            return `<${tagName$17} wmWizardStep #${counter}="wmWizardStep" ${getAttrMarkup(attrs)}>
+            const counter = idGen$h.nextUid();
+            return `<${tagName$15} wmWizardStep #${counter}="wmWizardStep" ${getAttrMarkup(attrs)}>
                        <ng-template [ngIf]="${counter}.isInitialized">`;
         },
-        post: () => `</ng-template></${tagName$17}>`
+        post: () => `</ng-template></${tagName$15}>`
     };
 });
 var wizardStep_build = () => { };
@@ -91216,15 +91072,15 @@ var wizardStep_build$1 = /*#__PURE__*/Object.freeze({
     default: wizardStep_build
 });
-const tagName$16 = 'button';
-const idGen$h = new IDGenerator('wm_barcodescanner');
+const tagName$14 = 'button';
+const idGen$g = new IDGenerator('wm_barcodescanner');
 register('wm-barcodescanner', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$h.nextUid();
-            return `<${tagName$16} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.arialabel || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$g.nextUid();
+            return `<${tagName$14} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.arialabel || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$16}>`
+        post: () => `</${tagName$14}>`
     };
 });
 var barcodeScanner_build = () => { };
@@ -91234,15 +91090,15 @@ var barcodeScanner_build$1 = /*#__PURE__*/Object.freeze({
     default: barcodeScanner_build
 });
-const tagName$15 = 'button';
-const idGen$g = new IDGenerator('wm_camera');
+const tagName$13 = 'button';
+const idGen$f = new IDGenerator('wm_camera');
 register('wm-camera', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$g.nextUid();
-            return `<${tagName$15} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.arialabel || 'Camera'"  ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$f.nextUid();
+            return `<${tagName$13} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.arialabel || 'Camera'"  ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$15}>`
+        post: () => `</${tagName$13}>`
     };
 });
 var camera_build = () => { };
@@ -91252,11 +91108,11 @@ var camera_build$1 = /*#__PURE__*/Object.freeze({
     default: camera_build
 });
-const tagName$14 = 'div';
+const tagName$12 = 'div';
 register('wm-alertdialog', () => {
     return {
-        pre: attrs => `<${tagName$14} wmAlertDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$14}>`
+        pre: attrs => `<${tagName$12} wmAlertDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$12}>`
     };
 });
 var alertDialog_build = () => { };
@@ -91266,11 +91122,11 @@ var alertDialog_build$1 = /*#__PURE__*/Object.freeze({
     default: alertDialog_build
 });
-const tagName$13 = 'div';
+const tagName$11 = 'div';
 register('wm-confirmdialog', () => {
     return {
-        pre: attrs => `<${tagName$13} wmConfirmDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$13}>`
+        pre: attrs => `<${tagName$11} wmConfirmDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$11}>`
     };
 });
 var confirmDialog_build = () => { };
@@ -91280,11 +91136,11 @@ var confirmDialog_build$1 = /*#__PURE__*/Object.freeze({
     default: confirmDialog_build
 });
-const tagName$12 = 'div';
+const tagName$10 = 'div';
 register('wm-dialogactions', () => {
     return {
-        pre: attrs => `<ng-template #dialogFooter><${tagName$12} wmDialogFooter data-identfier="actions" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$12}></ng-template>`
+        pre: attrs => `<ng-template #dialogFooter><${tagName$10} wmDialogFooter data-identfier="actions" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$10}></ng-template>`
     };
 });
 var dialogFooter_build = () => { };
@@ -91294,11 +91150,11 @@ var dialogFooter_build$1 = /*#__PURE__*/Object.freeze({
     default: dialogFooter_build
 });
-const tagName$11 = 'div';
+const tagName$$ = 'div';
 register('wm-dialog', () => {
     return {
-        pre: attrs => `<${tagName$11} wmDialog ${getAttrMarkup(attrs)} aria-modal="true" role="dialog" wm-navigable-element="true"><ng-template #dialogBody>`,
-        post: () => `</ng-template></${tagName$11}>`
+        pre: attrs => `<${tagName$$} wmDialog ${getAttrMarkup(attrs)} aria-modal="true" role="dialog" wm-navigable-element="true"><ng-template #dialogBody>`,
+        post: () => `</ng-template></${tagName$$}>`
     };
 });
 // Todo:vinay remove wm-view in migration
@@ -91315,11 +91171,11 @@ var dialog_build$1 = /*#__PURE__*/Object.freeze({
     default: dialog_build
 });
-const tagName$10 = 'div';
+const tagName$_ = 'div';
 register('wm-iframedialog', () => {
     return {
-        pre: attrs => `<${tagName$10} wmIframeDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$10}>`
+        pre: attrs => `<${tagName$_} wmIframeDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$_}>`
     };
 });
 var iframeDialog_build = () => { };
@@ -91329,11 +91185,11 @@ var iframeDialog_build$1 = /*#__PURE__*/Object.freeze({
     default: iframeDialog_build
 });
-const tagName$$ = 'div';
+const tagName$Z = 'div';
 register('wm-logindialog', () => {
     return {
-        pre: attrs => `<${tagName$$} wmDialog wmLoginDialog ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction" wm-navigable-element="true"><ng-template #dialogBody>`,
-        post: () => `</ng-template></${tagName$$}>`
+        pre: attrs => `<${tagName$Z} wmDialog wmLoginDialog ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction" wm-navigable-element="true"><ng-template #dialogBody>`,
+        post: () => `</ng-template></${tagName$Z}>`
     };
 });
 var loginDialog_build = () => { };
@@ -91343,7 +91199,7 @@ var loginDialog_build$1 = /*#__PURE__*/Object.freeze({
     default: loginDialog_build
 });
-const tagName$_ = 'div';
+const tagName$Y = 'div';
 register('wm-pagedialog', () => {
     return {
         pre: (attrs, shared) => {
@@ -91369,14 +91225,14 @@ register('wm-pagedialog', () => {
                 shared.set('hasPartialContent', true);
                 containerMarkup += `<ng-template><div wmContainer #partial partialContainer ${contentMarkup} width="100%" height="100%" ${onLoadEvtMarkup}>`;
             }
-            return `<${tagName$_} wmPartialDialog ${getAttrMarkup(attrs)}>${containerMarkup}`;
+            return `<${tagName$Y} wmPartialDialog ${getAttrMarkup(attrs)}>${containerMarkup}`;
         },
         post: (attrs, shared) => {
             let preContent = '';
             if (shared.get('hasPartialContent')) {
                 preContent = `</div></ng-template>`;
             }
-            return `${preContent}</${tagName$_}>`;
+            return `${preContent}</${tagName$Y}>`;
         }
     };
 });
@@ -91455,8 +91311,8 @@ const getEditModeWidget = colDef => {
     return (fieldTypeWidgetTypeMap[colDef.type] && fieldTypeWidgetTypeMap[colDef.type][0]) || FormWidgetType.TEXT;
 };
-const tagName$Z = 'div';
-const idGen$f = new IDGenerator('formfield_');
+const tagName$X = 'div';
+const idGen$e = new IDGenerator('formfield_');
 const getEventsTemplate = (attrs) => {
     const eventAttrs = new Map();
     if (!attrs.has('focus.event')) {
@@ -91506,21 +91362,13 @@ const setDefaultPlaceholder = (attrs, widgetType, index) => {
     }
 };
 const getWidgetTemplate = (attrs, options) => {
-    let customAttrs = ``;
-    if (options.widgetType === "custom-widget") {
-        for (let [key, value] of attrs) {
-            if (key.startsWith('prop-'))
-                customAttrs += key + '="' + value + '" ';
-        }
-    }
     const name = attrs.get('name');
-    const customWidgetName = attrs.get('widgetname');
     const fieldName = (attrs.get('key') || name || '').trim();
     const formControl = options.isMaxWidget ? `formControlName="${fieldName}_max"` : (options.isInList ? `[formControlName]="${options.counter}._fieldName"` : `formControlName="${fieldName}"`);
     const tmplRef = options.isMaxWidget ? `#formWidgetMax` : `#formWidget`;
     const widgetName = name ? (options.isMaxWidget ? `name="${name}_formWidgetMax"` : `name="${name}_formWidget"`) : '';
     const conditionalClass = `[ngClass]="${attrs.get('ngclass')}"`;
-    const defaultTmpl = `[class.hidden]="!${options.pCounter}.isUpdateMode && ${options.counter}.viewmodewidget !== 'default'" ${formControl} ${options.eventsTmpl} ${conditionalClass} ${tmplRef} ${widgetName} ${customWidgetName ? `widgetname=${customWidgetName} ${customAttrs}` : ''}`;
+    const defaultTmpl = `[class.hidden]="!${options.pCounter}.isUpdateMode && ${options.counter}.viewmodewidget !== 'default'" ${formControl} ${options.eventsTmpl} ${conditionalClass} ${tmplRef} ${widgetName}`;
     return getFormWidgetTemplate(options.widgetType, defaultTmpl, attrs, { counter: options.counter, pCounter: options.pCounter });
 };
 const getTemplate = (attrs, widgetType, eventsTmpl, counter, pCounter, isInList) => {
@@ -91564,7 +91412,7 @@ const registerFormField = (isFormField) => {
     return {
         requires: ['wm-form', 'wm-liveform', 'wm-livefilter', 'wm-list'],
         pre: (attrs, shared, parentForm, parentLiveForm, parentFilter, parentList) => {
-            const counter = idGen$f.nextUid();
+            const counter = idGen$e.nextUid();
             const parent = parentForm || parentLiveForm || parentFilter;
             const pCounter = (parent && parent.get('form_reference')) || 'form';
             const widgetType = attrs.get('widget') || FormWidgetType.TEXT;
@@ -91587,7 +91435,7 @@ const registerFormField = (isFormField) => {
             else {
                 setDefaultPlaceholder(attrs, widgetType, 2);
             }
-            return `<${tagName$Z} data-role="${dataRole}" [formGroup]="${pCounter}.ngform" wmFormField wmCaptionPosition #${counter}="wmFormField" widgettype="${widgetType}" ${getFormMarkupAttr(attrs)}>
+            return `<${tagName$X} data-role="${dataRole}" [formGroup]="${pCounter}.ngform" wmFormField wmCaptionPosition #${counter}="wmFormField" widgettype="${widgetType}" ${getFormMarkupAttr(attrs)}>
                         <div class="live-field form-group app-composite-widget clearfix caption-{{${pCounter}.captionposition}}" widget="${widgetType}">
                             <label [hidden]="!${counter}.displayname" class="app-label control-label formfield-label {{${pCounter}._captionClass}}"
                                         [ngStyle]="{width: ${pCounter}.captionsize}" [ngClass]="{'text-danger': ${counter}._control?.invalid && ${counter}._control?.touched && ${pCounter}.isUpdateMode,
@@ -91603,7 +91451,7 @@ const registerFormField = (isFormField) => {
                             </div>
                         </div>`;
         },
-        post: () => `</${tagName$Z}>`,
+        post: () => `</${tagName$X}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set('form_reference', shared.get('counter'));
@@ -91625,11 +91473,11 @@ var formField_build$1 = /*#__PURE__*/Object.freeze({
     default: formField_build
 });
-const tagName$Y = 'div';
+const tagName$W = 'div';
 const registerAction = (tmpl) => {
     return {
-        pre: attrs => `<${tagName$Y} wmFormAction name="${attrs.get('name') || attrs.get('key')}" ${getAttrMarkup(attrs)} ${tmpl}>`,
-        post: () => `</${tagName$Y}>`
+        pre: attrs => `<${tagName$W} wmFormAction name="${attrs.get('name') || attrs.get('key')}" ${getAttrMarkup(attrs)} ${tmpl}>`,
+        post: () => `</${tagName$W}>`
     };
 };
 register('wm-form-action', registerAction.bind(undefined, ''));
@@ -91641,8 +91489,8 @@ var formAction_build$1 = /*#__PURE__*/Object.freeze({
     default: formAction_build
 });
-const tagName$X = 'form';
-const idGen$e = new IDGenerator('form_');
+const tagName$V = 'form';
+const idGen$d = new IDGenerator('form_');
 const formWidgets$1 = new Set([
     'wm-text',
     'wm-textarea',
@@ -91710,7 +91558,7 @@ const buildTask = (directiveAttr = '') => {
             let tmpl;
             let dialogId;
             const role = parentLoginWidget && parentLoginWidget.get('isLogin') ? 'app-login' : '';
-            const counter = idGen$e.nextUid();
+            const counter = idGen$d.nextUid();
             const dependsOn = attrs.get('dependson') ? `dependson="${attrs.get('dependson')}"` : '';
             if (dependsOn) {
                 attrs.set('dependsontable', attrs.get('dependson'));
@@ -91718,7 +91566,7 @@ const buildTask = (directiveAttr = '') => {
             const classProp = attrs.get('formlayout') === 'page' ? 'app-device-liveform panel liveform-inline' : '';
             const dialogAttributes = ['title', 'title.bind', 'iconclass', 'iconclass.bind', 'width'];
             attrs.delete('dependson');
-            const liveFormTmpl = `<${tagName$X} wmForm data-role="${role}" ${directiveAttr} #${counter} ngNativeValidate [formGroup]="${counter}.ngform" [noValidate]="${counter}.validationtype !== 'html'"
+            const liveFormTmpl = `<${tagName$V} wmForm data-role="${role}" ${directiveAttr} #${counter} ngNativeValidate [formGroup]="${counter}.ngform" [noValidate]="${counter}.validationtype !== 'html'"
                     class="${classProp}" [class]="${counter}.captionAlignClass" [autocomplete]="${counter}.autocomplete ? 'on' : 'off'" captionposition=${attrs.get('captionposition')}`;
             attrs.set('numberOfFields', `${numberOfFields}`);
             shared.set('counter', counter);
@@ -91771,12 +91619,12 @@ const buildTask = (directiveAttr = '') => {
                 return '</form></ng-template></div></div>';
             }
             if (attrs.get('formlayout') === 'page') {
-                return `</div></${tagName$X}>`;
+                return `</div></${tagName$V}>`;
             }
             if (attrs.get('dependsontable')) {
-                return `</${tagName$X}></div>`;
+                return `</${tagName$V}></div>`;
             }
-            return `</${tagName$X}>`;
+            return `</${tagName$V}>`;
         },
         provide: (attrs, shared) => {
             const provider = new Map();
@@ -91795,14 +91643,14 @@ var form_build$1 = /*#__PURE__*/Object.freeze({
     default: form_build
 });
-const tagName$W = 'div';
+const tagName$U = 'div';
 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%" role="region" aria-label="${viewType}" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$U} wmCalendar redrawable style="width:100%" role="region" aria-label="${viewType}" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$W}>`
+        post: () => `</${tagName$U}>`
     };
 });
 var calendar_build = () => { };
@@ -91812,11 +91660,11 @@ var calendar_build$1 = /*#__PURE__*/Object.freeze({
     default: calendar_build
 });
-const tagName$V = 'ul';
+const tagName$T = 'ul';
 register('wm-chips', () => {
     return {
-        pre: attrs => `<${tagName$V} wmChips role="listbox" ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$V}>`
+        pre: attrs => `<${tagName$T} wmChips ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$T}>`
     };
 });
 var chips_build = () => { };
@@ -91826,11 +91674,11 @@ var chips_build$1 = /*#__PURE__*/Object.freeze({
     default: chips_build
 });
-const tagName$U = 'div';
+const tagName$S = 'div';
 register('wm-colorpicker', () => {
     return {
-        pre: attrs => `<${tagName$U} wmColorPicker ${getAttrMarkup(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$U}>`
+        pre: attrs => `<${tagName$S} wmColorPicker ${getAttrMarkup(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$S}>`
     };
 });
 var colorPicker_build = () => { };
@@ -91840,11 +91688,11 @@ var colorPicker_build$1 = /*#__PURE__*/Object.freeze({
     default: colorPicker_build
 });
-const tagName$T = 'div';
+const tagName$R = 'div';
 register('wm-currency', () => {
     return {
-        pre: attrs => `<${tagName$T} wmCurrency ${getAttrMarkup(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$T}>`
+        pre: attrs => `<${tagName$R} wmCurrency ${getAttrMarkup(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$R}>`
     };
 });
 var currency_build = () => { };
@@ -91854,11 +91702,11 @@ var currency_build$1 = /*#__PURE__*/Object.freeze({
     default: currency_build
 });
-const tagName$S = 'div';
+const tagName$Q = 'div';
 register('wm-buttongroup', () => {
     return {
-        pre: attrs => `<${tagName$S} wmButtonGroup role="group" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$S}>`
+        pre: attrs => `<${tagName$Q} wmButtonGroup role="group" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$Q}>`
     };
 });
 var buttonGroup_build = () => { };
@@ -91868,15 +91716,15 @@ var buttonGroup_build$1 = /*#__PURE__*/Object.freeze({
     default: buttonGroup_build
 });
-const tagName$R = 'button';
-const idGen$d = new IDGenerator('wm_button');
+const tagName$P = 'button';
+const idGen$c = new IDGenerator('wm_button');
 register('wm-button', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$d.nextUid();
-            return `<${tagName$R} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.arialabel || (${counter}.badgevalue ? ${counter}.caption + ' ' + ${counter}.badgevalue : ${counter}.caption) || null" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$c.nextUid();
+            return `<${tagName$P} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.arialabel || (${counter}.badgevalue ? ${counter}.caption + ' ' + ${counter}.badgevalue : ${counter}.caption) || null" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$R}>`
+        post: () => `</${tagName$P}>`
     };
 });
 var button_build = () => { };
@@ -91886,11 +91734,11 @@ var button_build$1 = /*#__PURE__*/Object.freeze({
     default: button_build
 });
-const tagName$Q = 'div';
+const tagName$O = 'div';
 register('wm-checkbox', () => {
     return {
-        pre: attrs => `<${tagName$Q} wmCheckbox ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$Q}>`
+        pre: attrs => `<${tagName$O} wmCheckbox ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$O}>`
     };
 });
 var checkbox_build = () => { };
@@ -91900,11 +91748,11 @@ var checkbox_build$1 = /*#__PURE__*/Object.freeze({
     default: checkbox_build
 });
-const tagName$P = 'ul';
+const tagName$N = 'ul';
 register('wm-checkboxset', () => {
     return {
-        pre: attrs => `<${tagName$P} role="group" wmCheckboxset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$P}>`
+        pre: attrs => `<${tagName$N} role="group" wmCheckboxset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$N}>`
     };
 });
 var checkboxset_build = () => { };
@@ -91914,11 +91762,11 @@ var checkboxset_build$1 = /*#__PURE__*/Object.freeze({
     default: checkboxset_build
 });
-const tagName$O = 'div';
+const tagName$M = 'div';
 register('wm-composite', () => {
     return {
-        pre: attrs => `<${tagName$O} wmComposite wmCaptionPosition ${setChildAttrs(attrs)} ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$O}${clearChildAttrs()}>`
+        pre: attrs => `<${tagName$M} wmComposite wmCaptionPosition ${setChildAttrs(attrs)} ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$M}${clearChildAttrs()}>`
     };
 });
 var composite_build = () => { };
@@ -91928,11 +91776,11 @@ var composite_build$1 = /*#__PURE__*/Object.freeze({
     default: composite_build
 });
-const tagName$N = 'div';
+const tagName$L = 'div';
 register('wm-number', () => {
     return {
-        pre: attrs => `<${tagName$N} wmNumber ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$N}>`
+        pre: attrs => `<${tagName$L} wmNumber ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$L}>`
     };
 });
 var number_build = () => { };
@@ -91942,11 +91790,11 @@ var number_build$1 = /*#__PURE__*/Object.freeze({
     default: number_build
 });
-const tagName$M = 'ul';
+const tagName$K = 'ul';
 register('wm-radioset', () => {
     return {
-        pre: attrs => `<${tagName$M} role="radiogroup" wmRadioset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$M}>`
+        pre: attrs => `<${tagName$K} role="radiogroup" wmRadioset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$K}>`
     };
 });
 var radioset_build = () => { };
@@ -91956,11 +91804,11 @@ var radioset_build$1 = /*#__PURE__*/Object.freeze({
     default: radioset_build
 });
-const tagName$L = 'wm-select';
+const tagName$J = 'wm-select';
 register('wm-select', () => {
     return {
-        pre: attrs => `<${tagName$L} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)}  ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$L}>`
+        pre: attrs => `<${tagName$J} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)}  ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$J}>`
     };
 });
 var select_build = () => { };
@@ -91970,15 +91818,15 @@ var select_build$1 = /*#__PURE__*/Object.freeze({
     default: select_build
 });
-const tagName$K = 'div';
-const idGen$c = new IDGenerator('wm_switch');
+const tagName$I = 'div';
+const idGen$b = new IDGenerator('wm_switch');
 register('wm-switch', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$c.nextUid();
-            return `<${tagName$K} wmSwitch #${counter}="wmSwitch" role="group" [attr.aria-label]="${counter}.arialabel || 'Switch choose options'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
+            const counter = idGen$b.nextUid();
+            return `<${tagName$I} wmSwitch #${counter}="wmSwitch" role="group" [attr.aria-label]="${counter}.arialabel || 'Switch choose options'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
         },
-        post: () => `</${tagName$K}>`
+        post: () => `</${tagName$I}>`
     };
 });
 var switch_build = () => { };
@@ -91988,11 +91836,11 @@ var switch_build$1 = /*#__PURE__*/Object.freeze({
     default: switch_build
 });
-const tagName$J = 'wm-input';
+const tagName$H = 'wm-input';
 register('wm-text', () => {
     return {
-        pre: attrs => `<${tagName$J} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$J}>`
+        pre: attrs => `<${tagName$H} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$H}>`
     };
 });
 var text_build = () => { };
@@ -92002,11 +91850,11 @@ var text_build$1 = /*#__PURE__*/Object.freeze({
     default: text_build
 });
-const tagName$I = 'wm-textarea';
+const tagName$G = 'wm-textarea';
 register('wm-textarea', () => {
     return {
-        pre: attrs => `<${tagName$I} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$I}>`
+        pre: attrs => `<${tagName$G} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$G}>`
     };
 });
 var textarea_build = () => { };
@@ -92016,11 +91864,11 @@ var textarea_build$1 = /*#__PURE__*/Object.freeze({
     default: textarea_build
 });
-const tagName$H = 'div';
+const tagName$F = 'div';
 register('wm-datetime', () => {
     return {
-        pre: attrs => `<${tagName$H} wmDateTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$H}>`
+        pre: attrs => `<${tagName$F} wmDateTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$F}>`
     };
 });
 var dateTime_build = () => { };
@@ -92030,11 +91878,11 @@ var dateTime_build$1 = /*#__PURE__*/Object.freeze({
     default: dateTime_build
 });
-const tagName$G = 'div';
+const tagName$E = 'div';
 register('wm-date', () => {
     return {
-        pre: attrs => `<${tagName$G} wmDate ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$G}>`
+        pre: attrs => `<${tagName$E} wmDate ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$E}>`
     };
 });
 var date_build = () => { };
@@ -92044,11 +91892,11 @@ var date_build$1 = /*#__PURE__*/Object.freeze({
     default: date_build
 });
-const tagName$F = 'div';
+const tagName$D = 'div';
 register('wm-time', () => {
     return {
-        pre: attrs => `<${tagName$F} wmTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$F}>`
+        pre: attrs => `<${tagName$D} wmTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$D}>`
     };
 });
 var time_build = () => { };
@@ -92058,7 +91906,7 @@ var time_build$1 = /*#__PURE__*/Object.freeze({
     default: time_build
 });
-const tagName$E = 'div';
+const tagName$C = 'div';
 register('wm-fileupload', () => {
     return {
         pre: attrs => {
@@ -92070,9 +91918,9 @@ register('wm-fileupload', () => {
                 const onDeleteBinding = getDataSource(attrs.get('delete.event'));
                 attrs.set('deletedatasource.bind', onDeleteBinding);
             }
-            return `<${tagName$E} wmFileUpload ${getAttrMarkup(attrs)} role="input">`;
+            return `<${tagName$C} wmFileUpload ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$E}>`
+        post: () => `</${tagName$C}>`
     };
 });
 var fileUpload_build = () => { };
@@ -92082,11 +91930,11 @@ var fileUpload_build$1 = /*#__PURE__*/Object.freeze({
     default: fileUpload_build
 });
-const tagName$D = 'div';
+const tagName$B = 'div';
 register('wm-rating', () => {
     return {
-        pre: attrs => `<${tagName$D} wmRating ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$D}>`
+        pre: attrs => `<${tagName$B} wmRating ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$B}>`
     };
 });
 var rating_build = () => { };
@@ -92096,11 +91944,11 @@ var rating_build$1 = /*#__PURE__*/Object.freeze({
     default: rating_build
 });
-const tagName$C = 'div';
+const tagName$A = 'div';
 register('wm-slider', () => {
     return {
-        pre: attrs => `<${tagName$C} wmSlider ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$C}>`
+        pre: attrs => `<${tagName$A} wmSlider ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$A}>`
     };
 });
 var slider_build = () => { };
@@ -92111,7 +91959,7 @@ var slider_build$1 = /*#__PURE__*/Object.freeze({
 });
 const wmlistTag = 'wm-list';
-const tagName$B = 'div';
+const tagName$z = 'div';
 const dataSetKey$2 = 'dataset';
 function copyAttribute$1(from, fromAttrName, to, toAttrName) {
     const fromAttr = from.attrs.find(a => a.name === fromAttrName);
@@ -92159,8 +92007,8 @@ register('wm-media-list', () => {
                 copyAttribute$1(template, 'height', node, 'thumbnailheight');
             }
         },
-        pre: attrs => `<${tagName$B} wmMediaList ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$B}>`
+        pre: attrs => `<${tagName$z} wmMediaList ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$z}>`
     };
 });
 var mediaList_build = () => { };
@@ -92170,11 +92018,11 @@ var mediaList_build$1 = /*#__PURE__*/Object.freeze({
     default: mediaList_build
 });
-const tagName$A = 'ng-template';
+const tagName$y = 'ng-template';
 register('wm-media-template', () => {
     return {
-        pre: () => `<${tagName$A} #mediaListTemplate let-item="item" let-index="index">`,
-        post: () => `</${tagName$A}>`
+        pre: () => `<${tagName$y} #mediaListTemplate let-item="item" let-index="index">`,
+        post: () => `</${tagName$y}>`
     };
 });
 var mediaListItem_build = () => { };
@@ -92258,16 +92106,16 @@ var list_build$1 = /*#__PURE__*/Object.freeze({
     default: list_build
 });
-const tagName$z = 'div';
-const idGen$b = new IDGenerator('liveform_dialog_id_');
+const tagName$x = 'div';
+const idGen$a = new IDGenerator('liveform_dialog_id_');
 register('wm-livetable', () => {
     return {
         pre: (attrs, shared) => {
-            const counter = idGen$b.nextUid();
+            const counter = idGen$a.nextUid();
             shared.set('counter', counter);
-            return `<${tagName$z} wmLiveTable ${getAttrMarkup(attrs)} dialogid="${counter}">`;
+            return `<${tagName$x} wmLiveTable ${getAttrMarkup(attrs)} dialogid="${counter}">`;
         },
-        post: () => `</${tagName$z}>`,
+        post: () => `</${tagName$x}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set('liveform_dialog_id', shared.get('counter'));
@@ -92282,15 +92130,15 @@ var liveTable_build$1 = /*#__PURE__*/Object.freeze({
     default: liveTable_build
 });
-const tagName$y = 'p';
-const idGen$a = new IDGenerator('wm_message');
+const tagName$w = 'p';
+const idGen$9 = new IDGenerator('wm_message');
 register('wm-message', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$a.nextUid();
-            return `<${tagName$y} wmMessage tabindex="0" #${counter}="wmMessage" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$9.nextUid();
+            return `<${tagName$w} wmMessage tabindex="0" #${counter}="wmMessage" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$y}>`
+        post: () => `</${tagName$w}>`
     };
 });
 var message_build = () => { };
@@ -92300,11 +92148,11 @@ var message_build$1 = /*#__PURE__*/Object.freeze({
     default: message_build
 });
-const tagName$x = 'ol';
+const tagName$v = 'ol';
 register('wm-breadcrumb', () => {
     return {
-        pre: attrs => `<${tagName$x} wmBreadcrumb ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$x}>`
+        pre: attrs => `<${tagName$v} wmBreadcrumb ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$v}>`
     };
 });
 var breadcrumb_build = () => { };
@@ -92314,7 +92162,7 @@ var breadcrumb_build$1 = /*#__PURE__*/Object.freeze({
     default: breadcrumb_build
 });
-const tagName$w = 'div';
+const tagName$u = 'div';
 register('wm-menu', () => {
     return {
         pre: attrs => {
@@ -92329,13 +92177,13 @@ register('wm-menu', () => {
                 else {
                     styleBinding = `[ngStyle]="{'width': '${menuWidth}px'}"`;
                 }
-                return `<${tagName$w} wmMenu dropdown ${getAttrMarkup(attrs)} ${styleBinding}>`;
+                return `<${tagName$u} wmMenu dropdown ${getAttrMarkup(attrs)} ${styleBinding}>`;
             }
             else {
-                return `<${tagName$w} wmMenu dropdown ${getAttrMarkup(attrs)}>`;
+                return `<${tagName$u} wmMenu dropdown ${getAttrMarkup(attrs)}>`;
             }
         },
-        post: () => `</${tagName$w}>`
+        post: () => `</${tagName$u}>`
     };
 });
 var menu_build = () => { };
@@ -92345,11 +92193,11 @@ var menu_build$1 = /*#__PURE__*/Object.freeze({
     default: menu_build
 });
-const tagName$v = 'li';
+const tagName$t = 'li';
 register('wm-nav-item', () => {
     return {
-        pre: attrs => `<${tagName$v} wmNavItem role="listitem" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$v}>`
+        pre: attrs => `<${tagName$t} wmNavItem role="listitem" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$t}>`
     };
 });
 var navItem_build = () => { };
@@ -92359,11 +92207,11 @@ var navItem_build$1 = /*#__PURE__*/Object.freeze({
     default: navItem_build
 });
-const tagName$u = 'ul';
+const tagName$s = 'ul';
 register('wm-nav', () => {
     return {
-        pre: attrs => `<${tagName$u} wmNav data-element-type="wmNav" data-role="page-header" role="list" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$u}>`
+        pre: attrs => `<${tagName$s} wmNav data-element-type="wmNav" data-role="page-header" role="list" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$s}>`
     };
 });
 var nav_build = () => { };
@@ -92373,11 +92221,11 @@ var nav_build$1 = /*#__PURE__*/Object.freeze({
     default: nav_build
 });
-const tagName$t = 'nav';
+const tagName$r = 'nav';
 register('wm-navbar', () => {
     return {
-        pre: attrs => `<${tagName$t} wmNavbar data-element-type="wmNavbar" role="navigation" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$t}>`
+        pre: attrs => `<${tagName$r} wmNavbar data-element-type="wmNavbar" role="navigation" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$r}>`
     };
 });
 var navbar_build = () => { };
@@ -92387,7 +92235,7 @@ var navbar_build$1 = /*#__PURE__*/Object.freeze({
     default: navbar_build
 });
-const tagName$s = 'wm-popover';
+const tagName$q = 'wm-popover';
 register('wm-popover', () => {
     return {
         requires: ['wm-table'],
@@ -92407,7 +92255,7 @@ register('wm-popover', () => {
                 popoverTemplate = `<div wmContainer #partial partialContainer ${contentMarkup}>`;
                 shared.set('hasPopoverContent', true);
             }
-            let markup = `<${tagName$s} wmPopover ${getAttrMarkup(attrs)}>`;
+            let markup = `<${tagName$q} wmPopover ${getAttrMarkup(attrs)}>`;
             const contextAttrs = table ? `let-row="row"` : ``;
             markup += `<ng-template ${contextAttrs}><div tabindex="0" class="popover-start sr-only" aria-label="">popover content start</div>`;
             // todo keyboard navigation - tab
@@ -92421,7 +92269,7 @@ register('wm-popover', () => {
             if (shared.get('hasPopoverContent')) {
                 markup += `</div>`;
             }
-            return `${markup}<div tabindex="0" class="popover-end sr-only" aria-label="">popover content ended</div></ng-template></${tagName$s}>`;
+            return `${markup}<div tabindex="0" class="popover-end sr-only" aria-label="">popover content ended</div></ng-template></${tagName$q}>`;
         }
     };
 });
@@ -92432,16 +92280,16 @@ var popover_build$1 = /*#__PURE__*/Object.freeze({
     default: popover_build
 });
-const tagName$r = 'div';
+const tagName$p = 'div';
 const findChild = (node, childName) => {
     const child = node && node.children.find(e => (e instanceof Element$2 && e.name === childName));
     return child;
 };
-const createElement$4 = name => {
-    return new Element$2(name, [], [], noSpan$4, noSpan$4, noSpan$4);
+const createElement$3 = name => {
+    return new Element$2(name, [], [], noSpan$3, noSpan$3, noSpan$3);
 };
-const addAtrribute$4 = (node, name, value) => {
-    const attr = new Attribute$1(name, value, noSpan$4, noSpan$4, noSpan$4, undefined, undefined);
+const addAtrribute$3 = (node, name, value) => {
+    const attr = new Attribute$1(name, value, noSpan$3, noSpan$3, noSpan$3, undefined, undefined);
     node.attrs.push(attr);
 };
 const getElementNode = (name, node) => {
@@ -92462,8 +92310,8 @@ const getElementNode = (name, node) => {
     });
     return elementNode;
 };
-const noSpan$4 = {};
-const idGen$9 = new IDGenerator('wm_page');
+const noSpan$3 = {};
+const idGen$8 = new IDGenerator('wm_page');
 register('wm-page', () => {
     return {
         template: (node) => {
@@ -92472,24 +92320,24 @@ register('wm-page', () => {
                 pageContentNode = getElementNode('wm-page-content', getElementNode('wm-content', node));
             }
             if (pageContentNode) {
-                const conditionalNode = createElement$4('ng-container');
-                addAtrribute$4(conditionalNode, '*ngIf', 'compilePageContent');
+                const conditionalNode = createElement$3('ng-container');
+                addAtrribute$3(conditionalNode, '*ngIf', 'compilePageContent');
                 conditionalNode.children = conditionalNode.children.concat(pageContentNode.children);
                 conditionalNode.children.push(new Text$1('{{onPageContentReady()}}', null, undefined, undefined));
                 pageContentNode.children = [conditionalNode];
                 if (isMobileApp()) {
-                    const loader = createElement$4('div');
-                    addAtrribute$4(loader, 'wmPageContentLoader', '');
-                    addAtrribute$4(loader, '*ngIf', '!showPageContent');
+                    const loader = createElement$3('div');
+                    addAtrribute$3(loader, 'wmPageContentLoader', '');
+                    addAtrribute$3(loader, '*ngIf', '!showPageContent');
                     pageContentNode.children.push(loader);
                 }
             }
         },
         pre: (attrs) => {
-            const counter = idGen$9.nextUid();
-            return `<${tagName$r} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$8.nextUid();
+            return `<${tagName$p} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$r}>`
+        post: () => `</${tagName$p}>`
     };
 });
 var page_build = () => { };
@@ -92499,15 +92347,15 @@ var page_build$1 = /*#__PURE__*/Object.freeze({
     default: page_build
 });
-const tagName$q = 'div';
-const idGen$8 = new IDGenerator('wm_layout');
+const tagName$o = 'div';
+const idGen$7 = new IDGenerator('wm_layout');
 register('wm-layout', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$8.nextUid();
-            return `<${tagName$q} wmLayout #${counter}="wmLayout" data-role="pageContainer" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$7.nextUid();
+            return `<${tagName$o} wmLayout #${counter}="wmLayout" data-role="pageContainer" [attr.aria-label]="${counter}.arialabel" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$q}>`
+        post: () => `</${tagName$o}>`
     };
 });
 var layout_build = () => { };
@@ -92517,11 +92365,11 @@ var layout_build$1 = /*#__PURE__*/Object.freeze({
     default: layout_build
 });
-const tagName$p = 'router-outlet';
+const tagName$n = 'router-outlet';
 register('wm-router-outlet', () => {
     return {
-        pre: attrs => `<div wmRouterOutlet name="wmRouterOutlet" ${getAttrMarkup(attrs)}><${tagName$p} (activate)="onActivate($event)">`,
-        post: () => `</${tagName$p}></div>`
+        pre: attrs => `<div wmRouterOutlet name="wmRouterOutlet" ${getAttrMarkup(attrs)}><${tagName$n} (activate)="onActivate($event)">`,
+        post: () => `</${tagName$n}></div>`
     };
 });
 var routerOutlet_build = () => { };
@@ -92531,11 +92379,11 @@ var routerOutlet_build$1 = /*#__PURE__*/Object.freeze({
     default: routerOutlet_build
 });
-const tagName$o = 'nav';
+const tagName$m = 'nav';
 register('wm-pagination', () => {
     return {
-        pre: attrs => `<${tagName$o} wmPagination data-identifier="pagination" aria-label="Page navigation" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$o}>`
+        pre: attrs => `<${tagName$m} wmPagination data-identifier="pagination" aria-label="Page navigation" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$m}>`
     };
 });
 var pagination_build = () => { };
@@ -92545,11 +92393,11 @@ var pagination_build$1 = /*#__PURE__*/Object.freeze({
     default: pagination_build
 });
-const tagName$n = 'main';
+const tagName$l = 'main';
 register('wm-content', () => {
     return {
-        pre: attrs => `<${tagName$n} wmContent data-role="page-content" role="main" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$n}>`
+        pre: attrs => `<${tagName$l} wmContent data-role="page-content" role="main" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$l}>`
     };
 });
 var content_build = () => { };
@@ -92559,15 +92407,15 @@ var content_build$1 = /*#__PURE__*/Object.freeze({
     default: content_build
 });
-const tagName$m = 'footer';
-const idGen$7 = new IDGenerator('wm_footer');
+const tagName$k = 'footer';
+const idGen$6 = new IDGenerator('wm_footer');
 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}.arialabel || 'Page footer'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$6.nextUid();
+            return `<${tagName$k} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.arialabel || 'Page footer'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$m}>`
+        post: () => `</${tagName$k}>`
     };
 });
 var footer_build = () => { };
@@ -92577,15 +92425,15 @@ var footer_build$1 = /*#__PURE__*/Object.freeze({
     default: footer_build
 });
-const tagName$l = 'header';
-const idGen$6 = new IDGenerator('wm_header');
+const tagName$j = 'header';
+const idGen$5 = new IDGenerator('wm_header');
 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}.arialabel || 'Page header'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$5.nextUid();
+            return `<${tagName$j} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.arialabel || 'Page header'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$l}>`
+        post: () => `</${tagName$j}>`
     };
 });
 var header_build = () => { };
@@ -92595,15 +92443,15 @@ var header_build$1 = /*#__PURE__*/Object.freeze({
     default: header_build
 });
-const tagName$k = 'aside';
-const idGen$5 = new IDGenerator('wm_left_panel');
+const tagName$i = 'aside';
+const idGen$4 = new IDGenerator('wm_left_panel');
 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}.arialabel || 'Left navigation panel'" wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$4.nextUid();
+            return `<${tagName$i} 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}>`
+        post: () => `</${tagName$i}>`
     };
 });
 var leftPanel_build = () => { };
@@ -92613,11 +92461,11 @@ var leftPanel_build$1 = /*#__PURE__*/Object.freeze({
     default: leftPanel_build
 });
-const tagName$j = 'header';
+const tagName$h = 'header';
 register('wm-mobile-navbar', () => {
     return {
-        pre: attrs => `<${tagName$j} wmMobileNavbar ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$j}>`
+        pre: attrs => `<${tagName$h} wmMobileNavbar ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$h}>`
     };
 });
 var mobileNavbar_build = () => { };
@@ -92627,15 +92475,15 @@ var mobileNavbar_build$1 = /*#__PURE__*/Object.freeze({
     default: mobileNavbar_build
 });
-const tagName$i = 'aside';
-const idGen$4 = new IDGenerator('wm_right_panel');
+const tagName$g = 'aside';
+const idGen$3 = new IDGenerator('wm_right_panel');
 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}.arialabel || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$3.nextUid();
+            return `<${tagName$g} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.arialabel || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$i}>`
+        post: () => `</${tagName$g}>`
     };
 });
 var rightPanel_build = () => { };
@@ -92645,22 +92493,22 @@ var rightPanel_build$1 = /*#__PURE__*/Object.freeze({
     default: rightPanel_build
 });
-const tagName$h = 'div';
-const createElement$3 = name => {
-    return new Element$2(name, [], [], noSpan$3, noSpan$3, noSpan$3);
+const tagName$f = 'div';
+const createElement$2 = name => {
+    return new Element$2(name, [], [], noSpan$2, noSpan$2, noSpan$2);
 };
-const addAtrribute$3 = (node, name, value) => {
-    const attr = new Attribute$1(name, value, noSpan$3, noSpan$3, noSpan$3, undefined, undefined);
+const addAtrribute$2 = (node, name, value) => {
+    const attr = new Attribute$1(name, value, noSpan$2, noSpan$2, noSpan$2, undefined, undefined);
     node.attrs.push(attr);
 };
-const noSpan$3 = {};
+const noSpan$2 = {};
 register('wm-page-content', () => {
     return {
         template: (node) => {
             for (let attr of node.attrs) {
                 if (attr.name === 'spa' && attr.value === 'true') {
-                    const conditionalNode = createElement$3('ng-container');
-                    addAtrribute$3(conditionalNode, '*ngIf', 'compilePageContent');
+                    const conditionalNode = createElement$2('ng-container');
+                    addAtrribute$2(conditionalNode, '*ngIf', 'compilePageContent');
                     conditionalNode.children = conditionalNode.children.concat(node.children);
                     conditionalNode.children.push(new Text$1('{{onPageContentReady()}}', null, undefined, undefined));
                     node.children = [conditionalNode];
@@ -92668,8 +92516,8 @@ register('wm-page-content', () => {
                 }
             }
         },
-        pre: attrs => `<${tagName$h} wmPageContent ${attrs.get('spa') && 'wmSpaPage' || ''} wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$h}>`
+        pre: attrs => `<${tagName$f} wmPageContent ${attrs.get('spa') && 'wmSpaPage' || ''} wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$f}>`
     };
 });
 var pageContent_build = () => { };
@@ -92679,11 +92527,11 @@ var pageContent_build$1 = /*#__PURE__*/Object.freeze({
     default: pageContent_build
 });
-const tagName$g = 'div';
+const tagName$e = 'div';
 register('wm-mobile-tabbar', () => {
     return {
-        pre: attrs => `<${tagName$g} wmMobileTabbar ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$g}>`
+        pre: attrs => `<${tagName$e} wmMobileTabbar ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$e}>`
     };
 });
 var tabBar_build = () => { };
@@ -92693,15 +92541,15 @@ var tabBar_build$1 = /*#__PURE__*/Object.freeze({
     default: tabBar_build
 });
-const tagName$f = 'section';
-const idGen$3 = new IDGenerator('wm_top_nav');
+const tagName$d = 'section';
+const idGen$2 = new IDGenerator('wm_top_nav');
 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}.arialabel || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$2.nextUid();
+            return `<${tagName$d} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.arialabel || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$f}>`
+        post: () => `</${tagName$d}>`
     };
 });
 var topNav_build = () => { };
@@ -92711,26 +92559,26 @@ var topNav_build$1 = /*#__PURE__*/Object.freeze({
     default: topNav_build
 });
-const tagName$e = 'section';
-const noSpan$2 = {};
-const createElement$2 = name => {
-    return new Element$2(name, [], [], noSpan$2, noSpan$2, noSpan$2);
+const tagName$c = 'section';
+const noSpan$1 = {};
+const createElement$1 = name => {
+    return new Element$2(name, [], [], noSpan$1, noSpan$1, noSpan$1);
 };
-const addAtrribute$2 = (node, name, value) => {
-    const attr = new Attribute$1(name, value, noSpan$2, noSpan$2, noSpan$2, undefined, undefined);
+const addAtrribute$1 = (node, name, value) => {
+    const attr = new Attribute$1(name, value, noSpan$1, noSpan$1, noSpan$1, undefined, undefined);
     node.attrs.push(attr);
 };
 register('wm-partial', () => {
     return {
         template: (node) => {
-            const conditionalNode = createElement$2('ng-container');
-            addAtrribute$2(conditionalNode, '*ngIf', 'compileContent');
+            const conditionalNode = createElement$1('ng-container');
+            addAtrribute$1(conditionalNode, '*ngIf', 'compileContent');
             conditionalNode.children = conditionalNode.children.concat(node.children);
             node.children.length = 0;
             node.children.push(conditionalNode);
         },
-        pre: attrs => `<${tagName$e} wmPartial data-role="partial" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$e}>`
+        pre: attrs => `<${tagName$c} wmPartial data-role="partial" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$c}>`
     };
 });
 var partial_build = () => { };
@@ -92740,11 +92588,11 @@ var partial_build$1 = /*#__PURE__*/Object.freeze({
     default: partial_build
 });
-const tagName$d = 'div';
+const tagName$b = 'div';
 register('wm-param', () => {
     return {
-        pre: attrs => `<${tagName$d} wmParam hidden ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$d}>`
+        pre: attrs => `<${tagName$b} wmParam hidden ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$b}>`
     };
 });
 var partialParam_build = () => { };
@@ -92754,11 +92602,11 @@ var partialParam_build$1 = /*#__PURE__*/Object.freeze({
     default: partialParam_build
 });
-const tagName$c = 'section';
+const tagName$a = 'section';
 register('wm-prefab', () => {
     return {
-        pre: attrs => `<${tagName$c} wmPrefab redrawable data-role="prefab" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$c}>`
+        pre: attrs => `<${tagName$a} wmPrefab redrawable data-role="prefab" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$a}>`
     };
 });
 var prefab_build = () => { };
@@ -92768,26 +92616,26 @@ var prefab_build$1 = /*#__PURE__*/Object.freeze({
     default: prefab_build
 });
-const noSpan$1 = {};
-const createElement$1 = name => {
-    return new Element$2(name, [], [], noSpan$1, noSpan$1, noSpan$1);
+const noSpan = {};
+const createElement = name => {
+    return new Element$2(name, [], [], noSpan, noSpan, noSpan);
 };
-const addAtrribute$1 = (node, name, value) => {
-    const attr = new Attribute$1(name, value, noSpan$1, noSpan$1, noSpan$1, undefined, undefined);
+const addAtrribute = (node, name, value) => {
+    const attr = new Attribute$1(name, value, noSpan, noSpan, noSpan, undefined, undefined);
     node.attrs.push(attr);
 };
-const tagName$b = 'div';
+const tagName$9 = 'div';
 register('wm-prefab-container', () => {
     return {
         template: (node) => {
-            const conditionalNode = createElement$1('ng-container');
-            addAtrribute$1(conditionalNode, '*ngIf', 'compileContent');
+            const conditionalNode = createElement('ng-container');
+            addAtrribute(conditionalNode, '*ngIf', 'compileContent');
             conditionalNode.children = conditionalNode.children.concat(node.children);
             node.children.length = 0;
             node.children.push(conditionalNode);
         },
-        pre: attrs => `<${tagName$b} wmPrefabContainer ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$b}>`
+        pre: attrs => `<${tagName$9} wmPrefabContainer ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$9}>`
     };
 });
 var prefabContainer_build = () => { };
@@ -92797,11 +92645,11 @@ var prefabContainer_build$1 = /*#__PURE__*/Object.freeze({
     default: prefabContainer_build
 });
-const tagName$a = 'div';
+const tagName$8 = 'div';
 register('wm-table-action', () => {
     return {
-        pre: attrs => `<${tagName$a} name="${attrs.get('name') || attrs.get('key')}" wmTableAction ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$a}>`
+        pre: attrs => `<${tagName$8} name="${attrs.get('name') || attrs.get('key')}" wmTableAction ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$8}>`
     };
 });
 var tableAction_build = () => { };
@@ -92811,11 +92659,11 @@ var tableAction_build$1 = /*#__PURE__*/Object.freeze({
     default: tableAction_build
 });
-const tagName$9 = 'div';
+const tagName$7 = 'div';
 register('wm-table-column-group', () => {
     return {
-        pre: attrs => `<${tagName$9} wmTableColumnGroup ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$9}>`
+        pre: attrs => `<${tagName$7} wmTableColumnGroup ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$7}>`
     };
 });
 var tableColumnGroup_build = () => { };
@@ -92825,8 +92673,8 @@ var tableColumnGroup_build$1 = /*#__PURE__*/Object.freeze({
     default: tableColumnGroup_build
 });
-const tagName$8 = 'div';
-const idGen$2 = new IDGenerator('data_table_form_');
+const tagName$6 = 'div';
+const idGen$1 = new IDGenerator('data_table_form_');
 const formWidgets = new Set([
     'wm-text',
     'wm-textarea',
@@ -92938,7 +92786,7 @@ const getInlineEditWidgetTmpl = (attrs, isNewRow, errorstyle, pCounter) => {
     let wmFormWidget = '';
     if (widget === FormWidgetType.UPLOAD) {
         options.uploadProps = {
-            formName: idGen$2.nextUid(),
+            formName: idGen$1.nextUid(),
             name: fieldName
         };
         options.counter = pCounter;
@@ -93078,7 +92926,7 @@ register('wm-table-column', () => {
                     customExprTmpl = `${customExpr}<div data-col-identifier="${attrs.get('binding')}" title="${formatExprTmpl}">${formatExprTmpl}`;
                 }
             }
-            return `<${tagName$8} wmTableColumn ${getAttrMarkup(attrs)} ${parentForm}>
+            return `<${tagName$6} wmTableColumn ${getAttrMarkup(attrs)} ${parentForm}>
                     ${rowFilterTmpl}
                     ${inlineEditTmpl}
                     ${inlineNewEditTmpl}
@@ -93089,7 +92937,7 @@ register('wm-table-column', () => {
             if (shared.get('customExpression')) {
                 customExprTmpl = `</div></ng-template>`;
             }
-            return `${customExprTmpl}</${tagName$8}>`;
+            return `${customExprTmpl}</${tagName$6}>`;
         },
         imports: (attrs) => {
             const editWidgetType = attrs.get('edit-widget-type');
@@ -93105,7 +92953,7 @@ var tableColumn_build$1 = /*#__PURE__*/Object.freeze({
     default: tableColumn_build
 });
-const tagName$7 = 'div';
+const tagName$5 = 'div';
 const getRowExpansionActionTmpl = (attrs) => {
     const tag = attrs.get('widget-type') === 'anchor' ? 'a' : 'button';
     const directive = attrs.get('widget-type') === 'anchor' ? 'wmAnchor' : 'wmButton';
@@ -93121,7 +92969,7 @@ const getRowExpansionActionTmpl = (attrs) => {
 register('wm-table-row', () => {
     return {
         pre: (attrs) => {
-            return `<${tagName$7} wmTableRow ${getAttrMarkup(attrs)}>
+            return `<${tagName$5} wmTableRow ${getAttrMarkup(attrs)}>
                     ${getRowExpansionActionTmpl(attrs)}
                     <ng-template #rowExpansionTmpl let-row="row" let-rowDef="rowDef" let-containerLoad="containerLoad">
                         <div wmContainer partialContainer content.bind="rowDef.content" load.event="containerLoad(widget)"
@@ -93129,7 +92977,7 @@ register('wm-table-row', () => {
                          <div *ngFor="let param of rowDef.partialParams | keyvalue" wmParam hidden
                             [name]="param.key" [value]="param.value"></div>`;
         },
-        post: () => `</div></ng-template></${tagName$7}>`
+        post: () => `</div></ng-template></${tagName$5}>`
     };
 });
 var tableRow_build = () => { };
@@ -93139,7 +92987,7 @@ var tableRow_build$1 = /*#__PURE__*/Object.freeze({
     default: tableRow_build
 });
-const tagName$6 = 'div';
+const tagName$4 = 'div';
 const getSaveCancelTemplate = () => {
     return `<button type="button" aria-label="Save edit icon" class="save row-action-button btn app-button btn-transparent save-edit-row-button hidden" title="Save">
                 <i class="wi wi-done" aria-hidden="true"></i>
@@ -93171,9 +93019,9 @@ const getRowActionTmpl = (attrs) => {
 };
 register('wm-table-row-action', () => {
     return {
-        pre: attrs => `<${tagName$6} wmTableRowAction ${getAttrMarkup(attrs)}>
+        pre: attrs => `<${tagName$4} wmTableRowAction ${getAttrMarkup(attrs)}>
                         ${getRowActionTmpl(attrs)}`,
-        post: () => `</${tagName$6}>`
+        post: () => `</${tagName$4}>`
     };
 });
 var tableRowAction_build = () => { };
@@ -93183,9 +93031,9 @@ var tableRowAction_build$1 = /*#__PURE__*/Object.freeze({
     default: tableRowAction_build
 });
-const tagName$5 = 'div';
+const tagName$3 = 'div';
 const dataSetKey = 'dataset';
-const idGen$1 = new IDGenerator('table_');
+const idGen = new IDGenerator('table_');
 let columnIndex = 0;
 /**
  * This method assigns index to the table-column and column-groups in order to the maintain the columns in the same order
@@ -93245,14 +93093,14 @@ register('wm-table', () => {
             updateTemplateAttrs(node, boundExpr, widgetNameAttr.value, '', 'row');
         },
         pre: (attrs, shared) => {
-            const counter = idGen$1.nextUid();
+            const counter = idGen.nextUid();
             shared.set('counter', counter);
             attrs.set('isdynamictable', shared.get('isdynamictable'));
             attrs.set('isrowexpansionenabled', shared.get('isrowexpansionenabled'));
             attrs.set('table_reference', counter);
-            return `<${tagName$5} wmTable="${counter}" wmTableFilterSort wmTableCUD #${counter} data-identifier="table" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$3} wmTable="${counter}" wmTableFilterSort wmTableCUD #${counter} data-identifier="table" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$5}>`,
+        post: () => `</${tagName$3}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set('table_reference', shared.get('counter'));
@@ -93271,11 +93119,11 @@ var table_build$1 = /*#__PURE__*/Object.freeze({
     default: table_build
 });
-const tagName$4 = 'div';
+const tagName$2 = 'div';
 register('wm-video', () => {
     return {
-        pre: attrs => `<${tagName$4} wmVideo ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$4}>`
+        pre: attrs => `<${tagName$2} wmVideo ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$2}>`
     };
 });
 var video_build = () => { };
@@ -93285,7 +93133,7 @@ var video_build$1 = /*#__PURE__*/Object.freeze({
     default: video_build
 });
-const tagName$3 = 'div';
+const tagName$1 = 'div';
 const SPACING_KEY = 'parentLinearLayout.spacing';
 register('wm-linearlayout', () => {
     return {
@@ -93293,9 +93141,9 @@ register('wm-linearlayout', () => {
         pre: (attrs, shared, provider) => {
             let spacing = attrs.get('spacing');
             attrs.set('spacing', (!spacing || spacing === '0') && provider ? provider.get(SPACING_KEY) : spacing);
-            return `<${tagName$3} wmLinearLayout ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1} wmLinearLayout ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$3}>`,
+        post: () => `</${tagName$1}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set(SPACING_KEY, attrs.get('spacing'));
@@ -93310,11 +93158,11 @@ var linearLayout_build$1 = /*#__PURE__*/Object.freeze({
     default: linearLayout_build
 });
-const tagName$2 = 'div';
+const tagName = 'div';
 register('wm-linearlayoutitem', () => {
     return {
-        pre: attrs => `<${tagName$2} wmLinearLayoutItem ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$2}>`
+        pre: attrs => `<${tagName} wmLinearLayoutItem ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName}>`
     };
 });
 var linearLayoutItem_build = () => { };
@@ -93324,49 +93172,6 @@ var linearLayoutItem_build$1 = /*#__PURE__*/Object.freeze({
     default: linearLayoutItem_build
 });
-const tagName$1 = 'div';
-const idGen = new IDGenerator('wm_custom_widget');
-register('wm-custom-widget', () => {
-    return {
-        pre: (attrs) => {
-            const counter = idGen.nextUid();
-            return `<${tagName$1} wmWidgetContainer customWidgetContainer #${counter}="wmWidgetContainer" ${getAttrMarkup(attrs)}>`;
-        },
-        post: () => `</${tagName$1}>`
-    };
-});
-var customWidgetContainer_build = () => { };
-var customWidgetContainer_build$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: customWidgetContainer_build
-});
-const tagName = 'section';
-const noSpan = {};
-const createElement = name => {
-    return new Element$2(name, [], [], noSpan, noSpan, noSpan);
-};
-register('wm-custom-widget-container', () => {
-    return {
-        template: (node) => {
-            const conditionalNode = createElement('ng-container');
-            // addAtrribute(conditionalNode, '*ngIf', 'compileContent');
-            conditionalNode.children = conditionalNode.children.concat(node.children);
-            node.children.length = 0;
-            node.children.push(conditionalNode);
-        },
-        pre: attrs => `<${tagName} wmCustomWidget data-role="widget" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName}>`
-    };
-});
-var customWidgetWrapper_build = () => { };
-var customWidgetWrapper_build$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: customWidgetWrapper_build
-});
 const initComponentsBuildTask = () => { };
 exports.WIDGET_IMPORTS = WIDGET_IMPORTS;
@@ -93398,8 +93203,6 @@ exports.confirmDlgBuild = confirmDialog_build$1;
 exports.containerBuild = container_build$1;
 exports.contentBuild = content_build$1;
 exports.currencyBuild = currency_build$1;
-exports.customWidgetBuild = customWidgetContainer_build$1;
-exports.customWidgetWrapperBuild = customWidgetWrapper_build$1;
 exports.dateBuild = date_build$1;
 exports.dateTimeBuild = dateTime_build$1;
 exports.dlgBuild = dialog_build$1;