@alfresco/adf-process-services-cloud 8.4.0-21397362513 → 8.4.0-21410760032

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12542,6 +12542,10 @@ class ProcessListCloudComponent extends DataTableSchema {
12542
12542
  * This input will be used only if searchApiMethod input is provided with 'POST' value.
12543
12543
  */
12544
12544
  this.statuses = [];
12545
+ /**
12546
+ * Enables reloading of preferences and process list when appName changes.
12547
+ */
12548
+ this.enableAppChange = false;
12545
12549
  /** Include subprocesses in the process list. */
12546
12550
  this.includeSubprocesses = null;
12547
12551
  /** Include unlinked processes in the process list. */
@@ -12561,9 +12565,11 @@ class ProcessListCloudComponent extends DataTableSchema {
12561
12565
  /** Emitted when the list of process instances has been loaded successfully from the server. */
12562
12566
  this.success = new EventEmitter();
12563
12567
  this.skipCount = 0;
12564
- this.isLoading = true;
12565
12568
  this.rows = [];
12566
12569
  this.defaultSorting = { key: 'startDate', direction: 'desc' };
12570
+ this.isLoadingPreferences$ = new BehaviorSubject(true);
12571
+ this.isReloadingSubject$ = new BehaviorSubject(false);
12572
+ this.isLoading$ = combineLatest([this.isLoadingPreferences$, this.isReloadingSubject$]).pipe(map(([isLoadingPreferences, isReloading]) => isLoadingPreferences || isReloading));
12567
12573
  this.fetchProcessesTrigger$ = new Subject();
12568
12574
  this.size = userPreferences.paginationSize;
12569
12575
  this.userPreferences.select(UserPreferenceValues.PaginationSize).subscribe((pageSize) => {
@@ -12574,8 +12580,8 @@ class ProcessListCloudComponent extends DataTableSchema {
12574
12580
  skipCount: 0,
12575
12581
  totalItems: 0
12576
12582
  });
12577
- combineLatest([this.isColumnSchemaCreated$, this.fetchProcessesTrigger$])
12578
- .pipe(tap(() => (this.isLoading = true)), filter(([isColumnSchemaCreated]) => isColumnSchemaCreated), switchMap(() => {
12583
+ combineLatest([this.isLoadingPreferences$, this.isColumnSchemaCreated$, this.fetchProcessesTrigger$])
12584
+ .pipe(tap(() => this.isReloadingSubject$.next(true)), filter(([isLoadingPreferences, isColumnSchemaCreated]) => !isLoadingPreferences && !!isColumnSchemaCreated), switchMap(() => {
12579
12585
  if (this.searchApiMethod === 'POST') {
12580
12586
  const requestNode = this.createProcessListRequestNode();
12581
12587
  this.processListRequestNode = requestNode;
@@ -12584,7 +12590,7 @@ class ProcessListCloudComponent extends DataTableSchema {
12584
12590
  else {
12585
12591
  const requestNode = this.createRequestNode();
12586
12592
  this.requestNode = requestNode;
12587
- return this.processListCloudService.getProcessByRequest(requestNode).pipe(take(1));
12593
+ return this.processListCloudService.getProcessByRequest(requestNode).pipe();
12588
12594
  }
12589
12595
  }), takeUntilDestroyed())
12590
12596
  .subscribe({
@@ -12592,17 +12598,41 @@ class ProcessListCloudComponent extends DataTableSchema {
12592
12598
  this.rows = this.variableMapperService.mapVariablesByColumnTitle(processes.list.entries, this.columns);
12593
12599
  this.dataAdapter = new ProcessListDatatableAdapter(this.rows, this.columns);
12594
12600
  this.success.emit(processes);
12595
- this.isLoading = false;
12601
+ this.isReloadingSubject$.next(false);
12596
12602
  this.pagination.next(processes.list.pagination);
12597
12603
  },
12598
12604
  error: (error) => {
12599
12605
  console.error(error);
12600
12606
  this.error.emit(error);
12601
- this.isLoading = false;
12607
+ this.isReloadingSubject$.next(false);
12602
12608
  }
12603
12609
  });
12604
12610
  }
12611
+ reload() {
12612
+ if (this.appName || this.appName === '') {
12613
+ this.isReloadingSubject$.next(true);
12614
+ this.fetchProcessesTrigger$.next();
12615
+ }
12616
+ else {
12617
+ this.rows = [];
12618
+ }
12619
+ }
12605
12620
  ngAfterContentInit() {
12621
+ this.retrieveProcessPreferences();
12622
+ }
12623
+ ngOnChanges(changes) {
12624
+ if (this.isPropertyChanged(changes, 'sorting')) {
12625
+ this.formatSorting(changes['sorting'].currentValue);
12626
+ }
12627
+ if (changes['appName'] && this.enableAppChange) {
12628
+ this.retrieveProcessPreferences();
12629
+ }
12630
+ if (this.isAnyPropertyChanged(changes)) {
12631
+ this.reload();
12632
+ }
12633
+ }
12634
+ retrieveProcessPreferences() {
12635
+ this.isLoadingPreferences$.next(true);
12606
12636
  this.cloudPreferenceService
12607
12637
  .getPreferences(this.appName)
12608
12638
  .pipe(take(1), map((preferences) => {
@@ -12612,14 +12642,14 @@ class ProcessListCloudComponent extends DataTableSchema {
12612
12642
  const columnsWidths = preferencesList.find((preference) => preference.entry.key === ProcessListCloudPreferences.columnsWidths);
12613
12643
  return {
12614
12644
  columnsOrder: columnsOrder ? JSON.parse(columnsOrder.entry.value) : undefined,
12615
- columnsVisibility: columnsVisibility ? JSON.parse(columnsVisibility.entry.value) : this.columnsVisibility,
12645
+ columnsVisibility: columnsVisibility ? JSON.parse(columnsVisibility.entry.value) : undefined,
12616
12646
  columnsWidths: columnsWidths ? JSON.parse(columnsWidths.entry.value) : undefined
12617
12647
  };
12618
12648
  }), catchError((error) => {
12619
12649
  if (error.status === 404) {
12620
12650
  return of({
12621
12651
  columnsOrder: undefined,
12622
- columnsVisibility: this.columnsVisibility,
12652
+ columnsVisibility: undefined,
12623
12653
  columnsWidths: undefined
12624
12654
  });
12625
12655
  }
@@ -12638,27 +12668,18 @@ class ProcessListCloudComponent extends DataTableSchema {
12638
12668
  this.columnsWidths = columnsWidths;
12639
12669
  }
12640
12670
  this.createDatatableSchema();
12671
+ if (this.enableAppChange) {
12672
+ this.createColumns();
12673
+ }
12674
+ this.isLoadingPreferences$.next(false);
12675
+ }, (error) => {
12676
+ this.error.emit(error);
12677
+ this.isLoadingPreferences$.next(false);
12641
12678
  });
12642
12679
  }
12643
- ngOnChanges(changes) {
12644
- if (this.isPropertyChanged(changes, 'sorting')) {
12645
- this.formatSorting(changes['sorting'].currentValue);
12646
- }
12647
- if (this.isAnyPropertyChanged(changes)) {
12648
- this.reload();
12649
- }
12650
- }
12651
12680
  getCurrentId() {
12652
12681
  return this.currentInstanceId;
12653
12682
  }
12654
- reload() {
12655
- if (this.appName || this.appName === '') {
12656
- this.fetchProcessesTrigger$.next();
12657
- }
12658
- else {
12659
- this.rows = [];
12660
- }
12661
- }
12662
12683
  isAnyPropertyChanged(changes) {
12663
12684
  for (const property in changes) {
12664
12685
  if (this.isPropertyChanged(changes, property)) {
@@ -12880,7 +12901,7 @@ class ProcessListCloudComponent extends DataTableSchema {
12880
12901
  return displayedVariableColumns.length ? displayedVariableColumns : undefined;
12881
12902
  }
12882
12903
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessListCloudComponent, deps: [{ token: ProcessListCloudService }, { token: i2.AppConfigService }, { token: i2.UserPreferencesService }, { token: PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN }, { token: VariableMapperService }], target: i0.ɵɵFactoryTarget.Component }); }
12883
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ProcessListCloudComponent, isStandalone: true, selector: "adf-cloud-process-list", inputs: { appName: "appName", appVersion: "appVersion", initiator: "initiator", id: "id", environmentId: "environmentId", name: "name", parentId: "parentId", processDefinitionId: "processDefinitionId", processDefinitionName: "processDefinitionName", processDefinitionKey: "processDefinitionKey", status: "status", businessKey: "businessKey", lastModifiedFrom: "lastModifiedFrom", lastModifiedTo: "lastModifiedTo", startFrom: "startFrom", startTo: "startTo", completedFrom: "completedFrom", completedTo: "completedTo", completedDate: "completedDate", suspendedFrom: "suspendedFrom", suspendedTo: "suspendedTo", selectionMode: "selectionMode", multiselect: "multiselect", sorting: "sorting", showActions: "showActions", showProvidedActions: "showProvidedActions", actionsPosition: "actionsPosition", stickyHeader: "stickyHeader", showContextMenu: "showContextMenu", showMainDatatableActions: "showMainDatatableActions", isResizingEnabled: "isResizingEnabled", searchApiMethod: "searchApiMethod", names: "names", ids: "ids", parentIds: "parentIds", processDefinitionNames: "processDefinitionNames", initiators: "initiators", appVersions: "appVersions", statuses: "statuses", processVariables: "processVariables", includeSubprocesses: "includeSubprocesses", includeUnlinkedProcesses: "includeUnlinkedProcesses" }, outputs: { rowClick: "rowClick", rowsSelected: "rowsSelected", showRowContextMenu: "showRowContextMenu", showRowActionsMenu: "showRowActionsMenu", executeRowAction: "executeRowAction", error: "error", success: "success" }, queries: [{ propertyName: "emptyCustomContent", first: true, predicate: CustomEmptyContentTemplateDirective, descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: CustomLoadingContentTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dataTable", first: true, predicate: DataTableComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<adf-datatable\n [rows]=\"rows\"\n [columns]=\"columns\"\n [data]=\"dataAdapter\"\n [stickyHeader]=\"stickyHeader\"\n [loading]=\"isLoading\"\n [sorting]=\"formattedSorting\"\n [selectionMode]=\"selectionMode\"\n [multiselect]=\"multiselect\"\n [actions]=\"showActions\"\n [actionsPosition]=\"actionsPosition\"\n [contextMenu]=\"showContextMenu\"\n [showMainDatatableActions]=\"showMainDatatableActions\"\n [showProvidedActions]=\"showProvidedActions\"\n [isResizingEnabled]=\"isResizingEnabled\"\n (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n (executeRowAction)=\"onExecuteRowAction($event)\"\n (rowClick)=\"onRowClick($any($event))\"\n (row-select)=\"onRowSelect($any($event))\"\n (row-unselect)=\"onRowUnselect($any($event))\"\n (row-keyup)=\"onRowKeyUp($any($event))\"\n (sorting-changed)=\"onSortingChanged($any($event))\"\n (columnOrderChanged)=\"onColumnOrderChanged($event)\"\n (columnsWidthChanged)=\"onColumnsWidthChanged($event)\"\n >\n <adf-loading-content-template>\n <ng-template>\n <mat-progress-spinner\n *ngIf=\"!customLoadingContent\"\n class=\"adf-cloud-process-list-loading-margin\"\n [color]=\"'primary'\"\n [mode]=\"'indeterminate'\" />\n <ng-content select=\"adf-custom-loading-content-template\" />\n </ng-template>\n </adf-loading-content-template>\n <adf-no-content-template>\n <ng-template>\n <adf-empty-content *ngIf=\"!emptyCustomContent\"\n icon=\"assessment\"\n [title]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.TITLE' | translate\"\n [subtitle]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.SUBTITLE'| translate\" />\n <ng-content select=\"adf-custom-empty-content-template\" />\n </ng-template>\n </adf-no-content-template>\n\n <adf-main-menu-datatable-template>\n <ng-template let-mainMenuTrigger>\n <adf-datatable-column-selector\n [columns]=\"columns\"\n [mainMenuTrigger]=\"mainMenuTrigger\"\n (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n </ng-template>\n </adf-main-menu-datatable-template>\n</adf-datatable>\n", styles: [".adf-cloud-process-list-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"], dependencies: [{ kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ColumnsSelectorComponent, selector: "adf-datatable-column-selector", inputs: ["columns", "mainMenuTrigger", "columnsSorting", "maxColumnsVisible"], outputs: ["submitColumnsVisibility"] }, { kind: "directive", type: MainMenuDataTableTemplateDirective, selector: "adf-main-menu-datatable-template" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "directive", type: LoadingContentTemplateDirective, selector: "adf-loading-content-template, loading-content-template" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
12904
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ProcessListCloudComponent, isStandalone: true, selector: "adf-cloud-process-list", inputs: { appName: "appName", appVersion: "appVersion", initiator: "initiator", id: "id", environmentId: "environmentId", name: "name", parentId: "parentId", processDefinitionId: "processDefinitionId", processDefinitionName: "processDefinitionName", processDefinitionKey: "processDefinitionKey", status: "status", businessKey: "businessKey", lastModifiedFrom: "lastModifiedFrom", lastModifiedTo: "lastModifiedTo", startFrom: "startFrom", startTo: "startTo", completedFrom: "completedFrom", completedTo: "completedTo", completedDate: "completedDate", suspendedFrom: "suspendedFrom", suspendedTo: "suspendedTo", selectionMode: "selectionMode", multiselect: "multiselect", sorting: "sorting", showActions: "showActions", showProvidedActions: "showProvidedActions", actionsPosition: "actionsPosition", stickyHeader: "stickyHeader", showContextMenu: "showContextMenu", showMainDatatableActions: "showMainDatatableActions", isResizingEnabled: "isResizingEnabled", searchApiMethod: "searchApiMethod", names: "names", ids: "ids", parentIds: "parentIds", processDefinitionNames: "processDefinitionNames", initiators: "initiators", appVersions: "appVersions", statuses: "statuses", processVariables: "processVariables", enableAppChange: "enableAppChange", includeSubprocesses: "includeSubprocesses", includeUnlinkedProcesses: "includeUnlinkedProcesses" }, outputs: { rowClick: "rowClick", rowsSelected: "rowsSelected", showRowContextMenu: "showRowContextMenu", showRowActionsMenu: "showRowActionsMenu", executeRowAction: "executeRowAction", error: "error", success: "success" }, queries: [{ propertyName: "emptyCustomContent", first: true, predicate: CustomEmptyContentTemplateDirective, descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: CustomLoadingContentTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dataTable", first: true, predicate: DataTableComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<adf-datatable\n [rows]=\"rows\"\n [columns]=\"columns\"\n [data]=\"dataAdapter\"\n [stickyHeader]=\"stickyHeader\"\n [loading]=\"isLoading$ | async\"\n [sorting]=\"formattedSorting\"\n [selectionMode]=\"selectionMode\"\n [multiselect]=\"multiselect\"\n [actions]=\"showActions\"\n [actionsPosition]=\"actionsPosition\"\n [contextMenu]=\"showContextMenu\"\n [showMainDatatableActions]=\"showMainDatatableActions\"\n [showProvidedActions]=\"showProvidedActions\"\n [isResizingEnabled]=\"isResizingEnabled\"\n (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n (executeRowAction)=\"onExecuteRowAction($event)\"\n (rowClick)=\"onRowClick($any($event))\"\n (row-select)=\"onRowSelect($any($event))\"\n (row-unselect)=\"onRowUnselect($any($event))\"\n (row-keyup)=\"onRowKeyUp($any($event))\"\n (sorting-changed)=\"onSortingChanged($any($event))\"\n (columnOrderChanged)=\"onColumnOrderChanged($event)\"\n (columnsWidthChanged)=\"onColumnsWidthChanged($event)\"\n >\n <adf-loading-content-template>\n <ng-template>\n <mat-progress-spinner\n *ngIf=\"!customLoadingContent\"\n class=\"adf-cloud-process-list-loading-margin\"\n [color]=\"'primary'\"\n [mode]=\"'indeterminate'\" />\n <ng-content select=\"adf-custom-loading-content-template\" />\n </ng-template>\n </adf-loading-content-template>\n <adf-no-content-template>\n <ng-template>\n <adf-empty-content *ngIf=\"!emptyCustomContent\"\n icon=\"assessment\"\n [title]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.TITLE' | translate\"\n [subtitle]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.SUBTITLE'| translate\" />\n <ng-content select=\"adf-custom-empty-content-template\" />\n </ng-template>\n </adf-no-content-template>\n\n <adf-main-menu-datatable-template>\n <ng-template let-mainMenuTrigger>\n <adf-datatable-column-selector\n [columns]=\"columns\"\n [mainMenuTrigger]=\"mainMenuTrigger\"\n (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n </ng-template>\n </adf-main-menu-datatable-template>\n</adf-datatable>\n", styles: [".adf-cloud-process-list-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"], dependencies: [{ kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ColumnsSelectorComponent, selector: "adf-datatable-column-selector", inputs: ["columns", "mainMenuTrigger", "columnsSorting", "maxColumnsVisible"], outputs: ["submitColumnsVisibility"] }, { kind: "directive", type: MainMenuDataTableTemplateDirective, selector: "adf-main-menu-datatable-template" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "directive", type: LoadingContentTemplateDirective, selector: "adf-loading-content-template, loading-content-template" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
12884
12905
  }
12885
12906
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessListCloudComponent, decorators: [{
12886
12907
  type: Component,
@@ -12893,8 +12914,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
12893
12914
  EmptyContentComponent,
12894
12915
  NoContentTemplateDirective,
12895
12916
  LoadingContentTemplateDirective,
12896
- NgIf
12897
- ], encapsulation: ViewEncapsulation.None, template: "<adf-datatable\n [rows]=\"rows\"\n [columns]=\"columns\"\n [data]=\"dataAdapter\"\n [stickyHeader]=\"stickyHeader\"\n [loading]=\"isLoading\"\n [sorting]=\"formattedSorting\"\n [selectionMode]=\"selectionMode\"\n [multiselect]=\"multiselect\"\n [actions]=\"showActions\"\n [actionsPosition]=\"actionsPosition\"\n [contextMenu]=\"showContextMenu\"\n [showMainDatatableActions]=\"showMainDatatableActions\"\n [showProvidedActions]=\"showProvidedActions\"\n [isResizingEnabled]=\"isResizingEnabled\"\n (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n (executeRowAction)=\"onExecuteRowAction($event)\"\n (rowClick)=\"onRowClick($any($event))\"\n (row-select)=\"onRowSelect($any($event))\"\n (row-unselect)=\"onRowUnselect($any($event))\"\n (row-keyup)=\"onRowKeyUp($any($event))\"\n (sorting-changed)=\"onSortingChanged($any($event))\"\n (columnOrderChanged)=\"onColumnOrderChanged($event)\"\n (columnsWidthChanged)=\"onColumnsWidthChanged($event)\"\n >\n <adf-loading-content-template>\n <ng-template>\n <mat-progress-spinner\n *ngIf=\"!customLoadingContent\"\n class=\"adf-cloud-process-list-loading-margin\"\n [color]=\"'primary'\"\n [mode]=\"'indeterminate'\" />\n <ng-content select=\"adf-custom-loading-content-template\" />\n </ng-template>\n </adf-loading-content-template>\n <adf-no-content-template>\n <ng-template>\n <adf-empty-content *ngIf=\"!emptyCustomContent\"\n icon=\"assessment\"\n [title]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.TITLE' | translate\"\n [subtitle]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.SUBTITLE'| translate\" />\n <ng-content select=\"adf-custom-empty-content-template\" />\n </ng-template>\n </adf-no-content-template>\n\n <adf-main-menu-datatable-template>\n <ng-template let-mainMenuTrigger>\n <adf-datatable-column-selector\n [columns]=\"columns\"\n [mainMenuTrigger]=\"mainMenuTrigger\"\n (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n </ng-template>\n </adf-main-menu-datatable-template>\n</adf-datatable>\n", styles: [".adf-cloud-process-list-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"] }]
12917
+ NgIf,
12918
+ AsyncPipe
12919
+ ], encapsulation: ViewEncapsulation.None, template: "<adf-datatable\n [rows]=\"rows\"\n [columns]=\"columns\"\n [data]=\"dataAdapter\"\n [stickyHeader]=\"stickyHeader\"\n [loading]=\"isLoading$ | async\"\n [sorting]=\"formattedSorting\"\n [selectionMode]=\"selectionMode\"\n [multiselect]=\"multiselect\"\n [actions]=\"showActions\"\n [actionsPosition]=\"actionsPosition\"\n [contextMenu]=\"showContextMenu\"\n [showMainDatatableActions]=\"showMainDatatableActions\"\n [showProvidedActions]=\"showProvidedActions\"\n [isResizingEnabled]=\"isResizingEnabled\"\n (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n (executeRowAction)=\"onExecuteRowAction($event)\"\n (rowClick)=\"onRowClick($any($event))\"\n (row-select)=\"onRowSelect($any($event))\"\n (row-unselect)=\"onRowUnselect($any($event))\"\n (row-keyup)=\"onRowKeyUp($any($event))\"\n (sorting-changed)=\"onSortingChanged($any($event))\"\n (columnOrderChanged)=\"onColumnOrderChanged($event)\"\n (columnsWidthChanged)=\"onColumnsWidthChanged($event)\"\n >\n <adf-loading-content-template>\n <ng-template>\n <mat-progress-spinner\n *ngIf=\"!customLoadingContent\"\n class=\"adf-cloud-process-list-loading-margin\"\n [color]=\"'primary'\"\n [mode]=\"'indeterminate'\" />\n <ng-content select=\"adf-custom-loading-content-template\" />\n </ng-template>\n </adf-loading-content-template>\n <adf-no-content-template>\n <ng-template>\n <adf-empty-content *ngIf=\"!emptyCustomContent\"\n icon=\"assessment\"\n [title]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.TITLE' | translate\"\n [subtitle]=\"'ADF_CLOUD_PROCESS_LIST.MESSAGES.SUBTITLE'| translate\" />\n <ng-content select=\"adf-custom-empty-content-template\" />\n </ng-template>\n </adf-no-content-template>\n\n <adf-main-menu-datatable-template>\n <ng-template let-mainMenuTrigger>\n <adf-datatable-column-selector\n [columns]=\"columns\"\n [mainMenuTrigger]=\"mainMenuTrigger\"\n (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n </ng-template>\n </adf-main-menu-datatable-template>\n</adf-datatable>\n", styles: [".adf-cloud-process-list-loading-margin{margin-left:calc((100% - 100px)/2);margin-right:calc((100% - 100px)/2)}\n"] }]
12898
12920
  }], ctorParameters: () => [{ type: ProcessListCloudService }, { type: i2.AppConfigService }, { type: i2.UserPreferencesService }, { type: undefined, decorators: [{
12899
12921
  type: Inject,
12900
12922
  args: [PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN]
@@ -12987,6 +13009,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
12987
13009
  type: Input
12988
13010
  }], processVariables: [{
12989
13011
  type: Input
13012
+ }], enableAppChange: [{
13013
+ type: Input
12990
13014
  }], includeSubprocesses: [{
12991
13015
  type: Input
12992
13016
  }], includeUnlinkedProcesses: [{