@wavemaker/angular-codegen 10.12.2-next.23213 → 11.0.0-next.139236

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

@@ -41409,6 +41409,7 @@ const DIALOG_MODULE = [...NGX_MODAL_MODULE, ...INPUT_MODULE, { from: '@wm/compon
 const PAGINATION_MODULE = [...NG_FORM_MODULE, ...NGX_PAGINATION_MODULE, { from: '@wm/components/data/pagination', name: 'PaginationModule' }];
 const SEARCH_MODULE = [...NG_FORM_MODULE, ...NGX_TYPE_HEAD_MODULE, { from: '@wm/components/basic/search', name: 'SearchModule' }];
 const ACCORDION_MODULE = [{ from: '@wm/components/containers/accordion', name: 'AccordionModule' }];
+const LINEAR_LAYOUT_MODULE = [{ from: ' @wm/components/containers/linear-layout', name: 'LinearLayoutModule' }];
 const ALERT_DIALOG_MODULE = [...DIALOG_MODULE, { from: '@wm/components/dialogs/alert-dialog', name: 'AlertDialogModule' }];
 const BARCODE_SCANNER_MODULE = [{ from: '@wm/mobile/components/device/barcode-scanner', name: 'BarcodeScannerModule' }];
 const MENU_MODULE = [...BASIC_MODULE, ...NGX_DROP_DOWN_MODULE, ...INPUT_MODULE, { from: '@wm/components/navigation/menu', name: 'MenuModule' }];
@@ -41503,6 +41504,8 @@ const WIDGET_IMPORTS = new Map([
     ['wm-label', BASIC_MODULE],
     ['wm-layoutgrid', LAYOUT_GRID_MODULE],
     ['wm-left-panel', LEFT_PANEL_MODULE],
+    ['wm-linearlayout', LINEAR_LAYOUT_MODULE],
+    ['wm-linearlayoutitem', LINEAR_LAYOUT_MODULE],
     ['wm-list', LIST_MODULE],
     ['wm-livetable', LIVE_TABLE_MODULE],
     ['wm-login', LOGIN_MODULE],
@@ -42120,11 +42123,11 @@ var carouselTemplate_build$1 = /*#__PURE__*/Object.freeze({
     'default': carouselTemplate_build
 });
 
-const tagName$1y = 'div';
+const tagName$1A = 'div';
 register('wm-login', () => {
     return {
-        pre: attrs => `<${tagName$1y} wmLogin ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction">`,
-        post: () => `</${tagName$1y}>`,
+        pre: attrs => `<${tagName$1A} wmLogin ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction">`,
+        post: () => `</${tagName$1A}>`,
         provide: () => {
             const provider = new Map();
             provider.set('isLogin', true);
@@ -42139,11 +42142,11 @@ var login_build$1 = /*#__PURE__*/Object.freeze({
     'default': login_build
 });
 
-const tagName$1x = 'marquee';
+const tagName$1z = 'marquee';
 register('wm-marquee', () => {
     return {
-        pre: attrs => `<${tagName$1x} onmouseover="this.stop();" onmouseout="this.start();" wmMarquee role="marquee" aria-live="off" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1x}>`
+        pre: attrs => `<${tagName$1z} onmouseover="this.stop();" onmouseout="this.start();" wmMarquee role="marquee" aria-live="off" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1z}>`
     };
 });
 var marquee_build = () => { };
@@ -42153,15 +42156,15 @@ var marquee_build$1 = /*#__PURE__*/Object.freeze({
     'default': marquee_build
 });
 
-const tagName$1w = 'a';
+const tagName$1y = 'a';
 const idGen$p = new IDGenerator('wm_anchor');
 register('wm-anchor', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$p.nextUid();
-            return `<${tagName$1w} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption || 'Link'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1y} wmAnchor #${counter}="wmAnchor" role="link" data-identifier="anchor" [attr.aria-label]="${counter}.hint || ${counter}.caption || 'Link'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1w}>`
+        post: () => `</${tagName$1y}>`
     };
 });
 var anchor_build = () => { };
@@ -42171,11 +42174,11 @@ var anchor_build$1 = /*#__PURE__*/Object.freeze({
     'default': anchor_build
 });
 
-const tagName$1v = 'div';
+const tagName$1x = 'div';
 register('wm-audio', () => {
     return {
-        pre: attrs => `<${tagName$1v} wmAudio ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1v}>`
+        pre: attrs => `<${tagName$1x} wmAudio ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1x}>`
     };
 });
 var audio_build = () => { };
@@ -42185,15 +42188,15 @@ var audio_build$1 = /*#__PURE__*/Object.freeze({
     'default': audio_build
 });
 
-const tagName$1u = 'div';
+const tagName$1w = 'div';
 const idGen$o = new IDGenerator('wm_html');
 register('wm-html', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$o.nextUid();
-            return `<${tagName$1u} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1w} wmHtml #${counter}="wmHtml" [attr.aria-label]="${counter}.hint || 'HTML content'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1u}>`
+        post: () => `</${tagName$1w}>`
     };
 });
 var html_build = () => { };
@@ -42203,11 +42206,11 @@ var html_build$1 = /*#__PURE__*/Object.freeze({
     'default': html_build
 });
 
-const tagName$1t = 'span';
+const tagName$1v = 'span';
 register('wm-icon', () => {
     return {
-        pre: attrs => `<${tagName$1t} wmIcon aria-hidden="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1t}>`
+        pre: attrs => `<${tagName$1v} wmIcon aria-hidden="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1v}>`
     };
 });
 var icon_build = () => { };
@@ -42217,11 +42220,11 @@ var icon_build$1 = /*#__PURE__*/Object.freeze({
     'default': icon_build
 });
 
-const tagName$1s = 'div';
+const tagName$1u = 'div';
 register('wm-iframe', () => {
     return {
-        pre: attrs => `<${tagName$1s} wmIframe ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1s}>`
+        pre: attrs => `<${tagName$1u} wmIframe ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1u}>`
     };
 });
 var iframe_build = () => { };
@@ -42231,15 +42234,15 @@ var iframe_build$1 = /*#__PURE__*/Object.freeze({
     'default': iframe_build
 });
 
-const tagName$1r = 'label';
+const tagName$1t = 'label';
 const idGen$n = new IDGenerator('wm_label');
 register('wm-label', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$n.nextUid();
-            return `<${tagName$1r} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint || 'Label text'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1t} wmLabel #${counter}="wmLabel" [attr.aria-label]="${counter}.hint || 'Label text'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1r}>`
+        post: () => `</${tagName$1t}>`
     };
 });
 var label_build = () => { };
@@ -42249,13 +42252,13 @@ var label_build$1 = /*#__PURE__*/Object.freeze({
     'default': label_build
 });
 
-const tagName$1q = 'img';
+const tagName$1s = 'img';
 const idGen$m = new IDGenerator('wm_picture');
 register('wm-picture', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$m.nextUid();
-            return `<${tagName$1q} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.hint || 'Image'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1s} wmPicture #${counter}="wmPicture" alt="image" wmImageCache="${attrs.get('offline') || 'true'}" [attr.aria-label]="${counter}.hint || 'Image'" ${getAttrMarkup(attrs)}>`;
         }
     };
 });
@@ -42266,15 +42269,15 @@ var picture_build$1 = /*#__PURE__*/Object.freeze({
     'default': picture_build
 });
 
-const tagName$1p = 'div';
+const tagName$1r = 'div';
 const idGen$l = new IDGenerator('wm_spinner');
 register('wm-spinner', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$l.nextUid();
-            return `<${tagName$1p} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.hint || 'Loading...'" aria-live="assertive" aria-busy="true" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1r} wmSpinner #${counter}="wmSpinner" role="alert" [attr.aria-label]="${counter}.hint || 'Loading...'" aria-live="assertive" aria-busy="true" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1p}>`
+        post: () => `</${tagName$1r}>`
     };
 });
 var spinner_build = () => { };
@@ -42284,7 +42287,7 @@ var spinner_build$1 = /*#__PURE__*/Object.freeze({
     'default': spinner_build
 });
 
-const tagName$1o = 'div';
+const tagName$1q = 'div';
 const getAttr = (node, attrName) => node.attrs.find(attr => attr.name === attrName);
 const ɵ0$b$1 = getAttr;
 const getAttrValue = (node, attrName) => {
@@ -42315,8 +42318,8 @@ register('wm-progress-bar', () => {
                 }
             }
         },
