@valtimo/admin-settings 13.46.0 → 13.47.0

package/fesm2022/valtimo-admin-settings.mjs

@@ -1,24 +1,29 @@
 import * as i0 from '@angular/core';
-import { Injectable, Input, ChangeDetectionStrategy, Component, EventEmitter, Output, NgModule } from '@angular/core';
-import * as i1$1 from '@angular/router';
+import { Injectable, Input, ChangeDetectionStrategy, Component, signal, computed, EventEmitter, Output, NgModule } from '@angular/core';
+import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i6 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import { AuthGuardService } from '@valtimo/security';
 import * as i2 from '@valtimo/shared';
-import { BaseApiService, ROLE_ADMIN } from '@valtimo/shared';
-import * as i3$1 from '@ngx-translate/core';
+import { BaseApiService, IncludeFunction, ROLE_ADMIN } from '@valtimo/shared';
+import * as i5 from '@ngx-translate/core';
 import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import * as i4 from 'carbon-components-angular';
-import { LayerModule, ButtonModule, FileUploaderModule, LoadingModule, IconModule, LinkModule, NotificationModule, ToggleModule, TabsModule, ModalModule, CheckboxModule, DatePickerInputModule, DatePickerModule, DropdownModule, ProgressBarModule, TagModule } from 'carbon-components-angular';
-import { catchError, of, BehaviorSubject, switchMap, map, tap, Subscription, Subject, merge, finalize, shareReplay, startWith, interval, takeWhile, takeUntil, take } from 'rxjs';
+import { LayerModule, ButtonModule, FileUploaderModule, LoadingModule, IconModule, LinkModule, NotificationModule, ToggleModule, InputModule, ModalModule, SelectModule, TagModule, TabsModule, CheckboxModule, DatePickerInputModule, DatePickerModule, DropdownModule, ProgressBarModule } from 'carbon-components-angular';
+import { catchError, of, BehaviorSubject, switchMap, map, tap, Subscription, merge, forkJoin, Subject, finalize, shareReplay, startWith, interval, takeWhile, takeUntil, take } from 'rxjs';
 import * as i2$1 from '@valtimo/components';
-import { ConfirmationModalModule, RenderInBodyComponent, ColorPickerComponent, MuuriDirectiveModule, ValtimoCdsModalDirective, TooltipIconModule, ViewType, CarbonListModule } from '@valtimo/components';
-import * as i3 from '@angular/forms';
+import { ConfirmationModalModule, RenderInBodyComponent, ColorPickerComponent, MuuriDirectiveModule, hasSavedMenuConfiguration, buildMenuConfigurationFromRuntimeMenu, serializeIncludeFunction, MENU_CONFIGURATION_VERSION, getMenuCatalogEntry, MENU_ITEM_CATALOG, DragDropListComponent, FitPageDirective, MdiIconSelectorComponent, TooltipModule, ValtimoCdsModalDirective, TooltipIconModule, ViewType, CarbonListModule } from '@valtimo/components';
+import * as i1$1 from '@angular/forms';
 import { Validators, ReactiveFormsModule } from '@angular/forms';
