@wavemaker/app-ng-runtime 11.10.5-rc.6100 → 11.11.0-next.27920

package/components/data/table/fesm2022/index.mjs

@@ -1,29 +1,22 @@
-import * as i0 from '@angular/core';
-import { ViewContainerRef, Component, Optional, Attribute, Inject, ViewChild, ContentChildren, ContentChild, HostListener, Directive, Self, SkipSelf, NgModule } from '@angular/core';
-import * as i7 from '@angular/common';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
-import * as i6 from 'ngx-bootstrap/dropdown';
-import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 import * as i4 from '@wm/components/base';
-import { register, PROP_BOOLEAN, PROP_STRING, PROP_NUMBER, PROP_ANY, StylableComponent, unsupportedStatePersistenceTypes, getConditionalClasses, DEBOUNCE_TIMES, styler, extractDataSourceName, EDIT_MODE, getRowOperationsColumn, transformData, prepareFieldDefs, getOrderByExpr, NAVIGATION_TYPE, provideAs, provideAsWidgetRef, refreshDataSource, getMatchModeTypesMap, getMatchModeMsgs, isDataSetWidget, BaseComponent, setHeaderConfigForTable, BaseFieldValidations, applyFilterOnField, getDistinctFieldProperties, getDistinctValues, getWatchIdentifier, fetchRelatedFieldData, getDistinctValuesForField, getEditModeWidget, getDataTableFilterWidget, getDefaultValue, Context, WmComponentsModule } from '@wm/components/base';
-import * as i5 from '@wm/components/basic';
-import { BasicModule } from '@wm/components/basic';
-import * as i8 from '@wm/components/input';
-import { InputModule } from '@wm/components/input';
-import * as i9 from '@wm/components/navigation/menu';
-import { MenuModule } from '@wm/components/navigation/menu';
-import * as i3 from '@wm/components/data/list';
-import { ListModule } from '@wm/components/data/list';
-import * as i10 from '@wm/components/data/pagination';
-import { PaginationComponent, PaginationModule } from '@wm/components/data/pagination';
+import { register, PROP_BOOLEAN, PROP_STRING, PROP_NUMBER, PROP_ANY, StylableComponent, unsupportedStatePersistenceTypes, getConditionalClasses, DEBOUNCE_TIMES, styler, extractDataSourceName, EDIT_MODE, getRowOperationsColumn, transformData, prepareFieldDefs, getOrderByExpr, NAVIGATION_TYPE, provideAs, provideAsWidgetRef, WmComponentsModule, refreshDataSource, getMatchModeTypesMap, getMatchModeMsgs, isDataSetWidget, BaseComponent, setHeaderConfigForTable, BaseFieldValidations, applyFilterOnField, getDistinctFieldProperties, getDistinctValues, getWatchIdentifier, fetchRelatedFieldData, getDistinctValuesForField, getEditModeWidget, getDataTableFilterWidget, getDefaultValue, Context } from '@wm/components/base';
+import { AnchorComponent } from '@wm/components/basic';
+import { ButtonComponent } from '@wm/components/input';
+import { MenuComponent } from '@wm/components/navigation/menu';
+import * as i0 from '@angular/core';
+import { ViewContainerRef, Component, Optional, Attribute, Inject, ViewChild, ContentChildren, ContentChild, HostListener, Directive, Self, SkipSelf } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i2 from '@wm/core';
 import { isDefined, getClonedObject, closePopover, $unwatch, $watch, $appDigest, triggerFn, DataSource, isDataSourceEqual, isMobile, $invokeWatchers, getValidJSON, extendProto, getDatasourceFromExpr, $parseEvent, extractCurrentItemExpr, isNumberType, DataType, adjustContainerRightEdges, FormWidgetType, isDateTimeType, getDisplayDateTimeFormat } from '@wm/core';
 import { Subject } from 'rxjs';
+import { PaginationComponent } from '@wm/components/data/pagination';
+import * as i3 from '@wm/components/data/list';
 import { debounceTime } from 'rxjs/operators';
 import { isEmpty, floor, debounce, get, set, some, findIndex, pullAllWith, isEqual, remove, extend, isNaN as isNaN$1, isUndefined, forEach, isArray, isObject, indexOf, keys, find, toNumber, includes, split, startsWith, omitBy, values, map, parseInt as parseInt$1, last, toString, isNull, filter, range, endsWith, toLower, head, orderBy, sum, round, mean, min, max, cloneDeep } from 'lodash-es';