-        pre: attrs => `<${tagName$1o} wmProgressBar ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1o}>`
+        pre: attrs => `<${tagName$1q} wmProgressBar ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1q}>`
     };
 });
 var progressBar_build = () => { };
@@ -42329,11 +42332,11 @@ var progressBar_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ2': ɵ2$4$1
 });
 
-const tagName$1n = 'div';
+const tagName$1p = 'div';
 register('wm-progress-circle', () => {
     return {
-        pre: attrs => `<${tagName$1n} wmProgressCircle ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1n}>`
+        pre: attrs => `<${tagName$1p} wmProgressCircle ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1p}>`
     };
 });
 var progressCircle_build = () => { };
@@ -42343,15 +42346,15 @@ var progressCircle_build$1 = /*#__PURE__*/Object.freeze({
     'default': progressCircle_build
 });
 
-const tagName$1m = 'div';
+const tagName$1o = 'div';
 const idGen$k = new IDGenerator('wm_richtexteditor');
 register('wm-richtexteditor', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$k.nextUid();
-            return `<${tagName$1m} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.hint || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
+            return `<${tagName$1o} wmRichTextEditor #${counter}="wmRichTextEditor" role="textbox" [attr.aria-label]="${counter}.hint || 'Richtext editor'" ${getFormMarkupAttr(attrs)}>`;
         },
-        post: () => `</${tagName$1m}>`
+        post: () => `</${tagName$1o}>`
     };
 });
 var richTextEditor_build = () => { };
@@ -42361,11 +42364,11 @@ var richTextEditor_build$1 = /*#__PURE__*/Object.freeze({
     'default': richTextEditor_build
 });
 
-const tagName$1l = 'div';
+const tagName$1n = 'div';
 register('wm-search', () => {
     return {
-        pre: attrs => `<${tagName$1l} wmSearch ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$1l}>`
+        pre: attrs => `<${tagName$1n} wmSearch ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$1n}>`
     };
 });
 var search_build = () => { };
@@ -42375,11 +42378,11 @@ var search_build$1 = /*#__PURE__*/Object.freeze({
     'default': search_build
 });
 
-const tagName$1k = 'div';
+const tagName$1m = 'div';
 register('wm-tree', () => {
     return {
-        pre: attrs => `<${tagName$1k} wmTree redrawable ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1k}>`
+        pre: attrs => `<${tagName$1m} wmTree redrawable ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1m}>`
     };
 });
 var tree_build = () => { };
@@ -42389,11 +42392,11 @@ var tree_build$1 = /*#__PURE__*/Object.freeze({
     'default': tree_build
 });
 
-const tagName$1j = 'div';
+const tagName$1l = 'div';
 register('wm-card', () => {
     return {
-        pre: attrs => `<${tagName$1j} wmCard ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1j}>`
+        pre: attrs => `<${tagName$1l} wmCard ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1l}>`
     };
 });
 var card_build = () => { };
@@ -42403,11 +42406,11 @@ var card_build$1 = /*#__PURE__*/Object.freeze({
     'default': card_build
 });
 
-const tagName$1i = 'div';
+const tagName$1k = 'div';
 register('wm-card-content', () => {
     return {
-        pre: attrs => `<${tagName$1i} wmCardContent partialContainer ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1i}>`
+        pre: attrs => `<${tagName$1k} wmCardContent partialContainer ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1k}>`
     };
 });
 var cardContent_build = () => { };
@@ -42417,11 +42420,11 @@ var cardContent_build$1 = /*#__PURE__*/Object.freeze({
     'default': cardContent_build
 });
 
-const tagName$1h = 'div';
+const tagName$1j = 'div';
 register('wm-card-actions', () => {
     return {
-        pre: attrs => `<${tagName$1h} wmCardActions ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1h}>`
+        pre: attrs => `<${tagName$1j} wmCardActions ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1j}>`
     };
 });
 var cardActions_build = () => { };
@@ -42431,11 +42434,11 @@ var cardActions_build$1 = /*#__PURE__*/Object.freeze({
     'default': cardActions_build
 });
 
-const tagName$1g = 'div';
+const tagName$1i = 'div';
 register('wm-card-footer', () => {
     return {
-        pre: attrs => `<${tagName$1g} wmCardFooter ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1g}>`
+        pre: attrs => `<${tagName$1i} wmCardFooter ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1i}>`
     };
 });
 var cardFooter_build = () => { };
@@ -42445,11 +42448,11 @@ var cardFooter_build$1 = /*#__PURE__*/Object.freeze({
     'default': cardFooter_build
 });
 
-const tagName$1f = 'div';
+const tagName$1h = 'div';
 register('wm-chart', () => {
     return {
-        pre: attrs => `<${tagName$1f} wmChart redrawable aria-label="${attrs.get('type')} Chart" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1f}>`
+        pre: attrs => `<${tagName$1h} wmChart redrawable aria-label="${attrs.get('type')} Chart" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1h}>`
     };
 });
 var chart_build = () => { };
@@ -42459,7 +42462,7 @@ var chart_build$1 = /*#__PURE__*/Object.freeze({
     'default': chart_build
 });
 
-const tagName$1e = 'div';
+const tagName$1g = 'div';
 const dataSetKey$4 = 'dataset';
 const idGen$j = new IDGenerator('wm_accordion_ref_');
 const isDynamicAccordion = node => node.attrs.find(attr => attr.name === 'type' && attr.value === 'dynamic');
@@ -42470,9 +42473,9 @@ register('wm-accordion', () => {
             // generating unique Id for the accordion
             const counter = idGen$j.nextUid();
             shared.set('accordion_ref', counter);
-            return `<${tagName$1e} wmAccordion #${counter}="wmAccordion" role="tablist" aria-multiselectable="true" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1g} wmAccordion #${counter}="wmAccordion" role="tablist" aria-multiselectable="true" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1e}>`,
+        post: () => `</${tagName$1g}>`,
         template: (node, shared) => {
             // check if the accordion is dynamic
             if (isDynamicAccordion(node)) {
@@ -42504,11 +42507,11 @@ var accordion_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ0': ɵ0$a$1
 });
 
-const tagName$1d = 'div';
+const tagName$1f = 'div';
 register('wm-accordionpane', () => {
     return {
-        pre: attrs => `<${tagName$1d} wmAccordionPane partialContainer wm-navigable-element="true" role="tab" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1d}>`
+        pre: attrs => `<${tagName$1f} wmAccordionPane partialContainer wm-navigable-element="true" role="tab" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1f}>`
     };
 });
 var accordionPane_build = () => { };
@@ -42518,11 +42521,11 @@ var accordionPane_build$1 = /*#__PURE__*/Object.freeze({
     'default': accordionPane_build
 });
 
-const tagName$1c = 'div';
+const tagName$1e = 'div';
 register('wm-container', () => {
     return {
-        pre: attrs => `<${tagName$1c} wmContainer partialContainer wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1c}>`
+        pre: attrs => `<${tagName$1e} wmContainer partialContainer wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1e}>`
     };
 });
 var container_build = () => { };
@@ -42532,11 +42535,11 @@ var container_build$1 = /*#__PURE__*/Object.freeze({
     'default': container_build
 });
 
-const tagName$1b = 'div';
+const tagName$1d = 'div';
 register('wm-gridcolumn', () => {
     return {
-        pre: attrs => `<${tagName$1b} wmLayoutGridColumn ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1b}>`
+        pre: attrs => `<${tagName$1d} wmLayoutGridColumn ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1d}>`
     };
 });
 var layoutGridColumn_build = () => { };
@@ -42546,11 +42549,11 @@ var layoutGridColumn_build$1 = /*#__PURE__*/Object.freeze({
     'default': layoutGridColumn_build
 });
 
-const tagName$1a = 'div';
+const tagName$1c = 'div';
 register('wm-gridrow', () => {
     return {
-        pre: attrs => `<${tagName$1a} wmLayoutGridRow ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$1a}>`
+        pre: attrs => `<${tagName$1c} wmLayoutGridRow ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1c}>`
     };
 });
 var layoutGridRow_build = () => { };
@@ -42560,11 +42563,11 @@ var layoutGridRow_build$1 = /*#__PURE__*/Object.freeze({
     'default': layoutGridRow_build
 });
 
-const tagName$19 = 'div';
+const tagName$1b = 'div';
 register('wm-layoutgrid', () => {
     return {
-        pre: attrs => `<${tagName$19} wmLayoutGrid ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$19}>`
+        pre: attrs => `<${tagName$1b} wmLayoutGrid ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1b}>`
     };
 });
 var layoutGrid_build = () => { };
@@ -42574,21 +42577,21 @@ var layoutGrid_build$1 = /*#__PURE__*/Object.freeze({
     'default': layoutGrid_build
 });
 
-const tagName$18 = 'div';
+const tagName$1a = 'div';
 const idGen$i = new IDGenerator('wm_panel');
 register('wm-panel', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$i.nextUid();
-            return `<${tagName$18} wmPanel #${counter}="wmPanel" partialContainer [attr.aria-label]="${counter}.hint || 'Panel'" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$1a} wmPanel #${counter}="wmPanel" partialContainer [attr.aria-label]="${counter}.hint || 'Panel'" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$18}>`
+        post: () => `</${tagName$1a}>`
     };
 });
 register('wm-panel-footer', () => {
     return {
-        pre: attrs => `<${tagName$18} wmPanelFooter ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$18}>`
+        pre: attrs => `<${tagName$1a} wmPanelFooter ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1a}>`
     };
 });
 var panel_build = () => { };
