@wavemaker/angular-codegen 12.0.0-next.140534 → 12.0.0-next.141130

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

@@ -4975,6 +4975,45 @@ 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.
@@ -4983,7 +5022,7 @@ class AbstractJsEmitterVisitor extends AbstractEmitterVisitor {
  * interpreted and executed as a script by a browser, e.g. when calling eval.
  */
 function trustedScriptFromString(script) {
-    return script;
+    return getPolicy$2()?.createScript(script) || script;
 }
 /**
  * Unsafely call the Function constructor with the given string arguments.
@@ -40017,773 +40056,6 @@ var FilterSubscriber = /*@__PURE__*/ (function (_super) {
     return FilterSubscriber;
 }(Subscriber));
 
-/*
-	Copyright 2015 Axinom
-	Copyright 2011-2013 Abdulla Abdurakhmanov
-	Original sources are available at https://code.google.com/p/x2js/
-
-	Licensed under the Apache License, Version 2.0 (the "License");
-	you may not use this file except in compliance with the License.
-	You may obtain a copy of the License at
-
-	http://www.apache.org/licenses/LICENSE-2.0
-
-	Unless required by applicable law or agreed to in writing, software
-	distributed under the License is distributed on an "AS IS" BASIS,
-	WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-	See the License for the specific language governing permissions and
-	limitations under the License.
-*/
-
-/*
-	Supported export methods:
-	* AMD
-	* <script> (window.X2JS)
-	* Node.js
-
-	Limitations:
-	* Attribute namespace prefixes are not parsed as such.
-	* Overall the serialization/deserializaton code is "best effort" and not foolproof.
-*/
-
-// Module definition pattern used is returnExports from https://github.com/umdjs/umd
-(function (root, factory) {
-
-	/* global define */
-	if (typeof define === 'function' && define.amd) {
-		// AMD. Register as an anonymous module.
-		define([], factory);
-	} else if (typeof module === 'object' && module.exports) {
-		// Node. Does not work with strict CommonJS, but only CommonJS-like
-		// environments that support module.exports, like Node.
-		module.exports = factory(require("@xmldom/xmldom").DOMParser);
-	} else {
-		// Browser globals (root is window)
-		root.X2JS = factory();
-	}
-})(undefined, function (CustomDOMParser) {
-
-	// We return a constructor that can be used to make X2JS instances.
-	return function X2JS(config) {
-		var VERSION = "3.4.4";
-
-		config = config || {};
-
-		function initConfigDefaults() {
-			// If set to "property" then <element>_asArray will be created
-			// to allow you to access any element as an array (even if there is only one of it).
-			config.arrayAccessForm = config.arrayAccessForm || "none";
-
-			// If "text" then <empty></empty> will be transformed to "".
-			// If "object" then <empty></empty> will be transformed to {}.
-			config.emptyNodeForm = config.emptyNodeForm || "text";
-
-			// Function that will be called for each elements, if the function returns true, the element will be skipped
-			// function(name, value) { return true; };
-			config.jsAttributeFilter = config.jsAttributeFilter;
-
-			// Function that will be called for each elements, the element value will be replaced by the returned value
-			// function(name, value) { return parseFloat(value); };
-			config.jsAttributeConverter = config.jsAttributeConverter;
-
-			// Allows attribute values to be converted on the fly during parsing to objects.
-			// 	"test": function(name, value) { return true; }
-			//	"convert": function(name, value) { return parseFloat(value); };
-			// convert() will be called for every attribute where test() returns true
-			// and the return value from convert() will replace the original value of the attribute.
-			config.attributeConverters = config.attributeConverters || [];
-
-			// Any elements that match the paths here will have their text parsed
-			// as an XML datetime value (2011-11-12T13:00:00-07:00 style).
-			// The path can be a plain string (parent.child1.child2),
-			// a regex (/.*\.child2/) or function(elementPath).
-			config.datetimeAccessFormPaths = config.datetimeAccessFormPaths || [];
-
-			// Any elements that match the paths listed here will be stored in JavaScript objects
-			// as arrays even if there is only one of them. The path can be a plain string
-			// (parent.child1.child2), a regex (/.*\.child2/) or function(elementName, elementPath).
-			config.arrayAccessFormPaths = config.arrayAccessFormPaths || [];
-
-            // xmldom constructor arguments
-            // @see https://github.com/jindw/xmldom#api-reference
-			config.xmldomOptions = config.xmldomOptions || {};
-
-			// If true, a toString function is generated to print nodes containing text or cdata.
-			// Useful if you want to accept both plain text and CData as equivalent inputs.
-			if (config.enableToStringFunc === undefined) {
-				config.enableToStringFunc = true;
-			}
-
-			// If true, empty text tags are ignored for elements with child nodes.
-			if (config.skipEmptyTextNodesForObj === undefined) {
-				config.skipEmptyTextNodesForObj = true;
-			}
-
-			// If true, whitespace is trimmed from text nodes.
-			if (config.stripWhitespaces === undefined) {
-				config.stripWhitespaces = true;
-			}
-
-			// If true, double quotes are used in generated XML.
-			if (config.useDoubleQuotes === undefined) {
-				config.useDoubleQuotes = true;
-			}
-
-			// If true, the root element of the XML document is ignored when converting to objects.
-			// The result will directly have the root element's children as its own properties.
-			if (config.ignoreRoot === undefined) {
-				config.ignoreRoot = false;
-			}
-
-			// Whether XML characters in text are escaped when reading/writing XML.
-			if (config.escapeMode === undefined) {
-				config.escapeMode = true;
-			}
-
-			// Prefix to use for properties that are created to represent XML attributes.
-			if (config.attributePrefix === undefined) {
-				config.attributePrefix = "_";
-			}
-
-			// If true, empty elements will created as self closing elements (<element />)
-			// If false, empty elements will be created with start and end tags (<element></element>)
-			if (config.selfClosingElements === undefined) {
-				config.selfClosingElements = true;
-			}
-
-			// If this property defined as false and an XML element has CData node ONLY, it will be converted to text without additional property "__cdata"
-			if (config.keepCData === undefined) {
-				config.keepCData = false;
-			}
-
-			// If this property defined as true, use { __text: 'abc' } over 'abc'
-			if (config.keepText === undefined) {
-				config.keepText = false;
-			}
-
-			// If true, will output dates in UTC
-			if (config.jsDateUTC === undefined) {
-				config.jsDateUTC = false;
-			}
-		}
-
-		function initRequiredPolyfills() {
-			function pad(number) {
-				var r = String(number);
-				if (r.length === 1) {
-					r = '0' + r;
-				}
-				return r;
-			}
-			// Hello IE8-
-			if (typeof String.prototype.trim !== 'function') {
-				String.prototype.trim = function trim() {
-					return this.replace(/^\s+|^\n+|(\s|\n)+$/g, '');
-				};
-			}
-			if (typeof Date.prototype.toISOString !== 'function') {
-				// Implementation from http://stackoverflow.com/questions/2573521/how-do-i-output-an-iso-8601-formatted-string-in-javascript
-				Date.prototype.toISOString = function toISOString() {
-					var MS_IN_S = 1000;
-
-					return this.getUTCFullYear()
-						+ '-' + pad(this.getUTCMonth() + 1)
-						+ '-' + pad(this.getUTCDate())
-						+ 'T' + pad(this.getUTCHours())
-						+ ':' + pad(this.getUTCMinutes())
-						+ ':' + pad(this.getUTCSeconds())
-						+ '.' + String((this.getUTCMilliseconds() / MS_IN_S).toFixed(3)).slice(2, 5)
-						+ 'Z';
-				};
-			}
-		}
-
-		initConfigDefaults();
-		initRequiredPolyfills();
-
-		var DOMNodeTypes = {
-			"ELEMENT_NODE": 1,
-			"TEXT_NODE": 3,
-			"CDATA_SECTION_NODE": 4,
-			"COMMENT_NODE": 8,
-			"DOCUMENT_NODE": 9
-		};
-
-		function getDomNodeLocalName(domNode) {
-			var localName = domNode.localName;
-			if (localName == null) {
-				// Yeah, this is IE!!
-				localName = domNode.baseName;
-			}
-			if (localName == null || localName === "") {
-				// ==="" is IE too
-				localName = domNode.nodeName;
-			}
-			return localName;
-		}
-
-		function getDomNodeNamespacePrefix(node) {
-			return node.prefix;
-		}
-
-		function escapeXmlChars(str) {
-			if (typeof str === "string")
-				return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;');
-			else
-				return str;
-		}
-
-		function unescapeXmlChars(str) {
-			return str.replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&quot;/g, '"').replace(/&#x27;/g, "'").replace(/&amp;/g, '&');
-		}
-
-		function ensureProperArrayAccessForm(element, childName, elementPath) {
-			switch (config.arrayAccessForm) {
-				case "property":
-					if (!(element[childName] instanceof Array))
-						element[childName + "_asArray"] = [element[childName]];
-					else
-						element[childName + "_asArray"] = element[childName];
-					break;
-			}
-
-			if (!(element[childName] instanceof Array) && config.arrayAccessFormPaths.length > 0) {
-				var match = false;
-
-				for (var i = 0; i < config.arrayAccessFormPaths.length; i++) {
-					var arrayPath = config.arrayAccessFormPaths[i];
-					if (typeof arrayPath === "string") {
-						if (arrayPath === elementPath) {
-							match = true;
-							break;
-						}
-					} else if (arrayPath instanceof RegExp) {
-						if (arrayPath.test(elementPath)) {
-							match = true;
-							break;
-						}
-					} else if (typeof arrayPath === "function") {
-						if (arrayPath(childName, elementPath)) {
-							match = true;
-							break;
-						}
-					}
-				}
-
-				if (match)
-					element[childName] = [element[childName]];
-			}
-		}
-
-		function xmlDateTimeToDate(prop) {
-			// Implementation based up on http://stackoverflow.com/questions/8178598/xml-datetime-to-javascript-date-object
-			// Improved to support full spec and optional parts
-			var MINUTES_PER_HOUR = 60;
-
-			var bits = prop.split(/[-T:+Z]/g);
-
-			var d = new Date(bits[0], bits[1] - 1, bits[2]);
-			var secondBits = bits[5].split("\.");
-			d.setHours(bits[3], bits[4], secondBits[0]);
-			if (secondBits.length > 1)
-				d.setMilliseconds(secondBits[1]);
-
-			// Get supplied time zone offset in minutes
-			if (bits[6] && bits[7]) {
-				var offsetMinutes = bits[6] * MINUTES_PER_HOUR + Number(bits[7]);
-				var sign = /\d\d-\d\d:\d\d$/.test(prop) ? '-' : '+';
-
-				// Apply the sign
-				offsetMinutes = 0 + (sign === '-' ? -1 * offsetMinutes : offsetMinutes);
-
-				// Apply offset and local timezone
-				d.setMinutes(d.getMinutes() - offsetMinutes - d.getTimezoneOffset());
-			} else if (prop.indexOf("Z", prop.length - 1) !== -1) {
-				d = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes(), d.getSeconds(), d.getMilliseconds()));
-			}
-
-			// d is now a local time equivalent to the supplied time
-			return d;
-		}
-
-		function convertToDateIfRequired(value, childName, fullPath) {
-			if (config.datetimeAccessFormPaths.length > 0) {
-				var pathWithoutTextNode = fullPath.split("\.#")[0];
-
-				for (var i = 0; i < config.datetimeAccessFormPaths.length; i++) {
-					var candidatePath = config.datetimeAccessFormPaths[i];
-					if (typeof candidatePath === "string") {
-						if (candidatePath === pathWithoutTextNode)
-							return xmlDateTimeToDate(value);
-					} else if (candidatePath instanceof RegExp) {
-						if (candidatePath.test(pathWithoutTextNode))
-							return xmlDateTimeToDate(value);
-					} else if (typeof candidatePath === "function") {
-						if (candidatePath(pathWithoutTextNode))
-							return xmlDateTimeToDate(value);
-					}
-				}
-			}
-
-			return value;
-		}
-
-		function deserializeRootElementChildren(rootElement) {
-			var result = {};
-			var children = rootElement.childNodes;
-
-			// Alternative for firstElementChild which is not supported in some environments
-			for (var i = 0; i < children.length; i++) {
-				var child = children.item(i);
-				if (child.nodeType === DOMNodeTypes.ELEMENT_NODE) {
-					var childName = getDomNodeLocalName(child);
-
-					if (config.ignoreRoot)
-						result = deserializeDomChildren(child, childName);
-					else
-						result[childName] = deserializeDomChildren(child, childName);
-				}
-			}
-
-			return result;
-		}
-
-		function deserializeElementChildren(element, elementPath) {
-			var result = {};
-			result.__cnt = 0;
-
-			var nodeChildren = element.childNodes;
-
-			// Child nodes.
-			for (var iChild = 0; iChild < nodeChildren.length; iChild++) {
-				var child = nodeChildren.item(iChild);
-				var childName = getDomNodeLocalName(child);
-
-				if (child.nodeType === DOMNodeTypes.COMMENT_NODE)
-					continue;
-
-				result.__cnt++;
-
-				// We deliberately do not accept everything falsey here because
-				// elements that resolve to empty string should still be preserved.
-				if (result[childName] == null) {
-					result[childName] = deserializeDomChildren(child, elementPath + "." + childName);
-					ensureProperArrayAccessForm(result, childName, elementPath + "." + childName);
-				} else {
-					if (!(result[childName] instanceof Array)) {
-						result[childName] = [result[childName]];
-						ensureProperArrayAccessForm(result, childName, elementPath + "." + childName);
-					}
-
-					result[childName][result[childName].length] = deserializeDomChildren(child, elementPath + "." + childName);
-				}
-			}
-
-			// Attributes
-			for (var iAttribute = 0; iAttribute < element.attributes.length; iAttribute++) {
-				var attribute = element.attributes.item(iAttribute);
-				result.__cnt++;
-
-				var adjustedValue = attribute.value;
-				for (var iConverter = 0; iConverter < config.attributeConverters.length; iConverter++) {
-					var converter = config.attributeConverters[iConverter];
-					if (converter.test.call(null, attribute.name, attribute.value))
-						adjustedValue = converter.convert.call(null, attribute.name, attribute.value);
-				}
-
-				result[config.attributePrefix + attribute.name] = adjustedValue;
-			}
-
-			// Node namespace prefix
-			var namespacePrefix = getDomNodeNamespacePrefix(element);
-			if (namespacePrefix) {
-				result.__cnt++;
-				result.__prefix = namespacePrefix;
-			}
-
-			if (result["#text"]) {
-				result.__text = result["#text"];
-
-				if (result.__text instanceof Array) {
-					result.__text = result.__text.join("\n");
-				}
-
-				if (config.escapeMode)
-					result.__text = unescapeXmlChars(result.__text);
-
-				if (config.stripWhitespaces)
-					result.__text = result.__text.trim();
-
-				delete result["#text"];
-
-				if (config.arrayAccessForm === "property")
-					delete result["#text_asArray"];
-
-				result.__text = convertToDateIfRequired(result.__text, "#text", elementPath + ".#text");
-			}
-
-			if (result.hasOwnProperty('#cdata-section')) {
-				result.__cdata = result["#cdata-section"];
-				delete result["#cdata-section"];
-
-				if (config.arrayAccessForm === "property")
-					delete result["#cdata-section_asArray"];
-			}
-
-			if (result.__cnt === 1 && result.__text && !config.keepText) {
-				result = result.__text;
-			} else if (result.__cnt === 0 && config.emptyNodeForm === "text") {
-				result = '';
-			} else if (result.__cnt > 1 && result.__text !== undefined && config.skipEmptyTextNodesForObj) {
-				if (config.stripWhitespaces && result.__text === "" || result.__text.trim() === "") {
-					delete result.__text;
-				}
-			}
-			delete result.__cnt;
-
-			/**
-			 * We are checking if we are creating a __cdata property or if we just add the content of cdata inside result.
-			 * But, if we have a property inside xml tag (<tag PROPERTY="1"></tag>), and a cdata inside, we can't ignore it.
-			 * In this case we are keeping __cdata property.
-			 */
-			if (!config.keepCData && (!result.hasOwnProperty('__text') && result.hasOwnProperty('__cdata') && Object.keys(result).length === 1)) {
-				return (result.__cdata ? result.__cdata : '');
-			}
-
-			if (config.enableToStringFunc && (result.__text || result.__cdata)) {
-				result.toString = function toString() {
-					return (this.__text ? this.__text : '') + (this.__cdata ? this.__cdata : '');
-				};
-			}
-
-			return result;
-		}
-
-		function deserializeDomChildren(node, parentPath) {
-			if (node.nodeType === DOMNodeTypes.DOCUMENT_NODE) {
-				return deserializeRootElementChildren(node);
-			} else if (node.nodeType === DOMNodeTypes.ELEMENT_NODE) {
-				return deserializeElementChildren(node, parentPath);
-			} else if (node.nodeType === DOMNodeTypes.TEXT_NODE || node.nodeType === DOMNodeTypes.CDATA_SECTION_NODE) {
-				return node.nodeValue;
-			} else {
-				return null;
-			}
-		}
-
-		function serializeStartTag(jsObject, elementName, attributeNames, selfClosing) {
-			var resultStr = "<" + ((jsObject && jsObject.__prefix) ? (jsObject.__prefix + ":") : "") + elementName;
-
-			if (attributeNames) {
-				for (var i = 0; i < attributeNames.length; i++) {
-					var attributeName = attributeNames[i];
-					var attributeValue = jsObject[attributeName];
-
-					if (config.escapeMode)
-						attributeValue = escapeXmlChars(attributeValue);
-
-					resultStr += " " + attributeName.substr(config.attributePrefix.length) + "=";
-
-					if (config.useDoubleQuotes)
-						resultStr += '"' + attributeValue + '"';
-					else
-						resultStr += "'" + attributeValue + "'";
-				}
-			}
-
-			if (!selfClosing)
-				resultStr += ">";
-			else
-				resultStr += " />";
-
-			return resultStr;
-		}
-
-		function serializeEndTag(jsObject, elementName) {
-			return "</" + ((jsObject && jsObject.__prefix) ? (jsObject.__prefix + ":") : "") + elementName + ">";
-		}
-
-		function endsWith(str, suffix) {
-			return str.indexOf(suffix, str.length - suffix.length) !== -1;
-		}
-
-		function isSpecialProperty(jsonObj, propertyName) {
-			if ((config.arrayAccessForm === "property" && endsWith(propertyName.toString(), ("_asArray")))
-				|| propertyName.toString().indexOf(config.attributePrefix) === 0
-				|| propertyName.toString().indexOf("__") === 0
-				|| (jsonObj[propertyName] instanceof Function))
-				return true;
-			else
-				return false;
-		}
-
-		function getDataElementCount(jsObject) {
-			var count = 0;
-
-			if (jsObject instanceof Object) {
-				for (var propertyName in jsObject) {
-					if (isSpecialProperty(jsObject, propertyName))
-						continue;
-
-					count++;
-				}
-			}
-
-			return count;
-		}
-
-		function getDataAttributeNames(jsObject) {
-			var names = [];
-
-			if (jsObject instanceof Object) {
-				for (var attributeName in jsObject) {
-					if (attributeName.toString().indexOf("__") === -1
-						&& attributeName.toString().indexOf(config.attributePrefix) === 0) {
-						names.push(attributeName);
-					}
-				}
-			}
-
-			return names;
-		}
-
-		function serializeComplexTextNodeContents(textNode) {
-			var result = "";
-
-			if (textNode.__cdata) {
-				result += "<![CDATA[" + textNode.__cdata + "]]>";
-			}
-
-			if (textNode.__text || typeof (textNode.__text) === 'number' || typeof (textNode.__text) === 'boolean') {
-				if (config.escapeMode)
-					result += escapeXmlChars(textNode.__text);
-				else
-					result += textNode.__text;
-			}
-
-			return result;
-		}
-
-		function serializeTextNodeContents(textNode) {
-			var result = "";
-
-			if (textNode instanceof Object) {
-				result += serializeComplexTextNodeContents(textNode);
-			} else if (textNode !== null) {
-				if (config.escapeMode)
-					result += escapeXmlChars(textNode);
-				else
-					result += textNode;
-			}
-
-			return result;
-		}
-
-		function serializeArray(elementArray, elementName, attributes) {
-			var result = "";
-
-			if (elementArray.length === 0) {
-				result += serializeStartTag(elementArray, elementName, attributes, true);
-			} else {
-				for (var i = 0; i < elementArray.length; i++) {
-					result += serializeJavaScriptObject(elementArray[i], elementName, getDataAttributeNames(elementArray[i]));
-				}
-			}
-
-			return result;
-		}
-
-		function serializeJavaScriptObject(element, elementName, attributes) {
-			var result = "";
-
-			// Filter out elements
-			if (config.jsAttributeFilter && config.jsAttributeFilter.call(null, elementName, element)) {
-				return result;
-			}
-			// Convert element
-			if (config.jsAttributeConverter) {
-				element = config.jsAttributeConverter.call(null, elementName, element);
-			}
-			if ((element === undefined || element === null || element === '') && config.selfClosingElements) {
-				result += serializeStartTag(element, elementName, attributes, true);
-			} else if (typeof element === 'object') {
-				if (Object.prototype.toString.call(element) === '[object Array]') {
-					result += serializeArray(element, elementName, attributes);
-				} else if (element instanceof Date) {
-					result += serializeStartTag(element, elementName, attributes, false);
-					// Serialize date
-					result += config.jsDateUTC ? element.toUTCString() : element.toISOString();
-					result += serializeEndTag(element, elementName);
-				} else {
-					var childElementCount = getDataElementCount(element);
-					if (childElementCount > 0 || typeof (element.__text) === 'number' || typeof (element.__text) === 'boolean' || element.__text || element.__cdata) {
-						result += serializeStartTag(element, elementName, attributes, false);
-						result += serializeJavaScriptObjectChildren(element);
-						result += serializeEndTag(element, elementName);
-					} else if (config.selfClosingElements) {
-						result += serializeStartTag(element, elementName, attributes, true);
-					} else {
-						result += serializeStartTag(element, elementName, attributes, false);
-						result += serializeEndTag(element, elementName);
-					}
-				}
-			} else {
-				result += serializeStartTag(element, elementName, attributes, false);
-				result += serializeTextNodeContents(element);
-				result += serializeEndTag(element, elementName);
-			}
-
-			return result;
-		}
-
-		function serializeJavaScriptObjectChildren(jsObject) {
-			var result = "";
-
-			var elementCount = getDataElementCount(jsObject);
-
-			if (elementCount > 0) {
-				for (var elementName in jsObject) {
-					if (isSpecialProperty(jsObject, elementName))
-						continue;
-
-					var element = jsObject[elementName];
-					var attributes = getDataAttributeNames(element);
-
-					result += serializeJavaScriptObject(element, elementName, attributes);
-				}
-			}
-
-			result += serializeTextNodeContents(jsObject);
-
-			return result;
-		}
-
-		function parseXml(xml) {
-			if (xml === undefined) {
-				return null;
-			}
-
-			if (typeof xml !== "string") {
-				return null;
-			}
-
-			var parser = null;
-			var domNode = null;
-
-			if (CustomDOMParser) {
-				// This branch is used for node.js, with the xmldom parser.
-				parser = new CustomDOMParser(config.xmldomOptions);
-
-				domNode = parser.parseFromString(xml, "text/xml");
-			} else if (window && window.DOMParser) {
-				parser = new window.DOMParser();
-				var parsererrorNS = null;
-
-				var isIEParser = window.ActiveXObject || "ActiveXObject" in window;
-
-				// IE9+ now is here
-				if (!isIEParser && document.all && !document.addEventListener) {
-					try {
-						parsererrorNS = parser.parseFromString("INVALID", "text/xml").childNodes[0].namespaceURI;
-					} catch (err) {
-						parsererrorNS = null;
-					}
-				}
-
-				try {
-					domNode = parser.parseFromString(xml, "text/xml");
-					if (parsererrorNS !== null && domNode.getElementsByTagNameNS(parsererrorNS, "parsererror").length > 0) {
-						domNode = null;
-					}
-				} catch (err) {
-					domNode = null;
-				}
-			} else {
-				// IE :(
-				if (xml.indexOf("<?") === 0) {
-					xml = xml.substr(xml.indexOf("?>") + 2);
-				}
-
-				/* global ActiveXObject */
-				domNode = new ActiveXObject("Microsoft.XMLDOM");
-				domNode.async = "false";
-				domNode.loadXML(xml);
-			}
-
-			return domNode;
-		}
-
-		this.asArray = function asArray(prop) {
-			if (prop === undefined || prop === null) {
-				return [];
-			} else if (prop instanceof Array) {
-				return prop;
-			} else {
-				return [prop];
-			}
-		};
-
-		this.toXmlDateTime = function toXmlDateTime(dt) {
-			if (dt instanceof Date) {
-				return dt.toISOString();
-			} else if (typeof (dt) === 'number') {
-				return new Date(dt).toISOString();
-			} else {
-				return null;
-			}
-		};
-
-		this.asDateTime = function asDateTime(prop) {
-			if (typeof (prop) === "string") {
-				return xmlDateTimeToDate(prop);
-			} else {
-				return prop;
-			}
-		};
-
-		/*
-			Internally the logic works in a cycle:
-			DOM->JS - implemented by custom logic (deserialization).
-			JS->XML - implemented by custom logic (serialization).
-			XML->DOM - implemented by browser.
-		*/
-
-		// Transformns an XML string into DOM-tree
-		this.xml2dom = function xml2dom(xml) {
-			return parseXml(xml);
-		};
-
-		// Transforms a DOM tree to JavaScript objects.
-		this.dom2js = function dom2js(domNode) {
-			return deserializeDomChildren(domNode, null);
-		};
-
-		// Transforms JavaScript objects to a DOM tree.
-		this.js2dom = function js2dom(jsObject) {
-			var xml = this.js2xml(jsObject);
-			return parseXml(xml);
-		};
-
-		// Transformns an XML string into JavaScript objects.
-		this.xml2js = function xml2js(xml) {
-			var domNode = parseXml(xml);
-			if (domNode != null)
-				return this.dom2js(domNode);
-			else
-				return null;
-		};
-
-		// Transforms JavaScript objects into an XML string.
-		this.js2xml = function js2xml(jsObject) {
-			return serializeJavaScriptObjectChildren(jsObject);
-		};
-
-		this.getVersion = function getVersion() {
-			return VERSION;
-		};
-	};
-});
-
 /**
  * @license Angular v17.3.11
  * (c) 2010-2024 Google LLC. https://angular.io/
@@ -49963,6 +49235,46 @@ 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.
@@ -49973,7 +49285,7 @@ const IS_I18N_HYDRATION_ENABLED = new InjectionToken((typeof ngDevMode === 'unde
  * element.innerHTML.
  */
 function trustedHTMLFromString(html) {
-    return html;
+    return getPolicy$1()?.createHTML(html) || html;
 }
 /**
  * Unsafely promote a string to a TrustedScriptURL, falling back to strings
@@ -49985,7 +49297,49 @@ function trustedHTMLFromString(html) {
  * assigning to script.src.
  */
 function trustedScriptURLFromString(url) {
-    return 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;
 }
 /**
  * Unsafely promote a string to a TrustedHTML, falling back to strings when
@@ -49996,7 +49350,7 @@ function trustedScriptURLFromString(url) {
  * bypassSecurityTrust* functions.
  */
 function trustedHTMLFromStringBypass(html) {
-    return html;
+    return getPolicy()?.createHTML(html) || html;
 }
 /**
  * Unsafely promote a string to a TrustedScript, falling back to strings when
@@ -50007,7 +49361,7 @@ function trustedHTMLFromStringBypass(html) {
  * bypassSecurityTrust* functions.
  */
 function trustedScriptFromStringBypass(script) {
-    return script;
+    return getPolicy()?.createScript(script) || script;
 }
 /**
  * Unsafely promote a string to a TrustedScriptURL, falling back to strings
@@ -50018,7 +49372,7 @@ function trustedScriptFromStringBypass(script) {
  * bypassSecurityTrust* functions.
  */
 function trustedScriptURLFromStringBypass(url) {
-    return url;
+    return getPolicy()?.createScriptURL(url) || url;
 }
 
 class SafeValueImpl {
@@ -86795,6 +86149,7 @@ var FormWidgetType;
     FormWidgetType["TIMESTAMP"] = "timestamp";
     FormWidgetType["TYPEAHEAD"] = "typeahead";
     FormWidgetType["UPLOAD"] = "upload";
+    FormWidgetType["CUSTOM"] = "custom";
 })(FormWidgetType || (FormWidgetType = {}));
 var DataType;
 (function (DataType) {
@@ -86925,6 +86280,9 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
         case FormWidgetType.TIMESTAMP:
             tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} role="input" ${showTmpl}></div>`;
             break;
+        case FormWidgetType.CUSTOM:
+            tmpl = `<div wmWidgetContainer customWidgetContainer ${attrs.get('required') === 'true' ? 'required=true' : ''} ${innerTmpl} ${showTmpl}></div>`;
+            break;
         case FormWidgetType.UPLOAD:
             const counter = options.counter;
             const pCounter = options.pCounter;
@@ -86975,6 +86333,8 @@ const getRequiredFormWidget = (widgetType) => {
             return 'wm-richtexteditor';
         case FormWidgetType.SLIDER:
             return 'wm-slider';
+        case FormWidgetType.CUSTOM:
+            return 'wm-custom-widget';
         default:
             return 'wm-text';
     }
@@ -87712,6 +87072,7 @@ 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) {
@@ -87799,6 +87160,14 @@ 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));
@@ -88037,7 +87406,7 @@ const getFormattedDate = (datePipe, dateObj, format, timeZone, isTimeStampType,
     if (format === 'UTC') {
         return new Date(dateObj).toISOString();
     }
-    if (timeZone && timeZone !== moment.defaultZone?.name) {
+    if (timeZone) {
         const momentFormat = format.replaceAll('y', 'Y').replaceAll('d', 'D').replace('a', 'A');
         if (isIntervalDateTime) { // dates which are of type time widget (value is hh:mm:ss) but returned as date string from time comp
             return moment(dateObj).format(momentFormat);
@@ -88172,7 +87541,7 @@ const getValidJSON = (content) => {
     }
 };
 const xmlToJson = (xmlString) => {
-    const x2jsObj = new X2JS({ 'emptyNodeForm': 'object', 'attributePrefix': '', 'enableToStringFunc': false });
+    const x2jsObj = new X2JS({ 'emptyNodeForm': 'content', 'attributePrefix': '', 'enableToStringFunc': false });
     let json = x2jsObj.xml2js(xmlString);
     if (json) {
         json = get(json, Object.keys(json)[0]);
@@ -89246,9 +88615,11 @@ 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,
@@ -90518,6 +89889,7 @@ 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' }];
@@ -90590,6 +89962,7 @@ 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],
@@ -91103,6 +90476,9 @@ 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(',');
             }
@@ -91118,13 +90494,13 @@ const scopeComponentStyles = (componentName, componentType, styles = '') => {
 
 const carouselTagName = 'carousel';
 const dataSetKey$5 = 'dataset';
-const idGen$s = new IDGenerator('wm_carousel_ref_');
+const idGen$t = new IDGenerator('wm_carousel_ref_');
 const isDynamicCarousel = node => node.attrs.find(attr => attr.name === 'type' && attr.value === 'dynamic');
 register('wm-carousel', () => {
     return {
         pre: (attrs, shared) => {
             // generating unique Id for the carousel
-            const counter = idGen$s.nextUid();
+            const counter = idGen$t.nextUid();
             shared.set('carousel_ref', counter);
             return `<div class="app-carousel carousel"><${carouselTagName} wmCarousel #${counter}="wmCarousel"  ${getAttrMarkup(attrs)} interval="0" [ngClass]="${counter}.navigationClass">`;
         },
