@alfresco/adf-process-services-cloud 9.2.0-37737973197 → 9.2.0-37849267175

package/fesm2022/adf-process-services-cloud.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, Injectable, InjectionToken, EventEmitter, DestroyRef, Output, Input, ContentChild, Directive, ViewEncapsulation, Component, Injector, NgModule, effect, ViewChild, ChangeDetectorRef, HostListener, ElementRef, Renderer2, signal, ViewContainerRef, ChangeDetectionStrategy, input, output, SecurityContext } from '@angular/core';
 import * as i3 from '@alfresco/adf-core';
-import { AppConfigService, JwtHelperService, OAuth2Service, TranslationService, DataTableSchema, UserPreferencesService, UserPreferenceValues, CustomEmptyContentTemplateDirective, ObjectDataTableAdapter, ColumnsSelectorComponent, MainMenuDataTableTemplateDirective, EmptyContentComponent, NoContentTemplateDirective, LoadingContentTemplateDirective, DataTableComponent, AdfDateFnsAdapter, MOMENT_DATE_FORMATS, AuthenticationService, StorageService, IconModule, DateFnsUtils, ADF_DATE_FORMATS, FullNamePipe, InitialUsernamePipe, FormService, FormModel, FormFieldTypes, ROW_ID_PREFIX, FormBaseComponent, ADF_DISPLAY_TEXT_SETTINGS, WidgetVisibilityService, FormExpressionService, UploadWidgetContentLinkModel, FormEvent, FormOutcomeModel, ConfirmDialogComponent, FormRulesEvent, FormOutcomeEvent, FormRendererComponent, ToolbarDividerComponent, ToolbarComponent, FormatSpacePipe, NotificationService, DownloadService, WidgetComponent, ThumbnailService, ErrorWidgetComponent, LocalizedDatePipe, UploadDirective, ContentLinkModel, ErrorMessageModel, DEFAULT_DATE_FORMAT, FormFieldValueFormatterService, ADF_TYPED_VALUE_FORMATTING_ENABLED, FormFieldEvent, SelectFilterInputComponent, FormRenderingService, DynamicComponentMapper, CardViewUpdateService, ClipboardService, CardViewTextItemModel, CardViewSelectItemModel, CardViewDatetimeItemModel, CardViewDateItemModel, CardViewArrayItemModel, CardViewComponent, CustomLoadingContentTemplateDirective, isOutcomeButtonVisible, FormOutcomeNotFoundError, InplaceFormInputComponent, BaseViewerWidgetComponent, BaseDisplayTextWidgetComponent, ObjectDataColumn, ObjectDataRow, FormBaseModule, provideTranslations } from '@alfresco/adf-core';
+import { AppConfigService, JwtHelperService, OAuth2Service, TranslationService, DataTableSchema, UserPreferencesService, UserPreferenceValues, CustomEmptyContentTemplateDirective, ObjectDataTableAdapter, ColumnsSelectorComponent, MainMenuDataTableTemplateDirective, EmptyContentComponent, NoContentTemplateDirective, LoadingContentTemplateDirective, DataTableComponent, AdfDateFnsAdapter, MOMENT_DATE_FORMATS, AuthenticationService, StorageService, IconModule, DateFnsUtils, ADF_DATE_FORMATS, FullNamePipe, InitialUsernamePipe, FormFieldTypes, FormService, FormModel, ROW_ID_PREFIX, FormBaseComponent, ADF_DISPLAY_TEXT_SETTINGS, WidgetVisibilityService, FormExpressionService, UploadWidgetContentLinkModel, FormEvent, FormOutcomeModel, ConfirmDialogComponent, FormRulesEvent, FormOutcomeEvent, FormRendererComponent, ToolbarDividerComponent, ToolbarComponent, FormatSpacePipe, NotificationService, DownloadService, WidgetComponent, ThumbnailService, ErrorWidgetComponent, LocalizedDatePipe, UploadDirective, ContentLinkModel, getDynamicDateFieldRange, getDateFieldRange, isEmptyFieldValue, getValidationSummaryTranslationParameters, DEFAULT_DATE_FORMAT, FormFieldValueFormatterService, ADF_TYPED_VALUE_FORMATTING_ENABLED, FormFieldEvent, SelectFilterInputComponent, FormRenderingService, DynamicComponentMapper, CardViewUpdateService, ClipboardService, CardViewTextItemModel, CardViewSelectItemModel, CardViewDatetimeItemModel, CardViewDateItemModel, CardViewArrayItemModel, CardViewComponent, CustomLoadingContentTemplateDirective, isOutcomeButtonVisible, FormOutcomeNotFoundError, InplaceFormInputComponent, BaseViewerWidgetComponent, ErrorMessageModel, BaseDisplayTextWidgetComponent, ObjectDataColumn, ObjectDataRow, FormBaseModule, provideTranslations } from '@alfresco/adf-core';
 import { from, EMPTY, isObservable, of, Subject, throwError, BehaviorSubject, combineLatest, defer, merge, asapScheduler, firstValueFrom, forkJoin, catchError as catchError$1 } from 'rxjs';
 import { map, take, switchMap, catchError, distinctUntilChanged, filter, tap, finalize, debounceTime, shareReplay, mergeMap, expand, reduce, mapTo, concatMap } from 'rxjs/operators';
 import { AlfrescoApiService, NodeAction, ContentNodeSelectorComponent, NodesApiService, ContentService, ContentNodeSelectorPanelService, NewVersionUploaderService, NewVersionUploaderDataAction, ContentMetadataComponent, AlfrescoViewerComponent } from '@alfresco/adf-content-services';
@@ -24,7 +24,7 @@ import { ErrorLink } from '@apollo/client/link/error';
 import { CombinedGraphQLErrors, CombinedProtocolErrors } from '@apollo/client/errors';
 import { RetryLink } from '@apollo/client/link/retry';
 import { getMainDefinition } from '@apollo/client/utilities';
-import { add, endOfDay, startOfDay, endOfYear, startOfYear, endOfWeek, startOfWeek, endOfMonth, startOfMonth, endOfQuarter, startOfQuarter, isValid, set, addDays, parseISO, getTime } from 'date-fns';
+import { add, endOfDay, startOfDay, endOfYear, startOfYear, endOfWeek, startOfWeek, endOfMonth, startOfMonth, endOfQuarter, startOfQuarter, isValid, set, getTime } from 'date-fns';
 import * as i2$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import { ActivatedRoute, RouterLink } from '@angular/router';
@@ -7763,6 +7763,179 @@ class TaskVariableCloud {
     }
 }
 