@@ -42598,11 +42601,11 @@ var panel_build$1 = /*#__PURE__*/Object.freeze({
     'default': panel_build
 });
 
-const tagName$17 = 'div';
+const tagName$19 = 'div';
 register('wm-segmented-control', () => {
     return {
-        pre: attrs => `<${tagName$17} wmSegmentedControl ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$17}>`
+        pre: attrs => `<${tagName$19} wmSegmentedControl ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$19}>`
     };
 });
 var segmentedControl_build = () => { };
@@ -42612,11 +42615,11 @@ var segmentedControl_build$1 = /*#__PURE__*/Object.freeze({
     'default': segmentedControl_build
 });
 
-const tagName$16 = 'li';
+const tagName$18 = 'li';
 register('wm-segment-content', () => {
     return {
-        pre: attrs => `<${tagName$16} wmSegmentContent partialContainer wmSmoothscroll=${attrs.get('smoothscroll') || 'false'} wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$16}>`
+        pre: attrs => `<${tagName$18} wmSegmentContent partialContainer wmSmoothscroll=${attrs.get('smoothscroll') || 'false'} wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$18}>`
     };
 });
 var segmentContent_build = () => { };
@@ -42652,7 +42655,7 @@ var repeatTemplate_build$1 = /*#__PURE__*/Object.freeze({
     'default': repeatTemplate_build
 });
 
-const tagName$15 = 'div';
+const tagName$17 = 'div';
 const dataSetKey$3 = 'dataset';
 const idGen$h = new IDGenerator('wm_tabs_ref_');
 const isDynamicTabs = node => node.attrs.find(attr => attr.name === 'type' && attr.value === 'dynamic');
@@ -42663,9 +42666,9 @@ register('wm-tabs', () => {
             // generating unique Id for the tabs
             const counter = idGen$h.nextUid();
             shared.set('tabs_ref', counter);
-            return `<${tagName$15} wmTabs #${counter}="wmTabs" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$17} wmTabs #${counter}="wmTabs" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$15}>`,
+        post: () => `</${tagName$17}>`,
         template: (node, shared) => {
             // check if the tab widget is dynamic
             if (isDynamicTabs(node)) {
@@ -42697,11 +42700,11 @@ var tabs_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ0': ɵ0$9$1
 });
 
-const tagName$14 = 'div';
+const tagName$16 = 'div';
 register('wm-tabpane', () => {
     return {
-        pre: attrs => `<${tagName$14} wmTabPane  partialContainer ${getAttrMarkup(attrs)} wm-navigable-element="true" role="tabpanel">`,
-        post: () => `</${tagName$14}>`
+        pre: attrs => `<${tagName$16} wmTabPane  partialContainer ${getAttrMarkup(attrs)} wm-navigable-element="true" role="tabpanel">`,
+        post: () => `</${tagName$16}>`
     };
 });
 var tabPane_build = () => { };
@@ -42711,11 +42714,11 @@ var tabPane_build$1 = /*#__PURE__*/Object.freeze({
     'default': tabPane_build
 });
 
-const tagName$13 = 'div';
+const tagName$15 = 'div';
 register('wm-tile', () => {
     return {
-        pre: attrs => `<${tagName$13} wmTile aria-describedby="Tile" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$13}>`
+        pre: attrs => `<${tagName$15} wmTile aria-describedby="Tile" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$15}>`
     };
 });
 var tile_build = () => { };
@@ -42725,11 +42728,11 @@ var tile_build$1 = /*#__PURE__*/Object.freeze({
     'default': tile_build
 });
 
-const tagName$12 = 'div';
+const tagName$14 = 'div';
 register('wm-wizard', () => {
     return {
-        pre: attrs => `<${tagName$12} wmWizard role="tablist" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$12}>`
+        pre: attrs => `<${tagName$14} wmWizard role="tablist" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$14}>`
     };
 });
 var wizard_build = () => { };
@@ -42739,16 +42742,16 @@ var wizard_build$1 = /*#__PURE__*/Object.freeze({
     'default': wizard_build
 });
 
-const tagName$11 = 'form';
+const tagName$13 = 'form';
 const idGen$g = new IDGenerator('wizard_step_id_');
 register('wm-wizardstep', () => {
     return {
         pre: attrs => {
             const counter = idGen$g.nextUid();
-            return `<${tagName$11} wmWizardStep #${counter}="wmWizardStep" ${getAttrMarkup(attrs)}>
+            return `<${tagName$13} wmWizardStep #${counter}="wmWizardStep" ${getAttrMarkup(attrs)}>
                        <ng-template [ngIf]="${counter}.isInitialized">`;
         },
-        post: () => `</ng-template></${tagName$11}>`
+        post: () => `</ng-template></${tagName$13}>`
     };
 });
 var wizardStep_build = () => { };
@@ -42758,15 +42761,15 @@ var wizardStep_build$1 = /*#__PURE__*/Object.freeze({
     'default': wizardStep_build
 });
 
-const tagName$10 = 'button';
+const tagName$12 = 'button';
 const idGen$f = new IDGenerator('wm_barcodescanner');
 register('wm-barcodescanner', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$f.nextUid();
-            return `<${tagName$10} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.hint || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$12} wmBarcodescanner #${counter}="wmBarcodescanner" [attr.aria-label]="${counter}.hint || 'Barcode scanner'"  ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$10}>`
+        post: () => `</${tagName$12}>`
     };
 });
 var barcodeScanner_build = () => { };
@@ -42776,15 +42779,15 @@ var barcodeScanner_build$1 = /*#__PURE__*/Object.freeze({
     'default': barcodeScanner_build
 });
 
-const tagName$$ = 'button';
+const tagName$11 = 'button';
 const idGen$e = new IDGenerator('wm_camera');
 register('wm-camera', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$e.nextUid();
-            return `<${tagName$$} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.hint || 'Camera'"  ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$11} type='button' wmCamera #${counter}="wmCamera" [attr.aria-label]="${counter}.hint || 'Camera'"  ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$$}>`
+        post: () => `</${tagName$11}>`
     };
 });
 var camera_build = () => { };
@@ -42794,11 +42797,11 @@ var camera_build$1 = /*#__PURE__*/Object.freeze({
     'default': camera_build
 });
 
-const tagName$_ = 'div';
+const tagName$10 = 'div';
 register('wm-alertdialog', () => {
     return {
-        pre: attrs => `<${tagName$_} wmAlertDialog role="alertdialog" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$_}>`
+        pre: attrs => `<${tagName$10} wmAlertDialog role="alertdialog" wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$10}>`
     };
 });
 var alertDialog_build = () => { };
@@ -42808,11 +42811,11 @@ var alertDialog_build$1 = /*#__PURE__*/Object.freeze({
     'default': alertDialog_build
 });
 
-const tagName$Z = 'div';
+const tagName$$ = 'div';
 register('wm-confirmdialog', () => {
     return {
-        pre: attrs => `<${tagName$Z} wmConfirmDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$Z}>`
+        pre: attrs => `<${tagName$$} wmConfirmDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$$}>`
     };
 });
 var confirmDialog_build = () => { };
@@ -42822,11 +42825,11 @@ var confirmDialog_build$1 = /*#__PURE__*/Object.freeze({
     'default': confirmDialog_build
 });
 
