@dso-toolkit/angular 90.0.0 → 90.2.0

package/fesm2022/dso-toolkit-angular.mjs

@@ -46,34 +46,35 @@ import { defineCustomElement as defineCustomElement$F } from '@dso-toolkit/core/
 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 { defineCustomElement as defineCustomElement$J } from '@dso-toolkit/core/dist/components/dso-map-message.js';
+import { defineCustomElement as defineCustomElement$K } from '@dso-toolkit/core/dist/components/dso-map-overlays.js';
+import { defineCustomElement as defineCustomElement$L } from '@dso-toolkit/core/dist/components/dso-mark-bar.js';
+import { defineCustomElement as defineCustomElement$M } from '@dso-toolkit/core/dist/components/dso-modal.js';
+import { defineCustomElement as defineCustomElement$N } from '@dso-toolkit/core/dist/components/dso-onboarding-tip.js';
+import { defineCustomElement as defineCustomElement$O } from '@dso-toolkit/core/dist/components/dso-ozon-content.js';
+import { defineCustomElement as defineCustomElement$P } from '@dso-toolkit/core/dist/components/dso-ozon-content-toggletip.js';
+import { defineCustomElement as defineCustomElement$Q } from '@dso-toolkit/core/dist/components/dso-pagination.js';
+import { defineCustomElement as defineCustomElement$R } from '@dso-toolkit/core/dist/components/dso-panel.js';
+import { defineCustomElement as defineCustomElement$S } from '@dso-toolkit/core/dist/components/dso-plekinfo-card.js';
+import { defineCustomElement as defineCustomElement$T } from '@dso-toolkit/core/dist/components/dso-progress-indicator.js';
+import { defineCustomElement as defineCustomElement$U } from '@dso-toolkit/core/dist/components/dso-project-item.js';
+import { defineCustomElement as defineCustomElement$V } from '@dso-toolkit/core/dist/components/dso-renvooi.js';
+import { defineCustomElement as defineCustomElement$W } from '@dso-toolkit/core/dist/components/dso-responsive-element.js';
+import { defineCustomElement as defineCustomElement$X } from '@dso-toolkit/core/dist/components/dso-scrollable.js';
+import { defineCustomElement as defineCustomElement$Y } from '@dso-toolkit/core/dist/components/dso-segmented-button.js';
+import { defineCustomElement as defineCustomElement$Z } from '@dso-toolkit/core/dist/components/dso-selectable.js';
+import { defineCustomElement as defineCustomElement$_ } 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$10 } from '@dso-toolkit/core/dist/components/dso-survey-rating.js';
+import { defineCustomElement as defineCustomElement$11 } from '@dso-toolkit/core/dist/components/dso-tab.js';
+import { defineCustomElement as defineCustomElement$12 } from '@dso-toolkit/core/dist/components/dso-table.js';
+import { defineCustomElement as defineCustomElement$13 } from '@dso-toolkit/core/dist/components/dso-tabs.js';
+import { defineCustomElement as defineCustomElement$14 } from '@dso-toolkit/core/dist/components/dso-tijdreis-banner.js';
+import { defineCustomElement as defineCustomElement$15 } from '@dso-toolkit/core/dist/components/dso-toggletip.js';
+import { defineCustomElement as defineCustomElement$16 } from '@dso-toolkit/core/dist/components/dso-tooltip.js';
+import { defineCustomElement as defineCustomElement$17 } from '@dso-toolkit/core/dist/components/dso-tree-view.js';
+import { defineCustomElement as defineCustomElement$18 } from '@dso-toolkit/core/dist/components/dso-viewer-grid.js';
+import { defineCustomElement as defineCustomElement$19 } from '@dso-toolkit/core/dist/components/dsot-document-component-demo.js';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 /* eslint-disable */
@@ -870,18 +871,28 @@ let DsoBadge = class DsoBadge {
    */
     set status(_) { }
     ;
+    /**
+   * The accessible name of the interactive Badge with Toggletip.
+   */
+    set label(_) { }
+    ;
+    /**
+   * The placement of the toggletip on click of the interactive Badge with Toggletip. @default "top"
+   */
+    set toggletipPlacement(_) { }
+    ;
     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: 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoBadge, isStandalone: true, selector: "dso-badge", inputs: { label: "label", status: "status", toggletipPlacement: "toggletipPlacement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoBadge = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$e,
-        inputs: ['status']
+        inputs: ['label', 'status', 'toggletipPlacement']
     })
 ], DsoBadge);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoBadge, decorators: [{
@@ -891,7 +902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['status'],
+                    inputs: ['label', 'status', 'toggletipPlacement'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoBanner = class DsoBanner {
@@ -2401,11 +2412,6 @@ let DsoMapLayer = class DsoMapLayer {
     z;
     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
    */
@@ -2416,6 +2422,11 @@ on the right. @default false
    */
     set active(_) { }
     ;
+    /**
+   * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
+   */
+    set wijzigactie(_) { }
+    ;
     dsoActiveChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -2423,12 +2434,12 @@ on the right. @default false
         this.el = r.nativeElement;
     }
     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 });
+    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", wijzigactie: "wijzigactie" }, outputs: { dsoActiveChange: "dsoActiveChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DsoMapLayer = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$H,
-        inputs: ['activatable', 'active', 'label']
+        inputs: ['activatable', 'active', 'wijzigactie']
     })
 ], DsoMapLayer);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapLayer, decorators: [{
@@ -2438,7 +2449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activatable', 'active', { name: 'label', required: true }],
+                    inputs: ['activatable', 'active', { name: 'wijzigactie', required: true }],
                     outputs: ['dsoActiveChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
@@ -2452,6 +2463,11 @@ let DsoMapLayerObject = class DsoMapLayerObject {
    */
     set active(_) { }
     ;
+    /**
+   * An optional 'wijzigactie' that signals if the Map Layer is added or removed.
+   */
+    set wijzigactie(_) { }
+    ;
     dsoActiveChange = new EventEmitter();
     dsoMouseEnter = new EventEmitter();
     dsoMouseLeave = new EventEmitter();
@@ -2461,12 +2477,12 @@ let DsoMapLayerObject = class DsoMapLayerObject {
         this.el = r.nativeElement;
     }
     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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: DsoMapLayerObject, isStandalone: true, selector: "dso-map-layer-object", inputs: { active: "active", wijzigactie: "wijzigactie" }, 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$I,
-        inputs: ['active']
+        inputs: ['active', 'wijzigactie']
     })
 ], DsoMapLayerObject);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapLayerObject, decorators: [{
@@ -2476,7 +2492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active'],
+                    inputs: ['active', { name: 'wijzigactie', required: true }],
                     outputs: ['dsoActiveChange', 'dsoMouseEnter', 'dsoMouseLeave'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
@@ -2486,6 +2502,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             }], dsoMouseLeave: [{
                 type: Output
             }] } });
