@dso-toolkit/core 88.1.0 → 89.0.0

package/dist/collection/components/expandable/expandable.js

@@ -138,7 +138,8 @@ export class Expandable {
                         "ExpandableAnimationStartEvent": {
                             "location": "import",
                             "path": "./expandable.interfaces",
-                            "id": "src/components/expandable/expandable.interfaces.ts::ExpandableAnimationStartEvent"
+                            "id": "src/components/expandable/expandable.interfaces.ts::ExpandableAnimationStartEvent",
+                            "referenceLocation": "ExpandableAnimationStartEvent"
                         }
                     }
                 }
@@ -159,7 +160,8 @@ export class Expandable {
                         "ExpandableAnimationEndEvent": {
                             "location": "import",
                             "path": "./expandable.interfaces",
-                            "id": "src/components/expandable/expandable.interfaces.ts::ExpandableAnimationEndEvent"
+                            "id": "src/components/expandable/expandable.interfaces.ts::ExpandableAnimationEndEvent",
+                            "referenceLocation": "ExpandableAnimationEndEvent"
                         }
                     }
                 }
@@ -188,4 +190,3 @@ export class Expandable {
             }];
     }
 }
-//# sourceMappingURL=expandable.js.map

package/dist/collection/components/header/header.i18n.js

@@ -19,4 +19,3 @@ export const translations = {
         },
     },
 };
-//# sourceMappingURL=header.i18n.js.map

package/dist/collection/components/header/header.interfaces.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=header.interfaces.js.map

package/dist/collection/components/header/header.js

@@ -34,13 +34,12 @@ export class Header {
             this.visibleMenuItemsCount = undefined;
         };
         this.clickHandler = (e, type, options) => {
-            var _a, _b;
             this.dsoHeaderClick.emit({
                 originalEvent: e,
                 isModifiedEvent: isModifiedEvent(e),
                 type,
-                menuItem: options === null || options === void 0 ? void 0 : options.menuItem,
-                url: (_a = options === null || options === void 0 ? void 0 : options.url) !== null && _a !== void 0 ? _a : (_b = options === null || options === void 0 ? void 0 : options.menuItem) === null || _b === void 0 ? void 0 : _b.url,
+                menuItem: options?.menuItem,
+                url: options?.url ?? options?.menuItem?.url,
             });
         };
         this.menuItemElementRefs = [];
@@ -66,10 +65,9 @@ export class Header {
      * @returns The number of menu items that can fit in the available space.
      */
     calculateOverflowMenuItemCount(navElement) {
-        var _a;
         const availableWidth = navElement.offsetWidth;
         const lastMenuItem = this.menuItemElementRefs[this.menuItemElementRefs.length - 1];
-        const mostRightMenuItem = (_a = this.userHomeMenuItemElementRef) !== null && _a !== void 0 ? _a : lastMenuItem;
+        const mostRightMenuItem = this.userHomeMenuItemElementRef ?? lastMenuItem;
         const dropdownMenuItem = this.dropdownMenuItemElementRef;
         if (!mostRightMenuItem || !dropdownMenuItem || !lastMenuItem) {
             return this.menuItemElementRefs.length;
@@ -92,12 +90,11 @@ export class Header {
         return visibleMenuItems;
     }
     calculateDropdownOptionsOffset() {
-        var _a;
         if (!this.dropdownElement) {
             return 0;
         }
         return (this.host.clientHeight -
-            (((_a = this.dropdownElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().bottom) - this.host.getBoundingClientRect().top));
+            (this.dropdownElement?.getBoundingClientRect().bottom - this.host.getBoundingClientRect().top));
     }
     get visibleMainMenuItems() {
         return typeof this.visibleMenuItemsCount === "number"
@@ -158,7 +155,8 @@ export class Header {
                         "HeaderMenuItem": {
                             "location": "import",
                             "path": "./header.interfaces",
-                            "id": "src/components/header/header.interfaces.ts::HeaderMenuItem"
+                            "id": "src/components/header/header.interfaces.ts::HeaderMenuItem",
+                            "referenceLocation": "HeaderMenuItem"
                         }
                     }
                 },
@@ -182,7 +180,8 @@ export class Header {
                         "HeaderCompactMode": {
                             "location": "import",
                             "path": "./header.interfaces",
-                            "id": "src/components/header/header.interfaces.ts::HeaderCompactMode"
+                            "id": "src/components/header/header.interfaces.ts::HeaderCompactMode",
+                            "referenceLocation": "HeaderCompactMode"
                         }
                     }
                 },
@@ -208,7 +207,8 @@ export class Header {
                         "HeaderAuthStatus": {
                             "location": "import",
                             "path": "./header.interfaces",
-                            "id": "src/components/header/header.interfaces.ts::HeaderAuthStatus"
+                            "id": "src/components/header/header.interfaces.ts::HeaderAuthStatus",
+                            "referenceLocation": "HeaderAuthStatus"
                         }
                     }
                 },
@@ -404,7 +404,8 @@ export class Header {
                         "HeaderEvent": {
                             "location": "import",
                             "path": "./header.interfaces",
-                            "id": "src/components/header/header.interfaces.ts::HeaderEvent"
+                            "id": "src/components/header/header.interfaces.ts::HeaderEvent",
+                            "referenceLocation": "HeaderEvent"
                         }
                     }
                 }