+import moment from 'moment';
 
 const registerProps$5 = () => {
     register('wm-table', new Map([
@@ -106,81 +99,82 @@ const _c15 = ["dynamicTable"];
 const _c16 = ["wmTable", ""];
 const _c17 = a0 => ({ btn: a0 });
 const _c18 = (a0, a1) => ({ "btn-sm": a0, "disabled-new": a1 });
-function TableComponent_div_0_i_3_Template(rf, ctx) { if (rf & 1) {
+function TableComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMapInterpolate1("app-icon panel-icon ", ctx_r0.iconclass, "");
 } }
-function TableComponent_div_0_div_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 29);
+function TableComponent_Conditional_0_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 25);
 } if (rf & 2) {
     const btn_r2 = ctx.$implicit;
-    const index_r3 = ctx.index;
+    const ɵ$index_20_r3 = ctx.$index;
     const ctx_r0 = i0.ɵɵnextContext(3);
     const buttonRef_r4 = i0.ɵɵreference(8);
     const anchorRef_r5 = i0.ɵɵreference(10);
-    i0.ɵɵproperty("ngTemplateOutlet", btn_r2.widgetType === "button" ? buttonRef_r4 : anchorRef_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c17, btn_r2))("ngTemplateOutletInjector", ctx_r0.createCustomInjector("actions_header_" + index_r3, i0.ɵɵpureFunction1(5, _c17, btn_r2)));
+    i0.ɵɵproperty("ngTemplateOutlet", btn_r2.widgetType === "button" ? buttonRef_r4 : anchorRef_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c17, btn_r2))("ngTemplateOutletInjector", ctx_r0.createCustomInjector("actions_header_" + ɵ$index_20_r3, i0.ɵɵpureFunction1(5, _c17, btn_r2)));
 } }
-function TableComponent_div_0_div_7_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 30);
+function TableComponent_Conditional_0_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 26);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵattributeInterpolate1("name", "", ctx_r0.name, "-export");
 } }
-function TableComponent_div_0_div_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26);
-    i0.ɵɵtemplate(1, TableComponent_div_0_div_7_ng_container_1_Template, 1, 7, "ng-container", 27)(2, TableComponent_div_0_div_7_div_2_Template, 1, 2, "div", 28);
+function TableComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵrepeaterCreate(1, TableComponent_Conditional_0_Conditional_7_For_2_Template, 1, 7, "ng-container", 25, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵtemplate(3, TableComponent_Conditional_0_Conditional_7_Conditional_3_Template, 1, 2, "div", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r0._actions.header);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.exportOptions.length);
+    i0.ɵɵrepeater(ctx_r0._actions.header);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.exportOptions.length ? 3 : -1);
 } }
-function TableComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19)(1, "h3", 20)(2, "div", 21);
-    i0.ɵɵtemplate(3, TableComponent_div_0_i_3_Template, 1, 3, "i", 22);
+function TableComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "h3", 19)(2, "div", 20);
+    i0.ɵɵtemplate(3, TableComponent_Conditional_0_Conditional_3_Template, 1, 3, "i", 21);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 21);
-    i0.ɵɵelement(5, "div", 23)(6, "div", 24);
+    i0.ɵɵelementStart(4, "div", 20);
+    i0.ɵɵelement(5, "div", 22)(6, "div", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, TableComponent_div_0_div_7_Template, 3, 2, "div", 25);
+    i0.ɵɵtemplate(7, TableComponent_Conditional_0_Conditional_7_Template, 4, 1, "div", 24);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r0.iconclass);
+    i0.ɵɵconditional(ctx_r0.iconclass ? 3 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("innerHTML", ctx_r0.title, i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance();
     i0.ɵɵproperty("innerHTML", ctx_r0.subheading, i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.exportOptions.length || ctx_r0._actions.header.length);
+    i0.ɵɵconditional(ctx_r0.exportOptions.length || ctx_r0._actions.header.length ? 7 : -1);
 } }