+let DsoMapMessage = class DsoMapMessage {
+    z;
+    el;
+    /**
+   * Variant determines the icon and actions shown.
+   */
+    set variant(_) { }
+    ;
+    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: DsoMapMessage, 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: DsoMapMessage, isStandalone: true, selector: "dso-map-message", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+DsoMapMessage = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$J,
+        inputs: ['variant']
+    })
+], DsoMapMessage);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoMapMessage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dso-map-message',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [{ name: 'variant', required: true }],
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let DsoMapOverlays = class DsoMapOverlays {
     z;
     el;
@@ -2510,7 +2558,7 @@ let DsoMapOverlays = class DsoMapOverlays {
 };
 DsoMapOverlays = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$J,
+        defineCustomElementFn: defineCustomElement$K,
         inputs: ['group', 'overlays']
     })
 ], DsoMapOverlays);
@@ -2564,7 +2612,7 @@ let DsoMarkBar = class DsoMarkBar {
 };
 DsoMarkBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$K,
+        defineCustomElementFn: defineCustomElement$L,
         inputs: ['current', 'label', 'totalCount', 'value'],
         methods: ['dsoFocus']
     })
@@ -2633,7 +2681,7 @@ Needs `modalTitle` to be set. @default false
 };
 DsoModal = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$L,
+        defineCustomElementFn: defineCustomElement$M,
         inputs: ['closable', 'dialogRole', 'fullscreen', 'modalTitle', 'returnFocus']
     })
 ], DsoModal);
@@ -2669,7 +2717,7 @@ let DsoOnboardingTip = class DsoOnboardingTip {
 };
 DsoOnboardingTip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$M,