@@ -91192,11 +90568,11 @@ var carouselTemplate_build$1 = /*#__PURE__*/Object.freeze({
     default: carouselTemplate_build
 });
 
-const tagName$1C = 'div';
+const tagName$1E = 'div';
 register('wm-login', () => {
     return {
-        pre: attrs => `<${tagName$1C} wmLogin ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction">`,
-        post: () => `</${tagName$1C}>`,
+        pre: attrs => `<${tagName$1E} wmLogin ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction">`,
+        post: () => `</${tagName$1E}>`,
         provide: () => {
             const provider = new Map();
             provider.set('isLogin', true);
@@ -91211,11 +90587,11 @@ var login_build$1 = /*#__PURE__*/Object.freeze({
     default: login_build
 });
 
-const tagName$1B = 'marquee';
+const tagName$1D = 'marquee';
 register('wm-marquee', () => {
     return {
-        pre: attrs => `<${tagName$1B} onmouseover="this.stop();" onmouseout="this.start();" wmMarquee role="marquee" aria-live="off" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1B}>`
+        pre: attrs => `<${tagName$1D} onmouseover="this.stop();" onmouseout="this.start();" wmMarquee role="marquee" aria-live="off" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1D}>`
     };
 });
 var marquee_build = () => { };
@@ -91225,15 +90601,15 @@ var marquee_build$1 = /*#__PURE__*/Object.freeze({
     default: marquee_build
 });
 
-const tagName$1A = 'a';
-const idGen$r = new IDGenerator('wm_anchor');
+const tagName$1C = 'a';
+const idGen$s = new IDGenerator('wm_anchor');
 register('wm-anchor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$r.nextUid();
-            return `<${tagName$1A} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$s.nextUid();
+            return `<${tagName$1C} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1A}>`
+        post: () => `</${tagName$1C}>`
     };
 });
 var anchor_build = () => { };
@@ -91243,11 +90619,11 @@ var anchor_build$1 = /*#__PURE__*/Object.freeze({
     default: anchor_build
 });
 
-const tagName$1z = 'div';
+const tagName$1B = 'div';
 register('wm-audio', () => {
     return {
-        pre: attrs => `<${tagName$1z} wmAudio ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1z}>`
+        pre: attrs => `<${tagName$1B} wmAudio ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1B}>`
     };
 });
 var audio_build = () => { };
@@ -91257,15 +90633,15 @@ var audio_build$1 = /*#__PURE__*/Object.freeze({
     default: audio_build
 });
 
-const tagName$1y = 'div';
-const idGen$q = new IDGenerator('wm_html');
+const tagName$1A = 'div';
+const idGen$r = new IDGenerator('wm_html');
 register('wm-html', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$q.nextUid();
-            return `<${tagName$1y} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$r.nextUid();
+            return `<${tagName$1A} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1y}>`
+        post: () => `</${tagName$1A}>`
     };
 });
 var html_build = () => { };