+/*!
+ * @license
+ * Copyright © 2005-2026 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const DEFAULT_OPTION = {
+    id: 'empty',
+    name: 'Choose one...'
+};
+const DEFAULT_VARIABLE_OPTION_ID = 'id';
+const DEFAULT_VARIABLE_OPTION_LABEL = 'name';
+const DEFAULT_VARIABLE_OPTION_PATH = 'data';
+const toDropdownCloudControlValue = (value) => {
+    if (Array.isArray(value)) {
+        return value;
+    }
+    if (value && typeof value === 'object') {
+        return { id: value.id, name: value.name };
+    }
+    if (value === null || value === undefined || value === '') {
+        return null;
+    }
+    return { id: value, name: '' };
+};
+const isDropdownCloudValueInOptions = (value, options) => {
+    const optionIds = new Set(options.map((option) => option.id));
+    if (Array.isArray(value)) {
+        return value.every((valueOption) => optionIds.has(valueOption.id));
+    }
+    if (value && typeof value === 'object') {
+        return optionIds.has(value.id);
+    }
+    return optionIds.has(value);
+};
+const isDropdownCloudValidValue = (value, options) => !!value && isDropdownCloudValueInOptions(value, options);
+const isDropdownCloudRestField = (field) => field?.optionType === 'rest' && !!field?.restUrl;
+const isDropdownCloudLinkedField = (field) => !!field?.rule?.ruleOn;
+const getOptionsFromPath = (data, path, id, label) => {
+    const properties = path.split('.');
+    const currentProperty = properties.shift();
+    if (data === null || typeof data !== 'object' || !Object.hasOwn(data, currentProperty)) {
+        return { options: [], errors: [`${currentProperty} not found in ${JSON.stringify(data)}`] };
+    }
+    const nestedData = data[currentProperty];
+    if (Array.isArray(nestedData)) {
+        const options = nestedData.map((item) => ({ id: item?.[id], name: item?.[label] }));
+        const invalidOptionErrors = options.filter((option) => !option.id || !option.name).map(() => `'id' or 'label' is not properly defined`);
+        return invalidOptionErrors.length ? { options: [], errors: invalidOptionErrors } : { options, errors: [] };
+    }
+    return getOptionsFromPath(nestedData, properties.join('.'), id, label);
+};
+const resolveDropdownCloudVariableOptions = (field, variableConfig = field?.variableConfig) => {
+    const data = field?.form?.resolveVariableValue(variableConfig?.variableName);
+    if (data == null) {
+        return null;
+    }
+    return getOptionsFromPath(data, variableConfig?.optionsPath ?? DEFAULT_VARIABLE_OPTION_PATH, variableConfig?.optionsId ?? DEFAULT_VARIABLE_OPTION_ID, variableConfig?.optionsLabel ?? DEFAULT_VARIABLE_OPTION_LABEL);
+};
+
+/*!
+ * @license
+ * Copyright © 2005-2026 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const defaultValueValidator = (filed) => (control) => {
+    const optionsWithNoDefaultValue = filed.options.filter((dropdownOption) => {
+        const isDefaultValue = dropdownOption.id === DEFAULT_OPTION.id;
+        return !isDefaultValue;
+    });
+    const isSomeOptionSelected = optionsWithNoDefaultValue.some((dropdownOption) => {
+        const isOptionSelected = dropdownOption.id === control.value?.id;
+        return isOptionSelected;
+    });
+    return isSomeOptionSelected ? null : { required: true };
+};
+const getDropdownCloudRequiredValidators = (field, options) => {
+    if (!field.hasEmptyValue) {
+        return [Validators.required];
+    }
+    return [Validators.required, defaultValueValidator(options ? { options } : field)];
+};
+
+/*!
+ * @license
+ * Copyright © 2005-2026 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DropdownCloudFieldValidator {
+    isSupported(field) {
+        return field?.type === FormFieldTypes.DROPDOWN && field.required;
+    }
+    validate(field) {
+        if (!this.isSupported(field) || field.form?.isFieldOrParentHidden(field)) {
+            return true;
+        }
+        if (this.hasMissingSelection(field)) {
+            field.validationSummary.message = 'FORM.FIELD.REQUIRED';
+            return false;
+        }
+        return true;
+    }
+    hasMissingSelection(field) {
+        // REST and linked options load at runtime, so only an empty selection is reported
+        if (isDropdownCloudRestField(field) || isDropdownCloudLinkedField(field)) {
+            const controlValue = toDropdownCloudControlValue(field.value);
+            return !controlValue || (Array.isArray(controlValue) ? !controlValue.length : controlValue.id === DEFAULT_OPTION.id);
+        }
+        let { options, value } = field;
+        if (field.optionType === 'variable') {
+            const variableOptions = resolveDropdownCloudVariableOptions(field);
+            options = variableOptions?.options ?? [];
+            if (variableOptions) {
+                value = isDropdownCloudValidValue(value, options) ? value : '';
+            }
+        }
+        return new FormControl(toDropdownCloudControlValue(value), getDropdownCloudRequiredValidators(field, options)).invalid;
+    }
+}
+
+/*!
+ * @license
+ * Copyright © 2005-2026 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * Field validators for the rules of the cloud widgets. Pass them to a `FormModel` you build yourself.
+ */
+const CLOUD_FORM_FIELD_VALIDATORS = [new DropdownCloudFieldValidator()];
+
 var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -7773,7 +7946,10 @@ const FORM_CLOUD_SERVICE_FIELD_VALIDATORS_TOKEN = new InjectionToken('FORM_CLOUD
 class FormCloudService extends BaseCloudService {
     constructor() {
         super(...arguments);
-        this.fieldValidators = inject(FORM_CLOUD_SERVICE_FIELD_VALIDATORS_TOKEN, { optional: true }) ?? [];
+        this.fieldValidators = [
+            ...CLOUD_FORM_FIELD_VALIDATORS,
+            ...(inject(FORM_CLOUD_SERVICE_FIELD_VALIDATORS_TOKEN, { optional: true }) ?? [])
+        ];
         this.formService = inject(FormService);
         this.runtimeBundleFallbackEnabled$ = resolveTaskRuntimeBundleFallback$(inject(ADF_TASK_RUNTIME_BUNDLE_FALLBACK_ENABLED, { optional: true }));
     }
@@ -8707,7 +8883,10 @@ class FormCloudComponent extends FormBaseComponent {
             (this.data || []).forEach((variable) => {
                 formValues[variable.name] = variable.value;
             });
-            const form = new FormModel(formCloudRepresentationJSON, formValues, this.readOnly, this.formService, undefined, this.fieldValidators);
+            const form = new FormModel(formCloudRepresentationJSON, formValues, this.readOnly, this.formService, undefined, [
+                ...CLOUD_FORM_FIELD_VALIDATORS,
+                ...(this.fieldValidators ?? [])
+            ]);
             if (this.taskId) {
                 form.outcomes = (form.outcomes ?? []).filter((outcome) => outcome.id !== FormModel.START_PROCESS_OUTCOME);
             }
@@ -9679,6 +9858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
  * limitations under the License.
  */
 /* eslint-disable @angular-eslint/component-selector */
+const getDateCloudWidgetRange = (field, today) => field?.dynamicDateRangeSelection ? getDynamicDateFieldRange(field, today) : getDateFieldRange(field);
 class DateCloudWidgetComponent extends WidgetComponent {
     constructor() {
         super(...arguments);
@@ -9687,6 +9867,10 @@ class DateCloudWidgetComponent extends WidgetComponent {
         this.maxDate = null;
         this.startAt = null;
         this.dateInputControl = new FormControl(null);
+        this.translateParameters = {};
+        this.errorStateMatcher = {
+            isErrorState: (control) => !!control?.touched && this.hasValidationError()
+        };
         this.formService = inject(FormService);
         this.destroyRef = inject(DestroyRef);
         this.dateAdapter = inject(DateAdapter);
@@ -9713,13 +9897,13 @@ class DateCloudWidgetComponent extends WidgetComponent {
             this.dateInputControl.setValue(this.field.value, { emitEvent: false });
         }
     }
+    hasValidationError() {
+        return !this.field.isValid && this.field.validationSummary.isActive();
+    }
+    hasRequiredError() {
+        return !!this.field.required && isEmptyFieldValue(this.field.value);
+    }
     updateFormControlState() {
-        if (this.isRequired() && this.field?.isVisible) {
-            this.dateInputControl.addValidators(Validators.required);
-        }
-        else {
-            this.dateInputControl.removeValidators(Validators.required);
-        }
         this.field?.readOnly || this.readOnly
             ? this.dateInputControl.disable({ emitEvent: false })
             : this.dateInputControl.enable({ emitEvent: false });
@@ -9744,48 +9928,9 @@ class DateCloudWidgetComponent extends WidgetComponent {
         return max ? DateFnsUtils.formatDate(max, this.field.dateDisplayFormat).toLocaleUpperCase() : '';
     }
     validateField() {
-        if (this.dateInputControl.invalid) {
-            this.handleErrors(this.dateInputControl.errors);
-            this.field.markAsInvalid();
-        }
-        else {
-            this.resetErrors();
-            this.field.markAsValid();
-        }
-    }
-    handleErrors(errors) {
-        const errorAttributes = new Map();
-        switch (true) {
-            case !!errors.matDatepickerParse: {
-                const format = this.field.dateDisplayFormat || this.field.defaultDateTimeFormat;
-                errorAttributes.set('format', format);
-                this.updateValidationSummary('FORM.FIELD.VALIDATOR.INVALID_DATE_FORMAT', errorAttributes);
-                break;
-            }
-            case !!errors.required:
-                this.updateValidationSummary('FORM.FIELD.REQUIRED');
-                break;
-            case !!errors.matDatepickerMin: {
-                const minValue = DateFnsUtils.formatDate(errors.matDatepickerMin.min, this.field.dateDisplayFormat).toLocaleUpperCase();
-                errorAttributes.set('minValue', minValue);
-                this.updateValidationSummary('FORM.FIELD.VALIDATOR.NOT_LESS_THAN', errorAttributes);
-                break;
-            }
-            case !!errors.matDatepickerMax: {
-                const maxValue = DateFnsUtils.formatDate(errors.matDatepickerMax.max, this.field.dateDisplayFormat).toLocaleUpperCase();
-                errorAttributes.set('maxValue', maxValue);
-                this.updateValidationSummary('FORM.FIELD.VALIDATOR.NOT_GREATER_THAN', errorAttributes);
-                break;
-            }
-            default:
-                break;
-        }
-    }
-    updateValidationSummary(message, attributes) {
-        this.field.validationSummary = new ErrorMessageModel({ message, attributes });
-    }
-    resetErrors() {
-        this.updateValidationSummary('');
+        this.field.inputErrors = this.dateInputControl.hasError('matDatepickerParse') ? { matDatepickerParse: true } : null;
+        this.field.validate();
+        this.translateParameters = getValidationSummaryTranslationParameters(this.field.validationSummary);
     }
     initDateAdapter() {
         if (this.field?.dateDisplayFormat) {
@@ -9799,44 +9944,19 @@ class DateCloudWidgetComponent extends WidgetComponent {
         }
     }
     initRangeSelection() {
+        const { min, max } = getDateCloudWidgetRange(this.field, this.dateAdapter.today());
+        this.minDate = min;
+        this.maxDate = max;
         if (this.field?.dynamicDateRangeSelection) {
-            this.setDynamicRangeSelection();
-        }
-        else {
-            this.setStaticRangeSelection();
-        }
-    }
-    setDynamicRangeSelection() {
-        if (this.field.minDateRangeValue === null) {
-            this.minDate = null;
-            this.field.minValue = null;
-        }
-        else {
-            this.minDate = addDays(this.dateAdapter.today(), this.field.minDateRangeValue);
-            this.field.minValue = DateFnsUtils.formatDate(this.minDate, DEFAULT_DATE_FORMAT);
-        }
-        if (this.field.maxDateRangeValue === null) {
-            this.maxDate = null;
-            this.field.maxValue = null;
-        }
-        else {
-            this.maxDate = addDays(this.dateAdapter.today(), this.field.maxDateRangeValue);
-            this.field.maxValue = DateFnsUtils.formatDate(this.maxDate, DEFAULT_DATE_FORMAT);
-        }
-    }
-    setStaticRangeSelection() {
-        if (this.field?.minValue) {
-            this.minDate = parseISO(this.field.minValue);
-        }
-        if (this.field?.maxValue) {
-            this.maxDate = parseISO(this.field.maxValue);
+            this.field.minValue = min === null ? null : DateFnsUtils.formatDate(min, DEFAULT_DATE_FORMAT);
+            this.field.maxValue = max === null ? null : DateFnsUtils.formatDate(max, DEFAULT_DATE_FORMAT);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DateCloudWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: DateCloudWidgetComponent, isStandalone: true, selector: "date-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, providers: [
             { provide: MAT_DATE_FORMATS, useValue: ADF_DATE_FORMATS },
             { provide: DateAdapter, useClass: AdfDateFnsAdapter }
-        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"{{field.className}}\"\n    id=\"data-widget\"\n    [class.adf-invalid]=\"dateInputControl.invalid && dateInputControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }} ({{field.dateDisplayFormat}})<span\n                class=\"adf-asterisk\"\n                [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\"\n                >*</span\n            ></label\n        >\n    </div>\n    <div class=\"adf-date-widget-container\">\n        <mat-form-field\n            class=\"adf-date-widget adf-form-field-input\"\n            subscriptSizing=\"dynamic\"\n            [class.adf-left-label-input-datepicker]=\"field.leftLabels\"\n        >\n            @if ( (field.name || field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\">\n                    {{field.name | translate }} ({{field.dateDisplayFormat}})\n                </mat-label>\n            }\n            <input\n                matInput\n                class=\"adf-input\"\n                [matDatepicker]=\"datePicker\"\n                [id]=\"field.id\"\n                [formControl]=\"dateInputControl\"\n                [placeholder]=\"field.placeholder\"\n                [required]=\"field.required && field.isVisible\"\n                [min]=\"minDate\"\n                [max]=\"maxDate\"\n                [title]=\"field.tooltip\"\n            />\n            <mat-datepicker-toggle matSuffix [for]=\"datePicker\" [disabled]=\"field.readOnly\" />\n            <mat-datepicker #datePicker [startAt]=\"startAt\" [disabled]=\"field.readOnly\" />\n            @if (dateInputControl.invalid && dateInputControl.touched) {\n                <mat-error class=\"adf-form-field-status-slot\">\n                    <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n                    <span class=\"adf-error-text\"\n                        >@if (dateInputControl.hasError('required')) {{{ 'FORM.FIELD.REQUIRED' | translate }}} @else if (dateInputControl.hasError('matDatepickerParse')) {{{ 'FORM.FIELD.VALIDATOR.INVALID_DATE_FORMAT' | translate: { format: field.dateDisplayFormat || field.defaultDateTimeFormat } }}} @else if (dateInputControl.hasError('matDatepickerMin')) {{{ 'FORM.FIELD.VALIDATOR.NOT_LESS_THAN' | translate: { minValue: formattedMinDate } }}} @else if (dateInputControl.hasError('matDatepickerMax')) {{{ 'FORM.FIELD.VALIDATOR.NOT_GREATER_THAN' | translate: { maxValue: formattedMaxDate } }}}</span>\n                </mat-error>\n            }\n            <mat-hint class=\"adf-form-field-status-slot\" aria-hidden=\"true\" />\n        </mat-form-field>\n    </div>\n</div>\n", styles: [".adf-date-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-widget .adf-label{top:20px}.adf-date-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}.adf-form-field-input .adf-error-icon{font-size:16px;width:16px;height:16px;margin-right:4px;vertical-align:text-bottom}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"{{field.className}}\"\n    id=\"data-widget\"\n    [class.adf-invalid]=\"hasValidationError() && dateInputControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }} ({{field.dateDisplayFormat}})<span\n                class=\"adf-asterisk\"\n                [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\"\n                >*</span\n            ></label\n        >\n    </div>\n    <div class=\"adf-date-widget-container\">\n        <mat-form-field\n            class=\"adf-date-widget adf-form-field-input\"\n            subscriptSizing=\"dynamic\"\n            [class.adf-left-label-input-datepicker]=\"field.leftLabels\"\n        >\n            @if ( (field.name || field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\">\n                    {{field.name | translate }} ({{field.dateDisplayFormat}})\n                </mat-label>\n            }\n            <input\n                matInput\n                class=\"adf-input\"\n                [matDatepicker]=\"datePicker\"\n                [id]=\"field.id\"\n                [formControl]=\"dateInputControl\"\n                [errorStateMatcher]=\"errorStateMatcher\"\n                [placeholder]=\"field.placeholder\"\n                [required]=\"field.required && field.isVisible\"\n                [min]=\"minDate\"\n                [max]=\"maxDate\"\n                [title]=\"field.tooltip\"\n            />\n            <mat-datepicker-toggle matSuffix [for]=\"datePicker\" [disabled]=\"field.readOnly\" />\n            <mat-datepicker #datePicker [startAt]=\"startAt\" [disabled]=\"field.readOnly\" />\n            @if (hasValidationError() && dateInputControl.touched) {\n                <mat-error class=\"adf-form-field-status-slot\">\n                    <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n                    <span class=\"adf-error-text\">@if (hasRequiredError()) {{{ 'FORM.FIELD.REQUIRED' | translate }}} @else {{{ field.validationSummary.message | translate: translateParameters }}}</span>\n                </mat-error>\n            }\n            <mat-hint class=\"adf-form-field-status-slot\" aria-hidden=\"true\" />\n        </mat-form-field>\n    </div>\n</div>\n", styles: [".adf-date-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-widget .adf-label{top:20px}.adf-date-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}.adf-form-field-input .adf-error-icon{font-size:16px;width:16px;height:16px;margin-right:4px;vertical-align:text-bottom}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DateCloudWidgetComponent, decorators: [{
             type: Component,
@@ -9853,7 +9973,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                         '(input)': 'event($event)',
                         '(invalid)': 'event($event)',
                         '(select)': 'event($event)'
-                    }, encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"{{field.className}}\"\n    id=\"data-widget\"\n    [class.adf-invalid]=\"dateInputControl.invalid && dateInputControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }} ({{field.dateDisplayFormat}})<span\n                class=\"adf-asterisk\"\n                [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\"\n                >*</span\n            ></label\n        >\n    </div>\n    <div class=\"adf-date-widget-container\">\n        <mat-form-field\n            class=\"adf-date-widget adf-form-field-input\"\n            subscriptSizing=\"dynamic\"\n            [class.adf-left-label-input-datepicker]=\"field.leftLabels\"\n        >\n            @if ( (field.name || field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\">\n                    {{field.name | translate }} ({{field.dateDisplayFormat}})\n                </mat-label>\n            }\n            <input\n                matInput\n                class=\"adf-input\"\n                [matDatepicker]=\"datePicker\"\n                [id]=\"field.id\"\n                [formControl]=\"dateInputControl\"\n                [placeholder]=\"field.placeholder\"\n                [required]=\"field.required && field.isVisible\"\n                [min]=\"minDate\"\n                [max]=\"maxDate\"\n                [title]=\"field.tooltip\"\n            />\n            <mat-datepicker-toggle matSuffix [for]=\"datePicker\" [disabled]=\"field.readOnly\" />\n            <mat-datepicker #datePicker [startAt]=\"startAt\" [disabled]=\"field.readOnly\" />\n            @if (dateInputControl.invalid && dateInputControl.touched) {\n                <mat-error class=\"adf-form-field-status-slot\">\n                    <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n                    <span class=\"adf-error-text\"\n                        >@if (dateInputControl.hasError('required')) {{{ 'FORM.FIELD.REQUIRED' | translate }}} @else if (dateInputControl.hasError('matDatepickerParse')) {{{ 'FORM.FIELD.VALIDATOR.INVALID_DATE_FORMAT' | translate: { format: field.dateDisplayFormat || field.defaultDateTimeFormat } }}} @else if (dateInputControl.hasError('matDatepickerMin')) {{{ 'FORM.FIELD.VALIDATOR.NOT_LESS_THAN' | translate: { minValue: formattedMinDate } }}} @else if (dateInputControl.hasError('matDatepickerMax')) {{{ 'FORM.FIELD.VALIDATOR.NOT_GREATER_THAN' | translate: { maxValue: formattedMaxDate } }}}</span>\n                </mat-error>\n            }\n            <mat-hint class=\"adf-form-field-status-slot\" aria-hidden=\"true\" />\n        </mat-form-field>\n    </div>\n</div>\n", styles: [".adf-date-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-widget .adf-label{top:20px}.adf-date-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}.adf-form-field-input .adf-error-icon{font-size:16px;width:16px;height:16px;margin-right:4px;vertical-align:text-bottom}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"{{field.className}}\"\n    id=\"data-widget\"\n    [class.adf-invalid]=\"hasValidationError() && dateInputControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    <div *ngIf=\"field.leftLabels\">\n        <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n            >{{field.name | translate }} ({{field.dateDisplayFormat}})<span\n                class=\"adf-asterisk\"\n                [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\"\n                >*</span\n            ></label\n        >\n    </div>\n    <div class=\"adf-date-widget-container\">\n        <mat-form-field\n            class=\"adf-date-widget adf-form-field-input\"\n            subscriptSizing=\"dynamic\"\n            [class.adf-left-label-input-datepicker]=\"field.leftLabels\"\n        >\n            @if ( (field.name || field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\">\n                    {{field.name | translate }} ({{field.dateDisplayFormat}})\n                </mat-label>\n            }\n            <input\n                matInput\n                class=\"adf-input\"\n                [matDatepicker]=\"datePicker\"\n                [id]=\"field.id\"\n                [formControl]=\"dateInputControl\"\n                [errorStateMatcher]=\"errorStateMatcher\"\n                [placeholder]=\"field.placeholder\"\n                [required]=\"field.required && field.isVisible\"\n                [min]=\"minDate\"\n                [max]=\"maxDate\"\n                [title]=\"field.tooltip\"\n            />\n            <mat-datepicker-toggle matSuffix [for]=\"datePicker\" [disabled]=\"field.readOnly\" />\n            <mat-datepicker #datePicker [startAt]=\"startAt\" [disabled]=\"field.readOnly\" />\n            @if (hasValidationError() && dateInputControl.touched) {\n                <mat-error class=\"adf-form-field-status-slot\">\n                    <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n                    <span class=\"adf-error-text\">@if (hasRequiredError()) {{{ 'FORM.FIELD.REQUIRED' | translate }}} @else {{{ field.validationSummary.message | translate: translateParameters }}}</span>\n                </mat-error>\n            }\n            <mat-hint class=\"adf-form-field-status-slot\" aria-hidden=\"true\" />\n        </mat-form-field>\n    </div>\n</div>\n", styles: [".adf-date-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-widget .adf-label{top:20px}.adf-date-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}.adf-form-field-input .adf-error-icon{font-size:16px;width:16px;height:16px;margin-right:4px;vertical-align:text-bottom}\n"] }]
         }] });
 
 /*!
@@ -9907,38 +10027,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const defaultValueValidator = (filed) => (control) => {
-    const optionsWithNoDefaultValue = filed.options.filter((dropdownOption) => {
-        const isDefaultValue = dropdownOption.id === DEFAULT_OPTION.id;
-        return !isDefaultValue;
-    });
-    const isSomeOptionSelected = optionsWithNoDefaultValue.some((dropdownOption) => {
-        const isOptionSelected = dropdownOption.id === control.value?.id;
-        return isOptionSelected;
-    });
-    return isSomeOptionSelected ? null : { required: true };
-};
-
-/*!
- * @license
- * Copyright © 2005-2026 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const DEFAULT_OPTION = {
-    id: 'empty',
-    name: 'Choose one...'
-};
 const HIDE_FILTER_LIMIT = 5;
 const DROPDOWN_CLOUD_WIDGET_SET_VALUE_DEBOUNCE = 100;
 /* eslint-disable @angular-eslint/component-selector */
@@ -9960,20 +10048,17 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
         this.previewState = false;
         this.dropdownControl = new FormControl(undefined);
         this.dropdownErrorStateMatcher = {
-            isErrorState: (control) => (control?.touched && control?.invalid) || (!this.previewState && (this.isRestApiFailed || this.variableOptionsFailed))
+            isErrorState: (control) => (control?.touched && this.hasValidationError()) || (!this.previewState && (this.isRestApiFailed || this.variableOptionsFailed))
         };
         this.list$ = new BehaviorSubject([]);
         this.filter$ = new BehaviorSubject('');
-        this.defaultVariableOptionId = 'id';
-        this.defaultVariableOptionLabel = 'name';
-        this.defaultVariableOptionPath = 'data';
         this.debounceSetValue = new Subject();
     }
     get isReadOnlyType() {
         return this.field.type === 'readonly';
     }
     get isLinkedWidget() {
-        return !!this.linkedWidgetId;
+        return isDropdownCloudLinkedField(this.field);
     }
     get linkedWidgetId() {
         return this.field?.rule?.ruleOn;
@@ -9981,14 +10066,8 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
     get isReadOnlyForm() {
         return !!this.field?.form?.readOnly;
     }
-    get hasRestUrl() {
-        return !!this.field?.restUrl;
-    }
     get isValidRestConfig() {
-        return this.isRestOptionType && this.hasRestUrl;
-    }
-    get isRestOptionType() {
-        return this.field?.optionType === 'rest';
+        return isDropdownCloudRestField(this.field);
     }
     get isVariableOptionType() {
         return this.field?.optionType === 'variable';
@@ -10009,20 +10088,7 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
             e.g. every time if we focusin/focusout etc. we are calling a setValue.
         */
         this.debounceSetValue.pipe(debounceTime(DROPDOWN_CLOUD_WIDGET_SET_VALUE_DEBOUNCE), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
-            let value;
-            if (Array.isArray(this.field.value)) {
-                value = this.field?.value;
-            }
-            else if (this.field?.value && typeof this.field?.value === 'object') {
-                value = { id: this.field?.value.id, name: this.field?.value.name };
-            }
-            else if (this.field.value === null || this.field.value === undefined || this.field.value === '') {
-                value = null;
-            }
-            else {
-                value = { id: this.field?.value, name: '' };
-            }
-            this.dropdownControl.setValue(value, { emitEvent: false });
+            this.applyFieldValueToControl();
         });
         this.setupDropdown();
         /*
@@ -10057,7 +10123,7 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
         if (this.field?.form?.showAllValidationErrors) {
             this.dropdownControl.markAsTouched();
         }
-        this.handleErrors();
+        this.validateField();
     }
     compareDropdownValues(opt1, opt2) {
         if (!opt1 || !opt2) {
@@ -10083,39 +10149,32 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
         this.setPreviewState();
         this.checkFieldOptionsSource();
         this.updateOptions();
-        this.setFormControlValue();
+        this.applyFieldValueToControl();
         this.updateFormControlState();
-        this.handleErrors();
+        this.validateField();
     }
     subscribeToInputChanges() {
         this.dropdownControl.valueChanges
             .pipe(filter(() => !!this.field), takeUntilDestroyed(this.destroyRef))
             .subscribe((value) => {
             this.setOptionValue(value, this.field);
-            this.handleErrors();
+            this.validateField();
             this.selectionChangedForField(this.field);
         });
     }
     setFormControlValue() {
         this.debounceSetValue.next();
     }
+    applyFieldValueToControl() {
+        this.dropdownControl.setValue(toDropdownCloudControlValue(this.field.value), { emitEvent: false });
+    }
+    hasValidationError() {
+        return !this.field?.isValid && !!this.field?.validationSummary?.isActive();
+    }
     updateFormControlState() {
-        this.updateDropdownValidationRules();
         this.updateDropdownReadonlyRules();
         this.dropdownControl.updateValueAndValidity({ emitEvent: false });
     }
-    updateDropdownValidationRules() {
-        this.dropdownControl.setValidators([]);
-        if (!this.field?.isVisible) {
-            return;
-        }
-        if (this.isRequired()) {
-            this.dropdownControl.addValidators([Validators.required]);
-            if (this.field.hasEmptyValue) {
-                this.dropdownControl.addValidators([defaultValueValidator(this.field)]);
-            }
-        }
-    }
     updateDropdownReadonlyRules() {
         if (this.field?.readOnly || this.readOnly) {
             this.dropdownControl.disable({ emitEvent: false });
@@ -10124,16 +10183,8 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
             this.dropdownControl.enable({ emitEvent: false });
         }
     }
-    handleErrors() {
-        if (this.dropdownControl.valid) {
-            this.field.validationSummary = new ErrorMessageModel('');
-            this.field.markAsValid();
-            return;
-        }
-        if (this.dropdownControl.invalid && this.dropdownControl.errors.required) {
-            this.field.validationSummary = new ErrorMessageModel({ message: 'FORM.FIELD.REQUIRED' });
-            this.field.markAsInvalid();
-        }
+    validateField() {
+        this.field.validate();
     }
     initFilter() {
         this.filter$
@@ -10158,58 +10209,20 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
         }
     }
     persistFieldOptionsFromVariable() {
-        const optionsPath = this.field?.variableConfig?.optionsPath ?? this.defaultVariableOptionPath;
-        const variableName = this.field?.variableConfig?.variableName;
-        const dropdownOptions = this.field?.form?.resolveVariableValue(variableName);
-        if (dropdownOptions != null) {
-            const formVariableOptions = this.getOptionsFromPath(dropdownOptions, optionsPath);
-            this.updateOptions(formVariableOptions);
+        const variableOptions = resolveDropdownCloudVariableOptions(this.field);
+        if (variableOptions) {
+            variableOptions.errors.forEach((error) => this.handleError(error));
+            this.variableOptionsFailed = variableOptions.errors.length > 0;
+            this.updateOptions(variableOptions.options);
             this.resetInvalidValue();
             this.field.updateForm();
         }
         else {
-            this.handleError(`${variableName} not found`);
+            this.handleError(`${this.field?.variableConfig?.variableName} not found`);
             this.resetOptions();
             this.variableOptionsFailed = true;
         }
     }
-    getOptionsFromPath(data, path) {
-        const optionsId = this.field?.variableConfig?.optionsId ?? this.defaultVariableOptionId;
-        const optionsLabel = this.field?.variableConfig?.optionsLabel ?? this.defaultVariableOptionLabel;
-        const properties = path.split('.');
-        const currentProperty = properties.shift();
-        if (!Object.prototype.hasOwnProperty.call(data, currentProperty)) {
-            this.handleError(`${currentProperty} not found in ${JSON.stringify(data)}`);
-            this.variableOptionsFailed = true;
-            return [];
-        }
-        const nestedData = data[currentProperty];
-        if (Array.isArray(nestedData)) {
-            return this.getOptionsFromArray(nestedData, optionsId, optionsLabel);
-        }
-        return this.getOptionsFromPath(nestedData, properties.join('.'));
-    }
-    getOptionsFromArray(nestedData, id, label) {
-        const options = nestedData.map((item) => this.createOption(item, id, label));
-        const hasInvalidOption = options.some((option) => !option);
-        if (hasInvalidOption) {
-            this.variableOptionsFailed = true;
-            return [];
-        }
-        this.variableOptionsFailed = false;
-        return options;
-    }
-    createOption(item, id, label) {
-        const option = {
-            id: item[id],
-            name: item[label]
-        };
-        if (!option.id || !option.name) {
-            this.handleError(`'id' or 'label' is not properly defined`);
-            return undefined;
-        }
-        return option;
-    }
     persistFieldOptionsFromRestApi() {
         if (this.isValidRestConfig) {
             this.resetRestApiErrorMessage();
@@ -10299,22 +10312,7 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
         this.field.updateForm();
     }
     isValidValue() {
-        return this.field.value && this.isSelectedValueInOptions();
-    }
-    isSelectedValueInOptions() {
-        if (Array.isArray(this.field.value)) {
-            const optionIdList = [...this.field.options].map((option) => option.id);
-            const fieldValueIds = this.field.value.map((valueOption) => valueOption.id);
-            return fieldValueIds.every((valueOptionId) => optionIdList.includes(valueOptionId));
-        }
-        else {
-            if (this.field?.value && typeof this.field?.value === 'object') {
-                return [...this.field.options].map((option) => option.id).includes(this.field.value.id);
-            }
-            else {
-                return [...this.field.options].map((option) => option.id).includes(this.field.value);
-            }
-        }
+        return isDropdownCloudValidValue(this.field.value, this.field.options);
     }
     hasRuleEntries() {
         return !!this.field.rule.entries.length;
@@ -10386,13 +10384,13 @@ class DropdownCloudWidgetComponent extends WidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DropdownCloudWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: DropdownCloudWidgetComponent, isStandalone: true, selector: "dropdown-cloud-widget", host: { listeners: { "click": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-dropdown-widget {{field.className}}\"\n    [class.adf-invalid]=\"dropdownControl.invalid && dropdownControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    @if(field.leftLabels) {\n        <div>\n            <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n                {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n            </label>\n        </div>\n    }\n    <div class=\"adf-dropdown-widget-container\">\n        <mat-form-field class=\"adf-form-field-input\" subscriptSizing=\"dynamic\">\n            @if ( (field.name || this.field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\">{{ field.name | translate }}</mat-label>\n            }\n            <mat-select\n                class=\"adf-select\"\n                [formControl]=\"dropdownControl\"\n                [id]=\"field.id\"\n                [compareWith]=\"compareDropdownValues\"\n                [title]=\"field.tooltip\"\n                panelClass=\"adf-select-filter\"\n                [multiple]=\"field.hasMultipleValues\"\n                [required]=\"field.required\"\n                [errorStateMatcher]=\"dropdownErrorStateMatcher\"\n                #select\n                (keydown.escape)=\"select.close()\"\n            >\n                @if(showInputFilter) {\n                    <adf-select-filter-input (change)=\"filter$.next($event)\" />\n                }\n\n                @for(opt of (list$ | async); track opt.id) {\n                    <mat-option [value]=\"opt\" [id]=\"opt.id\" [attr.data-automation-id]=\"'adf-dropdown-widget-option-' + opt.id\">\n                        {{opt.name}}\n                    </mat-option>\n                }\n\n                @if(isReadOnlyType) {\n                    <mat-option\n                        [id]=\"'readonlyOption-' + field.id\"\n                        [value]=\"field.value\"\n                    >\n                        {{readOnlyDisplayValue}}\n                    </mat-option>\n                }\n            </mat-select>\n            @if ((dropdownControl.hasError('required') && !isRestApiFailed && !variableOptionsFailed) || (!previewState && !field.readOnly && (isRestApiFailed || variableOptionsFailed))) {\n                <mat-error class=\"adf-form-field-status-slot\">\n                    <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n                    <span class=\"adf-error-text\"\n                        >@if (dropdownControl.hasError('required') && !isRestApiFailed && !variableOptionsFailed) {{{ 'FORM.FIELD.REQUIRED' | translate }}} @else if (isRestApiFailed) {{{ 'FORM.FIELD.REST_API_FAILED' | translate: { hostname: restApiHostName } }}} @else if (variableOptionsFailed) {{{ 'FORM.FIELD.VARIABLE_DROPDOWN_OPTIONS_FAILED' | translate }}}</span>\n                </mat-error>\n            }\n            <mat-hint class=\"adf-form-field-status-slot\" aria-hidden=\"true\" />\n        </mat-form-field>\n    </div>\n</div>\n", styles: [".adf-dropdown-widget{width:100%}.adf-dropdown-widget .adf-select{padding-top:0;width:100%}.adf-dropdown-widget-select{width:100%}.adf-dropdown-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-dropdown-widget-dropdown-required-message .adf-error-container,.adf-dropdown-widget-dropdown-failed-message .adf-error-container{margin-top:1px}.adf-dropdown-widget .mat-mdc-select-arrow-wrapper{height:auto}.adf-form-field-input .adf-error-icon{font-size:16px;width:16px;height:16px;margin-right:4px;vertical-align:text-bottom}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: SelectFilterInputComponent, selector: "adf-select-filter-input", outputs: ["change"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: DropdownCloudWidgetComponent, isStandalone: true, selector: "dropdown-cloud-widget", host: { listeners: { "click": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n    class=\"adf-dropdown-widget {{field.className}}\"\n    [class.adf-invalid]=\"hasValidationError() && dropdownControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    @if(field.leftLabels) {\n        <div>\n            <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n                {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n            </label>\n        </div>\n    }\n    <div class=\"adf-dropdown-widget-container\">\n        <mat-form-field class=\"adf-form-field-input\" subscriptSizing=\"dynamic\">\n            @if ( (field.name || this.field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\">{{ field.name | translate }}</mat-label>\n            }\n            <mat-select\n                class=\"adf-select\"\n                [formControl]=\"dropdownControl\"\n                [id]=\"field.id\"\n                [compareWith]=\"compareDropdownValues\"\n                [title]=\"field.tooltip\"\n                panelClass=\"adf-select-filter\"\n                [multiple]=\"field.hasMultipleValues\"\n                [required]=\"field.required\"\n                [errorStateMatcher]=\"dropdownErrorStateMatcher\"\n                #select\n                (keydown.escape)=\"select.close()\"\n            >\n                @if(showInputFilter) {\n                    <adf-select-filter-input (change)=\"filter$.next($event)\" />\n                }\n\n                @for(opt of (list$ | async); track opt.id) {\n                    <mat-option [value]=\"opt\" [id]=\"opt.id\" [attr.data-automation-id]=\"'adf-dropdown-widget-option-' + opt.id\">\n                        {{opt.name}}\n                    </mat-option>\n                }\n\n                @if(isReadOnlyType) {\n                    <mat-option\n                        [id]=\"'readonlyOption-' + field.id\"\n                        [value]=\"field.value\"\n                    >\n                        {{readOnlyDisplayValue}}\n                    </mat-option>\n                }\n            </mat-select>\n            @if ((hasValidationError() && !isRestApiFailed && !variableOptionsFailed) || (!previewState && !field.readOnly && (isRestApiFailed || variableOptionsFailed))) {\n                <mat-error class=\"adf-form-field-status-slot\">\n                    <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n                    <span class=\"adf-error-text\"\n                        >@if (hasValidationError() && !isRestApiFailed && !variableOptionsFailed) {{{ field.validationSummary.message | translate }}} @else if (isRestApiFailed) {{{ 'FORM.FIELD.REST_API_FAILED' | translate: { hostname: restApiHostName } }}} @else if (variableOptionsFailed) {{{ 'FORM.FIELD.VARIABLE_DROPDOWN_OPTIONS_FAILED' | translate }}}</span>\n                </mat-error>\n            }\n            <mat-hint class=\"adf-form-field-status-slot\" aria-hidden=\"true\" />\n        </mat-form-field>\n    </div>\n</div>\n", styles: [".adf-dropdown-widget{width:100%}.adf-dropdown-widget .adf-select{padding-top:0;width:100%}.adf-dropdown-widget-select{width:100%}.adf-dropdown-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-dropdown-widget-dropdown-required-message .adf-error-container,.adf-dropdown-widget-dropdown-failed-message .adf-error-container{margin-top:1px}.adf-dropdown-widget .mat-mdc-select-arrow-wrapper{height:auto}.adf-form-field-input .adf-error-icon{font-size:16px;width:16px;height:16px;margin-right:4px;vertical-align:text-bottom}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: SelectFilterInputComponent, selector: "adf-select-filter-input", outputs: ["change"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DropdownCloudWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dropdown-cloud-widget', host: {
                         '(click)': 'event($event)'
-                    }, encapsulation: ViewEncapsulation.None, imports: [AsyncPipe, ReactiveFormsModule, MatFormFieldModule, MatSelectModule, TranslatePipe, SelectFilterInputComponent, MatIconModule], template: "<div\n    class=\"adf-dropdown-widget {{field.className}}\"\n    [class.adf-invalid]=\"dropdownControl.invalid && dropdownControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    @if(field.leftLabels) {\n        <div>\n            <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n                {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n            </label>\n        </div>\n    }\n    <div class=\"adf-dropdown-widget-container\">\n        <mat-form-field class=\"adf-form-field-input\" subscriptSizing=\"dynamic\">\n            @if ( (field.name || this.field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\">{{ field.name | translate }}</mat-label>\n            }\n            <mat-select\n                class=\"adf-select\"\n                [formControl]=\"dropdownControl\"\n                [id]=\"field.id\"\n                [compareWith]=\"compareDropdownValues\"\n                [title]=\"field.tooltip\"\n                panelClass=\"adf-select-filter\"\n                [multiple]=\"field.hasMultipleValues\"\n                [required]=\"field.required\"\n                [errorStateMatcher]=\"dropdownErrorStateMatcher\"\n                #select\n                (keydown.escape)=\"select.close()\"\n            >\n                @if(showInputFilter) {\n                    <adf-select-filter-input (change)=\"filter$.next($event)\" />\n                }\n\n                @for(opt of (list$ | async); track opt.id) {\n                    <mat-option [value]=\"opt\" [id]=\"opt.id\" [attr.data-automation-id]=\"'adf-dropdown-widget-option-' + opt.id\">\n                        {{opt.name}}\n                    </mat-option>\n                }\n\n                @if(isReadOnlyType) {\n                    <mat-option\n                        [id]=\"'readonlyOption-' + field.id\"\n                        [value]=\"field.value\"\n                    >\n                        {{readOnlyDisplayValue}}\n                    </mat-option>\n                }\n            </mat-select>\n            @if ((dropdownControl.hasError('required') && !isRestApiFailed && !variableOptionsFailed) || (!previewState && !field.readOnly && (isRestApiFailed || variableOptionsFailed))) {\n                <mat-error class=\"adf-form-field-status-slot\">\n                    <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n                    <span class=\"adf-error-text\"\n                        >@if (dropdownControl.hasError('required') && !isRestApiFailed && !variableOptionsFailed) {{{ 'FORM.FIELD.REQUIRED' | translate }}} @else if (isRestApiFailed) {{{ 'FORM.FIELD.REST_API_FAILED' | translate: { hostname: restApiHostName } }}} @else if (variableOptionsFailed) {{{ 'FORM.FIELD.VARIABLE_DROPDOWN_OPTIONS_FAILED' | translate }}}</span>\n                </mat-error>\n            }\n            <mat-hint class=\"adf-form-field-status-slot\" aria-hidden=\"true\" />\n        </mat-form-field>\n    </div>\n</div>\n", styles: [".adf-dropdown-widget{width:100%}.adf-dropdown-widget .adf-select{padding-top:0;width:100%}.adf-dropdown-widget-select{width:100%}.adf-dropdown-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-dropdown-widget-dropdown-required-message .adf-error-container,.adf-dropdown-widget-dropdown-failed-message .adf-error-container{margin-top:1px}.adf-dropdown-widget .mat-mdc-select-arrow-wrapper{height:auto}.adf-form-field-input .adf-error-icon{font-size:16px;width:16px;height:16px;margin-right:4px;vertical-align:text-bottom}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, imports: [AsyncPipe, ReactiveFormsModule, MatFormFieldModule, MatSelectModule, TranslatePipe, SelectFilterInputComponent, MatIconModule], template: "<div\n    class=\"adf-dropdown-widget {{field.className}}\"\n    [class.adf-invalid]=\"hasValidationError() && dropdownControl.touched\"\n    [class.adf-readonly]=\"field.readOnly\"\n    [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n    @if(field.leftLabels) {\n        <div>\n            <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n                {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n            </label>\n        </div>\n    }\n    <div class=\"adf-dropdown-widget-container\">\n        <mat-form-field class=\"adf-form-field-input\" subscriptSizing=\"dynamic\">\n            @if ( (field.name || this.field?.required) && !field.leftLabels) {\n                <mat-label class=\"adf-label\">{{ field.name | translate }}</mat-label>\n            }\n            <mat-select\n                class=\"adf-select\"\n                [formControl]=\"dropdownControl\"\n                [id]=\"field.id\"\n                [compareWith]=\"compareDropdownValues\"\n                [title]=\"field.tooltip\"\n                panelClass=\"adf-select-filter\"\n                [multiple]=\"field.hasMultipleValues\"\n                [required]=\"field.required\"\n                [errorStateMatcher]=\"dropdownErrorStateMatcher\"\n                #select\n                (keydown.escape)=\"select.close()\"\n            >\n                @if(showInputFilter) {\n                    <adf-select-filter-input (change)=\"filter$.next($event)\" />\n                }\n\n                @for(opt of (list$ | async); track opt.id) {\n                    <mat-option [value]=\"opt\" [id]=\"opt.id\" [attr.data-automation-id]=\"'adf-dropdown-widget-option-' + opt.id\">\n                        {{opt.name}}\n                    </mat-option>\n                }\n\n                @if(isReadOnlyType) {\n                    <mat-option\n                        [id]=\"'readonlyOption-' + field.id\"\n                        [value]=\"field.value\"\n                    >\n                        {{readOnlyDisplayValue}}\n                    </mat-option>\n                }\n            </mat-select>\n            @if ((hasValidationError() && !isRestApiFailed && !variableOptionsFailed) || (!previewState && !field.readOnly && (isRestApiFailed || variableOptionsFailed))) {\n                <mat-error class=\"adf-form-field-status-slot\">\n                    <mat-icon class=\"adf-error-icon\">error_outline</mat-icon>\n                    <span class=\"adf-error-text\"\n                        >@if (hasValidationError() && !isRestApiFailed && !variableOptionsFailed) {{{ field.validationSummary.message | translate }}} @else if (isRestApiFailed) {{{ 'FORM.FIELD.REST_API_FAILED' | translate: { hostname: restApiHostName } }}} @else if (variableOptionsFailed) {{{ 'FORM.FIELD.VARIABLE_DROPDOWN_OPTIONS_FAILED' | translate }}}</span>\n                </mat-error>\n            }\n            <mat-hint class=\"adf-form-field-status-slot\" aria-hidden=\"true\" />\n        </mat-form-field>\n    </div>\n</div>\n", styles: [".adf-dropdown-widget{width:100%}.adf-dropdown-widget .adf-select{padding-top:0;width:100%}.adf-dropdown-widget-select{width:100%}.adf-dropdown-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-dropdown-widget-dropdown-required-message .adf-error-container,.adf-dropdown-widget-dropdown-failed-message .adf-error-container{margin-top:1px}.adf-dropdown-widget .mat-mdc-select-arrow-wrapper{height:auto}.adf-form-field-input .adf-error-icon{font-size:16px;width:16px;height:16px;margin-right:4px;vertical-align:text-bottom}\n"] }]
         }] });
 
 /*!
@@ -15063,8 +15061,7 @@ class GroupCloudWidgetComponent extends WidgetComponent {
         this.search.statusChanges
             .pipe(filter((value) => value === 'INVALID'), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
-            this.field.markAsInvalid();
-            this.field.form.markAsInvalid();
+            this.field.form.markFieldAsInvalid(this.field);
         });
         this.search.statusChanges
             .pipe(filter((value) => value === 'VALID'), takeUntilDestroyed(this.destroyRef))
@@ -15148,8 +15145,7 @@ class PeopleCloudWidgetComponent extends WidgetComponent {
         this.search.statusChanges
             .pipe(filter((value) => value === 'INVALID'), takeUntilDestroyed(this.destroyRef))
             .subscribe(() => {
-            this.field.markAsInvalid();
-            this.field.form.markAsInvalid();
+            this.field.form.markFieldAsInvalid(this.field);
         });
         this.search.statusChanges
             .pipe(filter((value) => value === 'VALID'), takeUntilDestroyed(this.destroyRef))
@@ -17161,5 +17157,5 @@ const DATE_FORMAT_CLOUD = 'YYYY-MM-DD';
  * Generated bundle index. Do not edit.
  */
 
-export { ADF_FORM_TAB_NAV_ENABLED, ADF_TASK_RUNTIME_BUNDLE_FALLBACK_ENABLED, APP_CUSTOM_SCREEN_TOKEN, ApplicationVersionModel, ApplicationVersionResponseModel, AppsProcessCloudService, AssignmentType, AttachFileCloudWidgetComponent, BaseCloudService, CloudFormRenderingService, ContentCloudNodeSelectorService, DATE_FORMAT_CLOUD, DEFAULT_OPTION, DEFAULT_TASK_PRIORITIES, DROPDOWN_CLOUD_WIDGET_SET_VALUE_DEBOUNCE, DateCloudFilterType, DateCloudWidgetComponent, DateRangeFilterService, DescriptorCustomUIAuthFlowType, DisplayModeService, DisplayRichTextWidgetComponent, DropdownCloudWidgetComponent, EditProcessFilterCloudComponent, EditServiceTaskFilterCloudComponent, EditTaskFilterCloudComponent, FORM_CLOUD_DIRECTIVES, FORM_CLOUD_FIELD_VALIDATORS_TOKEN, FORM_CLOUD_SERVICE_FIELD_VALIDATORS_TOKEN, FilePropertiesTableCloudComponent, FileViewerWidgetComponent, FilterCounterEntityType, FilterCountersCloudService, FormCloudComponent, FormCloudDisplayMode, FormCloudModule, FormCloudService, FormCustomOutcomesComponent, FormFieldType, FormSpinnerComponent, GroupCloudComponent, GroupCloudModule, GroupCloudWidgetComponent, HIDE_FILTER_LIMIT, IdentityGroupService, IdentityUserService, LocalPreferenceCloudService, NotificationCloudService, PROCESS_CLOUD_DIRECTIVES, PROCESS_FILTERS_CLOUD_DIRECTIVES, PROCESS_FILTERS_SERVICE_TOKEN, PROCESS_FILTER_ACTION_DELETE, PROCESS_FILTER_ACTION_RESTORE, PROCESS_FILTER_ACTION_SAVE, PROCESS_FILTER_ACTION_SAVE_AS, PROCESS_FILTER_ACTION_SAVE_DEFAULT, PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN, PROCESS_SERVICES_CLOUD_DIRECTIVES, PeopleCloudComponent, PeopleCloudModule, PeopleCloudWidgetComponent, PeopleModeOptions, ProcessCloudContentService, ProcessCloudModule, ProcessCloudService, ProcessDefinitionCloud, ProcessFilterCloudAdapter, ProcessFilterCloudModel, ProcessFilterCloudService, ProcessFilterDialogCloudComponent, ProcessFiltersCloudComponent, ProcessFiltersCloudModule, ProcessHeaderCloudComponent, ProcessHeaderCloudModule, ProcessListCloudComponent, ProcessListCloudModule, ProcessListCloudPreferences, ProcessListCloudService, ProcessListCloudSortingModel, ProcessListRequestModel, ProcessListRequestSortingModel, ProcessPayloadCloud, ProcessQueryCloudRequestModel, ProcessServicesCloudModule, ProcessTaskListCloudService, PropertiesViewerWidgetComponent, PropertiesViewerWrapperComponent, RICH_TEXT_PARSER_TOKEN, RadioButtonsCloudWidgetComponent, ScreenRenderingService, ServiceTaskFilterCloudService, ServiceTaskFiltersCloudComponent, ServiceTaskListCloudComponent, ServiceTaskListCloudService, StartProcessCloudComponent, StartProcessCloudService, StartProcessScreenCloudComponent, StartTaskCloudRequestModel, TASK_ASSIGNED_STATE, TASK_CANCELLED_STATE, TASK_CLAIM_PERMISSION, TASK_COMPLETED_STATE, TASK_CREATED_STATE, TASK_FILTERS_CLOUD_DIRECTIVES, TASK_FILTERS_SERVICE_TOKEN, TASK_FORM_CLOUD_DIRECTIVES, TASK_LIST_CLOUD_DIRECTIVES, TASK_LIST_CLOUD_TOKEN, TASK_LIST_PREFERENCES_SERVICE_TOKEN, TASK_RELEASE_PERMISSION, TASK_SUSPENDED_STATE, TASK_UPDATE_PERMISSION, TASK_VIEW_PERMISSION, TaskAssignmentFilterCloudComponent, TaskCloudEntryModel, TaskCloudModule, TaskCloudNodePaging, TaskCloudPagingList, TaskCloudService, TaskFilterCloudAdapter, TaskFilterCloudModel, TaskFilterCloudService, TaskFilterDialogCloudComponent, TaskFiltersCloudComponent, TaskFiltersCloudModule, TaskFormCloudComponent, TaskFormModule, TaskHeaderCloudComponent, TaskHeaderCloudModule, TaskListCloudComponent, TaskListCloudModule, TaskListCloudService, TaskListCloudSortingModel, TaskListRequestModel, TaskListRequestSortingModel, TaskQueryCloudRequestModel, TaskStatusFilter, TaskVariableCloud, UploadCloudWidgetComponent, UserPreferenceCloudService, UserTaskCloudButtonsComponent, UserTaskCloudComponent, VariableMapperService, WebSocketService, getExpressionEvaluationEnabled$, materializeSubmissionValues, processCloudPresetsDefaultModel, provideCloudFormRenderer, provideCloudPreferences, provideScreen, radioButtonsSchema, resolveTaskRuntimeBundleFallback$ };
+export { ADF_FORM_TAB_NAV_ENABLED, ADF_TASK_RUNTIME_BUNDLE_FALLBACK_ENABLED, APP_CUSTOM_SCREEN_TOKEN, ApplicationVersionModel, ApplicationVersionResponseModel, AppsProcessCloudService, AssignmentType, AttachFileCloudWidgetComponent, BaseCloudService, CLOUD_FORM_FIELD_VALIDATORS, CloudFormRenderingService, ContentCloudNodeSelectorService, DATE_FORMAT_CLOUD, DEFAULT_OPTION, DEFAULT_TASK_PRIORITIES, DROPDOWN_CLOUD_WIDGET_SET_VALUE_DEBOUNCE, DateCloudFilterType, DateCloudWidgetComponent, DateRangeFilterService, DescriptorCustomUIAuthFlowType, DisplayModeService, DisplayRichTextWidgetComponent, DropdownCloudFieldValidator, DropdownCloudWidgetComponent, EditProcessFilterCloudComponent, EditServiceTaskFilterCloudComponent, EditTaskFilterCloudComponent, FORM_CLOUD_DIRECTIVES, FORM_CLOUD_FIELD_VALIDATORS_TOKEN, FORM_CLOUD_SERVICE_FIELD_VALIDATORS_TOKEN, FilePropertiesTableCloudComponent, FileViewerWidgetComponent, FilterCounterEntityType, FilterCountersCloudService, FormCloudComponent, FormCloudDisplayMode, FormCloudModule, FormCloudService, FormCustomOutcomesComponent, FormFieldType, FormSpinnerComponent, GroupCloudComponent, GroupCloudModule, GroupCloudWidgetComponent, HIDE_FILTER_LIMIT, IdentityGroupService, IdentityUserService, LocalPreferenceCloudService, NotificationCloudService, PROCESS_CLOUD_DIRECTIVES, PROCESS_FILTERS_CLOUD_DIRECTIVES, PROCESS_FILTERS_SERVICE_TOKEN, PROCESS_FILTER_ACTION_DELETE, PROCESS_FILTER_ACTION_RESTORE, PROCESS_FILTER_ACTION_SAVE, PROCESS_FILTER_ACTION_SAVE_AS, PROCESS_FILTER_ACTION_SAVE_DEFAULT, PROCESS_LISTS_PREFERENCES_SERVICE_TOKEN, PROCESS_SERVICES_CLOUD_DIRECTIVES, PeopleCloudComponent, PeopleCloudModule, PeopleCloudWidgetComponent, PeopleModeOptions, ProcessCloudContentService, ProcessCloudModule, ProcessCloudService, ProcessDefinitionCloud, ProcessFilterCloudAdapter, ProcessFilterCloudModel, ProcessFilterCloudService, ProcessFilterDialogCloudComponent, ProcessFiltersCloudComponent, ProcessFiltersCloudModule, ProcessHeaderCloudComponent, ProcessHeaderCloudModule, ProcessListCloudComponent, ProcessListCloudModule, ProcessListCloudPreferences, ProcessListCloudService, ProcessListCloudSortingModel, ProcessListRequestModel, ProcessListRequestSortingModel, ProcessPayloadCloud, ProcessQueryCloudRequestModel, ProcessServicesCloudModule, ProcessTaskListCloudService, PropertiesViewerWidgetComponent, PropertiesViewerWrapperComponent, RICH_TEXT_PARSER_TOKEN, RadioButtonsCloudWidgetComponent, ScreenRenderingService, ServiceTaskFilterCloudService, ServiceTaskFiltersCloudComponent, ServiceTaskListCloudComponent, ServiceTaskListCloudService, StartProcessCloudComponent, StartProcessCloudService, StartProcessScreenCloudComponent, StartTaskCloudRequestModel, TASK_ASSIGNED_STATE, TASK_CANCELLED_STATE, TASK_CLAIM_PERMISSION, TASK_COMPLETED_STATE, TASK_CREATED_STATE, TASK_FILTERS_CLOUD_DIRECTIVES, TASK_FILTERS_SERVICE_TOKEN, TASK_FORM_CLOUD_DIRECTIVES, TASK_LIST_CLOUD_DIRECTIVES, TASK_LIST_CLOUD_TOKEN, TASK_LIST_PREFERENCES_SERVICE_TOKEN, TASK_RELEASE_PERMISSION, TASK_SUSPENDED_STATE, TASK_UPDATE_PERMISSION, TASK_VIEW_PERMISSION, TaskAssignmentFilterCloudComponent, TaskCloudEntryModel, TaskCloudModule, TaskCloudNodePaging, TaskCloudPagingList, TaskCloudService, TaskFilterCloudAdapter, TaskFilterCloudModel, TaskFilterCloudService, TaskFilterDialogCloudComponent, TaskFiltersCloudComponent, TaskFiltersCloudModule, TaskFormCloudComponent, TaskFormModule, TaskHeaderCloudComponent, TaskHeaderCloudModule, TaskListCloudComponent, TaskListCloudModule, TaskListCloudService, TaskListCloudSortingModel, TaskListRequestModel, TaskListRequestSortingModel, TaskQueryCloudRequestModel, TaskStatusFilter, TaskVariableCloud, UploadCloudWidgetComponent, UserPreferenceCloudService, UserTaskCloudButtonsComponent, UserTaskCloudComponent, VariableMapperService, WebSocketService, getDateCloudWidgetRange, getExpressionEvaluationEnabled$, materializeSubmissionValues, processCloudPresetsDefaultModel, provideCloudFormRenderer, provideCloudPreferences, provideScreen, radioButtonsSchema, resolveTaskRuntimeBundleFallback$ };
 //# sourceMappingURL=adf-process-services-cloud.mjs.map