-const tagName$Y = 'div';
+const tagName$_ = 'div';
 register('wm-dialogactions', () => {
     return {
-        pre: attrs => `<ng-template #dialogFooter><${tagName$Y} wmDialogFooter data-identfier="actions" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$Y}></ng-template>`
+        pre: attrs => `<ng-template #dialogFooter><${tagName$_} wmDialogFooter data-identfier="actions" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$_}></ng-template>`
     };
 });
 var dialogFooter_build = () => { };
@@ -42836,11 +42839,11 @@ var dialogFooter_build$1 = /*#__PURE__*/Object.freeze({
     'default': dialogFooter_build
 });
 
-const tagName$X = 'div';
+const tagName$Z = 'div';
 register('wm-dialog', () => {
     return {
-        pre: attrs => `<${tagName$X} wmDialog ${getAttrMarkup(attrs)} aria-modal="true" role="dialog" wm-navigable-element="true"><ng-template #dialogBody>`,
-        post: () => `</ng-template></${tagName$X}>`
+        pre: attrs => `<${tagName$Z} wmDialog ${getAttrMarkup(attrs)} aria-modal="true" role="dialog" wm-navigable-element="true"><ng-template #dialogBody>`,
+        post: () => `</ng-template></${tagName$Z}>`
     };
 });
 // Todo:vinay remove wm-view in migration
@@ -42857,11 +42860,11 @@ var dialog_build$1 = /*#__PURE__*/Object.freeze({
     'default': dialog_build
 });
 
-const tagName$W = 'div';
+const tagName$Y = 'div';
 register('wm-iframedialog', () => {
     return {
-        pre: attrs => `<${tagName$W} wmIframeDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$W}>`
+        pre: attrs => `<${tagName$Y} wmIframeDialog wm-navigable-element="true" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$Y}>`
     };
 });
 var iframeDialog_build = () => { };
@@ -42871,11 +42874,11 @@ var iframeDialog_build$1 = /*#__PURE__*/Object.freeze({
     'default': iframeDialog_build
 });
 
-const tagName$V = 'div';
+const tagName$X = 'div';
 register('wm-logindialog', () => {
     return {
-        pre: attrs => `<${tagName$V} wmDialog wmLoginDialog ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction" wm-navigable-element="true"><ng-template #dialogBody>`,
-        post: () => `</ng-template></${tagName$V}>`
+        pre: attrs => `<${tagName$X} wmDialog wmLoginDialog ${getAttrMarkup(attrs)} eventsource.bind="Actions.loginAction" wm-navigable-element="true"><ng-template #dialogBody>`,
+        post: () => `</ng-template></${tagName$X}>`
     };
 });
 var loginDialog_build = () => { };
@@ -42885,7 +42888,7 @@ var loginDialog_build$1 = /*#__PURE__*/Object.freeze({
     'default': loginDialog_build
 });
 
-const tagName$U = 'div';
+const tagName$W = 'div';
 register('wm-pagedialog', () => {
     return {
         pre: (attrs, shared) => {
@@ -42911,14 +42914,14 @@ register('wm-pagedialog', () => {
                 shared.set('hasPartialContent', true);
                 containerMarkup += `<ng-template><div wmContainer #partial partialContainer ${contentMarkup} width="100%" height="100%" ${onLoadEvtMarkup}>`;
             }
-            return `<${tagName$U} wmPartialDialog ${getAttrMarkup(attrs)}>${containerMarkup}`;
+            return `<${tagName$W} wmPartialDialog ${getAttrMarkup(attrs)}>${containerMarkup}`;
         },
         post: (attrs, shared) => {
             let preContent = '';
             if (shared.get('hasPartialContent')) {
                 preContent = `</div></ng-template>`;
             }
-            return `${preContent}</${tagName$U}>`;
+            return `${preContent}</${tagName$W}>`;
         }
     };
 });
@@ -42997,7 +43000,7 @@ const getEditModeWidget = colDef => {
     return (fieldTypeWidgetTypeMap[colDef.type] && fieldTypeWidgetTypeMap[colDef.type][0]) || FormWidgetType.TEXT;
 };
 
-const tagName$T = 'div';
+const tagName$V = 'div';
 const idGen$d = new IDGenerator('formfield_');
 const getEventsTemplate = (attrs) => {
     const eventAttrs = new Map();
@@ -43124,7 +43127,7 @@ const registerFormField = (isFormField) => {
             else {
                 setDefaultPlaceholder(attrs, widgetType, 2);
             }
-            return `<${tagName$T} data-role="${dataRole}" [formGroup]="${pCounter}.ngform" wmFormField captionPosition #${counter}="wmFormField" widgettype="${widgetType}" ${getFormMarkupAttr(attrs)}>
+            return `<${tagName$V} data-role="${dataRole}" [formGroup]="${pCounter}.ngform" wmFormField captionPosition #${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,
@@ -43140,7 +43143,7 @@ const registerFormField = (isFormField) => {
                             </div>
                         </div>`;
         },
-        post: () => `</${tagName$T}>`,
+        post: () => `</${tagName$V}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set('form_reference', shared.get('counter'));
@@ -43169,11 +43172,11 @@ var formField_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ5': ɵ5$1$1
 });
 
-const tagName$S = 'div';
+const tagName$U = 'div';
 const registerAction = (tmpl) => {
     return {
-        pre: attrs => `<${tagName$S} wmFormAction name="${attrs.get('name') || attrs.get('key')}" ${getAttrMarkup(attrs)} ${tmpl}>`,
-        post: () => `</${tagName$S}>`
+        pre: attrs => `<${tagName$U} wmFormAction name="${attrs.get('name') || attrs.get('key')}" ${getAttrMarkup(attrs)} ${tmpl}>`,
+        post: () => `</${tagName$U}>`
     };
 };
 const ɵ0$7$1 = registerAction;
@@ -43187,7 +43190,7 @@ var formAction_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ0': ɵ0$7$1
 });
 
-const tagName$R = 'form';
+const tagName$T = 'form';
 const idGen$c = new IDGenerator('form_');
 const formWidgets$1 = new Set([
     'wm-text',
@@ -43263,7 +43266,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$R} wmForm data-role="${role}" ${directiveAttr} #${counter} ngNativeValidate [formGroup]="${counter}.ngform" [noValidate]="${counter}.validationtype !== 'html'"
+            const liveFormTmpl = `<${tagName$T} 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);
@@ -43312,9 +43315,9 @@ const buildTask = (directiveAttr = '') => {
                 return '</form></ng-template></div></div>';
             }
             if (attrs.get('formlayout') === 'page') {
-                return `</div></${tagName$R}>`;
+                return `</div></${tagName$T}>`;
             }
-            return `</${tagName$R}>`;
+            return `</${tagName$T}>`;
         },
         provide: (attrs, shared) => {
             const provider = new Map();
@@ -43337,14 +43340,14 @@ var form_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ2': ɵ2$2$1
 });
 
-const tagName$Q = 'div';
+const tagName$S = 'div';
 register('wm-calendar', () => {
     return {
         pre: (attrs) => {
             let viewType = attrs.get('view') ? attrs.get('view') + ' view' : 'month view';
-            return `<${tagName$Q} wmCalendar redrawable style="width:100%" aria-label="${viewType}" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$S} wmCalendar redrawable style="width:100%" aria-label="${viewType}" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$Q}>`
+        post: () => `</${tagName$S}>`
     };
 });
 var calendar_build = () => { };
@@ -43354,11 +43357,11 @@ var calendar_build$1 = /*#__PURE__*/Object.freeze({
     'default': calendar_build
 });
 
-const tagName$P = 'ul';
+const tagName$R = 'ul';
 register('wm-chips', () => {
     return {
-        pre: attrs => `<${tagName$P} wmChips role="listbox" ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$P}>`
+        pre: attrs => `<${tagName$R} wmChips role="listbox" ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$R}>`
     };
 });
 var chips_build = () => { };
@@ -43368,11 +43371,11 @@ var chips_build$1 = /*#__PURE__*/Object.freeze({
     'default': chips_build
 });
 
-const tagName$O = 'div';
+const tagName$Q = 'div';
 register('wm-colorpicker', () => {
     return {
-        pre: attrs => `<${tagName$O} wmColorPicker ${getAttrMarkup(attrs)} role="input" ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$O}>`
+        pre: attrs => `<${tagName$Q} wmColorPicker ${getAttrMarkup(attrs)} role="input" ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$Q}>`
     };
 });
 var colorPicker_build = () => { };
@@ -43382,11 +43385,11 @@ var colorPicker_build$1 = /*#__PURE__*/Object.freeze({
     'default': colorPicker_build
 });
 
-const tagName$N = 'div';
+const tagName$P = 'div';
 register('wm-currency', () => {
     return {
-        pre: attrs => `<${tagName$N} wmCurrency ${getAttrMarkup(attrs)} role="input" ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$N}>`
+        pre: attrs => `<${tagName$P} wmCurrency ${getAttrMarkup(attrs)} role="input" ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$P}>`
     };
 });
 var currency_build = () => { };
@@ -43396,11 +43399,11 @@ var currency_build$1 = /*#__PURE__*/Object.freeze({
     'default': currency_build
 });
 
-const tagName$M = 'div';
+const tagName$O = 'div';
 register('wm-buttongroup', () => {
     return {
-        pre: attrs => `<${tagName$M} wmButtonGroup role="group" aria-labelledby="button group" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$M}>`
+        pre: attrs => `<${tagName$O} wmButtonGroup role="group" aria-labelledby="button group" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$O}>`
     };
 });
 var buttonGroup_build = () => { };
@@ -43410,15 +43413,15 @@ var buttonGroup_build$1 = /*#__PURE__*/Object.freeze({
     'default': buttonGroup_build
 });
 
-const tagName$L = 'button';
+const tagName$N = 'button';
 const idGen$b = new IDGenerator('wm_button');
 register('wm-button', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$b.nextUid();
-            return `<${tagName$L} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.hint || ${counter}.caption || 'Button'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$N} wmButton #${counter}="wmButton" [attr.aria-label]="${counter}.hint || ${counter}.caption || 'Button'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$L}>`
+        post: () => `</${tagName$N}>`
     };
 });
 var button_build = () => { };