+        defineCustomElementFn: defineCustomElement$N,
         inputs: ['placement']
     })
 ], DsoOnboardingTip);
@@ -2733,7 +2781,7 @@ toggletip for "IntIoRef" will show a "Kenmerken en kaart" annotation button. @de
 };
 DsoOzonContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$N,
+        defineCustomElementFn: defineCustomElement$O,
         inputs: ['annotated', 'begripResolver', 'content', 'inline', 'mark', 'urlResolver']
     })
 ], DsoOzonContent);
@@ -2770,7 +2818,7 @@ let DsoOzonContentToggletip = class DsoOzonContentToggletip {
 };
 DsoOzonContentToggletip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$O,
+        defineCustomElementFn: defineCustomElement$P,
         inputs: ['icon']
     })
 ], DsoOzonContentToggletip);
@@ -2813,7 +2861,7 @@ let DsoPagination = class DsoPagination {
 };
 DsoPagination = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$P,
+        defineCustomElementFn: defineCustomElement$Q,
         inputs: ['currentPage', 'formatHref', 'totalPages']
     })
 ], DsoPagination);
@@ -2854,7 +2902,7 @@ let DsoPanel = class DsoPanel {
 };
 DsoPanel = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Q,
+        defineCustomElementFn: defineCustomElement$R,
         inputs: ['closeButtonLabel', 'emphasized']
     })
 ], DsoPanel);
@@ -2905,7 +2953,7 @@ let DsoPlekinfoCard = class DsoPlekinfoCard {
 };
 DsoPlekinfoCard = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$R,
+        defineCustomElementFn: defineCustomElement$S,
         inputs: ['active', 'href', 'targetBlank', 'wijzigactie']
     })
 ], DsoPlekinfoCard);
@@ -2952,7 +3000,7 @@ If no size is set, falls back to `small`.
 };
 DsoProgressIndicator = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$S,
+        defineCustomElementFn: defineCustomElement$T,
         inputs: ['block', 'label', 'size']
     })
 ], DsoProgressIndicator);
@@ -2984,7 +3032,7 @@ let DsoProjectItem = class DsoProjectItem {
 };
 DsoProjectItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$T,
+        defineCustomElementFn: defineCustomElement$U,
         inputs: ['label']
     })
 ], DsoProjectItem);
@@ -3022,7 +3070,7 @@ let DsoRenvooi = class DsoRenvooi {
 };
 DsoRenvooi = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$U,
+        defineCustomElementFn: defineCustomElement$V,
         inputs: ['mark', 'value']
     })
 ], DsoRenvooi);
@@ -3053,7 +3101,7 @@ let DsoResponsiveElement = class DsoResponsiveElement {
 };
 DsoResponsiveElement = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$V,
+        defineCustomElementFn: defineCustomElement$W,
         methods: ['getSize']
     })
 ], DsoResponsiveElement);
@@ -3084,7 +3132,7 @@ let DsoScrollable = class DsoScrollable {
 };
 DsoScrollable = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$W
+        defineCustomElementFn: defineCustomElement$X
     })
 ], DsoScrollable);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoScrollable, decorators: [{
@@ -3124,7 +3172,7 @@ let DsoSegmentedButton = class DsoSegmentedButton {
     set required(_) { }
     ;
     /**
-   * Index of the currently active option
+   * The currently active option
    */
     set activeOption(_) { }
     ;
@@ -3139,7 +3187,7 @@ let DsoSegmentedButton = class DsoSegmentedButton {
 };
 DsoSegmentedButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$X,
+        defineCustomElementFn: defineCustomElement$Y,
         inputs: ['activeOption', 'groupName', 'label', 'options', 'required']
     })
 ], DsoSegmentedButton);
@@ -3235,7 +3283,7 @@ Can be used to indicate child Selectables that are a mix of checked and unchecke
 };
 DsoSelectable = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Y,
+        defineCustomElementFn: defineCustomElement$Z,
         inputs: ['checked', 'describedById', 'disabled', 'identifier', 'indeterminate', 'infoFixed', 'invalid', 'labelledById', 'name', 'required', 'type', 'value'],
         methods: ['toggleInfo']
     })
@@ -3277,7 +3325,7 @@ let DsoSkiplink = class DsoSkiplink {
 };
 DsoSkiplink = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Z,