@@ -418,4 +419,3 @@ export class Header {
             }];
     }
 }
-//# sourceMappingURL=header.js.map

package/dist/collection/components/header/menu-item.functional-component.js

@@ -3,4 +3,3 @@ import { clsx } from "clsx";
 export const MenuItem = ({ item, onClick, key, ref }) => {
     return (h("li", { class: clsx({ "dso-active": item.active }), key: key, ref: ref }, h("a", { href: item.url, "aria-current": item.active ? "page" : undefined, onClick: onClick }, item.label)));
 };
-//# sourceMappingURL=menu-item.functional-component.js.map

package/dist/collection/components/highlight-box/highlight-box.js

@@ -1,9 +1,8 @@
 import { Host, h } from "@stencil/core";
 export class HighlightBox {
     render() {
-        var _a;
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (h(Host, { key: '9ed65a845d685ecb62b44ac4df2ee4c57a92d8a4', "has-counter": hasCounter }, hasCounter && h("div", { key: '57392d31cbc22d059e0d037679c06a08ecfff5e8', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { key: '044da0d260d9d9257cc4ab0a48622aeba11d2f8d', name: "icon" })), h("slot", { key: '67e1cf3f59845e6451ac20cfbe8003df4089bd8d' })));
+        return (h(Host, { key: '9ed65a845d685ecb62b44ac4df2ee4c57a92d8a4', "has-counter": hasCounter }, hasCounter && h("div", { key: '57392d31cbc22d059e0d037679c06a08ecfff5e8', class: "dso-step-counter" }, this.step ?? h("slot", { key: '044da0d260d9d9257cc4ab0a48622aeba11d2f8d', name: "icon" })), h("slot", { key: '67e1cf3f59845e6451ac20cfbe8003df4089bd8d' })));
     }
     static get is() { return "dso-highlight-box"; }
     static get encapsulation() { return "shadow"; }
@@ -137,4 +136,3 @@ export class HighlightBox {
     }
     static get elementRef() { return "element"; }
 }
-//# sourceMappingURL=highlight-box.js.map

package/dist/collection/components/history-item/history-item.interfaces.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=history-item.interfaces.js.map

package/dist/collection/components/history-item/history-item.js

