@dso-toolkit/angular 83.1.0 → 84.1.0

package/fesm2022/dso-toolkit-angular.mjs

@@ -36,38 +36,41 @@ import { defineCustomElement as defineCustomElement$v } from '@dso-toolkit/core/
 import { defineCustomElement as defineCustomElement$w } from '@dso-toolkit/core/dist/components/dso-info-button.js';
 import { defineCustomElement as defineCustomElement$x } from '@dso-toolkit/core/dist/components/dso-input-range.js';
 import { defineCustomElement as defineCustomElement$y } from '@dso-toolkit/core/dist/components/dso-label.js';
-import { defineCustomElement as defineCustomElement$z } from '@dso-toolkit/core/dist/components/dso-legend-item.js';
-import { defineCustomElement as defineCustomElement$A } from '@dso-toolkit/core/dist/components/dso-list-button.js';
-import { defineCustomElement as defineCustomElement$B } from '@dso-toolkit/core/dist/components/dso-logo.js';
-import { defineCustomElement as defineCustomElement$C } from '@dso-toolkit/core/dist/components/dso-map-base-layers.js';
-import { defineCustomElement as defineCustomElement$D } from '@dso-toolkit/core/dist/components/dso-map-controls.js';
-import { defineCustomElement as defineCustomElement$E } from '@dso-toolkit/core/dist/components/dso-map-overlays.js';
-import { defineCustomElement as defineCustomElement$F } from '@dso-toolkit/core/dist/components/dso-mark-bar.js';
-import { defineCustomElement as defineCustomElement$G } from '@dso-toolkit/core/dist/components/dso-modal.js';
-import { defineCustomElement as defineCustomElement$H } from '@dso-toolkit/core/dist/components/dso-onboarding-tip.js';
-import { defineCustomElement as defineCustomElement$I } from '@dso-toolkit/core/dist/components/dso-ozon-content.js';
-import { defineCustomElement as defineCustomElement$J } from '@dso-toolkit/core/dist/components/dso-ozon-content-toggletip.js';
-import { defineCustomElement as defineCustomElement$K } from '@dso-toolkit/core/dist/components/dso-pagination.js';
-import { defineCustomElement as defineCustomElement$L } from '@dso-toolkit/core/dist/components/dso-panel.js';
-import { defineCustomElement as defineCustomElement$M } from '@dso-toolkit/core/dist/components/dso-plekinfo-card.js';
-import { defineCustomElement as defineCustomElement$N } from '@dso-toolkit/core/dist/components/dso-progress-indicator.js';
-import { defineCustomElement as defineCustomElement$O } from '@dso-toolkit/core/dist/components/dso-project-item.js';
-import { defineCustomElement as defineCustomElement$P } from '@dso-toolkit/core/dist/components/dso-renvooi.js';
-import { defineCustomElement as defineCustomElement$Q } from '@dso-toolkit/core/dist/components/dso-responsive-element.js';
-import { defineCustomElement as defineCustomElement$R } from '@dso-toolkit/core/dist/components/dso-scrollable.js';
-import { defineCustomElement as defineCustomElement$S } from '@dso-toolkit/core/dist/components/dso-selectable.js';
-import { defineCustomElement as defineCustomElement$T } from '@dso-toolkit/core/dist/components/dso-skiplink.js';
-import { defineCustomElement as defineCustomElement$U } from '@dso-toolkit/core/dist/components/dso-slide-toggle.js';
-import { defineCustomElement as defineCustomElement$V } from '@dso-toolkit/core/dist/components/dso-survey-rating.js';
-import { defineCustomElement as defineCustomElement$W } from '@dso-toolkit/core/dist/components/dso-tab.js';
-import { defineCustomElement as defineCustomElement$X } from '@dso-toolkit/core/dist/components/dso-table.js';
-import { defineCustomElement as defineCustomElement$Y } from '@dso-toolkit/core/dist/components/dso-tabs.js';
-import { defineCustomElement as defineCustomElement$Z } from '@dso-toolkit/core/dist/components/dso-tijdreis-banner.js';
-import { defineCustomElement as defineCustomElement$_ } from '@dso-toolkit/core/dist/components/dso-toggletip.js';
-import { defineCustomElement as defineCustomElement$$ } from '@dso-toolkit/core/dist/components/dso-tooltip.js';
-import { defineCustomElement as defineCustomElement$10 } from '@dso-toolkit/core/dist/components/dso-tree-view.js';
-import { defineCustomElement as defineCustomElement$11 } from '@dso-toolkit/core/dist/components/dso-viewer-grid.js';
-import { defineCustomElement as defineCustomElement$12 } from '@dso-toolkit/core/dist/components/dsot-document-component-demo.js';
+import { defineCustomElement as defineCustomElement$z } from '@dso-toolkit/core/dist/components/dso-legend.js';
+import { defineCustomElement as defineCustomElement$A } from '@dso-toolkit/core/dist/components/dso-legend-item.js';
+import { defineCustomElement as defineCustomElement$B } from '@dso-toolkit/core/dist/components/dso-list-button.js';
+import { defineCustomElement as defineCustomElement$C } from '@dso-toolkit/core/dist/components/dso-logo.js';
+import { defineCustomElement as defineCustomElement$D } from '@dso-toolkit/core/dist/components/dso-map-base-layers.js';
+import { defineCustomElement as defineCustomElement$E } from '@dso-toolkit/core/dist/components/dso-map-controls.js';
+import { defineCustomElement as defineCustomElement$F } from '@dso-toolkit/core/dist/components/dso-map-layer.js';
+import { defineCustomElement as defineCustomElement$G } from '@dso-toolkit/core/dist/components/dso-map-layer-object.js';
+import { defineCustomElement as defineCustomElement$H } from '@dso-toolkit/core/dist/components/dso-map-overlays.js';
+import { defineCustomElement as defineCustomElement$I } from '@dso-toolkit/core/dist/components/dso-mark-bar.js';
+import { defineCustomElement as defineCustomElement$J } from '@dso-toolkit/core/dist/components/dso-modal.js';
+import { defineCustomElement as defineCustomElement$K } from '@dso-toolkit/core/dist/components/dso-onboarding-tip.js';
+import { defineCustomElement as defineCustomElement$L } from '@dso-toolkit/core/dist/components/dso-ozon-content.js';
+import { defineCustomElement as defineCustomElement$M } from '@dso-toolkit/core/dist/components/dso-ozon-content-toggletip.js';
+import { defineCustomElement as defineCustomElement$N } from '@dso-toolkit/core/dist/components/dso-pagination.js';
+import { defineCustomElement as defineCustomElement$O } from '@dso-toolkit/core/dist/components/dso-panel.js';
+import { defineCustomElement as defineCustomElement$P } from '@dso-toolkit/core/dist/components/dso-plekinfo-card.js';
+import { defineCustomElement as defineCustomElement$Q } from '@dso-toolkit/core/dist/components/dso-progress-indicator.js';
+import { defineCustomElement as defineCustomElement$R } from '@dso-toolkit/core/dist/components/dso-project-item.js';
+import { defineCustomElement as defineCustomElement$S } from '@dso-toolkit/core/dist/components/dso-renvooi.js';
+import { defineCustomElement as defineCustomElement$T } from '@dso-toolkit/core/dist/components/dso-responsive-element.js';
+import { defineCustomElement as defineCustomElement$U } from '@dso-toolkit/core/dist/components/dso-scrollable.js';
+import { defineCustomElement as defineCustomElement$V } from '@dso-toolkit/core/dist/components/dso-selectable.js';
+import { defineCustomElement as defineCustomElement$W } from '@dso-toolkit/core/dist/components/dso-skiplink.js';
+import { defineCustomElement as defineCustomElement$X } from '@dso-toolkit/core/dist/components/dso-slide-toggle.js';
+import { defineCustomElement as defineCustomElement$Y } from '@dso-toolkit/core/dist/components/dso-survey-rating.js';
+import { defineCustomElement as defineCustomElement$Z } 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$$ } from '@dso-toolkit/core/dist/components/dso-tabs.js';
+import { defineCustomElement as defineCustomElement$10 } from '@dso-toolkit/core/dist/components/dso-tijdreis-banner.js';
+import { defineCustomElement as defineCustomElement$11 } from '@dso-toolkit/core/dist/components/dso-toggletip.js';
+import { defineCustomElement as defineCustomElement$12 } from '@dso-toolkit/core/dist/components/dso-tooltip.js';
+import { defineCustomElement as defineCustomElement$13 } from '@dso-toolkit/core/dist/components/dso-tree-view.js';
+import { defineCustomElement as defineCustomElement$14 } from '@dso-toolkit/core/dist/components/dso-viewer-grid.js';
+import { defineCustomElement as defineCustomElement$15 } from '@dso-toolkit/core/dist/components/dsot-document-component-demo.js';
 
 /* eslint-disable */
 /* tslint:disable */