@@ -43428,11 +43431,11 @@ var button_build$1 = /*#__PURE__*/Object.freeze({
     'default': button_build
 });
 
-const tagName$K = 'div';
+const tagName$M = 'div';
 register('wm-checkbox', () => {
     return {
-        pre: attrs => `<${tagName$K} wmCheckbox ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$K}>`
+        pre: attrs => `<${tagName$M} wmCheckbox ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$M}>`
     };
 });
 var checkbox_build = () => { };
@@ -43442,11 +43445,11 @@ var checkbox_build$1 = /*#__PURE__*/Object.freeze({
     'default': checkbox_build
 });
 
-const tagName$J = 'ul';
+const tagName$L = 'ul';
 register('wm-checkboxset', () => {
     return {
-        pre: attrs => `<${tagName$J} wmCheckboxset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$J}>`
+        pre: attrs => `<${tagName$L} wmCheckboxset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$L}>`
     };
 });
 var checkboxset_build = () => { };
@@ -43456,11 +43459,11 @@ var checkboxset_build$1 = /*#__PURE__*/Object.freeze({
     'default': checkboxset_build
 });
 
-const tagName$I = 'div';
+const tagName$K = 'div';
 register('wm-composite', () => {
     return {
-        pre: attrs => `<${tagName$I} wmComposite captionPosition ${setChildAttrs(attrs)} ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$I}${clearChildAttrs()}>`
+        pre: attrs => `<${tagName$K} wmComposite captionPosition ${setChildAttrs(attrs)} ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$K}${clearChildAttrs()}>`
     };
 });
 var composite_build = () => { };
@@ -43470,11 +43473,11 @@ var composite_build$1 = /*#__PURE__*/Object.freeze({
     'default': composite_build
 });
 
-const tagName$H = 'div';
+const tagName$J = 'div';
 register('wm-number', () => {
     return {
-        pre: attrs => `<${tagName$H} wmNumber ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$H}>`
+        pre: attrs => `<${tagName$J} wmNumber ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$J}>`
     };
 });
 var number_build = () => { };
@@ -43484,11 +43487,11 @@ var number_build$1 = /*#__PURE__*/Object.freeze({
     'default': number_build
 });
 
-const tagName$G = 'ul';
+const tagName$I = 'ul';
 register('wm-radioset', () => {
     return {
-        pre: attrs => `<${tagName$G} wmRadioset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$G}>`
+        pre: attrs => `<${tagName$I} wmRadioset ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$I}>`
     };
 });
 var radioset_build = () => { };
@@ -43498,11 +43501,11 @@ var radioset_build$1 = /*#__PURE__*/Object.freeze({
     'default': radioset_build
 });
 
-const tagName$F = 'wm-select';
+const tagName$H = 'wm-select';
 register('wm-select', () => {
     return {
-        pre: attrs => `<${tagName$F} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)}  ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$F}>`
+        pre: attrs => `<${tagName$H} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)}  ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$H}>`
     };
 });
 var select_build = () => { };
@@ -43512,15 +43515,15 @@ var select_build$1 = /*#__PURE__*/Object.freeze({
     'default': select_build
 });
 
-const tagName$E = 'div';
+const tagName$G = 'div';
 const idGen$a = new IDGenerator('wm_switch');
 register('wm-switch', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$a.nextUid();
-            return `<${tagName$E} wmSwitch #${counter}="wmSwitch" [attr.aria-label]="${counter}.hint || 'Switch button'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
+            return `<${tagName$G} wmSwitch #${counter}="wmSwitch" [attr.aria-label]="${counter}.hint || 'Switch button'" ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`;
         },
-        post: () => `</${tagName$E}>`
+        post: () => `</${tagName$G}>`
     };
 });
 var switch_build = () => { };
@@ -43530,11 +43533,11 @@ var switch_build$1 = /*#__PURE__*/Object.freeze({
     'default': switch_build
 });
 
-const tagName$D = 'wm-input';
+const tagName$F = 'wm-input';
 register('wm-text', () => {
     return {
-        pre: attrs => `<${tagName$D} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$D}>`
+        pre: attrs => `<${tagName$F} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$F}>`
     };
 });
 var text_build = () => { };
@@ -43544,11 +43547,11 @@ var text_build$1 = /*#__PURE__*/Object.freeze({
     'default': text_build
 });
 
-const tagName$C = 'wm-textarea';
+const tagName$E = 'wm-textarea';
 register('wm-textarea', () => {
     return {
-        pre: attrs => `<${tagName$C} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$C}>`
+        pre: attrs => `<${tagName$E} ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$E}>`
     };
 });
 var textarea_build = () => { };
@@ -43558,11 +43561,11 @@ var textarea_build$1 = /*#__PURE__*/Object.freeze({
     'default': textarea_build
 });
 
-const tagName$B = 'div';
+const tagName$D = 'div';
 register('wm-datetime', () => {
     return {
-        pre: attrs => `<${tagName$B} wmDateTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$B}>`
+        pre: attrs => `<${tagName$D} wmDateTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$D}>`
     };
 });
 var dateTime_build = () => { };
@@ -43572,11 +43575,11 @@ var dateTime_build$1 = /*#__PURE__*/Object.freeze({
     'default': dateTime_build
 });
 
-const tagName$A = 'div';
+const tagName$C = 'div';
 register('wm-date', () => {
     return {
-        pre: attrs => `<${tagName$A} wmDate ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$A}>`
+        pre: attrs => `<${tagName$C} wmDate ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$C}>`
     };
 });
 var date_build = () => { };
@@ -43586,11 +43589,11 @@ var date_build$1 = /*#__PURE__*/Object.freeze({
     'default': date_build
 });
 
-const tagName$z = 'div';
+const tagName$B = 'div';
 register('wm-time', () => {
     return {
-        pre: attrs => `<${tagName$z} wmTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$z}>`
+        pre: attrs => `<${tagName$B} wmTime ${getFormMarkupAttr(attrs)} ${getChildAttrs(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$B}>`
     };
 });
 var time_build = () => { };
@@ -43600,7 +43603,7 @@ var time_build$1 = /*#__PURE__*/Object.freeze({
     'default': time_build
 });
 