@@ -91275,11 +90651,11 @@ var html_build$1 = /*#__PURE__*/Object.freeze({
     default: html_build
 });
 
-const tagName$1x = 'span';
+const tagName$1z = 'span';
 register('wm-icon', () => {
     return {
-        pre: attrs => `<${tagName$1x} wmIcon aria-hidden="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1x}>`
+        pre: attrs => `<${tagName$1z} wmIcon aria-hidden="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1z}>`
     };
 });
 var icon_build = () => { };
@@ -91289,11 +90665,11 @@ var icon_build$1 = /*#__PURE__*/Object.freeze({
     default: icon_build
 });
 
-const tagName$1w = 'div';
+const tagName$1y = 'div';
 register('wm-iframe', () => {
     return {
-        pre: attrs => `<${tagName$1w} wmIframe ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1w}>`
+        pre: attrs => `<${tagName$1y} wmIframe ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1y}>`
     };
 });
 var iframe_build = () => { };
@@ -91303,8 +90679,8 @@ var iframe_build$1 = /*#__PURE__*/Object.freeze({
     default: iframe_build
 });
 
-let tagName$1v = 'p';
-const idGen$p = new IDGenerator('wm_label');
+let tagName$1x = 'p';
+const idGen$q = new IDGenerator('wm_label');
 register('wm-label', () => {
     return {
         pre: (attrs) => {
@@ -91313,15 +90689,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$1v = attrs.get('type');
+                tagName$1x = attrs.get('type');
             }
             else {
-                tagName$1v = 'label';
+                tagName$1x = 'label';
             }
-            const counter = idGen$p.nextUid();
-            return `<${tagName$1v} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$q.nextUid();
+            return `<${tagName$1x} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1v}>`
+        post: () => `</${tagName$1x}>`
     };
 });
 var label_build = () => { };
@@ -91331,13 +90707,13 @@ var label_build$1 = /*#__PURE__*/Object.freeze({
     default: label_build
 });
 
-const tagName$1u = 'img';
-const idGen$o = new IDGenerator('wm_picture');
+const tagName$1w = 'img';
+const idGen$p = new IDGenerator('wm_picture');
 register('wm-picture', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$o.nextUid();
-            return `<${tagName$1u} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.hint || 'Image'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$p.nextUid();
+            return `<${tagName$1w} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.hint || 'Image'" ${getAttrMarkup(attrs)}>`;
         }
     };
 });
@@ -91348,15 +90724,15 @@ var picture_build$1 = /*#__PURE__*/Object.freeze({
     default: picture_build
 });
 
-const tagName$1t = 'div';
-const idGen$n = new IDGenerator('wm_spinner');
+const tagName$1v = 'div';
+const idGen$o = new IDGenerator('wm_spinner');
 register('wm-spinner', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$n.nextUid();
-            return `<${tagName$1t} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.hint || 'Loading...'" aria-live="assertive" aria-busy="true" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$o.nextUid();
+            return `<${tagName$1v} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.hint || 'Loading...'" aria-live="assertive" aria-busy="true" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1t}>`
+        post: () => `</${tagName$1v}>`
     };
 });
 var spinner_build = () => { };
@@ -91366,7 +90742,7 @@ var spinner_build$1 = /*#__PURE__*/Object.freeze({
     default: spinner_build
 });
 
-const tagName$1s = 'div';
+const tagName$1u = 'div';
 const getAttr = (node, attrName) => node.attrs.find(attr => attr.name === attrName);
 const getAttrValue = (node, attrName) => {
     const match = getAttr(node, attrName);
@@ -91394,8 +90770,8 @@ register('wm-progress-bar', () => {
                 }
             }
         },
-        pre: attrs => `<${tagName$1s} wmProgressBar ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1s}>`
+        pre: attrs => `<${tagName$1u} wmProgressBar ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1u}>`
     };
 });
 var progressBar_build = () => { };
@@ -91405,11 +90781,11 @@ var progressBar_build$1 = /*#__PURE__*/Object.freeze({
     default: progressBar_build
 });
 
-const tagName$1r = 'div';
+const tagName$1t = 'div';
 register('wm-progress-circle', () => {
     return {
-        pre: attrs => `<${tagName$1r} wmProgressCircle ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1r}>`
+        pre: attrs => `<${tagName$1t} wmProgressCircle ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1t}>`
     };
 });
 var progressCircle_build = () => { };
