@wavemaker/app-ng-runtime 11.3.4-rc.5323 → 11.3.4-rc.5327

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":921,"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":935,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":936,"character":9},"arguments":["dataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":937,"character":9},"arguments":["datasource.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":938,"character":9},"arguments":["readonlygrid"]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":928,"character":20},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":929,"character":19},{"__symbolic":"reference","module":"@wm/core","name":"App","line":930,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"DynamicComponentRefProvider","line":931,"character":42},{"__symbolic":"reference","module":"@wm/core","name":"StatePersistence","line":932,"character":34},{"__symbolic":"reference","module":"@wm/core","name":"PaginationService","line":933,"character":35},{"__symbolic":"reference","module":"@wm/core","name":"Viewport","line":934,"character":26},{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListComponent","line":935,"character":39},null,null,null,{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":939,"character":24},{"__symbolic":"reference","module":"@wm/components/base","name":"TrustAsPipe","line":940,"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":927,"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":941,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":942,"character":9},"arguments":["dataset.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":943,"character":9},"arguments":["datasource.bind"]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":944,"character":9},"arguments":["readonlygrid"]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":934,"character":20},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":935,"character":19},{"__symbolic":"reference","module":"@wm/core","name":"App","line":936,"character":21},{"__symbolic":"reference","module":"@wm/core","name":"DynamicComponentRefProvider","line":937,"character":42},{"__symbolic":"reference","module":"@wm/core","name":"StatePersistence","line":938,"character":34},{"__symbolic":"reference","module":"@wm/core","name":"PaginationService","line":939,"character":35},{"__symbolic":"reference","module":"@wm/core","name":"Viewport","line":940,"character":26},{"__symbolic":"reference","module":"@wm/components/data/list","name":"ListComponent","line":941,"character":39},null,null,null,{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":945,"character":24},{"__symbolic":"reference","module":"@wm/components/base","name":"TrustAsPipe","line":946,"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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/app-ng-runtime",
-    "version": "11.3.4-rc.5323",
+    "version": "11.3.4-rc.5327",
     "description": "All modules required for a wavemaker application.",
     "main": "index.js",
     "scripts": {

app-ng-runtime/runtime/base/bundles/index.umd.js

@@ -2641,9 +2641,170 @@
         { type: ComponentRefProvider }
     ]; };
 