-const tagName$y = 'div';
+const tagName$A = 'div';
 register('wm-fileupload', () => {
     return {
         pre: attrs => {
@@ -43608,9 +43611,9 @@ register('wm-fileupload', () => {
                 const onSelectBinding = getDataSource(attrs.get('select.event'));
                 attrs.set('datasource.bind', onSelectBinding);
             }
-            return `<${tagName$y} wmFileUpload ${getAttrMarkup(attrs)} role="input">`;
+            return `<${tagName$A} wmFileUpload ${getAttrMarkup(attrs)} role="input">`;
         },
-        post: () => `</${tagName$y}>`
+        post: () => `</${tagName$A}>`
     };
 });
 var fileUpload_build = () => { };
@@ -43620,11 +43623,11 @@ var fileUpload_build$1 = /*#__PURE__*/Object.freeze({
     'default': fileUpload_build
 });
 
-const tagName$x = 'div';
+const tagName$z = 'div';
 register('wm-rating', () => {
     return {
-        pre: attrs => `<${tagName$x} wmRating ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$x}>`
+        pre: attrs => `<${tagName$z} wmRating ${getFormMarkupAttr(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$z}>`
     };
 });
 var rating_build = () => { };
@@ -43634,11 +43637,11 @@ var rating_build$1 = /*#__PURE__*/Object.freeze({
     'default': rating_build
 });
 
-const tagName$w = 'div';
+const tagName$y = 'div';
 register('wm-slider', () => {
     return {
-        pre: attrs => `<${tagName$w} wmSlider ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
-        post: () => `</${tagName$w}>`
+        pre: attrs => `<${tagName$y} wmSlider ${getAttrMarkup(attrs)} ${getNgModelAttr(attrs)}>`,
+        post: () => `</${tagName$y}>`
     };
 });
 var slider_build = () => { };
@@ -43649,7 +43652,7 @@ var slider_build$1 = /*#__PURE__*/Object.freeze({
 });
 
 const wmlistTag = 'wm-list';
-const tagName$v = 'div';
+const tagName$x = 'div';
 const dataSetKey$2 = 'dataset';
 function copyAttribute$1(from, fromAttrName, to, toAttrName) {
     const fromAttr = from.attrs.find(a => a.name === fromAttrName);
@@ -43697,8 +43700,8 @@ register('wm-media-list', () => {
                 copyAttribute$1(template, 'height', node, 'thumbnailheight');
             }
         },
-        pre: attrs => `<${tagName$v} wmMediaList ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$v}>`
+        pre: attrs => `<${tagName$x} wmMediaList ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$x}>`
     };
 });
 var mediaList_build = () => { };
@@ -43708,11 +43711,11 @@ var mediaList_build$1 = /*#__PURE__*/Object.freeze({
     'default': mediaList_build
 });
 
-const tagName$u = 'ng-template';
+const tagName$w = 'ng-template';
 register('wm-media-template', () => {
     return {
-        pre: () => `<${tagName$u} #mediaListTemplate let-item="item" let-index="index">`,
-        post: () => `</${tagName$u}>`
+        pre: () => `<${tagName$w} #mediaListTemplate let-item="item" let-index="index">`,
+        post: () => `</${tagName$w}>`
     };
 });
 var mediaListItem_build = () => { };
@@ -43796,16 +43799,16 @@ var list_build$1 = /*#__PURE__*/Object.freeze({
     'default': list_build
 });
 
-const tagName$t = 'div';
+const tagName$v = 'div';
 const idGen$9 = new IDGenerator('liveform_dialog_id_');
 register('wm-livetable', () => {
     return {
         pre: (attrs, shared) => {
             const counter = idGen$9.nextUid();
             shared.set('counter', counter);
-            return `<${tagName$t} wmLiveTable role="table" ${getAttrMarkup(attrs)} dialogid="${counter}">`;
+            return `<${tagName$v} wmLiveTable role="table" ${getAttrMarkup(attrs)} dialogid="${counter}">`;
         },
-        post: () => `</${tagName$t}>`,
+        post: () => `</${tagName$v}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set('liveform_dialog_id', shared.get('counter'));
@@ -43820,15 +43823,15 @@ var liveTable_build$1 = /*#__PURE__*/Object.freeze({
     'default': liveTable_build
 });
 
-const tagName$s = 'p';
+const tagName$u = 'p';
 const idGen$8 = new IDGenerator('wm_message');
 register('wm-message', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$8.nextUid();
-            return `<${tagName$s} wmMessage tabindex="0" #${counter}="wmMessage" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$u} wmMessage tabindex="0" #${counter}="wmMessage" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$s}>`
+        post: () => `</${tagName$u}>`
     };
 });
 var message_build = () => { };
@@ -43838,11 +43841,11 @@ var message_build$1 = /*#__PURE__*/Object.freeze({
     'default': message_build
 });
 
-const tagName$r = 'ol';
+const tagName$t = 'ol';
 register('wm-breadcrumb', () => {
     return {
-        pre: attrs => `<${tagName$r} wmBreadcrumb ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$r}>`
+        pre: attrs => `<${tagName$t} wmBreadcrumb ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$t}>`
     };
 });
 var breadcrumb_build = () => { };
@@ -43852,11 +43855,11 @@ var breadcrumb_build$1 = /*#__PURE__*/Object.freeze({
     'default': breadcrumb_build
 });
 
-const tagName$q = 'div';
+const tagName$s = 'div';
 register('wm-menu', () => {
     return {
-        pre: attrs => `<${tagName$q} wmMenu dropdown ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$q}>`
+        pre: attrs => `<${tagName$s} wmMenu dropdown ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$s}>`
     };
 });
 var menu_build = () => { };
@@ -43866,11 +43869,11 @@ var menu_build$1 = /*#__PURE__*/Object.freeze({
     'default': menu_build
 });
 
-const tagName$p = 'li';
+const tagName$r = 'li';
 register('wm-nav-item', () => {
     return {
-        pre: attrs => `<${tagName$p} wmNavItem role="listitem" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$p}>`
+        pre: attrs => `<${tagName$r} wmNavItem role="listitem" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$r}>`
     };
 });
 var navItem_build = () => { };
@@ -43880,11 +43883,11 @@ var navItem_build$1 = /*#__PURE__*/Object.freeze({
     'default': navItem_build
 });
 
-const tagName$o = 'ul';
+const tagName$q = 'ul';
 register('wm-nav', () => {
     return {
-        pre: attrs => `<${tagName$o} wmNav data-element-type="wmNav" data-role="page-header" role="list" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$o}>`
+        pre: attrs => `<${tagName$q} wmNav data-element-type="wmNav" data-role="page-header" role="list" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$q}>`
     };
 });
 var nav_build = () => { };
@@ -43894,11 +43897,11 @@ var nav_build$1 = /*#__PURE__*/Object.freeze({
     'default': nav_build
 });
 
-const tagName$n = 'nav';
+const tagName$p = 'nav';
 register('wm-navbar', () => {
     return {
-        pre: attrs => `<${tagName$n} wmNavbar data-element-type="wmNavbar" role="navigation" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$n}>`
+        pre: attrs => `<${tagName$p} wmNavbar data-element-type="wmNavbar" role="navigation" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$p}>`
     };
 });
 var navbar_build = () => { };
@@ -43908,7 +43911,7 @@ var navbar_build$1 = /*#__PURE__*/Object.freeze({
     'default': navbar_build
 });
 
-const tagName$m = 'wm-popover';
+const tagName$o = 'wm-popover';
 register('wm-popover', () => {
     return {
         requires: ['wm-table'],
@@ -43928,7 +43931,7 @@ register('wm-popover', () => {
                 popoverTemplate = `<div wmContainer #partial partialContainer ${contentMarkup}>`;
                 shared.set('hasPopoverContent', true);
             }
-            let markup = `<${tagName$m} wmPopover ${getAttrMarkup(attrs)}>`;
+            let markup = `<${tagName$o} wmPopover ${getAttrMarkup(attrs)}>`;
             const contextAttrs = table ? `let-row="row"` : ``;
             markup += `<ng-template ${contextAttrs}><button class="popover-start"></button>`;
             // todo keyboard navigation - tab
@@ -43942,7 +43945,7 @@ register('wm-popover', () => {
             if (shared.get('hasPopoverContent')) {
                 markup += `</div>`;
             }
-            return `${markup}<button class="popover-end"></button></ng-template></${tagName$m}>`;
+            return `${markup}<button class="popover-end"></button></ng-template></${tagName$o}>`;
         }
     };
 });
@@ -43953,7 +43956,7 @@ var popover_build$1 = /*#__PURE__*/Object.freeze({
     'default': popover_build
 });
 
-const tagName$l = 'div';
+const tagName$n = 'div';
 const findChild = (node, childName) => {
     const child = node && node.children.find(e => (e instanceof Element$1$1 && e.name === childName));
     return child;
@@ -44012,9 +44015,9 @@ register('wm-page', () => {
         },
         pre: (attrs) => {
             const counter = idGen$7.nextUid();
-            return `<${tagName$l} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.hint || 'Main page content'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$n} wmPage #${counter}="wmPage" data-role="pageContainer" [attr.aria-label]="${counter}.hint || 'Main page content'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$l}>`
+        post: () => `</${tagName$n}>`
     };
 });
 var page_build = () => { };
@@ -44028,11 +44031,11 @@ var page_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ3': ɵ3$1$2
 });
 
