@dso-toolkit/angular 88.1.1 → 90.0.0

package/fesm2022/dso-toolkit-angular.mjs

@@ -1,6 +1,6 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, EventEmitter, Output, NgModule } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Output, forwardRef, HostListener, Directive, NgModule } from '@angular/core';
 import { fromEvent } from 'rxjs';
 import { defineCustomElement as defineCustomElement$1 } from '@dso-toolkit/core/dist/components/dso-accordion.js';
 import { defineCustomElement as defineCustomElement$2 } from '@dso-toolkit/core/dist/components/dso-accordion-section.js';
@@ -38,40 +38,43 @@ import { defineCustomElement as defineCustomElement$x } from '@dso-toolkit/core/
 import { defineCustomElement as defineCustomElement$y } from '@dso-toolkit/core/dist/components/dso-input-range.js';
 import { defineCustomElement as defineCustomElement$z } from '@dso-toolkit/core/dist/components/dso-label.js';
 import { defineCustomElement as defineCustomElement$A } from '@dso-toolkit/core/dist/components/dso-legend.js';
-import { defineCustomElement as defineCustomElement$B } from '@dso-toolkit/core/dist/components/dso-legend-item.js';
-import { defineCustomElement as defineCustomElement$C } from '@dso-toolkit/core/dist/components/dso-list-button.js';
-import { defineCustomElement as defineCustomElement$D } from '@dso-toolkit/core/dist/components/dso-logo.js';
-import { defineCustomElement as defineCustomElement$E } from '@dso-toolkit/core/dist/components/dso-map-base-layers.js';
-import { defineCustomElement as defineCustomElement$F } from '@dso-toolkit/core/dist/components/dso-map-controls.js';
-import { defineCustomElement as defineCustomElement$G } from '@dso-toolkit/core/dist/components/dso-map-layer.js';
-import { defineCustomElement as defineCustomElement$H } from '@dso-toolkit/core/dist/components/dso-map-layer-object.js';
-import { defineCustomElement as defineCustomElement$I } from '@dso-toolkit/core/dist/components/dso-map-overlays.js';
-import { defineCustomElement as defineCustomElement$J } from '@dso-toolkit/core/dist/components/dso-mark-bar.js';
-import { defineCustomElement as defineCustomElement$K } from '@dso-toolkit/core/dist/components/dso-modal.js';
-import { defineCustomElement as defineCustomElement$L } from '@dso-toolkit/core/dist/components/dso-onboarding-tip.js';
-import { defineCustomElement as defineCustomElement$M } from '@dso-toolkit/core/dist/components/dso-ozon-content.js';
-import { defineCustomElement as defineCustomElement$N } from '@dso-toolkit/core/dist/components/dso-ozon-content-toggletip.js';
-import { defineCustomElement as defineCustomElement$O } from '@dso-toolkit/core/dist/components/dso-pagination.js';
-import { defineCustomElement as defineCustomElement$P } from '@dso-toolkit/core/dist/components/dso-panel.js';
-import { defineCustomElement as defineCustomElement$Q } from '@dso-toolkit/core/dist/components/dso-plekinfo-card.js';
-import { defineCustomElement as defineCustomElement$R } from '@dso-toolkit/core/dist/components/dso-progress-indicator.js';
-import { defineCustomElement as defineCustomElement$S } from '@dso-toolkit/core/dist/components/dso-project-item.js';
-import { defineCustomElement as defineCustomElement$T } from '@dso-toolkit/core/dist/components/dso-renvooi.js';
-import { defineCustomElement as defineCustomElement$U } from '@dso-toolkit/core/dist/components/dso-responsive-element.js';
-import { defineCustomElement as defineCustomElement$V } from '@dso-toolkit/core/dist/components/dso-scrollable.js';
-import { defineCustomElement as defineCustomElement$W } from '@dso-toolkit/core/dist/components/dso-selectable.js';
-import { defineCustomElement as defineCustomElement$X } from '@dso-toolkit/core/dist/components/dso-skiplink.js';
-import { defineCustomElement as defineCustomElement$Y } from '@dso-toolkit/core/dist/components/dso-slide-toggle.js';
-import { defineCustomElement as defineCustomElement$Z } from '@dso-toolkit/core/dist/components/dso-survey-rating.js';
-import { defineCustomElement as defineCustomElement$_ } from '@dso-toolkit/core/dist/components/dso-tab.js';
-import { defineCustomElement as defineCustomElement$$ } from '@dso-toolkit/core/dist/components/dso-table.js';
-import { defineCustomElement as defineCustomElement$10 } from '@dso-toolkit/core/dist/components/dso-tabs.js';
-import { defineCustomElement as defineCustomElement$11 } from '@dso-toolkit/core/dist/components/dso-tijdreis-banner.js';
-import { defineCustomElement as defineCustomElement$12 } from '@dso-toolkit/core/dist/components/dso-toggletip.js';
-import { defineCustomElement as defineCustomElement$13 } from '@dso-toolkit/core/dist/components/dso-tooltip.js';
-import { defineCustomElement as defineCustomElement$14 } from '@dso-toolkit/core/dist/components/dso-tree-view.js';
-import { defineCustomElement as defineCustomElement$15 } from '@dso-toolkit/core/dist/components/dso-viewer-grid.js';
-import { defineCustomElement as defineCustomElement$16 } from '@dso-toolkit/core/dist/components/dsot-document-component-demo.js';
+import { defineCustomElement as defineCustomElement$B } from '@dso-toolkit/core/dist/components/dso-legend-group.js';
+import { defineCustomElement as defineCustomElement$C } from '@dso-toolkit/core/dist/components/dso-legend-item.js';
+import { defineCustomElement as defineCustomElement$D } from '@dso-toolkit/core/dist/components/dso-list-button.js';
+import { defineCustomElement as defineCustomElement$E } from '@dso-toolkit/core/dist/components/dso-logo.js';
+import { defineCustomElement as defineCustomElement$F } from '@dso-toolkit/core/dist/components/dso-map-base-layers.js';
+import { defineCustomElement as defineCustomElement$G } from '@dso-toolkit/core/dist/components/dso-map-controls.js';
+import { defineCustomElement as defineCustomElement$H } from '@dso-toolkit/core/dist/components/dso-map-layer.js';
+import { defineCustomElement as defineCustomElement$I } from '@dso-toolkit/core/dist/components/dso-map-layer-object.js';
+import { defineCustomElement as defineCustomElement$J } from '@dso-toolkit/core/dist/components/dso-map-overlays.js';
+import { defineCustomElement as defineCustomElement$K } from '@dso-toolkit/core/dist/components/dso-mark-bar.js';
+import { defineCustomElement as defineCustomElement$L } from '@dso-toolkit/core/dist/components/dso-modal.js';
+import { defineCustomElement as defineCustomElement$M } from '@dso-toolkit/core/dist/components/dso-onboarding-tip.js';
+import { defineCustomElement as defineCustomElement$N } from '@dso-toolkit/core/dist/components/dso-ozon-content.js';
+import { defineCustomElement as defineCustomElement$O } from '@dso-toolkit/core/dist/components/dso-ozon-content-toggletip.js';
+import { defineCustomElement as defineCustomElement$P } from '@dso-toolkit/core/dist/components/dso-pagination.js';
+import { defineCustomElement as defineCustomElement$Q } from '@dso-toolkit/core/dist/components/dso-panel.js';
+import { defineCustomElement as defineCustomElement$R } from '@dso-toolkit/core/dist/components/dso-plekinfo-card.js';
+import { defineCustomElement as defineCustomElement$S } from '@dso-toolkit/core/dist/components/dso-progress-indicator.js';
+import { defineCustomElement as defineCustomElement$T } from '@dso-toolkit/core/dist/components/dso-project-item.js';
+import { defineCustomElement as defineCustomElement$U } from '@dso-toolkit/core/dist/components/dso-renvooi.js';
+import { defineCustomElement as defineCustomElement$V } from '@dso-toolkit/core/dist/components/dso-responsive-element.js';
+import { defineCustomElement as defineCustomElement$W } from '@dso-toolkit/core/dist/components/dso-scrollable.js';
+import { defineCustomElement as defineCustomElement$X } from '@dso-toolkit/core/dist/components/dso-segmented-button.js';
+import { defineCustomElement as defineCustomElement$Y } from '@dso-toolkit/core/dist/components/dso-selectable.js';
+import { defineCustomElement as defineCustomElement$Z } from '@dso-toolkit/core/dist/components/dso-skiplink.js';
+import { defineCustomElement as defineCustomElement$_ } from '@dso-toolkit/core/dist/components/dso-slide-toggle.js';
+import { defineCustomElement as defineCustomElement$$ } from '@dso-toolkit/core/dist/components/dso-survey-rating.js';
+import { defineCustomElement as defineCustomElement$10 } from '@dso-toolkit/core/dist/components/dso-tab.js';
+import { defineCustomElement as defineCustomElement$11 } from '@dso-toolkit/core/dist/components/dso-table.js';
+import { defineCustomElement as defineCustomElement$12 } from '@dso-toolkit/core/dist/components/dso-tabs.js';
+import { defineCustomElement as defineCustomElement$13 } from '@dso-toolkit/core/dist/components/dso-tijdreis-banner.js';
+import { defineCustomElement as defineCustomElement$14 } from '@dso-toolkit/core/dist/components/dso-toggletip.js';
+import { defineCustomElement as defineCustomElement$15 } from '@dso-toolkit/core/dist/components/dso-tooltip.js';
+import { defineCustomElement as defineCustomElement$16 } from '@dso-toolkit/core/dist/components/dso-tree-view.js';
+import { defineCustomElement as defineCustomElement$17 } from '@dso-toolkit/core/dist/components/dso-viewer-grid.js';
+import { defineCustomElement as defineCustomElement$18 } from '@dso-toolkit/core/dist/components/dsot-document-component-demo.js';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 /* eslint-disable */
 /* tslint:disable */
