@valtimo/dashboard-management 12.19.0 → 13.0.1-next-minor.81

package/fesm2022/valtimo-dashboard-management.mjs

@@ -1,20 +1,20 @@
 import * as i2$1 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, ViewContainerRef, Output, Input, ViewChild, Component, Inject, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, ViewContainerRef, Output, Input, ViewChild, Component, Inject, ViewEncapsulation, ChangeDetectionStrategy, signal, computed, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i6 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i4 from '@valtimo/components';
-import { CARBON_CONSTANTS, ViewType, ListModule, SpinnerModule, RenderInPageHeaderDirectiveModule, ConfirmationModalModule, CarbonListModule, ValtimoCdsModalDirectiveModule } from '@valtimo/components';
+import { CARBON_CONSTANTS, ViewType, SpinnerModule, RenderInPageHeaderDirective, ConfirmationModalModule, CarbonListModule, ValtimoCdsModalDirective, JsonEditorComponent } from '@valtimo/components';
 import * as i3 from 'carbon-components-angular';
-import { NotificationService, ButtonModule, DropdownModule, InputModule, ModalModule, NotificationModule, IconModule, LayerModule } from 'carbon-components-angular';
-import { ArrowDown16, ArrowUp16, Edit16 } from '@carbon/icons';
+import { ButtonModule, DropdownModule, InputModule, ModalModule, NotificationModule, IconModule, LayerModule } from 'carbon-components-angular';
+import { Code16, Edit16 } from '@carbon/icons';
 import { take, tap, BehaviorSubject, switchMap, catchError, of, Subscription, combineLatest, filter, map, finalize } from 'rxjs';
 import * as i1 from '@angular/common/http';
-import * as i2 from '@valtimo/config';
-import { ROLE_ADMIN } from '@valtimo/config';
+import * as i2 from '@valtimo/shared';
+import { ROLE_ADMIN } from '@valtimo/shared';
 import * as i5$1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i5 from '@valtimo/dashboard';