@@ -512,12 +515,12 @@ let DsoAutosuggest = class DsoAutosuggest {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", 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: "20.3.13", type: DsoAutosuggest, isStandalone: true, selector: "dso-autosuggest", inputs: { loading: "loading", loadingDelayed: "loadingDelayed", loadingLabel: "loadingLabel", mark: "mark", notFoundLabel: "notFoundLabel", suggestOnFocus: "suggestOnFocus", suggestions: "suggestions" }, outputs: { dsoSelect: "dsoSelect", dsoChange: "dsoChange", dsoSearch: "dsoSearch" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", 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({
         defineCustomElementFn: defineCustomElement$d,
-        inputs: ['loading', 'loadingDelayed', 'loadingLabel', 'mark', 'notFoundLabel', 'suggestOnFocus', 'suggestions']
+        inputs: ['loading', 'loadingDelayed', 'loadingLabel', 'mark', 'notFoundLabel', 'suggestions']
     })
 ], DsoAutosuggest);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DsoAutosuggest, decorators: [{
@@ -527,7 +530,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['loading', 'loadingDelayed', 'loadingLabel', 'mark', 'notFoundLabel', 'suggestOnFocus', 'suggestions'], outputs: ['dsoSelect', 'dsoChange', 'dsoSearch'],
+                    inputs: ['loading', 'loadingDelayed', 'loadingLabel', 'mark', 'notFoundLabel', 'suggestions'], outputs: ['dsoSelect', 'dsoChange', 'dsoSearch'],
                     standalone: true
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoSelect: [{
@@ -1192,6 +1195,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoRemoveClick: [{
                 type: Output
             }] } });
+let DsoLegend = class DsoLegend {
+    z;
+    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: "20.3.13", 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: "20.3.13", 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({
+        defineCustomElementFn: defineCustomElement$z,
+        inputs: ['tabItems']
+    })
+], DsoLegend);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", 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
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoContentSwitch: [{
+                type: Output
+            }], dsoClose: [{
+                type: Output
+            }] } });
 let DsoLegendItem = class DsoLegendItem {
     z;
     dsoActiveChange = new EventEmitter();
@@ -1208,7 +1245,7 @@ let DsoLegendItem = class DsoLegendItem {
 };
 DsoLegendItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$z,
+        defineCustomElementFn: defineCustomElement$A,
         inputs: ['activatable', 'active', 'disabled', 'disabledMessage']
     })
 ], DsoLegendItem);