-import { Upload16, TrashCan16, Reset16, Launch16 } from '@carbon/icons';
+import { Upload16, TrashCan16, Reset16, Add16, Edit16, Locked16, Launch16 } from '@carbon/icons';
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
+import { moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
+import * as i8 from '@angular/cdk/scrolling';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { toObservable, toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i3 from '@valtimo/plugin';
 import * as i2$2 from '@valtimo/document';
 
 /*
@@ -96,6 +101,7 @@ const ACCENT_COLOR_DEFINITIONS = [
  */
 const ADMIN_SETTINGS_TABS = {
     APPEARANCE: 'appearance',
+    MENU_CONFIGURATION: 'menu-configuration',
     FEATURE_TOGGLES: 'feature-toggles',
 };
 
@@ -142,6 +148,31 @@ const FEATURE_TOGGLE_DEFINITIONS = [
     { key: 'disableFormioTokenInLocalStorage' },
 ];
 
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const MENU_CONFIGURATION_TEST_IDS = {
+    saveButton: 'menuConfigurationSaveButton',
+    resetButton: 'menuConfigurationResetButton',
+    structureList: 'menuConfigurationStructureList',
+    editorTitleInput: 'menuConfigurationEditorTitleInput',
+    editorLinkInput: 'menuConfigurationEditorLinkInput',
+    editorSaveButton: 'menuConfigurationEditorSaveButton',
+    editorCancelButton: 'menuConfigurationEditorCancelButton',
+};
+
 /*
  * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
@@ -316,8 +347,8 @@ class AdminSettingsLogoComponent {
             reader.onerror = error => reject(error);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsLogoComponent, deps: [{ token: AdminSettingsManagementApiService }, { token: i2$1.AdminSettingsService }, { token: i3.FormBuilder }, { token: i4.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: AdminSettingsLogoComponent, isStandalone: true, selector: "valtimo-admin-settings-logo", inputs: { logoType: "logoType", titleTranslationKey: "titleTranslationKey" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  *ngIf=\"{\n    logo: logo$ | async,\n    loading: loading$ | async,\n  } as obs\"\n  class=\"admin-settings-logo\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"admin-settings-logo__title\">\n    {{ titleTranslationKey | translate }}\n  </h4>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  } @else if (obs.logo) {\n    <div class=\"admin-settings-logo__preview\" [attr.data-carbon-theme]=\"previewTheme\">\n      <img\n        class=\"admin-settings-logo__image\"\n        [src]=\"getImageSrc(obs.logo.imageBase64)\"\n      />\n    </div>\n\n    <div class=\"admin-settings-logo__buttons\">\n      <button cdsButton=\"danger\" (click)=\"onDeleteButtonClick()\" [disabled]=\"formGroup.disabled\">\n        {{ 'interface.delete' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </div>\n  } @else {\n    <cds-file-uploader\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'adminSettings.appearance.logo.fileUploaderTitle' | translate\"\n      [description]=\"'adminSettings.appearance.logo.fileUploaderDescription' | translate\"\n      [buttonText]=\"'adminSettings.appearance.logo.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n\n    <div class=\"admin-settings-logo__buttons\">\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.upload' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n</form>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"adminSettings.appearance.logo.deleteConfirmationModalText\"\n    [showModalSubject$]=\"showDeleteConfirmationModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDelete()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", styles: [".admin-settings-logo{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01)}.admin-settings-logo__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.admin-settings-logo__preview{display:flex;justify-content:center;align-items:center;background-color:var(--cds-background);padding:24px;min-height:180px}.admin-settings-logo__image{max-width:100%;max-height:300px;object-fit:contain}.admin-settings-logo__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.admin-settings-logo__buttons button[cdsButton]{min-width:100px}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i4.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsLogoComponent, deps: [{ token: AdminSettingsManagementApiService }, { token: i2$1.AdminSettingsService }, { token: i1$1.FormBuilder }, { token: i4.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: AdminSettingsLogoComponent, isStandalone: true, selector: "valtimo-admin-settings-logo", inputs: { logoType: "logoType", titleTranslationKey: "titleTranslationKey" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  *ngIf=\"{\n    logo: logo$ | async,\n    loading: loading$ | async,\n  } as obs\"\n  class=\"admin-settings-logo\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"admin-settings-logo__title\">\n    {{ titleTranslationKey | translate }}\n  </h4>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  } @else if (obs.logo) {\n    <div class=\"admin-settings-logo__preview\" [attr.data-carbon-theme]=\"previewTheme\">\n      <img\n        class=\"admin-settings-logo__image\"\n        [src]=\"getImageSrc(obs.logo.imageBase64)\"\n      />\n    </div>\n\n    <div class=\"admin-settings-logo__buttons\">\n      <button cdsButton=\"danger\" (click)=\"onDeleteButtonClick()\" [disabled]=\"formGroup.disabled\">\n        {{ 'interface.delete' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </div>\n  } @else {\n    <cds-file-uploader\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'adminSettings.appearance.logo.fileUploaderTitle' | translate\"\n      [description]=\"'adminSettings.appearance.logo.fileUploaderDescription' | translate\"\n      [buttonText]=\"'adminSettings.appearance.logo.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n\n    <div class=\"admin-settings-logo__buttons\">\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.upload' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n</form>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"adminSettings.appearance.logo.deleteConfirmationModalText\"\n    [showModalSubject$]=\"showDeleteConfirmationModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDelete()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", styles: [".admin-settings-logo{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01)}.admin-settings-logo__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.admin-settings-logo__preview{display:flex;justify-content:center;align-items:center;background-color:var(--cds-background);padding:24px;min-height:180px}.admin-settings-logo__image{max-width:100%;max-height:300px;object-fit:contain}.admin-settings-logo__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.admin-settings-logo__buttons button[cdsButton]{min-width:100px}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i4.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsLogoComponent, decorators: [{
             type: Component,
@@ -333,7 +364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         ConfirmationModalModule,
                         RenderInBodyComponent,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  *ngIf=\"{\n    logo: logo$ | async,\n    loading: loading$ | async,\n  } as obs\"\n  class=\"admin-settings-logo\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"admin-settings-logo__title\">\n    {{ titleTranslationKey | translate }}\n  </h4>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  } @else if (obs.logo) {\n    <div class=\"admin-settings-logo__preview\" [attr.data-carbon-theme]=\"previewTheme\">\n      <img\n        class=\"admin-settings-logo__image\"\n        [src]=\"getImageSrc(obs.logo.imageBase64)\"\n      />\n    </div>\n\n    <div class=\"admin-settings-logo__buttons\">\n      <button cdsButton=\"danger\" (click)=\"onDeleteButtonClick()\" [disabled]=\"formGroup.disabled\">\n        {{ 'interface.delete' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </div>\n  } @else {\n    <cds-file-uploader\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'adminSettings.appearance.logo.fileUploaderTitle' | translate\"\n      [description]=\"'adminSettings.appearance.logo.fileUploaderDescription' | translate\"\n      [buttonText]=\"'adminSettings.appearance.logo.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n\n    <div class=\"admin-settings-logo__buttons\">\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.upload' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n</form>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"adminSettings.appearance.logo.deleteConfirmationModalText\"\n    [showModalSubject$]=\"showDeleteConfirmationModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDelete()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", styles: [".admin-settings-logo{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01)}.admin-settings-logo__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.admin-settings-logo__preview{display:flex;justify-content:center;align-items:center;background-color:var(--cds-background);padding:24px;min-height:180px}.admin-settings-logo__image{max-width:100%;max-height:300px;object-fit:contain}.admin-settings-logo__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.admin-settings-logo__buttons button[cdsButton]{min-width:100px}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: AdminSettingsManagementApiService }, { type: i2$1.AdminSettingsService }, { type: i3.FormBuilder }, { type: i4.IconService }], propDecorators: { logoType: [{
+        }], ctorParameters: () => [{ type: AdminSettingsManagementApiService }, { type: i2$1.AdminSettingsService }, { type: i1$1.FormBuilder }, { type: i4.IconService }], propDecorators: { logoType: [{
                 type: Input
             }], titleTranslationKey: [{
                 type: Input
@@ -450,8 +481,8 @@ class AdminSettingsColorComponent {
         }
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsColorComponent, deps: [{ token: AdminSettingsManagementApiService }, { token: i2$1.AdminSettingsService }, { token: i3.FormBuilder }, { token: i4.IconService }, { token: i3$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: AdminSettingsColorComponent, isStandalone: true, selector: "valtimo-admin-settings-color", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  *ngIf=\"{\n    colors: colors$ | async,\n    loading: loading$ | async,\n    saving: saving$ | async,\n    pickrI18n: pickrI18n$ | async,\n  } as obs\"\n  class=\"admin-settings-color\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"admin-settings-color__title\">\n    {{ 'adminSettings.appearance.colors.title' | translate }}\n  </h4>\n\n  <ng-template #infoNotification>\n    <p>\n      {{ 'adminSettings.appearance.colors.infoMessage' | translate }}\n\n      <a [href]=\"DOCS_URL\" target=\"_blank\" rel=\"noopener noreferrer\" cdsLink>\n        {{ 'adminSettings.appearance.colors.infoLinkText' | translate }}\n      </a>\n    </p>\n  </ng-template>\n\n  <cds-inline-notification\n    [notificationObj]=\"{\n      type: 'info',\n      title: '',\n      template: infoNotification,\n      showClose: false,\n      lowContrast: true,\n    }\"\n  ></cds-inline-notification>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  } @else {\n    <div class=\"admin-settings-color__grid\">\n      @for (def of ACCENT_COLOR_DEFINITIONS; track def.cssVar) {\n        <div class=\"admin-settings-color__field\">\n          <valtimo-color-picker\n            [formControlName]=\"def.cssVar\"\n            [labelTranslationKey]=\"def.labelTranslationKey\"\n            [config]=\"{opacity: false, lockOpacity: true}\"\n            [i18n]=\"obs.pickrI18n\"\n            (clearEvent)=\"onReset(def)\"\n          ></valtimo-color-picker>\n\n          <button\n            cdsButton=\"ghost\"\n            [disabled]=\"isDefaultColor(def)\"\n            [iconOnly]=\"true\"\n            size=\"sm\"\n            (click)=\"onReset(def)\"\n            class=\"admin-settings-color__reset\"\n          >\n            <svg cdsIcon=\"reset\" size=\"16\"></svg>\n          </button>\n        </div>\n      }\n    </div>\n\n    <div class=\"admin-settings-color__buttons\">\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.pristine || obs.saving\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </div>\n  }\n</form>\n", styles: [".admin-settings-color{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01)}.admin-settings-color__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.admin-settings-color__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:16px}.admin-settings-color__field{display:flex;flex-direction:row;align-items:flex-end;gap:4px}.admin-settings-color__field valtimo-color-picker{flex:1;min-width:0}.admin-settings-color__reset{flex-shrink:0}.admin-settings-color__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.admin-settings-color__buttons button[cdsButton]{min-width:100px}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: LinkModule }, { kind: "directive", type: i4.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i4.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "component", type: ColorPickerComponent, selector: "valtimo-color-picker", inputs: ["labelTranslationKey", "config", "i18n"], outputs: ["colorChangeEvent", "clearEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsColorComponent, deps: [{ token: AdminSettingsManagementApiService }, { token: i2$1.AdminSettingsService }, { token: i1$1.FormBuilder }, { token: i4.IconService }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: AdminSettingsColorComponent, isStandalone: true, selector: "valtimo-admin-settings-color", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  *ngIf=\"{\n    colors: colors$ | async,\n    loading: loading$ | async,\n    saving: saving$ | async,\n    pickrI18n: pickrI18n$ | async,\n  } as obs\"\n  class=\"admin-settings-color\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"admin-settings-color__title\">\n    {{ 'adminSettings.appearance.colors.title' | translate }}\n  </h4>\n\n  <ng-template #infoNotification>\n    <p>\n      {{ 'adminSettings.appearance.colors.infoMessage' | translate }}\n\n      <a [href]=\"DOCS_URL\" target=\"_blank\" rel=\"noopener noreferrer\" cdsLink>\n        {{ 'adminSettings.appearance.colors.infoLinkText' | translate }}\n      </a>\n    </p>\n  </ng-template>\n\n  <cds-inline-notification\n    [notificationObj]=\"{\n      type: 'info',\n      title: '',\n      template: infoNotification,\n      showClose: false,\n      lowContrast: true,\n    }\"\n  ></cds-inline-notification>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  } @else {\n    <div class=\"admin-settings-color__grid\">\n      @for (def of ACCENT_COLOR_DEFINITIONS; track def.cssVar) {\n        <div class=\"admin-settings-color__field\">\n          <valtimo-color-picker\n            [formControlName]=\"def.cssVar\"\n            [labelTranslationKey]=\"def.labelTranslationKey\"\n            [config]=\"{opacity: false, lockOpacity: true}\"\n            [i18n]=\"obs.pickrI18n\"\n            (clearEvent)=\"onReset(def)\"\n          ></valtimo-color-picker>\n\n          <button\n            cdsButton=\"ghost\"\n            [disabled]=\"isDefaultColor(def)\"\n            [iconOnly]=\"true\"\n            size=\"sm\"\n            (click)=\"onReset(def)\"\n            class=\"admin-settings-color__reset\"\n          >\n            <svg cdsIcon=\"reset\" size=\"16\"></svg>\n          </button>\n        </div>\n      }\n    </div>\n\n    <div class=\"admin-settings-color__buttons\">\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.pristine || obs.saving\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </div>\n  }\n</form>\n", styles: [".admin-settings-color{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01)}.admin-settings-color__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.admin-settings-color__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:16px}.admin-settings-color__field{display:flex;flex-direction:row;align-items:flex-end;gap:4px}.admin-settings-color__field valtimo-color-picker{flex:1;min-width:0}.admin-settings-color__reset{flex-shrink:0}.admin-settings-color__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.admin-settings-color__buttons button[cdsButton]{min-width:100px}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: LinkModule }, { kind: "directive", type: i4.Link, selector: "[cdsLink], [ibmLink]", inputs: ["inline", "disabled"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i4.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "component", type: ColorPickerComponent, selector: "valtimo-color-picker", inputs: ["labelTranslationKey", "config", "i18n"], outputs: ["colorChangeEvent", "clearEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsColorComponent, decorators: [{
             type: Component,
@@ -467,7 +498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         NotificationModule,
                         ColorPickerComponent,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  *ngIf=\"{\n    colors: colors$ | async,\n    loading: loading$ | async,\n    saving: saving$ | async,\n    pickrI18n: pickrI18n$ | async,\n  } as obs\"\n  class=\"admin-settings-color\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"admin-settings-color__title\">\n    {{ 'adminSettings.appearance.colors.title' | translate }}\n  </h4>\n\n  <ng-template #infoNotification>\n    <p>\n      {{ 'adminSettings.appearance.colors.infoMessage' | translate }}\n\n      <a [href]=\"DOCS_URL\" target=\"_blank\" rel=\"noopener noreferrer\" cdsLink>\n        {{ 'adminSettings.appearance.colors.infoLinkText' | translate }}\n      </a>\n    </p>\n  </ng-template>\n\n  <cds-inline-notification\n    [notificationObj]=\"{\n      type: 'info',\n      title: '',\n      template: infoNotification,\n      showClose: false,\n      lowContrast: true,\n    }\"\n  ></cds-inline-notification>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  } @else {\n    <div class=\"admin-settings-color__grid\">\n      @for (def of ACCENT_COLOR_DEFINITIONS; track def.cssVar) {\n        <div class=\"admin-settings-color__field\">\n          <valtimo-color-picker\n            [formControlName]=\"def.cssVar\"\n            [labelTranslationKey]=\"def.labelTranslationKey\"\n            [config]=\"{opacity: false, lockOpacity: true}\"\n            [i18n]=\"obs.pickrI18n\"\n            (clearEvent)=\"onReset(def)\"\n          ></valtimo-color-picker>\n\n          <button\n            cdsButton=\"ghost\"\n            [disabled]=\"isDefaultColor(def)\"\n            [iconOnly]=\"true\"\n            size=\"sm\"\n            (click)=\"onReset(def)\"\n            class=\"admin-settings-color__reset\"\n          >\n            <svg cdsIcon=\"reset\" size=\"16\"></svg>\n          </button>\n        </div>\n      }\n    </div>\n\n    <div class=\"admin-settings-color__buttons\">\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.pristine || obs.saving\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </div>\n  }\n</form>\n", styles: [".admin-settings-color{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01)}.admin-settings-color__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.admin-settings-color__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:16px}.admin-settings-color__field{display:flex;flex-direction:row;align-items:flex-end;gap:4px}.admin-settings-color__field valtimo-color-picker{flex:1;min-width:0}.admin-settings-color__reset{flex-shrink:0}.admin-settings-color__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.admin-settings-color__buttons button[cdsButton]{min-width:100px}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: AdminSettingsManagementApiService }, { type: i2$1.AdminSettingsService }, { type: i3.FormBuilder }, { type: i4.IconService }, { type: i3$1.TranslateService }] });
+        }], ctorParameters: () => [{ type: AdminSettingsManagementApiService }, { type: i2$1.AdminSettingsService }, { type: i1$1.FormBuilder }, { type: i4.IconService }, { type: i5.TranslateService }] });
 
 /*
  * Copyright 2015-2026 Ritense BV, the Netherlands.
@@ -542,6 +573,701 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (featureToggles$ | async; as toggles) {\n  <div class=\"feature-toggles\">\n    <div class=\"feature-toggles__list\">\n      @if (searchEngine$ | async; as searchEngine) {\n        <div class=\"feature-toggles__item\" [class.feature-toggles__item--disabled]=\"!searchEngine.available\">\n          <div class=\"feature-toggles__info\">\n            <span class=\"feature-toggles__title\">\n              {{ 'adminSettings.featureToggles.searchEngine.useOpenSearch.title' | translate }}\n            </span>\n            <span class=\"feature-toggles__description\">\n              @if (searchEngine.available) {\n                {{ 'adminSettings.featureToggles.searchEngine.useOpenSearch.description' | translate }}\n              } @else {\n                {{ 'adminSettings.featureToggles.searchEngine.useOpenSearch.unavailable' | translate }}\n              }\n            </span>\n          </div>\n          <div class=\"feature-toggles__control\">\n            <cds-toggle\n              [checked]=\"searchEngine.active === 'OPENSEARCH'\"\n              [onText]=\"'interface.on' | translate\"\n              [offText]=\"'interface.off' | translate\"\n              [size]=\"'sm'\"\n              [disabled]=\"!searchEngine.available\"\n              (checkedChange)=\"onSearchEngineChange($event)\"\n            ></cds-toggle>\n          </div>\n        </div>\n      }\n      @for (definition of TOGGLE_DEFINITIONS; track definition.key) {\n        <div class=\"feature-toggles__item\">\n          <div class=\"feature-toggles__info\">\n            <span class=\"feature-toggles__title\">\n              {{ 'adminSettings.featureToggles.toggles.' + definition.key + '.title' | translate }}\n            </span>\n\n            <span class=\"feature-toggles__description\">\n              {{ 'adminSettings.featureToggles.toggles.' + definition.key + '.description' | translate }}\n            </span>\n          </div>\n\n          <div class=\"feature-toggles__control\">\n            <cds-toggle\n              [checked]=\"getEffectiveValue(definition, toggles)\"\n              [onText]=\"'interface.on' | translate\"\n              [offText]=\"'interface.off' | translate\"\n              [size]=\"'sm'\"\n              (checkedChange)=\"onToggleChange(definition, $event)\"\n            ></cds-toggle>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".feature-toggles{width:100%}.feature-toggles__list{display:flex;flex-direction:column}.feature-toggles__item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--cds-border-subtle)}.feature-toggles__item:last-child{border-bottom:none}.feature-toggles__item--disabled{opacity:.5}.feature-toggles__info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.feature-toggles__title{font-size:14px;font-weight:600;color:var(--cds-text-primary)}.feature-toggles__description{font-size:12px;color:var(--cds-text-secondary)}.feature-toggles__control{display:flex;align-items:center;gap:12px;flex-shrink:0}.loading-container{display:flex;justify-content:center;padding:48px 0}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: AdminSettingsManagementApiService }, { type: i2$1.AdminSettingsService }, { type: i2.ConfigService }] });
 
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class AdminSettingsMenuConfigurationComponent {
+    /**
+     * True when a `.valtimo-drag-drop-list` nested *inside* `drop` currently sits under the pointer.
+     * Such a deeper list is the more specific target, so `drop` should decline the item — this keeps a
+     * reorder inside a section from being hijacked by the enclosing (ancestor) list.
+     */
+    _pointerOverDeeperList(drop) {
+        const nested = drop.element.nativeElement.querySelectorAll('.valtimo-drag-drop-list');
+        return Array.from(nested).some(list => {
+            const r = list.getBoundingClientRect();
+            return (this._pointer.x >= r.left &&
+                this._pointer.x <= r.right &&
+                this._pointer.y >= r.top &&
+                this._pointer.y <= r.bottom);
+        });
+    }
+    constructor(fb, adminSettingsService, pluginPageService, configService, translateService, iconService) {
+        this.fb = fb;
+        this.adminSettingsService = adminSettingsService;
+        this.pluginPageService = pluginPageService;
+        this.configService = configService;
+        this.translateService = translateService;
+        this.iconService = iconService;
+        this.testIds = MENU_CONFIGURATION_TEST_IDS;
+        this.$loading = signal(true);
+        this.$saving = signal(false);
+        this.$saved = signal(false);
+        this.$structure = signal([]);
+        /** Drives the post-save "reload now?" confirmation modal. */
+        this._$reloadModalOpen = signal(false);
+        this.reloadModalOpen$ = toObservable(this._$reloadModalOpen);
+        this.$pluginPages = signal([]);
+        /** True while a drag is in progress, so the panels can desaturate the sections that cannot receive it. */
+        this.$dragging = signal(false);
+        this.$editorOpen = signal(false);
+        this.$editorKind = signal('catalog');
+        /** True while editing a required item (Admin/Settings) — its Include-function field is suppressed. */
+        this.$editorRequired = signal(false);
+        /**
+         * Bumped whenever ngx-translate (re)loads, so the translated palette/section labels — resolved
+         * imperatively via `translateService.instant` inside computeds — recompute once translations arrive
+         * (a plain computed would otherwise keep the raw keys captured on first, pre-load evaluation).
+         */
+        this._$translationTick = signal(0);
+        this.$paletteGroups = computed(() => {
+            this._$translationTick();
+            return this._buildPaletteGroups();
+        });
+        /**
+         * All structure drop-list ids (root + every container), so each list — including palette lists and
+         * the nested container lists — connects to every structure list **by id**. CDK resolves these ids
+         * globally, so connections work regardless of DOM/DI nesting (a `cdkDropListGroup` would not see a
+         * nested list whose template is declared outside the group element).
+         */
+        this.$structureListIds = computed(() => {
+            // Container lists are listed BEFORE the root list so that, where a nested section's drop zone
+            // overlaps the root list's area, CDK resolves to the inner (section) list first. The result:
+            // dropping inside a section's box lands in that section, while the section header row and the
+            // top-level gaps (covered only by the root list) still drop at the top level.
+            const containerIds = [];
+            this._walk(this.$structure(), node => {
+                if (this.isContainer(node))
+                    containerIds.push(this.containerListId(node));
+            });
+            return [...containerIds, 'structure-root'];
+        });
+        this.includeFunctionKeys = Object.keys(IncludeFunction).filter(key => isNaN(Number(key)));
+        this.editorForm = this.fb.group({
+            title: this.fb.control('', Validators.required),
+            link: this.fb.control(''),
+            icon: this.fb.control(null),
+            includeFunction: this.fb.control(null),
+            section: this.fb.control('root'),
+        });
+        /** Sections an item can be placed in via the editor: top level + each container present in the tree. */
+        this.$sectionOptions = computed(() => {
+            this._$translationTick();
+            const options = [
+                {
+                    value: 'root',
+                    label: this.translateService.instant('adminSettings.menuConfiguration.editor.sectionRoot'),
+                },
+            ];
+            this.$structure().forEach(node => {
+                if (this.isContainer(node))
+                    options.push({ value: this._sectionValue(node), label: this.displayTitle(node) });
+            });
+            return options;
+        });
+        /** Kinds that can be freely placed in any section (and so get the editor's Section selector). */
+        this.SECTION_CAPABLE_KINDS = [
+            'custom-link',
+            'section-header',
+            'plugin-page',
+        ];
+        this.$editorShowSection = computed(() => this.SECTION_CAPABLE_KINDS.includes(this.$editorKind()));
+        /** Tracks the editor's currently selected section so the icon field can react to placement changes. */
+        this._$editorSection = toSignal(this.editorForm.controls.section.valueChanges, {
+            initialValue: this.editorForm.controls.section.value,
+        });
+        /**
+         * The icon only surfaces in the rendered menu for top-level entries, so the editor hides the icon
+         * field for section headers and for any item placed inside a section (a sub-menu item).
+         */
+        this.$editorShowIcon = computed(() => this.$editorKind() !== 'section-header' && this._$editorSection() === 'root');
+        this._editingUid = null;
+        this._pendingPaletteItem = null;
+        this._uidCounter = 0;
+        // Drop predicates — placement constraints. Every predicate also defers to a deeper nested list under
+        // the pointer (see `_pointerOverDeeperList`), so the innermost list always wins: without this, the
+        // root list — which geometrically encloses every nested list — would steal freely-placeable ('any')
+        // items (custom links, section headers, plugin pages) out of a section while you reorder inside it,
+        // because root accepts them (catalog items are protected only by their placement constraint).
+        // Palette lists reject all drops (you drag *out* of them).
+        this.topEnterPredicate = (drag, drop) => !this._pointerOverDeeperList(drop) && ['top', 'any'].includes(this._placementOf(drag.data));
+        this.adminEnterPredicate = (drag, drop) => !this._pointerOverDeeperList(drop) && this._containerAccepts('admin', drag.data);
+        this.developmentEnterPredicate = (drag, drop) => !this._pointerOverDeeperList(drop) && this._containerAccepts('development', drag.data);
+        // A custom section only accepts freely-placeable ('any') items — never another section or a
+        // placement-constrained catalog page — so the menu never nests beyond the two levels it renders.
+        this.groupEnterPredicate = (drag, drop) => !this._pointerOverDeeperList(drop) && this._placementOf(drag.data) === 'any';
+        this.paletteEnterPredicate = () => false;
+        /** Last known pointer position during a drag, used to resolve nested drop-list ambiguity. */
+        this._pointer = { x: 0, y: 0 };
+        this._trackPointer = (event) => {
+            const point = 'touches' in event ? event.touches[0] : event;
+            if (point)
+                this._pointer = { x: point.clientX, y: point.clientY };
+        };
+        this.trackByUid = (_, node) => node._uid;
+        this.iconService.registerAll([Add16, Edit16, Locked16, TrashCan16]);
+        merge(this.translateService.onLangChange, this.translateService.onDefaultLangChange, this.translateService.onTranslationChange)
+            .pipe(takeUntilDestroyed())
+            .subscribe(() => this._$translationTick.update(tick => tick + 1));
+    }
+    ngOnInit() {
+        this.load();
+    }
+    ngOnDestroy() {
+        // A drag can still be in progress when the component is destroyed (route change mid-drag), in
+        // which case onDragEnded never fires — always detach the document-level pointer listeners.
+        this._removePointerListeners();
+    }
+    // ----- Loading & seeding -----
+    load() {
+        this.$loading.set(true);
+        forkJoin({
+            dto: this.adminSettingsService
+                .getMenuConfiguration()
+                .pipe(catchError(() => of({ configuration: {} }))),
+            pages: this.pluginPageService.getMenuPages().pipe(catchError(() => of([]))),
+        }).subscribe(({ dto, pages }) => {
+            this.$pluginPages.set(pages);
+            const items = hasSavedMenuConfiguration(dto)
+                ? dto.configuration.items
+                : buildMenuConfigurationFromRuntimeMenu(this.configService.config?.menu?.menuItems ?? [])
+                    .items;
+            this.$structure.set(this._assignUids(items));
+            this.$loading.set(false);
+        });
+    }
+    onReset() {
+        this.load();
+    }
+    // ----- Drag & drop -----
+    onDragStarted() {
+        this.$dragging.set(true);
+        document.addEventListener('pointermove', this._trackPointer, true);
+        document.addEventListener('touchmove', this._trackPointer, true);
+    }
+    onDragEnded() {
+        this.$dragging.set(false);
+        this._removePointerListeners();
+    }
+    _removePointerListeners() {
+        document.removeEventListener('pointermove', this._trackPointer, true);
+        document.removeEventListener('touchmove', this._trackPointer, true);
+    }
+    onDrop(event) {
+        const isFromPalette = event.previousContainer.id.startsWith('palette-');
+        if (event.previousContainer === event.container) {
+            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+        }
+        else if (isFromPalette) {
+            const node = this._paletteItemToNode(event.item.data);
+            if (!node)
+                return;
+            event.container.data.splice(event.currentIndex, 0, node);
+        }
+        else {
+            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
+        }
+        this._bump();
+    }
+    // ----- Palette actions -----
+    onAddPaletteItem(item) {
+        // Catalog items have a fixed placement — add them straight to the matching section.
+        if (item.paletteType === 'catalog') {
+            const node = this._paletteItemToNode(item);
+            if (!node)
+                return;
+            this._defaultTargetFor(item).push(node);
+            this._bump();
+            return;
+        }
+        // Generic (custom link, section header, section/group) + plugin-page items open the editor so
+        // the admin can set the title and pick the section (top level, Admin, a custom section, …)
+        // before the item is committed to the tree.
+        this.openNewItemEditor(item);
+    }
+    // ----- Row actions -----
+    openEditor(node) {
+        this._editingUid = node._uid;
+        this._pendingPaletteItem = null;
+        this.$editorKind.set(node.kind);
+        this.$editorRequired.set(this.isRequired(node));
+        this.editorForm.reset({
+            title: this._editableTitle(node),
+            // Only a custom link has an editable URL; every other kind's control is disabled and
+            // unrendered, so it is seeded empty — matching openNewItemEditor.
+            link: node.kind === 'custom-link' ? node.link : '',
+            icon: this._mdiKeyFromIconClass(this._displayIconClass(node)),
+            // Empty string (not null) so the "Geen" option (value="") is selected on open when the item
+            // carries no include function — a null value would leave the native select blank. The stored
+            // value is the enum name (or a legacy numeric ordinal); the select works with names.
+            includeFunction: node.kind === 'catalog' && !this.isRequired(node)
+                ? (serializeIncludeFunction(node.includeFunction) ?? '')
+                : '',
+            section: this._findSectionOf(node._uid),
+        });
+        this._syncLinkControl(node.kind);
+        this.$editorOpen.set(true);
+    }
+    openNewItemEditor(item) {
+        this._editingUid = null;
+        this._pendingPaletteItem = item;
+        this.$editorKind.set(item.paletteType);
+        this.$editorRequired.set(false);
+        const defaultTitle = item.paletteType === 'section-header'
+            ? this.translateService.instant('adminSettings.menuConfiguration.defaults.sectionHeader')
+            : item.paletteType === 'custom-link'
+                ? this.translateService.instant('adminSettings.menuConfiguration.defaults.customLink')
+                : item.paletteType === 'group'
+                    ? this.translateService.instant('adminSettings.menuConfiguration.defaults.group')
+                    : item.label;
+        this.editorForm.reset({
+            title: defaultTitle,
+            link: item.paletteType === 'custom-link' ? '/' : '',
+            icon: item.icon ? this._mdiKeyFromIconClass(item.icon) : null,
+            includeFunction: '',
+            section: 'root',
+        });
+        this._syncLinkControl(item.paletteType);
+        this.$editorOpen.set(true);
+    }
+    onEditorSave() {
+        if (this.editorForm.invalid)
+            return;
+        const value = this.editorForm.getRawValue();
+        const node = this._editingUid !== null
+            ? this._findByUid(this.$structure(), this._editingUid)
+            : this._pendingPaletteItem
+                ? this._paletteItemToNode(this._pendingPaletteItem)
+                : null;
+        if (!node) {
+            this.closeEditor();
+            return;
+        }
+        node.title = (value.title ?? '').trim();
+        if (node.kind === 'custom-link') {
+            node.link = (value.link ?? '').trim();
+        }
+        if (node.kind === 'catalog' || node.kind === 'custom-link' || node.kind === 'plugin-page') {
+            const iconClass = this._iconClassFromMdiKey(value.icon);
+            if (iconClass) {
+                node.icon = iconClass;
+            }
+            else if (this._editingUid !== null) {
+                delete node.icon;
+            }
+        }
+        if (node.kind === 'catalog') {
+            // Required items must never carry an include function (it could hide them at runtime).
+            // Persisted as the enum member *name* so the stored config survives enum reorders.
+            node.includeFunction =
+                this.isRequired(node) || !value.includeFunction
+                    ? undefined
+                    : serializeIncludeFunction(value.includeFunction);
+            if (node.includeFunction === undefined)
+                delete node.includeFunction;
+        }
+        this._placeNode(node, value.section ?? 'root');
+        this._bump();
+        this.closeEditor();
+    }
+    closeEditor() {
+        this.$editorOpen.set(false);
+        this._editingUid = null;
+        this._pendingPaletteItem = null;
+    }
+    /** Commits a (new or edited) node into the chosen section, moving it if its section changed. */
+    _placeNode(node, section) {
+        const sectionCapable = this.SECTION_CAPABLE_KINDS.includes(node.kind);
+        if (this._editingUid !== null) {
+            // Existing node: only move it when it is section-capable and the section actually changed.
+            if (sectionCapable && this._findSectionOf(node._uid) !== section) {
+                this._removeByUid(this.$structure(), node._uid);
+                this._targetForSection(section).push(node);
+            }
+            return;
+        }
+        // New node: place into the chosen section (top level for non-section-capable kinds).
+        const target = sectionCapable ? this._targetForSection(section) : this.$structure();
+        target.push(node);
+    }
+    _syncLinkControl(kind) {
+        if (kind === 'custom-link') {
+            this.editorForm.controls.link.enable();
+        }
+        else {
+            this.editorForm.controls.link.disable();
+        }
+    }
+    onRemove(node) {
+        if (this.isRequired(node))
+            return;
+        this._removeByUid(this.$structure(), node._uid);
+        this._bump();
+    }
+    onSave() {
+        this.$saving.set(true);
+        this.$saved.set(false);
+        const configuration = {
+            version: MENU_CONFIGURATION_VERSION,
+            items: this._stripUids(this.$structure()),
+        };
+        this.adminSettingsService.updateMenuConfiguration({ configuration }).subscribe({
+            next: () => {
+                this.$saving.set(false);
+                this._$reloadModalOpen.set(true);
+            },
+            error: () => this.$saving.set(false),
+        });
+    }
+    /** Reload the app so the freshly saved menu takes effect. */
+    onReloadConfirm() {
+        window.location.reload();
+    }
+    /** Dismiss the reload modal, leaving a persistent inline reminder that a reload is still pending. */
+    onReloadDismiss() {
+        this._$reloadModalOpen.set(false);
+        this.$saved.set(true);
+    }
+    /** Dismiss the persistent "menu saved" reminder. */
+    onDismissSavedNotification() {
+        this.$saved.set(false);
+    }
+    // ----- Display helpers (used by the template) -----
+    isContainer(node) {
+        return (node.kind === 'group' ||
+            (node.kind === 'catalog' && (node.itemId === 'admin' || node.itemId === 'development')));
+    }
+    isRequired(node) {
+        return node.kind === 'catalog' && !!getMenuCatalogEntry(node.itemId)?.required;
+    }
+    hasRuntimeSubmenu(node) {
+        return node.kind === 'catalog' && (node.itemId === 'cases' || node.itemId === 'objects');
+    }
+    displayTitle(node) {
+        if (node.kind === 'catalog') {
+            return this.translateService.instant(node.title ?? getMenuCatalogEntry(node.itemId)?.defaultTitleKey ?? node.itemId);
+        }
+        return node.title;
+    }
+    childrenOf(node) {
+        return this._childArray(node) ?? [];
+    }
+    containerListId(node) {
+        return `structure-children-${node.kind === 'catalog' ? node.itemId : node._uid}`;
+    }
+    containerEnterPredicate(node) {
+        if (node.kind === 'group')
+            return this.groupEnterPredicate;
+        if (node.kind === 'catalog' && node.itemId === 'development')
+            return this.developmentEnterPredicate;
+        return this.adminEnterPredicate;
+    }
+    iconClassOf(node) {
+        return this._displayIconClass(node);
+    }
+    /**
+     * Which plugin configuration a placed page belongs to. Every configuration of one plugin
+     * contributes a page with the same title, so the row is otherwise indistinguishable from its
+     * siblings. Empty for every other kind, and for a page whose configuration no longer exists.
+     */
+    configurationTitleOf(node) {
+        if (node.kind !== 'plugin-page')
+            return '';
+        return (this.$pluginPages().find(page => page.configurationId === node.configurationId)
+            ?.configurationTitle ?? '');
+    }
+    // ----- Private helpers -----
+    _displayIconClass(node) {
+        if (node.kind === 'catalog')
+            return node.icon ?? getMenuCatalogEntry(node.itemId)?.defaultIcon ?? null;
+        if (node.kind === 'custom-link' || node.kind === 'plugin-page' || node.kind === 'group') {
+            return node.icon ?? null;
+        }
+        return null;
+    }
+    _editableTitle(node) {
+        if (node.kind === 'catalog')
+            return node.title ?? getMenuCatalogEntry(node.itemId)?.defaultTitleKey ?? '';
+        return node.title;
+    }
+    _placementOf(data) {
+        if (data && 'paletteType' in data) {
+            if (data.paletteType === 'catalog' && data.itemId) {
+                return getMenuCatalogEntry(data.itemId)?.placement ?? 'any';
+            }
+            // A section (group) is top-level only; everything else generic is freely placeable.
+            return data.paletteType === 'group' ? 'top' : 'any';
+        }
+        if (data && 'kind' in data && data.kind === 'catalog') {
+            return getMenuCatalogEntry(data.itemId)?.placement ?? 'any';
+        }
+        return data && 'kind' in data && data.kind === 'group' ? 'top' : 'any';
+    }
+    _containerAccepts(placement, data) {
+        const itemPlacement = this._placementOf(data);
+        return itemPlacement === 'any' || itemPlacement === placement;
+    }
+    _paletteItemToNode(item) {
+        switch (item.paletteType) {
+            case 'catalog':
+                return item.itemId ? this._withUid({ kind: 'catalog', itemId: item.itemId }) : null;
+            case 'group':
+                return this._withUid({
+                    kind: 'group',
+                    title: this.translateService.instant('adminSettings.menuConfiguration.defaults.group'),
+                    children: [],
+                });
+            case 'section-header':
+                return this._withUid({
+                    kind: 'section-header',
+                    title: this.translateService.instant('adminSettings.menuConfiguration.defaults.sectionHeader'),
+                });
+            case 'custom-link':
+                return this._withUid({
+                    kind: 'custom-link',
+                    title: this.translateService.instant('adminSettings.menuConfiguration.defaults.customLink'),
+                    link: '/',
+                });
+            case 'plugin-page':
+                return item.page
+                    ? this._withUid({
+                        kind: 'plugin-page',
+                        configurationId: item.page.configurationId,
+                        bundleKey: item.page.bundleKey ?? undefined,
+                        title: item.label,
+                        icon: item.page.icon ?? undefined,
+                    })
+                    : null;
+            default:
+                return null;
+        }
+    }
+    _defaultTargetFor(item) {
+        // Drag is unconstrained for these items, but the Add button still drops a page into its natural
+        // home section by default (its catalog category), falling back to the top level.
+        if (item.paletteType === 'catalog' && item.itemId) {
+            const category = getMenuCatalogEntry(item.itemId)?.category;
+            if (category === 'admin')
+                return this._targetForSection('admin');
+            if (category === 'development')
+                return this._targetForSection('development');
+        }
+        return this.$structure();
+    }
+    /** A container's stable section id: catalog `itemId` for Admin/Development, `_uid` for a custom section. */
+    _sectionValue(node) {
+        return node.kind === 'catalog' ? node.itemId : node._uid;
+    }
+    /** The array that backs a section id (`'root'`, a catalog `itemId`, or a group `_uid`), creating children if needed. */
+    _targetForSection(section) {
+        if (!section || section === 'root')
+            return this.$structure();
+        const container = this.$structure().find(node => this.isContainer(node) && this._sectionValue(node) === section);
+        if (container && (container.kind === 'catalog' || container.kind === 'group')) {
+            container.children = container.children ?? [];
+            return container.children;
+        }
+        return this.$structure();
+    }
+    /** Which section a node currently lives in: `'root'` or the containing section's id. */
+    _findSectionOf(uid) {
+        if (this.$structure().some(node => node._uid === uid))
+            return 'root';
+        for (const node of this.$structure()) {
+            const children = this._childArray(node);
+            if (children && children.some(child => child._uid === uid)) {
+                return this._sectionValue(node);
+            }
+        }
+        return 'root';
+    }
+    _buildPaletteGroups() {
+        const placedCatalog = new Set();
+        const placedPlugins = new Set();
+        this._walk(this.$structure(), node => {
+            if (node.kind === 'catalog')
+                placedCatalog.add(node.itemId);
+            if (node.kind === 'plugin-page')
+                placedPlugins.add(this._pluginKey(node.configurationId, node.bundleKey));
+        });
+        const fromCatalog = (category) => MENU_ITEM_CATALOG.filter(entry => entry.category === category && !placedCatalog.has(entry.itemId)).map(entry => ({
+            paletteType: 'catalog',
+            itemId: entry.itemId,
+            label: this.translateService.instant(entry.defaultTitleKey),
+            icon: entry.defaultIcon,
+        }));
+        const pluginPages = this.$pluginPages()
+            .filter(page => !placedPlugins.has(this._pluginKey(page.configurationId, page.bundleKey)))
+            .map(page => ({
+            paletteType: 'plugin-page',
+            page,
+            label: this._localizedPluginTitle(page),
+            sublabel: page.configurationTitle,
+            icon: page.icon ?? undefined,
+        }));
+        return [
+            {
+                categoryKey: 'generic',
+                items: [
+                    {
+                        paletteType: 'group',
+                        label: this.translateService.instant('adminSettings.menuConfiguration.generic.group'),
+                    },
+                    {
+                        paletteType: 'section-header',
+                        label: this.translateService.instant('adminSettings.menuConfiguration.generic.sectionHeader'),
+                    },
+                    {
+                        paletteType: 'custom-link',
+                        label: this.translateService.instant('adminSettings.menuConfiguration.generic.customLink'),
+                    },
+                ],
+            },
+            { categoryKey: 'main', items: fromCatalog('main') },
+            { categoryKey: 'admin', items: fromCatalog('admin') },
+            { categoryKey: 'development', items: fromCatalog('development') },
+            { categoryKey: 'pluginPages', items: pluginPages },
+        ];
+    }
+    _localizedPluginTitle(page) {
+        const lang = this.translateService.currentLang ?? this.translateService.defaultLang ?? 'en';
+        return page.titleTranslations?.[lang] ?? page.title ?? page.configurationTitle;
+    }
+    _pluginKey(configurationId, bundleKey) {
+        return `${configurationId}:${bundleKey ?? ''}`;
+    }
+    /**
+     * The MDI icon selector works with the full MDI class token (e.g. `mdi-view-dashboard`) — its
+     * preview binds the value straight onto an element class and `POPULAR_MDI_ICONS` is `mdi-*` keyed
+     * — so we keep the `mdi-` prefix here (stripping it broke the preview and double-prefixed on save).
+     */
+    _mdiKeyFromIconClass(iconClass) {
+        if (!iconClass)
+            return null;
+        const match = iconClass.match(/(mdi-[a-z0-9-]+)/i);
+        return match ? match[1] : null;
+    }
+    /** Builds the menu `iconClass` from the selector's MDI class token (`mdi-view-dashboard` → `icon mdi mdi-view-dashboard`). */
+    _iconClassFromMdiKey(key) {
+        return key ? `icon mdi ${key}` : undefined;
+    }
+    // ----- Tree utilities -----
+    /** The editable children array of a branch node (catalog group or custom section), else null. */
+    _childArray(node) {
+        if ((node.kind === 'catalog' || node.kind === 'group') && Array.isArray(node.children)) {
+            return node.children;
+        }
+        return null;
+    }
+    _withUid(node) {
+        return { ...node, _uid: `node-${this._uidCounter++}` };
+    }
+    _assignUids(items) {
+        return items.map(item => {
+            const node = this._withUid(item);
+            const children = this._childArray(node);
+            if (children) {
+                node.children = this._assignUids(children);
+            }
+            return node;
+        });
+    }
+    _walk(nodes, visit) {
+        nodes.forEach(node => {
+            visit(node);
+            const children = this._childArray(node);
+            if (children)
+                this._walk(children, visit);
+        });
+    }
+    _findByUid(nodes, uid) {
+        for (const node of nodes) {
+            if (node._uid === uid)
+                return node;
+            const children = this._childArray(node);
+            if (children) {
+                const found = this._findByUid(children, uid);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    _removeByUid(nodes, uid) {
+        const index = nodes.findIndex(node => node._uid === uid);
+        if (index >= 0) {
+            nodes.splice(index, 1);
+            return true;
+        }
+        return nodes.some(node => {
+            const children = this._childArray(node);
+            return !!children && this._removeByUid(children, uid);
+        });
+    }
+    /** Deep-clones array references so the OnPush drag-drop lists re-render after an in-place mutation. */
+    _bump() {
+        this.$saved.set(false);
+        this.$structure.set(this._clone(this.$structure()));
+    }
+    _clone(nodes) {
+        return nodes.map(node => {
+            const copy = { ...node };
+            const children = this._childArray(node);
+            if (children)
+                copy.children = this._clone(children);
+            return copy;
+        });
+    }
+    /** Produces the persisted structure without the transient `_uid` fields. */
+    _stripUids(nodes) {
+        return nodes.map(node => {
+            const { _uid, ...rest } = node;
+            const clean = rest;
+            if ((clean.kind === 'catalog' || clean.kind === 'group') && Array.isArray(clean.children)) {
+                clean.children = this._stripUids(clean.children);
+            }
+            return clean;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsMenuConfigurationComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.AdminSettingsService }, { token: i3.ExternalPluginPageService }, { token: i2.ConfigService }, { token: i5.TranslateService }, { token: i4.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: AdminSettingsMenuConfigurationComponent, isStandalone: true, selector: "valtimo-admin-settings-menu-configuration", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if ($loading()) {\n  <div class=\"menu-configuration__status\">\n    <cds-loading [isActive]=\"true\" [overlay]=\"false\" size=\"normal\"></cds-loading>\n  </div>\n} @else {\n  <div class=\"menu-configuration\">\n    @if ($saved()) {\n      <cds-inline-notification\n        [notificationObj]=\"{\n          type: 'success',\n          title: ('adminSettings.menuConfiguration.savedTitle' | translate),\n          message: ('adminSettings.menuConfiguration.savedSubtitle' | translate),\n          showClose: true,\n          lowContrast: true,\n        }\"\n        (close)=\"onDismissSavedNotification()\"\n      ></cds-inline-notification>\n    }\n\n    <div\n      fitPage\n      [disableOverflow]=\"true\"\n      class=\"menu-configuration__panels\"\n      [class.menu-configuration__panels--dragging]=\"$dragging()\"\n    >\n      <!-- Left: the editable menu structure -->\n      <section cdkScrollable class=\"menu-configuration__panel\">\n        <div class=\"menu-configuration__panel-header\">\n          <h4 class=\"menu-configuration__panel-title\">\n            {{ 'adminSettings.menuConfiguration.structureTitle' | translate }}\n          </h4>\n\n          <div class=\"menu-configuration__panel-actions\">\n            <button\n              cdsButton=\"tertiary\"\n              size=\"sm\"\n              [onBottom]=\"true\"\n              [vTooltip]=\"'adminSettings.menuConfiguration.resetTooltip' | translate\"\n              (click)=\"onReset()\"\n              [attr.data-test-id]=\"testIds.resetButton\"\n            >\n              {{ 'adminSettings.menuConfiguration.reset' | translate }}\n            </button>\n\n            <button\n              cdsButton=\"primary\"\n              size=\"sm\"\n              [disabled]=\"$saving()\"\n              (click)=\"onSave()\"\n              [attr.data-test-id]=\"testIds.saveButton\"\n            >\n              {{ 'adminSettings.menuConfiguration.save' | translate }}\n            </button>\n          </div>\n        </div>\n\n        <valtimo-drag-drop-list\n          [attr.data-test-id]=\"testIds.structureList\"\n          [connectedTo]=\"$structureListIds()\"\n          [enterPredicate]=\"topEnterPredicate\"\n          [handleAriaLabel]=\"'adminSettings.menuConfiguration.dragHandle' | translate\"\n          [items]=\"$structure()\"\n          [itemTemplate]=\"structureItemTpl\"\n          [expansionTemplate]=\"structureExpansionTpl\"\n          [emptyTemplate]=\"structureEmptyTpl\"\n          [wholeRowDraggable]=\"true\"\n          listId=\"structure-root\"\n          (dragEndedEvent)=\"onDragEnded()\"\n          (dragStartedEvent)=\"onDragStarted()\"\n          (droppedEvent)=\"onDrop($event)\"\n        ></valtimo-drag-drop-list>\n      </section>\n\n      <!-- Right: the available-items catalog -->\n      <section cdkScrollable class=\"menu-configuration__panel\">\n        <div class=\"menu-configuration__panel-header\">\n          <h4 class=\"menu-configuration__panel-title\">\n            {{ 'adminSettings.menuConfiguration.availableTitle' | translate }}\n          </h4>\n        </div>\n\n        @for (group of $paletteGroups(); track group.categoryKey) {\n          <div class=\"menu-configuration__palette-group\">\n            <h5 class=\"menu-configuration__palette-group-title\">\n              {{ 'adminSettings.menuConfiguration.categories.' + group.categoryKey | translate }}\n            </h5>\n\n            @if (!group.items.length) {\n              <p class=\"menu-configuration__palette-empty\">\n                {{ 'adminSettings.menuConfiguration.allPlaced' | translate }}\n              </p>\n            } @else {\n              <valtimo-drag-drop-list\n                [connectedTo]=\"$structureListIds()\"\n                [enterPredicate]=\"paletteEnterPredicate\"\n                [handleAriaLabel]=\"'adminSettings.menuConfiguration.dragHandle' | translate\"\n                [items]=\"group.items\"\n                [itemTemplate]=\"paletteItemTpl\"\n                [listId]=\"'palette-' + group.categoryKey\"\n                [sortingDisabled]=\"true\"\n                [wholeRowDraggable]=\"true\"\n                (dragEndedEvent)=\"onDragEnded()\"\n                (dragStartedEvent)=\"onDragStarted()\"\n              ></valtimo-drag-drop-list>\n            }\n          </div>\n        }\n      </section>\n    </div>\n  </div>\n}\n\n<!-- The header row of a menu-structure item (icon, title, actions). The sub-list, if any, is rendered\n     by structureExpansionTpl below the row \u2014 never inside it. -->\n<ng-template #structureItemTpl let-node>\n  <div class=\"menu-configuration__row\">\n    <div class=\"menu-configuration__row-main\">\n      @if (iconClassOf(node)) {\n        <i class=\"menu-configuration__row-icon\" [ngClass]=\"iconClassOf(node)\"></i>\n      }\n\n      <span\n        class=\"menu-configuration__row-title\"\n        [class.menu-configuration__row-title--group]=\"isContainer(node)\"\n        >{{ displayTitle(node) }}</span\n      >\n\n      @if (configurationTitleOf(node)) {\n        <span class=\"menu-configuration__row-subtitle\">{{ configurationTitleOf(node) }}</span>\n      }\n\n      @if (isRequired(node)) {\n        <cds-tag type=\"cool-gray\" size=\"sm\">\n          <svg cdsIcon=\"locked\" size=\"16\"></svg>\n          {{ 'adminSettings.menuConfiguration.required' | translate }}\n        </cds-tag>\n      }\n    </div>\n\n    <div class=\"menu-configuration__row-actions\">\n      <button\n        cdsButton=\"ghost\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        (click)=\"openEditor(node)\"\n        [title]=\"'interface.edit' | translate\"\n      >\n        <svg cdsIcon=\"edit\" size=\"16\"></svg>\n      </button>\n\n      @if (!isRequired(node)) {\n        <button\n          cdsButton=\"ghost\"\n          size=\"sm\"\n          [iconOnly]=\"true\"\n          (click)=\"onRemove(node)\"\n          [title]=\"'interface.delete' | translate\"\n        >\n          <svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<!-- The sub-list under a structure item, rendered below (and outside) the row (recursive). -->\n<ng-template #structureExpansionTpl let-node>\n  @if (isContainer(node)) {\n    <div class=\"menu-configuration__children\">\n      <valtimo-drag-drop-list\n        [connectedTo]=\"$structureListIds()\"\n        [emptyTemplate]=\"sectionEmptyTpl\"\n        [enterPredicate]=\"containerEnterPredicate(node)\"\n        [handleAriaLabel]=\"'adminSettings.menuConfiguration.dragHandle' | translate\"\n        [items]=\"childrenOf(node)\"\n        [itemTemplate]=\"structureItemTpl\"\n        [expansionTemplate]=\"structureExpansionTpl\"\n        [listId]=\"containerListId(node)\"\n        [wholeRowDraggable]=\"true\"\n        (dragEndedEvent)=\"onDragEnded()\"\n        (dragStartedEvent)=\"onDragStarted()\"\n        (droppedEvent)=\"onDrop($event)\"\n      ></valtimo-drag-drop-list>\n    </div>\n  }\n\n  <!-- Dynamic-submenu items (Cases, Objects) show a dummy submenu explaining it grows at runtime. -->\n  @if (hasRuntimeSubmenu(node)) {\n    <div class=\"menu-configuration__children menu-configuration__children--runtime\">\n      <cds-inline-notification\n        [notificationObj]=\"{\n          type: 'info',\n          title: ('adminSettings.menuConfiguration.runtimeSubmenu' | translate),\n          message: ('adminSettings.menuConfiguration.runtimeSubmenuNote' | translate),\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n    </div>\n  }\n</ng-template>\n\n<!-- A row in the available-items palette -->\n<ng-template #paletteItemTpl let-item>\n  <div\n    class=\"menu-configuration__palette-item\"\n    [title]=\"item.label + (item.sublabel ? ' \u2014 ' + item.sublabel : '')\"\n  >\n    @if (item.icon) {\n      <i class=\"menu-configuration__row-icon\" [ngClass]=\"item.icon\"></i>\n    }\n\n    <span class=\"menu-configuration__palette-text\">\n      <span class=\"menu-configuration__palette-label\">{{ item.label }}</span>\n      @if (item.sublabel) {\n        <span class=\"menu-configuration__palette-sublabel\">{{ item.sublabel }}</span>\n      }\n    </span>\n\n    <button\n      cdsButton=\"ghost\"\n      size=\"sm\"\n      [iconOnly]=\"true\"\n      (click)=\"onAddPaletteItem(item)\"\n      [title]=\"'adminSettings.menuConfiguration.add' | translate\"\n    >\n      <svg cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #structureEmptyTpl>\n  <p class=\"menu-configuration__structure-empty\">\n    {{ 'adminSettings.menuConfiguration.emptyStructure' | translate }}\n  </p>\n</ng-template>\n\n<ng-template #sectionEmptyTpl>\n  <p class=\"menu-configuration__structure-empty\">\n    {{ 'adminSettings.menuConfiguration.emptySection' | translate }}\n  </p>\n</ng-template>\n\n<!-- Item editor -->\n<cds-modal [open]=\"$editorOpen()\" (overlaySelected)=\"closeEditor()\">\n  <cds-modal-header (closeSelect)=\"closeEditor()\">\n    <h3 cdsModalHeaderHeading>{{ 'adminSettings.menuConfiguration.editor.title' | translate }}</h3>\n  </cds-modal-header>\n\n  <section\n    cdsModalContent\n    [cdsLayer]=\"1\"\n    [formGroup]=\"editorForm\"\n    class=\"menu-configuration__editor\"\n  >\n    <cds-text-label [helperText]=\"'adminSettings.menuConfiguration.editor.titleHelper' | translate\">\n      {{ 'interface.title' | translate }}\n      <input cdsText formControlName=\"title\" [attr.data-test-id]=\"testIds.editorTitleInput\" />\n    </cds-text-label>\n\n    @if ($editorKind() === 'custom-link') {\n      <cds-text-label>\n        {{ 'adminSettings.menuConfiguration.editor.link' | translate }}\n        <input cdsText formControlName=\"link\" [attr.data-test-id]=\"testIds.editorLinkInput\" />\n      </cds-text-label>\n    }\n\n    <!-- Gated on $editorOpen() so the icon selector (and its Carbon combobox) is recreated fresh each\n         time the editor opens \u2014 otherwise the reused combobox keeps the previous entry's filter state. -->\n    @if ($editorOpen() && $editorShowIcon()) {\n      <valtimo-mdi-icon-selector\n        [appendInline]=\"false\"\n        [fullWidth]=\"true\"\n        formControlName=\"icon\"\n      ></valtimo-mdi-icon-selector>\n    }\n\n    @if ($editorShowSection()) {\n      <cds-select\n        formControlName=\"section\"\n        [label]=\"'adminSettings.menuConfiguration.editor.section' | translate\"\n      >\n        @for (option of $sectionOptions(); track option.value) {\n          <option [value]=\"option.value\">{{ option.label }}</option>\n        }\n      </cds-select>\n    }\n\n    @if ($editorKind() === 'catalog' && !$editorRequired()) {\n      <cds-select\n        formControlName=\"includeFunction\"\n        [label]=\"'adminSettings.menuConfiguration.editor.includeFunction' | translate\"\n      >\n        <option value=\"\">\n          {{ 'adminSettings.menuConfiguration.editor.includeFunctionNone' | translate }}\n        </option>\n        @for (key of includeFunctionKeys; track key) {\n          <option [value]=\"key\">{{ key }}</option>\n        }\n      </cds-select>\n    }\n\n    <p class=\"menu-configuration__editor-note\">\n      {{ 'adminSettings.menuConfiguration.editor.pbacNote' | translate }}\n    </p>\n  </section>\n\n  <cds-modal-footer>\n    <button\n      cdsButton=\"secondary\"\n      (click)=\"closeEditor()\"\n      [attr.data-test-id]=\"testIds.editorCancelButton\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"editorForm.invalid\"\n      (click)=\"onEditorSave()\"\n      [attr.data-test-id]=\"testIds.editorSaveButton\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<!-- After a successful save, offer to reload so the new menu takes effect immediately. -->\n<valtimo-confirmation-modal\n  cancelButtonTextTranslationKey=\"adminSettings.menuConfiguration.reloadModal.dismiss\"\n  confirmButtonTextTranslationKey=\"adminSettings.menuConfiguration.reloadModal.confirm\"\n  contentTranslationKey=\"adminSettings.menuConfiguration.reloadModal.content\"\n  titleTranslationKey=\"adminSettings.menuConfiguration.reloadModal.title\"\n  [showModalSubject$]=\"reloadModalOpen$\"\n  (cancelEvent)=\"onReloadDismiss()\"\n  (confirmEvent)=\"onReloadConfirm()\"\n></valtimo-confirmation-modal>\n", styles: [".menu-configuration{display:flex;flex-direction:column;gap:var(--cds-spacing-05)}.menu-configuration__status{display:flex;justify-content:center;padding:var(--cds-spacing-07)}.menu-configuration__panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--cds-spacing-06);align-items:stretch;min-height:0}.menu-configuration__panels--dragging ::ng-deep .valtimo-drag-drop-list:not(.cdk-drop-list-receiving):not(.cdk-drop-list-dragging)>.valtimo-drag-drop-list__item>.valtimo-drag-drop-list__row,.menu-configuration__panels--dragging ::ng-deep .valtimo-drag-drop-list:not(.cdk-drop-list-receiving):not(.cdk-drop-list-dragging)>.valtimo-drag-drop-list__item>.valtimo-drag-drop-list__expansion>.menu-configuration__children--runtime{opacity:.4;transition:opacity .15s ease}.menu-configuration__panel{display:flex;flex-direction:column;gap:var(--cds-spacing-04);padding:0 var(--cds-spacing-05) var(--cds-spacing-05);border:1px solid var(--cds-border-subtle);height:100%;min-height:0;overflow-y:auto;background-color:var(--cds-layer-01)}.menu-configuration__panel-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--cds-spacing-05);min-height:var(--cds-spacing-09);padding:var(--cds-spacing-05) 0 var(--cds-spacing-05);background-color:var(--cds-layer)}.menu-configuration__panel-title{color:var(--cds-text-primary);font-weight:600}.menu-configuration__panel-actions{display:flex;gap:var(--cds-spacing-03);flex-shrink:0}.menu-configuration__row{display:flex;align-items:center;justify-content:space-between;gap:var(--cds-spacing-03);width:100%;min-width:0}.menu-configuration__row-main{display:flex;align-items:center;gap:var(--cds-spacing-03);min-width:0}.menu-configuration__row-icon{color:var(--cds-icon-primary);flex-shrink:0}.menu-configuration__row-title{color:var(--cds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.menu-configuration__row-title--group{font-weight:600}.menu-configuration__row-subtitle{color:var(--cds-text-secondary);font-size:var(--cds-label-01-font-size);letter-spacing:var(--cds-label-01-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.menu-configuration__row-actions{display:flex;flex-shrink:0}.menu-configuration__children{margin-top:var(--cds-spacing-03);margin-left:var(--cds-spacing-06);padding-left:var(--cds-spacing-04);border-left:var(--cds-spacing-01) solid var(--cds-border-subtle)}.menu-configuration__children--runtime cds-inline-notification,.menu-configuration__children--runtime .cds--inline-notification{min-width:0;margin-block:0}.menu-configuration__structure-empty,.menu-configuration__palette-empty{color:var(--cds-text-helper);padding:var(--cds-spacing-04);text-align:center}.menu-configuration__palette-group{display:flex;flex-direction:column;gap:var(--cds-spacing-03)}.menu-configuration__palette-group-title{color:var(--cds-text-secondary);text-transform:uppercase;font-size:var(--cds-label-01-font-size);letter-spacing:var(--cds-label-01-letter-spacing);margin-top:var(--cds-spacing-03)}.menu-configuration__palette-item{display:flex;align-items:center;gap:var(--cds-spacing-03);width:100%;min-width:0}.menu-configuration__palette-text{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.menu-configuration__palette-label{color:var(--cds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.menu-configuration__palette-sublabel{color:var(--cds-text-secondary);font-size:var(--cds-label-01-font-size);letter-spacing:var(--cds-label-01-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.menu-configuration__editor{display:flex;flex-direction:column;gap:var(--cds-spacing-05)}.menu-configuration__editor-note{color:var(--cds-text-helper);font-style:italic}:host ::ng-deep cds-inline-notification{max-inline-size:unset;width:100%}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i8.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: DragDropListComponent, selector: "valtimo-drag-drop-list", inputs: ["items", "listId", "connectedTo", "disabled", "sortingDisabled", "showHandle", "wholeRowDraggable", "orientation", "handleAriaLabel", "itemTemplate", "expansionTemplate", "emptyTemplate", "enterPredicate", "dragDisabled"], outputs: ["droppedEvent", "dragStartedEvent", "dragEndedEvent"] }, { kind: "directive", type: FitPageDirective, selector: "[fitPage]", inputs: ["spaceAdjustment", "fitPageDisabled", "disableOverflow", "bottomMargin"] }, { kind: "component", type: MdiIconSelectorComponent, selector: "valtimo-mdi-icon-selector", inputs: ["labelTranslationKey", "tooltipTranslationKey", "placeholderTranslationKey", "appendInline", "dropUp", "fullWidth"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[vTooltip]", inputs: ["vTooltip", "onBottom", "tooltipDisabled"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i4.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i4.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i4.Select, selector: "cds-select, ibm-select", inputs: ["value", "display", "label", "helperText", "invalidText", "warn", "warnText", "id", "size", "disabled", "skeleton", "invalid", "readonly", "theme", "ariaLabel", "fluid"], outputs: ["valueChange"] }, { kind: "directive", type: i4.Option, selector: "option" }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i4.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsMenuConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-admin-settings-menu-configuration', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        ScrollingModule,
+                        DragDropListComponent,
+                        FitPageDirective,
+                        MdiIconSelectorComponent,
+                        ConfirmationModalModule,
+                        TooltipModule,
+                        ButtonModule,
+                        IconModule,
+                        InputModule,
+                        LayerModule,
+                        LoadingModule,
+                        ModalModule,
+                        NotificationModule,
+                        SelectModule,
+                        TagModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if ($loading()) {\n  <div class=\"menu-configuration__status\">\n    <cds-loading [isActive]=\"true\" [overlay]=\"false\" size=\"normal\"></cds-loading>\n  </div>\n} @else {\n  <div class=\"menu-configuration\">\n    @if ($saved()) {\n      <cds-inline-notification\n        [notificationObj]=\"{\n          type: 'success',\n          title: ('adminSettings.menuConfiguration.savedTitle' | translate),\n          message: ('adminSettings.menuConfiguration.savedSubtitle' | translate),\n          showClose: true,\n          lowContrast: true,\n        }\"\n        (close)=\"onDismissSavedNotification()\"\n      ></cds-inline-notification>\n    }\n\n    <div\n      fitPage\n      [disableOverflow]=\"true\"\n      class=\"menu-configuration__panels\"\n      [class.menu-configuration__panels--dragging]=\"$dragging()\"\n    >\n      <!-- Left: the editable menu structure -->\n      <section cdkScrollable class=\"menu-configuration__panel\">\n        <div class=\"menu-configuration__panel-header\">\n          <h4 class=\"menu-configuration__panel-title\">\n            {{ 'adminSettings.menuConfiguration.structureTitle' | translate }}\n          </h4>\n\n          <div class=\"menu-configuration__panel-actions\">\n            <button\n              cdsButton=\"tertiary\"\n              size=\"sm\"\n              [onBottom]=\"true\"\n              [vTooltip]=\"'adminSettings.menuConfiguration.resetTooltip' | translate\"\n              (click)=\"onReset()\"\n              [attr.data-test-id]=\"testIds.resetButton\"\n            >\n              {{ 'adminSettings.menuConfiguration.reset' | translate }}\n            </button>\n\n            <button\n              cdsButton=\"primary\"\n              size=\"sm\"\n              [disabled]=\"$saving()\"\n              (click)=\"onSave()\"\n              [attr.data-test-id]=\"testIds.saveButton\"\n            >\n              {{ 'adminSettings.menuConfiguration.save' | translate }}\n            </button>\n          </div>\n        </div>\n\n        <valtimo-drag-drop-list\n          [attr.data-test-id]=\"testIds.structureList\"\n          [connectedTo]=\"$structureListIds()\"\n          [enterPredicate]=\"topEnterPredicate\"\n          [handleAriaLabel]=\"'adminSettings.menuConfiguration.dragHandle' | translate\"\n          [items]=\"$structure()\"\n          [itemTemplate]=\"structureItemTpl\"\n          [expansionTemplate]=\"structureExpansionTpl\"\n          [emptyTemplate]=\"structureEmptyTpl\"\n          [wholeRowDraggable]=\"true\"\n          listId=\"structure-root\"\n          (dragEndedEvent)=\"onDragEnded()\"\n          (dragStartedEvent)=\"onDragStarted()\"\n          (droppedEvent)=\"onDrop($event)\"\n        ></valtimo-drag-drop-list>\n      </section>\n\n      <!-- Right: the available-items catalog -->\n      <section cdkScrollable class=\"menu-configuration__panel\">\n        <div class=\"menu-configuration__panel-header\">\n          <h4 class=\"menu-configuration__panel-title\">\n            {{ 'adminSettings.menuConfiguration.availableTitle' | translate }}\n          </h4>\n        </div>\n\n        @for (group of $paletteGroups(); track group.categoryKey) {\n          <div class=\"menu-configuration__palette-group\">\n            <h5 class=\"menu-configuration__palette-group-title\">\n              {{ 'adminSettings.menuConfiguration.categories.' + group.categoryKey | translate }}\n            </h5>\n\n            @if (!group.items.length) {\n              <p class=\"menu-configuration__palette-empty\">\n                {{ 'adminSettings.menuConfiguration.allPlaced' | translate }}\n              </p>\n            } @else {\n              <valtimo-drag-drop-list\n                [connectedTo]=\"$structureListIds()\"\n                [enterPredicate]=\"paletteEnterPredicate\"\n                [handleAriaLabel]=\"'adminSettings.menuConfiguration.dragHandle' | translate\"\n                [items]=\"group.items\"\n                [itemTemplate]=\"paletteItemTpl\"\n                [listId]=\"'palette-' + group.categoryKey\"\n                [sortingDisabled]=\"true\"\n                [wholeRowDraggable]=\"true\"\n                (dragEndedEvent)=\"onDragEnded()\"\n                (dragStartedEvent)=\"onDragStarted()\"\n              ></valtimo-drag-drop-list>\n            }\n          </div>\n        }\n      </section>\n    </div>\n  </div>\n}\n\n<!-- The header row of a menu-structure item (icon, title, actions). The sub-list, if any, is rendered\n     by structureExpansionTpl below the row \u2014 never inside it. -->\n<ng-template #structureItemTpl let-node>\n  <div class=\"menu-configuration__row\">\n    <div class=\"menu-configuration__row-main\">\n      @if (iconClassOf(node)) {\n        <i class=\"menu-configuration__row-icon\" [ngClass]=\"iconClassOf(node)\"></i>\n      }\n\n      <span\n        class=\"menu-configuration__row-title\"\n        [class.menu-configuration__row-title--group]=\"isContainer(node)\"\n        >{{ displayTitle(node) }}</span\n      >\n\n      @if (configurationTitleOf(node)) {\n        <span class=\"menu-configuration__row-subtitle\">{{ configurationTitleOf(node) }}</span>\n      }\n\n      @if (isRequired(node)) {\n        <cds-tag type=\"cool-gray\" size=\"sm\">\n          <svg cdsIcon=\"locked\" size=\"16\"></svg>\n          {{ 'adminSettings.menuConfiguration.required' | translate }}\n        </cds-tag>\n      }\n    </div>\n\n    <div class=\"menu-configuration__row-actions\">\n      <button\n        cdsButton=\"ghost\"\n        size=\"sm\"\n        [iconOnly]=\"true\"\n        (click)=\"openEditor(node)\"\n        [title]=\"'interface.edit' | translate\"\n      >\n        <svg cdsIcon=\"edit\" size=\"16\"></svg>\n      </button>\n\n      @if (!isRequired(node)) {\n        <button\n          cdsButton=\"ghost\"\n          size=\"sm\"\n          [iconOnly]=\"true\"\n          (click)=\"onRemove(node)\"\n          [title]=\"'interface.delete' | translate\"\n        >\n          <svg cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<!-- The sub-list under a structure item, rendered below (and outside) the row (recursive). -->\n<ng-template #structureExpansionTpl let-node>\n  @if (isContainer(node)) {\n    <div class=\"menu-configuration__children\">\n      <valtimo-drag-drop-list\n        [connectedTo]=\"$structureListIds()\"\n        [emptyTemplate]=\"sectionEmptyTpl\"\n        [enterPredicate]=\"containerEnterPredicate(node)\"\n        [handleAriaLabel]=\"'adminSettings.menuConfiguration.dragHandle' | translate\"\n        [items]=\"childrenOf(node)\"\n        [itemTemplate]=\"structureItemTpl\"\n        [expansionTemplate]=\"structureExpansionTpl\"\n        [listId]=\"containerListId(node)\"\n        [wholeRowDraggable]=\"true\"\n        (dragEndedEvent)=\"onDragEnded()\"\n        (dragStartedEvent)=\"onDragStarted()\"\n        (droppedEvent)=\"onDrop($event)\"\n      ></valtimo-drag-drop-list>\n    </div>\n  }\n\n  <!-- Dynamic-submenu items (Cases, Objects) show a dummy submenu explaining it grows at runtime. -->\n  @if (hasRuntimeSubmenu(node)) {\n    <div class=\"menu-configuration__children menu-configuration__children--runtime\">\n      <cds-inline-notification\n        [notificationObj]=\"{\n          type: 'info',\n          title: ('adminSettings.menuConfiguration.runtimeSubmenu' | translate),\n          message: ('adminSettings.menuConfiguration.runtimeSubmenuNote' | translate),\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n    </div>\n  }\n</ng-template>\n\n<!-- A row in the available-items palette -->\n<ng-template #paletteItemTpl let-item>\n  <div\n    class=\"menu-configuration__palette-item\"\n    [title]=\"item.label + (item.sublabel ? ' \u2014 ' + item.sublabel : '')\"\n  >\n    @if (item.icon) {\n      <i class=\"menu-configuration__row-icon\" [ngClass]=\"item.icon\"></i>\n    }\n\n    <span class=\"menu-configuration__palette-text\">\n      <span class=\"menu-configuration__palette-label\">{{ item.label }}</span>\n      @if (item.sublabel) {\n        <span class=\"menu-configuration__palette-sublabel\">{{ item.sublabel }}</span>\n      }\n    </span>\n\n    <button\n      cdsButton=\"ghost\"\n      size=\"sm\"\n      [iconOnly]=\"true\"\n      (click)=\"onAddPaletteItem(item)\"\n      [title]=\"'adminSettings.menuConfiguration.add' | translate\"\n    >\n      <svg cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #structureEmptyTpl>\n  <p class=\"menu-configuration__structure-empty\">\n    {{ 'adminSettings.menuConfiguration.emptyStructure' | translate }}\n  </p>\n</ng-template>\n\n<ng-template #sectionEmptyTpl>\n  <p class=\"menu-configuration__structure-empty\">\n    {{ 'adminSettings.menuConfiguration.emptySection' | translate }}\n  </p>\n</ng-template>\n\n<!-- Item editor -->\n<cds-modal [open]=\"$editorOpen()\" (overlaySelected)=\"closeEditor()\">\n  <cds-modal-header (closeSelect)=\"closeEditor()\">\n    <h3 cdsModalHeaderHeading>{{ 'adminSettings.menuConfiguration.editor.title' | translate }}</h3>\n  </cds-modal-header>\n\n  <section\n    cdsModalContent\n    [cdsLayer]=\"1\"\n    [formGroup]=\"editorForm\"\n    class=\"menu-configuration__editor\"\n  >\n    <cds-text-label [helperText]=\"'adminSettings.menuConfiguration.editor.titleHelper' | translate\">\n      {{ 'interface.title' | translate }}\n      <input cdsText formControlName=\"title\" [attr.data-test-id]=\"testIds.editorTitleInput\" />\n    </cds-text-label>\n\n    @if ($editorKind() === 'custom-link') {\n      <cds-text-label>\n        {{ 'adminSettings.menuConfiguration.editor.link' | translate }}\n        <input cdsText formControlName=\"link\" [attr.data-test-id]=\"testIds.editorLinkInput\" />\n      </cds-text-label>\n    }\n\n    <!-- Gated on $editorOpen() so the icon selector (and its Carbon combobox) is recreated fresh each\n         time the editor opens \u2014 otherwise the reused combobox keeps the previous entry's filter state. -->\n    @if ($editorOpen() && $editorShowIcon()) {\n      <valtimo-mdi-icon-selector\n        [appendInline]=\"false\"\n        [fullWidth]=\"true\"\n        formControlName=\"icon\"\n      ></valtimo-mdi-icon-selector>\n    }\n\n    @if ($editorShowSection()) {\n      <cds-select\n        formControlName=\"section\"\n        [label]=\"'adminSettings.menuConfiguration.editor.section' | translate\"\n      >\n        @for (option of $sectionOptions(); track option.value) {\n          <option [value]=\"option.value\">{{ option.label }}</option>\n        }\n      </cds-select>\n    }\n\n    @if ($editorKind() === 'catalog' && !$editorRequired()) {\n      <cds-select\n        formControlName=\"includeFunction\"\n        [label]=\"'adminSettings.menuConfiguration.editor.includeFunction' | translate\"\n      >\n        <option value=\"\">\n          {{ 'adminSettings.menuConfiguration.editor.includeFunctionNone' | translate }}\n        </option>\n        @for (key of includeFunctionKeys; track key) {\n          <option [value]=\"key\">{{ key }}</option>\n        }\n      </cds-select>\n    }\n\n    <p class=\"menu-configuration__editor-note\">\n      {{ 'adminSettings.menuConfiguration.editor.pbacNote' | translate }}\n    </p>\n  </section>\n\n  <cds-modal-footer>\n    <button\n      cdsButton=\"secondary\"\n      (click)=\"closeEditor()\"\n      [attr.data-test-id]=\"testIds.editorCancelButton\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"editorForm.invalid\"\n      (click)=\"onEditorSave()\"\n      [attr.data-test-id]=\"testIds.editorSaveButton\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<!-- After a successful save, offer to reload so the new menu takes effect immediately. -->\n<valtimo-confirmation-modal\n  cancelButtonTextTranslationKey=\"adminSettings.menuConfiguration.reloadModal.dismiss\"\n  confirmButtonTextTranslationKey=\"adminSettings.menuConfiguration.reloadModal.confirm\"\n  contentTranslationKey=\"adminSettings.menuConfiguration.reloadModal.content\"\n  titleTranslationKey=\"adminSettings.menuConfiguration.reloadModal.title\"\n  [showModalSubject$]=\"reloadModalOpen$\"\n  (cancelEvent)=\"onReloadDismiss()\"\n  (confirmEvent)=\"onReloadConfirm()\"\n></valtimo-confirmation-modal>\n", styles: [".menu-configuration{display:flex;flex-direction:column;gap:var(--cds-spacing-05)}.menu-configuration__status{display:flex;justify-content:center;padding:var(--cds-spacing-07)}.menu-configuration__panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--cds-spacing-06);align-items:stretch;min-height:0}.menu-configuration__panels--dragging ::ng-deep .valtimo-drag-drop-list:not(.cdk-drop-list-receiving):not(.cdk-drop-list-dragging)>.valtimo-drag-drop-list__item>.valtimo-drag-drop-list__row,.menu-configuration__panels--dragging ::ng-deep .valtimo-drag-drop-list:not(.cdk-drop-list-receiving):not(.cdk-drop-list-dragging)>.valtimo-drag-drop-list__item>.valtimo-drag-drop-list__expansion>.menu-configuration__children--runtime{opacity:.4;transition:opacity .15s ease}.menu-configuration__panel{display:flex;flex-direction:column;gap:var(--cds-spacing-04);padding:0 var(--cds-spacing-05) var(--cds-spacing-05);border:1px solid var(--cds-border-subtle);height:100%;min-height:0;overflow-y:auto;background-color:var(--cds-layer-01)}.menu-configuration__panel-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--cds-spacing-05);min-height:var(--cds-spacing-09);padding:var(--cds-spacing-05) 0 var(--cds-spacing-05);background-color:var(--cds-layer)}.menu-configuration__panel-title{color:var(--cds-text-primary);font-weight:600}.menu-configuration__panel-actions{display:flex;gap:var(--cds-spacing-03);flex-shrink:0}.menu-configuration__row{display:flex;align-items:center;justify-content:space-between;gap:var(--cds-spacing-03);width:100%;min-width:0}.menu-configuration__row-main{display:flex;align-items:center;gap:var(--cds-spacing-03);min-width:0}.menu-configuration__row-icon{color:var(--cds-icon-primary);flex-shrink:0}.menu-configuration__row-title{color:var(--cds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.menu-configuration__row-title--group{font-weight:600}.menu-configuration__row-subtitle{color:var(--cds-text-secondary);font-size:var(--cds-label-01-font-size);letter-spacing:var(--cds-label-01-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.menu-configuration__row-actions{display:flex;flex-shrink:0}.menu-configuration__children{margin-top:var(--cds-spacing-03);margin-left:var(--cds-spacing-06);padding-left:var(--cds-spacing-04);border-left:var(--cds-spacing-01) solid var(--cds-border-subtle)}.menu-configuration__children--runtime cds-inline-notification,.menu-configuration__children--runtime .cds--inline-notification{min-width:0;margin-block:0}.menu-configuration__structure-empty,.menu-configuration__palette-empty{color:var(--cds-text-helper);padding:var(--cds-spacing-04);text-align:center}.menu-configuration__palette-group{display:flex;flex-direction:column;gap:var(--cds-spacing-03)}.menu-configuration__palette-group-title{color:var(--cds-text-secondary);text-transform:uppercase;font-size:var(--cds-label-01-font-size);letter-spacing:var(--cds-label-01-letter-spacing);margin-top:var(--cds-spacing-03)}.menu-configuration__palette-item{display:flex;align-items:center;gap:var(--cds-spacing-03);width:100%;min-width:0}.menu-configuration__palette-text{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.menu-configuration__palette-label{color:var(--cds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.menu-configuration__palette-sublabel{color:var(--cds-text-secondary);font-size:var(--cds-label-01-font-size);letter-spacing:var(--cds-label-01-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.menu-configuration__editor{display:flex;flex-direction:column;gap:var(--cds-spacing-05)}.menu-configuration__editor-note{color:var(--cds-text-helper);font-style:italic}:host ::ng-deep cds-inline-notification{max-inline-size:unset;width:100%}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: i2$1.AdminSettingsService }, { type: i3.ExternalPluginPageService }, { type: i2.ConfigService }, { type: i5.TranslateService }, { type: i4.IconService }] });
+
 /*
  * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
@@ -567,8 +1293,8 @@ class AdminSettingsComponent {
     switchTab(tabKey) {
         this._router.navigate(['..', tabKey], { relativeTo: this._route });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: AdminSettingsComponent, isStandalone: true, selector: "valtimo-admin-settings", ngImport: i0, template: "<!--\n  ~ /*\n  ~  * Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~  *\n  ~  * Licensed under EUPL, Version 1.2 (the \"License\");\n  ~  * you may not use this file except in compliance with the License.\n  ~  * You may obtain a copy of the License at\n  ~  *\n  ~  * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~  *\n  ~  * Unless required by applicable law or agreed to in writing, software\n  ~  * distributed under the License is distributed on an \"AS IS\" basis,\n  ~  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~  * See the License for the specific language governing permissions and\n  ~  * limitations under the License.\n  ~  */\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs type=\"line\">\n    @if ({active: activeTabKey === ADMIN_SETTINGS_TABS.APPEARANCE}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'adminSettings.tabs.appearance' | translate\"\n        (selected)=\"switchTab(ADMIN_SETTINGS_TABS.APPEARANCE)\"\n      >\n        @if (obs.active) {\n          <valtimo-admin-settings-appearance></valtimo-admin-settings-appearance>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === ADMIN_SETTINGS_TABS.FEATURE_TOGGLES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'adminSettings.tabs.featureToggles' | translate\"\n        (selected)=\"switchTab(ADMIN_SETTINGS_TABS.FEATURE_TOGGLES)\"\n      >\n        @if (obs.active) {\n          <valtimo-admin-settings-feature-toggles></valtimo-admin-settings-feature-toggles>\n        }\n      </cds-tab>\n    }\n\n  </cds-tabs>\n}\n", styles: [":host ::ng-deep .cds--tab-content{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;outline:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: AdminSettingsAppearanceComponent, selector: "valtimo-admin-settings-appearance" }, { kind: "component", type: AdminSettingsFeatureTogglesComponent, selector: "valtimo-admin-settings-feature-toggles" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: AdminSettingsComponent, isStandalone: true, selector: "valtimo-admin-settings", ngImport: i0, template: "<!--\n  ~ /*\n  ~  * Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~  *\n  ~  * Licensed under EUPL, Version 1.2 (the \"License\");\n  ~  * you may not use this file except in compliance with the License.\n  ~  * You may obtain a copy of the License at\n  ~  *\n  ~  * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~  *\n  ~  * Unless required by applicable law or agreed to in writing, software\n  ~  * distributed under the License is distributed on an \"AS IS\" basis,\n  ~  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~  * See the License for the specific language governing permissions and\n  ~  * limitations under the License.\n  ~  */\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs type=\"line\">\n    @if ({active: activeTabKey === ADMIN_SETTINGS_TABS.APPEARANCE}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'adminSettings.tabs.appearance' | translate\"\n        (selected)=\"switchTab(ADMIN_SETTINGS_TABS.APPEARANCE)\"\n      >\n        @if (obs.active) {\n          <valtimo-admin-settings-appearance></valtimo-admin-settings-appearance>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === ADMIN_SETTINGS_TABS.MENU_CONFIGURATION}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'adminSettings.tabs.menuConfiguration' | translate\"\n        (selected)=\"switchTab(ADMIN_SETTINGS_TABS.MENU_CONFIGURATION)\"\n      >\n        @if (obs.active) {\n          <valtimo-admin-settings-menu-configuration></valtimo-admin-settings-menu-configuration>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === ADMIN_SETTINGS_TABS.FEATURE_TOGGLES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'adminSettings.tabs.featureToggles' | translate\"\n        (selected)=\"switchTab(ADMIN_SETTINGS_TABS.FEATURE_TOGGLES)\"\n      >\n        @if (obs.active) {\n          <valtimo-admin-settings-feature-toggles></valtimo-admin-settings-feature-toggles>\n        }\n      </cds-tab>\n    }\n\n  </cds-tabs>\n}\n", styles: [":host ::ng-deep .cds--tab-content{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;outline:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: AdminSettingsAppearanceComponent, selector: "valtimo-admin-settings-appearance" }, { kind: "component", type: AdminSettingsFeatureTogglesComponent, selector: "valtimo-admin-settings-feature-toggles" }, { kind: "component", type: AdminSettingsMenuConfigurationComponent, selector: "valtimo-admin-settings-menu-configuration" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsComponent, decorators: [{
             type: Component,
@@ -578,8 +1304,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         TabsModule,
                         AdminSettingsAppearanceComponent,
                         AdminSettingsFeatureTogglesComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ /*\n  ~  * Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~  *\n  ~  * Licensed under EUPL, Version 1.2 (the \"License\");\n  ~  * you may not use this file except in compliance with the License.\n  ~  * You may obtain a copy of the License at\n  ~  *\n  ~  * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~  *\n  ~  * Unless required by applicable law or agreed to in writing, software\n  ~  * distributed under the License is distributed on an \"AS IS\" basis,\n  ~  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~  * See the License for the specific language governing permissions and\n  ~  * limitations under the License.\n  ~  */\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs type=\"line\">\n    @if ({active: activeTabKey === ADMIN_SETTINGS_TABS.APPEARANCE}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'adminSettings.tabs.appearance' | translate\"\n        (selected)=\"switchTab(ADMIN_SETTINGS_TABS.APPEARANCE)\"\n      >\n        @if (obs.active) {\n          <valtimo-admin-settings-appearance></valtimo-admin-settings-appearance>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === ADMIN_SETTINGS_TABS.FEATURE_TOGGLES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'adminSettings.tabs.featureToggles' | translate\"\n        (selected)=\"switchTab(ADMIN_SETTINGS_TABS.FEATURE_TOGGLES)\"\n      >\n        @if (obs.active) {\n          <valtimo-admin-settings-feature-toggles></valtimo-admin-settings-feature-toggles>\n        }\n      </cds-tab>\n    }\n\n  </cds-tabs>\n}\n", styles: [":host ::ng-deep .cds--tab-content{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;outline:none!important}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }] });
+                        AdminSettingsMenuConfigurationComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ /*\n  ~  * Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~  *\n  ~  * Licensed under EUPL, Version 1.2 (the \"License\");\n  ~  * you may not use this file except in compliance with the License.\n  ~  * You may obtain a copy of the License at\n  ~  *\n  ~  * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~  *\n  ~  * Unless required by applicable law or agreed to in writing, software\n  ~  * distributed under the License is distributed on an \"AS IS\" basis,\n  ~  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~  * See the License for the specific language governing permissions and\n  ~  * limitations under the License.\n  ~  */\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs type=\"line\">\n    @if ({active: activeTabKey === ADMIN_SETTINGS_TABS.APPEARANCE}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'adminSettings.tabs.appearance' | translate\"\n        (selected)=\"switchTab(ADMIN_SETTINGS_TABS.APPEARANCE)\"\n      >\n        @if (obs.active) {\n          <valtimo-admin-settings-appearance></valtimo-admin-settings-appearance>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === ADMIN_SETTINGS_TABS.MENU_CONFIGURATION}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'adminSettings.tabs.menuConfiguration' | translate\"\n        (selected)=\"switchTab(ADMIN_SETTINGS_TABS.MENU_CONFIGURATION)\"\n      >\n        @if (obs.active) {\n          <valtimo-admin-settings-menu-configuration></valtimo-admin-settings-menu-configuration>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === ADMIN_SETTINGS_TABS.FEATURE_TOGGLES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'adminSettings.tabs.featureToggles' | translate\"\n        (selected)=\"switchTab(ADMIN_SETTINGS_TABS.FEATURE_TOGGLES)\"\n      >\n        @if (obs.active) {\n          <valtimo-admin-settings-feature-toggles></valtimo-admin-settings-feature-toggles>\n        }\n      </cds-tab>\n    }\n\n  </cds-tabs>\n}\n", styles: [":host ::ng-deep .cds--tab-content{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;outline:none!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }] });
 
 /*
  * Copyright 2015-2026 Ritense BV, the Netherlands.
@@ -656,8 +1383,8 @@ class StartReindexModalComponent {
             modifiedAfter: null,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: StartReindexModalComponent, deps: [{ token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: StartReindexModalComponent, isStandalone: true, selector: "valtimo-start-reindex-modal", inputs: { open: "open", documentDefinitions: "documentDefinitions" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal *ngIf=\"open\" [open]=\"open\" size=\"sm\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>{{ 'adminSettings.opensearch.reindex.startModalTitle' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"formGroup\" class=\"start-reindex-form\">\n    <cds-checkbox formControlName=\"pruneOrphans\">\n      <span class=\"label-with-tooltip\">\n        {{ 'adminSettings.opensearch.reindex.pruneOrphans' | translate }}\n        <v-tooltip-icon [tooltip]=\"'adminSettings.opensearch.reindex.tooltips.pruneOrphans' | translate\"></v-tooltip-icon>\n      </span>\n    </cds-checkbox>\n\n    <cds-dropdown\n      [label]=\"'adminSettings.opensearch.reindex.documentDefinitionName' | translate\"\n      [placeholder]=\"'adminSettings.opensearch.reindex.documentDefinitionPlaceholder' | translate\"\n      formControlName=\"documentDefinitionName\"\n    >\n      <cds-dropdown-list [items]=\"documentDefinitions\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-date-picker\n      [label]=\"'adminSettings.opensearch.reindex.modifiedAfter' | translate\"\n      placeholder=\"DD-MM-YYYY\"\n      [dateFormat]=\"'d-m-Y'\"\n      (valueChange)=\"onDateSelected($event)\"\n    ></cds-date-picker>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" (click)=\"onSubmit()\">\n      {{ 'adminSettings.opensearch.reindex.startButton' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".start-reindex-form{display:flex;flex-direction:column;gap:1rem}.start-reindex-form .label-with-tooltip{display:inline-flex;align-items:center;gap:4px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "ngmodule", type: DatePickerInputModule }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i4.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "readonly", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i4.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i2$1.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: StartReindexModalComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: StartReindexModalComponent, isStandalone: true, selector: "valtimo-start-reindex-modal", inputs: { open: "open", documentDefinitions: "documentDefinitions" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal *ngIf=\"open\" [open]=\"open\" size=\"sm\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>{{ 'adminSettings.opensearch.reindex.startModalTitle' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"formGroup\" class=\"start-reindex-form\">\n    <cds-checkbox formControlName=\"pruneOrphans\">\n      <span class=\"label-with-tooltip\">\n        {{ 'adminSettings.opensearch.reindex.pruneOrphans' | translate }}\n        <v-tooltip-icon [tooltip]=\"'adminSettings.opensearch.reindex.tooltips.pruneOrphans' | translate\"></v-tooltip-icon>\n      </span>\n    </cds-checkbox>\n\n    <cds-dropdown\n      [label]=\"'adminSettings.opensearch.reindex.documentDefinitionName' | translate\"\n      [placeholder]=\"'adminSettings.opensearch.reindex.documentDefinitionPlaceholder' | translate\"\n      formControlName=\"documentDefinitionName\"\n    >\n      <cds-dropdown-list [items]=\"documentDefinitions\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-date-picker\n      [label]=\"'adminSettings.opensearch.reindex.modifiedAfter' | translate\"\n      placeholder=\"DD-MM-YYYY\"\n      [dateFormat]=\"'d-m-Y'\"\n      (valueChange)=\"onDateSelected($event)\"\n    ></cds-date-picker>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" (click)=\"onSubmit()\">\n      {{ 'adminSettings.opensearch.reindex.startButton' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".start-reindex-form{display:flex;flex-direction:column;gap:1rem}.start-reindex-form .label-with-tooltip{display:inline-flex;align-items:center;gap:4px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "ngmodule", type: DatePickerInputModule }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i4.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "readonly", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i4.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i4.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i2$1.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: StartReindexModalComponent, decorators: [{
             type: Component,
@@ -675,7 +1402,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         LayerModule,
                         TooltipIconModule,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal *ngIf=\"open\" [open]=\"open\" size=\"sm\" (close)=\"onCancel()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>{{ 'adminSettings.opensearch.reindex.startModalTitle' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"formGroup\" class=\"start-reindex-form\">\n    <cds-checkbox formControlName=\"pruneOrphans\">\n      <span class=\"label-with-tooltip\">\n        {{ 'adminSettings.opensearch.reindex.pruneOrphans' | translate }}\n        <v-tooltip-icon [tooltip]=\"'adminSettings.opensearch.reindex.tooltips.pruneOrphans' | translate\"></v-tooltip-icon>\n      </span>\n    </cds-checkbox>\n\n    <cds-dropdown\n      [label]=\"'adminSettings.opensearch.reindex.documentDefinitionName' | translate\"\n      [placeholder]=\"'adminSettings.opensearch.reindex.documentDefinitionPlaceholder' | translate\"\n      formControlName=\"documentDefinitionName\"\n    >\n      <cds-dropdown-list [items]=\"documentDefinitions\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-date-picker\n      [label]=\"'adminSettings.opensearch.reindex.modifiedAfter' | translate\"\n      placeholder=\"DD-MM-YYYY\"\n      [dateFormat]=\"'d-m-Y'\"\n      (valueChange)=\"onDateSelected($event)\"\n    ></cds-date-picker>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" (click)=\"onSubmit()\">\n      {{ 'adminSettings.opensearch.reindex.startButton' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".start-reindex-form{display:flex;flex-direction:column;gap:1rem}.start-reindex-form .label-with-tooltip{display:inline-flex;align-items:center;gap:4px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i3.FormBuilder }], propDecorators: { open: [{
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }], propDecorators: { open: [{
                 type: Input
             }], documentDefinitions: [{
                 type: Input
@@ -820,8 +1547,8 @@ class AdminSettingsOpensearchComponent {
         this._destroy$.next();
         this._destroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsOpensearchComponent, deps: [{ token: AdminSettingsManagementApiService }, { token: i2$2.DocumentService }, { token: i3$1.TranslateService }, { token: i1$1.Router }, { token: i4.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: AdminSettingsOpensearchComponent, isStandalone: true, selector: "valtimo-admin-settings-opensearch", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"opensearch-reindex\"\n  *ngIf=\"{\n    items: tableItems$ | async,\n    loading: loading$ | async,\n    starting: startingReindex$ | async,\n    documentDefinitions: documentDefinitions$ | async,\n    showModal: showModal$ | async,\n    hasRunning: hasRunningRun$ | async\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [header]=\"false\"\n    [items]=\"obs.items || []\"\n    [fields]=\"fields\"\n    [loading]=\"obs.loading\"\n    [pagination]=\"pagination\"\n    [expandedRowTemplate]=\"expandedRowTemplate\"\n    [expandedRowKey]=\"'runId'\"\n    (paginationClicked)=\"onPageChange($event)\"\n    (paginationSet)=\"onPageSizeChange($event)\"\n  >\n    <ng-container header>\n      {{ 'adminSettings.opensearch.reindex.title' | translate }}\n    </ng-container>\n\n    <div carbonToolbarContent>\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"obs.hasRunning || obs.starting\"\n        (click)=\"openModal()\"\n      >\n        @if (obs.starting) {\n          <cds-loading size=\"sm\"></cds-loading>\n        }\n        {{ 'adminSettings.opensearch.reindex.startButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </div>\n\n    <valtimo-no-results\n      title=\"{{ 'adminSettings.opensearch.reindex.noResults.title' | translate }}\"\n      description=\"{{ 'adminSettings.opensearch.reindex.noResults.description' | translate }}\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-start-reindex-modal\n    [open]=\"obs.showModal\"\n    [documentDefinitions]=\"obs.documentDefinitions\"\n    (closeEvent)=\"onModalClose($event)\"\n  ></valtimo-start-reindex-modal>\n</div>\n\n<ng-template #expandedRowTemplate let-data=\"data\">\n  <div class=\"opensearch-reindex__expanded\">\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.started' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.startedOn | date:'medium' }}</span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.finished' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.finishedOn ? (data.finishedOn | date:'medium') : '-' }}</span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.documentDefinitionName' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.scope?.documentDefinitionName || '-' }}</span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.pruneOrphans' | translate }}</span>\n    <span class=\"opensearch-reindex__value opensearch-reindex__value-with-tooltip\">\n      {{ data.scope?.pruneOrphans ? ('interface.yes' | translate) : ('interface.no' | translate) }}\n      <v-tooltip-icon [tooltip]=\"'adminSettings.opensearch.reindex.tooltips.pruneOrphans' | translate\"></v-tooltip-icon>\n    </span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.modifiedAfter' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.scope?.modifiedAfter ? (data.scope.modifiedAfter | date:'medium') : '-' }}</span>\n\n    <div class=\"opensearch-reindex__results-column\">\n      <div class=\"opensearch-reindex__progress\">\n        <span class=\"opensearch-reindex__progress-label\">\n          {{ 'adminSettings.opensearch.reindex.reindexing' | translate }}\n        </span>\n        <cds-progress-bar\n          [value]=\"data.totalCount > 0 ? (data.processedCount / data.totalCount) * 100 : 0\"\n          [status]=\"data.status === 'RUNNING' && !data.pruningPhase ? 'active' : (data.status === 'COMPLETED' ? 'finished' : (data.status === 'RUNNING' ? 'finished' : 'error'))\"\n        ></cds-progress-bar>\n        <div class=\"opensearch-reindex__progress-footer\">\n          <span>{{ 'adminSettings.opensearch.reindex.processed' | translate:{current: data.processedCount, total: data.totalCount} }}</span>\n          <span>{{ 'adminSettings.opensearch.reindex.skipped' | translate }}: {{ data.skippedCount || 0 }}</span>\n        </div>\n      </div>\n\n      @if (data.pruningPhase || data.pruneTotalCount) {\n        <div class=\"opensearch-reindex__progress\">\n          <span class=\"opensearch-reindex__progress-label\">\n            {{ 'adminSettings.opensearch.reindex.pruning' | translate }}\n            <v-tooltip-icon [tooltip]=\"'adminSettings.opensearch.reindex.tooltips.pruned' | translate\"></v-tooltip-icon>\n          </span>\n          <cds-progress-bar\n            [value]=\"data.pruneTotalCount > 0 ? (data.pruneCheckedCount / data.pruneTotalCount) * 100 : 0\"\n            [status]=\"data.pruningPhase ? 'active' : (data.status === 'COMPLETED' ? 'finished' : 'error')\"\n          ></cds-progress-bar>\n          <div class=\"opensearch-reindex__progress-footer\">\n            <span>{{ 'adminSettings.opensearch.reindex.processed' | translate:{current: data.pruneCheckedCount, total: data.pruneTotalCount || 0} }}</span>\n            <span>{{ 'adminSettings.opensearch.reindex.pruningProgress' | translate:{removed: data.prunedCount || 0} }}</span>\n          </div>\n        </div>\n      }\n\n      @if (data.status === 'FAILED') {\n        <a class=\"opensearch-reindex__error-link\" (click)=\"navigateToLogs(data)\">\n          {{ 'adminSettings.opensearch.reindex.viewErrorLogs' | translate }}\n          <svg cdsIcon=\"launch\" size=\"16\"></svg>\n        </a>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".opensearch-reindex{width:100%;display:flex;flex-direction:column;gap:24px}.opensearch-reindex ::ng-deep .cds--data-table{table-layout:fixed}.opensearch-reindex ::ng-deep .cds--data-table th.cds--table-expand{width:3.5rem}.opensearch-reindex ::ng-deep .cds--data-table thead th:not(.cds--table-expand){width:25%}.opensearch-reindex ::ng-deep tr[data-child-row]>td{padding-inline:3.5rem 0}.opensearch-reindex__expanded{padding:8px 0 16px;display:grid;grid-template-columns:repeat(4,1fr);column-gap:0;row-gap:8px;align-items:start}.opensearch-reindex__label{grid-column:1;padding-inline:1rem;font-size:14px;font-weight:600;color:var(--cds-text-primary)}.opensearch-reindex__value{grid-column:2;padding-inline:1rem;font-size:14px;color:var(--cds-text-primary)}.opensearch-reindex__results-column{grid-column:3/span 2;grid-row:1/6;padding-inline:1rem;display:flex;flex-direction:column;gap:16px}.opensearch-reindex__value-with-tooltip{display:inline-flex;align-items:center;gap:4px}.opensearch-reindex__progress-label{display:inline-flex;align-items:center;gap:4px;margin-bottom:4px;font-size:14px;font-weight:600;color:var(--cds-text-secondary)}.opensearch-reindex__progress-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;color:var(--cds-text-secondary)}.opensearch-reindex__progress{padding:8px 0}.opensearch-reindex__progress ::ng-deep .cds--progress-bar__track{background-color:var(--cds-border-subtle)}.opensearch-reindex__error-link{display:inline-flex;align-items:center;gap:4px;color:var(--cds-link-primary);font-size:14px;cursor:pointer;text-decoration:none}.opensearch-reindex__error-link:hover{text-decoration:underline}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i4.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: StartReindexModalComponent, selector: "valtimo-start-reindex-modal", inputs: ["open", "documentDefinitions"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i2$1.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsOpensearchComponent, deps: [{ token: AdminSettingsManagementApiService }, { token: i2$2.DocumentService }, { token: i5.TranslateService }, { token: i1$2.Router }, { token: i4.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: AdminSettingsOpensearchComponent, isStandalone: true, selector: "valtimo-admin-settings-opensearch", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"opensearch-reindex\"\n  *ngIf=\"{\n    items: tableItems$ | async,\n    loading: loading$ | async,\n    starting: startingReindex$ | async,\n    documentDefinitions: documentDefinitions$ | async,\n    showModal: showModal$ | async,\n    hasRunning: hasRunningRun$ | async\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [header]=\"false\"\n    [items]=\"obs.items || []\"\n    [fields]=\"fields\"\n    [loading]=\"obs.loading\"\n    [pagination]=\"pagination\"\n    [expandedRowTemplate]=\"expandedRowTemplate\"\n    [expandedRowKey]=\"'runId'\"\n    (paginationClicked)=\"onPageChange($event)\"\n    (paginationSet)=\"onPageSizeChange($event)\"\n  >\n    <ng-container header>\n      {{ 'adminSettings.opensearch.reindex.title' | translate }}\n    </ng-container>\n\n    <div carbonToolbarContent>\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"obs.hasRunning || obs.starting\"\n        (click)=\"openModal()\"\n      >\n        @if (obs.starting) {\n          <cds-loading size=\"sm\"></cds-loading>\n        }\n        {{ 'adminSettings.opensearch.reindex.startButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </div>\n\n    <valtimo-no-results\n      title=\"{{ 'adminSettings.opensearch.reindex.noResults.title' | translate }}\"\n      description=\"{{ 'adminSettings.opensearch.reindex.noResults.description' | translate }}\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-start-reindex-modal\n    [open]=\"obs.showModal\"\n    [documentDefinitions]=\"obs.documentDefinitions\"\n    (closeEvent)=\"onModalClose($event)\"\n  ></valtimo-start-reindex-modal>\n</div>\n\n<ng-template #expandedRowTemplate let-data=\"data\">\n  <div class=\"opensearch-reindex__expanded\">\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.started' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.startedOn | date:'medium' }}</span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.finished' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.finishedOn ? (data.finishedOn | date:'medium') : '-' }}</span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.documentDefinitionName' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.scope?.documentDefinitionName || '-' }}</span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.pruneOrphans' | translate }}</span>\n    <span class=\"opensearch-reindex__value opensearch-reindex__value-with-tooltip\">\n      {{ data.scope?.pruneOrphans ? ('interface.yes' | translate) : ('interface.no' | translate) }}\n      <v-tooltip-icon [tooltip]=\"'adminSettings.opensearch.reindex.tooltips.pruneOrphans' | translate\"></v-tooltip-icon>\n    </span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.modifiedAfter' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.scope?.modifiedAfter ? (data.scope.modifiedAfter | date:'medium') : '-' }}</span>\n\n    <div class=\"opensearch-reindex__results-column\">\n      <div class=\"opensearch-reindex__progress\">\n        <span class=\"opensearch-reindex__progress-label\">\n          {{ 'adminSettings.opensearch.reindex.reindexing' | translate }}\n        </span>\n        <cds-progress-bar\n          [value]=\"data.totalCount > 0 ? (data.processedCount / data.totalCount) * 100 : 0\"\n          [status]=\"data.status === 'RUNNING' && !data.pruningPhase ? 'active' : (data.status === 'COMPLETED' ? 'finished' : (data.status === 'RUNNING' ? 'finished' : 'error'))\"\n        ></cds-progress-bar>\n        <div class=\"opensearch-reindex__progress-footer\">\n          <span>{{ 'adminSettings.opensearch.reindex.processed' | translate:{current: data.processedCount, total: data.totalCount} }}</span>\n          <span>{{ 'adminSettings.opensearch.reindex.skipped' | translate }}: {{ data.skippedCount || 0 }}</span>\n        </div>\n      </div>\n\n      @if (data.pruningPhase || data.pruneTotalCount) {\n        <div class=\"opensearch-reindex__progress\">\n          <span class=\"opensearch-reindex__progress-label\">\n            {{ 'adminSettings.opensearch.reindex.pruning' | translate }}\n            <v-tooltip-icon [tooltip]=\"'adminSettings.opensearch.reindex.tooltips.pruned' | translate\"></v-tooltip-icon>\n          </span>\n          <cds-progress-bar\n            [value]=\"data.pruneTotalCount > 0 ? (data.pruneCheckedCount / data.pruneTotalCount) * 100 : 0\"\n            [status]=\"data.pruningPhase ? 'active' : (data.status === 'COMPLETED' ? 'finished' : 'error')\"\n          ></cds-progress-bar>\n          <div class=\"opensearch-reindex__progress-footer\">\n            <span>{{ 'adminSettings.opensearch.reindex.processed' | translate:{current: data.pruneCheckedCount, total: data.pruneTotalCount || 0} }}</span>\n            <span>{{ 'adminSettings.opensearch.reindex.pruningProgress' | translate:{removed: data.prunedCount || 0} }}</span>\n          </div>\n        </div>\n      }\n\n      @if (data.status === 'FAILED') {\n        <a class=\"opensearch-reindex__error-link\" (click)=\"navigateToLogs(data)\">\n          {{ 'adminSettings.opensearch.reindex.viewErrorLogs' | translate }}\n          <svg cdsIcon=\"launch\" size=\"16\"></svg>\n        </a>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".opensearch-reindex{width:100%;display:flex;flex-direction:column;gap:24px}.opensearch-reindex ::ng-deep .cds--data-table{table-layout:fixed}.opensearch-reindex ::ng-deep .cds--data-table th.cds--table-expand{width:3.5rem}.opensearch-reindex ::ng-deep .cds--data-table thead th:not(.cds--table-expand){width:25%}.opensearch-reindex ::ng-deep tr[data-child-row]>td{padding-inline:3.5rem 0}.opensearch-reindex__expanded{padding:8px 0 16px;display:grid;grid-template-columns:repeat(4,1fr);column-gap:0;row-gap:8px;align-items:start}.opensearch-reindex__label{grid-column:1;padding-inline:1rem;font-size:14px;font-weight:600;color:var(--cds-text-primary)}.opensearch-reindex__value{grid-column:2;padding-inline:1rem;font-size:14px;color:var(--cds-text-primary)}.opensearch-reindex__results-column{grid-column:3/span 2;grid-row:1/6;padding-inline:1rem;display:flex;flex-direction:column;gap:16px}.opensearch-reindex__value-with-tooltip{display:inline-flex;align-items:center;gap:4px}.opensearch-reindex__progress-label{display:inline-flex;align-items:center;gap:4px;margin-bottom:4px;font-size:14px;font-weight:600;color:var(--cds-text-secondary)}.opensearch-reindex__progress-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;color:var(--cds-text-secondary)}.opensearch-reindex__progress{padding:8px 0}.opensearch-reindex__progress ::ng-deep .cds--progress-bar__track{background-color:var(--cds-border-subtle)}.opensearch-reindex__error-link{display:inline-flex;align-items:center;gap:4px;color:var(--cds-link-primary);font-size:14px;cursor:pointer;text-decoration:none}.opensearch-reindex__error-link:hover{text-decoration:underline}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i4.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i2$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: StartReindexModalComponent, selector: "valtimo-start-reindex-modal", inputs: ["open", "documentDefinitions"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i2$1.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsOpensearchComponent, decorators: [{
             type: Component,
@@ -838,7 +1565,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         StartReindexModalComponent,
                         TooltipIconModule,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"opensearch-reindex\"\n  *ngIf=\"{\n    items: tableItems$ | async,\n    loading: loading$ | async,\n    starting: startingReindex$ | async,\n    documentDefinitions: documentDefinitions$ | async,\n    showModal: showModal$ | async,\n    hasRunning: hasRunningRun$ | async\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [header]=\"false\"\n    [items]=\"obs.items || []\"\n    [fields]=\"fields\"\n    [loading]=\"obs.loading\"\n    [pagination]=\"pagination\"\n    [expandedRowTemplate]=\"expandedRowTemplate\"\n    [expandedRowKey]=\"'runId'\"\n    (paginationClicked)=\"onPageChange($event)\"\n    (paginationSet)=\"onPageSizeChange($event)\"\n  >\n    <ng-container header>\n      {{ 'adminSettings.opensearch.reindex.title' | translate }}\n    </ng-container>\n\n    <div carbonToolbarContent>\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"obs.hasRunning || obs.starting\"\n        (click)=\"openModal()\"\n      >\n        @if (obs.starting) {\n          <cds-loading size=\"sm\"></cds-loading>\n        }\n        {{ 'adminSettings.opensearch.reindex.startButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </div>\n\n    <valtimo-no-results\n      title=\"{{ 'adminSettings.opensearch.reindex.noResults.title' | translate }}\"\n      description=\"{{ 'adminSettings.opensearch.reindex.noResults.description' | translate }}\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-start-reindex-modal\n    [open]=\"obs.showModal\"\n    [documentDefinitions]=\"obs.documentDefinitions\"\n    (closeEvent)=\"onModalClose($event)\"\n  ></valtimo-start-reindex-modal>\n</div>\n\n<ng-template #expandedRowTemplate let-data=\"data\">\n  <div class=\"opensearch-reindex__expanded\">\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.started' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.startedOn | date:'medium' }}</span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.finished' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.finishedOn ? (data.finishedOn | date:'medium') : '-' }}</span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.documentDefinitionName' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.scope?.documentDefinitionName || '-' }}</span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.pruneOrphans' | translate }}</span>\n    <span class=\"opensearch-reindex__value opensearch-reindex__value-with-tooltip\">\n      {{ data.scope?.pruneOrphans ? ('interface.yes' | translate) : ('interface.no' | translate) }}\n      <v-tooltip-icon [tooltip]=\"'adminSettings.opensearch.reindex.tooltips.pruneOrphans' | translate\"></v-tooltip-icon>\n    </span>\n\n    <span class=\"opensearch-reindex__label\">{{ 'adminSettings.opensearch.reindex.modifiedAfter' | translate }}</span>\n    <span class=\"opensearch-reindex__value\">{{ data.scope?.modifiedAfter ? (data.scope.modifiedAfter | date:'medium') : '-' }}</span>\n\n    <div class=\"opensearch-reindex__results-column\">\n      <div class=\"opensearch-reindex__progress\">\n        <span class=\"opensearch-reindex__progress-label\">\n          {{ 'adminSettings.opensearch.reindex.reindexing' | translate }}\n        </span>\n        <cds-progress-bar\n          [value]=\"data.totalCount > 0 ? (data.processedCount / data.totalCount) * 100 : 0\"\n          [status]=\"data.status === 'RUNNING' && !data.pruningPhase ? 'active' : (data.status === 'COMPLETED' ? 'finished' : (data.status === 'RUNNING' ? 'finished' : 'error'))\"\n        ></cds-progress-bar>\n        <div class=\"opensearch-reindex__progress-footer\">\n          <span>{{ 'adminSettings.opensearch.reindex.processed' | translate:{current: data.processedCount, total: data.totalCount} }}</span>\n          <span>{{ 'adminSettings.opensearch.reindex.skipped' | translate }}: {{ data.skippedCount || 0 }}</span>\n        </div>\n      </div>\n\n      @if (data.pruningPhase || data.pruneTotalCount) {\n        <div class=\"opensearch-reindex__progress\">\n          <span class=\"opensearch-reindex__progress-label\">\n            {{ 'adminSettings.opensearch.reindex.pruning' | translate }}\n            <v-tooltip-icon [tooltip]=\"'adminSettings.opensearch.reindex.tooltips.pruned' | translate\"></v-tooltip-icon>\n          </span>\n          <cds-progress-bar\n            [value]=\"data.pruneTotalCount > 0 ? (data.pruneCheckedCount / data.pruneTotalCount) * 100 : 0\"\n            [status]=\"data.pruningPhase ? 'active' : (data.status === 'COMPLETED' ? 'finished' : 'error')\"\n          ></cds-progress-bar>\n          <div class=\"opensearch-reindex__progress-footer\">\n            <span>{{ 'adminSettings.opensearch.reindex.processed' | translate:{current: data.pruneCheckedCount, total: data.pruneTotalCount || 0} }}</span>\n            <span>{{ 'adminSettings.opensearch.reindex.pruningProgress' | translate:{removed: data.prunedCount || 0} }}</span>\n          </div>\n        </div>\n      }\n\n      @if (data.status === 'FAILED') {\n        <a class=\"opensearch-reindex__error-link\" (click)=\"navigateToLogs(data)\">\n          {{ 'adminSettings.opensearch.reindex.viewErrorLogs' | translate }}\n          <svg cdsIcon=\"launch\" size=\"16\"></svg>\n        </a>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".opensearch-reindex{width:100%;display:flex;flex-direction:column;gap:24px}.opensearch-reindex ::ng-deep .cds--data-table{table-layout:fixed}.opensearch-reindex ::ng-deep .cds--data-table th.cds--table-expand{width:3.5rem}.opensearch-reindex ::ng-deep .cds--data-table thead th:not(.cds--table-expand){width:25%}.opensearch-reindex ::ng-deep tr[data-child-row]>td{padding-inline:3.5rem 0}.opensearch-reindex__expanded{padding:8px 0 16px;display:grid;grid-template-columns:repeat(4,1fr);column-gap:0;row-gap:8px;align-items:start}.opensearch-reindex__label{grid-column:1;padding-inline:1rem;font-size:14px;font-weight:600;color:var(--cds-text-primary)}.opensearch-reindex__value{grid-column:2;padding-inline:1rem;font-size:14px;color:var(--cds-text-primary)}.opensearch-reindex__results-column{grid-column:3/span 2;grid-row:1/6;padding-inline:1rem;display:flex;flex-direction:column;gap:16px}.opensearch-reindex__value-with-tooltip{display:inline-flex;align-items:center;gap:4px}.opensearch-reindex__progress-label{display:inline-flex;align-items:center;gap:4px;margin-bottom:4px;font-size:14px;font-weight:600;color:var(--cds-text-secondary)}.opensearch-reindex__progress-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;color:var(--cds-text-secondary)}.opensearch-reindex__progress{padding:8px 0}.opensearch-reindex__progress ::ng-deep .cds--progress-bar__track{background-color:var(--cds-border-subtle)}.opensearch-reindex__error-link{display:inline-flex;align-items:center;gap:4px;color:var(--cds-link-primary);font-size:14px;cursor:pointer;text-decoration:none}.opensearch-reindex__error-link:hover{text-decoration:underline}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: AdminSettingsManagementApiService }, { type: i2$2.DocumentService }, { type: i3$1.TranslateService }, { type: i1$1.Router }, { type: i4.IconService }] });
+        }], ctorParameters: () => [{ type: AdminSettingsManagementApiService }, { type: i2$2.DocumentService }, { type: i5.TranslateService }, { type: i1$2.Router }, { type: i4.IconService }] });
 
 /*
  * Copyright 2015-2026 Ritense BV, the Netherlands.
@@ -876,7 +1603,7 @@ const routes = [
 ];
 class AdminSettingsRouting {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsRouting, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsRouting, imports: [CommonModule, i1$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsRouting, imports: [CommonModule, i1$2.RouterModule], exports: [RouterModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsRouting, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: AdminSettingsRouting, decorators: [{
@@ -1013,9 +1740,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * limitations under the License.
  */
 
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ACCENT_COLOR_DEFINITIONS, ADMIN_SETTINGS_TABS, AdminSettingsManagementApiService, AdminSettingsModule, FEATURE_TOGGLE_DEFINITIONS };
+export { ACCENT_COLOR_DEFINITIONS, ADMIN_SETTINGS_TABS, AdminSettingsManagementApiService, AdminSettingsModule, FEATURE_TOGGLE_DEFINITIONS, MENU_CONFIGURATION_TEST_IDS };
 //# sourceMappingURL=valtimo-admin-settings.mjs.map