@alfresco/aca-content 5.1.1 → 5.2.0-11950694546

package/{fesm2020 → fesm2022}/alfresco-aca-content-folder-rules.mjs

@@ -3,7 +3,7 @@ import { CardViewSelectItemModel, CardViewTextItemModel, CardViewBoolItemModel,
 import * as i2$4 from '@alfresco/adf-extensions';
 import { provideExtensionConfig } from '@alfresco/adf-extensions';
 import * as i0 from '@angular/core';
-import { Injectable, forwardRef, Component, ViewEncapsulation, inject, Input, HostBinding, EventEmitter, Output, Inject, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Injectable, forwardRef, Component, ViewEncapsulation, inject, DestroyRef, Input, HostBinding, EventEmitter, Output, Inject, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { canEditFolder, hasFolderSelected, isNotFavorites, isSmartFolder } from '@alfresco/aca-shared/rules';
 import * as i3$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
@@ -19,10 +19,10 @@ import * as i9$1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i3$1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormGroup, FormControl, ReactiveFormsModule, FormArray, Validators, UntypedFormGroup, UntypedFormControl } from '@angular/forms';
-import { BehaviorSubject, from, Subject, of, forkJoin, combineLatest } from 'rxjs';
-import { map, finalize, first, takeUntil, distinctUntilChanged, debounceTime, switchMap, catchError, tap, delay } from 'rxjs/operators';
+import { map, finalize, first, distinctUntilChanged, debounceTime, switchMap, catchError, tap, delay } from 'rxjs/operators';
 import * as i1 from '@alfresco/adf-content-services';
 import { CategoryService, TagService, NodeAction, ContentNodeSelectorComponent, CategorySelectorDialogComponent, ContentNodeSelectorModule } from '@alfresco/adf-content-services';
+import { BehaviorSubject, from, of, Subject, forkJoin, startWith, combineLatest } from 'rxjs';
 import * as i5 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i7 from '@angular/material/input';
@@ -41,6 +41,7 @@ import * as i9 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i2$2 from '@alfresco/aca-shared';
 import { AppSettingsService, PageLayoutComponent, GenericErrorComponent, PluginEnabledGuard } from '@alfresco/aca-shared';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ActionsApi } from '@alfresco/js-api';
 import * as i2$3 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