@@ -1244,7 +1281,7 @@ let DsoListButton = class DsoListButton {
 };
 DsoListButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$A,
+        defineCustomElementFn: defineCustomElement$B,
         inputs: ['checked', 'count', 'disabled', 'label', 'max', 'min', 'subcontentPrefix', 'sublabel']
     })
 ], DsoListButton);
@@ -1278,7 +1315,7 @@ let DsoLogo = class DsoLogo {
 };
 DsoLogo = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$B,
+        defineCustomElementFn: defineCustomElement$C,
         inputs: ['label', 'labelUrl', 'logoUrl', 'name', 'ribbon']
     })
 ], DsoLogo);
@@ -1311,7 +1348,7 @@ let DsoMapBaseLayers = class DsoMapBaseLayers {
 };
 DsoMapBaseLayers = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$C,
+        defineCustomElementFn: defineCustomElement$D,
         inputs: ['baseLayers', 'group']
     })
 ], DsoMapBaseLayers);
@@ -1344,7 +1381,7 @@ let DsoMapControls = class DsoMapControls {
 };
 DsoMapControls = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$D,
+        defineCustomElementFn: defineCustomElement$E,
         inputs: ['disableZoom', 'open'],
         methods: ['toggleVisibility']
     })
@@ -1366,6 +1403,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
             }], dsoToggle: [{
                 type: Output
             }] } });
