@alfresco/aca-content 5.2.0 → 5.3.0-11955434723

package/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, startWith, 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';
@@ -621,8 +622,8 @@ class RuleSimpleConditionUiComponent {
     autoCompleteOptions = [];
     showLoadingSpinner;
     readOnly = false;
-    onDestroy$ = new Subject();
     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')));
@@ -690,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);
                 });
@@ -996,7 +993,6 @@ class RuleActionUiComponent {
     });
     cardViewItems = [];
     parameters = {};
-    onDestroy$ = new Subject();
     get selectedActionDefinitionId() {
         return this.form.get('actionDefinitionId').value;
     }
@@ -1005,6 +1001,7 @@ class RuleActionUiComponent {
     }
     onChange = () => undefined;
     onTouch = () => undefined;
+    destroyRef = inject(DestroyRef);
     constructor(cardViewUpdateService, dialog, translate, tagService, categoryService, securityControlsService) {
         this.cardViewUpdateService = cardViewUpdateService;
         this.dialog = dialog;
@@ -1034,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({
@@ -1043,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;
@@ -1076,10 +1073,6 @@ class RuleActionUiComponent {
             }
         }
     }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
     setCardViewProperties(securityMarkOptions) {
         const disabledTags = !this.tagService.areTagsEnabled();
         const disabledCategories = !this.categoryService.areCategoriesEnabled();
@@ -1193,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,
@@ -1561,7 +1554,6 @@ class RuleDetailsUiComponent {
     nodeId = '';
     formValidationChanged = new EventEmitter();
     formValueChanged = new EventEmitter();
-    onDestroy$ = new Subject();
     form;
     errorScriptConstraint;
     get name() {
@@ -1579,6 +1571,7 @@ class RuleDetailsUiComponent {
     get showOptionsSection() {
         return !this.readOnly || this.value.isAsynchronous || this.value.isInheritable;
     }
+    destroyRef = inject(DestroyRef);
     constructor(categoryService) {
         this.categoryService = categoryService;
     }
@@ -1605,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) {
@@ -1624,10 +1617,6 @@ 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 });
 }
@@ -2145,7 +2134,7 @@ class RuleSetPickerSmartComponent {
     folderLoading$ = new BehaviorSubject(true);
     mainRuleSet$ = this.folderRuleSetsService.mainRuleSet$;
     rulesLoading$ = combineLatest(this.folderRuleSetsService.isLoading$, this.folderLoading$).pipe(map(([rulesLoading, folderLoading]) => rulesLoading || folderLoading));
-    onDestroy$ = new Subject();
+    destroyRef = inject(DestroyRef);
     constructor(data, folderRuleSetsService, dialogRef, notificationService) {
         this.data = data;
         this.folderRuleSetsService = folderRuleSetsService;
@@ -2156,14 +2145,10 @@ class RuleSetPickerSmartComponent {
         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;
@@ -2320,9 +2305,9 @@ class RuleListUiComponent {
     inheritedRuleSetGroupingItems = [];
     isMainRuleSetOwned = false;
     isMainRuleSetLinked = false;
-    _mainRuleSetSub;
+    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);
@@ -2340,9 +2325,6 @@ class RuleListUiComponent {
             });
         }
     }
-    ngOnDestroy() {
-        this._mainRuleSetSub.unsubscribe();
-    }
     getRuleSetGroupingItems(ruleSet, filterOutDisabledRules) {
         const items = ruleSet.rules
             .filter((rule) => rule.isEnabled || !filterOutDisabledRules)
@@ -2471,8 +2453,7 @@ class ManageRulesSmartComponent {
     canEditSelectedRule = false;
     isMainRuleSetNotEmpty = false;
     isInheritedRuleSetsNotEmpty = false;
-    destroyed$ = new Subject();
-    _actionDefinitionsSub;
+    destroyRef = inject(DestroyRef);
     constructor(location, folderRulesService, route, matDialogService, notificationService, actionsService, folderRuleSetsService) {
         this.location = location;
         this.folderRulesService = folderRulesService;
@@ -2493,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;
@@ -2504,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();
     }