@alfresco/adf-process-services-cloud 8.4.0-17806466306 → 8.4.0-17829814673

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.
Files changed (24) hide show
  1. package/README.md +0 -16
  2. package/bundles/assets/adf-process-services-cloud/i18n/ar.json +1 -1
  3. package/bundles/assets/adf-process-services-cloud/i18n/cs.json +1 -1
  4. package/bundles/assets/adf-process-services-cloud/i18n/da.json +1 -1
  5. package/bundles/assets/adf-process-services-cloud/i18n/fi.json +1 -1
  6. package/bundles/assets/adf-process-services-cloud/i18n/ja.json +1 -1
  7. package/bundles/assets/adf-process-services-cloud/i18n/nb.json +1 -1
  8. package/bundles/assets/adf-process-services-cloud/i18n/nl.json +1 -1
  9. package/bundles/assets/adf-process-services-cloud/i18n/pt-BR.json +1 -1
  10. package/bundles/assets/adf-process-services-cloud/i18n/ru.json +1 -1
  11. package/bundles/assets/adf-process-services-cloud/i18n/sv.json +1 -1
  12. package/bundles/assets/adf-process-services-cloud/i18n/zh-CN.json +1 -1
  13. package/fesm2022/adf-process-services-cloud.mjs +81 -57
  14. package/fesm2022/adf-process-services-cloud.mjs.map +1 -1
  15. package/lib/app/components/app-details-cloud/app-details-cloud.component.d.ts +1 -0
  16. package/lib/app/components/app-details-cloud/app-details-cloud.component.scss +7 -2
  17. package/lib/app/components/app-list-cloud/app-list-cloud.component.d.ts +1 -0
  18. package/lib/app/public-api.d.ts +2 -2
  19. package/lib/form/components/form-cloud.component.d.ts +1 -1
  20. package/lib/form/components/form-definition-selector-cloud.component.d.ts +1 -0
  21. package/lib/form/services/form-definition-selector-cloud.service.d.ts +1 -0
  22. package/lib/process/start-process/components/start-process-cloud.component.d.ts +7 -5
  23. package/lib/task/task-form/components/task-form-cloud/task-form-cloud.component.d.ts +1 -2
  24. package/package.json +4 -4
package/README.md CHANGED
@@ -9,7 +9,6 @@ Contains a variety of components, directives and services used throughout ADF
9
9
  - [Documentation](#documentation)
10
10
  - [Prerequisites](#prerequisites)
11
11
  - [Install](#install)
12
- - [Storybook](#storybook)
13
12
  - [License](#license)
14
13
 
15
14
  <!-- tocstop -->
@@ -34,21 +33,6 @@ necessary configuration, see this [page](https://github.com/Alfresco/alfresco-ng
34
33
  npm install @alfresco/adf-process-services-cloud
35
34
  ```
36
35
 
37
- ## Storybook
38
-
39
- In case you would like to aggregate all the stories from process services cloud library use
40
-
41
- ```
42
- nx run process-services-cloud:storybook
43
- ```
44
- And navigate to `http://localhost:4400/`.
45
-
46
- To create a Storybook process services cloud library build use
47
-
48
- ```
49
- nx run process-services-cloud:build-storybook
50
- ```
51
-
52
36
  ## License
53
37
 
54
38
  [Apache Version 2.0](https://github.com/Alfresco/alfresco-ng2-components/blob/master/LICENSE)
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "معين له",
393
393
  "ASSIGNMENT_TYPE": "نوع التعيين"
394
394
  }
395
- }
395
+ }
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "Pověřená osoba",
393
393
  "ASSIGNMENT_TYPE": "Typ přidělení"
394
394
  }
395
- }
395
+ }
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "Modtager",
393
393
  "ASSIGNMENT_TYPE": "Tildelingstype"
394
394
  }
395
- }
395
+ }
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "Vastuuhenkilö",
393
393
  "ASSIGNMENT_TYPE": "Määrityksen tyyppi"
394
394
  }
395
- }
395
+ }
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "担当者",
393
393
  "ASSIGNMENT_TYPE": "割り当てタイプ"
394
394
  }
395
- }
395
+ }
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "Tilordnet",
393
393
  "ASSIGNMENT_TYPE": "Tilordningstype"
394
394
  }
395
- }
395
+ }
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "Toegewezen persoon",
393
393
  "ASSIGNMENT_TYPE": "Toewijzingstype"
394
394
  }
395
- }
395
+ }
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "Destinatário",
393
393
  "ASSIGNMENT_TYPE": "Tipo de atribuição"
394
394
  }
395
- }
395
+ }
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "Исполнитель",
393
393
  "ASSIGNMENT_TYPE": "Тип задания"
394
394
  }
395
- }
395
+ }
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "Tilldelad användare",
393
393
  "ASSIGNMENT_TYPE": "Uppgiftstyp"
394
394
  }
395
- }
395
+ }
@@ -392,4 +392,4 @@
392
392
  "ASSIGNEE": "被指派者",
393
393
  "ASSIGNMENT_TYPE": "指派类型"
394
394
  }
395
- }
395
+ }
@@ -4,7 +4,6 @@ import * as i1$1 from '@alfresco/adf-core';
4
4
  import { EmptyContentComponent, CustomEmptyContentTemplateDirective, AppConfigService, JwtHelperService, TranslationService, DataTableSchema, UserPreferenceValues, ObjectDataTableAdapter, ColumnsSelectorComponent, MainMenuDataTableTemplateDirective, NoContentTemplateDirective, LoadingContentTemplateDirective, DataTableComponent, AdfDateFnsAdapter, MOMENT_DATE_FORMATS, IconComponent, UserPreferencesService, DateFnsUtils, ADF_DATE_FORMATS, FullNamePipe, InitialUsernamePipe, FormModel, FormService, FormBaseComponent, WidgetVisibilityService, UploadWidgetContentLinkModel, FormEvent, FormOutcomeModel, ConfirmDialogComponent, FormOutcomeEvent, FormatSpacePipe, FormRendererComponent, ToolbarDividerComponent, ToolbarComponent, WidgetComponent, ThumbnailService, NotificationService, ErrorWidgetComponent, LocalizedDatePipe, UploadDirective, ContentLinkModel, ErrorMessageModel, DEFAULT_DATE_FORMAT, FormFieldEvent, FormFieldTypes, SelectFilterInputComponent, DynamicComponentMapper, CardViewTextItemModel, CardViewSelectItemModel, CardViewDatetimeItemModel, CardViewDateItemModel, CardViewArrayItemModel, CardViewComponent, CustomLoadingContentTemplateDirective, isOutcomeButtonVisible, InplaceFormInputComponent, BaseViewerWidgetComponent, ObjectDataColumn, ObjectDataRow, FormBaseModule, FormRenderingService, provideTranslations } from '@alfresco/adf-core';
5
5
  import * as i2 from '@angular/common';
6
6
  import { CommonModule, NgIf, NgFor, NgClass, AsyncPipe, NgForOf } from '@angular/common';
7
- import { TranslatePipe, TranslateService } from '@ngx-translate/core';
8
7
  import * as i3 from '@angular/material/icon';
9
8
  import { MatIconModule } from '@angular/material/icon';
10
9
  import * as i4 from '@angular/material/card';
@@ -12,6 +11,7 @@ import { MatCardModule } from '@angular/material/card';
12
11
  import { of, from, Subject, EMPTY, throwError, BehaviorSubject, combineLatest, firstValueFrom, forkJoin, catchError as catchError$1 } from 'rxjs';