-const tagName$k = 'nav';
+const tagName$m = 'nav';
 register('wm-pagination', () => {
     return {
-        pre: attrs => `<${tagName$k} wmPagination data-identifier="pagination" aria-label="Page navigation" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$k}>`
+        pre: attrs => `<${tagName$m} wmPagination data-identifier="pagination" aria-label="Page navigation" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$m}>`
     };
 });
 var pagination_build = () => { };
@@ -44042,11 +44045,11 @@ var pagination_build$1 = /*#__PURE__*/Object.freeze({
     'default': pagination_build
 });
 
-const tagName$j = 'main';
+const tagName$l = 'main';
 register('wm-content', () => {
     return {
-        pre: attrs => `<${tagName$j} wmContent data-role="page-content" role="main" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$j}>`
+        pre: attrs => `<${tagName$l} wmContent data-role="page-content" role="main" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$l}>`
     };
 });
 var content_build = () => { };
@@ -44056,15 +44059,15 @@ var content_build$1 = /*#__PURE__*/Object.freeze({
     'default': content_build
 });
 
-const tagName$i = 'footer';
+const tagName$k = 'footer';
 const idGen$6 = new IDGenerator('wm_footer');
 register('wm-footer', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$6.nextUid();
-            return `<${tagName$i} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.hint || 'Page footer'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$k} wmFooter #${counter}="wmFooter" partialContainer data-role="page-footer" role="contentinfo" [attr.aria-label]="${counter}.hint || 'Page footer'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$i}>`
+        post: () => `</${tagName$k}>`
     };
 });
 var footer_build = () => { };
@@ -44074,15 +44077,15 @@ var footer_build$1 = /*#__PURE__*/Object.freeze({
     'default': footer_build
 });
 
-const tagName$h = 'header';
+const tagName$j = 'header';
 const idGen$5 = new IDGenerator('wm_header');
 register('wm-header', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$5.nextUid();
-            return `<${tagName$h} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.hint || 'Page header'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$j} wmHeader #${counter}="wmHeader" partialContainer data-role="page-header" role="banner" [attr.aria-label]="${counter}.hint || 'Page header'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$h}>`
+        post: () => `</${tagName$j}>`
     };
 });
 var header_build = () => { };
@@ -44092,15 +44095,15 @@ var header_build$1 = /*#__PURE__*/Object.freeze({
     'default': header_build
 });
 
-const tagName$g = 'aside';
+const tagName$i = 'aside';
 const idGen$4 = new IDGenerator('wm_left_panel');
 register('wm-left-panel', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$4.nextUid();
-            return `<${tagName$g} wmLeftPanel #${counter}="wmLeftPanel" partialContainer data-role="page-left-panel" role="navigation" [attr.aria-label]="${counter}.hint || 'Left navigation panel'" wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$i} wmLeftPanel #${counter}="wmLeftPanel" partialContainer data-role="page-left-panel" role="navigation" [attr.aria-label]="${counter}.hint || 'Left navigation panel'" wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$g}>`
+        post: () => `</${tagName$i}>`
     };
 });
 var leftPanel_build = () => { };
@@ -44110,11 +44113,11 @@ var leftPanel_build$1 = /*#__PURE__*/Object.freeze({
     'default': leftPanel_build
 });
 
-const tagName$f = 'header';
+const tagName$h = 'header';
 register('wm-mobile-navbar', () => {
     return {
-        pre: attrs => `<${tagName$f} wmMobileNavbar ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$f}>`
+        pre: attrs => `<${tagName$h} wmMobileNavbar ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$h}>`
     };
 });
 var mobileNavbar_build = () => { };
@@ -44124,15 +44127,15 @@ var mobileNavbar_build$1 = /*#__PURE__*/Object.freeze({
     'default': mobileNavbar_build
 });
 
-const tagName$e = 'aside';
+const tagName$g = 'aside';
 const idGen$3 = new IDGenerator('wm_right_panel');
 register('wm-right-panel', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$3.nextUid();
-            return `<${tagName$e} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.hint || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$g} wmRightPanel #${counter}="wmRightPanel" partialContainer data-role="page-right-panel" role="complementary" [attr.aria-label]="${counter}.hint || 'Right navigation panel'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$e}>`
+        post: () => `</${tagName$g}>`
     };
 });
 var rightPanel_build = () => { };
@@ -44142,11 +44145,11 @@ var rightPanel_build$1 = /*#__PURE__*/Object.freeze({
     'default': rightPanel_build
 });
 
-const tagName$d = 'div';
+const tagName$f = 'div';
 register('wm-page-content', () => {
     return {
-        pre: attrs => `<${tagName$d} wmPageContent wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$d}>`
+        pre: attrs => `<${tagName$f} wmPageContent wmSmoothscroll="${attrs.get('smoothscroll') || 'false'}" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$f}>`
     };
 });
 var pageContent_build = () => { };
@@ -44156,11 +44159,11 @@ var pageContent_build$1 = /*#__PURE__*/Object.freeze({
     'default': pageContent_build
 });
 
-const tagName$c = 'div';
+const tagName$e = 'div';
 register('wm-mobile-tabbar', () => {
     return {
-        pre: attrs => `<${tagName$c} wmMobileTabbar ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$c}>`
+        pre: attrs => `<${tagName$e} wmMobileTabbar ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$e}>`
     };
 });
 var tabBar_build = () => { };
@@ -44170,15 +44173,15 @@ var tabBar_build$1 = /*#__PURE__*/Object.freeze({
     'default': tabBar_build
 });
 
-const tagName$b = 'section';
+const tagName$d = 'section';
 const idGen$2 = new IDGenerator('wm_top_nav');
 register('wm-top-nav', () => {
     return {
         pre: (attrs) => {
             const counter = idGen$2.nextUid();
-            return `<${tagName$b} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.hint || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$d} wmTopNav #${counter}="wmTopNav" partialContainer data-role="page-topnav" role="navigation" [attr.aria-label]="${counter}.hint || 'Second level navigation'" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$b}>`
+        post: () => `</${tagName$d}>`
     };
 });
 var topNav_build = () => { };
@@ -44188,7 +44191,7 @@ var topNav_build$1 = /*#__PURE__*/Object.freeze({
     'default': topNav_build
 });
 
-const tagName$a = 'section';
+const tagName$c = 'section';
 const noSpan$1 = {};
 const createElement$1$1 = name => {
     return new Element$1$1(name, [], [], noSpan$1, noSpan$1, noSpan$1);
@@ -44208,8 +44211,8 @@ register('wm-partial', () => {
             node.children.length = 0;
             node.children.push(conditionalNode);
         },
-        pre: attrs => `<${tagName$a} wmPartial data-role="partial" role="complementary" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$a}>`
+        pre: attrs => `<${tagName$c} wmPartial data-role="partial" role="complementary" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$c}>`
     };
 });
 var partial_build = () => { };
@@ -44221,11 +44224,11 @@ var partial_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ1': ɵ1$3$2
 });
 
-const tagName$9 = 'div';
+const tagName$b = 'div';
 register('wm-param', () => {
     return {
-        pre: attrs => `<${tagName$9} wmParam hidden ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$9}>`
+        pre: attrs => `<${tagName$b} wmParam hidden ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$b}>`
     };
 });
 var partialParam_build = () => { };
@@ -44235,11 +44238,11 @@ var partialParam_build$1 = /*#__PURE__*/Object.freeze({
     'default': partialParam_build
 });
 
-const tagName$8 = 'section';
+const tagName$a = 'section';
 register('wm-prefab', () => {
     return {
-        pre: attrs => `<${tagName$8} wmPrefab redrawable data-role="perfab" ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$8}>`
+        pre: attrs => `<${tagName$a} wmPrefab redrawable data-role="perfab" ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$a}>`
     };
 });
 var prefab_build = () => { };
@@ -44259,7 +44262,7 @@ const addAtrribute = (node, name, value) => {
     node.attrs.push(attr);
 };
 const ɵ1$2$2 = addAtrribute;