@@ -134,13 +137,25 @@ function ProxyCmp(opts) {
 let DsoAccordion = class DsoAccordion {
     z;
     el;
+    /**
+   * The variant of the Accordion.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Places the chevron at the opposite side.
+
+Note: this mode does not display `state`, `attachmentCount` or `status` props on Accordion Sections
+   */
+    set reverseAlign(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAccordion, isStandalone: true, selector: "dso-accordion", inputs: { reverseAlign: "reverseAlign", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAccordion, isStandalone: true, selector: "dso-accordion", inputs: { reverseAlign: "reverseAlign", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAccordion = __decorate([
     ProxyCmp({
@@ -148,31 +163,102 @@ DsoAccordion = __decorate([
         inputs: ['reverseAlign', 'variant']
     })
 ], DsoAccordion);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAccordion, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAccordion, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-accordion',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['reverseAlign', 'variant'], outputs: [],
-                    standalone: true
+                    inputs: ['reverseAlign', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoAccordionSection = class DsoAccordionSection {
     z;
+    el;
+    /**
+   * The title of the handle
+   */
+    set handleTitle(_) { }
+    ;
+    /**
+   * An optional 'wijzigactie' that signals if the section is added or removed.
+   */
+    set wijzigactie(_) { }
+    ;
+    /**
+   * Which heading element to use. @default "h2"
+   */
+    set heading(_) { }
+    ;
+    /**
+   * When set the handle will render as a `<a>`. When undefined it renders as a `<button>`
+   */
+    set handleUrl(_) { }
+    ;
+    /**
+   * `state` takes precedence over `attachmentCount` and `icon`
+   */
+    set status(_) { }
+    ;
+    /**
+   * `attachmentCount` takes precedence over `icon`
+   */
+    set attachmentCount(_) { }
+    ;
+    /**
+   * The alias of the icon in the heading handle.
+   */
+    set icon(_) { }
+    ;
+    /**
+   * The status of the section.
+   */
+    set statusDescription(_) { }
+    ;
+    /**
+   * Set the Accordion Section open. @default false
+   */
+    set open(_) { }
+    ;
+    /**
+   * Set when this Accordion Section contains or will contain an Accordion. @default false
+   */
+    set hasNestedAccordion(_) { }
+    ;
+    /**
+   * The label to be displayed in the heading handle inside a Label (optional)
+   */
+    set label(_) { }
+    ;
+    /**
+   * The status of the Label in the heading handle (optional)
+   */
+    set labelStatus(_) { }
+    ;
+    /**
+   * A boolean to indicate if the Accordion Section is capable of being activated. When `true` a Slide Toggle displays
+on the right in the heading handle (optional). Works only for `variant` `compact-black` and `reverseAlign` false. @default false
+   */
+    set activatable(_) { }
+    ;
+    /**
+   * A boolean to indicate if the Accordion Section is `active`. Only applicable when the Accordion Section is
+`activatable`. @default false
+   */
+    set active(_) { }
+    ;
     dsoActiveChange = new EventEmitter();
     dsoToggleClick = new EventEmitter();
     dsoAnimationStart = new EventEmitter();
     dsoAnimationEnd = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAccordionSection, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAccordionSection, isStandalone: true, selector: "dso-accordion-section", inputs: { activatable: "activatable", active: "active", attachmentCount: "attachmentCount", handleTitle: "handleTitle", handleUrl: "handleUrl", hasNestedAccordion: "hasNestedAccordion", heading: "heading", icon: "icon", label: "label", labelStatus: "labelStatus", open: "open", status: "status", statusDescription: "statusDescription", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange", dsoToggleClick: "dsoToggleClick", dsoAnimationStart: "dsoAnimationStart", dsoAnimationEnd: "dsoAnimationEnd" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAccordionSection, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAccordionSection, isStandalone: true, selector: "dso-accordion-section", inputs: { activatable: "activatable", active: "active", attachmentCount: "attachmentCount", handleTitle: "handleTitle", handleUrl: "handleUrl", hasNestedAccordion: "hasNestedAccordion", heading: "heading", icon: "icon", label: "label", labelStatus: "labelStatus", open: "open", status: "status", statusDescription: "statusDescription", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange", dsoToggleClick: "dsoToggleClick", dsoAnimationStart: "dsoAnimationStart", dsoAnimationEnd: "dsoAnimationEnd" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAccordionSection = __decorate([
     ProxyCmp({
@@ -181,15 +267,15 @@ DsoAccordionSection = __decorate([
         methods: ['focusHandle']
     })
 ], DsoAccordionSection);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAccordionSection, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAccordionSection, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-accordion-section',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activatable', 'active', 'attachmentCount', 'handleTitle', 'handleUrl', 'hasNestedAccordion', 'heading', 'icon', 'label', 'labelStatus', 'open', 'status', 'statusDescription', 'wijzigactie'], outputs: ['dsoActiveChange', 'dsoToggleClick', 'dsoAnimationStart', 'dsoAnimationEnd'],
-                    standalone: true
+                    inputs: ['activatable', 'active', 'attachmentCount', { name: 'handleTitle', required: true }, 'handleUrl', 'hasNestedAccordion', 'heading', 'icon', 'label', 'labelStatus', 'open', 'status', 'statusDescription', 'wijzigactie'],
+                    outputs: ['dsoActiveChange', 'dsoToggleClick', 'dsoAnimationStart', 'dsoAnimationEnd'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
                 type: Output
@@ -203,13 +289,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoActionList = class DsoActionList {
     z;
     el;
+    /**
+   * The title.
+   */
+    set listTitle(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoActionList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoActionList, isStandalone: true, selector: "dso-action-list", inputs: { listTitle: "listTitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoActionList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoActionList, isStandalone: true, selector: "dso-action-list", inputs: { listTitle: "listTitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoActionList = __decorate([
     ProxyCmp({
@@ -217,27 +308,51 @@ DsoActionList = __decorate([
         inputs: ['listTitle']
     })
 ], DsoActionList);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoActionList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoActionList, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-action-list',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['listTitle'], outputs: [],
-                    standalone: true
+                    inputs: [{ name: 'listTitle', required: true }],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoActionListItem = class DsoActionListItem {
     z;
     el;
+    /**
+   * The step of the Action List Item.
+   */
+    set step(_) { }
+    ;
+    /**
+   * The title of the item.
+   */
+    set itemTitle(_) { }
+    ;
+    /**
+   * Show flow line to next step @default false
+   */
+    set flowLine(_) { }
+    ;
+    /**
+   * When there is a warning. @default false
+   */
+    set warning(_) { }
+    ;
+    /**
+   * Places a dashed line at the bottom of the item. @default false
+   */
+    set divider(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoActionListItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoActionListItem, isStandalone: true, selector: "dso-action-list-item", inputs: { divider: "divider", flowLine: "flowLine", itemTitle: "itemTitle", step: "step", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoActionListItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoActionListItem, isStandalone: true, selector: "dso-action-list-item", inputs: { divider: "divider", flowLine: "flowLine", itemTitle: "itemTitle", step: "step", warning: "warning" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoActionListItem = __decorate([
     ProxyCmp({
@@ -245,29 +360,43 @@ DsoActionListItem = __decorate([
         inputs: ['divider', 'flowLine', 'itemTitle', 'step', 'warning']
     })
 ], DsoActionListItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoActionListItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoActionListItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-action-list-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['divider', 'flowLine', 'itemTitle', 'step', 'warning'], outputs: [],
-                    standalone: true
+                    inputs: ['divider', 'flowLine', 'itemTitle', { name: 'step', required: true }, 'warning'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoAdvancedSelect = class DsoAdvancedSelect {
     z;
+    el;
+    /**
+   * The options to display in the select. @default []
+   */
+    set options(_) { }
+    ;
+    /**
+   * The active option. By object reference.
+   */
+    set active(_) { }
+    ;
+    /**
+   * An extra text for the active option. Only visible in the list of options.
+   */
+    set activeHint(_) { }
+    ;
     dsoChange = new EventEmitter();
     dsoRedirect = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAdvancedSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAdvancedSelect, isStandalone: true, selector: "dso-advanced-select", inputs: { active: "active", activeHint: "activeHint", options: "options" }, outputs: { dsoChange: "dsoChange", dsoRedirect: "dsoRedirect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAdvancedSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAdvancedSelect, isStandalone: true, selector: "dso-advanced-select", inputs: { active: "active", activeHint: "activeHint", options: "options" }, outputs: { dsoChange: "dsoChange", dsoRedirect: "dsoRedirect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAdvancedSelect = __decorate([
     ProxyCmp({
@@ -275,15 +404,15 @@ DsoAdvancedSelect = __decorate([
         inputs: ['active', 'activeHint', 'options']
     })
 ], DsoAdvancedSelect);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAdvancedSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAdvancedSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-advanced-select',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'activeHint', 'options'], outputs: ['dsoChange', 'dsoRedirect'],
-                    standalone: true
+                    inputs: ['active', 'activeHint', 'options'],
+                    outputs: ['dsoChange', 'dsoRedirect'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoChange: [{
                 type: Output
@@ -292,15 +421,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoAlert = class DsoAlert {
     z;
-    dsoClose = new EventEmitter();
     el;
+    /**
+   * Set status of alert
+   */
+    set status(_) { }
+    ;
+    /**
+   * Whether or not to show the role attribute with value "alert". To control the tooltip add the `role-alert` attribute.
+   */
+    set roleAlert(_) { }
+    ;
+    /**
+   * Show alert as compact variant (without icon)
+   */
+    set compact(_) { }
+    ;
+    /**
+   * When `false` the close button in the alert will not be rendered. @default false
+   */
+    set closable(_) { }
+    ;
+    dsoClose = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAlert, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAlert, isStandalone: true, selector: "dso-alert", inputs: { closable: "closable", compact: "compact", roleAlert: "roleAlert", status: "status" }, outputs: { dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAlert, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAlert, isStandalone: true, selector: "dso-alert", inputs: { closable: "closable", compact: "compact", roleAlert: "roleAlert", status: "status" }, outputs: { dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAlert = __decorate([
     ProxyCmp({
@@ -308,30 +457,65 @@ DsoAlert = __decorate([
         inputs: ['closable', 'compact', 'roleAlert', 'status']
     })
 ], DsoAlert);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAlert, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAlert, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-alert',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['closable', 'compact', 'roleAlert', 'status'], outputs: ['dsoClose'],
-                    standalone: true
+                    inputs: ['closable', 'compact', 'roleAlert', { name: 'status', required: true }],
+                    outputs: ['dsoClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoClose: [{
                 type: Output
             }] } });
 let DsoAnnotationActiviteit = class DsoAnnotationActiviteit {
     z;
-    dsoActiveChange = new EventEmitter();
     el;
+    /**
+   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
+   */
+    set wijzigactie(_) { }
+    ;
+    /**
+   * Een optionele boolean die aangeeft of de annotatie actief is.
+   */
+    set active(_) { }
+    ;
+    /**
+   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
+   */
+    set gewijzigdeLocatie(_) { }
+    ;
+    /**
+   * De naam van de activiteit.
+   */
+    set naam(_) { }
+    ;
+    /**
+   * De activiteit regel kwalificatie.
+   */
+    set regelKwalificatie(_) { }
+    ;
+    /**
+   * De noemer van de locatie.
+   */
+    set locatieNoemers(_) { }
+    ;
+    /**
+   * Voorzetsel van de regelKwalificatie. Exclusief dubbele punt.
+   */
+    set regelKwalificatieVoorzetsel(_) { }
+    ;
+    dsoActiveChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAnnotationActiviteit, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAnnotationActiviteit, isStandalone: true, selector: "dso-annotation-activiteit", inputs: { active: "active", gewijzigdeLocatie: "gewijzigdeLocatie", locatieNoemers: "locatieNoemers", naam: "naam", regelKwalificatie: "regelKwalificatie", regelKwalificatieVoorzetsel: "regelKwalificatieVoorzetsel", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAnnotationActiviteit, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAnnotationActiviteit, isStandalone: true, selector: "dso-annotation-activiteit", inputs: { active: "active", gewijzigdeLocatie: "gewijzigdeLocatie", locatieNoemers: "locatieNoemers", naam: "naam", regelKwalificatie: "regelKwalificatie", regelKwalificatieVoorzetsel: "regelKwalificatieVoorzetsel", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAnnotationActiviteit = __decorate([
     ProxyCmp({
@@ -339,30 +523,50 @@ DsoAnnotationActiviteit = __decorate([
         inputs: ['active', 'gewijzigdeLocatie', 'locatieNoemers', 'naam', 'regelKwalificatie', 'regelKwalificatieVoorzetsel', 'wijzigactie']
     })
 ], DsoAnnotationActiviteit);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAnnotationActiviteit, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAnnotationActiviteit, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-annotation-activiteit',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'gewijzigdeLocatie', 'locatieNoemers', 'naam', 'regelKwalificatie', 'regelKwalificatieVoorzetsel', 'wijzigactie'], outputs: ['dsoActiveChange'],
-                    standalone: true
+                    inputs: ['active', 'gewijzigdeLocatie', 'locatieNoemers', 'naam', 'regelKwalificatie', 'regelKwalificatieVoorzetsel', 'wijzigactie'],
+                    outputs: ['dsoActiveChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
                 type: Output
             }] } });
 let DsoAnnotationGebiedsaanwijzing = class DsoAnnotationGebiedsaanwijzing {
     z;
-    dsoActiveChange = new EventEmitter();
     el;
+    /**
+   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
+   */
+    set wijzigactie(_) { }
+    ;
+    /**
+   * Een optionele boolean die aangeeft of de annotatie actief is.
+   */
+    set active(_) { }
+    ;
+    /**
+   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
+   */
+    set gewijzigdeLocatie(_) { }
+    ;
+    /**
+   * De naam van de gebiedsaanwijzing.
+   */
+    set naam(_) { }
+    ;
+    dsoActiveChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAnnotationGebiedsaanwijzing, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAnnotationGebiedsaanwijzing, isStandalone: true, selector: "dso-annotation-gebiedsaanwijzing", inputs: { active: "active", gewijzigdeLocatie: "gewijzigdeLocatie", naam: "naam", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAnnotationGebiedsaanwijzing, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAnnotationGebiedsaanwijzing, isStandalone: true, selector: "dso-annotation-gebiedsaanwijzing", inputs: { active: "active", gewijzigdeLocatie: "gewijzigdeLocatie", naam: "naam", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAnnotationGebiedsaanwijzing = __decorate([
     ProxyCmp({
@@ -370,30 +574,47 @@ DsoAnnotationGebiedsaanwijzing = __decorate([
         inputs: ['active', 'gewijzigdeLocatie', 'naam', 'wijzigactie']
     })
 ], DsoAnnotationGebiedsaanwijzing);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAnnotationGebiedsaanwijzing, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAnnotationGebiedsaanwijzing, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-annotation-gebiedsaanwijzing',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'gewijzigdeLocatie', 'naam', 'wijzigactie'], outputs: ['dsoActiveChange'],
-                    standalone: true
+                    inputs: ['active', 'gewijzigdeLocatie', 'naam', 'wijzigactie'],
+                    outputs: ['dsoActiveChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
                 type: Output
             }] } });
 let DsoAnnotationKaart = class DsoAnnotationKaart {
     z;
-    dsoClick = new EventEmitter();
     el;
+    /**
+   * Een optionele wijzigactie die aangeeft of de annotatie is toegevoegd of verwijderd.
+   */
+    set wijzigactie(_) { }
+    ;
+    /**
+   * De naam van de kaart.
+   */
+    set naam(_) { }
+    ;
+    /**
+   * De url naar de kaart.
+
+Gebruik het event `dsoClick` om de navigatie aan de router te koppelen.
+   */
+    set href(_) { }
+    ;
+    dsoClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAnnotationKaart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAnnotationKaart, isStandalone: true, selector: "dso-annotation-kaart", inputs: { href: "href", naam: "naam", wijzigactie: "wijzigactie" }, outputs: { dsoClick: "dsoClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAnnotationKaart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAnnotationKaart, isStandalone: true, selector: "dso-annotation-kaart", inputs: { href: "href", naam: "naam", wijzigactie: "wijzigactie" }, outputs: { dsoClick: "dsoClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAnnotationKaart = __decorate([
     ProxyCmp({
@@ -401,30 +622,50 @@ DsoAnnotationKaart = __decorate([
         inputs: ['href', 'naam', 'wijzigactie']
     })
 ], DsoAnnotationKaart);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAnnotationKaart, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAnnotationKaart, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-annotation-kaart',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['href', 'naam', 'wijzigactie'], outputs: ['dsoClick'],
-                    standalone: true
+                    inputs: ['href', 'naam', 'wijzigactie'],
+                    outputs: ['dsoClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoClick: [{
                 type: Output
             }] } });
 let DsoAnnotationLocatie = class DsoAnnotationLocatie {
     z;
-    dsoActiveChange = new EventEmitter();
     el;
+    /**
+   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
+   */
+    set wijzigactie(_) { }
+    ;
+    /**
+   * Een optionele boolean die aangeeft of de annotatie actief is.
+   */
+    set active(_) { }
+    ;
+    /**
+   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
+   */
+    set gewijzigdeLocatie(_) { }
+    ;
+    /**
+   * De noemer van de locatie.
+   */
+    set locatieNoemer(_) { }
+    ;
+    dsoActiveChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAnnotationLocatie, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAnnotationLocatie, isStandalone: true, selector: "dso-annotation-locatie", inputs: { active: "active", gewijzigdeLocatie: "gewijzigdeLocatie", locatieNoemer: "locatieNoemer", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAnnotationLocatie, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAnnotationLocatie, isStandalone: true, selector: "dso-annotation-locatie", inputs: { active: "active", gewijzigdeLocatie: "gewijzigdeLocatie", locatieNoemer: "locatieNoemer", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAnnotationLocatie = __decorate([
     ProxyCmp({
@@ -432,30 +673,65 @@ DsoAnnotationLocatie = __decorate([
         inputs: ['active', 'gewijzigdeLocatie', 'locatieNoemer', 'wijzigactie']
     })
 ], DsoAnnotationLocatie);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAnnotationLocatie, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAnnotationLocatie, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-annotation-locatie',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'gewijzigdeLocatie', 'locatieNoemer', 'wijzigactie'], outputs: ['dsoActiveChange'],
-                    standalone: true
+                    inputs: ['active', 'gewijzigdeLocatie', 'locatieNoemer', 'wijzigactie'],
+                    outputs: ['dsoActiveChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
                 type: Output
             }] } });
 let DsoAnnotationOmgevingsnormwaarde = class DsoAnnotationOmgevingsnormwaarde {
     z;
-    dsoActiveChange = new EventEmitter();
     el;
+    /**
+   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
+   */
+    set wijzigactie(_) { }
+    ;
+    /**
+   * Een optionele boolean die aangeeft of de annotatie actief is.
+   */
+    set active(_) { }
+    ;
+    /**
+   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
+   */
+    set gewijzigdeLocatie(_) { }
+    ;
+    /**
+   * De naam van de omgevingsnorm of omgevingswaarde.
+   */
+    set naam(_) { }
+    ;
+    /**
+   * De toelichting van de waardes.
+   */
+    set toelichting(_) { }
+    ;
+    /**
+   * De waardes van de omgevingsnorm of omgevingswaarde.
+   */
+    set waardes(_) { }
+    ;
+    /**
+   * De eenheid van de omgevingsnorm of omgevingswaarde.
+   */
+    set eenheid(_) { }
+    ;
+    dsoActiveChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAnnotationOmgevingsnormwaarde, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAnnotationOmgevingsnormwaarde, isStandalone: true, selector: "dso-annotation-omgevingsnormwaarde", inputs: { active: "active", eenheid: "eenheid", gewijzigdeLocatie: "gewijzigdeLocatie", naam: "naam", toelichting: "toelichting", waardes: "waardes", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAnnotationOmgevingsnormwaarde, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAnnotationOmgevingsnormwaarde, isStandalone: true, selector: "dso-annotation-omgevingsnormwaarde", inputs: { active: "active", eenheid: "eenheid", gewijzigdeLocatie: "gewijzigdeLocatie", naam: "naam", toelichting: "toelichting", waardes: "waardes", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAnnotationOmgevingsnormwaarde = __decorate([
     ProxyCmp({
@@ -463,15 +739,15 @@ DsoAnnotationOmgevingsnormwaarde = __decorate([
         inputs: ['active', 'eenheid', 'gewijzigdeLocatie', 'naam', 'toelichting', 'waardes', 'wijzigactie']
     })
 ], DsoAnnotationOmgevingsnormwaarde);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAnnotationOmgevingsnormwaarde, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAnnotationOmgevingsnormwaarde, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-annotation-omgevingsnormwaarde',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'eenheid', 'gewijzigdeLocatie', 'naam', 'toelichting', 'waardes', 'wijzigactie'], outputs: ['dsoActiveChange'],
-                    standalone: true
+                    inputs: ['active', 'eenheid', 'gewijzigdeLocatie', 'naam', 'toelichting', 'waardes', 'wijzigactie'],
+                    outputs: ['dsoActiveChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
                 type: Output
@@ -479,13 +755,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoAttachmentsCounter = class DsoAttachmentsCounter {
     z;
     el;
+    /**
+   * The number of attachments.
+   */
+    set count(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAttachmentsCounter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAttachmentsCounter, isStandalone: true, selector: "dso-attachments-counter", inputs: { count: "count" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAttachmentsCounter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAttachmentsCounter, isStandalone: true, selector: "dso-attachments-counter", inputs: { count: "count" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAttachmentsCounter = __decorate([
     ProxyCmp({
@@ -493,30 +774,70 @@ DsoAttachmentsCounter = __decorate([
         inputs: ['count']
     })
 ], DsoAttachmentsCounter);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAttachmentsCounter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAttachmentsCounter, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-attachments-counter',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['count'], outputs: [],
-                    standalone: true
+                    inputs: [{ name: 'count', required: true }],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoAutosuggest = class DsoAutosuggest {
     z;
+    el;
+    /**
+   * The suggestions for the value of the slotted input element.
+
+This can be an array of type Suggestion or an Array of type SuggestionGroup.
+
+A suggestionGroup must have a `groupLabel` and `suggestions`.
+
+A suggestion must have a `value` and can have a `type`, an `item` or `extras`.
+
+The `type` is used to style the suggestion. `item` can be use to reference the original object that was used to
+create the suggestion. `extras` is an array of additional strings to further specify the suggestion.
+
+The value should be null when no suggestions have been fetched. @default null
+   */
+    set suggestions(_) { }
+    ;
+    /**
+   * Shows progress indicator when fetching results. @default false
+   */
+    set loading(_) { }
+    ;
+    /**
+   * To override progress indicator's default loading label. @default "Een moment geduld."
+   */
+    set loadingLabel(_) { }
+    ;
+    /**
+   * To delay progress indicator showing (in ms).
+   */
+    set loadingDelayed(_) { }
+    ;
+    /**
+   * To show text when no results are found.
+   */
+    set notFoundLabel(_) { }
+    ;
+    /**
+   * A function provided by the consumer of the autosuggest component, that returns an array of `AutosuggestMarkItem`s
+   */
+    set mark(_) { }
+    ;
     dsoSelect = new EventEmitter();
     dsoChange = new EventEmitter();
     dsoSearch = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAutosuggest, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoAutosuggest, isStandalone: true, selector: "dso-autosuggest", inputs: { loading: "loading", loadingDelayed: "loadingDelayed", loadingLabel: "loadingLabel", mark: "mark", notFoundLabel: "notFoundLabel", suggestions: "suggestions" }, outputs: { dsoSelect: "dsoSelect", dsoChange: "dsoChange", dsoSearch: "dsoSearch" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAutosuggest, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoAutosuggest, isStandalone: true, selector: "dso-autosuggest", inputs: { loading: "loading", loadingDelayed: "loadingDelayed", loadingLabel: "loadingLabel", mark: "mark", notFoundLabel: "notFoundLabel", suggestions: "suggestions" }, outputs: { dsoSelect: "dsoSelect", dsoChange: "dsoChange", dsoSearch: "dsoSearch" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoAutosuggest = __decorate([
     ProxyCmp({
@@ -524,15 +845,15 @@ DsoAutosuggest = __decorate([
         inputs: ['loading', 'loadingDelayed', 'loadingLabel', 'mark', 'notFoundLabel', 'suggestions']
     })
 ], DsoAutosuggest);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoAutosuggest, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoAutosuggest, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-autosuggest',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['loading', 'loadingDelayed', 'loadingLabel', 'mark', 'notFoundLabel', 'suggestions'], outputs: ['dsoSelect', 'dsoChange', 'dsoSearch'],
-                    standalone: true
+                    inputs: ['loading', 'loadingDelayed', 'loadingLabel', 'mark', 'notFoundLabel', 'suggestions'],
+                    outputs: ['dsoSelect', 'dsoChange', 'dsoSearch'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoSelect: [{
                 type: Output
@@ -544,13 +865,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoBadge = class DsoBadge {
     z;
     el;
+    /**
+   * The status of the Badge.
+   */
+    set status(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoBadge, isStandalone: true, selector: "dso-badge", inputs: { status: "status" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoBadge, isStandalone: true, selector: "dso-badge", inputs: { status: "status" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoBadge = __decorate([
     ProxyCmp({
@@ -558,27 +884,43 @@ DsoBadge = __decorate([
         inputs: ['status']
     })
 ], DsoBadge);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoBadge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoBadge, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-badge',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['status'], outputs: [],
-                    standalone: true
+                    inputs: ['status'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoBanner = class DsoBanner {
     z;
     el;
+    /**
+   * The status of the banner.
+   */
+    set status(_) { }
+    ;
+    /**
+   * Compact mode. @default false
+   */
+    set compact(_) { }
+    ;
+    /**
+   * *Icon can only be hidden when the 'compact' property is set to true.
+
+Option to show banner icon. @default false
+   */
+    set icon(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoBanner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoBanner, isStandalone: true, selector: "dso-banner", inputs: { compact: "compact", icon: "icon", status: "status" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoBanner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoBanner, isStandalone: true, selector: "dso-banner", inputs: { compact: "compact", icon: "icon", status: "status" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoBanner = __decorate([
     ProxyCmp({
@@ -586,27 +928,33 @@ DsoBanner = __decorate([
         inputs: ['compact', 'icon', 'status']
     })
 ], DsoBanner);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoBanner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoBanner, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-banner',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['compact', 'icon', 'status'], outputs: [],
-                    standalone: true
+                    inputs: ['compact', 'icon', { name: 'status', required: true }],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoButtonGroup = class DsoButtonGroup {
     z;
     el;
+    /**
+   * The direction in which the buttons are displayed.
+
+Defaults to `row`. @default "row"
+   */
+    set direction(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoButtonGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoButtonGroup, isStandalone: true, selector: "dso-button-group", inputs: { direction: "direction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoButtonGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoButtonGroup, isStandalone: true, selector: "dso-button-group", inputs: { direction: "direction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoButtonGroup = __decorate([
     ProxyCmp({
@@ -614,28 +962,44 @@ DsoButtonGroup = __decorate([
         inputs: ['direction']
     })
 ], DsoButtonGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoButtonGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoButtonGroup, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-button-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['direction'], outputs: [],
-                    standalone: true
+                    inputs: ['direction'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoCard = class DsoCard {
     z;
-    dsoCardClick = new EventEmitter();
     el;
+    /**
+   * The URL to which the Card heading links.
+   */
+    set href(_) { }
+    ;
+    /**
+   * Display the link as an external link or a download link
+ - "download"
+ - "extern"
+   */
+    set mode(_) { }
+    ;
+    /**
+   * Makes the Card active.
+   */
+    set active(_) { }
+    ;
+    dsoCardClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoCard, isStandalone: true, selector: "dso-card", inputs: { active: "active", href: "href", mode: "mode" }, outputs: { dsoCardClick: "dsoCardClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoCard, isStandalone: true, selector: "dso-card", inputs: { active: "active", href: "href", mode: "mode" }, outputs: { dsoCardClick: "dsoCardClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoCard = __decorate([
     ProxyCmp({
@@ -643,15 +1007,15 @@ DsoCard = __decorate([
         inputs: ['active', 'href', 'mode']
     })
 ], DsoCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoCard, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-card',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'href', 'mode'], outputs: ['dsoCardClick'],
-                    standalone: true
+                    inputs: ['active', { name: 'href', required: true }, 'mode'],
+                    outputs: ['dsoCardClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoCardClick: [{
                 type: Output
@@ -659,13 +1023,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoCardContainer = class DsoCardContainer {
     z;
     el;
+    /**
+   * The mode of the Card Container. @default "list"
+   */
+    set mode(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoCardContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoCardContainer, isStandalone: true, selector: "dso-card-container", inputs: { mode: "mode" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoCardContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoCardContainer, isStandalone: true, selector: "dso-card-container", inputs: { mode: "mode" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoCardContainer = __decorate([
     ProxyCmp({
@@ -673,15 +1042,14 @@ DsoCardContainer = __decorate([
         inputs: ['mode']
     })
 ], DsoCardContainer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoCardContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoCardContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-card-container',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['mode'], outputs: [],
-                    standalone: true
+                    inputs: ['mode'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoContactInformation = class DsoContactInformation {
@@ -692,23 +1060,22 @@ let DsoContactInformation = class DsoContactInformation {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoContactInformation, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoContactInformation, isStandalone: true, selector: "dso-contact-information", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoContactInformation, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoContactInformation, isStandalone: true, selector: "dso-contact-information", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoContactInformation = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$j
     })
 ], DsoContactInformation);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoContactInformation, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoContactInformation, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-contact-information',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [], outputs: [],
-                    standalone: true
+                    inputs: [],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoCursorTooltip = class DsoCursorTooltip {
@@ -719,40 +1086,92 @@ let DsoCursorTooltip = class DsoCursorTooltip {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoCursorTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoCursorTooltip, isStandalone: true, selector: "dso-cursor-tooltip", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoCursorTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoCursorTooltip, isStandalone: true, selector: "dso-cursor-tooltip", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoCursorTooltip = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$k
     })
 ], DsoCursorTooltip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoCursorTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoCursorTooltip, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-cursor-tooltip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [], outputs: [],
-                    standalone: true
+                    inputs: [],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoDatePicker = class DsoDatePicker {
     z;
+    el;
+    /**
+   * Name of the date picker input. @default "dso-date"
+   */
+    set name(_) { }
+    ;
+    /**
+   * Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.
+   */
+    set identifier(_) { }
+    ;
+    /**
+   * Makes the date picker input component disabled. This prevents users from being able to
+interact with the input, and conveys its inactive state to assistive technologies. @default false
+   */
+    set disabled(_) { }
+    ;
+    /**
+   * Should the input be marked as required? @default false
+   */
+    set required(_) { }
+    ;
+    /**
+   * Is input invalid?
+   */
+    set invalid(_) { }
+    ;
+    /**
+   * ID of element that describes the input element
+   */
+    set describedBy(_) { }
+    ;
+    /**
+   * Should the input be focused on load? @default false
+   */
+    set dsoAutofocus(_) { }
+    ;
+    /**
+   * Date value. Must be in Dutch date format: DD-MM-YYYY. @default ""
+   */
+    set value(_) { }
+    ;
+    /**
+   * Minimum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.
+This setting can be used alone or together with the max property.
+   */
+    set min(_) { }
+    ;
+    /**
+   * Maximum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.
+This setting can be used alone or together with the min property.
+   */
+    set max(_) { }
+    ;
     dsoDateChange = new EventEmitter();
     dsoBlur = new EventEmitter();
     dsoKeyUp = new EventEmitter();
     dsoKeyDown = new EventEmitter();
     dsoFocus = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoDatePicker, isStandalone: true, selector: "dso-date-picker", inputs: { describedBy: "describedBy", disabled: "disabled", dsoAutofocus: "dsoAutofocus", identifier: "identifier", invalid: "invalid", max: "max", min: "min", name: "name", required: "required", value: "value" }, outputs: { dsoDateChange: "dsoDateChange", dsoBlur: "dsoBlur", dsoKeyUp: "dsoKeyUp", dsoKeyDown: "dsoKeyDown", dsoFocus: "dsoFocus" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoDatePicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoDatePicker, isStandalone: true, selector: "dso-date-picker", inputs: { describedBy: "describedBy", disabled: "disabled", dsoAutofocus: "dsoAutofocus", identifier: "identifier", invalid: "invalid", max: "max", min: "min", name: "name", required: "required", value: "value" }, outputs: { dsoDateChange: "dsoDateChange", dsoBlur: "dsoBlur", dsoKeyUp: "dsoKeyUp", dsoKeyDown: "dsoKeyDown", dsoFocus: "dsoFocus" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoDatePicker = __decorate([
     ProxyCmp({
@@ -760,15 +1179,15 @@ DsoDatePicker = __decorate([
         inputs: ['describedBy', 'disabled', 'dsoAutofocus', 'identifier', 'invalid', 'max', 'min', 'name', 'required', 'value']
     })
 ], DsoDatePicker);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoDatePicker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoDatePicker, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-date-picker',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['describedBy', 'disabled', 'dsoAutofocus', 'identifier', 'invalid', 'max', 'min', 'name', 'required', 'value'], outputs: ['dsoDateChange', 'dsoBlur', 'dsoKeyUp', 'dsoKeyDown', 'dsoFocus'],
-                    standalone: true
+                    inputs: ['describedBy', 'disabled', 'dsoAutofocus', 'identifier', 'invalid', 'max', 'min', 'name', 'required', 'value'],
+                    outputs: ['dsoDateChange', 'dsoBlur', 'dsoKeyUp', 'dsoKeyDown', 'dsoFocus'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoDateChange: [{
                 type: Output
@@ -783,15 +1202,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoDocumentCard = class DsoDocumentCard {
     z;
-    dsoDocumentCardClick = new EventEmitter();
     el;
+    /**
+   * The URL to which the DocumentCard heading links.
+   */
+    set href(_) { }
+    ;
+    /**
+   * Makes the DocumentCard active.
+   */
+    set active(_) { }
+    ;
+    dsoDocumentCardClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoDocumentCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoDocumentCard, isStandalone: true, selector: "dso-document-card", inputs: { active: "active", href: "href" }, outputs: { dsoDocumentCardClick: "dsoDocumentCardClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoDocumentCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoDocumentCard, isStandalone: true, selector: "dso-document-card", inputs: { active: "active", href: "href" }, outputs: { dsoDocumentCardClick: "dsoDocumentCardClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoDocumentCard = __decorate([
     ProxyCmp({
@@ -799,35 +1228,161 @@ DsoDocumentCard = __decorate([
         inputs: ['active', 'href']
     })
 ], DsoDocumentCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoDocumentCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoDocumentCard, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-document-card',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'href'], outputs: ['dsoDocumentCardClick'],
-                    standalone: true
+                    inputs: ['active', { name: 'href', required: true }],
+                    outputs: ['dsoDocumentCardClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoDocumentCardClick: [{
                 type: Output
             }] } });
 let DsoDocumentComponent = class DsoDocumentComponent {
     z;
+    el;
+    /**
+   * The heading element to use. @default "h2"
+   */
+    set heading(_) { }
+    ;
+    /**
+   * The Kop XML.
+   */
+    set kop(_) { }
+    ;
+    /**
+   * The Inhoud XML.
+   */
+    set inhoud(_) { }
+    ;
+    /**
+   * This boolean attribute indicates whether the children are visible. @default false
+   */
+    set open(_) { }
+    ;
+    /**
+   * Marks this Document Component as belonging to an active filter. @default false
+   */
+    set filtered(_) { }
+    ;
+    /**
+   * Marks this Document Component as not-applicable. @default false
+   */
+    set notApplicable(_) { }
+    ;
+    /**
+   * Text to display in the badge (e.g. "!").
+   */
+    set badge(_) { }
+    ;
+    /**
+   * Status/color of the badge.
+   */
+    set badgeStatus(_) { }
+    ;
+    /**
+   * Tooltip text for the badge.
+   */
+    set badgeTooltip(_) { }
+    ;
+    /**
+   * Text to display in the label (e.g. "Ontwerp", "Besluitversie").
+   */
+    set label(_) { }
+    ;
+    /**
+   * Status/color of the label.
+   */
+    set labelStatus(_) { }
+    ;
+    /**
+   * Enables annotations. @default false
+   */
+    set annotated(_) { }
+    ;
+    /**
+   * Marks Document Component as reserved.
+   */
+    set gereserveerd(_) { }
+    ;
+    /**
+   * Marks the Document Component as expired.
+   */
+    set vervallen(_) { }
+    ;
+    /**
+   * When the Annotation is opened, set this to true. @default false
+   */
+    set openAnnotation(_) { }
+    ;
+    /**
+   * An alternative title to show when there is nothing to create a title.
+   */
+    set alternativeTitle(_) { }
+    ;
+    /**
+   * Type of Document Component.
+   */
+    set type(_) { }
+    ;
+    /**
+   * The wijzigactie as in STOP.
+   */
+    set wijzigactie(_) { }
+    ;
+    /**
+   * The wijzigactie for all annotations.
+   */
+    set annotationsWijzigactie(_) { }
+    ;
+    /**
+   * To mark text.
+   */
+    set mark(_) { }
+    ;
+    /**
+   * Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.
+   */
+    set recursiveToggle(_) { }
+    ;
+    /**
+   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.
+   */
+    set ozonContentUrlResolver(_) { }
+    ;
+    /**
+   * A BegripResolver that will be called for STOP element "IntRef". If the ref-attribute of IntRef points to a Begrip it
+should return the `<Definitie>` of that Begrip otherwise it should return undefined.
+   */
+    set ozonContentBegripResolver(_) { }
+    ;
+    /**
+   * The mode of the Document Component. One of "document" or "table-of-contents". Defaults to "document" @default "document"
+   */
+    set mode(_) { }
+    ;
+    /**
+   * The URL to which the Heading links (only in mode="table-of-contents").
+   */
+    set href(_) { }
+    ;
     dsoRecursiveToggle = new EventEmitter();
     dsoOpenToggle = new EventEmitter();
     dsoTableOfContentsClick = new EventEmitter();
     dsoOzonContentClick = new EventEmitter();
     dsoAnnotationToggle = new EventEmitter();
     dsoMarkItemHighlight = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoDocumentComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoDocumentComponent, isStandalone: true, selector: "dso-document-component", inputs: { alternativeTitle: "alternativeTitle", annotated: "annotated", annotationsWijzigactie: "annotationsWijzigactie", badge: "badge", badgeStatus: "badgeStatus", badgeTooltip: "badgeTooltip", filtered: "filtered", gereserveerd: "gereserveerd", heading: "heading", href: "href", inhoud: "inhoud", kop: "kop", label: "label", labelStatus: "labelStatus", mark: "mark", mode: "mode", notApplicable: "notApplicable", open: "open", openAnnotation: "openAnnotation", ozonContentBegripResolver: "ozonContentBegripResolver", ozonContentUrlResolver: "ozonContentUrlResolver", recursiveToggle: "recursiveToggle", type: "type", vervallen: "vervallen", wijzigactie: "wijzigactie" }, outputs: { dsoRecursiveToggle: "dsoRecursiveToggle", dsoOpenToggle: "dsoOpenToggle", dsoTableOfContentsClick: "dsoTableOfContentsClick", dsoOzonContentClick: "dsoOzonContentClick", dsoAnnotationToggle: "dsoAnnotationToggle", dsoMarkItemHighlight: "dsoMarkItemHighlight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoDocumentComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoDocumentComponent, isStandalone: true, selector: "dso-document-component", inputs: { alternativeTitle: "alternativeTitle", annotated: "annotated", annotationsWijzigactie: "annotationsWijzigactie", badge: "badge", badgeStatus: "badgeStatus", badgeTooltip: "badgeTooltip", filtered: "filtered", gereserveerd: "gereserveerd", heading: "heading", href: "href", inhoud: "inhoud", kop: "kop", label: "label", labelStatus: "labelStatus", mark: "mark", mode: "mode", notApplicable: "notApplicable", open: "open", openAnnotation: "openAnnotation", ozonContentBegripResolver: "ozonContentBegripResolver", ozonContentUrlResolver: "ozonContentUrlResolver", recursiveToggle: "recursiveToggle", type: "type", vervallen: "vervallen", wijzigactie: "wijzigactie" }, outputs: { dsoRecursiveToggle: "dsoRecursiveToggle", dsoOpenToggle: "dsoOpenToggle", dsoTableOfContentsClick: "dsoTableOfContentsClick", dsoOzonContentClick: "dsoOzonContentClick", dsoAnnotationToggle: "dsoAnnotationToggle", dsoMarkItemHighlight: "dsoMarkItemHighlight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoDocumentComponent = __decorate([
     ProxyCmp({
@@ -835,15 +1390,15 @@ DsoDocumentComponent = __decorate([
         inputs: ['alternativeTitle', 'annotated', 'annotationsWijzigactie', 'badge', 'badgeStatus', 'badgeTooltip', 'filtered', 'gereserveerd', 'heading', 'href', 'inhoud', 'kop', 'label', 'labelStatus', 'mark', 'mode', 'notApplicable', 'open', 'openAnnotation', 'ozonContentBegripResolver', 'ozonContentUrlResolver', 'recursiveToggle', 'type', 'vervallen', 'wijzigactie']
     })
 ], DsoDocumentComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoDocumentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoDocumentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-document-component',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['alternativeTitle', 'annotated', 'annotationsWijzigactie', 'badge', 'badgeStatus', 'badgeTooltip', 'filtered', 'gereserveerd', 'heading', 'href', 'inhoud', 'kop', 'label', 'labelStatus', 'mark', 'mode', 'notApplicable', 'open', 'openAnnotation', 'ozonContentBegripResolver', 'ozonContentUrlResolver', 'recursiveToggle', 'type', 'vervallen', 'wijzigactie'], outputs: ['dsoRecursiveToggle', 'dsoOpenToggle', 'dsoTableOfContentsClick', 'dsoOzonContentClick', 'dsoAnnotationToggle', 'dsoMarkItemHighlight'],
-                    standalone: true
+                    inputs: ['alternativeTitle', 'annotated', 'annotationsWijzigactie', 'badge', 'badgeStatus', 'badgeTooltip', 'filtered', 'gereserveerd', 'heading', 'href', 'inhoud', 'kop', 'label', 'labelStatus', 'mark', 'mode', 'notApplicable', 'open', 'openAnnotation', 'ozonContentBegripResolver', 'ozonContentUrlResolver', 'recursiveToggle', { name: 'type', required: true }, 'vervallen', 'wijzigactie'],
+                    outputs: ['dsoRecursiveToggle', 'dsoOpenToggle', 'dsoTableOfContentsClick', 'dsoOzonContentClick', 'dsoAnnotationToggle', 'dsoMarkItemHighlight'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoRecursiveToggle: [{
                 type: Output
@@ -861,13 +1416,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoDropdownMenu = class DsoDropdownMenu {
     z;
     el;
+    /**
+   * Whether the menu is open or closed.
+This attribute is reflected and mutable. @default false
+   */
+    set open(_) { }
+    ;
+    /**
+   * Alignment of the dropdown @default "left"
+   */
+    set dropdownAlign(_) { }
+    ;
+    /**
+   * Space between button and dropdown options @default 2
+   */
+    set dropdownOptionsOffset(_) { }
+    ;
+    /**
+   * Whether the menu is checkable. @default false
+   */
+    set checkable(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoDropdownMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoDropdownMenu, isStandalone: true, selector: "dso-dropdown-menu", inputs: { checkable: "checkable", dropdownAlign: "dropdownAlign", dropdownOptionsOffset: "dropdownOptionsOffset", open: "open" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoDropdownMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoDropdownMenu, isStandalone: true, selector: "dso-dropdown-menu", inputs: { checkable: "checkable", dropdownAlign: "dropdownAlign", dropdownOptionsOffset: "dropdownOptionsOffset", open: "open" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoDropdownMenu = __decorate([
     ProxyCmp({
@@ -875,29 +1451,43 @@ DsoDropdownMenu = __decorate([
         inputs: ['checkable', 'dropdownAlign', 'dropdownOptionsOffset', 'open']
     })
 ], DsoDropdownMenu);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoDropdownMenu, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoDropdownMenu, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-dropdown-menu',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['checkable', 'dropdownAlign', 'dropdownOptionsOffset', 'open'], outputs: [],
-                    standalone: true
+                    inputs: ['checkable', 'dropdownAlign', 'dropdownOptionsOffset', 'open'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoExpandable = class DsoExpandable {
     z;
+    el;
+    /**
+   * Set to `true` to expand the content.
+   */
+    set open(_) { }
+    ;
+    /**
+   * Set to `true` to show the content animated. @default false
+   */
+    set enableAnimation(_) { }
+    ;
+    /**
+   * When enableAnimation is set to `true`, this property specifies the height of this element at which the animation will expand from / collapse to
+   */
+    set minimumHeight(_) { }
+    ;
     dsoExpandableAnimationStart = new EventEmitter();
     dsoExpandableAnimationEnd = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoExpandable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoExpandable, isStandalone: true, selector: "dso-expandable", inputs: { enableAnimation: "enableAnimation", minimumHeight: "minimumHeight", open: "open" }, outputs: { dsoExpandableAnimationStart: "dsoExpandableAnimationStart", dsoExpandableAnimationEnd: "dsoExpandableAnimationEnd" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoExpandable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoExpandable, isStandalone: true, selector: "dso-expandable", inputs: { enableAnimation: "enableAnimation", minimumHeight: "minimumHeight", open: "open" }, outputs: { dsoExpandableAnimationStart: "dsoExpandableAnimationStart", dsoExpandableAnimationEnd: "dsoExpandableAnimationEnd" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoExpandable = __decorate([
     ProxyCmp({
@@ -905,15 +1495,15 @@ DsoExpandable = __decorate([
         inputs: ['enableAnimation', 'minimumHeight', 'open']
     })
 ], DsoExpandable);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoExpandable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoExpandable, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-expandable',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['enableAnimation', 'minimumHeight', 'open'], outputs: ['dsoExpandableAnimationStart', 'dsoExpandableAnimationEnd'],
-                    standalone: true
+                    inputs: ['enableAnimation', 'minimumHeight', 'open'],
+                    outputs: ['dsoExpandableAnimationStart', 'dsoExpandableAnimationEnd'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoExpandableAnimationStart: [{
                 type: Output
@@ -922,15 +1512,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoHeader = class DsoHeader {
     z;
-    dsoHeaderClick = new EventEmitter();
     el;
+    /**
+   * The main menu items. @default []
+   */
+    set mainMenu(_) { }
+    ;
+    /**
+   * Set to "always" to force the header to be compact. Otherwise it will be compact when
+the viewport is smaller than 992px. @default "auto"
+   */
+    set compact(_) { }
+    ;
+    /**
+   * Used to show the login/logout option. 'none' renders nothing. @default "none"
+   */
+    set authStatus(_) { }
+    ;
+    /**
+   * When the `authStatus` is `loggedOut` a loginUrl can be provided.
+The login button will then render as an anchor.
+   */
+    set loginUrl(_) { }
+    ;
+    /**
+   * The URL to open when the user activates "logout".
+If no URL is specified, a button element is used instead.
+   */
+    set logoutUrl(_) { }
+    ;
+    /**
+   * Show a help-button or link in the header @default false
+   */
+    set showHelp(_) { }
+    ;
+    /**
+   * The URL to open when the user activates "help".
+If no URL is specified, a button element is used instead.
+   */
+    set helpUrl(_) { }
+    ;
+    /**
+   * The name to show when the user is logged in.
+   */
+    set userProfileName(_) { }
+    ;
+    /**
+   * The URL to open when the user activates the profile url.
+   */
+    set userProfileUrl(_) { }
+    ;
+    /**
+   * The URL to open when the user activates "Mijn Omgevingsloket".
+   */
+    set userHomeUrl(_) { }
+    ;
+    /**
+   * Set this to true when the user is at "Mijn Omgevingsloket". @default false
+   */
+    set userHomeActive(_) { }
+    ;
+    dsoHeaderClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoHeader, isStandalone: true, selector: "dso-header", inputs: { authStatus: "authStatus", compact: "compact", helpUrl: "helpUrl", loginUrl: "loginUrl", logoutUrl: "logoutUrl", mainMenu: "mainMenu", showHelp: "showHelp", userHomeActive: "userHomeActive", userHomeUrl: "userHomeUrl", userProfileName: "userProfileName", userProfileUrl: "userProfileUrl" }, outputs: { dsoHeaderClick: "dsoHeaderClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoHeader, isStandalone: true, selector: "dso-header", inputs: { authStatus: "authStatus", compact: "compact", helpUrl: "helpUrl", loginUrl: "loginUrl", logoutUrl: "logoutUrl", mainMenu: "mainMenu", showHelp: "showHelp", userHomeActive: "userHomeActive", userHomeUrl: "userHomeUrl", userProfileName: "userProfileName", userProfileUrl: "userProfileUrl" }, outputs: { dsoHeaderClick: "dsoHeaderClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoHeader = __decorate([
     ProxyCmp({
@@ -938,15 +1587,15 @@ DsoHeader = __decorate([
         inputs: ['authStatus', 'compact', 'helpUrl', 'loginUrl', 'logoutUrl', 'mainMenu', 'showHelp', 'userHomeActive', 'userHomeUrl', 'userProfileName', 'userProfileUrl']
     })
 ], DsoHeader);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoHeader, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-header',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['authStatus', 'compact', 'helpUrl', 'loginUrl', 'logoutUrl', 'mainMenu', 'showHelp', 'userHomeActive', 'userHomeUrl', 'userProfileName', 'userProfileUrl'], outputs: ['dsoHeaderClick'],
-                    standalone: true
+                    inputs: ['authStatus', 'compact', 'helpUrl', 'loginUrl', 'logoutUrl', 'mainMenu', 'showHelp', 'userHomeActive', 'userHomeUrl', 'userProfileName', 'userProfileUrl'],
+                    outputs: ['dsoHeaderClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoHeaderClick: [{
                 type: Output
@@ -954,13 +1603,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoHighlightBox = class DsoHighlightBox {
     z;
     el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoHighlightBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoHighlightBox, isStandalone: true, selector: "dso-highlight-box", inputs: { border: "border", dropShadow: "dropShadow", green: "green", step: "step", white: "white", yellow: "yellow" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /**
+   * For yellow Highlight Box.
+   */
+    set yellow(_) { }
+    ;
+    /**
+   * For a bordered Highlight Box.
+   */
+    set border(_) { }
+    ;
+    /**
+   * For a white Highlight Box.
+   */
+    set white(_) { }
+    ;
+    /**
+   * For a green Highlight Box.
+   */
+    set green(_) { }
+    ;
+    /**
+   * For an Highlight Box with a drop shadow.
+   */
+    set dropShadow(_) { }
+    ;
+    /**
+   * To create a step indicator.
+   */
+    set step(_) { }
+    ;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoHighlightBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoHighlightBox, isStandalone: true, selector: "dso-highlight-box", inputs: { border: "border", dropShadow: "dropShadow", green: "green", step: "step", white: "white", yellow: "yellow" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoHighlightBox = __decorate([
     ProxyCmp({
@@ -968,28 +1647,37 @@ DsoHighlightBox = __decorate([
         inputs: ['border', 'dropShadow', 'green', 'step', 'white', 'yellow']
     })
 ], DsoHighlightBox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoHighlightBox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoHighlightBox, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-highlight-box',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['border', 'dropShadow', 'green', 'step', 'white', 'yellow'], outputs: [],
-                    standalone: true
+                    inputs: ['border', 'dropShadow', 'green', 'step', 'white', 'yellow'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoHistoryItem = class DsoHistoryItem {
     z;
-    dsoClick = new EventEmitter();
     el;
+    /**
+   * The type of History Item
+   */
+    set type(_) { }
+    ;
+    /**
+   * The optional URL to which the History Item title links. Needs to be provided when slot `title` is used.
+   */
+    set href(_) { }
+    ;
+    dsoClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoHistoryItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoHistoryItem, isStandalone: true, selector: "dso-history-item", inputs: { href: "href", type: "type" }, outputs: { dsoClick: "dsoClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoHistoryItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoHistoryItem, isStandalone: true, selector: "dso-history-item", inputs: { href: "href", type: "type" }, outputs: { dsoClick: "dsoClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoHistoryItem = __decorate([
     ProxyCmp({
@@ -997,15 +1685,15 @@ DsoHistoryItem = __decorate([
         inputs: ['href', 'type']
     })
 ], DsoHistoryItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoHistoryItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoHistoryItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-history-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['href', 'type'], outputs: ['dsoClick'],
-                    standalone: true
+                    inputs: ['href', { name: 'type', required: true }],
+                    outputs: ['dsoClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoClick: [{
                 type: Output
@@ -1013,13 +1701,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoIcon = class DsoIcon {
     z;
     el;
+    /**
+   * The alias of the icon.
+   */
+    set icon(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoIcon, isStandalone: true, selector: "dso-icon", inputs: { icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoIcon, isStandalone: true, selector: "dso-icon", inputs: { icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoIcon = __decorate([
     ProxyCmp({
@@ -1027,28 +1720,52 @@ DsoIcon = __decorate([
         inputs: ['icon']
     })
 ], DsoIcon);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoIcon, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-icon',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['icon'], outputs: [],
-                    standalone: true
+                    inputs: ['icon'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoIconButton = class DsoIconButton {
     z;
-    dsoClick = new EventEmitter();
     el;
+    /**
+   * The alias of the icon in the button.
+   */
+    set icon(_) { }
+    ;
+    /**
+   * The label of the Icon Button which is shown on hover in a tooltip.
+   */
+    set label(_) { }
+    ;
+    /**
+   * The variant of the Icon Button. @default "secondary"
+   */
+    set variant(_) { }
+    ;
+    /**
+   * The placement of the tooltip on hover and focus of the Icon Button. @default "top"
+   */
+    set tooltipPlacement(_) { }
+    ;
+    /**
+   * To disable the Icon Button @default false
+   */
+    set disabled(_) { }
+    ;
+    dsoClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoIconButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoIconButton, isStandalone: true, selector: "dso-icon-button", inputs: { disabled: "disabled", icon: "icon", label: "label", tooltipPlacement: "tooltipPlacement", variant: "variant" }, outputs: { dsoClick: "dsoClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoIconButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoIconButton, isStandalone: true, selector: "dso-icon-button", inputs: { disabled: "disabled", icon: "icon", label: "label", tooltipPlacement: "tooltipPlacement", variant: "variant" }, outputs: { dsoClick: "dsoClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoIconButton = __decorate([
     ProxyCmp({
@@ -1057,15 +1774,15 @@ DsoIconButton = __decorate([
         methods: ['setFocus']
     })
 ], DsoIconButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoIconButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoIconButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-icon-button',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['disabled', 'icon', 'label', 'tooltipPlacement', 'variant'], outputs: ['dsoClick'],
-                    standalone: true
+                    inputs: ['disabled', { name: 'icon', required: true }, { name: 'label', required: true }, 'tooltipPlacement', 'variant'],
+                    outputs: ['dsoClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoClick: [{
                 type: Output
@@ -1073,13 +1790,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoImageOverlay = class DsoImageOverlay {
     z;
     el;
+    /**
+   * The wijzigactie.
+   */
+    set wijzigactie(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoImageOverlay, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoImageOverlay, isStandalone: true, selector: "dso-image-overlay", inputs: { wijzigactie: "wijzigactie" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoImageOverlay, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoImageOverlay, isStandalone: true, selector: "dso-image-overlay", inputs: { wijzigactie: "wijzigactie" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoImageOverlay = __decorate([
     ProxyCmp({
@@ -1087,28 +1809,37 @@ DsoImageOverlay = __decorate([
         inputs: ['wijzigactie']
     })
 ], DsoImageOverlay);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoImageOverlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoImageOverlay, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-image-overlay',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['wijzigactie'], outputs: [],
-                    standalone: true
+                    inputs: ['wijzigactie'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoInfo = class DsoInfo {
     z;
-    dsoClose = new EventEmitter();
     el;
+    /**
+   * Set to true if the Info should not be toggled and always visible.
+   */
+    set fixed(_) { }
+    ;
+    /**
+   * Whether the Info is active.
+   */
+    set active(_) { }
+    ;
+    dsoClose = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoInfo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoInfo, isStandalone: true, selector: "dso-info", inputs: { active: "active", fixed: "fixed" }, outputs: { dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoInfo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoInfo, isStandalone: true, selector: "dso-info", inputs: { active: "active", fixed: "fixed" }, outputs: { dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoInfo = __decorate([
     ProxyCmp({
@@ -1116,30 +1847,50 @@ DsoInfo = __decorate([
         inputs: ['active', 'fixed']
     })
 ], DsoInfo);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoInfo, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoInfo, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-info',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'fixed'], outputs: ['dsoClose'],
-                    standalone: true
+                    inputs: ['active', 'fixed'],
+                    outputs: ['dsoClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoClose: [{
                 type: Output
             }] } });
 let DsoInfoButton = class DsoInfoButton {
     z;
-    dsoToggle = new EventEmitter();
     el;
+    /**
+   * Whether the InfoButton is active. @default false
+   */
+    set active(_) { }
+    ;
+    /**
+   * For secondary Info Button.
+   */
+    set secondary(_) { }
+    ;
+    /**
+   * The label. @default "Toelichting bij optie"
+   */
+    set label(_) { }
+    ;
+    /**
+   * The placement of the Toggletip on click. @default "top"
+   */
+    set toggletipPlacement(_) { }
+    ;
+    dsoToggle = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoInfoButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoInfoButton, isStandalone: true, selector: "dso-info-button", inputs: { active: "active", label: "label", secondary: "secondary", toggletipPlacement: "toggletipPlacement" }, outputs: { dsoToggle: "dsoToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoInfoButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoInfoButton, isStandalone: true, selector: "dso-info-button", inputs: { active: "active", label: "label", secondary: "secondary", toggletipPlacement: "toggletipPlacement" }, outputs: { dsoToggle: "dsoToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoInfoButton = __decorate([
     ProxyCmp({
@@ -1148,30 +1899,65 @@ DsoInfoButton = __decorate([
         methods: ['setFocus']
     })
 ], DsoInfoButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoInfoButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoInfoButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-info-button',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'label', 'secondary', 'toggletipPlacement'], outputs: ['dsoToggle'],
-                    standalone: true
+                    inputs: ['active', 'label', 'secondary', 'toggletipPlacement'],
+                    outputs: ['dsoToggle'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoToggle: [{
                 type: Output
             }] } });
 let DsoInputRange = class DsoInputRange {
     z;
-    dsoChange = new EventEmitter();
     el;
+    /**
+   * The minimum value of the range.
+   */
+    set min(_) { }
+    ;
+    /**
+   * The maximum value of the range.
+   */
+    set max(_) { }
+    ;
+    /**
+   * The value of the range.
+   */
+    set value(_) { }
+    ;
+    /**
+   * The step to increment the value by.
+   */
+    set step(_) { }
+    ;
+    /**
+   * The label of the range.
+   */
+    set label(_) { }
+    ;
+    /**
+   * The unit of the range. @default ""
+   */
+    set unit(_) { }
+    ;
+    /**
+   * The description of the range.
+   */
+    set description(_) { }
+    ;
+    dsoChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoInputRange, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoInputRange, isStandalone: true, selector: "dso-input-range", inputs: { description: "description", label: "label", max: "max", min: "min", step: "step", unit: "unit", value: "value" }, outputs: { dsoChange: "dsoChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoInputRange, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoInputRange, isStandalone: true, selector: "dso-input-range", inputs: { description: "description", label: "label", max: "max", min: "min", step: "step", unit: "unit", value: "value" }, outputs: { dsoChange: "dsoChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoInputRange = __decorate([
     ProxyCmp({
@@ -1179,30 +1965,50 @@ DsoInputRange = __decorate([
         inputs: ['description', 'label', 'max', 'min', 'step', 'unit', 'value']
     })
 ], DsoInputRange);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoInputRange, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoInputRange, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-input-range',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['description', 'label', 'max', 'min', 'step', 'unit', 'value'], outputs: ['dsoChange'],
-                    standalone: true
+                    inputs: ['description', 'label', 'max', 'min', 'step', 'unit', 'value'],
+                    outputs: ['dsoChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoChange: [{
                 type: Output
             }] } });
 let DsoLabel = class DsoLabel {
     z;
-    dsoRemoveClick = new EventEmitter();
     el;
+    /**
+   * For compact Label
+   */
+    set compact(_) { }
+    ;
+    /**
+   * Shows a button that can be used to remove the Label.
+   */
+    set removable(_) { }
+    ;
+    /**
+   * The status of this Label.
+   */
+    set status(_) { }
+    ;
+    /**
+   * Whether the Label is allowed to truncate the contents if it does not fit the container element.
+   */
+    set truncate(_) { }
+    ;
+    dsoRemoveClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoLabel, isStandalone: true, selector: "dso-label", inputs: { compact: "compact", removable: "removable", status: "status", truncate: "truncate" }, outputs: { dsoRemoveClick: "dsoRemoveClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoLabel, isStandalone: true, selector: "dso-label", inputs: { compact: "compact", removable: "removable", status: "status", truncate: "truncate" }, outputs: { dsoRemoveClick: "dsoRemoveClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoLabel = __decorate([
     ProxyCmp({
@@ -1210,31 +2016,36 @@ DsoLabel = __decorate([
         inputs: ['compact', 'removable', 'status', 'truncate']
     })
 ], DsoLabel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoLabel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoLabel, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-label',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['compact', 'removable', 'status', 'truncate'], outputs: ['dsoRemoveClick'],
-                    standalone: true
+                    inputs: ['compact', 'removable', 'status', 'truncate'],
+                    outputs: ['dsoRemoveClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoRemoveClick: [{
                 type: Output
             }] } });
 let DsoLegend = class DsoLegend {
     z;
+    el;
+    /**
+   * TabItems in the legend topbar @default []
+   */
+    set tabItems(_) { }
+    ;
     dsoContentSwitch = new EventEmitter();
     dsoClose = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoLegend, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoLegend, isStandalone: true, selector: "dso-legend", inputs: { tabItems: "tabItems" }, outputs: { dsoContentSwitch: "dsoContentSwitch", dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoLegend, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoLegend, isStandalone: true, selector: "dso-legend", inputs: { tabItems: "tabItems" }, outputs: { dsoContentSwitch: "dsoContentSwitch", dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoLegend = __decorate([
     ProxyCmp({
@@ -1242,53 +2053,113 @@ DsoLegend = __decorate([
         inputs: ['tabItems']
     })
 ], DsoLegend);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoLegend, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoLegend, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-legend',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['tabItems'], outputs: ['dsoContentSwitch', 'dsoClose'],
-                    standalone: true
+                    inputs: ['tabItems'],
+                    outputs: ['dsoContentSwitch', 'dsoClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoContentSwitch: [{
                 type: Output
             }], dsoClose: [{
                 type: Output
             }] } });
+let DsoLegendGroup = class DsoLegendGroup {
+    z;
+    el;
+    /**
+   * Controls whether this Legend Group and its child Legend Items are in edit or view mode.
+When not set, no edit/view toggle icon is shown.
+   */
+    set mode(_) { }
+    ;
+    dsoLegendGroupModeChange = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoLegendGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoLegendGroup, isStandalone: true, selector: "dso-legend-group", inputs: { mode: "mode" }, outputs: { dsoLegendGroupModeChange: "dsoLegendGroupModeChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+DsoLegendGroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$B,
+        inputs: ['mode']
+    })
+], DsoLegendGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoLegendGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dso-legend-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['mode'],
+                    outputs: ['dsoLegendGroupModeChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoLegendGroupModeChange: [{
+                type: Output
+            }] } });
 let DsoLegendItem = class DsoLegendItem {
     z;
+    el;
+    /**
+   * To disable the Legend Item @default false
+   */
+    set disabled(_) { }
+    ;
+    /**
+   * Message to be shown in an info-button tooltip when the Legend Item is disabled
+   */
+    set disabledMessage(_) { }
+    ;
+    /**
+   * Controls whether this Legend Item can be active or not
+   */
+    set activatable(_) { }
+    ;
+    /**
+   * Controls whether this Legend Item is active or not
+   */
+    set active(_) { }
+    ;
     dsoActiveChange = new EventEmitter();
+    dsoDelete = new EventEmitter();
     dsoMouseEnter = new EventEmitter();
     dsoMouseLeave = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoLegendItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoLegendItem, isStandalone: true, selector: "dso-legend-item", inputs: { activatable: "activatable", active: "active", disabled: "disabled", disabledMessage: "disabledMessage" }, outputs: { dsoActiveChange: "dsoActiveChange", dsoMouseEnter: "dsoMouseEnter", dsoMouseLeave: "dsoMouseLeave" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoLegendItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoLegendItem, isStandalone: true, selector: "dso-legend-item", inputs: { activatable: "activatable", active: "active", disabled: "disabled", disabledMessage: "disabledMessage" }, outputs: { dsoActiveChange: "dsoActiveChange", dsoDelete: "dsoDelete", dsoMouseEnter: "dsoMouseEnter", dsoMouseLeave: "dsoMouseLeave" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoLegendItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$B,
+        defineCustomElementFn: defineCustomElement$C,
         inputs: ['activatable', 'active', 'disabled', 'disabledMessage']
     })
 ], DsoLegendItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoLegendItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoLegendItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-legend-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activatable', 'active', 'disabled', 'disabledMessage'], outputs: ['dsoActiveChange', 'dsoMouseEnter', 'dsoMouseLeave'],
-                    standalone: true
+                    inputs: ['activatable', 'active', 'disabled', 'disabledMessage'],
+                    outputs: ['dsoActiveChange', 'dsoDelete', 'dsoMouseEnter', 'dsoMouseLeave'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
                 type: Output
+            }], dsoDelete: [{
+                type: Output
             }], dsoMouseEnter: [{
                 type: Output
             }], dsoMouseLeave: [{
@@ -1296,32 +2167,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoListButton = class DsoListButton {
     z;
+    el;
+    /**
+   * The label of the List Button.
+   */
+    set label(_) { }
+    ;
+    /**
+   * The sublabel of the List Button.
+   */
+    set sublabel(_) { }
+    ;
+    /**
+   * When defined the count can show on the List Button.
+   */
+    set count(_) { }
+    ;
+    /**
+   * The minimum value.
+   */
+    set min(_) { }
+    ;
+    /**
+   * The maximum value.
+   */
+    set max(_) { }
+    ;
+    /**
+   * Whether the List Button is checked. @default false
+   */
+    set checked(_) { }
+    ;
+    /**
+   * Whether the List Button is disabled. @default false
+   */
+    set disabled(_) { }
+    ;
+    /**
+   * Prefix to subcontent for the purpose of screenreading.
+   */
+    set subcontentPrefix(_) { }
+    ;
     dsoCountChange = new EventEmitter();
     dsoSelectedChange = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoListButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoListButton, isStandalone: true, selector: "dso-list-button", inputs: { checked: "checked", count: "count", disabled: "disabled", label: "label", max: "max", min: "min", subcontentPrefix: "subcontentPrefix", sublabel: "sublabel" }, outputs: { dsoCountChange: "dsoCountChange", dsoSelectedChange: "dsoSelectedChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoListButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoListButton, isStandalone: true, selector: "dso-list-button", inputs: { checked: "checked", count: "count", disabled: "disabled", label: "label", max: "max", min: "min", subcontentPrefix: "subcontentPrefix", sublabel: "sublabel" }, outputs: { dsoCountChange: "dsoCountChange", dsoSelectedChange: "dsoSelectedChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoListButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$C,
+        defineCustomElementFn: defineCustomElement$D,
         inputs: ['checked', 'count', 'disabled', 'label', 'max', 'min', 'subcontentPrefix', 'sublabel']
     })
 ], DsoListButton);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoListButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoListButton, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-list-button',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['checked', 'count', 'disabled', 'label', 'max', 'min', 'subcontentPrefix', 'sublabel'], outputs: ['dsoCountChange', 'dsoSelectedChange'],
-                    standalone: true
+                    inputs: ['checked', 'count', 'disabled', 'label', 'max', 'min', 'subcontentPrefix', 'sublabel'],
+                    outputs: ['dsoCountChange', 'dsoSelectedChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoCountChange: [{
                 type: Output
@@ -1330,32 +2241,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoLogo = class DsoLogo {
     z;
+    el;
+    /**
+   * An alternative name for the logo wordmark Omgevingsloket. For instance `Environment| Desk`. It should contains a
+pipe-character: the left-hand side of the pipe will be shown in grasgroen, the right-hand side of the pipe will be
+shown in bosgroen.
+When omitted the logo wordmark will default to Omgevingsloket, with 'Omgevings' shown in grasgroen and 'loket' in
+bosgroen. @default "Omgevings|loket"
+   */
+    set name(_) { }
+    ;
+    /**
+   * The url the logo is pointing to.
+   */
+    set logoUrl(_) { }
+    ;
+    /**
+   * The label clarifies the service within the Omgevingsloket, shown
+as a subtitle (and on smaller screens as the main wordmark itself).
+   */
+    set label(_) { }
+    ;
+    /**
+   * The url the label is pointing to.
+   */
+    set labelUrl(_) { }
+    ;
+    /**
+   * The ribbon contains the text for a possible 'sticker' on top of the logo.
+Used to clarify the (non-production) server environment ("int", "kta", "pfm", "pre", or "dmo")
+   */
+    set ribbon(_) { }
+    ;
     dsoLogoClick = new EventEmitter();
     dsoLabelClick = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoLogo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoLogo, isStandalone: true, selector: "dso-logo", inputs: { label: "label", labelUrl: "labelUrl", logoUrl: "logoUrl", name: "name", ribbon: "ribbon" }, outputs: { dsoLogoClick: "dsoLogoClick", dsoLabelClick: "dsoLabelClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoLogo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoLogo, isStandalone: true, selector: "dso-logo", inputs: { label: "label", labelUrl: "labelUrl", logoUrl: "logoUrl", name: "name", ribbon: "ribbon" }, outputs: { dsoLogoClick: "dsoLogoClick", dsoLabelClick: "dsoLabelClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoLogo = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$D,
+        defineCustomElementFn: defineCustomElement$E,
         inputs: ['label', 'labelUrl', 'logoUrl', 'name', 'ribbon']
     })
 ], DsoLogo);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoLogo, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoLogo, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-logo',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['label', 'labelUrl', 'logoUrl', 'name', 'ribbon'], outputs: ['dsoLogoClick', 'dsoLabelClick'],
-                    standalone: true
+                    inputs: ['label', 'labelUrl', 'logoUrl', 'name', 'ribbon'],
+                    outputs: ['dsoLogoClick', 'dsoLabelClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoLogoClick: [{
                 type: Output
@@ -1364,65 +2306,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoMapBaseLayers = class DsoMapBaseLayers {
     z;
-    dsoBaseLayerChange = new EventEmitter();
     el;
+    /**
+   * To group the overlays together. Generally the default value suffices. @default uuidv4()
+   */
+    set group(_) { }
+    ;
+    /**
+   * The base layers.
+   */
+    set baseLayers(_) { }
+    ;
+    dsoBaseLayerChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMapBaseLayers, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoMapBaseLayers, isStandalone: true, selector: "dso-map-base-layers", inputs: { baseLayers: "baseLayers", group: "group" }, outputs: { dsoBaseLayerChange: "dsoBaseLayerChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapBaseLayers, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoMapBaseLayers, isStandalone: true, selector: "dso-map-base-layers", inputs: { baseLayers: "baseLayers", group: "group" }, outputs: { dsoBaseLayerChange: "dsoBaseLayerChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoMapBaseLayers = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$E,
+        defineCustomElementFn: defineCustomElement$F,
         inputs: ['baseLayers', 'group']
     })
 ], DsoMapBaseLayers);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMapBaseLayers, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapBaseLayers, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-map-base-layers',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['baseLayers', 'group'], outputs: ['dsoBaseLayerChange'],
-                    standalone: true
+                    inputs: [{ name: 'baseLayers', required: true }, 'group'],
+                    outputs: ['dsoBaseLayerChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoBaseLayerChange: [{
                 type: Output
             }] } });
 let DsoMapControls = class DsoMapControls {
     z;
+    el;
+    /**
+   * To show and hide the Map Controls. @default false
+   */
+    set open(_) { }
+    ;
+    /**
+   * To disable the zoom controls:
+
+* `in`: Disable zoom in button.
+* `out`: Disable zoom out button.
+* `both`: Disable zoom in and zoom out.
+   */
+    set disableZoom(_) { }
+    ;
     dsoZoomIn = new EventEmitter();
     dsoZoomOut = new EventEmitter();
     dsoToggle = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMapControls, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoMapControls, isStandalone: true, selector: "dso-map-controls", inputs: { disableZoom: "disableZoom", open: "open" }, outputs: { dsoZoomIn: "dsoZoomIn", dsoZoomOut: "dsoZoomOut", dsoToggle: "dsoToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapControls, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoMapControls, isStandalone: true, selector: "dso-map-controls", inputs: { disableZoom: "disableZoom", open: "open" }, outputs: { dsoZoomIn: "dsoZoomIn", dsoZoomOut: "dsoZoomOut", dsoToggle: "dsoToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoMapControls = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$F,
+        defineCustomElementFn: defineCustomElement$G,
         inputs: ['disableZoom', 'open'],
         methods: ['toggleVisibility']
     })
 ], DsoMapControls);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMapControls, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapControls, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-map-controls',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['disableZoom', 'open'], outputs: ['dsoZoomIn', 'dsoZoomOut', 'dsoToggle'],
-                    standalone: true
+                    inputs: ['disableZoom', 'open'],
+                    outputs: ['dsoZoomIn', 'dsoZoomOut', 'dsoToggle'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoZoomIn: [{
                 type: Output
@@ -1433,64 +2399,85 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoMapLayer = class DsoMapLayer {
     z;
-    dsoActiveChange = new EventEmitter();
     el;
+    /**
+   * The label of the Map Layer.
+   */
+    set label(_) { }
+    ;
+    /**
+   * A boolean to indicate if the Map Layer is capable of being activated. When `true` a Slide Toggle displays
+on the right. @default false
+   */
+    set activatable(_) { }
+    ;
+    /**
+   * An optional boolean indicating whether the Map Layer is active.
+   */
+    set active(_) { }
+    ;
+    dsoActiveChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMapLayer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoMapLayer, isStandalone: true, selector: "dso-map-layer", inputs: { activatable: "activatable", active: "active", label: "label" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapLayer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoMapLayer, isStandalone: true, selector: "dso-map-layer", inputs: { activatable: "activatable", active: "active", label: "label" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoMapLayer = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$G,
+        defineCustomElementFn: defineCustomElement$H,
         inputs: ['activatable', 'active', 'label']
     })
 ], DsoMapLayer);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMapLayer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapLayer, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-map-layer',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activatable', 'active', 'label'], outputs: ['dsoActiveChange'],
-                    standalone: true
+                    inputs: ['activatable', 'active', { name: 'label', required: true }],
+                    outputs: ['dsoActiveChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
                 type: Output
             }] } });
 let DsoMapLayerObject = class DsoMapLayerObject {
     z;
+    el;
+    /**
+   * An optional boolean indicating whether the Map Layer Object is active.
+   */
+    set active(_) { }
+    ;
     dsoActiveChange = new EventEmitter();
     dsoMouseEnter = new EventEmitter();
     dsoMouseLeave = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMapLayerObject, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoMapLayerObject, isStandalone: true, selector: "dso-map-layer-object", inputs: { active: "active" }, outputs: { dsoActiveChange: "dsoActiveChange", dsoMouseEnter: "dsoMouseEnter", dsoMouseLeave: "dsoMouseLeave" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapLayerObject, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoMapLayerObject, isStandalone: true, selector: "dso-map-layer-object", inputs: { active: "active" }, outputs: { dsoActiveChange: "dsoActiveChange", dsoMouseEnter: "dsoMouseEnter", dsoMouseLeave: "dsoMouseLeave" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoMapLayerObject = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$H,
+        defineCustomElementFn: defineCustomElement$I,
         inputs: ['active']
     })
 ], DsoMapLayerObject);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMapLayerObject, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapLayerObject, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-map-layer-object',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active'], outputs: ['dsoActiveChange', 'dsoMouseEnter', 'dsoMouseLeave'],
-                    standalone: true
+                    inputs: ['active'],
+                    outputs: ['dsoActiveChange', 'dsoMouseEnter', 'dsoMouseLeave'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
                 type: Output
@@ -1501,66 +2488,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoMapOverlays = class DsoMapOverlays {
     z;
-    dsoToggleOverlay = new EventEmitter();
     el;
+    /**
+   * To group the overlays together. Generally the default value suffices. @default uuidv4()
+   */
+    set group(_) { }
+    ;
+    /**
+   * The overlays.
+   */
+    set overlays(_) { }
+    ;
+    dsoToggleOverlay = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMapOverlays, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoMapOverlays, isStandalone: true, selector: "dso-map-overlays", inputs: { group: "group", overlays: "overlays" }, outputs: { dsoToggleOverlay: "dsoToggleOverlay" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapOverlays, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoMapOverlays, isStandalone: true, selector: "dso-map-overlays", inputs: { group: "group", overlays: "overlays" }, outputs: { dsoToggleOverlay: "dsoToggleOverlay" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoMapOverlays = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$I,
+        defineCustomElementFn: defineCustomElement$J,
         inputs: ['group', 'overlays']
     })
 ], DsoMapOverlays);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMapOverlays, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapOverlays, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-map-overlays',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['group', 'overlays'], outputs: ['dsoToggleOverlay'],
-                    standalone: true
+                    inputs: ['group', { name: 'overlays', required: true }],
+                    outputs: ['dsoToggleOverlay'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoToggleOverlay: [{
                 type: Output
             }] } });
 let DsoMarkBar = class DsoMarkBar {
     z;
+    el;
+    /**
+   * The current search value.
+   */
+    set value(_) { }
+    ;
+    /**
+   * The label for the input field. @default "Zoeken in document"
+   */
+    set label(_) { }
+    ;
+    /**
+   * The current (one-based) highlighted search item.
+   */
+    set current(_) { }
+    ;
+    /**
+   * Total number of search results.
+   */
+    set totalCount(_) { }
+    ;
     dsoInput = new EventEmitter();
     dsoNext = new EventEmitter();
     dsoPrevious = new EventEmitter();
     dsoClear = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMarkBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoMarkBar, isStandalone: true, selector: "dso-mark-bar", inputs: { current: "current", label: "label", totalCount: "totalCount", value: "value" }, outputs: { dsoInput: "dsoInput", dsoNext: "dsoNext", dsoPrevious: "dsoPrevious", dsoClear: "dsoClear" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMarkBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoMarkBar, isStandalone: true, selector: "dso-mark-bar", inputs: { current: "current", label: "label", totalCount: "totalCount", value: "value" }, outputs: { dsoInput: "dsoInput", dsoNext: "dsoNext", dsoPrevious: "dsoPrevious", dsoClear: "dsoClear" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoMarkBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$J,
+        defineCustomElementFn: defineCustomElement$K,
         inputs: ['current', 'label', 'totalCount', 'value'],
         methods: ['dsoFocus']
     })
 ], DsoMarkBar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoMarkBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMarkBar, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-mark-bar',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['current', 'label', 'totalCount', 'value'], outputs: ['dsoInput', 'dsoNext', 'dsoPrevious', 'dsoClear'],
-                    standalone: true
+                    inputs: ['current', 'label', 'totalCount', 'value'],
+                    outputs: ['dsoInput', 'dsoNext', 'dsoPrevious', 'dsoClear'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoInput: [{
                 type: Output
@@ -1573,94 +2590,162 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoModal = class DsoModal {
     z;
-    dsoClose = new EventEmitter();
     el;
+    /**
+   * when set the modal will be shown in fullscreen.
+   */
+    set fullscreen(_) { }
+    ;
+    /**
+   * The title of the Modal.
+   */
+    set modalTitle(_) { }
+    ;
+    /**
+   * the role for the modal `dialog` | `alert` | `alertdialog`. @default "dialog"
+   */
+    set dialogRole(_) { }
+    ;
+    /**
+   * The element to return focus to after the modal is closed.
+
+* `undefined` will return focus to the previously focused element (default).
+* `false` will not return focus to any element.
+* or, provide your own `HTMLElement` that will receive focus upon closing. @default undefined
+   */
+    set returnFocus(_) { }
+    ;
+    /**
+   * when `false` the close button in the header will not be rendered.
+
+Needs `modalTitle` to be set. @default false
+   */
+    set closable(_) { }
+    ;
+    dsoClose = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoModal, isStandalone: true, selector: "dso-modal", inputs: { closable: "closable", dialogRole: "dialogRole", fullscreen: "fullscreen", modalTitle: "modalTitle", returnFocus: "returnFocus" }, outputs: { dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoModal, isStandalone: true, selector: "dso-modal", inputs: { closable: "closable", dialogRole: "dialogRole", fullscreen: "fullscreen", modalTitle: "modalTitle", returnFocus: "returnFocus" }, outputs: { dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoModal = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$K,
+        defineCustomElementFn: defineCustomElement$L,
         inputs: ['closable', 'dialogRole', 'fullscreen', 'modalTitle', 'returnFocus']
     })
 ], DsoModal);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoModal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoModal, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-modal',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['closable', 'dialogRole', 'fullscreen', 'modalTitle', 'returnFocus'], outputs: ['dsoClose'],
-                    standalone: true
+                    inputs: ['closable', 'dialogRole', 'fullscreen', 'modalTitle', 'returnFocus'],
+                    outputs: ['dsoClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoClose: [{
                 type: Output
             }] } });
 let DsoOnboardingTip = class DsoOnboardingTip {
     z;
-    dsoClose = new EventEmitter();
     el;
+    /**
+   * Where to place the Onboarding Tip relative to its reference element. @default "right"
+   */
+    set placement(_) { }
+    ;
+    dsoClose = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoOnboardingTip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoOnboardingTip, isStandalone: true, selector: "dso-onboarding-tip", inputs: { placement: "placement" }, outputs: { dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoOnboardingTip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoOnboardingTip, isStandalone: true, selector: "dso-onboarding-tip", inputs: { placement: "placement" }, outputs: { dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoOnboardingTip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$L,
+        defineCustomElementFn: defineCustomElement$M,
         inputs: ['placement']
     })
 ], DsoOnboardingTip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoOnboardingTip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoOnboardingTip, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-onboarding-tip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['placement'], outputs: ['dsoClose'],
-                    standalone: true
+                    inputs: ['placement'],
+                    outputs: ['dsoClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoClose: [{
                 type: Output
             }] } });
 let DsoOzonContent = class DsoOzonContent {
     z;
+    el;
+    /**
+   * The XML to be rendered.
+   */
+    set content(_) { }
+    ;
+    /**
+   * Setting this property creates dso-ozon-content as inline element instead of a block element. @default false
+   */
+    set inline(_) { }
+    ;
+    /**
+   * To mark text.
+   */
+    set mark(_) { }
+    ;
+    /**
+   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.
+   */
+    set urlResolver(_) { }
+    ;
+    /**
+   * A BegripResolver that will be called for STOP element "IntRef". If the ref-attribute of IntRef points to a Begrip it
+should return the `<Definitie>` of that Begrip otherwise it should return undefined.
+   */
+    set begripResolver(_) { }
+    ;
+    /**
+   * Boolean indicating that this dso-ozon-content is part of an annotated context. If true the content of the
+toggletip for "IntIoRef" will show a "Kenmerken en kaart" annotation button. @default false
+   */
+    set annotated(_) { }
+    ;
     dsoClick = new EventEmitter();
     dsoOzonContentMarkItemHighlight = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoOzonContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoOzonContent, isStandalone: true, selector: "dso-ozon-content", inputs: { annotated: "annotated", begripResolver: "begripResolver", content: "content", inline: "inline", mark: "mark", urlResolver: "urlResolver" }, outputs: { dsoClick: "dsoClick", dsoOzonContentMarkItemHighlight: "dsoOzonContentMarkItemHighlight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoOzonContent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoOzonContent, isStandalone: true, selector: "dso-ozon-content", inputs: { annotated: "annotated", begripResolver: "begripResolver", content: "content", inline: "inline", mark: "mark", urlResolver: "urlResolver" }, outputs: { dsoClick: "dsoClick", dsoOzonContentMarkItemHighlight: "dsoOzonContentMarkItemHighlight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoOzonContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$M,
+        defineCustomElementFn: defineCustomElement$N,
         inputs: ['annotated', 'begripResolver', 'content', 'inline', 'mark', 'urlResolver']
     })
 ], DsoOzonContent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoOzonContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoOzonContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-ozon-content',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['annotated', 'begripResolver', 'content', 'inline', 'mark', 'urlResolver'], outputs: ['dsoClick', 'dsoOzonContentMarkItemHighlight'],
-                    standalone: true
+                    inputs: ['annotated', 'begripResolver', 'content', 'inline', 'mark', 'urlResolver'],
+                    outputs: ['dsoClick', 'dsoOzonContentMarkItemHighlight'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoClick: [{
                 type: Output
@@ -1670,120 +2755,169 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoOzonContentToggletip = class DsoOzonContentToggletip {
     z;
     el;
+    /**
+   * The alias of the icon in the button.
+   */
+    set icon(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoOzonContentToggletip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoOzonContentToggletip, isStandalone: true, selector: "dso-ozon-content-toggletip", inputs: { icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoOzonContentToggletip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoOzonContentToggletip, isStandalone: true, selector: "dso-ozon-content-toggletip", inputs: { icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoOzonContentToggletip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$N,
+        defineCustomElementFn: defineCustomElement$O,
         inputs: ['icon']
     })
 ], DsoOzonContentToggletip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoOzonContentToggletip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoOzonContentToggletip, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-ozon-content-toggletip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['icon'], outputs: [],
-                    standalone: true
+                    inputs: ['icon'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoPagination = class DsoPagination {
     z;
-    dsoSelectPage = new EventEmitter();
     el;
+    /**
+   * Total pages
+   */
+    set totalPages(_) { }
+    ;
+    /**
+   * Current page
+   */
+    set currentPage(_) { }
+    ;
+    /**
+   * This function is called to format the href @default (page) => "#" + page
+   */
+    set formatHref(_) { }
+    ;
+    dsoSelectPage = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoPagination, isStandalone: true, selector: "dso-pagination", inputs: { currentPage: "currentPage", formatHref: "formatHref", totalPages: "totalPages" }, outputs: { dsoSelectPage: "dsoSelectPage" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoPagination, isStandalone: true, selector: "dso-pagination", inputs: { currentPage: "currentPage", formatHref: "formatHref", totalPages: "totalPages" }, outputs: { dsoSelectPage: "dsoSelectPage" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoPagination = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$O,
+        defineCustomElementFn: defineCustomElement$P,
         inputs: ['currentPage', 'formatHref', 'totalPages']
     })
 ], DsoPagination);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoPagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoPagination, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-pagination',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['currentPage', 'formatHref', 'totalPages'], outputs: ['dsoSelectPage'],
-                    standalone: true
+                    inputs: ['currentPage', 'formatHref', 'totalPages'],
+                    outputs: ['dsoSelectPage'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoSelectPage: [{
                 type: Output
             }] } });
 let DsoPanel = class DsoPanel {
     z;
-    dsoCloseClick = new EventEmitter();
     el;
+    /**
+   * The accessible name for the close button.
+   */
+    set closeButtonLabel(_) { }
+    ;
+    /**
+   * To display the panel as an emphasized panel. @default false
+   */
+    set emphasized(_) { }
+    ;
+    dsoCloseClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoPanel, isStandalone: true, selector: "dso-panel", inputs: { closeButtonLabel: "closeButtonLabel", emphasized: "emphasized" }, outputs: { dsoCloseClick: "dsoCloseClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoPanel, isStandalone: true, selector: "dso-panel", inputs: { closeButtonLabel: "closeButtonLabel", emphasized: "emphasized" }, outputs: { dsoCloseClick: "dsoCloseClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoPanel = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$P,
+        defineCustomElementFn: defineCustomElement$Q,
         inputs: ['closeButtonLabel', 'emphasized']
     })
 ], DsoPanel);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoPanel, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-panel',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['closeButtonLabel', 'emphasized'], outputs: ['dsoCloseClick'],
-                    standalone: true
+                    inputs: ['closeButtonLabel', 'emphasized'],
+                    outputs: ['dsoCloseClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoCloseClick: [{
                 type: Output
             }] } });
 let DsoPlekinfoCard = class DsoPlekinfoCard {
     z;
-    dsoPlekinfoCardClick = new EventEmitter();
     el;
+    /**
+   * An optional 'wijzigactie' that signals if the plekinfo on the card is added or removed.
+   */
+    set wijzigactie(_) { }
+    ;
+    /**
+   * The URL to which the PlekinfoCard heading links.
+   */
+    set href(_) { }
+    ;
+    /**
+   * Opens the urls in a new window or tab @default false
+   */
+    set targetBlank(_) { }
+    ;
+    /**
+   * Makes the PlekinfoCard active.
+   */
+    set active(_) { }
+    ;
+    dsoPlekinfoCardClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoPlekinfoCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoPlekinfoCard, isStandalone: true, selector: "dso-plekinfo-card", inputs: { active: "active", href: "href", targetBlank: "targetBlank", wijzigactie: "wijzigactie" }, outputs: { dsoPlekinfoCardClick: "dsoPlekinfoCardClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoPlekinfoCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoPlekinfoCard, isStandalone: true, selector: "dso-plekinfo-card", inputs: { active: "active", href: "href", targetBlank: "targetBlank", wijzigactie: "wijzigactie" }, outputs: { dsoPlekinfoCardClick: "dsoPlekinfoCardClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoPlekinfoCard = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Q,
+        defineCustomElementFn: defineCustomElement$R,
         inputs: ['active', 'href', 'targetBlank', 'wijzigactie']
     })
 ], DsoPlekinfoCard);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoPlekinfoCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoPlekinfoCard, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-plekinfo-card',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'href', 'targetBlank', 'wijzigactie'], outputs: ['dsoPlekinfoCardClick'],
-                    standalone: true
+                    inputs: ['active', { name: 'href', required: true }, 'targetBlank', 'wijzigactie'],
+                    outputs: ['dsoPlekinfoCardClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoPlekinfoCardClick: [{
                 type: Output
@@ -1791,272 +2925,458 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoProgressIndicator = class DsoProgressIndicator {
     z;
     el;
+    /**
+   * The label of the Progress Indicator.
+   */
+    set label(_) { }
+    ;
+    /**
+   * The size (width) of the Progress Indicator.
+
+If no size is set, falls back to `small`.
+   */
+    set size(_) { }
+    ;
+    /**
+   * Set for bloatier Progress Indicator.
+   */
+    set block(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoProgressIndicator, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoProgressIndicator, isStandalone: true, selector: "dso-progress-indicator", inputs: { block: "block", label: "label", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoProgressIndicator, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoProgressIndicator, isStandalone: true, selector: "dso-progress-indicator", inputs: { block: "block", label: "label", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoProgressIndicator = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$R,
+        defineCustomElementFn: defineCustomElement$S,
         inputs: ['block', 'label', 'size']
     })
 ], DsoProgressIndicator);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoProgressIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoProgressIndicator, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-progress-indicator',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['block', 'label', 'size'], outputs: [],
-                    standalone: true
+                    inputs: ['block', 'label', 'size'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoProjectItem = class DsoProjectItem {
     z;
     el;
+    /**
+   * The label of the project item.
+   */
+    set label(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoProjectItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoProjectItem, isStandalone: true, selector: "dso-project-item", inputs: { label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoProjectItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoProjectItem, isStandalone: true, selector: "dso-project-item", inputs: { label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoProjectItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$S,
+        defineCustomElementFn: defineCustomElement$T,
         inputs: ['label']
     })
 ], DsoProjectItem);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoProjectItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoProjectItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-project-item',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['label'], outputs: [],
-                    standalone: true
+                    inputs: ['label'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoRenvooi = class DsoRenvooi {
     z;
-    dsoRenvooiMarkItemHighlight = new EventEmitter();
     el;
+    /**
+   * The renvooi value to render.
+   */
+    set value(_) { }
+    ;
+    /**
+   * To mark text.
+   */
+    set mark(_) { }
+    ;
+    dsoRenvooiMarkItemHighlight = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoRenvooi, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoRenvooi, isStandalone: true, selector: "dso-renvooi", inputs: { mark: "mark", value: "value" }, outputs: { dsoRenvooiMarkItemHighlight: "dsoRenvooiMarkItemHighlight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoRenvooi, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoRenvooi, isStandalone: true, selector: "dso-renvooi", inputs: { mark: "mark", value: "value" }, outputs: { dsoRenvooiMarkItemHighlight: "dsoRenvooiMarkItemHighlight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoRenvooi = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$T,
+        defineCustomElementFn: defineCustomElement$U,
         inputs: ['mark', 'value']
     })
 ], DsoRenvooi);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoRenvooi, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoRenvooi, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-renvooi',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['mark', 'value'], outputs: ['dsoRenvooiMarkItemHighlight'],
-                    standalone: true
+                    inputs: ['mark', 'value'],
+                    outputs: ['dsoRenvooiMarkItemHighlight'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoRenvooiMarkItemHighlight: [{
                 type: Output
             }] } });
 let DsoResponsiveElement = class DsoResponsiveElement {
     z;
-    dsoSizeChange = new EventEmitter();
     el;
+    dsoSizeChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoResponsiveElement, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoResponsiveElement, isStandalone: true, selector: "dso-responsive-element", outputs: { dsoSizeChange: "dsoSizeChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoResponsiveElement, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoResponsiveElement, isStandalone: true, selector: "dso-responsive-element", outputs: { dsoSizeChange: "dsoSizeChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoResponsiveElement = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$U,
+        defineCustomElementFn: defineCustomElement$V,
         methods: ['getSize']
     })
 ], DsoResponsiveElement);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoResponsiveElement, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoResponsiveElement, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-responsive-element',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [], outputs: ['dsoSizeChange'],
-                    standalone: true
+                    inputs: [],
+                    outputs: ['dsoSizeChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoSizeChange: [{
                 type: Output
             }] } });
 let DsoScrollable = class DsoScrollable {
     z;
-    dsoScrollEnd = new EventEmitter();
     el;
+    dsoScrollEnd = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoScrollable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoScrollable, isStandalone: true, selector: "dso-scrollable", outputs: { dsoScrollEnd: "dsoScrollEnd" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoScrollable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoScrollable, isStandalone: true, selector: "dso-scrollable", outputs: { dsoScrollEnd: "dsoScrollEnd" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoScrollable = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$V
+        defineCustomElementFn: defineCustomElement$W
     })
 ], DsoScrollable);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoScrollable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoScrollable, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-scrollable',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [], outputs: ['dsoScrollEnd'],
-                    standalone: true
+                    inputs: [],
+                    outputs: ['dsoScrollEnd'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoScrollEnd: [{
                 type: Output
             }] } });
+let DsoSegmentedButton = class DsoSegmentedButton {
+    z;
+    el;
+    /**
+   * Optional custom group name
+   */
+    set groupName(_) { }
+    ;
+    /**
+   * Options to render in the segmented button
+   */
+    set options(_) { }
+    ;
+    /**
+   * Label for the segmented button group.
+   */
+    set label(_) { }
+    ;
+    /**
+   * Whether selection is required
+   */
+    set required(_) { }
+    ;
+    /**
+   * Index of the currently active option
+   */
+    set activeOption(_) { }
+    ;
+    dsoChange = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSegmentedButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoSegmentedButton, isStandalone: true, selector: "dso-segmented-button", inputs: { activeOption: "activeOption", groupName: "groupName", label: "label", options: "options", required: "required" }, outputs: { dsoChange: "dsoChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+DsoSegmentedButton = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$X,
+        inputs: ['activeOption', 'groupName', 'label', 'options', 'required']
+    })
+], DsoSegmentedButton);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSegmentedButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dso-segmented-button',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [{ name: 'activeOption', required: true }, 'groupName', { name: 'label', required: true }, { name: 'options', required: true }, 'required'],
+                    outputs: ['dsoChange'],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoChange: [{
+                type: Output
+            }] } });
 let DsoSelectable = class DsoSelectable {
     z;
-    dsoChange = new EventEmitter();
     el;
+    /**
+   * Type of Selectable.
+
+`checkbox`: Multiple options
+`radio`: Single option.
+   */
+    set type(_) { }
+    ;
+    /**
+   * To set `<input id>` attribute for external references.
+   */
+    set identifier(_) { }
+    ;
+    /**
+   * Name of the Selectable. Can be used to group Selectables.
+   */
+    set name(_) { }
+    ;
+    /**
+   * The value of the Selectable.
+   */
+    set value(_) { }
+    ;
+    /**
+   * Set to true of the current value is not valid.
+   */
+    set invalid(_) { }
+    ;
+    /**
+   * To link this control to an element that describes it.
+   */
+    set describedById(_) { }
+    ;
+    /**
+   * To link this control to an element that labels it.
+   */
+    set labelledById(_) { }
+    ;
+    /**
+   * To disable the Selectable.
+   */
+    set disabled(_) { }
+    ;
+    /**
+   * To mark the Selectable as required.
+   */
+    set required(_) { }
+    ;
+    /**
+   * Mark the Selectable as checked
+   */
+    set checked(_) { }
+    ;
+    /**
+   * An indeterminate state is neither true or false. It means the answer is somewhere in between.
+
+Can be used to indicate child Selectables that are a mix of checked and unchecked.
+   */
+    set indeterminate(_) { }
+    ;
+    /**
+   * Set to true if the Info should not be toggled and always visible.
+   */
+    set infoFixed(_) { }
+    ;
+    dsoChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoSelectable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoSelectable, isStandalone: true, selector: "dso-selectable", inputs: { checked: "checked", describedById: "describedById", disabled: "disabled", identifier: "identifier", indeterminate: "indeterminate", infoFixed: "infoFixed", invalid: "invalid", labelledById: "labelledById", name: "name", required: "required", type: "type", value: "value" }, outputs: { dsoChange: "dsoChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSelectable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoSelectable, isStandalone: true, selector: "dso-selectable", inputs: { checked: "checked", describedById: "describedById", disabled: "disabled", identifier: "identifier", indeterminate: "indeterminate", infoFixed: "infoFixed", invalid: "invalid", labelledById: "labelledById", name: "name", required: "required", type: "type", value: "value" }, outputs: { dsoChange: "dsoChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoSelectable = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$W,
+        defineCustomElementFn: defineCustomElement$Y,
         inputs: ['checked', 'describedById', 'disabled', 'identifier', 'indeterminate', 'infoFixed', 'invalid', 'labelledById', 'name', 'required', 'type', 'value'],
         methods: ['toggleInfo']
     })
 ], DsoSelectable);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoSelectable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSelectable, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-selectable',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['checked', 'describedById', 'disabled', 'identifier', 'indeterminate', 'infoFixed', 'invalid', 'labelledById', 'name', 'required', 'type', 'value'], outputs: ['dsoChange'],
-                    standalone: true
+                    inputs: ['checked', 'describedById', 'disabled', 'identifier', 'indeterminate', 'infoFixed', 'invalid', 'labelledById', 'name', 'required', { name: 'type', required: true }, { name: 'value', required: true }],
+                    outputs: ['dsoChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoChange: [{
                 type: Output
             }] } });
 let DsoSkiplink = class DsoSkiplink {
     z;
-    dsoSkiplinkClick = new EventEmitter();
     el;
+    /**
+   * The location to which the skiplink links.
+   */
+    set to(_) { }
+    ;
+    /**
+   * link text
+   */
+    set label(_) { }
+    ;
+    dsoSkiplinkClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoSkiplink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoSkiplink, isStandalone: true, selector: "dso-skiplink", inputs: { label: "label", to: "to" }, outputs: { dsoSkiplinkClick: "dsoSkiplinkClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSkiplink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoSkiplink, isStandalone: true, selector: "dso-skiplink", inputs: { label: "label", to: "to" }, outputs: { dsoSkiplinkClick: "dsoSkiplinkClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoSkiplink = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$X,
+        defineCustomElementFn: defineCustomElement$Z,
         inputs: ['label', 'to']
     })
 ], DsoSkiplink);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoSkiplink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSkiplink, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-skiplink',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['label', 'to'], outputs: ['dsoSkiplinkClick'],
-                    standalone: true
+                    inputs: [{ name: 'label', required: true }, { name: 'to', required: true }],
+                    outputs: ['dsoSkiplinkClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoSkiplinkClick: [{
                 type: Output
             }] } });
 let DsoSlideToggle = class DsoSlideToggle {
     z;
-    dsoActiveChange = new EventEmitter();
     el;
+    /**
+   * Set to true if Slide Toggle is checked. @default false
+   */
+    set checked(_) { }
+    ;
+    /**
+   * Disables the Slide Toggle, preventing it from checking/unchecking and therefor not emitting any events. @default false
+   */
+    set disabled(_) { }
+    ;
+    /**
+   * When provided the `<button>` will be labelled with `aria-label`. For a visible label provide a `<span>` inside the component.
+   */
+    set accessibleLabel(_) { }
+    ;
+    /**
+   * Provide the `id` of the element that labels this element. this property sets the `aria-labelledby` on the switch button.
+   */
+    set labelledbyId(_) { }
+    ;
+    /**
+   * Provide an `id` for the `<button>`. Useful for placing your to place your own `<label for="id">`. @default v4()
+   */
+    set identifier(_) { }
+    ;
+    dsoActiveChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoSlideToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoSlideToggle, isStandalone: true, selector: "dso-slide-toggle", inputs: { accessibleLabel: "accessibleLabel", checked: "checked", disabled: "disabled", identifier: "identifier", labelledbyId: "labelledbyId" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSlideToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoSlideToggle, isStandalone: true, selector: "dso-slide-toggle", inputs: { accessibleLabel: "accessibleLabel", checked: "checked", disabled: "disabled", identifier: "identifier", labelledbyId: "labelledbyId" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoSlideToggle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Y,
+        defineCustomElementFn: defineCustomElement$_,
         inputs: ['accessibleLabel', 'checked', 'disabled', 'identifier', 'labelledbyId']
     })
 ], DsoSlideToggle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoSlideToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSlideToggle, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-slide-toggle',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accessibleLabel', 'checked', 'disabled', 'identifier', 'labelledbyId'], outputs: ['dsoActiveChange'],
-                    standalone: true
+                    inputs: ['accessibleLabel', 'checked', 'disabled', 'identifier', 'labelledbyId'],
+                    outputs: ['dsoActiveChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
                 type: Output
             }] } });
 let DsoSurveyRating = class DsoSurveyRating {
     z;
+    el;
     dsoSubmit = new EventEmitter();
     dsoClose = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoSurveyRating, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoSurveyRating, isStandalone: true, selector: "dso-survey-rating", outputs: { dsoSubmit: "dsoSubmit", dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSurveyRating, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoSurveyRating, isStandalone: true, selector: "dso-survey-rating", outputs: { dsoSubmit: "dsoSubmit", dsoClose: "dsoClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoSurveyRating = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Z
+        defineCustomElementFn: defineCustomElement$$
     })
 ], DsoSurveyRating);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoSurveyRating, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSurveyRating, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-survey-rating',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [], outputs: ['dsoSubmit', 'dsoClose'],
-                    standalone: true
+                    inputs: [],
+                    outputs: ['dsoSubmit', 'dsoClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoSubmit: [{
                 type: Output
@@ -2065,31 +3385,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoTab = class DsoTab {
     z;
-    dsoTabSwitch = new EventEmitter();
     el;
+    /**
+   * Makes the tab active. The tab for which the tabpanel is visible is the active tab.
+   */
+    set active(_) { }
+    ;
+    /**
+   * Disables the tab. A disabled tab cannot be activated and it's tabpanel cannot be shown.
+   */
+    set disabled(_) { }
+    ;
+    /**
+   * The optional href of the tab. Creates an anchor if present. Creates a button if absent.
+   */
+    set href(_) { }
+    ;
+    dsoTabSwitch = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoTab, isStandalone: true, selector: "dso-tab", inputs: { active: "active", disabled: "disabled", href: "href" }, outputs: { dsoTabSwitch: "dsoTabSwitch" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoTab, isStandalone: true, selector: "dso-tab", inputs: { active: "active", disabled: "disabled", href: "href" }, outputs: { dsoTabSwitch: "dsoTabSwitch" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoTab = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$_,
+        defineCustomElementFn: defineCustomElement$10,
         inputs: ['active', 'disabled', 'href']
     })
 ], DsoTab);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTab, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTab, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-tab',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'disabled', 'href'], outputs: ['dsoTabSwitch'],
-                    standalone: true
+                    inputs: ['active', 'disabled', 'href'],
+                    outputs: ['dsoTabSwitch'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoTabSwitch: [{
                 type: Output
@@ -2097,29 +3432,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
 let DsoTable = class DsoTable {
     z;
     el;
+    /**
+   * Prevents the table being opened in a modal. @default false
+   */
+    set noModal(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoTable, isStandalone: true, selector: "dso-table", inputs: { noModal: "noModal" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoTable, isStandalone: true, selector: "dso-table", inputs: { noModal: "noModal" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoTable = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$$,
+        defineCustomElementFn: defineCustomElement$11,
         inputs: ['noModal']
     })
 ], DsoTable);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTable, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTable, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-table',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['noModal'], outputs: [],
-                    standalone: true
+                    inputs: ['noModal'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoTabs = class DsoTabs {
@@ -2130,23 +3469,22 @@ let DsoTabs = class DsoTabs {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoTabs, isStandalone: true, selector: "dso-tabs", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoTabs, isStandalone: true, selector: "dso-tabs", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoTabs = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$10
+        defineCustomElementFn: defineCustomElement$12
     })
 ], DsoTabs);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTabs, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTabs, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-tabs',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [], outputs: [],
-                    standalone: true
+                    inputs: [],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoTijdreisBanner = class DsoTijdreisBanner {
@@ -2157,112 +3495,169 @@ let DsoTijdreisBanner = class DsoTijdreisBanner {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTijdreisBanner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoTijdreisBanner, isStandalone: true, selector: "dso-tijdreis-banner", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTijdreisBanner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoTijdreisBanner, isStandalone: true, selector: "dso-tijdreis-banner", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoTijdreisBanner = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$11
+        defineCustomElementFn: defineCustomElement$13
     })
 ], DsoTijdreisBanner);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTijdreisBanner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTijdreisBanner, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-tijdreis-banner',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [], outputs: [],
-                    standalone: true
+                    inputs: [],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoToggletip = class DsoToggletip {
     z;
     el;
+    /**
+   * Toggletip label. @default "Toelichting"
+   */
+    set label(_) { }
+    ;
+    /**
+   * Toggletip position. @default "right"
+   */
+    set position(_) { }
+    ;
+    /**
+   * Set to true for small Toggletip.
+   */
+    set small(_) { }
+    ;
+    /**
+   * Set to true for secondary Toggletip.
+   */
+    set secondary(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoToggletip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoToggletip, isStandalone: true, selector: "dso-toggletip", inputs: { label: "label", position: "position", secondary: "secondary", small: "small" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoToggletip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoToggletip, isStandalone: true, selector: "dso-toggletip", inputs: { label: "label", position: "position", secondary: "secondary", small: "small" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoToggletip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$12,
+        defineCustomElementFn: defineCustomElement$14,
         inputs: ['label', 'position', 'secondary', 'small']
     })
 ], DsoToggletip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoToggletip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoToggletip, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-toggletip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['label', 'position', 'secondary', 'small'], outputs: [],
-                    standalone: true
+                    inputs: ['label', 'position', 'secondary', 'small'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoTooltip = class DsoTooltip {
     z;
     el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoTooltip, isStandalone: true, selector: "dso-tooltip", inputs: { active: "active", descriptive: "descriptive", noArrow: "noArrow", position: "position", small: "small", stateless: "stateless", strategy: "strategy" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /**
+   * Defines if the tooltip is descriptive. A descriptive tooltip contains a meaningful message. Tooltips that are not descriptive are hidden from screenreaders using `aria-hidden`. @default false
+   */
+    set descriptive(_) { }
+    ;
+    /**
+   * Set position of tooltip relative to target @default "top"
+   */
+    set position(_) { }
+    ;
+    /**
+   * Set position strategy of tooltip @default "auto"
+   */
+    set strategy(_) { }
+    ;
+    /**
+   * Set attribute `no-arrow` to hide the arrow @default false
+   */
+    set noArrow(_) { }
+    ;
+    /**
+   * Deactivates mouseover behaviour
+   */
+    set stateless(_) { }
+    ;
+    /**
+   * Defines if the tooltip has a smaller max-width
+   */
+    set small(_) { }
+    ;
+    /**
+   * Whether or not to show the tooltip. To control the tooltip add the `active` attribute or use the `activate()` and `deactivate()` instance methods. @default false
+   */
+    set active(_) { }
+    ;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoTooltip, isStandalone: true, selector: "dso-tooltip", inputs: { active: "active", descriptive: "descriptive", noArrow: "noArrow", position: "position", small: "small", stateless: "stateless", strategy: "strategy" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoTooltip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$13,
+        defineCustomElementFn: defineCustomElement$15,
         inputs: ['active', 'descriptive', 'noArrow', 'position', 'small', 'stateless', 'strategy'],
         methods: ['activate', 'deactivate']
     })
 ], DsoTooltip);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTooltip, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-tooltip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'descriptive', 'noArrow', 'position', 'small', 'stateless', 'strategy'], outputs: [],
-                    standalone: true
+                    inputs: ['active', 'descriptive', 'noArrow', 'position', 'small', 'stateless', 'strategy'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoTreeView = class DsoTreeView {
     z;
+    el;
+    /**
+   * The collection of TreeViewItems
+   */
+    set collection(_) { }
+    ;
     dsoOpenItem = new EventEmitter();
     dsoCloseItem = new EventEmitter();
     dsoClickItem = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTreeView, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoTreeView, isStandalone: true, selector: "dso-tree-view", inputs: { collection: "collection" }, outputs: { dsoOpenItem: "dsoOpenItem", dsoCloseItem: "dsoCloseItem", dsoClickItem: "dsoClickItem" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTreeView, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoTreeView, isStandalone: true, selector: "dso-tree-view", inputs: { collection: "collection" }, outputs: { dsoOpenItem: "dsoOpenItem", dsoCloseItem: "dsoCloseItem", dsoClickItem: "dsoClickItem" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoTreeView = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$14,
+        defineCustomElementFn: defineCustomElement$16,
         inputs: ['collection'],
         methods: ['focusItem']
     })
 ], DsoTreeView);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoTreeView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTreeView, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-tree-view',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['collection'], outputs: ['dsoOpenItem', 'dsoCloseItem', 'dsoClickItem'],
-                    standalone: true
+                    inputs: [{ name: 'collection', required: true }],
+                    outputs: ['dsoOpenItem', 'dsoCloseItem', 'dsoClickItem'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoOpenItem: [{
                 type: Output
@@ -2273,6 +3668,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsoViewerGrid = class DsoViewerGrid {
     z;
+    el;
+    /**
+   * The title of the filter panel
+   */
+    set filterPanelTitle(_) { }
+    ;
+    /**
+   * Set to true when filter panel should show. @default false
+   */
+    set filterPanelOpen(_) { }
+    ;
+    /**
+   * Set to true when overlay should show. @default false
+   */
+    set overlayOpen(_) { }
+    ;
+    /**
+   * Set to true when document panel should show. @default false
+   */
+    set documentPanelOpen(_) { }
+    ;
+    /**
+   * Size of the panel when component loads.
+
+Default size is `large`. @default "large"
+   */
+    set mainSize(_) { }
+    ;
+    /**
+   * Set active tab in tab view.
+   */
+    set activeTab(_) { }
+    ;
+    /**
+   * Size of the panel when component loads.
+
+Default size is `large`. @default "large"
+   */
+    set documentPanelSize(_) { }
+    ;
+    /**
+   * Set to show main panel expanded. @default false
+   */
+    set mainPanelExpanded(_) { }
+    ;
+    /**
+   * Set to hide the main panel. @default false
+   */
+    set mainPanelHidden(_) { }
+    ;
     dsoCloseOverlay = new EventEmitter();
     dsoCloseFilterPanel = new EventEmitter();
     dsoActiveTabSwitch = new EventEmitter();
@@ -2280,30 +3725,29 @@ let DsoViewerGrid = class DsoViewerGrid {
     dsoDocumentPanelSizeChange = new EventEmitter();
     dsoDocumentPanelSizeChangeAnimationEnd = new EventEmitter();
     dsoMainPanelToggle = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoViewerGrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsoViewerGrid, isStandalone: true, selector: "dso-viewer-grid", inputs: { activeTab: "activeTab", documentPanelOpen: "documentPanelOpen", documentPanelSize: "documentPanelSize", filterPanelOpen: "filterPanelOpen", filterPanelTitle: "filterPanelTitle", mainPanelExpanded: "mainPanelExpanded", mainPanelHidden: "mainPanelHidden", mainSize: "mainSize", overlayOpen: "overlayOpen" }, outputs: { dsoCloseOverlay: "dsoCloseOverlay", dsoCloseFilterPanel: "dsoCloseFilterPanel", dsoActiveTabSwitch: "dsoActiveTabSwitch", dsoMainSizeChangeAnimationEnd: "dsoMainSizeChangeAnimationEnd", dsoDocumentPanelSizeChange: "dsoDocumentPanelSizeChange", dsoDocumentPanelSizeChangeAnimationEnd: "dsoDocumentPanelSizeChangeAnimationEnd", dsoMainPanelToggle: "dsoMainPanelToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoViewerGrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoViewerGrid, isStandalone: true, selector: "dso-viewer-grid", inputs: { activeTab: "activeTab", documentPanelOpen: "documentPanelOpen", documentPanelSize: "documentPanelSize", filterPanelOpen: "filterPanelOpen", filterPanelTitle: "filterPanelTitle", mainPanelExpanded: "mainPanelExpanded", mainPanelHidden: "mainPanelHidden", mainSize: "mainSize", overlayOpen: "overlayOpen" }, outputs: { dsoCloseOverlay: "dsoCloseOverlay", dsoCloseFilterPanel: "dsoCloseFilterPanel", dsoActiveTabSwitch: "dsoActiveTabSwitch", dsoMainSizeChangeAnimationEnd: "dsoMainSizeChangeAnimationEnd", dsoDocumentPanelSizeChange: "dsoDocumentPanelSizeChange", dsoDocumentPanelSizeChangeAnimationEnd: "dsoDocumentPanelSizeChangeAnimationEnd", dsoMainPanelToggle: "dsoMainPanelToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoViewerGrid = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$15,
+        defineCustomElementFn: defineCustomElement$17,
         inputs: ['activeTab', 'documentPanelOpen', 'documentPanelSize', 'filterPanelOpen', 'filterPanelTitle', 'mainPanelExpanded', 'mainPanelHidden', 'mainSize', 'overlayOpen']
     })
 ], DsoViewerGrid);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoViewerGrid, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoViewerGrid, decorators: [{
             type: Component,
             args: [{
                     selector: 'dso-viewer-grid',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeTab', 'documentPanelOpen', 'documentPanelSize', 'filterPanelOpen', 'filterPanelTitle', 'mainPanelExpanded', 'mainPanelHidden', 'mainSize', 'overlayOpen'], outputs: ['dsoCloseOverlay', 'dsoCloseFilterPanel', 'dsoActiveTabSwitch', 'dsoMainSizeChangeAnimationEnd', 'dsoDocumentPanelSizeChange', 'dsoDocumentPanelSizeChangeAnimationEnd', 'dsoMainPanelToggle'],
-                    standalone: true
+                    inputs: ['activeTab', 'documentPanelOpen', 'documentPanelSize', 'filterPanelOpen', 'filterPanelTitle', 'mainPanelExpanded', 'mainPanelHidden', 'mainSize', 'overlayOpen'],
+                    outputs: ['dsoCloseOverlay', 'dsoCloseFilterPanel', 'dsoActiveTabSwitch', 'dsoMainSizeChangeAnimationEnd', 'dsoDocumentPanelSizeChange', 'dsoDocumentPanelSizeChangeAnimationEnd', 'dsoMainPanelToggle'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoCloseOverlay: [{
                 type: Output
@@ -2322,32 +3766,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             }] } });
 let DsotDocumentComponentDemo = class DsotDocumentComponentDemo {
     z;
+    el;
+    /**
+   * Show canvas to where Document Component extends. @default false
+   */
+    set showCanvas(_) { }
+    ;
+    /**
+   * Show besluitversie version of the badge and label. @default false
+   */
+    set showBesluitversie(_) { }
+    ;
+    /**
+   * Name of the file to load.
+   */
+    set jsonFile(_) { }
+    ;
+    /**
+   * The default state for all Document Components. @default false
+   */
+    set openDefault(_) { }
+    ;
+    /**
+   * The mode of the Document Component. One of "document" or "table-of-contents". Defaults to "document" @default "document"
+   */
+    set mode(_) { }
+    ;
+    /**
+   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.
+   */
+    set ozonContentUrlResolver(_) { }
+    ;
+    /**
+   * A BegripResolver that will be called for STOP element "IntRef" with @scope ="Begrip".
+   */
+    set ozonContentBegripResolver(_) { }
+    ;
     dsotOzonContentClick = new EventEmitter();
     dsotTableOfContentsClick = new EventEmitter();
-    el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsotDocumentComponentDemo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: DsotDocumentComponentDemo, isStandalone: true, selector: "dsot-document-component-demo", inputs: { jsonFile: "jsonFile", mode: "mode", openDefault: "openDefault", ozonContentBegripResolver: "ozonContentBegripResolver", ozonContentUrlResolver: "ozonContentUrlResolver", showBesluitversie: "showBesluitversie", showCanvas: "showCanvas" }, outputs: { dsotOzonContentClick: "dsotOzonContentClick", dsotTableOfContentsClick: "dsotTableOfContentsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsotDocumentComponentDemo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsotDocumentComponentDemo, isStandalone: true, selector: "dsot-document-component-demo", inputs: { jsonFile: "jsonFile", mode: "mode", openDefault: "openDefault", ozonContentBegripResolver: "ozonContentBegripResolver", ozonContentUrlResolver: "ozonContentUrlResolver", showBesluitversie: "showBesluitversie", showCanvas: "showCanvas" }, outputs: { dsotOzonContentClick: "dsotOzonContentClick", dsotTableOfContentsClick: "dsotTableOfContentsClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsotDocumentComponentDemo = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$16,
+        defineCustomElementFn: defineCustomElement$18,
         inputs: ['jsonFile', 'mode', 'openDefault', 'ozonContentBegripResolver', 'ozonContentUrlResolver', 'showBesluitversie', 'showCanvas']
     })
 ], DsotDocumentComponentDemo);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsotDocumentComponentDemo, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsotDocumentComponentDemo, decorators: [{
             type: Component,
             args: [{
                     selector: 'dsot-document-component-demo',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['jsonFile', 'mode', 'openDefault', 'ozonContentBegripResolver', 'ozonContentUrlResolver', 'showBesluitversie', 'showCanvas'], outputs: ['dsotOzonContentClick', 'dsotTableOfContentsClick'],
-                    standalone: true
+                    inputs: ['jsonFile', 'mode', 'openDefault', 'ozonContentBegripResolver', 'ozonContentUrlResolver', 'showBesluitversie', 'showCanvas'],
+                    outputs: ['dsotOzonContentClick', 'dsotTableOfContentsClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsotOzonContentClick: [{
                 type: Output
@@ -2392,6 +3871,7 @@ const DIRECTIVES = [
     DsoInputRange,
     DsoLabel,
     DsoLegend,
+    DsoLegendGroup,
     DsoLegendItem,
     DsoListButton,
     DsoLogo,
@@ -2413,6 +3893,7 @@ const DIRECTIVES = [
     DsoRenvooi,
     DsoResponsiveElement,
     DsoScrollable,
+    DsoSegmentedButton,
     DsoSelectable,
     DsoSkiplink,
     DsoSlideToggle,
@@ -2428,16 +3909,130 @@ const DIRECTIVES = [
     DsotDocumentComponentDemo
 ];
 
+class BooleanValueAccessor {
+    el;
+    onChange = (_) => { };
+    onTouched = () => { };
+    constructor(el) {
+        this.el = el;
+    }
+    onFocusOut() {
+        this.onTouched();
+    }
+    onDsoChange(event) {
+        const checked = event.detail?.checked ?? false;
+        this.el.nativeElement.checked = checked;
+        this.onChange(checked);
+    }
+    writeValue(value) {
+        this.el.nativeElement.checked = value ?? false;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.el.nativeElement.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: BooleanValueAccessor, isStandalone: true, selector: "dso-selectable[type=checkbox]", host: { listeners: { "focusout": "onFocusOut()", "dsoChange": "onDsoChange($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => BooleanValueAccessor),
+                multi: true,
+            },
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: BooleanValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "dso-selectable[type=checkbox]",
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => BooleanValueAccessor),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onFocusOut: [{
+                type: HostListener,
+                args: ["focusout"]
+            }], onDsoChange: [{
+                type: HostListener,
+                args: ["dsoChange", ["$event"]]
+            }] } });
+
+class RadioValueAccessor {
+    el;
+    onChange = (_) => { };
+    onTouched = () => { };
+    constructor(el) {
+        this.el = el;
+    }
+    onFocusOut() {
+        this.onTouched();
+    }
+    onDsoChange() {
+        this.el.nativeElement.checked = true;
+        this.onChange(this.el.nativeElement.value);
+    }
+    writeValue(value) {
+        this.el.nativeElement.checked = value === this.el.nativeElement.value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.el.nativeElement.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RadioValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: RadioValueAccessor, isStandalone: true, selector: "dso-selectable[type=radio]", host: { listeners: { "focusout": "onFocusOut()", "dsoChange": "onDsoChange()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RadioValueAccessor),
+                multi: true,
+            },
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RadioValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "dso-selectable[type=radio]",
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RadioValueAccessor),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onFocusOut: [{
+                type: HostListener,
+                args: ["focusout"]
+            }], onDsoChange: [{
+                type: HostListener,
+                args: ["dsoChange"]
+            }] } });
+
+const VALUE_ACCESSORS = [BooleanValueAccessor, RadioValueAccessor];
 class DsoToolkitModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoToolkitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: DsoToolkitModule, imports: [DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, DsoCursorTooltip, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegend, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, DsoMapLayer, DsoMapLayerObject, DsoMapOverlays, DsoMarkBar, DsoModal, DsoOnboardingTip, DsoOzonContent, DsoOzonContentToggletip, DsoPagination, DsoPanel, DsoPlekinfoCard, DsoProgressIndicator, DsoProjectItem, DsoRenvooi, DsoResponsiveElement, DsoScrollable, DsoSelectable, DsoSkiplink, DsoSlideToggle, DsoSurveyRating, DsoTab, DsoTable, DsoTabs, DsoTijdreisBanner, DsoToggletip, DsoTooltip, DsoTreeView, DsoViewerGrid, DsotDocumentComponentDemo], exports: [DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, DsoCursorTooltip, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegend, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, DsoMapLayer, DsoMapLayerObject, DsoMapOverlays, DsoMarkBar, DsoModal, DsoOnboardingTip, DsoOzonContent, DsoOzonContentToggletip, DsoPagination, DsoPanel, DsoPlekinfoCard, DsoProgressIndicator, DsoProjectItem, DsoRenvooi, DsoResponsiveElement, DsoScrollable, DsoSelectable, DsoSkiplink, DsoSlideToggle, DsoSurveyRating, DsoTab, DsoTable, DsoTabs, DsoTijdreisBanner, DsoToggletip, DsoTooltip, DsoTreeView, DsoViewerGrid, DsotDocumentComponentDemo] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoToolkitModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoToolkitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.5", ngImport: i0, type: DsoToolkitModule, imports: [DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, DsoCursorTooltip, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegend, DsoLegendGroup, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, DsoMapLayer, DsoMapLayerObject, DsoMapOverlays, DsoMarkBar, DsoModal, DsoOnboardingTip, DsoOzonContent, DsoOzonContentToggletip, DsoPagination, DsoPanel, DsoPlekinfoCard, DsoProgressIndicator, DsoProjectItem, DsoRenvooi, DsoResponsiveElement, DsoScrollable, DsoSegmentedButton, DsoSelectable, DsoSkiplink, DsoSlideToggle, DsoSurveyRating, DsoTab, DsoTable, DsoTabs, DsoTijdreisBanner, DsoToggletip, DsoTooltip, DsoTreeView, DsoViewerGrid, DsotDocumentComponentDemo, BooleanValueAccessor, RadioValueAccessor], exports: [DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, DsoCursorTooltip, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegend, DsoLegendGroup, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, DsoMapLayer, DsoMapLayerObject, DsoMapOverlays, DsoMarkBar, DsoModal, DsoOnboardingTip, DsoOzonContent, DsoOzonContentToggletip, DsoPagination, DsoPanel, DsoPlekinfoCard, DsoProgressIndicator, DsoProjectItem, DsoRenvooi, DsoResponsiveElement, DsoScrollable, DsoSegmentedButton, DsoSelectable, DsoSkiplink, DsoSlideToggle, DsoSurveyRating, DsoTab, DsoTable, DsoTabs, DsoTijdreisBanner, DsoToggletip, DsoTooltip, DsoTreeView, DsoViewerGrid, DsotDocumentComponentDemo, BooleanValueAccessor, RadioValueAccessor] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoToolkitModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DsoToolkitModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoToolkitModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...DIRECTIVES],
-                    exports: [...DIRECTIVES],
+                    imports: [...DIRECTIVES, ...VALUE_ACCESSORS],
+                    exports: [...DIRECTIVES, ...VALUE_ACCESSORS],
                 }]
         }] });
 
@@ -2449,5 +4044,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DIRECTIVES, DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, DsoCursorTooltip, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegend, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, DsoMapLayer, DsoMapLayerObject, DsoMapOverlays, DsoMarkBar, DsoModal, DsoOnboardingTip, DsoOzonContent, DsoOzonContentToggletip, DsoPagination, DsoPanel, DsoPlekinfoCard, DsoProgressIndicator, DsoProjectItem, DsoRenvooi, DsoResponsiveElement, DsoScrollable, DsoSelectable, DsoSkiplink, DsoSlideToggle, DsoSurveyRating, DsoTab, DsoTable, DsoTabs, DsoTijdreisBanner, DsoToggletip, DsoToolkitModule, DsoTooltip, DsoTreeView, DsoViewerGrid, DsotDocumentComponentDemo };
+export { BooleanValueAccessor, DIRECTIVES, DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, DsoCursorTooltip, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegend, DsoLegendGroup, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, DsoMapLayer, DsoMapLayerObject, DsoMapOverlays, DsoMarkBar, DsoModal, DsoOnboardingTip, DsoOzonContent, DsoOzonContentToggletip, DsoPagination, DsoPanel, DsoPlekinfoCard, DsoProgressIndicator, DsoProjectItem, DsoRenvooi, DsoResponsiveElement, DsoScrollable, DsoSegmentedButton, DsoSelectable, DsoSkiplink, DsoSlideToggle, DsoSurveyRating, DsoTab, DsoTable, DsoTabs, DsoTijdreisBanner, DsoToggletip, DsoToolkitModule, DsoTooltip, DsoTreeView, DsoViewerGrid, DsotDocumentComponentDemo, RadioValueAccessor };
 //# sourceMappingURL=dso-toolkit-angular.mjs.map