-function TableComponent_div_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 29);
+function TableComponent_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 25);
 } if (rf & 2) {
     const btn_r6 = ctx.$implicit;
-    const index_r7 = ctx.index;
+    const ɵ$index_37_r7 = ctx.$index;
     const ctx_r0 = i0.ɵɵnextContext(2);
     const buttonRef_r4 = i0.ɵɵreference(8);
     const anchorRef_r5 = i0.ɵɵreference(10);
-    i0.ɵɵproperty("ngTemplateOutlet", btn_r6.widgetType === "button" ? buttonRef_r4 : anchorRef_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c17, btn_r6))("ngTemplateOutletInjector", ctx_r0.createCustomInjector("actions_footer_" + index_r7, i0.ɵɵpureFunction1(5, _c17, btn_r6)));
+    i0.ɵɵproperty("ngTemplateOutlet", btn_r6.widgetType === "button" ? buttonRef_r4 : anchorRef_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c17, btn_r6))("ngTemplateOutletInjector", ctx_r0.createCustomInjector("actions_footer_" + ɵ$index_37_r7, i0.ɵɵpureFunction1(5, _c17, btn_r6)));
 } }
-function TableComponent_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵtemplate(1, TableComponent_div_6_ng_container_1_Template, 1, 7, "ng-container", 27);
+function TableComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵrepeaterCreate(1, TableComponent_Conditional_6_For_2_Template, 1, 7, "ng-container", 25, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r0._actions.footer);
+    i0.ɵɵrepeater(ctx_r0._actions.footer);
 } }
 function TableComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 32);
+    i0.ɵɵelementStart(0, "button", 27);
     i0.ɵɵlistener("click", function TableComponent_ng_template_7_Template_button_click_0_listener($event) { const btn_r9 = i0.ɵɵrestoreView(_r8).btn; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.invokeActionEvent($event, btn_r9.action)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -191,7 +185,7 @@ function TableComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
 } }
 function TableComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 33);
+    i0.ɵɵelementStart(0, "a", 28);
     i0.ɵɵlistener("click", function TableComponent_ng_template_9_Template_a_click_0_listener($event) { const btn_r11 = i0.ɵɵrestoreView(_r10).btn; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.invokeActionEvent($event, btn_r11.action)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2201,16 +2195,16 @@ class TableComponent extends StylableComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dynamicTableRef = _t.first);
         } }, hostBindings: function TableComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keypress", function TableComponent_keypress_HostBindingHandler($event) { return ctx.onKeyPress($event); });