@@ -23,8 +23,7 @@ export class HistoryItem {
         this.mutationObserver.observe(this.host, { attributes: true, childList: true });
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
         delete this.mutationObserver;
     }
     clickEventHandler(e) {
@@ -69,7 +68,8 @@ export class HistoryItem {
                         "HistoryItemType": {
                             "location": "import",
                             "path": "./history-item.interfaces",
-                            "id": "src/components/history-item/history-item.interfaces.ts::HistoryItemType"
+                            "id": "src/components/history-item/history-item.interfaces.ts::HistoryItemType",
+                            "referenceLocation": "HistoryItemType"
                         }
                     }
                 },
@@ -123,7 +123,8 @@ export class HistoryItem {
                         "HistoryItemClickEvent": {
                             "location": "import",
                             "path": "./history-item.interfaces",
-                            "id": "src/components/history-item/history-item.interfaces.ts::HistoryItemClickEvent"
+                            "id": "src/components/history-item/history-item.interfaces.ts::HistoryItemClickEvent",
+                            "referenceLocation": "HistoryItemClickEvent"
                         }
                     }
                 }
@@ -131,4 +132,3 @@ export class HistoryItem {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=history-item.js.map

package/dist/collection/components/icon/icon.js

@@ -257,4 +257,3 @@ export class Icon {
         };
     }
 }
-//# sourceMappingURL=icon.js.map

package/dist/collection/components/icon-button/icon-button.interfaces.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=icon-button.interfaces.js.map

package/dist/collection/components/icon-button/icon-button.js