@@ -91419,15 +90795,15 @@ var progressCircle_build$1 = /*#__PURE__*/Object.freeze({
     default: progressCircle_build
 });
 
-const tagName$1q = 'div';
-const idGen$m = new IDGenerator('wm_richtexteditor');
+const tagName$1s = 'div';
+const idGen$n = new IDGenerator('wm_richtexteditor');
 register('wm-richtexteditor', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$m.nextUid();
-            return `<${tagName$1q} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.hint || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
+            const counter = idGen$n.nextUid();
+            return `<${tagName$1s} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.hint || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
         },
-        post: () => `</${tagName$1q}>`
+        post: () => `</${tagName$1s}>`
     };
 });
 var richTextEditor_build = () => { };
@@ -91437,11 +90813,11 @@ var richTextEditor_build$1 = /*#__PURE__*/Object.freeze({
     default: richTextEditor_build
 });
 
-const tagName$1p = 'div';
+const tagName$1r = 'div';
 register('wm-search', () => {
     return {
-        pre: attrs => `<${tagName$1p} wmSearch ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$1p}>`
+        pre: attrs => `<${tagName$1r} wmSearch ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$1r}>`
     };
 });
 var search_build = () => { };
@@ -91451,11 +90827,11 @@ var search_build$1 = /*#__PURE__*/Object.freeze({
     default: search_build
 });
 
-const tagName$1o = 'ul';
+const tagName$1q = 'ul';
 register('wm-tree', () => {
     return {
-        pre: attrs => `<${tagName$1o} wmTree class="ztree" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1o}>`
+        pre: attrs => `<${tagName$1q} wmTree class="ztree" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1q}>`
     };
 });
 
@@ -91463,11 +90839,11 @@ var tree_build = /*#__PURE__*/Object.freeze({
     __proto__: null
 });
 
-const tagName$1n = 'div';
+const tagName$1p = 'div';
 register('wm-card', () => {
     return {
-        pre: attrs => `<${tagName$1n} wmCard ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1n}>`
+        pre: attrs => `<${tagName$1p} wmCard ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1p}>`
     };
 });
 var card_build = () => { };
@@ -91477,11 +90853,11 @@ var card_build$1 = /*#__PURE__*/Object.freeze({
     default: card_build
 });
 
-const tagName$1m = 'div';
+const tagName$1o = 'div';
 register('wm-card-content', () => {
     return {
-        pre: attrs => `<${tagName$1m} wmCardContent partialContainer ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1m}>`
+        pre: attrs => `<${tagName$1o} wmCardContent partialContainer ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1o}>`
     };
 });
 var cardContent_build = () => { };
@@ -91491,11 +90867,11 @@ var cardContent_build$1 = /*#__PURE__*/Object.freeze({
     default: cardContent_build
 });
 
-const tagName$1l = 'div';
+const tagName$1n = 'div';
 register('wm-card-actions', () => {
     return {
-        pre: attrs => `<${tagName$1l} wmCardActions ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1l}>`
+        pre: attrs => `<${tagName$1n} wmCardActions ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1n}>`
     };
 });
 var cardActions_build = () => { };
@@ -91505,11 +90881,11 @@ var cardActions_build$1 = /*#__PURE__*/Object.freeze({
     default: cardActions_build
 });
 
-const tagName$1k = 'div';
+const tagName$1m = 'div';
 register('wm-card-footer', () => {
     return {
-        pre: attrs => `<${tagName$1k} wmCardFooter ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1k}>`
+        pre: attrs => `<${tagName$1m} wmCardFooter ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1m}>`
     };
 });
 var cardFooter_build = () => { };
@@ -91519,11 +90895,11 @@ var cardFooter_build$1 = /*#__PURE__*/Object.freeze({
     default: cardFooter_build
 });
 
-const tagName$1j = 'div';
+const tagName$1l = 'div';
 register('wm-chart', () => {
     return {
-        pre: attrs => `<${tagName$1j} wmChart redrawable aria-label="${attrs.get('type')} Chart" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1j}>`
+        pre: attrs => `<${tagName$1l} wmChart redrawable aria-label="${attrs.get('type')} Chart" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1l}>`
     };
 });
 var chart_build = () => { };
@@ -91533,19 +90909,19 @@ var chart_build$1 = /*#__PURE__*/Object.freeze({
     default: chart_build
 });
 
-const tagName$1i = 'div';
+const tagName$1k = 'div';
 const dataSetKey$4 = 'dataset';
-const idGen$l = new IDGenerator('wm_accordion_ref_');
+const idGen$m = 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$l.nextUid();
+            const counter = idGen$m.nextUid();
             shared.set('accordion_ref', counter);
-            return `<${tagName$1i} wmAccordion #${counter}="wmAccordion" role="tablist" aria-multiselectable="true" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1k} wmAccordion #${counter}="wmAccordion" role="tablist" aria-multiselectable="true" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1i}>`,
+        post: () => `</${tagName$1k}>`,
         template: (node, shared) => {
             // check if the accordion is dynamic
             if (isDynamicAccordion(node)) {
@@ -91576,15 +90952,15 @@ var accordion_build$1 = /*#__PURE__*/Object.freeze({
     default: accordion_build
 });
 
-const tagName$1h = 'div';
-const idGen$k = new IDGenerator('wm_accordionpane');
+const tagName$1j = 'div';
+const idGen$l = new IDGenerator('wm_accordionpane');
 register('wm-accordionpane', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$k.nextUid();
-            return `<${tagName$1h} #${counter}="wmAccordionPane" [attr.aria-expanded]="${counter}.isActive" wmAccordionPane partialContainer wm-navigable-element="true" role="tab" ${getAttrMarkup(attrs)}>`;
+            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)}>`;
         },
-        post: () => `</${tagName$1h}>`
+        post: () => `</${tagName$1j}>`
     };
 });
 var accordionPane_build = () => { };
@@ -91594,11 +90970,11 @@ var accordionPane_build$1 = /*#__PURE__*/Object.freeze({
     default: accordionPane_build
 });
 
-const tagName$1g = 'div';
+const tagName$1i = 'div';
 register('wm-container', () => {
     return {
-        pre: attrs => `<${tagName$1g} wmContainer partialContainer wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1g}>`
+        pre: attrs => `<${tagName$1i} wmContainer partialContainer wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1i}>`
     };
 });
 var container_build = () => { };
@@ -91608,11 +90984,11 @@ var container_build$1 = /*#__PURE__*/Object.freeze({
     default: container_build
 });
 
-const tagName$1f = 'div';
+const tagName$1h = 'div';
 register('wm-gridcolumn', () => {
     return {
-        pre: attrs => `<${tagName$1f} wmLayoutGridColumn ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1f}>`
+        pre: attrs => `<${tagName$1h} wmLayoutGridColumn ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1h}>`
     };
 });
 var layoutGridColumn_build = () => { };
@@ -91622,11 +90998,11 @@ var layoutGridColumn_build$1 = /*#__PURE__*/Object.freeze({
     default: layoutGridColumn_build
 });
 
-const tagName$1e = 'div';
+const tagName$1g = 'div';
 register('wm-gridrow', () => {
     return {
-        pre: attrs => `<${tagName$1e} wmLayoutGridRow ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1e}>`
+        pre: attrs => `<${tagName$1g} wmLayoutGridRow ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1g}>`
     };
 });
 var layoutGridRow_build = () => { };
@@ -91636,11 +91012,11 @@ var layoutGridRow_build$1 = /*#__PURE__*/Object.freeze({
     default: layoutGridRow_build
 });
 
-const tagName$1d = 'div';
+const tagName$1f = 'div';
 register('wm-layoutgrid', () => {
     return {
-        pre: attrs => `<${tagName$1d} wmLayoutGrid ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1d}>`
+        pre: attrs => `<${tagName$1f} wmLayoutGrid ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1f}>`
     };
 });
 var layoutGrid_build = () => { };
@@ -91650,21 +91026,21 @@ var layoutGrid_build$1 = /*#__PURE__*/Object.freeze({
     default: layoutGrid_build
 });
 
-const tagName$1c = 'div';
-const idGen$j = new IDGenerator('wm_panel');
+const tagName$1e = 'div';
+const idGen$k = new IDGenerator('wm_panel');
 register('wm-panel', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$j.nextUid();
-            return `<${tagName$1c} wmPanel #${counter}="wmPanel" partialContainer wm-navigable-element="true" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$k.nextUid();
+            return `<${tagName$1e} wmPanel #${counter}="wmPanel" partialContainer wm-navigable-element="true" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1c}>`
+        post: () => `</${tagName$1e}>`
     };
 });
 register('wm-panel-footer', () => {
     return {
-        pre: attrs => `<${tagName$1c} wmPanelFooter ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1c}>`
+        pre: attrs => `<${tagName$1e} wmPanelFooter ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1e}>`
     };
 });
 var panel_build = () => { };
@@ -91674,11 +91050,11 @@ var panel_build$1 = /*#__PURE__*/Object.freeze({
     default: panel_build
 });
 
-const tagName$1b = 'div';
+const tagName$1d = 'div';
 register('wm-segmented-control', () => {
     return {
-        pre: attrs => `<${tagName$1b} wmSegmentedControl ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1b}>`
+        pre: attrs => `<${tagName$1d} wmSegmentedControl ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1d}>`
     };
 });
 var segmentedControl_build = () => { };
@@ -91688,11 +91064,11 @@ var segmentedControl_build$1 = /*#__PURE__*/Object.freeze({
     default: segmentedControl_build
 });
 
-const tagName$1a = 'li';
+const tagName$1c = 'li';
 register('wm-segment-content', () => {
     return {
-        pre: attrs => `<${tagName$1a} wmSegmentContent partialContainer wmSmoothscroll=${attrs.get('smoothscroll') || 'false'} wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1a}>`
+        pre: attrs => `<${tagName$1c} wmSegmentContent partialContainer wmSmoothscroll=${attrs.get('smoothscroll') || 'false'} wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1c}>`
     };
 });
 var segmentContent_build = () => { };
@@ -91730,19 +91106,19 @@ var repeatTemplate_build$1 = /*#__PURE__*/Object.freeze({
     default: repeatTemplate_build
 });
 
-const tagName$19 = 'div';
+const tagName$1b = 'div';
 const dataSetKey$3 = 'dataset';
-const idGen$i = new IDGenerator('wm_tabs_ref_');
+const idGen$j = 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$i.nextUid();
+            const counter = idGen$j.nextUid();
             shared.set('tabs_ref', counter);