+    var PipeProvider = /** @class */ (function () {
+        function PipeProvider(compiler, injector, domSanitizer, i18service) {
+            var _this = this;
+            var _a;
+            this.compiler = compiler;
+            this.injector = injector;
+            this.domSanitizer = domSanitizer;
+            this.i18service = i18service;
+            this._locale = i2.getSessionStorageItem('selectedLocale') || 'en';
+            this.formatsByLocale = (_a = this.i18service) === null || _a === void 0 ? void 0 : _a.getwidgetLocale();
+            this.preparePipeMeta = function (reference, name, pure, diDeps) {
+                if (diDeps === void 0) { diDeps = []; }
+                return ({
+                    type: { reference: reference, diDeps: diDeps },
+                    name: name,
+                    pure: pure
+                });
+            };
+            this._pipeData = [
+                // TODO | NEED TO BE TESTED
+                this.preparePipeMeta(common.AsyncPipe, 'async', false, [i0.ChangeDetectorRef]),
+                this.preparePipeMeta(common.SlicePipe, 'slice', false),
+                this.preparePipeMeta(common.PercentPipe, 'percent', true, [this._locale]),
+                this.preparePipeMeta(common.I18nPluralPipe, 'i18nPlural', true, [
+                    common.NgLocalization
+                ]),
+                this.preparePipeMeta(common.I18nSelectPipe, 'i18nSelect', true),
+                this.preparePipeMeta(common.KeyValuePipe, 'keyvalue', false, [
+                    i0.KeyValueDiffers
+                ]),
+                this.preparePipeMeta(base.FileIconClassPipe, 'fileIconClass', true),
+                this.preparePipeMeta(base.FileExtensionFromMimePipe, 'fileExtensionFromMime', true),
+                this.preparePipeMeta(base.StateClassPipe, 'stateClass', true),
+                this.preparePipeMeta(base.FileSizePipe, 'filesize', true),
+                // TESTED
+                this.preparePipeMeta(base.FilterPipe, 'filter', true),
+                this.preparePipeMeta(common.UpperCasePipe, 'uppercase', true),
+                this.preparePipeMeta(common.LowerCasePipe, 'lowercase', true),
+                this.preparePipeMeta(common.JsonPipe, 'json', false),
+                this.preparePipeMeta(common.DecimalPipe, 'number', true, [this._locale]),
+                this.preparePipeMeta(common.TitleCasePipe, 'titlecase', true),
+                this.preparePipeMeta(common.CurrencyPipe, 'currency', true, [this._locale]),
+                this.preparePipeMeta(common.DatePipe, 'date', true, [this._locale]),
+                this.preparePipeMeta(base.ToDatePipe, 'toDate', true, [
+                    new common.DatePipe(this._locale)
+                ]),
+                this.preparePipeMeta(base.ToNumberPipe, 'toNumber', true, [
+                    new common.DecimalPipe(this._locale),
+                    this.i18service
+                ]),
+                this.preparePipeMeta(base.ToCurrencyPipe, 'toCurrency', true, [
+                    new common.DecimalPipe(this._locale),
+                    this.i18service
+                ]),
+                this.preparePipeMeta(base.PrefixPipe, 'prefix', true),
+                this.preparePipeMeta(base.SuffixPipe, 'suffix', true),
+                this.preparePipeMeta(base.TimeFromNowPipe, 'timeFromNow', true),
+                this.preparePipeMeta(base.NumberToStringPipe, 'numberToString', true, [
+                    new common.DecimalPipe(this._locale)
+                ]),
+                this.preparePipeMeta(base.StringToNumberPipe, 'stringToNumber', true),
+                this.preparePipeMeta(base.CustomPipe, 'custom', true, [this.injector.get(i2.CustomPipeManager)]),
+                this.preparePipeMeta(base.TrustAsPipe, 'trustAs', true, [this.domSanitizer]),
+                this.preparePipeMeta(base.SanitizePipe, 'sanitize', true, [this.domSanitizer])
+            ];
+            this._pipeMeta = new Map();
+            this._pipeData.forEach(function (v) {
+                _this._pipeMeta.set(v.name, v);
+            });
+        }
+        PipeProvider.prototype.unknownPipe = function (name) {
+            throw Error("The pipe '" + name + "' could not be found");
+        };
+        PipeProvider.prototype.meta = function (name) {
+            var meta = this._pipeMeta.get(name);
+            if (!meta) {
+                this.unknownPipe(name);
+            }
+            return meta;
+        };
+        PipeProvider.prototype.getPipeNameVsIsPureMap = function () {
+            var _map = new Map();
+            this._pipeMeta.forEach(function (v, k) {
+                _map.set(k, v.pure);
+            });
+            return _map;
+        };
+        PipeProvider.prototype.resolveDep = function (dep) {
+            return this.injector.get(dep.token.identifier.reference);
+        };
+        PipeProvider.prototype.getInstance = function (name) {
+            var e_1, _b;
+            var _c = this.meta(name).type, ref = _c.reference, deps = _c.diDeps;
+            if (!ref) {
+                this.unknownPipe(name);
+            }
+            if (!deps.length) {
+                return new ref();
+            }
+            else {
+                var args = [];
+                try {
+                    for (var deps_1 = __values(deps), deps_1_1 = deps_1.next(); !deps_1_1.done; deps_1_1 = deps_1.next()) {
+                        var dep = deps_1_1.value;
+                        args.push(dep);
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (deps_1_1 && !deps_1_1.done && (_b = deps_1.return)) _b.call(deps_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                return new (ref.bind.apply(ref, __spreadArray([void 0], __read(args))))();
+            }
+        };
+        return PipeProvider;
+    }());
+    PipeProvider.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PipeProvider_Factory() { return new PipeProvider(i0__namespace.ɵɵinject(i0__namespace.Compiler), i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(i1__namespace.DomSanitizer), i0__namespace.ɵɵinject(i2__namespace.AbstractI18nService)); }, token: PipeProvider, providedIn: "root" });
+    PipeProvider.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    PipeProvider.ctorParameters = function () { return [
+        { type: i0.Compiler },
+        { type: i0.Injector },
+        { type: i1.DomSanitizer },
+        { type: i2.AbstractI18nService }
+    ]; };
+
+    var PipeService = /** @class */ (function () {
+        function PipeService(pipeProvider, $app) {
+            this.pipeProvider = pipeProvider;
+            this.$app = $app;
+            this.supportedPipes = ["toDate", "toCurrency", "prefix", "suffix", "numberToString", "stringToNumber", "timeFromNow", "trustAs", "sanitize"];
+            if (this.$app.isApplicationType) {
+                this.supportedPipes.push('custom');
+            }
+        }
+        PipeService.prototype.getPipe = function (name) {
+            if (this.supportedPipes.includes(name)) {
+                return this.pipeProvider.getInstance(name);
+            }
+            else {
+                throw Error("The pipe '" + name + "' could not be found");
+            }
+        };
+        return PipeService;
+    }());
+    PipeService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PipeService_Factory() { return new PipeService(i0__namespace.ɵɵinject(PipeProvider), i0__namespace.ɵɵinject(i2__namespace.App)); }, token: PipeService, providedIn: "root" });
+    PipeService.decorators = [
+        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+    ];
+    PipeService.ctorParameters = function () { return [
+        { type: PipeProvider },
+        { type: i2.App }
+    ]; };
+
     var injectorMap = {
         DialogService: i2.AbstractDialogService,
         i18nService: i2.AbstractI18nService,
+        PipeService: PipeService,
         statePersistence: i2.StatePersistence,
         SpinnerService: i2.AbstractSpinnerService,
         StatePersistenceService: i2.StatePersistence,
@@ -3870,138 +4031,6 @@
         { type: i2.AbstractI18nService }
     ]; };
 