+let DsoMapLayer = class DsoMapLayer {
+    z;
+    dsoActiveChange = 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: "20.3.13", 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: "20.3.13", 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$F,
+        inputs: ['activatable', 'active', 'label']
+    })
+], DsoMapLayer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", 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
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
+                type: Output
+            }] } });
+let DsoMapLayerObject = class DsoMapLayerObject {
+    z;
+    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: "20.3.13", 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: "20.3.13", 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$G,
+        inputs: ['active']
+    })
+], DsoMapLayerObject);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", 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
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoActiveChange: [{
+                type: Output
+            }], dsoMouseEnter: [{
+                type: Output
+            }], dsoMouseLeave: [{
+                type: Output
+            }] } });
 let DsoMapOverlays = class DsoMapOverlays {
     z;
     dsoToggleOverlay = new EventEmitter();
@@ -1380,7 +1485,7 @@ let DsoMapOverlays = class DsoMapOverlays {
 };
 DsoMapOverlays = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$E,
+        defineCustomElementFn: defineCustomElement$H,
         inputs: ['group', 'overlays']
     })
 ], DsoMapOverlays);
@@ -1414,7 +1519,7 @@ let DsoMarkBar = class DsoMarkBar {
 };
 DsoMarkBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$F,
+        defineCustomElementFn: defineCustomElement$I,
         inputs: ['current', 'label', 'totalCount', 'value'],
         methods: ['dsoFocus']
     })
@@ -1452,7 +1557,7 @@ let DsoModal = class DsoModal {
 };
 DsoModal = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$G,
+        defineCustomElementFn: defineCustomElement$J,
         inputs: ['closable', 'dialogRole', 'fullscreen', 'modalTitle', 'returnFocus']
     })
 ], DsoModal);
@@ -1483,7 +1588,7 @@ let DsoOnboardingTip = class DsoOnboardingTip {
 };
 DsoOnboardingTip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$H,
+        defineCustomElementFn: defineCustomElement$K,
         inputs: ['placement']
     })
 ], DsoOnboardingTip);
@@ -1511,12 +1616,12 @@ let DsoOzonContent = class DsoOzonContent {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", 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: "20.3.13", type: DsoOzonContent, isStandalone: true, selector: "dso-ozon-content", inputs: { 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 ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", 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$I,
-        inputs: ['begripResolver', 'content', 'inline', 'mark', 'urlResolver']
+        defineCustomElementFn: defineCustomElement$L,
+        inputs: ['annotated', 'begripResolver', 'content', 'inline', 'mark', 'urlResolver']
     })
 ], DsoOzonContent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DsoOzonContent, decorators: [{
@@ -1526,7 +1631,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['begripResolver', 'content', 'inline', 'mark', 'urlResolver'], outputs: ['dsoClick', 'dsoOzonContentMarkItemHighlight'],
+                    inputs: ['annotated', 'begripResolver', 'content', 'inline', 'mark', 'urlResolver'], outputs: ['dsoClick', 'dsoOzonContentMarkItemHighlight'],
                     standalone: true
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { dsoClick: [{
@@ -1547,7 +1652,7 @@ let DsoOzonContentToggletip = class DsoOzonContentToggletip {
 };
 DsoOzonContentToggletip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$J,
+        defineCustomElementFn: defineCustomElement$M,
         inputs: ['icon']
     })
 ], DsoOzonContentToggletip);
@@ -1576,7 +1681,7 @@ let DsoPagination = class DsoPagination {
 };
 DsoPagination = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$K,
+        defineCustomElementFn: defineCustomElement$N,
         inputs: ['currentPage', 'formatHref', 'totalPages']
     })
 ], DsoPagination);