@@ -133,6 +134,8 @@ const ruleCompositeConditionValidator = () => (control) => isCompositeConditionV
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class FolderRulesService {
+    apiService;
+    static MAX_RULES_PER_GET = 100;
     static get emptyCompositeCondition() {
         return {
             inverted: false,
@@ -171,12 +174,12 @@ class FolderRulesService {
         });
         return value;
     }
+    selectedRuleSource = new BehaviorSubject(null);
+    deletedRuleIdSource = new BehaviorSubject(null);
+    selectedRule$ = this.selectedRuleSource.asObservable();
+    deletedRuleId$ = this.deletedRuleIdSource.asObservable();
     constructor(apiService) {
         this.apiService = apiService;
-        this.selectedRuleSource = new BehaviorSubject(null);
-        this.deletedRuleIdSource = new BehaviorSubject(null);
-        this.selectedRule$ = this.selectedRuleSource.asObservable();
-        this.deletedRuleId$ = this.deletedRuleIdSource.asObservable();
     }
     callApi(path, httpMethod, body = {}) {
         // APIs used by this service are still private and not yet available for public use
@@ -285,11 +288,10 @@ class FolderRulesService {
             this.selectRule(selectRule);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FolderRulesService, deps: [{ token: i1.AlfrescoApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FolderRulesService, providedIn: 'root' });
 }
-FolderRulesService.MAX_RULES_PER_GET = 100;
-FolderRulesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FolderRulesService, deps: [{ token: i1.AlfrescoApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-FolderRulesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FolderRulesService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FolderRulesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FolderRulesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -350,8 +352,7 @@ const isRuleActionValid = (value, actionDefinitions) => {
         ? actionDefinitions.find((actionDef) => value.actionDefinitionId === actionDef.id)
         : undefined;
     return (isRuleAction(value) &&
-        actionDefinition &&
-        actionDefinition.parameterDefinitions.reduce((isValid, paramDef) => isValid && (!paramDef.mandatory || !!value.params[paramDef.name]), true));
+        actionDefinition?.parameterDefinitions.reduce((isValid, paramDef) => isValid && (!paramDef.mandatory || !!value.params[paramDef.name]), true));
 };
 const isRuleActionsValid = (value, actionDefinitions) => isRuleActions(value) &&
     value.reduce((isValid, currentAction) => isValid && isRuleActionValid(currentAction, actionDefinitions), true);
@@ -382,16 +383,14 @@ const ruleActionsValidator = (actionDefinitions) => (control) => isRuleActionsVa
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RuleTriggersUiComponent {
-    constructor() {
-        this.triggerOptions = ['inbound', 'update', 'outbound'];
-        this.selectedTriggers = {
-            inbound: true
-        };
-        this.value = ['inbound'];
-        this.readOnly = false;
-        this.onChange = () => undefined;
-        this.onTouch = () => undefined;
-    }
+    triggerOptions = ['inbound', 'update', 'outbound'];
+    selectedTriggers = {
+        inbound: true
+    };
+    value = ['inbound'];
+    readOnly = false;
+    onChange = () => undefined;
+    onTouch = () => undefined;
     writeValue(triggers) {
         this.value = triggers;
         this.selectedTriggers = {};
@@ -417,16 +416,16 @@ class RuleTriggersUiComponent {
         this.onTouch();
         this.onChange([...this.value]);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleTriggersUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleTriggersUiComponent, isStandalone: true, selector: "aca-rule-triggers", host: { classAttribute: "aca-rule-triggers" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => RuleTriggersUiComponent)
+            }
+        ], ngImport: i0, template: "<div *ngFor=\"let trigger of triggerOptions\">\n  <ng-container *ngIf=\"readOnly; else checkbox\">\n    <div\n      *ngIf=\"selectedTriggers[trigger]\"\n      [attr.data-automation-id]=\"'rule-trigger-value-' + trigger | lowercase\">\n      {{ 'ACA_FOLDER_RULES.RULE_DETAILS.TRIGGERS.' + trigger | uppercase | translate }}\n    </div>\n  </ng-container>\n\n  <ng-template #checkbox>\n    <mat-checkbox\n      [attr.data-automation-id]=\"'rule-trigger-checkbox-' + trigger | lowercase\"\n      [checked]=\"selectedTriggers[trigger]\"\n      (change)=\"onTriggerChange(trigger, $event.checked)\">\n      {{ 'ACA_FOLDER_RULES.RULE_DETAILS.TRIGGERS.' + trigger | uppercase | translate }}\n    </mat-checkbox>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.LowerCasePipe, name: "lowercase" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleTriggersUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleTriggersUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuleTriggersUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleTriggersUiComponent, isStandalone: true, selector: "aca-rule-triggers", host: { classAttribute: "aca-rule-triggers" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            multi: true,
-            useExisting: forwardRef(() => RuleTriggersUiComponent)
-        }
-    ], ngImport: i0, template: "<div *ngFor=\"let trigger of triggerOptions\">\n  <ng-container *ngIf=\"readOnly; else checkbox\">\n    <div\n      *ngIf=\"selectedTriggers[trigger]\"\n      [attr.data-automation-id]=\"'rule-trigger-value-' + trigger | lowercase\">\n      {{ 'ACA_FOLDER_RULES.RULE_DETAILS.TRIGGERS.' + trigger | uppercase | translate }}\n    </div>\n  </ng-container>\n\n  <ng-template #checkbox>\n    <mat-checkbox\n      [attr.data-automation-id]=\"'rule-trigger-checkbox-' + trigger | lowercase\"\n      [checked]=\"selectedTriggers[trigger]\"\n      (change)=\"onTriggerChange(trigger, $event.checked)\">\n      {{ 'ACA_FOLDER_RULES.RULE_DETAILS.TRIGGERS.' + trigger | uppercase | translate }}\n    </mat-checkbox>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.LowerCasePipe, name: "lowercase" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleTriggersUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleTriggersUiComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatCheckboxModule], selector: 'aca-rule-triggers', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-triggers' }, providers: [
                         {
@@ -611,25 +610,24 @@ const ruleConditionComparators = [
  */
 const AUTOCOMPLETE_OPTIONS_DEBOUNCE_TIME = 500;
 class RuleSimpleConditionUiComponent {
+    appSettings = inject(AppSettingsService);
+    categoryService = inject(CategoryService);
+    tagService = inject(TagService);
+    form = new FormGroup({
+        field: new FormControl('cm:name'),
+        comparator: new FormControl('equals'),
+        parameter: new FormControl()
+    });
+    mimeTypes = [];
+    autoCompleteOptions = [];
+    showLoadingSpinner;
+    readOnly = false;
+    autoCompleteOptionsSubscription;
+    destroyRef = inject(DestroyRef);
+    disabledTags = !this.tagService.areTagsEnabled();
+    disabledCategories = !this.categoryService.areCategoriesEnabled();
+    fields = ruleConditionFields.filter((condition) => !((this.disabledTags && condition.name === 'tag') || (this.disabledCategories && condition.name === 'category')));
     constructor() {
-        this.appSettings = inject(AppSettingsService);
-        this.categoryService = inject(CategoryService);
-        this.tagService = inject(TagService);
-        this.form = new FormGroup({
-            field: new FormControl('cm:name'),
-            comparator: new FormControl('equals'),
-            parameter: new FormControl()
-        });
-        this.mimeTypes = [];
-        this.autoCompleteOptions = [];
-        this.readOnly = false;
-        this.onDestroy$ = new Subject();
-        this.disabledTags = !this.tagService.areTagsEnabled();
-        this.disabledCategories = !this.categoryService.areCategoriesEnabled();
-        this.fields = ruleConditionFields.filter((condition) => !((this.disabledTags && condition.name === 'tag') || (this.disabledCategories && condition.name === 'category')));
-        this.onChange = () => undefined;
-        this.onTouch = () => undefined;
-        this.autoCompleteDisplayFunction = (optionValue) => optionValue && this.autoCompleteOptions ? this.autoCompleteOptions.find((option) => option.value === optionValue)?.displayLabel : optionValue;
         this.mimeTypes = this.appSettings.mimeTypes;
     }
     get isSelectedFieldKnown() {
@@ -659,6 +657,8 @@ class RuleSimpleConditionUiComponent {
     get parameterControl() {
         return this.form.get('parameter');
     }
+    onChange = () => undefined;
+    onTouch = () => undefined;
     writeValue(value) {
         this.form.setValue(value);
         if (value?.field === 'category') {
@@ -691,23 +691,19 @@ class RuleSimpleConditionUiComponent {
             this.parameterControl.setValue('');
         }
     }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
     ngOnInit() {
-        this.form.valueChanges.pipe(takeUntil(this.onDestroy$)).subscribe((value) => {
+        this.form.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
             this.onChange(value);
             this.onTouch();
         });
         this.form
             .get('field')
-            .valueChanges.pipe(distinctUntilChanged(), takeUntil(this.onDestroy$))
+            .valueChanges.pipe(distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
             .subscribe((field) => {
             if (field === 'category') {
                 this.autoCompleteOptionsSubscription = this.form
                     .get('parameter')
-                    .valueChanges.pipe(distinctUntilChanged(), debounceTime(AUTOCOMPLETE_OPTIONS_DEBOUNCE_TIME), takeUntil(this.onDestroy$))
+                    .valueChanges.pipe(distinctUntilChanged(), debounceTime(AUTOCOMPLETE_OPTIONS_DEBOUNCE_TIME), takeUntilDestroyed(this.destroyRef))
                     .subscribe((categoryName) => {
                     this.getCategories(categoryName);
                 });
@@ -747,6 +743,7 @@ class RuleSimpleConditionUiComponent {
     sortAutoCompleteOptions(autoCompleteOptions) {
         return autoCompleteOptions.sort((option1, option2) => option1.displayLabel.localeCompare(option2.displayLabel));
     }
+    autoCompleteDisplayFunction = (optionValue) => optionValue && this.autoCompleteOptions ? this.autoCompleteOptions.find((option) => option.value === optionValue)?.displayLabel : optionValue;
     autoSelectValidOption() {
         const currentValue = this.parameterControl.value;
         const isValidValueSelected = !!this.autoCompleteOptions?.find((option) => option.value === currentValue);
@@ -761,16 +758,16 @@ class RuleSimpleConditionUiComponent {
             displayLabel: path ? `${path}/${categoryName}` : categoryName
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleSimpleConditionUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleSimpleConditionUiComponent, isStandalone: true, selector: "aca-rule-simple-condition", inputs: { readOnly: "readOnly" }, host: { classAttribute: "aca-rule-simple-condition" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => RuleSimpleConditionUiComponent)
+            }
+        ], usesOnChanges: true, ngImport: i0, template: "<form class=\"aca-rule-simple-condition__form\" [formGroup]=\"form\">\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input\" subscriptSizing=\"dynamic\">\n    <mat-select formControlName=\"field\" data-automation-id=\"field-select\"\n      (selectionChange)=\"onChangeField()\">\n      <mat-option *ngIf=\"!isSelectedFieldKnown\" [value]=\"selectedField.name\" data-automation-id=\"unknown-field-option\">\n        {{ selectedField.label }}\n      </mat-option>\n      <mat-option *ngFor=\"let field of fields\" [value]=\"field.name\">\n        {{ field.label | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input aca-rule-simple-condition__form__comparator-input\" subscriptSizing=\"dynamic\"\n                  [class]=\"{ 'aca-hidden': isComparatorHidden }\" data-automation-id=\"comparator-form-field\">\n    <mat-select formControlName=\"comparator\" data-automation-id=\"comparator-select\">\n      <mat-option\n        *ngFor=\"let comparator of selectedFieldComparators\"\n        [value]=\"comparator.name\">\n        {{ comparator.labels[this.selectedField?.type || 'equals'] | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input aca-rule-simple-condition__form__parameter-input\"\n                  subscriptSizing=\"dynamic\" [ngSwitch]=\"selectedField.type\">\n    <mat-select formControlName=\"parameter\" data-automation-id=\"simple-condition-value-select\" *ngSwitchCase=\"'mimeType'\">\n      <mat-option *ngFor=\"let mimeType of mimeTypes\"\n        [value]=\"mimeType.value\">\n        {{ mimeType.label }}\n      </mat-option>\n    </mat-select>\n    <ng-template [ngSwitchCase]=\"'auto-complete'\">\n        <input\n          matInput\n          [matAutocomplete]=\"auto\"\n          formControlName=\"parameter\"\n          (focusout)=\"autoSelectValidOption()\"\n          data-automation-id=\"auto-complete-input-field\"\n        />\n        <mat-autocomplete\n          #auto=\"matAutocomplete\"\n          data-automation-id=\"folder-rule-auto-complete\"\n          [autoActiveFirstOption]=\"true\"\n          [autoSelectActiveOption]=\"true\"\n          [displayWith]=\"autoCompleteDisplayFunction\">\n            <mat-option disabled *ngIf=\"showLoadingSpinner; else optionList\">\n              <span class=\"aca-rule-simple-condition__auto-complete-loading-spinner\">\n                <mat-progress-spinner\n                  color=\"primary\"\n                  mode=\"indeterminate\"\n                  data-automation-id=\"auto-complete-loading-spinner\"\n                  [diameter]=\"25\" />\n              </span>\n            </mat-option>\n          <ng-template #optionList>\n            <ng-container *ngIf=\"autoCompleteOptions?.length > 0; else noOptionsTemplate\">\n              <mat-option\n                *ngFor=\"let option of autoCompleteOptions\"\n                [value]=\"option.value\">\n                {{ option.displayLabel }}\n              </mat-option>\n            </ng-container>\n            <ng-template #noOptionsTemplate>\n              <mat-option disabled>\n                {{ 'ACA_FOLDER_RULES.AUTOCOMPLETE.NO_OPTIONS_FOUND' | translate }}\n              </mat-option>\n            </ng-template>\n          </ng-template>\n        </mat-autocomplete>\n    </ng-template>\n    <ng-template ngSwitchDefault>\n      <input matInput placeholder=\"{{ 'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.VALUE' | translate }}\" type=\"text\" formControlName=\"parameter\" data-automation-id=\"value-input\">\n    </ng-template>\n  </mat-form-field>\n</form>\n", styles: [".aca-rule-simple-condition__form{display:flex;flex-direction:row;gap:8px}.aca-rule-simple-condition__form .aca-rule-simple-condition__form__field-input{flex:2;font-size:inherit}.aca-rule-simple-condition__form__comparator-input.aca-hidden{display:none}.aca-rule-simple-condition__auto-complete-loading-spinner{display:flex;flex-direction:row;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i8.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i8.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleSimpleConditionUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleSimpleConditionUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuleSimpleConditionUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleSimpleConditionUiComponent, isStandalone: true, selector: "aca-rule-simple-condition", inputs: { readOnly: "readOnly" }, host: { classAttribute: "aca-rule-simple-condition" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            multi: true,
-            useExisting: forwardRef(() => RuleSimpleConditionUiComponent)
-        }
-    ], usesOnChanges: true, ngImport: i0, template: "<form class=\"aca-rule-simple-condition__form\" [formGroup]=\"form\">\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input\" subscriptSizing=\"dynamic\">\n    <mat-select formControlName=\"field\" data-automation-id=\"field-select\"\n      (selectionChange)=\"onChangeField()\">\n      <mat-option *ngIf=\"!isSelectedFieldKnown\" [value]=\"selectedField.name\" data-automation-id=\"unknown-field-option\">\n        {{ selectedField.label }}\n      </mat-option>\n      <mat-option *ngFor=\"let field of fields\" [value]=\"field.name\">\n        {{ field.label | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input aca-rule-simple-condition__form__comparator-input\" subscriptSizing=\"dynamic\"\n                  [class]=\"{ 'aca-hidden': isComparatorHidden }\" data-automation-id=\"comparator-form-field\">\n    <mat-select formControlName=\"comparator\" data-automation-id=\"comparator-select\">\n      <mat-option\n        *ngFor=\"let comparator of selectedFieldComparators\"\n        [value]=\"comparator.name\">\n        {{ comparator.labels[this.selectedField?.type || 'equals'] | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input aca-rule-simple-condition__form__parameter-input\"\n                  subscriptSizing=\"dynamic\" [ngSwitch]=\"selectedField.type\">\n    <mat-select formControlName=\"parameter\" data-automation-id=\"simple-condition-value-select\" *ngSwitchCase=\"'mimeType'\">\n      <mat-option *ngFor=\"let mimeType of mimeTypes\"\n        [value]=\"mimeType.value\">\n        {{ mimeType.label }}\n      </mat-option>\n    </mat-select>\n    <ng-template [ngSwitchCase]=\"'auto-complete'\">\n        <input\n          matInput\n          [matAutocomplete]=\"auto\"\n          formControlName=\"parameter\"\n          (focusout)=\"autoSelectValidOption()\"\n          data-automation-id=\"auto-complete-input-field\"\n        />\n        <mat-autocomplete\n          #auto=\"matAutocomplete\"\n          data-automation-id=\"folder-rule-auto-complete\"\n          [autoActiveFirstOption]=\"true\"\n          [autoSelectActiveOption]=\"true\"\n          [displayWith]=\"autoCompleteDisplayFunction\">\n            <mat-option disabled *ngIf=\"showLoadingSpinner; else optionList\">\n              <span class=\"aca-rule-simple-condition__auto-complete-loading-spinner\">\n                <mat-progress-spinner\n                  color=\"primary\"\n                  mode=\"indeterminate\"\n                  data-automation-id=\"auto-complete-loading-spinner\"\n                  [diameter]=\"25\"\n                ></mat-progress-spinner>\n              </span>\n            </mat-option>\n          <ng-template #optionList>\n            <ng-container *ngIf=\"autoCompleteOptions?.length > 0; else noOptionsTemplate\">\n              <mat-option\n                *ngFor=\"let option of autoCompleteOptions\"\n                [value]=\"option.value\">\n                {{ option.displayLabel }}\n              </mat-option>\n            </ng-container>\n            <ng-template #noOptionsTemplate>\n              <mat-option disabled>\n                {{ 'ACA_FOLDER_RULES.AUTOCOMPLETE.NO_OPTIONS_FOUND' | translate }}\n              </mat-option>\n            </ng-template>\n          </ng-template>\n        </mat-autocomplete>\n    </ng-template>\n    <ng-template ngSwitchDefault>\n      <input matInput placeholder=\"{{ 'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.VALUE' | translate }}\" type=\"text\" formControlName=\"parameter\" data-automation-id=\"value-input\">\n    </ng-template>\n  </mat-form-field>\n</form>\n", styles: [".aca-rule-simple-condition__form{display:flex;flex-direction:row;gap:8px}.aca-rule-simple-condition__form .aca-rule-simple-condition__form__field-input{flex:2;font-size:inherit}.aca-rule-simple-condition__form__comparator-input.aca-hidden{display:none}.aca-rule-simple-condition__auto-complete-loading-spinner{display:flex;flex-direction:row;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i8.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i8.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleSimpleConditionUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleSimpleConditionUiComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
@@ -789,7 +786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => RuleSimpleConditionUiComponent)
                         }
-                    ], template: "<form class=\"aca-rule-simple-condition__form\" [formGroup]=\"form\">\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input\" subscriptSizing=\"dynamic\">\n    <mat-select formControlName=\"field\" data-automation-id=\"field-select\"\n      (selectionChange)=\"onChangeField()\">\n      <mat-option *ngIf=\"!isSelectedFieldKnown\" [value]=\"selectedField.name\" data-automation-id=\"unknown-field-option\">\n        {{ selectedField.label }}\n      </mat-option>\n      <mat-option *ngFor=\"let field of fields\" [value]=\"field.name\">\n        {{ field.label | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input aca-rule-simple-condition__form__comparator-input\" subscriptSizing=\"dynamic\"\n                  [class]=\"{ 'aca-hidden': isComparatorHidden }\" data-automation-id=\"comparator-form-field\">\n    <mat-select formControlName=\"comparator\" data-automation-id=\"comparator-select\">\n      <mat-option\n        *ngFor=\"let comparator of selectedFieldComparators\"\n        [value]=\"comparator.name\">\n        {{ comparator.labels[this.selectedField?.type || 'equals'] | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input aca-rule-simple-condition__form__parameter-input\"\n                  subscriptSizing=\"dynamic\" [ngSwitch]=\"selectedField.type\">\n    <mat-select formControlName=\"parameter\" data-automation-id=\"simple-condition-value-select\" *ngSwitchCase=\"'mimeType'\">\n      <mat-option *ngFor=\"let mimeType of mimeTypes\"\n        [value]=\"mimeType.value\">\n        {{ mimeType.label }}\n      </mat-option>\n    </mat-select>\n    <ng-template [ngSwitchCase]=\"'auto-complete'\">\n        <input\n          matInput\n          [matAutocomplete]=\"auto\"\n          formControlName=\"parameter\"\n          (focusout)=\"autoSelectValidOption()\"\n          data-automation-id=\"auto-complete-input-field\"\n        />\n        <mat-autocomplete\n          #auto=\"matAutocomplete\"\n          data-automation-id=\"folder-rule-auto-complete\"\n          [autoActiveFirstOption]=\"true\"\n          [autoSelectActiveOption]=\"true\"\n          [displayWith]=\"autoCompleteDisplayFunction\">\n            <mat-option disabled *ngIf=\"showLoadingSpinner; else optionList\">\n              <span class=\"aca-rule-simple-condition__auto-complete-loading-spinner\">\n                <mat-progress-spinner\n                  color=\"primary\"\n                  mode=\"indeterminate\"\n                  data-automation-id=\"auto-complete-loading-spinner\"\n                  [diameter]=\"25\"\n                ></mat-progress-spinner>\n              </span>\n            </mat-option>\n          <ng-template #optionList>\n            <ng-container *ngIf=\"autoCompleteOptions?.length > 0; else noOptionsTemplate\">\n              <mat-option\n                *ngFor=\"let option of autoCompleteOptions\"\n                [value]=\"option.value\">\n                {{ option.displayLabel }}\n              </mat-option>\n            </ng-container>\n            <ng-template #noOptionsTemplate>\n              <mat-option disabled>\n                {{ 'ACA_FOLDER_RULES.AUTOCOMPLETE.NO_OPTIONS_FOUND' | translate }}\n              </mat-option>\n            </ng-template>\n          </ng-template>\n        </mat-autocomplete>\n    </ng-template>\n    <ng-template ngSwitchDefault>\n      <input matInput placeholder=\"{{ 'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.VALUE' | translate }}\" type=\"text\" formControlName=\"parameter\" data-automation-id=\"value-input\">\n    </ng-template>\n  </mat-form-field>\n</form>\n", styles: [".aca-rule-simple-condition__form{display:flex;flex-direction:row;gap:8px}.aca-rule-simple-condition__form .aca-rule-simple-condition__form__field-input{flex:2;font-size:inherit}.aca-rule-simple-condition__form__comparator-input.aca-hidden{display:none}.aca-rule-simple-condition__auto-complete-loading-spinner{display:flex;flex-direction:row;justify-content:center;align-items:center}\n"] }]
+                    ], template: "<form class=\"aca-rule-simple-condition__form\" [formGroup]=\"form\">\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input\" subscriptSizing=\"dynamic\">\n    <mat-select formControlName=\"field\" data-automation-id=\"field-select\"\n      (selectionChange)=\"onChangeField()\">\n      <mat-option *ngIf=\"!isSelectedFieldKnown\" [value]=\"selectedField.name\" data-automation-id=\"unknown-field-option\">\n        {{ selectedField.label }}\n      </mat-option>\n      <mat-option *ngFor=\"let field of fields\" [value]=\"field.name\">\n        {{ field.label | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input aca-rule-simple-condition__form__comparator-input\" subscriptSizing=\"dynamic\"\n                  [class]=\"{ 'aca-hidden': isComparatorHidden }\" data-automation-id=\"comparator-form-field\">\n    <mat-select formControlName=\"comparator\" data-automation-id=\"comparator-select\">\n      <mat-option\n        *ngFor=\"let comparator of selectedFieldComparators\"\n        [value]=\"comparator.name\">\n        {{ comparator.labels[this.selectedField?.type || 'equals'] | translate }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field class=\"aca-rule-simple-condition__form__field-input aca-rule-simple-condition__form__parameter-input\"\n                  subscriptSizing=\"dynamic\" [ngSwitch]=\"selectedField.type\">\n    <mat-select formControlName=\"parameter\" data-automation-id=\"simple-condition-value-select\" *ngSwitchCase=\"'mimeType'\">\n      <mat-option *ngFor=\"let mimeType of mimeTypes\"\n        [value]=\"mimeType.value\">\n        {{ mimeType.label }}\n      </mat-option>\n    </mat-select>\n    <ng-template [ngSwitchCase]=\"'auto-complete'\">\n        <input\n          matInput\n          [matAutocomplete]=\"auto\"\n          formControlName=\"parameter\"\n          (focusout)=\"autoSelectValidOption()\"\n          data-automation-id=\"auto-complete-input-field\"\n        />\n        <mat-autocomplete\n          #auto=\"matAutocomplete\"\n          data-automation-id=\"folder-rule-auto-complete\"\n          [autoActiveFirstOption]=\"true\"\n          [autoSelectActiveOption]=\"true\"\n          [displayWith]=\"autoCompleteDisplayFunction\">\n            <mat-option disabled *ngIf=\"showLoadingSpinner; else optionList\">\n              <span class=\"aca-rule-simple-condition__auto-complete-loading-spinner\">\n                <mat-progress-spinner\n                  color=\"primary\"\n                  mode=\"indeterminate\"\n                  data-automation-id=\"auto-complete-loading-spinner\"\n                  [diameter]=\"25\" />\n              </span>\n            </mat-option>\n          <ng-template #optionList>\n            <ng-container *ngIf=\"autoCompleteOptions?.length > 0; else noOptionsTemplate\">\n              <mat-option\n                *ngFor=\"let option of autoCompleteOptions\"\n                [value]=\"option.value\">\n                {{ option.displayLabel }}\n              </mat-option>\n            </ng-container>\n            <ng-template #noOptionsTemplate>\n              <mat-option disabled>\n                {{ 'ACA_FOLDER_RULES.AUTOCOMPLETE.NO_OPTIONS_FOUND' | translate }}\n              </mat-option>\n            </ng-template>\n          </ng-template>\n        </mat-autocomplete>\n    </ng-template>\n    <ng-template ngSwitchDefault>\n      <input matInput placeholder=\"{{ 'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.VALUE' | translate }}\" type=\"text\" formControlName=\"parameter\" data-automation-id=\"value-input\">\n    </ng-template>\n  </mat-form-field>\n</form>\n", styles: [".aca-rule-simple-condition__form{display:flex;flex-direction:row;gap:8px}.aca-rule-simple-condition__form .aca-rule-simple-condition__form__field-input{flex:2;font-size:inherit}.aca-rule-simple-condition__form__comparator-input.aca-hidden{display:none}.aca-rule-simple-condition__auto-complete-loading-spinner{display:flex;flex-direction:row;justify-content:center;align-items:center}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { readOnly: [{
                 type: Input
             }] } });
@@ -818,26 +815,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RuleCompositeConditionUiComponent {
-    constructor() {
-        this.secondaryBackground = false;
-        this.childCondition = false;
-        this.readOnly = false;
-        this.isOrImplemented = false;
-        this.form = new FormGroup({
-            inverted: new FormControl(),
-            booleanMode: new FormControl({ value: 'and', disabled: !this.isOrImplemented || this.readOnly }),
-            compositeConditions: new FormArray([]),
-            simpleConditions: new FormArray([])
-        });
-        this.formSubscription = this.form.valueChanges.subscribe((value) => {
-            this.onChange(value);
-            this.onTouch();
-        });
-        this.invertedControl = this.form.get('inverted');
-        this.booleanModeControl = this.form.get('booleanMode');
-        this.onChange = () => undefined;
-        this.onTouch = () => undefined;
-    }
+    secondaryBackground = false;
+    childCondition = false;
+    readOnly = false;
+    isOrImplemented = false;
+    form = new FormGroup({
+        inverted: new FormControl(),
+        booleanMode: new FormControl({ value: 'and', disabled: !this.isOrImplemented || this.readOnly }),
+        compositeConditions: new FormArray([]),
+        simpleConditions: new FormArray([])
+    });
+    formSubscription = this.form.valueChanges.subscribe((value) => {
+        this.onChange(value);
+        this.onTouch();
+    });
+    invertedControl = this.form.get('inverted');
+    booleanModeControl = this.form.get('booleanMode');
     get compositeConditionsFormArray() {
         return this.form.get('compositeConditions');
     }
@@ -850,6 +843,8 @@ class RuleCompositeConditionUiComponent {
     get hasNoConditions() {
         return this.conditionFormControls.length === 0;
     }
+    onChange = () => undefined;
+    onTouch = () => undefined;
     writeValue(value) {
         this.form.get('inverted').setValue(value.inverted);
         this.form.get('booleanMode').setValue(value.booleanMode);
@@ -904,16 +899,16 @@ class RuleCompositeConditionUiComponent {
             }
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleCompositeConditionUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleCompositeConditionUiComponent, isStandalone: true, selector: "aca-rule-composite-condition", inputs: { secondaryBackground: "secondaryBackground", childCondition: "childCondition", readOnly: "readOnly" }, host: { properties: { "class.aca-secondaryBackground": "this.secondaryBackground", "class.aca-childCompositeCondition": "this.childCondition" }, classAttribute: "aca-rule-composite-condition" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => RuleCompositeConditionUiComponent)
+            }
+        ], usesOnChanges: true, ngImport: i0, template: "<form class=\"aca-rule-composite-condition__form\" [formGroup]=\"form\">\n  <div *ngIf=\"hasNoConditions\" class=\"aca-rule-composite-condition__form__no-conditions\" data-automation-id=\"no-conditions\">\n    {{ 'ACA_FOLDER_RULES.RULE_DETAILS.' + (childCondition ? 'NO_CONDITIONS_IN_GROUP' : 'NO_CONDITIONS') | translate }}\n  </div>\n\n  <div\n    class=\"aca-rule-composite-condition__form__row\"\n    *ngFor=\"let control of conditionFormControls; let i = index\">\n\n    <mat-form-field *ngIf=\"i === 0\" subscriptSizing=\"dynamic\">\n      <mat-select\n        [formControl]=\"invertedControl\"\n        [disabled]=\"readOnly\">\n        <mat-option [value]=\"false\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.IF' | translate }}</mat-option>\n        <mat-option [value]=\"true\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.NOT_IF' | translate }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field *ngIf=\"i > 0\" subscriptSizing=\"dynamic\" class=\"aca-rule-composite-condition__boolean-mode-control\">\n      <mat-select\n        [formControl]=\"booleanModeControl\">\n        <mat-option value=\"and\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.AND' | translate }}</mat-option>\n        <mat-option value=\"or\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.OR' | translate }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <aca-rule-composite-condition\n      *ngIf=\"!isFormControlSimpleCondition(control)\"\n      [secondaryBackground]=\"!secondaryBackground\"\n      [childCondition]=\"true\"\n      [formControl]=\"control\"\n      [readOnly]=\"readOnly\" />\n\n    <aca-rule-simple-condition\n      *ngIf=\"isFormControlSimpleCondition(control)\"\n      [formControl]=\"control\"\n      [readOnly]=\"readOnly\" />\n\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"!readOnly\" data-automation-id=\"condition-actions-button\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n\n    <mat-menu #menu=\"matMenu\">\n      <button\n        mat-menu-item\n        [title]=\"'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.REMOVE' | translate\"\n        (click)=\"removeCondition(control)\">\n        <mat-icon>delete</mat-icon>\n        <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.REMOVE' | translate }}</span>\n      </button>\n    </mat-menu>\n\n  </div>\n\n  <div class=\"aca-rule-composite-condition__form__actions\" *ngIf=\"!readOnly\" data-automation-id=\"add-actions\">\n    <button mat-flat-button (click)=\"addSimpleCondition()\" data-automation-id=\"add-condition-button\">\n      <mat-icon class=\"aca-rule-composite-condition__form__actions-add\">add</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.ADD_CONDITION' | translate }}</span>\n    </button>\n    <button mat-flat-button (click)=\"addCompositeCondition()\" data-automation-id=\"add-group-button\">\n      <mat-icon class=\"aca-rule-composite-condition__form__actions-add\">add</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.ADD_GROUP' | translate }}</span>\n    </button>\n  </div>\n</form>\n", styles: [".aca-rule-composite-condition{display:block;border-radius:8px}.aca-rule-composite-condition.aca-childCompositeCondition{padding:8px 16px;background-color:#fff}.aca-rule-composite-condition.aca-childCompositeCondition.aca-secondaryBackground{background-color:#f2f2f2}.aca-rule-composite-condition__form{display:flex;flex-direction:column;gap:8px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row{display:flex;gap:8px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row .mat-mdc-form-field .mat-mdc-form-field-infix{padding-bottom:4px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row>:nth-child(1){width:7em;height:-moz-fit-content;height:fit-content;font-size:inherit}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row>:nth-child(2){flex:1}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row .aca-rule-composite-condition__boolean-mode-control .mat-mdc-text-field-wrapper{background-color:unset}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row .aca-rule-composite-condition__boolean-mode-control .mat-mdc-text-field-wrapper .mat-mdc-select-disabled{color:var(--adf-theme-foreground-text-color)}.aca-rule-composite-condition__form__no-conditions{color:var(--theme-disabled-text-color);margin:.5em 0}.aca-rule-composite-condition__form__actions{padding-left:8px}.aca-rule-composite-condition__form__actions button:not(:disabled){background-color:unset}.aca-rule-composite-condition__form__actions .aca-rule-composite-condition__form__actions-add{width:24px;height:24px;font-size:24px;margin-right:0}\n"], dependencies: [{ kind: "component", type: RuleCompositeConditionUiComponent, selector: "aca-rule-composite-condition", inputs: ["secondaryBackground", "childCondition", "readOnly"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i8$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i8$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: RuleSimpleConditionUiComponent, selector: "aca-rule-simple-condition", inputs: ["readOnly"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleCompositeConditionUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleCompositeConditionUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuleCompositeConditionUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleCompositeConditionUiComponent, isStandalone: true, selector: "aca-rule-composite-condition", inputs: { secondaryBackground: "secondaryBackground", childCondition: "childCondition", readOnly: "readOnly" }, host: { properties: { "class.aca-secondaryBackground": "this.secondaryBackground", "class.aca-childCompositeCondition": "this.childCondition" }, classAttribute: "aca-rule-composite-condition" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            multi: true,
-            useExisting: forwardRef(() => RuleCompositeConditionUiComponent)
-        }
-    ], usesOnChanges: true, ngImport: i0, template: "<form class=\"aca-rule-composite-condition__form\" [formGroup]=\"form\">\n  <div *ngIf=\"hasNoConditions\" class=\"aca-rule-composite-condition__form__no-conditions\" data-automation-id=\"no-conditions\">\n    {{ 'ACA_FOLDER_RULES.RULE_DETAILS.' + (childCondition ? 'NO_CONDITIONS_IN_GROUP' : 'NO_CONDITIONS') | translate }}\n  </div>\n\n  <div\n    class=\"aca-rule-composite-condition__form__row\"\n    *ngFor=\"let control of conditionFormControls; let i = index\">\n\n    <mat-form-field *ngIf=\"i === 0\" subscriptSizing=\"dynamic\">\n      <mat-select\n        [formControl]=\"invertedControl\"\n        [disabled]=\"readOnly\">\n        <mat-option [value]=\"false\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.IF' | translate }}</mat-option>\n        <mat-option [value]=\"true\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.NOT_IF' | translate }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field *ngIf=\"i > 0\" subscriptSizing=\"dynamic\">\n      <mat-select\n        [formControl]=\"booleanModeControl\">\n        <mat-option value=\"and\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.AND' | translate }}</mat-option>\n        <mat-option value=\"or\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.OR' | translate }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <aca-rule-composite-condition\n      *ngIf=\"!isFormControlSimpleCondition(control)\"\n      [secondaryBackground]=\"!secondaryBackground\"\n      [childCondition]=\"true\"\n      [formControl]=\"control\"\n      [readOnly]=\"readOnly\">\n    </aca-rule-composite-condition>\n\n    <aca-rule-simple-condition\n      *ngIf=\"isFormControlSimpleCondition(control)\"\n      [formControl]=\"control\"\n      [readOnly]=\"readOnly\">\n    </aca-rule-simple-condition>\n\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"!readOnly\" data-automation-id=\"condition-actions-button\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n\n    <mat-menu #menu=\"matMenu\">\n      <button\n        mat-menu-item\n        [title]=\"'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.REMOVE' | translate\"\n        (click)=\"removeCondition(control)\">\n        <mat-icon>delete</mat-icon>\n        <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.REMOVE' | translate }}</span>\n      </button>\n    </mat-menu>\n\n  </div>\n\n  <div class=\"aca-rule-composite-condition__form__actions\" *ngIf=\"!readOnly\" data-automation-id=\"add-actions\">\n    <button mat-flat-button (click)=\"addSimpleCondition()\" data-automation-id=\"add-condition-button\">\n      <mat-icon class=\"aca-rule-composite-condition__form__actions-add\">add</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.ADD_CONDITION' | translate }}</span>\n    </button>\n    <button mat-flat-button (click)=\"addCompositeCondition()\" data-automation-id=\"add-group-button\">\n      <mat-icon class=\"aca-rule-composite-condition__form__actions-add\">add</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.ADD_GROUP' | translate }}</span>\n    </button>\n  </div>\n</form>\n", styles: [".aca-rule-composite-condition{display:block;border-radius:8px}.aca-rule-composite-condition.aca-childCompositeCondition{padding:8px 16px;background-color:#fff}.aca-rule-composite-condition.aca-childCompositeCondition.aca-secondaryBackground{background-color:#f2f2f2}.aca-rule-composite-condition__form{display:flex;flex-direction:column;gap:8px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row{display:flex;gap:8px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row .mat-mdc-form-field .mat-mdc-form-field-infix{padding-bottom:4px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row>:nth-child(1){width:7em;height:-moz-fit-content;height:fit-content;font-size:inherit}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row>:nth-child(2){flex:1}.aca-rule-composite-condition__form__no-conditions{color:var(--theme-disabled-text-color);margin:.5em 0}.aca-rule-composite-condition__form__actions{padding-left:8px}.aca-rule-composite-condition__form__actions button:not(:disabled){background-color:unset}.aca-rule-composite-condition__form__actions .aca-rule-composite-condition__form__actions-add{width:24px;height:24px;font-size:24px;margin-right:0}\n"], dependencies: [{ kind: "component", type: RuleCompositeConditionUiComponent, selector: "aca-rule-composite-condition", inputs: ["secondaryBackground", "childCondition", "readOnly"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i8$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i8$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: RuleSimpleConditionUiComponent, selector: "aca-rule-simple-condition", inputs: ["readOnly"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleCompositeConditionUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleCompositeConditionUiComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
@@ -931,7 +926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => RuleCompositeConditionUiComponent)
                         }
-                    ], template: "<form class=\"aca-rule-composite-condition__form\" [formGroup]=\"form\">\n  <div *ngIf=\"hasNoConditions\" class=\"aca-rule-composite-condition__form__no-conditions\" data-automation-id=\"no-conditions\">\n    {{ 'ACA_FOLDER_RULES.RULE_DETAILS.' + (childCondition ? 'NO_CONDITIONS_IN_GROUP' : 'NO_CONDITIONS') | translate }}\n  </div>\n\n  <div\n    class=\"aca-rule-composite-condition__form__row\"\n    *ngFor=\"let control of conditionFormControls; let i = index\">\n\n    <mat-form-field *ngIf=\"i === 0\" subscriptSizing=\"dynamic\">\n      <mat-select\n        [formControl]=\"invertedControl\"\n        [disabled]=\"readOnly\">\n        <mat-option [value]=\"false\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.IF' | translate }}</mat-option>\n        <mat-option [value]=\"true\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.NOT_IF' | translate }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field *ngIf=\"i > 0\" subscriptSizing=\"dynamic\">\n      <mat-select\n        [formControl]=\"booleanModeControl\">\n        <mat-option value=\"and\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.AND' | translate }}</mat-option>\n        <mat-option value=\"or\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.OR' | translate }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <aca-rule-composite-condition\n      *ngIf=\"!isFormControlSimpleCondition(control)\"\n      [secondaryBackground]=\"!secondaryBackground\"\n      [childCondition]=\"true\"\n      [formControl]=\"control\"\n      [readOnly]=\"readOnly\">\n    </aca-rule-composite-condition>\n\n    <aca-rule-simple-condition\n      *ngIf=\"isFormControlSimpleCondition(control)\"\n      [formControl]=\"control\"\n      [readOnly]=\"readOnly\">\n    </aca-rule-simple-condition>\n\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"!readOnly\" data-automation-id=\"condition-actions-button\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n\n    <mat-menu #menu=\"matMenu\">\n      <button\n        mat-menu-item\n        [title]=\"'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.REMOVE' | translate\"\n        (click)=\"removeCondition(control)\">\n        <mat-icon>delete</mat-icon>\n        <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.REMOVE' | translate }}</span>\n      </button>\n    </mat-menu>\n\n  </div>\n\n  <div class=\"aca-rule-composite-condition__form__actions\" *ngIf=\"!readOnly\" data-automation-id=\"add-actions\">\n    <button mat-flat-button (click)=\"addSimpleCondition()\" data-automation-id=\"add-condition-button\">\n      <mat-icon class=\"aca-rule-composite-condition__form__actions-add\">add</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.ADD_CONDITION' | translate }}</span>\n    </button>\n    <button mat-flat-button (click)=\"addCompositeCondition()\" data-automation-id=\"add-group-button\">\n      <mat-icon class=\"aca-rule-composite-condition__form__actions-add\">add</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.ADD_GROUP' | translate }}</span>\n    </button>\n  </div>\n</form>\n", styles: [".aca-rule-composite-condition{display:block;border-radius:8px}.aca-rule-composite-condition.aca-childCompositeCondition{padding:8px 16px;background-color:#fff}.aca-rule-composite-condition.aca-childCompositeCondition.aca-secondaryBackground{background-color:#f2f2f2}.aca-rule-composite-condition__form{display:flex;flex-direction:column;gap:8px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row{display:flex;gap:8px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row .mat-mdc-form-field .mat-mdc-form-field-infix{padding-bottom:4px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row>:nth-child(1){width:7em;height:-moz-fit-content;height:fit-content;font-size:inherit}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row>:nth-child(2){flex:1}.aca-rule-composite-condition__form__no-conditions{color:var(--theme-disabled-text-color);margin:.5em 0}.aca-rule-composite-condition__form__actions{padding-left:8px}.aca-rule-composite-condition__form__actions button:not(:disabled){background-color:unset}.aca-rule-composite-condition__form__actions .aca-rule-composite-condition__form__actions-add{width:24px;height:24px;font-size:24px;margin-right:0}\n"] }]
+                    ], template: "<form class=\"aca-rule-composite-condition__form\" [formGroup]=\"form\">\n  <div *ngIf=\"hasNoConditions\" class=\"aca-rule-composite-condition__form__no-conditions\" data-automation-id=\"no-conditions\">\n    {{ 'ACA_FOLDER_RULES.RULE_DETAILS.' + (childCondition ? 'NO_CONDITIONS_IN_GROUP' : 'NO_CONDITIONS') | translate }}\n  </div>\n\n  <div\n    class=\"aca-rule-composite-condition__form__row\"\n    *ngFor=\"let control of conditionFormControls; let i = index\">\n\n    <mat-form-field *ngIf=\"i === 0\" subscriptSizing=\"dynamic\">\n      <mat-select\n        [formControl]=\"invertedControl\"\n        [disabled]=\"readOnly\">\n        <mat-option [value]=\"false\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.IF' | translate }}</mat-option>\n        <mat-option [value]=\"true\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.NOT_IF' | translate }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field *ngIf=\"i > 0\" subscriptSizing=\"dynamic\" class=\"aca-rule-composite-condition__boolean-mode-control\">\n      <mat-select\n        [formControl]=\"booleanModeControl\">\n        <mat-option value=\"and\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.AND' | translate }}</mat-option>\n        <mat-option value=\"or\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LOGIC_OPERATORS.OR' | translate }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <aca-rule-composite-condition\n      *ngIf=\"!isFormControlSimpleCondition(control)\"\n      [secondaryBackground]=\"!secondaryBackground\"\n      [childCondition]=\"true\"\n      [formControl]=\"control\"\n      [readOnly]=\"readOnly\" />\n\n    <aca-rule-simple-condition\n      *ngIf=\"isFormControlSimpleCondition(control)\"\n      [formControl]=\"control\"\n      [readOnly]=\"readOnly\" />\n\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"!readOnly\" data-automation-id=\"condition-actions-button\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n\n    <mat-menu #menu=\"matMenu\">\n      <button\n        mat-menu-item\n        [title]=\"'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.REMOVE' | translate\"\n        (click)=\"removeCondition(control)\">\n        <mat-icon>delete</mat-icon>\n        <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.REMOVE' | translate }}</span>\n      </button>\n    </mat-menu>\n\n  </div>\n\n  <div class=\"aca-rule-composite-condition__form__actions\" *ngIf=\"!readOnly\" data-automation-id=\"add-actions\">\n    <button mat-flat-button (click)=\"addSimpleCondition()\" data-automation-id=\"add-condition-button\">\n      <mat-icon class=\"aca-rule-composite-condition__form__actions-add\">add</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.ADD_CONDITION' | translate }}</span>\n    </button>\n    <button mat-flat-button (click)=\"addCompositeCondition()\" data-automation-id=\"add-group-button\">\n      <mat-icon class=\"aca-rule-composite-condition__form__actions-add\">add</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.CONDITION_BUTTONS.ADD_GROUP' | translate }}</span>\n    </button>\n  </div>\n</form>\n", styles: [".aca-rule-composite-condition{display:block;border-radius:8px}.aca-rule-composite-condition.aca-childCompositeCondition{padding:8px 16px;background-color:#fff}.aca-rule-composite-condition.aca-childCompositeCondition.aca-secondaryBackground{background-color:#f2f2f2}.aca-rule-composite-condition__form{display:flex;flex-direction:column;gap:8px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row{display:flex;gap:8px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row .mat-mdc-form-field .mat-mdc-form-field-infix{padding-bottom:4px}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row>:nth-child(1){width:7em;height:-moz-fit-content;height:fit-content;font-size:inherit}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row>:nth-child(2){flex:1}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row .aca-rule-composite-condition__boolean-mode-control .mat-mdc-text-field-wrapper{background-color:unset}.aca-rule-composite-condition__form .aca-rule-composite-condition__form__row .aca-rule-composite-condition__boolean-mode-control .mat-mdc-text-field-wrapper .mat-mdc-select-disabled{color:var(--adf-theme-foreground-text-color)}.aca-rule-composite-condition__form__no-conditions{color:var(--theme-disabled-text-color);margin:.5em 0}.aca-rule-composite-condition__form__actions{padding-left:8px}.aca-rule-composite-condition__form__actions button:not(:disabled){background-color:unset}.aca-rule-composite-condition__form__actions .aca-rule-composite-condition__form__actions-add{width:24px;height:24px;font-size:24px;margin-right:0}\n"] }]
         }], propDecorators: { secondaryBackground: [{
                 type: HostBinding,
                 args: ['class.aca-secondaryBackground']
@@ -970,6 +965,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RuleActionUiComponent {
+    cardViewUpdateService;
+    dialog;
+    translate;
+    tagService;
+    categoryService;
+    securityControlsService;
+    nodeId = '';
+    actionDefinitions;
+    readOnly = false;
+    _parameterConstraints = [];
     get parameterConstraints() {
         return this._parameterConstraints;
     }
@@ -979,12 +984,24 @@ class RuleActionUiComponent {
             constraints: this.parseConstraintsToSelectOptions(obj.constraints)
         }));
     }
+    tagsRelatedPropertiesAndAspects = ['cm:tagscope', 'cm:tagScopeCache', 'cm:taggable'];
+    categoriesRelatedPropertiesAndAspects = ['cm:categories', 'cm:generalclassifiable'];
+    paramsToFormatDisplayedValue = ['securityMarkId', 'securityGroupId'];
+    isFullWidth = false;
+    form = new FormGroup({
+        actionDefinitionId: new FormControl('', Validators.required)
+    });
+    cardViewItems = [];
+    parameters = {};
     get selectedActionDefinitionId() {
         return this.form.get('actionDefinitionId').value;
     }
     get selectedActionDefinition() {
         return this.actionDefinitions.find((actionDefinition) => actionDefinition.id === this.selectedActionDefinitionId);
     }
+    onChange = () => undefined;
+    onTouch = () => undefined;
+    destroyRef = inject(DestroyRef);
     constructor(cardViewUpdateService, dialog, translate, tagService, categoryService, securityControlsService) {
         this.cardViewUpdateService = cardViewUpdateService;
         this.dialog = dialog;
@@ -992,21 +1009,6 @@ class RuleActionUiComponent {
         this.tagService = tagService;
         this.categoryService = categoryService;
         this.securityControlsService = securityControlsService;
-        this.nodeId = '';
-        this.readOnly = false;
-        this._parameterConstraints = [];
-        this.tagsRelatedPropertiesAndAspects = ['cm:tagscope', 'cm:tagScopeCache', 'cm:taggable'];
-        this.categoriesRelatedPropertiesAndAspects = ['cm:categories', 'cm:generalclassifiable'];
-        this.paramsToFormatDisplayedValue = ['securityMarkId', 'securityGroupId'];
-        this.isFullWidth = false;
-        this.form = new FormGroup({
-            actionDefinitionId: new FormControl('', Validators.required)
-        });
-        this.cardViewItems = [];
-        this.parameters = {};
-        this.onDestroy$ = new Subject();
-        this.onChange = () => undefined;
-        this.onTouch = () => undefined;
     }
     writeValue(action) {
         this.form.setValue({
@@ -1029,7 +1031,7 @@ class RuleActionUiComponent {
     }
     ngOnInit() {
         this.actionDefinitions = this.actionDefinitions.sort((firstActionDefinition, secondActionDefinition) => firstActionDefinition.title.localeCompare(secondActionDefinition.title));
-        this.form.valueChanges.pipe(takeUntil(this.onDestroy$)).subscribe(() => {
+        this.form.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.setDefaultParameters();
             this.setCardViewProperties();
             this.onChange({
@@ -1038,7 +1040,7 @@ class RuleActionUiComponent {
             });
             this.onTouch();
         });
-        this.cardViewUpdateService.itemUpdated$.pipe(takeUntil(this.onDestroy$)).subscribe((updateNotification) => {
+        this.cardViewUpdateService.itemUpdated$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((updateNotification) => {
             const isSecurityGroupUpdated = updateNotification.target.key === 'securityGroupId';
             if (isSecurityGroupUpdated) {
                 this.parameters.securityMarkId = null;
@@ -1071,10 +1073,6 @@ class RuleActionUiComponent {
             }
         }
     }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
     setCardViewProperties(securityMarkOptions) {
         const disabledTags = !this.tagService.areTagsEnabled();
         const disabledCategories = !this.categoryService.areCategoriesEnabled();
@@ -1188,7 +1186,7 @@ class RuleActionUiComponent {
             data,
             width: '630px'
         });
-        data.select.pipe(takeUntil(this.onDestroy$)).subscribe((selections) => {
+        data.select.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((selections) => {
             if (selections[0].id) {
                 this.writeValue({
                     actionDefinitionId: this.selectedActionDefinitionId,
@@ -1246,17 +1244,17 @@ class RuleActionUiComponent {
             label: securityMark.name
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleActionUiComponent, deps: [{ token: i5$2.CardViewUpdateService }, { token: i2$1.MatDialog }, { token: i2.TranslateService }, { token: i1.TagService }, { token: i1.CategoryService }, { token: i1.SecurityControlsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleActionUiComponent, isStandalone: true, selector: "aca-rule-action", inputs: { nodeId: "nodeId", actionDefinitions: "actionDefinitions", readOnly: "readOnly", parameterConstraints: "parameterConstraints" }, host: { classAttribute: "aca-rule-action" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => RuleActionUiComponent)
+            },
+            CardViewUpdateService
+        ], usesOnChanges: true, ngImport: i0, template: "<form class=\"aca-rule-action__form\" [formGroup]=\"form\">\n\n  <mat-form-field class=\"aca-rule-action-full-width\" appearance=\"fill\" subscriptSizing=\"dynamic\">\n    <mat-select\n      formControlName=\"actionDefinitionId\"\n      data-automation-id=\"rule-action-select\"\n      [placeholder]=\"'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_SELECT_PLACEHOLDER' | translate\">\n      <mat-option\n        *ngFor=\"let actionDefinition of actionDefinitions\"\n        [value]=\"actionDefinition.id\">\n        {{ actionDefinition.title }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <adf-card-view\n    *ngIf=\"cardViewItems?.length > 0\"\n    data-automation-id=\"rule-action-card-view\"\n    [properties]=\"cardViewItems\"\n    class=\"aca-rule-action-full-width\"\n    [editable]=\"!readOnly\" />\n\n</form>\n", styles: [".aca-rule-action__form{display:flex;flex-direction:row;gap:20px}.aca-rule-action__form adf-card-view{margin-top:-15px}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem{display:inline-block;width:100%}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem .adf-textitem-clickable{padding-top:0}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem .adf-textitem-action .adf-textitem-icon{margin-left:-10px}.aca-rule-action-full-width{height:-moz-fit-content;height:fit-content;flex:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "ngmodule", type: CardViewModule }, { kind: "component", type: i5$2.CardViewComponent, selector: "adf-card-view", inputs: ["properties", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleActionUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleActionUiComponent, deps: [{ token: i5$2.CardViewUpdateService }, { token: i2$1.MatDialog }, { token: i2.TranslateService }, { token: i1.TagService }, { token: i1.CategoryService }, { token: i1.SecurityControlsService }], target: i0.ɵɵFactoryTarget.Component });
-RuleActionUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleActionUiComponent, isStandalone: true, selector: "aca-rule-action", inputs: { nodeId: "nodeId", actionDefinitions: "actionDefinitions", readOnly: "readOnly", parameterConstraints: "parameterConstraints" }, host: { classAttribute: "aca-rule-action" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            multi: true,
-            useExisting: forwardRef(() => RuleActionUiComponent)
-        },
-        CardViewUpdateService
-    ], usesOnChanges: true, ngImport: i0, template: "<form class=\"aca-rule-action__form\" [formGroup]=\"form\">\n\n  <mat-form-field class=\"aca-rule-action-full-width\" appearance=\"fill\" subscriptSizing=\"dynamic\">\n    <mat-select\n      formControlName=\"actionDefinitionId\"\n      data-automation-id=\"rule-action-select\"\n      [placeholder]=\"'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_SELECT_PLACEHOLDER' | translate\">\n      <mat-option\n        *ngFor=\"let actionDefinition of actionDefinitions\"\n        [value]=\"actionDefinition.id\">\n        {{ actionDefinition.title }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <adf-card-view\n    *ngIf=\"cardViewItems?.length > 0\"\n    data-automation-id=\"rule-action-card-view\"\n    [properties]=\"cardViewItems\"\n    class=\"aca-rule-action-full-width\"\n    [editable]=\"!readOnly\">\n  </adf-card-view>\n\n</form>\n", styles: [".aca-rule-action__form{display:flex;flex-direction:row;gap:20px}.aca-rule-action__form adf-card-view{margin-top:-15px}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem{display:inline-block;width:100%}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem .adf-textitem-clickable{padding-top:0}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem .adf-textitem-action .adf-textitem-icon{margin-left:-10px}.aca-rule-action-full-width{height:-moz-fit-content;height:fit-content;flex:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "ngmodule", type: CardViewModule }, { kind: "component", type: i5$2.CardViewComponent, selector: "adf-card-view", inputs: ["properties", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleActionUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleActionUiComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, TranslateModule, ReactiveFormsModule, MatFormFieldModule, MatSelectModule, CardViewModule], selector: 'aca-rule-action', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-action' }, providers: [
                         {
@@ -1265,7 +1263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => RuleActionUiComponent)
                         },
                         CardViewUpdateService
-                    ], template: "<form class=\"aca-rule-action__form\" [formGroup]=\"form\">\n\n  <mat-form-field class=\"aca-rule-action-full-width\" appearance=\"fill\" subscriptSizing=\"dynamic\">\n    <mat-select\n      formControlName=\"actionDefinitionId\"\n      data-automation-id=\"rule-action-select\"\n      [placeholder]=\"'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_SELECT_PLACEHOLDER' | translate\">\n      <mat-option\n        *ngFor=\"let actionDefinition of actionDefinitions\"\n        [value]=\"actionDefinition.id\">\n        {{ actionDefinition.title }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <adf-card-view\n    *ngIf=\"cardViewItems?.length > 0\"\n    data-automation-id=\"rule-action-card-view\"\n    [properties]=\"cardViewItems\"\n    class=\"aca-rule-action-full-width\"\n    [editable]=\"!readOnly\">\n  </adf-card-view>\n\n</form>\n", styles: [".aca-rule-action__form{display:flex;flex-direction:row;gap:20px}.aca-rule-action__form adf-card-view{margin-top:-15px}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem{display:inline-block;width:100%}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem .adf-textitem-clickable{padding-top:0}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem .adf-textitem-action .adf-textitem-icon{margin-left:-10px}.aca-rule-action-full-width{height:-moz-fit-content;height:fit-content;flex:1}\n"] }]
+                    ], template: "<form class=\"aca-rule-action__form\" [formGroup]=\"form\">\n\n  <mat-form-field class=\"aca-rule-action-full-width\" appearance=\"fill\" subscriptSizing=\"dynamic\">\n    <mat-select\n      formControlName=\"actionDefinitionId\"\n      data-automation-id=\"rule-action-select\"\n      [placeholder]=\"'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_SELECT_PLACEHOLDER' | translate\">\n      <mat-option\n        *ngFor=\"let actionDefinition of actionDefinitions\"\n        [value]=\"actionDefinition.id\">\n        {{ actionDefinition.title }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <adf-card-view\n    *ngIf=\"cardViewItems?.length > 0\"\n    data-automation-id=\"rule-action-card-view\"\n    [properties]=\"cardViewItems\"\n    class=\"aca-rule-action-full-width\"\n    [editable]=\"!readOnly\" />\n\n</form>\n", styles: [".aca-rule-action__form{display:flex;flex-direction:row;gap:20px}.aca-rule-action__form adf-card-view{margin-top:-15px}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem{display:inline-block;width:100%}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem .adf-textitem-clickable{padding-top:0}.aca-rule-action__form adf-card-view .adf-property-list .adf-property adf-card-view-item-dispatcher adf-card-view-textitem .adf-textitem-action .adf-textitem-icon{margin-left:-10px}.aca-rule-action-full-width{height:-moz-fit-content;height:fit-content;flex:1}\n"] }]
         }], ctorParameters: function () { return [{ type: i5$2.CardViewUpdateService }, { type: i2$1.MatDialog }, { type: i2.TranslateService }, { type: i1.TagService }, { type: i1.CategoryService }, { type: i1.SecurityControlsService }]; }, propDecorators: { nodeId: [{
                 type: Input
             }], actionDefinitions: [{
@@ -1300,16 +1298,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RuleActionListUiComponent {
-    constructor() {
-        this.actionDefinitions = [];
-        this.readOnly = false;
-        this.parameterConstraints = [];
-        this.nodeId = '';
-        this.formArray = new FormArray([]);
-        this.formControls = [];
-        this.onChange = () => undefined;
-        this.onTouch = () => undefined;
-    }
+    actionDefinitions = [];
+    readOnly = false;
+    parameterConstraints = [];
+    nodeId = '';
+    formArray = new FormArray([]);
+    formArraySubscription;
+    formControls = [];
+    onChange = () => undefined;
+    onTouch = () => undefined;
     writeValue(actions) {
         if (actions.length === 0) {
             actions = [
@@ -1349,16 +1346,16 @@ class RuleActionListUiComponent {
         this.formArray.removeAt(index);
         this.formControls = this.formArray.controls;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleActionListUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleActionListUiComponent, isStandalone: true, selector: "aca-rule-action-list", inputs: { actionDefinitions: "actionDefinitions", readOnly: "readOnly", parameterConstraints: "parameterConstraints", nodeId: "nodeId" }, host: { classAttribute: "aca-rule-action-list" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => RuleActionListUiComponent)
+            }
+        ], ngImport: i0, template: "<div class=\"aca-rule-action-list__item  \" *ngFor=\"let control of formControls\">\n  <aca-rule-action\n    [actionDefinitions]=\"actionDefinitions\"\n    [parameterConstraints]=\"parameterConstraints\"\n    [readOnly]=\"readOnly\"\n    [formControl]=\"control\"\n    [nodeId]=\"nodeId\" />\n\n  <button\n    mat-icon-button\n    data-automation-id=\"rule-action-list-action-menu\"\n    *ngIf=\"!readOnly\" [matMenuTriggerFor]=\"menu\">\n    <mat-icon>more_vert</mat-icon>\n  </button>\n\n  <mat-menu #menu>\n    <button\n      mat-menu-item\n      data-automation-id=\"rule-action-list-remove-action-button\"\n      [title]=\"'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.REMOVE' | translate\"\n      [disabled]=\"formControls.length <= 1\"\n      (click)=\"removeAction(control)\">\n      <mat-icon>delete</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.REMOVE' | translate }}</span>\n    </button>\n  </mat-menu>\n</div>\n\n<button mat-flat-button class=\"aca-rule-action-list-add-action-button\" data-automation-id=\"rule-action-list-add-action-button\" (click)=\"addAction()\" *ngIf=\"!readOnly\">\n  <mat-icon class=\"aca-rule-action-list-add-action-button-icon\">add</mat-icon>\n  <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.ADD_ACTION' | translate }}</span>\n</button>\n", styles: [".aca-rule-action-list .aca-rule-action-list__item .aca-rule-action .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-top:24px}.aca-rule-action-list .mat-mdc-form-field-subscript-wrapper{display:none}.aca-rule-action-list .aca-rule-action-list-add-action-button{margin:4px 0 20px}.aca-rule-action-list .aca-rule-action-list-add-action-button .aca-rule-action-list-add-action-button-icon{width:24px;height:24px;font-size:24px;margin-right:0;margin-left:1px}.aca-rule-action-list__item{border-radius:8px;display:flex;margin:10px;padding:10px}.aca-rule-action-list__item>.aca-rule-action{flex:1}.aca-rule-action-list__item .mdc-text-field--disabled.mdc-text-field--filled{background:transparent}.aca-rule-action-list__item:nth-child(2n){background-color:#f2f2f2}.aca-rule-action-list__item:nth-child(2n):last-of-type{margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: RuleActionUiComponent, selector: "aca-rule-action", inputs: ["nodeId", "actionDefinitions", "readOnly", "parameterConstraints"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i8$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i8$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleActionListUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleActionListUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuleActionListUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleActionListUiComponent, isStandalone: true, selector: "aca-rule-action-list", inputs: { actionDefinitions: "actionDefinitions", readOnly: "readOnly", parameterConstraints: "parameterConstraints", nodeId: "nodeId" }, host: { classAttribute: "aca-rule-action-list" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            multi: true,
-            useExisting: forwardRef(() => RuleActionListUiComponent)
-        }
-    ], ngImport: i0, template: "<div class=\"aca-rule-action-list__item  \" *ngFor=\"let control of formControls\">\n  <aca-rule-action\n    [actionDefinitions]=\"actionDefinitions\"\n    [parameterConstraints]=\"parameterConstraints\"\n    [readOnly]=\"readOnly\"\n    [formControl]=\"control\"\n    [nodeId]=\"nodeId\">\n  </aca-rule-action>\n\n  <button\n    mat-icon-button\n    data-automation-id=\"rule-action-list-action-menu\"\n    *ngIf=\"!readOnly\" [matMenuTriggerFor]=\"menu\">\n    <mat-icon>more_vert</mat-icon>\n  </button>\n\n  <mat-menu #menu>\n    <button\n      mat-menu-item\n      data-automation-id=\"rule-action-list-remove-action-button\"\n      [title]=\"'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.REMOVE' | translate\"\n      [disabled]=\"formControls.length <= 1\"\n      (click)=\"removeAction(control)\">\n      <mat-icon>delete</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.REMOVE' | translate }}</span>\n    </button>\n  </mat-menu>\n</div>\n\n<button mat-flat-button class=\"aca-rule-action-list-add-action-button\" data-automation-id=\"rule-action-list-add-action-button\" (click)=\"addAction()\" *ngIf=\"!readOnly\">\n  <mat-icon class=\"aca-rule-action-list-add-action-button-icon\">add</mat-icon>\n  <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.ADD_ACTION' | translate }}</span>\n</button>\n", styles: [".aca-rule-action-list .aca-rule-action-list__item .aca-rule-action .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-top:24px}.aca-rule-action-list .mat-mdc-form-field-subscript-wrapper{display:none}.aca-rule-action-list .aca-rule-action-list-add-action-button{margin:4px 0 20px}.aca-rule-action-list .aca-rule-action-list-add-action-button .aca-rule-action-list-add-action-button-icon{width:24px;height:24px;font-size:24px;margin-right:0;margin-left:1px}.aca-rule-action-list__item{border-radius:8px;display:flex;margin:10px;padding:10px}.aca-rule-action-list__item>.aca-rule-action{flex:1}.aca-rule-action-list__item .mdc-text-field--disabled.mdc-text-field--filled{background:transparent}.aca-rule-action-list__item:nth-child(2n){background-color:#f2f2f2}.aca-rule-action-list__item:nth-child(2n):last-of-type{margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: RuleActionUiComponent, selector: "aca-rule-action", inputs: ["nodeId", "actionDefinitions", "readOnly", "parameterConstraints"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i8$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i8$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleActionListUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleActionListUiComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, TranslateModule, RuleActionUiComponent, ReactiveFormsModule, MatButtonModule, MatMenuModule, MatIconModule], selector: 'aca-rule-action-list', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-action-list' }, providers: [
                         {
@@ -1366,7 +1363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             multi: true,
                             useExisting: forwardRef(() => RuleActionListUiComponent)
                         }
-                    ], template: "<div class=\"aca-rule-action-list__item  \" *ngFor=\"let control of formControls\">\n  <aca-rule-action\n    [actionDefinitions]=\"actionDefinitions\"\n    [parameterConstraints]=\"parameterConstraints\"\n    [readOnly]=\"readOnly\"\n    [formControl]=\"control\"\n    [nodeId]=\"nodeId\">\n  </aca-rule-action>\n\n  <button\n    mat-icon-button\n    data-automation-id=\"rule-action-list-action-menu\"\n    *ngIf=\"!readOnly\" [matMenuTriggerFor]=\"menu\">\n    <mat-icon>more_vert</mat-icon>\n  </button>\n\n  <mat-menu #menu>\n    <button\n      mat-menu-item\n      data-automation-id=\"rule-action-list-remove-action-button\"\n      [title]=\"'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.REMOVE' | translate\"\n      [disabled]=\"formControls.length <= 1\"\n      (click)=\"removeAction(control)\">\n      <mat-icon>delete</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.REMOVE' | translate }}</span>\n    </button>\n  </mat-menu>\n</div>\n\n<button mat-flat-button class=\"aca-rule-action-list-add-action-button\" data-automation-id=\"rule-action-list-add-action-button\" (click)=\"addAction()\" *ngIf=\"!readOnly\">\n  <mat-icon class=\"aca-rule-action-list-add-action-button-icon\">add</mat-icon>\n  <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.ADD_ACTION' | translate }}</span>\n</button>\n", styles: [".aca-rule-action-list .aca-rule-action-list__item .aca-rule-action .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-top:24px}.aca-rule-action-list .mat-mdc-form-field-subscript-wrapper{display:none}.aca-rule-action-list .aca-rule-action-list-add-action-button{margin:4px 0 20px}.aca-rule-action-list .aca-rule-action-list-add-action-button .aca-rule-action-list-add-action-button-icon{width:24px;height:24px;font-size:24px;margin-right:0;margin-left:1px}.aca-rule-action-list__item{border-radius:8px;display:flex;margin:10px;padding:10px}.aca-rule-action-list__item>.aca-rule-action{flex:1}.aca-rule-action-list__item .mdc-text-field--disabled.mdc-text-field--filled{background:transparent}.aca-rule-action-list__item:nth-child(2n){background-color:#f2f2f2}.aca-rule-action-list__item:nth-child(2n):last-of-type{margin-bottom:8px}\n"] }]
+                    ], template: "<div class=\"aca-rule-action-list__item  \" *ngFor=\"let control of formControls\">\n  <aca-rule-action\n    [actionDefinitions]=\"actionDefinitions\"\n    [parameterConstraints]=\"parameterConstraints\"\n    [readOnly]=\"readOnly\"\n    [formControl]=\"control\"\n    [nodeId]=\"nodeId\" />\n\n  <button\n    mat-icon-button\n    data-automation-id=\"rule-action-list-action-menu\"\n    *ngIf=\"!readOnly\" [matMenuTriggerFor]=\"menu\">\n    <mat-icon>more_vert</mat-icon>\n  </button>\n\n  <mat-menu #menu>\n    <button\n      mat-menu-item\n      data-automation-id=\"rule-action-list-remove-action-button\"\n      [title]=\"'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.REMOVE' | translate\"\n      [disabled]=\"formControls.length <= 1\"\n      (click)=\"removeAction(control)\">\n      <mat-icon>delete</mat-icon>\n      <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.REMOVE' | translate }}</span>\n    </button>\n  </mat-menu>\n</div>\n\n<button mat-flat-button class=\"aca-rule-action-list-add-action-button\" data-automation-id=\"rule-action-list-add-action-button\" (click)=\"addAction()\" *ngIf=\"!readOnly\">\n  <mat-icon class=\"aca-rule-action-list-add-action-button-icon\">add</mat-icon>\n  <span>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ACTION_BUTTONS.ADD_ACTION' | translate }}</span>\n</button>\n", styles: [".aca-rule-action-list .aca-rule-action-list__item .aca-rule-action .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-top:24px}.aca-rule-action-list .mat-mdc-form-field-subscript-wrapper{display:none}.aca-rule-action-list .aca-rule-action-list-add-action-button{margin:4px 0 20px}.aca-rule-action-list .aca-rule-action-list-add-action-button .aca-rule-action-list-add-action-button-icon{width:24px;height:24px;font-size:24px;margin-right:0;margin-left:1px}.aca-rule-action-list__item{border-radius:8px;display:flex;margin:10px;padding:10px}.aca-rule-action-list__item>.aca-rule-action{flex:1}.aca-rule-action-list__item .mdc-text-field--disabled.mdc-text-field--filled{background:transparent}.aca-rule-action-list__item:nth-child(2n){background-color:#f2f2f2}.aca-rule-action-list__item:nth-child(2n):last-of-type{margin-bottom:8px}\n"] }]
         }], propDecorators: { actionDefinitions: [{
                 type: Input
             }], readOnly: [{
@@ -1401,33 +1398,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RuleOptionsUiComponent {
-    constructor() {
-        this.form = new FormGroup({
-            isDisabled: new FormControl(),
-            isInheritable: new FormControl(),
-            isAsynchronous: new FormControl(),
-            errorScript: new FormControl()
+    form = new FormGroup({
+        isDisabled: new FormControl(),
+        isInheritable: new FormControl(),
+        isAsynchronous: new FormControl(),
+        errorScript: new FormControl()
+    });
+    formSubscription = this.form.valueChanges.subscribe((value) => {
+        const formValue = { ...this.form.value, ...value };
+        this.isAsynchronousChecked = value.isAsynchronous;
+        this.isInheritableChecked = value.isInheritable;
+        this.onChange({
+            isEnabled: !formValue.isDisabled,
+            isInheritable: formValue.isInheritable,
+            isAsynchronous: formValue.isAsynchronous,
+            errorScript: formValue.errorScript ?? ''
         });
-        this.formSubscription = this.form.valueChanges.subscribe((value) => {
-            const formValue = { ...this.form.value, ...value };
-            this.isAsynchronousChecked = value.isAsynchronous;
-            this.isInheritableChecked = value.isInheritable;
-            this.onChange({
-                isEnabled: !formValue.isDisabled,
-                isInheritable: formValue.isInheritable,
-                isAsynchronous: formValue.isAsynchronous,
-                errorScript: formValue.errorScript ?? ''
-            });
-            this.onTouch();
-        });
-        this.hideErrorScriptDropdown = true;
-        this.readOnly = false;
-        this.onChange = () => undefined;
-        this.onTouch = () => undefined;
-        this.isAsynchronousChecked = false;
-        this.isInheritableChecked = false;
-        this.errorScriptOptions = [];
-    }
+        this.onTouch();
+    });
+    hideErrorScriptDropdown = true;
+    errorScriptConstraint;
+    readOnly = false;
+    onChange = () => undefined;
+    onTouch = () => undefined;
+    isAsynchronousChecked = false;
+    isInheritableChecked = false;
+    errorScriptOptions = [];
     writeValue(options) {
         this.form.setValue({
             isDisabled: !options.isEnabled,
@@ -1466,16 +1462,16 @@ class RuleOptionsUiComponent {
     toggleErrorScriptDropdown(value) {
         this.hideErrorScriptDropdown = !value.checked;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleOptionsUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleOptionsUiComponent, isStandalone: true, selector: "aca-rule-options", inputs: { errorScriptConstraint: "errorScriptConstraint" }, host: { properties: { "class.aca-read-only": "this.readOnly" }, classAttribute: "aca-rule-options" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => RuleOptionsUiComponent)
+            }
+        ], usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n  <div class=\"aca-rule-options__option\" *ngIf=\"!readOnly || isAsynchronousChecked\">\n    <mat-checkbox\n      formControlName=\"isAsynchronous\"\n      (change)=\"toggleErrorScriptDropdown($event)\"\n      class=\"aca-rule-options__checkbox\"\n      data-automation-id=\"rule-option-checkbox-asynchronous\">\n      {{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.IS_ASYNCHRONOUS' | translate }}\n    </mat-checkbox>\n\n    <mat-form-field\n      data-automation-id=\"rule-option-form-field-errorScript\"\n      floatLabel=\"always\"\n      appearance=\"fill\"\n      class=\"aca-rule-options__error-script-dropdown\"\n      [ngClass]=\"{ 'aca-hide-error-script-dropdown': hideErrorScriptDropdown }\">\n      <mat-label>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.ERROR_SCRIPT' | translate }}</mat-label>\n      <mat-select\n        formControlName=\"errorScript\"\n        data-automation-id=\"rule-option-select-errorScript\">\n\n        <mat-option class=\"aca-rule-options__error-script-option\" value=\"\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.NO_SCRIPT' | translate }}</mat-option>\n          <mat-option *ngFor=\"let option of errorScriptOptions\"\n            class=\"aca-rule-options__error-script-option\"\n            [value]=\"option.value\">\n            {{ option.label }}\n          </mat-option>\n      </mat-select>\n\n    </mat-form-field>\n  </div>\n\n\n  <div class=\"aca-rule-options__option\" *ngIf=\"!readOnly || isInheritableChecked\">\n    <mat-checkbox\n      formControlName=\"isInheritable\"\n      class=\"aca-rule-options__checkbox\"\n      data-automation-id=\"rule-option-checkbox-inheritable\">\n      {{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.IS_INHERITABLE' | translate }}\n    </mat-checkbox>\n  </div>\n\n  <div class=\"aca-rule-options__option\" *ngIf=\"!readOnly\">\n    <mat-checkbox\n      formControlName=\"isDisabled\"\n      class=\"aca-rule-options__checkbox\"\n      data-automation-id=\"rule-option-checkbox-disabled\">\n      {{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.DISABLE_RULE' | translate }}\n    </mat-checkbox>\n  </div>\n</ng-container>\n", styles: [".aca-rule-options{display:flex;flex-direction:row;gap:24px}.aca-rule-options__option{display:flex;flex-direction:column}.aca-rule-options__error-script-dropdown{margin-top:4px}.aca-rule-options.aca-read-only .aca-rule-options__checkbox>div>div:first-child{display:none}.aca-rule-options.aca-read-only .aca-rule-options__error-script-dropdown{margin-left:-13px}.aca-rule-options .aca-hide-error-script-dropdown{visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleOptionsUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleOptionsUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuleOptionsUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleOptionsUiComponent, isStandalone: true, selector: "aca-rule-options", inputs: { errorScriptConstraint: "errorScriptConstraint" }, host: { properties: { "class.aca-read-only": "this.readOnly" }, classAttribute: "aca-rule-options" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            multi: true,
-            useExisting: forwardRef(() => RuleOptionsUiComponent)
-        }
-    ], usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n  <div class=\"aca-rule-options__option\" *ngIf=\"!readOnly || isAsynchronousChecked\">\n    <mat-checkbox\n      formControlName=\"isAsynchronous\"\n      (change)=\"toggleErrorScriptDropdown($event)\"\n      class=\"aca-rule-options__checkbox\"\n      data-automation-id=\"rule-option-checkbox-asynchronous\">\n      {{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.IS_ASYNCHRONOUS' | translate }}\n    </mat-checkbox>\n\n    <mat-form-field\n      data-automation-id=\"rule-option-form-field-errorScript\"\n      floatLabel=\"always\"\n      appearance=\"fill\"\n      class=\"aca-rule-options__error-script-dropdown\"\n      [ngClass]=\"{ 'aca-hide-error-script-dropdown': hideErrorScriptDropdown }\">\n      <mat-label>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.ERROR_SCRIPT' | translate }}</mat-label>\n      <mat-select\n        formControlName=\"errorScript\"\n        data-automation-id=\"rule-option-select-errorScript\">\n\n        <mat-option class=\"aca-rule-options__error-script-option\" value=\"\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.NO_SCRIPT' | translate }}</mat-option>\n          <mat-option *ngFor=\"let option of errorScriptOptions\"\n            class=\"aca-rule-options__error-script-option\"\n            [value]=\"option.value\">\n            {{ option.label }}\n          </mat-option>\n      </mat-select>\n\n    </mat-form-field>\n  </div>\n\n\n  <div class=\"aca-rule-options__option\" *ngIf=\"!readOnly || isInheritableChecked\">\n    <mat-checkbox\n      formControlName=\"isInheritable\"\n      class=\"aca-rule-options__checkbox\"\n      data-automation-id=\"rule-option-checkbox-inheritable\">\n      {{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.IS_INHERITABLE' | translate }}\n    </mat-checkbox>\n  </div>\n\n  <div class=\"aca-rule-options__option\" *ngIf=\"!readOnly\">\n    <mat-checkbox\n      formControlName=\"isDisabled\"\n      class=\"aca-rule-options__checkbox\"\n      data-automation-id=\"rule-option-checkbox-disabled\">\n      {{ 'ACA_FOLDER_RULES.RULE_DETAILS.OPTIONS.DISABLE_RULE' | translate }}\n    </mat-checkbox>\n  </div>\n</ng-container>\n", styles: [".aca-rule-options{display:flex;flex-direction:row;gap:24px}.aca-rule-options__option{display:flex;flex-direction:column}.aca-rule-options__error-script-dropdown{margin-top:4px}.aca-rule-options.aca-read-only .aca-rule-options__checkbox>div>div:first-child{display:none}.aca-rule-options.aca-read-only .aca-rule-options__error-script-dropdown{margin-left:-13px}.aca-rule-options .aca-hide-error-script-dropdown{visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleOptionsUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleOptionsUiComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, TranslateModule, ReactiveFormsModule, MatCheckboxModule, MatFormFieldModule, MatSelectModule], selector: 'aca-rule-options', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-options' }, providers: [
                         {
@@ -1515,6 +1511,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RuleDetailsUiComponent {
+    categoryService;
+    readOnly;
+    descriptionPlaceHolder;
+    _initialValue = FolderRulesService.emptyRuleForForm;
     get value() {
         let value = this.form ? this.form.value : this._initialValue;
         if (value.options) {
@@ -1548,6 +1548,14 @@ class RuleDetailsUiComponent {
             this._initialValue = newValueForForm;
         }
     }
+    preview;
+    actionDefinitions = [];
+    parameterConstraints = [];
+    nodeId = '';
+    formValidationChanged = new EventEmitter();
+    formValueChanged = new EventEmitter();
+    form;
+    errorScriptConstraint;
     get name() {
         return this.form.get('name');
     }
@@ -1563,15 +1571,9 @@ class RuleDetailsUiComponent {
     get showOptionsSection() {
         return !this.readOnly || this.value.isAsynchronous || this.value.isInheritable;
     }
+    destroyRef = inject(DestroyRef);
     constructor(categoryService) {
         this.categoryService = categoryService;
-        this._initialValue = FolderRulesService.emptyRuleForForm;
-        this.actionDefinitions = [];
-        this.parameterConstraints = [];
-        this.nodeId = '';
-        this.formValidationChanged = new EventEmitter();
-        this.formValueChanged = new EventEmitter();
-        this.onDestroy$ = new Subject();
     }
     ngOnInit() {
         const disabledCategory = !this.categoryService.areCategoriesEnabled();
@@ -1596,12 +1598,12 @@ class RuleDetailsUiComponent {
             })
         });
         this.form.statusChanges
-            .pipe(map(() => this.form.valid), distinctUntilChanged(), takeUntil(this.onDestroy$))
+            .pipe(map(() => this.form.valid), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
             .subscribe((value) => {
             this.formValidationChanged.emit(value);
         });
         this.formValidationChanged.emit(this.form.valid);
-        this.form.valueChanges.pipe(takeUntil(this.onDestroy$)).subscribe(() => {
+        this.form.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.formValueChanged.emit(this.value);
         });
         if (this.readOnly) {
@@ -1615,14 +1617,10 @@ class RuleDetailsUiComponent {
             : 'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.DESCRIPTION';
         this.errorScriptConstraint = this.parameterConstraints.find((parameterConstraint) => parameterConstraint.name === 'script-ref');
     }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleDetailsUiComponent, deps: [{ token: i1.CategoryService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleDetailsUiComponent, isStandalone: true, selector: "aca-rule-details", inputs: { readOnly: "readOnly", value: "value", preview: "preview", actionDefinitions: "actionDefinitions", parameterConstraints: "parameterConstraints", nodeId: "nodeId" }, outputs: { formValidationChanged: "formValidationChanged", formValueChanged: "formValueChanged" }, host: { classAttribute: "aca-rule-details" }, ngImport: i0, template: "<form class=\"aca-rule-details__form\" [ngClass]=\"{ 'aca-read-only': readOnly }\" [formGroup]=\"form\">\n\n  <ng-container *ngIf=\"!preview\">\n    <div class=\"aca-rule-details__form__row\">\n      <label class=\"aca-rule-details__name__label\" for=\"rule-details-name-input\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.NAME' | translate }}</label>\n      <div>\n        <mat-form-field appearance=\"fill\" floatLabel='always' class=\"aca-rule-details__form__row__field\">\n          <mat-label *ngIf=\"!name.value\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.NAME' | translate }}</mat-label>\n          <input\n            id=\"rule-details-name-input\"\n            matInput type=\"text\" formControlName=\"name\" data-automation-id=\"rule-details-name-input\">\n          <mat-error>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.REQUIRED' | translate }}</mat-error>\n        </mat-form-field>\n      </div>\n    </div>\n\n    <div class=\"aca-rule-details__form__row aca-rule-details__form__description\">\n      <label for=\"rule-details-description-textarea\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.DESCRIPTION' | translate }}</label>\n      <div>\n        <mat-form-field floatLabel='auto' appearance=\"fill\" class=\"aca-rule-details__form__row__field\">\n        <textarea\n          class=\"aca-rule-details__form__row__field__textarea\"\n          id=\"rule-details-description-textarea\"\n          matInput formControlName=\"description\" data-automation-id=\"rule-details-description-textarea\"\n          [placeholder]=\"descriptionPlaceHolder | translate\">\n        </textarea>\n        </mat-form-field>\n      </div>\n    </div>\n  </ng-container>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__triggers\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.WHEN' | translate }}</div>\n    <div>\n      <aca-rule-triggers formControlName=\"triggers\" data-automation-id=\"rule-details-triggers-component\" />\n      <mat-error class=\"aca-rule-details-error\" *ngIf=\"triggers.hasError('required')\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.INSUFFICIENT_TRIGGERS_SELECTED' | translate }}</mat-error>\n    </div>\n  </div>\n\n  <div class=\"aca-rule-details__form__conditions\">\n    <aca-rule-composite-condition [readOnly]=\"readOnly\" formControlName=\"conditions\" />\n    <mat-error class=\"aca-rule-details-error\" *ngIf=\"conditions.hasError('ruleCompositeConditionInvalid')\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.RULE_COMPOSITE_CONDITION_INVALID' | translate }}</mat-error>\n  </div>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__actions\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.PERFORM_ACTIONS' | translate }}</div>\n    <aca-rule-action-list\n      formControlName=\"actions\"\n      [actionDefinitions]=\"actionDefinitions\"\n      [parameterConstraints]=\"parameterConstraints\"\n      [readOnly]=\"readOnly\"\n      [nodeId]=\"nodeId\" />\n  </div>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__others\" *ngIf=\"showOptionsSection\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.OPTIONS' | translate }}</div>\n    <aca-rule-options\n      formControlName=\"options\"\n      data-automation-id=\"rule-details-options-component\"\n      [errorScriptConstraint]=\"errorScriptConstraint\" />\n  </div>\n\n</form>\n", styles: [".aca-rule-details .aca-rule-details__form__triggers{margin-top:10px}.aca-rule-details .aca-rule-details__name__label{padding-top:1.5em}.aca-rule-details .aca-rule-details__form__others{margin-bottom:12px}.aca-rule-details__form{position:relative}.aca-rule-details__form>div{padding:0 20px;width:100%;box-sizing:border-box}.aca-rule-details__form>div.aca-rule-details__form__description{padding-top:0;border:none;align-items:flex-start}.aca-rule-details__form__row{display:flex;align-items:baseline;gap:8px}.aca-rule-details__form__row>label,.aca-rule-details__form__row>.aca-label{font-weight:700;color:var(--adf-theme-foreground-text-color);width:20%;min-width:100px;max-width:150px;padding:.5em 0}.aca-rule-details__form__row>div{flex-grow:1}.aca-rule-details__form__row__field{width:100%;max-width:400px;font-size:inherit}.aca-rule-details__form__row__field label[for=rule-details-name-input]{transform:translateY(-20%) scale(1)}.aca-rule-details__form__row__field__textarea{min-height:4em}.aca-rule-details__form:not(:nth-child(1)){border-top:1px solid var(--theme-border-color)}.aca-rule-details__form__conditions{width:100%;margin:14px 0 36px}.aca-rule-details__form__conditions>.aca-rule-details-error{margin-left:16px;color:inherit}.aca-rule-details__form .aca-rule-details-error{font-size:75%;height:1em}.aca-rule-details__form__actions .aca-rule-action-list{flex:1}.aca-rule-details__form.aca-read-only .mdc-notched-outline__leading,.aca-rule-details__form.aca-read-only .mdc-notched-outline__trailing,.aca-rule-details__form.aca-read-only .mdc-notched-outline__notch,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__leading,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__trailing,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__notch{border:none}.aca-rule-details__form.aca-read-only .mdc-line-ripple:before,.aca-rule-details__form.aca-read-only .mdc-line-ripple:after,.aca-rule-details__form .mat-form-field-disabled .mdc-line-ripple:before,.aca-rule-details__form .mat-form-field-disabled .mdc-line-ripple:after{display:none}.aca-rule-details__form.aca-read-only *:disabled,.aca-rule-details__form.aca-read-only .mat-mdc-select-disabled .mat-mdc-select-value,.aca-rule-details__form .mat-form-field-disabled *:disabled,.aca-rule-details__form .mat-form-field-disabled .mat-mdc-select-disabled .mat-mdc-select-value{color:inherit}.aca-rule-details__form.aca-read-only .mat-mdc-select-arrow-wrapper,.aca-rule-details__form .mat-form-field-disabled .mat-mdc-select-arrow-wrapper{display:none}.aca-rule-details__form .aca-rule-details__form__row .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-bottom:.375em}.aca-rule-details__form .aca-rule-details__form__row aca-rule-action .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-top:.1em;padding-bottom:.1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: RuleTriggersUiComponent, selector: "aca-rule-triggers" }, { kind: "component", type: RuleCompositeConditionUiComponent, selector: "aca-rule-composite-condition", inputs: ["secondaryBackground", "childCondition", "readOnly"] }, { kind: "component", type: RuleActionListUiComponent, selector: "aca-rule-action-list", inputs: ["actionDefinitions", "readOnly", "parameterConstraints", "nodeId"] }, { kind: "component", type: RuleOptionsUiComponent, selector: "aca-rule-options", inputs: ["errorScriptConstraint"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleDetailsUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleDetailsUiComponent, deps: [{ token: i1.CategoryService }], target: i0.ɵɵFactoryTarget.Component });
-RuleDetailsUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleDetailsUiComponent, isStandalone: true, selector: "aca-rule-details", inputs: { readOnly: "readOnly", value: "value", preview: "preview", actionDefinitions: "actionDefinitions", parameterConstraints: "parameterConstraints", nodeId: "nodeId" }, outputs: { formValidationChanged: "formValidationChanged", formValueChanged: "formValueChanged" }, host: { classAttribute: "aca-rule-details" }, ngImport: i0, template: "<form class=\"aca-rule-details__form\" [ngClass]=\"{ 'aca-read-only': readOnly }\" [formGroup]=\"form\">\n\n  <ng-container *ngIf=\"!preview\">\n    <div class=\"aca-rule-details__form__row\">\n      <label class=\"aca-rule-details__name__label\" for=\"rule-details-name-input\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.NAME' | translate }}</label>\n      <div>\n        <mat-form-field appearance=\"fill\" floatLabel='always' class=\"aca-rule-details__form__row__field\">\n          <mat-label *ngIf=\"!name.value\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.NAME' | translate }}</mat-label>\n          <input\n            id=\"rule-details-name-input\"\n            matInput type=\"text\" formControlName=\"name\" data-automation-id=\"rule-details-name-input\">\n          <mat-error>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.REQUIRED' | translate }}</mat-error>\n        </mat-form-field>\n      </div>\n    </div>\n\n    <div class=\"aca-rule-details__form__row aca-rule-details__form__description\">\n      <label for=\"rule-details-description-textarea\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.DESCRIPTION' | translate }}</label>\n      <div>\n        <mat-form-field floatLabel='auto' appearance=\"fill\" class=\"aca-rule-details__form__row__field\">\n        <textarea\n          class=\"aca-rule-details__form__row__field__textarea\"\n          id=\"rule-details-description-textarea\"\n          matInput formControlName=\"description\" data-automation-id=\"rule-details-description-textarea\"\n          [placeholder]=\"descriptionPlaceHolder | translate\">\n        </textarea>\n        </mat-form-field>\n      </div>\n    </div>\n  </ng-container>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__triggers\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.WHEN' | translate }}</div>\n    <div>\n      <aca-rule-triggers formControlName=\"triggers\" data-automation-id=\"rule-details-triggers-component\"></aca-rule-triggers>\n      <mat-error class=\"aca-rule-details-error\" *ngIf=\"triggers.hasError('required')\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.INSUFFICIENT_TRIGGERS_SELECTED' | translate }}</mat-error>\n    </div>\n  </div>\n\n  <div class=\"aca-rule-details__form__conditions\">\n    <aca-rule-composite-condition [readOnly]=\"readOnly\" formControlName=\"conditions\"></aca-rule-composite-condition>\n    <mat-error class=\"aca-rule-details-error\" *ngIf=\"conditions.hasError('ruleCompositeConditionInvalid')\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.RULE_COMPOSITE_CONDITION_INVALID' | translate }}</mat-error>\n  </div>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__actions\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.PERFORM_ACTIONS' | translate }}</div>\n    <aca-rule-action-list\n      formControlName=\"actions\"\n      [actionDefinitions]=\"actionDefinitions\"\n      [parameterConstraints]=\"parameterConstraints\"\n      [readOnly]=\"readOnly\"\n      [nodeId]=\"nodeId\">\n    </aca-rule-action-list>\n  </div>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__others\" *ngIf=\"showOptionsSection\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.OPTIONS' | translate }}</div>\n    <aca-rule-options\n      formControlName=\"options\"\n      data-automation-id=\"rule-details-options-component\"\n      [errorScriptConstraint]=\"errorScriptConstraint\">\n    </aca-rule-options>\n  </div>\n\n</form>\n", styles: [".aca-rule-details .aca-rule-details__form__triggers{margin-top:10px}.aca-rule-details .aca-rule-details__name__label{padding-top:1.5em}.aca-rule-details .aca-rule-details__form__others{margin-bottom:12px}.aca-rule-details__form{position:relative}.aca-rule-details__form>div{padding:0 20px;width:100%;box-sizing:border-box}.aca-rule-details__form>div.aca-rule-details__form__description{padding-top:0;border:none;align-items:flex-start}.aca-rule-details__form__row{display:flex;align-items:baseline;gap:8px}.aca-rule-details__form__row>label,.aca-rule-details__form__row>.aca-label{font-weight:700;width:20%;min-width:100px;max-width:150px;padding:.5em 0}.aca-rule-details__form__row>div{flex-grow:1}.aca-rule-details__form__row__field{width:100%;max-width:400px;font-size:inherit}.aca-rule-details__form__row__field label[for=rule-details-name-input]{transform:translateY(-20%) scale(1)}.aca-rule-details__form__row__field__textarea{min-height:4em}.aca-rule-details__form:not(:nth-child(1)){border-top:1px solid var(--theme-border-color)}.aca-rule-details__form__conditions{width:100%;margin:14px 0 36px}.aca-rule-details__form__conditions>.aca-rule-details-error{margin-left:16px;color:inherit}.aca-rule-details__form .aca-rule-details-error{font-size:75%;height:1em}.aca-rule-details__form__actions .aca-rule-action-list{flex:1}.aca-rule-details__form.aca-read-only .mdc-notched-outline__leading,.aca-rule-details__form.aca-read-only .mdc-notched-outline__trailing,.aca-rule-details__form.aca-read-only .mdc-notched-outline__notch,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__leading,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__trailing,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__notch{border:none}.aca-rule-details__form.aca-read-only .mdc-line-ripple:before,.aca-rule-details__form.aca-read-only .mdc-line-ripple:after,.aca-rule-details__form .mat-form-field-disabled .mdc-line-ripple:before,.aca-rule-details__form .mat-form-field-disabled .mdc-line-ripple:after{display:none}.aca-rule-details__form.aca-read-only *:disabled,.aca-rule-details__form.aca-read-only .mat-mdc-select-disabled .mat-mdc-select-value,.aca-rule-details__form .mat-form-field-disabled *:disabled,.aca-rule-details__form .mat-form-field-disabled .mat-mdc-select-disabled .mat-mdc-select-value{color:inherit}.aca-rule-details__form.aca-read-only .mat-mdc-select-arrow-wrapper,.aca-rule-details__form .mat-form-field-disabled .mat-mdc-select-arrow-wrapper{display:none}.aca-rule-details__form .aca-rule-details__form__row .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-bottom:.375em}.aca-rule-details__form .aca-rule-details__form__row aca-rule-action .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-top:.1em;padding-bottom:.1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: RuleTriggersUiComponent, selector: "aca-rule-triggers" }, { kind: "component", type: RuleCompositeConditionUiComponent, selector: "aca-rule-composite-condition", inputs: ["secondaryBackground", "childCondition", "readOnly"] }, { kind: "component", type: RuleActionListUiComponent, selector: "aca-rule-action-list", inputs: ["actionDefinitions", "readOnly", "parameterConstraints", "nodeId"] }, { kind: "component", type: RuleOptionsUiComponent, selector: "aca-rule-options", inputs: ["errorScriptConstraint"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleDetailsUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleDetailsUiComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
@@ -1634,7 +1632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         RuleCompositeConditionUiComponent,
                         RuleActionListUiComponent,
                         RuleOptionsUiComponent
-                    ], selector: 'aca-rule-details', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-details' }, template: "<form class=\"aca-rule-details__form\" [ngClass]=\"{ 'aca-read-only': readOnly }\" [formGroup]=\"form\">\n\n  <ng-container *ngIf=\"!preview\">\n    <div class=\"aca-rule-details__form__row\">\n      <label class=\"aca-rule-details__name__label\" for=\"rule-details-name-input\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.NAME' | translate }}</label>\n      <div>\n        <mat-form-field appearance=\"fill\" floatLabel='always' class=\"aca-rule-details__form__row__field\">\n          <mat-label *ngIf=\"!name.value\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.NAME' | translate }}</mat-label>\n          <input\n            id=\"rule-details-name-input\"\n            matInput type=\"text\" formControlName=\"name\" data-automation-id=\"rule-details-name-input\">\n          <mat-error>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.REQUIRED' | translate }}</mat-error>\n        </mat-form-field>\n      </div>\n    </div>\n\n    <div class=\"aca-rule-details__form__row aca-rule-details__form__description\">\n      <label for=\"rule-details-description-textarea\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.DESCRIPTION' | translate }}</label>\n      <div>\n        <mat-form-field floatLabel='auto' appearance=\"fill\" class=\"aca-rule-details__form__row__field\">\n        <textarea\n          class=\"aca-rule-details__form__row__field__textarea\"\n          id=\"rule-details-description-textarea\"\n          matInput formControlName=\"description\" data-automation-id=\"rule-details-description-textarea\"\n          [placeholder]=\"descriptionPlaceHolder | translate\">\n        </textarea>\n        </mat-form-field>\n      </div>\n    </div>\n  </ng-container>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__triggers\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.WHEN' | translate }}</div>\n    <div>\n      <aca-rule-triggers formControlName=\"triggers\" data-automation-id=\"rule-details-triggers-component\"></aca-rule-triggers>\n      <mat-error class=\"aca-rule-details-error\" *ngIf=\"triggers.hasError('required')\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.INSUFFICIENT_TRIGGERS_SELECTED' | translate }}</mat-error>\n    </div>\n  </div>\n\n  <div class=\"aca-rule-details__form__conditions\">\n    <aca-rule-composite-condition [readOnly]=\"readOnly\" formControlName=\"conditions\"></aca-rule-composite-condition>\n    <mat-error class=\"aca-rule-details-error\" *ngIf=\"conditions.hasError('ruleCompositeConditionInvalid')\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.RULE_COMPOSITE_CONDITION_INVALID' | translate }}</mat-error>\n  </div>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__actions\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.PERFORM_ACTIONS' | translate }}</div>\n    <aca-rule-action-list\n      formControlName=\"actions\"\n      [actionDefinitions]=\"actionDefinitions\"\n      [parameterConstraints]=\"parameterConstraints\"\n      [readOnly]=\"readOnly\"\n      [nodeId]=\"nodeId\">\n    </aca-rule-action-list>\n  </div>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__others\" *ngIf=\"showOptionsSection\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.OPTIONS' | translate }}</div>\n    <aca-rule-options\n      formControlName=\"options\"\n      data-automation-id=\"rule-details-options-component\"\n      [errorScriptConstraint]=\"errorScriptConstraint\">\n    </aca-rule-options>\n  </div>\n\n</form>\n", styles: [".aca-rule-details .aca-rule-details__form__triggers{margin-top:10px}.aca-rule-details .aca-rule-details__name__label{padding-top:1.5em}.aca-rule-details .aca-rule-details__form__others{margin-bottom:12px}.aca-rule-details__form{position:relative}.aca-rule-details__form>div{padding:0 20px;width:100%;box-sizing:border-box}.aca-rule-details__form>div.aca-rule-details__form__description{padding-top:0;border:none;align-items:flex-start}.aca-rule-details__form__row{display:flex;align-items:baseline;gap:8px}.aca-rule-details__form__row>label,.aca-rule-details__form__row>.aca-label{font-weight:700;width:20%;min-width:100px;max-width:150px;padding:.5em 0}.aca-rule-details__form__row>div{flex-grow:1}.aca-rule-details__form__row__field{width:100%;max-width:400px;font-size:inherit}.aca-rule-details__form__row__field label[for=rule-details-name-input]{transform:translateY(-20%) scale(1)}.aca-rule-details__form__row__field__textarea{min-height:4em}.aca-rule-details__form:not(:nth-child(1)){border-top:1px solid var(--theme-border-color)}.aca-rule-details__form__conditions{width:100%;margin:14px 0 36px}.aca-rule-details__form__conditions>.aca-rule-details-error{margin-left:16px;color:inherit}.aca-rule-details__form .aca-rule-details-error{font-size:75%;height:1em}.aca-rule-details__form__actions .aca-rule-action-list{flex:1}.aca-rule-details__form.aca-read-only .mdc-notched-outline__leading,.aca-rule-details__form.aca-read-only .mdc-notched-outline__trailing,.aca-rule-details__form.aca-read-only .mdc-notched-outline__notch,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__leading,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__trailing,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__notch{border:none}.aca-rule-details__form.aca-read-only .mdc-line-ripple:before,.aca-rule-details__form.aca-read-only .mdc-line-ripple:after,.aca-rule-details__form .mat-form-field-disabled .mdc-line-ripple:before,.aca-rule-details__form .mat-form-field-disabled .mdc-line-ripple:after{display:none}.aca-rule-details__form.aca-read-only *:disabled,.aca-rule-details__form.aca-read-only .mat-mdc-select-disabled .mat-mdc-select-value,.aca-rule-details__form .mat-form-field-disabled *:disabled,.aca-rule-details__form .mat-form-field-disabled .mat-mdc-select-disabled .mat-mdc-select-value{color:inherit}.aca-rule-details__form.aca-read-only .mat-mdc-select-arrow-wrapper,.aca-rule-details__form .mat-form-field-disabled .mat-mdc-select-arrow-wrapper{display:none}.aca-rule-details__form .aca-rule-details__form__row .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-bottom:.375em}.aca-rule-details__form .aca-rule-details__form__row aca-rule-action .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-top:.1em;padding-bottom:.1em}\n"] }]
+                    ], selector: 'aca-rule-details', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-details' }, template: "<form class=\"aca-rule-details__form\" [ngClass]=\"{ 'aca-read-only': readOnly }\" [formGroup]=\"form\">\n\n  <ng-container *ngIf=\"!preview\">\n    <div class=\"aca-rule-details__form__row\">\n      <label class=\"aca-rule-details__name__label\" for=\"rule-details-name-input\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.NAME' | translate }}</label>\n      <div>\n        <mat-form-field appearance=\"fill\" floatLabel='always' class=\"aca-rule-details__form__row__field\">\n          <mat-label *ngIf=\"!name.value\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.PLACEHOLDER.NAME' | translate }}</mat-label>\n          <input\n            id=\"rule-details-name-input\"\n            matInput type=\"text\" formControlName=\"name\" data-automation-id=\"rule-details-name-input\">\n          <mat-error>{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.REQUIRED' | translate }}</mat-error>\n        </mat-form-field>\n      </div>\n    </div>\n\n    <div class=\"aca-rule-details__form__row aca-rule-details__form__description\">\n      <label for=\"rule-details-description-textarea\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.DESCRIPTION' | translate }}</label>\n      <div>\n        <mat-form-field floatLabel='auto' appearance=\"fill\" class=\"aca-rule-details__form__row__field\">\n        <textarea\n          class=\"aca-rule-details__form__row__field__textarea\"\n          id=\"rule-details-description-textarea\"\n          matInput formControlName=\"description\" data-automation-id=\"rule-details-description-textarea\"\n          [placeholder]=\"descriptionPlaceHolder | translate\">\n        </textarea>\n        </mat-form-field>\n      </div>\n    </div>\n  </ng-container>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__triggers\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.WHEN' | translate }}</div>\n    <div>\n      <aca-rule-triggers formControlName=\"triggers\" data-automation-id=\"rule-details-triggers-component\" />\n      <mat-error class=\"aca-rule-details-error\" *ngIf=\"triggers.hasError('required')\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.INSUFFICIENT_TRIGGERS_SELECTED' | translate }}</mat-error>\n    </div>\n  </div>\n\n  <div class=\"aca-rule-details__form__conditions\">\n    <aca-rule-composite-condition [readOnly]=\"readOnly\" formControlName=\"conditions\" />\n    <mat-error class=\"aca-rule-details-error\" *ngIf=\"conditions.hasError('ruleCompositeConditionInvalid')\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.RULE_COMPOSITE_CONDITION_INVALID' | translate }}</mat-error>\n  </div>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__actions\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.PERFORM_ACTIONS' | translate }}</div>\n    <aca-rule-action-list\n      formControlName=\"actions\"\n      [actionDefinitions]=\"actionDefinitions\"\n      [parameterConstraints]=\"parameterConstraints\"\n      [readOnly]=\"readOnly\"\n      [nodeId]=\"nodeId\" />\n  </div>\n\n  <div class=\"aca-rule-details__form__row aca-rule-details__form__others\" *ngIf=\"showOptionsSection\">\n    <div class=\"aca-label\">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.OPTIONS' | translate }}</div>\n    <aca-rule-options\n      formControlName=\"options\"\n      data-automation-id=\"rule-details-options-component\"\n      [errorScriptConstraint]=\"errorScriptConstraint\" />\n  </div>\n\n</form>\n", styles: [".aca-rule-details .aca-rule-details__form__triggers{margin-top:10px}.aca-rule-details .aca-rule-details__name__label{padding-top:1.5em}.aca-rule-details .aca-rule-details__form__others{margin-bottom:12px}.aca-rule-details__form{position:relative}.aca-rule-details__form>div{padding:0 20px;width:100%;box-sizing:border-box}.aca-rule-details__form>div.aca-rule-details__form__description{padding-top:0;border:none;align-items:flex-start}.aca-rule-details__form__row{display:flex;align-items:baseline;gap:8px}.aca-rule-details__form__row>label,.aca-rule-details__form__row>.aca-label{font-weight:700;color:var(--adf-theme-foreground-text-color);width:20%;min-width:100px;max-width:150px;padding:.5em 0}.aca-rule-details__form__row>div{flex-grow:1}.aca-rule-details__form__row__field{width:100%;max-width:400px;font-size:inherit}.aca-rule-details__form__row__field label[for=rule-details-name-input]{transform:translateY(-20%) scale(1)}.aca-rule-details__form__row__field__textarea{min-height:4em}.aca-rule-details__form:not(:nth-child(1)){border-top:1px solid var(--theme-border-color)}.aca-rule-details__form__conditions{width:100%;margin:14px 0 36px}.aca-rule-details__form__conditions>.aca-rule-details-error{margin-left:16px;color:inherit}.aca-rule-details__form .aca-rule-details-error{font-size:75%;height:1em}.aca-rule-details__form__actions .aca-rule-action-list{flex:1}.aca-rule-details__form.aca-read-only .mdc-notched-outline__leading,.aca-rule-details__form.aca-read-only .mdc-notched-outline__trailing,.aca-rule-details__form.aca-read-only .mdc-notched-outline__notch,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__leading,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__trailing,.aca-rule-details__form .mat-form-field-disabled .mdc-notched-outline__notch{border:none}.aca-rule-details__form.aca-read-only .mdc-line-ripple:before,.aca-rule-details__form.aca-read-only .mdc-line-ripple:after,.aca-rule-details__form .mat-form-field-disabled .mdc-line-ripple:before,.aca-rule-details__form .mat-form-field-disabled .mdc-line-ripple:after{display:none}.aca-rule-details__form.aca-read-only *:disabled,.aca-rule-details__form.aca-read-only .mat-mdc-select-disabled .mat-mdc-select-value,.aca-rule-details__form .mat-form-field-disabled *:disabled,.aca-rule-details__form .mat-form-field-disabled .mat-mdc-select-disabled .mat-mdc-select-value{color:inherit}.aca-rule-details__form.aca-read-only .mat-mdc-select-arrow-wrapper,.aca-rule-details__form .mat-form-field-disabled .mat-mdc-select-arrow-wrapper{display:none}.aca-rule-details__form .aca-rule-details__form__row .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-bottom:.375em}.aca-rule-details__form .aca-rule-details__form__row aca-rule-action .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-top:.1em;padding-bottom:.1em}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.CategoryService }]; }, propDecorators: { readOnly: [{
                 type: Input
             }], value: [{
@@ -1677,13 +1675,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class EditRuleDialogUiComponent {
+    data;
+    formValid = false;
+    model;
+    nodeId = '';
+    actionDefinitions$;
+    parameterConstraints$;
+    formValue;
+    submitted = new EventEmitter();
+    title = 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.' + (this.isUpdateMode ? 'UPDATE_TITLE' : 'CREATE_TITLE');
+    submitLabel = 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.' + (this.isUpdateMode ? 'UPDATE' : 'CREATE');
     constructor(data) {
         this.data = data;
-        this.formValid = false;
-        this.nodeId = '';
-        this.submitted = new EventEmitter();
-        this.title = 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.' + (this.isUpdateMode ? 'UPDATE_TITLE' : 'CREATE_TITLE');
-        this.submitLabel = 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.' + (this.isUpdateMode ? 'UPDATE' : 'CREATE');
         this.model = this.data?.model || {};
         this.nodeId = this.data?.nodeId;
         this.actionDefinitions$ = this.data?.actionDefinitions$;
@@ -1701,12 +1704,12 @@ class EditRuleDialogUiComponent {
             this.formValid = isValid;
         }, 0);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: EditRuleDialogUiComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: EditRuleDialogUiComponent, isStandalone: true, selector: "aca-edit-rule-dialog", outputs: { submitted: "submitted" }, host: { classAttribute: "aca-edit-rule-dialog" }, ngImport: i0, template: "<div mat-dialog-title class=\"aca-edit-rule-dialog__header\">\n  <div class=\"aca-edit-rule-dialog__header__title\" data-automation-id=\"edit-rule-dialog-title\">\n    {{ title | translate }}\n  </div>\n  <button mat-icon-button mat-dialog-close class=\"aca-edit-rule-dialog__header__close\" tabindex=\"-1\">\n    <mat-icon class=\"aca-edit-rule-dialog__header__icon\">close</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"aca-edit-rule-dialog__content\">\n  <aca-rule-details\n    [actionDefinitions]=\"actionDefinitions$ | async\"\n    [parameterConstraints]=\"parameterConstraints$ | async\"\n    [value]=\"model\"\n    [nodeId]=\"nodeId\"\n    (formValueChanged)=\"formValue = $event\"\n    (formValidationChanged)=\"onFormValidChange($event)\" />\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"aca-edit-rule-dialog__footer\">\n  <button mat-flat-button mat-dialog-close>{{ 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.CANCEL' | translate }}</button>\n  <button mat-flat-button color=\"primary\" [disabled]=\"!formValid\" data-automation-id=\"edit-rule-dialog-submit\" (click)=\"onSubmit()\">{{ submitLabel | translate }}</button>\n</mat-dialog-actions>\n", styles: [".aca-edit-rule-dialog-container{--edit-rule-dialog-padding: 8px 20px}.aca-edit-rule-dialog-container .mat-mdc-dialog-surface{padding:0}.aca-edit-rule-dialog{display:flex;flex-direction:column;height:100%}.aca-edit-rule-dialog input{box-sizing:border-box}.aca-edit-rule-dialog .aca-edit-rule-dialog__header{display:flex;align-items:center;margin-bottom:0;padding:var(--edit-rule-dialog-padding);box-sizing:border-box;border-bottom:1px solid var(--theme-border-color)}.aca-edit-rule-dialog .aca-edit-rule-dialog__header__title{font-size:16px;font-weight:700;flex-grow:1}.aca-edit-rule-dialog .aca-edit-rule-dialog__header__close .aca-edit-rule-dialog__header__icon{font-size:18px}.aca-edit-rule-dialog .aca-edit-rule-dialog__content{padding:0}.aca-edit-rule-dialog .aca-edit-rule-dialog__content__spinner{display:flex;align-items:center;justify-content:center;margin:20px 0}.aca-edit-rule-dialog .aca-edit-rule-dialog__footer{padding:var(--edit-rule-dialog-padding);box-sizing:border-box;border-top:1px solid var(--theme-border-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: RuleDetailsUiComponent, selector: "aca-rule-details", inputs: ["readOnly", "value", "preview", "actionDefinitions", "parameterConstraints", "nodeId"], outputs: ["formValidationChanged", "formValueChanged"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-EditRuleDialogUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditRuleDialogUiComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-EditRuleDialogUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditRuleDialogUiComponent, isStandalone: true, selector: "aca-edit-rule-dialog", outputs: { submitted: "submitted" }, host: { classAttribute: "aca-edit-rule-dialog" }, ngImport: i0, template: "<div mat-dialog-title class=\"aca-edit-rule-dialog__header\">\n  <div class=\"aca-edit-rule-dialog__header__title\" data-automation-id=\"edit-rule-dialog-title\">\n    {{ title | translate }}\n  </div>\n  <button mat-icon-button mat-dialog-close class=\"aca-edit-rule-dialog__header__close\" tabindex=\"-1\">\n    <mat-icon class=\"aca-edit-rule-dialog__header__icon\">close</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"aca-edit-rule-dialog__content\">\n  <aca-rule-details\n    [actionDefinitions]=\"actionDefinitions$ | async\"\n    [parameterConstraints]=\"parameterConstraints$ | async\"\n    [value]=\"model\"\n    [nodeId]=\"nodeId\"\n    (formValueChanged)=\"formValue = $event\"\n    (formValidationChanged)=\"onFormValidChange($event)\">\n  </aca-rule-details>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"aca-edit-rule-dialog__footer\">\n  <button mat-flat-button mat-dialog-close>{{ 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.CANCEL' | translate }}</button>\n  <button mat-flat-button color=\"primary\" [disabled]=\"!formValid\" data-automation-id=\"edit-rule-dialog-submit\" (click)=\"onSubmit()\">{{ submitLabel | translate }}</button>\n</mat-dialog-actions>\n", styles: [".aca-edit-rule-dialog-container{--edit-rule-dialog-padding: 8px 20px}.aca-edit-rule-dialog-container .mat-mdc-dialog-surface{padding:0}.aca-edit-rule-dialog{display:flex;flex-direction:column;height:100%}.aca-edit-rule-dialog input{box-sizing:border-box}.aca-edit-rule-dialog .aca-edit-rule-dialog__header{display:flex;align-items:center;margin-bottom:0;padding:var(--edit-rule-dialog-padding);box-sizing:border-box;border-bottom:1px solid var(--theme-border-color)}.aca-edit-rule-dialog .aca-edit-rule-dialog__header__title{font-size:16px;font-weight:700;flex-grow:1}.aca-edit-rule-dialog .aca-edit-rule-dialog__header__close .aca-edit-rule-dialog__header__icon{font-size:18px}.aca-edit-rule-dialog .aca-edit-rule-dialog__content{padding:0}.aca-edit-rule-dialog .aca-edit-rule-dialog__content__spinner{display:flex;align-items:center;justify-content:center;margin:20px 0}.aca-edit-rule-dialog .aca-edit-rule-dialog__footer{padding:var(--edit-rule-dialog-padding);box-sizing:border-box;border-top:1px solid var(--theme-border-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: RuleDetailsUiComponent, selector: "aca-rule-details", inputs: ["readOnly", "value", "preview", "actionDefinitions", "parameterConstraints", "nodeId"], outputs: ["formValidationChanged", "formValueChanged"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditRuleDialogUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: EditRuleDialogUiComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, MatIconModule, RuleDetailsUiComponent], selector: 'aca-edit-rule-dialog', encapsulation: ViewEncapsulation.None, host: { class: 'aca-edit-rule-dialog' }, template: "<div mat-dialog-title class=\"aca-edit-rule-dialog__header\">\n  <div class=\"aca-edit-rule-dialog__header__title\" data-automation-id=\"edit-rule-dialog-title\">\n    {{ title | translate }}\n  </div>\n  <button mat-icon-button mat-dialog-close class=\"aca-edit-rule-dialog__header__close\" tabindex=\"-1\">\n    <mat-icon class=\"aca-edit-rule-dialog__header__icon\">close</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"aca-edit-rule-dialog__content\">\n  <aca-rule-details\n    [actionDefinitions]=\"actionDefinitions$ | async\"\n    [parameterConstraints]=\"parameterConstraints$ | async\"\n    [value]=\"model\"\n    [nodeId]=\"nodeId\"\n    (formValueChanged)=\"formValue = $event\"\n    (formValidationChanged)=\"onFormValidChange($event)\">\n  </aca-rule-details>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"aca-edit-rule-dialog__footer\">\n  <button mat-flat-button mat-dialog-close>{{ 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.CANCEL' | translate }}</button>\n  <button mat-flat-button color=\"primary\" [disabled]=\"!formValid\" data-automation-id=\"edit-rule-dialog-submit\" (click)=\"onSubmit()\">{{ submitLabel | translate }}</button>\n</mat-dialog-actions>\n", styles: [".aca-edit-rule-dialog-container{--edit-rule-dialog-padding: 8px 20px}.aca-edit-rule-dialog-container .mat-mdc-dialog-surface{padding:0}.aca-edit-rule-dialog{display:flex;flex-direction:column;height:100%}.aca-edit-rule-dialog input{box-sizing:border-box}.aca-edit-rule-dialog .aca-edit-rule-dialog__header{display:flex;align-items:center;margin-bottom:0;padding:var(--edit-rule-dialog-padding);box-sizing:border-box;border-bottom:1px solid var(--theme-border-color)}.aca-edit-rule-dialog .aca-edit-rule-dialog__header__title{font-size:16px;font-weight:700;flex-grow:1}.aca-edit-rule-dialog .aca-edit-rule-dialog__header__close .aca-edit-rule-dialog__header__icon{font-size:18px}.aca-edit-rule-dialog .aca-edit-rule-dialog__content{padding:0}.aca-edit-rule-dialog .aca-edit-rule-dialog__content__spinner{display:flex;align-items:center;justify-content:center;margin:20px 0}.aca-edit-rule-dialog .aca-edit-rule-dialog__footer{padding:var(--edit-rule-dialog-padding);box-sizing:border-box;border-top:1px solid var(--theme-border-color)}\n"] }]
+            args: [{ standalone: true, imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, MatIconModule, RuleDetailsUiComponent], selector: 'aca-edit-rule-dialog', encapsulation: ViewEncapsulation.None, host: { class: 'aca-edit-rule-dialog' }, template: "<div mat-dialog-title class=\"aca-edit-rule-dialog__header\">\n  <div class=\"aca-edit-rule-dialog__header__title\" data-automation-id=\"edit-rule-dialog-title\">\n    {{ title | translate }}\n  </div>\n  <button mat-icon-button mat-dialog-close class=\"aca-edit-rule-dialog__header__close\" tabindex=\"-1\">\n    <mat-icon class=\"aca-edit-rule-dialog__header__icon\">close</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"aca-edit-rule-dialog__content\">\n  <aca-rule-details\n    [actionDefinitions]=\"actionDefinitions$ | async\"\n    [parameterConstraints]=\"parameterConstraints$ | async\"\n    [value]=\"model\"\n    [nodeId]=\"nodeId\"\n    (formValueChanged)=\"formValue = $event\"\n    (formValidationChanged)=\"onFormValidChange($event)\" />\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"aca-edit-rule-dialog__footer\">\n  <button mat-flat-button mat-dialog-close>{{ 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.CANCEL' | translate }}</button>\n  <button mat-flat-button color=\"primary\" [disabled]=\"!formValid\" data-automation-id=\"edit-rule-dialog-submit\" (click)=\"onSubmit()\">{{ submitLabel | translate }}</button>\n</mat-dialog-actions>\n", styles: [".aca-edit-rule-dialog-container{--edit-rule-dialog-padding: 8px 20px}.aca-edit-rule-dialog-container .mat-mdc-dialog-surface{padding:0}.aca-edit-rule-dialog{display:flex;flex-direction:column;height:100%}.aca-edit-rule-dialog input{box-sizing:border-box}.aca-edit-rule-dialog .aca-edit-rule-dialog__header{display:flex;align-items:center;margin-bottom:0;padding:var(--edit-rule-dialog-padding);box-sizing:border-box;border-bottom:1px solid var(--theme-border-color)}.aca-edit-rule-dialog .aca-edit-rule-dialog__header__title{font-size:16px;font-weight:700;flex-grow:1}.aca-edit-rule-dialog .aca-edit-rule-dialog__header__close .aca-edit-rule-dialog__header__icon{font-size:18px}.aca-edit-rule-dialog .aca-edit-rule-dialog__content{padding:0}.aca-edit-rule-dialog .aca-edit-rule-dialog__content__spinner{display:flex;align-items:center;justify-content:center;margin:20px 0}.aca-edit-rule-dialog .aca-edit-rule-dialog__footer{padding:var(--edit-rule-dialog-padding);box-sizing:border-box;border-top:1px solid var(--theme-border-color)}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -1738,6 +1741,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class ActionsService {
+    apiService;
+    actionDefinitionsListingSource = new BehaviorSubject([]);
+    actionDefinitionsListing$ = this.actionDefinitionsListingSource.asObservable();
+    loadingSource = new BehaviorSubject(false);
+    loading$ = this.loadingSource.asObservable();
+    parameterConstraintsSource = new BehaviorSubject([]);
+    parameterConstraints$ = this.parameterConstraintsSource.asObservable();
+    _actionsApi;
     get actionsApi() {
         if (!this._actionsApi) {
             this._actionsApi = new ActionsApi(this.apiService.getInstance());
@@ -1746,12 +1757,6 @@ class ActionsService {
     }
     constructor(apiService) {
         this.apiService = apiService;
-        this.actionDefinitionsListingSource = new BehaviorSubject([]);
-        this.actionDefinitionsListing$ = this.actionDefinitionsListingSource.asObservable();
-        this.loadingSource = new BehaviorSubject(false);
-        this.loading$ = this.loadingSource.asObservable();
-        this.parameterConstraintsSource = new BehaviorSubject([]);
-        this.parameterConstraints$ = this.parameterConstraintsSource.asObservable();
     }
     loadActionDefinitions() {
         this.loadingSource.next(true);
@@ -1813,10 +1818,10 @@ class ActionsService {
         }))), switchMap((parameterDefinitions) => forkJoin(...parameterDefinitions.map((parameterDefinition) => this.getParameterConstraints(parameterDefinition.parameterConstraintName).pipe(map((constraints) => ({ name: parameterDefinition.name, constraints })))))))
             .subscribe((res) => this.parameterConstraintsSource.next(res));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ActionsService, deps: [{ token: i1.AlfrescoApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ActionsService, providedIn: 'root' });
 }
-ActionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionsService, deps: [{ token: i1.AlfrescoApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ActionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ActionsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.AlfrescoApiService }]; } });
@@ -1845,6 +1850,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class FolderRuleSetsService {
+    apiService;
+    contentApi;
+    folderRulesService;
+    static MAX_RULE_SETS_PER_GET = 100;
     static isOwnedRuleSet(ruleSet, nodeId) {
         return ruleSet?.owningFolder?.id === nodeId;
     }
@@ -1857,25 +1866,26 @@ class FolderRuleSetsService {
     static isInheritedRuleSet(ruleSet, nodeId) {
         return !this.isMainRuleSet(ruleSet, nodeId);
     }
+    currentFolder = null;
+    mainRuleSet = null;
+    inheritedRuleSets = [];
+    hasMoreRuleSets = true;
+    mainRuleSetSource = new BehaviorSubject(null);
+    inheritedRuleSetsSource = new BehaviorSubject([]);
+    hasMoreRuleSetsSource = new BehaviorSubject(true);
+    folderInfoSource = new BehaviorSubject(null);
+    isLoadingSource = new BehaviorSubject(false);
+    mainRuleSet$ = this.mainRuleSetSource.asObservable();
+    inheritedRuleSets$ = this.inheritedRuleSetsSource.asObservable();
+    hasMoreRuleSets$ = this.hasMoreRuleSetsSource.asObservable();
+    folderInfo$ = this.folderInfoSource.asObservable();
+    isLoading$ = this.isLoadingSource.asObservable();
+    selectedRuleSet$;
     constructor(apiService, contentApi, folderRulesService) {
         this.apiService = apiService;
         this.contentApi = contentApi;
         this.folderRulesService = folderRulesService;
-        this.currentFolder = null;
-        this.mainRuleSet = null;
-        this.inheritedRuleSets = [];
-        this.hasMoreRuleSets = true;
-        this.mainRuleSetSource = new BehaviorSubject(null);
-        this.inheritedRuleSetsSource = new BehaviorSubject([]);
-        this.hasMoreRuleSetsSource = new BehaviorSubject(true);
-        this.folderInfoSource = new BehaviorSubject(null);
-        this.isLoadingSource = new BehaviorSubject(false);
-        this.mainRuleSet$ = this.mainRuleSetSource.asObservable();
-        this.inheritedRuleSets$ = this.inheritedRuleSetsSource.asObservable();
-        this.hasMoreRuleSets$ = this.hasMoreRuleSetsSource.asObservable();
-        this.folderInfo$ = this.folderInfoSource.asObservable();
-        this.isLoading$ = this.isLoadingSource.asObservable();
-        this.selectedRuleSet$ = this.folderRulesService.selectedRule$.pipe(map((rule) => {
+        this.selectedRuleSet$ = this.folderRulesService.selectedRule$.pipe(startWith(null), map((rule) => {
             if (rule === null) {
                 return null;
             }
@@ -2025,11 +2035,10 @@ class FolderRuleSetsService {
     async deleteRuleSetLink(folderIdToDeleteLink, ruleSetIdToDelete) {
         return this.callApi(`/nodes/${folderIdToDeleteLink}/rule-set-links/${ruleSetIdToDelete}`, 'DELETE');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FolderRuleSetsService, deps: [{ token: i1.AlfrescoApiService }, { token: i2$2.ContentApiService }, { token: FolderRulesService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FolderRuleSetsService, providedIn: 'root' });
 }
-FolderRuleSetsService.MAX_RULE_SETS_PER_GET = 100;
-FolderRuleSetsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FolderRuleSetsService, deps: [{ token: i1.AlfrescoApiService }, { token: i2$2.ContentApiService }, { token: FolderRulesService }], target: i0.ɵɵFactoryTarget.Injectable });
-FolderRuleSetsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FolderRuleSetsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FolderRuleSetsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: FolderRuleSetsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2060,21 +2069,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RuleListItemUiComponent {
-    constructor() {
-        this.showEnabledToggle = false;
-        this.enabledChanged = new EventEmitter();
-    }
+    rule;
+    isSelected;
+    showEnabledToggle = false;
+    enabledChanged = new EventEmitter();
     onToggleClick(isEnabled, event) {
         event.stopPropagation();
         this.rule.isEnabled = !this.rule.isEnabled;
         this.enabledChanged.emit(isEnabled);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleListItemUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleListItemUiComponent, isStandalone: true, selector: "aca-rule-list-item", inputs: { rule: "rule", isSelected: "isSelected", showEnabledToggle: "showEnabledToggle" }, outputs: { enabledChanged: "enabledChanged" }, host: { properties: { "class.aca-selected": "this.isSelected" }, classAttribute: "aca-rule-list-item" }, ngImport: i0, template: "<div class=\"aca-rule-list-item__header\">\n\n  <span class=\"aca-rule-list-item__header__name\">{{ rule.name }}</span>\n\n  <mat-slide-toggle\n    *ngIf=\"showEnabledToggle\"\n    [checked]=\"rule.isEnabled\"\n    (click)=\"onToggleClick(!rule.isEnabled, $event)\" />\n\n</div>\n<div class=\"aca-rule-list-item__description\">{{ rule.description }}</div>\n", styles: [".aca-rule-list-item{display:flex;flex-direction:column;gap:4px;padding:12px 20px;cursor:pointer}.aca-rule-list-item p{margin:6px 0 0;color:#212328b3;font-style:normal;font-weight:400;font-size:12px;line-height:16px}.aca-rule-list-item__header{display:flex;justify-content:space-between;align-items:flex-end}.aca-rule-list-item__header__name{font-size:1.2em;font-weight:700;overflow:hidden;text-overflow:ellipsis}.aca-rule-list-item__description{font-size:.8em;font-style:italic;overflow:hidden;text-overflow:ellipsis}.aca-rule-list-item.aca-selected{background:var(--adf-theme-background-selected-button-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleListItemUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleListItemUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuleListItemUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleListItemUiComponent, isStandalone: true, selector: "aca-rule-list-item", inputs: { rule: "rule", isSelected: "isSelected", showEnabledToggle: "showEnabledToggle" }, outputs: { enabledChanged: "enabledChanged" }, host: { properties: { "class.aca-selected": "this.isSelected" }, classAttribute: "aca-rule-list-item" }, ngImport: i0, template: "<div class=\"aca-rule-list-item__header\">\n\n  <span class=\"aca-rule-list-item__header__name\">{{ rule.name }}</span>\n\n  <mat-slide-toggle\n    *ngIf=\"showEnabledToggle\"\n    [checked]=\"rule.isEnabled\"\n    (click)=\"onToggleClick(!rule.isEnabled, $event)\">\n  </mat-slide-toggle>\n\n</div>\n<div class=\"aca-rule-list-item__description\">{{ rule.description }}</div>\n", styles: [".aca-rule-list-item{display:flex;flex-direction:column;gap:4px;padding:12px 20px;cursor:pointer}.aca-rule-list-item p{margin:6px 0 0;color:#212328b3;font-style:normal;font-weight:400;font-size:12px;line-height:16px}.aca-rule-list-item__header{display:flex;justify-content:space-between;align-items:flex-end}.aca-rule-list-item__header__name{font-size:1.2em;font-weight:700;overflow:hidden;text-overflow:ellipsis}.aca-rule-list-item__description{font-size:.8em;font-style:italic;overflow:hidden;text-overflow:ellipsis}.aca-rule-list-item.aca-selected{background:var(--adf-theme-background-selected-button-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleListItemUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleListItemUiComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule, MatSlideToggleModule], selector: 'aca-rule-list-item', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-list-item' }, template: "<div class=\"aca-rule-list-item__header\">\n\n  <span class=\"aca-rule-list-item__header__name\">{{ rule.name }}</span>\n\n  <mat-slide-toggle\n    *ngIf=\"showEnabledToggle\"\n    [checked]=\"rule.isEnabled\"\n    (click)=\"onToggleClick(!rule.isEnabled, $event)\">\n  </mat-slide-toggle>\n\n</div>\n<div class=\"aca-rule-list-item__description\">{{ rule.description }}</div>\n", styles: [".aca-rule-list-item{display:flex;flex-direction:column;gap:4px;padding:12px 20px;cursor:pointer}.aca-rule-list-item p{margin:6px 0 0;color:#212328b3;font-style:normal;font-weight:400;font-size:12px;line-height:16px}.aca-rule-list-item__header{display:flex;justify-content:space-between;align-items:flex-end}.aca-rule-list-item__header__name{font-size:1.2em;font-weight:700;overflow:hidden;text-overflow:ellipsis}.aca-rule-list-item__description{font-size:.8em;font-style:italic;overflow:hidden;text-overflow:ellipsis}.aca-rule-list-item.aca-selected{background:var(--adf-theme-background-selected-button-color)}\n"] }]
+            args: [{ standalone: true, imports: [CommonModule, MatSlideToggleModule], selector: 'aca-rule-list-item', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-list-item' }, template: "<div class=\"aca-rule-list-item__header\">\n\n  <span class=\"aca-rule-list-item__header__name\">{{ rule.name }}</span>\n\n  <mat-slide-toggle\n    *ngIf=\"showEnabledToggle\"\n    [checked]=\"rule.isEnabled\"\n    (click)=\"onToggleClick(!rule.isEnabled, $event)\" />\n\n</div>\n<div class=\"aca-rule-list-item__description\">{{ rule.description }}</div>\n", styles: [".aca-rule-list-item{display:flex;flex-direction:column;gap:4px;padding:12px 20px;cursor:pointer}.aca-rule-list-item p{margin:6px 0 0;color:#212328b3;font-style:normal;font-weight:400;font-size:12px;line-height:16px}.aca-rule-list-item__header{display:flex;justify-content:space-between;align-items:flex-end}.aca-rule-list-item__header__name{font-size:1.2em;font-weight:700;overflow:hidden;text-overflow:ellipsis}.aca-rule-list-item__description{font-size:.8em;font-style:italic;overflow:hidden;text-overflow:ellipsis}.aca-rule-list-item.aca-selected{background:var(--adf-theme-background-selected-button-color)}\n"] }]
         }], propDecorators: { rule: [{
                 type: Input
             }], isSelected: [{
@@ -2112,34 +2121,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RuleSetPickerSmartComponent {
+    data;
+    folderRuleSetsService;
+    dialogRef;
+    notificationService;
+    nodeId = '-root-';
+    defaultNodeId = '-root-';
+    isBusy = false;
+    existingRuleSet = null;
+    hasOwnedRules = false;
+    selectedNodeId = '';
+    folderLoading$ = new BehaviorSubject(true);
+    mainRuleSet$ = this.folderRuleSetsService.mainRuleSet$;
+    rulesLoading$ = combineLatest(this.folderRuleSetsService.isLoading$, this.folderLoading$).pipe(map(([rulesLoading, folderLoading]) => rulesLoading || folderLoading));
+    destroyRef = inject(DestroyRef);
     constructor(data, folderRuleSetsService, dialogRef, notificationService) {
         this.data = data;
         this.folderRuleSetsService = folderRuleSetsService;
         this.dialogRef = dialogRef;
         this.notificationService = notificationService;
-        this.nodeId = '-root-';
-        this.defaultNodeId = '-root-';
-        this.isBusy = false;
-        this.existingRuleSet = null;
-        this.hasOwnedRules = false;
-        this.selectedNodeId = '';
-        this.folderLoading$ = new BehaviorSubject(true);
-        this.mainRuleSet$ = this.folderRuleSetsService.mainRuleSet$;
-        this.rulesLoading$ = combineLatest(this.folderRuleSetsService.isLoading$, this.folderLoading$).pipe(map(([rulesLoading, folderLoading]) => rulesLoading || folderLoading));
-        this.onDestroy$ = new Subject();
         this.nodeId = this.data?.nodeId ?? '-root-';
         this.defaultNodeId = this.data?.defaultNodeId ?? '-root-';
         this.existingRuleSet = this.data?.existingRuleSet ?? null;
     }
     ngOnInit() {
-        this.mainRuleSet$.pipe(takeUntil(this.onDestroy$)).subscribe((mainRuleSet) => {
+        this.mainRuleSet$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((mainRuleSet) => {
             this.hasOwnedRules = mainRuleSet?.rules.length > 0 && FolderRuleSetsService.isOwnedRuleSet(mainRuleSet, this.selectedNodeId);
         });
     }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
     onNodeSelect(nodes) {
         if (nodes?.length && nodes[0].isFolder && nodes[0].id !== this.selectedNodeId) {
             this.selectedNodeId = nodes[0].id;
@@ -2164,10 +2173,10 @@ class RuleSetPickerSmartComponent {
     handleError() {
         this.notificationService.showError('ACA_FOLDER_RULES.LINK_RULES_DIALOG.ERRORS.REQUEST_FAILED');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleSetPickerSmartComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: FolderRuleSetsService }, { token: i2$1.MatDialogRef }, { token: i5$2.NotificationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleSetPickerSmartComponent, isStandalone: true, selector: "aca-rule-set-picker", host: { classAttribute: "aca-rule-set-picker" }, providers: [FolderRuleSetsService], ngImport: i0, template: "<div mat-dialog-title class=\"aca-rule-set-picker__header\">\n  <div class=\"aca-rule-set-picker__header__title\">\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.TITLE' | translate }}\n  </div>\n  <button mat-icon-button mat-dialog-close class=\"aca-rule-set-picker__header__close\" tabindex=\"-1\">\n    <mat-icon class=\"aca-rule-set-picker__header__close__icon\">close</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"aca-rule-set-picker__content\">\n  <adf-content-node-selector-panel\n    class=\"aca-rule-set-picker__content__node-selector\"\n    [currentFolderId]=\"defaultNodeId\"\n    (select)=\"onNodeSelect($event)\"\n    (folderLoaded)=\"setFolderLoading(false)\"\n    (navigationChange)=\"setFolderLoading(true)\"\n    (siteChange)=\"setFolderLoading(true)\" />\n\n  <div class=\"aca-rule-set-picker__content__rule-list\" [ngClass]=\"{ 'aca-justify': rulesLoading$ | async }\">\n    <ng-container *ngIf=\"rulesLoading$ | async; else rulesLoaded\">\n      <mat-progress-spinner color=\"primary\" mode=\"indeterminate\" />\n    </ng-container>\n\n    <ng-template #rulesLoaded>\n      <ng-container *ngIf=\"hasOwnedRules; else noOwnedRules\">\n        <div class=\"aca-rule-set-picker__content__rule-list__header\">\n          {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.LIST_OF_RULES_TO_LINK' | translate }}\n        </div>\n\n        <aca-rule-list-item\n          *ngFor=\"let rule of (mainRuleSet$ | async).rules\"\n          [rule]=\"rule\" />\n      </ng-container>\n\n      <ng-template #noOwnedRules>\n        <adf-empty-content\n          icon=\"library_books\"\n          [title]=\"'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.TITLE' | translate\"\n          [subtitle]=\"'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.SUBTITLE' | translate\" />\n      </ng-template>\n    </ng-template>\n  </div>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"aca-rule-set-picker__footer\">\n  <button mat-flat-button mat-dialog-close>\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.CANCEL' | translate }}\n  </button>\n\n  <button\n    mat-flat-button color=\"primary\"\n    [disabled]=\"!hasOwnedRules || isBusy\"\n    (click)=\"onSubmit()\">\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.SUBMIT' | translate }}\n  </button>\n</mat-dialog-actions>\n", styles: [".aca-rule-set-picker-container{--rule-set-picker-padding: 8px 20px}.aca-rule-set-picker-container .mdc-dialog .mat-mdc-dialog-surface{padding:0}.aca-rule-set-picker .aca-rule-set-picker__header{display:flex;align-items:center;margin:0;padding:var(--rule-set-picker-padding);box-sizing:border-box;border-bottom:1px solid var(--theme-border-color)}.aca-rule-set-picker .aca-rule-set-picker__header__title{font-size:16px;font-weight:700;flex-grow:1}.aca-rule-set-picker .aca-rule-set-picker__header__close__icon{font-size:18px}.aca-rule-set-picker .aca-rule-set-picker__content{position:relative;height:80vh;margin:0;padding:0;display:grid;grid-template-columns:2fr minmax(250px,1fr)}.aca-rule-set-picker .aca-rule-set-picker__content__node-selector{padding:0 20px;box-sizing:border-box}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list{padding:0 20px 0 0;display:flex;align-items:stretch;flex-direction:column;max-height:100%;overflow:auto hidden}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list.aca-justify{align-items:center;justify-content:center}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list__header{color:var(--theme-text-color);font-size:.9em;margin:8px 0}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list .aca-rule-list-item{cursor:default}.aca-rule-set-picker .aca-rule-set-picker__footer{margin:0;padding:var(--rule-set-picker-padding);box-sizing:border-box;border-top:1px solid var(--theme-border-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ContentNodeSelectorModule }, { kind: "component", type: i1.ContentNodeSelectorPanelComponent, selector: "adf-content-node-selector-panel", inputs: ["restrictRootToCurrentFolderId", "currentFolderId", "dropdownHideMyFiles", "dropdownSiteList", "where", "rowFilter", "excludeSiteContent", "imageResolver", "pageSize", "selectionMode", "isSelectionValid", "breadcrumbTransform", "showSearch", "showDropdownSiteList", "showFilesInResult", "showNodeCounter"], outputs: ["select", "navigationChange", "siteChange", "showingSearch", "currentFolder", "folderLoaded"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: RuleListItemUiComponent, selector: "aca-rule-list-item", inputs: ["rule", "isSelected", "showEnabledToggle"], outputs: ["enabledChanged"] }, { kind: "ngmodule", type: TemplateModule }, { kind: "component", type: i5$2.EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleSetPickerSmartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleSetPickerSmartComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: FolderRuleSetsService }, { token: i2$1.MatDialogRef }, { token: i5$2.NotificationService }], target: i0.ɵɵFactoryTarget.Component });
-RuleSetPickerSmartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleSetPickerSmartComponent, isStandalone: true, selector: "aca-rule-set-picker", host: { classAttribute: "aca-rule-set-picker" }, providers: [FolderRuleSetsService], ngImport: i0, template: "<div mat-dialog-title class=\"aca-rule-set-picker__header\">\n  <div class=\"aca-rule-set-picker__header__title\">\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.TITLE' | translate }}\n  </div>\n  <button mat-icon-button mat-dialog-close class=\"aca-rule-set-picker__header__close\" tabindex=\"-1\">\n    <mat-icon class=\"aca-rule-set-picker__header__close__icon\">close</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"aca-rule-set-picker__content\">\n  <adf-content-node-selector-panel\n    class=\"aca-rule-set-picker__content__node-selector\"\n    [currentFolderId]=\"defaultNodeId\"\n    (select)=\"onNodeSelect($event)\"\n    (folderLoaded)=\"setFolderLoading(false)\"\n    (navigationChange)=\"setFolderLoading(true)\"\n    (siteChange)=\"setFolderLoading(true)\">\n  </adf-content-node-selector-panel>\n\n  <div class=\"aca-rule-set-picker__content__rule-list\" [ngClass]=\"{ 'aca-justify': rulesLoading$ | async }\">\n    <ng-container *ngIf=\"rulesLoading$ | async; else rulesLoaded\">\n      <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"></mat-progress-spinner>\n    </ng-container>\n\n    <ng-template #rulesLoaded>\n      <ng-container *ngIf=\"hasOwnedRules; else noOwnedRules\">\n        <div class=\"aca-rule-set-picker__content__rule-list__header\">\n          {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.LIST_OF_RULES_TO_LINK' | translate }}\n        </div>\n\n        <aca-rule-list-item\n          *ngFor=\"let rule of (mainRuleSet$ | async).rules\"\n          [rule]=\"rule\">\n        </aca-rule-list-item>\n      </ng-container>\n\n      <ng-template #noOwnedRules>\n        <adf-empty-content\n          icon=\"library_books\"\n          [title]=\"'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.TITLE' | translate\"\n          [subtitle]=\"'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.SUBTITLE' | translate\">\n        </adf-empty-content>\n      </ng-template>\n    </ng-template>\n  </div>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"aca-rule-set-picker__footer\">\n  <button mat-flat-button mat-dialog-close>\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.CANCEL' | translate }}\n  </button>\n\n  <button\n    mat-flat-button color=\"primary\"\n    [disabled]=\"!hasOwnedRules || isBusy\"\n    (click)=\"onSubmit()\">\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.SUBMIT' | translate }}\n  </button>\n</mat-dialog-actions>\n", styles: [".aca-rule-set-picker-container{--rule-set-picker-padding: 8px 20px}.aca-rule-set-picker-container .mdc-dialog .mat-mdc-dialog-surface{padding:0}.aca-rule-set-picker .aca-rule-set-picker__header{display:flex;align-items:center;margin:0;padding:var(--rule-set-picker-padding);box-sizing:border-box;border-bottom:1px solid var(--theme-border-color)}.aca-rule-set-picker .aca-rule-set-picker__header__title{font-size:16px;font-weight:700;flex-grow:1}.aca-rule-set-picker .aca-rule-set-picker__header__close__icon{font-size:18px}.aca-rule-set-picker .aca-rule-set-picker__content{position:relative;height:80vh;margin:0;padding:0;display:grid;grid-template-columns:2fr minmax(250px,1fr)}.aca-rule-set-picker .aca-rule-set-picker__content__node-selector{padding:0 20px;box-sizing:border-box}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list{padding:0 20px 0 0;display:flex;align-items:stretch;flex-direction:column;max-height:100%;overflow:auto hidden}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list.aca-justify{align-items:center;justify-content:center}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list__header{color:var(--theme-text-color);font-size:.9em;margin:8px 0}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list .aca-rule-list-item{cursor:default}.aca-rule-set-picker .aca-rule-set-picker__footer{margin:0;padding:var(--rule-set-picker-padding);box-sizing:border-box;border-top:1px solid var(--theme-border-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ContentNodeSelectorModule }, { kind: "component", type: i1.ContentNodeSelectorPanelComponent, selector: "adf-content-node-selector-panel", inputs: ["restrictRootToCurrentFolderId", "currentFolderId", "dropdownHideMyFiles", "dropdownSiteList", "where", "rowFilter", "excludeSiteContent", "imageResolver", "pageSize", "selectionMode", "isSelectionValid", "breadcrumbTransform", "showSearch", "showDropdownSiteList", "showFilesInResult", "showNodeCounter"], outputs: ["select", "navigationChange", "siteChange", "showingSearch", "currentFolder", "folderLoaded"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: RuleListItemUiComponent, selector: "aca-rule-list-item", inputs: ["rule", "isSelected", "showEnabledToggle"], outputs: ["enabledChanged"] }, { kind: "ngmodule", type: TemplateModule }, { kind: "component", type: i5$2.EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleSetPickerSmartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleSetPickerSmartComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
@@ -2179,7 +2188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         MatProgressSpinnerModule,
                         RuleListItemUiComponent,
                         TemplateModule
-                    ], selector: 'aca-rule-set-picker', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-set-picker' }, providers: [FolderRuleSetsService], template: "<div mat-dialog-title class=\"aca-rule-set-picker__header\">\n  <div class=\"aca-rule-set-picker__header__title\">\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.TITLE' | translate }}\n  </div>\n  <button mat-icon-button mat-dialog-close class=\"aca-rule-set-picker__header__close\" tabindex=\"-1\">\n    <mat-icon class=\"aca-rule-set-picker__header__close__icon\">close</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"aca-rule-set-picker__content\">\n  <adf-content-node-selector-panel\n    class=\"aca-rule-set-picker__content__node-selector\"\n    [currentFolderId]=\"defaultNodeId\"\n    (select)=\"onNodeSelect($event)\"\n    (folderLoaded)=\"setFolderLoading(false)\"\n    (navigationChange)=\"setFolderLoading(true)\"\n    (siteChange)=\"setFolderLoading(true)\">\n  </adf-content-node-selector-panel>\n\n  <div class=\"aca-rule-set-picker__content__rule-list\" [ngClass]=\"{ 'aca-justify': rulesLoading$ | async }\">\n    <ng-container *ngIf=\"rulesLoading$ | async; else rulesLoaded\">\n      <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"></mat-progress-spinner>\n    </ng-container>\n\n    <ng-template #rulesLoaded>\n      <ng-container *ngIf=\"hasOwnedRules; else noOwnedRules\">\n        <div class=\"aca-rule-set-picker__content__rule-list__header\">\n          {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.LIST_OF_RULES_TO_LINK' | translate }}\n        </div>\n\n        <aca-rule-list-item\n          *ngFor=\"let rule of (mainRuleSet$ | async).rules\"\n          [rule]=\"rule\">\n        </aca-rule-list-item>\n      </ng-container>\n\n      <ng-template #noOwnedRules>\n        <adf-empty-content\n          icon=\"library_books\"\n          [title]=\"'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.TITLE' | translate\"\n          [subtitle]=\"'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.SUBTITLE' | translate\">\n        </adf-empty-content>\n      </ng-template>\n    </ng-template>\n  </div>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"aca-rule-set-picker__footer\">\n  <button mat-flat-button mat-dialog-close>\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.CANCEL' | translate }}\n  </button>\n\n  <button\n    mat-flat-button color=\"primary\"\n    [disabled]=\"!hasOwnedRules || isBusy\"\n    (click)=\"onSubmit()\">\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.SUBMIT' | translate }}\n  </button>\n</mat-dialog-actions>\n", styles: [".aca-rule-set-picker-container{--rule-set-picker-padding: 8px 20px}.aca-rule-set-picker-container .mdc-dialog .mat-mdc-dialog-surface{padding:0}.aca-rule-set-picker .aca-rule-set-picker__header{display:flex;align-items:center;margin:0;padding:var(--rule-set-picker-padding);box-sizing:border-box;border-bottom:1px solid var(--theme-border-color)}.aca-rule-set-picker .aca-rule-set-picker__header__title{font-size:16px;font-weight:700;flex-grow:1}.aca-rule-set-picker .aca-rule-set-picker__header__close__icon{font-size:18px}.aca-rule-set-picker .aca-rule-set-picker__content{position:relative;height:80vh;margin:0;padding:0;display:grid;grid-template-columns:2fr minmax(250px,1fr)}.aca-rule-set-picker .aca-rule-set-picker__content__node-selector{padding:0 20px;box-sizing:border-box}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list{padding:0 20px 0 0;display:flex;align-items:stretch;flex-direction:column;max-height:100%;overflow:auto hidden}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list.aca-justify{align-items:center;justify-content:center}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list__header{color:var(--theme-text-color);font-size:.9em;margin:8px 0}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list .aca-rule-list-item{cursor:default}.aca-rule-set-picker .aca-rule-set-picker__footer{margin:0;padding:var(--rule-set-picker-padding);box-sizing:border-box;border-top:1px solid var(--theme-border-color)}\n"] }]
+                    ], selector: 'aca-rule-set-picker', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-set-picker' }, providers: [FolderRuleSetsService], template: "<div mat-dialog-title class=\"aca-rule-set-picker__header\">\n  <div class=\"aca-rule-set-picker__header__title\">\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.TITLE' | translate }}\n  </div>\n  <button mat-icon-button mat-dialog-close class=\"aca-rule-set-picker__header__close\" tabindex=\"-1\">\n    <mat-icon class=\"aca-rule-set-picker__header__close__icon\">close</mat-icon>\n  </button>\n</div>\n\n<mat-dialog-content class=\"aca-rule-set-picker__content\">\n  <adf-content-node-selector-panel\n    class=\"aca-rule-set-picker__content__node-selector\"\n    [currentFolderId]=\"defaultNodeId\"\n    (select)=\"onNodeSelect($event)\"\n    (folderLoaded)=\"setFolderLoading(false)\"\n    (navigationChange)=\"setFolderLoading(true)\"\n    (siteChange)=\"setFolderLoading(true)\" />\n\n  <div class=\"aca-rule-set-picker__content__rule-list\" [ngClass]=\"{ 'aca-justify': rulesLoading$ | async }\">\n    <ng-container *ngIf=\"rulesLoading$ | async; else rulesLoaded\">\n      <mat-progress-spinner color=\"primary\" mode=\"indeterminate\" />\n    </ng-container>\n\n    <ng-template #rulesLoaded>\n      <ng-container *ngIf=\"hasOwnedRules; else noOwnedRules\">\n        <div class=\"aca-rule-set-picker__content__rule-list__header\">\n          {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.LIST_OF_RULES_TO_LINK' | translate }}\n        </div>\n\n        <aca-rule-list-item\n          *ngFor=\"let rule of (mainRuleSet$ | async).rules\"\n          [rule]=\"rule\" />\n      </ng-container>\n\n      <ng-template #noOwnedRules>\n        <adf-empty-content\n          icon=\"library_books\"\n          [title]=\"'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.TITLE' | translate\"\n          [subtitle]=\"'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.SUBTITLE' | translate\" />\n      </ng-template>\n    </ng-template>\n  </div>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\" class=\"aca-rule-set-picker__footer\">\n  <button mat-flat-button mat-dialog-close>\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.CANCEL' | translate }}\n  </button>\n\n  <button\n    mat-flat-button color=\"primary\"\n    [disabled]=\"!hasOwnedRules || isBusy\"\n    (click)=\"onSubmit()\">\n    {{ 'ACA_FOLDER_RULES.LINK_RULES_DIALOG.SUBMIT' | translate }}\n  </button>\n</mat-dialog-actions>\n", styles: [".aca-rule-set-picker-container{--rule-set-picker-padding: 8px 20px}.aca-rule-set-picker-container .mdc-dialog .mat-mdc-dialog-surface{padding:0}.aca-rule-set-picker .aca-rule-set-picker__header{display:flex;align-items:center;margin:0;padding:var(--rule-set-picker-padding);box-sizing:border-box;border-bottom:1px solid var(--theme-border-color)}.aca-rule-set-picker .aca-rule-set-picker__header__title{font-size:16px;font-weight:700;flex-grow:1}.aca-rule-set-picker .aca-rule-set-picker__header__close__icon{font-size:18px}.aca-rule-set-picker .aca-rule-set-picker__content{position:relative;height:80vh;margin:0;padding:0;display:grid;grid-template-columns:2fr minmax(250px,1fr)}.aca-rule-set-picker .aca-rule-set-picker__content__node-selector{padding:0 20px;box-sizing:border-box}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list{padding:0 20px 0 0;display:flex;align-items:stretch;flex-direction:column;max-height:100%;overflow:auto hidden}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list.aca-justify{align-items:center;justify-content:center}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list__header{color:var(--theme-text-color);font-size:.9em;margin:8px 0}.aca-rule-set-picker .aca-rule-set-picker__content__rule-list .aca-rule-list-item{cursor:default}.aca-rule-set-picker .aca-rule-set-picker__footer{margin:0;padding:var(--rule-set-picker-padding);box-sizing:border-box;border-top:1px solid var(--theme-border-color)}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -2209,15 +2218,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RuleListGroupingUiComponent {
-    constructor() {
-        this.items = [];
-        this.selectedRule = null;
-        this.showEnabledToggles = false;
-        this.selectRule = new EventEmitter();
-        this.ruleEnabledChanged = new EventEmitter();
-        this.loadMoreRules = new EventEmitter();
-        this.loadMoreRuleSets = new EventEmitter();
-    }
+    items = [];
+    selectedRule = null;
+    showEnabledToggles = false;
+    selectRule = new EventEmitter();
+    ruleEnabledChanged = new EventEmitter();
+    loadMoreRules = new EventEmitter();
+    loadMoreRuleSets = new EventEmitter();
     onRuleClicked(rule) {
         this.selectRule.emit(rule);
     }
@@ -2233,12 +2240,12 @@ class RuleListGroupingUiComponent {
     onClickLoadMoreRuleSets() {
         this.loadMoreRuleSets.emit();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleListGroupingUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleListGroupingUiComponent, isStandalone: true, selector: "aca-rule-list-grouping", inputs: { items: "items", selectedRule: "selectedRule", showEnabledToggles: "showEnabledToggles" }, outputs: { selectRule: "selectRule", ruleEnabledChanged: "ruleEnabledChanged", loadMoreRules: "loadMoreRules", loadMoreRuleSets: "loadMoreRuleSets" }, host: { classAttribute: "aca-rule-list-grouping" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of items\">\n\n  <aca-rule-list-item\n    *ngIf=\"item.type === 'rule'; else loadMoreRules\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    tabindex=\"0\"\n    [rule]=\"item.rule\"\n    [isSelected]=\"item.rule.id === this.selectedRule?.id\"\n    [showEnabledToggle]=\"showEnabledToggles\"\n    (click)=\"onRuleClicked(item.rule)\"\n    (enabledChanged)=\"onEnabledChanged(item.rule, $event)\" />\n\n  <ng-template #loadMoreRules>\n    <div\n      *ngIf=\"item.type === 'load-more-rules'; else loadMoreRuleSets\"\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item aca-load-more\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n      (click)=\"onClickLoadMoreRules(item.ruleSet)\"\n      (keyup.enter)=\"onClickLoadMoreRules(item.ruleSet)\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOAD_MORE_RULES' | translate }}\n    </div>\n  </ng-template>\n\n  <ng-template #loadMoreRuleSets>\n    <div\n      *ngIf=\"item.type === 'load-more-rule-sets'; else loadingRules\"\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item aca-load-more\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n      (click)=\"onClickLoadMoreRuleSets()\"\n      (keyup.enter)=\"onClickLoadMoreRuleSets()\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOAD_MORE_RULE_SETS' | translate }}\n    </div>\n  </ng-template>\n\n  <ng-template #loadingRules>\n    <div\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\">\n      <mat-spinner mode=\"indeterminate\" [diameter]=\"16\" class=\"aca-spinner\" />\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOADING_RULES' | translate }}\n    </div>\n  </ng-template>\n\n</ng-container>\n", styles: [".aca-rule-list-grouping{display:flex;flex-direction:column}.aca-rule-list-grouping__non-rule-item{display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--theme-disabled-text-color);font-style:italic;text-align:center;padding:.5em 0}.aca-rule-list-grouping__non-rule-item.aca-load-more{cursor:pointer}.aca-rule-list-grouping__non-rule-item:not(:last-child){border-bottom:1px solid var(--theme-border-color)}.aca-rule-list-grouping__non-rule-item .aca-spinner{margin-right:.5em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: RuleListItemUiComponent, selector: "aca-rule-list-item", inputs: ["rule", "isSelected", "showEnabledToggle"], outputs: ["enabledChanged"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i6.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleListGroupingUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleListGroupingUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuleListGroupingUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleListGroupingUiComponent, isStandalone: true, selector: "aca-rule-list-grouping", inputs: { items: "items", selectedRule: "selectedRule", showEnabledToggles: "showEnabledToggles" }, outputs: { selectRule: "selectRule", ruleEnabledChanged: "ruleEnabledChanged", loadMoreRules: "loadMoreRules", loadMoreRuleSets: "loadMoreRuleSets" }, host: { classAttribute: "aca-rule-list-grouping" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of items\">\n\n  <aca-rule-list-item\n    *ngIf=\"item.type === 'rule'; else loadMoreRules\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    tabindex=\"0\"\n    [rule]=\"item.rule\"\n    [isSelected]=\"item.rule.id === this.selectedRule?.id\"\n    [showEnabledToggle]=\"showEnabledToggles\"\n    (click)=\"onRuleClicked(item.rule)\"\n    (enabledChanged)=\"onEnabledChanged(item.rule, $event)\">\n  </aca-rule-list-item>\n\n  <ng-template #loadMoreRules>\n    <div\n      *ngIf=\"item.type === 'load-more-rules'; else loadMoreRuleSets\"\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item aca-load-more\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n      (click)=\"onClickLoadMoreRules(item.ruleSet)\"\n      (keyup.enter)=\"onClickLoadMoreRules(item.ruleSet)\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOAD_MORE_RULES' | translate }}\n    </div>\n  </ng-template>\n\n  <ng-template #loadMoreRuleSets>\n    <div\n      *ngIf=\"item.type === 'load-more-rule-sets'; else loadingRules\"\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item aca-load-more\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n      (click)=\"onClickLoadMoreRuleSets()\"\n      (keyup.enter)=\"onClickLoadMoreRuleSets()\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOAD_MORE_RULE_SETS' | translate }}\n    </div>\n  </ng-template>\n\n  <ng-template #loadingRules>\n    <div\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\">\n      <mat-spinner mode=\"indeterminate\" [diameter]=\"16\" class=\"aca-spinner\"></mat-spinner>\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOADING_RULES' | translate }}\n    </div>\n  </ng-template>\n\n</ng-container>\n", styles: [".aca-rule-list-grouping{display:flex;flex-direction:column}.aca-rule-list-grouping__non-rule-item{display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--theme-disabled-text-color);font-style:italic;text-align:center;padding:.5em 0}.aca-rule-list-grouping__non-rule-item.aca-load-more{cursor:pointer}.aca-rule-list-grouping__non-rule-item:not(:last-child){border-bottom:1px solid var(--theme-border-color)}.aca-rule-list-grouping__non-rule-item .aca-spinner{margin-right:.5em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: RuleListItemUiComponent, selector: "aca-rule-list-item", inputs: ["rule", "isSelected", "showEnabledToggle"], outputs: ["enabledChanged"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i6.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleListGroupingUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleListGroupingUiComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [CommonModule, TranslateModule, RuleListItemUiComponent, MatRippleModule, MatProgressSpinnerModule], selector: 'aca-rule-list-grouping', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-list-grouping' }, template: "<ng-container *ngFor=\"let item of items\">\n\n  <aca-rule-list-item\n    *ngIf=\"item.type === 'rule'; else loadMoreRules\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    tabindex=\"0\"\n    [rule]=\"item.rule\"\n    [isSelected]=\"item.rule.id === this.selectedRule?.id\"\n    [showEnabledToggle]=\"showEnabledToggles\"\n    (click)=\"onRuleClicked(item.rule)\"\n    (enabledChanged)=\"onEnabledChanged(item.rule, $event)\">\n  </aca-rule-list-item>\n\n  <ng-template #loadMoreRules>\n    <div\n      *ngIf=\"item.type === 'load-more-rules'; else loadMoreRuleSets\"\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item aca-load-more\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n      (click)=\"onClickLoadMoreRules(item.ruleSet)\"\n      (keyup.enter)=\"onClickLoadMoreRules(item.ruleSet)\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOAD_MORE_RULES' | translate }}\n    </div>\n  </ng-template>\n\n  <ng-template #loadMoreRuleSets>\n    <div\n      *ngIf=\"item.type === 'load-more-rule-sets'; else loadingRules\"\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item aca-load-more\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n      (click)=\"onClickLoadMoreRuleSets()\"\n      (keyup.enter)=\"onClickLoadMoreRuleSets()\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOAD_MORE_RULE_SETS' | translate }}\n    </div>\n  </ng-template>\n\n  <ng-template #loadingRules>\n    <div\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\">\n      <mat-spinner mode=\"indeterminate\" [diameter]=\"16\" class=\"aca-spinner\"></mat-spinner>\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOADING_RULES' | translate }}\n    </div>\n  </ng-template>\n\n</ng-container>\n", styles: [".aca-rule-list-grouping{display:flex;flex-direction:column}.aca-rule-list-grouping__non-rule-item{display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--theme-disabled-text-color);font-style:italic;text-align:center;padding:.5em 0}.aca-rule-list-grouping__non-rule-item.aca-load-more{cursor:pointer}.aca-rule-list-grouping__non-rule-item:not(:last-child){border-bottom:1px solid var(--theme-border-color)}.aca-rule-list-grouping__non-rule-item .aca-spinner{margin-right:.5em}\n"] }]
+            args: [{ standalone: true, imports: [CommonModule, TranslateModule, RuleListItemUiComponent, MatRippleModule, MatProgressSpinnerModule], selector: 'aca-rule-list-grouping', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-list-grouping' }, template: "<ng-container *ngFor=\"let item of items\">\n\n  <aca-rule-list-item\n    *ngIf=\"item.type === 'rule'; else loadMoreRules\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    tabindex=\"0\"\n    [rule]=\"item.rule\"\n    [isSelected]=\"item.rule.id === this.selectedRule?.id\"\n    [showEnabledToggle]=\"showEnabledToggles\"\n    (click)=\"onRuleClicked(item.rule)\"\n    (enabledChanged)=\"onEnabledChanged(item.rule, $event)\" />\n\n  <ng-template #loadMoreRules>\n    <div\n      *ngIf=\"item.type === 'load-more-rules'; else loadMoreRuleSets\"\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item aca-load-more\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n      (click)=\"onClickLoadMoreRules(item.ruleSet)\"\n      (keyup.enter)=\"onClickLoadMoreRules(item.ruleSet)\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOAD_MORE_RULES' | translate }}\n    </div>\n  </ng-template>\n\n  <ng-template #loadMoreRuleSets>\n    <div\n      *ngIf=\"item.type === 'load-more-rule-sets'; else loadingRules\"\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item aca-load-more\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n      (click)=\"onClickLoadMoreRuleSets()\"\n      (keyup.enter)=\"onClickLoadMoreRuleSets()\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOAD_MORE_RULE_SETS' | translate }}\n    </div>\n  </ng-template>\n\n  <ng-template #loadingRules>\n    <div\n      tabindex=\"0\"\n      class=\"aca-rule-list-grouping__non-rule-item\"\n      matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\">\n      <mat-spinner mode=\"indeterminate\" [diameter]=\"16\" class=\"aca-spinner\" />\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.LOADING_RULES' | translate }}\n    </div>\n  </ng-template>\n\n</ng-container>\n", styles: [".aca-rule-list-grouping{display:flex;flex-direction:column}.aca-rule-list-grouping__non-rule-item{display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--theme-disabled-text-color);font-style:italic;text-align:center;padding:.5em 0}.aca-rule-list-grouping__non-rule-item.aca-load-more{cursor:pointer}.aca-rule-list-grouping__non-rule-item:not(:last-child){border-bottom:1px solid var(--theme-border-color)}.aca-rule-list-grouping__non-rule-item .aca-spinner{margin-right:.5em}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], selectedRule: [{
@@ -2279,27 +2286,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class RuleListUiComponent {
-    constructor() {
-        this.inheritedRuleSets = [];
-        this.hasMoreRuleSets = false;
-        this.ruleSetsLoading = false;
-        this.selectedRule = null;
-        this.loadMoreRuleSets = new EventEmitter();
-        this.loadMoreRules = new EventEmitter();
-        this.selectRule = new EventEmitter();
-        this.ruleEnabledChanged = new EventEmitter();
-        this.ruleSetEditLinkClicked = new EventEmitter();
-        this.ruleSetUnlinkClicked = new EventEmitter();
-        this.mainRuleSet = null;
-        this.inheritedRuleSetsExpanded = true;
-        this.mainRuleSetExpanded = true;
-        this.mainRuleSetGroupingItems = [];
-        this.inheritedRuleSetGroupingItems = [];
-        this.isMainRuleSetOwned = false;
-        this.isMainRuleSetLinked = false;
-    }
+    mainRuleSet$;
+    folderId;
+    inheritedRuleSets = [];
+    hasMoreRuleSets = false;
+    ruleSetsLoading = false;
+    selectedRule = null;
+    loadMoreRuleSets = new EventEmitter();
+    loadMoreRules = new EventEmitter();
+    selectRule = new EventEmitter();
+    ruleEnabledChanged = new EventEmitter();
+    ruleSetEditLinkClicked = new EventEmitter();
+    ruleSetUnlinkClicked = new EventEmitter();
+    mainRuleSet = null;
+    inheritedRuleSetsExpanded = true;
+    mainRuleSetExpanded = true;
+    mainRuleSetGroupingItems = [];
+    inheritedRuleSetGroupingItems = [];
+    isMainRuleSetOwned = false;
+    isMainRuleSetLinked = false;
+    destroyRef = inject(DestroyRef);
     ngOnInit() {
-        this._mainRuleSetSub = this.mainRuleSet$.subscribe((ruleSet) => {
+        this.mainRuleSet$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((ruleSet) => {
             if (ruleSet) {
                 this.mainRuleSet = ruleSet;
                 this.isMainRuleSetOwned = FolderRuleSetsService.isOwnedRuleSet(ruleSet, this.folderId);
@@ -2317,9 +2325,6 @@ class RuleListUiComponent {
             });
         }
     }
-    ngOnDestroy() {
-        this._mainRuleSetSub.unsubscribe();
-    }
     getRuleSetGroupingItems(ruleSet, filterOutDisabledRules) {
         const items = ruleSet.rules
             .filter((rule) => rule.isEnabled || !filterOutDisabledRules)
@@ -2359,10 +2364,10 @@ class RuleListUiComponent {
         event.stopPropagation();
         this.ruleSetUnlinkClicked.emit(this.mainRuleSet);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleListUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: RuleListUiComponent, isStandalone: true, selector: "aca-rule-list", inputs: { mainRuleSet$: "mainRuleSet$", folderId: "folderId", inheritedRuleSets: "inheritedRuleSets", hasMoreRuleSets: "hasMoreRuleSets", ruleSetsLoading: "ruleSetsLoading", selectedRule: "selectedRule" }, outputs: { loadMoreRuleSets: "loadMoreRuleSets", loadMoreRules: "loadMoreRules", selectRule: "selectRule", ruleEnabledChanged: "ruleEnabledChanged", ruleSetEditLinkClicked: "ruleSetEditLinkClicked", ruleSetUnlinkClicked: "ruleSetUnlinkClicked" }, host: { classAttribute: "aca-rule-list" }, ngImport: i0, template: "<div\n  *ngIf=\"inheritedRuleSetGroupingItems.length > 0\"\n  class=\"aca-rule-list__item\"\n  data-automation-id=\"rule-list-item\"\n  [ngClass]=\"{ 'aca-expanded': inheritedRuleSetsExpanded }\">\n\n  <div\n    tabindex=\"0\"\n    class=\"aca-rule-list__item__header\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    (click)=\"inheritedRuleSetsExpanded = !inheritedRuleSetsExpanded\"\n    (keyup.enter)=\"inheritedRuleSetsExpanded = !inheritedRuleSetsExpanded\">\n\n    <span class=\"aca-rule-list__item__header__title\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES' | translate }}\n      <mat-icon class=\"aca-rule-list__item__header__title__icon\" [matTooltip]=\"'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES_WILL_BE_RUN_FIRST' | translate\">\n        info\n      </mat-icon>\n    </span>\n    <mat-icon class=\"aca-rule-list__item__header__icon\">\n      {{ inheritedRuleSetsExpanded ? 'expand_more' : 'chevron_right' }}\n    </mat-icon>\n  </div>\n\n  <aca-rule-list-grouping\n    *ngIf=\"inheritedRuleSetsExpanded\"\n    [items]=\"inheritedRuleSetGroupingItems\"\n    [selectedRule]=\"selectedRule\"\n    (selectRule)=\"onSelectRule($event)\"\n    (ruleEnabledChanged)=\"onRuleEnabledChanged($event)\"\n    (loadMoreRules)=\"onLoadMoreRules($event)\"\n    (loadMoreRuleSets)=\"onLoadMoreRuleSets()\" />\n</div>\n\n<div\n  *ngIf=\"mainRuleSetGroupingItems.length > 0 || isMainRuleSetLinked\"\n  class=\"aca-rule-list__item\"\n  data-automation-id=\"rule-list-item\"\n  [ngClass]=\"{ 'aca-expanded': mainRuleSetExpanded }\">\n\n  <div\n    tabindex=\"0\"\n    class=\"aca-rule-list__item__header\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    (click)=\"mainRuleSetExpanded = !mainRuleSetExpanded\"\n    (keyup.enter)=\"mainRuleSetExpanded = !mainRuleSetExpanded\">\n\n    <span class=\"aca-rule-list__item__header__title\" data-automation-id=\"main-rule-set-title\">\n      <ng-container *ngIf=\"isMainRuleSetOwned; else linkedRuleSet\">\n        {{ 'ACA_FOLDER_RULES.RULE_LIST.OWNED_RULES' | translate }}\n      </ng-container>\n      <ng-template #linkedRuleSet>\n          {{ 'ACA_FOLDER_RULES.RULE_LIST.LINKED_RULES' | translate }}\n      </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"!isMainRuleSetOwned\">\n      <mat-icon class=\"aca-rule-list__item__header__icon\" (click)=\"onRuleSetEditLinkClicked($event)\">edit</mat-icon>\n      <mat-icon class=\"aca-rule-list__item__header__icon\" (click)=\"onRuleSetUnlinkClicked($event)\">link_off</mat-icon>\n    </ng-container>\n\n    <mat-icon class=\"aca-rule-list__item__header__icon\">\n      {{ mainRuleSetExpanded ? 'expand_more' : 'chevron_right' }}\n    </mat-icon>\n  </div>\n\n  <ng-container *ngIf=\"mainRuleSetExpanded\">\n    <aca-rule-list-grouping\n      *ngIf=\"mainRuleSetGroupingItems.length > 0; else emptyLinkedRuleSet\"\n      [items]=\"mainRuleSetGroupingItems\"\n      [selectedRule]=\"selectedRule\"\n      [showEnabledToggles]=\"isMainRuleSetOwned\"\n      (selectRule)=\"onSelectRule($event)\"\n      (ruleEnabledChanged)=\"onRuleEnabledChanged($event)\"\n      (loadMoreRules)=\"onLoadMoreRules($event)\" />\n\n    <ng-template #emptyLinkedRuleSet>\n      <div class=\"aca-rule-list__item__all-linked-rules-are-disabled\">\n        {{ 'ACA_FOLDER_RULES.RULE_LIST.ALL_LINKED_RULES_ARE_DISABLED' | translate }}\n        <button *ngIf=\"mainRuleSet?.owningFolder?.id\" mat-stroked-button [routerLink]=\"['/nodes', mainRuleSet.owningFolder.id, 'rules']\">\n          {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.SEE_IN_FOLDER' | translate }}\n        </button>\n      </div>\n    </ng-template>\n  </ng-container>\n\n</div>\n", styles: [".aca-rule-list{display:flex;flex-direction:column;overflow-y:auto;gap:8px}.aca-rule-list__item{display:flex;flex-direction:column;border:1px solid var(--theme-border-color);border-radius:12px;overflow:hidden}.aca-rule-list__item__header{display:flex;flex-direction:row;gap:4px;align-items:stretch;cursor:pointer;color:var(--theme-text-color);-webkit-user-select:none;user-select:none;font-size:.9em;padding:.5em 1em}.aca-rule-list__item__header>*{display:flex;flex-direction:row;align-items:center}.aca-rule-list__item__header__title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1}.aca-rule-list__item__header__title__icon{transform:scale(.8)}.aca-rule-list__item.aca-expanded .aca-rule-list__item__header{border-bottom:1px solid var(--theme-border-color)}.aca-rule-list__item__all-linked-rules-are-disabled{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:var(--theme-disabled-text-color);font-style:italic;text-align:center;padding:.5em 0;font-size:.9em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i6.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: RuleListGroupingUiComponent, selector: "aca-rule-list-grouping", inputs: ["items", "selectedRule", "showEnabledToggles"], outputs: ["selectRule", "ruleEnabledChanged", "loadMoreRules", "loadMoreRuleSets"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-RuleListUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleListUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuleListUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuleListUiComponent, isStandalone: true, selector: "aca-rule-list", inputs: { mainRuleSet$: "mainRuleSet$", folderId: "folderId", inheritedRuleSets: "inheritedRuleSets", hasMoreRuleSets: "hasMoreRuleSets", ruleSetsLoading: "ruleSetsLoading", selectedRule: "selectedRule" }, outputs: { loadMoreRuleSets: "loadMoreRuleSets", loadMoreRules: "loadMoreRules", selectRule: "selectRule", ruleEnabledChanged: "ruleEnabledChanged", ruleSetEditLinkClicked: "ruleSetEditLinkClicked", ruleSetUnlinkClicked: "ruleSetUnlinkClicked" }, host: { classAttribute: "aca-rule-list" }, ngImport: i0, template: "<div\n  *ngIf=\"inheritedRuleSetGroupingItems.length > 0\"\n  class=\"aca-rule-list__item\"\n  data-automation-id=\"rule-list-item\"\n  [ngClass]=\"{ 'aca-expanded': inheritedRuleSetsExpanded }\">\n\n  <div\n    tabindex=\"0\"\n    class=\"aca-rule-list__item__header\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    (click)=\"inheritedRuleSetsExpanded = !inheritedRuleSetsExpanded\"\n    (keyup.enter)=\"inheritedRuleSetsExpanded = !inheritedRuleSetsExpanded\">\n\n    <span class=\"aca-rule-list__item__header__title\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES' | translate }}\n      <mat-icon class=\"aca-rule-list__item__header__title__icon\" [matTooltip]=\"'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES_WILL_BE_RUN_FIRST' | translate\">\n        info\n      </mat-icon>\n    </span>\n    <mat-icon class=\"aca-rule-list__item__header__icon\">\n      {{ inheritedRuleSetsExpanded ? 'expand_more' : 'chevron_right' }}\n    </mat-icon>\n  </div>\n\n  <aca-rule-list-grouping\n    *ngIf=\"inheritedRuleSetsExpanded\"\n    [items]=\"inheritedRuleSetGroupingItems\"\n    [selectedRule]=\"selectedRule\"\n    (selectRule)=\"onSelectRule($event)\"\n    (ruleEnabledChanged)=\"onRuleEnabledChanged($event)\"\n    (loadMoreRules)=\"onLoadMoreRules($event)\"\n    (loadMoreRuleSets)=\"onLoadMoreRuleSets()\">\n  </aca-rule-list-grouping>\n\n</div>\n\n<div\n  *ngIf=\"mainRuleSetGroupingItems.length > 0 || isMainRuleSetLinked\"\n  class=\"aca-rule-list__item\"\n  data-automation-id=\"rule-list-item\"\n  [ngClass]=\"{ 'aca-expanded': mainRuleSetExpanded }\">\n\n  <div\n    tabindex=\"0\"\n    class=\"aca-rule-list__item__header\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    (click)=\"mainRuleSetExpanded = !mainRuleSetExpanded\"\n    (keyup.enter)=\"mainRuleSetExpanded = !mainRuleSetExpanded\">\n\n    <span class=\"aca-rule-list__item__header__title\" data-automation-id=\"main-rule-set-title\">\n      <ng-container *ngIf=\"isMainRuleSetOwned; else linkedRuleSet\">\n        {{ 'ACA_FOLDER_RULES.RULE_LIST.OWNED_RULES' | translate }}\n      </ng-container>\n      <ng-template #linkedRuleSet>\n          {{ 'ACA_FOLDER_RULES.RULE_LIST.LINKED_RULES' | translate }}\n      </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"!isMainRuleSetOwned\">\n      <mat-icon class=\"aca-rule-list__item__header__icon\" (click)=\"onRuleSetEditLinkClicked($event)\">edit</mat-icon>\n      <mat-icon class=\"aca-rule-list__item__header__icon\" (click)=\"onRuleSetUnlinkClicked($event)\">link_off</mat-icon>\n    </ng-container>\n\n    <mat-icon class=\"aca-rule-list__item__header__icon\">\n      {{ mainRuleSetExpanded ? 'expand_more' : 'chevron_right' }}\n    </mat-icon>\n  </div>\n\n  <ng-container *ngIf=\"mainRuleSetExpanded\">\n    <aca-rule-list-grouping\n      *ngIf=\"mainRuleSetGroupingItems.length > 0; else emptyLinkedRuleSet\"\n      [items]=\"mainRuleSetGroupingItems\"\n      [selectedRule]=\"selectedRule\"\n      [showEnabledToggles]=\"isMainRuleSetOwned\"\n      (selectRule)=\"onSelectRule($event)\"\n      (ruleEnabledChanged)=\"onRuleEnabledChanged($event)\"\n      (loadMoreRules)=\"onLoadMoreRules($event)\">\n    </aca-rule-list-grouping>\n\n    <ng-template #emptyLinkedRuleSet>\n      <div class=\"aca-rule-list__item__all-linked-rules-are-disabled\">\n        {{ 'ACA_FOLDER_RULES.RULE_LIST.ALL_LINKED_RULES_ARE_DISABLED' | translate }}\n        <button *ngIf=\"mainRuleSet?.owningFolder?.id\" mat-stroked-button [routerLink]=\"['/nodes', mainRuleSet.owningFolder.id, 'rules']\">\n          {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.SEE_IN_FOLDER' | translate }}\n        </button>\n      </div>\n    </ng-template>\n  </ng-container>\n\n</div>\n", styles: [".aca-rule-list{display:flex;flex-direction:column;overflow-y:auto;gap:8px}.aca-rule-list__item{display:flex;flex-direction:column;border:1px solid var(--theme-border-color);border-radius:12px;overflow:hidden}.aca-rule-list__item__header{display:flex;flex-direction:row;gap:4px;align-items:stretch;cursor:pointer;color:var(--theme-text-color);-webkit-user-select:none;user-select:none;font-size:.9em;padding:.5em 1em}.aca-rule-list__item__header>*{display:flex;flex-direction:row;align-items:center}.aca-rule-list__item__header__title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1}.aca-rule-list__item__header__title__icon{transform:scale(.8)}.aca-rule-list__item.aca-expanded .aca-rule-list__item__header{border-bottom:1px solid var(--theme-border-color)}.aca-rule-list__item__all-linked-rules-are-disabled{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:var(--theme-disabled-text-color);font-style:italic;text-align:center;padding:.5em 0;font-size:.9em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i6.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: RuleListGroupingUiComponent, selector: "aca-rule-list-grouping", inputs: ["items", "selectedRule", "showEnabledToggles"], outputs: ["selectRule", "ruleEnabledChanged", "loadMoreRules", "loadMoreRuleSets"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuleListUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: RuleListUiComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
@@ -2373,7 +2378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         RuleListGroupingUiComponent,
                         RouterModule,
                         MatButtonModule
-                    ], selector: 'aca-rule-list', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-list' }, template: "<div\n  *ngIf=\"inheritedRuleSetGroupingItems.length > 0\"\n  class=\"aca-rule-list__item\"\n  data-automation-id=\"rule-list-item\"\n  [ngClass]=\"{ 'aca-expanded': inheritedRuleSetsExpanded }\">\n\n  <div\n    tabindex=\"0\"\n    class=\"aca-rule-list__item__header\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    (click)=\"inheritedRuleSetsExpanded = !inheritedRuleSetsExpanded\"\n    (keyup.enter)=\"inheritedRuleSetsExpanded = !inheritedRuleSetsExpanded\">\n\n    <span class=\"aca-rule-list__item__header__title\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES' | translate }}\n      <mat-icon class=\"aca-rule-list__item__header__title__icon\" [matTooltip]=\"'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES_WILL_BE_RUN_FIRST' | translate\">\n        info\n      </mat-icon>\n    </span>\n    <mat-icon class=\"aca-rule-list__item__header__icon\">\n      {{ inheritedRuleSetsExpanded ? 'expand_more' : 'chevron_right' }}\n    </mat-icon>\n  </div>\n\n  <aca-rule-list-grouping\n    *ngIf=\"inheritedRuleSetsExpanded\"\n    [items]=\"inheritedRuleSetGroupingItems\"\n    [selectedRule]=\"selectedRule\"\n    (selectRule)=\"onSelectRule($event)\"\n    (ruleEnabledChanged)=\"onRuleEnabledChanged($event)\"\n    (loadMoreRules)=\"onLoadMoreRules($event)\"\n    (loadMoreRuleSets)=\"onLoadMoreRuleSets()\">\n  </aca-rule-list-grouping>\n\n</div>\n\n<div\n  *ngIf=\"mainRuleSetGroupingItems.length > 0 || isMainRuleSetLinked\"\n  class=\"aca-rule-list__item\"\n  data-automation-id=\"rule-list-item\"\n  [ngClass]=\"{ 'aca-expanded': mainRuleSetExpanded }\">\n\n  <div\n    tabindex=\"0\"\n    class=\"aca-rule-list__item__header\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    (click)=\"mainRuleSetExpanded = !mainRuleSetExpanded\"\n    (keyup.enter)=\"mainRuleSetExpanded = !mainRuleSetExpanded\">\n\n    <span class=\"aca-rule-list__item__header__title\" data-automation-id=\"main-rule-set-title\">\n      <ng-container *ngIf=\"isMainRuleSetOwned; else linkedRuleSet\">\n        {{ 'ACA_FOLDER_RULES.RULE_LIST.OWNED_RULES' | translate }}\n      </ng-container>\n      <ng-template #linkedRuleSet>\n          {{ 'ACA_FOLDER_RULES.RULE_LIST.LINKED_RULES' | translate }}\n      </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"!isMainRuleSetOwned\">\n      <mat-icon class=\"aca-rule-list__item__header__icon\" (click)=\"onRuleSetEditLinkClicked($event)\">edit</mat-icon>\n      <mat-icon class=\"aca-rule-list__item__header__icon\" (click)=\"onRuleSetUnlinkClicked($event)\">link_off</mat-icon>\n    </ng-container>\n\n    <mat-icon class=\"aca-rule-list__item__header__icon\">\n      {{ mainRuleSetExpanded ? 'expand_more' : 'chevron_right' }}\n    </mat-icon>\n  </div>\n\n  <ng-container *ngIf=\"mainRuleSetExpanded\">\n    <aca-rule-list-grouping\n      *ngIf=\"mainRuleSetGroupingItems.length > 0; else emptyLinkedRuleSet\"\n      [items]=\"mainRuleSetGroupingItems\"\n      [selectedRule]=\"selectedRule\"\n      [showEnabledToggles]=\"isMainRuleSetOwned\"\n      (selectRule)=\"onSelectRule($event)\"\n      (ruleEnabledChanged)=\"onRuleEnabledChanged($event)\"\n      (loadMoreRules)=\"onLoadMoreRules($event)\">\n    </aca-rule-list-grouping>\n\n    <ng-template #emptyLinkedRuleSet>\n      <div class=\"aca-rule-list__item__all-linked-rules-are-disabled\">\n        {{ 'ACA_FOLDER_RULES.RULE_LIST.ALL_LINKED_RULES_ARE_DISABLED' | translate }}\n        <button *ngIf=\"mainRuleSet?.owningFolder?.id\" mat-stroked-button [routerLink]=\"['/nodes', mainRuleSet.owningFolder.id, 'rules']\">\n          {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.SEE_IN_FOLDER' | translate }}\n        </button>\n      </div>\n    </ng-template>\n  </ng-container>\n\n</div>\n", styles: [".aca-rule-list{display:flex;flex-direction:column;overflow-y:auto;gap:8px}.aca-rule-list__item{display:flex;flex-direction:column;border:1px solid var(--theme-border-color);border-radius:12px;overflow:hidden}.aca-rule-list__item__header{display:flex;flex-direction:row;gap:4px;align-items:stretch;cursor:pointer;color:var(--theme-text-color);-webkit-user-select:none;user-select:none;font-size:.9em;padding:.5em 1em}.aca-rule-list__item__header>*{display:flex;flex-direction:row;align-items:center}.aca-rule-list__item__header__title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1}.aca-rule-list__item__header__title__icon{transform:scale(.8)}.aca-rule-list__item.aca-expanded .aca-rule-list__item__header{border-bottom:1px solid var(--theme-border-color)}.aca-rule-list__item__all-linked-rules-are-disabled{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:var(--theme-disabled-text-color);font-style:italic;text-align:center;padding:.5em 0;font-size:.9em}\n"] }]
+                    ], selector: 'aca-rule-list', encapsulation: ViewEncapsulation.None, host: { class: 'aca-rule-list' }, template: "<div\n  *ngIf=\"inheritedRuleSetGroupingItems.length > 0\"\n  class=\"aca-rule-list__item\"\n  data-automation-id=\"rule-list-item\"\n  [ngClass]=\"{ 'aca-expanded': inheritedRuleSetsExpanded }\">\n\n  <div\n    tabindex=\"0\"\n    class=\"aca-rule-list__item__header\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    (click)=\"inheritedRuleSetsExpanded = !inheritedRuleSetsExpanded\"\n    (keyup.enter)=\"inheritedRuleSetsExpanded = !inheritedRuleSetsExpanded\">\n\n    <span class=\"aca-rule-list__item__header__title\">\n      {{ 'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES' | translate }}\n      <mat-icon class=\"aca-rule-list__item__header__title__icon\" [matTooltip]=\"'ACA_FOLDER_RULES.RULE_LIST.INHERITED_RULES_WILL_BE_RUN_FIRST' | translate\">\n        info\n      </mat-icon>\n    </span>\n    <mat-icon class=\"aca-rule-list__item__header__icon\">\n      {{ inheritedRuleSetsExpanded ? 'expand_more' : 'chevron_right' }}\n    </mat-icon>\n  </div>\n\n  <aca-rule-list-grouping\n    *ngIf=\"inheritedRuleSetsExpanded\"\n    [items]=\"inheritedRuleSetGroupingItems\"\n    [selectedRule]=\"selectedRule\"\n    (selectRule)=\"onSelectRule($event)\"\n    (ruleEnabledChanged)=\"onRuleEnabledChanged($event)\"\n    (loadMoreRules)=\"onLoadMoreRules($event)\"\n    (loadMoreRuleSets)=\"onLoadMoreRuleSets()\" />\n</div>\n\n<div\n  *ngIf=\"mainRuleSetGroupingItems.length > 0 || isMainRuleSetLinked\"\n  class=\"aca-rule-list__item\"\n  data-automation-id=\"rule-list-item\"\n  [ngClass]=\"{ 'aca-expanded': mainRuleSetExpanded }\">\n\n  <div\n    tabindex=\"0\"\n    class=\"aca-rule-list__item__header\"\n    matRipple matRippleColor=\"hsla(0,0%,0%,0.05)\"\n    (click)=\"mainRuleSetExpanded = !mainRuleSetExpanded\"\n    (keyup.enter)=\"mainRuleSetExpanded = !mainRuleSetExpanded\">\n\n    <span class=\"aca-rule-list__item__header__title\" data-automation-id=\"main-rule-set-title\">\n      <ng-container *ngIf=\"isMainRuleSetOwned; else linkedRuleSet\">\n        {{ 'ACA_FOLDER_RULES.RULE_LIST.OWNED_RULES' | translate }}\n      </ng-container>\n      <ng-template #linkedRuleSet>\n          {{ 'ACA_FOLDER_RULES.RULE_LIST.LINKED_RULES' | translate }}\n      </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"!isMainRuleSetOwned\">\n      <mat-icon class=\"aca-rule-list__item__header__icon\" (click)=\"onRuleSetEditLinkClicked($event)\">edit</mat-icon>\n      <mat-icon class=\"aca-rule-list__item__header__icon\" (click)=\"onRuleSetUnlinkClicked($event)\">link_off</mat-icon>\n    </ng-container>\n\n    <mat-icon class=\"aca-rule-list__item__header__icon\">\n      {{ mainRuleSetExpanded ? 'expand_more' : 'chevron_right' }}\n    </mat-icon>\n  </div>\n\n  <ng-container *ngIf=\"mainRuleSetExpanded\">\n    <aca-rule-list-grouping\n      *ngIf=\"mainRuleSetGroupingItems.length > 0; else emptyLinkedRuleSet\"\n      [items]=\"mainRuleSetGroupingItems\"\n      [selectedRule]=\"selectedRule\"\n      [showEnabledToggles]=\"isMainRuleSetOwned\"\n      (selectRule)=\"onSelectRule($event)\"\n      (ruleEnabledChanged)=\"onRuleEnabledChanged($event)\"\n      (loadMoreRules)=\"onLoadMoreRules($event)\" />\n\n    <ng-template #emptyLinkedRuleSet>\n      <div class=\"aca-rule-list__item__all-linked-rules-are-disabled\">\n        {{ 'ACA_FOLDER_RULES.RULE_LIST.ALL_LINKED_RULES_ARE_DISABLED' | translate }}\n        <button *ngIf=\"mainRuleSet?.owningFolder?.id\" mat-stroked-button [routerLink]=\"['/nodes', mainRuleSet.owningFolder.id, 'rules']\">\n          {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.SEE_IN_FOLDER' | translate }}\n        </button>\n      </div>\n    </ng-template>\n  </ng-container>\n\n</div>\n", styles: [".aca-rule-list{display:flex;flex-direction:column;overflow-y:auto;gap:8px}.aca-rule-list__item{display:flex;flex-direction:column;border:1px solid var(--theme-border-color);border-radius:12px;overflow:hidden}.aca-rule-list__item__header{display:flex;flex-direction:row;gap:4px;align-items:stretch;cursor:pointer;color:var(--theme-text-color);-webkit-user-select:none;user-select:none;font-size:.9em;padding:.5em 1em}.aca-rule-list__item__header>*{display:flex;flex-direction:row;align-items:center}.aca-rule-list__item__header__title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1}.aca-rule-list__item__header__title__icon{transform:scale(.8)}.aca-rule-list__item.aca-expanded .aca-rule-list__item__header{border-bottom:1px solid var(--theme-border-color)}.aca-rule-list__item__all-linked-rules-are-disabled{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:var(--theme-disabled-text-color);font-style:italic;text-align:center;padding:.5em 0;font-size:.9em}\n"] }]
         }], propDecorators: { mainRuleSet$: [{
                 type: Input
             }], folderId: [{
@@ -2424,6 +2429,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 class ManageRulesSmartComponent {
+    location;
+    folderRulesService;
+    route;
+    matDialogService;
+    notificationService;
+    actionsService;
+    folderRuleSetsService;
+    nodeId = '';
+    isInheritanceEnabled = true;
+    isInheritanceToggleDisabled = false;
+    mainRuleSet$;
+    inheritedRuleSets$;
+    selectedRule$;
+    selectedRuleSet$;
+    hasMoreRuleSets$;
+    ruleSetsLoading$;
+    folderInfo$;
+    actionsLoading$;
+    actionDefinitions$;
+    parameterConstraints$;
+    canEditMainRule = false;
+    canEditSelectedRule = false;
+    isMainRuleSetNotEmpty = false;
+    isInheritedRuleSetsNotEmpty = false;
+    destroyRef = inject(DestroyRef);
     constructor(location, folderRulesService, route, matDialogService, notificationService, actionsService, folderRuleSetsService) {
         this.location = location;
         this.folderRulesService = folderRulesService;
@@ -2432,14 +2462,6 @@ class ManageRulesSmartComponent {
         this.notificationService = notificationService;
         this.actionsService = actionsService;
         this.folderRuleSetsService = folderRuleSetsService;
-        this.nodeId = '';
-        this.isInheritanceEnabled = true;
-        this.isInheritanceToggleDisabled = false;
-        this.canEditMainRule = false;
-        this.canEditSelectedRule = false;
-        this.isMainRuleSetNotEmpty = false;
-        this.isInheritedRuleSetsNotEmpty = false;
-        this.destroyed$ = new Subject();
     }
     ngOnInit() {
         this.mainRuleSet$ = this.folderRuleSetsService.mainRuleSet$;
@@ -2452,7 +2474,7 @@ class ManageRulesSmartComponent {
         this.actionsLoading$ = this.actionsService.loading$.pipe(delay(0));
         this.actionDefinitions$ = this.actionsService.actionDefinitionsListing$;
         this.parameterConstraints$ = this.actionsService.parameterConstraints$;
-        this.folderRulesService.deletedRuleId$.pipe(takeUntil(this.destroyed$)).subscribe((deletedRuleId) => this.onRuleDelete(deletedRuleId));
+        this.folderRulesService.deletedRuleId$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((deletedRuleId) => this.onRuleDelete(deletedRuleId));
         this.actionsService.loadActionDefinitions();
         this.route.params.subscribe((params) => {
             this.nodeId = params.nodeId;
@@ -2463,23 +2485,20 @@ class ManageRulesSmartComponent {
                 this.folderRuleSetsService.loadRuleSets(this.nodeId);
             }
         });
-        this._actionDefinitionsSub = this.actionDefinitions$.subscribe((actionDefinitions) => this.actionsService.loadActionParameterConstraints(actionDefinitions));
-        this.mainRuleSet$.pipe(takeUntil(this.destroyed$)).subscribe((ruleSet) => {
+        this.actionDefinitions$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe((actionDefinitions) => this.actionsService.loadActionParameterConstraints(actionDefinitions));
+        this.mainRuleSet$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((ruleSet) => {
             this.canEditMainRule = this.canEditRule(ruleSet);
             this.isMainRuleSetNotEmpty = !!ruleSet;
         });
-        this.inheritedRuleSets$.pipe(takeUntil(this.destroyed$)).subscribe((inheritedRuleSet) => {
+        this.inheritedRuleSets$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((inheritedRuleSet) => {
             this.isInheritedRuleSetsNotEmpty = inheritedRuleSet.some((ruleSet) => ruleSet.rules.some((rule) => rule.isEnabled));
         });
-        this.selectedRuleSet$.pipe(takeUntil(this.destroyed$)).subscribe((ruleSet) => {
+        this.selectedRuleSet$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((ruleSet) => {
             this.canEditSelectedRule = this.canEditRule(ruleSet);
         });
     }
-    ngOnDestroy() {
-        this.destroyed$.next();
-        this.destroyed$.complete();
-        this._actionDefinitionsSub.unsubscribe();
-    }
     goBack() {
         this.location.back();
     }
@@ -2602,10 +2621,10 @@ class ManageRulesSmartComponent {
             }
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ManageRulesSmartComponent, deps: [{ token: i1$1.Location }, { token: FolderRulesService }, { token: i3$2.ActivatedRoute }, { token: i2$1.MatDialog }, { token: i5$2.NotificationService }, { token: ActionsService }, { token: FolderRuleSetsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ManageRulesSmartComponent, isStandalone: true, selector: "aca-manage-rules", host: { classAttribute: "aca-manage-rules" }, ngImport: i0, template: "<aca-page-layout>\n\n  <div class=\"aca-page-layout-header\">\n    <adf-toolbar class=\"adf-toolbar--inline\">\n      <button mat-icon-button (click)=\"goBack()\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n    </adf-toolbar>\n    <h1 class=\"aca-page-title\">{{ 'ACA_FOLDER_RULES.ACTIONS.MANAGE_RULES' | translate }}</h1>\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n\n      <ng-container *ngIf=\"((ruleSetsLoading$ | async) && (inheritedRuleSets$ | async).length === 0) || (actionsLoading$ | async); else onLoaded\">\n        <mat-progress-bar color=\"primary\" mode=\"indeterminate\" />\n      </ng-container>\n\n      <ng-template #onLoaded>\n        <ng-container *ngIf=\"folderInfo$ | async; else genericError\">\n          <adf-toolbar class=\"adf-toolbar--inline aca-manage-rules__actions-bar\">\n\n            <adf-toolbar-title class=\"aca-manage-rules__actions-bar__title\">\n              <mat-icon class=\"icon-aligner\">folder</mat-icon>\n              <h2 class=\"aca-page-title\">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.BREADCRUMB.RULES' | translate}}</h2>\n            </adf-toolbar-title>\n\n            <mat-slide-toggle\n              data-automation-id=\"manage-rules-inheritance-toggle-button\"\n              class=\"aca-manage-rules__actions-bar__toggle\"\n              [checked]=\"isInheritanceEnabled\"\n              (change)=\"onInheritanceToggleChange($event)\"\n              [disabled]=\"isInheritanceToggleDisabled\"\n              [labelPosition]=\"'before'\">\n              {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.INHERIT_RULES' | translate }}\n            </mat-slide-toggle>\n\n            <mat-divider vertical class=\"aca-manage-rules__actions-bar__vertical-divider\" />\n\n            <div class=\"aca-manage-rules__actions-bar__buttons\">\n              <button\n                *ngIf=\"!(mainRuleSet$ | async)\"\n                data-automation-id=\"manage-rules-link-button\"\n                mat-stroked-button\n                (click)=\"openLinkRulesDialog()\">\n                {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.LINK_RULES' | translate }}\n              </button>\n\n              <button\n                *ngIf=\"canEditMainRule\"\n                data-automation-id=\"manage-rules-create-button\"\n                mat-flat-button color=\"primary\"\n                (click)=\"openCreateUpdateRuleDialog()\">\n                {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.CREATE_RULE' | translate }}\n              </button>\n            </div>\n\n          </adf-toolbar>\n          <mat-divider />\n\n          <div class=\"aca-manage-rules__container\" *ngIf=\"isMainRuleSetNotEmpty || isInheritedRuleSetsNotEmpty; else emptyContent\">\n            <aca-rule-list\n              [mainRuleSet$]=\"mainRuleSet$\"\n              [folderId]=\"nodeId\"\n              [inheritedRuleSets]=\"inheritedRuleSets$ | async\"\n              [hasMoreRuleSets]=\"hasMoreRuleSets$ | async\"\n              [ruleSetsLoading]=\"ruleSetsLoading$ | async\"\n              [selectedRule]=\"selectedRule$ | async\"\n              (loadMoreRuleSets)=\"onLoadMoreRuleSets()\"\n              (loadMoreRules)=\"onLoadMoreRules($event)\"\n              (selectRule)=\"onSelectRule($event)\"\n              (ruleEnabledChanged)=\"onRuleEnabledToggle($event[0], $event[1])\"\n              (ruleSetEditLinkClicked)=\"openLinkRulesDialog($event)\"\n              (ruleSetUnlinkClicked)=\"onRuleSetUnlinkClicked($event)\" />\n\n            <div class=\"aca-manage-rules__container__rule-details\">\n\n              <div class=\"aca-manage-rules__container__rule-details__header\" *ngIf=\"(selectedRule$ | async) as selectedRule\">\n                <div class=\"aca-manage-rules__container__rule-details__header__title\">\n                  <div class=\"aca-manage-rules__container__rule-details__header__title__name\">\n                    {{ selectedRule.name }}\n                  </div>\n                  <div class=\"aca-manage-rules__container__rule-details__header__title__description\">\n                    {{ selectedRule.description }}\n                  </div>\n                </div>\n\n                <div class=\"aca-manage-rules__container__rule-details__header__buttons\">\n                  <ng-container *ngIf=\"canEditSelectedRule; else goToFolderButton\">\n                    <button mat-stroked-button (click)=\"onRuleDeleteButtonClicked(selectedRule)\" id=\"delete-rule-btn\">\n                      <mat-icon>delete_outline</mat-icon>\n                    </button>\n                    <button mat-stroked-button (click)=\"openCreateUpdateRuleDialog(selectedRule)\" id=\"edit-rule-btn\">\n                      {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.EDIT_RULE' | translate }}\n                    </button>\n                  </ng-container>\n\n                  <ng-template #goToFolderButton>\n                    <button mat-stroked-button [routerLink]=\"['/nodes', (selectedRuleSet$ | async).owningFolder.id, 'rules']\">\n                      {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.SEE_IN_FOLDER' | translate }}\n                    </button>\n                  </ng-template>\n                </div>\n              </div>\n\n              <div class=\"aca-manage-rules__container__rule-details__content\" *ngIf=\"(selectedRule$ | async) as selectedRule\">\n                <aca-rule-details\n                  [actionDefinitions]=\"actionDefinitions$ | async\"\n                  [parameterConstraints]=\"parameterConstraints$ | async\"\n                  [readOnly]=\"true\"\n                  [preview]=\"true\"\n                  [value]=\"selectedRule\"\n                  [nodeId]=\"nodeId\" />\n              </div>\n            </div>\n          </div>\n\n          <ng-template #emptyContent>\n            <adf-empty-content\n              icon=\"library_books\"\n              [title]=\"'ACA_FOLDER_RULES.MANAGE_RULES.EMPTY_RULES_LIST.TITLE' | translate\"\n              [subtitle]=\"'ACA_FOLDER_RULES.MANAGE_RULES.EMPTY_RULES_LIST.SUBTITLE' | translate\"\n            />\n          </ng-template>\n        </ng-container>\n\n        <ng-template #genericError>\n          <div class=\"aca-page-layout-error\">\n            <aca-generic-error />\n          </div>\n        </ng-template>\n\n      </ng-template>\n\n    </div>\n  </div>\n\n</aca-page-layout>\n", styles: [".aca-manage-rules .mat-mdc-slide-toggle:is(mat-slide-toggle) .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-track-color)}.aca-manage-rules .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle:before{background:var(--mdc-switch-selected-pressed-handle-color)}.aca-manage-rules__actions-bar{padding:0 30px;display:flex;align-items:center}.aca-manage-rules__actions-bar .aca-page-title{margin-left:18px}.aca-manage-rules__actions-bar__title{align-items:center;flex:1}.aca-manage-rules__actions-bar__buttons{display:flex;align-items:stretch;gap:12px}.aca-manage-rules__actions-bar__toggle{font-weight:600;font-size:14px}.aca-manage-rules__actions-bar__vertical-divider{height:50%;margin:0 12px}.aca-manage-rules__container{display:grid;grid-template-columns:minmax(250px,1fr) 3fr;padding:20px;gap:12px;overflow-y:auto;flex:1}.aca-manage-rules__container__rule-details{border:1px solid var(--theme-border-color);border-radius:12px;overflow-y:auto}.aca-manage-rules__container__rule-details__header{position:sticky;top:0;z-index:1;display:flex;flex-direction:row;align-items:flex-start;overflow-x:auto;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--theme-border-color);background-color:var(--theme-background-color);column-gap:20px}.aca-manage-rules__container__rule-details__header__title{display:flex;flex-direction:column;gap:4px;word-wrap:break-word;min-width:100px}.aca-manage-rules__container__rule-details__header__title__name{font-size:1.2em;font-weight:700}.aca-manage-rules__container__rule-details__header__title__description{font-size:.8em;font-style:italic}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons{display:flex;flex-direction:row;align-items:stretch;gap:4px}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button{color:var(--theme-text-color)}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button#delete-rule-btn{padding:0 8px;margin:0;min-width:unset}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button#delete-rule-btn mat-icon{margin:0;padding:0;width:24px;height:24px;font-size:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i5$2.ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: i5$2.ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i13.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: RuleListUiComponent, selector: "aca-rule-list", inputs: ["mainRuleSet$", "folderId", "inheritedRuleSets", "hasMoreRuleSets", "ruleSetsLoading", "selectedRule"], outputs: ["loadMoreRuleSets", "loadMoreRules", "selectRule", "ruleEnabledChanged", "ruleSetEditLinkClicked", "ruleSetUnlinkClicked"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TemplateModule }, { kind: "component", type: i5$2.EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "component", type: GenericErrorComponent, selector: "aca-generic-error", inputs: ["text"] }, { kind: "component", type: RuleDetailsUiComponent, selector: "aca-rule-details", inputs: ["readOnly", "value", "preview", "actionDefinitions", "parameterConstraints", "nodeId"], outputs: ["formValidationChanged", "formValueChanged"] }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
 }
-ManageRulesSmartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ManageRulesSmartComponent, deps: [{ token: i1$1.Location }, { token: FolderRulesService }, { token: i3$2.ActivatedRoute }, { token: i2$1.MatDialog }, { token: i5$2.NotificationService }, { token: ActionsService }, { token: FolderRuleSetsService }], target: i0.ɵɵFactoryTarget.Component });
-ManageRulesSmartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ManageRulesSmartComponent, isStandalone: true, selector: "aca-manage-rules", host: { classAttribute: "aca-manage-rules" }, ngImport: i0, template: "<aca-page-layout>\n\n  <div class=\"aca-page-layout-header\">\n    <adf-toolbar class=\"adf-toolbar--inline\">\n      <button mat-icon-button (click)=\"goBack()\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n    </adf-toolbar>\n    <h1 class=\"aca-page-title\">{{ 'ACA_FOLDER_RULES.ACTIONS.MANAGE_RULES' | translate }}</h1>\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n\n      <ng-container *ngIf=\"((ruleSetsLoading$ | async) && (inheritedRuleSets$ | async).length === 0) || (actionsLoading$ | async); else onLoaded\">\n        <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\n      </ng-container>\n\n      <ng-template #onLoaded>\n        <ng-container *ngIf=\"folderInfo$ | async; else genericError\">\n          <adf-toolbar class=\"adf-toolbar--inline aca-manage-rules__actions-bar\">\n\n            <adf-toolbar-title class=\"aca-manage-rules__actions-bar__title\">\n              <mat-icon class=\"icon-aligner\">folder</mat-icon>\n              <h2 class=\"aca-page-title\">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.BREADCRUMB.RULES' | translate}}</h2>\n            </adf-toolbar-title>\n\n            <mat-slide-toggle\n              data-automation-id=\"manage-rules-inheritance-toggle-button\"\n              class=\"aca-manage-rules__actions-bar__toggle\"\n              [checked]=\"isInheritanceEnabled\"\n              (change)=\"onInheritanceToggleChange($event)\"\n              [disabled]=\"isInheritanceToggleDisabled\"\n              [labelPosition]=\"'before'\">\n              {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.INHERIT_RULES' | translate }}\n            </mat-slide-toggle>\n\n            <mat-divider vertical class=\"aca-manage-rules__actions-bar__vertical-divider\"></mat-divider>\n\n            <div class=\"aca-manage-rules__actions-bar__buttons\">\n              <button\n                *ngIf=\"!(mainRuleSet$ | async)\"\n                data-automation-id=\"manage-rules-link-button\"\n                mat-stroked-button\n                (click)=\"openLinkRulesDialog()\">\n                {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.LINK_RULES' | translate }}\n              </button>\n\n              <button\n                *ngIf=\"canEditMainRule\"\n                data-automation-id=\"manage-rules-create-button\"\n                mat-flat-button color=\"primary\"\n                (click)=\"openCreateUpdateRuleDialog()\">\n                {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.CREATE_RULE' | translate }}\n              </button>\n            </div>\n\n          </adf-toolbar>\n          <mat-divider></mat-divider>\n\n          <div class=\"aca-manage-rules__container\" *ngIf=\"isMainRuleSetNotEmpty || isInheritedRuleSetsNotEmpty; else emptyContent\">\n            <aca-rule-list\n              [mainRuleSet$]=\"mainRuleSet$\"\n              [folderId]=\"nodeId\"\n              [inheritedRuleSets]=\"inheritedRuleSets$ | async\"\n              [hasMoreRuleSets]=\"hasMoreRuleSets$ | async\"\n              [ruleSetsLoading]=\"ruleSetsLoading$ | async\"\n              [selectedRule]=\"selectedRule$ | async\"\n              (loadMoreRuleSets)=\"onLoadMoreRuleSets()\"\n              (loadMoreRules)=\"onLoadMoreRules($event)\"\n              (selectRule)=\"onSelectRule($event)\"\n              (ruleEnabledChanged)=\"onRuleEnabledToggle($event[0], $event[1])\"\n              (ruleSetEditLinkClicked)=\"openLinkRulesDialog($event)\"\n              (ruleSetUnlinkClicked)=\"onRuleSetUnlinkClicked($event)\">\n            </aca-rule-list>\n\n            <div class=\"aca-manage-rules__container__rule-details\">\n\n              <div class=\"aca-manage-rules__container__rule-details__header\" *ngIf=\"(selectedRule$ | async) as selectedRule\">\n                <div class=\"aca-manage-rules__container__rule-details__header__title\">\n                  <div class=\"aca-manage-rules__container__rule-details__header__title__name\">\n                    {{ selectedRule.name }}\n                  </div>\n                  <div class=\"aca-manage-rules__container__rule-details__header__title__description\">\n                    {{ selectedRule.description }}\n                  </div>\n                </div>\n\n                <div class=\"aca-manage-rules__container__rule-details__header__buttons\">\n                  <ng-container *ngIf=\"canEditSelectedRule; else goToFolderButton\">\n                    <button mat-stroked-button (click)=\"onRuleDeleteButtonClicked(selectedRule)\" id=\"delete-rule-btn\">\n                      <mat-icon>delete_outline</mat-icon>\n                    </button>\n                    <button mat-stroked-button (click)=\"openCreateUpdateRuleDialog(selectedRule)\" id=\"edit-rule-btn\">\n                      {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.EDIT_RULE' | translate }}\n                    </button>\n                  </ng-container>\n\n                  <ng-template #goToFolderButton>\n                    <button mat-stroked-button [routerLink]=\"['/nodes', (selectedRuleSet$ | async).owningFolder.id, 'rules']\">\n                      {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.SEE_IN_FOLDER' | translate }}\n                    </button>\n                  </ng-template>\n                </div>\n              </div>\n\n              <div class=\"aca-manage-rules__container__rule-details__content\" *ngIf=\"(selectedRule$ | async) as selectedRule\">\n                <aca-rule-details\n                  [actionDefinitions]=\"actionDefinitions$ | async\"\n                  [parameterConstraints]=\"parameterConstraints$ | async\"\n                  [readOnly]=\"true\"\n                  [preview]=\"true\"\n                  [value]=\"selectedRule\"\n                  [nodeId]=\"nodeId\">\n                </aca-rule-details>\n              </div>\n            </div>\n          </div>\n\n          <ng-template #emptyContent>\n            <adf-empty-content\n              icon=\"library_books\"\n              [title]=\"'ACA_FOLDER_RULES.MANAGE_RULES.EMPTY_RULES_LIST.TITLE' | translate\"\n              [subtitle]=\"'ACA_FOLDER_RULES.MANAGE_RULES.EMPTY_RULES_LIST.SUBTITLE' | translate\"\n            >\n            </adf-empty-content>\n          </ng-template>\n        </ng-container>\n\n        <ng-template #genericError>\n          <div class=\"aca-page-layout-error\">\n            <aca-generic-error></aca-generic-error>\n          </div>\n        </ng-template>\n\n      </ng-template>\n\n    </div>\n  </div>\n\n</aca-page-layout>\n", styles: [".aca-manage-rules .mat-mdc-slide-toggle:is(mat-slide-toggle) .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-track-color)}.aca-manage-rules .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle:before{background:var(--mdc-switch-selected-pressed-handle-color)}.aca-manage-rules__actions-bar{padding:0 30px;display:flex;align-items:center}.aca-manage-rules__actions-bar .aca-page-title{margin-left:18px}.aca-manage-rules__actions-bar__title{align-items:center;flex:1}.aca-manage-rules__actions-bar__buttons{display:flex;align-items:stretch;gap:12px}.aca-manage-rules__actions-bar__toggle{font-weight:600;font-size:14px}.aca-manage-rules__actions-bar__vertical-divider{height:50%;margin:0 12px}.aca-manage-rules__container{display:grid;grid-template-columns:minmax(250px,1fr) 3fr;padding:20px;gap:12px;overflow-y:auto;flex:1}.aca-manage-rules__container__rule-details{border:1px solid var(--theme-border-color);border-radius:12px;overflow-y:auto}.aca-manage-rules__container__rule-details__header{position:sticky;top:0;z-index:1;display:flex;flex-direction:row;align-items:flex-start;overflow-x:auto;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--theme-border-color);background-color:var(--theme-background-color);column-gap:20px}.aca-manage-rules__container__rule-details__header__title{display:flex;flex-direction:column;gap:4px;word-wrap:break-word;min-width:100px}.aca-manage-rules__container__rule-details__header__title__name{font-size:1.2em;font-weight:700}.aca-manage-rules__container__rule-details__header__title__description{font-size:.8em;font-style:italic}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons{display:flex;flex-direction:row;align-items:stretch;gap:4px}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button{color:var(--theme-text-color)}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button#delete-rule-btn{padding:0 8px;margin:0;min-width:unset}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button#delete-rule-btn mat-icon{margin:0;padding:0;width:24px;height:24px;font-size:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: PageLayoutComponent, selector: "aca-page-layout", inputs: ["hasError"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "component", type: i5$2.ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: i5$2.ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i11.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i13.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: RuleListUiComponent, selector: "aca-rule-list", inputs: ["mainRuleSet$", "folderId", "inheritedRuleSets", "hasMoreRuleSets", "ruleSetsLoading", "selectedRule"], outputs: ["loadMoreRuleSets", "loadMoreRules", "selectRule", "ruleEnabledChanged", "ruleSetEditLinkClicked", "ruleSetUnlinkClicked"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i3$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TemplateModule }, { kind: "component", type: i5$2.EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "component", type: GenericErrorComponent, selector: "aca-generic-error", inputs: ["text"] }, { kind: "component", type: RuleDetailsUiComponent, selector: "aca-rule-details", inputs: ["readOnly", "value", "preview", "actionDefinitions", "parameterConstraints", "nodeId"], outputs: ["formValidationChanged", "formValueChanged"] }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ManageRulesSmartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ManageRulesSmartComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
@@ -2623,7 +2642,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         GenericErrorComponent,
                         RuleDetailsUiComponent,
                         MatDialogModule
-                    ], selector: 'aca-manage-rules', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, host: { class: 'aca-manage-rules' }, template: "<aca-page-layout>\n\n  <div class=\"aca-page-layout-header\">\n    <adf-toolbar class=\"adf-toolbar--inline\">\n      <button mat-icon-button (click)=\"goBack()\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n    </adf-toolbar>\n    <h1 class=\"aca-page-title\">{{ 'ACA_FOLDER_RULES.ACTIONS.MANAGE_RULES' | translate }}</h1>\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n\n      <ng-container *ngIf=\"((ruleSetsLoading$ | async) && (inheritedRuleSets$ | async).length === 0) || (actionsLoading$ | async); else onLoaded\">\n        <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\n      </ng-container>\n\n      <ng-template #onLoaded>\n        <ng-container *ngIf=\"folderInfo$ | async; else genericError\">\n          <adf-toolbar class=\"adf-toolbar--inline aca-manage-rules__actions-bar\">\n\n            <adf-toolbar-title class=\"aca-manage-rules__actions-bar__title\">\n              <mat-icon class=\"icon-aligner\">folder</mat-icon>\n              <h2 class=\"aca-page-title\">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.BREADCRUMB.RULES' | translate}}</h2>\n            </adf-toolbar-title>\n\n            <mat-slide-toggle\n              data-automation-id=\"manage-rules-inheritance-toggle-button\"\n              class=\"aca-manage-rules__actions-bar__toggle\"\n              [checked]=\"isInheritanceEnabled\"\n              (change)=\"onInheritanceToggleChange($event)\"\n              [disabled]=\"isInheritanceToggleDisabled\"\n              [labelPosition]=\"'before'\">\n              {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.INHERIT_RULES' | translate }}\n            </mat-slide-toggle>\n\n            <mat-divider vertical class=\"aca-manage-rules__actions-bar__vertical-divider\"></mat-divider>\n\n            <div class=\"aca-manage-rules__actions-bar__buttons\">\n              <button\n                *ngIf=\"!(mainRuleSet$ | async)\"\n                data-automation-id=\"manage-rules-link-button\"\n                mat-stroked-button\n                (click)=\"openLinkRulesDialog()\">\n                {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.LINK_RULES' | translate }}\n              </button>\n\n              <button\n                *ngIf=\"canEditMainRule\"\n                data-automation-id=\"manage-rules-create-button\"\n                mat-flat-button color=\"primary\"\n                (click)=\"openCreateUpdateRuleDialog()\">\n                {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.CREATE_RULE' | translate }}\n              </button>\n            </div>\n\n          </adf-toolbar>\n          <mat-divider></mat-divider>\n\n          <div class=\"aca-manage-rules__container\" *ngIf=\"isMainRuleSetNotEmpty || isInheritedRuleSetsNotEmpty; else emptyContent\">\n            <aca-rule-list\n              [mainRuleSet$]=\"mainRuleSet$\"\n              [folderId]=\"nodeId\"\n              [inheritedRuleSets]=\"inheritedRuleSets$ | async\"\n              [hasMoreRuleSets]=\"hasMoreRuleSets$ | async\"\n              [ruleSetsLoading]=\"ruleSetsLoading$ | async\"\n              [selectedRule]=\"selectedRule$ | async\"\n              (loadMoreRuleSets)=\"onLoadMoreRuleSets()\"\n              (loadMoreRules)=\"onLoadMoreRules($event)\"\n              (selectRule)=\"onSelectRule($event)\"\n              (ruleEnabledChanged)=\"onRuleEnabledToggle($event[0], $event[1])\"\n              (ruleSetEditLinkClicked)=\"openLinkRulesDialog($event)\"\n              (ruleSetUnlinkClicked)=\"onRuleSetUnlinkClicked($event)\">\n            </aca-rule-list>\n\n            <div class=\"aca-manage-rules__container__rule-details\">\n\n              <div class=\"aca-manage-rules__container__rule-details__header\" *ngIf=\"(selectedRule$ | async) as selectedRule\">\n                <div class=\"aca-manage-rules__container__rule-details__header__title\">\n                  <div class=\"aca-manage-rules__container__rule-details__header__title__name\">\n                    {{ selectedRule.name }}\n                  </div>\n                  <div class=\"aca-manage-rules__container__rule-details__header__title__description\">\n                    {{ selectedRule.description }}\n                  </div>\n                </div>\n\n                <div class=\"aca-manage-rules__container__rule-details__header__buttons\">\n                  <ng-container *ngIf=\"canEditSelectedRule; else goToFolderButton\">\n                    <button mat-stroked-button (click)=\"onRuleDeleteButtonClicked(selectedRule)\" id=\"delete-rule-btn\">\n                      <mat-icon>delete_outline</mat-icon>\n                    </button>\n                    <button mat-stroked-button (click)=\"openCreateUpdateRuleDialog(selectedRule)\" id=\"edit-rule-btn\">\n                      {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.EDIT_RULE' | translate }}\n                    </button>\n                  </ng-container>\n\n                  <ng-template #goToFolderButton>\n                    <button mat-stroked-button [routerLink]=\"['/nodes', (selectedRuleSet$ | async).owningFolder.id, 'rules']\">\n                      {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.SEE_IN_FOLDER' | translate }}\n                    </button>\n                  </ng-template>\n                </div>\n              </div>\n\n              <div class=\"aca-manage-rules__container__rule-details__content\" *ngIf=\"(selectedRule$ | async) as selectedRule\">\n                <aca-rule-details\n                  [actionDefinitions]=\"actionDefinitions$ | async\"\n                  [parameterConstraints]=\"parameterConstraints$ | async\"\n                  [readOnly]=\"true\"\n                  [preview]=\"true\"\n                  [value]=\"selectedRule\"\n                  [nodeId]=\"nodeId\">\n                </aca-rule-details>\n              </div>\n            </div>\n          </div>\n\n          <ng-template #emptyContent>\n            <adf-empty-content\n              icon=\"library_books\"\n              [title]=\"'ACA_FOLDER_RULES.MANAGE_RULES.EMPTY_RULES_LIST.TITLE' | translate\"\n              [subtitle]=\"'ACA_FOLDER_RULES.MANAGE_RULES.EMPTY_RULES_LIST.SUBTITLE' | translate\"\n            >\n            </adf-empty-content>\n          </ng-template>\n        </ng-container>\n\n        <ng-template #genericError>\n          <div class=\"aca-page-layout-error\">\n            <aca-generic-error></aca-generic-error>\n          </div>\n        </ng-template>\n\n      </ng-template>\n\n    </div>\n  </div>\n\n</aca-page-layout>\n", styles: [".aca-manage-rules .mat-mdc-slide-toggle:is(mat-slide-toggle) .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-track-color)}.aca-manage-rules .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle:before{background:var(--mdc-switch-selected-pressed-handle-color)}.aca-manage-rules__actions-bar{padding:0 30px;display:flex;align-items:center}.aca-manage-rules__actions-bar .aca-page-title{margin-left:18px}.aca-manage-rules__actions-bar__title{align-items:center;flex:1}.aca-manage-rules__actions-bar__buttons{display:flex;align-items:stretch;gap:12px}.aca-manage-rules__actions-bar__toggle{font-weight:600;font-size:14px}.aca-manage-rules__actions-bar__vertical-divider{height:50%;margin:0 12px}.aca-manage-rules__container{display:grid;grid-template-columns:minmax(250px,1fr) 3fr;padding:20px;gap:12px;overflow-y:auto;flex:1}.aca-manage-rules__container__rule-details{border:1px solid var(--theme-border-color);border-radius:12px;overflow-y:auto}.aca-manage-rules__container__rule-details__header{position:sticky;top:0;z-index:1;display:flex;flex-direction:row;align-items:flex-start;overflow-x:auto;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--theme-border-color);background-color:var(--theme-background-color);column-gap:20px}.aca-manage-rules__container__rule-details__header__title{display:flex;flex-direction:column;gap:4px;word-wrap:break-word;min-width:100px}.aca-manage-rules__container__rule-details__header__title__name{font-size:1.2em;font-weight:700}.aca-manage-rules__container__rule-details__header__title__description{font-size:.8em;font-style:italic}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons{display:flex;flex-direction:row;align-items:stretch;gap:4px}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button{color:var(--theme-text-color)}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button#delete-rule-btn{padding:0 8px;margin:0;min-width:unset}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button#delete-rule-btn mat-icon{margin:0;padding:0;width:24px;height:24px;font-size:24px}\n"] }]
+                    ], selector: 'aca-manage-rules', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, host: { class: 'aca-manage-rules' }, template: "<aca-page-layout>\n\n  <div class=\"aca-page-layout-header\">\n    <adf-toolbar class=\"adf-toolbar--inline\">\n      <button mat-icon-button (click)=\"goBack()\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n    </adf-toolbar>\n    <h1 class=\"aca-page-title\">{{ 'ACA_FOLDER_RULES.ACTIONS.MANAGE_RULES' | translate }}</h1>\n  </div>\n\n  <div class=\"aca-page-layout-content\">\n    <div class=\"aca-main-content\">\n\n      <ng-container *ngIf=\"((ruleSetsLoading$ | async) && (inheritedRuleSets$ | async).length === 0) || (actionsLoading$ | async); else onLoaded\">\n        <mat-progress-bar color=\"primary\" mode=\"indeterminate\" />\n      </ng-container>\n\n      <ng-template #onLoaded>\n        <ng-container *ngIf=\"folderInfo$ | async; else genericError\">\n          <adf-toolbar class=\"adf-toolbar--inline aca-manage-rules__actions-bar\">\n\n            <adf-toolbar-title class=\"aca-manage-rules__actions-bar__title\">\n              <mat-icon class=\"icon-aligner\">folder</mat-icon>\n              <h2 class=\"aca-page-title\">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.BREADCRUMB.RULES' | translate}}</h2>\n            </adf-toolbar-title>\n\n            <mat-slide-toggle\n              data-automation-id=\"manage-rules-inheritance-toggle-button\"\n              class=\"aca-manage-rules__actions-bar__toggle\"\n              [checked]=\"isInheritanceEnabled\"\n              (change)=\"onInheritanceToggleChange($event)\"\n              [disabled]=\"isInheritanceToggleDisabled\"\n              [labelPosition]=\"'before'\">\n              {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.INHERIT_RULES' | translate }}\n            </mat-slide-toggle>\n\n            <mat-divider vertical class=\"aca-manage-rules__actions-bar__vertical-divider\" />\n\n            <div class=\"aca-manage-rules__actions-bar__buttons\">\n              <button\n                *ngIf=\"!(mainRuleSet$ | async)\"\n                data-automation-id=\"manage-rules-link-button\"\n                mat-stroked-button\n                (click)=\"openLinkRulesDialog()\">\n                {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.LINK_RULES' | translate }}\n              </button>\n\n              <button\n                *ngIf=\"canEditMainRule\"\n                data-automation-id=\"manage-rules-create-button\"\n                mat-flat-button color=\"primary\"\n                (click)=\"openCreateUpdateRuleDialog()\">\n                {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.CREATE_RULE' | translate }}\n              </button>\n            </div>\n\n          </adf-toolbar>\n          <mat-divider />\n\n          <div class=\"aca-manage-rules__container\" *ngIf=\"isMainRuleSetNotEmpty || isInheritedRuleSetsNotEmpty; else emptyContent\">\n            <aca-rule-list\n              [mainRuleSet$]=\"mainRuleSet$\"\n              [folderId]=\"nodeId\"\n              [inheritedRuleSets]=\"inheritedRuleSets$ | async\"\n              [hasMoreRuleSets]=\"hasMoreRuleSets$ | async\"\n              [ruleSetsLoading]=\"ruleSetsLoading$ | async\"\n              [selectedRule]=\"selectedRule$ | async\"\n              (loadMoreRuleSets)=\"onLoadMoreRuleSets()\"\n              (loadMoreRules)=\"onLoadMoreRules($event)\"\n              (selectRule)=\"onSelectRule($event)\"\n              (ruleEnabledChanged)=\"onRuleEnabledToggle($event[0], $event[1])\"\n              (ruleSetEditLinkClicked)=\"openLinkRulesDialog($event)\"\n              (ruleSetUnlinkClicked)=\"onRuleSetUnlinkClicked($event)\" />\n\n            <div class=\"aca-manage-rules__container__rule-details\">\n\n              <div class=\"aca-manage-rules__container__rule-details__header\" *ngIf=\"(selectedRule$ | async) as selectedRule\">\n                <div class=\"aca-manage-rules__container__rule-details__header__title\">\n                  <div class=\"aca-manage-rules__container__rule-details__header__title__name\">\n                    {{ selectedRule.name }}\n                  </div>\n                  <div class=\"aca-manage-rules__container__rule-details__header__title__description\">\n                    {{ selectedRule.description }}\n                  </div>\n                </div>\n\n                <div class=\"aca-manage-rules__container__rule-details__header__buttons\">\n                  <ng-container *ngIf=\"canEditSelectedRule; else goToFolderButton\">\n                    <button mat-stroked-button (click)=\"onRuleDeleteButtonClicked(selectedRule)\" id=\"delete-rule-btn\">\n                      <mat-icon>delete_outline</mat-icon>\n                    </button>\n                    <button mat-stroked-button (click)=\"openCreateUpdateRuleDialog(selectedRule)\" id=\"edit-rule-btn\">\n                      {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.EDIT_RULE' | translate }}\n                    </button>\n                  </ng-container>\n\n                  <ng-template #goToFolderButton>\n                    <button mat-stroked-button [routerLink]=\"['/nodes', (selectedRuleSet$ | async).owningFolder.id, 'rules']\">\n                      {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.SEE_IN_FOLDER' | translate }}\n                    </button>\n                  </ng-template>\n                </div>\n              </div>\n\n              <div class=\"aca-manage-rules__container__rule-details__content\" *ngIf=\"(selectedRule$ | async) as selectedRule\">\n                <aca-rule-details\n                  [actionDefinitions]=\"actionDefinitions$ | async\"\n                  [parameterConstraints]=\"parameterConstraints$ | async\"\n                  [readOnly]=\"true\"\n                  [preview]=\"true\"\n                  [value]=\"selectedRule\"\n                  [nodeId]=\"nodeId\" />\n              </div>\n            </div>\n          </div>\n\n          <ng-template #emptyContent>\n            <adf-empty-content\n              icon=\"library_books\"\n              [title]=\"'ACA_FOLDER_RULES.MANAGE_RULES.EMPTY_RULES_LIST.TITLE' | translate\"\n              [subtitle]=\"'ACA_FOLDER_RULES.MANAGE_RULES.EMPTY_RULES_LIST.SUBTITLE' | translate\"\n            />\n          </ng-template>\n        </ng-container>\n\n        <ng-template #genericError>\n          <div class=\"aca-page-layout-error\">\n            <aca-generic-error />\n          </div>\n        </ng-template>\n\n      </ng-template>\n\n    </div>\n  </div>\n\n</aca-page-layout>\n", styles: [".aca-manage-rules .mat-mdc-slide-toggle:is(mat-slide-toggle) .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-track-color)}.aca-manage-rules .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle:before{background:var(--mdc-switch-selected-pressed-handle-color)}.aca-manage-rules__actions-bar{padding:0 30px;display:flex;align-items:center}.aca-manage-rules__actions-bar .aca-page-title{margin-left:18px}.aca-manage-rules__actions-bar__title{align-items:center;flex:1}.aca-manage-rules__actions-bar__buttons{display:flex;align-items:stretch;gap:12px}.aca-manage-rules__actions-bar__toggle{font-weight:600;font-size:14px}.aca-manage-rules__actions-bar__vertical-divider{height:50%;margin:0 12px}.aca-manage-rules__container{display:grid;grid-template-columns:minmax(250px,1fr) 3fr;padding:20px;gap:12px;overflow-y:auto;flex:1}.aca-manage-rules__container__rule-details{border:1px solid var(--theme-border-color);border-radius:12px;overflow-y:auto}.aca-manage-rules__container__rule-details__header{position:sticky;top:0;z-index:1;display:flex;flex-direction:row;align-items:flex-start;overflow-x:auto;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--theme-border-color);background-color:var(--theme-background-color);column-gap:20px}.aca-manage-rules__container__rule-details__header__title{display:flex;flex-direction:column;gap:4px;word-wrap:break-word;min-width:100px}.aca-manage-rules__container__rule-details__header__title__name{font-size:1.2em;font-weight:700}.aca-manage-rules__container__rule-details__header__title__description{font-size:.8em;font-style:italic}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons{display:flex;flex-direction:row;align-items:stretch;gap:4px}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button{color:var(--theme-text-color)}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button#delete-rule-btn{padding:0 8px;margin:0;min-width:unset}.aca-manage-rules__container__rule-details__header .aca-manage-rules__container__rule-details__header__buttons button#delete-rule-btn mat-icon{margin:0;padding:0;width:24px;height:24px;font-size:24px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.Location }, { type: FolderRulesService }, { type: i3$2.ActivatedRoute }, { type: i2$1.MatDialog }, { type: i5$2.NotificationService }, { type: ActionsService }, { type: FolderRuleSetsService }]; } });
 
 /*!
@@ -2666,36 +2685,36 @@ class AcaFolderRulesModule {
             'rules.canManageFolderRules': canManageFolderRules
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AcaFolderRulesModule, deps: [{ token: i5$2.TranslationService }, { token: i2$4.ExtensionService }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: AcaFolderRulesModule, imports: [i3$2.RouterModule, RuleListItemUiComponent,
+            RuleListGroupingUiComponent,
+            RuleListUiComponent,
+            ManageRulesSmartComponent,
+            RuleSetPickerSmartComponent,
+            RuleActionListUiComponent,
+            RuleActionUiComponent,
+            RuleCompositeConditionUiComponent,
+            RuleSimpleConditionUiComponent,
+            RuleOptionsUiComponent,
+            RuleTriggersUiComponent,
+            RuleDetailsUiComponent,
+            EditRuleDialogUiComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AcaFolderRulesModule, providers: [provideExtensionConfig(['folder-rules.plugin.json'])], imports: [RouterModule.forChild(routes),
+            RuleListItemUiComponent,
+            RuleListGroupingUiComponent,
+            RuleListUiComponent,
+            ManageRulesSmartComponent,
+            RuleSetPickerSmartComponent,
+            RuleActionListUiComponent,
+            RuleActionUiComponent,
+            RuleCompositeConditionUiComponent,
+            RuleSimpleConditionUiComponent,
+            RuleOptionsUiComponent,
+            RuleTriggersUiComponent,
+            RuleDetailsUiComponent,
+            EditRuleDialogUiComponent] });
 }
-AcaFolderRulesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaFolderRulesModule, deps: [{ token: i5$2.TranslationService }, { token: i2$4.ExtensionService }], target: i0.ɵɵFactoryTarget.NgModule });
-AcaFolderRulesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AcaFolderRulesModule, imports: [i3$2.RouterModule, RuleListItemUiComponent,
-        RuleListGroupingUiComponent,
-        RuleListUiComponent,
-        ManageRulesSmartComponent,
-        RuleSetPickerSmartComponent,
-        RuleActionListUiComponent,
-        RuleActionUiComponent,
-        RuleCompositeConditionUiComponent,
-        RuleSimpleConditionUiComponent,
-        RuleOptionsUiComponent,
-        RuleTriggersUiComponent,
-        RuleDetailsUiComponent,
-        EditRuleDialogUiComponent] });
-AcaFolderRulesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaFolderRulesModule, providers: [provideExtensionConfig(['folder-rules.plugin.json'])], imports: [RouterModule.forChild(routes),
-        RuleListItemUiComponent,
-        RuleListGroupingUiComponent,
-        RuleListUiComponent,
-        ManageRulesSmartComponent,
-        RuleSetPickerSmartComponent,
-        RuleActionListUiComponent,
-        RuleActionUiComponent,
-        RuleCompositeConditionUiComponent,
-        RuleSimpleConditionUiComponent,
-        RuleOptionsUiComponent,
-        RuleTriggersUiComponent,
-        RuleDetailsUiComponent,
-        EditRuleDialogUiComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AcaFolderRulesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AcaFolderRulesModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [provideExtensionConfig(['folder-rules.plugin.json'])],