@dso-toolkit/core 88.1.0 → 89.0.0

package/dist/collection/components/map-controls/map-controls.js

@@ -35,16 +35,15 @@ export class MapControls {
     watchOpen(open) {
         if (open) {
             this.hideContent = false;
-            setTimeout(() => { var _a; return (_a = __classPrivateFieldGet(this, _MapControls_closeButtonElement, "f")) === null || _a === void 0 ? void 0 : _a.focus(); }, transitionDuration);
+            setTimeout(() => __classPrivateFieldGet(this, _MapControls_closeButtonElement, "f")?.focus(), transitionDuration);
         }
         else {
             setTimeout(() => {
-                var _a, _b, _c;
                 this.hideContent = true;
-                if ((_a = __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")) === null || _a === void 0 ? void 0 : _a.checkVisibility()) {
-                    (_b = __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")) === null || _b === void 0 ? void 0 : _b.focus();
+                if (__classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")?.checkVisibility()) {
+                    __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")?.focus();
                 }
-                if ((_c = __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")) === null || _c === void 0 ? void 0 : _c.checkVisibility()) {
+                if (__classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")?.checkVisibility()) {
                     __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f").focus();
                 }
             }, transitionDuration);
@@ -64,7 +63,7 @@ export class MapControls {
         });
     }
     render() {
-        return (h(Fragment, { key: '31c5d89ecdc3151ae2fc526ff0dede8dcac86cc7' }, h("dso-icon-button", { key: '48ef2aed7c06164db5b7e7970e58e89bb6542c41', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '1d14943fa858477fb01370095a1d9ee61da45be5', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '4d854ab110c6a91008d08452764ee4bfe2e92cc1', icon: "layers" }), h("span", { key: '0aa99415bf2944299a319215e6d667323a03e9f2' }, this.text("layersButton"))), h("dso-button-group", { key: 'cc499e10742bac282222a550a389191680b3d7c5', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'dfa5283d7dd8f9ec0cc4718613eb1d265dc6fb19', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: '92636c6fa991095c9615901f54bfac09a92543f0', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: '3acd93f44a44be85490fd118210a8f60672ec444', hidden: this.hideContent }, h("header", { key: '20f02fdc7d4393e830fef60aeebd459a363b1b40' }, h("h2", { key: '3b64e4c12246cd89bdceceaa05f1868d1e242477' }, this.text("title")), h("dso-icon-button", { key: '003abb86c99a583639090443690125f2b5c512f9', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "times", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: '7c2aa131fdefbc6adde5b736b8469272d50519c6' }, h("div", { key: '62958c695eb80b1f838c714989da69771c557f3f', class: "content" }, h("slot", { key: '86ee6e7002cffbae46a9db1df9e9d574a59a9f50' }))))));
+        return (h(Fragment, { key: 'f47cd78cb61af0df942eaf20c21d514bf599f2f5' }, h("dso-icon-button", { key: 'bb963d516ef096aaa3ae10a357f396cf8b9cd445', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '31b202f3ad934ddad3db766aed7795d2280d743d', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '7585b25f6b83dd494b7581f15ea118dde96e5765', icon: "layers" }), h("span", { key: 'bee0f055d5628d92602e5b61548412158db89dd8' }, this.text("layersButton"))), h("dso-button-group", { key: '33fdc19ec0c8b004d55ec979410bcfb345e9a281', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '1044c042191799df425d6c8acc3f9df5bd888111', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: 'c963a8a9676ba7aff2394c9df9becd931b0e4896', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: 'cc80e7787fbc299e9f36f794164d629514720eae', hidden: this.hideContent }, h("header", { key: '48b10ffe0f45f33a70ca1ab44866232f4d9a46f1' }, h("h2", { key: '4aa6496e6ecfb43c403dace2e9740633a254de35' }, this.text("title")), h("dso-icon-button", { key: 'c1fadfa8980ce4ae7a41c8fa3b223d9f7fee7586', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "times", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: '33d207a7683aadbdbbf2339fe4bfeb4132b2c3b9' }, h("div", { key: '0086be8f9366e9387cc677413ae21dffaf2b80e9', class: "content" }, h("slot", { key: '76b1ed95bbb0b90078a8829abf3b601dcddd84b4' }))))));
     }
     static get is() { return "dso-map-controls"; }
     static get encapsulation() { return "shadow"; }
@@ -184,7 +183,8 @@ export class MapControls {
                         "MapControlsToggleEvent": {
                             "location": "import",
                             "path": "./map-controls.interfaces",
-                            "id": "src/components/map-controls/map-controls.interfaces.ts::MapControlsToggleEvent"
+                            "id": "src/components/map-controls/map-controls.interfaces.ts::MapControlsToggleEvent",
+                            "referenceLocation": "MapControlsToggleEvent"
                         }
                     }
                 }
@@ -235,4 +235,3 @@ export class MapControls {
     }
 }
 _MapControls_closeButtonElement = new WeakMap(), _MapControls_toggleButtonElement = new WeakMap(), _MapControls_toggleIconButtonElement = new WeakMap();
-//# sourceMappingURL=map-controls.js.map

package/dist/collection/components/map-layer/components/map-layer-object.interfaces.js

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

package/dist/collection/components/map-layer/components/map-layer-object.js

@@ -14,7 +14,7 @@ export class MapLayerObject {
         };
     }
     render() {
-        return (h(Host, { key: 'abbab8b3e9cb63d0041ebd6cd55853e8f2336db5', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: 'd9d9593bdb8b5f92c21ca71282a146d99b9e96ed', class: "map-layer-object" }, h("div", { key: '24dad3d78d29f548a248e6ebe1a3082bb4d26890' }, h("slot", { key: '68c1ba383c8d62e5ba00eeb22f29c0955bab3411', name: "symbol" })), h("div", { key: '85810dcbd6771202fb7615bb550a862321f1a408' }, h("slot", { key: 'e00fd66d88a87d2451f1f53c9fc36c67e16fc1b0' })), h("div", { key: '5a37b2b10e6c954df2cc586a349b34ebff58af63', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'b03e87e9317e7b0e90853621cd6b8a538d430fe3', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
+        return (h(Host, { key: 'd812f5ba8708110c9d986f123f478a5d63cc0271', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: 'ff9db71019f91053ebf1b1d785510de5454d2297', class: "map-layer-object" }, h("div", { key: 'e15f4daf6fef5078740599a41b62b036d4af8370' }, h("slot", { key: 'bfef26c39d1abf70861d7a0c29fb330cca3ccbba', name: "symbol" })), h("div", { key: '444fde34bd30da4bc409d1c2927cb02a40b0105e' }, h("slot", { key: 'c8439da5b433f0fd19c5273375ff15703db13b59' })), h("div", { key: '34bd256becd63973780d995a5c93d3c2cd64a571', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '9d6bf04f9c76ff69ce4c6f09b502de1f2e61fb35', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
     }
     static get is() { return "dso-map-layer-object"; }
     static get encapsulation() { return "shadow"; }
@@ -69,7 +69,8 @@ export class MapLayerObject {
                         "MapLayerObjectActiveChangeEvent": {
                             "location": "import",
                             "path": "./map-layer-object.interfaces",
-                            "id": "src/components/map-layer/components/map-layer-object.interfaces.ts::MapLayerObjectActiveChangeEvent"
+                            "id": "src/components/map-layer/components/map-layer-object.interfaces.ts::MapLayerObjectActiveChangeEvent",
+                            "referenceLocation": "MapLayerObjectActiveChangeEvent"
                         }
                     }
                 }
@@ -106,4 +107,3 @@ export class MapLayerObject {
             }];
     }
 }
-//# sourceMappingURL=map-layer-object.js.map

package/dist/collection/components/map-layer/map-layer.interfaces.js

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

package/dist/collection/components/map-layer/map-layer.js

@@ -18,7 +18,7 @@ export class MapLayer {
         };
     }
     render() {
-        return (h(Fragment, { key: 'ed6e45673c12d5eaa514e127d2e34515ab6bb701' }, h("div", { key: 'a1da54462631982faf426df2099e2a411b42a588', class: "map-layer" }, h("span", { key: '0c39e1c825b41a9deed3c19b06c128f44f7e0bd9', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: '4640edadd61211dd0d2f5af36962fb46ae03a743', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '4d15f98adc1fc862d021bb2ead9cc4faf5058c1c', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: 'b1e8e126d7e71198e44101f4957638ce9855b470' })));
+        return (h(Fragment, { key: '8e434d14e63f2be25d7d5fb550b2f3771cc5588b' }, h("div", { key: '9273b1af907bcef6a7ea79df2500dfecc9c3e68d', class: "map-layer" }, h("span", { key: 'c69991fd320f5c550cf76d667bf39a1d38c540e0', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: '355e2e7c976951b61266efca342d68d78f8c545b', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'bf454dc6e04968053b367b58cf41051949c26a84', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '2b8a023f22f182501e52c9fb8ff0ab7e08c169d0' })));
     }
     static get is() { return "dso-map-layer"; }
     static get encapsulation() { return "shadow"; }
@@ -112,11 +112,11 @@ export class MapLayer {
                         "MapLayerActiveChangeEvent": {
                             "location": "import",
                             "path": "./map-layer.interfaces",
-                            "id": "src/components/map-layer/map-layer.interfaces.ts::MapLayerActiveChangeEvent"
+                            "id": "src/components/map-layer/map-layer.interfaces.ts::MapLayerActiveChangeEvent",
+                            "referenceLocation": "MapLayerActiveChangeEvent"
                         }
                     }
                 }
             }];
     }
 }
-//# sourceMappingURL=map-layer.js.map

package/dist/collection/components/map-overlays/map-overlays.i18n.js

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

package/dist/collection/components/map-overlays/map-overlays.interfaces.js

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

package/dist/collection/components/map-overlays/map-overlays.js

@@ -17,10 +17,9 @@ export class MapOverlays {
     }
     componentDidRender() {
         this.overlays
-            .filter((o) => { var _a, _b; return !o.disabled && ((_b = (_a = this.previousOverlays) === null || _a === void 0 ? void 0 : _a.find((p) => p.id === o.id)) === null || _b === void 0 ? void 0 : _b.disabled) === true; })
+            .filter((o) => !o.disabled && this.previousOverlays?.find((p) => p.id === o.id)?.disabled === true)
             .forEach((o) => {
-            var _a;
-            (_a = this.selectableRefs[o.id]) === null || _a === void 0 ? void 0 : _a.toggleInfo(false);
+            this.selectableRefs[o.id]?.toggleInfo(false);
         });
         this.previousOverlays = this.overlays;
     }
@@ -28,7 +27,7 @@ export class MapOverlays {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '1d387606665b5f613e03213baa6f9cedccc255f7', class: "form-group dso-checkboxes" }, h("legend", { key: 'c6b0d884800bce02659dd7c59363e5b342523674', class: "sr-only" }, "Kaartlagen"), h("div", { key: '36c824ed776f75c715be5498837ab62b3d17f143', class: "dso-label-container" }, h("span", { key: '4c1e9360d0debbfc13fac06d6063a88d4790449f', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '1742c9e431ffa4c92f81a5df1ac37a80600fae5c', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
+        return (h("fieldset", { key: 'bb7844b7351e6563b9629728d5b8539940a53170', class: "form-group dso-checkboxes" }, h("legend", { key: '13449624313a5067587666ced786396c5af1a1a2', class: "sr-only" }, "Kaartlagen"), h("div", { key: '8eaa6f4f70660ede7f3c32f790882d46d3e61185', class: "dso-label-container" }, h("span", { key: 'addb11d20ad0516a654fd70732298f5edbbfb2e6', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '3e0b4fe1816d8c6620f206bc8802728d66c73d95', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
     }
     static get is() { return "dso-map-overlays"; }
     static get encapsulation() { return "shadow"; }
@@ -74,7 +73,8 @@ export class MapOverlays {
                         "Overlay": {
                             "location": "import",
                             "path": "./map-overlays.interfaces",
-                            "id": "src/components/map-overlays/map-overlays.interfaces.ts::Overlay"
+                            "id": "src/components/map-overlays/map-overlays.interfaces.ts::Overlay",
+                            "referenceLocation": "Overlay"
                         }
                     }
                 },
@@ -107,7 +107,8 @@ export class MapOverlays {
                         "OverlayChangeEvent": {
                             "location": "import",
                             "path": "./map-overlays.interfaces",
-                            "id": "src/components/map-overlays/map-overlays.interfaces.ts::OverlayChangeEvent"
+                            "id": "src/components/map-overlays/map-overlays.interfaces.ts::OverlayChangeEvent",
+                            "referenceLocation": "OverlayChangeEvent"
                         }
                     }
                 }
@@ -115,4 +116,3 @@ export class MapOverlays {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=map-overlays.js.map

package/dist/collection/components/mark-bar/mark-bar.interfaces.js

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

package/dist/collection/components/mark-bar/mark-bar.js

@@ -33,16 +33,15 @@ export class MarkBar {
      * Focuses the input field.
      */
     async dsoFocus(options = {}) {
-        var _a, _b;
-        (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus();
+        this.inputElement?.focus();
         if (options.select) {
-            (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.select();
+            this.inputElement?.select();
         }
     }
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: '6355f83f24135af1b661720078f56bd2f994c492', class: "dso-mark-bar" }, h("div", { key: '2f53185bbb4d85112fc802776af57579c3ffd058', class: "dso-mark-bar-input" }, h("input", { key: '087bc8407629628122fdc25365d0cf71eedcbc20', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '18b2f104a66fbe30011509269dd16942572593a0', htmlFor: "search-input" }, h("dso-icon", { key: '8016f522e25f135811374f3ecceb5d02d4b33759', class: "dso-search-icon", icon: "search" }), h("span", { key: '14f044b9d6e5f601eaa1168ed7c2af4573339542', class: "label-text" }, this.label)), h("dso-icon-button", { key: 'e211e04b48ecd461a8a292f6f391c52c7e5d2ce2', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '3712d7f4eca1fa881d8c14f5ba92a5744ef9df65', class: "dso-button-container" }, h("span", { key: '4178d20c62601ebac4965693cfb11ad0c3023d4c', class: "divider" }), h("dso-icon-button", { key: '707467f4b526da1e26c47171c129332541ac5eec', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'f95e03b543ed91d349aa4bb2008feec68bbc857e' }, current, "/", totalCount), h("dso-icon-button", { key: '5ef4b0333e5098ce8b8d6b197c03d4bfc4467a2c', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: 'cfffd6bc7883c53ce3fb065abce6508b068d2dfc', class: "dso-mark-bar" }, h("div", { key: 'f6bf98da9d7f2a33f205c7d0943e0302384fb691', class: "dso-mark-bar-input" }, h("input", { key: 'c434fd1466670d749b7d80e3a025668a8d9cfbb1', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '23acca82e1d3a1db946db5037f589bb01d96bde6', htmlFor: "search-input" }, h("dso-icon", { key: '9b75f757f7887adc075d918fb2817cc1f0918573', class: "dso-search-icon", icon: "search" }), h("span", { key: '18e6f09ca7b218e9f583870649a75827b1e07106', class: "label-text" }, this.label)), h("dso-icon-button", { key: '426b6a00e385cd4ea1cd453647db8beaea6e3a43', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '3f972856bedc23484617c25e197640cd04b98f8d', class: "dso-button-container" }, h("span", { key: 'e7aacd63164c0fc9c44e4e4d0ddc9ccc0f6abab1', class: "divider" }), h("dso-icon-button", { key: '7a0c02f8392c1475311c7f595ed3e9c965990e00', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'd6eed5e2cae8f60a0ccaccee5881bd8b07200ba8' }, current, "/", totalCount), h("dso-icon-button", { key: '9edf1d0a5dbfcee4795213ab9dd5493c94a11159', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
     static get is() { return "dso-mark-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -155,7 +154,8 @@ export class MarkBar {
                         "MarkBarInputEvent": {
                             "location": "import",
                             "path": "./mark-bar.interfaces",
-                            "id": "src/components/mark-bar/mark-bar.interfaces.ts::MarkBarInputEvent"
+                            "id": "src/components/mark-bar/mark-bar.interfaces.ts::MarkBarInputEvent",
+                            "referenceLocation": "MarkBarInputEvent"
                         }
                     }
                 }
@@ -176,7 +176,8 @@ export class MarkBar {
                         "MarkBarPaginationEvent": {
                             "location": "import",
                             "path": "./mark-bar.interfaces",
-                            "id": "src/components/mark-bar/mark-bar.interfaces.ts::MarkBarPaginationEvent"
+                            "id": "src/components/mark-bar/mark-bar.interfaces.ts::MarkBarPaginationEvent",
+                            "referenceLocation": "MarkBarPaginationEvent"
                         }
                     }
                 }
@@ -197,7 +198,8 @@ export class MarkBar {
                         "MarkBarPaginationEvent": {
                             "location": "import",
                             "path": "./mark-bar.interfaces",
-                            "id": "src/components/mark-bar/mark-bar.interfaces.ts::MarkBarPaginationEvent"
+                            "id": "src/components/mark-bar/mark-bar.interfaces.ts::MarkBarPaginationEvent",
+                            "referenceLocation": "MarkBarPaginationEvent"
                         }
                     }
                 }
@@ -218,7 +220,8 @@ export class MarkBar {
                         "MarkBarClearEvent": {
                             "location": "import",
                             "path": "./mark-bar.interfaces",
-                            "id": "src/components/mark-bar/mark-bar.interfaces.ts::MarkBarClearEvent"
+                            "id": "src/components/mark-bar/mark-bar.interfaces.ts::MarkBarClearEvent",
+                            "referenceLocation": "MarkBarClearEvent"
                         }
                     }
                 }
@@ -242,7 +245,8 @@ export class MarkBar {
                         "MarkBarFocusOptions": {
                             "location": "import",
                             "path": "./mark-bar.interfaces",
-                            "id": "src/components/mark-bar/mark-bar.interfaces.ts::MarkBarFocusOptions"
+                            "id": "src/components/mark-bar/mark-bar.interfaces.ts::MarkBarFocusOptions",
+                            "referenceLocation": "MarkBarFocusOptions"
                         }
                     },
                     "return": "Promise<void>"
@@ -255,4 +259,3 @@ export class MarkBar {
         };
     }
 }
-//# sourceMappingURL=mark-bar.js.map

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

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

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

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

package/dist/collection/components/modal/modal.js

@@ -38,8 +38,7 @@ export class Modal {
         return this.host.querySelector("[slot='footer']") !== null;
     }
     componentDidLoad() {
-        var _a;
-        if ((_a = this.htmlDialogElement) === null || _a === void 0 ? void 0 : _a.isConnected) {
+        if (this.htmlDialogElement?.isConnected) {
             const activeElement = getActiveElement();
             if (activeElement instanceof HTMLElement) {
                 this.returnFocusElement = activeElement;
@@ -48,12 +47,11 @@ export class Modal {
         }
     }
     disconnectedCallback() {
-        var _a, _b, _c;
-        (_a = this.htmlDialogElement) === null || _a === void 0 ? void 0 : _a.close();
+        this.htmlDialogElement?.close();
         if (this.returnFocus === false) {
             return;
         }
-        (_c = ((_b = this.returnFocus) !== null && _b !== void 0 ? _b : this.returnFocusElement)) === null || _c === void 0 ? void 0 : _c.focus();
+        (this.returnFocus ?? this.returnFocusElement)?.focus();
     }
     handleDialogClick(e) {
         if (!this.closable) {
@@ -64,8 +62,7 @@ export class Modal {
         }
     }
     render() {
-        var _a;
-        return (h("dialog", { key: 'ef5d2276a32e11a109e4f670227077beff131794', class: "dso-modal", role: (_a = this.dialogRole) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '1bc94ba3090333b0980475d9337f87d9e44e867a', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '7a1871b25a08170d03797054de351a464592723e' }, h("div", { key: '102f26f00123a6f8e58dd544bdcba29911352c9b', class: "dso-body", tabIndex: 0 }, h("slot", { key: '98a5d7680046d9e46b993d6f9c3f208d86224e1c', name: "body" }))), this.hasFooter && (h("div", { key: 'e9d1dab7323fff12723f06c418b155bbe3542f60', class: "dso-footer" }, h("slot", { key: '6182ecd6fd4bbaad51c8594d9542a06d1813c7b3', name: "footer" }))))));
+        return (h("dialog", { key: 'ca65d36b4cad14a8be28a2b80c3e4adfd6f04b8b', class: "dso-modal", role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '25e259f6c951ebba5bdebe46c5400b0678a438fb', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '1f4da352eda8e827ba63a1f7fa3ea90c983a2e81' }, h("div", { key: '4320cefc274fadee304e24b21799b797b6bdf201', class: "dso-body", tabIndex: 0 }, h("slot", { key: '4bf3772a1a9b993b3a71987b332d84218a7bd1fc', name: "body" }))), this.hasFooter && (h("div", { key: '8121eab70c72f57d9913b82a90d3b06b6cac4b43', class: "dso-footer" }, h("slot", { key: '9a164d445fe34a302b62b53ee9227c2cad3029e6', name: "footer" }))))));
     }
     static get is() { return "dso-modal"; }
     static get encapsulation() { return "shadow"; }
@@ -209,7 +206,8 @@ export class Modal {
                         "ModalCloseEvent": {
                             "location": "import",
                             "path": "./modal.interfaces",
-                            "id": "src/components/modal/modal.interfaces.ts::ModalCloseEvent"
+                            "id": "src/components/modal/modal.interfaces.ts::ModalCloseEvent",
+                            "referenceLocation": "ModalCloseEvent"
                         }
                     }
                 }
@@ -217,4 +215,3 @@ export class Modal {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=modal.js.map

package/dist/collection/components/onboarding-tip/onboarding-tip.interfaces.js

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

package/dist/collection/components/onboarding-tip/onboarding-tip.js

@@ -20,14 +20,13 @@ export class OnboardingTip {
         this.mutationObserver.observe(this.host, { attributes: true, childList: true, subtree: true, characterData: true });
     }
     componentDidRender() {
-        var _a;
         if (!this.host.isConnected) {
             return;
         }
         if (!this.popoverOpen) {
             this.host.showPopover();
             this.popoverOpen = true;
-            const onboardingTipElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".onboarding-tip");
+            const onboardingTipElement = this.host.shadowRoot?.querySelector(".onboarding-tip");
             if (this.hasOnboardingTipElement(onboardingTipElement)) {
                 OnboardingTip.setFocus(onboardingTipElement);
             }
@@ -44,14 +43,13 @@ export class OnboardingTip {
         }
     }
     disconnectedCallback() {
-        var _a, _b;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
         delete this.mutationObserver;
         if (this.popoverOpen) {
             this.host.hidePopover();
             this.popoverOpen = false;
         }
-        (_b = this.cleanUp) === null || _b === void 0 ? void 0 : _b.call(this);
+        this.cleanUp?.();
         this.cleanUp = undefined;
     }
     /**
@@ -66,9 +64,8 @@ export class OnboardingTip {
         return element instanceof HTMLElement;
     }
     render() {
-        var _a;
-        const ariaLabel = (_a = this.headingSlottedElement) === null || _a === void 0 ? void 0 : _a.textContent;
-        return (h(Host, { key: 'ba1ed241b302472bafaed024d8cb2a3b134385bb', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'd581bb62c69a607e9479229acaf3d200f8dfe9d5', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'f0c1ede7f35ddc4c83568f2db09d3851c5b2009a', class: "onboarding-tip-inner" }, h("div", { key: '99fc959506a0b53b6bffa8a4f61b65876cd4e573', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '80be7f0ad09b9996cbcd8eec98540decbd8c0786', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '43bd3c7b0b0dad949985196a4a559c5ef69b7eec', icon: "light-bulb" }), h("slot", { key: '88efb37ba1d8caf1678c8deef81c7739d679c9a8', name: "heading" }))), h("dso-icon-button", { key: '26127795159df1998162f0c31b654e1e6ea69636', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '8b002f540fcd38133d96e816fd006e6b5abfc1e9' }))), h("div", { key: '7f43f0af10b8d4af2e364961423d75bbe56b395d', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        const ariaLabel = this.headingSlottedElement?.textContent;
+        return (h(Host, { key: '51380978262cd21740b702a191579f75cd1418a6', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '4aa3a867d025a116078fefced51fe2c47f0cf92a', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'e2b25452d2055fddaf09d9d754fbb7846e480323', class: "onboarding-tip-inner" }, h("div", { key: '67f29177dbf72118a8a648fbc83822bc22a8497f', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '4f024c9b755b6352cb81fc536f9a2df16f17f4cc', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'c8aab9ea7c73b11351a4126b457adf62436fa989', icon: "light-bulb" }), h("slot", { key: '11c5408f22dc91c1a5c567a5baf20928c956e257', name: "heading" }))), h("dso-icon-button", { key: 'c1ceb315c35f07cb91caa3eb5190429806a4443e', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '0942d05f46ec0bdd49aea9ba089ed6cc46f71a86' }))), h("div", { key: '901735eb2d164f66fd743e262a17f75491c9004c', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");
@@ -115,7 +112,8 @@ export class OnboardingTip {
                         "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"
                         }
                     }
                 },
@@ -157,7 +155,8 @@ export class OnboardingTip {
                         "OnboardingTipCloseEvent": {
                             "location": "import",
                             "path": "./onboarding-tip.interfaces",
-                            "id": "src/components/onboarding-tip/onboarding-tip.interfaces.ts::OnboardingTipCloseEvent"
+                            "id": "src/components/onboarding-tip/onboarding-tip.interfaces.ts::OnboardingTipCloseEvent",
+                            "referenceLocation": "OnboardingTipCloseEvent"
                         }
                     }
                 }
@@ -165,4 +164,3 @@ export class OnboardingTip {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=onboarding-tip.js.map

package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js

@@ -4,30 +4,13 @@ import { Tooltip } from "../../../../functional-components/tooltip/tooltip.funct
 export class ozonContentToggletip {
     constructor() {
         this.active = false;
-        this.showToggletip = false;
         this.toggle = () => {
-            if (this.active) {
-                this.close();
-            }
-            else {
-                this.open();
-            }
-        };
-        this.open = () => {
-            this.active = true;
-        };
-        this.close = () => {
-            this.active = false;
+            this.active = !this.active;
         };
-        this.focusOutHandler = (event) => {
-            if (!this.host.contains(event.relatedTarget)) {
-                this.close();
-            }
-        };
-        this.keyUpHandler = (event) => {
+        this.keyDownHandler = (event) => {
             switch (event.key) {
                 case "Escape":
-                    this.close();
+                    this.toggle();
                     return;
                 case " ":
                 case "Enter":
@@ -38,33 +21,50 @@ export class ozonContentToggletip {
             }
         };
     }
-    componentDidRender() {
-        var _a;
-        if (this.tooltip) {
-            if (this.active && !this.showToggletip) {
-                this.tooltip.showPopover();
-                this.showToggletip = true;
-            }
-            else if (!this.active && this.showToggletip) {
-                (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.hidePopover();
-                this.showToggletip = false;
+    handleWindowClick(event) {
+        if (!this.active)
+            return;
+        const path = event.composedPath();
+        const clickedInsideHost = path.includes(this.host);
+        const clickedInsideTooltip = this.tooltip && path.includes(this.tooltip);
+        if (!clickedInsideHost && !clickedInsideTooltip) {
+            this.toggle();
+        }
+        if (clickedInsideTooltip) {
+            const interactive = path.some((el) => el instanceof HTMLElement && el.tagName === "BUTTON");
+            if (interactive) {
+                this.toggle();
             }
         }
-        let cleanUp;
-        if (this.active && !cleanUp && this.container && this.tooltip && this.tooltipArrow) {
-            cleanUp = positionTooltip({
+    }
+    componentDidRender() {
+        if (!this.cleanUp && this.active && this.container && this.tooltip && this.tooltipArrow) {
+            this.cleanUp = positionTooltip({
                 referenceElement: this.container,
                 tipRef: this.tooltip,
                 tipArrowRef: this.tooltipArrow,
                 placementTip: "top",
             });
         }
-        if (!this.active && cleanUp) {
-            cleanUp();
+        if (this.cleanUp && this.tooltip) {
+            if (this.active) {
+                this.tooltip?.showPopover();
+            }
+            else {
+                this.tooltip?.hidePopover();
+                this.cleanupTooltip();
+            }
         }
     }
+    disconnectedCallback() {
+        this.cleanupTooltip();
+    }
+    cleanupTooltip() {
+        this.cleanUp?.();
+        this.cleanUp = undefined;
+    }
     render() {
-        return (h(Fragment, { key: '48fd0b4036b6ed37db66cc968725f808bce721db' }, h("span", { key: 'f1ce2b9fc9cb55c12035d540f7801ba8e393b9fd', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyUpHandler, onFocusout: this.focusOutHandler, ref: (element) => (this.container = element) }, h("span", { key: 'cc7a4713b5ac77c5f151231b9cc7d8418d05097a', class: "icon-container" }, h("slot", { key: '5417d8dfcf7ca073a9794e60e95355be5291875a', name: "label" }), h("dso-icon", { key: '1b82b6c72615f07525fab991c6cc55995a2490ff', icon: this.icon }))), h(Tooltip, { key: 'f3c803de3f8ac3e35c367539338a6de0e7f989bd', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '4ee4572326b73e607653fc840006887d4bb827d6' }))));
+        return (h(Fragment, { key: '6ca8389ae3506b5a4d942563a398167902005fd6' }, h("span", { key: '9e7a0e672e5a1614179daa4e841bfcaa730af333', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyDownHandler, ref: (element) => (this.container = element) }, this.icon && (h("span", { key: '2dbaf153e49562af58eed2e947aee7eb35a0b95f', class: "icon-container" }, h("slot", { key: 'ffb0a66fbad97a4a5450e230af2ef304a270f35b', name: "label" }), h("dso-icon", { key: 'e68145dcaf3e6824bc34351c7f725ffcf7b5a25d', icon: this.icon }))), !this.icon && h("slot", { key: 'a7aa62d3d95cf798023d6636f2291d5fef37d63e', name: "label" })), h(Tooltip, { key: 'bfdffd0c449995984d298187fbf1eea29a2b18f7', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: '1fb2dc80e42b086e2199b41432666aad7c388cc6' }))));
     }
     static get is() { return "dso-ozon-content-toggletip"; }
     static get encapsulation() { return "shadow"; }
@@ -103,10 +103,17 @@ export class ozonContentToggletip {
     }
     static get states() {
         return {
-            "active": {},
-            "showToggletip": {}
+            "active": {}
         };
     }
     static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "handleWindowClick",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
-//# sourceMappingURL=ozon-content-toggletip.js.map

package/dist/collection/components/ozon-content/functional-components/wrap-wijzigactie.functional-component.js

@@ -8,4 +8,3 @@ export const WrapWijzigactie = ({ wijzigactie }, children) => {
     }
     return children;
 };
-//# sourceMappingURL=wrap-wijzigactie.functional-component.js.map

package/dist/collection/components/ozon-content/functions/parse-wijzigactie-from-node.function.js

@@ -2,4 +2,3 @@ export function parseWijzigactieFromNode(node) {
     const wijzigactie = node instanceof Element ? node.getAttribute("wijzigactie") : undefined;
     return wijzigactie === "voegtoe" || wijzigactie === "verwijder" ? wijzigactie : undefined;
 }
-//# sourceMappingURL=parse-wijzigactie-from-node.function.js.map

package/dist/collection/components/ozon-content/functions/wijzigactie-to-class-name.function.js

@@ -7,4 +7,3 @@ export function wijzigactieToClassName(wijzigactie) {
     }
     return undefined;
 }
-//# sourceMappingURL=wijzigactie-to-class-name.function.js.map

package/dist/collection/components/ozon-content/get-node-name.function.js

@@ -7,4 +7,3 @@ export function getNodeName(node) {
     }
     return node.nodeName;
 }
-//# sourceMappingURL=get-node-name.function.js.map

package/dist/collection/components/ozon-content/nodes/abbr.node.js

@@ -8,4 +8,3 @@ export class OzonContentAbbrNode {
         return (h("span", { class: "od-abbr" }, h("abbr", null, mapNodeToJsx(node.childNodes)), title && ` (${title})`));
     }
 }
-//# sourceMappingURL=abbr.node.js.map

package/dist/collection/components/ozon-content/nodes/al.node.js

@@ -26,4 +26,3 @@ export class OzonContentAlNode {
         return h(WrapWijzigactie, { wijzigactie: wijzigactie }, content);
     }
 }
-//# sourceMappingURL=al.node.js.map

package/dist/collection/components/ozon-content/nodes/begrip.node.js

@@ -28,4 +28,3 @@ export class OzonContentBegripNode {
         return (h("div", { class: className }, terms.map((term) => (h(Term, { node: term, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx }))), definitions.map((definition) => (h(Definitie, { node: definition, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx })))));
     }
 }
-//# sourceMappingURL=begrip.node.js.map

package/dist/collection/components/ozon-content/nodes/begrippenlijst.node.js

@@ -13,4 +13,3 @@ export class OzonContentBegrippenlijstNode {
         return (h("div", { class: "begrippenlijst" }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("dl", { class: className }, content))));
     }
 }
-//# sourceMappingURL=begrippenlijst.node.js.map

package/dist/collection/components/ozon-content/nodes/bron.node.js

@@ -7,4 +7,3 @@ export class OzonContentBronNode {
         return h("span", { class: "dso-ozon-bron" }, mapNodeToJsx(node.childNodes, ignoreMark));
     }
 }
-//# sourceMappingURL=bron.node.js.map

package/dist/collection/components/ozon-content/nodes/document.node.js

@@ -7,4 +7,3 @@ export class OzonContentDocumentNode {
         return h(Fragment, null, mapNodeToJsx(node.childNodes));
     }
 }
-//# sourceMappingURL=document.node.js.map

package/dist/collection/components/ozon-content/nodes/ext-ref.node.js

@@ -12,7 +12,6 @@ export class OzonContentExtRefNode {
             return mapNodeToJsx(node.childNodes);
         }
         const href = urlResolver ? urlResolver(name, "ref", ref, node) : ref;
-        return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? href : undefined, class: className, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" })));
+        return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href ?? undefined, class: className, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" })));
     }
 }
-//# sourceMappingURL=ext-ref.node.js.map

package/dist/collection/components/ozon-content/nodes/fallback.node.js

@@ -9,4 +9,3 @@ export class OzonContentFallbackNode {
         return h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes, ignoreMark));
     }
 }
-//# sourceMappingURL=fallback.node.js.map