-    var PipeProvider = /** @class */ (function () {
-        function PipeProvider(compiler, injector, domSanitizer, i18service) {
-            var _this = this;
-            var _a;
-            this.compiler = compiler;
-            this.injector = injector;
-            this.domSanitizer = domSanitizer;
-            this.i18service = i18service;
-            this._locale = i2.getSessionStorageItem('selectedLocale') || 'en';
-            this.formatsByLocale = (_a = this.i18service) === null || _a === void 0 ? void 0 : _a.getwidgetLocale();
-            this.preparePipeMeta = function (reference, name, pure, diDeps) {
-                if (diDeps === void 0) { diDeps = []; }
-                return ({
-                    type: { reference: reference, diDeps: diDeps },
-                    name: name,
-                    pure: pure
-                });
-            };
-            this._pipeData = [
-                // TODO | NEED TO BE TESTED
-                this.preparePipeMeta(common.AsyncPipe, 'async', false, [i0.ChangeDetectorRef]),
-                this.preparePipeMeta(common.SlicePipe, 'slice', false),
-                this.preparePipeMeta(common.PercentPipe, 'percent', true, [this._locale]),
-                this.preparePipeMeta(common.I18nPluralPipe, 'i18nPlural', true, [
-                    common.NgLocalization
-                ]),
-                this.preparePipeMeta(common.I18nSelectPipe, 'i18nSelect', true),
-                this.preparePipeMeta(common.KeyValuePipe, 'keyvalue', false, [
-                    i0.KeyValueDiffers
-                ]),
-                this.preparePipeMeta(base.FileIconClassPipe, 'fileIconClass', true),
-                this.preparePipeMeta(base.FileExtensionFromMimePipe, 'fileExtensionFromMime', true),
-                this.preparePipeMeta(base.StateClassPipe, 'stateClass', true),
-                this.preparePipeMeta(base.FileSizePipe, 'filesize', true),
-                // TESTED
-                this.preparePipeMeta(base.FilterPipe, 'filter', true),
-                this.preparePipeMeta(common.UpperCasePipe, 'uppercase', true),
-                this.preparePipeMeta(common.LowerCasePipe, 'lowercase', true),
-                this.preparePipeMeta(common.JsonPipe, 'json', false),
-                this.preparePipeMeta(common.DecimalPipe, 'number', true, [this._locale]),
-                this.preparePipeMeta(common.TitleCasePipe, 'titlecase', true),
-                this.preparePipeMeta(common.CurrencyPipe, 'currency', true, [this._locale]),
-                this.preparePipeMeta(common.DatePipe, 'date', true, [this._locale]),
-                this.preparePipeMeta(base.ToDatePipe, 'toDate', true, [
-                    new common.DatePipe(this._locale)
-                ]),
-                this.preparePipeMeta(base.ToNumberPipe, 'toNumber', true, [
-                    new common.DecimalPipe(this._locale),
-                    this.i18service
-                ]),
-                this.preparePipeMeta(base.ToCurrencyPipe, 'toCurrency', true, [
-                    new common.DecimalPipe(this._locale),
-                    this.i18service
-                ]),
-                this.preparePipeMeta(base.PrefixPipe, 'prefix', true),
-                this.preparePipeMeta(base.SuffixPipe, 'suffix', true),
-                this.preparePipeMeta(base.TimeFromNowPipe, 'timeFromNow', true),
-                this.preparePipeMeta(base.NumberToStringPipe, 'numberToString', true, [
-                    new common.DecimalPipe(this._locale)
-                ]),
-                this.preparePipeMeta(base.StringToNumberPipe, 'stringToNumber', true),
-                this.preparePipeMeta(base.CustomPipe, 'custom', true, [this.injector.get(i2.CustomPipeManager)]),
-                this.preparePipeMeta(base.TrustAsPipe, 'trustAs', true, [this.domSanitizer]),
-                this.preparePipeMeta(base.SanitizePipe, 'sanitize', true, [this.domSanitizer])
-            ];
-            this._pipeMeta = new Map();
-            this._pipeData.forEach(function (v) {
-                _this._pipeMeta.set(v.name, v);
-            });
-        }
-        PipeProvider.prototype.unknownPipe = function (name) {
-            throw Error("The pipe '" + name + "' could not be found");
-        };
-        PipeProvider.prototype.meta = function (name) {
-            var meta = this._pipeMeta.get(name);
-            if (!meta) {
-                this.unknownPipe(name);
-            }
-            return meta;
-        };
-        PipeProvider.prototype.getPipeNameVsIsPureMap = function () {
-            var _map = new Map();
-            this._pipeMeta.forEach(function (v, k) {
-                _map.set(k, v.pure);
-            });
-            return _map;
-        };
-        PipeProvider.prototype.resolveDep = function (dep) {
-            return this.injector.get(dep.token.identifier.reference);
-        };
-        PipeProvider.prototype.getInstance = function (name) {
-            var e_1, _b;
-            var _c = this.meta(name).type, ref = _c.reference, deps = _c.diDeps;
-            if (!ref) {
-                this.unknownPipe(name);
-            }
-            if (!deps.length) {
-                return new ref();
-            }
-            else {
-                var args = [];
-                try {
-                    for (var deps_1 = __values(deps), deps_1_1 = deps_1.next(); !deps_1_1.done; deps_1_1 = deps_1.next()) {
-                        var dep = deps_1_1.value;
-                        args.push(dep);
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (deps_1_1 && !deps_1_1.done && (_b = deps_1.return)) _b.call(deps_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                return new (ref.bind.apply(ref, __spreadArray([void 0], __read(args))))();
-            }
-        };
-        return PipeProvider;
-    }());
-    PipeProvider.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PipeProvider_Factory() { return new PipeProvider(i0__namespace.ɵɵinject(i0__namespace.Compiler), i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(i1__namespace.DomSanitizer), i0__namespace.ɵɵinject(i2__namespace.AbstractI18nService)); }, token: PipeProvider, providedIn: "root" });
-    PipeProvider.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    PipeProvider.ctorParameters = function () { return [
-        { type: i0.Compiler },
-        { type: i0.Injector },
-        { type: i1.DomSanitizer },
-        { type: i2.AbstractI18nService }
-    ]; };
-
     var AppComponent = /** @class */ (function () {
         function AppComponent(_pipeProvider, _appRef, elRef, oAuthService, dialogService, spinnerService, ngZone, router$1, app, appManager) {
             var _this = this;
@@ -5007,6 +5036,7 @@
                         useClass: HttpCallInterceptor,
                         multi: true
                     },
+                    PipeService,
                     common.DecimalPipe,
                     common.DatePipe,
                     AppManagerService,
@@ -5215,6 +5245,7 @@
     exports.NavigationServiceImpl = NavigationServiceImpl;
     exports.PageNotFoundGaurd = PageNotFoundGaurd;
     exports.PipeProvider = PipeProvider;
+    exports.PipeService = PipeService;
     exports.PrefabConfigProvider = PrefabConfigProvider;
     exports.PrefabDirective = PrefabDirective;
     exports.PrefabManagerService = PrefabManagerService;