-            return `<${tagName$19} wmTabs #${counter}="wmTabs" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1b} wmTabs #${counter}="wmTabs" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$19}>`,
+        post: () => `</${tagName$1b}>`,
         template: (node, shared) => {
             // check if the tab widget is dynamic
             if (isDynamicTabs(node)) {
@@ -91773,11 +91149,11 @@ var tabs_build$1 = /*#__PURE__*/Object.freeze({
     default: tabs_build
 });
 
-const tagName$18 = 'div';
+const tagName$1a = 'div';
 register('wm-tabpane', () => {
     return {
-        pre: attrs => `<${tagName$18} wmTabPane  partialContainer ${getAttrMarkup(attrs)} wm-navigable-element="true" role="tabpanel">`,
-        post: () => `</${tagName$18}>`
+        pre: attrs => `<${tagName$1a} wmTabPane  partialContainer ${getAttrMarkup(attrs)} wm-navigable-element="true" role="tabpanel">`,
+        post: () => `</${tagName$1a}>`
     };
 });
 var tabPane_build = () => { };
@@ -91787,11 +91163,11 @@ var tabPane_build$1 = /*#__PURE__*/Object.freeze({
     default: tabPane_build
 });
 
-const tagName$17 = 'div';
+const tagName$19 = 'div';
 register('wm-tile', () => {
     return {
-        pre: attrs => `<${tagName$17} wmTile aria-describedby="Tile" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$17}>`
+        pre: attrs => `<${tagName$19} wmTile aria-describedby="Tile" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$19}>`
     };
 });
 var tile_build = () => { };
@@ -91801,11 +91177,11 @@ var tile_build$1 = /*#__PURE__*/Object.freeze({
     default: tile_build
 });
 
-const tagName$16 = 'div';
+const tagName$18 = 'div';
 register('wm-wizard', () => {
     return {
-        pre: attrs => `<${tagName$16} wmWizard role="tablist" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$16}>`
+        pre: attrs => `<${tagName$18} wmWizard role="tablist" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$18}>`
     };
 });
 var wizard_build = () => { };
@@ -91815,16 +91191,16 @@ var wizard_build$1 = /*#__PURE__*/Object.freeze({
     default: wizard_build
 });
 
-const tagName$15 = 'form';
-const idGen$h = new IDGenerator('wizard_step_id_');
+const tagName$17 = 'form';
+const idGen$i = new IDGenerator('wizard_step_id_');
 register('wm-wizardstep', () => {
     return {
         pre: attrs => {
-            const counter = idGen$h.nextUid();
-            return `<${tagName$15} wmWizardStep #${counter}="wmWizardStep" ${getAttrMarkup(attrs)}>
+            const counter = idGen$i.nextUid();
+            return `<${tagName$17} wmWizardStep #${counter}="wmWizardStep" ${getAttrMarkup(attrs)}>
                        <ng-template [ngIf]="${counter}.isInitialized">`;
         },
-        post: () => `</ng-template></${tagName$15}>`
+        post: () => `</ng-template></${tagName$17}>`
     };
 });
 var wizardStep_build = () => { };
@@ -91834,15 +91210,15 @@ var wizardStep_build$1 = /*#__PURE__*/Object.freeze({
     default: wizardStep_build
 });
 
-const tagName$14 = 'button';
-const idGen$g = new IDGenerator('wm_barcodescanner');
+const tagName$16 = 'button';
+const idGen$h = new IDGenerator('wm_barcodescanner');
 register('wm-barcodescanner', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$g.nextUid();
-            return `<${tagName$14} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.hint || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$h.nextUid();
+            return `<${tagName$16} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.hint || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$14}>`
+        post: () => `</${tagName$16}>`
     };
 });
 var barcodeScanner_build = () => { };
@@ -91852,15 +91228,15 @@ var barcodeScanner_build$1 = /*#__PURE__*/Object.freeze({
     default: barcodeScanner_build
 });
 
-const tagName$13 = 'button';
-const idGen$f = new IDGenerator('wm_camera');
+const tagName$15 = 'button';
+const idGen$g = new IDGenerator('wm_camera');
 register('wm-camera', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$f.nextUid();
-            return `<${tagName$13} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.hint || 'Camera'"  ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$g.nextUid();
+            return `<${tagName$15} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.hint || 'Camera'"  ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$13}>`
+        post: () => `</${tagName$15}>`
     };
 });
 var camera_build = () => { };
@@ -91870,11 +91246,11 @@ var camera_build$1 = /*#__PURE__*/Object.freeze({
     default: camera_build
 });
 
-const tagName$12 = 'div';
+const tagName$14 = 'div';
 register('wm-alertdialog', () => {
     return {
-        pre: attrs => `<${tagName$12} wmAlertDialog role="alertdialog" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$12}>`
+        pre: attrs => `<${tagName$14} wmAlertDialog role="alertdialog" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$14}>`
     };
 });
 var alertDialog_build = () => { };
@@ -91884,11 +91260,11 @@ var alertDialog_build$1 = /*#__PURE__*/Object.freeze({
     default: alertDialog_build
 });
 
-const tagName$11 = 'div';
+const tagName$13 = 'div';
 register('wm-confirmdialog', () => {
     return {
-        pre: attrs => `<${tagName$11} wmConfirmDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$11}>`
+        pre: attrs => `<${tagName$13} wmConfirmDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$13}>`
     };
 });
 var confirmDialog_build = () => { };
@@ -91898,11 +91274,11 @@ var confirmDialog_build$1 = /*#__PURE__*/Object.freeze({
     default: confirmDialog_build
 });
 
-const tagName$10 = 'div';
+const tagName$12 = 'div';
 register('wm-dialogactions', () => {
     return {
-        pre: attrs => `<ng-template #dialogFooter><${tagName$10} wmDialogFooter data-identfier="actions" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$10}></ng-template>`
+        pre: attrs => `<ng-template #dialogFooter><${tagName$12} wmDialogFooter data-identfier="actions" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$12}></ng-template>`
     };
 });
 var dialogFooter_build = () => { };
@@ -91912,11 +91288,11 @@ var dialogFooter_build$1 = /*#__PURE__*/Object.freeze({
     default: dialogFooter_build
 });
 
-const tagName$$ = 'div';
+const tagName$11 = 'div';
 register('wm-dialog', () => {
     return {
-        pre: attrs => `<${tagName$$} wmDialog ${getAttrMarkup(attrs)} aria-modal="true" role="dialog" wm-navigable-element="true"><ng-template #dialogBody>`,
-        post: () => `</ng-template></${tagName$$}>`
+        pre: attrs => `<${tagName$11} wmDialog ${getAttrMarkup(attrs)} aria-modal="true" role="dialog" wm-navigable-element="true"><ng-template #dialogBody>`,
+        post: () => `</ng-template></${tagName$11}>`
     };
 });
 // Todo:vinay remove wm-view in migration
@@ -91933,11 +91309,11 @@ var dialog_build$1 = /*#__PURE__*/Object.freeze({
     default: dialog_build
 });
 
-const tagName$_ = 'div';
+const tagName$10 = 'div';
 register('wm-iframedialog', () => {
     return {
-        pre: attrs => `<${tagName$_} wmIframeDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$_}>`
+        pre: attrs => `<${tagName$10} wmIframeDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$10}>`
     };
 });
 var iframeDialog_build = () => { };
@@ -91947,11 +91323,11 @@ var iframeDialog_build$1 = /*#__PURE__*/Object.freeze({
     default: iframeDialog_build
 });
 
-const tagName$Z = 'div';
+const tagName$$ = 'div';
 register('wm-logindialog', () => {
     return {
-        pre: attrs => `<${tagName$Z} wmDialog wmLoginDialog ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction" wm-navigable-element="true"><ng-template #dialogBody>`,
-        post: () => `</ng-template></${tagName$Z}>`
+        pre: attrs => `<${tagName$$} wmDialog wmLoginDialog ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction" wm-navigable-element="true"><ng-template #dialogBody>`,
+        post: () => `</ng-template></${tagName$$}>`
     };
 });
 var loginDialog_build = () => { };
@@ -91961,7 +91337,7 @@ var loginDialog_build$1 = /*#__PURE__*/Object.freeze({
     default: loginDialog_build
 });
 
-const tagName$Y = 'div';
+const tagName$_ = 'div';
 register('wm-pagedialog', () => {
     return {
         pre: (attrs, shared) => {
@@ -91987,14 +91363,14 @@ register('wm-pagedialog', () => {
                 shared.set('hasPartialContent', true);
                 containerMarkup += `<ng-template><div wmContainer #partial partialContainer ${contentMarkup} width="100%" height="100%" ${onLoadEvtMarkup}>`;
             }
-            return `<${tagName$Y} wmPartialDialog ${getAttrMarkup(attrs)}>${containerMarkup}`;
+            return `<${tagName$_} wmPartialDialog ${getAttrMarkup(attrs)}>${containerMarkup}`;
         },
         post: (attrs, shared) => {
             let preContent = '';
             if (shared.get('hasPartialContent')) {
                 preContent = `</div></ng-template>`;
             }
-            return `${preContent}</${tagName$Y}>`;
+            return `${preContent}</${tagName$_}>`;
         }
     };
 });
@@ -92073,8 +91449,8 @@ const getEditModeWidget = colDef => {
     return (fieldTypeWidgetTypeMap[colDef.type] && fieldTypeWidgetTypeMap[colDef.type][0]) || FormWidgetType.TEXT;
 };
 
-const tagName$X = 'div';
-const idGen$e = new IDGenerator('formfield_');
+const tagName$Z = 'div';
+const idGen$f = new IDGenerator('formfield_');
 const getEventsTemplate = (attrs) => {
     const eventAttrs = new Map();
     if (!attrs.has('focus.event')) {
@@ -92125,12 +91501,13 @@ const setDefaultPlaceholder = (attrs, widgetType, index) => {
 };
 const getWidgetTemplate = (attrs, options) => {
     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}`;
+    const defaultTmpl = `[class.hidden]="!${options.pCounter}.isUpdateMode && ${options.counter}.viewmodewidget !== 'default'" ${formControl} ${options.eventsTmpl} ${conditionalClass} ${tmplRef} ${widgetName} ${customWidgetName ? `widgetname=${customWidgetName}` : ''}`;
     return getFormWidgetTemplate(options.widgetType, defaultTmpl, attrs, { counter: options.counter, pCounter: options.pCounter });
 };
 const getTemplate = (attrs, widgetType, eventsTmpl, counter, pCounter, isInList) => {
@@ -92174,7 +91551,7 @@ const registerFormField = (isFormField) => {
     return {
         requires: ['wm-form', 'wm-liveform', 'wm-livefilter', 'wm-list'],
         pre: (attrs, shared, parentForm, parentLiveForm, parentFilter, parentList) => {
-            const counter = idGen$e.nextUid();
+            const counter = idGen$f.nextUid();
             const parent = parentForm || parentLiveForm || parentFilter;
             const pCounter = (parent && parent.get('form_reference')) || 'form';
             const widgetType = attrs.get('widget') || FormWidgetType.TEXT;
@@ -92197,7 +91574,7 @@ const registerFormField = (isFormField) => {
             else {
                 setDefaultPlaceholder(attrs, widgetType, 2);
             }
-            return `<${tagName$X} data-role="${dataRole}" [formGroup]="${pCounter}.ngform" wmFormField wmCaptionPosition #${counter}="wmFormField" widgettype="${widgetType}" ${getFormMarkupAttr(attrs)}>
+            return `<${tagName$Z} 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,
@@ -92213,7 +91590,7 @@ const registerFormField = (isFormField) => {
                             </div>
                         </div>`;
         },
-        post: () => `</${tagName$X}>`,
+        post: () => `</${tagName$Z}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set('form_reference', shared.get('counter'));
@@ -92235,11 +91612,11 @@ var formField_build$1 = /*#__PURE__*/Object.freeze({
     default: formField_build
 });
 
-const tagName$W = 'div';
+const tagName$Y = 'div';
 const registerAction = (tmpl) => {
     return {
-        pre: attrs => `<${tagName$W} wmFormAction name="${attrs.get('name') || attrs.get('key')}" ${getAttrMarkup(attrs)} ${tmpl}>`,
-        post: () => `</${tagName$W}>`
+        pre: attrs => `<${tagName$Y} wmFormAction name="${attrs.get('name') || attrs.get('key')}" ${getAttrMarkup(attrs)} ${tmpl}>`,
+        post: () => `</${tagName$Y}>`
     };
 };
 register('wm-form-action', registerAction.bind(undefined, ''));
@@ -92251,8 +91628,8 @@ var formAction_build$1 = /*#__PURE__*/Object.freeze({
     default: formAction_build
 });
 
-const tagName$V = 'form';
-const idGen$d = new IDGenerator('form_');
+const tagName$X = 'form';
+const idGen$e = new IDGenerator('form_');
 const formWidgets$1 = new Set([
     'wm-text',
     'wm-textarea',
@@ -92320,7 +91697,7 @@ const buildTask = (directiveAttr = '') => {
             let tmpl;
             let dialogId;
             const role = parentLoginWidget && parentLoginWidget.get('isLogin') ? 'app-login' : '';
-            const counter = idGen$d.nextUid();
+            const counter = idGen$e.nextUid();
             const dependsOn = attrs.get('dependson') ? `dependson="${attrs.get('dependson')}"` : '';
             if (dependsOn) {
                 attrs.set('dependsontable', attrs.get('dependson'));
@@ -92328,7 +91705,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$V} wmForm data-role="${role}" ${directiveAttr} #${counter} ngNativeValidate [formGroup]="${counter}.ngform" [noValidate]="${counter}.validationtype !== 'html'"
+            const liveFormTmpl = `<${tagName$X} 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);
@@ -92381,12 +91758,12 @@ const buildTask = (directiveAttr = '') => {
                 return '</form></ng-template></div></div>';
             }
             if (attrs.get('formlayout') === 'page') {
-                return `</div></${tagName$V}>`;
+                return `</div></${tagName$X}>`;
             }
             if (attrs.get('dependsontable')) {
-                return `</${tagName$V}></div>`;
+                return `</${tagName$X}></div>`;
             }
-            return `</${tagName$V}>`;
+            return `</${tagName$X}>`;
         },
         provide: (attrs, shared) => {
             const provider = new Map();
@@ -92405,14 +91782,14 @@ var form_build$1 = /*#__PURE__*/Object.freeze({
     default: form_build
 });
 
-const tagName$U = 'div';
+const tagName$W = 'div';
 register('wm-calendar', () => {
     return {
         pre: (attrs) => {
             let viewType = attrs.get('view') ? attrs.get('view') + ' view' : 'month view';
-            return `<${tagName$U} wmCalendar redrawable style="width:100%" aria-label="${viewType}" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$W} wmCalendar redrawable style="width:100%" aria-label="${viewType}" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$U}>`
+        post: () => `</${tagName$W}>`
     };
 });
 var calendar_build = () => { };
@@ -92422,11 +91799,11 @@ var calendar_build$1 = /*#__PURE__*/Object.freeze({
     default: calendar_build
 });
 
-const tagName$T = 'ul';
+const tagName$V = 'ul';
 register('wm-chips', () => {
     return {
-        pre: attrs => `<${tagName$T} wmChips role="listbox" ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$T}>`
+        pre: attrs => `<${tagName$V} wmChips role="listbox" ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$V}>`
     };
 });
 var chips_build = () => { };
@@ -92436,11 +91813,11 @@ var chips_build$1 = /*#__PURE__*/Object.freeze({
     default: chips_build
 });
 
-const tagName$S = 'div';
+const tagName$U = 'div';
 register('wm-colorpicker', () => {
     return {
-        pre: attrs => `<${tagName$S} wmColorPicker ${getAttrMarkup(attrs)} role="input" ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$S}>`
+        pre: attrs => `<${tagName$U} wmColorPicker ${getAttrMarkup(attrs)} role="input" ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$U}>`
     };
 });
 var colorPicker_build = () => { };
@@ -92450,11 +91827,11 @@ var colorPicker_build$1 = /*#__PURE__*/Object.freeze({
     default: colorPicker_build
 });
 
-const tagName$R = 'div';
+const tagName$T = 'div';
 register('wm-currency', () => {
     return {
-        pre: attrs => `<${tagName$R} wmCurrency ${getAttrMarkup(attrs)} role="input" ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$R}>`
+        pre: attrs => `<${tagName$T} wmCurrency ${getAttrMarkup(attrs)} role="input" ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$T}>`
     };
 });
 var currency_build = () => { };
@@ -92464,11 +91841,11 @@ var currency_build$1 = /*#__PURE__*/Object.freeze({
     default: currency_build
 });
 
-const tagName$Q = 'div';
+const tagName$S = 'div';
 register('wm-buttongroup', () => {
     return {
-        pre: attrs => `<${tagName$Q} wmButtonGroup role="group" aria-labelledby="button group" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$Q}>`
+        pre: attrs => `<${tagName$S} wmButtonGroup role="group" aria-labelledby="button group" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$S}>`
     };
 });
 var buttonGroup_build = () => { };
@@ -92478,15 +91855,15 @@ var buttonGroup_build$1 = /*#__PURE__*/Object.freeze({
     default: buttonGroup_build
 });
 
-const tagName$P = 'button';
-const idGen$c = new IDGenerator('wm_button');
+const tagName$R = 'button';
+const idGen$d = new IDGenerator('wm_button');
 register('wm-button', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$c.nextUid();
-            return `<${tagName$P} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.hint || ${counter}.caption || null" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$d.nextUid();
+            return `<${tagName$R} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.hint || ${counter}.caption || null" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$P}>`
+        post: () => `</${tagName$R}>`
     };
 });
 var button_build = () => { };
@@ -92496,11 +91873,11 @@ var button_build$1 = /*#__PURE__*/Object.freeze({
     default: button_build
 });
 
-const tagName$O = 'div';
+const tagName$Q = 'div';
 register('wm-checkbox', () => {
     return {
-        pre: attrs => `<${tagName$O} wmCheckbox ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$O}>`
+        pre: attrs => `<${tagName$Q} wmCheckbox ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$Q}>`
     };
 });
 var checkbox_build = () => { };
@@ -92510,11 +91887,11 @@ var checkbox_build$1 = /*#__PURE__*/Object.freeze({
     default: checkbox_build
 });
 
-const tagName$N = 'ul';
+const tagName$P = 'ul';
 register('wm-checkboxset', () => {
     return {
-        pre: attrs => `<${tagName$N} role="group" wmCheckboxset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$N}>`
+        pre: attrs => `<${tagName$P} role="group" wmCheckboxset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$P}>`
     };
 });
 var checkboxset_build = () => { };
@@ -92524,11 +91901,11 @@ var checkboxset_build$1 = /*#__PURE__*/Object.freeze({
     default: checkboxset_build
 });
 
-const tagName$M = 'div';
+const tagName$O = 'div';
 register('wm-composite', () => {
     return {
-        pre: attrs => `<${tagName$M} wmComposite wmCaptionPosition ${setChildAttrs(attrs)} ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$M}${clearChildAttrs()}>`
+        pre: attrs => `<${tagName$O} wmComposite wmCaptionPosition ${setChildAttrs(attrs)} ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$O}${clearChildAttrs()}>`
     };
 });
 var composite_build = () => { };
@@ -92538,11 +91915,11 @@ var composite_build$1 = /*#__PURE__*/Object.freeze({
     default: composite_build
 });
 
-const tagName$L = 'div';
+const tagName$N = 'div';
 register('wm-number', () => {
     return {
-        pre: attrs => `<${tagName$L} wmNumber ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$L}>`
+        pre: attrs => `<${tagName$N} wmNumber ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$N}>`
     };
 });
 var number_build = () => { };
@@ -92552,11 +91929,11 @@ var number_build$1 = /*#__PURE__*/Object.freeze({
     default: number_build
 });
 
-const tagName$K = 'ul';
+const tagName$M = 'ul';
 register('wm-radioset', () => {
     return {
-        pre: attrs => `<${tagName$K} role="radiogroup" wmRadioset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$K}>`
+        pre: attrs => `<${tagName$M} role="radiogroup" wmRadioset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$M}>`
     };
 });
 var radioset_build = () => { };
@@ -92566,11 +91943,11 @@ var radioset_build$1 = /*#__PURE__*/Object.freeze({
     default: radioset_build
 });
 
-const tagName$J = 'wm-select';
+const tagName$L = 'wm-select';
 register('wm-select', () => {
     return {
-        pre: attrs => `<${tagName$J} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)}  ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$J}>`
+        pre: attrs => `<${tagName$L} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)}  ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$L}>`
     };
 });
 var select_build = () => { };
@@ -92580,15 +91957,15 @@ var select_build$1 = /*#__PURE__*/Object.freeze({
     default: select_build
 });
 
-const tagName$I = 'div';
-const idGen$b = new IDGenerator('wm_switch');
+const tagName$K = 'div';
+const idGen$c = new IDGenerator('wm_switch');
 register('wm-switch', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$b.nextUid();
-            return `<${tagName$I} wmSwitch #${counter}="wmSwitch" [attr.aria-label]="${counter}.hint || 'Switch button'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
+            const counter = idGen$c.nextUid();
+            return `<${tagName$K} wmSwitch #${counter}="wmSwitch" [attr.aria-label]="${counter}.hint || 'Switch button'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
         },
-        post: () => `</${tagName$I}>`
+        post: () => `</${tagName$K}>`
     };
 });
 var switch_build = () => { };