@@ -1607,7 +1712,7 @@ let DsoPanel = class DsoPanel {
 };
 DsoPanel = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$L,
+        defineCustomElementFn: defineCustomElement$O,
         inputs: ['closeButtonLabel', 'emphasized']
     })
 ], DsoPanel);
@@ -1638,7 +1743,7 @@ let DsoPlekinfoCard = class DsoPlekinfoCard {
 };
 DsoPlekinfoCard = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$M,
+        defineCustomElementFn: defineCustomElement$P,
         inputs: ['active', 'href', 'targetBlank', 'wijzigactie']
     })
 ], DsoPlekinfoCard);
@@ -1668,7 +1773,7 @@ let DsoProgressIndicator = class DsoProgressIndicator {
 };
 DsoProgressIndicator = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$N,
+        defineCustomElementFn: defineCustomElement$Q,
         inputs: ['block', 'label', 'size']
     })
 ], DsoProgressIndicator);
@@ -1696,7 +1801,7 @@ let DsoProjectItem = class DsoProjectItem {
 };
 DsoProjectItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$O,
+        defineCustomElementFn: defineCustomElement$R,
         inputs: ['label']
     })
 ], DsoProjectItem);
@@ -1725,7 +1830,7 @@ let DsoRenvooi = class DsoRenvooi {
 };
 DsoRenvooi = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$P,
+        defineCustomElementFn: defineCustomElement$S,
         inputs: ['mark', 'value']
     })
 ], DsoRenvooi);
@@ -1756,7 +1861,7 @@ let DsoResponsiveElement = class DsoResponsiveElement {
 };
 DsoResponsiveElement = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Q,
+        defineCustomElementFn: defineCustomElement$T,
         methods: ['getSize']
     })
 ], DsoResponsiveElement);
@@ -1787,7 +1892,7 @@ let DsoScrollable = class DsoScrollable {
 };
 DsoScrollable = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$R
+        defineCustomElementFn: defineCustomElement$U
     })
 ], DsoScrollable);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DsoScrollable, decorators: [{
@@ -1817,7 +1922,7 @@ let DsoSelectable = class DsoSelectable {
 };
 DsoSelectable = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$S,
+        defineCustomElementFn: defineCustomElement$V,
         inputs: ['checked', 'describedById', 'disabled', 'identifier', 'indeterminate', 'infoFixed', 'invalid', 'labelledById', 'name', 'required', 'type', 'value'],
         methods: ['toggleInfo']
     })
@@ -1849,7 +1954,7 @@ let DsoSkiplink = class DsoSkiplink {
 };
 DsoSkiplink = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$T,
+        defineCustomElementFn: defineCustomElement$W,
         inputs: ['label', 'to']
     })
 ], DsoSkiplink);
@@ -1880,7 +1985,7 @@ let DsoSlideToggle = class DsoSlideToggle {
 };
 DsoSlideToggle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$U,
+        defineCustomElementFn: defineCustomElement$X,
         inputs: ['accessibleLabel', 'checked', 'disabled', 'identifier', 'labelledbyId']
     })
 ], DsoSlideToggle);
@@ -1912,7 +2017,7 @@ let DsoSurveyRating = class DsoSurveyRating {
 };
 DsoSurveyRating = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$V