@@ -28,12 +28,11 @@ export class IconButton {
             }
             this.clearToolTipTimeout();
             this.tooltipTimeout = window.setTimeout(() => {
-                var _a, _b;
-                if (!((_a = this.tooltipElRef) === null || _a === void 0 ? void 0 : _a.isConnected)) {
+                if (!this.tooltipElRef?.isConnected) {
                     return;
                 }
                 this.showTooltip = true;
-                (_b = this.tooltipElRef) === null || _b === void 0 ? void 0 : _b.showPopover();
+                this.tooltipElRef?.showPopover();
                 if (!this.cleanUp && this.buttonElRef && this.tooltipElRef && this.tipArrowElRef) {
                     this.cleanUp = positionTooltip({
                         referenceElement: this.buttonElRef,
@@ -53,10 +52,9 @@ export class IconButton {
             }
         };
         this.handleHideTooltip = () => {
-            var _a;
             this.clearToolTipTimeout();
             this.showTooltip = false;
-            (_a = this.tooltipElRef) === null || _a === void 0 ? void 0 : _a.hidePopover();
+            this.tooltipElRef?.hidePopover();
             if (!this.showTooltip && this.cleanUp) {
                 this.cleanUp();
                 this.cleanUp = undefined;
@@ -72,13 +70,11 @@ export class IconButton {
      * Focuses the button.
      */
     async setFocus() {
-        var _a;
-        (_a = this.buttonElRef) === null || _a === void 0 ? void 0 : _a.focus();
+        this.buttonElRef?.focus();
     }
     disconnectedCallback() {
-        var _a;
         this.clearToolTipTimeout();
-        (_a = this.cleanUp) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.cleanUp?.();
         this.cleanUp = undefined;
     }
     render() {
@@ -146,7 +142,8 @@ export class IconButton {
                         "IconButtonVariant": {
                             "location": "import",
                             "path": "./icon-button.interfaces",
-                            "id": "src/components/icon-button/icon-button.interfaces.ts::IconButtonVariant"
+                            "id": "src/components/icon-button/icon-button.interfaces.ts::IconButtonVariant",
+                            "referenceLocation": "IconButtonVariant"
                         }
                     }
                 },
@@ -172,7 +169,8 @@ export class IconButton {
                         "TooltipPlacement": {
                             "location": "import",
                             "path": "../../functional-components/tooltip/tooltip.interfaces",
-                            "id": "src/functional-components/tooltip/tooltip.interfaces.ts::TooltipPlacement"
+                            "id": "src/functional-components/tooltip/tooltip.interfaces.ts::TooltipPlacement",
+                            "referenceLocation": "TooltipPlacement"
                         }
                     }
                 },
@@ -233,7 +231,8 @@ export class IconButton {
                         "IconButtonClickEvent": {
                             "location": "import",
                             "path": "./icon-button.interfaces",
-                            "id": "src/components/icon-button/icon-button.interfaces.ts::IconButtonClickEvent"
+                            "id": "src/components/icon-button/icon-button.interfaces.ts::IconButtonClickEvent",
+                            "referenceLocation": "IconButtonClickEvent"
                         }
                     }
                 }
@@ -261,4 +260,3 @@ export class IconButton {
         };
     }
 }
-//# sourceMappingURL=icon-button.js.map

package/dist/collection/components/image-overlay/image-overlay.css

@@ -94,7 +94,7 @@ ins.editaction-add {
   background-color: #e4f1d4;
   color: #191919;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  --_dso-ozon-content-toggletip-color: #000;
 }
 ins.editaction-add .wrapper {
   outline: none;
@@ -131,7 +131,7 @@ ins.editaction-add .wrapper {
   background-color: #e4f1d4;
   color: #191919;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  --_dso-ozon-content-toggletip-color: #000;
 }
 ins.editaction-add .wrapper .editaction-label {
   line-height: 1.5;
@@ -178,7 +178,7 @@ del.editaction-remove {
   --_dso-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  --_dso-ozon-content-toggletip-color: #000;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
@@ -221,7 +221,7 @@ del.editaction-remove .wrapper {
   --_dso-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  --_dso-ozon-content-toggletip-color: #000;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }

package/dist/collection/components/image-overlay/image-overlay.js

@@ -35,10 +35,9 @@ export class ImageOverlay {
             }
         }, 200));
         this.mutationObserver = new MutationObserver((e) => {
-            var _a, _b;
             forceUpdate(this.host);
-            if (((_a = e[0]) === null || _a === void 0 ? void 0 : _a.type) === "childList") {
-                (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+            if (e[0]?.type === "childList") {
+                this.resizeObserver?.disconnect();
                 // <img> is gone or a new element.
                 this.initZoomableImage();
             }
@@ -52,18 +51,15 @@ export class ImageOverlay {
         this.initZoomableImage();
     }
     componentDidRender() {
-        var _a, _b;
-        if (this.active && !((_a = this.wrapperElement) === null || _a === void 0 ? void 0 : _a.open)) {
-            (_b = this.wrapperElement) === null || _b === void 0 ? void 0 : _b.showModal();
+        if (this.active && !this.wrapperElement?.open) {
+            this.wrapperElement?.showModal();
         }
     }
     disconnectedCallback() {
-        var _a, _b;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        this.mutationObserver?.disconnect();
+        this.resizeObserver?.disconnect();
     }
     initZoomableImage() {
-        var _a;
         const imgElement = this.host.querySelector("img");
         if (!(imgElement instanceof HTMLImageElement)) {
             return;
@@ -72,7 +68,7 @@ export class ImageOverlay {
         if (imgElement.complete) {
             this.setZoomable(imgElement);
         }
-        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(imgElement);
+        this.resizeObserver?.observe(imgElement);
     }
     setZoomable(imageElement) {
         const { width, naturalWidth, height, naturalHeight } = imageElement;
@@ -82,22 +78,20 @@ export class ImageOverlay {
         return wijzigactie === "voegtoe" || wijzigactie === "verwijder";
     }
     closeZoomedImage() {
-        var _a;
-        (_a = this.wrapperElement) === null || _a === void 0 ? void 0 : _a.close();
+        this.wrapperElement?.close();
         this.active = false;
     }
     render() {
-        var _a;
-        const { src, alt } = (_a = this.host.querySelector("img")) !== null && _a !== void 0 ? _a : {};
+        const { src, alt } = this.host.querySelector("img") ?? {};
         const editActionLabel = (this.wijzigactie && this.isWijzigactie(this.wijzigactie) && wijzigactieLabels[this.wijzigactie]) || undefined;
         const button = this.zoomable && (h("dso-icon-button", { icon: "external-link", class: "open", variant: "map", label: "Afbeelding vergroot weergeven", ref: (element) => (this.iconButtonElement = element), onDsoClick: () => (this.active = true) }));
         if (this.wijzigactie === "verwijder") {
-            return (h(Host, { onClick: () => { var _a; return (_a = this.iconButtonElement) === null || _a === void 0 ? void 0 : _a.setFocus(); } }, h("del", { class: "editaction-remove" }, h("div", { class: "editaction-label" }, editActionLabel, ":"), h(Dimmer, { active: this.active, src: src, alt: alt, ref: (element) => (this.wrapperElement = element), close: this.dialogCloseEventListener, click: () => this.closeZoomedImage() }, this.titelSlot && (h("div", { class: "title" }, h("slot", { name: "titel" }))), h("div", { class: "figuur-bijschrift", hidden: !this.bijschriftSlot }, h("slot", { name: "bijschrift" })), h("div", { class: "editaction-label" }, editActionLabel, ":")), h("slot", null), button)));
+            return (h(Host, { onClick: () => this.iconButtonElement?.setFocus() }, h("del", { class: "editaction-remove" }, h("div", { class: "editaction-label" }, editActionLabel, ":"), h(Dimmer, { active: this.active, src: src, alt: alt, ref: (element) => (this.wrapperElement = element), close: this.dialogCloseEventListener, click: () => this.closeZoomedImage() }, this.titelSlot && (h("div", { class: "title" }, h("slot", { name: "titel" }))), h("div", { class: "figuur-bijschrift", hidden: !this.bijschriftSlot }, h("slot", { name: "bijschrift" })), h("div", { class: "editaction-label" }, editActionLabel, ":")), h("slot", null), button)));
         }
         if (this.wijzigactie === "voegtoe") {
-            return (h(Host, { onClick: () => { var _a; return (_a = this.iconButtonElement) === null || _a === void 0 ? void 0 : _a.setFocus(); } }, h("ins", { class: "editaction-add" }, h("div", { class: "editaction-label" }, editActionLabel, ":"), h(Dimmer, { active: this.active, src: src, alt: alt, ref: (element) => (this.wrapperElement = element), close: this.dialogCloseEventListener, click: () => this.closeZoomedImage() }, this.titelSlot && (h("div", { class: "title" }, h("slot", { name: "titel" }))), h("div", { class: "figuur-bijschrift", hidden: !this.bijschriftSlot }, h("slot", { name: "bijschrift" })), h("div", { class: "editaction-label" }, editActionLabel, ":")), h("slot", null), button)));
+            return (h(Host, { onClick: () => this.iconButtonElement?.setFocus() }, h("ins", { class: "editaction-add" }, h("div", { class: "editaction-label" }, editActionLabel, ":"), h(Dimmer, { active: this.active, src: src, alt: alt, ref: (element) => (this.wrapperElement = element), close: this.dialogCloseEventListener, click: () => this.closeZoomedImage() }, this.titelSlot && (h("div", { class: "title" }, h("slot", { name: "titel" }))), h("div", { class: "figuur-bijschrift", hidden: !this.bijschriftSlot }, h("slot", { name: "bijschrift" })), h("div", { class: "editaction-label" }, editActionLabel, ":")), h("slot", null), button)));
         }
-        return (h(Host, { onClick: () => { var _a; return (_a = this.iconButtonElement) === null || _a === void 0 ? void 0 : _a.setFocus(); } }, h(Dimmer, { active: this.active, src: src, alt: alt, ref: (element) => (this.wrapperElement = element), close: this.dialogCloseEventListener, click: () => this.closeZoomedImage() }, this.titelSlot && (h("div", { class: "title" }, h("slot", { name: "titel" }))), h("div", { class: "figuur-bijschrift", hidden: !this.bijschriftSlot }, h("slot", { name: "bijschrift" }))), h("slot", null), button));
+        return (h(Host, { onClick: () => this.iconButtonElement?.setFocus() }, h(Dimmer, { active: this.active, src: src, alt: alt, ref: (element) => (this.wrapperElement = element), close: this.dialogCloseEventListener, click: () => this.closeZoomedImage() }, this.titelSlot && (h("div", { class: "title" }, h("slot", { name: "titel" }))), h("div", { class: "figuur-bijschrift", hidden: !this.bijschriftSlot }, h("slot", { name: "bijschrift" }))), h("slot", null), button));
     }
     static get is() { return "dso-image-overlay"; }
     static get encapsulation() { return "shadow"; }
@@ -151,4 +145,3 @@ export class ImageOverlay {
             }];
     }
 }
-//# sourceMappingURL=image-overlay.js.map

package/dist/collection/components/info/info.js

@@ -81,4 +81,3 @@ export class Info {
             }];
     }
 }
-//# sourceMappingURL=info.js.map

package/dist/collection/components/info-button/info-button.interfaces.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=info-button.interfaces.js.map

package/dist/collection/components/info-button/info-button.js

@@ -25,10 +25,9 @@ export class InfoButton {
             }
         };
         this.focusOutHandler = (event) => {
-            var _a;
             if (!this.host.contains(event.relatedTarget)) {
                 this.toggletipActive = false;
-                (_a = this.toggletipElRef) === null || _a === void 0 ? void 0 : _a.hidePopover();
+                this.toggletipElRef?.hidePopover();
             }
         };
     }
@@ -36,12 +35,11 @@ export class InfoButton {
      * To set focus to the toggle button.
      */
     async setFocus() {
-        var _a, _b, _c;
         if (this.secondary) {
-            (_a = this.buttonSecondary) === null || _a === void 0 ? void 0 : _a.focus();
+            this.buttonSecondary?.focus();
         }
         else {
-            (_c = (_b = this.button) === null || _b === void 0 ? void 0 : _b.setFocus) === null || _c === void 0 ? void 0 : _c.call(_b);
+            this.button?.setFocus?.();
         }
     }
     handleToggle(originalEvent) {
@@ -53,14 +51,12 @@ export class InfoButton {
         }
     }
     cleanupTooltip() {
-        var _a;
-        (_a = this.cleanUp) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.cleanUp?.();
         this.cleanUp = undefined;
     }
     componentDidRender() {
-        var _a, _b, _c;
         if (!this.hasToggletip) {
-            (_a = this.toggletipElRef) === null || _a === void 0 ? void 0 : _a.hidePopover();
+            this.toggletipElRef?.hidePopover();
             this.cleanupTooltip();
             return;
         }
@@ -75,10 +71,10 @@ export class InfoButton {
         }
         if (this.cleanUp) {
             if (this.toggletipActive) {
-                (_b = this.toggletipElRef) === null || _b === void 0 ? void 0 : _b.showPopover();
+                this.toggletipElRef?.showPopover();
             }
             else {
-                (_c = this.toggletipElRef) === null || _c === void 0 ? void 0 : _c.hidePopover();
+                this.toggletipElRef?.hidePopover();
                 this.cleanupTooltip();
             }
         }
@@ -93,9 +89,8 @@ export class InfoButton {
         });
     }
     disconnectedCallback() {
-        var _a;
         this.cleanupTooltip();
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
         delete this.mutationObserver;
     }
     render() {
@@ -186,7 +181,8 @@ export class InfoButton {
                         "TooltipPlacement": {
                             "location": "import",
                             "path": "../../functional-components/tooltip/tooltip.interfaces",
-                            "id": "src/functional-components/tooltip/tooltip.interfaces.ts::TooltipPlacement"
+                            "id": "src/functional-components/tooltip/tooltip.interfaces.ts::TooltipPlacement",
+                            "referenceLocation": "TooltipPlacement"
                         }
                     }
                 },
@@ -228,7 +224,8 @@ export class InfoButton {
                         "InfoButtonToggleEvent": {
                             "location": "import",
                             "path": "./info-button.interfaces",
-                            "id": "src/components/info-button/info-button.interfaces.ts::InfoButtonToggleEvent"
+                            "id": "src/components/info-button/info-button.interfaces.ts::InfoButtonToggleEvent",
+                            "referenceLocation": "InfoButtonToggleEvent"
                         }
                     }
                 }
@@ -257,4 +254,3 @@ export class InfoButton {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=info-button.js.map

package/dist/collection/components/input-range/input-range.interfaces.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=input-range.interfaces.js.map

package/dist/collection/components/input-range/input-range.js

@@ -186,7 +186,8 @@ export class InputRange {
                         "InputRangeChangeEvent": {
                             "location": "import",
                             "path": "./input-range.interfaces",
-                            "id": "src/components/input-range/input-range.interfaces.ts::InputRangeChangeEvent"
+                            "id": "src/components/input-range/input-range.interfaces.ts::InputRangeChangeEvent",
+                            "referenceLocation": "InputRangeChangeEvent"
                         }
                     }
                 }
@@ -194,4 +195,3 @@ export class InputRange {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=input-range.js.map

package/dist/collection/components/label/label.css

@@ -432,7 +432,7 @@
   background-color: #e4f1d4;
   color: #191919;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  --_dso-ozon-content-toggletip-color: #000;
 }
 .dso-label.dso-label-verwijderd {
   --_dso-alert-success-border-color: #39870c;
@@ -466,7 +466,7 @@
   --_dso-button-tertiary-disabled-color: #999;
   background-color: #f5d8dc;
   color: #191919;
-  --_dso-ozon-content-toggletip-color: colors.$zwart;
+  --_dso-ozon-content-toggletip-color: #000;
   text-decoration: line-through;
   --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }

package/dist/collection/components/label/label.interfaces.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=label.interfaces.js.map

package/dist/collection/components/label/label.js

@@ -50,8 +50,7 @@ export class Label {
         });
     }
     syncLabelText() {
-        var _a, _b;
-        this.labelText = (_b = (_a = this.host.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : "";
+        this.labelText = this.host.textContent?.trim() ?? "";
     }
     componentDidLoad() {
         if (this.truncate) {
@@ -77,9 +76,8 @@ export class Label {
         this.syncLabelText();
     }
     stopMutationObserver(force = false) {
-        var _a;
         if (force || !(this.truncate && this.removable)) {
-            (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+            this.mutationObserver?.disconnect();
             delete this.mutationObserver;
         }
     }
@@ -164,7 +162,8 @@ export class Label {
                         "LabelStatus": {
                             "location": "import",
                             "path": "./label.interfaces",
-                            "id": "src/components/label/label.interfaces.ts::LabelStatus"
+                            "id": "src/components/label/label.interfaces.ts::LabelStatus",
+                            "referenceLocation": "LabelStatus"
                         }
                     }
                 },
@@ -277,4 +276,3 @@ export class Label {
             }];
     }
 }
-//# sourceMappingURL=label.js.map

package/dist/collection/components/legend/legend-group/legend-group.css

@@ -0,0 +1,22 @@
+:host {
+  display: block;
+}
+
+*,
+*::after,
+*::before {
+  box-sizing: border-box;
+}
+
+.legend-group-header {
+  position: relative;
+}
+.legend-group-header ::slotted(h3) {
+  margin-block: 8px !important;
+  padding-block: 4px !important;
+}
+.legend-group-header dso-icon-button {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+}

package/dist/collection/components/legend/legend-group/legend-group.i18n.js

@@ -0,0 +1,14 @@
+export const translations = {
+    en: {
+        "dso-legend-group": {
+            edit: "Edit layers",
+            view: "Leave editmode",
+        },
+    },
+    nl: {
+        "dso-legend-group": {
+            edit: "Kaartlagen bewerken",
+            view: "Bewerken verlaten",
+        },
+    },
+};