@@ -92598,11 +91975,11 @@ var switch_build$1 = /*#__PURE__*/Object.freeze({
     default: switch_build
 });
 
-const tagName$H = 'wm-input';
+const tagName$J = 'wm-input';
 register('wm-text', () => {
     return {
-        pre: attrs => `<${tagName$H} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$H}>`
+        pre: attrs => `<${tagName$J} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$J}>`
     };
 });
 var text_build = () => { };
@@ -92612,11 +91989,11 @@ var text_build$1 = /*#__PURE__*/Object.freeze({
     default: text_build
 });
 
-const tagName$G = 'wm-textarea';
+const tagName$I = 'wm-textarea';
 register('wm-textarea', () => {
     return {
-        pre: attrs => `<${tagName$G} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$G}>`
+        pre: attrs => `<${tagName$I} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$I}>`
     };
 });
 var textarea_build = () => { };
@@ -92626,11 +92003,11 @@ var textarea_build$1 = /*#__PURE__*/Object.freeze({
     default: textarea_build
 });
 
-const tagName$F = 'div';
+const tagName$H = 'div';
 register('wm-datetime', () => {
     return {
-        pre: attrs => `<${tagName$F} wmDateTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$F}>`
+        pre: attrs => `<${tagName$H} wmDateTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$H}>`
     };
 });
 var dateTime_build = () => { };
@@ -92640,11 +92017,11 @@ var dateTime_build$1 = /*#__PURE__*/Object.freeze({
     default: dateTime_build
 });
 
-const tagName$E = 'div';
+const tagName$G = 'div';
 register('wm-date', () => {
     return {
-        pre: attrs => `<${tagName$E} wmDate ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$E}>`
+        pre: attrs => `<${tagName$G} wmDate ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$G}>`
     };
 });
 var date_build = () => { };
@@ -92654,11 +92031,11 @@ var date_build$1 = /*#__PURE__*/Object.freeze({
     default: date_build
 });
 
-const tagName$D = 'div';
+const tagName$F = 'div';
 register('wm-time', () => {
     return {
-        pre: attrs => `<${tagName$D} wmTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$D}>`
+        pre: attrs => `<${tagName$F} wmTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$F}>`
     };
 });
 var time_build = () => { };
@@ -92668,7 +92045,7 @@ var time_build$1 = /*#__PURE__*/Object.freeze({
     default: time_build
 });
 
-const tagName$C = 'div';
+const tagName$E = 'div';
 register('wm-fileupload', () => {
     return {
         pre: attrs => {
@@ -92676,9 +92053,9 @@ register('wm-fileupload', () => {
                 const onSelectBinding = getDataSource(attrs.get('select.event'));
                 attrs.set('datasource.bind', onSelectBinding);
             }
-            return `<${tagName$C} wmFileUpload ${getAttrMarkup(attrs)} role="input">`;
+            return `<${tagName$E} wmFileUpload ${getAttrMarkup(attrs)} role="input">`;
         },
-        post: () => `</${tagName$C}>`
+        post: () => `</${tagName$E}>`
     };
 });
 var fileUpload_build = () => { };
@@ -92688,11 +92065,11 @@ var fileUpload_build$1 = /*#__PURE__*/Object.freeze({
     default: fileUpload_build
 });
 
-const tagName$B = 'div';
+const tagName$D = 'div';
 register('wm-rating', () => {
     return {
-        pre: attrs => `<${tagName$B} wmRating ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$B}>`
+        pre: attrs => `<${tagName$D} wmRating ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$D}>`
     };
 });
 var rating_build = () => { };
@@ -92702,11 +92079,11 @@ var rating_build$1 = /*#__PURE__*/Object.freeze({
     default: rating_build
 });
 
-const tagName$A = 'div';
+const tagName$C = 'div';
 register('wm-slider', () => {
     return {
-        pre: attrs => `<${tagName$A} wmSlider ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$A}>`
+        pre: attrs => `<${tagName$C} wmSlider ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$C}>`
     };
 });
 var slider_build = () => { };
@@ -92717,7 +92094,7 @@ var slider_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const wmlistTag = 'wm-list';
-const tagName$z = 'div';
+const tagName$B = 'div';
 const dataSetKey$2 = 'dataset';
 function copyAttribute$1(from, fromAttrName, to, toAttrName) {
     const fromAttr = from.attrs.find(a => a.name === fromAttrName);
@@ -92765,8 +92142,8 @@ register('wm-media-list', () => {
                 copyAttribute$1(template, 'height', node, 'thumbnailheight');
             }
         },
-        pre: attrs => `<${tagName$z} wmMediaList ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$z}>`
+        pre: attrs => `<${tagName$B} wmMediaList ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$B}>`
     };
 });
 var mediaList_build = () => { };
@@ -92776,11 +92153,11 @@ var mediaList_build$1 = /*#__PURE__*/Object.freeze({
     default: mediaList_build
 });
 
-const tagName$y = 'ng-template';
+const tagName$A = 'ng-template';
 register('wm-media-template', () => {
     return {
-        pre: () => `<${tagName$y} #mediaListTemplate let-item="item" let-index="index">`,
-        post: () => `</${tagName$y}>`
+        pre: () => `<${tagName$A} #mediaListTemplate let-item="item" let-index="index">`,
+        post: () => `</${tagName$A}>`
     };
 });
 var mediaListItem_build = () => { };
@@ -92864,16 +92241,16 @@ var list_build$1 = /*#__PURE__*/Object.freeze({
     default: list_build
 });
 
-const tagName$x = 'div';
-const idGen$a = new IDGenerator('liveform_dialog_id_');
+const tagName$z = 'div';
+const idGen$b = new IDGenerator('liveform_dialog_id_');
 register('wm-livetable', () => {
     return {
         pre: (attrs, shared) => {
-            const counter = idGen$a.nextUid();
+            const counter = idGen$b.nextUid();
             shared.set('counter', counter);
-            return `<${tagName$x} wmLiveTable ${getAttrMarkup(attrs)} dialogid="${counter}">`;
+            return `<${tagName$z} wmLiveTable ${getAttrMarkup(attrs)} dialogid="${counter}">`;
         },
-        post: () => `</${tagName$x}>`,
+        post: () => `</${tagName$z}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set('liveform_dialog_id', shared.get('counter'));
@@ -92888,15 +92265,15 @@ var liveTable_build$1 = /*#__PURE__*/Object.freeze({
     default: liveTable_build
 });
 
-const tagName$w = 'p';
-const idGen$9 = new IDGenerator('wm_message');
+const tagName$y = 'p';
+const idGen$a = new IDGenerator('wm_message');
 register('wm-message', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$9.nextUid();
-            return `<${tagName$w} wmMessage tabindex="0" #${counter}="wmMessage" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$a.nextUid();
+            return `<${tagName$y} wmMessage tabindex="0" #${counter}="wmMessage" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$w}>`
+        post: () => `</${tagName$y}>`
     };
 });
 var message_build = () => { };
@@ -92906,11 +92283,11 @@ var message_build$1 = /*#__PURE__*/Object.freeze({
     default: message_build
 });
 