-        } }, features: [i0.ɵɵProvidersFeature([
+        } }, standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAs(TableComponent, NG_VALUE_ACCESSOR, true),
                 provideAsWidgetRef(TableComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c16, decls: 29, vars: 4, consts: [["datagridElement", ""], ["buttonRef", ""], ["anchorRef", ""], ["multiColumnFilterView", ""], ["inlineEditView", ""], ["inlineEditNewView", ""], ["rowActionsView", ""], ["rowExpansionActionView", ""], ["customExprView", ""], ["dynamicTable", ""], ["rowDetailView", ""], ["class", "panel-heading", 4, "ngIf"], [1, "app-datagrid"], [1, "panel-footer", "clearfix", 3, "hidden"], [1, "app-datagrid-paginator", 3, "hidden"], ["wmPagination", "", "show.bind", "shownavigation", "navigationalign.bind", "navigationalign", "navigationsize.bind", "navigationSize", "navigation.bind", "navControls", "showrecordcount.bind", "showrecordcount", "maxsize.bind", "maxsize", "boundarylinks.bind", "boundarylinks", "forceellipses.bind", "forceellipses", "directionlinks.bind", "directionlinks"], ["class", "app-datagrid-actions", 4, "ngIf"], ["hidden", ""], [1, "dynamic-table-container"], [1, "panel-heading"], [1, "panel-title"], [1, "pull-left"], [3, "class", 4, "ngIf"], [1, "heading", 3, "innerHTML"], [1, "description", 3, "innerHTML"], ["class", "panel-actions app-datagrid-actions", 4, "ngIf"], [1, "panel-actions", "app-datagrid-actions"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector", 4, "ngFor", "ngForOf"], ["wmMenu", "", "dropdown", "", "caption.bind", "appLocale.LABEL_EXPORT", "autoclose", "always", "dataset.bind", "exportOptions", "select.event", "export($item)", "menuposition", "down,left", 4, "ngIf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector"], ["wmMenu", "", "dropdown", "", "caption.bind", "appLocale.LABEL_EXPORT", "autoclose", "always", "dataset.bind", "exportOptions", "select.event", "export($item)", "menuposition", "down,left"], [1, "app-datagrid-actions"], ["wmButton", "", "caption.bind", "btn.displayName", "show.bind", "btn.show", "class.bind", "btn.class", "iconclass.bind", "btn.iconclass", "type", "button", "shortcutkey.bind", "btn.shortcutkey", "tabindex.bind", "btn.tabindex", "hint.bind", "btn.title", "disabled.bind", "btn.disabled", "conditionalclass.bind", "btn.conditionalclass", "conditionalstyle.bind", "btn.conditionalstyle", 3, "click", "ngClass"], ["wmAnchor", "", "caption.bind", "btn.displayName", "show.bind", "btn.show", "class.bind", "btn.class", "iconclass.bind", "btn.iconclass", "shortcutkey.bind", "btn.shortcutkey", "tabindex.bind", "btn.tabindex", "hint.bind", "btn.title", "hyperlink.bind", "btn.hyperlink", "target.bind", "btn.target", "conditionalclass.bind", "btn.conditionalclass", "conditionalstyle.bind", "btn.conditionalstyle", 3, "click", "ngClass"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, TableComponent_div_0_Template, 8, 4, "div", 11);
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c16, decls: 29, vars: 4, consts: [["datagridElement", ""], ["buttonRef", ""], ["anchorRef", ""], ["multiColumnFilterView", ""], ["inlineEditView", ""], ["inlineEditNewView", ""], ["rowActionsView", ""], ["rowExpansionActionView", ""], ["customExprView", ""], ["dynamicTable", ""], ["rowDetailView", ""], [1, "panel-heading"], [1, "app-datagrid"], [1, "panel-footer", "clearfix", 3, "hidden"], [1, "app-datagrid-paginator", 3, "hidden"], ["wmPagination", "", "show.bind", "shownavigation", "navigationalign.bind", "navigationalign", "navigationsize.bind", "navigationSize", "navigation.bind", "navControls", "showrecordcount.bind", "showrecordcount", "maxsize.bind", "maxsize", "boundarylinks.bind", "boundarylinks", "forceellipses.bind", "forceellipses", "directionlinks.bind", "directionlinks"], [1, "app-datagrid-actions"], ["hidden", ""], [1, "dynamic-table-container"], [1, "panel-title"], [1, "pull-left"], [3, "class"], [1, "heading", 3, "innerHTML"], [1, "description", 3, "innerHTML"], [1, "panel-actions", "app-datagrid-actions"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", "ngTemplateOutletInjector"], ["wmMenu", "", "dropdown", "", "caption.bind", "appLocale.LABEL_EXPORT", "autoclose", "always", "dataset.bind", "exportOptions", "select.event", "export($item)", "menuposition", "down,left"], ["wmButton", "", "caption.bind", "btn.displayName", "show.bind", "btn.show", "class.bind", "btn.class", "iconclass.bind", "btn.iconclass", "type", "button", "shortcutkey.bind", "btn.shortcutkey", "tabindex.bind", "btn.tabindex", "hint.bind", "btn.title", "disabled.bind", "btn.disabled", "conditionalclass.bind", "btn.conditionalclass", "conditionalstyle.bind", "btn.conditionalstyle", 3, "click", "ngClass"], ["wmAnchor", "", "caption.bind", "btn.displayName", "show.bind", "btn.show", "class.bind", "btn.class", "iconclass.bind", "btn.iconclass", "shortcutkey.bind", "btn.shortcutkey", "tabindex.bind", "btn.tabindex", "hint.bind", "btn.title", "hyperlink.bind", "btn.hyperlink", "target.bind", "btn.target", "conditionalclass.bind", "btn.conditionalclass", "conditionalstyle.bind", "btn.conditionalstyle", 3, "click", "ngClass"]], template: function TableComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TableComponent_Conditional_0_Template, 8, 4, "div", 11);
             i0.ɵɵelement(1, "div", 12, 0);
             i0.ɵɵelementStart(3, "div", 13)(4, "div", 14);
             i0.ɵɵelement(5, "nav", 15);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(6, TableComponent_div_6_Template, 2, 1, "div", 16);
+            i0.ɵɵtemplate(6, TableComponent_Conditional_6_Template, 3, 0, "div", 16);
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(7, TableComponent_ng_template_7_Template, 1, 5, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(9, TableComponent_ng_template_9_Template, 1, 4, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementStart(11, "div", 17);
@@ -2218,21 +2212,21 @@ class TableComponent extends StylableComponent {
             i0.ɵɵelement(28, "div", 18);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.title || ctx.subheading || ctx.iconclass || ctx.exportOptions.length || ctx._actions.header.length);
+            i0.ɵɵconditional(ctx.title || ctx.subheading || ctx.iconclass || ctx.exportOptions.length || ctx._actions.header.length ? 0 : -1);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("hidden", !ctx._actions.footer.length && (!ctx.shownavigation || ctx.onDemandLoad && ctx.dataNavigator.isDisableNext));
+            i0.ɵɵproperty("hidden", !ctx._actions.footer.length && (!ctx.shownavigation || ctx.onDemandLoad && ctx.dataNavigator.isDisableNext || (ctx.dataNavigator == null ? null : ctx.dataNavigator.dataSize) <= ctx.pagesize));
             i0.ɵɵadvance();
             i0.ɵɵproperty("hidden", !(ctx.dataNavigator == null ? null : ctx.dataNavigator.dataSize) && !(ctx.dataNavigator.datasource == null ? null : ctx.dataNavigator.datasource.pagination == null ? null : ctx.dataNavigator.datasource.pagination.next) || !ctx.shownavigation || ctx.onDemandLoad && ctx.dataNavigator.isDisableNext);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx._actions.footer.length);
-        } }, dependencies: [i5.AnchorComponent, i6.BsDropdownDirective, i7.NgClass, i7.NgForOf, i7.NgIf, i7.NgTemplateOutlet, i8.ButtonComponent, i9.MenuComponent, i10.PaginationComponent], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx._actions.footer.length ? 6 : -1);
+        } }, dependencies: [CommonModule, i5.NgClass, i5.NgTemplateOutlet, WmComponentsModule, AnchorComponent, PaginationComponent, ButtonComponent, MenuComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableComponent, [{
         type: Component,
-        args: [{ selector: '[wmTable]', providers: [
+        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, AnchorComponent, PaginationComponent, ButtonComponent, MenuComponent], selector: '[wmTable]', providers: [
                     provideAs(TableComponent, NG_VALUE_ACCESSOR, true),
                     provideAsWidgetRef(TableComponent)
-                ], template: "<div class=\"panel-heading\" *ngIf=\"title || subheading || iconclass || exportOptions.length || _actions.header.length\">\n    <h3 class=\"panel-title\">\n        <div class=\"pull-left\">\n            <i class=\"app-icon panel-icon {{iconclass}}\" *ngIf=\"iconclass\"></i>\n        </div>\n        <div class=\"pull-left\">\n            <div class=\"heading\" [innerHTML]=\"title\"></div>\n            <div class=\"description\" [innerHTML]=\"subheading\"></div>\n        </div>\n        <div class=\"panel-actions app-datagrid-actions\" *ngIf=\"exportOptions.length || _actions.header.length\">\n            <ng-container *ngFor=\"let btn of _actions.header; let index = index;\"\n                          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n                          [ngTemplateOutletContext]=\"{btn:btn}\"\n                          [ngTemplateOutletInjector]=\"createCustomInjector('actions_header_' + index, {btn:btn})\">\n            </ng-container>\n            <div wmMenu dropdown caption.bind=\"appLocale.LABEL_EXPORT\" *ngIf=\"exportOptions.length\"  autoclose=\"always\" attr.name=\"{{name}}-export\"\n                dataset.bind=\"exportOptions\" select.event=\"export($item)\" menuposition=\"down,left\"></div>\n        </div>\n    </h3>\n</div>\n<div class=\"app-datagrid\" #datagridElement></div>\n\n<div class=\"panel-footer clearfix\" [hidden]=\"!_actions.footer.length && (!shownavigation || (onDemandLoad && dataNavigator.isDisableNext))\">\n    <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext) \">\n        <nav wmPagination show.bind=\"shownavigation\" navigationalign.bind=\"navigationalign\"\n             navigationsize.bind=\"navigationSize\"\n             navigation.bind=\"navControls\" showrecordcount.bind=\"showrecordcount\" maxsize.bind=\"maxsize\"\n             boundarylinks.bind=\"boundarylinks\"\n             forceellipses.bind=\"forceellipses\" directionlinks.bind=\"directionlinks\"></nav>\n    </div>\n    <div class=\"app-datagrid-actions\" *ngIf=\"_actions.footer.length\">\n        <ng-container *ngFor=\"let btn of _actions.footer; let index = index;\"\n                      [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n                      [ngTemplateOutletContext]=\"{btn:btn}\"\n                      [ngTemplateOutletInjector]=\"createCustomInjector('actions_footer_' + index, {btn:btn})\">\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #buttonRef let-btn=\"btn\">\n    <button wmButton caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n            [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n            type=\"button\" shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\" [attr.aria-label]=\"btn.displayName\" disabled.bind=\"btn.disabled\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n    <a wmAnchor caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n            [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n            shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\"\n            hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></a>\n</ng-template>\n\n<div hidden>\n    <ng-container #multiColumnFilterView></ng-container>\n\n    <ng-container #inlineEditView></ng-container>\n\n    <ng-container #inlineEditNewView></ng-container>\n\n    <ng-container #rowActionsView></ng-container>\n\n    <ng-container #rowExpansionActionView></ng-container>\n\n    <ng-container #customExprView></ng-container>\n\n    <ng-container #dynamicTable></ng-container>\n\n    <ng-container #rowDetailView></ng-container>\n\n    <div class=\"dynamic-table-container\"></div>\n</div>\n" }]
+                ], template: "@if (title || subheading || iconclass || exportOptions.length || _actions.header.length) {\n  <div class=\"panel-heading\">\n    <h3 class=\"panel-title\">\n      <div class=\"pull-left\">\n        @if (iconclass) {\n          <i class=\"app-icon panel-icon {{iconclass}}\"></i>\n        }\n      </div>\n      <div class=\"pull-left\">\n        <div class=\"heading\" [innerHTML]=\"title\"></div>\n        <div class=\"description\" [innerHTML]=\"subheading\"></div>\n      </div>\n      @if (exportOptions.length || _actions.header.length) {\n        <div class=\"panel-actions app-datagrid-actions\">\n          @for (btn of _actions.header; track btn; let index = $index) {\n            <ng-container\n              [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n              [ngTemplateOutletContext]=\"{btn:btn}\"\n              [ngTemplateOutletInjector]=\"createCustomInjector('actions_header_' + index, {btn:btn})\">\n            </ng-container>\n          }\n          @if (exportOptions.length) {\n            <div wmMenu dropdown caption.bind=\"appLocale.LABEL_EXPORT\"  autoclose=\"always\" attr.name=\"{{name}}-export\"\n            dataset.bind=\"exportOptions\" select.event=\"export($item)\" menuposition=\"down,left\"></div>\n          }\n        </div>\n      }\n    </h3>\n  </div>\n}\n<div class=\"app-datagrid\" #datagridElement></div>\n\n<div class=\"panel-footer clearfix\" [hidden]=\"!_actions.footer.length && (!shownavigation || (onDemandLoad && dataNavigator.isDisableNext) || dataNavigator?.dataSize <= pagesize)\">\n  <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext)\">\n    <nav wmPagination show.bind=\"shownavigation\" navigationalign.bind=\"navigationalign\"\n      navigationsize.bind=\"navigationSize\"\n      navigation.bind=\"navControls\" showrecordcount.bind=\"showrecordcount\" maxsize.bind=\"maxsize\"\n      boundarylinks.bind=\"boundarylinks\"\n    forceellipses.bind=\"forceellipses\" directionlinks.bind=\"directionlinks\"></nav>\n  </div>\n  @if (_actions.footer.length) {\n    <div class=\"app-datagrid-actions\">\n      @for (btn of _actions.footer; track btn; let index = $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\"\n          [ngTemplateOutletContext]=\"{btn:btn}\"\n          [ngTemplateOutletInjector]=\"createCustomInjector('actions_footer_' + index, {btn:btn})\">\n        </ng-container>\n      }\n    </div>\n  }\n</div>\n\n<ng-template #buttonRef let-btn=\"btn\">\n  <button wmButton caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n  type=\"button\" shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\" [attr.aria-label]=\"btn.displayName\" disabled.bind=\"btn.disabled\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></button>\n</ng-template>\n\n<ng-template #anchorRef let-btn=\"btn\">\n  <a wmAnchor caption.bind=\"btn.displayName\" show.bind=\"btn.show\" class.bind=\"btn.class\"  iconclass.bind=\"btn.iconclass\" (click)=\"invokeActionEvent($event, btn.action)\"\n    [ngClass]=\"{'btn-sm': spacing === 'condensed', 'disabled-new': btn.key === 'addNewRow' && (isGridEditMode || isLoading)}\"\n    shortcutkey.bind=\"btn.shortcutkey\" tabindex.bind=\"btn.tabindex\" hint.bind=\"btn.title\"\n  hyperlink.bind=\"btn.hyperlink\" target.bind=\"btn.target\" conditionalclass.bind=\"btn.conditionalclass\" conditionalstyle.bind=\"btn.conditionalstyle\"></a>\n</ng-template>\n\n<div hidden>\n  <ng-container #multiColumnFilterView></ng-container>\n\n  <ng-container #inlineEditView></ng-container>\n\n  <ng-container #inlineEditNewView></ng-container>\n\n  <ng-container #rowActionsView></ng-container>\n\n  <ng-container #rowExpansionActionView></ng-container>\n\n  <ng-container #customExprView></ng-container>\n\n  <ng-container #dynamicTable></ng-container>\n\n  <ng-container #rowDetailView></ng-container>\n\n  <div class=\"dynamic-table-container\"></div>\n</div>\n" }]
     }], () => [{ type: i0.Injector }, { type: i1.FormBuilder }, { type: i2.App }, { type: i2.DynamicComponentRefProvider }, { type: i2.StatePersistence }, { type: i2.PaginationService }, { type: i2.Viewport }, { type: i3.ListComponent, decorators: [{
                 type: Optional
             }] }, { type: undefined, decorators: [{
@@ -2304,7 +2298,7 @@ class TableComponent extends StylableComponent {
             type: HostListener,
             args: ['keypress', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableComponent, { className: "TableComponent", filePath: "table.component.ts", lineNumber: 122 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableComponent, { className: "TableComponent", filePath: "table.component.ts", lineNumber: 129 }); })();
 
 const OPERATION = {
     'NEW': 'new',
@@ -2762,11 +2756,12 @@ class TableCUDDirective {
         }
     }
     static { this.ɵfac = function TableCUDDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableCUDDirective)(i0.ɵɵdirectiveInject(TableComponent, 2), i0.ɵɵdirectiveInject(i2.AbstractDialogService), i0.ɵɵdirectiveInject(i2.App)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableCUDDirective, selectors: [["", "wmTableCUD", ""]] }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableCUDDirective, selectors: [["", "wmTableCUD", ""]], standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableCUDDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmTableCUD]'
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -3447,11 +3442,12 @@ class TableFilterSortDirective {
         });
     }
     static { this.ɵfac = function TableFilterSortDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableFilterSortDirective)(i0.ɵɵdirectiveInject(TableComponent, 2)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableFilterSortDirective, selectors: [["", "wmTableFilterSort", ""]] }); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableFilterSortDirective, selectors: [["", "wmTableFilterSort", ""]], standalone: true }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableFilterSortDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmTableFilterSort]'
             }]
     }], () => [{ type: undefined, decorators: [{
@@ -3532,13 +3528,14 @@ class TableActionDirective extends BaseComponent {
         }
     }
     static { this.ɵfac = function TableActionDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableActionDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(TableComponent, 8), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableActionDirective, selectors: [["", "wmTableAction", ""]], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableActionDirective, selectors: [["", "wmTableAction", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(TableActionDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableActionDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmTableAction]',
                 providers: [
                     provideAsWidgetRef(TableActionDirective)
@@ -3694,13 +3691,14 @@ class TableColumnGroupDirective extends BaseComponent {
         setHeaderConfigForTable(this.table.headerConfig, this.config, fieldName, fieldName ? colIndex : headerIndex);
     }
     static { this.ɵfac = function TableColumnGroupDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableColumnGroupDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(TableColumnGroupDirective, 12), i0.ɵɵdirectiveInject(TableComponent, 8), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableColumnGroupDirective, selectors: [["", "wmTableColumnGroup", ""]], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableColumnGroupDirective, selectors: [["", "wmTableColumnGroup", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(TableColumnGroupDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableColumnGroupDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmTableColumnGroup]',
                 providers: [
                     provideAsWidgetRef(TableColumnGroupDirective)
@@ -4319,13 +4317,14 @@ class TableColumnDirective extends BaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._filterInstances = _t);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._inlineInstances = _t);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._inlineInstancesNew = _t);
-        } }, features: [i0.ɵɵProvidersFeature([
+        } }, standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(TableColumnDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableColumnDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmTableColumn]',
                 providers: [
                     provideAsWidgetRef(TableColumnDirective)
@@ -4412,13 +4411,14 @@ class TableRowDirective extends BaseComponent {
         }
     }
     static { this.ɵfac = function TableRowDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableRowDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(TableComponent, 12), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableRowDirective, selectors: [["", "wmTableRow", ""]], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableRowDirective, selectors: [["", "wmTableRow", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(TableRowDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableRowDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmTableRow]',
                 providers: [
                     provideAsWidgetRef(TableRowDirective)
@@ -4492,7 +4492,7 @@ class TableRowActionDirective extends BaseComponent {
         this.table.registerRowActions(this.buttonDef);
     }
     static { this.ɵfac = function TableRowActionDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableRowActionDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(TableComponent, 8), i0.ɵɵdirectiveInject(Context, 2), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableRowActionDirective, selectors: [["", "wmTableRowAction", ""]], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TableRowActionDirective, selectors: [["", "wmTableRowAction", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(TableRowActionDirective),
                 { provide: Context, useFactory: () => { return {}; }, multi: true }
             ]), i0.ɵɵInheritDefinitionFeature] }); }
@@ -4500,6 +4500,7 @@ class TableRowActionDirective extends BaseComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableRowActionDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmTableRowAction]',
                 providers: [
                     provideAsWidgetRef(TableRowActionDirective),
@@ -4520,80 +4521,9 @@ class TableRowActionDirective extends BaseComponent {
                 type: Optional
             }] }], null); })();
 
-const components = [
-    TableComponent,
-    TableCUDDirective,
-    TableFilterSortDirective,
-    TableActionDirective,
-    TableColumnDirective,
-    TableColumnGroupDirective,
-    TableRowDirective,
-    TableRowActionDirective
-];
-class TableModule {
-    static { this.ɵfac = function TableModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TableModule)(); }; }
-    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TableModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [BasicModule,
-            BsDropdownModule,
-            CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            InputModule,
-            ListModule,
-            MenuModule,
-            PaginationModule,
-            TooltipModule,
-            WmComponentsModule] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    BasicModule,
-                    BsDropdownModule,
-                    CommonModule,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    InputModule,
-                    ListModule,
-                    MenuModule,
-                    PaginationModule,
-                    TooltipModule,
-                    WmComponentsModule
-                ],
-                declarations: [...components],
-                exports: [...components]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TableModule, { declarations: [TableComponent,
-        TableCUDDirective,
-        TableFilterSortDirective,
-        TableActionDirective,
-        TableColumnDirective,
-        TableColumnGroupDirective,
-        TableRowDirective,
-        TableRowActionDirective], imports: [BasicModule,
-        BsDropdownModule,
-        CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        InputModule,
-        ListModule,
-        MenuModule,
-        PaginationModule,
-        TooltipModule,
-        WmComponentsModule], exports: [TableComponent,
-        TableCUDDirective,
-        TableFilterSortDirective,
-        TableActionDirective,
-        TableColumnDirective,
-        TableColumnGroupDirective,
-        TableRowDirective,
-        TableRowActionDirective] }); })();
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TableActionDirective, TableCUDDirective, TableColumnDirective, TableColumnGroupDirective, TableComponent, TableFilterSortDirective, TableModule, TableRowActionDirective, TableRowDirective };
+export { TableActionDirective, TableCUDDirective, TableColumnDirective, TableColumnGroupDirective, TableComponent, TableFilterSortDirective, TableRowActionDirective, TableRowDirective };
 //# sourceMappingURL=index.mjs.map