-const tagName$7 = 'div';
+const tagName$9 = 'div';
 register('wm-prefab-container', () => {
     return {
         template: (node) => {
@@ -44269,8 +44272,8 @@ register('wm-prefab-container', () => {
             node.children.length = 0;
             node.children.push(conditionalNode);
         },
-        pre: attrs => `<${tagName$7} wmPrefabContainer ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$7}>`
+        pre: attrs => `<${tagName$9} wmPrefabContainer ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$9}>`
     };
 });
 var prefabContainer_build = () => { };
@@ -44282,11 +44285,11 @@ var prefabContainer_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ1': ɵ1$2$2
 });
 
-const tagName$6 = 'div';
+const tagName$8 = 'div';
 register('wm-table-action', () => {
     return {
-        pre: attrs => `<${tagName$6} name="${attrs.get('name') || attrs.get('key')}" wmTableAction ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$6}>`
+        pre: attrs => `<${tagName$8} name="${attrs.get('name') || attrs.get('key')}" wmTableAction ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$8}>`
     };
 });
 var tableAction_build = () => { };
@@ -44296,11 +44299,11 @@ var tableAction_build$1 = /*#__PURE__*/Object.freeze({
     'default': tableAction_build
 });
 
-const tagName$5 = 'div';
+const tagName$7 = 'div';
 register('wm-table-column-group', () => {
     return {
-        pre: attrs => `<${tagName$5} wmTableColumnGroup ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName$5}>`
+        pre: attrs => `<${tagName$7} wmTableColumnGroup ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$7}>`
     };
 });
 var tableColumnGroup_build = () => { };
@@ -44310,7 +44313,7 @@ var tableColumnGroup_build$1 = /*#__PURE__*/Object.freeze({
     'default': tableColumnGroup_build
 });
 
-const tagName$4 = 'div';
+const tagName$6 = 'div';
 const idGen$1 = new IDGenerator('data_table_form_');
 const formWidgets = new Set([
     'wm-text',
@@ -44570,7 +44573,7 @@ register('wm-table-column', () => {
                     customExprTmpl = `${customExpr}<div data-col-identifier="${attrs.get('binding')}" title="${formatExprTmpl}">${formatExprTmpl}`;
                 }
             }
-            return `<${tagName$4} wmTableColumn ${getAttrMarkup(attrs)} ${parentForm}>
+            return `<${tagName$6} wmTableColumn ${getAttrMarkup(attrs)} ${parentForm}>
                     ${rowFilterTmpl}
                     ${inlineEditTmpl}
                     ${inlineNewEditTmpl}
@@ -44581,7 +44584,7 @@ register('wm-table-column', () => {
             if (shared.get('customExpression')) {
                 customExprTmpl = `</div></ng-template>`;
             }
-            return `${customExprTmpl}</${tagName$4}>`;
+            return `${customExprTmpl}</${tagName$6}>`;
         },
         imports: (attrs) => {
             const editWidgetType = attrs.get('edit-widget-type');
@@ -44604,7 +44607,7 @@ var tableColumn_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ6': ɵ6$3
 });
 
-const tagName$3 = 'div';
+const tagName$5 = 'div';
 const getRowExpansionActionTmpl = (attrs) => {
     const tag = attrs.get('widget-type') === 'anchor' ? 'a' : 'button';
     const directive = attrs.get('widget-type') === 'anchor' ? 'wmAnchor' : 'wmButton';
@@ -44620,7 +44623,7 @@ const ɵ0$1$2 = getRowExpansionActionTmpl;
 register('wm-table-row', () => {
     return {
         pre: (attrs) => {
-            return `<${tagName$3} wmTableRow ${getAttrMarkup(attrs)}>
+            return `<${tagName$5} wmTableRow ${getAttrMarkup(attrs)}>
                     ${getRowExpansionActionTmpl(attrs)}
                     <ng-template #rowExpansionTmpl let-row="row" let-rowDef="rowDef" let-containerLoad="containerLoad">
                         <div wmContainer partialContainer content.bind="rowDef.content" load.event="containerLoad(widget)"
@@ -44628,7 +44631,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$3}>`
+        post: () => `</div></ng-template></${tagName$5}>`
     };
 });
 var tableRow_build = () => { };
@@ -44639,7 +44642,7 @@ var tableRow_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ0': ɵ0$1$2
 });
 
-const tagName$2 = 'div';
+const tagName$4 = 'div';
 const getSaveCancelTemplate = () => {
     return `<button type="button" aria-label="Save edit icon" class="save row-action-button btn app-button btn-transparent save-edit-row-button hidden" title="Save">
                 <i class="wi wi-done" aria-hidden="true"></i>
@@ -44673,9 +44676,9 @@ const getRowActionTmpl = (attrs) => {
 const ɵ1$8 = getRowActionTmpl;
 register('wm-table-row-action', () => {
     return {
-        pre: attrs => `<${tagName$2} wmTableRowAction ${getAttrMarkup(attrs)}>
+        pre: attrs => `<${tagName$4} wmTableRowAction ${getAttrMarkup(attrs)}>
                         ${getRowActionTmpl(attrs)}`,
-        post: () => `</${tagName$2}>`
+        post: () => `</${tagName$4}>`
     };
 });
 var tableRowAction_build = () => { };
@@ -44687,7 +44690,7 @@ var tableRowAction_build$1 = /*#__PURE__*/Object.freeze({
     'ɵ1': ɵ1$8
 });
 
-const tagName$1 = 'div';
+const tagName$3 = 'div';
 const dataSetKey = 'dataset';
 const idGen = new IDGenerator('table_');
 let columnIndex = 0;
@@ -44754,9 +44757,9 @@ register('wm-table', () => {
             attrs.set('isdynamictable', shared.get('isdynamictable'));
             attrs.set('isrowexpansionenabled', shared.get('isrowexpansionenabled'));
             attrs.set('table_reference', counter);
-            return `<${tagName$1} wmTable="${counter}" wmTableFilterSort wmTableCUD #${counter} data-identifier="table" role="table" ${getAttrMarkup(attrs)}>`;
+            return `<${tagName$3} wmTable="${counter}" wmTableFilterSort wmTableCUD #${counter} data-identifier="table" role="table" ${getAttrMarkup(attrs)}>`;
         },
-        post: () => `</${tagName$1}>`,
+        post: () => `</${tagName$3}>`,
         provide: (attrs, shared) => {
             const provider = new Map();
             provider.set('table_reference', shared.get('counter'));
@@ -44775,11 +44778,11 @@ var table_build$1 = /*#__PURE__*/Object.freeze({
     'default': table_build
 });
 
-const tagName = 'div';
+const tagName$2 = 'div';
 register('wm-video', () => {
     return {
-        pre: attrs => `<${tagName} wmVideo ${getAttrMarkup(attrs)}>`,
-        post: () => `</${tagName}>`
+        pre: attrs => `<${tagName$2} wmVideo ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$2}>`
     };
 });
 var video_build = () => { };
@@ -44789,6 +44792,34 @@ var video_build$1 = /*#__PURE__*/Object.freeze({
     'default': video_build
 });
 
+const tagName$1 = 'div';
+register('wm-linearlayout', () => {
+    return {
+        pre: attrs => `<${tagName$1} wmLinearLayout ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName$1}>`
+    };
+});
+var linearLayout_build = () => { };
+
+var linearLayout_build$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': linearLayout_build
+});
+
+const tagName = 'div';
+register('wm-linearlayoutitem', () => {
+    return {
+        pre: attrs => `<${tagName} wmLinearLayoutItem ${getAttrMarkup(attrs)}>`,
+        post: () => `</${tagName}>`
+    };
+});
+var linearLayoutItem_build = () => { };
+
+var linearLayoutItem_build$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': linearLayoutItem_build
+});
+
 const initComponentsBuildTask = () => { };
 
 exports.accordionBuild = accordion_build$1;
@@ -44838,6 +44869,8 @@ exports.leftPanelBuild = leftPanel_build$1;
 exports.lgBuild = layoutGrid_build$1;
 exports.lgcolBuild = layoutGridColumn_build$1;
 exports.lgrowBuild = layoutGridRow_build$1;
+exports.linearLayoutBuild = linearLayout_build$1;
+exports.linearLayoutItemBuild = linearLayoutItem_build$1;
 exports.listBuild = list_build$1;
 exports.liveTableBuild = liveTable_build$1;
 exports.loginBuild = login_build$1;