13
12
  import { map, catchError, take, tap, filter, switchMap, debounceTime, finalize, mergeMap, distinctUntilChanged, expand, reduce, mapTo, concatMap } from 'rxjs/operators';
14
13
  import * as i1 from '@alfresco/adf-core/api';
14
+ import { TranslatePipe, TranslateService } from '@ngx-translate/core';
15
15
  import * as i6 from '@angular/material/core';
16
16
  import { MatLineModule, DateAdapter, MAT_DATE_FORMATS, MatOptionModule } from '@angular/material/core';
17
17
  import * as i5 from '@angular/material/list';
@@ -112,6 +112,7 @@ var DescriptorCustomUIAuthFlowType;
112
112
  * See the License for the specific language governing permissions and
113
113
  * limitations under the License.
114
114
  */
115
+ /** @deprecated this component will be removed because it's unused https://hyland.atlassian.net/browse/ACS-10178 */
115
116
  class AppDetailsCloudComponent {
116
117
  constructor() {
117
118
  this.selectedApp = new EventEmitter();
@@ -145,7 +146,7 @@ class AppDetailsCloudComponent {
145
146
  }
146
147
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AppDetailsCloudComponent, decorators: [{
147
148
  type: Component,
148
- args: [{ selector: 'adf-cloud-app-details', imports: [CommonModule, TranslatePipe, MatIconModule, MatCardModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-app-listgrid\">\n <div class=\"adf-app-listgrid-item\">\n <mat-card\n appearance=\"outlined\"\n tabindex=\"0\"\n role=\"button\"\n class=\"adf-app-listgrid-item-card\"\n title=\"{{applicationInstance.name}}\"\n [ngClass]=\"getTheme()\"\n (click)=\"onSelectApp(applicationInstance)\"\n (keyup.enter)=\"onSelectApp(applicationInstance)\">\n <div class=\"adf-app-listgrid-item-card-logo\">\n <mat-icon class=\"adf-app-listgrid-item-card-logo-icon\">{{ getIcon() }}</mat-icon>\n </div>\n <div mat-card-title class=\"adf-app-listgrid-item-card-title\">\n <h1 class=\"adf-app-listgrid-item-card-title-text\">{{applicationInstance.name}}</h1>\n </div>\n <mat-card-subtitle class=\"adf-app-listgrid-item-card-subtitle\">\n <div class=\"adf-line-clamp\">{{applicationInstance.description}}</div>\n </mat-card-subtitle>\n </mat-card>\n </div>\n </div>\n", styles: ["adf-cloud-app-details .adf-app-listgrid{padding:8px;display:block}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item{outline:none;padding:8px;box-sizing:border-box;flex:unset;max-width:unset}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card{outline:none;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);min-height:200px;flex-direction:column;box-sizing:border-box;display:flex;padding:0;max-width:unset}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-1{background-color:#269abc}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-1 .adf-app-listgrid-item-card-logo-icon{color:#168aac}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-2{background-color:#7da9b0}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-2 .adf-app-listgrid-item-card-logo-icon{color:#6d99a0}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-3{background-color:#7689ab}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-3 .adf-app-listgrid-item-card-logo-icon{color:#66799b}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-4{background-color:#c74e3e}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-4 .adf-app-listgrid-item-card-logo-icon{color:#b73e2e}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-5{background-color:#fab96c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-5 .adf-app-listgrid-item-card-logo-icon{color:#eaa95c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-6{background-color:#759d4c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-6 .adf-app-listgrid-item-card-logo-icon{color:#658d3c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-7{background-color:#b1b489}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-7 .adf-app-listgrid-item-card-logo-icon{color:#a1a479}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-8{background-color:#a17299}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-8 .adf-app-listgrid-item-card-logo-icon{color:#916289}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-9{background-color:#696c67}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-9 .adf-app-listgrid-item-card-logo-icon{color:#595c57}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-10{background-color:#cabb33}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-10 .adf-app-listgrid-item-card-logo-icon{color:#baab23}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card:hover{box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003;cursor:pointer;transform:scale(1.015)}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-logo{position:absolute;right:20px;top:20px;padding:16px;z-index:9}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-logo .adf-app-listgrid-item-card-logo-icon{font-size:70px;width:1em;height:1em}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-title:has(.adf-app-listgrid-item-card-title-text){padding:16px;margin-bottom:0;z-index:9999}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-title:has(.adf-app-listgrid-item-card-title-text) h1{color:#fff;width:80%;font-size:var(--theme-headline-font-size);margin:0;line-height:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp){color:#fff;z-index:9999;padding:16px;flex:1 0 auto}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{position:relative;line-height:1.25;padding:0;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 1){adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:3.7125em}}@supports not (-webkit-line-clamp: 1){adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{white-space:nowrap;width:100%}}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-actions{padding:0 16px 16px;border-top:1px solid rgba(0,0,0,.1);min-height:48px;box-sizing:border-box}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-actions-icon{color:#e9f1f3}\n"] }]
149
+ args: [{ selector: 'adf-cloud-app-details', imports: [CommonModule, MatIconModule, MatCardModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-app-listgrid\">\n <div class=\"adf-app-listgrid-item\">\n <mat-card\n appearance=\"outlined\"\n tabindex=\"0\"\n role=\"button\"\n class=\"adf-app-listgrid-item-card\"\n title=\"{{applicationInstance.name}}\"\n [ngClass]=\"getTheme()\"\n (click)=\"onSelectApp(applicationInstance)\"\n (keyup.enter)=\"onSelectApp(applicationInstance)\">\n <div class=\"adf-app-listgrid-item-card-logo\">\n <mat-icon class=\"adf-app-listgrid-item-card-logo-icon\">{{ getIcon() }}</mat-icon>\n </div>\n <div mat-card-title class=\"adf-app-listgrid-item-card-title\">\n <h1 class=\"adf-app-listgrid-item-card-title-text\">{{applicationInstance.name}}</h1>\n </div>\n <mat-card-subtitle class=\"adf-app-listgrid-item-card-subtitle\">\n <div class=\"adf-line-clamp\">{{applicationInstance.description}}</div>\n </mat-card-subtitle>\n </mat-card>\n </div>\n </div>\n", styles: ["adf-cloud-app-details .adf-app-listgrid{padding:8px;display:block}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item{outline:none;padding:8px;box-sizing:border-box;flex:unset;max-width:unset}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card{outline:none;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);min-height:200px;flex-direction:column;box-sizing:border-box;display:flex;padding:0;max-width:unset}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-1{background-color:#269abc}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-1 .adf-app-listgrid-item-card-logo-icon{color:#168aac}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-2{background-color:#7da9b0}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-2 .adf-app-listgrid-item-card-logo-icon{color:#6d99a0}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-3{background-color:#7689ab}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-3 .adf-app-listgrid-item-card-logo-icon{color:#66799b}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-4{background-color:#c74e3e}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-4 .adf-app-listgrid-item-card-logo-icon{color:#b73e2e}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-5{background-color:#fab96c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-5 .adf-app-listgrid-item-card-logo-icon{color:#eaa95c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-6{background-color:#759d4c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-6 .adf-app-listgrid-item-card-logo-icon{color:#658d3c}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-7{background-color:#b1b489}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-7 .adf-app-listgrid-item-card-logo-icon{color:#a1a479}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-8{background-color:#a17299}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-8 .adf-app-listgrid-item-card-logo-icon{color:#916289}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-9{background-color:#696c67}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-9 .adf-app-listgrid-item-card-logo-icon{color:#595c57}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-10{background-color:#cabb33}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card.theme-10 .adf-app-listgrid-item-card-logo-icon{color:#baab23}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card:hover{box-shadow:0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003;cursor:pointer;transform:scale(1.015)}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-logo{position:absolute;right:20px;top:20px;padding:16px;z-index:9}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-logo .adf-app-listgrid-item-card-logo-icon{font-size:70px;width:1em;height:1em}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-title:has(.adf-app-listgrid-item-card-title-text){padding:16px;margin-bottom:0;z-index:9999}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-title:has(.adf-app-listgrid-item-card-title-text) h1{color:#fff;width:80%;font-size:var(--theme-headline-font-size);margin:0;line-height:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp){color:#fff;z-index:9999;padding:16px;flex:1 0 auto}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{position:relative;line-height:1.25;padding:0;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 1){adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:3.7125em}}@supports not (-webkit-line-clamp: 1){adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-subtitle:has(.adf-line-clamp) .adf-line-clamp{white-space:nowrap;width:100%}}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-actions{padding:0 16px 16px;border-top:1px solid rgba(0,0,0,.1);min-height:48px;box-sizing:border-box}adf-cloud-app-details .adf-app-listgrid .adf-app-listgrid-item-card-actions-icon{color:#e9f1f3}\n"] }]
149
150
  }], propDecorators: { applicationInstance: [{
150
151
  type: Input,
151
152
  args: [{ required: true }]
@@ -261,6 +262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
261
262
  const LAYOUT_LIST = 'LIST';
262
263
  const LAYOUT_GRID = 'GRID';
263
264
  const DEPLOYED_STATUS = 'DEPLOYED';
265
+ /** @deprecated this component will be removed because it's unused https://hyland.atlassian.net/browse/ACS-10178 */
264
266
  class AppListCloudComponent {
265
267
  constructor(appsProcessCloudService) {
266
268
  this.appsProcessCloudService = appsProcessCloudService;
@@ -7152,7 +7154,7 @@ class FormCloudComponent extends FormBaseComponent {
7152
7154
  this.displayModeService.onSaveTask(this.id, this.displayMode, this.displayModeConfigurations);
7153
7155
  }
7154
7156
  }
7155
- completeTaskForm(outcome) {
7157
+ completeTaskForm(outcome, outcomeId) {
7156
7158
  if (this.form?.confirmMessage?.show === true) {
7157
7159
  const dialogRef = this.dialog.open(ConfirmDialogComponent, {
7158
7160
  data: {
@@ -7162,22 +7164,24 @@ class FormCloudComponent extends FormBaseComponent {
7162
7164
  });
7163
7165
  dialogRef.afterClosed().subscribe((result) => {
7164
7166
  if (result === true) {
7165
- this.completeForm(outcome);
7167
+ this.completeForm(outcome, outcomeId);
7166
7168
  }
7167
7169
  });
7168
7170
  }
7169
7171
  else {
7170
- this.completeForm(outcome);
7172
+ this.completeForm(outcome, outcomeId);
7171
7173
  }
7172
7174
  this.displayModeService.onCompleteTask(this.id, this.displayMode, this.displayModeConfigurations);
7173
7175
  }
7174
- completeForm(outcome) {
7176
+ completeForm(outcome, outcomeId) {
7175
7177
  if (this.form && this.appName && this.taskId) {
7176
7178
  this.formCloudService
7177
7179
  .completeTaskForm(this.appName, this.taskId, this.processInstanceId, `${this.form.id}`, this.form.values, outcome, this.appVersion)
7178
7180
  .pipe(takeUntilDestroyed(this.destroyRef))
7179
7181
  .subscribe({
7180
7182
  next: () => {
7183
+ this.form.selectedOutcome = outcome;
7184
+ this.form.selectedOutcomeId = outcomeId;
7181
7185
  this.onTaskCompleted(this.form);
7182
7186
  },
7183
7187
  error: (error) => this.onTaskCompletedError(error)
@@ -9137,9 +9141,6 @@ class TaskFormCloudComponent {
9137
9141
  isReadOnly() {
9138
9142
  return this.readOnly || !this.taskCloudService.canCompleteTask(this.taskDetails);
9139
9143
  }
9140
- onCompleteTask() {
9141
- this.taskCompleted.emit(this.taskId);
9142
- }
9143
9144
  onClaimTask() {
9144
9145
  this.taskClaimed.emit(this.taskId);
9145
9146
  }
@@ -9154,7 +9155,7 @@ class TaskFormCloudComponent {
9154
9155
  }
9155
9156
  onFormCompleted(form) {
9156
9157
  this.formCompleted.emit(form);
9157
- this.taskCompleted.emit(this.taskId);
9158
+ this.taskCompleted.emit(form);
9158
9159
  }
9159
9160
  onError(data) {
9160
9161
  this.error.emit(data);
@@ -13317,8 +13318,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
13317
13318
  */
13318
13319
  const MAX_NAME_LENGTH = 255;
13319
13320
  const PROCESS_DEFINITION_DEBOUNCE = 300;
13320
- const DATE_TIME_IDENTIFIER_REG_EXP = new RegExp('%{datetime}', 'i');
13321
- const PROCESS_DEFINITION_IDENTIFIER_REG_EXP = new RegExp('%{processdefinition}', 'i');
13321
+ const DATE_TIME_IDENTIFIER_REG_EXP = /%{datetime}/i;
13322
+ const PROCESS_DEFINITION_IDENTIFIER_REG_EXP = /%{processdefinition}/i;
13322
13323
  class StartProcessCloudComponent {
13323
13324
  get isProcessFormValid() {
13324
13325
  if (this.hasForm && this.isFormCloudLoaded) {
@@ -13373,6 +13374,7 @@ class StartProcessCloudComponent {
13373
13374
  this.formContentClicked = new EventEmitter();
13374
13375
  /** Emitted when process definition selection changes. */
13375
13376
  this.processDefinitionSelection = new EventEmitter();
13377
+ this.customOutcomeSelected = new EventEmitter();
13376
13378
  this.processDefinitionList = [];
13377
13379
  this.errorMessageId = '';
13378
13380
  this.processPayloadCloud = new ProcessPayloadCloud();
@@ -13380,7 +13382,7 @@ class StartProcessCloudComponent {
13380
13382
  this.staticMappings = [];
13381
13383
  this.isProcessStarting = false;
13382
13384
  this.isFormCloudLoaded = false;
13383
- this.isFormCloudLoading = false;
13385
+ this.isFormCloudLoading = true;
13384
13386
  this.processDefinitionLoaded = false;
13385
13387
  this.processForm = new FormGroup({
13386
13388
  processInstanceName: new FormControl('', [
@@ -13402,7 +13404,12 @@ class StartProcessCloudComponent {
13402
13404
  this.cancelButtonLabel = this.defaultCancelProcessButtonLabel;
13403
13405
  }
13404
13406
  ngOnInit() {
13405
- this.processDefinition.setValue(this.processDefinitionName);
13407
+ if (this.processDefinitionName) {
13408
+ this.processDefinition.setValue(this.processDefinitionName);
13409
+ }
13410
+ else {
13411
+ this.isFormCloudLoading = false;
13412
+ }
13406
13413
  this.processDefinition.valueChanges
13407
13414
  .pipe(debounceTime(PROCESS_DEFINITION_DEBOUNCE))
13408
13415
  .pipe(takeUntilDestroyed(this.destroyRef))
@@ -13440,7 +13447,8 @@ class StartProcessCloudComponent {
13440
13447
  }
13441
13448
  selectProcessDefinitionByProcessDefinitionName(processDefinitionName) {
13442
13449
  this.filteredProcesses = this.getProcessDefinitionListByNameOrKey(processDefinitionName);
13443
- if (this.isProcessFormValid && this.filteredProcesses && this.filteredProcesses.length === 1) {
13450
+ this.isFormCloudLoading = this.isProcessFormValid && this.filteredProcesses && this.filteredProcesses.length === 1;
13451
+ if (this.isFormCloudLoading) {
13444
13452
  this.setProcessDefinitionOnForm(this.filteredProcesses[0].name);
13445
13453
  }
13446
13454
  }
@@ -13454,26 +13462,29 @@ class StartProcessCloudComponent {
13454
13462
  this.startProcessCloudService
13455
13463
  .getStartEventConstants(this.appName, processDefinitionCurrent.id)
13456
13464
  .pipe(catchError(() => of([])))
13457
- ]).subscribe(([staticMappings, constants]) => {
13458
- this.staticMappings = staticMappings;
13459
- this.resolvedValues = this.staticMappings.concat(this.values || []);
13460
- this.processDefinitionCurrent = processDefinitionCurrent;
13461
- this.isFormCloudLoading = false;
13462
- const displayStart = constants?.find((constant) => constant.name === 'startEnabled');
13463
- const startLabel = constants?.find((constant) => constant.name === 'startLabel');
13464
- const displayCancel = constants?.find((constant) => constant.name === 'cancelEnabled');
13465
- const cancelLabel = constants?.find((constant) => constant.name === 'cancelLabel');
13466
- if (displayStart) {
13467
- this.displayStartSubject.next(displayStart?.value);
13468
- }
13469
- if (startLabel) {
13470
- this.startProcessButtonLabel = startLabel?.value?.trim()?.length > 0 ? startLabel.value.trim() : this.defaultStartProcessButtonLabel;
13471
- }
13472
- if (displayCancel) {
13473
- this.showCancelButton = displayCancel?.value === 'true' && this.showCancelButton;
13474
- }
13475
- if (cancelLabel) {
13476
- this.cancelButtonLabel = cancelLabel?.value?.trim()?.length > 0 ? cancelLabel.value.trim() : this.defaultCancelProcessButtonLabel;
13465
+ ]).subscribe({
13466
+ next: ([staticMappings, constants]) => {
13467
+ this.staticMappings = staticMappings;
13468
+ this.resolvedValues = this.staticMappings.concat(this.values || []);
13469
+ this.processDefinitionCurrent = processDefinitionCurrent;
13470
+ const displayStart = constants?.find((constant) => constant.name === 'startEnabled');
13471
+ const startLabel = constants?.find((constant) => constant.name === 'startLabel');
13472
+ const displayCancel = constants?.find((constant) => constant.name === 'cancelEnabled');
13473
+ const cancelLabel = constants?.find((constant) => constant.name === 'cancelLabel');
13474
+ if (displayStart) {
13475
+ this.displayStartSubject.next(displayStart?.value);
13476
+ }
13477
+ if (startLabel) {
13478
+ this.startProcessButtonLabel =
13479
+ startLabel?.value?.trim()?.length > 0 ? startLabel.value.trim() : this.defaultStartProcessButtonLabel;
13480
+ }
13481
+ if (displayCancel) {
13482
+ this.showCancelButton = displayCancel?.value === 'true' && this.showCancelButton;
13483
+ }
13484
+ if (cancelLabel) {
13485
+ this.cancelButtonLabel = cancelLabel?.value?.trim()?.length > 0 ? cancelLabel.value.trim() : this.defaultCancelProcessButtonLabel;
13486
+ }
13487
+ this.isFormCloudLoading = false;
13477
13488
  }
13478
13489
  });
13479
13490
  this.isFormCloudLoaded = false;
@@ -13505,23 +13516,30 @@ class StartProcessCloudComponent {
13505
13516
  this.startProcessCloudService
13506
13517
  .getProcessDefinitions(this.appName)
13507
13518
  .pipe(takeUntilDestroyed(this.destroyRef))
13508
- .subscribe((processDefinitionRepresentations) => {
13509
- this.processDefinitionList = processDefinitionRepresentations;
13510
- if (processDefinitionRepresentations.length === 1) {
13511
- this.selectDefaultProcessDefinition();
13512
- }
13513
- else if (this.processDefinitionName) {
13514
- this.processDefinition.setValue(this.processDefinitionName);
13515
- const processDefinition = this.processDefinitionList.find((process) => process.name === this.processDefinitionName);
13516
- if (processDefinition) {
13517
- this.filteredProcesses = this.getProcessDefinitionListByNameOrKey(processDefinition.name);
13518
- this.setProcessDefinitionOnForm(processDefinition.name);
13519
- this.processDefinitionSelectionChanged(processDefinition);
13519
+ .subscribe({
13520
+ next: (processDefinitionRepresentations) => {
13521
+ this.processDefinitionList = processDefinitionRepresentations;
13522
+ if (processDefinitionRepresentations.length === 1) {
13523
+ this.selectDefaultProcessDefinition();
13520
13524
  }
13525
+ else if (this.processDefinitionName) {
13526
+ this.processDefinition.setValue(this.processDefinitionName);
13527
+ const processDefinition = this.processDefinitionList.find((process) => process.name === this.processDefinitionName);
13528
+ if (processDefinition) {
13529
+ this.filteredProcesses = this.getProcessDefinitionListByNameOrKey(processDefinition.name);
13530
+ this.setProcessDefinitionOnForm(processDefinition.name);
13531
+ this.processDefinitionSelectionChanged(processDefinition);
13532
+ }
13533
+ }
13534
+ else {
13535
+ this.isFormCloudLoading = false;
13536
+ }
13537
+ this.processDefinitionLoaded = true;
13538
+ },
13539
+ error: () => {
13540
+ this.errorMessageId = 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.LOAD_PROCESS_DEFS';
13541
+ this.isFormCloudLoading = false;
13521
13542
  }
13522
- this.processDefinitionLoaded = true;
13523
- }, () => {
13524
- this.errorMessageId = 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.LOAD_PROCESS_DEFS';
13525
13543
  });
13526
13544
  }
13527
13545
  isValidName(name) {
@@ -13542,7 +13560,8 @@ class StartProcessCloudComponent {
13542
13560
  }
13543
13561
  }
13544
13562
  onCustomOutcomeClicked(outcome) {
13545
- this.customOutcome = outcome;
13563
+ this.customOutcomeName = outcome.outcome.name;
13564
+ this.customOutcomeId = outcome.outcome.id;
13546
13565
  this.startProcess();
13547
13566
  }
13548
13567
  startProcessWithoutConfirmation() {
@@ -13553,7 +13572,7 @@ class StartProcessCloudComponent {
13553
13572
  processDefinitionKey: this.processPayloadCloud.processDefinitionKey,
13554
13573
  variables: this.variables ?? {},
13555
13574
  values: this.formCloud.values,
13556
- outcome: this.customOutcome
13575
+ outcome: this.customOutcomeName
13557
13576
  }))
13558
13577
  : this.startProcessCloudService.startProcess(this.appName, new ProcessPayloadCloud({
13559
13578
  name: this.processInstanceName.value,
@@ -13562,6 +13581,7 @@ class StartProcessCloudComponent {
13562
13581
  }));
13563
13582
  action.subscribe({
13564
13583
  next: (res) => {
13584
+ this.customOutcomeSelected.emit(this.customOutcomeId);
13565
13585
  this.success.emit(res);
13566
13586
  this.isProcessStarting = false;
13567
13587
  },
@@ -13653,18 +13673,18 @@ class StartProcessCloudComponent {
13653
13673
  }
13654
13674
  getDefaultProcessName(processNameFormat, processInstance) {
13655
13675
  let processName = processNameFormat;
13656
- if (processName.match(DATE_TIME_IDENTIFIER_REG_EXP)) {
13676
+ if (DATE_TIME_IDENTIFIER_REG_EXP.test(processName)) {
13657
13677
  const presentDateTime = getTime(new Date());
13658
13678
  processName = processName.replace(DATE_TIME_IDENTIFIER_REG_EXP, this.localizedDatePipe.transform(presentDateTime, 'medium'));
13659
13679
  }
13660
- if (processName.match(PROCESS_DEFINITION_IDENTIFIER_REG_EXP)) {
13680
+ if (PROCESS_DEFINITION_IDENTIFIER_REG_EXP.test(processName)) {
13661
13681
  const selectedProcessDefinitionName = processInstance ? processInstance.processDefinitionName : '';
13662
13682
  processName = processName.replace(PROCESS_DEFINITION_IDENTIFIER_REG_EXP, selectedProcessDefinitionName);
13663
13683
  }
13664
13684
  return processName;
13665
13685
  }
13666
13686
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: StartProcessCloudComponent, deps: [{ token: i1$1.TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
13667
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: StartProcessCloudComponent, isStandalone: true, selector: "adf-cloud-start-process", inputs: { appName: "appName", maxNameLength: "maxNameLength", name: "name", processDefinitionName: "processDefinitionName", variables: "variables", values: "values", showSelectProcessDropdown: "showSelectProcessDropdown", showTitle: "showTitle", showCancelButton: "showCancelButton", displayModeConfigurations: "displayModeConfigurations" }, outputs: { success: "success", cancel: "cancel", error: "error", formContentClicked: "formContentClicked", processDefinitionSelection: "processDefinitionSelection" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, providers: [LocalizedDatePipe], viewQueries: [{ propertyName: "inputAutocomplete", first: true, predicate: MatAutocompleteTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (processDefinitionLoaded) {\n <mat-card appearance=\"outlined\" class=\"adf-start-process\">\n <mat-card-content>\n @if (showTitle) {\n <mat-card-title class=\"adf-title\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.TITLE' | translate }}\n </mat-card-title>\n }\n\n @if (errorMessageId) {\n <mat-card-subtitle class=\"adf-error-message\" id=\"error-message\">\n {{ errorMessageId | translate }}\n </mat-card-subtitle>\n }\n\n @if (!isProcessDefinitionsEmpty) {\n <div>\n <form [formGroup]=\"processForm\" class=\"adf-select-process-form\">\n @if (showSelectProcessDropdown) {\n <mat-form-field\n class=\"adf-process-input-container\"\n floatLabel=\"always\"\n data-automation-id=\"adf-select-cloud-process-dropdown\"\n >\n <mat-label class=\"adf-start-process-input-label\">{{\n 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.TYPE' | translate\n }}</mat-label>\n <input matInput formControlName=\"processDefinition\" [matAutocomplete]=\"auto\" id=\"processDefinitionName\" />\n\n <div class=\"adf-process-input-autocomplete\">\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n id=\"processDefinitionOptions\"\n [displayWith]=\"displayProcessNameOnDropdown\"\n (optionSelected)=\"setProcessDefinitionOnForm($event.option.value)\"\n >\n <mat-option\n *ngFor=\"let processDef of filteredProcesses\"\n [value]=\"getProcessDefinitionValue(processDef)\"\n (click)=\"processDefinitionSelectionChanged(processDef)\"\n >\n {{ getProcessDefinitionValue(processDef) }}\n </mat-option>\n </mat-autocomplete>\n\n <button\n id=\"adf-select-process-dropdown\"\n title=\"{{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.SELECT_PROCESS_DROPDOWN' | translate }}\"\n mat-icon-button\n (click)=\"displayDropdown($event)\"\n >\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n </div>\n @if (processDefinition.hasError('required')) {\n <mat-error class=\"adf-error-pb\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_DEFINITION_REQUIRED' | translate }}\n </mat-error>\n }\n </mat-form-field>\n }\n\n <adf-inplace-form-input [control]=\"processInstanceName\">\n <ng-container label>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.NAME' | translate }}\n </ng-container>\n\n <ng-container error>\n @if (processInstanceName.hasError('required')) {\n <span>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n </span>\n }\n @if (processInstanceName.hasError('maxlength')) {\n <span id=\"adf-start-process-maxlength-error\">\n {{\n 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH'\n | translate: { characters: maxNameLength }\n }}\n </span>\n }\n @if (processInstanceName.hasError('pattern')) {\n <span>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n </span>\n }\n </ng-container>\n </adf-inplace-form-input>\n </form>\n\n @if (hasForm) {\n <adf-cloud-form\n #startForm\n [appName]=\"appName\"\n [appVersion]=\"processDefinitionCurrent.appVersion\"\n [data]=\"resolvedValues\"\n [formId]=\"processDefinitionCurrent.formKey\"\n [displayModeConfigurations]=\"displayModeConfigurations\"\n [showSaveButton]=\"showSaveButton\"\n [showCompleteButton]=\"showCompleteButton\"\n [showRefreshButton]=\"false\"\n [showValidationIcon]=\"false\"\n [showTitle]=\"false\"\n (formContentClicked)=\"onFormContentClicked($event)\"\n (formLoaded)=\"onFormLoaded($event)\"\n (executeOutcome)=\"onCustomOutcomeClicked($event.outcome.name)\"\n >\n <adf-cloud-form-custom-outcomes>\n <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n </adf-cloud-form-custom-outcomes>\n </adf-cloud-form>\n } @else {\n <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n }\n </div>\n } @else {\n @if (processDefinitionLoaded) {\n <mat-card-content>\n <mat-card-subtitle class=\"error-message\" id=\"no-process-message\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.NO_PROCESS_DEFINITIONS' | translate | uppercase }}\n </mat-card-subtitle>\n </mat-card-content>\n }\n }\n </mat-card-content>\n </mat-card>\n} @else {\n <div class=\"adf-loading-container\">\n <mat-progress-spinner class=\"adf-loading\" color=\"primary\" mode=\"indeterminate\" />\n </div>\n}\n\n<ng-template #taskFormCloudButtons>\n <div class=\"adf-start-process-cloud-actions\">\n @if (showCancelButton) {\n <button mat-button (click)=\"cancelStartProcess()\" id=\"cancel_process\">\n {{ cancelButtonLabel }}\n </button>\n }\n @if (showStartProcessButton$ | async) {\n <button\n color=\"primary\"\n mat-raised-button\n [disabled]=\"disableStartButton || !isProcessFormValid\"\n (click)=\"startProcess()\"\n data-automation-id=\"btn-start\"\n id=\"button-start\"\n class=\"adf-btn-start\"\n >\n {{ startProcessButtonLabel }}\n </button>\n }\n </div>\n</ng-template>\n", styles: [".adf-start-process .adf-start-process-input-label{color:var(--adf-theme-mat-grey-color-a200-dark)}.adf-start-process-cloud-actions{display:flex;justify-content:flex-end}.adf-select-process-form{display:flex;flex-direction:column}.adf-title{padding-bottom:1.25em}.adf-error-message{padding-left:.5em}.adf-process-input-container{margin:0 7px}.adf-process-input-autocomplete{display:flex}.adf-process-input-autocomplete button{position:absolute;right:-14px;top:0}.adf-form-container .adf-form-container-card:has(.adf-form-container-card-content){box-shadow:none;padding:0}.adf-start-form-actions{text-align:right}.adf-loading{margin:auto}.adf-loading-container{min-height:300px;display:flex;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: InplaceFormInputComponent, selector: "adf-inplace-form-input", inputs: ["control"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i7$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i7$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormCloudComponent, selector: "adf-cloud-form", inputs: ["appName", "appVersion", "formId", "processInstanceId", "taskId", "data", "displayModeConfigurations", "showCompleteButton", "customSaveButtonText", "customCompleteButtonText"], outputs: ["formSaved", "formCompleted", "formLoaded", "formDataRefreshed", "formContentClicked", "displayModeOn", "displayModeOff"] }, { kind: "component", type: FormCustomOutcomesComponent, selector: "adf-cloud-form-custom-outcomes" }], encapsulation: i0.ViewEncapsulation.None }); }
13687
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: StartProcessCloudComponent, isStandalone: true, selector: "adf-cloud-start-process", inputs: { appName: "appName", maxNameLength: "maxNameLength", name: "name", processDefinitionName: "processDefinitionName", variables: "variables", values: "values", showSelectProcessDropdown: "showSelectProcessDropdown", showTitle: "showTitle", showCancelButton: "showCancelButton", displayModeConfigurations: "displayModeConfigurations" }, outputs: { success: "success", cancel: "cancel", error: "error", formContentClicked: "formContentClicked", processDefinitionSelection: "processDefinitionSelection", customOutcomeSelected: "customOutcomeSelected" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, providers: [LocalizedDatePipe], viewQueries: [{ propertyName: "inputAutocomplete", first: true, predicate: MatAutocompleteTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (processDefinitionLoaded && !isFormCloudLoading) {\n <mat-card appearance=\"outlined\" class=\"adf-start-process\">\n <mat-card-content>\n @if (showTitle) {\n <mat-card-title class=\"adf-title\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.TITLE' | translate }}\n </mat-card-title>\n }\n\n @if (errorMessageId) {\n <mat-card-subtitle class=\"adf-error-message\" id=\"error-message\">\n {{ errorMessageId | translate }}\n </mat-card-subtitle>\n }\n\n @if (!isProcessDefinitionsEmpty) {\n <div>\n <form [formGroup]=\"processForm\" class=\"adf-select-process-form\">\n @if (showSelectProcessDropdown) {\n <mat-form-field\n class=\"adf-process-input-container\"\n floatLabel=\"always\"\n data-automation-id=\"adf-select-cloud-process-dropdown\"\n >\n <mat-label class=\"adf-start-process-input-label\">{{\n 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.TYPE' | translate\n }}</mat-label>\n <input matInput formControlName=\"processDefinition\" [matAutocomplete]=\"auto\" id=\"processDefinitionName\" />\n\n <div class=\"adf-process-input-autocomplete\">\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n id=\"processDefinitionOptions\"\n [displayWith]=\"displayProcessNameOnDropdown\"\n (optionSelected)=\"setProcessDefinitionOnForm($event.option.value)\"\n >\n <mat-option\n *ngFor=\"let processDef of filteredProcesses\"\n [value]=\"getProcessDefinitionValue(processDef)\"\n (click)=\"processDefinitionSelectionChanged(processDef)\"\n >\n {{ getProcessDefinitionValue(processDef) }}\n </mat-option>\n </mat-autocomplete>\n\n <button\n id=\"adf-select-process-dropdown\"\n title=\"{{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.SELECT_PROCESS_DROPDOWN' | translate }}\"\n mat-icon-button\n (click)=\"displayDropdown($event)\"\n >\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n </div>\n @if (processDefinition.hasError('required')) {\n <mat-error class=\"adf-error-pb\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_DEFINITION_REQUIRED' | translate }}\n </mat-error>\n }\n </mat-form-field>\n }\n\n <adf-inplace-form-input [control]=\"processInstanceName\">\n <ng-container label>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.NAME' | translate }}\n </ng-container>\n\n <ng-container error>\n @if (processInstanceName.hasError('required')) {\n <span>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n </span>\n }\n @if (processInstanceName.hasError('maxlength')) {\n <span id=\"adf-start-process-maxlength-error\">\n {{\n 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH'\n | translate: { characters: maxNameLength }\n }}\n </span>\n }\n @if (processInstanceName.hasError('pattern')) {\n <span>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n </span>\n }\n </ng-container>\n </adf-inplace-form-input>\n </form>\n\n @if (hasForm) {\n <adf-cloud-form\n #startForm\n [appName]=\"appName\"\n [appVersion]=\"processDefinitionCurrent.appVersion\"\n [data]=\"resolvedValues\"\n [formId]=\"processDefinitionCurrent.formKey\"\n [displayModeConfigurations]=\"displayModeConfigurations\"\n [showSaveButton]=\"showSaveButton\"\n [showCompleteButton]=\"showCompleteButton\"\n [showRefreshButton]=\"false\"\n [showValidationIcon]=\"false\"\n [showTitle]=\"false\"\n (formContentClicked)=\"onFormContentClicked($event)\"\n (formLoaded)=\"onFormLoaded($event)\"\n (executeOutcome)=\"onCustomOutcomeClicked($event)\"\n >\n <adf-cloud-form-custom-outcomes>\n <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n </adf-cloud-form-custom-outcomes>\n </adf-cloud-form>\n } @else {\n <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n }\n </div>\n } @else {\n @if (processDefinitionLoaded) {\n <mat-card-content>\n <mat-card-subtitle class=\"error-message\" id=\"no-process-message\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.NO_PROCESS_DEFINITIONS' | translate | uppercase }}\n </mat-card-subtitle>\n </mat-card-content>\n }\n }\n </mat-card-content>\n </mat-card>\n} @else {\n <div class=\"adf-loading-container\">\n <mat-progress-spinner class=\"adf-loading\" color=\"primary\" mode=\"indeterminate\" />\n </div>\n}\n\n<ng-template #taskFormCloudButtons>\n <div class=\"adf-start-process-cloud-actions\">\n @if (showCancelButton) {\n <button mat-button (click)=\"cancelStartProcess()\" id=\"cancel_process\">\n {{ cancelButtonLabel }}\n </button>\n }\n @if (showStartProcessButton$ | async) {\n <button\n color=\"primary\"\n mat-raised-button\n [disabled]=\"disableStartButton || !isProcessFormValid\"\n (click)=\"startProcess()\"\n data-automation-id=\"btn-start\"\n id=\"button-start\"\n class=\"adf-btn-start\"\n >\n {{ startProcessButtonLabel }}\n </button>\n }\n </div>\n</ng-template>\n", styles: [".adf-start-process .adf-start-process-input-label{color:var(--adf-theme-mat-grey-color-a200-dark)}.adf-start-process-cloud-actions{display:flex;justify-content:flex-end}.adf-select-process-form{display:flex;flex-direction:column}.adf-title{padding-bottom:1.25em}.adf-error-message{padding-left:.5em}.adf-process-input-container{margin:0 7px}.adf-process-input-autocomplete{display:flex}.adf-process-input-autocomplete button{position:absolute;right:-14px;top:0}.adf-form-container .adf-form-container-card:has(.adf-form-container-card-content){box-shadow:none;padding:0}.adf-start-form-actions{text-align:right}.adf-loading{margin:auto}.adf-loading-container{min-height:300px;display:flex;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i4$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: InplaceFormInputComponent, selector: "adf-inplace-form-input", inputs: ["control"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i7$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i7$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormCloudComponent, selector: "adf-cloud-form", inputs: ["appName", "appVersion", "formId", "processInstanceId", "taskId", "data", "displayModeConfigurations", "showCompleteButton", "customSaveButtonText", "customCompleteButtonText"], outputs: ["formSaved", "formCompleted", "formLoaded", "formDataRefreshed", "formContentClicked", "displayModeOn", "displayModeOff"] }, { kind: "component", type: FormCustomOutcomesComponent, selector: "adf-cloud-form-custom-outcomes" }], encapsulation: i0.ViewEncapsulation.None }); }
13668
13688
  }
13669
13689
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: StartProcessCloudComponent, decorators: [{
13670
13690
  type: Component,
@@ -13682,7 +13702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
13682
13702
  ReactiveFormsModule,
13683
13703
  FormCloudComponent,
13684
13704
  FormCustomOutcomesComponent
13685
- ], providers: [LocalizedDatePipe], encapsulation: ViewEncapsulation.None, template: "@if (processDefinitionLoaded) {\n <mat-card appearance=\"outlined\" class=\"adf-start-process\">\n <mat-card-content>\n @if (showTitle) {\n <mat-card-title class=\"adf-title\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.TITLE' | translate }}\n </mat-card-title>\n }\n\n @if (errorMessageId) {\n <mat-card-subtitle class=\"adf-error-message\" id=\"error-message\">\n {{ errorMessageId | translate }}\n </mat-card-subtitle>\n }\n\n @if (!isProcessDefinitionsEmpty) {\n <div>\n <form [formGroup]=\"processForm\" class=\"adf-select-process-form\">\n @if (showSelectProcessDropdown) {\n <mat-form-field\n class=\"adf-process-input-container\"\n floatLabel=\"always\"\n data-automation-id=\"adf-select-cloud-process-dropdown\"\n >\n <mat-label class=\"adf-start-process-input-label\">{{\n 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.TYPE' | translate\n }}</mat-label>\n <input matInput formControlName=\"processDefinition\" [matAutocomplete]=\"auto\" id=\"processDefinitionName\" />\n\n <div class=\"adf-process-input-autocomplete\">\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n id=\"processDefinitionOptions\"\n [displayWith]=\"displayProcessNameOnDropdown\"\n (optionSelected)=\"setProcessDefinitionOnForm($event.option.value)\"\n >\n <mat-option\n *ngFor=\"let processDef of filteredProcesses\"\n [value]=\"getProcessDefinitionValue(processDef)\"\n (click)=\"processDefinitionSelectionChanged(processDef)\"\n >\n {{ getProcessDefinitionValue(processDef) }}\n </mat-option>\n </mat-autocomplete>\n\n <button\n id=\"adf-select-process-dropdown\"\n title=\"{{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.SELECT_PROCESS_DROPDOWN' | translate }}\"\n mat-icon-button\n (click)=\"displayDropdown($event)\"\n >\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n </div>\n @if (processDefinition.hasError('required')) {\n <mat-error class=\"adf-error-pb\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_DEFINITION_REQUIRED' | translate }}\n </mat-error>\n }\n </mat-form-field>\n }\n\n <adf-inplace-form-input [control]=\"processInstanceName\">\n <ng-container label>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.NAME' | translate }}\n </ng-container>\n\n <ng-container error>\n @if (processInstanceName.hasError('required')) {\n <span>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n </span>\n }\n @if (processInstanceName.hasError('maxlength')) {\n <span id=\"adf-start-process-maxlength-error\">\n {{\n 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH'\n | translate: { characters: maxNameLength }\n }}\n </span>\n }\n @if (processInstanceName.hasError('pattern')) {\n <span>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n </span>\n }\n </ng-container>\n </adf-inplace-form-input>\n </form>\n\n @if (hasForm) {\n <adf-cloud-form\n #startForm\n [appName]=\"appName\"\n [appVersion]=\"processDefinitionCurrent.appVersion\"\n [data]=\"resolvedValues\"\n [formId]=\"processDefinitionCurrent.formKey\"\n [displayModeConfigurations]=\"displayModeConfigurations\"\n [showSaveButton]=\"showSaveButton\"\n [showCompleteButton]=\"showCompleteButton\"\n [showRefreshButton]=\"false\"\n [showValidationIcon]=\"false\"\n [showTitle]=\"false\"\n (formContentClicked)=\"onFormContentClicked($event)\"\n (formLoaded)=\"onFormLoaded($event)\"\n (executeOutcome)=\"onCustomOutcomeClicked($event.outcome.name)\"\n >\n <adf-cloud-form-custom-outcomes>\n <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n </adf-cloud-form-custom-outcomes>\n </adf-cloud-form>\n } @else {\n <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n }\n </div>\n } @else {\n @if (processDefinitionLoaded) {\n <mat-card-content>\n <mat-card-subtitle class=\"error-message\" id=\"no-process-message\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.NO_PROCESS_DEFINITIONS' | translate | uppercase }}\n </mat-card-subtitle>\n </mat-card-content>\n }\n }\n </mat-card-content>\n </mat-card>\n} @else {\n <div class=\"adf-loading-container\">\n <mat-progress-spinner class=\"adf-loading\" color=\"primary\" mode=\"indeterminate\" />\n </div>\n}\n\n<ng-template #taskFormCloudButtons>\n <div class=\"adf-start-process-cloud-actions\">\n @if (showCancelButton) {\n <button mat-button (click)=\"cancelStartProcess()\" id=\"cancel_process\">\n {{ cancelButtonLabel }}\n </button>\n }\n @if (showStartProcessButton$ | async) {\n <button\n color=\"primary\"\n mat-raised-button\n [disabled]=\"disableStartButton || !isProcessFormValid\"\n (click)=\"startProcess()\"\n data-automation-id=\"btn-start\"\n id=\"button-start\"\n class=\"adf-btn-start\"\n >\n {{ startProcessButtonLabel }}\n </button>\n }\n </div>\n</ng-template>\n", styles: [".adf-start-process .adf-start-process-input-label{color:var(--adf-theme-mat-grey-color-a200-dark)}.adf-start-process-cloud-actions{display:flex;justify-content:flex-end}.adf-select-process-form{display:flex;flex-direction:column}.adf-title{padding-bottom:1.25em}.adf-error-message{padding-left:.5em}.adf-process-input-container{margin:0 7px}.adf-process-input-autocomplete{display:flex}.adf-process-input-autocomplete button{position:absolute;right:-14px;top:0}.adf-form-container .adf-form-container-card:has(.adf-form-container-card-content){box-shadow:none;padding:0}.adf-start-form-actions{text-align:right}.adf-loading{margin:auto}.adf-loading-container{min-height:300px;display:flex;height:100%}\n"] }]
13705
+ ], providers: [LocalizedDatePipe], encapsulation: ViewEncapsulation.None, template: "@if (processDefinitionLoaded && !isFormCloudLoading) {\n <mat-card appearance=\"outlined\" class=\"adf-start-process\">\n <mat-card-content>\n @if (showTitle) {\n <mat-card-title class=\"adf-title\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.TITLE' | translate }}\n </mat-card-title>\n }\n\n @if (errorMessageId) {\n <mat-card-subtitle class=\"adf-error-message\" id=\"error-message\">\n {{ errorMessageId | translate }}\n </mat-card-subtitle>\n }\n\n @if (!isProcessDefinitionsEmpty) {\n <div>\n <form [formGroup]=\"processForm\" class=\"adf-select-process-form\">\n @if (showSelectProcessDropdown) {\n <mat-form-field\n class=\"adf-process-input-container\"\n floatLabel=\"always\"\n data-automation-id=\"adf-select-cloud-process-dropdown\"\n >\n <mat-label class=\"adf-start-process-input-label\">{{\n 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.TYPE' | translate\n }}</mat-label>\n <input matInput formControlName=\"processDefinition\" [matAutocomplete]=\"auto\" id=\"processDefinitionName\" />\n\n <div class=\"adf-process-input-autocomplete\">\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n id=\"processDefinitionOptions\"\n [displayWith]=\"displayProcessNameOnDropdown\"\n (optionSelected)=\"setProcessDefinitionOnForm($event.option.value)\"\n >\n <mat-option\n *ngFor=\"let processDef of filteredProcesses\"\n [value]=\"getProcessDefinitionValue(processDef)\"\n (click)=\"processDefinitionSelectionChanged(processDef)\"\n >\n {{ getProcessDefinitionValue(processDef) }}\n </mat-option>\n </mat-autocomplete>\n\n <button\n id=\"adf-select-process-dropdown\"\n title=\"{{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.SELECT_PROCESS_DROPDOWN' | translate }}\"\n mat-icon-button\n (click)=\"displayDropdown($event)\"\n >\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n </div>\n @if (processDefinition.hasError('required')) {\n <mat-error class=\"adf-error-pb\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_DEFINITION_REQUIRED' | translate }}\n </mat-error>\n }\n </mat-form-field>\n }\n\n <adf-inplace-form-input [control]=\"processInstanceName\">\n <ng-container label>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.NAME' | translate }}\n </ng-container>\n\n <ng-container error>\n @if (processInstanceName.hasError('required')) {\n <span>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}\n </span>\n }\n @if (processInstanceName.hasError('maxlength')) {\n <span id=\"adf-start-process-maxlength-error\">\n {{\n 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH'\n | translate: { characters: maxNameLength }\n }}\n </span>\n }\n @if (processInstanceName.hasError('pattern')) {\n <span>\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}\n </span>\n }\n </ng-container>\n </adf-inplace-form-input>\n </form>\n\n @if (hasForm) {\n <adf-cloud-form\n #startForm\n [appName]=\"appName\"\n [appVersion]=\"processDefinitionCurrent.appVersion\"\n [data]=\"resolvedValues\"\n [formId]=\"processDefinitionCurrent.formKey\"\n [displayModeConfigurations]=\"displayModeConfigurations\"\n [showSaveButton]=\"showSaveButton\"\n [showCompleteButton]=\"showCompleteButton\"\n [showRefreshButton]=\"false\"\n [showValidationIcon]=\"false\"\n [showTitle]=\"false\"\n (formContentClicked)=\"onFormContentClicked($event)\"\n (formLoaded)=\"onFormLoaded($event)\"\n (executeOutcome)=\"onCustomOutcomeClicked($event)\"\n >\n <adf-cloud-form-custom-outcomes>\n <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n </adf-cloud-form-custom-outcomes>\n </adf-cloud-form>\n } @else {\n <ng-template [ngTemplateOutlet]=\"taskFormCloudButtons\" />\n }\n </div>\n } @else {\n @if (processDefinitionLoaded) {\n <mat-card-content>\n <mat-card-subtitle class=\"error-message\" id=\"no-process-message\">\n {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.NO_PROCESS_DEFINITIONS' | translate | uppercase }}\n </mat-card-subtitle>\n </mat-card-content>\n }\n }\n </mat-card-content>\n </mat-card>\n} @else {\n <div class=\"adf-loading-container\">\n <mat-progress-spinner class=\"adf-loading\" color=\"primary\" mode=\"indeterminate\" />\n </div>\n}\n\n<ng-template #taskFormCloudButtons>\n <div class=\"adf-start-process-cloud-actions\">\n @if (showCancelButton) {\n <button mat-button (click)=\"cancelStartProcess()\" id=\"cancel_process\">\n {{ cancelButtonLabel }}\n </button>\n }\n @if (showStartProcessButton$ | async) {\n <button\n color=\"primary\"\n mat-raised-button\n [disabled]=\"disableStartButton || !isProcessFormValid\"\n (click)=\"startProcess()\"\n data-automation-id=\"btn-start\"\n id=\"button-start\"\n class=\"adf-btn-start\"\n >\n {{ startProcessButtonLabel }}\n </button>\n }\n </div>\n</ng-template>\n", styles: [".adf-start-process .adf-start-process-input-label{color:var(--adf-theme-mat-grey-color-a200-dark)}.adf-start-process-cloud-actions{display:flex;justify-content:flex-end}.adf-select-process-form{display:flex;flex-direction:column}.adf-title{padding-bottom:1.25em}.adf-error-message{padding-left:.5em}.adf-process-input-container{margin:0 7px}.adf-process-input-autocomplete{display:flex}.adf-process-input-autocomplete button{position:absolute;right:-14px;top:0}.adf-form-container .adf-form-container-card:has(.adf-form-container-card-content){box-shadow:none;padding:0}.adf-start-form-actions{text-align:right}.adf-loading{margin:auto}.adf-loading-container{min-height:300px;display:flex;height:100%}\n"] }]
13686
13706
  }], ctorParameters: () => [{ type: i1$1.TranslationService }], propDecorators: { inputAutocomplete: [{
13687
13707
  type: ViewChild,
13688
13708
  args: [MatAutocompleteTrigger]
@@ -13716,6 +13736,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
13716
13736
  type: Output
13717
13737
  }], processDefinitionSelection: [{
13718
13738
  type: Output
13739
+ }], customOutcomeSelected: [{
13740
+ type: Output
13719
13741
  }], onKeyDown: [{
13720
13742
  type: HostListener,
13721
13743
  args: ['keydown', ['$event']]
@@ -13895,6 +13917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
13895
13917
  * See the License for the specific language governing permissions and
13896
13918
  * limitations under the License.
13897
13919
  */
13920
+ /** @deprecated this service will be removed because it's component is unused https://hyland.atlassian.net/browse/ACS-10178 */
13898
13921
  class FormDefinitionSelectorCloudService extends BaseCloudService {
13899
13922
  /**
13900
13923
  * Get all forms of an app.
@@ -13941,6 +13964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
13941
13964
  * See the License for the specific language governing permissions and
13942
13965
  * limitations under the License.
13943
13966
  */
13967
+ /** @deprecated this component will be removed because it's unused https://hyland.atlassian.net/browse/ACS-10178 */
13944
13968
  class FormDefinitionSelectorCloudComponent {
13945
13969
  constructor(formDefinitionCloudService) {
13946
13970
  this.formDefinitionCloudService = formDefinitionCloudService;
@@ -14362,7 +14386,7 @@ class FileViewerWidgetComponent extends BaseViewerWidgetComponent {
14362
14386
  }
14363
14387
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileViewerWidgetComponent, decorators: [{
14364
14388
  type: Component,
14365
- args: [{ selector: 'file-viewer-widget', imports: [NgIf, ErrorWidgetComponent, AlfrescoViewerComponent, TranslatePipe], host: {
14389
+ args: [{ selector: 'file-viewer-widget', imports: [ErrorWidgetComponent, AlfrescoViewerComponent, TranslatePipe], host: {
14366
14390
  '(click)': 'event($event)',
14367
14391
  '(blur)': 'event($event)',
14368
14392
  '(change)': 'event($event)',