{"version":3,"file":"adf-process-services.mjs","sources":["../../../../lib/process-services/src/lib/process-list/services/process.service.ts","../../../../lib/process-services/src/lib/process-list/components/process-list/process-list.component.ts","../../../../lib/process-services/src/lib/process-list/components/process-list/process-list.component.html","../../../../lib/process-services/src/lib/process-list/services/process-filter.service.ts","../../../../lib/process-services/src/lib/services/apps-process.service.ts","../../../../lib/process-services/src/lib/app-list/icon.model.ts","../../../../lib/process-services/src/lib/process-list/components/process-filters/process-filters.component.ts","../../../../lib/process-services/src/lib/process-list/components/process-filters/process-filters.component.html","../../../../lib/process-services/src/lib/process-list/components/process-instance-header/process-instance-header.component.ts","../../../../lib/process-services/src/lib/process-list/components/process-instance-header/process-instance-header.component.html","../../../../lib/process-services/src/lib/task-list/models/form.model.ts","../../../../lib/process-services/src/lib/task-list/services/tasklist.service.ts","../../../../lib/process-services/src/lib/task-list/components/task-form/claim-task.directive.ts","../../../../lib/process-services/src/lib/task-list/components/task-form/unclaim-task.directive.ts","../../../../lib/process-services/src/lib/services/people-process.service.ts","../../../../lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.ts","../../../../lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.html","../../../../lib/process-services/src/lib/form/services/model.service.ts","../../../../lib/process-services/src/lib/form/form-list/form-list.component.ts","../../../../lib/process-services/src/lib/form/form-list/form-list.component.html","../../../../lib/process-services/src/lib/form/form-custom-outcomes.component.ts","../../../../lib/process-services/src/lib/form/services/ecm-model.service.ts","../../../../lib/process-services/src/lib/form/services/editor.service.ts","../../../../lib/process-services/src/lib/form/services/task.service.ts","../../../../lib/process-services/src/lib/form/services/task-form.service.ts","../../../../lib/process-services/src/lib/form/model/form-definition.model.ts","../../../../lib/process-services/src/lib/form/form.component.ts","../../../../lib/process-services/src/lib/form/form.component.html","../../../../lib/process-services/src/lib/form/start-form/start-form.component.ts","../../../../lib/process-services/src/lib/form/start-form/start-form.component.html","../../../../lib/process-services/src/lib/form/services/process-content.service.ts","../../../../lib/process-services/src/lib/form/widgets/upload/upload.widget.ts","../../../../lib/process-services/src/lib/form/widgets/upload/upload.widget.html","../../../../lib/process-services/src/lib/form/widgets/document/content.widget.ts","../../../../lib/process-services/src/lib/form/widgets/document/content.widget.html","../../../../lib/process-services/src/lib/form/widgets/document/document.widget.ts","../../../../lib/process-services/src/lib/form/widgets/document/document.widget.html","../../../../lib/process-services/src/lib/form/widgets/people/people.widget.ts","../../../../lib/process-services/src/lib/form/widgets/people/people.widget.html","../../../../lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.ts","../../../../lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html","../../../../lib/process-services/src/lib/form/services/process-definition.service.ts","../../../../lib/process-services/src/lib/form/widgets/radio-buttons/radio-buttons.widget.ts","../../../../lib/process-services/src/lib/form/widgets/radio-buttons/radio-buttons.widget.html","../../../../lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.ts","../../../../lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.html","../../../../lib/process-services/src/lib/form/widgets/typeahead/typeahead.widget.ts","../../../../lib/process-services/src/lib/form/widgets/typeahead/typeahead.widget.html","../../../../lib/process-services/src/lib/form/widgets/file-viewer/file-viewer.widget.ts","../../../../lib/process-services/src/lib/form/widgets/file-viewer/file-viewer.widget.html","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/dropdown/dropdown.editor.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/dropdown/dropdown.editor.html","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/amount/amount.editor.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/amount/amount.editor.html","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/boolean/boolean.editor.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/boolean/boolean.editor.html","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/date/date.editor.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/date/date.editor.html","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/models/dynamic-row-validation-summary.model.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/datetime/datetime.editor.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/datetime/datetime.editor.html","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/text/text.editor.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/text/text.editor.html","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/row-editor/row.editor.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/row-editor/row.editor.html","../../../../lib/process-services/src/lib/form/events/validate-dynamic-table-row.event.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/models/date-cell-validator-model.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/models/number-cell-validator.model.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/models/required-cell-validator.model.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/models/dynamic-table.widget.model.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/dynamic-table.widget.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/dynamic-table.widget.html","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/editors/models/dynamic-table-row.model.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/public-api.ts","../../../../lib/process-services/src/lib/form/widgets/dynamic-table/index.ts","../../../../lib/process-services/src/lib/form/services/external-alfresco-api.service.ts","../../../../lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.ts","../../../../lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.html","../../../../lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.service.ts","../../../../lib/process-services/src/lib/form/services/activiti-alfresco.service.ts","../../../../lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.ts","../../../../lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.html","../../../../lib/process-services/src/lib/form/widgets/content-widget/attach-folder-widget.component.ts","../../../../lib/process-services/src/lib/form/widgets/content-widget/attach-folder-widget.component.html","../../../../lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog-component.interface.ts","../../../../lib/process-services/src/lib/form/widgets/content-widget/public-api.ts","../../../../lib/process-services/src/lib/form/widgets/content-widget/index.ts","../../../../lib/process-services/src/lib/form/widgets/public-api.ts","../../../../lib/process-services/src/lib/form/widgets/index.ts","../../../../lib/process-services/src/lib/form/services/index.ts","../../../../lib/process-services/src/lib/form/process-form-rendering.service.ts","../../../../lib/process-services/src/lib/form/public-api.ts","../../../../lib/process-services/src/lib/form/index.ts","../../../../lib/process-services/src/lib/task-list/components/task-form/task-form.component.ts","../../../../lib/process-services/src/lib/task-list/components/task-form/task-form.component.html","../../../../lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.ts","../../../../lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.html","../../../../lib/process-services/src/lib/task-list/components/checklist/checklist.component.ts","../../../../lib/process-services/src/lib/task-list/components/checklist/checklist.component.html","../../../../lib/process-services/src/lib/task-list/services/task-filter.service.ts","../../../../lib/process-services/src/lib/task-list/components/task-filters/task-filters.component.ts","../../../../lib/process-services/src/lib/task-list/components/task-filters/task-filters.component.html","../../../../lib/process-services/src/lib/task-list/models/task-preset.model.ts","../../../../lib/process-services/src/lib/task-list/components/task-list/task-list.component.ts","../../../../lib/process-services/src/lib/task-list/components/task-list/task-list.component.html","../../../../lib/process-services/src/lib/people/helpers/get-display-user.ts","../../../../lib/process-services/src/lib/people/components/people-list/people-list.component.ts","../../../../lib/process-services/src/lib/people/components/people-list/people-list.component.html","../../../../lib/process-services/src/lib/people/components/people-search-field/people-search-field.component.ts","../../../../lib/process-services/src/lib/people/components/people-search-field/people-search-field.component.html","../../../../lib/process-services/src/lib/people/components/people-search/people-search.component.ts","../../../../lib/process-services/src/lib/people/components/people-search/people-search.component.html","../../../../lib/process-services/src/lib/people/components/people/people.component.ts","../../../../lib/process-services/src/lib/people/components/people/people.component.html","../../../../lib/process-services/src/lib/people/components/people-selector/people-selector.component.ts","../../../../lib/process-services/src/lib/people/components/people-selector/people-selector.component.html","../../../../lib/process-services/src/lib/people/interfaces/perform-search-callback.interface.ts","../../../../lib/process-services/src/lib/people/public-api.ts","../../../../lib/process-services/src/lib/people/index.ts","../../../../lib/process-services/src/lib/task-list/validators/task-description.validator.ts","../../../../lib/process-services/src/lib/task-list/components/task-header/task-header.component.ts","../../../../lib/process-services/src/lib/task-list/components/task-header/task-header.component.html","../../../../lib/process-services/src/lib/services/task-comments.service.ts","../../../../lib/process-services/src/lib/task-comments/task-comments.component.ts","../../../../lib/process-services/src/lib/task-comments/task-comments.component.html","../../../../lib/process-services/src/lib/task-comments/index.ts","../../../../lib/process-services/src/lib/task-list/components/task-details/task-details.component.ts","../../../../lib/process-services/src/lib/task-list/components/task-details/task-details.component.html","../../../../lib/process-services/src/lib/task-list/components/start-task/start-task.component.ts","../../../../lib/process-services/src/lib/task-list/components/start-task/start-task.component.html","../../../../lib/process-services/src/lib/task-list/services/process-upload.service.ts","../../../../lib/process-services/src/lib/task-list/services/task-upload.service.ts","../../../../lib/process-services/src/lib/task-list/models/task-details.event.ts","../../../../lib/process-services/src/lib/task-list/models/user-event.model.ts","../../../../lib/process-services/src/lib/task-list/models/user-group.model.ts","../../../../lib/process-services/src/lib/task-list/public-api.ts","../../../../lib/process-services/src/lib/task-list/index.ts","../../../../lib/process-services/src/lib/process-list/components/process-instance-tasks/process-instance-tasks.component.ts","../../../../lib/process-services/src/lib/process-list/components/process-instance-tasks/process-instance-tasks.component.html","../../../../lib/process-services/src/lib/process-comments/services/comment-process.service.ts","../../../../lib/process-services/src/lib/process-comments/process-comments.component.ts","../../../../lib/process-services/src/lib/process-comments/process-comments.component.html","../../../../lib/process-services/src/lib/process-comments/index.ts","../../../../lib/process-services/src/lib/process-list/components/process-instance-details/process-instance-details.component.ts","../../../../lib/process-services/src/lib/process-list/components/process-instance-details/process-instance-details.component.html","../../../../lib/process-services/src/lib/process-list/components/start-process/start-process.component.ts","../../../../lib/process-services/src/lib/process-list/components/start-process/start-process.component.html","../../../../lib/process-services/src/lib/process-list/public-api.ts","../../../../lib/process-services/src/lib/process-list/index.ts","../../../../lib/process-services/src/lib/app-list/apps-list.component.ts","../../../../lib/process-services/src/lib/app-list/apps-list.component.html","../../../../lib/process-services/src/lib/app-list/select-apps-dialog/select-apps-dialog.component.ts","../../../../lib/process-services/src/lib/app-list/select-apps-dialog/select-apps-dialog.component.html","../../../../lib/process-services/src/lib/app-list/public-api.ts","../../../../lib/process-services/src/lib/app-list/index.ts","../../../../lib/process-services/src/lib/attachment/task-attachment-list/task-attachment-list.component.ts","../../../../lib/process-services/src/lib/attachment/task-attachment-list/task-attachment-list.component.html","../../../../lib/process-services/src/lib/attachment/process-attachment-list/process-attachment-list.component.ts","../../../../lib/process-services/src/lib/attachment/process-attachment-list/process-attachment-list.component.html","../../../../lib/process-services/src/lib/attachment/create-process-attachment/create-process-attachment.component.ts","../../../../lib/process-services/src/lib/attachment/create-process-attachment/create-process-attachment.component.html","../../../../lib/process-services/src/lib/attachment/create-task-attachment/create-task-attachment.component.ts","../../../../lib/process-services/src/lib/attachment/create-task-attachment/create-task-attachment.component.html","../../../../lib/process-services/src/lib/attachment/public-api.ts","../../../../lib/process-services/src/lib/attachment/index.ts","../../../../lib/process-services/src/lib/process.module.ts","../../../../lib/process-services/src/lib/compat/types.ts","../../../../lib/process-services/src/public-api.ts","../../../../lib/process-services/src/adf-process-services.ts"],"sourcesContent":["/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { DateFnsUtils, FormValues } from '@alfresco/adf-core';\nimport { inject, Injectable } from '@angular/core';\nimport {\n FormDefinitionRepresentation,\n ProcessDefinitionsApi,\n ProcessInstanceAuditInfoRepresentation,\n ProcessInstanceQueryRepresentation,\n ProcessInstanceRepresentation,\n ProcessInstancesApi,\n ProcessInstanceVariablesApi,\n RestVariable,\n ResultListDataRepresentationProcessInstanceRepresentation,\n TasksApi,\n ProcessDefinitionRepresentation,\n TaskRepresentation,\n LazyApi\n} from '@alfresco/js-api';\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\nimport { from, Observable } from 'rxjs';\nimport { map } from 'rxjs/operators';\nimport { DatePipe } from '@angular/common';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ProcessService {\n private readonly alfrescoApiService = inject(AlfrescoApiService);\n\n @LazyApi((self: ProcessService) => new TasksApi(self.alfrescoApiService.getInstance()))\n declare readonly tasksApi: TasksApi;\n\n @LazyApi((self: ProcessService) => new ProcessDefinitionsApi(self.alfrescoApiService.getInstance()))\n declare readonly processDefinitionsApi: ProcessDefinitionsApi;\n\n @LazyApi((self: ProcessService) => new ProcessInstancesApi(self.alfrescoApiService.getInstance()))\n declare readonly processInstancesApi: ProcessInstancesApi;\n\n @LazyApi((self: ProcessService) => new ProcessInstanceVariablesApi(self.alfrescoApiService.getInstance()))\n declare readonly processInstanceVariablesApi: ProcessInstanceVariablesApi;\n\n /**\n * Gets process instances for a filter and optionally a process definition.\n *\n * @param requestNode Filter for instances\n * @param processDefinitionKey Limits returned instances to a process definition\n * @returns List of process instances\n */\n getProcessInstances(\n requestNode: ProcessInstanceQueryRepresentation,\n processDefinitionKey?: string\n ): Observable {\n return from(this.processInstancesApi.getProcessInstances(requestNode)).pipe(\n map((res) => {\n if (processDefinitionKey) {\n res.data = res.data.filter((process) => process.processDefinitionKey === processDefinitionKey);\n }\n return res;\n })\n );\n }\n\n /**\n * Gets processes for a filter and optionally a process definition.\n *\n * @param requestNode Filter for instances\n * @param processDefinitionKey Limits returned instances to a process definition\n * @returns List of processes\n */\n getProcesses(\n requestNode: ProcessInstanceQueryRepresentation,\n processDefinitionKey?: string\n ): Observable {\n return this.getProcessInstances(requestNode, processDefinitionKey).pipe(\n map((response) => {\n response.data = (response.data || []).map((instance) => {\n instance.name = this.getProcessNameOrDescription(instance, 'medium');\n return instance;\n });\n return response;\n })\n );\n }\n\n /**\n * @deprecated This api is no longer used and will be removed in future releases.\n * Fetches the Process Audit information as a PDF.\n *\n * @param processId ID of the target process\n * @returns Binary PDF data\n */\n fetchProcessAuditPdfById(processId: string): Observable {\n return from(this.processInstancesApi.getProcessAuditPdf(processId));\n }\n\n /**\n * @deprecated This api is no longer used and will be removed in future releases.\n * Fetches the Process Audit information in a JSON format.\n *\n * @param processId ID of the target process\n * @returns JSON data\n */\n fetchProcessAuditJsonById(processId: string): Observable {\n return from(this.processInstancesApi.getTaskAuditLog(processId));\n }\n\n /**\n * Gets Process Instance metadata.\n *\n * @param processInstanceId ID of the target process\n * @returns Metadata for the instance\n */\n getProcess(processInstanceId: string): Observable {\n return from(this.processInstancesApi.getProcessInstance(processInstanceId)).pipe(map(this.toJson));\n }\n\n /**\n * Gets the start form definition for a given process.\n *\n * @param processId Process definition ID\n * @returns Form definition\n */\n getStartFormDefinition(processId: string): Observable {\n return from(this.processDefinitionsApi.getProcessDefinitionStartForm(processId)).pipe(map(this.toJson));\n }\n\n /**\n * Gets the start form instance for a given process.\n *\n * @param processId Process definition ID\n * @returns Form definition\n */\n getStartFormInstance(processId: string): Observable {\n return from(this.processInstancesApi.getProcessInstanceStartForm(processId)).pipe(map(this.toJson));\n }\n\n /**\n * Creates a JSON representation of form data.\n *\n * @param res Object representing form data\n * @returns JSON data\n */\n private toJson(res: any) {\n if (res) {\n return res || {};\n }\n return {};\n }\n\n /**\n * Gets task instances for a process instance.\n *\n * @param processInstanceId ID of the process instance\n * @param state Task state filter (can be \"active\" or \"completed\")\n * @returns Array of task instance details\n */\n getProcessTasks(processInstanceId: string, state?: string): Observable {\n const taskOpts = state\n ? {\n processInstanceId,\n state\n }\n : {\n processInstanceId\n };\n return from(this.tasksApi.listTasks(taskOpts)).pipe(\n map(this.extractData),\n map((tasks) =>\n tasks.map((task: any) => {\n task.created = DateFnsUtils.formatDate(new Date(task.created), 'YYYY-MM-DD');\n return task;\n })\n )\n );\n }\n\n /**\n * Gets process definitions associated with an app.\n *\n * @param appId ID of a target app\n * @returns Array of process definitions\n */\n getProcessDefinitions(appId?: number): Observable {\n const opts = appId\n ? {\n latest: true,\n appDefinitionId: appId\n }\n : {\n latest: true\n };\n return from(this.processDefinitionsApi.getProcessDefinitions(opts)).pipe(map(this.extractData));\n }\n\n /**\n * Starts a process based on a process definition, name, form values or variables.\n *\n * @param processDefinitionId Process definition ID\n * @param name Process name\n * @param outcome Process outcome\n * @param startFormValues Values for the start form\n * @param variables Array of process instance variables\n * @returns Details of the process instance just started\n */\n startProcess(\n processDefinitionId: string,\n name: string,\n outcome?: string,\n startFormValues?: FormValues,\n variables?: RestVariable[]\n ): Observable {\n const startRequest: any = {\n name,\n processDefinitionId\n };\n if (outcome) {\n startRequest.outcome = outcome;\n }\n if (startFormValues) {\n startRequest.values = startFormValues;\n }\n if (variables) {\n startRequest.variables = variables;\n }\n return from(this.processInstancesApi.startNewProcessInstance(startRequest));\n }\n\n /**\n * Cancels a process instance.\n *\n * @param processInstanceId ID of process to cancel\n * @returns Null response notifying when the operation is complete\n */\n cancelProcess(processInstanceId: string): Observable {\n return from(this.processInstancesApi.deleteProcessInstance(processInstanceId));\n }\n\n /**\n * Gets the variables for a process instance.\n *\n * @param processInstanceId ID of the target process\n * @returns Array of instance variable info\n */\n getProcessInstanceVariables(processInstanceId: string): Observable {\n return from(this.processInstanceVariablesApi.getProcessInstanceVariables(processInstanceId));\n }\n\n /**\n * Creates or updates variables for a process instance.\n *\n * @param processInstanceId ID of the target process\n * @param variables Variables to update\n * @returns Array of instance variable info\n */\n createOrUpdateProcessInstanceVariables(processInstanceId: string, variables: RestVariable[]): Observable {\n return from(this.processInstanceVariablesApi.createOrUpdateProcessInstanceVariables(processInstanceId, variables));\n }\n\n /**\n * Deletes a variable for a process instance.\n *\n * @param processInstanceId ID of the target process\n * @param variableName Name of the variable to delete\n * @returns Null response notifying when the operation is complete\n */\n deleteProcessInstanceVariable(processInstanceId: string, variableName: string): Observable {\n return from(this.processInstanceVariablesApi.deleteProcessInstanceVariable(processInstanceId, variableName));\n }\n\n private extractData(res: any) {\n return res.data || {};\n }\n\n private getProcessNameOrDescription(processInstance: ProcessInstanceRepresentation, dateFormat: string): string {\n let name = '';\n\n if (processInstance) {\n name = processInstance.name || processInstance.processDefinitionName + ' - ' + this.getFormatDate(processInstance.started, dateFormat);\n }\n\n return name;\n }\n\n private getFormatDate(value: Date, dateFormat: string) {\n const datePipe = new DatePipe('en-US');\n\n try {\n return datePipe.transform(value, dateFormat);\n } catch {\n return '';\n }\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n DataTableSchema,\n DataRowEvent,\n DataTableAdapter,\n CustomEmptyContentTemplateDirective,\n CustomLoadingContentTemplateDirective,\n DataRow,\n DataColumn,\n PaginatedComponent,\n PaginationModel,\n UserPreferencesService,\n DataCellEvent,\n DEFAULT_PAGINATION,\n EmptyContentComponent,\n DataTableComponent,\n LoadingContentTemplateDirective,\n NoContentTemplateDirective,\n ObjectDataRow\n} from '@alfresco/adf-core';\nimport { AfterContentInit, Component, ContentChild, EventEmitter, Input, OnChanges, Output, SimpleChanges, inject } from '@angular/core';\nimport { ProcessService } from '../../services/process.service';\nimport { BehaviorSubject } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\nimport {\n ProcessInstanceQueryRepresentation,\n ProcessInstanceQueryRepresentationSort,\n ProcessInstanceQueryRepresentationState,\n ResultListDataRepresentationProcessInstanceRepresentation\n} from '@alfresco/js-api';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { TranslatePipe } from '@ngx-translate/core';\n\nconst PRESET_KEY = 'adf-process-list.presets';\n\nexport const processPresetsDefaultModel = {\n default: [\n {\n key: 'name',\n type: 'text',\n title: 'ADF_PROCESS_LIST.PROPERTIES.NAME',\n sortable: true\n },\n {\n key: 'created',\n type: 'text',\n title: 'ADF_PROCESS_LIST.PROPERTIES.CREATED',\n cssClass: 'hidden',\n sortable: true\n }\n ]\n};\n\n@Component({\n selector: 'adf-process-instance-list',\n imports: [\n CommonModule,\n MatProgressSpinnerModule,\n EmptyContentComponent,\n TranslatePipe,\n DataTableComponent,\n LoadingContentTemplateDirective,\n NoContentTemplateDirective\n ],\n styleUrls: ['./process-list.component.css'],\n templateUrl: './process-list.component.html'\n})\nexport class ProcessInstanceListComponent extends DataTableSchema implements OnChanges, AfterContentInit, PaginatedComponent {\n private readonly processService = inject(ProcessService);\n private readonly userPreferences = inject(UserPreferencesService);\n\n @ContentChild(CustomEmptyContentTemplateDirective)\n customEmptyContent: CustomEmptyContentTemplateDirective;\n\n @ContentChild(CustomLoadingContentTemplateDirective)\n customLoadingContent: CustomLoadingContentTemplateDirective;\n\n /** The id of the app. */\n @Input()\n appId: number;\n\n /** The Definition Id of the process. */\n @Input()\n processDefinitionId: string;\n\n /** The id of the process instance. */\n @Input()\n processInstanceId: string;\n\n /** Defines the state of the processes. */\n @Input()\n state: ProcessInstanceQueryRepresentationState;\n\n /**\n * Defines the sort ordering of the list.\n */\n @Input()\n sort: ProcessInstanceQueryRepresentationSort;\n\n /** The page number of the processes to fetch. */\n @Input()\n page: number = 0;\n\n /** The number of processes to fetch in each page. */\n @Input()\n size: number = DEFAULT_PAGINATION.maxItems;\n\n /** Data source to define the datatable. */\n @Input()\n data: DataTableAdapter;\n\n /** Toggles multiple row selection, which renders checkboxes at the beginning of each row */\n @Input()\n multiselect: boolean = false;\n\n /**\n * Row selection mode. Can be none, `single` or `multiple`. For `multiple` mode,\n * you can use Cmd (macOS) or Ctrl (Win) modifier key to toggle selection for\n * multiple rows.\n */\n @Input()\n selectionMode: string = 'single'; // none|single|multiple\n\n /** Toggles default selection of the first row */\n @Input()\n selectFirstRow: boolean = true;\n\n /** Toggles the sticky header mode. */\n @Input()\n stickyHeader: boolean = false;\n\n /** Toggles custom context menu for the component. */\n @Input()\n showContextMenu: boolean = false;\n\n /** Enables column resizing for datatable */\n @Input()\n isResizingEnabled = false;\n\n /** Enables blur when resizing datatable columns */\n @Input()\n blurOnResize = true;\n\n /** Emitted before the context menu is displayed for a row. */\n @Output()\n showRowContextMenu = new EventEmitter();\n\n /**\n * Resolver function is used to show dynamic complex column objects\n * see the docs to learn how to configure a resolverFn.\n */\n @Input()\n resolverFn: (row: DataRow, col: DataColumn) => any = null;\n\n /** Emitted when a row in the process list is clicked. */\n @Output()\n rowClick = new EventEmitter();\n\n /** Emitted when the list of process instances has been loaded successfully from the server. */\n // eslint-disable-next-line @angular-eslint/no-output-native\n @Output()\n success = new EventEmitter();\n\n /** Emitted when an error occurs while loading the list of process instances from the server. */\n // eslint-disable-next-line @angular-eslint/no-output-native\n @Output()\n error = new EventEmitter();\n\n /** Emitted when rows are selected/unselected */\n @Output()\n rowsSelected = new EventEmitter();\n\n requestNode: ProcessInstanceQueryRepresentation;\n currentInstanceId: string;\n isLoading: boolean = true;\n rows: any[] = [];\n sorting: any[] = ['created', 'desc'];\n pagination: BehaviorSubject;\n\n constructor() {\n super(PRESET_KEY, processPresetsDefaultModel);\n this.size = this.userPreferences.paginationSize;\n\n this.pagination = new BehaviorSubject({\n maxItems: this.size,\n skipCount: 0,\n totalItems: 0\n });\n }\n\n ngAfterContentInit() {\n this.createDatatableSchema();\n\n if (this.data?.getColumns().length === 0) {\n this.data.setColumns(this.columns);\n }\n\n if (this.appId != null) {\n this.reload();\n }\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (this.isPropertyChanged(changes)) {\n if (this.isSortChanged(changes)) {\n this.sorting = this.sort ? this.sort.split('-') : this.sorting;\n }\n this.reload();\n }\n\n const presetColumnChanges = changes['presetColumn'];\n if (presetColumnChanges && !presetColumnChanges.firstChange) {\n this.columns = this.mergeJsonAndHtmlSchema();\n }\n }\n\n reload() {\n this.requestNode = this.createRequestNode();\n this.load(this.requestNode);\n }\n\n /**\n * Select the first instance of a list if present\n */\n selectFirst() {\n if (this.selectFirstRow) {\n if (!this.isListEmpty()) {\n const dataRow = this.rows[0];\n dataRow.isSelected = true;\n this.currentInstanceId = dataRow['id'];\n } else {\n this.currentInstanceId = null;\n }\n }\n }\n\n /**\n * Get the id of the current instance\n *\n * @returns instance id\n */\n getCurrentId(): string {\n return this.currentInstanceId;\n }\n\n /**\n * Check if the list is empty\n *\n * @returns `true` if list is empty, otherwise `false`\n */\n isListEmpty(): boolean {\n return !this.rows || this.rows.length === 0;\n }\n\n /**\n * Emit the event rowClick passing the current task id when the row is clicked\n *\n * @param event input event\n */\n onRowClick(event: DataRowEvent) {\n const item = event;\n\n this.currentInstanceId = item.value.getValue('id');\n this.rowClick.emit(this.currentInstanceId);\n }\n\n onRowCheckboxToggle(event: CustomEvent) {\n this.rowsSelected.emit([...event.detail.selection]);\n }\n\n /**\n * Emit the event rowClick passing the current task id when pressed the Enter key on the selected row\n *\n * @param event keyboard event\n */\n onRowKeyUp(event: CustomEvent) {\n if (event.detail.keyboardEvent.key === 'Enter') {\n event.preventDefault();\n\n this.currentInstanceId = event.detail.row.getValue('id');\n this.rowClick.emit(this.currentInstanceId);\n }\n }\n\n onShowRowContextMenu(event: DataCellEvent) {\n this.showRowContextMenu.emit(event);\n }\n\n updatePagination(params: PaginationModel) {\n const needsReload = params.maxItems || params.skipCount;\n\n this.size = params.maxItems;\n this.page = this.currentPage(params.skipCount, params.maxItems);\n\n if (needsReload) {\n this.reload();\n }\n }\n\n currentPage(skipCount: number, maxItems: number): number {\n return skipCount && maxItems ? Math.floor(skipCount / maxItems) : 0;\n }\n\n private createRequestNode(): ProcessInstanceQueryRepresentation {\n return {\n appDefinitionId: this.appId,\n processDefinitionId: this.processDefinitionId,\n processInstanceId: this.processInstanceId,\n state: this.state,\n sort: this.sort,\n page: this.page,\n size: this.size\n };\n }\n\n private isSortChanged(changes: SimpleChanges): boolean {\n const actualSort = changes['sort'];\n return actualSort?.currentValue && actualSort.currentValue !== actualSort.previousValue;\n }\n\n private isPropertyChanged(changes: SimpleChanges): boolean {\n let changed: boolean = false;\n\n const appId = changes['appId'];\n const processDefinitionId = changes['processDefinitionId'];\n const processInstanceId = changes['processInstanceId'];\n const state = changes['state'];\n const sort = changes['sort'];\n const page = changes['page'];\n const size = changes['size'];\n\n if (appId?.currentValue) {\n changed = true;\n } else if (processDefinitionId) {\n changed = true;\n } else if (processInstanceId) {\n changed = true;\n } else if (state?.currentValue) {\n changed = true;\n } else if (sort?.currentValue) {\n changed = true;\n } else if (page && page?.currentValue !== page.previousValue) {\n changed = true;\n } else if (size && size.currentValue !== size.previousValue) {\n changed = true;\n }\n return changed;\n }\n\n private load(requestNode: ProcessInstanceQueryRepresentation) {\n this.isLoading = true;\n this.processService\n .getProcesses(requestNode)\n .pipe(finalize(() => (this.isLoading = false)))\n .subscribe(\n (response) => {\n this.rows = response.data;\n this.selectFirst();\n this.success.emit(response);\n this.pagination.next({\n count: (response.data || []).length,\n maxItems: this.size,\n skipCount: this.page * this.size,\n totalItems: response.total\n });\n },\n (error) => {\n this.error.emit(error);\n }\n );\n }\n}\n","\n \n \n \n \n \n \n \n \n \n \n \n \n\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\nimport { Injectable, inject } from '@angular/core';\nimport { Observable, from, forkJoin } from 'rxjs';\nimport { map } from 'rxjs/operators';\nimport {\n LazyApi,\n ResultListDataRepresentationUserProcessInstanceFilterRepresentation,\n UserFiltersApi,\n UserProcessInstanceFilterRepresentation\n} from '@alfresco/js-api';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ProcessFilterService {\n private readonly alfrescoApiService = inject(AlfrescoApiService);\n\n @LazyApi((self: ProcessFilterService) => new UserFiltersApi(self.alfrescoApiService.getInstance()))\n declare readonly userFiltersApi: UserFiltersApi;\n\n /**\n * Gets all filters defined for a Process App.\n *\n * @param appId ID of the target app\n * @returns Array of filter details\n */\n getProcessFilters(appId: number): Observable {\n return from(this.callApiProcessFilters(appId)).pipe(\n map((response) => {\n const filters = [];\n response.data.forEach((filter) => {\n if (!this.isFilterAlreadyExisting(filters, filter.name)) {\n filters.push(filter);\n }\n });\n return filters;\n })\n );\n }\n\n /**\n * Retrieves the process filter by ID.\n *\n * @param filterId ID of the filter\n * @param appId ID of the target app\n * @returns Details of the filter\n */\n getProcessFilterById(filterId: number, appId?: number): Observable {\n return from(this.callApiProcessFilters(appId)).pipe(map((response) => response.data.find((filter) => filter.id === filterId)));\n }\n\n /**\n * Retrieves the process filter by name.\n *\n * @param filterName Name of the filter\n * @param appId ID of the target app\n * @returns Details of the filter\n */\n getProcessFilterByName(filterName: string, appId?: number): Observable {\n return from(this.callApiProcessFilters(appId)).pipe(map((response) => response.data.find((filter) => filter.name === filterName)));\n }\n\n /**\n * Creates and returns the default filters for an app.\n *\n * @param appId ID of the target app\n * @returns Default filters just created\n */\n createDefaultFilters(appId: number): Observable {\n const runningFilter = this.getRunningFilterInstance(appId, 0);\n const runningObservable = this.addProcessFilter(runningFilter);\n\n const completedFilter = this.getCompletedFilterInstance(appId, 1);\n const completedObservable = this.addProcessFilter(completedFilter);\n\n const allFilter = this.getAllFilterInstance(appId, 2);\n const allObservable = this.addProcessFilter(allFilter);\n\n return new Observable((observer) => {\n forkJoin([runningObservable, completedObservable, allObservable]).subscribe((res) => {\n const filters: UserProcessInstanceFilterRepresentation[] = [];\n res.forEach((filter) => {\n if (!this.isFilterAlreadyExisting(filters, filter.name)) {\n if (filter.name === runningFilter.name) {\n filters.push({ ...filter, filter: runningFilter.filter, appId });\n } else if (filter.name === completedFilter.name) {\n filters.push({ ...filter, filter: completedFilter.filter, appId });\n } else if (filter.name === allFilter.name) {\n filters.push({ ...filter, filter: allFilter.filter, appId });\n }\n }\n });\n observer.next(filters);\n observer.complete();\n });\n });\n }\n\n /**\n * Checks if a filter with the given name already exists in the list of filters.\n *\n * @param filters - An array of objects representing the existing filters.\n * @param filterName - The name of the filter to check for existence.\n * @returns - True if a filter with the specified name already exists, false otherwise.\n */\n isFilterAlreadyExisting(filters: Partial<{ name: string }>[], filterName: string): boolean {\n return filters.some((existingFilter) => existingFilter.name === filterName);\n }\n\n /**\n * Creates and returns a filter that matches \"running\" process instances.\n *\n * @param appId ID of the target app\n * @param index of the filter (optional)\n * @returns Filter just created\n */\n getRunningFilterInstance(appId: number, index?: number): UserProcessInstanceFilterRepresentation {\n return {\n name: 'Running',\n appId,\n recent: true,\n icon: 'glyphicon-random',\n filter: { sort: 'created-desc', name: '', state: 'running' },\n index\n };\n }\n\n /**\n * Adds a filter.\n *\n * @param filter The filter to add\n * @returns The filter just added\n */\n addProcessFilter(filter: UserProcessInstanceFilterRepresentation): Observable {\n return from(this.userFiltersApi.createUserProcessInstanceFilter(filter));\n }\n\n /**\n * Calls `getUserProcessInstanceFilters` from the Alfresco JS API.\n *\n * @param appId ID of the target app\n * @returns List of filter details\n */\n callApiProcessFilters(appId?: number): Promise {\n if (appId) {\n return this.userFiltersApi.getUserProcessInstanceFilters({ appId });\n } else {\n return this.userFiltersApi.getUserProcessInstanceFilters();\n }\n }\n\n getCompletedFilterInstance(appId: number, index?: number): UserProcessInstanceFilterRepresentation {\n return {\n name: 'Completed',\n appId,\n recent: false,\n icon: 'glyphicon-ok-sign',\n filter: { sort: 'created-desc', name: '', state: 'completed' },\n index\n };\n }\n\n getAllFilterInstance(appId: number, index?: number): UserProcessInstanceFilterRepresentation {\n return {\n name: 'All',\n appId,\n recent: true,\n icon: 'glyphicon-th',\n filter: { sort: 'created-desc', name: '', state: 'all' },\n index\n };\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Injectable, inject } from '@angular/core';\nimport { RuntimeAppDefinitionsApi, AppDefinitionRepresentation, LazyApi } from '@alfresco/js-api';\nimport { Observable, from } from 'rxjs';\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\nimport { map } from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AppsProcessService {\n private readonly apiService = inject(AlfrescoApiService);\n\n @LazyApi((self: AppsProcessService) => new RuntimeAppDefinitionsApi(self.apiService.getInstance()))\n declare readonly appsApi: RuntimeAppDefinitionsApi;\n\n /**\n * Gets a list of deployed apps for this user.\n *\n * @returns The list of deployed apps\n */\n getDeployedApplications(): Observable {\n return from(this.appsApi.getAppDefinitions()).pipe(map((response) => response.data || []));\n }\n\n /**\n * Gets a list of deployed apps for this user, where the app name is `name`.\n *\n * @param name Name of the app\n * @returns The list of deployed apps\n */\n getDeployedApplicationsByName(name: string): Observable {\n return this.getDeployedApplications().pipe(map((response) => response.find((app) => app.name === name)));\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nconst DEFAULT_TASKS_APP_MATERIAL_ICON: string = 'favorite_border';\n\n/* spellchecker: disable */\nexport class IconModel {\n private iconsMDL: Map;\n private readonly supportedIconTypes = ['glyphicon', 'fa' /*Font awesome*/];\n\n private readonly sharedIconsMap = [\n ['asterisk', 'ac_unit'],\n ['plus', 'add'],\n ['euro', 'euro_symbol'],\n ['cloud', 'cloud'],\n ['envelope', 'mail'],\n ['pencil', 'create'],\n ['glass', 'local_bar'],\n ['music', 'music_note'],\n ['search', 'search'],\n ['heart', 'favorite'],\n ['heart-empty', 'favorite_border'],\n ['star', 'star'],\n ['star-empty', 'star_border'],\n ['user', 'person'],\n ['film', 'movie_creation'],\n ['th-large', 'view_comfy'],\n ['th', 'dashboard'],\n ['th-list', 'list'],\n ['ok', 'done'],\n ['remove', 'cancel'],\n ['zoom-in', 'zoom_in'],\n ['zoom-out', 'zoom_out'],\n ['off', 'highlight_off'],\n ['signal', 'signal_cellular_4_bar'],\n ['cog', 'settings'],\n ['trash', 'delete'],\n ['home', 'home'],\n ['file', 'insert_drive_file'],\n ['time', 'access_time'],\n ['road', 'map'],\n ['download-alt', 'file_download'],\n ['download', 'file_download'],\n ['upload', 'file_upload'],\n ['inbox', 'inbox'],\n ['play-circle', 'play_circle_outline'],\n ['repeat', 'refresh'],\n ['refresh', 'sync'],\n ['list-alt', 'event_note'],\n ['lock', 'lock_outline'],\n ['flag', 'assistant_photo'],\n ['headphones', 'headset'],\n ['volume-up', 'volume_up'],\n ['tag', 'local_offer'],\n ['tags', 'local_offer'],\n ['book', 'library_books'],\n ['bookmark', 'collections_bookmark'],\n ['print', 'local_printshop'],\n ['camera', 'local_see'],\n ['list', 'view_list'],\n ['facetime-video', 'video_call'],\n ['picture', 'photo'],\n ['map-marker', 'add_location'],\n ['adjust', 'brightness_4'],\n ['tint', 'invert_colors'],\n ['edit', 'edit'],\n ['share', 'share'],\n ['check', 'assignment_turned_in'],\n ['move', 'open_with'],\n ['play', 'play_arrow'],\n ['eject', 'eject'],\n ['plus-sign', 'add_circle'],\n ['minus-sign', 'remove_circle'],\n ['remove-sign', 'cancel'],\n ['ok-sign', 'check_circle'],\n ['question-sign', 'help'],\n ['info-sign', 'info'],\n ['screenshot', 'flare'],\n ['remove-circle', 'cancel'],\n ['ok-circle', 'add_circle'],\n ['ban-circle', 'block'],\n ['share-alt', 'redo'],\n ['exclamation-sign', 'error'],\n ['gift', 'giftcard'],\n ['leaf', 'spa'],\n ['fire', 'whatshot'],\n ['eye-open', 'remove_red_eye'],\n ['eye-close', 'remove_red_eye'],\n ['warning-sign', 'warning'],\n ['plane', 'airplanemode_active'],\n ['calendar', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['random', 'shuffle'],\n ['comment', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['magnet', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['retweet', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['shopping-cart', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['folder-close', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['folder-open', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['hdd', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['bullhorn', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['bell', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['certificate', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['thumbs-up', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['thumbs-down', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['hand-left', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['globe', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['wrench', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['tasks', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['filter', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['briefcase', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['dashboard', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['paperclip', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['link', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['phone', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['pushpin', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['usd', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['gbp', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['sort', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['flash', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['record', 'radio_button_checked'],\n ['save', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['open', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['saved', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['send', 'send'],\n ['floppy-disk', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['credit-card', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['cutlery', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['earphone', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['phone-alt', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['tower', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['stats', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['cloud-download', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['cloud-upload', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['tree-conifer', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['tree-deciduous', DEFAULT_TASKS_APP_MATERIAL_ICON],\n ['align-left', 'format_align_left']\n ];\n\n constructor() {\n this.initIconsMDL();\n }\n\n mapGlyphiconToMaterialDesignIcons(icon: string) {\n return this.iconsMDL.get(icon) ? this.iconsMDL.get(icon) : DEFAULT_TASKS_APP_MATERIAL_ICON;\n }\n\n /**\n * Map all the bootstrap glyphicon icons with Material design material icon\n */\n initIconsMDL() {\n this.iconsMDL = new Map();\n\n this.supportedIconTypes.forEach((iconType) => {\n this.sharedIconsMap.forEach(([iconKey, iconValue]) => {\n this.iconsMDL.set(`${iconType}-${iconKey}`, iconValue);\n });\n });\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Component, DestroyRef, EventEmitter, inject, Input, OnChanges, OnInit, Output, SimpleChanges, ViewEncapsulation } from '@angular/core';\nimport { ProcessInstanceFilterRepresentation, UserProcessInstanceFilterRepresentation } from '@alfresco/js-api';\nimport { ProcessFilterService } from '../../services/process-filter.service';\nimport { AppsProcessService } from '../../../services/apps-process.service';\nimport { IconModel } from '../../../app-list/icon.model';\nimport { NavigationStart, Router } from '@angular/router';\nimport { filter } from 'rxjs/operators';\nimport { CommonModule, Location } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n selector: 'adf-process-instance-filters',\n imports: [CommonModule, TranslatePipe, MatButtonModule, MatIconModule],\n templateUrl: './process-filters.component.html',\n styleUrls: ['./process-filters.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class ProcessFiltersComponent implements OnInit, OnChanges {\n private readonly processFilterService = inject(ProcessFilterService);\n private readonly appsProcessService = inject(AppsProcessService);\n private readonly router = inject(Router);\n private readonly location = inject(Location);\n\n /**\n * The parameters to filter the task filter. If there is no match then the default one\n * (ie, the first filter in the list) is selected.\n */\n @Input()\n filterParam: UserProcessInstanceFilterRepresentation;\n\n /** Emitted when a filter is being clicked from the UI. */\n @Output()\n filterClicked = new EventEmitter();\n\n /** Emitted when the list of filters has been successfully loaded from the server. */\n @Output()\n success = new EventEmitter();\n\n /** Emitted when an error occurs. */\n @Output()\n error = new EventEmitter();\n\n /** Display filters available to the current user for the application with the specified ID. */\n @Input()\n appId: number;\n\n /** Display filters available to the current user for the application with the specified name. */\n @Input()\n appName: string;\n\n /** Toggle to show or hide the filter's icon. */\n @Input()\n showIcon = true;\n\n /** Emitted when a filter is being selected based on the filterParam input. */\n @Output()\n filterSelected = new EventEmitter();\n\n currentFilter: ProcessInstanceFilterRepresentation;\n\n filters: UserProcessInstanceFilterRepresentation[] = [];\n active = false;\n isProcessRoute: boolean;\n isProcessActive: boolean;\n\n private iconsMDL: IconModel;\n\n private readonly destroyRef = inject(DestroyRef);\n\n ngOnInit() {\n this.iconsMDL = new IconModel();\n this.router.events\n .pipe(\n filter((event) => event instanceof NavigationStart),\n takeUntilDestroyed(this.destroyRef)\n )\n .subscribe((navigationStart: NavigationStart) => {\n const activeRoute = navigationStart.url;\n this.isProcessActive = activeRoute.includes('processes');\n });\n const currentRoute = this.location.path();\n this.isProcessRoute = currentRoute.includes('processes');\n }\n\n ngOnChanges(changes: SimpleChanges) {\n const appId = changes['appId'];\n const appName = changes['appName'];\n const filterParam = changes['filterParam'];\n\n if (appId && (appId.currentValue || appId.currentValue === null)) {\n this.getFiltersByAppId(appId.currentValue);\n } else if (appName?.currentValue) {\n this.getFiltersByAppName(appName.currentValue);\n } else if (filterParam && filterParam.currentValue !== filterParam.previousValue) {\n this.selectProcessFilter(filterParam.currentValue);\n }\n }\n\n isActiveRoute(filterActive: ProcessInstanceFilterRepresentation): boolean {\n return (this.isProcessActive || this.isProcessRoute) && this.currentFilter === filterActive;\n }\n\n /**\n * Return the filter list filtered by appId\n *\n * @param appId - optional\n */\n getFiltersByAppId(appId?: number) {\n this.processFilterService.getProcessFilters(appId).subscribe(\n (res) => {\n if (res.length === 0 && this.isFilterListEmpty()) {\n this.processFilterService.createDefaultFilters(appId).subscribe(\n (resDefault) => {\n this.resetFilter();\n this.filters = resDefault;\n this.selectProcessFilter(this.filterParam);\n this.success.emit(resDefault);\n },\n (errDefault) => {\n this.error.emit(errDefault);\n }\n );\n } else {\n this.resetFilter();\n this.filters = res;\n this.selectProcessFilter(this.filterParam);\n this.success.emit(res);\n }\n },\n (err) => {\n this.error.emit(err);\n }\n );\n }\n\n /**\n * Return the filter list filtered by appName\n *\n * @param appName application name\n */\n getFiltersByAppName(appName: string): void {\n this.appsProcessService.getDeployedApplicationsByName(appName).subscribe(\n (application) => {\n this.getFiltersByAppId(application.id);\n this.selectProcessFilter(this.filterParam);\n },\n (err) => {\n this.error.emit(err);\n }\n );\n }\n\n /**\n * Pass the selected filter as next\n *\n * @param filterModel filter model\n */\n selectFilter(filterModel: ProcessInstanceFilterRepresentation) {\n this.currentFilter = filterModel;\n this.active = true;\n this.filterClicked.emit(filterModel);\n }\n\n /**\n * Select the first filter of a list if present\n *\n * @param filterParam filter parameter\n */\n selectProcessFilter(filterParam: UserProcessInstanceFilterRepresentation): void {\n if (filterParam) {\n const newFilter = this.filters.find(\n (processFilter, index) =>\n filterParam.index === index ||\n filterParam.id === processFilter.id ||\n (filterParam.name && filterParam.name.toLocaleLowerCase() === processFilter.name.toLocaleLowerCase())\n );\n this.currentFilter = newFilter;\n\n if (newFilter) {\n this.filterSelected.emit(newFilter);\n }\n }\n }\n\n /**\n * Select the Running filter\n *\n * @deprecated in 3.9.0, Use the filterParam Input() with a running filter instance instead\n */\n selectRunningFilter() {\n this.selectProcessFilter(this.processFilterService.getRunningFilterInstance(null));\n }\n\n /**\n * Get the current task\n *\n * @returns process instance filter\n */\n getCurrentFilter(): ProcessInstanceFilterRepresentation {\n return this.currentFilter;\n }\n\n /**\n * Check if the filter list is empty\n *\n * @returns `true` if filter list is empty, otherwise `false`\n */\n isFilterListEmpty(): boolean {\n return this.filters === undefined || (this.filters && this.filters.length === 0);\n }\n\n /**\n * Get the material icons equivalent of the glyphicon icon\n *\n * @param icon glyphicon name\n * @returns material icons equivalent of the icon\n */\n getFilterIcon(icon: string): string {\n return this.iconsMDL.mapGlyphiconToMaterialDesignIcons(icon);\n }\n\n /**\n * Reset the filters properties\n */\n private resetFilter() {\n this.filters = [];\n this.currentFilter = undefined;\n }\n}\n","
\n \n {{ getFilterIcon(filter.icon) }}\n {{ filter.name | translate }}\n \n
\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n AppConfigService,\n CardViewBaseItemModel,\n CardViewComponent,\n CardViewDateItemModel,\n CardViewItem,\n CardViewTextItemModel,\n TranslationService\n} from '@alfresco/adf-core';\nimport { Component, Input, OnChanges, inject } from '@angular/core';\nimport { ProcessInstanceRepresentation } from '@alfresco/js-api';\nimport { CommonModule } from '@angular/common';\nimport { MatCardModule } from '@angular/material/card';\n\n@Component({\n selector: 'adf-process-instance-header',\n imports: [CommonModule, MatCardModule, CardViewComponent],\n templateUrl: './process-instance-header.component.html',\n styleUrls: ['./process-instance-header.component.css']\n})\nexport class ProcessInstanceHeaderComponent implements OnChanges {\n private readonly translationService = inject(TranslationService);\n private readonly appConfig = inject(AppConfigService);\n\n /** (**required**) Full details of the process instance to display information about. */\n @Input({ required: true })\n processInstance: ProcessInstanceRepresentation;\n\n properties: CardViewItem[];\n dateFormat: string;\n dateLocale: string;\n\n constructor() {\n this.dateFormat = this.appConfig.get('dateValues.defaultDateFormat');\n this.dateLocale = this.appConfig.get('dateValues.defaultDateLocale');\n }\n\n ngOnChanges() {\n this.refreshData();\n }\n\n refreshData(): void {\n if (this.processInstance) {\n const defaultProperties = this.initDefaultProperties();\n const filteredProperties: string[] = this.appConfig.get('adf-process-instance-header.presets.properties');\n this.properties = defaultProperties.filter((cardItem) => this.isValidSelection(filteredProperties, cardItem));\n }\n }\n\n getProcessStatus(): string {\n if (this.processInstance) {\n return this.isRunning() ? 'Running' : 'Completed';\n }\n return 'Unknown';\n }\n\n getStartedByFullName(): string {\n let fullName = '';\n if (this.processInstance?.startedBy) {\n fullName += this.processInstance.startedBy.firstName || '';\n fullName += fullName ? ' ' : '';\n fullName += this.processInstance.startedBy.lastName || '';\n }\n return fullName;\n }\n\n isRunning(): boolean {\n return this.processInstance && !this.processInstance.ended;\n }\n\n private initDefaultProperties(): any[] {\n return [\n new CardViewTextItemModel({\n label: 'ADF_PROCESS_LIST.PROPERTIES.STATUS',\n value: this.getProcessStatus(),\n key: 'status'\n }),\n new CardViewDateItemModel({\n label: 'ADF_PROCESS_LIST.PROPERTIES.END_DATE',\n value: this.processInstance.ended,\n format: this.dateFormat,\n locale: this.dateLocale,\n key: 'ended',\n default: this.translationService.instant('ADF_PROCESS_LIST.PROPERTIES.END_DATE_DEFAULT')\n }),\n new CardViewTextItemModel({\n label: 'ADF_PROCESS_LIST.PROPERTIES.CATEGORY',\n value: this.processInstance.processDefinitionCategory,\n key: 'category',\n default: this.translationService.instant('ADF_PROCESS_LIST.PROPERTIES.CATEGORY_DEFAULT')\n }),\n new CardViewTextItemModel({\n label: 'ADF_PROCESS_LIST.PROPERTIES.BUSINESS_KEY',\n value: this.processInstance.businessKey,\n key: 'businessKey',\n default: this.translationService.instant('ADF_PROCESS_LIST.PROPERTIES.BUSINESS_KEY_DEFAULT')\n }),\n new CardViewTextItemModel({\n label: 'ADF_PROCESS_LIST.PROPERTIES.CREATED_BY',\n value: this.getStartedByFullName(),\n key: 'createdBy',\n default: this.translationService.instant('ADF_PROCESS_LIST.PROPERTIES.CREATED_BY_DEFAULT')\n }),\n new CardViewDateItemModel({\n label: 'ADF_PROCESS_LIST.PROPERTIES.CREATED',\n value: this.processInstance.started,\n format: this.dateFormat,\n locale: this.dateLocale,\n key: 'created'\n }),\n new CardViewTextItemModel({ label: 'ADF_PROCESS_LIST.PROPERTIES.ID', value: this.processInstance.id, key: 'id' }),\n new CardViewTextItemModel({\n label: 'ADF_PROCESS_LIST.PROPERTIES.DESCRIPTION',\n value: this.processInstance.processDefinitionDescription,\n key: 'description',\n default: this.translationService.instant('ADF_PROCESS_LIST.PROPERTIES.DESCRIPTION_DEFAULT')\n })\n ];\n }\n\n private isValidSelection(filteredProperties: string[], cardItem: CardViewBaseItemModel): boolean {\n return filteredProperties ? filteredProperties.indexOf(cardItem.key) >= 0 : true;\n }\n}\n","\n \n \n \n\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/**\n * This object represent of the Form.\n */\nexport class Form {\n\n id: number;\n name: string;\n\n constructor(id: number, name: string) {\n this.name = name;\n this.id = id;\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { inject, Injectable } from '@angular/core';\nimport { Observable, from, of } from 'rxjs';\nimport { map, catchError, flatMap, filter } from 'rxjs/operators';\nimport { Form } from '../models/form.model';\nimport {\n TaskUpdateRepresentation,\n ModelsApi,\n TaskActionsApi,\n TasksApi,\n ChecklistsApi,\n ResultListDataRepresentationTaskRepresentation,\n TaskQueryRepresentation,\n UserTaskFilterRepresentation,\n TaskRepresentation,\n LazyApi\n} from '@alfresco/js-api';\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class TaskListService {\n protected apiService = inject(AlfrescoApiService);\n\n @LazyApi((self: TaskListService) => new ModelsApi(self.apiService.getInstance()))\n declare readonly modelsApi: ModelsApi;\n\n @LazyApi((self: TaskListService) => new TasksApi(self.apiService.getInstance()))\n declare readonly tasksApi: TasksApi;\n\n @LazyApi((self: TaskListService) => new TaskActionsApi(self.apiService.getInstance()))\n declare readonly taskActionsApi: TaskActionsApi;\n\n @LazyApi((self: TaskListService) => new ChecklistsApi(self.apiService.getInstance()))\n declare readonly checklistsApi: ChecklistsApi;\n\n /**\n * Gets all the filters in the list that belong to a task.\n *\n * @param taskId ID of the target task\n * @param filterList List of filters to search through\n * @returns Filters belonging to the task\n */\n getFilterForTaskById(taskId: string, filterList: UserTaskFilterRepresentation[]): Observable {\n return from(filterList).pipe(\n flatMap((data) => this.isTaskRelatedToFilter(taskId, data)),\n filter((data) => data != null)\n );\n }\n\n /**\n * Checks if a taskId is filtered with the given filter.\n *\n * @param taskId ID of the target task\n * @param filterModel The filter you want to check\n * @returns The filter if it is related or null otherwise\n */\n isTaskRelatedToFilter(taskId: string, filterModel: UserTaskFilterRepresentation): Observable {\n const requestNodeForFilter = new TaskQueryRepresentation({\n appDefinitionId: filterModel.appId,\n assignment: filterModel.filter.assignment,\n state: filterModel.filter.state,\n sort: filterModel.filter.sort\n });\n return from(this.tasksApi.listTasks(requestNodeForFilter)).pipe(\n map((res) => (res.data.find((element) => element.id === taskId) ? filterModel : null))\n );\n }\n\n /**\n * Gets all the tasks matching the supplied query.\n *\n * @param requestNode Query to search for tasks\n * @returns List of tasks\n */\n getTasks(requestNode: TaskQueryRepresentation): Observable {\n return from(this.tasksApi.listTasks(requestNode));\n }\n\n /**\n * Gets tasks matching a query and state value.\n *\n * @param requestNode Query to search for tasks\n * @returns List of tasks\n */\n findTasksByState(requestNode: TaskQueryRepresentation): Observable {\n return this.getTasks(requestNode).pipe(catchError(() => of(new ResultListDataRepresentationTaskRepresentation({ data: [] }))));\n }\n\n /**\n * Gets details for a task.\n *\n * @param taskId ID of the target task.\n * @returns Task details\n */\n getTaskDetails(taskId: string): Observable {\n return from(this.tasksApi.getTask(taskId));\n }\n\n /**\n * Gets the checklist for a task.\n *\n * @param id ID of the target task\n * @returns Array of checklist task details\n */\n getTaskChecklist(id: string): Observable {\n return from(this.checklistsApi.getChecklist(id)).pipe(map((response) => response.data));\n }\n\n /**\n * Gets all available reusable forms.\n *\n * @returns Array of form details\n */\n getFormList(): Observable {\n const opts = {\n filter: 'myReusableForms', // String | filter\n sort: 'modifiedDesc', // String | sort\n modelType: 2 // Integer | modelType\n };\n\n return from(this.modelsApi.getModels(opts)).pipe(map((response) => response.data.map((form) => new Form(form.id, form.name))));\n }\n\n /**\n * Attaches a form to a task.\n *\n * @param taskId ID of the target task\n * @param formId ID of the form to add\n * @returns Null response notifying when the operation is complete\n */\n attachFormToATask(taskId: string, formId: number): Observable {\n return from(this.taskActionsApi.attachForm(taskId, { formId }));\n }\n\n /**\n * Adds a subtask (ie, a checklist task) to a parent task.\n *\n * @param task The task to add\n * @returns The subtask that was added\n */\n addTask(task: TaskRepresentation): Observable {\n return from(this.checklistsApi.addSubtask(task.parentTaskId, task));\n }\n\n /**\n * Deletes a subtask (ie, a checklist task) from a parent task.\n *\n * @param taskId The task to delete\n * @returns Null response notifying when the operation is complete\n */\n deleteTask(taskId: string): Observable {\n return from(this.tasksApi.deleteTask(taskId));\n }\n\n /**\n * Deletes a form from a task.\n *\n * @param taskId Task id related to form\n * @returns Null response notifying when the operation is complete\n */\n deleteForm(taskId: string): Observable {\n return from(this.taskActionsApi.removeForm(taskId));\n }\n\n /**\n * Gives completed status to a task.\n *\n * @param taskId ID of the target task\n * @returns Null response notifying when the operation is complete\n */\n completeTask(taskId: string) {\n return from(this.taskActionsApi.completeTask(taskId));\n }\n\n /**\n * Creates a new standalone task.\n *\n * @param task Details of the new task\n * @returns Details of the newly created task\n */\n createNewTask(task: TaskRepresentation): Observable {\n return from(this.tasksApi.createNewTask(task));\n }\n\n /**\n * Assigns a task to a user or group.\n *\n * @param taskId The task to assign\n * @param requestNode User or group to assign the task to\n * @returns Details of the assigned task\n */\n assignTask(taskId: string, requestNode: any): Observable {\n const assignee = { assignee: requestNode.id };\n return from(this.taskActionsApi.assignTask(taskId, assignee));\n }\n\n /**\n * Assigns a task to a user.\n *\n * @param taskId ID of the task to assign\n * @param userId ID of the user to assign the task to\n * @returns Details of the assigned task\n */\n assignTaskByUserId(taskId: string, userId: string): Observable {\n const assignee = { assignee: userId };\n\n return from(this.taskActionsApi.assignTask(taskId, assignee));\n }\n\n /**\n * Claims a task for the current user.\n *\n * @param taskId ID of the task to claim\n * @returns Details of the claimed task\n */\n claimTask(taskId: string): Observable {\n return from(this.taskActionsApi.claimTask(taskId));\n }\n\n /**\n * Un-claims a task for the current user.\n *\n * @param taskId ID of the task to unclaim\n * @returns Null response notifying when the operation is complete\n */\n unclaimTask(taskId: string): Observable {\n return from(this.taskActionsApi.unclaimTask(taskId));\n }\n\n /**\n * Updates the details (name, description, due date) for a task.\n *\n * @param taskId ID of the task to update\n * @param updated Data to update the task (as a `TaskUpdateRepresentation` instance).\n * @returns Updated task details\n */\n updateTask(taskId: string, updated: TaskUpdateRepresentation): Observable {\n return from(this.tasksApi.updateTask(taskId, updated));\n }\n\n /**\n * Fetches the Task Audit information in PDF format.\n *\n * @param taskId ID of the target task\n * @returns Binary PDF data\n */\n fetchTaskAuditPdfById(taskId: string): Observable {\n return from(this.tasksApi.getTaskAuditPdf(taskId));\n }\n\n /**\n * Fetch the Task Audit information in JSON format\n *\n * @param taskId ID of the target task\n * @returns JSON data\n */\n fetchTaskAuditJsonById(taskId: string): Observable {\n return from(this.tasksApi.getTaskAuditLog(taskId));\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Directive, Input, Output, EventEmitter, HostListener, OnInit, inject } from '@angular/core';\nimport { TaskListService } from '../../services/tasklist.service';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[adf-claim-task]'\n})\nexport class ClaimTaskDirective implements OnInit {\n private readonly taskListService = inject(TaskListService);\n\n /** (Required) The id of the task. */\n @Input()\n taskId: string;\n\n /** Emitted when the task is claimed. */\n @Output()\n success = new EventEmitter();\n\n /** Emitted when the task cannot be claimed. */\n @Output()\n error = new EventEmitter();\n\n invalidParams: string[] = [];\n\n @HostListener('click')\n onClick() {\n try {\n this.claimTask();\n } catch (error) {\n this.error.emit(error);\n }\n }\n\n ngOnInit() {\n this.validateInputs();\n }\n\n validateInputs() {\n if (!this.isTaskValid()) {\n this.invalidParams.push('taskId');\n }\n\n if (this.invalidParams.length) {\n throw new Error(`Attribute ${this.invalidParams.join(', ')} is required`);\n }\n }\n\n isTaskValid(): boolean {\n return this.taskId && this.taskId.length > 0;\n }\n\n private claimTask() {\n this.taskListService.claimTask(this.taskId).subscribe(\n () => {\n this.success.emit(this.taskId);\n },\n (error) => this.error.emit(error)\n );\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Directive, HostListener, Input, Output, EventEmitter, OnInit, inject } from '@angular/core';\nimport { TaskListService } from '../../services/tasklist.service';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[adf-unclaim-task]'\n})\nexport class UnclaimTaskDirective implements OnInit {\n private readonly taskListService = inject(TaskListService);\n\n /** (Required) The id of the task. */\n @Input()\n taskId: string;\n\n /** Emitted when the task is released. */\n @Output()\n success = new EventEmitter();\n\n /** Emitted when the task cannot be released. */\n @Output()\n error = new EventEmitter();\n\n invalidParams: string[] = [];\n\n @HostListener('click')\n onClick() {\n try {\n this.unclaimTask();\n } catch (error) {\n this.error.emit(error);\n }\n }\n\n ngOnInit() {\n this.validateInputs();\n }\n\n validateInputs() {\n if (!this.isTaskValid()) {\n this.invalidParams.push('taskId');\n }\n if (this.invalidParams.length) {\n throw new Error(`Attribute ${this.invalidParams.join(', ')} is required`);\n }\n }\n\n isTaskValid(): boolean {\n return this.taskId && this.taskId.length > 0;\n }\n\n private unclaimTask() {\n this.taskListService.unclaimTask(this.taskId).subscribe(\n () => {\n this.success.emit(this.taskId);\n },\n (error) => this.error.emit(error)\n );\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Injectable, inject } from '@angular/core';\nimport { Observable, from } from 'rxjs';\nimport { GroupModel } from '@alfresco/adf-core';\nimport { map } from 'rxjs/operators';\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\nimport { TaskActionsApi, UsersApi, ActivitiGroupsApi, UserProfileApi, UserRepresentation, LightUserRepresentation, LazyApi } from '@alfresco/js-api';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class PeopleProcessService {\n private readonly apiService = inject(AlfrescoApiService);\n\n @LazyApi((self: PeopleProcessService) => new TaskActionsApi(self.apiService.getInstance()))\n declare readonly taskActionsApi: TaskActionsApi;\n\n @LazyApi((self: PeopleProcessService) => new UsersApi(self.apiService.getInstance()))\n declare readonly userApi: UsersApi;\n\n @LazyApi((self: PeopleProcessService) => new ActivitiGroupsApi(self.apiService.getInstance()))\n declare readonly groupsApi: ActivitiGroupsApi;\n\n @LazyApi((self: PeopleProcessService) => new UserProfileApi(self.apiService.getInstance()))\n declare readonly profileApi: UserProfileApi;\n\n /**\n * Gets information about the current user.\n *\n * @returns User information object\n */\n getCurrentUserInfo(): Observable {\n return from(this.profileApi.getProfile());\n }\n\n /**\n * Gets the current user's profile image as a URL.\n *\n * @returns URL string\n */\n getCurrentUserProfileImage(): string {\n return this.profileApi.getProfilePictureUrl();\n }\n\n /**\n * Gets a list of groups in a workflow.\n *\n * @param filter Filter to select specific groups\n * @param groupId Group ID for the search\n * @returns Array of groups\n */\n getWorkflowGroups(filter: string, groupId?: string): Observable {\n const option: any = { filter };\n if (groupId) {\n option.groupId = groupId;\n }\n return from(this.groupsApi.getGroups(option)).pipe(map((response: any) => response.data || []));\n }\n\n /**\n * Gets information about users across all tasks.\n *\n * @param taskId ID of the task\n * @param searchWord Filter text to search for\n * @param groupId group id\n * @returns Array of user information objects\n */\n getWorkflowUsers(taskId?: string, searchWord?: string, groupId?: number): Observable {\n const option = { excludeTaskId: taskId, filter: searchWord, groupId };\n\n return from(this.userApi.getUsers(option)).pipe(map((response) => response.data || []));\n }\n /**\n * Gets the profile picture URL for the specified user.\n *\n * @param userId The target user\n * @returns Profile picture URL\n */\n getUserImage(userId: string): string {\n return this.userApi.getUserProfilePictureUrl(userId);\n }\n\n /**\n * Sets a user to be involved with a task.\n *\n * @param taskId ID of the target task\n * @param idToInvolve ID of the user to involve\n * @returns Empty response when the update completes\n */\n involveUserWithTask(taskId: string, idToInvolve: string): Observable {\n return from(this.taskActionsApi.involveUser(taskId, { userId: idToInvolve }));\n }\n\n /**\n * Removes a user who is currently involved with a task.\n *\n * @param taskId ID of the target task\n * @param idToRemove ID of the user to remove\n * @returns Empty response when the update completes\n */\n removeInvolvedUser(taskId: string, idToRemove: string): Observable {\n return from(this.taskActionsApi.removeInvolvedUser(taskId, { userId: idToRemove }));\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatButtonModule } from '@angular/material/button';\n\n@Component({\n selector: 'adf-task-standalone',\n imports: [CommonModule, TranslatePipe, MatCardModule, MatButtonModule],\n templateUrl: './task-standalone.component.html',\n styleUrls: ['./task-standalone.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class TaskStandaloneComponent {\n /** Name of the task. */\n @Input()\n taskName: string;\n\n /** Id of the task. */\n @Input()\n taskId: string;\n\n /** If true then Task completed message is shown and `Complete` and `Cancel` buttons are hidden. */\n @Input()\n isCompleted = false;\n\n /** Toggles rendering of the `Complete` button. */\n @Input()\n hasCompletePermission = true;\n\n /** Toggles rendering of the `Cancel` button. */\n @Input()\n hideCancelButton = true;\n\n /** Emitted when the \"Cancel\" button is clicked. */\n @Output()\n cancel = new EventEmitter();\n\n /** Emitted when the form associated with the task is completed. */\n @Output()\n complete = new EventEmitter();\n\n /** Emitted when the form associated with the form task is attached. */\n @Output()\n showAttachForm = new EventEmitter();\n\n onCancelButtonClick(): void {\n this.cancel.emit();\n }\n\n onCompleteButtonClick(): void {\n this.complete.emit();\n }\n\n hasCompleteButton(): boolean {\n return this.hasCompletePermission && !this.isCompleted;\n }\n\n hasCancelButton(): boolean {\n return !this.hideCancelButton && !this.isCompleted;\n }\n\n hasAttachFormButton(): boolean {\n return !this.isCompleted;\n }\n\n onShowAttachForm() {\n this.showAttachForm.emit();\n }\n}\n","\n \n
\n
\n
\n {{'ADF_TASK_LIST.STANDALONE_TASK.NO_FORM_MESSAGE' | translate}}\n
\n \n
\n

{{'ADF_TASK_LIST.STANDALONE_TASK.COMPLETE_TASK_MESSAGE' | translate : {taskName : taskName} }}

\n
\n
\n {{'ADF_TASK_LIST.STANDALONE_TASK.COMPLETE_TASK_SUB_MESSAGE' | translate}}\n
\n \n
\n
\n \n\n \n \n
\n \n \n
\n \n\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\nimport { Injectable, inject } from '@angular/core';\nimport { Observable, from, throwError } from 'rxjs';\nimport { LazyApi, ModelsApi } from '@alfresco/js-api';\nimport { catchError, map } from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ModelService {\n private readonly apiService = inject(AlfrescoApiService);\n\n static UNKNOWN_ERROR_MESSAGE: string = 'Unknown error';\n static GENERIC_ERROR_MESSAGE: string = 'Server error';\n\n @LazyApi((self: ModelService) => new ModelsApi(self.apiService.getInstance()))\n declare readonly modelsApi: ModelsApi;\n\n /**\n * Create a Form.\n *\n * @param formName Name of the new form\n * @returns The new form\n */\n createForm(formName: string): Observable {\n const dataModel = {\n name: formName,\n description: '',\n modelType: 2,\n stencilSet: 0\n };\n\n return from(this.modelsApi.createModel(dataModel));\n }\n\n /**\n * Gets all the forms.\n *\n * @returns List of form models\n */\n getForms(): Observable {\n const opts = {\n modelType: 2\n };\n\n return from(this.modelsApi.getModels(opts)).pipe(\n map(this.toJsonArray),\n catchError((err) => this.handleError(err))\n );\n }\n\n /**\n * Creates a JSON array representation of form data.\n *\n * @param res Object representing form data\n * @returns JSON data\n */\n toJsonArray(res: any) {\n return res?.data || [];\n }\n\n /**\n * Searches for a form by name.\n *\n * @param name The form name to search for\n * @returns Form model(s) matching the search name\n */\n searchFrom(name: string): Observable {\n const opts = {\n modelType: 2\n };\n\n return from(this.modelsApi.getModels(opts)).pipe(\n map((forms) => forms.data.find((formData) => formData.name === name)),\n catchError((err) => this.handleError(err))\n );\n }\n\n /**\n * Gets the form definition with a given name.\n *\n * @param name The form name\n * @returns Form definition\n */\n getFormDefinitionByName(name: string): Observable {\n const opts = {\n filter: 'myReusableForms',\n filterText: name,\n modelType: 2\n };\n\n return from(this.modelsApi.getModels(opts)).pipe(\n map(this.getFormId),\n catchError((err) => this.handleError(err))\n );\n }\n\n /**\n * Gets the ID of a form.\n *\n * @param form Object representing a form\n * @returns ID string\n */\n getFormId(form: any): string {\n let result = null;\n\n if (form?.data?.length > 0) {\n result = form.data[0].id;\n }\n\n return result;\n }\n /**\n * Reports an error message.\n *\n * @param error Data object with optional `message` and `status` fields for the error\n * @returns Error message\n */\n private handleError(error: any): Observable {\n let errMsg = ModelService.UNKNOWN_ERROR_MESSAGE;\n if (error) {\n errMsg = error.message ? error.message : error.status ? `${error.status} - ${error.statusText}` : ModelService.GENERIC_ERROR_MESSAGE;\n }\n return throwError(errMsg);\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Component, Input, OnChanges, ViewEncapsulation, inject } from '@angular/core';\nimport { ModelService } from '../services/model.service';\nimport { CommonModule } from '@angular/common';\nimport { DataColumnComponent, DataColumnListComponent, DataTableComponent } from '@alfresco/adf-core';\n\n@Component({\n selector: 'adf-form-list',\n imports: [CommonModule, DataTableComponent, DataColumnListComponent, DataColumnComponent],\n templateUrl: './form-list.component.html',\n encapsulation: ViewEncapsulation.None\n})\nexport class FormListComponent implements OnChanges {\n protected modelService = inject(ModelService);\n\n /** The array that contains the information to show inside the list. */\n @Input()\n forms: any[] = [];\n\n ngOnChanges() {\n this.getForms();\n }\n\n isEmpty(): boolean {\n return this.forms && this.forms.length === 0;\n }\n\n getForms() {\n this.modelService.getForms().subscribe((forms) => {\n this.forms.push(...forms);\n });\n }\n}\n","\n \n \n \n \n \n\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Component } from '@angular/core';\n\n@Component({\n selector: 'adf-form-custom-outcomes',\n template: ''\n})\nexport class FormCustomOutcomesComponent {}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\nimport { FormModel } from '@alfresco/adf-core';\nimport { EventEmitter, Injectable, inject } from '@angular/core';\nimport { Observable, from } from 'rxjs';\nimport { map, catchError } from 'rxjs/operators';\nimport { CustomModelApi, LazyApi } from '@alfresco/js-api';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class EcmModelService {\n private readonly apiService = inject(AlfrescoApiService);\n\n public static MODEL_NAMESPACE: string = 'activitiForms';\n public static MODEL_NAME: string = 'activitiFormsModel';\n public static TYPE_MODEL: string = 'cm:folder';\n\n error = new EventEmitter();\n\n @LazyApi((self: EcmModelService) => new CustomModelApi(self.apiService.getInstance()))\n declare readonly customModelApi: CustomModelApi;\n\n public createEcmTypeForActivitiForm(formName: string, form: FormModel): Observable {\n return new Observable((observer) => {\n this.searchActivitiEcmModel().subscribe(\n (model) => {\n if (!model) {\n this.createActivitiEcmModel(formName, form).subscribe((typeForm) => {\n observer.next(typeForm);\n observer.complete();\n });\n } else {\n this.saveFomType(formName, form).subscribe((typeForm) => {\n observer.next(typeForm);\n observer.complete();\n });\n }\n },\n (err) => this.handleError(err)\n );\n });\n }\n\n searchActivitiEcmModel() {\n return this.getEcmModels().pipe(\n map((ecmModels: any) => ecmModels.list.entries.find((model) => model.entry.name === EcmModelService.MODEL_NAME))\n );\n }\n\n createActivitiEcmModel(formName: string, form: FormModel): Observable {\n return new Observable((observer) => {\n this.createEcmModel(EcmModelService.MODEL_NAME, EcmModelService.MODEL_NAMESPACE).subscribe(\n () => {\n this.activeEcmModel(EcmModelService.MODEL_NAME).subscribe(\n () => {\n this.createEcmTypeWithProperties(formName, form).subscribe((typeCreated) => {\n observer.next(typeCreated);\n observer.complete();\n });\n },\n (err) => this.handleError(err)\n );\n },\n (err) => this.handleError(err)\n );\n });\n }\n\n saveFomType(formName: string, form: FormModel): Observable {\n return new Observable((observer) => {\n this.searchEcmType(formName, EcmModelService.MODEL_NAME).subscribe(\n (ecmType) => {\n if (!ecmType) {\n this.createEcmTypeWithProperties(formName, form).subscribe((typeCreated) => {\n observer.next(typeCreated);\n observer.complete();\n });\n } else {\n observer.next(ecmType);\n observer.complete();\n }\n },\n (err) => this.handleError(err)\n );\n });\n }\n\n public createEcmTypeWithProperties(formName: string, form: FormModel): Observable {\n return new Observable((observer) => {\n this.createEcmType(formName, EcmModelService.MODEL_NAME, EcmModelService.TYPE_MODEL).subscribe(\n (typeCreated) => {\n this.addPropertyToAType(EcmModelService.MODEL_NAME, formName, form).subscribe(\n () => {\n observer.next(typeCreated);\n observer.complete();\n },\n (err) => this.handleError(err)\n );\n },\n (err) => this.handleError(err)\n );\n });\n }\n\n public searchEcmType(typeName: string, modelName: string): Observable {\n return this.getEcmType(modelName).pipe(\n map((customTypes: any) => customTypes.list.entries.find((type) => type.entry.prefixedName === typeName || type.entry.title === typeName))\n );\n }\n\n public activeEcmModel(modelName: string): Observable {\n return from(this.customModelApi.activateCustomModel(modelName)).pipe(\n map(this.toJson),\n catchError((err) => this.handleError(err))\n );\n }\n\n public createEcmModel(modelName: string, nameSpace: string): Observable {\n return from(this.customModelApi.createCustomModel('DRAFT', '', modelName, modelName, nameSpace)).pipe(\n map(this.toJson),\n catchError((err) => this.handleError(err))\n );\n }\n\n public getEcmModels(): Observable {\n return from(this.customModelApi.getAllCustomModel()).pipe(\n map(this.toJson),\n catchError((err) => this.handleError(err))\n );\n }\n\n public getEcmType(modelName: string): Observable {\n return from(this.customModelApi.getAllCustomType(modelName)).pipe(\n map(this.toJson),\n catchError((err) => this.handleError(err))\n );\n }\n\n public createEcmType(typeName: string, modelName: string, parentType: string): Observable {\n const name = this.cleanNameType(typeName);\n\n return from(this.customModelApi.createCustomType(modelName, name, parentType, typeName, '')).pipe(\n map(this.toJson),\n catchError((err) => this.handleError(err))\n );\n }\n\n public addPropertyToAType(modelName: string, typeName: string, formFields: any) {\n const name = this.cleanNameType(typeName);\n\n const properties = [];\n if (formFields?.values) {\n for (const key in formFields.values) {\n if (key) {\n properties.push({\n name: key,\n title: key,\n description: key,\n dataType: 'd:text',\n multiValued: false,\n mandatory: false,\n mandatoryEnforced: false\n });\n }\n }\n }\n\n return from(this.customModelApi.addPropertyToType(modelName, name, properties)).pipe(\n map(this.toJson),\n catchError((err) => this.handleError(err))\n );\n }\n\n cleanNameType(name: string): string {\n let cleanName = name;\n if (name.indexOf(':') !== -1) {\n cleanName = name.split(':')[1];\n }\n return cleanName.replace(/[^a-zA-Z ]/g, '');\n }\n\n toJson(res: any) {\n return res || {};\n }\n\n private handleError(err: any): any {\n this.error.next(err);\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\nimport { Injectable, inject } from '@angular/core';\nimport { Observable, from, throwError } from 'rxjs';\nimport { FormModelsApi, FormRepresentation, LazyApi } from '@alfresco/js-api';\nimport { catchError, map } from 'rxjs/operators';\nimport { FormDefinitionModel } from '../model/form-definition.model';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class EditorService {\n private readonly apiService = inject(AlfrescoApiService);\n\n static UNKNOWN_ERROR_MESSAGE: string = 'Unknown error';\n static GENERIC_ERROR_MESSAGE: string = 'Server error';\n\n @LazyApi((self: EditorService) => new FormModelsApi(self.apiService.getInstance()))\n declare readonly editorApi: FormModelsApi;\n\n /**\n * Saves a form.\n *\n * @param formId ID of the form to save\n * @param formModel Model data for the form\n * @returns Data for the saved form\n */\n saveForm(formId: number, formModel: FormDefinitionModel): Observable {\n return from(this.editorApi.saveForm(formId, formModel));\n }\n\n /**\n * Gets a form definition.\n *\n * @param formId ID of the target form\n * @returns Form definition\n */\n getFormDefinitionById(formId: number): Observable {\n return from(this.editorApi.getForm(formId)).pipe(\n map(this.toJson),\n catchError((err) => this.handleError(err))\n );\n }\n\n /**\n * Creates a JSON representation of form data.\n *\n * @param res Object representing form data\n * @returns JSON data\n */\n toJson(res: any) {\n if (res) {\n return res || {};\n }\n return {};\n }\n\n /**\n * Reports an error message.\n *\n * @param error Data object with optional `message` and `status` fields for the error\n * @returns Error message\n */\n private handleError(error: any): Observable {\n let errMsg = EditorService.UNKNOWN_ERROR_MESSAGE;\n if (error) {\n errMsg = error.message ? error.message : error.status ? `${error.status} - ${error.statusText}` : EditorService.GENERIC_ERROR_MESSAGE;\n }\n return throwError(errMsg);\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\nimport { Injectable, inject } from '@angular/core';\nimport { Observable, from, throwError } from 'rxjs';\nimport { LazyApi, TaskRepresentation, TasksApi } from '@alfresco/js-api';\nimport { catchError, map } from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class TaskService {\n private readonly apiService = inject(AlfrescoApiService);\n\n static UNKNOWN_ERROR_MESSAGE: string = 'Unknown error';\n static GENERIC_ERROR_MESSAGE: string = 'Server error';\n\n @LazyApi((self: TaskService) => new TasksApi(self.apiService.getInstance()))\n declare readonly taskApi: TasksApi;\n\n /**\n * Gets a task.\n *\n * @param taskId Task Id\n * @returns Task info\n */\n getTask(taskId: string): Observable {\n return from(this.taskApi.getTask(taskId)).pipe(\n map(this.toJson),\n catchError((err) => this.handleError(err))\n );\n }\n\n /**\n * Creates a JSON representation of form data.\n *\n * @param res Object representing form data\n * @returns JSON data\n */\n toJson(res: any) {\n if (res) {\n return res || {};\n }\n return {};\n }\n\n /**\n * Reports an error message.\n *\n * @param error Data object with optional `message` and `status` fields for the error\n * @returns Error message\n */\n private handleError(error: any): Observable {\n let errMsg = TaskService.UNKNOWN_ERROR_MESSAGE;\n if (error) {\n errMsg = error.message ? error.message : error.status ? `${error.status} - ${error.statusText}` : TaskService.GENERIC_ERROR_MESSAGE;\n }\n return throwError(errMsg);\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\nimport { FormFieldOption, FormValues, TaskProcessVariableModel } from '@alfresco/adf-core';\nimport { Injectable, inject } from '@angular/core';\nimport { from, Observable, throwError } from 'rxjs';\nimport { CompleteFormRepresentation, LazyApi, SaveFormRepresentation, TaskFormsApi } from '@alfresco/js-api';\nimport { catchError, map } from 'rxjs/operators';\nimport { DynamicTableColumnOption } from '../widgets/dynamic-table/editors/models/dynamic-table-column-option.model';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class TaskFormService {\n private readonly apiService = inject(AlfrescoApiService);\n\n static UNKNOWN_ERROR_MESSAGE: string = 'Unknown error';\n static GENERIC_ERROR_MESSAGE: string = 'Server error';\n\n @LazyApi((self: TaskFormService) => new TaskFormsApi(self.apiService.getInstance()))\n declare readonly taskFormsApi: TaskFormsApi;\n\n /**\n * Saves a task form.\n *\n * @param taskId Task Id\n * @param formValues Form Values\n * @returns Null response when the operation is complete\n */\n saveTaskForm(taskId: string, formValues: FormValues): Observable {\n const saveFormRepresentation = { values: formValues } as SaveFormRepresentation;\n\n return from(this.taskFormsApi.saveTaskForm(taskId, saveFormRepresentation)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Completes a Task Form.\n *\n * @param taskId Task Id\n * @param formValues Form Values\n * @param outcome Form Outcome\n * @returns Null response when the operation is complete\n */\n completeTaskForm(taskId: string, formValues: FormValues, outcome?: string): Observable {\n const completeFormRepresentation = { values: formValues } as CompleteFormRepresentation;\n if (outcome) {\n completeFormRepresentation.outcome = outcome;\n }\n\n return from(this.taskFormsApi.completeTaskForm(taskId, completeFormRepresentation)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Gets a form related to a task.\n *\n * @param taskId ID of the target task\n * @returns Form definition\n */\n getTaskForm(taskId: string): Observable {\n return from(this.taskFormsApi.getTaskForm(taskId)).pipe(\n map(this.toJson),\n catchError((err) => this.handleError(err))\n );\n }\n\n /**\n * Gets values of fields populated by a REST backend.\n *\n * @param taskId Task identifier\n * @param field Field identifier\n * @returns Field values\n */\n getRestFieldValues(taskId: string, field: string): Observable {\n return from(this.taskFormsApi.getRestFieldValues(taskId, field)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Gets column values of fields populated by a REST backend.\n *\n * @param taskId Task identifier\n * @param field Field identifier\n * @param column Column identifier\n * @returns Field values\n */\n getRestFieldValuesColumn(taskId: string, field: string, column?: string): Observable {\n return from(this.taskFormsApi.getRestFieldColumnValues(taskId, field, column)).pipe(catchError((err) => this.handleError(err)));\n }\n\n getTaskProcessVariable(taskId: string): Observable {\n return from(this.taskFormsApi.getTaskFormVariables(taskId)).pipe(\n map((res) => this.toJson(res)),\n catchError((err) => this.handleError(err))\n );\n }\n\n /**\n * Creates a JSON representation of form data.\n *\n * @param res Object representing form data\n * @returns JSON data\n */\n toJson(res: any) {\n if (res) {\n return res || {};\n }\n return {};\n }\n\n /**\n * Reports an error message.\n *\n * @param error Data object with optional `message` and `status` fields for the error\n * @returns Error message\n */\n private handleError(error: any): Observable {\n let errMsg = TaskFormService.UNKNOWN_ERROR_MESSAGE;\n if (error) {\n errMsg = error.message ? error.message : error.status ? `${error.status} - ${error.statusText}` : TaskFormService.GENERIC_ERROR_MESSAGE;\n }\n return throwError(errMsg);\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FormSaveRepresentation } from '@alfresco/js-api';\n\nexport class FormDefinitionModel extends FormSaveRepresentation {\n reusable: boolean = false;\n newVersion: boolean = false;\n formRepresentation: any;\n formImageBase64: string = '';\n\n constructor(id: string, name: any, lastUpdatedByFullName: string, lastUpdated: string, metadata: any) {\n super();\n this.formRepresentation = {\n id,\n name,\n description: '',\n version: 1,\n lastUpdatedBy: 1,\n lastUpdatedByFullName,\n lastUpdated,\n stencilSetId: 0,\n referenceId: null,\n formDefinition: {\n fields: [{\n name: 'Label',\n type: 'container',\n fieldType: 'ContainerRepresentation',\n numberOfColumns: 2,\n required: false,\n readOnly: false,\n sizeX: 2,\n sizeY: 1,\n row: -1,\n col: -1,\n fields: {1: this.metadataToFields(metadata)}\n }],\n gridsterForm: false,\n javascriptEvents: [],\n metadata: {},\n outcomes: [],\n className: '',\n style: '',\n tabs: [],\n variables: []\n }\n };\n }\n\n private metadataToFields(metadata: any): any[] {\n const fields = [];\n if (metadata) {\n metadata.forEach((property) => {\n if (property) {\n const field = {\n type: 'text',\n id: property.name,\n name: property.name,\n required: false,\n readOnly: false,\n sizeX: 1,\n sizeY: 1,\n row: -1,\n col: -1,\n colspan: 1,\n params: {\n existingColspan: 1,\n maxColspan: 2\n },\n layout: {\n colspan: 1,\n row: -1,\n column: -1\n }\n };\n fields.push(field);\n }\n });\n }\n\n return fields;\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n ChangeDetectorRef,\n Component,\n DestroyRef,\n EventEmitter,\n inject,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n ViewEncapsulation\n} from '@angular/core';\nimport {\n ContentLinkModel,\n FormatSpacePipe,\n FormBaseComponent,\n FormErrorEvent,\n FormEvent,\n FormFieldModel,\n FormModel,\n FormOutcomeEvent,\n FormOutcomeModel,\n FormRendererComponent,\n FormService,\n FormValues,\n TaskProcessVariableModel,\n WidgetVisibilityService\n} from '@alfresco/adf-core';\nimport { from, Observable, of } from 'rxjs';\nimport { switchMap } from 'rxjs/operators';\nimport { EcmModelService } from './services/ecm-model.service';\nimport { ModelService } from './services/model.service';\nimport { EditorService } from './services/editor.service';\nimport { TaskService } from './services/task.service';\nimport { TaskFormService } from './services/task-form.service';\nimport { NodesApiService } from '@alfresco/adf-content-services';\nimport { FormDefinitionModel } from './model/form-definition.model';\nimport { CommonModule } from '@angular/common';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n selector: 'adf-form',\n imports: [CommonModule, MatCardModule, MatButtonModule, MatIconModule, TranslatePipe, FormRendererComponent, FormatSpacePipe],\n templateUrl: './form.component.html',\n styleUrls: ['./form.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class FormComponent extends FormBaseComponent implements OnInit, OnChanges {\n protected formService = inject(FormService);\n protected taskFormService = inject(TaskFormService);\n protected taskService = inject(TaskService);\n protected editorService = inject(EditorService);\n protected modelService = inject(ModelService);\n protected visibilityService = inject(WidgetVisibilityService);\n protected ecmModelService = inject(EcmModelService);\n protected nodeService = inject(NodesApiService);\n private readonly cdRef = inject(ChangeDetectorRef);\n\n /** Task id to fetch corresponding form and values. */\n @Input()\n taskId: string;\n\n /** Content Services node ID for the form metadata. */\n @Input()\n nodeId: string;\n\n /** The id of the form definition to load and display with custom values. */\n @Input()\n formId: number;\n\n /** Name of the form definition to load and display with custom values. */\n @Input()\n formName: string;\n\n /** Toggle saving of form metadata. */\n @Input()\n saveMetadata: boolean = false;\n\n /** Custom form values map to be used with the rendered form. */\n @Input()\n data: FormValues;\n\n /** The form will set a prefixed space for invisible fields. */\n @Input()\n enableFixedSpacedForm: boolean = true;\n\n /** Emitted when the form is submitted with the `Save` or custom outcomes. */\n @Output()\n formSaved = new EventEmitter();\n\n /** Emitted when the form is submitted with the `Complete` outcome. */\n @Output()\n formCompleted = new EventEmitter();\n\n /** Emitted when form content is clicked. */\n @Output()\n formContentClicked = new EventEmitter();\n\n /** Emitted when the form is loaded or reloaded. */\n @Output()\n formLoaded = new EventEmitter();\n\n /** Emitted when form values are refreshed due to a data property change. */\n @Output()\n formDataRefreshed = new EventEmitter();\n\n debugMode: boolean = false;\n\n private readonly destroyRef = inject(DestroyRef);\n\n constructor() {\n super();\n }\n\n ngOnInit() {\n this.formService.formContentClicked.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((content) => this.formContentClicked.emit(content));\n\n this.formService.validateForm.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((validateFormEvent) => {\n if (validateFormEvent.errorsField.length > 0) {\n this.formError.next(validateFormEvent.errorsField);\n this.cdRef.detectChanges();\n }\n });\n }\n\n ngOnChanges(changes: SimpleChanges) {\n const taskId = changes['taskId'];\n if (taskId?.currentValue) {\n this.getFormByTaskId(taskId.currentValue);\n return;\n }\n\n const formId = changes['formId'];\n if (formId?.currentValue) {\n this.getFormDefinitionByFormId(formId.currentValue);\n return;\n }\n\n const formName = changes['formName'];\n if (formName?.currentValue) {\n this.getFormDefinitionByFormName(formName.currentValue);\n return;\n }\n\n const nodeId = changes['nodeId'];\n if (nodeId?.currentValue) {\n this.loadFormForEcmNode(nodeId.currentValue);\n return;\n }\n\n const data = changes['data'];\n if (data?.currentValue) {\n this.refreshFormData();\n return;\n }\n }\n\n /**\n * Invoked when user clicks form refresh button.\n */\n onRefreshClicked() {\n this.loadForm();\n }\n\n loadForm() {\n if (this.taskId) {\n this.getFormByTaskId(this.taskId);\n return;\n }\n\n if (this.formId) {\n this.getFormDefinitionByFormId(this.formId);\n return;\n }\n\n if (this.formName) {\n this.getFormDefinitionByFormName(this.formName);\n return;\n }\n }\n\n findProcessVariablesByTaskId(taskId: string): Observable {\n return this.taskService.getTask(taskId).pipe(\n switchMap((task) => {\n if (this.isAProcessTask(task)) {\n return this.taskFormService.getTaskProcessVariable(taskId);\n } else {\n return of([]);\n }\n })\n );\n }\n\n isAProcessTask(taskRepresentation) {\n return taskRepresentation.processDefinitionId && taskRepresentation.processDefinitionDeploymentId !== 'null';\n }\n\n getFormByTaskId(taskId: string): Promise {\n return new Promise((resolve) => {\n this.findProcessVariablesByTaskId(taskId).subscribe((taskProcessVariables) => {\n this.taskFormService.getTaskForm(taskId).subscribe(\n (form) => {\n const parsedForm = this.parseForm(form);\n this.visibilityService.refreshVisibility(parsedForm, taskProcessVariables);\n parsedForm.validateForm();\n this.form = parsedForm;\n this.onFormLoaded(this.form);\n resolve(this.form);\n },\n (error) => {\n this.handleError(error);\n resolve(null);\n }\n );\n });\n });\n }\n\n getFormDefinitionByFormId(formId: number) {\n this.editorService.getFormDefinitionById(formId).subscribe(\n (form) => {\n this.formName = form.name;\n this.form = this.parseForm(form);\n this.visibilityService.refreshVisibility(this.form);\n this.form.validateForm();\n this.onFormLoaded(this.form);\n },\n (error) => {\n this.handleError(error);\n }\n );\n }\n\n getFormDefinitionByFormName(formName: string) {\n this.modelService.getFormDefinitionByName(formName).subscribe(\n (id) => {\n this.editorService.getFormDefinitionById(id).subscribe(\n (form) => {\n this.form = this.parseForm(form);\n this.visibilityService.refreshVisibility(this.form);\n this.form.validateForm();\n this.onFormLoaded(this.form);\n },\n (error) => {\n this.handleError(error);\n }\n );\n },\n (error) => {\n this.handleError(error);\n }\n );\n }\n\n saveTaskForm() {\n if (this.form?.taskId) {\n this.taskFormService.saveTaskForm(this.form.taskId, this.form.values).subscribe(\n () => {\n this.onTaskSaved(this.form);\n this.storeFormAsMetadata();\n },\n (error) => this.onTaskSavedError(this.form, error)\n );\n }\n }\n\n completeTaskForm(outcome?: string) {\n if (this.form?.taskId) {\n this.taskFormService.completeTaskForm(this.form.taskId, this.form.values, outcome).subscribe(\n () => {\n this.onTaskCompleted(this.form);\n this.storeFormAsMetadata();\n },\n (error) => this.onTaskCompletedError(this.form, error)\n );\n }\n }\n\n handleError(err: any): any {\n this.error.emit(err);\n }\n\n parseForm(formRepresentationJSON: any): FormModel {\n if (formRepresentationJSON) {\n const form = new FormModel(formRepresentationJSON, this.data, this.readOnly, this.formService, this.enableFixedSpacedForm);\n if (!formRepresentationJSON.fields) {\n form.outcomes = this.getFormDefinitionOutcomes(form);\n }\n if (this.fieldValidators?.length > 0) {\n form.fieldValidators = this.fieldValidators;\n }\n return form;\n }\n return null;\n }\n\n /**\n * Get custom set of outcomes for a Form Definition.\n *\n * @param form Form definition model.\n * @returns list of form outcomes\n */\n getFormDefinitionOutcomes(form: FormModel): FormOutcomeModel[] {\n return [new FormOutcomeModel(form, { id: FormModel.SAVE_OUTCOME, name: FormOutcomeModel.SAVE_ACTION, isSystem: true })];\n }\n\n checkVisibility(field: FormFieldModel) {\n if (field?.form) {\n this.visibilityService.refreshVisibility(field.form);\n }\n }\n\n loadFormFromActiviti(nodeType: string): any {\n this.modelService.searchFrom(nodeType).subscribe(\n (form) => {\n if (!form) {\n this.createFormFromANode(nodeType).subscribe((formMetadata) => {\n this.loadFormFromFormId(formMetadata.id);\n });\n } else {\n this.loadFormFromFormId(form.id);\n }\n },\n (error) => {\n this.handleError(error);\n }\n );\n }\n\n /**\n * Creates a Form with a field for each metadata property.\n *\n * @param formName Name of the new form\n * @returns The new form\n */\n createFormFromANode(formName: string): Observable {\n return new Observable((observer) => {\n this.modelService.createForm(formName).subscribe(\n (form) => {\n this.ecmModelService.searchEcmType(formName, EcmModelService.MODEL_NAME).subscribe(\n (customType) => {\n const formDefinitionModel = new FormDefinitionModel(\n form.id,\n form.name,\n form.lastUpdatedByFullName,\n form.lastUpdated,\n customType.entry.properties\n );\n from(this.editorService.saveForm(form.id, formDefinitionModel)).subscribe(\n (formData) => {\n observer.next(formData);\n observer.complete();\n },\n (err) => this.handleError(err)\n );\n },\n (err) => this.handleError(err)\n );\n },\n (err) => this.handleError(err)\n );\n });\n }\n\n protected storeFormAsMetadata() {\n if (this.saveMetadata) {\n this.ecmModelService.createEcmTypeForActivitiForm(this.formName, this.form).subscribe(\n (type) => {\n this.nodeService.createNodeMetadata(\n type.nodeType || type.entry.prefixedName,\n EcmModelService.MODEL_NAMESPACE,\n this.form.values,\n this.path,\n this.nameNode\n );\n },\n (error) => {\n this.handleError(error);\n }\n );\n }\n }\n\n protected onFormLoaded(form: FormModel) {\n this.formLoaded.emit(form);\n this.formService.formLoaded.next(new FormEvent(form));\n }\n\n protected onFormDataRefreshed(form: FormModel) {\n this.formDataRefreshed.emit(form);\n this.formService.formDataRefreshed.next(new FormEvent(form));\n }\n\n protected onTaskSaved(form: FormModel) {\n this.formSaved.emit(form);\n this.formService.taskSaved.next(new FormEvent(form));\n }\n\n protected onTaskSavedError(form: FormModel, error: any) {\n this.handleError(error);\n this.formService.taskSavedError.next(new FormErrorEvent(form, error));\n }\n\n protected onTaskCompleted(form: FormModel) {\n this.formCompleted.emit(form);\n this.formService.taskCompleted.next(new FormEvent(form));\n }\n\n protected onTaskCompletedError(form: FormModel, error: any) {\n this.handleError(error);\n this.formService.taskCompletedError.next(new FormErrorEvent(form, error));\n }\n\n protected onExecuteOutcome(outcome: FormOutcomeModel): boolean {\n const args = new FormOutcomeEvent(outcome);\n\n this.formService.executeOutcome.next(args);\n if (args.defaultPrevented) {\n return false;\n }\n\n this.executeOutcome.emit(args);\n return !args.defaultPrevented;\n }\n\n private refreshFormData() {\n this.form = this.parseForm(this.form.json);\n this.onFormLoaded(this.form);\n this.onFormDataRefreshed(this.form);\n }\n\n private loadFormForEcmNode(nodeId: string): void {\n this.nodeService.getNodeMetadata(nodeId).subscribe((data) => {\n this.data = data.metadata;\n this.loadFormFromActiviti(data.nodeType);\n }, this.handleError);\n }\n\n private loadFormFromFormId(formId: number) {\n this.formId = formId;\n this.loadForm();\n }\n}\n","
\n \n
\n\n
\n \n \n \n

\n
\n check_circle\n \n error\n \n
\n
\n \n
\n \n {{form.taskName}}\n \n {{'FORM.FORM_RENDERER.NAMELESS_TASK' | translate}}\n \n \n

\n \n \n \n \n \n \n \n \n \n \n
\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n Component,\n ElementRef,\n EventEmitter,\n inject,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { FormComponent } from '../form.component';\nimport { ContentLinkModel, FormOutcomeModel, FormRendererComponent } from '@alfresco/adf-core';\nimport { ProcessService } from '../../process-list/services/process.service';\nimport { CommonModule } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n selector: 'adf-start-form',\n imports: [CommonModule, TranslatePipe, MatButtonModule, MatCardModule, FormRendererComponent, MatIconModule],\n templateUrl: './start-form.component.html',\n styleUrls: ['./start-form.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class StartFormComponent extends FormComponent implements OnChanges, OnInit {\n public processService = inject(ProcessService);\n\n /** Definition ID of the process to start, this parameter can not be use in combination with processId */\n @Input()\n processDefinitionId: string;\n\n /** Process ID of the process to start, this parameter can not be use in combination with processDefinitionId */\n @Input()\n processId: string;\n\n /** Should form outcome buttons be shown? */\n @Input()\n showOutcomeButtons: boolean = true;\n\n /** Should the refresh button be shown? */\n @Input()\n showRefreshButton: boolean = true;\n\n /** Is the form read-only (ie, can't be edited)? */\n @Input()\n readOnlyForm: boolean = false;\n\n /** Emitted when the user clicks one of the outcome buttons that completes the form. */\n @Output()\n outcomeClick = new EventEmitter();\n\n /** Emitted when a field of the form is clicked. */\n @Output()\n formContentClicked = new EventEmitter();\n\n @ViewChild('outcomesContainer')\n outcomesContainer: ElementRef = null;\n\n constructor() {\n super();\n this.showTitle = false;\n }\n\n ngOnChanges(changes: SimpleChanges) {\n const processDefinitionId = changes['processDefinitionId'];\n if (processDefinitionId?.currentValue) {\n this.processDefinitionId = processDefinitionId.currentValue;\n this.visibilityService.cleanProcessVariable();\n this.getStartFormDefinition(this.processDefinitionId);\n return;\n }\n\n const data = changes['data'];\n if (data?.currentValue) {\n this.parseRefreshVisibilityValidateForm(this.form.json);\n return;\n }\n\n const processId = changes['processId'];\n if (processId?.currentValue) {\n this.visibilityService.cleanProcessVariable();\n this.loadStartForm(processId.currentValue);\n return;\n }\n }\n\n loadStartForm(processId: string) {\n this.processService.getProcess(processId).subscribe((instance) => {\n this.processService.getStartFormInstance(processId).subscribe(\n (form) => {\n this.formName = form.name;\n if (instance.variables) {\n form.processVariables = instance.variables;\n }\n this.parseRefreshVisibilityValidateForm(form);\n },\n (error) => this.handleError(error)\n );\n });\n }\n\n getStartFormDefinition(processId: string) {\n this.processService.getStartFormDefinition(processId).subscribe(\n (form) => {\n this.formName = form.processDefinitionName;\n this.parseRefreshVisibilityValidateForm(form);\n },\n (error) => this.handleError(error)\n );\n }\n\n parseRefreshVisibilityValidateForm(form) {\n this.form = this.parseForm(form);\n this.visibilityService.refreshVisibility(this.form);\n this.form.validateForm();\n this.form.readOnly = this.readOnlyForm;\n this.onFormLoaded(this.form);\n }\n\n isOutcomeButtonVisible(outcome: FormOutcomeModel, isFormReadOnly: boolean): boolean {\n if (outcome?.isSystem && (outcome.name === FormOutcomeModel.SAVE_ACTION || outcome.name === FormOutcomeModel.COMPLETE_ACTION)) {\n return false;\n } else if (outcome?.name === FormOutcomeModel.START_PROCESS_ACTION) {\n return true;\n }\n return super.isOutcomeButtonVisible(outcome, isFormReadOnly);\n }\n\n saveTaskForm() {\n // do nothing\n }\n\n onRefreshClicked() {\n if (this.processDefinitionId) {\n this.visibilityService.cleanProcessVariable();\n this.getStartFormDefinition(this.processDefinitionId);\n } else if (this.processId) {\n this.visibilityService.cleanProcessVariable();\n this.loadStartForm(this.processId);\n }\n }\n\n completeTaskForm(outcome?: string) {\n this.outcomeClick.emit(outcome);\n }\n}\n","
\n \n \n \n

{{form.taskName}}

\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n
\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { AlfrescoApiService } from '@alfresco/adf-content-services';\nimport { Injectable, inject } from '@angular/core';\nimport {\n ActivitiContentApi,\n RelatedContentRepresentation,\n ResultListDataRepresentationRelatedProcessTask,\n ResultListDataRepresentationRelatedContentRepresentation,\n LazyApi\n} from '@alfresco/js-api';\nimport { Observable, from, throwError } from 'rxjs';\nimport { catchError } from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ProcessContentService {\n private readonly apiService = inject(AlfrescoApiService);\n\n static UNKNOWN_ERROR_MESSAGE: string = 'Unknown error';\n static GENERIC_ERROR_MESSAGE: string = 'Server error';\n\n @LazyApi((self: ProcessContentService) => new ActivitiContentApi(self.apiService.getInstance()))\n declare readonly contentApi: ActivitiContentApi;\n\n /**\n * Create temporary related content from an uploaded file.\n *\n * @param file File to use for content\n * @returns The created content data\n */\n createTemporaryRawRelatedContent(file: any): Observable {\n return from(this.contentApi.createTemporaryRawRelatedContent(file)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Gets the metadata for a related content item.\n *\n * @param contentId ID of the content item\n * @returns Metadata for the content\n */\n getFileContent(contentId: number): Observable {\n return from(this.contentApi.getContent(contentId)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Gets raw binary content data for a related content file.\n *\n * @param contentId ID of the related content\n * @returns Binary data of the related content\n */\n getFileRawContent(contentId: number): Observable {\n return from(this.contentApi.getRawContent(contentId)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Gets the preview for a related content file.\n *\n * @param contentId ID of the related content\n * @returns Binary data of the content preview\n */\n getContentPreview(contentId: number): Observable {\n return new Observable((observer) => {\n this.contentApi.getRawContent(contentId, 'preview').then(\n (result) => {\n observer.next(result);\n observer.complete();\n },\n () => {\n this.contentApi.getRawContent(contentId).then(\n (data) => {\n observer.next(data);\n observer.complete();\n },\n (err) => {\n observer.error(err);\n observer.complete();\n }\n );\n }\n );\n });\n }\n\n /**\n * Gets a URL for direct access to a related content file.\n *\n * @param contentId ID of the related content\n * @returns URL to access the content\n */\n getFileRawContentUrl(contentId: number): string {\n return this.contentApi.getRawContentUrl(contentId);\n }\n\n /**\n * Gets the thumbnail for a related content file.\n *\n * @param contentId ID of the related content\n * @returns Binary data of the thumbnail image\n */\n getContentThumbnail(contentId: number): Observable {\n return from(this.contentApi.getRawContent(contentId, 'thumbnail')).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Gets the preview rendition for a related content file.\n *\n * @param contentId ID of the related content\n * @returns Binary data of the related content\n */\n getContentRenditionTypePreview(contentId: number): Observable {\n return from(this.contentApi.getRawContent(contentId, 'preview')).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Gets related content items for a task instance.\n *\n * @param taskId ID of the target task\n * @param opts Options supported by JS-API\n * @returns Metadata for the content\n */\n getTaskRelatedContent(taskId: string, opts?: any): Observable {\n return from(this.contentApi.getRelatedContentForTask(taskId, opts)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Gets related content items for a process instance.\n *\n * @param processId ID of the target process\n * @param opts Options supported by JS-API\n * @returns Metadata for the content\n */\n getProcessRelatedContent(processId: string, opts?: any): Observable {\n return from(this.contentApi.getRelatedContentForProcessInstance(processId, opts)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Deletes related content.\n *\n * @param contentId Identifier of the content to delete\n * @returns Null response that notifies when the deletion is complete\n */\n deleteRelatedContent(contentId: number): Observable {\n return from(this.contentApi.deleteContent(contentId)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Associates an uploaded file with a process instance.\n *\n * @param processInstanceId ID of the target process instance\n * @param content File to associate\n * @param opts Options supported by JS-API\n * @returns Details of created content\n */\n createProcessRelatedContent(processInstanceId: string, content: any, opts?: any): Observable {\n return from(this.contentApi.createRelatedContentOnProcessInstance(processInstanceId, content, opts)).pipe(\n catchError((err) => this.handleError(err))\n );\n }\n\n /**\n * Associates an uploaded file with a task instance.\n *\n * @param taskId ID of the target task\n * @param file File to associate\n * @param opts Options supported by JS-API\n * @returns Details of created content\n */\n createTaskRelatedContent(taskId: string, file: any, opts?: any): Observable {\n return from(this.contentApi.createRelatedContentOnTask(taskId, file, opts)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Lists processes and tasks on workflow started with provided document\n *\n * @param sourceId - id of the document that workflow or task has been started with\n * @param source - source of the document that workflow or task has been started with\n * @param size - size of the entries to get\n * @param page - page number\n * @returns Promise\n */\n getProcessesAndTasksOnContent(\n sourceId: string,\n source: string,\n size?: number,\n page?: number\n ): Observable {\n return from(this.contentApi.getProcessesAndTasksOnContent(sourceId, source, size, page)).pipe(catchError((err) => this.handleError(err)));\n }\n\n /**\n * Creates a JSON representation of data.\n *\n * @param res Object representing data\n * @returns JSON object\n */\n toJson(res: any) {\n if (res) {\n return res || {};\n }\n return {};\n }\n\n /**\n * Creates a JSON array representation of data.\n *\n * @param res Object representing data\n * @returns JSON array object\n */\n toJsonArray(res: any) {\n if (res) {\n return res.data || [];\n }\n return [];\n }\n\n /**\n * Reports an error message.\n *\n * @param error Data object with optional `message` and `status` fields for the error\n * @returns Callback when an error occurs\n */\n handleError(error: any): Observable {\n let errMsg = ProcessContentService.UNKNOWN_ERROR_MESSAGE;\n if (error) {\n errMsg = error.message\n ? error.message\n : error.status\n ? `${error.status} - ${error.statusText}`\n : ProcessContentService.GENERIC_ERROR_MESSAGE;\n }\n return throwError(errMsg);\n }\n}\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/* eslint-disable @angular-eslint/component-selector */\n\nimport { ThumbnailService, ContentLinkModel, WidgetComponent, ErrorWidgetComponent } from '@alfresco/adf-core';\nimport { Component, ElementRef, inject, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { Observable, from } from 'rxjs';\nimport { ProcessContentService } from '../../services/process-content.service';\nimport { mergeMap, map } from 'rxjs/operators';\nimport { CommonModule } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { MatListModule } from '@angular/material/list';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n selector: 'upload-widget',\n imports: [CommonModule, TranslatePipe, MatListModule, MatButtonModule, MatIconModule, ErrorWidgetComponent],\n templateUrl: './upload.widget.html',\n styleUrls: ['./upload.widget.scss'],\n host: {\n '(click)': 'event($event)',\n '(blur)': 'event($event)',\n '(change)': 'event($event)',\n '(focus)': 'event($event)',\n '(focusin)': 'event($event)',\n '(focusout)': 'event($event)',\n '(input)': 'event($event)',\n '(invalid)': 'event($event)',\n '(select)': 'event($event)'\n },\n encapsulation: ViewEncapsulation.None\n})\nexport class UploadWidgetComponent extends WidgetComponent implements OnInit {\n hasFile: boolean;\n displayText: string;\n multipleOption: string = '';\n mimeTypeIcon: string;\n\n @ViewChild('uploadFiles')\n fileInput: ElementRef;\n\n protected thumbnailService = inject(ThumbnailService);\n protected processContentService = inject(ProcessContentService);\n\n ngOnInit() {\n if (this.field?.value?.length > 0) {\n this.hasFile = true;\n }\n this.getMultipleFileParam();\n }\n\n removeFile(file: any) {\n if (this.field) {\n this.removeElementFromList(file);\n }\n }\n\n onFileChanged(event: any) {\n const files = event.target.files;\n let filesSaved = [];\n\n if (this.field?.json.value) {\n filesSaved = [...this.field.json.value];\n }\n\n if (files && files.length > 0) {\n from(files)\n .pipe(mergeMap((file) => this.uploadRawContent(file)))\n .subscribe(\n (res) => filesSaved.push(res),\n () => {},\n () => {\n this.field.value = filesSaved;\n this.field.json.value = filesSaved;\n this.hasFile = true;\n }\n );\n }\n }\n\n private uploadRawContent(file): Observable {\n return this.processContentService.createTemporaryRawRelatedContent(file).pipe(\n map((response: any) => {\n response.contentBlob = file;\n return response;\n })\n );\n }\n\n getMultipleFileParam() {\n if (this.field?.params?.multiple) {\n this.multipleOption = this.field.params.multiple ? 'multiple' : '';\n }\n }\n\n private removeElementFromList(file: any) {\n const index = this.field.value.indexOf(file);\n\n if (index !== -1) {\n this.field.value.splice(index, 1);\n this.field.json.value = this.field.value;\n this.field.updateForm();\n }\n\n this.hasFile = this.field.value.length > 0;\n\n if (!this.hasFile) {\n this.field.value = null;\n this.field.json.value = null;\n }\n }\n\n getIcon(mimeType: string): string {\n return this.thumbnailService.getMimeTypeIcon(mimeType);\n }\n\n fileClicked(contentLinkModel: any): void {\n const file = new ContentLinkModel(contentLinkModel);\n let fetch = this.processContentService.getContentPreview(file.id);\n if (file.isTypeImage() || file.isTypePdf()) {\n fetch = this.processContentService.getFileRawContent(file.id);\n }\n fetch.subscribe((blob: Blob) => {\n file.contentBlob = blob;\n this.formService.formContentClicked.next(file);\n });\n }\n}\n","
\n
\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { UrlService, ContentLinkModel, FormService, DownloadService } from '@alfresco/adf-core';\nimport { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, ViewEncapsulation, inject } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { ProcessContentService } from '../../services/process-content.service';\nimport { CommonModule } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\n\n@Component({\n selector: 'adf-content',\n imports: [CommonModule, TranslatePipe, MatCardModule, MatIconModule, MatButtonModule],\n templateUrl: './content.widget.html',\n styleUrls: ['./content.widget.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class ContentWidgetComponent implements OnChanges {\n protected formService = inject(FormService);\n private readonly downloadService = inject(DownloadService);\n private readonly urlService = inject(UrlService);\n private readonly processContentService = inject(ProcessContentService);\n\n /** The content id to show. */\n @Input()\n id: string;\n\n /** Toggles showing document content. */\n @Input()\n showDocumentContent: boolean = true;\n\n /** Emitted when the content is clicked. */\n @Output()\n contentClick = new EventEmitter();\n\n /** Emitted when the thumbnail has loaded. */\n @Output()\n thumbnailLoaded: EventEmitter = new EventEmitter();\n\n /** Emitted when the content has loaded. */\n @Output()\n contentLoaded: EventEmitter = new EventEmitter();\n\n /** Emitted when an error occurs. */\n @Output()\n error: EventEmitter = new EventEmitter();\n\n content: ContentLinkModel;\n\n ngOnChanges(changes: SimpleChanges) {\n const contentId = changes['id'];\n if (contentId?.currentValue) {\n this.loadContent(contentId.currentValue);\n }\n }\n\n loadContent(id: number) {\n this.processContentService.getFileContent(id).subscribe(\n (response: ContentLinkModel) => {\n this.content = new ContentLinkModel(response);\n this.contentLoaded.emit(this.content);\n this.loadThumbnailUrl(this.content);\n },\n (error) => {\n this.error.emit(error);\n }\n );\n }\n\n loadThumbnailUrl(content: ContentLinkModel) {\n if (this.content.isThumbnailSupported()) {\n let observable: Observable;\n\n if (this.content.isTypeImage()) {\n observable = this.processContentService.getFileRawContent(content.id);\n } else {\n observable = this.processContentService.getContentThumbnail(content.id);\n }\n\n if (observable) {\n observable.subscribe(\n (response: Blob) => {\n this.content.thumbnailUrl = this.urlService.createTrustedUrl(response);\n this.thumbnailLoaded.emit(this.content.thumbnailUrl);\n },\n (error) => {\n this.error.emit(error);\n }\n );\n }\n }\n }\n\n openViewer(content: ContentLinkModel): void {\n let fetch = this.processContentService.getContentRenditionTypePreview(content.id);\n if (content.isTypeImage() || content.isTypePdf()) {\n fetch = this.processContentService.getFileRawContent(content.id);\n }\n fetch.subscribe(\n (blob: Blob) => {\n content.contentBlob = blob;\n this.contentClick.emit(content);\n this.formService.formContentClicked.next(content);\n },\n (error) => {\n this.error.emit(error);\n }\n );\n }\n\n /**\n * Invoke content download.\n *\n * @param content content link model\n */\n download(content: ContentLinkModel): void {\n this.processContentService.getFileRawContent(content.id).subscribe(\n (blob: Blob) => this.downloadService.downloadBlob(blob, content.name),\n (error) => {\n this.error.emit(error);\n }\n );\n }\n}\n","\n \n
\n \"{{content.name}}\"\n
\n
\n image\n
{{ 'FORM.PREVIEW.IMAGE_NOT_AVAILABLE' | translate }}\n
\n
\n
{{content.name | translate }}
\n \n\n \n \n \n \n\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Component, OnInit, ViewEncapsulation } from '@angular/core';\nimport { WidgetComponent } from '@alfresco/adf-core';\nimport { CommonModule } from '@angular/common';\nimport { ContentWidgetComponent } from './content.widget';\n\n@Component({\n selector: 'adf-form-document-widget',\n imports: [CommonModule, ContentWidgetComponent],\n templateUrl: './document.widget.html',\n host: {\n '(click)': 'event($event)',\n '(blur)': 'event($event)',\n '(change)': 'event($event)',\n '(focus)': 'event($event)',\n '(focusin)': 'event($event)',\n '(focusout)': 'event($event)',\n '(input)': 'event($event)',\n '(invalid)': 'event($event)',\n '(select)': 'event($event)'\n },\n encapsulation: ViewEncapsulation.None\n})\nexport class DocumentWidgetComponent extends WidgetComponent implements OnInit {\n fileId: string = null;\n hasFile: boolean = false;\n\n ngOnInit() {\n if (this.field) {\n const file = this.field.value;\n\n if (file) {\n this.fileId = file.id;\n this.hasFile = true;\n } else {\n this.fileId = null;\n this.hasFile = false;\n }\n }\n }\n}\n","
\n \n \n \n
\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/* eslint-disable @angular-eslint/component-selector */\n\nimport { InitialUsernamePipe, WidgetComponent } from '@alfresco/adf-core';\nimport { Component, ElementRef, EventEmitter, inject, OnInit, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule, UntypedFormControl, FormGroupDirective, NgForm } from '@angular/forms';\nimport { ErrorStateMatcher } from '@angular/material/core';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Observable, of } from 'rxjs';\nimport { catchError, debounceTime, distinctUntilChanged, map, switchMap } from 'rxjs/operators';\nimport { PeopleProcessService } from '../../../services/people-process.service';\nimport { LightUserRepresentation } from '@alfresco/js-api';\nimport { CommonModule } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\n\n@Component({\n selector: 'people-widget',\n imports: [\n CommonModule,\n TranslatePipe,\n MatFormFieldModule,\n MatInputModule,\n MatChipsModule,\n MatIconModule,\n FormsModule,\n ReactiveFormsModule,\n MatAutocompleteModule,\n InitialUsernamePipe\n ],\n templateUrl: './people.widget.html',\n styleUrls: ['./people.widget.scss'],\n host: {\n '(click)': 'event($event)',\n '(blur)': 'event($event)',\n '(change)': 'event($event)',\n '(focus)': 'event($event)',\n '(focusin)': 'event($event)',\n '(focusout)': 'event($event)',\n '(input)': 'event($event)',\n '(invalid)': 'event($event)',\n '(select)': 'event($event)'\n },\n encapsulation: ViewEncapsulation.None\n})\nexport class PeopleWidgetComponent extends WidgetComponent implements OnInit {\n @ViewChild('inputValue', { static: true })\n input: ElementRef;\n\n /** Emitted when a valid user has been highlighted */\n @Output()\n peopleSelected: EventEmitter = new EventEmitter();\n\n selectedUsers: LightUserRepresentation[] = [];\n multiSelect = false;\n groupId: number;\n\n searchTerm = new UntypedFormControl();\n searchTerms$ = this.searchTerm.valueChanges;\n\n users$: Observable = this.searchTerms$.pipe(\n debounceTime(300),\n distinctUntilChanged(),\n switchMap((searchTerm) => {\n if (!searchTerm) {\n return of([]);\n }\n const value = searchTerm.email ? this.getDisplayName(searchTerm) : searchTerm;\n return this.peopleProcessService.getWorkflowUsers(undefined, value, this.groupId).pipe(catchError(() => of([])));\n }),\n map((list) => {\n const value = this.searchTerm.value.email ? this.getDisplayName(this.searchTerm.value) : this.searchTerm.value;\n this.checkUserAndValidateForm(list, value);\n return list;\n })\n );\n public peopleProcessService = inject(PeopleProcessService);\n errorStateMatcher: ErrorStateMatcher;\n\n ngOnInit() {\n this.initErrorStateMatcher();\n if (this.field) {\n if (this.field.value) {\n Array.isArray(this.field.value) ? this.selectedUsers.push(...this.field.value) : this.selectedUsers.push(this.field.value);\n }\n const params = this.field.params;\n if (params?.restrictWithGroup) {\n const restrictWithGroup = params.restrictWithGroup;\n this.groupId = restrictWithGroup.id;\n }\n if (params?.multiple) {\n this.multiSelect = params.multiple;\n this.field.value = this.selectedUsers;\n }\n }\n }\n\n checkUserAndValidateForm(list: LightUserRepresentation[], value: string): void {\n const isValidUser = this.isValidUser(list, value);\n if (isValidUser || value === '') {\n this.field.validationSummary.message = '';\n this.field.validate();\n this.field.form.validateForm();\n } else {\n this.field.validationSummary.message = 'FORM.FIELD.VALIDATOR.INVALID_VALUE';\n this.field.markAsInvalid();\n this.field.form.markAsInvalid();\n }\n }\n\n isValidUser(users: LightUserRepresentation[], name: string): boolean {\n if (users) {\n return !!users.find((user) => this.getDisplayName(user).toLocaleLowerCase() === name.toLocaleLowerCase());\n }\n return false;\n }\n\n getDisplayName(model: LightUserRepresentation) {\n if (model) {\n const displayName = `${model.firstName || ''} ${model.lastName || ''}`;\n return displayName.trim();\n }\n return '';\n }\n\n onRemove(user: LightUserRepresentation) {\n const index = this.selectedUsers.indexOf(user);\n if (index >= 0) {\n this.selectedUsers.splice(index, 1);\n this.field.value = this.selectedUsers;\n }\n }\n\n onItemSelect(user: LightUserRepresentation) {\n if (this.multiSelect) {\n if (!this.isUserAlreadySelected(user)) {\n this.selectedUsers.push(user);\n }\n this.field.value = this.selectedUsers;\n } else {\n this.selectedUsers = [user];\n this.field.value = user;\n }\n\n this.peopleSelected.emit(user?.id || undefined);\n this.input.nativeElement.value = '';\n this.searchTerm.setValue('');\n }\n\n private initErrorStateMatcher(): void {\n this.errorStateMatcher = {\n isErrorState: (_control: UntypedFormControl | null, _form: FormGroupDirective | NgForm | null): boolean =>\n !!this.field.validationSummary?.message || (this.isInvalidFieldRequired() && this.isTouched())\n };\n }\n\n isUserAlreadySelected(user: LightUserRepresentation): boolean {\n if (this.selectedUsers?.length > 0) {\n const result = this.selectedUsers.find((selectedUser) => selectedUser.id === user.id);\n\n return !!result;\n }\n return false;\n }\n}\n","
\n \n \n \n \n {{ getDisplayName(user) }}\n \n \n 0 || field.readOnly\"\n [id]=\"field.id\"\n [formControl]=\"searchTerm\"\n [placeholder]=\"selectedUsers.length > 0 ? '' : field.placeholder\"\n [matAutocomplete]=\"auto\"\n (blur)=\"markAsTouched()\"\n [title]=\"field.tooltip\">\n \n\n \n \n
\n
\n
\n \n
\n {{getDisplayName(user)}}\n
\n \n \n @if (field.validationSummary?.message || (isInvalidFieldRequired() && isTouched())) {\n \n error_outline\n @if (field.validationSummary?.message) {{{ field.validationSummary.message | translate }}} @else {{{ 'FORM.FIELD.REQUIRED' | translate }}}\n \n }\n \n
\n","/*!\n * @license\n * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/* eslint-disable @angular-eslint/component-selector */\n\nimport { Component, ElementRef, inject, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { GroupModel, WidgetComponent } from '@alfresco/adf-core';\nimport { catchError, debounceTime, distinctUntilChanged, switchMap, tap } from 'rxjs/operators';\nimport { merge, of } from 'rxjs';\nimport { ReactiveFormsModule, UntypedFormControl } from '@angular/forms';\nimport { PeopleProcessService } from '../../../services/people-process.service';\nimport { CommonModule } from '@angular/common';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n selector: 'functional-group-widget',\n imports: [\n CommonModule,\n MatFormFieldModule,\n TranslatePipe,\n MatInputModule,\n ReactiveFormsModule,\n MatAutocompleteModule,\n MatChipsModule,\n MatIconModule\n ],\n templateUrl: './functional-group.widget.html',\n styleUrls: ['./functional-group.widget.scss'],\n host: {\n '(click)': 'event($event)',\n '(blur)': 'event($event)',\n '(change)': 'event($event)',\n '(focus)': 'event($event)',\n '(focusin)': 'event($event)',\n '(focusout)': 'event($event)',\n '(input)': 'event($event)',\n '(invalid)': 'event($event)',\n '(select)': 'event($event)'\n },\n encapsulation: ViewEncapsulation.None\n})\nexport class FunctionalGroupWidgetComponent extends WidgetComponent implements OnInit {\n minTermLength: number = 1;\n groupId: string;\n searchTerm = new UntypedFormControl();\n groups$ = merge(this.searchTerm.valueChanges).pipe(\n distinctUntilChanged(),\n tap((search: GroupModel | string) => {\n const isValid = typeof search !== 'string';\n const empty = search === '';\n this.validateGroup(isValid, empty);\n }),\n debounceTime(300),\n switchMap((searchTerm) => {\n if (typeof searchTerm !== 'string' || searchTerm.length < this.minTermLength) {\n return of([]);\n }\n return this.peopleProcessService.getWorkflowGroups(searchTerm, this.groupId).pipe(catchError(() => of([])));\n })\n );\n selectedGroups: GroupModel[] = [];\n multiSelect = false;\n\n @ViewChild('inputValue', { static: true })\n input: ElementRef;\n\n public peopleProcessService = inject(PeopleProcessService);\n public elementRef = inject(ElementRef);\n\n ngOnInit() {\n if (this.field) {\n if (this.field.value) {\n Array.isArray(this.field.value) ? this.selectedGroups.push(...this.field.value) : this.selectedGroups.push(this.field.value);\n }\n if (this.field.readOnly) {\n this.searchTerm.disable();\n }\n\n const params = this.field.params;\n if (params?.restrictWithGroup) {\n const restrictWithGroup = params.restrictWithGroup;\n this.groupId = restrictWithGroup.id;\n }\n if (params?.multiple) {\n this.multiSelect = params.multiple;\n this.field.value = this.selectedGroups;\n }\n\n if (this.field.value?.name) {\n this.searchTerm.setValue(this.field.value.name);\n }\n }\n }\n\n updateOption(option?: GroupModel) {\n if (option) {\n if (this.multiSelect) {\n if (!this.isGroupAlreadySelected(option)) {\n this.field.value = this.selectedGroups;\n } else {\n return;\n }\n } else {\n this.field.value = option;\n }\n this.selectedGroups.push(option);\n } else {\n this.field.value = null;\n }\n\n this.searchTerm.setValue('');\n this.input.nativeElement.value = '';\n this.field.updateForm();\n }\n\n validateGroup(valid: boolean, empty: boolean) {\n const isEmpty = !this.field.required && (empty || valid);\n const hasValue = this.field.required && valid;\n\n if (hasValue || isEmpty) {\n this.field.validationSummary.message = '';\n this.field.validate();\n this.field.form.validateForm();\n } else {\n this.field.validationSummary.message = 'FORM.FIELD.VALIDATOR.INVALID_VALUE';\n this.field.markAsInvalid();\n this.field.form.markAsInvalid();\n }\n }\n\n getDisplayName(model: GroupModel | string) {\n if (model) {\n return typeof model === 'string' ? model : model.name;\n }\n return '';\n }\n\n onRemove(group: GroupModel): void {\n const index = this.selectedGroups.indexOf(group);\n if (index >= 0) {\n this.selectedGroups.splice(index, 1);\n this.field.value = this.selectedGroups;\n }\n }\n\n isGroupAlreadySelected(group: GroupModel): boolean {\n return this.selectedGroups?.some((selectedGroup) => selectedGroup.id === group.id);\n }\n}\n","\n