@@ -95,10 +95,10 @@ class DashboardManagementService {
     getDashboards() {
         return this.http.get(this.valtimoEndpointUri);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -106,7 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -216,12 +216,12 @@ class WidgetConfigurationContainerComponent {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetConfigurationContainerComponent, deps: [{ token: i5.WidgetService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WidgetConfigurationContainerComponent, selector: "valtimo-widget-configuration-container", inputs: { dataSourceKey: "dataSourceKey", displayTypeKey: "displayTypeKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, viewQueries: [{ propertyName: "_dynamicContainer", first: true, predicate: ["widgetConfigurationComponent"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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<ng-template #widgetConfigurationComponent></ng-template>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WidgetConfigurationContainerComponent, deps: [{ token: i5.WidgetService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: WidgetConfigurationContainerComponent, isStandalone: false, selector: "valtimo-widget-configuration-container", inputs: { dataSourceKey: "dataSourceKey", displayTypeKey: "displayTypeKey", disabled: "disabled", prefillConfiguration: "prefillConfiguration" }, outputs: { configurationEvent: "configurationEvent" }, viewQueries: [{ propertyName: "_dynamicContainer", first: true, predicate: ["widgetConfigurationComponent"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 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<ng-template #widgetConfigurationComponent></ng-template>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetConfigurationContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WidgetConfigurationContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-widget-configuration-container', template: "<!--\n  ~ Copyright 2015-2024 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<ng-template #widgetConfigurationComponent></ng-template>\n" }]
+            args: [{ standalone: false, selector: 'valtimo-widget-configuration-container', template: "<!--\n  ~ Copyright 2015-2025 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<ng-template #widgetConfigurationComponent></ng-template>\n" }]
         }], ctorParameters: () => [{ type: i5.WidgetService }], propDecorators: { _dynamicContainer: [{
                 type: ViewChild,
                 args: ['widgetConfigurationComponent', { static: true, read: ViewContainerRef }]
@@ -238,7 +238,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -460,16 +460,16 @@ class WidgetModalComponent {
     trimAndToUpperCase(text) {
         return `${text}`.trim().toUpperCase();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetModalComponent, deps: [{ token: DOCUMENT }, { token: i1$1.FormBuilder }, { token: i6.TranslateService }, { token: i3.NotificationService }, { token: DashboardManagementService }, { token: i5.WidgetService }, { token: i5.WidgetTranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WidgetModalComponent, selector: "valtimo-widget-modal", inputs: { showModal$: "showModal$", type: "type", dashboard: "dashboard", widgetKey: "widgetKey", editWidgetConfiguration: "editWidgetConfiguration" }, outputs: { saveEvent: "saveEvent" }, providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    isCreate: type === 'create',\n    isDelete: type === 'delete',\n    isEdit: type === 'edit',\n    open: open$ | async,\n  } as vars\"\n>\n  <ng-container\n    *ngIf=\"{\n      create: vars.isCreate && ('dashboardManagement.widgets.add' | translate),\n      delete: vars.isDelete && ('dashboardManagement.widgets.delete' | translate),\n      edit: vars.isEdit && ('dashboardManagement.widgets.edit' | translate),\n    } as titles\"\n  >\n    <cds-modal\n      *ngIf=\"{\n        title: titles.edit || titles.create || titles.delete,\n      } as translations\"\n      valtimoCdsModal\n      [open]=\"vars.open\"\n      showFooter=\"true\"\n      size=\"md\"\n      title=\"{{ translations.title }}\"\n      class=\"widget-modal\"\n    >\n      <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n        <h3 cdsModalHeaderHeading>\n          {{ translations.title }}\n        </h3>\n      </cds-modal-header>\n\n      <section cdsModalContent [cdsLayer]=\"1\">\n        <ng-container *ngIf=\"vars.isDelete\">\n          {{ 'dashboardManagement.widgets.deleteDescription' | translate }}</ng-container\n        >\n\n        <ng-container *ngIf=\"vars.isEdit || vars.isCreate\">\n          <ng-container *ngTemplateOutlet=\"widgetForm; context: {vars: vars}\"></ng-container>\n        </ng-container>\n      </section>\n\n      <cds-modal-footer>\n        <ng-container *ngIf=\"vars.isEdit || vars.isCreate\">\n          <ng-container *ngTemplateOutlet=\"editButtons; context: {vars: vars}\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"vars.isDelete\">\n          <ng-container *ngTemplateOutlet=\"deleteButtons; context: {vars: vars}\"></ng-container>\n        </ng-container>\n      </cds-modal-footer>\n    </cds-modal>\n  </ng-container>\n</ng-container>\n\n<ng-template #widgetForm let-vars=\"vars\">\n  <form\n    *ngIf=\"\n      form && {\n        dataSourceItems: dataSourceItems$ | async,\n        displayTypeDropdownDisabled: displayTypeDropdownDisabled$ | async,\n        displayTypeItems: displayTypeItems$ | async,\n        selectedDataSourceKey: selectedDataSourceKey$ | async,\n        selectedDisplayTypeKey: selectedDisplayTypeKey$ | async,\n      } as obs\n    \"\n    [formGroup]=\"form\"\n    class=\"dashboard-modal__form\"\n  >\n    <div class=\"form__element\">\n      <cds-label\n        [helperText]=\"'dashboardManagement.widgets.form.titleHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.titleHelperText' | translate\"\n        [invalid]=\"title.dirty && title.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.title' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"title\"\n          [invalid]=\"title.dirty && title.invalid\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"form__element\" *ngIf=\"obs.dataSourceItems\">\n      <cds-dropdown\n        [appendInline]=\"true\"\n        formControlName=\"dataSource\"\n        [helperText]=\"'dashboardManagement.widgets.form.dataSourceHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.dateSourceHelperText' | translate\"\n        [invalid]=\"dataSource.dirty && dataSource.invalid\"\n        [label]=\"'dashboardManagement.widgets.form.dataSource' | translate\"\n        (selected)=\"dataSourceSelected($event)\"\n      >\n        <cds-dropdown-list [items]=\"obs.dataSourceItems\" type=\"multi\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    <valtimo-widget-configuration-container\n      *ngIf=\"obs.selectedDataSourceKey\"\n      [dataSourceKey]=\"obs.selectedDataSourceKey\"\n      [disabled]=\"vars.disabled\"\n      [prefillConfiguration]=\"dataSourcePrefillConfig$ | async\"\n      (configurationEvent)=\"dataSourceConfiguration($event)\"\n    ></valtimo-widget-configuration-container>\n\n    <div class=\"form__element\" *ngIf=\"obs.displayTypeItems\">\n      <cds-dropdown\n        [appendInline]=\"true\"\n        formControlName=\"displayType\"\n        [helperText]=\"'dashboardManagement.widgets.form.displayTypeHelperText' | translate\"\n        [invalid]=\"displayType.dirty && displayType.invalid\"\n        [invalidText]=\"'dashboardManagement.widgets.form.displayTypeHelperText' | translate\"\n        [label]=\"'dashboardManagement.widgets.form.displayType' | translate\"\n        (selected)=\"displayTypeSelected($event)\"\n      >\n        <cds-dropdown-list [items]=\"obs.displayTypeItems\" type=\"multi\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    <valtimo-widget-configuration-container\n      *ngIf=\"obs.selectedDisplayTypeKey\"\n      [disabled]=\"vars.disabled\"\n      [displayTypeKey]=\"obs.selectedDisplayTypeKey\"\n      [prefillConfiguration]=\"displayTypePrefillConfig$ | async\"\n      (configurationEvent)=\"displayTypeConfiguration($event)\"\n    ></valtimo-widget-configuration-container>\n\n    <div class=\"form__element\">\n      <cds-label\n        [helperText]=\"'dashboardManagement.widgets.form.urlHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.urlHelperText' | translate\"\n        [invalid]=\"url.dirty && url.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.url' | translate }}\n\n        <input cdsText formControlName=\"url\" [invalid]=\"url.dirty && url.invalid\" />\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #editButtons let-vars=\"vars\">\n  <ng-container\n    *ngIf=\"{\n      dataSourceConfiguration: dataSourceConfiguration$ | async,\n      displayTypeConfiguration: displayTypeConfiguration$ | async,\n    } as obs\"\n  >\n    <button cdsButton=\"ghost\" [disabled]=\"vars.disabled\" (click)=\"closeModal()\">\n      {{ 'dashboardManagement.widgets.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"\n        form.invalid ||\n        !obs.dataSourceConfiguration.valid ||\n        !obs.displayTypeConfiguration.valid ||\n        vars.disabled\n      \"\n      (click)=\"save()\"\n    >\n      {{ 'dashboardManagement.widgets.save' | translate }}\n    </button>\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteButtons let-vars=\"vars\">\n  <button cdsButton=\"secondary\" [disabled]=\"vars.disabled\" (click)=\"closeModal()\">\n    {{ 'dashboardManagement.widgets.cancel' | translate }}\n  </button>\n\n  <button cdsButton=\"danger\" [disabled]=\"vars.disabled\" (click)=\"delete()\">\n    {{ 'dashboardManagement.widgets.delete' | translate }}\n  </button>\n</ng-template>\n", styles: [".widget-modal .cds--modal-container{inline-size:75%!important;max-width:1200px!important}.widget-modal .form__row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.widget-modal .form__spacer{width:32px}.widget-modal .form__element{width:100%;margin-bottom:32px}.widget-modal .form__element.--with-button{display:flex;align-items:flex-end;flex-direction:row}.widget-modal .form__element.--with-button button{margin-left:16px}.widget-modal .form__element.--readonly input{background-color:transparent}\n/*!\n * Copyright 2015-2024 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: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i3.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i3.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "component", type: i3.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "directive", type: i3.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i4.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["enableOverflow"] }, { kind: "component", type: WidgetConfigurationContainerComponent, selector: "valtimo-widget-configuration-container", inputs: ["dataSourceKey", "displayTypeKey", "disabled", "prefillConfiguration"], outputs: ["configurationEvent"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WidgetModalComponent, deps: [{ token: DOCUMENT }, { token: i1$1.FormBuilder }, { token: i6.TranslateService }, { token: i2.GlobalNotificationService }, { token: DashboardManagementService }, { token: i5.WidgetService }, { token: i5.WidgetTranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: WidgetModalComponent, isStandalone: false, selector: "valtimo-widget-modal", inputs: { showModal$: "showModal$", type: "type", dashboard: "dashboard", widgetKey: "widgetKey", editWidgetConfiguration: "editWidgetConfiguration" }, outputs: { saveEvent: "saveEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 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<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    isCreate: type === 'create',\n    isDelete: type === 'delete',\n    isEdit: type === 'edit',\n    open: open$ | async,\n  } as vars\"\n>\n  <ng-container\n    *ngIf=\"{\n      create: vars.isCreate && ('dashboardManagement.widgets.add' | translate),\n      delete: vars.isDelete && ('dashboardManagement.widgets.delete' | translate),\n      edit: vars.isEdit && ('dashboardManagement.widgets.edit' | translate),\n    } as titles\"\n  >\n    <cds-modal\n      *ngIf=\"{\n        title: titles.edit || titles.create || titles.delete,\n      } as translations\"\n      valtimoCdsModal\n      [open]=\"vars.open\"\n      showFooter=\"true\"\n      size=\"md\"\n      title=\"{{ translations.title }}\"\n      class=\"widget-modal\"\n      (close)=\"closeModal()\"\n    >\n      <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n        <h3 cdsModalHeaderHeading>\n          {{ translations.title }}\n        </h3>\n      </cds-modal-header>\n\n      <section cdsModalContent [cdsLayer]=\"1\">\n        <ng-container *ngIf=\"vars.isDelete\">\n          {{ 'dashboardManagement.widgets.deleteDescription' | translate }}</ng-container\n        >\n\n        <ng-container *ngIf=\"vars.isEdit || vars.isCreate\">\n          <ng-container *ngTemplateOutlet=\"widgetForm; context: {vars: vars}\"></ng-container>\n        </ng-container>\n      </section>\n\n      <cds-modal-footer>\n        <ng-container *ngIf=\"vars.isEdit || vars.isCreate\">\n          <ng-container *ngTemplateOutlet=\"editButtons; context: {vars: vars}\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"vars.isDelete\">\n          <ng-container *ngTemplateOutlet=\"deleteButtons; context: {vars: vars}\"></ng-container>\n        </ng-container>\n      </cds-modal-footer>\n    </cds-modal>\n  </ng-container>\n</ng-container>\n\n<ng-template #widgetForm let-vars=\"vars\">\n  <form\n    *ngIf=\"\n      form && {\n        dataSourceItems: dataSourceItems$ | async,\n        displayTypeDropdownDisabled: displayTypeDropdownDisabled$ | async,\n        displayTypeItems: displayTypeItems$ | async,\n        selectedDataSourceKey: selectedDataSourceKey$ | async,\n        selectedDisplayTypeKey: selectedDisplayTypeKey$ | async,\n      } as obs\n    \"\n    [formGroup]=\"form\"\n    class=\"dashboard-modal__form\"\n  >\n    <div class=\"form__element\">\n      <cds-label\n        [helperText]=\"'dashboardManagement.widgets.form.titleHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.titleHelperText' | translate\"\n        [invalid]=\"title.dirty && title.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.title' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"title\"\n          [invalid]=\"title.dirty && title.invalid\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"form__element\" *ngIf=\"obs.dataSourceItems\">\n      <cds-dropdown\n        [appendInline]=\"true\"\n        formControlName=\"dataSource\"\n        [helperText]=\"'dashboardManagement.widgets.form.dataSourceHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.dateSourceHelperText' | translate\"\n        [invalid]=\"dataSource.dirty && dataSource.invalid\"\n        [label]=\"'dashboardManagement.widgets.form.dataSource' | translate\"\n        (selected)=\"dataSourceSelected($event)\"\n      >\n        <cds-dropdown-list [items]=\"obs.dataSourceItems\" type=\"multi\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    <valtimo-widget-configuration-container\n      *ngIf=\"obs.selectedDataSourceKey\"\n      [dataSourceKey]=\"obs.selectedDataSourceKey\"\n      [disabled]=\"vars.disabled\"\n      [prefillConfiguration]=\"dataSourcePrefillConfig$ | async\"\n      (configurationEvent)=\"dataSourceConfiguration($event)\"\n    ></valtimo-widget-configuration-container>\n\n    <div class=\"form__element\" *ngIf=\"obs.displayTypeItems\">\n      <cds-dropdown\n        [appendInline]=\"true\"\n        formControlName=\"displayType\"\n        [helperText]=\"'dashboardManagement.widgets.form.displayTypeHelperText' | translate\"\n        [invalid]=\"displayType.dirty && displayType.invalid\"\n        [invalidText]=\"'dashboardManagement.widgets.form.displayTypeHelperText' | translate\"\n        [label]=\"'dashboardManagement.widgets.form.displayType' | translate\"\n        (selected)=\"displayTypeSelected($event)\"\n      >\n        <cds-dropdown-list [items]=\"obs.displayTypeItems\" type=\"multi\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    <valtimo-widget-configuration-container\n      *ngIf=\"obs.selectedDisplayTypeKey\"\n      [disabled]=\"vars.disabled\"\n      [displayTypeKey]=\"obs.selectedDisplayTypeKey\"\n      [prefillConfiguration]=\"displayTypePrefillConfig$ | async\"\n      (configurationEvent)=\"displayTypeConfiguration($event)\"\n    ></valtimo-widget-configuration-container>\n\n    <div class=\"form__element\">\n      <cds-label\n        [helperText]=\"'dashboardManagement.widgets.form.urlHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.urlHelperText' | translate\"\n        [invalid]=\"url.dirty && url.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.url' | translate }}\n\n        <input cdsText formControlName=\"url\" [invalid]=\"url.dirty && url.invalid\" />\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #editButtons let-vars=\"vars\">\n  <ng-container\n    *ngIf=\"{\n      dataSourceConfiguration: dataSourceConfiguration$ | async,\n      displayTypeConfiguration: displayTypeConfiguration$ | async,\n    } as obs\"\n  >\n    <button cdsButton=\"ghost\" [disabled]=\"vars.disabled\" (click)=\"closeModal()\">\n      {{ 'dashboardManagement.widgets.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"\n        form.invalid ||\n        !obs.dataSourceConfiguration.valid ||\n        !obs.displayTypeConfiguration.valid ||\n        vars.disabled\n      \"\n      (click)=\"save()\"\n    >\n      {{ 'dashboardManagement.widgets.save' | translate }}\n    </button>\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteButtons let-vars=\"vars\">\n  <button cdsButton=\"secondary\" [disabled]=\"vars.disabled\" (click)=\"closeModal()\">\n    {{ 'dashboardManagement.widgets.cancel' | translate }}\n  </button>\n\n  <button cdsButton=\"danger\" [disabled]=\"vars.disabled\" (click)=\"delete()\">\n    {{ 'dashboardManagement.widgets.delete' | translate }}\n  </button>\n</ng-template>\n", styles: [".widget-modal .cds--modal-container{inline-size:75%!important;max-width:1200px!important}.widget-modal .form__row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.widget-modal .form__spacer{width:32px}.widget-modal .form__element{width:100%;margin-bottom:32px}.widget-modal .form__element.--with-button{display:flex;align-items:flex-end;flex-direction:row}.widget-modal .form__element.--with-button button{margin-left:16px}.widget-modal .form__element.--readonly input{background-color:transparent}\n/*!\n * Copyright 2015-2025 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: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.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: i3.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i3.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "component", type: i3.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "directive", type: i3.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i4.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: WidgetConfigurationContainerComponent, selector: "valtimo-widget-configuration-container", inputs: ["dataSourceKey", "displayTypeKey", "disabled", "prefillConfiguration"], outputs: ["configurationEvent"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WidgetModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-widget-modal', encapsulation: ViewEncapsulation.None, providers: [NotificationService], template: "<!--\n  ~ Copyright 2015-2024 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<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    isCreate: type === 'create',\n    isDelete: type === 'delete',\n    isEdit: type === 'edit',\n    open: open$ | async,\n  } as vars\"\n>\n  <ng-container\n    *ngIf=\"{\n      create: vars.isCreate && ('dashboardManagement.widgets.add' | translate),\n      delete: vars.isDelete && ('dashboardManagement.widgets.delete' | translate),\n      edit: vars.isEdit && ('dashboardManagement.widgets.edit' | translate),\n    } as titles\"\n  >\n    <cds-modal\n      *ngIf=\"{\n        title: titles.edit || titles.create || titles.delete,\n      } as translations\"\n      valtimoCdsModal\n      [open]=\"vars.open\"\n      showFooter=\"true\"\n      size=\"md\"\n      title=\"{{ translations.title }}\"\n      class=\"widget-modal\"\n    >\n      <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n        <h3 cdsModalHeaderHeading>\n          {{ translations.title }}\n        </h3>\n      </cds-modal-header>\n\n      <section cdsModalContent [cdsLayer]=\"1\">\n        <ng-container *ngIf=\"vars.isDelete\">\n          {{ 'dashboardManagement.widgets.deleteDescription' | translate }}</ng-container\n        >\n\n        <ng-container *ngIf=\"vars.isEdit || vars.isCreate\">\n          <ng-container *ngTemplateOutlet=\"widgetForm; context: {vars: vars}\"></ng-container>\n        </ng-container>\n      </section>\n\n      <cds-modal-footer>\n        <ng-container *ngIf=\"vars.isEdit || vars.isCreate\">\n          <ng-container *ngTemplateOutlet=\"editButtons; context: {vars: vars}\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"vars.isDelete\">\n          <ng-container *ngTemplateOutlet=\"deleteButtons; context: {vars: vars}\"></ng-container>\n        </ng-container>\n      </cds-modal-footer>\n    </cds-modal>\n  </ng-container>\n</ng-container>\n\n<ng-template #widgetForm let-vars=\"vars\">\n  <form\n    *ngIf=\"\n      form && {\n        dataSourceItems: dataSourceItems$ | async,\n        displayTypeDropdownDisabled: displayTypeDropdownDisabled$ | async,\n        displayTypeItems: displayTypeItems$ | async,\n        selectedDataSourceKey: selectedDataSourceKey$ | async,\n        selectedDisplayTypeKey: selectedDisplayTypeKey$ | async,\n      } as obs\n    \"\n    [formGroup]=\"form\"\n    class=\"dashboard-modal__form\"\n  >\n    <div class=\"form__element\">\n      <cds-label\n        [helperText]=\"'dashboardManagement.widgets.form.titleHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.titleHelperText' | translate\"\n        [invalid]=\"title.dirty && title.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.title' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"title\"\n          [invalid]=\"title.dirty && title.invalid\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"form__element\" *ngIf=\"obs.dataSourceItems\">\n      <cds-dropdown\n        [appendInline]=\"true\"\n        formControlName=\"dataSource\"\n        [helperText]=\"'dashboardManagement.widgets.form.dataSourceHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.dateSourceHelperText' | translate\"\n        [invalid]=\"dataSource.dirty && dataSource.invalid\"\n        [label]=\"'dashboardManagement.widgets.form.dataSource' | translate\"\n        (selected)=\"dataSourceSelected($event)\"\n      >\n        <cds-dropdown-list [items]=\"obs.dataSourceItems\" type=\"multi\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    <valtimo-widget-configuration-container\n      *ngIf=\"obs.selectedDataSourceKey\"\n      [dataSourceKey]=\"obs.selectedDataSourceKey\"\n      [disabled]=\"vars.disabled\"\n      [prefillConfiguration]=\"dataSourcePrefillConfig$ | async\"\n      (configurationEvent)=\"dataSourceConfiguration($event)\"\n    ></valtimo-widget-configuration-container>\n\n    <div class=\"form__element\" *ngIf=\"obs.displayTypeItems\">\n      <cds-dropdown\n        [appendInline]=\"true\"\n        formControlName=\"displayType\"\n        [helperText]=\"'dashboardManagement.widgets.form.displayTypeHelperText' | translate\"\n        [invalid]=\"displayType.dirty && displayType.invalid\"\n        [invalidText]=\"'dashboardManagement.widgets.form.displayTypeHelperText' | translate\"\n        [label]=\"'dashboardManagement.widgets.form.displayType' | translate\"\n        (selected)=\"displayTypeSelected($event)\"\n      >\n        <cds-dropdown-list [items]=\"obs.displayTypeItems\" type=\"multi\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    <valtimo-widget-configuration-container\n      *ngIf=\"obs.selectedDisplayTypeKey\"\n      [disabled]=\"vars.disabled\"\n      [displayTypeKey]=\"obs.selectedDisplayTypeKey\"\n      [prefillConfiguration]=\"displayTypePrefillConfig$ | async\"\n      (configurationEvent)=\"displayTypeConfiguration($event)\"\n    ></valtimo-widget-configuration-container>\n\n    <div class=\"form__element\">\n      <cds-label\n        [helperText]=\"'dashboardManagement.widgets.form.urlHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.urlHelperText' | translate\"\n        [invalid]=\"url.dirty && url.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.url' | translate }}\n\n        <input cdsText formControlName=\"url\" [invalid]=\"url.dirty && url.invalid\" />\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #editButtons let-vars=\"vars\">\n  <ng-container\n    *ngIf=\"{\n      dataSourceConfiguration: dataSourceConfiguration$ | async,\n      displayTypeConfiguration: displayTypeConfiguration$ | async,\n    } as obs\"\n  >\n    <button cdsButton=\"ghost\" [disabled]=\"vars.disabled\" (click)=\"closeModal()\">\n      {{ 'dashboardManagement.widgets.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"\n        form.invalid ||\n        !obs.dataSourceConfiguration.valid ||\n        !obs.displayTypeConfiguration.valid ||\n        vars.disabled\n      \"\n      (click)=\"save()\"\n    >\n      {{ 'dashboardManagement.widgets.save' | translate }}\n    </button>\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteButtons let-vars=\"vars\">\n  <button cdsButton=\"secondary\" [disabled]=\"vars.disabled\" (click)=\"closeModal()\">\n    {{ 'dashboardManagement.widgets.cancel' | translate }}\n  </button>\n\n  <button cdsButton=\"danger\" [disabled]=\"vars.disabled\" (click)=\"delete()\">\n    {{ 'dashboardManagement.widgets.delete' | translate }}\n  </button>\n</ng-template>\n", styles: [".widget-modal .cds--modal-container{inline-size:75%!important;max-width:1200px!important}.widget-modal .form__row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.widget-modal .form__spacer{width:32px}.widget-modal .form__element{width:100%;margin-bottom:32px}.widget-modal .form__element.--with-button{display:flex;align-items:flex-end;flex-direction:row}.widget-modal .form__element.--with-button button{margin-left:16px}.widget-modal .form__element.--readonly input{background-color:transparent}\n/*!\n * Copyright 2015-2024 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"] }]
+            args: [{ standalone: false, selector: 'valtimo-widget-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 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<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    isCreate: type === 'create',\n    isDelete: type === 'delete',\n    isEdit: type === 'edit',\n    open: open$ | async,\n  } as vars\"\n>\n  <ng-container\n    *ngIf=\"{\n      create: vars.isCreate && ('dashboardManagement.widgets.add' | translate),\n      delete: vars.isDelete && ('dashboardManagement.widgets.delete' | translate),\n      edit: vars.isEdit && ('dashboardManagement.widgets.edit' | translate),\n    } as titles\"\n  >\n    <cds-modal\n      *ngIf=\"{\n        title: titles.edit || titles.create || titles.delete,\n      } as translations\"\n      valtimoCdsModal\n      [open]=\"vars.open\"\n      showFooter=\"true\"\n      size=\"md\"\n      title=\"{{ translations.title }}\"\n      class=\"widget-modal\"\n      (close)=\"closeModal()\"\n    >\n      <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n        <h3 cdsModalHeaderHeading>\n          {{ translations.title }}\n        </h3>\n      </cds-modal-header>\n\n      <section cdsModalContent [cdsLayer]=\"1\">\n        <ng-container *ngIf=\"vars.isDelete\">\n          {{ 'dashboardManagement.widgets.deleteDescription' | translate }}</ng-container\n        >\n\n        <ng-container *ngIf=\"vars.isEdit || vars.isCreate\">\n          <ng-container *ngTemplateOutlet=\"widgetForm; context: {vars: vars}\"></ng-container>\n        </ng-container>\n      </section>\n\n      <cds-modal-footer>\n        <ng-container *ngIf=\"vars.isEdit || vars.isCreate\">\n          <ng-container *ngTemplateOutlet=\"editButtons; context: {vars: vars}\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"vars.isDelete\">\n          <ng-container *ngTemplateOutlet=\"deleteButtons; context: {vars: vars}\"></ng-container>\n        </ng-container>\n      </cds-modal-footer>\n    </cds-modal>\n  </ng-container>\n</ng-container>\n\n<ng-template #widgetForm let-vars=\"vars\">\n  <form\n    *ngIf=\"\n      form && {\n        dataSourceItems: dataSourceItems$ | async,\n        displayTypeDropdownDisabled: displayTypeDropdownDisabled$ | async,\n        displayTypeItems: displayTypeItems$ | async,\n        selectedDataSourceKey: selectedDataSourceKey$ | async,\n        selectedDisplayTypeKey: selectedDisplayTypeKey$ | async,\n      } as obs\n    \"\n    [formGroup]=\"form\"\n    class=\"dashboard-modal__form\"\n  >\n    <div class=\"form__element\">\n      <cds-label\n        [helperText]=\"'dashboardManagement.widgets.form.titleHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.titleHelperText' | translate\"\n        [invalid]=\"title.dirty && title.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.title' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"title\"\n          [invalid]=\"title.dirty && title.invalid\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"form__element\" *ngIf=\"obs.dataSourceItems\">\n      <cds-dropdown\n        [appendInline]=\"true\"\n        formControlName=\"dataSource\"\n        [helperText]=\"'dashboardManagement.widgets.form.dataSourceHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.dateSourceHelperText' | translate\"\n        [invalid]=\"dataSource.dirty && dataSource.invalid\"\n        [label]=\"'dashboardManagement.widgets.form.dataSource' | translate\"\n        (selected)=\"dataSourceSelected($event)\"\n      >\n        <cds-dropdown-list [items]=\"obs.dataSourceItems\" type=\"multi\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    <valtimo-widget-configuration-container\n      *ngIf=\"obs.selectedDataSourceKey\"\n      [dataSourceKey]=\"obs.selectedDataSourceKey\"\n      [disabled]=\"vars.disabled\"\n      [prefillConfiguration]=\"dataSourcePrefillConfig$ | async\"\n      (configurationEvent)=\"dataSourceConfiguration($event)\"\n    ></valtimo-widget-configuration-container>\n\n    <div class=\"form__element\" *ngIf=\"obs.displayTypeItems\">\n      <cds-dropdown\n        [appendInline]=\"true\"\n        formControlName=\"displayType\"\n        [helperText]=\"'dashboardManagement.widgets.form.displayTypeHelperText' | translate\"\n        [invalid]=\"displayType.dirty && displayType.invalid\"\n        [invalidText]=\"'dashboardManagement.widgets.form.displayTypeHelperText' | translate\"\n        [label]=\"'dashboardManagement.widgets.form.displayType' | translate\"\n        (selected)=\"displayTypeSelected($event)\"\n      >\n        <cds-dropdown-list [items]=\"obs.displayTypeItems\" type=\"multi\"></cds-dropdown-list>\n      </cds-dropdown>\n    </div>\n\n    <valtimo-widget-configuration-container\n      *ngIf=\"obs.selectedDisplayTypeKey\"\n      [disabled]=\"vars.disabled\"\n      [displayTypeKey]=\"obs.selectedDisplayTypeKey\"\n      [prefillConfiguration]=\"displayTypePrefillConfig$ | async\"\n      (configurationEvent)=\"displayTypeConfiguration($event)\"\n    ></valtimo-widget-configuration-container>\n\n    <div class=\"form__element\">\n      <cds-label\n        [helperText]=\"'dashboardManagement.widgets.form.urlHelperText' | translate\"\n        [invalidText]=\"'dashboardManagement.widgets.form.urlHelperText' | translate\"\n        [invalid]=\"url.dirty && url.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.url' | translate }}\n\n        <input cdsText formControlName=\"url\" [invalid]=\"url.dirty && url.invalid\" />\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #editButtons let-vars=\"vars\">\n  <ng-container\n    *ngIf=\"{\n      dataSourceConfiguration: dataSourceConfiguration$ | async,\n      displayTypeConfiguration: displayTypeConfiguration$ | async,\n    } as obs\"\n  >\n    <button cdsButton=\"ghost\" [disabled]=\"vars.disabled\" (click)=\"closeModal()\">\n      {{ 'dashboardManagement.widgets.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"\n        form.invalid ||\n        !obs.dataSourceConfiguration.valid ||\n        !obs.displayTypeConfiguration.valid ||\n        vars.disabled\n      \"\n      (click)=\"save()\"\n    >\n      {{ 'dashboardManagement.widgets.save' | translate }}\n    </button>\n  </ng-container>\n</ng-template>\n\n<ng-template #deleteButtons let-vars=\"vars\">\n  <button cdsButton=\"secondary\" [disabled]=\"vars.disabled\" (click)=\"closeModal()\">\n    {{ 'dashboardManagement.widgets.cancel' | translate }}\n  </button>\n\n  <button cdsButton=\"danger\" [disabled]=\"vars.disabled\" (click)=\"delete()\">\n    {{ 'dashboardManagement.widgets.delete' | translate }}\n  </button>\n</ng-template>\n", styles: [".widget-modal .cds--modal-container{inline-size:75%!important;max-width:1200px!important}.widget-modal .form__row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.widget-modal .form__spacer{width:32px}.widget-modal .form__element{width:100%;margin-bottom:32px}.widget-modal .form__element.--with-button{display:flex;align-items:flex-end;flex-direction:row}.widget-modal .form__element.--with-button button{margin-left:16px}.widget-modal .form__element.--readonly input{background-color:transparent}\n/*!\n * Copyright 2015-2025 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: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }, { type: i1$1.FormBuilder }, { type: i6.TranslateService }, { type: i3.NotificationService }, { type: DashboardManagementService }, { type: i5.WidgetService }, { type: i5.WidgetTranslationService }], propDecorators: { showModal$: [{
+                }] }, { type: i1$1.FormBuilder }, { type: i6.TranslateService }, { type: i2.GlobalNotificationService }, { type: DashboardManagementService }, { type: i5.WidgetService }, { type: i5.WidgetTranslationService }], propDecorators: { showModal$: [{
                 type: Input
             }], type: [{
                 type: Input
@@ -484,7 +484,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -557,12 +557,12 @@ class EditDashboardModalComponent {
     enable() {
         this.disabled$.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditDashboardModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: DashboardManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditDashboardModalComponent, selector: "valtimo-edit-dashboard-modal", inputs: { showModal$: "showModal$", dashboard: "dashboard" }, outputs: { saveEvent: "saveEvent" }, providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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\n  *ngIf=\"{disabled: disabled$ | async} as obs\"\n  valtimoCdsModal\n  [open]=\"open$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'dashboardManagement.widgets.editDashboard' | translate }}\"\n  class=\"edit-dashboard-modal\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'dashboardManagement.widgets.editDashboard' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <ng-container *ngTemplateOutlet=\"editDashboardFormTemplate;context:{obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container *ngTemplateOutlet=\"editDashboardButtons;context:{obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #editDashboardFormTemplate let-obs=\"obs\">\n  <form\n    *ngIf=\"editDashboardForm\"\n    [formGroup]=\"editDashboardForm\"\n    class=\"dashboard-modal__form\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"form__element\">\n      <cds-label\n        [disabled]=\"obs.disabled\"\n        [invalid]=\"dashboardTitle.dirty && dashboardTitle.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.dashboardTitle' | translate }}\n\n        <input\n          cdsText\n          [disabled]=\"obs.disabled\"\n          [invalid]=\"dashboardTitle.dirty && dashboardTitle.invalid\"\n          formControlName=\"title\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"form__element\">\n      <cds-label\n        [disabled]=\"obs.disabled\"\n        [helperText]=\"'dashboardManagement.widgets.form.dashboardDescriptionHelperText' | translate\"\n        [invalid]=\"dashboardDescription.dirty && dashboardDescription.invalid\"\n        [invalidText]=\"\n          'dashboardManagement.widgets.form.dashboardDescriptionHelperText' | translate\n        \"\n      >\n        {{ 'dashboardManagement.widgets.form.dashboardDescription' | translate }}\n\n        <input\n          cdsText\n          [disabled]=\"obs.disabled\"\n          [invalid]=\"dashboardDescription.dirty && dashboardDescription.invalid\"\n          formControlName=\"description\"\n        />\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #editDashboardButtons let-obs=\"obs\">\n  <button cdsButton=\"ghost\" [disabled]=\"obs.disabled\" (click)=\"closeModal()\">\n    {{ 'dashboardManagement.widgets.cancel' | translate }}\n  </button>\n\n  <button\n    cdsButton=\"primary\"\n    [disabled]=\"editDashboardForm.invalid || obs.disabled\"\n    (click)=\"saveDashboard()\"\n  >\n    {{ 'dashboardManagement.widgets.complete' | translate }}\n  </button>\n</ng-template>\n", styles: [".edit-dashboard-modal .form__row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.edit-dashboard-modal .form__element{width:100%;margin-bottom:32px}\n/*!\n * Copyright 2015-2024 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: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "component", type: i3.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "directive", type: i3.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i4.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["enableOverflow"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EditDashboardModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: DashboardManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: EditDashboardModalComponent, isStandalone: false, selector: "valtimo-edit-dashboard-modal", inputs: { showModal$: "showModal$", dashboard: "dashboard" }, outputs: { saveEvent: "saveEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 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\n  *ngIf=\"{disabled: disabled$ | async} as obs\"\n  valtimoCdsModal\n  [open]=\"open$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'dashboardManagement.widgets.editDashboard' | translate }}\"\n  class=\"edit-dashboard-modal\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'dashboardManagement.widgets.editDashboard' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <ng-container *ngTemplateOutlet=\"editDashboardFormTemplate;context:{obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container *ngTemplateOutlet=\"editDashboardButtons;context:{obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #editDashboardFormTemplate let-obs=\"obs\">\n  <form\n    *ngIf=\"editDashboardForm\"\n    [formGroup]=\"editDashboardForm\"\n    class=\"dashboard-modal__form\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"form__element\">\n      <cds-label\n        [disabled]=\"obs.disabled\"\n        [invalid]=\"dashboardTitle.dirty && dashboardTitle.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.dashboardTitle' | translate }}\n\n        <input\n          cdsText\n          [disabled]=\"obs.disabled\"\n          [invalid]=\"dashboardTitle.dirty && dashboardTitle.invalid\"\n          formControlName=\"title\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"form__element\">\n      <cds-label\n        [disabled]=\"obs.disabled\"\n        [helperText]=\"'dashboardManagement.widgets.form.dashboardDescriptionHelperText' | translate\"\n        [invalid]=\"dashboardDescription.dirty && dashboardDescription.invalid\"\n        [invalidText]=\"\n          'dashboardManagement.widgets.form.dashboardDescriptionHelperText' | translate\n        \"\n      >\n        {{ 'dashboardManagement.widgets.form.dashboardDescription' | translate }}\n\n        <input\n          cdsText\n          [disabled]=\"obs.disabled\"\n          [invalid]=\"dashboardDescription.dirty && dashboardDescription.invalid\"\n          formControlName=\"description\"\n        />\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #editDashboardButtons let-obs=\"obs\">\n  <button cdsButton=\"ghost\" [disabled]=\"obs.disabled\" (click)=\"closeModal()\">\n    {{ 'dashboardManagement.widgets.cancel' | translate }}\n  </button>\n\n  <button\n    cdsButton=\"primary\"\n    [disabled]=\"editDashboardForm.invalid || obs.disabled\"\n    (click)=\"saveDashboard()\"\n  >\n    {{ 'dashboardManagement.widgets.complete' | translate }}\n  </button>\n</ng-template>\n", styles: [".edit-dashboard-modal .form__row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.edit-dashboard-modal .form__element{width:100%;margin-bottom:32px}\n/*!\n * Copyright 2015-2025 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: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "component", type: i3.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "directive", type: i3.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: i4.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditDashboardModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: EditDashboardModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-edit-dashboard-modal', encapsulation: ViewEncapsulation.None, providers: [NotificationService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2024 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\n  *ngIf=\"{disabled: disabled$ | async} as obs\"\n  valtimoCdsModal\n  [open]=\"open$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'dashboardManagement.widgets.editDashboard' | translate }}\"\n  class=\"edit-dashboard-modal\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'dashboardManagement.widgets.editDashboard' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <ng-container *ngTemplateOutlet=\"editDashboardFormTemplate;context:{obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container *ngTemplateOutlet=\"editDashboardButtons;context:{obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #editDashboardFormTemplate let-obs=\"obs\">\n  <form\n    *ngIf=\"editDashboardForm\"\n    [formGroup]=\"editDashboardForm\"\n    class=\"dashboard-modal__form\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"form__element\">\n      <cds-label\n        [disabled]=\"obs.disabled\"\n        [invalid]=\"dashboardTitle.dirty && dashboardTitle.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.dashboardTitle' | translate }}\n\n        <input\n          cdsText\n          [disabled]=\"obs.disabled\"\n          [invalid]=\"dashboardTitle.dirty && dashboardTitle.invalid\"\n          formControlName=\"title\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"form__element\">\n      <cds-label\n        [disabled]=\"obs.disabled\"\n        [helperText]=\"'dashboardManagement.widgets.form.dashboardDescriptionHelperText' | translate\"\n        [invalid]=\"dashboardDescription.dirty && dashboardDescription.invalid\"\n        [invalidText]=\"\n          'dashboardManagement.widgets.form.dashboardDescriptionHelperText' | translate\n        \"\n      >\n        {{ 'dashboardManagement.widgets.form.dashboardDescription' | translate }}\n\n        <input\n          cdsText\n          [disabled]=\"obs.disabled\"\n          [invalid]=\"dashboardDescription.dirty && dashboardDescription.invalid\"\n          formControlName=\"description\"\n        />\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #editDashboardButtons let-obs=\"obs\">\n  <button cdsButton=\"ghost\" [disabled]=\"obs.disabled\" (click)=\"closeModal()\">\n    {{ 'dashboardManagement.widgets.cancel' | translate }}\n  </button>\n\n  <button\n    cdsButton=\"primary\"\n    [disabled]=\"editDashboardForm.invalid || obs.disabled\"\n    (click)=\"saveDashboard()\"\n  >\n    {{ 'dashboardManagement.widgets.complete' | translate }}\n  </button>\n</ng-template>\n", styles: [".edit-dashboard-modal .form__row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.edit-dashboard-modal .form__element{width:100%;margin-bottom:32px}\n/*!\n * Copyright 2015-2024 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"] }]
+            args: [{ selector: 'valtimo-edit-dashboard-modal', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!--\n  ~ Copyright 2015-2025 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\n  *ngIf=\"{disabled: disabled$ | async} as obs\"\n  valtimoCdsModal\n  [open]=\"open$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'dashboardManagement.widgets.editDashboard' | translate }}\"\n  class=\"edit-dashboard-modal\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'dashboardManagement.widgets.editDashboard' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <ng-container *ngTemplateOutlet=\"editDashboardFormTemplate;context:{obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container *ngTemplateOutlet=\"editDashboardButtons;context:{obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #editDashboardFormTemplate let-obs=\"obs\">\n  <form\n    *ngIf=\"editDashboardForm\"\n    [formGroup]=\"editDashboardForm\"\n    class=\"dashboard-modal__form\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"form__element\">\n      <cds-label\n        [disabled]=\"obs.disabled\"\n        [invalid]=\"dashboardTitle.dirty && dashboardTitle.invalid\"\n      >\n        {{ 'dashboardManagement.widgets.form.dashboardTitle' | translate }}\n\n        <input\n          cdsText\n          [disabled]=\"obs.disabled\"\n          [invalid]=\"dashboardTitle.dirty && dashboardTitle.invalid\"\n          formControlName=\"title\"\n          [attr.modal-primary-focus]=\"true\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"form__element\">\n      <cds-label\n        [disabled]=\"obs.disabled\"\n        [helperText]=\"'dashboardManagement.widgets.form.dashboardDescriptionHelperText' | translate\"\n        [invalid]=\"dashboardDescription.dirty && dashboardDescription.invalid\"\n        [invalidText]=\"\n          'dashboardManagement.widgets.form.dashboardDescriptionHelperText' | translate\n        \"\n      >\n        {{ 'dashboardManagement.widgets.form.dashboardDescription' | translate }}\n\n        <input\n          cdsText\n          [disabled]=\"obs.disabled\"\n          [invalid]=\"dashboardDescription.dirty && dashboardDescription.invalid\"\n          formControlName=\"description\"\n        />\n      </cds-label>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #editDashboardButtons let-obs=\"obs\">\n  <button cdsButton=\"ghost\" [disabled]=\"obs.disabled\" (click)=\"closeModal()\">\n    {{ 'dashboardManagement.widgets.cancel' | translate }}\n  </button>\n\n  <button\n    cdsButton=\"primary\"\n    [disabled]=\"editDashboardForm.invalid || obs.disabled\"\n    (click)=\"saveDashboard()\"\n  >\n    {{ 'dashboardManagement.widgets.complete' | translate }}\n  </button>\n</ng-template>\n", styles: [".edit-dashboard-modal .form__row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.edit-dashboard-modal .form__element{width:100%;margin-bottom:32px}\n/*!\n * Copyright 2015-2025 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: DashboardManagementService }], propDecorators: { showModal$: [{
                 type: Input
             }], dashboard: [{
@@ -634,13 +634,19 @@ class DashboardDetailsComponent {
             this.loading$.next(false);
             this.dragAndDropDisabled$.next(false);
         }));
+        this.jsonEditorModel$ = this.widgetData$.pipe(map((data) => ({
+            value: JSON.stringify(data),
+            language: 'json',
+        })));
         this.showModal$ = new BehaviorSubject(false);
         this.showEditDashboardModal$ = new BehaviorSubject(false);
         this.editWidgetConfiguration$ = new BehaviorSubject(null);
         this.compactMode$ = this.pageHeaderService.compactMode$;
+        this.$jsonEditorActive = signal(false);
+        this.$buttonTheme = computed(() => (this.$jsonEditorActive() ? 'primary' : 'ghost'));
     }
     ngAfterViewInit() {
-        this.iconService.registerAll([ArrowDown16, ArrowUp16, Edit16]);
+        this.iconService.registerAll([Code16, Edit16]);
         this.setFields();
     }
     addWidget() {
@@ -657,7 +663,7 @@ class DashboardDetailsComponent {
     refreshDashboard() {
         this._refreshDashboardSubject$.next(null);
     }
-    onItemsReordered(items) {
+    updateWidgetData(items) {
         if (!items)
             return;
         this._refreshWidgetsSubject$.next(items);
@@ -667,6 +673,11 @@ class DashboardDetailsComponent {
         this.modalType = 'edit';
         this.showModal();
     }
+    switchView() {
+        this.$jsonEditorActive.set(!this.$jsonEditorActive());
+        if (!this.$jsonEditorActive())
+            this.refreshWidgets();
+    }
     duplicateWidget(event) {
         this.editWidgetConfiguration$.next({ ...event });
         this.modalType = 'create';
@@ -692,16 +703,16 @@ class DashboardDetailsComponent {
     showEditDashboardModal() {
         this.showEditDashboardModal$.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardDetailsComponent, deps: [{ token: DashboardManagementService }, { token: i2$1.DatePipe }, { token: i3.IconService }, { token: i4.PageTitleService }, { token: i5$1.ActivatedRoute }, { token: i6.TranslateService }, { token: i4.PageHeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DashboardDetailsComponent, selector: "ng-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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<ng-container\n  *ngIf=\"\n    fields && {\n      currentDashboard: currentDashboard$ | async,\n      editWidgetConfiguration: editWidgetConfiguration$ | async,\n      loading: loading$ | async,\n      widgetData: widgetData$ | async,\n      dragAndDropDisabled: dragAndDropDisabled$ | async,\n    } as obs\n  \"\n>\n  <div class=\"dashboard-detail-table\">\n    <valtimo-carbon-list\n      [actionItems]=\"actionItems\"\n      [fields]=\"fields\"\n      [header]=\"false\"\n      [items]=\"obs.widgetData\"\n      [loading]=\"obs.loading\"\n      [dragAndDrop]=\"true\"\n      [dragAndDropDisabled]=\"obs.dragAndDropDisabled\"\n      (itemsReordered)=\"onItemsReordered($event)\"\n      (rowClicked)=\"editWidget($event)\"\n    >\n      <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addWidgetButton\"></ng-container>\n      </div>\n\n      <valtimo-no-results\n        [action]=\"addWidgetButton\"\n        description=\"{{ 'dashboardManagement.widgets.noResults.description' | translate }}\"\n        title=\"{{ 'dashboardManagement.widgets.noResults.title' | translate }}\"\n      ></valtimo-no-results>\n    </valtimo-carbon-list>\n  </div>\n\n  <valtimo-widget-modal\n    [dashboard]=\"obs.currentDashboard\"\n    [editWidgetConfiguration]=\"obs.editWidgetConfiguration\"\n    [showModal$]=\"showModal$\"\n    [type]=\"modalType\"\n    [widgetKey]=\"obs.editWidgetConfiguration?.key\"\n    (saveEvent)=\"refreshWidgets()\"\n  ></valtimo-widget-modal>\n\n  <valtimo-edit-dashboard-modal\n    [dashboard]=\"obs.currentDashboard\"\n    [showModal$]=\"showEditDashboardModal$\"\n    (saveEvent)=\"refreshDashboard()\"\n  >\n  </valtimo-edit-dashboard-modal>\n</ng-container>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <button\n      cdsButton=\"tertiary\"\n      [size]=\"(compactMode$ | async) ? 'sm' : 'md'\"\n      (click)=\"editDashboard()\"\n    >\n      {{ 'dashboardManagement.widgets.editButton' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n    </button>\n  </ng-template>\n</ng-container>\n\n<ng-template #addWidgetButton>\n  <button cdsButton=\"primary\" [disabled]=\"loading$ | async\" (click)=\"addWidget()\">\n    {{ 'dashboardManagement.widgets.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: [".dashboard-detail-table .move-buttons-container{width:100%;justify-content:flex-end;display:flex;flex-direction:row;right:-1rem;position:relative}.dashboard-detail-table .move-buttons-container button:not(:last-child){margin-right:8px}.dashboard-detail-table__actions{width:1px}.dashboard-detail-table-no-results{display:flex;justify-content:space-around;padding:6.25rem 0;gap:4rem}.dashboard-detail-table-no-results__title{font-size:1.75rem}.dashboard-detail-table-no-results__content{display:flex;flex-direction:column;justify-content:space-around}\n/*!\n * Copyright 2015-2024 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: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i4.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i4.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: WidgetModalComponent, selector: "valtimo-widget-modal", inputs: ["showModal$", "type", "dashboard", "widgetKey", "editWidgetConfiguration"], outputs: ["saveEvent"] }, { kind: "component", type: EditDashboardModalComponent, selector: "valtimo-edit-dashboard-modal", inputs: ["showModal$", "dashboard"], outputs: ["saveEvent"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardDetailsComponent, deps: [{ token: DashboardManagementService }, { token: i2$1.DatePipe }, { token: i3.IconService }, { token: i4.PageTitleService }, { token: i5$1.ActivatedRoute }, { token: i6.TranslateService }, { token: i4.PageHeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: DashboardDetailsComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 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<ng-container\n  *ngIf=\"\n    fields && {\n      currentDashboard: currentDashboard$ | async,\n      editWidgetConfiguration: editWidgetConfiguration$ | async,\n      loading: loading$ | async,\n      widgetData: widgetData$ | async,\n      dragAndDropDisabled: dragAndDropDisabled$ | async,\n      jsonEditorModel: jsonEditorModel$ | async,\n    } as obs\n  \"\n>\n  <div class=\"dashboard-detail-table\">\n    @if (!$jsonEditorActive()) {\n      <valtimo-carbon-list\n        [actionItems]=\"actionItems\"\n        [fields]=\"fields\"\n        [header]=\"false\"\n        [items]=\"obs.widgetData\"\n        [loading]=\"obs.loading\"\n        [dragAndDrop]=\"true\"\n        [dragAndDropDisabled]=\"obs.dragAndDropDisabled\"\n        (itemsReordered)=\"updateWidgetData($event)\"\n        (rowClicked)=\"editWidget($event)\"\n      >\n        <div carbonToolbarContent>\n          <ng-container [ngTemplateOutlet]=\"viewToggle\"></ng-container>\n\n          <ng-container [ngTemplateOutlet]=\"addWidgetButton\"></ng-container>\n        </div>\n\n        <valtimo-no-results\n          [action]=\"addWidgetButton\"\n          description=\"{{ 'dashboardManagement.widgets.noResults.description' | translate }}\"\n          title=\"{{ 'dashboardManagement.widgets.noResults.title' | translate }}\"\n        ></valtimo-no-results>\n      </valtimo-carbon-list>\n    } @else {\n      <valtimo-json-editor\n        [model]=\"obs.jsonEditorModel\"\n        [fitPage]=\"true\"\n        [fitPageExtraSpace]=\"56\"\n        (saveEvent)=\"updateWidgetData($event)\"\n      >\n        <ng-container *ngTemplateOutlet=\"viewToggle\"></ng-container>\n      </valtimo-json-editor>\n    }\n  </div>\n\n  <valtimo-widget-modal\n    [dashboard]=\"obs.currentDashboard\"\n    [editWidgetConfiguration]=\"obs.editWidgetConfiguration\"\n    [showModal$]=\"showModal$\"\n    [type]=\"modalType\"\n    [widgetKey]=\"obs.editWidgetConfiguration?.key\"\n    (saveEvent)=\"refreshWidgets()\"\n  ></valtimo-widget-modal>\n\n  <valtimo-edit-dashboard-modal\n    [dashboard]=\"obs.currentDashboard\"\n    [showModal$]=\"showEditDashboardModal$\"\n    (saveEvent)=\"refreshDashboard()\"\n  >\n  </valtimo-edit-dashboard-modal>\n</ng-container>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <button\n      cdsButton=\"tertiary\"\n      [size]=\"(compactMode$ | async) ? 'sm' : 'md'\"\n      (click)=\"editDashboard()\"\n    >\n      {{ 'dashboardManagement.widgets.editButton' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n    </button>\n  </ng-template>\n</ng-container>\n\n<ng-template #addWidgetButton>\n  <button cdsButton=\"primary\" [disabled]=\"loading$ | async\" (click)=\"addWidget()\">\n    {{ 'dashboardManagement.widgets.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #viewToggle>\n  <cds-tooltip [description]=\"'JSON editor'\">\n    <button\n      [cdsButton]=\"$buttonTheme()\"\n      data-testid=\"dashboard-details-switch-view\"\n      iconOnly=\"true\"\n      (click)=\"switchView()\"\n    >\n      <svg cdsIcon=\"code\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n</ng-template>\n", styles: [".dashboard-detail-table .move-buttons-container{width:100%;justify-content:flex-end;display:flex;flex-direction:row;right:-1rem;position:relative}.dashboard-detail-table .move-buttons-container button:not(:last-child){margin-right:8px}.dashboard-detail-table__actions{width:1px}.dashboard-detail-table-no-results{display:flex;justify-content:space-around;padding:6.25rem 0;gap:4rem}.dashboard-detail-table-no-results__title{font-size:1.75rem}.dashboard-detail-table-no-results__content{display:flex;flex-direction:column;justify-content:space-around}\n/*!\n * Copyright 2015-2025 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: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i4.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i4.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: i4.JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "fitPageExtraSpace", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "component", type: WidgetModalComponent, selector: "valtimo-widget-modal", inputs: ["showModal$", "type", "dashboard", "widgetKey", "editWidgetConfiguration"], outputs: ["saveEvent"] }, { kind: "component", type: EditDashboardModalComponent, selector: "valtimo-edit-dashboard-modal", inputs: ["showModal$", "dashboard"], outputs: ["saveEvent"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardDetailsComponent, decorators: [{
             type: Component,
-            args: [{ encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2024 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<ng-container\n  *ngIf=\"\n    fields && {\n      currentDashboard: currentDashboard$ | async,\n      editWidgetConfiguration: editWidgetConfiguration$ | async,\n      loading: loading$ | async,\n      widgetData: widgetData$ | async,\n      dragAndDropDisabled: dragAndDropDisabled$ | async,\n    } as obs\n  \"\n>\n  <div class=\"dashboard-detail-table\">\n    <valtimo-carbon-list\n      [actionItems]=\"actionItems\"\n      [fields]=\"fields\"\n      [header]=\"false\"\n      [items]=\"obs.widgetData\"\n      [loading]=\"obs.loading\"\n      [dragAndDrop]=\"true\"\n      [dragAndDropDisabled]=\"obs.dragAndDropDisabled\"\n      (itemsReordered)=\"onItemsReordered($event)\"\n      (rowClicked)=\"editWidget($event)\"\n    >\n      <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addWidgetButton\"></ng-container>\n      </div>\n\n      <valtimo-no-results\n        [action]=\"addWidgetButton\"\n        description=\"{{ 'dashboardManagement.widgets.noResults.description' | translate }}\"\n        title=\"{{ 'dashboardManagement.widgets.noResults.title' | translate }}\"\n      ></valtimo-no-results>\n    </valtimo-carbon-list>\n  </div>\n\n  <valtimo-widget-modal\n    [dashboard]=\"obs.currentDashboard\"\n    [editWidgetConfiguration]=\"obs.editWidgetConfiguration\"\n    [showModal$]=\"showModal$\"\n    [type]=\"modalType\"\n    [widgetKey]=\"obs.editWidgetConfiguration?.key\"\n    (saveEvent)=\"refreshWidgets()\"\n  ></valtimo-widget-modal>\n\n  <valtimo-edit-dashboard-modal\n    [dashboard]=\"obs.currentDashboard\"\n    [showModal$]=\"showEditDashboardModal$\"\n    (saveEvent)=\"refreshDashboard()\"\n  >\n  </valtimo-edit-dashboard-modal>\n</ng-container>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <button\n      cdsButton=\"tertiary\"\n      [size]=\"(compactMode$ | async) ? 'sm' : 'md'\"\n      (click)=\"editDashboard()\"\n    >\n      {{ 'dashboardManagement.widgets.editButton' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n    </button>\n  </ng-template>\n</ng-container>\n\n<ng-template #addWidgetButton>\n  <button cdsButton=\"primary\" [disabled]=\"loading$ | async\" (click)=\"addWidget()\">\n    {{ 'dashboardManagement.widgets.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: [".dashboard-detail-table .move-buttons-container{width:100%;justify-content:flex-end;display:flex;flex-direction:row;right:-1rem;position:relative}.dashboard-detail-table .move-buttons-container button:not(:last-child){margin-right:8px}.dashboard-detail-table__actions{width:1px}.dashboard-detail-table-no-results{display:flex;justify-content:space-around;padding:6.25rem 0;gap:4rem}.dashboard-detail-table-no-results__title{font-size:1.75rem}.dashboard-detail-table-no-results__content{display:flex;flex-direction:column;justify-content:space-around}\n/*!\n * Copyright 2015-2024 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"] }]
+            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 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<ng-container\n  *ngIf=\"\n    fields && {\n      currentDashboard: currentDashboard$ | async,\n      editWidgetConfiguration: editWidgetConfiguration$ | async,\n      loading: loading$ | async,\n      widgetData: widgetData$ | async,\n      dragAndDropDisabled: dragAndDropDisabled$ | async,\n      jsonEditorModel: jsonEditorModel$ | async,\n    } as obs\n  \"\n>\n  <div class=\"dashboard-detail-table\">\n    @if (!$jsonEditorActive()) {\n      <valtimo-carbon-list\n        [actionItems]=\"actionItems\"\n        [fields]=\"fields\"\n        [header]=\"false\"\n        [items]=\"obs.widgetData\"\n        [loading]=\"obs.loading\"\n        [dragAndDrop]=\"true\"\n        [dragAndDropDisabled]=\"obs.dragAndDropDisabled\"\n        (itemsReordered)=\"updateWidgetData($event)\"\n        (rowClicked)=\"editWidget($event)\"\n      >\n        <div carbonToolbarContent>\n          <ng-container [ngTemplateOutlet]=\"viewToggle\"></ng-container>\n\n          <ng-container [ngTemplateOutlet]=\"addWidgetButton\"></ng-container>\n        </div>\n\n        <valtimo-no-results\n          [action]=\"addWidgetButton\"\n          description=\"{{ 'dashboardManagement.widgets.noResults.description' | translate }}\"\n          title=\"{{ 'dashboardManagement.widgets.noResults.title' | translate }}\"\n        ></valtimo-no-results>\n      </valtimo-carbon-list>\n    } @else {\n      <valtimo-json-editor\n        [model]=\"obs.jsonEditorModel\"\n        [fitPage]=\"true\"\n        [fitPageExtraSpace]=\"56\"\n        (saveEvent)=\"updateWidgetData($event)\"\n      >\n        <ng-container *ngTemplateOutlet=\"viewToggle\"></ng-container>\n      </valtimo-json-editor>\n    }\n  </div>\n\n  <valtimo-widget-modal\n    [dashboard]=\"obs.currentDashboard\"\n    [editWidgetConfiguration]=\"obs.editWidgetConfiguration\"\n    [showModal$]=\"showModal$\"\n    [type]=\"modalType\"\n    [widgetKey]=\"obs.editWidgetConfiguration?.key\"\n    (saveEvent)=\"refreshWidgets()\"\n  ></valtimo-widget-modal>\n\n  <valtimo-edit-dashboard-modal\n    [dashboard]=\"obs.currentDashboard\"\n    [showModal$]=\"showEditDashboardModal$\"\n    (saveEvent)=\"refreshDashboard()\"\n  >\n  </valtimo-edit-dashboard-modal>\n</ng-container>\n\n<ng-container renderInPageHeader>\n  <ng-template>\n    <button\n      cdsButton=\"tertiary\"\n      [size]=\"(compactMode$ | async) ? 'sm' : 'md'\"\n      (click)=\"editDashboard()\"\n    >\n      {{ 'dashboardManagement.widgets.editButton' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n    </button>\n  </ng-template>\n</ng-container>\n\n<ng-template #addWidgetButton>\n  <button cdsButton=\"primary\" [disabled]=\"loading$ | async\" (click)=\"addWidget()\">\n    {{ 'dashboardManagement.widgets.add' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #viewToggle>\n  <cds-tooltip [description]=\"'JSON editor'\">\n    <button\n      [cdsButton]=\"$buttonTheme()\"\n      data-testid=\"dashboard-details-switch-view\"\n      iconOnly=\"true\"\n      (click)=\"switchView()\"\n    >\n      <svg cdsIcon=\"code\" size=\"16\"></svg>\n    </button>\n  </cds-tooltip>\n</ng-template>\n", styles: [".dashboard-detail-table .move-buttons-container{width:100%;justify-content:flex-end;display:flex;flex-direction:row;right:-1rem;position:relative}.dashboard-detail-table .move-buttons-container button:not(:last-child){margin-right:8px}.dashboard-detail-table__actions{width:1px}.dashboard-detail-table-no-results{display:flex;justify-content:space-around;padding:6.25rem 0;gap:4rem}.dashboard-detail-table-no-results__title{font-size:1.75rem}.dashboard-detail-table-no-results__content{display:flex;flex-direction:column;justify-content:space-around}\n/*!\n * Copyright 2015-2025 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: DashboardManagementService }, { type: i2$1.DatePipe }, { type: i3.IconService }, { type: i4.PageTitleService }, { type: i5$1.ActivatedRoute }, { type: i6.TranslateService }, { type: i4.PageHeaderService }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -792,16 +803,16 @@ class DashboardManagementComponent {
         this.deleteRowKey$.next(dashboard.key);
         this.showDeleteModal$.next(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementComponent, deps: [{ token: DashboardManagementService }, { token: i1$1.FormBuilder }, { token: i5$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DashboardManagementComponent, selector: "ng-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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<ng-container *ngIf=\"tableData$ | async as data\">\n  <valtimo-carbon-list\n    [actionItems]=\"actionItems\"\n    [header]=\"false\"\n    [items]=\"data.items\"\n    [loading]=\"data.loading\"\n    [fields]=\"fields\"\n    (rowClicked)=\"onRowClick($event)\"\n    class=\"valtimo-dashboard-management__table\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addDashboardButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addDashboardButton\"\n      description=\"{{ 'dashboardManagement.noResults.description' | translate }}\"\n      title=\"{{ 'dashboardManagement.noResults.title' | translate }}\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<cds-modal\n  valtimoCdsModal\n  [open]=\"openModal$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'dashboardManagement.addDashboard' | translate }}\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'dashboardManagement.addDashboard' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\" class=\"valtimo-dashboard-management__form\">\n      <cds-label [invalid]=\"getControlInvalid('title')\">\n        {{ 'dashboardManagement.addModal.name' | translate }}\n\n        <input\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"getControlInvalid('title')\"\n          formControlName=\"title\"\n          cdsText\n          placeholder=\"{{ 'dashboardManagement.addModal.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n\n      <cds-label\n        [helperText]=\"'dashboardManagement.addModal.descriptionHelperText' | translate\"\n        [invalid]=\"getControlInvalid('description')\"\n      >\n        {{ 'dashboardManagement.description' | translate }}\n\n        <input\n          [invalid]=\"getControlInvalid('description')\"\n          formControlName=\"description\"\n          cdsText\n          placeholder=\"{{ 'dashboardManagement.addModal.descriptionPlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'dashboardManagement.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" cdsButton=\"primary\" (click)=\"createDashboard()\">\n      {{ 'dashboardManagement.create' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"dashboardManagement.deleteModal.confirm\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"dashboardManagement.deleteModalContent\"\n  [outputOnConfirm]=\"deleteRowKey$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"dashboardManagement.delete\"\n  (confirmEvent)=\"onConfirmEvent($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addDashboardButton>\n  <button cdsButton=\"primary\" (click)=\"openModal()\">\n    {{ 'dashboardManagement.addDashboard' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n", styles: [".valtimo-dashboard-management__actions{width:1px}.valtimo-dashboard-management__form>*:not(:last-child){margin-bottom:32px}\n/*!\n * Copyright 2015-2024 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: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "component", type: i3.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "component", type: i4.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: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i4.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i4.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i4.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["enableOverflow"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementComponent, deps: [{ token: DashboardManagementService }, { token: i1$1.FormBuilder }, { token: i5$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DashboardManagementComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 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<ng-container *ngIf=\"tableData$ | async as data\">\n  <valtimo-carbon-list\n    [actionItems]=\"actionItems\"\n    [header]=\"false\"\n    [items]=\"data.items\"\n    [loading]=\"data.loading\"\n    [fields]=\"fields\"\n    (rowClicked)=\"onRowClick($event)\"\n    class=\"valtimo-dashboard-management__table\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addDashboardButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addDashboardButton\"\n      description=\"{{ 'dashboardManagement.noResults.description' | translate }}\"\n      title=\"{{ 'dashboardManagement.noResults.title' | translate }}\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<cds-modal\n  valtimoCdsModal\n  [open]=\"openModal$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'dashboardManagement.addDashboard' | translate }}\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'dashboardManagement.addDashboard' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\" class=\"valtimo-dashboard-management__form\">\n      <cds-label [invalid]=\"getControlInvalid('title')\">\n        {{ 'dashboardManagement.addModal.name' | translate }}\n\n        <input\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"getControlInvalid('title')\"\n          formControlName=\"title\"\n          cdsText\n          placeholder=\"{{ 'dashboardManagement.addModal.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n\n      <cds-label\n        [helperText]=\"'dashboardManagement.addModal.descriptionHelperText' | translate\"\n        [invalid]=\"getControlInvalid('description')\"\n      >\n        {{ 'dashboardManagement.description' | translate }}\n\n        <input\n          [invalid]=\"getControlInvalid('description')\"\n          formControlName=\"description\"\n          cdsText\n          placeholder=\"{{ 'dashboardManagement.addModal.descriptionPlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'dashboardManagement.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" cdsButton=\"primary\" (click)=\"createDashboard()\">\n      {{ 'dashboardManagement.create' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"dashboardManagement.deleteModal.confirm\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"dashboardManagement.deleteModalContent\"\n  [outputOnConfirm]=\"deleteRowKey$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"dashboardManagement.delete\"\n  (confirmEvent)=\"onConfirmEvent($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addDashboardButton>\n  <button cdsButton=\"primary\" (click)=\"openModal()\">\n    {{ 'dashboardManagement.addDashboard' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n", styles: [".valtimo-dashboard-management__actions{width:1px}.valtimo-dashboard-management__form>*:not(:last-child){margin-bottom:32px}\n/*!\n * Copyright 2015-2025 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: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "component", type: i3.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "component", type: i4.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: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i4.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i4.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i4.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2024 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<ng-container *ngIf=\"tableData$ | async as data\">\n  <valtimo-carbon-list\n    [actionItems]=\"actionItems\"\n    [header]=\"false\"\n    [items]=\"data.items\"\n    [loading]=\"data.loading\"\n    [fields]=\"fields\"\n    (rowClicked)=\"onRowClick($event)\"\n    class=\"valtimo-dashboard-management__table\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addDashboardButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addDashboardButton\"\n      description=\"{{ 'dashboardManagement.noResults.description' | translate }}\"\n      title=\"{{ 'dashboardManagement.noResults.title' | translate }}\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<cds-modal\n  valtimoCdsModal\n  [open]=\"openModal$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'dashboardManagement.addDashboard' | translate }}\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'dashboardManagement.addDashboard' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\" class=\"valtimo-dashboard-management__form\">\n      <cds-label [invalid]=\"getControlInvalid('title')\">\n        {{ 'dashboardManagement.addModal.name' | translate }}\n\n        <input\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"getControlInvalid('title')\"\n          formControlName=\"title\"\n          cdsText\n          placeholder=\"{{ 'dashboardManagement.addModal.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n\n      <cds-label\n        [helperText]=\"'dashboardManagement.addModal.descriptionHelperText' | translate\"\n        [invalid]=\"getControlInvalid('description')\"\n      >\n        {{ 'dashboardManagement.description' | translate }}\n\n        <input\n          [invalid]=\"getControlInvalid('description')\"\n          formControlName=\"description\"\n          cdsText\n          placeholder=\"{{ 'dashboardManagement.addModal.descriptionPlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'dashboardManagement.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" cdsButton=\"primary\" (click)=\"createDashboard()\">\n      {{ 'dashboardManagement.create' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"dashboardManagement.deleteModal.confirm\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"dashboardManagement.deleteModalContent\"\n  [outputOnConfirm]=\"deleteRowKey$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"dashboardManagement.delete\"\n  (confirmEvent)=\"onConfirmEvent($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addDashboardButton>\n  <button cdsButton=\"primary\" (click)=\"openModal()\">\n    {{ 'dashboardManagement.addDashboard' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n", styles: [".valtimo-dashboard-management__actions{width:1px}.valtimo-dashboard-management__form>*:not(:last-child){margin-bottom:32px}\n/*!\n * Copyright 2015-2024 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"] }]
+            args: [{ standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 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<ng-container *ngIf=\"tableData$ | async as data\">\n  <valtimo-carbon-list\n    [actionItems]=\"actionItems\"\n    [header]=\"false\"\n    [items]=\"data.items\"\n    [loading]=\"data.loading\"\n    [fields]=\"fields\"\n    (rowClicked)=\"onRowClick($event)\"\n    class=\"valtimo-dashboard-management__table\"\n  >\n    <div carbonToolbarContent>\n      <ng-container [ngTemplateOutlet]=\"addDashboardButton\"></ng-container>\n    </div>\n\n    <valtimo-no-results\n      [action]=\"addDashboardButton\"\n      description=\"{{ 'dashboardManagement.noResults.description' | translate }}\"\n      title=\"{{ 'dashboardManagement.noResults.title' | translate }}\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<cds-modal\n  valtimoCdsModal\n  [open]=\"openModal$ | async\"\n  showFooter=\"true\"\n  title=\"{{ 'dashboardManagement.addDashboard' | translate }}\"\n  (close)=\"closeModal()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'dashboardManagement.addDashboard' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\" class=\"valtimo-dashboard-management__form\">\n      <cds-label [invalid]=\"getControlInvalid('title')\">\n        {{ 'dashboardManagement.addModal.name' | translate }}\n\n        <input\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"getControlInvalid('title')\"\n          formControlName=\"title\"\n          cdsText\n          placeholder=\"{{ 'dashboardManagement.addModal.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n\n      <cds-label\n        [helperText]=\"'dashboardManagement.addModal.descriptionHelperText' | translate\"\n        [invalid]=\"getControlInvalid('description')\"\n      >\n        {{ 'dashboardManagement.description' | translate }}\n\n        <input\n          [invalid]=\"getControlInvalid('description')\"\n          formControlName=\"description\"\n          cdsText\n          placeholder=\"{{ 'dashboardManagement.addModal.descriptionPlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\">\n      {{ 'dashboardManagement.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" cdsButton=\"primary\" (click)=\"createDashboard()\">\n      {{ 'dashboardManagement.create' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"dashboardManagement.deleteModal.confirm\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"dashboardManagement.deleteModalContent\"\n  [outputOnConfirm]=\"deleteRowKey$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"dashboardManagement.delete\"\n  (confirmEvent)=\"onConfirmEvent($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #addDashboardButton>\n  <button cdsButton=\"primary\" (click)=\"openModal()\">\n    {{ 'dashboardManagement.addDashboard' | translate }}\n\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n  </button>\n</ng-template>\n", styles: [".valtimo-dashboard-management__actions{width:1px}.valtimo-dashboard-management__form>*:not(:last-child){margin-bottom:32px}\n/*!\n * Copyright 2015-2025 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: DashboardManagementService }, { type: i1$1.FormBuilder }, { type: i5$1.Router }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -835,11 +846,11 @@ const routes = [
     },
 ];
 class DashboardManagementRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementRoutingModule, imports: [i5$1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementRoutingModule, imports: [RouterModule.forRoot(routes), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementRoutingModule, imports: [i5$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementRoutingModule, imports: [RouterModule.forRoot(routes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forRoot(routes)],
@@ -849,7 +860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -864,8 +875,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class DashboardManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementModule, declarations: [DashboardManagementComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementModule, declarations: [DashboardManagementComponent,
             DashboardDetailsComponent,
             WidgetModalComponent,
             EditDashboardModalComponent,
@@ -874,39 +885,37 @@ class DashboardManagementModule {
             DashboardManagementRoutingModule,
             DropdownModule,
             InputModule,
-            ListModule,
             ModalModule,
             ReactiveFormsModule,
             SpinnerModule,
             TranslateModule,
-            RenderInPageHeaderDirectiveModule,
+            RenderInPageHeaderDirective,
             ConfirmationModalModule,
             NotificationModule,
             IconModule,
             WidgetTranslatePipeModule,
             CarbonListModule,
             LayerModule,
-            ValtimoCdsModalDirectiveModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementModule, imports: [ButtonModule,
+            ValtimoCdsModalDirective,
+            JsonEditorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementModule, imports: [ButtonModule,
             CommonModule,
             DashboardManagementRoutingModule,
             DropdownModule,
             InputModule,
-            ListModule,
             ModalModule,
             ReactiveFormsModule,
             SpinnerModule,
             TranslateModule,
-            RenderInPageHeaderDirectiveModule,
             ConfirmationModalModule,
             NotificationModule,
             IconModule,
             WidgetTranslatePipeModule,
             CarbonListModule,
             LayerModule,
-            ValtimoCdsModalDirectiveModule] }); }
+            JsonEditorComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DashboardManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -922,26 +931,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         DashboardManagementRoutingModule,
                         DropdownModule,
                         InputModule,
-                        ListModule,
                         ModalModule,
                         ReactiveFormsModule,
                         SpinnerModule,
                         TranslateModule,
-                        RenderInPageHeaderDirectiveModule,
+                        RenderInPageHeaderDirective,
                         ConfirmationModalModule,
                         NotificationModule,
                         IconModule,
                         WidgetTranslatePipeModule,
                         CarbonListModule,
                         LayerModule,
-                        ValtimoCdsModalDirectiveModule,
+                        ValtimoCdsModalDirective,
+                        JsonEditorComponent,
                     ],
                     exports: [],
                 }]
         }] });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.