-const tagName$v = 'ol';
+const tagName$x = 'ol';
 register('wm-breadcrumb', () => {
     return {
-        pre: attrs => `<${tagName$v} wmBreadcrumb ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$v}>`
+        pre: attrs => `<${tagName$x} wmBreadcrumb ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$x}>`
     };
 });
 var breadcrumb_build = () => { };
@@ -92920,7 +92297,7 @@ var breadcrumb_build$1 = /*#__PURE__*/Object.freeze({
     default: breadcrumb_build
 });
 
-const tagName$u = 'div';
+const tagName$w = 'div';
 register('wm-menu', () => {
     return {
         pre: attrs => {
@@ -92935,13 +92312,13 @@ register('wm-menu', () => {
                 else {
                     styleBinding = `[ngStyle]="{'width': '${menuWidth}px'}"`;
                 }
-                return `<${tagName$u} wmMenu dropdown ${getAttrMarkup(attrs)} ${styleBinding}>`;
+                return `<${tagName$w} wmMenu dropdown ${getAttrMarkup(attrs)} ${styleBinding}>`;
             }
             else {
-                return `<${tagName$u} wmMenu dropdown ${getAttrMarkup(attrs)}>`;
+                return `<${tagName$w} wmMenu dropdown ${getAttrMarkup(attrs)}>`;
             }
         },
-        post: () => `</${tagName$u}>`
+        post: () => `</${tagName$w}>`
     };
 });
 var menu_build = () => { };
@@ -92951,11 +92328,11 @@ var menu_build$1 = /*#__PURE__*/Object.freeze({
     default: menu_build
 });
 
-const tagName$t = 'li';
+const tagName$v = 'li';
 register('wm-nav-item', () => {
     return {
-        pre: attrs => `<${tagName$t} wmNavItem role="listitem" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$t}>`
+        pre: attrs => `<${tagName$v} wmNavItem role="listitem" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$v}>`
     };
 });
 var navItem_build = () => { };
@@ -92965,11 +92342,11 @@ var navItem_build$1 = /*#__PURE__*/Object.freeze({
     default: navItem_build
 });
 
-const tagName$s = 'ul';
+const tagName$u = 'ul';
 register('wm-nav', () => {
     return {
-        pre: attrs => `<${tagName$s} wmNav data-element-type="wmNav" data-role="page-header" role="list" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$s}>`
+        pre: attrs => `<${tagName$u} wmNav data-element-type="wmNav" data-role="page-header" role="list" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$u}>`
     };
 });
 var nav_build = () => { };
@@ -92979,11 +92356,11 @@ var nav_build$1 = /*#__PURE__*/Object.freeze({
     default: nav_build
 });
 
-const tagName$r = 'nav';
+const tagName$t = 'nav';
 register('wm-navbar', () => {
     return {
-        pre: attrs => `<${tagName$r} wmNavbar data-element-type="wmNavbar" role="navigation" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$r}>`
+        pre: attrs => `<${tagName$t} wmNavbar data-element-type="wmNavbar" role="navigation" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$t}>`
     };
 });
 var navbar_build = () => { };
@@ -92993,7 +92370,7 @@ var navbar_build$1 = /*#__PURE__*/Object.freeze({
     default: navbar_build
 });
 
-const tagName$q = 'wm-popover';
+const tagName$s = 'wm-popover';
 register('wm-popover', () => {
     return {
         requires: ['wm-table'],
@@ -93013,7 +92390,7 @@ register('wm-popover', () => {
                 popoverTemplate = `<div wmContainer #partial partialContainer ${contentMarkup}>`;
                 shared.set('hasPopoverContent', true);
             }
-            let markup = `<${tagName$q} wmPopover ${getAttrMarkup(attrs)}>`;
+            let markup = `<${tagName$s} 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
@@ -93027,7 +92404,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$q}>`;
+            return `${markup}<div tabindex="0" class="popover-end sr-only" aria-label="">popover content ended</div></ng-template></${tagName$s}>`;
         }
     };
 });
@@ -93038,16 +92415,16 @@ var popover_build$1 = /*#__PURE__*/Object.freeze({
     default: popover_build
 });
 
-const tagName$p = 'div';
+const tagName$r = 'div';
 const findChild = (node, childName) => {
     const child = node && node.children.find(e => (e instanceof Element$2 && e.name === childName));
     return child;
 };
-const createElement$3 = name => {
-    return new Element$2(name, [], [], noSpan$3, noSpan$3, noSpan$3);
+const createElement$4 = name => {
+    return new Element$2(name, [], [], noSpan$4, noSpan$4, noSpan$4);
 };
-const addAtrribute$3 = (node, name, value) => {
-    const attr = new Attribute$1(name, value, noSpan$3, noSpan$3, noSpan$3, undefined, undefined);
+const addAtrribute$4 = (node, name, value) => {
+    const attr = new Attribute$1(name, value, noSpan$4, noSpan$4, noSpan$4, undefined, undefined);
     node.attrs.push(attr);
 };
 const getElementNode = (name, node) => {
@@ -93068,8 +92445,8 @@ const getElementNode = (name, node) => {
     });
     return elementNode;
 };
-const noSpan$3 = {};
-const idGen$8 = new IDGenerator('wm_page');
+const noSpan$4 = {};
+const idGen$9 = new IDGenerator('wm_page');
 register('wm-page', () => {
     return {
         template: (node) => {
@@ -93078,24 +92455,24 @@ register('wm-page', () => {
                 pageContentNode = getElementNode('wm-page-content', getElementNode('wm-content', node));
             }
             if (pageContentNode) {
-                const conditionalNode = createElement$3('ng-container');
-                addAtrribute$3(conditionalNode, '*ngIf', 'compilePageContent');
+                const conditionalNode = createElement$4('ng-container');
+                addAtrribute$4(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$3('div');
-                    addAtrribute$3(loader, 'wmPageContentLoader', '');
-                    addAtrribute$3(loader, '*ngIf', '!showPageContent');
+                    const loader = createElement$4('div');
+                    addAtrribute$4(loader, 'wmPageContentLoader', '');
+                    addAtrribute$4(loader, '*ngIf', '!showPageContent');
                     pageContentNode.children.push(loader);
                 }
             }
         },
         pre: (attrs) => {
-            const counter = idGen$8.nextUid();
-            return `<${tagName$p} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$9.nextUid();
+            return `<${tagName$r} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.hint" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$p}>`
+        post: () => `</${tagName$r}>`
     };
 });
 var page_build = () => { };
@@ -93105,15 +92482,15 @@ var page_build$1 = /*#__PURE__*/Object.freeze({
     default: page_build
 });
 
-const tagName$o = 'div';
-const idGen$7 = new IDGenerator('wm_layout');
+const tagName$q = 'div';
+const idGen$8 = new IDGenerator('wm_layout');
 register('wm-layout', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$7.nextUid();
-            return `<${tagName$o} wmLayout #${counter}="wmLayout" data-role="pageContainer" [attr.aria-label]="${counter}.hint || 'Main page content'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$8.nextUid();
+            return `<${tagName$q} wmLayout #${counter}="wmLayout" data-role="pageContainer" [attr.aria-label]="${counter}.hint || 'Main page content'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$o}>`
+        post: () => `</${tagName$q}>`
     };
 });
 var layout_build = () => { };
@@ -93123,11 +92500,11 @@ var layout_build$1 = /*#__PURE__*/Object.freeze({
     default: layout_build
 });
 
-const tagName$n = 'router-outlet';
+const tagName$p = 'router-outlet';
 register('wm-router-outlet', () => {
     return {
-        pre: attrs => `<div wmRouterOutlet name="wmRouterOutlet" ${getAttrMarkup(attrs)}><${tagName$n} (activate)="onActivate($event)">`,
-        post: () => `</${tagName$n}></div>`
+        pre: attrs => `<div wmRouterOutlet name="wmRouterOutlet" ${getAttrMarkup(attrs)}><${tagName$p} (activate)="onActivate($event)">`,
+        post: () => `</${tagName$p}></div>`
     };
 });
 var routerOutlet_build = () => { };
@@ -93137,11 +92514,11 @@ var routerOutlet_build$1 = /*#__PURE__*/Object.freeze({
     default: routerOutlet_build
 });
 
-const tagName$m = 'nav';
+const tagName$o = 'nav';
 register('wm-pagination', () => {
     return {
-        pre: attrs => `<${tagName$m} wmPagination data-identifier="pagination" aria-label="Page navigation" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$m}>`
+        pre: attrs => `<${tagName$o} wmPagination data-identifier="pagination" aria-label="Page navigation" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$o}>`
     };
 });
 var pagination_build = () => { };
@@ -93151,11 +92528,11 @@ var pagination_build$1 = /*#__PURE__*/Object.freeze({
     default: pagination_build
 });
 
-const tagName$l = 'main';
+const tagName$n = 'main';
 register('wm-content', () => {
     return {
-        pre: attrs => `<${tagName$l} wmContent data-role="page-content" role="main" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$l}>`
+        pre: attrs => `<${tagName$n} wmContent data-role="page-content" role="main" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$n}>`
     };
 });
 var content_build = () => { };
@@ -93165,15 +92542,15 @@ var content_build$1 = /*#__PURE__*/Object.freeze({
     default: content_build
 });
 
-const tagName$k = 'footer';
-const idGen$6 = new IDGenerator('wm_footer');
+const tagName$m = 'footer';
+const idGen$7 = new IDGenerator('wm_footer');
 register('wm-footer', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$6.nextUid();
-            return `<${tagName$k} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.hint || 'Page footer'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$7.nextUid();
+            return `<${tagName$m} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.hint || 'Page footer'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$k}>`
+        post: () => `</${tagName$m}>`
     };
 });
 var footer_build = () => { };
@@ -93183,15 +92560,15 @@ var footer_build$1 = /*#__PURE__*/Object.freeze({
     default: footer_build
 });
 
-const tagName$j = 'header';
-const idGen$5 = new IDGenerator('wm_header');
+const tagName$l = 'header';
+const idGen$6 = new IDGenerator('wm_header');
 register('wm-header', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$5.nextUid();
-            return `<${tagName$j} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.hint || 'Page header'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$6.nextUid();
+            return `<${tagName$l} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.hint || 'Page header'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$j}>`
+        post: () => `</${tagName$l}>`
     };
 });
 var header_build = () => { };
@@ -93201,15 +92578,15 @@ var header_build$1 = /*#__PURE__*/Object.freeze({
     default: header_build
 });
 
-const tagName$i = 'aside';
-const idGen$4 = new IDGenerator('wm_left_panel');
+const tagName$k = 'aside';
+const idGen$5 = new IDGenerator('wm_left_panel');
 register('wm-left-panel', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$4.nextUid();
-            return `<${tagName$i} wmLeftPanel #${counter}="wmLeftPanel" partialContainer data-role="page-left-panel" [attr.aria-label]="${counter}.hint || 'Left navigation panel'" wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$5.nextUid();
+            return `<${tagName$k} wmLeftPanel #${counter}="wmLeftPanel" partialContainer data-role="page-left-panel" [attr.aria-label]="${counter}.hint || 'Left navigation panel'" wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$i}>`
+        post: () => `</${tagName$k}>`
     };
 });
 var leftPanel_build = () => { };
@@ -93219,11 +92596,11 @@ var leftPanel_build$1 = /*#__PURE__*/Object.freeze({
     default: leftPanel_build
 });
 
-const tagName$h = 'header';
+const tagName$j = 'header';
 register('wm-mobile-navbar', () => {
     return {
-        pre: attrs => `<${tagName$h} wmMobileNavbar ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$h}>`
+        pre: attrs => `<${tagName$j} wmMobileNavbar ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$j}>`
     };
 });
 var mobileNavbar_build = () => { };
@@ -93233,15 +92610,15 @@ var mobileNavbar_build$1 = /*#__PURE__*/Object.freeze({
     default: mobileNavbar_build
 });
 