+        defineCustomElementFn: defineCustomElement$_,
         inputs: ['label', 'to']
     })
 ], DsoSkiplink);
@@ -3333,7 +3381,7 @@ let DsoSlideToggle = class DsoSlideToggle {
 };
 DsoSlideToggle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$_,
+        defineCustomElementFn: defineCustomElement$$,
         inputs: ['accessibleLabel', 'checked', 'disabled', 'identifier', 'labelledbyId']
     })
 ], DsoSlideToggle);
@@ -3365,7 +3413,7 @@ let DsoSurveyRating = class DsoSurveyRating {
 };
 DsoSurveyRating = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$$
+        defineCustomElementFn: defineCustomElement$10
     })
 ], DsoSurveyRating);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoSurveyRating, decorators: [{
@@ -3412,7 +3460,7 @@ let DsoTab = class DsoTab {
 };
 DsoTab = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$10,
+        defineCustomElementFn: defineCustomElement$11,
         inputs: ['active', 'disabled', 'href']
     })
 ], DsoTab);
@@ -3447,7 +3495,7 @@ let DsoTable = class DsoTable {
 };
 DsoTable = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$11,
+        defineCustomElementFn: defineCustomElement$12,
         inputs: ['noModal']
     })
 ], DsoTable);
@@ -3474,7 +3522,7 @@ let DsoTabs = class DsoTabs {
 };
 DsoTabs = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$12
+        defineCustomElementFn: defineCustomElement$13
     })
 ], DsoTabs);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTabs, decorators: [{
@@ -3500,7 +3548,7 @@ let DsoTijdreisBanner = class DsoTijdreisBanner {
 };
 DsoTijdreisBanner = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$13
+        defineCustomElementFn: defineCustomElement$14
     })
 ], DsoTijdreisBanner);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: DsoTijdreisBanner, decorators: [{
@@ -3546,7 +3594,7 @@ let DsoToggletip = class DsoToggletip {
 };
 DsoToggletip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$14,
+        defineCustomElementFn: defineCustomElement$15,
         inputs: ['label', 'position', 'secondary', 'small']
     })
 ], DsoToggletip);
@@ -3608,7 +3656,7 @@ let DsoTooltip = class DsoTooltip {
 };
 DsoTooltip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$15,
+        defineCustomElementFn: defineCustomElement$16,
         inputs: ['active', 'descriptive', 'noArrow', 'position', 'small', 'stateless', 'strategy'],
         methods: ['activate', 'deactivate']
     })
@@ -3644,7 +3692,7 @@ let DsoTreeView = class DsoTreeView {
 };
 DsoTreeView = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$16,
+        defineCustomElementFn: defineCustomElement$17,
         inputs: ['collection'],
         methods: ['focusItem']
     })
@@ -3735,7 +3783,7 @@ Default size is `large`. @default "large"
 };
 DsoViewerGrid = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$17,
+        defineCustomElementFn: defineCustomElement$18,
         inputs: ['activeTab', 'documentPanelOpen', 'documentPanelSize', 'filterPanelOpen', 'filterPanelTitle', 'mainPanelExpanded', 'mainPanelHidden', 'mainSize', 'overlayOpen']
     })
 ], DsoViewerGrid);
@@ -3814,7 +3862,7 @@ let DsotDocumentComponentDemo = class DsotDocumentComponentDemo {
 };
 DsotDocumentComponentDemo = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$18,
+        defineCustomElementFn: defineCustomElement$19,
         inputs: ['jsonFile', 'mode', 'openDefault', 'ozonContentBegripResolver', 'ozonContentUrlResolver', 'showBesluitversie', 'showCanvas']
     })
 ], DsotDocumentComponentDemo);
@@ -3879,6 +3927,7 @@ const DIRECTIVES = [
     DsoMapControls,
     DsoMapLayer,
     DsoMapLayerObject,
+    DsoMapMessage,
     DsoMapOverlays,
     DsoMarkBar,
     DsoModal,
@@ -4025,7 +4074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
 const VALUE_ACCESSORS = [BooleanValueAccessor, RadioValueAccessor];
 class 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 ɵ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, DsoMapMessage, 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, DsoMapMessage, 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.1.5", ngImport: i0, type: DsoToolkitModule, decorators: [{
@@ -4044,5 +4093,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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 };
+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, DsoMapMessage, 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