+        defineCustomElementFn: defineCustomElement$Y
     })
 ], DsoSurveyRating);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DsoSurveyRating, decorators: [{
@@ -1944,7 +2049,7 @@ let DsoTab = class DsoTab {
 };
 DsoTab = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$W,
+        defineCustomElementFn: defineCustomElement$Z,
         inputs: ['active', 'disabled', 'href']
     })
 ], DsoTab);
@@ -1974,7 +2079,7 @@ let DsoTable = class DsoTable {
 };
 DsoTable = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$X,
+        defineCustomElementFn: defineCustomElement$_,
         inputs: ['noModal']
     })
 ], DsoTable);
@@ -2002,7 +2107,7 @@ let DsoTabs = class DsoTabs {
 };
 DsoTabs = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Y
+        defineCustomElementFn: defineCustomElement$$
     })
 ], DsoTabs);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DsoTabs, decorators: [{
@@ -2029,7 +2134,7 @@ let DsoTijdreisBanner = class DsoTijdreisBanner {
 };
 DsoTijdreisBanner = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Z
+        defineCustomElementFn: defineCustomElement$10
     })
 ], DsoTijdreisBanner);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DsoTijdreisBanner, decorators: [{
@@ -2056,7 +2161,7 @@ let DsoToggletip = class DsoToggletip {
 };
 DsoToggletip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$_,
+        defineCustomElementFn: defineCustomElement$11,
         inputs: ['label', 'position', 'secondary', 'small']
     })
 ], DsoToggletip);
@@ -2084,7 +2189,7 @@ let DsoTooltip = class DsoTooltip {
 };
 DsoTooltip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$$,
+        defineCustomElementFn: defineCustomElement$12,
         inputs: ['active', 'descriptive', 'noArrow', 'position', 'small', 'stateless', 'strategy'],
         methods: ['activate', 'deactivate']
     })
@@ -2116,7 +2221,7 @@ let DsoTreeView = class DsoTreeView {
 };
 DsoTreeView = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$10,
+        defineCustomElementFn: defineCustomElement$13,
         inputs: ['collection'],
         methods: ['focusItem']
     })
@@ -2158,7 +2263,7 @@ let DsoViewerGrid = class DsoViewerGrid {
 };
 DsoViewerGrid = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$11,
+        defineCustomElementFn: defineCustomElement$14,
         inputs: ['activeTab', 'documentPanelOpen', 'documentPanelSize', 'filterPanelOpen', 'filterPanelTitle', 'mainPanelExpanded', 'mainPanelHidden', 'mainSize', 'overlayOpen']
     })
 ], DsoViewerGrid);
@@ -2202,7 +2307,7 @@ let DsotDocumentComponentDemo = class DsotDocumentComponentDemo {
 };
 DsotDocumentComponentDemo = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$12,
+        defineCustomElementFn: defineCustomElement$15,
         inputs: ['jsonFile', 'mode', 'openDefault', 'ozonContentBegripResolver', 'ozonContentUrlResolver', 'showCanvas']
     })
 ], DsotDocumentComponentDemo);
@@ -2257,11 +2362,14 @@ const DIRECTIVES = [
     DsoInfoButton,
     DsoInputRange,
     DsoLabel,
+    DsoLegend,
     DsoLegendItem,
     DsoListButton,
     DsoLogo,
     DsoMapBaseLayers,
     DsoMapControls,
+    DsoMapLayer,
+    DsoMapLayerObject,
     DsoMapOverlays,
     DsoMarkBar,
     DsoModal,
@@ -2293,7 +2401,7 @@ const DIRECTIVES = [
 
 class DsoToolkitModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DsoToolkitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: DsoToolkitModule, imports: [DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, 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, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, 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 ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.13", ngImport: i0, type: DsoToolkitModule, imports: [DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, 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, 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: "20.3.13", ngImport: i0, type: DsoToolkitModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DsoToolkitModule, decorators: [{
@@ -2312,5 +2420,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
  * 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, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, 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 { DIRECTIVES, DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, 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 };
 //# sourceMappingURL=dso-toolkit-angular.mjs.map