@dso-toolkit/core 85.0.0 → 87.0.0

package/dist/cjs/dso-map-controls.cjs.entry.js

@@ -979,28 +979,22 @@ a.dso-tertiary, a.dso-tertiary:visited {
   box-sizing: border-box;
 }
 
-.sr-only {
-  position: absolute;
-  inline-size: 1px;
-  block-size: 1px;
-  padding: 0;
-  margin: -1px;
-  border: 0;
-  overflow: hidden;
-  clip-path: rect(0 0 0 0);
-}
-
 :host([open]) {
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
   transform: translateX(-100%);
 }
-:host([open]) .toggle-visibility-button {
+:host([open]) .toggle-visibility-button,
+:host([open]) .toggle-visibility-icon-button {
   display: none;
 }
 :host([open]) .zoom-buttons {
   inset-block-start: 16px;
 }
 
+.toggle-visibility-icon-button {
+  display: none;
+}
+
 .toggle-visibility-button {
   position: absolute;
   inset-inline-end: calc(100% + 56px);
@@ -1045,24 +1039,13 @@ header h2 {
 
 @media screen and (max-width: 767px) {
   button.toggle-visibility-button {
-    block-size: 40px;
-    margin-inline-end: 0;
-    min-inline-size: auto;
-    inset-inline-end: calc(100% + 16px);
-    inline-size: 40px;
-  }
-  button.toggle-visibility-button dso-icon {
-    margin-inline-end: 0;
+    display: none;
   }
-  button.toggle-visibility-button span {
+  .toggle-visibility-icon-button {
+    display: inline-block;
     position: absolute;
-    inline-size: 1px;
-    block-size: 1px;
-    padding: 0;
-    margin: -1px;
-    border: 0;
-    overflow: hidden;
-    clip-path: rect(0 0 0 0);
+    inset-block-start: 16px;
+    inset-inline-end: calc(100% + 16px);
   }
   .zoom-buttons {
     inset-block-start: 72px;
@@ -1085,7 +1068,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _MapControls_closeButtonElement, _MapControls_toggleButtonElement;
+var _MapControls_closeButtonElement, _MapControls_toggleButtonElement, _MapControls_toggleIconButtonElement;
 // Sync with $transition-duration in ./map-controls.scss and map-controls.cy.ts
 const transitionDuration = 300;
 const MapControls = class {
@@ -1102,6 +1085,7 @@ const MapControls = class {
         this.text = i18n.i18n(() => this.host, translations);
         _MapControls_closeButtonElement.set(this, void 0);
         _MapControls_toggleButtonElement.set(this, void 0);
+        _MapControls_toggleIconButtonElement.set(this, void 0);
     }
     watchOpen(open) {
         if (open) {
@@ -1110,9 +1094,14 @@ const MapControls = class {
         }
         else {
             setTimeout(() => {
-                var _a;
+                var _a, _b, _c;
                 this.hideContent = true;
-                (_a = __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")) === null || _a === void 0 ? void 0 : _a.focus();
+                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 ((_c = __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")) === null || _c === void 0 ? void 0 : _c.checkVisibility()) {
+                    __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f").focus();
+                }
             }, transitionDuration);
         }
     }
@@ -1130,14 +1119,14 @@ const MapControls = class {
         });
     }
     render() {
-        return (index.h(index.Fragment, { key: '524335d692fdfbaaf7060919b018350cfb02227a' }, index.h("button", { key: '73236dc19d7a737a433c63c12bc78c74429346c4', type: "button", id: "toggle-visibility-button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: '13048c13b65e68b8c9b4f06720997d5464a93c08', icon: "layers" }), index.h("span", { key: '5b530075e4c3424ab712ebf3eb2676e8529282f8' }, this.text("layersButton"))), index.h("dso-button-group", { key: '6410b36883686d32a44257e49aa0335371513c14', class: "zoom-buttons", direction: "column" }, index.h("button", { key: '555763ec8a3f18e25f154e96cd2f0e798e5cf9fd', type: "button", class: "dso-map", onClick: (e) => this.dsoZoomIn.emit(e), disabled: this.disableZoom === "in" || this.disableZoom === "both" }, index.h("span", { key: 'c64e310a910b8152a5db1380931663efe14e0f40', class: "sr-only" }, this.text("zoomIn")), index.h("dso-icon", { key: 'bd16af8e69a17ea43c99acc806ec5849334c6fdf', icon: "plus" })), index.h("button", { key: '8b7250ddd0dda081989ac4ee999482cd53fc472f', type: "button", class: "dso-map", onClick: (e) => this.dsoZoomOut.emit(e), disabled: this.disableZoom === "out" || this.disableZoom === "both" }, index.h("span", { key: 'c3eb515a6ceee241639e7d4be170d7a624ad7cdc', class: "sr-only" }, this.text("zoomOut")), index.h("dso-icon", { key: '2c9b0796853d8acdf69037bcc0f27c1a6553cdbc', icon: "minus" }))), index.h("section", { key: '1b673eb2e40686c4760cbb8a71327e8e52151478', hidden: this.hideContent }, index.h("header", { key: '6419f5fe83c202e1110fae27339b8c1fbd31b116' }, index.h("h2", { key: 'cd7186cae05c68a8ef4340ef10ac0ef4010039d4' }, this.text("title")), index.h("button", { key: '422c6d0b671b8b9618d5a44b144a16bedf243d8f', type: "button", class: "dso-tertiary close-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) }, index.h("span", { key: '5ad7d9a46c1b6e92c518a6579c256b3bf5bc500a', class: "sr-only" }, this.text("hidePanel", { title: this.text("title") })), index.h("dso-icon", { key: '690f0dff0598dad4a293a789fc1a0169467c8c43', icon: "times" }))), index.h("dso-scrollable", { key: '47eaf3c3a078bd6a986a760674ec436450f9737f' }, index.h("div", { key: '41b06e6b50c1e8f09c6ac3ae322c709bf2f8dc10', class: "content" }, index.h("slot", { key: 'ed5514912e3aea637b67a2caf4b96d955dc75ab9' }))))));
+        return (index.h(index.Fragment, { key: '820572f423b497f08190fd5c77d39f361bd301c0' }, index.h("dso-icon-button", { key: '8cf3f2b5482657cff2b519f0899f479405fa7ffa', 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")) }), index.h("button", { key: '75c2089504e214ce801bf444335fa92f384e3c71', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: '89bbd01a9f01de7072dd1658c411047ec559aa60', icon: "layers" }), index.h("span", { key: '008eb18400dd777f2bf8e7c6ac64b2df6c7c0a7f' }, this.text("layersButton"))), index.h("dso-button-group", { key: '53a6370e0d763a75af1ad7af056d2818057720db', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: '20a8b8bc6bfca800c19c4c1219d57d641d729e4a', 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" }), index.h("dso-icon-button", { key: '9153d8afc6abd91b753539271ad02ae2c21151ad', 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" })), index.h("section", { key: 'a5d6d0927dff5ff4cb3a0cb460296218e7aa4855', hidden: this.hideContent }, index.h("header", { key: 'b9c77eb8d9d5feb0a2181cf26b3038409afda9e6' }, index.h("h2", { key: '023cc88bb1d23bd3e7cb0104092b63549a1c5afa' }, this.text("title")), index.h("dso-icon-button", { key: '34bd41bee808b6898f118f2f8f6e06bd62721f02', 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")) })), index.h("dso-scrollable", { key: 'ddde3c2223fa922343408bae735d03e414808e12' }, index.h("div", { key: '22f5e9123c0db03dd731b98208e6e2e15b0b71e0', class: "content" }, index.h("slot", { key: '027f5ad7d46922dbc8360f42f67ddc66dac78115' }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
         "open": ["watchOpen"]
     }; }
 };
-_MapControls_closeButtonElement = new WeakMap(), _MapControls_toggleButtonElement = new WeakMap();
+_MapControls_closeButtonElement = new WeakMap(), _MapControls_toggleButtonElement = new WeakMap(), _MapControls_toggleIconButtonElement = new WeakMap();
 MapControls.style = mapControlsCss();
 
 exports.dso_map_controls = MapControls;

package/dist/cjs/dso-map-layer-object.cjs.entry.js

@@ -19,7 +19,7 @@ const MapLayerObject = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '30bafb9fba2e324b90973e201b777ed1e4c2edb7', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: 'e16b36b39faa9eef52d42ae4e2ea10ef6e447b85', class: "map-layer-object" }, index.h("div", { key: 'd1b45348875bc6168c49c1dcb0c0a9586b2a854c' }, index.h("slot", { key: 'aa1363f10e2755e130866834cb2d90ce40247f28', name: "symbol" })), index.h("div", { key: '159fa97b818465cf269654ccaf420621bae2ef65' }, index.h("slot", { key: 'd0aba82b3df09e78a2fdb8a90f11eb128651dd10' })), index.h("div", { key: '703dc4b02c42de955850fd473b0e72db7b6df84e', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'c957e6475e55e583ab609c44c8850043f5cc99e6', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
+        return (index.h(index.Host, { key: 'f7e49b4f2525b0d07e5f4cbc00673533841a5baf', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: '3e96fae4e207c30bfd04d17813a8ee7e71760695', class: "map-layer-object" }, index.h("div", { key: '26d876365180671baa32a1008867aba8cf35dddf' }, index.h("slot", { key: 'f80a75ed294352bdb4048aec82eef3b7f8c42a04', name: "symbol" })), index.h("div", { key: '202cbbca894930a8a415cc41ef165aa0ef2c13a9' }, index.h("slot", { key: 'f728c6a3f4e7d32b88d13625af3a752f0aea5963' })), index.h("div", { key: '4f8fbdd6b2a2c59857d8e00f7835ed5e9b8a51f5', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '92d4c2451a0dff9018fb7b20c53460c3199b2183', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
     }
 };
 MapLayerObject.style = mapLayerObjectCss();

package/dist/cjs/dso-map-layer.cjs.entry.js

@@ -22,7 +22,7 @@ const MapLayer = class {
         };
     }
     render() {
-        return (index.h(index.Fragment, { key: '4355e5b07cda338b718214642054803ac24daf84' }, index.h("div", { key: '4a21ae78c755bf65d33a441a847cb1fe38e714a2', class: "map-layer" }, index.h("span", { key: '074f5708e406e28a7b8223c15c11e292ec56cefe', class: "map-layer-label" }, this.label), this.activatable && (index.h("div", { key: 'cb3b8004e02c452e76f71e667e9a34dcee2c9f86', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '158a228b06dd32f5f7097aec8b3e5a1403f299b7', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: 'b265537514ffd9feaed3edd18f5864bd4a7f4c64' })));
+        return (index.h(index.Fragment, { key: 'cb748a39a6f465e052323fa135135b2bd486d715' }, index.h("div", { key: '9cd18eafa54b1342203eda1ca163dab5d2e8c5a0', class: "map-layer" }, index.h("span", { key: '2d6bc7e69b26a27b393309cdf8ddb71d0b0a7d4e', class: "map-layer-label" }, this.label), this.activatable && (index.h("div", { key: '78b6949b5c4e5ee6eb87644f246b4dcbf13beb7f', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '6b1743627f22c68e09b0b3ad3dc23b5a1ca03a9c', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: '31cec6ed83c4913cd448d796ddb9a6113ce9530b' })));
     }
 };
 MapLayer.style = mapLayerCss();

package/dist/cjs/dso-map-overlays.cjs.entry.js

@@ -47,7 +47,7 @@ const MapOverlays = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (index.h("fieldset", { key: '5677296e800c2c88ea5a6673303561405112ae8c', class: "form-group dso-checkboxes" }, index.h("legend", { key: '79422ea4c05439d17589479b04ed8e006f1ca6c2', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: 'a06f69b1ffe8a3708a2cf464329db67e4a6ae271', class: "dso-label-container" }, index.h("span", { key: '700705da846f5cdbf271a5ee350e3ce28b51d60b', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: '24ca7eacbf9efe9bd89b721c611f2081e05aa2c5', class: "dso-field-container" }, this.overlays.map((overlay) => (index.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 ? index.h("p", { slot: "info" }, overlay.info) : null))))));
+        return (index.h("fieldset", { key: 'a4183bf7d9562ecc78fe9dfaeb2caca43f375de7', class: "form-group dso-checkboxes" }, index.h("legend", { key: '4d7a28a51ebbc21ced55aa42c4b70a3c1f7de0b4', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: 'e62025f7af000cb04f4466af38c9a98791c655be', class: "dso-label-container" }, index.h("span", { key: '1364cb7f349efc06c464437a94bc20886c2cd4ff', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: 'b2052a4eb72c4ab99f0b8c84303fcb338cd4d1c0', class: "dso-field-container" }, this.overlays.map((overlay) => (index.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 ? index.h("p", { slot: "info" }, overlay.info) : null))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-mark-bar.cjs.entry.js

@@ -52,7 +52,7 @@ const MarkBar = class {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (index.h("div", { key: '479f935010eaa312fb947a2bc86f4120156f72b7', class: "dso-mark-bar" }, index.h("div", { key: '6f800ec39af642b5947ea302440756826c32468e', class: "dso-mark-bar-input" }, index.h("input", { key: '39a5a73bab3522acdbe6e8d18727c453bb1ffb73', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: 'de1aa601a7d49e90a707002c6554ef12970d354c', htmlFor: "search-input" }, index.h("dso-icon", { key: 'ed3c5a20769c9cb5137300b6c7bf83bd02e33bb0', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '6cbbfbfece06520c7f7ca7148f92227d76489c6e', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '0e2b0f00578e857ee292e2c276516efcebcbba98', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: '753c2a3ae343240ba4234631b8ea93318e22632e', class: "dso-button-container" }, index.h("span", { key: '9ec607afe4347550280631389368f2847bb53fe6', class: "divider" }), index.h("dso-icon-button", { key: 'ea6c03677bfd7a89b34d0a4416e8d5f38dab2124', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: 'b5fbeba0936fd222057f7ec38fc90e2c0c4c0cbe' }, current, "/", totalCount), index.h("dso-icon-button", { key: '01ee5a34b52a660705b451ecf9b72ba738c7fe1d', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (index.h("div", { key: 'abaa19f68f897d17ac6b5546048f943240fa85c1', class: "dso-mark-bar" }, index.h("div", { key: '0fb2cf807fbccfc62aaf1cf8de36343e2ddcf36a', class: "dso-mark-bar-input" }, index.h("input", { key: 'f2ea1f96a05eb01d841527b33ab1cc3ab33790d8', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: 'ca63f9f65da7e45a83571c7d87667d689d4bf75a', htmlFor: "search-input" }, index.h("dso-icon", { key: '6c4a328b958bb1418ac184e35c36cfde950af40a', class: "dso-search-icon", icon: "search" }), index.h("span", { key: 'c8c24cefc7952f31926cf6e99e186fd607c0887e', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '68218c845308a70d148e9f26b275f5d59c9f0f77', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: '031477b9a6d15c5ace52128a2b649fb338c9b56c', class: "dso-button-container" }, index.h("span", { key: 'b2d76370cfe3da3be154fd6912a8c83a5aea5ec2', class: "divider" }), index.h("dso-icon-button", { key: 'ccf286b132f6a6661d216f1bc47dea493753dda9', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: 'fc5b68f4f33b519b3342cfb39e99cd5e742c3e38' }, current, "/", totalCount), index.h("dso-icon-button", { key: '89846ff2437eea7130976a60323fc60e4114d83e', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
 };
 MarkBar.style = markBarCss();

package/dist/cjs/dso-modal.cjs.entry.js

@@ -86,7 +86,7 @@ const Modal = class {
     }
     render() {
         var _a;
-        return (index.h("dialog", { key: '8160801bfd3f476ae7d62fd6b0473a50eb98b83d', 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) }, index.h("div", { key: '05ce0361e4a8d0dd3f382990650beef517b1efc5', class: "dso-dialog", role: "document" }, this.modalTitle ? (index.h("div", { class: "dso-header" }, index.h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (index.h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (index.h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), index.h("dso-scrollable", { key: '2078683c54e36bfdcbf519cdb735c1c311ffbd9e' }, index.h("div", { key: '155f55ed093e9dfbe3fba7866bfa3da07ef2fe06', class: "dso-body", tabIndex: 0 }, index.h("slot", { key: 'ef2d5cce45c436c08a982b26a79810f0f542d3ba', name: "body" }))), this.hasFooter && (index.h("div", { key: 'f7c67dcc310923290d1589601c472c365c359a48', class: "dso-footer" }, index.h("slot", { key: 'ad642cfe380238b4a7266e5a0029216576901efc', name: "footer" }))))));
+        return (index.h("dialog", { key: '1758660d9c8a3fdeb44aababbd63abd26cb81e59', 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) }, index.h("div", { key: 'f19d8dced1bf5e140b361115a8c2fa83dcfc8bd1', class: "dso-dialog", role: "document" }, this.modalTitle ? (index.h("div", { class: "dso-header" }, index.h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (index.h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (index.h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), index.h("dso-scrollable", { key: '9924a9aa36f6037c1180eb457d9e0abcde3e798d' }, index.h("div", { key: 'd35270040a9a8cee02bb46bb99930fb6911a18c2', class: "dso-body", tabIndex: 0 }, index.h("slot", { key: '03bfd550b59fb7f5d549d52ff578ab76564080c5', name: "body" }))), this.hasFooter && (index.h("div", { key: '282393ce6a7315c04b9e715771ed3d4194b3a662', class: "dso-footer" }, index.h("slot", { key: '6ccdb4816197e7f41711f795b150f3f13ba4883c', name: "footer" }))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-onboarding-tip.cjs.entry.js

@@ -16,14 +16,29 @@ const OnboardingTip = class {
         this.placement = "right";
         this.ready = false;
         this.popoverOpen = false;
+        this.blockEscapeKey = (e) => {
+            if (e.key === "Escape") {
+                e.preventDefault();
+                this.dsoClose.emit({ originalEvent: e });
+            }
+        };
+    }
+    connectedCallback() {
+        this.mutationObserver = new MutationObserver(() => index.forceUpdate(this.host));
+        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");
+            if (this.hasOnboardingTipElement(onboardingTipElement)) {
+                OnboardingTip.setFocus(onboardingTipElement);
+            }
         }
         if (!this.cleanUp && this.referenceElement && this.tipArrowRef instanceof HTMLElement) {
             this.cleanUp = positionTooltip_function.positionTooltip({
@@ -37,16 +52,31 @@ const OnboardingTip = class {
         }
     }
     disconnectedCallback() {
-        var _a;
+        var _a, _b;
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        delete this.mutationObserver;
         if (this.popoverOpen) {
             this.host.hidePopover();
             this.popoverOpen = false;
         }
-        (_a = this.cleanUp) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.cleanUp) === null || _b === void 0 ? void 0 : _b.call(this);
         this.cleanUp = undefined;
     }
+    /**
+     * Set focus on the onboarding tip element and reset tabIndex for accessibility.
+     */
+    static setFocus(target) {
+        if (target) {
+            target.focus();
+        }
+    }
+    hasOnboardingTipElement(element) {
+        return element instanceof HTMLElement;
+    }
     render() {
-        return (index.h(index.Host, { key: 'd60e322e9eb46e0271a0172db57e82b1e170e193', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: 'f463fe476aaa88b2e1de6506c97d2a8c32b82e09', class: "onboarding-tip", role: "tooltip" }, index.h("div", { key: 'b3d99d6b2c7bb5029409fd9d2e131c5aff5cf328', class: "onboarding-tip-inner" }, index.h("div", { key: '658a012c2e7358c317b76571b8f13270ad5d0960', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: 'dfa159ff194062122bf9760233ff09a579f79b69', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: '45d18025a2918ffee7defff889b807989157c939', icon: "light-bulb" }), index.h("slot", { key: '6708d1880a299184800721b43111e695bbd60b21', name: "heading" }))), index.h("dso-icon-button", { key: 'f946318abace8994e4686ee363765e90c962701a', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: 'b15cbc5b14e9ba3156161e4886708de46ee28a33' }))), index.h("div", { key: '1d6f4ff0a16e4b50b7cbdec2d42ff558093a8f21', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        var _a;
+        const ariaLabel = (_a = this.headingSlottedElement) === null || _a === void 0 ? void 0 : _a.textContent;
+        return (index.h(index.Host, { key: 'dcc44e6528b04e949bede8006c9e2065d11113d1', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '12ba4bce3ea4d07c07a509a8638a8e465ae68bd3', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: '94360cd1764a59aafa37c8d48b744fc0126ed211', class: "onboarding-tip-inner" }, index.h("div", { key: '2ce01380af60b03a3eb2604e36da7efd75c0b2be', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: 'a95d41d11a54a4c765cf3239dbc56ebf547d0c50', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: 'c219b5de3bc334f41f2313d6e109b6722bbcc2f5', icon: "light-bulb" }), index.h("slot", { key: '3b12de407fa51e791667ef0b90170b74424ed250', name: "heading" }))), index.h("dso-icon-button", { key: '3a87530597f6fe014242fd73b3546a1fff565aa4', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: '4d7e0a668b5f5b3aee15e6a702a30369c54b6d89' }))), index.h("div", { key: '577d437c51828240fe2200ccac7fe1404a87d089', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

package/dist/cjs/dso-plekinfo-card.cjs.entry.js

@@ -49,7 +49,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (index.h(index.Host, { key: '8bd09e4be50a57e4ba46a788bf99d1d7e8a81fac', "has-symbol": hasSymbol }, index.h(WrapWijzigactie, { key: '40547ce417f42c787933405fa1720b815f1ad95d', wijzigactie: this.wijzigactie }, index.h("div", { key: 'b3e581e1e4db34e378624b8c5994ceab41350abc', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: '8ddb89d128c5358e1be2c21cc20c2cb5e2201298', name: "symbol" })), index.h("div", { key: '65357c7899fbb16b4ffbe7c3f079ae2f150e3fd2', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "icon-container" }, this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })), index.h("slot", { name: "heading" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: '3139231c5a14da2f91a2813be5c638ecae0e5ac6', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'be68f9b3ecf405353ddd4c8f64a6a7bfeafc4b78', name: "interaction" })), index.h("div", { key: 'a8d985a44f00c292b7abf1460f4d1efd024ad083', class: "dso-plekinfo-card-content" }, index.h("slot", { key: 'ad3b50b155a30a63dd9a7f893623f8b31950e753', name: "content" })))));
+        return (index.h(index.Host, { key: '6305f493112669000c641d6567e47962236876b3', "has-symbol": hasSymbol }, index.h(WrapWijzigactie, { key: 'ab713ccf99ead336072b7c30d4870055cab960a5', wijzigactie: this.wijzigactie }, index.h("div", { key: '2d29efb2de37d0ad66e814e6cfd6a789ec11a984', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: 'eb419aa55b73b2e59448a354443cf8725af0f469', name: "symbol" })), index.h("div", { key: 'c3e88e6102fe75fa67e10028a421dc93301015d8', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "icon-container" }, this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })), index.h("slot", { name: "heading" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: 'b358c83327a3384ff94e0bc389663c13b134d921', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'ce259bc5874dceb234a08f071cebfc798e01c1c0', name: "interaction" })), index.h("div", { key: '785f9a8a3c491ea20319ed9c8094afc80ee33f09', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '8f103b2b559a1e644a6dd71d70b3661423516d9c', name: "content" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-progress-indicator.cjs.entry.js

@@ -24,7 +24,7 @@ const Progressindicator = class {
         this.text = i18n.i18n(() => this.host, translations);
     }
     render() {
-        return (index.h(index.Host, { key: '95e6584eaa29acecfe451a336745944a2980fb4d' }, index.h("span", { key: 'bab370d7eccad339e382eebfbc973542fa96a409', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '2591f8e4aff92237d15c758edf43c0dd38b6cb58', icon: "spinner" })), index.h("span", { key: '259378a3ecf6246b99d72992777e8e92bca12eb9', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (index.h(index.Host, { key: '7bacf44f579f035b741b5a23e136cff69c7aa083' }, index.h("span", { key: 'a83b88a82eb10e12995cd3e0403a75288d6eb57a', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '950d93d65f958480affdde273e269c60ebfceb80', icon: "spinner" })), index.h("span", { key: '1fb73fe93305952832896a2325d94cc45b0ec590', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-project-item.cjs.entry.js

@@ -9,7 +9,7 @@ const ProjectItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Fragment, { key: 'ea75d643b9a5a0cc4db9f6ab4f901cb97155bedd' }, index.h("div", { key: 'a44f2390ecc1e3a01bff7669ca74d68acbf13c08', class: "project-item-header" }, index.h("div", { key: 'ed3472f2e2fe1e30854a22bd8206fc3073d5c882', class: "project-item-title" }, index.h("slot", { key: '8442772ca4b4f4cb7ddeb88ef3ff14d0bc7edc1f', name: "title" }), this.label && (index.h("dso-label", { key: '46aaf393385038f8534295322940e1a7252d3cc1', status: "error", compact: true }, this.label))), index.h("div", { key: '1335f319b2c1d00a0353809e4697cbbb9210c8df', class: "project-item-actions" }, index.h("slot", { key: '7fc93d4eadb00065d235ba7de3a455248c7d8842', name: "actions" }))), index.h("div", { key: 'a30e04a5ab828eb615605da1305a30d0e1d80004', class: "project-item-info" }, index.h("div", { key: 'a457fded49aa0116f71af30e159c2c5d12b70735', class: "project-item-progress" }, index.h("slot", { key: 'ca4ac2f01408e5256dc2eff77778afe107c0748e', name: "progress" })), index.h("div", { key: '356482c09f29ec2495c7b6926d09b9031ec08d8f', class: "project-item-status" }, index.h("slot", { key: 'be4e2cdabce4af0d6caef295414962cc25383560', name: "status" })))));
+        return (index.h(index.Fragment, { key: '5a2c55592ab3870a507dd446e79d7fc2838e9149' }, index.h("div", { key: 'b86031f78d01b13fb759a79e39c30da0aa931f0f', class: "project-item-header" }, index.h("div", { key: 'f68fd88967309b9189b13c0a3f1736fd394631fc', class: "project-item-title" }, index.h("slot", { key: '25e4b0a4c6cc550589a950829acace708785ff57', name: "title" }), this.label && (index.h("dso-label", { key: '06bdc374c402d17d5a9e34ecf1ecf57cd8d2cffe', status: "error", compact: true }, this.label))), index.h("div", { key: '63be92e046d5bb4be46085d6387016478115baaa', class: "project-item-actions" }, index.h("slot", { key: '7afac46f6298a71415265b6f7e975185faf38d09', name: "actions" }))), index.h("div", { key: '7189099642140643709d909944e76721f190ea3d', class: "project-item-info" }, index.h("div", { key: '5923a8e73b320ab673990a1cb97104ad87b9574e', class: "project-item-progress" }, index.h("slot", { key: 'bd32ddfc776326324dd6c9835a89d5e0a1fbc8ee', name: "progress" })), index.h("div", { key: '5a243e2c04bf9175fe4405e384f746bff9893da2', class: "project-item-status" }, index.h("slot", { key: '8244dd9f5321862eb4780f6e1c731455ae328685', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();

package/dist/cjs/dso-responsive-element.cjs.entry.js

@@ -47,7 +47,7 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '7d0611bd77c632293da4474e8dbd1c3eecacbd55', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: '37f5f78e2bb3978015e9db494164ff532195d55f' })));
+        return (index.h(index.Host, { key: '6918ff6309788161c8ba8e81e8ff0101c1de6303', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: '13c4f6ba65060340f590fa9c3260d7c68b496435' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-scrollable.cjs.entry.js

@@ -91,9 +91,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (index$1.h("div", { key: '985992c1101f6b920c5bd6d1d16450c64027d488', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index$1.h("div", { key: 'f7ed0c1938cf9b5b06529e6dedc305349bc02c8e', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
+        return (index$1.h("div", { key: '082f41d2a014c7fff9392469a15f9b4df572b443', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index$1.h("div", { key: 'e1f6f3690c9b4cebbfac932e95c1d4930c369a60', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, index$1.h("slot", { key: '70e127083a1bb2ea339eee14440b49ed23720771' }))));
+            }), onScroll: () => this._setScrollState() }, index$1.h("slot", { key: '5c7cb1480378ade04fb17194c2ba439cfcef63e8' }))));
     }
     get host() { return index$1.getElement(this); }
 };

package/dist/cjs/dso-skiplink.cjs.entry.js

@@ -17,7 +17,7 @@ const Skiplink = class {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent.isModifiedEvent(e) });
     }
     render() {
-        return (index.h("a", { key: 'fecfeca9270e6e503dc11136912b94393ead130a', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: '75f9b7ffe88c1b2f9ec97ab9d292d593562008d4', icon: "chevron-right" })));
+        return (index.h("a", { key: '32abb8e11b774ce18c2cf16c3bc526819bbaade9', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: '818d701f39b21e7547d0a65db80026eb9887110e', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();

package/dist/cjs/dso-survey-rating.cjs.entry.js

@@ -496,10 +496,10 @@ const SurveyRating = class {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (index.h("dso-panel", { key: '209bab2cef33c37f56b8413bf04047e0556341fe', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: 'f62928824fa2bbb6ed07430ff30de01c163406bd', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: 'cce1261510f10aee5bd9306764a16766a4806101' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: '51817673503c19f0c6d0a0c4ab2ad5ed4e9989a8', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: '1148f12af5b5685cf782b6ddc9c31e3d3b34f88f', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: '29c772a0b8048494d97efb00bb1790de4dff9480' }, "Heel moeilijk"), index.h("span", { key: '915f939dc2dbd7c1acebe87715fe7bf8f0d7b0dd' }, "Heel makkelijk")), index.h("div", { key: '7481cc5e4bd6d7c5d5ffb20a9e0713db1a1c02e2', role: "radiogroup" }, ratings.map((rating, index$1) => {
+        return (index.h("dso-panel", { key: '275f1aedb67e7f7d2a3b175b1d854991fa140d1d', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: '7a140ce9a83b75e66db7b2f12f41c2882809274c', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: '9e45d98aaaaf256d9918712b32dfdfea9a8706ec' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: '47ff506349a95fed3165177c16b5848ca5bd9daf', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: 'b74f351887d2020407a9c6644dabd26e6acc4f4b', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: '6216b30f46b181cdac39adafe6fdf3364e160a55' }, "Heel moeilijk"), index.h("span", { key: '2c6746373095d09ef5cd19c2015cb240545d4ef9' }, "Heel makkelijk")), index.h("div", { key: '380e5d754686bb2ecd8be0c56a3efe33f60c010b', role: "radiogroup" }, ratings.map((rating, index$1) => {
             const ratingNumber = index$1 + 1;
             return (index.h(index.Fragment, null, index.h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, index.h("span", { class: "sr-only" }, rating), index.h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), index.h("button", { key: '3acae96b16d24fe066608025560e90dcacc4d878', type: "submit", class: "dso-secondary" }, index.h("span", { key: 'fb44a653f4215152feb67f25fbd1fa9eda10f702' }, "Antwoord verzenden")))));
+        })), index.h("button", { key: 'd32cc8c9a15a36021dfa87a1fc24edab0a4020a8', type: "submit", class: "dso-secondary" }, index.h("span", { key: 'accce3605b3e1df8490c898491aa7318eb4f8874' }, "Antwoord verzenden")))));
     }
 };
 SurveyRating.style = surveyRatingCss();

package/dist/cjs/dso-tabs.cjs.entry.js

@@ -66,7 +66,7 @@ const Tabs = class {
         (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '5b70fabb5d877ca680782d3f01a8a0cfb91b332c' }, index.h("div", { key: '576db3792a7d533c69c3f0b6c547bdce446998e2', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: 'cd1f2dc9007e09095b0fb40e947afe5714dee6c5' })), index.h("div", { key: '518518b02f68aa78cff82ac7921ece0845a78ea7', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '2ed8656a975d9c95a748e6c6be8b66e643c3c72b', name: "panel" }))));
+        return (index.h(index.Host, { key: 'ae03ef906dabd5ed64da40b57f818ce447427844' }, index.h("div", { key: '79c2eeca63a44a81c7d5623b763b52e152f834b8', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: 'd3d8396c36601f30b25de572cccf8f02a411abed' })), index.h("div", { key: '67e6607cc3cc09d2511b38cdb0b218095bfcf2a2', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '25164b17aea879289bc7b5f1e43b61ae78e980dd', name: "panel" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-tijdreis-banner.cjs.entry.js

@@ -9,7 +9,7 @@ const TijdreisBanner = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Fragment, { key: '269e62288db016954b21045658167c3089a0b3b7' }, index.h("dso-icon", { key: 'f048fe79cd8989af8eab3a33983ec6d66c74c38a', icon: "clock" }), index.h("slot", { key: '79ad3219eef446a434be6016b2a047c3720ee238' }), index.h("slot", { key: '8b97af645b9dbb3796ca64bd49d48ccc4cb86f89', name: "button" })));
+        return (index.h(index.Fragment, { key: 'd2362057fd3eea7804036862cd899a1d45d6f87b' }, index.h("dso-icon", { key: 'd52a8f555c066921d32a8ecbfc36a51f2a1ccd1e', icon: "clock" }), index.h("slot", { key: 'b2722bab4ea3ca7af50fc857abb185f0c8f03280' }), index.h("slot", { key: '22950f32ed35f10c8bc3df9be90271195abee3dc', name: "button" })));
     }
 };
 TijdreisBanner.style = tijdreisBannerCss();

package/dist/cjs/dso-toggletip.cjs.entry.js

@@ -50,7 +50,7 @@ const Toggletip = class {
         };
     }
     render() {
-        return (index.h(index.Fragment, { key: '175f1871d9edf972af6dbfb1e9fa31538b2a249f' }, index.h("dso-info-button", { key: 'b4d1150a9df844042644a1fc2079f70798802401', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), index.h("dso-tooltip", { key: '3b281dbcd745d515d2ba371d0fe395fb8ddc3dc1', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, index.h("slot", { key: '3aaca015bc82ad6c9dc24708b979a6544a8894c6' }))));
+        return (index.h(index.Fragment, { key: '6e0399d384bf9b2c8d5fd2f242108c1779540937' }, index.h("dso-info-button", { key: 'caffd2a1c29b0132d9716193a9b8d5a7be2338f3', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), index.h("dso-tooltip", { key: '078fa24444c5369fb2f7aa2b130016ac6f1d39aa', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, index.h("slot", { key: 'f8c6586d7f0ce98038e8208ff18f7f8ebbdace8a' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-toolkit.cjs.js

@@ -46,7 +46,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"dsot-document-component-demo.cjs\",[[258,\"dsot-document-component-demo\",{\"showCanvas\":[516,\"show-canvas\"],\"jsonFile\":[1,\"json-file\"],\"openDefault\":[4,\"open-default\"],\"mode\":[513],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"response\":[32],\"document\":[32],\"openOrClosed\":[32],\"openedAnnotation\":[32],\"filtered\":[32],\"notApplicable\":[32],\"activeAnnotationSelectables\":[32]},null,{\"jsonFile\":[\"jsonFileWatcher\"],\"openDefault\":[\"openDefaultWatcher\"]}]]],[\"dso-accordion-section.cjs\",[[257,\"dso-accordion-section\",{\"handleTitle\":[1,\"handle-title\"],\"wijzigactie\":[1],\"heading\":[1],\"handleUrl\":[1,\"handle-url\"],\"status\":[1],\"attachmentCount\":[2,\"attachment-count\"],\"icon\":[1],\"statusDescription\":[1,\"status-description\"],\"open\":[516],\"hasNestedAccordion\":[516,\"has-nested-accordion\"],\"label\":[1],\"labelStatus\":[1,\"label-status\"],\"activatable\":[516],\"active\":[516],\"hover\":[32],\"focusHandle\":[64]}]]],[\"dso-annotation-activiteit.cjs\",[[257,\"dso-annotation-activiteit\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"regelKwalificatie\":[1,\"regel-kwalificatie\"],\"locatieNoemers\":[16],\"regelKwalificatieVoorzetsel\":[1,\"regel-kwalificatie-voorzetsel\"]}]]],[\"dso-annotation-gebiedsaanwijzing.cjs\",[[257,\"dso-annotation-gebiedsaanwijzing\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1]}]]],[\"dso-annotation-omgevingsnormwaarde.cjs\",[[257,\"dso-annotation-omgevingsnormwaarde\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"toelichting\":[1],\"waardes\":[16],\"eenheid\":[1]}]]],[\"dso-legend-item.cjs\",[[257,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[1,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"showOptions\":[32]}]]],[\"dso-advanced-select.cjs\",[[257,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-list-button.cjs\",[[257,\"dso-list-button\",{\"label\":[1],\"sublabel\":[1],\"count\":[2],\"min\":[8],\"max\":[8],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[1,\"subcontent-prefix\"]}]]],[\"dso-map-base-layers.cjs\",[[257,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays.cjs\",[[257,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-project-item.cjs\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-annotation-kaart.cjs\",[[257,\"dso-annotation-kaart\",{\"wijzigactie\":[513],\"naam\":[1],\"href\":[513]}]]],[\"dso-autosuggest.cjs\",[[262,\"dso-autosuggest\",{\"suggestions\":[16],\"loading\":[4],\"loadingLabel\":[1,\"loading-label\"],\"loadingDelayed\":[2,\"loading-delayed\"],\"notFoundLabel\":[1,\"not-found-label\"],\"mark\":[16],\"showSuggestions\":[32],\"selectedSuggestion\":[32],\"selectedSuggestionGroup\":[32],\"notFound\":[32],\"showLoading\":[32]},[[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[\"suggestionsWatcher\"]}]]],[\"dso-legend.cjs\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-map-controls.cjs\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},null,{\"open\":[\"watchOpen\"]}]]],[\"dso-modal.cjs\",[[257,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32]}]]],[\"dso-survey-rating.cjs\",[[257,\"dso-survey-rating\"]]],[\"dso-header.cjs\",[[257,\"dso-header\",{\"mainMenu\":[16],\"compact\":[1],\"authStatus\":[1,\"auth-status\"],\"loginUrl\":[1,\"login-url\"],\"logoutUrl\":[1,\"logout-url\"],\"showHelp\":[4,\"show-help\"],\"helpUrl\":[1,\"help-url\"],\"userProfileName\":[1,\"user-profile-name\"],\"userProfileUrl\":[1,\"user-profile-url\"],\"userHomeUrl\":[1,\"user-home-url\"],\"userHomeActive\":[4,\"user-home-active\"],\"visibleMenuItemsCount\":[32],\"dropdownOptionsOffset\":[32]},null,{\"mainMenu\":[\"mainMenuChanged\"]}]]],[\"dso-mark-bar.cjs\",[[257,\"dso-mark-bar\",{\"value\":[1],\"label\":[1],\"current\":[2],\"totalCount\":[2,\"total-count\"],\"dsoFocus\":[64]}]]],[\"dso-onboarding-tip.cjs\",[[257,\"dso-onboarding-tip\",{\"placement\":[1],\"ready\":[32],\"popoverOpen\":[32]}]]],[\"dso-pagination.cjs\",[[257,\"dso-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[2,\"current-page\"],\"formatHref\":[16],\"availablePositions\":[32]},[[0,\"dsoSizeChange\",\"sizeChangeHandler\"]]]]],[\"dso-tree-view.cjs\",[[257,\"dso-tree-view\",{\"collection\":[16],\"focusItem\":[64]}]]],[\"dso-action-list-item.cjs\",[[257,\"dso-action-list-item\",{\"step\":[2],\"itemTitle\":[1,\"item-title\"],\"flowLine\":[4,\"flow-line\"],\"warning\":[4],\"divider\":[4]}]]],[\"dso-card.cjs\",[[257,\"dso-card\",{\"href\":[513],\"mode\":[513],\"active\":[516]}]]],[\"dso-document-card.cjs\",[[257,\"dso-document-card\",{\"href\":[513],\"active\":[516]}]]],[\"dso-history-item.cjs\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513]}]]],[\"dso-label_3.cjs\",[[257,\"dso-renvooi\",{\"value\":[1],\"mark\":[16]}],[257,\"dso-label\",{\"compact\":[516],\"removable\":[516],\"status\":[513],\"truncate\":[516],\"removeHover\":[32],\"removeFocus\":[32],\"textHover\":[32],\"textFocus\":[32],\"isTruncated\":[32],\"labelText\":[32],\"_truncateLabel\":[64]},[[4,\"keydown\",\"keyDownListener\"]],{\"removable\":[\"watchRemovable\"],\"truncate\":[\"watchTruncate\"]}],[262,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}]]],[\"dso-map-layer.cjs\",[[257,\"dso-map-layer\",{\"label\":[513],\"activatable\":[516],\"active\":[516]}]]],[\"dso-map-layer-object.cjs\",[[257,\"dso-map-layer-object\",{\"active\":[516]}]]],[\"dso-plekinfo-card.cjs\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-skiplink.cjs\",[[257,\"dso-skiplink\",{\"to\":[513],\"label\":[513]}]]],[\"dso-tijdreis-banner.cjs\",[[257,\"dso-tijdreis-banner\"]]],[\"dso-accordion.cjs\",[[257,\"dso-accordion\",{\"variant\":[6145],\"reverseAlign\":[6148,\"reverse-align\"],\"_getState\":[64]}]]],[\"dso-action-list.cjs\",[[257,\"dso-action-list\",{\"listTitle\":[1,\"list-title\"]}]]],[\"dso-banner.cjs\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[4],\"icon\":[516]}]]],[\"dso-card-container.cjs\",[[257,\"dso-card-container\",{\"mode\":[513]}]]],[\"dso-contact-information.cjs\",[[257,\"dso-contact-information\"]]],[\"dso-date-picker.cjs\",[[258,\"dso-date-picker\",{\"name\":[1],\"identifier\":[1],\"disabled\":[516],\"required\":[516],\"invalid\":[516],\"describedBy\":[1,\"described-by\"],\"dsoAutofocus\":[4,\"dso-autofocus\"],\"value\":[513],\"min\":[1],\"max\":[1]}]]],[\"dso-highlight-box.cjs\",[[257,\"dso-highlight-box\",{\"yellow\":[516],\"border\":[516],\"white\":[516],\"dropShadow\":[516,\"drop-shadow\"],\"step\":[514]}]]],[\"dso-input-range.cjs\",[[257,\"dso-input-range\",{\"min\":[2],\"max\":[2],\"value\":[2],\"step\":[2],\"label\":[1],\"unit\":[1],\"description\":[1]}]]],[\"dso-logo.cjs\",[[257,\"dso-logo\",{\"name\":[513],\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-tab.cjs\",[[257,\"dso-tab\",{\"active\":[516],\"disabled\":[516],\"href\":[1],\"_dsoFocus\":[64]}]]],[\"dso-tabs.cjs\",[[257,\"dso-tabs\"]]],[\"dso-viewer-grid.cjs\",[[257,\"dso-viewer-grid\",{\"filterPanelTitle\":[513,\"filter-panel-title\"],\"filterPanelOpen\":[516,\"filter-panel-open\"],\"overlayOpen\":[516,\"overlay-open\"],\"documentPanelOpen\":[516,\"document-panel-open\"],\"mainSize\":[513,\"main-size\"],\"activeTab\":[1,\"active-tab\"],\"documentPanelSize\":[513,\"document-panel-size\"],\"mainPanelExpanded\":[4,\"main-panel-expanded\"],\"mainPanelHidden\":[4,\"main-panel-hidden\"],\"tabView\":[32],\"_checkMainPanelVisibility\":[64]},null,{\"documentPanelOpen\":[\"documentPanelOpenWatcher\"],\"filterPanelOpen\":[\"filterPanelOpenWatcher\"],\"overlayOpen\":[\"overlayOpenWatcher\"]}]]],[\"dso-toggletip.cjs\",[[257,\"dso-toggletip\",{\"label\":[1],\"position\":[1],\"small\":[4],\"secondary\":[4],\"active\":[32]}]]],[\"dso-button-group.cjs\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-dropdown-menu.cjs\",[[257,\"dso-dropdown-menu\",{\"open\":[1540],\"dropdownAlign\":[1,\"dropdown-align\"],\"dropdownOptionsOffset\":[2,\"dropdown-options-offset\"],\"checkable\":[4]},[[8,\"click\",\"onClick\"]]]]],[\"dso-icon_2.cjs\",[[257,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"showTooltip\":[32],\"setFocus\":[64]}],[257,\"dso-icon\",{\"icon\":[1]}]]],[\"dso-annotation-locatie_2.cjs\",[[257,\"dso-document-component\",{\"heading\":[1],\"kop\":[6145],\"inhoud\":[6145],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"genesteOntwerpInformatie\":[516,\"geneste-ontwerp-informatie\"],\"bevatOntwerpInformatie\":[516,\"bevat-ontwerp-informatie\"],\"annotated\":[516],\"gereserveerd\":[6145],\"vervallen\":[6145],\"openAnnotation\":[516,\"open-annotation\"],\"alternativeTitle\":[513,\"alternative-title\"],\"type\":[513],\"wijzigactie\":[513],\"annotationsWijzigactie\":[513,\"annotations-wijzigactie\"],\"mark\":[16],\"recursiveToggle\":[8,\"recursive-toggle\"],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"mode\":[513],\"href\":[513]}],[257,\"dso-annotation-locatie\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"locatieNoemer\":[1,\"locatie-noemer\"]}]]],[\"dso-attachments-counter_2.cjs\",[[257,\"dso-attachments-counter\",{\"count\":[2]}],[257,\"dso-expandable\",{\"open\":[516],\"enableAnimation\":[516,\"enable-animation\"],\"minimumHeight\":[2,\"minimum-height\"],\"isClosed\":[32]},[[0,\"transitionstart\",\"transitionstartHandler\"],[0,\"transitionend\",\"transitionendHandler\"]],{\"open\":[\"toggleOpen\"]}]]],[\"dso-progress-indicator.cjs\",[[257,\"dso-progress-indicator\",{\"label\":[1],\"size\":[513],\"block\":[516]}]]],[\"dso-responsive-element.cjs\",[[257,\"dso-responsive-element\",{\"sizeAlias\":[32],\"sizeWidth\":[32],\"getSize\":[64]}]]],[\"dso-scrollable.cjs\",[[257,\"dso-scrollable\",{\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-info-button.cjs\",[[257,\"dso-info-button\",{\"active\":[1540],\"secondary\":[4],\"label\":[1],\"hover\":[32],\"setFocus\":[64]}]]],[\"dso-info_2.cjs\",[[262,\"dso-selectable\",{\"type\":[1],\"identifier\":[1],\"name\":[1],\"value\":[1],\"invalid\":[4],\"describedById\":[1,\"described-by-id\"],\"labelledById\":[1,\"labelled-by-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"indeterminate\":[4],\"infoFixed\":[4,\"info-fixed\"],\"infoActive\":[32],\"toggleInfo\":[64]},null,{\"indeterminate\":[\"setIndeterminate\"]}],[257,\"dso-info\",{\"fixed\":[516],\"active\":[516]}]]],[\"dso-tooltip.cjs\",[[257,\"dso-tooltip\",{\"descriptive\":[516],\"position\":[1],\"strategy\":[1],\"noArrow\":[4,\"no-arrow\"],\"stateless\":[4],\"small\":[4],\"active\":[1540],\"hidden\":[32],\"activate\":[64],\"deactivate\":[64]},null,{\"position\":[\"watchPosition\"],\"strategy\":[\"watchStrategy\"],\"active\":[\"watchActive\"]}]]],[\"dso-alert_7.cjs\",[[257,\"dso-ozon-content\",{\"content\":[1],\"inline\":[516],\"mark\":[16],\"urlResolver\":[16],\"begripResolver\":[16],\"annotated\":[516],\"state\":[32]},null,{\"content\":[\"contentWatcher\"]}],[257,\"dso-alert\",{\"status\":[513],\"roleAlert\":[4,\"role-alert\"],\"compact\":[516],\"closable\":[4]}],[257,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[257,\"dso-panel\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"emphasized\":[4]}],[257,\"dso-ozon-content-toggletip\",{\"icon\":[513],\"active\":[32],\"showToggletip\":[32]}],[257,\"dso-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[32],\"modalActive\":[32],\"placeholderHeight\":[32]}],[257,\"dso-badge\",{\"status\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"dsot-document-component-demo.cjs\",[[258,\"dsot-document-component-demo\",{\"showCanvas\":[516,\"show-canvas\"],\"showBesluitversie\":[4,\"show-besluitversie\"],\"jsonFile\":[1,\"json-file\"],\"openDefault\":[4,\"open-default\"],\"mode\":[513],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"response\":[32],\"document\":[32],\"openOrClosed\":[32],\"openedAnnotation\":[32],\"filtered\":[32],\"notApplicable\":[32],\"activeAnnotationSelectables\":[32]},null,{\"jsonFile\":[\"jsonFileWatcher\"],\"openDefault\":[\"openDefaultWatcher\"]}]]],[\"dso-accordion-section.cjs\",[[257,\"dso-accordion-section\",{\"handleTitle\":[1,\"handle-title\"],\"wijzigactie\":[1],\"heading\":[1],\"handleUrl\":[1,\"handle-url\"],\"status\":[1],\"attachmentCount\":[2,\"attachment-count\"],\"icon\":[1],\"statusDescription\":[1,\"status-description\"],\"open\":[516],\"hasNestedAccordion\":[516,\"has-nested-accordion\"],\"label\":[1],\"labelStatus\":[1,\"label-status\"],\"activatable\":[516],\"active\":[516],\"hover\":[32],\"focusHandle\":[64]}]]],[\"dso-annotation-activiteit.cjs\",[[257,\"dso-annotation-activiteit\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"regelKwalificatie\":[1,\"regel-kwalificatie\"],\"locatieNoemers\":[16],\"regelKwalificatieVoorzetsel\":[1,\"regel-kwalificatie-voorzetsel\"]}]]],[\"dso-annotation-gebiedsaanwijzing.cjs\",[[257,\"dso-annotation-gebiedsaanwijzing\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1]}]]],[\"dso-annotation-omgevingsnormwaarde.cjs\",[[257,\"dso-annotation-omgevingsnormwaarde\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1],\"toelichting\":[1],\"waardes\":[16],\"eenheid\":[1]}]]],[\"dso-legend-item.cjs\",[[257,\"dso-legend-item\",{\"disabled\":[516],\"disabledMessage\":[1,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"showOptions\":[32]}]]],[\"dso-advanced-select.cjs\",[[257,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-list-button.cjs\",[[257,\"dso-list-button\",{\"label\":[1],\"sublabel\":[1],\"count\":[2],\"min\":[8],\"max\":[8],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[1,\"subcontent-prefix\"]}]]],[\"dso-map-base-layers.cjs\",[[257,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays.cjs\",[[257,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-map-controls.cjs\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},null,{\"open\":[\"watchOpen\"]}]]],[\"dso-project-item.cjs\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-annotation-kaart.cjs\",[[257,\"dso-annotation-kaart\",{\"wijzigactie\":[513],\"naam\":[1],\"href\":[513]}]]],[\"dso-autosuggest.cjs\",[[262,\"dso-autosuggest\",{\"suggestions\":[16],\"loading\":[4],\"loadingLabel\":[1,\"loading-label\"],\"loadingDelayed\":[2,\"loading-delayed\"],\"notFoundLabel\":[1,\"not-found-label\"],\"mark\":[16],\"showSuggestions\":[32],\"selectedSuggestion\":[32],\"selectedSuggestionGroup\":[32],\"notFound\":[32],\"showLoading\":[32]},[[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[\"suggestionsWatcher\"]}]]],[\"dso-legend.cjs\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-modal.cjs\",[[257,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32]}]]],[\"dso-survey-rating.cjs\",[[257,\"dso-survey-rating\"]]],[\"dso-header.cjs\",[[257,\"dso-header\",{\"mainMenu\":[16],\"compact\":[1],\"authStatus\":[1,\"auth-status\"],\"loginUrl\":[1,\"login-url\"],\"logoutUrl\":[1,\"logout-url\"],\"showHelp\":[4,\"show-help\"],\"helpUrl\":[1,\"help-url\"],\"userProfileName\":[1,\"user-profile-name\"],\"userProfileUrl\":[1,\"user-profile-url\"],\"userHomeUrl\":[1,\"user-home-url\"],\"userHomeActive\":[4,\"user-home-active\"],\"visibleMenuItemsCount\":[32],\"dropdownOptionsOffset\":[32]},null,{\"mainMenu\":[\"mainMenuChanged\"]}]]],[\"dso-mark-bar.cjs\",[[257,\"dso-mark-bar\",{\"value\":[1],\"label\":[1],\"current\":[2],\"totalCount\":[2,\"total-count\"],\"dsoFocus\":[64]}]]],[\"dso-onboarding-tip.cjs\",[[257,\"dso-onboarding-tip\",{\"placement\":[1],\"ready\":[32],\"popoverOpen\":[32]}]]],[\"dso-pagination.cjs\",[[257,\"dso-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[2,\"current-page\"],\"formatHref\":[16],\"availablePositions\":[32]},[[0,\"dsoSizeChange\",\"sizeChangeHandler\"]]]]],[\"dso-tree-view.cjs\",[[257,\"dso-tree-view\",{\"collection\":[16],\"focusItem\":[64]}]]],[\"dso-action-list-item.cjs\",[[257,\"dso-action-list-item\",{\"step\":[2],\"itemTitle\":[1,\"item-title\"],\"flowLine\":[4,\"flow-line\"],\"warning\":[4],\"divider\":[4]}]]],[\"dso-card.cjs\",[[257,\"dso-card\",{\"href\":[513],\"mode\":[513],\"active\":[516]}]]],[\"dso-document-card.cjs\",[[257,\"dso-document-card\",{\"href\":[513],\"active\":[516]}]]],[\"dso-history-item.cjs\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513]}]]],[\"dso-label_3.cjs\",[[257,\"dso-renvooi\",{\"value\":[1],\"mark\":[16]}],[257,\"dso-label\",{\"compact\":[516],\"removable\":[516],\"status\":[513],\"truncate\":[516],\"removeHover\":[32],\"removeFocus\":[32],\"textHover\":[32],\"textFocus\":[32],\"isTruncated\":[32],\"labelText\":[32],\"_truncateLabel\":[64]},[[4,\"keydown\",\"keyDownListener\"]],{\"removable\":[\"watchRemovable\"],\"truncate\":[\"watchTruncate\"]}],[262,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}]]],[\"dso-map-layer.cjs\",[[257,\"dso-map-layer\",{\"label\":[513],\"activatable\":[516],\"active\":[516]}]]],[\"dso-map-layer-object.cjs\",[[257,\"dso-map-layer-object\",{\"active\":[516]}]]],[\"dso-plekinfo-card.cjs\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-skiplink.cjs\",[[257,\"dso-skiplink\",{\"to\":[513],\"label\":[513]}]]],[\"dso-tijdreis-banner.cjs\",[[257,\"dso-tijdreis-banner\"]]],[\"dso-accordion.cjs\",[[257,\"dso-accordion\",{\"variant\":[6145],\"reverseAlign\":[6148,\"reverse-align\"],\"_getState\":[64]}]]],[\"dso-action-list.cjs\",[[257,\"dso-action-list\",{\"listTitle\":[1,\"list-title\"]}]]],[\"dso-banner.cjs\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[4],\"icon\":[516]}]]],[\"dso-card-container.cjs\",[[257,\"dso-card-container\",{\"mode\":[513]}]]],[\"dso-contact-information.cjs\",[[257,\"dso-contact-information\"]]],[\"dso-cursor-tooltip.cjs\",[[257,\"dso-cursor-tooltip\"]]],[\"dso-date-picker.cjs\",[[258,\"dso-date-picker\",{\"name\":[1],\"identifier\":[1],\"disabled\":[516],\"required\":[516],\"invalid\":[516],\"describedBy\":[1,\"described-by\"],\"dsoAutofocus\":[4,\"dso-autofocus\"],\"value\":[513],\"min\":[1],\"max\":[1]}]]],[\"dso-highlight-box.cjs\",[[257,\"dso-highlight-box\",{\"yellow\":[516],\"border\":[516],\"white\":[516],\"green\":[516],\"dropShadow\":[516,\"drop-shadow\"],\"step\":[514]}]]],[\"dso-input-range.cjs\",[[257,\"dso-input-range\",{\"min\":[2],\"max\":[2],\"value\":[2],\"step\":[2],\"label\":[1],\"unit\":[1],\"description\":[1]}]]],[\"dso-logo.cjs\",[[257,\"dso-logo\",{\"name\":[513],\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-tab.cjs\",[[257,\"dso-tab\",{\"active\":[516],\"disabled\":[516],\"href\":[1],\"_dsoFocus\":[64]}]]],[\"dso-tabs.cjs\",[[257,\"dso-tabs\"]]],[\"dso-viewer-grid.cjs\",[[257,\"dso-viewer-grid\",{\"filterPanelTitle\":[513,\"filter-panel-title\"],\"filterPanelOpen\":[516,\"filter-panel-open\"],\"overlayOpen\":[516,\"overlay-open\"],\"documentPanelOpen\":[516,\"document-panel-open\"],\"mainSize\":[513,\"main-size\"],\"activeTab\":[1,\"active-tab\"],\"documentPanelSize\":[513,\"document-panel-size\"],\"mainPanelExpanded\":[4,\"main-panel-expanded\"],\"mainPanelHidden\":[4,\"main-panel-hidden\"],\"tabView\":[32],\"_checkMainPanelVisibility\":[64]},null,{\"documentPanelOpen\":[\"documentPanelOpenWatcher\"],\"filterPanelOpen\":[\"filterPanelOpenWatcher\"],\"overlayOpen\":[\"overlayOpenWatcher\"]}]]],[\"dso-toggletip.cjs\",[[257,\"dso-toggletip\",{\"label\":[1],\"position\":[1],\"small\":[4],\"secondary\":[4],\"active\":[32]}]]],[\"dso-button-group.cjs\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-dropdown-menu.cjs\",[[257,\"dso-dropdown-menu\",{\"open\":[1540],\"dropdownAlign\":[1,\"dropdown-align\"],\"dropdownOptionsOffset\":[2,\"dropdown-options-offset\"],\"checkable\":[4]},[[8,\"click\",\"onClick\"]]]]],[\"dso-tooltip.cjs\",[[257,\"dso-tooltip\",{\"descriptive\":[516],\"position\":[1],\"strategy\":[1],\"noArrow\":[4,\"no-arrow\"],\"stateless\":[4],\"small\":[4],\"active\":[1540],\"hidden\":[32],\"activate\":[64],\"deactivate\":[64]},null,{\"position\":[\"watchPosition\"],\"strategy\":[\"watchStrategy\"],\"active\":[\"watchActive\"]}]]],[\"dso-icon_2.cjs\",[[257,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"showTooltip\":[32],\"setFocus\":[64]}],[257,\"dso-icon\",{\"icon\":[1]}]]],[\"dso-alert_7.cjs\",[[257,\"dso-ozon-content\",{\"content\":[1],\"inline\":[516],\"mark\":[16],\"urlResolver\":[16],\"begripResolver\":[16],\"annotated\":[516],\"state\":[32]},null,{\"content\":[\"contentWatcher\"]}],[257,\"dso-alert\",{\"status\":[513],\"roleAlert\":[4,\"role-alert\"],\"compact\":[516],\"closable\":[4]}],[257,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[257,\"dso-panel\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"emphasized\":[4]}],[257,\"dso-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[32],\"modalActive\":[32],\"placeholderHeight\":[32]}],[257,\"dso-ozon-content-toggletip\",{\"icon\":[513],\"active\":[32],\"showToggletip\":[32]}],[257,\"dso-badge\",{\"status\":[1]}]]],[\"dso-annotation-locatie_2.cjs\",[[257,\"dso-document-component\",{\"heading\":[1],\"kop\":[6145],\"inhoud\":[6145],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"badge\":[1],\"badgeStatus\":[1,\"badge-status\"],\"badgeTooltip\":[1,\"badge-tooltip\"],\"label\":[1],\"labelStatus\":[1,\"label-status\"],\"annotated\":[516],\"gereserveerd\":[6145],\"vervallen\":[6145],\"openAnnotation\":[516,\"open-annotation\"],\"alternativeTitle\":[513,\"alternative-title\"],\"type\":[513],\"wijzigactie\":[513],\"annotationsWijzigactie\":[513,\"annotations-wijzigactie\"],\"mark\":[16],\"recursiveToggle\":[8,\"recursive-toggle\"],\"ozonContentUrlResolver\":[16],\"ozonContentBegripResolver\":[16],\"mode\":[513],\"href\":[513]}],[257,\"dso-annotation-locatie\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"locatieNoemer\":[1,\"locatie-noemer\"]}]]],[\"dso-attachments-counter_2.cjs\",[[257,\"dso-attachments-counter\",{\"count\":[2]}],[257,\"dso-expandable\",{\"open\":[516],\"enableAnimation\":[516,\"enable-animation\"],\"minimumHeight\":[2,\"minimum-height\"],\"isClosed\":[32]},[[0,\"transitionstart\",\"transitionstartHandler\"],[0,\"transitionend\",\"transitionendHandler\"]],{\"open\":[\"toggleOpen\"]}]]],[\"dso-progress-indicator.cjs\",[[257,\"dso-progress-indicator\",{\"label\":[1],\"size\":[513],\"block\":[516]}]]],[\"dso-responsive-element.cjs\",[[257,\"dso-responsive-element\",{\"sizeAlias\":[32],\"sizeWidth\":[32],\"getSize\":[64]}]]],[\"dso-scrollable.cjs\",[[257,\"dso-scrollable\",{\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-info-button.cjs\",[[257,\"dso-info-button\",{\"active\":[1540],\"secondary\":[4],\"label\":[1],\"hover\":[32],\"setFocus\":[64]}]]],[\"dso-info_2.cjs\",[[262,\"dso-selectable\",{\"type\":[1],\"identifier\":[1],\"name\":[1],\"value\":[1],\"invalid\":[4],\"describedById\":[1,\"described-by-id\"],\"labelledById\":[1,\"labelled-by-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"indeterminate\":[4],\"infoFixed\":[4,\"info-fixed\"],\"infoActive\":[32],\"toggleInfo\":[64]},null,{\"indeterminate\":[\"setIndeterminate\"]}],[257,\"dso-info\",{\"fixed\":[516],\"active\":[516]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/dso-tooltip.cjs.entry.js

@@ -2023,7 +2023,7 @@ const Tooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f9488965c6aeed8cae6d0fc5bcda53a9f5d7c2ad', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, index.h("div", { key: 'c7f2b3e30c88e59e260dba29b6d6c60f5b1c7c43', class: clsx.clsx("tooltip", { in: this.active }) }, !this.noArrow && index.h("div", { key: 'f684ffa1c9b56578cdbbb87b2c8a5cf911a0dae0', "data-popper-arrow": true, class: "tooltip-arrow" }), index.h("div", { key: '1b8950838c8820060bfffd6301b29f4bdfaf08b4', "aria-hidden": !this.descriptive || undefined, class: clsx.clsx("tooltip-inner", { "dso-small": this.small }) }, index.h("slot", { key: 'ef96aed9b2ed540448194c2d7e7a1885c0d10b39' })))));
+        return (index.h(index.Host, { key: '40393c2c46a62aa1815fd5ae117076bd872b60c1', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, index.h("div", { key: 'e46b816c3fa8662956c23789f04815e4f9acf9d2', class: clsx.clsx("tooltip", { in: this.active }) }, !this.noArrow && index.h("div", { key: 'b2d2455680d0fd4883d3a3b15234cfda84392152', "data-popper-arrow": true, class: "tooltip-arrow" }), index.h("div", { key: 'ccd2fdff0934bd705539afa2fec476294cb433e3', "aria-hidden": !this.descriptive || undefined, class: clsx.clsx("tooltip-inner", { "dso-small": this.small }) }, index.h("slot", { key: '4f1f21efcb92b8771aa9a2458c5e92883460ea59' })))));
     }
     activatePopper() {
         var _a;

package/dist/cjs/dso-tree-view.cjs.entry.js

@@ -189,7 +189,7 @@ const TreeView = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'eddfc7ef9007d0f6934106feb40af5ee3112b1a9', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, index.h("ul", { key: '7720062844882bec31bc8efe0c16685ec5ab3c94', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index$1) => (index.h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index$1, level: 1, setSize: this.collection.length }))))));
+        return (index.h("div", { key: '5735f8e7460d269cdb8a6338b54ee96c28cef98b', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, index.h("ul", { key: '2973a236f58916e0246920d437ad7056c0ef7031', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index$1) => (index.h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index$1, level: 1, setSize: this.collection.length }))))));
     }
 };
 TreeView.style = treeViewCss();

package/dist/cjs/dso-viewer-grid.cjs.entry.js

@@ -149,7 +149,8 @@ button::-moz-focus-inner {
   padding-inline: 0 4px;
 }
 .dso-main-panel .toggle-button {
-  --_dso-icon-button-map-border-radius: 0 4px 4px 0;
+  --_dt-icon-button-border-start-start-radius: 0;
+  --_dt-icon-button-border-end-start-radius: 0;
 }
 
 .dso-document-panel {
@@ -170,8 +171,9 @@ button::-moz-focus-inner {
 }
 .dso-document-panel .sizing-buttons .shrink,
 .dso-document-panel .sizing-buttons .expand {
-  --_dso-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;
-  --_dso-icon-button-map-border-radius: 4px 0 0 4px;
+  --_dt-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;
+  --_dt-icon-button-border-start-end-radius: 0;
+  --_dt-icon-button-border-end-end-radius: 0;
 }
 
 .sizing-buttons,
@@ -719,7 +721,7 @@ const ViewerGrid = class {
         }
     }
     render() {
-        return (index.h(index.Fragment, { key: '43145850b345ebbb2ea909c2118a5e2b322dfad9' }, index.h("slot", { key: 'ca2494d72755aa1b5b2035f5681766b982da920c', name: "top-bar" }), index.h("div", { key: 'b985cd4ca9ec0017db1507e918d13a68025e8bfe', class: "viewer-grid-columns" }, this.tabView && (index.h("nav", { key: 'd1ee4e9c6e279da503971c167e8af10d5b2b2219', class: "dso-navbar" }, index.h("ul", { key: '9d841fe4e6594050fb472f3818628c380bb4e3c8', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (index.h("li", { key: tab, class: clsx.clsx({ "dso-active": this.activeTab === tab }) }, index.h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (index.h(MainPanel, { key: 'a2f5e34a950ef4ed3b44ac7e6500b750b151a46d', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (index.h(FilterPanel, { key: 'ad1bc5a7866901ac7a5dced1607dc13c514c3711', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (index.h("div", { key: 'a65bc41bad7df50e0f3d184c802b8d81ad83cbe2', class: "map", ref: (element) => (this.mapElement = element) }, index.h("slot", { key: '60ed646e7ff77e20a579f12d567ac5b7c37e35c9', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (index.h(DocumentPanel, { key: '6820beae879f573e6632ba1f1f82ebd7ac48f2a9', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), index.h(Overlay, { key: 'd0f40b549862f3dfb3ba6347afc6dfd89ff37b9f', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (index.h(index.Fragment, { key: '9847a3c1ddb49b69fbf1a51bb07b69ca9ed4ce4c' }, index.h("slot", { key: '03fbfa717048b5015d61661d2d5433c0faf47565', name: "top-bar" }), index.h("div", { key: 'f09b17224d46fdab51a389444384040770efe332', class: "viewer-grid-columns" }, this.tabView && (index.h("nav", { key: '598db232e64fd9040ec6398adc877889fb761e3e', class: "dso-navbar" }, index.h("ul", { key: '378b508931543448dbc6a5b754a2a4aae7e04aac', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (index.h("li", { key: tab, class: clsx.clsx({ "dso-active": this.activeTab === tab }) }, index.h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (index.h(MainPanel, { key: '096e23cb054e8c359d9b5f2de4286250f509a79a', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (index.h(FilterPanel, { key: 'cf3d94936fec7e69ff26a7f80cdc8c9ee3741071', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (index.h("div", { key: '0b380945565d55094b04572573cce83f986d2fc4', class: "map", ref: (element) => (this.mapElement = element) }, index.h("slot", { key: 'e9e22c7b6deedb4feed6331ea1178315386fc1b6', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (index.h(DocumentPanel, { key: '9460fa66bd7bb1449a6447b94fb462af18861cc9', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), index.h(Overlay, { key: 'e800a7a3d49dff9cd4eb624114a1135fcb1c5506', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {