@wavemaker/app-ng-runtime 11.4.0-next.28152 → 11.4.0-rc.5339

app-ng-runtime/components/data/table/index.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":34,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@wm/components/basic","name":"BasicModule","line":36,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":37,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":38,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":39,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":40,"character":8},{"__symbolic":"reference","module":"@wm/components/input","name":"InputModule","line":41,"character":8},{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListModule","line":42,"character":8},{"__symbolic":"reference","module":"@wm/components/navigation/menu","name":"MenuModule","line":43,"character":8},{"__symbolic":"reference","module":"@wm/components/data/pagination","name":"PaginationModule","line":44,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/tooltip","name":"TooltipModule","line":45,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":46,"character":8}],"declarations":[{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"TableCUDDirective"},{"__symbolic":"reference","name":"TableFilterSortDirective"},{"__symbolic":"reference","name":"TableActionDirective"},{"__symbolic":"reference","name":"TableColumnDirective"},{"__symbolic":"reference","name":"TableColumnGroupDirective"},{"__symbolic":"reference","name":"TableRowDirective"},{"__symbolic":"reference","name":"TableRowActionDirective"}],"exports":[{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"TableCUDDirective"},{"__symbolic":"reference","name":"TableFilterSortDirective"},{"__symbolic":"reference","name":"TableActionDirective"},{"__symbolic":"reference","name":"TableColumnDirective"},{"__symbolic":"reference","name":"TableColumnGroupDirective"},{"__symbolic":"reference","name":"TableRowDirective"},{"__symbolic":"reference","name":"TableRowActionDirective"}],"entryComponents":[]}]}],"members":{}},"TableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":76,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":68,"character":1},"arguments":[{"selector":"[wmTable]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":72,"character":8},"arguments":[{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":72,"character":34},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":73,"character":8},"arguments":[{"__symbolic":"reference","name":"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\"\n                          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{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) || dataNavigator?.dataSize <= pagesize)\">\n    <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext) || dataNavigator?.dataSize <= pagesize\">\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\"\n                      [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{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"}]}],"members":{"dataNavigator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/data/pagination","name":"PaginationComponent","line":78,"character":15},{"static":true}]}]}],"_tableElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":5},"arguments":["datagridElement",{"static":true}]}]}],"rowActionTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":82,"character":5},"arguments":["rowActionTmpl"]}]}],"rowActionsViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":5},"arguments":["rowActionsView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":83,"character":55}}]}]}],"filterTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":85,"character":5},"arguments":["filterTmpl",{"descendants":true}]}]}],"filterViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":86,"character":5},"arguments":["multiColumnFilterView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":86,"character":62}}]}]}],"inlineWidgetTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":88,"character":5},"arguments":["inlineWidgetTmpl",{"descendants":true}]}]}],"inlineEditViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":89,"character":5},"arguments":["inlineEditView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":89,"character":55}}]}]}],"inlineWidgetNewTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":91,"character":5},"arguments":["inlineWidgetTmplNew",{"descendants":true}]}]}],"inlineEditNewViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":92,"character":5},"arguments":["inlineEditNewView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":92,"character":58}}]}]}],"customExprTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":94,"character":5},"arguments":["customExprTmpl",{"descendants":true}]}]}],"customExprViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":95,"character":5},"arguments":["customExprView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":95,"character":55}}]}]}],"rowExpansionActionTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":97,"character":5},"arguments":["rowExpansionActionTmpl"]}]}],"rowExpansionTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":98,"character":5},"arguments":["rowExpansionTmpl"]}]}],"rowDetailViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":99,"character":5},"arguments":["rowDetailView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":99,"character":54}}]}]}],"rowExpansionActionViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":100,"character":5},"arguments":["rowExpansionActionView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":100,"character":63}}]}]}],"dynamicTableRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":102,"character":5},"arguments":["dynamicTable",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":102,"character":53}}]}]}],"onKeyPress":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":917,"character":5},"arguments":["keypress",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":931,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":932,"character":9},"arguments":["dataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":933,"character":9},"arguments":["datasource.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":934,"character":9},"arguments":["readonlygrid"]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":924,"character":20},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":925,"character":19},{"__symbolic":"reference","module":"@wm/core","name":"App","line":926,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"DynamicComponentRefProvider","line":927,"character":42},{"__symbolic":"reference","module":"@wm/core","name":"StatePersistence","line":928,"character":34},{"__symbolic":"reference","module":"@wm/core","name":"PaginationService","line":929,"character":35},{"__symbolic":"reference","module":"@wm/core","name":"Viewport","line":930,"character":26},{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListComponent","line":931,"character":39},null,null,null,{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":935,"character":24},{"__symbolic":"reference","module":"@wm/components/base","name":"TrustAsPipe","line":936,"character":29}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"getConfiguredState":[{"__symbolic":"method"}],"handleStateParams":[{"__symbolic":"method"}],"triggerWMEvent":[{"__symbolic":"method"}],"sortStateHandler":[{"__symbolic":"method"}],"searchStateHandler":[{"__symbolic":"method"}],"filterEmptyValues":[{"__symbolic":"method"}],"compareFilterExpressions":[{"__symbolic":"method"}],"setLastActionToFilterCriteria":[{"__symbolic":"method"}],"setLastActionToDatasetUpdate":[{"__symbolic":"method"}],"checkIfVarFiltersApplied":[{"__symbolic":"method"}],"watchVariableDataSet":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"addRowIndex":[{"__symbolic":"method"}],"addEventsToContext":[{"__symbolic":"method"}],"execute":[{"__symbolic":"method"}],"isNavigationEnabled":[{"__symbolic":"method"}],"getClonedRowObject":[{"__symbolic":"method"}],"handleLoading":[{"__symbolic":"method"}],"setDisabledOnField":[{"__symbolic":"method"}],"resetFormControl":[{"__symbolic":"method"}],"clearForm":[{"__symbolic":"method"}],"showFieldBasedOnScreenType":[{"__symbolic":"method"}],"isEmptyRecord":[{"__symbolic":"method"}],"removeEmptyRecords":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"setDataGridOption":[{"__symbolic":"method"}],"callDataGridMethod":[{"__symbolic":"method"}],"renderOperationColumns":[{"__symbolic":"method"}],"enablePageNavigation":[{"__symbolic":"method"}],"resetPageNavigation":[{"__symbolic":"method"}],"isDataValid":[{"__symbolic":"method"}],"populateGridData":[{"__symbolic":"method"}],"generateDynamicColumns":[{"__symbolic":"method"}],"prepareColDefs":[{"__symbolic":"method"}],"createGridColumns":[{"__symbolic":"method"}],"getSortExpr":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"onDataSourceChange":[{"__symbolic":"method"}],"clearActionRowVars":[{"__symbolic":"method"}],"onStyleChange":[{"__symbolic":"method"}],"populateActions":[{"__symbolic":"method"}],"renderDynamicFilterColumn":[{"__symbolic":"method"}],"registerColumns":[{"__symbolic":"method"}],"registerFormField":[{"__symbolic":"method"}],"registerActions":[{"__symbolic":"method"}],"registerRow":[{"__symbolic":"method"}],"registerRowActions":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"deselectItem":[{"__symbolic":"method"}],"onDataNavigatorDataSetChange":[{"__symbolic":"method"}],"toggleMessage":[{"__symbolic":"method"}],"export":[{"__symbolic":"method"}],"expandRow":[{"__symbolic":"method"}],"collapseRow":[{"__symbolic":"method"}],"_documentClickBind":[{"__symbolic":"method"}],"_redraw":[{"__symbolic":"method"}],"invokeActionEvent":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"triggerUploadEvent":[{"__symbolic":"method"}],"registerFormWidget":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnDetach":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"TableCUDDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"[wmTableCUD]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":21,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":17},"arguments":[{"__symbolic":"reference","name":"TableComponent"}]}],null,null],"parameters":[null,{"__symbolic":"reference","module":"@wm/core","name":"AbstractDialogService","line":22,"character":31},{"__symbolic":"reference","module":"@wm/core","name":"App","line":23,"character":22}]}],"selectItemOnSuccess":[{"__symbolic":"method"}],"initiateSelectItem":[{"__symbolic":"method"}],"updateVariable":[{"__symbolic":"method"}],"insertSuccessHandler":[{"__symbolic":"method"}],"generatePath":[{"__symbolic":"method"}],"insertRecord":[{"__symbolic":"method"}],"updateSuccessHandler":[{"__symbolic":"method"}],"updateRecord":[{"__symbolic":"method"}],"onRecordDelete":[{"__symbolic":"method"}],"deleteSuccessHandler":[{"__symbolic":"method"}],"deleteFn":[{"__symbolic":"method"}],"deleteRecord":[{"__symbolic":"method"}],"editRow":[{"__symbolic":"method"}],"addNewRow":[{"__symbolic":"method"}],"triggerWMEvent":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"hideEditRow":[{"__symbolic":"method"}],"saveRow":[{"__symbolic":"method"}],"cancelRow":[{"__symbolic":"method"}]}},"TableFilterSortDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":161,"character":1},"arguments":[{"selector":"[wmTableFilterSort]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":166,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":166,"character":25},"arguments":[{"__symbolic":"reference","name":"TableComponent"}]}]],"parameters":[null]}],"adjustContainer":[{"__symbolic":"method"}],"getNavigationTargetBySortInfo":[{"__symbolic":"method"}],"getTableVisibleCols":[{"__symbolic":"method"}],"invokeSetFilterfieldBasedOnFieldval":[{"__symbolic":"method"}],"getFilterFields":[{"__symbolic":"method"}],"getLogicalOperator":[{"__symbolic":"method"}],"resetSortStatus":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"checkFiltersApplied":[{"__symbolic":"method"}],"getSearchResult":[{"__symbolic":"method"}],"getSortResult":[{"__symbolic":"method"}],"handleClientSideSortSearch":[{"__symbolic":"method"}],"handleSinglePageSearch":[{"__symbolic":"method"}],"handleServerSideSearch":[{"__symbolic":"method"}],"handleSeverSideSort":[{"__symbolic":"method"}],"searchHandler":[{"__symbolic":"method"}],"sortHandler":[{"__symbolic":"method"}],"setLastActionPerformedToSearchSort":[{"__symbolic":"method"}],"searchSortHandler":[{"__symbolic":"method"}],"showClearIcon":[{"__symbolic":"method"}],"clearRowFilter":[{"__symbolic":"method"}],"onFilterConditionSelect":[{"__symbolic":"method"}],"getFilterOnFieldValues":[{"__symbolic":"method"}],"onRowFilterChange":[{"__symbolic":"method"}],"refreshData":[{"__symbolic":"method"}]}},"TableActionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":17,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[wmTableAction]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":14,"character":8},"arguments":[{"__symbolic":"reference","name":"TableActionDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":32}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":21},{"__symbolic":"reference","name":"TableComponent"}]}],"populateAction":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵb"}}}},"TableColumnDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":48,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":42,"character":1},"arguments":[{"selector":"[wmTableColumn]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":45,"character":8},"arguments":[{"__symbolic":"reference","name":"TableColumnDirective"}]}]}]}],"members":{"_filterInstances":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":51,"character":5},"arguments":["filterWidget"]}]}],"_inlineInstances":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":52,"character":5},"arguments":["inlineWidget"]}]}],"_inlineInstancesNew":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":53,"character":5},"arguments":["inlineWidgetNew"]}]}],"customExprTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":54,"character":5},"arguments":["customExprTmpl"]}]}],"inlineWidthTempRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":55,"character":5},"arguments":["inlineWidgetTmpl"]}]}],"filterTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":136,"character":5},"arguments":["filterTmpl"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":141,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":142,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":143,"character":9},"arguments":["filterdataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":144,"character":9},"arguments":["dataset.bind"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":139,"character":13},{"__symbolic":"reference","module":"@wm/core","name":"AppDefaults","line":140,"character":29},{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"TableColumnGroupDirective"},null,null]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"applyValidations":[{"__symbolic":"method"}],"removeValidations":[{"__symbolic":"method"}],"applyNewRowValidations":[{"__symbolic":"method"}],"removeNewRowValidations":[{"__symbolic":"method"}],"addFormControl":[{"__symbolic":"method"}],"getFormControl":[{"__symbolic":"method"}],"_checkNewEditableRowControl":[{"__symbolic":"method"}],"setUpControls":[{"__symbolic":"method"}],"resetFilter":[{"__symbolic":"method"}],"onFilterValueChange":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"loadFilterData":[{"__symbolic":"method"}],"loadInlineWidgetData":[{"__symbolic":"method"}],"onDataSourceChange":[{"__symbolic":"method"}],"setFilterWidgetDataSet":[{"__symbolic":"method"}],"setUpFilterWidget":[{"__symbolic":"method"}],"notifyChanges":[{"__symbolic":"method"}],"observeOn":[{"__symbolic":"method"}],"setUpValidators":[{"__symbolic":"method"}],"setAsyncValidators":[{"__symbolic":"method"}],"setValidators":[{"__symbolic":"method"}],"boundFn":[{"__symbolic":"method"}],"onStatusChange":[{"__symbolic":"method"}],"setSummaryRowData":[{"__symbolic":"method"}],"_invokeSummaryRowData":[{"__symbolic":"method"}],"_getColumnData":[{"__symbolic":"method"}],"setInlineWidgetProp":[{"__symbolic":"method"}],"setUpInlineWidget":[{"__symbolic":"method"}],"getStyleDef":[{"__symbolic":"method"}],"populateFieldDef":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"setProperty":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"}}}},"TableRowDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":15,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"[wmTableRow]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":12,"character":8},"arguments":[{"__symbolic":"reference","name":"TableRowDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":29,"character":21}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":28,"character":13},{"__symbolic":"reference","name":"TableComponent"}]}],"populateConfig":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"}}}},"TableRowActionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":18,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[wmTableRowAction]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":14,"character":8},"arguments":[{"__symbolic":"reference","name":"TableRowActionDirective"}]},{"provide":{"__symbolic":"reference","module":"@wm/components/base","name":"Context","line":15,"character":18},"useValue":{},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":40,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":41,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":41,"character":17},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"Context","line":41,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":39,"character":13},{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"getTitle":[{"__symbolic":"method"}],"populateAction":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵf"}}}},"TableColumnGroupDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":14,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[wmTableColumnGroup]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":11,"character":8},"arguments":[{"__symbolic":"reference","name":"TableColumnGroupDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":27,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":27,"character":21}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":28,"character":9}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":13},{"__symbolic":"reference","name":"TableColumnGroupDirective"},{"__symbolic":"reference","name":"TableComponent"}]}],"populateConfig":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵc"}}}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table.props"},"ɵb":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table-action/table-action.props"},"ɵc":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table-column-group/table-column-group.props"},"ɵd":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table-column/table-column.props"},"ɵe":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table-row/table-row.props"},"ɵf":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table-row-action/table-row-action.props"}},"origins":{"TableModule":"./table.module","TableComponent":"./table.component","TableCUDDirective":"./table-cud.directive","TableFilterSortDirective":"./table-filter.directive","TableActionDirective":"./table-action/table-action.directive","TableColumnDirective":"./table-column/table-column.directive","TableRowDirective":"./table-row/table-row.directive","TableRowActionDirective":"./table-row-action/table-row-action.directive","TableColumnGroupDirective":"./table-column-group/table-column-group.directive","ɵa":"./table.props","ɵb":"./table-action/table-action.props","ɵc":"./table-column-group/table-column-group.props","ɵd":"./table-column/table-column.props","ɵe":"./table-row/table-row.props","ɵf":"./table-row-action/table-row-action.props"},"importAs":"@wm/components/data/table"}
+{"__symbolic":"module","version":4,"metadata":{"TableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":34,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@wm/components/basic","name":"BasicModule","line":36,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":37,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":38,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":39,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":40,"character":8},{"__symbolic":"reference","module":"@wm/components/input","name":"InputModule","line":41,"character":8},{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListModule","line":42,"character":8},{"__symbolic":"reference","module":"@wm/components/navigation/menu","name":"MenuModule","line":43,"character":8},{"__symbolic":"reference","module":"@wm/components/data/pagination","name":"PaginationModule","line":44,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/tooltip","name":"TooltipModule","line":45,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":46,"character":8}],"declarations":[{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"TableCUDDirective"},{"__symbolic":"reference","name":"TableFilterSortDirective"},{"__symbolic":"reference","name":"TableActionDirective"},{"__symbolic":"reference","name":"TableColumnDirective"},{"__symbolic":"reference","name":"TableColumnGroupDirective"},{"__symbolic":"reference","name":"TableRowDirective"},{"__symbolic":"reference","name":"TableRowActionDirective"}],"exports":[{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"TableCUDDirective"},{"__symbolic":"reference","name":"TableFilterSortDirective"},{"__symbolic":"reference","name":"TableActionDirective"},{"__symbolic":"reference","name":"TableColumnDirective"},{"__symbolic":"reference","name":"TableColumnGroupDirective"},{"__symbolic":"reference","name":"TableRowDirective"},{"__symbolic":"reference","name":"TableRowActionDirective"}],"entryComponents":[]}]}],"members":{}},"TableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":76,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":68,"character":1},"arguments":[{"selector":"[wmTable]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":72,"character":8},"arguments":[{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":72,"character":34},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":73,"character":8},"arguments":[{"__symbolic":"reference","name":"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\"\n                          [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{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) || dataNavigator?.dataSize <= pagesize)\">\n    <div class=\"app-datagrid-paginator\" [hidden]=\"(!dataNavigator?.dataSize && !dataNavigator.datasource?.pagination?.next) || !shownavigation || (onDemandLoad && dataNavigator.isDisableNext) || dataNavigator?.dataSize <= pagesize\">\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\"\n                      [ngTemplateOutlet]=\"btn.widgetType === 'button' ? buttonRef : anchorRef\" [ngTemplateOutletContext]=\"{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"}]}],"members":{"dataNavigator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":5},"arguments":[{"__symbolic":"reference","module":"@wm/components/data/pagination","name":"PaginationComponent","line":78,"character":15},{"static":true}]}]}],"_tableElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":5},"arguments":["datagridElement",{"static":true}]}]}],"rowActionTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":82,"character":5},"arguments":["rowActionTmpl"]}]}],"rowActionsViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":5},"arguments":["rowActionsView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":83,"character":55}}]}]}],"filterTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":85,"character":5},"arguments":["filterTmpl",{"descendants":true}]}]}],"filterViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":86,"character":5},"arguments":["multiColumnFilterView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":86,"character":62}}]}]}],"inlineWidgetTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":88,"character":5},"arguments":["inlineWidgetTmpl",{"descendants":true}]}]}],"inlineEditViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":89,"character":5},"arguments":["inlineEditView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":89,"character":55}}]}]}],"inlineWidgetNewTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":91,"character":5},"arguments":["inlineWidgetTmplNew",{"descendants":true}]}]}],"inlineEditNewViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":92,"character":5},"arguments":["inlineEditNewView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":92,"character":58}}]}]}],"customExprTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":94,"character":5},"arguments":["customExprTmpl",{"descendants":true}]}]}],"customExprViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":95,"character":5},"arguments":["customExprView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":95,"character":55}}]}]}],"rowExpansionActionTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":97,"character":5},"arguments":["rowExpansionActionTmpl"]}]}],"rowExpansionTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":98,"character":5},"arguments":["rowExpansionTmpl"]}]}],"rowDetailViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":99,"character":5},"arguments":["rowDetailView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":99,"character":54}}]}]}],"rowExpansionActionViewRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":100,"character":5},"arguments":["rowExpansionActionView",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":100,"character":63}}]}]}],"dynamicTableRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":102,"character":5},"arguments":["dynamicTable",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":102,"character":53}}]}]}],"onKeyPress":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":951,"character":5},"arguments":["keypress",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":965,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":966,"character":9},"arguments":["dataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":967,"character":9},"arguments":["datasource.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":968,"character":9},"arguments":["readonlygrid"]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":958,"character":20},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":959,"character":19},{"__symbolic":"reference","module":"@wm/core","name":"App","line":960,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"DynamicComponentRefProvider","line":961,"character":42},{"__symbolic":"reference","module":"@wm/core","name":"StatePersistence","line":962,"character":34},{"__symbolic":"reference","module":"@wm/core","name":"PaginationService","line":963,"character":35},{"__symbolic":"reference","module":"@wm/core","name":"Viewport","line":964,"character":26},{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListComponent","line":965,"character":39},null,null,null,{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":969,"character":24},{"__symbolic":"reference","module":"@wm/components/base","name":"TrustAsPipe","line":970,"character":29}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"getConfiguredState":[{"__symbolic":"method"}],"handleStateParams":[{"__symbolic":"method"}],"triggerWMEvent":[{"__symbolic":"method"}],"sortStateHandler":[{"__symbolic":"method"}],"searchStateHandler":[{"__symbolic":"method"}],"filterEmptyValues":[{"__symbolic":"method"}],"compareFilterExpressions":[{"__symbolic":"method"}],"setLastActionToFilterCriteria":[{"__symbolic":"method"}],"setLastActionToDatasetUpdate":[{"__symbolic":"method"}],"checkIfVarFiltersApplied":[{"__symbolic":"method"}],"watchVariableDataSet":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"addRowIndex":[{"__symbolic":"method"}],"addEventsToContext":[{"__symbolic":"method"}],"execute":[{"__symbolic":"method"}],"isNavigationEnabled":[{"__symbolic":"method"}],"getClonedRowObject":[{"__symbolic":"method"}],"handleLoading":[{"__symbolic":"method"}],"setDisabledOnField":[{"__symbolic":"method"}],"resetFormControl":[{"__symbolic":"method"}],"clearForm":[{"__symbolic":"method"}],"showFieldBasedOnScreenType":[{"__symbolic":"method"}],"isEmptyRecord":[{"__symbolic":"method"}],"removeEmptyRecords":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"setDataGridOption":[{"__symbolic":"method"}],"callDataGridMethod":[{"__symbolic":"method"}],"renderOperationColumns":[{"__symbolic":"method"}],"enablePageNavigation":[{"__symbolic":"method"}],"resetPageNavigation":[{"__symbolic":"method"}],"isDataValid":[{"__symbolic":"method"}],"populateGridData":[{"__symbolic":"method"}],"generateDynamicColumns":[{"__symbolic":"method"}],"prepareColDefs":[{"__symbolic":"method"}],"createGridColumns":[{"__symbolic":"method"}],"getSortExpr":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"onDataSourceChange":[{"__symbolic":"method"}],"clearActionRowVars":[{"__symbolic":"method"}],"onStyleChange":[{"__symbolic":"method"}],"populateActions":[{"__symbolic":"method"}],"renderDynamicFilterColumn":[{"__symbolic":"method"}],"registerColumns":[{"__symbolic":"method"}],"registerFormField":[{"__symbolic":"method"}],"registerActions":[{"__symbolic":"method"}],"registerRow":[{"__symbolic":"method"}],"registerRowActions":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"deselectItem":[{"__symbolic":"method"}],"onDataNavigatorDataSetChange":[{"__symbolic":"method"}],"toggleMessage":[{"__symbolic":"method"}],"export":[{"__symbolic":"method"}],"expandRow":[{"__symbolic":"method"}],"collapseRow":[{"__symbolic":"method"}],"_documentClickBind":[{"__symbolic":"method"}],"_redraw":[{"__symbolic":"method"}],"invokeActionEvent":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"triggerUploadEvent":[{"__symbolic":"method"}],"registerFormWidget":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"ngOnDetach":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"TableCUDDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"[wmTableCUD]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":21,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":17},"arguments":[{"__symbolic":"reference","name":"TableComponent"}]}],null,null],"parameters":[null,{"__symbolic":"reference","module":"@wm/core","name":"AbstractDialogService","line":22,"character":31},{"__symbolic":"reference","module":"@wm/core","name":"App","line":23,"character":22}]}],"selectItemOnSuccess":[{"__symbolic":"method"}],"initiateSelectItem":[{"__symbolic":"method"}],"updateVariable":[{"__symbolic":"method"}],"insertSuccessHandler":[{"__symbolic":"method"}],"generatePath":[{"__symbolic":"method"}],"insertRecord":[{"__symbolic":"method"}],"updateSuccessHandler":[{"__symbolic":"method"}],"updateRecord":[{"__symbolic":"method"}],"onRecordDelete":[{"__symbolic":"method"}],"deleteSuccessHandler":[{"__symbolic":"method"}],"deleteFn":[{"__symbolic":"method"}],"deleteRecord":[{"__symbolic":"method"}],"editRow":[{"__symbolic":"method"}],"addNewRow":[{"__symbolic":"method"}],"triggerWMEvent":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"hideEditRow":[{"__symbolic":"method"}],"saveRow":[{"__symbolic":"method"}],"cancelRow":[{"__symbolic":"method"}]}},"TableFilterSortDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":161,"character":1},"arguments":[{"selector":"[wmTableFilterSort]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":166,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":166,"character":25},"arguments":[{"__symbolic":"reference","name":"TableComponent"}]}]],"parameters":[null]}],"adjustContainer":[{"__symbolic":"method"}],"getNavigationTargetBySortInfo":[{"__symbolic":"method"}],"getTableVisibleCols":[{"__symbolic":"method"}],"invokeSetFilterfieldBasedOnFieldval":[{"__symbolic":"method"}],"getFilterFields":[{"__symbolic":"method"}],"getLogicalOperator":[{"__symbolic":"method"}],"resetSortStatus":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"checkFiltersApplied":[{"__symbolic":"method"}],"getSearchResult":[{"__symbolic":"method"}],"getSortResult":[{"__symbolic":"method"}],"handleClientSideSortSearch":[{"__symbolic":"method"}],"handleSinglePageSearch":[{"__symbolic":"method"}],"handleServerSideSearch":[{"__symbolic":"method"}],"handleSeverSideSort":[{"__symbolic":"method"}],"searchHandler":[{"__symbolic":"method"}],"sortHandler":[{"__symbolic":"method"}],"setLastActionPerformedToSearchSort":[{"__symbolic":"method"}],"searchSortHandler":[{"__symbolic":"method"}],"showClearIcon":[{"__symbolic":"method"}],"clearRowFilter":[{"__symbolic":"method"}],"onFilterConditionSelect":[{"__symbolic":"method"}],"getFilterOnFieldValues":[{"__symbolic":"method"}],"onRowFilterChange":[{"__symbolic":"method"}],"refreshData":[{"__symbolic":"method"}]}},"TableActionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":17,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[wmTableAction]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":14,"character":8},"arguments":[{"__symbolic":"reference","name":"TableActionDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":32}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":21},{"__symbolic":"reference","name":"TableComponent"}]}],"populateAction":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵb"}}}},"TableColumnDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":48,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":42,"character":1},"arguments":[{"selector":"[wmTableColumn]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":45,"character":8},"arguments":[{"__symbolic":"reference","name":"TableColumnDirective"}]}]}]}],"members":{"_filterInstances":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":51,"character":5},"arguments":["filterWidget"]}]}],"_inlineInstances":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":52,"character":5},"arguments":["inlineWidget"]}]}],"_inlineInstancesNew":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":53,"character":5},"arguments":["inlineWidgetNew"]}]}],"customExprTmpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":54,"character":5},"arguments":["customExprTmpl"]}]}],"inlineWidthTempRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":55,"character":5},"arguments":["inlineWidgetTmpl"]}]}],"filterTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":136,"character":5},"arguments":["filterTmpl"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":141,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":142,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":143,"character":9},"arguments":["filterdataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":144,"character":9},"arguments":["dataset.bind"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":139,"character":13},{"__symbolic":"reference","module":"@wm/core","name":"AppDefaults","line":140,"character":29},{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"TableColumnGroupDirective"},null,null]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"applyValidations":[{"__symbolic":"method"}],"removeValidations":[{"__symbolic":"method"}],"applyNewRowValidations":[{"__symbolic":"method"}],"removeNewRowValidations":[{"__symbolic":"method"}],"addFormControl":[{"__symbolic":"method"}],"getFormControl":[{"__symbolic":"method"}],"_checkNewEditableRowControl":[{"__symbolic":"method"}],"setUpControls":[{"__symbolic":"method"}],"resetFilter":[{"__symbolic":"method"}],"onFilterValueChange":[{"__symbolic":"method"}],"onValueChange":[{"__symbolic":"method"}],"loadFilterData":[{"__symbolic":"method"}],"loadInlineWidgetData":[{"__symbolic":"method"}],"onDataSourceChange":[{"__symbolic":"method"}],"setFilterWidgetDataSet":[{"__symbolic":"method"}],"setUpFilterWidget":[{"__symbolic":"method"}],"notifyChanges":[{"__symbolic":"method"}],"observeOn":[{"__symbolic":"method"}],"setUpValidators":[{"__symbolic":"method"}],"setAsyncValidators":[{"__symbolic":"method"}],"setValidators":[{"__symbolic":"method"}],"boundFn":[{"__symbolic":"method"}],"onStatusChange":[{"__symbolic":"method"}],"setSummaryRowData":[{"__symbolic":"method"}],"_invokeSummaryRowData":[{"__symbolic":"method"}],"_getColumnData":[{"__symbolic":"method"}],"setInlineWidgetProp":[{"__symbolic":"method"}],"setUpInlineWidget":[{"__symbolic":"method"}],"getStyleDef":[{"__symbolic":"method"}],"populateFieldDef":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"setProperty":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"}}}},"TableRowDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":15,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1},"arguments":[{"selector":"[wmTableRow]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":12,"character":8},"arguments":[{"__symbolic":"reference","name":"TableRowDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":29,"character":21}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":28,"character":13},{"__symbolic":"reference","name":"TableComponent"}]}],"populateConfig":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵe"}}}},"TableRowActionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":18,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":11,"character":1},"arguments":[{"selector":"[wmTableRowAction]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":14,"character":8},"arguments":[{"__symbolic":"reference","name":"TableRowActionDirective"}]},{"provide":{"__symbolic":"reference","module":"@wm/components/base","name":"Context","line":15,"character":18},"useValue":{},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":40,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":41,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":41,"character":17},"arguments":[{"__symbolic":"reference","module":"@wm/components/base","name":"Context","line":41,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":39,"character":13},{"__symbolic":"reference","name":"TableComponent"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"getTitle":[{"__symbolic":"method"}],"populateAction":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵf"}}}},"TableColumnGroupDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"BaseComponent","line":14,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"[wmTableColumnGroup]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":11,"character":8},"arguments":[{"__symbolic":"reference","name":"TableColumnGroupDirective"}]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":27,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":27,"character":21}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":28,"character":9}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":13},{"__symbolic":"reference","name":"TableColumnGroupDirective"},{"__symbolic":"reference","name":"TableComponent"}]}],"populateConfig":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵc"}}}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table.props"},"ɵb":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table-action/table-action.props"},"ɵc":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table-column-group/table-column-group.props"},"ɵd":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table-column/table-column.props"},"ɵe":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table-row/table-row.props"},"ɵf":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./table-row-action/table-row-action.props"}},"origins":{"TableModule":"./table.module","TableComponent":"./table.component","TableCUDDirective":"./table-cud.directive","TableFilterSortDirective":"./table-filter.directive","TableActionDirective":"./table-action/table-action.directive","TableColumnDirective":"./table-column/table-column.directive","TableRowDirective":"./table-row/table-row.directive","TableRowActionDirective":"./table-row-action/table-row-action.directive","TableColumnGroupDirective":"./table-column-group/table-column-group.directive","ɵa":"./table.props","ɵb":"./table-action/table-action.props","ɵc":"./table-column-group/table-column-group.props","ɵd":"./table-column/table-column.props","ɵe":"./table-row/table-row.props","ɵf":"./table-row-action/table-row-action.props"},"importAs":"@wm/components/data/table"}