-const tagName$g = 'aside';
-const idGen$3 = new IDGenerator('wm_right_panel');
+const tagName$i = 'aside';
+const idGen$4 = new IDGenerator('wm_right_panel');
 register('wm-right-panel', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$3.nextUid();
-            return `<${tagName$g} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.hint || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$4.nextUid();
+            return `<${tagName$i} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.hint || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$g}>`
+        post: () => `</${tagName$i}>`
     };
 });
 var rightPanel_build = () => { };
@@ -93251,22 +92628,22 @@ var rightPanel_build$1 = /*#__PURE__*/Object.freeze({
     default: rightPanel_build
 });
 
-const tagName$f = 'div';
-const createElement$2 = name => {
-    return new Element$2(name, [], [], noSpan$2, noSpan$2, noSpan$2);
+const tagName$h = 'div';
+const createElement$3 = name => {
+    return new Element$2(name, [], [], noSpan$3, noSpan$3, noSpan$3);
 };
-const addAtrribute$2 = (node, name, value) => {
-    const attr = new Attribute$1(name, value, noSpan$2, noSpan$2, noSpan$2, 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 noSpan$2 = {};
+const noSpan$3 = {};
 register('wm-page-content', () => {
     return {
         template: (node) => {
             for (let attr of node.attrs) {
                 if (attr.name === 'spa' && attr.value === 'true') {
-                    const conditionalNode = createElement$2('ng-container');
-                    addAtrribute$2(conditionalNode, '*ngIf', 'compilePageContent');
+                    const conditionalNode = createElement$3('ng-container');
+                    addAtrribute$3(conditionalNode, '*ngIf', 'compilePageContent');
                     conditionalNode.children = conditionalNode.children.concat(node.children);
                     conditionalNode.children.push(new Text$1('{{onPageContentReady()}}', null, undefined, undefined));
                     node.children = [conditionalNode];
@@ -93274,8 +92651,8 @@ register('wm-page-content', () => {
                 }
             }
         },
-        pre: attrs => `<${tagName$f} wmPageContent ${attrs.get('spa') && 'wmSpaPage' || ''} wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$f}>`
+        pre: attrs => `<${tagName$h} wmPageContent ${attrs.get('spa') && 'wmSpaPage' || ''} wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$h}>`
     };
 });
 var pageContent_build = () => { };
@@ -93285,11 +92662,11 @@ var pageContent_build$1 = /*#__PURE__*/Object.freeze({
     default: pageContent_build
 });
 
-const tagName$e = 'div';
+const tagName$g = 'div';
 register('wm-mobile-tabbar', () => {
     return {
-        pre: attrs => `<${tagName$e} wmMobileTabbar ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$e}>`
+        pre: attrs => `<${tagName$g} wmMobileTabbar ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$g}>`
     };
 });
 var tabBar_build = () => { };
@@ -93299,15 +92676,15 @@ var tabBar_build$1 = /*#__PURE__*/Object.freeze({
     default: tabBar_build
 });
 
-const tagName$d = 'section';
-const idGen$2 = new IDGenerator('wm_top_nav');
+const tagName$f = 'section';
+const idGen$3 = new IDGenerator('wm_top_nav');
 register('wm-top-nav', () => {
     return {
         pre: (attrs) => {
-            const counter = idGen$2.nextUid();
-            return `<${tagName$d} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.hint || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
+            const counter = idGen$3.nextUid();
+            return `<${tagName$f} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.hint || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$d}>`
+        post: () => `</${tagName$f}>`
     };
 });
 var topNav_build = () => { };
@@ -93317,26 +92694,26 @@ var topNav_build$1 = /*#__PURE__*/Object.freeze({
     default: topNav_build
 });
 
-const tagName$c = 'section';
-const noSpan$1 = {};
-const createElement$1 = name => {
-    return new Element$2(name, [], [], noSpan$1, noSpan$1, noSpan$1);
+const tagName$e = 'section';
+const noSpan$2 = {};
+const createElement$2 = name => {
+    return new Element$2(name, [], [], noSpan$2, noSpan$2, noSpan$2);
 };
-const addAtrribute$1 = (node, name, value) => {
-    const attr = new Attribute$1(name, value, noSpan$1, noSpan$1, noSpan$1, 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);
 };
 register('wm-partial', () => {
     return {
         template: (node) => {
-            const conditionalNode = createElement$1('ng-container');
-            addAtrribute$1(conditionalNode, '*ngIf', 'compileContent');
+            const conditionalNode = createElement$2('ng-container');
+            addAtrribute$2(conditionalNode, '*ngIf', 'compileContent');
             conditionalNode.children = conditionalNode.children.concat(node.children);
             node.children.length = 0;
             node.children.push(conditionalNode);
         },
-        pre: attrs => `<${tagName$c} wmPartial data-role="partial" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$c}>`
+        pre: attrs => `<${tagName$e} wmPartial data-role="partial" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$e}>`
     };
 });
 var partial_build = () => { };
@@ -93346,11 +92723,11 @@ var partial_build$1 = /*#__PURE__*/Object.freeze({
     default: partial_build
 });
 
-const tagName$b = 'div';
+const tagName$d = 'div';
 register('wm-param', () => {
     return {
-        pre: attrs => `<${tagName$b} wmParam hidden ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$b}>`
+        pre: attrs => `<${tagName$d} wmParam hidden ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$d}>`
     };
 });
 var partialParam_build = () => { };
@@ -93360,11 +92737,11 @@ var partialParam_build$1 = /*#__PURE__*/Object.freeze({
     default: partialParam_build
 });
 
-const tagName$a = 'section';
+const tagName$c = 'section';
 register('wm-prefab', () => {
     return {
-        pre: attrs => `<${tagName$a} wmPrefab redrawable data-role="prefab" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$a}>`
+        pre: attrs => `<${tagName$c} wmPrefab redrawable data-role="prefab" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$c}>`
     };
 });
 var prefab_build = () => { };
@@ -93374,26 +92751,26 @@ var prefab_build$1 = /*#__PURE__*/Object.freeze({
     default: prefab_build
 });
 
-const noSpan = {};
-const createElement = name => {
-    return new Element$2(name, [], [], noSpan, noSpan, noSpan);
+const noSpan$1 = {};
+const createElement$1 = name => {
+    return new Element$2(name, [], [], noSpan$1, noSpan$1, noSpan$1);
 };
-const addAtrribute = (node, name, value) => {
-    const attr = new Attribute$1(name, value, noSpan, noSpan, noSpan, 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);
 };
-const tagName$9 = 'div';
+const tagName$b = 'div';
 register('wm-prefab-container', () => {
     return {
         template: (node) => {
-            const conditionalNode = createElement('ng-container');
-            addAtrribute(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$9} wmPrefabContainer ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$9}>`
+        pre: attrs => `<${tagName$b} wmPrefabContainer ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$b}>`
     };
 });
 var prefabContainer_build = () => { };
@@ -93403,11 +92780,11 @@ var prefabContainer_build$1 = /*#__PURE__*/Object.freeze({
     default: prefabContainer_build
 });
 
-const tagName$8 = 'div';
+const tagName$a = 'div';
 register('wm-table-action', () => {
     return {
-        pre: attrs => `<${tagName$8} name="${attrs.get('name') || attrs.get('key')}" wmTableAction ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$8}>`
+        pre: attrs => `<${tagName$a} name="${attrs.get('name') || attrs.get('key')}" wmTableAction ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$a}>`
     };
 });
 var tableAction_build = () => { };
@@ -93417,11 +92794,11 @@ var tableAction_build$1 = /*#__PURE__*/Object.freeze({
     default: tableAction_build
 });
 
-const tagName$7 = 'div';
+const tagName$9 = 'div';
 register('wm-table-column-group', () => {
     return {
-        pre: attrs => `<${tagName$7} wmTableColumnGroup ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$7}>`
+        pre: attrs => `<${tagName$9} wmTableColumnGroup ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$9}>`
     };
 });
 var tableColumnGroup_build = () => { };
@@ -93431,8 +92808,8 @@ var tableColumnGroup_build$1 = /*#__PURE__*/Object.freeze({
     default: tableColumnGroup_build
 });
 
-const tagName$6 = 'div';
-const idGen$1 = new IDGenerator('data_table_form_');
+const tagName$8 = 'div';
+const idGen$2 = new IDGenerator('data_table_form_');
 const formWidgets = new Set([
     'wm-text',
     'wm-textarea',
@@ -93544,7 +92921,7 @@ const getInlineEditWidgetTmpl = (attrs, isNewRow, errorstyle, pCounter) => {
     let wmFormWidget = '';
     if (widget === FormWidgetType.UPLOAD) {
         options.uploadProps = {
-            formName: idGen$1.nextUid(),
+            formName: idGen$2.nextUid(),
             name: fieldName
         };
         options.counter = pCounter;
@@ -93684,7 +93061,7 @@ register('wm-table-column', () => {
                     customExprTmpl = `${customExpr}<div data-col-identifier="${attrs.get('binding')}" title="${formatExprTmpl}">${formatExprTmpl}`;
                 }
             }
-            return `<${tagName$6} wmTableColumn ${getAttrMarkup(attrs)} ${parentForm}>
+            return `<${tagName$8} wmTableColumn ${getAttrMarkup(attrs)} ${parentForm}>
                     ${rowFilterTmpl}
                     ${inlineEditTmpl}
                     ${inlineNewEditTmpl}
@@ -93695,7 +93072,7 @@ register('wm-table-column', () => {
             if (shared.get('customExpression')) {
                 customExprTmpl = `</div></ng-template>`;
             }
-            return `${customExprTmpl}</${tagName$6}>`;
+            return `${customExprTmpl}</${tagName$8}>`;
         },
         imports: (attrs) => {
             const editWidgetType = attrs.get('edit-widget-type');
@@ -93711,7 +93088,7 @@ var tableColumn_build$1 = /*#__PURE__*/Object.freeze({
     default: tableColumn_build
 });
 
-const tagName$5 = 'div';
+const tagName$7 = 'div';
 const getRowExpansionActionTmpl = (attrs) => {
     const tag = attrs.get('widget-type') === 'anchor' ? 'a' : 'button';
     const directive = attrs.get('widget-type') === 'anchor' ? 'wmAnchor' : 'wmButton';
@@ -93727,7 +93104,7 @@ const getRowExpansionActionTmpl = (attrs) => {
 register('wm-table-row', () => {
     return {
         pre: (attrs) => {
-            return `<${tagName$5} wmTableRow ${getAttrMarkup(attrs)}>
+            return `<${tagName$7} 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)"
@@ -93735,7 +93112,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$5}>`
+        post: () => `</div></ng-template></${tagName$7}>`
     };
 });
 var tableRow_build = () => { };
@@ -93745,7 +93122,7 @@ var tableRow_build$1 = /*#__PURE__*/Object.freeze({
     default: tableRow_build
 });
 
-const tagName$4 = 'div';
+const tagName$6 = '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>
@@ -93777,9 +93154,9 @@ const getRowActionTmpl = (attrs) => {
 };
 register('wm-table-row-action', () => {
     return {
-        pre: attrs => `<${tagName$4} wmTableRowAction ${getAttrMarkup(attrs)}>
+        pre: attrs => `<${tagName$6} wmTableRowAction ${getAttrMarkup(attrs)}>
                         ${getRowActionTmpl(attrs)}`,
-        post: () => `</${tagName$4}>`
+        post: () => `</${tagName$6}>`
     };
 });
 var tableRowAction_build = () => { };
@@ -93789,9 +93166,9 @@ var tableRowAction_build$1 = /*#__PURE__*/Object.freeze({
     default: tableRowAction_build
 });
 
-const tagName$3 = 'div';
+const tagName$5 = 'div';
 const dataSetKey = 'dataset';
-const idGen = new IDGenerator('table_');
+const idGen$1 = 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
@@ -93851,14 +93228,14 @@ register('wm-table', () => {
             updateTemplateAttrs(node, boundExpr, widgetNameAttr.value, '', 'row');
         },
         pre: (attrs, shared) => {
-            const counter = idGen.nextUid();
+            const counter = idGen$1.nextUid();
             shared.set('counter', counter);
             attrs.set('isdynamictable', shared.get('isdynamictable'));
             attrs.set('isrowexpansionenabled', shared.get('isrowexpansionenabled'));
             attrs.set('table_reference', counter);
-            return `<${tagName$3} wmTable="${counter}" wmTableFilterSort wmTableCUD #${counter} data-identifier="table" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$5} wmTable="${counter}" wmTableFilterSort wmTableCUD #${counter} data-identifier="table" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$3}>`,
+        post: () => `</${tagName$5}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set('table_reference', shared.get('counter'));
@@ -93877,11 +93254,11 @@ var table_build$1 = /*#__PURE__*/Object.freeze({
     default: table_build
 });
 
-const tagName$2 = 'div';
+const tagName$4 = 'div';
 register('wm-video', () => {
     return {
-        pre: attrs => `<${tagName$2} wmVideo ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$2}>`
+        pre: attrs => `<${tagName$4} wmVideo ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$4}>`
     };
 });
 var video_build = () => { };
@@ -93891,7 +93268,7 @@ var video_build$1 = /*#__PURE__*/Object.freeze({
     default: video_build
 });
 
-const tagName$1 = 'div';
+const tagName$3 = 'div';
 const SPACING_KEY = 'parentLinearLayout.spacing';
 register('wm-linearlayout', () => {
     return {
@@ -93899,9 +93276,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$1} wmLinearLayout ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$3} wmLinearLayout ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1}>`,
+        post: () => `</${tagName$3}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set(SPACING_KEY, attrs.get('spacing'));
@@ -93916,11 +93293,11 @@ var linearLayout_build$1 = /*#__PURE__*/Object.freeze({
     default: linearLayout_build
 });
 
-const tagName = 'div';
+const tagName$2 = 'div';
 register('wm-linearlayoutitem', () => {
     return {
-        pre: attrs => `<${tagName} wmLinearLayoutItem ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName}>`
+        pre: attrs => `<${tagName$2} wmLinearLayoutItem ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$2}>`
     };
 });
 var linearLayoutItem_build = () => { };
@@ -93930,6 +93307,49 @@ 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;
@@ -93961,6 +93381,8 @@ 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;