app-ng-runtime/components/data/table/table.component.d.ts

@@ -60,6 +60,8 @@ export declare class TableComponent extends StylableComponent implements AfterCo
     gridfirstrowselect: any;
     iconclass: any;
     ondemandmessage: any;
+    viewlessmessage: any;
+    showviewlessbutton: boolean;
     _triggeredByUser: any;
     isGridEditMode: any;
     loadingdatamsg: any;
@@ -180,6 +182,7 @@ export declare class TableComponent extends StylableComponent implements AfterCo
         data: any[];
         colDefs: any[];
         startRowIndex: number;
+        mode: string;
         sortInfo: {
             field: string;
             direction: string;
@@ -210,6 +213,10 @@ export declare class TableComponent extends StylableComponent implements AfterCo
         isSearchTrigerred: boolean;
         isDatasetUpdated: boolean;
         isDataUpdatedByUser: boolean;
+        showviewlessbutton: boolean;
+        ondemandmessage: string;
+        viewlessmessage: string;
+        loadingdatamsg: string;
         isNextPageData: any;
         ACTIONS: {
             DELETE: string;
@@ -226,6 +233,8 @@ export declare class TableComponent extends StylableComponent implements AfterCo
         setCurrentPage: (pageNum: any) => void;
         getDataSource: () => any;
         getPageSize: () => any;
+        getPageCount: () => any;
+        enableNavigation: () => void;
         setDeletedRowIndex: (id: any) => void;
         setLastActionPerformed: (action: any) => void;
         isNavTypeScrollOrOndemand: () => boolean;

app-ng-runtime/components/dialogs/default/base-dialog.d.ts

@@ -7,6 +7,7 @@ export declare abstract class BaseDialog extends BaseComponent implements IDialo
     private readonly dialogService;
     private readonly bsModal;
     private dialogRef;
+    private dialogId;
     titleId: string;
     protected constructor(inj: Injector, widgetConfig: IWidgetConfig, modalOptions: ModalOptions);
     /**

app-ng-runtime/components/dialogs/default/bundles/index.umd.js

@@ -457,19 +457,28 @@
             _this.bsModal = inj.get(modal.BsModalService);
             var router$1 = inj.get(router.Router);
             var subscriptions = [
-                _this.bsModal.onShown.subscribe(function () {
+                _this.bsModal.onShown.subscribe(function (_a) {
+                    var id = _a.id;
                     var ref = _this.dialogService.getLastOpenedDialog();
-                    if (ref === _this) {
+                    if (ref === _this && !_this.dialogId) {
                         // Always get the reference of last pushed dialog in the array for calling onOpen callback
                         invokeOpenedCallback(ref);
+                        _this.dialogId = id;
                     }
                 }),
                 _this.bsModal.onShow.subscribe(function () {
                     focusTrapObj.activeElement = document.activeElement;
                 }),
                 _this.bsModal.onHidden.subscribe(function (closeReason) {
-                    var ref = closeReason === 'esc' || closeReason === 'backdrop-click' ? _this.dialogService.getLastOpenedDialog() : _this.dialogService.getDialogRefFromClosedDialogs();
+                    var ref = _this.dialogService.getDialogRefFromClosedDialogs();
+                    if (_this.dialogId && (closeReason === null || closeReason === void 0 ? void 0 : closeReason.id) === _this.dialogId) {
+                        ref = _this;
+                    }
+                    else if (closeReason === 'esc' || closeReason === 'backdrop-click') {
+                        ref = _this.dialogService.getLastOpenedDialog();
+                    }
                     if (ref === _this) {
+                        _this.dialogId = null;
                         // remove the dialog reference from opened dialogs and closed dialogs
                         _this.dialogService.removeFromOpenedDialogs(ref);
                         _this.dialogService.removeFromClosedDialogs(ref);
@@ -519,6 +528,11 @@
             Object.assign(this.context, initState);
             this.modalOptions.ariaLabelledBy = this.titleId;
             this.dialogRef = this.bsModal.show(this.getTemplateRef(), this.modalOptions);
+            // Fix for [WMS-23948]: Focus moving out of active Dialog widget
+            if (this.dialogService.getOpenedDialogs().length === 1 && (core.isMobile() || core.isMobileApp())) {
+                var parentSelector = $('body > app-root')[0];
+                parentSelector.setAttribute('aria-hidden', 'true');
+            }
         };
         /**
          * closes the dialog