@dso-toolkit/core 100.2.0 → 100.3.1

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

@@ -131,7 +131,7 @@ const MapControls = class {
         this.clearPostTransitionTimeout();
     }
     render() {
-        return (index.h(index.Fragment, { key: '1124457d4bee39439d5668ed4eb8003c7e10cb7d' }, index.h("dso-icon-button", { key: '808b061d4cd15dbca73e061a6a08bfb568912d4b', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), index.h("button", { key: 'e0b48349f579f2501fadd9eece918ac9c97076d2', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: 'a095265dabe4609ca81b728366a0fdbefd28171e', icon: "layers" }), index.h("span", { key: '865c938149bec4b0db0ac8c16cec08e47ef7d78b' }, this.text("layersButton"))), index.h("dso-button-group", { key: '6b9eecd0b6050e89f4861ed65d79ce8950f26452', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: '87e1fa06bb974f725bf8bfd49fa56f2dc14c8f52', 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: '6e88caa2642745b29a80eb431b9b5ee7dc35d1dd', 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: '07b2e8882eb7bc54201019ee043bdca835ac2b6c', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, index.h("header", { key: 'bd092098c501745d6fc5d0ceba8bb6e9107bf866' }, index.h("h2", { key: 'fc927fb82a349f1e36b1dbba5e35fd5dd5267c8b', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), index.h("dso-icon-button", { key: 'f04f2498433be86fe4a2295c943ba80fd62ed474', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeIconButtonElement, element, "f")) })), index.h("dso-scrollable", { key: '073622025d761cf2ab32fe6d914fe20b1baeca4c' }, index.h("div", { key: 'b86c61511eb1a31c992989e5b057f2e2f2135e1f', class: "content" }, index.h("slot", { key: 'f3e160928a0e74dafa97bdcb7b906ec5986e8b99' }))))));
+        return (index.h(index.Fragment, { key: 'c230d38b2f3d2202f871076b349f1fdf4e070535' }, index.h("dso-icon-button", { key: '743d09b953e0251a02229b8e561b6c6ce26f435a', expanded: this.open, label: this.text("layersButton"), icon: "layers", variant: "map", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibilityInternal(e.detail.originalEvent, __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), index.h("button", { key: '738fad1af9f6e7b69239f5c4c3003701483f43ca', type: "button", class: "dso-map toggle-visibility-button", "aria-controls": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), "aria-expanded": this.open ? "true" : "false", onClick: (e) => this.toggleVisibilityInternal(e, __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: 'efd6ccb2e8d242c4b68108b6d4f8978c9320e4a8', icon: "layers" }), index.h("span", { key: 'a562b7f2844861788700d3e92445f120a67c5135' }, this.text("layersButton"))), index.h("dso-button-group", { key: 'e172e873f94b44d8a89cffc1fadf18c0fa4963d3', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: 'ae746b77e852215d3bb8a9ce2947aa374b65f41c', 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: 'c2a05409a865e366b31129f03136d9955e056254', 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: '8e7d06a74cb4c3a01988cccafb5ea99825b8a04c', id: __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f"), hidden: this.hideContent, role: "region", onKeyDown: this.handlePanelKeyDown, "aria-labelledby": __classPrivateFieldGet(this, _MapControls_mapLayersPanelId, "f") }, index.h("header", { key: '4aee66469163590d72e84fb5f98dc5e182125ef5' }, index.h("h2", { key: '8efc27b0063ff0034e26b579f3b81d7f198a5795', id: __classPrivateFieldGet(this, _MapControls_mapLayersTitleId, "f"), tabIndex: -1 }, this.text("title")), index.h("dso-icon-button", { key: 'dde0e8a62c5020cd00137b792d03e93ac4ea1d8d', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeIconButtonElement, element, "f")) })), index.h("dso-scrollable", { key: '8222e63e6e0a95279e164a099e9f7e33b69cbc4d' }, index.h("div", { key: 'ba7b7f77cd8718722180d25a9a8547d20044d02e', class: "content" }, index.h("slot", { key: '520ebee3747231f54bade983cd421e340199c9f2' }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -20,7 +20,7 @@ const MapLayerObject = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'dae07d664482fcfcbb2232a32558829734a5c3ea', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '5840180ffc63c8fc1887afebd238e40517d2dd76', wijzigactie: this.wijzigactie }, index.h("div", { key: '212953d88bb5a8b78f3a2633ea1b2e4f4e7d1c57', class: "map-layer-object" }, index.h("div", { key: '6c94789dc58388e1bbafd52cf85ad37d1e4e070f' }, index.h("slot", { key: '0d4565db6f767a170edc87e63d5324c17fe13e3d', name: "symbol" })), index.h("div", { key: 'b3ae87320865911bb4111c54bb9130f2bf8b006a', class: "map-layer-object-heading" }, index.h("slot", { key: '784053e34657815241b402a2eca7840203c653e7' }), index.h("slot", { key: '67b4f397ae703a0cfd89edfe880550e7186d3485', name: "label" })), index.h("div", { key: '59c1e7851474d136888e8460174b4bb04e601f34', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'c98410f0ebfa8a3c2e6ffa7a6a1fc34f6c053576', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
+        return (index.h(index.Host, { key: '0c92aae1ff5e11d927ec8311bb1b66bc78339371', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '2aaa30d94b2170d64bab142410c0e4c5e0f48202', wijzigactie: this.wijzigactie }, index.h("div", { key: '61c3ca96995f08c282c9753a02b6e021b2afeefd', class: "map-layer-object" }, index.h("div", { key: '226822cd25648d6d47de9015b1c20ff181525893' }, index.h("slot", { key: '007bd9e82207aefe7ad3c091853af794c9c74fcb', name: "symbol" })), index.h("div", { key: 'c7ab7515e735942547f2dc1b5699d0818ad782ae', class: "map-layer-object-heading" }, index.h("slot", { key: 'f9fbeff2427e4dbb5428007e332983d1563ff931' }), index.h("slot", { key: 'feeec406ff6954772827699b7d7c4e2c2cf80dd5', name: "label" })), index.h("div", { key: '34e4606f09332164cccd33312cb02aaf2f0093ca', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '537d292567d7f6cb9281e9e12528409d342597d1', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
     }
 };
 MapLayerObject.style = mapLayerObjectCss();

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

@@ -23,7 +23,7 @@ const MapLayer = class {
         };
     }
     render() {
-        return (index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: 'd842b30964a958be49b24b545ebc40fb1222f3c9', wijzigactie: this.wijzigactie }, index.h("div", { key: '61ea42d9143768adeb021d63317f96c1107b4c69', class: "map-layer" }, index.h("div", { key: '241911125c3e864668621f769da6ec241ec94c9e', class: "map-layer-heading" }, index.h("slot", { key: 'aa88b2464a1cee8474f6cc76219ce331d5a737b1', name: "name" }), index.h("slot", { key: 'b92c7fb66b0cc516117fe6cd93d9dd7a92f2cb51', name: "label" })), this.activatable && (index.h("div", { key: '3e8b00b6523d54305483e13dba3d5e4874211894', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'd298d4476031eade9ea436ae96b6a9117eb0b458', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: '2643068ce7ff5ca886e28d4b4793312caeabf276' })));
+        return (index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '6e4ca5021fcafac1302ed50e71d575d7c2098eca', wijzigactie: this.wijzigactie }, index.h("div", { key: 'c75334081671be868d44204eac7601ea37e801af', class: "map-layer" }, index.h("div", { key: 'ff8cad132daa7067dffeb71e6aaab695648e910c', class: "map-layer-heading" }, index.h("slot", { key: '1c1c06b974029d9215ee6dcd1fc0f9464993cab1', name: "name" }), index.h("slot", { key: 'e650771f44b8ed976b5d93b0c42a57dc0221b9c6', name: "label" })), this.activatable && (index.h("div", { key: 'ab63f51712017c2a86176d8e23052a2fe99b4487', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '4855170d081c60b862d01cd0d3af62b3956e9ed1', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: 'a06b707955ac5c8b834a3f7e7512ec7a1b437ada' })));
     }
 };
 MapLayer.style = mapLayerCss();

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

@@ -12,6 +12,10 @@ const MapMessage = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.hasActions = false;
+        // Een screenreader leest alleen wijzigingen voor binnen een live region die al in de
+        // accessibility tree staat. Dit component komt samen met zijn melding de DOM in, dus
+        // rendert de region eerst leeg en volgt de melding daarna.
+        this.showMessage = false;
         this.handleActionsSlotChange = (event) => {
             const target = event.target;
             if (target instanceof HTMLSlotElement) {
@@ -19,14 +23,36 @@ const MapMessage = class {
             }
         };
     }
+    connectedCallback() {
+        this.showMessage = false;
+    }
+    componentDidRender() {
+        if (!this.showMessage && this.animationFrame === undefined) {
+            // De browser werkt de accessibility tree gebatcht bij; vallen lege region en melding in
+            // dezelfde batch, dan blijft de screenreader stil. Eén render-tick afstand bleek te kort
+            // (NVDA, #3943); twee animatieframes is de kleinste afstand die betrouwbaar werkt.
+            this.animationFrame = requestAnimationFrame(() => {
+                this.animationFrame = requestAnimationFrame(() => {
+                    this.animationFrame = undefined;
+                    this.showMessage = true;
+                });
+            });
+        }
+    }
+    disconnectedCallback() {
+        if (this.animationFrame !== undefined) {
+            cancelAnimationFrame(this.animationFrame);
+            this.animationFrame = undefined;
+        }
+    }
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (index.h("div", { key: 'f81edb5f3a78bbc0f00a53c1e2a07015511893ae', class: {
+        return (index.h("div", { key: 'f85d2553640130c0cdc6a15fb2a61b56b98583c6', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, index.h("div", { key: '91a1265b7742e5e1e46232803c5f7ef0ebea9745', class: "map-message-body" }, iconName && index.h("dso-icon", { key: 'c40dca6db431214007e491baa687e00cc3f8fa4a', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: '5ed9d44fe51c028fef37025d56996af014c88c4f', class: "map-message-text" }, index.h("slot", { key: 'f323c56b11de1d4947f33a34f511c6542bcdcf78', name: "message" }))), index.h("slot", { key: '3a62ef24690f4aa51574727528124f811132dd2a', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            } }, index.h("div", { key: '7d5003110eede73dec941b7739d96c0b82738dd6', class: "map-message-body", role: role, "aria-atomic": "true" }, iconName && index.h("dso-icon", { key: '357ee0fb5dabef2aa7de08ad56743b4c0488feb5', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), index.h("span", { key: 'fcb2397b49e18ba3080718fb5beaa48088e8c17c', class: "map-message-text" }, this.showMessage && index.h("slot", { key: '39b311b55f98a771dd665986832dabe7c2851760', name: "message" }))), index.h("slot", { key: 'b9e538107c0f367860debe888cdf01eca102e071', name: "actions", onSlotchange: this.handleActionsSlotChange })));
     }
 };
 MapMessage.style = mapMessageCss();

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

@@ -46,7 +46,7 @@ const MapOverlays = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (index.h("fieldset", { key: '1055cf74db6dc57cba4519b57ac6c1e048c63e46', class: "form-group dso-checkboxes" }, index.h("legend", { key: '723bc415a7c47cffbc1eb064add3062160796cee', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: '8b58713b271023e9c9f173961bb579ff442bbf80', class: "dso-label-container" }, index.h("span", { key: '6f4b7c86ce31f2f002aa9324df3f802b4f8de3b8', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: '6d230b476a7fabc736e08d6644f07b7b2dad4caf', 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: '323f438b921da80f257e6ce69f58a964eba14d0b', class: "form-group dso-checkboxes" }, index.h("legend", { key: 'a5f4e54c08fd77b0df5cfe9471ec00c4ea36fa80', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: 'ead64984beecc96da228b2628146326ae9087b87', class: "dso-label-container" }, index.h("span", { key: 'b655d2bcf1562cce4f2a3a2a13409a82ef629964', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: '31e2539f5c9bf088fbb432f3f3b132008f1ed188', 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

@@ -51,7 +51,7 @@ const MarkBar = class {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (index.h("div", { key: '18c8e48e43c5380f453977fd1ee1dfda6467afff', class: "dso-mark-bar" }, index.h("div", { key: '30be69b4dbb0f9a6a200014f1907c342cfe0ccfd', class: "dso-mark-bar-input" }, index.h("input", { key: 'cc79476633ff3378179988e34098aad73044c6e9', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: '0c3b963b841fff1fbd445554fd84857a780911e5', htmlFor: "search-input" }, index.h("dso-icon", { key: '49bc0ec253cd216421d6990a7ff48302a2b082e4', class: "dso-search-icon", icon: "search" }), index.h("span", { key: 'f037a8170982e0a7e998b0c684e6d7475aa9d684', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '638592145d5c94982e0873963984da998ebb33d2', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: 'd54c39f6a81f204b693cc0ab4ae6450b7583316d', class: "dso-button-container" }, index.h("span", { key: 'ab388a8cad54c853a92e9517156d7ef98c70e971', class: "divider" }), index.h("dso-icon-button", { key: 'ec5f2858c09e3ce850c70b8478640345f261c643', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: 'c1af5aa0ac6e9e0eea16ba3eb05842ff607770ba', role: "status" }, current, "/", totalCount), index.h("dso-icon-button", { key: '253b2b27435a5f13f0d08937472e8c357945db5c', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (index.h("div", { key: '70319fd7fc23f97c851ee32dbaf780fc5fa3e600', class: "dso-mark-bar" }, index.h("div", { key: 'e7e247dc716ab605c010641d1228e9132c8b028b', class: "dso-mark-bar-input" }, index.h("input", { key: '093f1c8647799d46f91340c2bb802a34de6b182d', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: '00435c1d462802692ec11cd02e9a49dc2b5976fa', htmlFor: "search-input" }, index.h("dso-icon", { key: 'f38078cec9b314865c09fd2fb2ddc1e2a043d9d9', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '0bdd1f2f04ffa0a573b25195597ed08e8a8ac00c', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: 'f2f18b4fe388cc2e7a6e3b5cbe5b8686ad8f3f0d', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: 'e2a9f703f18aa66197ab8050551b4bbd2e668e49', class: "dso-button-container" }, index.h("span", { key: '2ef353377ba76c0d65476289901b3cd4a31a6066', class: "divider" }), index.h("dso-icon-button", { key: 'c46c3b1e21e2d4b76b22b01e71e962ffefe728d4', icon: "chevron-up", variant: "tertiary", label: `Vorig zoekresultaat ${current - 1}/${totalCount}`, onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: '0da0a23db21ad45aa0671e631dbfde01c5696bf5', role: "status" }, current, "/", totalCount), index.h("dso-icon-button", { key: 'c201faf3dbaf30994328114e061fc62c1e0c7ef6', icon: "chevron-down", variant: "tertiary", label: `Volgend zoekresultaat ${current + 1}/${totalCount}`, onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
 };
 MarkBar.style = markBarCss();

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

@@ -112,7 +112,7 @@ const Modal = class {
         }
     }
     render() {
-        return (index.h("dialog", { key: '95e686459015cbecfef763fd35b56aba60ce1639', class: clsx.clsx("dso-modal", { fullscreen: this.fullscreen }), role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, index.h("div", { key: '6901f74149102b7ee988a3f5b297c8e660691ada', class: "dso-dialog" }, this.narrowView ? (index.h("dso-scrollable", { class: "narrow" }, index.h("div", { class: "modal-scrollable" }, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h(Body, null), this.hasFooter && index.h(Footer, null)))) : (index.h(index.Fragment, null, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h("dso-scrollable", null, index.h(Body, null)), this.hasFooter && index.h(Footer, null))))));
+        return (index.h("dialog", { key: '88fdbf3daa75f55ba65d34e9978112db6659a83c', class: clsx.clsx("dso-modal", { fullscreen: this.fullscreen }), role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onMouseDown: (e) => this.handleDialogMouseDown(e), onMouseUp: (e) => this.handleDialogMouseUp(e), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, index.h("div", { key: '0628cd928e8ad3457fea7c401a9d4a9d132eae4a', class: "dso-dialog" }, this.narrowView ? (index.h("dso-scrollable", { class: "narrow" }, index.h("div", { class: "modal-scrollable" }, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h(Body, null), this.hasFooter && index.h(Footer, null)))) : (index.h(index.Fragment, null, index.h(Header, { modalTitle: this.modalTitle, closable: this.closable, ariaId: this.ariaId, text: this.text, dsoClose: this.dsoClose }), index.h("dso-scrollable", null, index.h(Body, null)), this.hasFooter && index.h(Footer, null))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -73,7 +73,7 @@ const OnboardingTip = class {
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (index.h(index.Host, { key: 'f1c2b2d8ef94474c07fbfff3c402e0d9951bd8ef', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: 'fdb85f71b59a628527ea44e7b57355947368a30c', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: '8d23ce770abb770b17afd5eea7282be23f79bc40', class: "onboarding-tip-inner" }, index.h("div", { key: '53237157d8d133686add338d3a2ae4aaa07cb8aa', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: '7ef057ff8acc35c2db9d7fdde62210ff11422852', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: '0bddee49e0b6eac49ac402eb8c613c480a5235aa', icon: "light-bulb", "aria-hidden": "true" }), index.h("slot", { key: '03f6fe5e8c50a03d898dc0aa09424da8823f23c1', name: "heading" }))), index.h("dso-icon-button", { key: 'af83f2403aaaeb5435399cb9e45faba07ed16471', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: '30ba4caca60ebf7caa0cf945a4be729aa79af612' }))), index.h("div", { key: '0ce6f8de6a51951904727fce9de3f6c5692113f5', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (index.h(index.Host, { key: '2736db18053b7e878f6fa384b420493f1ec44ce1', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '502f1260912fc9d08759d1e012a5361fff340cf4', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, index.h("div", { key: '3b0ccaef90fe059e2f01680eb21736c448d60592', class: "onboarding-tip-inner" }, index.h("div", { key: '8be831092784dce2245a3fea83622d4855e840e4', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: '73dfd2d072d01b48174bc168195da9cb37c8bfaf', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: 'c2657a46999e88d802efd6e380e361aead603602', icon: "light-bulb", "aria-hidden": "true" }), index.h("slot", { key: 'a590d18fa79747ff9e0eb7f1496cd896ed0278d5', name: "heading" }))), index.h("dso-icon-button", { key: 'e334271309f672d27cbf51dff10a067f0741e54d', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: '2fb140a9aa6074a3184efc19ed99441435c4a747' }))), index.h("div", { key: 'e47261025e5759fe8b0c0a73eedd4ed657a73f3a', 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

@@ -40,7 +40,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (index.h(index.Host, { key: '52ead1e5bfa58edc82fef59ceeb7727098be483b', "has-symbol": hasSymbol }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '001c813897946f43d89a93449e0c714afe54c08d', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, index.h("div", { key: 'c7e612ea0bb7ea624ea3afcb09337cab14b1c22e', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: 'fa4f2b992848f8c819338c127742376ac4a00e4f', name: "symbol" })), index.h("div", { key: '1a0b9be589e0dd4832663c7ce5f59610e0293356', 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: "heading-content" }, index.h("slot", { name: "heading" })), "\u2060", 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" })), this.metaSlottedElement !== null && index.h("slot", { key: 'dba4183b0d17c10a470253d9ce356b3cbff213d6', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'ee553487d752e3b80e1dcc20b64fc923353b8da8', name: "interaction" })), index.h("div", { key: '224d285ba6c54a9f338cc91f2f36506573c8cbf7', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '2c55174f0f909083af4e6444aa7facf3c8237515', name: "content" })))));
+        return (index.h(index.Host, { key: 'aabcf9f7d1d9ac7a2eaaf8dac9bbd487def590e9', "has-symbol": hasSymbol }, index.h(wrapWijzigactie_functionalComponent.WrapWijzigactie, { key: '8fe16ac5af29835b9dd45f6910ec9d17f9182921', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, index.h("div", { key: '54a40042ed5eebfd81ba2534b1931fda5bd3f6c8', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: 'f08ae4bacaf9b1f62059f5f34a857025ad07c23b', name: "symbol" })), index.h("div", { key: '897b568013c7dc1dac7695bcab2251c87212acfb', 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: "heading-content" }, index.h("slot", { name: "heading" })), "\u2060", 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" })), this.metaSlottedElement !== null && index.h("slot", { key: '676637dfd0bae31d9ce8a59d80acce3029ae5a73', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'f5e396fcda503f238056bd9b764d46422b005390', name: "interaction" })), index.h("div", { key: 'c4c81e97a4a9b2edda0e96d88b74f4cc77fd39be', class: "dso-plekinfo-card-content" }, index.h("slot", { key: 'ec0373ae1542871541b60ba74af38964fac34f9e', 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: '70f03473ecbada6dde9fb069ab58c9d22d2a63e3' }, index.h("span", { key: 'e9fd3af6a2e94f3c86e8c2950f12d39f33195a5f', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '77b74a77915843bcb11d10315b19bf40b8cd204d', icon: "spinner" })), index.h("span", { key: '02e04dd6c2fc27363475968fce6f34e31019a148', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (index.h(index.Host, { key: '756b3c77f67be36f96ff5ab888468612ba099827' }, index.h("span", { key: '11fb5c5829de9fc1a01ba440aacf0c1577c5bf2e', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '2ea1050a9196781ab9f246dd50b8f1b905bf085b', icon: "spinner" })), index.h("span", { key: 'ec94e1009c0d8aa8540ceb3bc9b745db8f591e15', 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: 'd4ff68e81e61a9b22d87434f6f72d0a8a96a2f89' }, index.h("div", { key: '760ffcd4a7f9a377938f5192aeacc290720f1faa', class: "project-item-header" }, index.h("div", { key: '0add4b6c4702b9503e43f4413654d3343d169c9b', class: "project-item-title" }, index.h("slot", { key: '0b301134dbf69d25ca237fe5742805af85b112ea', name: "title" }), this.label && (index.h("dso-label", { key: 'fa71b428b218c4dce13ee2e1572ebaf7d9ac651a', status: "error", compact: true }, this.label))), index.h("div", { key: '8a9af1202584ee27565bc4357736b0e56f596c39', class: "project-item-actions" }, index.h("slot", { key: '162b02d3dd86b69f4b49be26dacafa860a8ecb6c', name: "actions" }))), index.h("div", { key: 'bc0d3cbb53c7d282a52b45845d0929b909acbd96', class: "project-item-info" }, index.h("div", { key: '7953b54aa3e87a6133526107e43ffc5083ddc3e1', class: "project-item-progress" }, index.h("slot", { key: 'ef3d02e30bbee817a10494e095828b87f0941a1a', name: "progress" })), index.h("div", { key: 'f70c91df51f2c3973ae08eeed87211ccf5aa13fd', class: "project-item-status" }, index.h("slot", { key: 'ffb21bad8461b7983a8e679c1218acceb78ae88c', name: "status" })))));
+        return (index.h(index.Fragment, { key: '3ac430a9784d0c352920bdff7b9ab29d2fde64aa' }, index.h("div", { key: '9d5afd5ac80b2e859534ebc585a18e5e19b701cb', class: "project-item-header" }, index.h("div", { key: '92cba7550fcaa706250f5bfb9f88975203d86d01', class: "project-item-title" }, index.h("slot", { key: '1316cf5d4bf00e9fb586899d7c31ac3136cd7ad6', name: "title" }), this.label && (index.h("dso-label", { key: '84505a4bb88b548e5b7ef6d558f34e946114daab', status: "error", compact: true }, this.label))), index.h("div", { key: 'f410b00ad014f6b8493480d3b7b012d223a22275', class: "project-item-actions" }, index.h("slot", { key: '238f041f9b840b168baa0a3ba856a821b06f3149', name: "actions" }))), index.h("div", { key: '218b426d117b47adb2e40bb6f4a3d51ce39efe18', class: "project-item-info" }, index.h("div", { key: 'd6b5a8dd5d087c0660ac59252d3a0546fd56aac7', class: "project-item-progress" }, index.h("slot", { key: '823bc498b3fa080c15abc6abd1ba0463e4e3c10e', name: "progress" })), index.h("div", { key: 'b78c5b92beaf2978feea3955e2ac5a3de7d69a8e', class: "project-item-status" }, index.h("slot", { key: '17390000c0f4f0652d2faa1b6d05596c1b089bc9', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();

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

@@ -60,7 +60,7 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '8bc02ce465200ad6f79b8926108f10268e42fc2d', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'd3fcba2caf6404c8fb0c11abaf568d6fde67d8b6' })));
+        return (index.h(index.Host, { key: 'c3f560fe8005a7254af1233ab6256e185110b071', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'bd879977929bba4e895b87b2d9be05157f9504fb' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 var index = require('./index-CfwUrDXc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
-const scrollableCss = () => `:host{display:block;block-size:100%;overflow-y:hidden;border-radius:var(--_dso-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dso-scrollable-container-padding-inline, 0);padding-block:var(--_dso-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;
+const scrollableCss = () => `:host{display:block;block-size:var(--_dso-scrollable-block-size, 100%);overflow-y:hidden;border-radius:var(--_dso-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dso-scrollable-container-padding-inline, 0);padding-block:var(--_dso-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;
 
 // Accumulate resized targets in a Set and flush once per animation frame.
 const pendingTargets = new Set();
@@ -113,9 +113,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (index.h("div", { key: '389b66958db9d3eeee377aba012d1dd7b6af17ec', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index.h("div", { key: '2220ed5819792f14e43cf753ded99b99eef8da9a', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
+        return (index.h("div", { key: 'fe0d074d76f0bbc8e399dab11d01bef781d2511d', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index.h("div", { key: 'd0d9b97dc5e1ba38d7f98c90514e19c24ab01be0', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState(), tabIndex: this._preventFocus ? -1 : undefined }, index.h("slot", { key: '7aed5f373fcf77c945786b98d2a92af63322bb6c' }))));
+            }), onScroll: () => this._setScrollState(), tabIndex: this._preventFocus ? -1 : undefined }, index.h("slot", { key: '5129feeed00f3f9d1b92abe02fab75c3c3212d2a' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-segmented-button.cjs.entry.js

@@ -24,7 +24,7 @@ const SegmentedButton = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'ad5af3dde7e1fdfdb4471a888d005ca272112261', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (index.h("div", { key: 'c0f33653af6edbd39c8cb8f5d58ef0888c462e6e', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
             return (index.h("label", null, index.h("input", { type: "radio", name: this.groupName, value: option.label, checked: this.activeOption === option, disabled: option.disabled, onClick: (event) => this.handleClick(option, event) }), index.h("span", { class: "segment-label" }, option.label)));
         })));
     }

package/dist/cjs/dso-shopping-cart.cjs.entry.js

@@ -20,12 +20,12 @@ const ShoppingCart = class {
     }
     renderToggle() {
         if (this.mode === "main") {
-            return (index.h("button", { type: "button", class: "dso-secondary", onClick: (e) => this.dsoToggle.emit({ originalEvent: e }) }, index.h("span", null, "Sluiten"), index.h("dso-icon", { icon: "chevron-right" })));
+            return (index.h("button", { type: "button", class: "dso-secondary", onClick: (e) => this.dsoToggle.emit({ originalEvent: e }) }, index.h("span", null, "Sluiten"), index.h("dso-icon", { icon: "cross" })));
         }
         return (index.h("dso-icon-button", { icon: "chevron-left", variant: "secondary", label: "Openen", onDsoClick: (e) => this.dsoToggle.emit({ originalEvent: e.detail.originalEvent }) }));
     }
     render() {
-        return (index.h("div", { key: '9dd80a9591424d1c37c7a6c71dc37c7e23828d11', class: "shopping-cart" }, index.h("div", { key: '2fb5d221bb12f4bc60d91c88e577dbb95daa9934', class: "header" }, index.h("slot", { key: 'd2020152090a77a1999bad284ec0804602c81842', name: "heading" }), this.toggleable && this.renderToggle()), index.h("div", { key: 'd4c75ad92efa657921302e95301a37576285d8e4', class: "items" }, index.h("slot", { key: '3268e576a944295d8765e3be1499edcc805bcfb0' }))));
+        return (index.h("div", { key: '4ab8903267d21c49bb0d6134967573769f86655b', class: "shopping-cart" }, index.h("div", { key: 'b5c1c1c6c74187ec67e912537cabe7fb6bcb1d52', class: "header" }, index.h("slot", { key: '5f71e3cc839eae5ade72d04c72d7cf1cfbd94163', name: "heading" }), this.toggleable && this.renderToggle()), index.h("div", { key: 'b18e6324a3272c4a8921b8038de70cde83b1902e', class: "items" }, index.h("slot", { key: 'd56ca548761f51438075baa04bdbafa02124013d' }))));
     }
 };
 ShoppingCart.style = shoppingCartCss();

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: 'a11d01a5b3df19f88008ed455e8f0c26f967ceb8', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: '1121181b37bb210b65ce5ceff1e1c25a2fa044d3', icon: "chevron-right" })));
+        return (index.h("a", { key: '937587918b1d40741510860278da2c73edbe6735', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: 'd911e0a1de7cb3cc20bee05d84452c8261aac952', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();

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

@@ -28,10 +28,10 @@ const SurveyRating = class {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (index.h("dso-panel", { key: '6e8e297be5e0c69f8dee7e8a5f5117f1438376c0', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: '965558999e8f04fa3ea41b16ad2fba3c67fdf3cb', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: '893161a964af4bef0732e6c41b17adc2a64e7842' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: '3376fd9879f5e59c88410f29a084408210dd9310', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: '9f37e212fa1e3da0644a78da19fee79941d09349', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: '98dd40664a37b4367b6c4a4ebddc1211d6839520' }, "Heel moeilijk"), index.h("span", { key: '5bee666467de1089a9fff1d50d92ac0ac0adf15a' }, "Heel makkelijk")), index.h("div", { key: '286b60be1d47f19a6b9ceac3f87ed5f54486f743', role: "radiogroup" }, ratings.map((rating, index$1) => {
+        return (index.h("dso-panel", { key: 'a1e6eea42d3a72e8e35d4321e2e08694bc9bd281', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: '88bb1cebae164f7e2b49b4b2a0bd6c9cc73c5e1b', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: 'b08654c69e56c45cb9f63a78f78122210e5eab1a' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: 'f25990862da6afa7f424f1cce2e189cb44e8f27d', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: 'c199c41e390f142411a9716f2a731d8571099e1d', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: 'bccb906e701e942afc821ef44246c262a8d9a92b' }, "Heel moeilijk"), index.h("span", { key: '3c76e8c0df2fd4570506f4c4c42cf35b6cd4856f' }, "Heel makkelijk")), index.h("div", { key: '9e0ac271c8a8bf13e6e3ee27fc5531f8d9c544d7', 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: '8a5594d402170c0798d4117fc03ae7afb9026711', type: "submit", class: "dso-secondary" }, index.h("span", { key: '0c8d2586fec17a7b0b3846d6c806d250cd6ef0ed' }, "Antwoord verzenden")))));
+        })), index.h("button", { key: 'cc40fc4662afb4ff4c55c87babcddf4f166ec8ef', type: "submit", class: "dso-secondary" }, index.h("span", { key: 'ef997bdf90814a3a898eba461f51455af6f96933' }, "Antwoord verzenden")))));
     }
 };
 SurveyRating.style = surveyRatingCss();

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

@@ -62,7 +62,7 @@ const Tabs = class {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '749bad8965a6a087b8c3b83dee2ff558d882fdc6' }, index.h("div", { key: 'c6c1637c8ab72fdfb213bae7bcab4bc1b4e095ad', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: '7e0ccca72411bda9e649ccaa22766382dfcdf339' })), index.h("div", { key: '99d5187c177e8c61ef5b3d9084679c58e6ce2cee', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '72116bf16d9d89f409ddd4ba4ddff6a15233fb98', name: "panel" }))));
+        return (index.h(index.Host, { key: 'f9840526a41e0ce6bdd945e3f26a981dc4592cd8' }, index.h("div", { key: '8f1d74bde554f0dd2731dd9e607105c656e0f696', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: 'b0793d048219d61afefbbde716c7cb7128a8c1fe' })), index.h("div", { key: '6af0ed80dd887924bc59f746b689fa4dbeca23ab', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '1eacaa24eaac109889d5a564d7e6c038a51bc7e8', 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: '1fcc9d115a0058605f4157e0df39f3d5c81968e5' }, index.h("dso-icon", { key: '0c8f78526723f4b220578bd419e505f50685b68e', icon: "clock-outline" }), index.h("slot", { key: 'ae86a42d8ee554394c1fca3258990b901e7a7540' }), index.h("slot", { key: '4ff386757ac1da7d878ca5deb8773b54a69a11f5', name: "button" })));
+        return (index.h(index.Fragment, { key: 'fe3fa01cf2a99643bfccaf466a4dce6b27b96640' }, index.h("dso-icon", { key: 'c97456db8ec8be99be97bbb1299bd2acfea3b26a', icon: "clock-outline" }), index.h("slot", { key: '6f345b66c80ac2820e99a6fb8a9c24bffa55c182' }), index.h("slot", { key: 'cbd60483bb0de2ee56640e43776902557fa2359e', name: "button" })));
     }
 };
 TijdreisBanner.style = tijdreisBannerCss();

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("[[\"dso-icon_2.cjs\",[[1,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"expanded\":[516],\"toggled\":[516],\"setFocus\":[64]}],[1,\"dso-icon\",{\"icon\":[1]}]]],[\"dsot-document-component-demo.cjs\",[[2,\"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\":0}],\"openDefault\":[{\"openDefaultWatcher\":0}]}]]],[\"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-list-button.cjs\",[[257,\"dso-list-button\",{\"label\":[513],\"sublabel\":[513],\"count\":[514],\"min\":[520],\"max\":[520],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[513,\"subcontent-prefix\"]}]]],[\"dso-map-base-layers.cjs\",[[1,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays.cjs\",[[1,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-advanced-select.cjs\",[[17,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-annotation-activiteit.cjs\",[[1,\"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\",[[1,\"dso-annotation-gebiedsaanwijzing\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1]}]]],[\"dso-annotation-omgevingsnormwaarde.cjs\",[[1,\"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\":[513,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"_mode\":[513],\"showOptions\":[32]}]]],[\"dso-map-controls.cjs\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},[[0,\"transitionend\",\"handleTransitionEnd\"]],{\"open\":[{\"watchOpen\":0}]}]]],[\"dso-annotation-kaart.cjs\",[[1,\"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]},[[8,\"keydown\",\"handleSearchBarButtonKeydown\"],[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[{\"suggestionsWatcher\":0}]}]]],[\"dso-legend.cjs\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-project-item.cjs\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-survey-rating.cjs\",[[1,\"dso-survey-rating\"]]],[\"dso-dropdown-menu.cjs\",[[257,\"dso-dropdown-menu\",{\"checkable\":[6660],\"label\":[513],\"variant\":[513],\"open\":[32],\"_getState\":[64]},[[0,\"dsoClick\",\"dsoClickHandler\"]]]]],[\"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],\"open\":[32]},null,{\"mainMenu\":[{\"mainMenuChanged\":0}]}]]],[\"dso-legend-group.cjs\",[[257,\"dso-legend-group\",{\"mode\":[513]},null,{\"mode\":[{\"handleModeChange\":0}]}]]],[\"dso-mark-bar.cjs\",[[1,\"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\",[[1,\"dso-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[2,\"current-page\"],\"formatHref\":[16],\"availablePositions\":[32]},[[0,\"dsoSizeChange\",\"sizeChangeHandler\"]]]]],[\"dso-shopping-cart.cjs\",[[257,\"dso-shopping-cart\",{\"mode\":[513],\"toggleable\":[516]}]]],[\"dso-shopping-cart-item.cjs\",[[257,\"dso-shopping-cart-item\",{\"mode\":[513],\"warning\":[516],\"editable\":[516],\"removable\":[516]}]]],[\"dso-tree-view.cjs\",[[1,\"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-banner.cjs\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[516],\"icon\":[516]}]]],[\"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-dropdown-menu-item.cjs\",[[257,\"dso-dropdown-menu-item\",{\"type\":[513],\"href\":[513],\"checked\":[516],\"_dsoFocus\":[64]}]]],[\"dso-history-item.cjs\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513],\"current\":[516]}]]],[\"dso-map-layer.cjs\",[[257,\"dso-map-layer\",{\"activatable\":[516],\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-layer-object.cjs\",[[257,\"dso-map-layer-object\",{\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-message.cjs\",[[257,\"dso-map-message\",{\"variant\":[513],\"hasActions\":[32]}]]],[\"dso-plekinfo-card.cjs\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-skiplink.cjs\",[[1,\"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-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\",[[2,\"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-dropdown-menu-group.cjs\",[[257,\"dso-dropdown-menu-group\",{\"label\":[513]}]]],[\"dso-grid-column.cjs\",[[257,\"dso-grid-column\",{\"columns\":[513],\"overlay\":[516],\"overlayActive\":[32]},null,{\"overlay\":[{\"overlayWatcher\":0}]}]]],[\"dso-hero-image.cjs\",[[257,\"dso-hero-image\"]]],[\"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\",[[1,\"dso-input-range\",{\"min\":[514],\"max\":[514],\"value\":[514],\"step\":[514],\"label\":[513],\"unit\":[513],\"description\":[513]}]]],[\"dso-logo.cjs\",[[1,\"dso-logo\",{\"name\":[513],\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-segmented-button.cjs\",[[1,\"dso-segmented-button\",{\"groupName\":[513,\"group-name\"],\"options\":[16],\"label\":[513],\"required\":[516],\"activeOption\":[16]}]]],[\"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\"],\"print\":[516],\"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\":0}],\"filterPanelOpen\":[{\"filterPanelOpenWatcher\":0}],\"overlayOpen\":[{\"overlayOpenWatcher\":0}]}]]],[\"dso-button-group.cjs\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-alert_7.cjs\",[[1,\"dso-ozon-content\",{\"content\":[1],\"inline\":[516],\"mark\":[16],\"urlResolver\":[16],\"begripResolver\":[16],\"annotated\":[516],\"state\":[32]},null,{\"content\":[{\"contentWatcher\":0}]}],[257,\"dso-alert\",{\"status\":[513],\"roleAlert\":[4,\"role-alert\"],\"compact\":[516],\"closable\":[4]}],[257,\"dso-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[32],\"modalActive\":[32],\"placeholderHeight\":[32]}],[257,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[257,\"dso-ozon-content-toggletip\",{\"icon\":[513],\"active\":[32]},[[8,\"click\",\"handleWindowClick\"]]],[257,\"dso-panel\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"emphasized\":[4]}],[257,\"dso-badge\",{\"status\":[513],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32]}]]],[\"dso-label_3.cjs\",[[1,\"dso-renvooi\",{\"value\":[1],\"mark\":[16]}],[257,\"dso-label\",{\"compact\":[516],\"removable\":[516],\"status\":[513],\"truncate\":[516],\"removeHover\":[32],\"removeFocus\":[32],\"isTruncated\":[32],\"labelText\":[32],\"_truncateLabel\":[64]},[[4,\"keydown\",\"keyDownListener\"]],{\"removable\":[{\"watchRemovable\":0}],\"truncate\":[{\"watchTruncate\":0}]}],[262,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}]]],[\"dso-annotation-locatie_2.cjs\",[[257,\"dso-document-component\",{\"headingLevel\":[514,\"heading-level\"],\"kop\":[6145],\"inhoud\":[6145],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"badge\":[513],\"badgeStatus\":[513,\"badge-status\"],\"badgeTooltip\":[513,\"badge-tooltip\"],\"label\":[513],\"labelStatus\":[513,\"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]}],[1,\"dso-annotation-locatie\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"locatieNoemer\":[1,\"locatie-noemer\"]}]]],[\"dso-attachments-counter_2.cjs\",[[1,\"dso-attachments-counter\",{\"count\":[514]}],[257,\"dso-expandable\",{\"open\":[516],\"enableAnimation\":[516,\"enable-animation\"],\"minimumHeight\":[2,\"minimum-height\"],\"isClosed\":[32]},[[0,\"transitionstart\",\"transitionstartHandler\"],[0,\"transitionend\",\"transitionendHandler\"]],{\"open\":[{\"toggleOpen\":0}]}]]],[\"dso-progress-indicator.cjs\",[[1,\"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\",{\"_preventFocus\":[4,\"_prevent-focus\"],\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-modal.cjs\",[[1,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32],\"narrowView\":[32]}]]],[\"dso-info_3.cjs\",[[262,\"dso-selectable\",{\"type\":[1],\"identifier\":[1],\"name\":[1],\"value\":[1],\"invalid\":[4],\"describedById\":[1,\"described-by-id\"],\"errormessage\":[1],\"labelledById\":[1,\"labelled-by-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"indeterminate\":[4],\"infoFixed\":[4,\"info-fixed\"],\"infoActive\":[32],\"toggleInfo\":[64]},null,{\"indeterminate\":[{\"setIndeterminate\":0}]}],[257,\"dso-info\",{\"fixed\":[516],\"active\":[516]}],[257,\"dso-info-button\",{\"active\":[516],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32],\"setFocus\":[64]},[[6,\"focusin\",\"onDocumentFocusIn\"],[7,\"pointerdown\",\"onDocumentPointerDown\"]]]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"dso-icon_2.cjs\",[[1,\"dso-icon-button\",{\"icon\":[513],\"label\":[513],\"variant\":[513],\"tooltipPlacement\":[513,\"tooltip-placement\"],\"disabled\":[516],\"expanded\":[516],\"toggled\":[516],\"setFocus\":[64]}],[1,\"dso-icon\",{\"icon\":[1]}]]],[\"dsot-document-component-demo.cjs\",[[2,\"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\":0}],\"openDefault\":[{\"openDefaultWatcher\":0}]}]]],[\"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-list-button.cjs\",[[257,\"dso-list-button\",{\"label\":[513],\"sublabel\":[513],\"count\":[514],\"min\":[520],\"max\":[520],\"checked\":[516],\"disabled\":[516],\"subcontentPrefix\":[513,\"subcontent-prefix\"]}]]],[\"dso-map-base-layers.cjs\",[[1,\"dso-map-base-layers\",{\"group\":[1],\"baseLayers\":[16]}]]],[\"dso-map-overlays.cjs\",[[1,\"dso-map-overlays\",{\"group\":[1],\"overlays\":[16]}]]],[\"dso-advanced-select.cjs\",[[17,\"dso-advanced-select\",{\"options\":[16],\"active\":[16],\"activeHint\":[1,\"active-hint\"],\"open\":[32]},[[8,\"keydown\",\"keyDownListener\"]]]]],[\"dso-annotation-activiteit.cjs\",[[1,\"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\",[[1,\"dso-annotation-gebiedsaanwijzing\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"naam\":[1]}]]],[\"dso-annotation-omgevingsnormwaarde.cjs\",[[1,\"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\":[513,\"disabled-message\"],\"activatable\":[516],\"active\":[516],\"_mode\":[513],\"showOptions\":[32]}]]],[\"dso-map-controls.cjs\",[[257,\"dso-map-controls\",{\"open\":[1540],\"disableZoom\":[1,\"disable-zoom\"],\"hideContent\":[32],\"toggleVisibility\":[64]},[[0,\"transitionend\",\"handleTransitionEnd\"]],{\"open\":[{\"watchOpen\":0}]}]]],[\"dso-annotation-kaart.cjs\",[[1,\"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]},[[8,\"keydown\",\"handleSearchBarButtonKeydown\"],[4,\"click\",\"onDocumentClick\"]],{\"suggestions\":[{\"suggestionsWatcher\":0}]}]]],[\"dso-legend.cjs\",[[257,\"dso-legend\",{\"tabItems\":[16]}]]],[\"dso-project-item.cjs\",[[257,\"dso-project-item\",{\"label\":[1]}]]],[\"dso-survey-rating.cjs\",[[1,\"dso-survey-rating\"]]],[\"dso-dropdown-menu.cjs\",[[257,\"dso-dropdown-menu\",{\"checkable\":[6660],\"label\":[513],\"variant\":[513],\"open\":[32],\"_getState\":[64]},[[0,\"dsoClick\",\"dsoClickHandler\"]]]]],[\"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],\"open\":[32]},null,{\"mainMenu\":[{\"mainMenuChanged\":0}]}]]],[\"dso-legend-group.cjs\",[[257,\"dso-legend-group\",{\"mode\":[513]},null,{\"mode\":[{\"handleModeChange\":0}]}]]],[\"dso-mark-bar.cjs\",[[1,\"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\",[[1,\"dso-pagination\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[2,\"current-page\"],\"formatHref\":[16],\"availablePositions\":[32]},[[0,\"dsoSizeChange\",\"sizeChangeHandler\"]]]]],[\"dso-shopping-cart.cjs\",[[257,\"dso-shopping-cart\",{\"mode\":[513],\"toggleable\":[516]}]]],[\"dso-shopping-cart-item.cjs\",[[257,\"dso-shopping-cart-item\",{\"mode\":[513],\"warning\":[516],\"editable\":[516],\"removable\":[516]}]]],[\"dso-tree-view.cjs\",[[1,\"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-banner.cjs\",[[257,\"dso-banner\",{\"status\":[513],\"compact\":[516],\"icon\":[516]}]]],[\"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-dropdown-menu-item.cjs\",[[257,\"dso-dropdown-menu-item\",{\"type\":[513],\"href\":[513],\"checked\":[516],\"_dsoFocus\":[64]}]]],[\"dso-history-item.cjs\",[[257,\"dso-history-item\",{\"type\":[513],\"href\":[513],\"current\":[516]}]]],[\"dso-map-layer.cjs\",[[257,\"dso-map-layer\",{\"activatable\":[516],\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-layer-object.cjs\",[[257,\"dso-map-layer-object\",{\"active\":[516],\"wijzigactie\":[513]}]]],[\"dso-map-message.cjs\",[[257,\"dso-map-message\",{\"variant\":[513],\"hasActions\":[32],\"showMessage\":[32]}]]],[\"dso-plekinfo-card.cjs\",[[257,\"dso-plekinfo-card\",{\"wijzigactie\":[513],\"href\":[513],\"targetBlank\":[4,\"target-blank\"],\"active\":[516]}]]],[\"dso-skiplink.cjs\",[[1,\"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-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\",[[2,\"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-dropdown-menu-group.cjs\",[[257,\"dso-dropdown-menu-group\",{\"label\":[513]}]]],[\"dso-grid-column.cjs\",[[257,\"dso-grid-column\",{\"columns\":[513],\"overlay\":[516],\"overlayActive\":[32]},null,{\"overlay\":[{\"overlayWatcher\":0}]}]]],[\"dso-hero-image.cjs\",[[257,\"dso-hero-image\"]]],[\"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\",[[1,\"dso-input-range\",{\"min\":[514],\"max\":[514],\"value\":[514],\"step\":[514],\"label\":[513],\"unit\":[513],\"description\":[513]}]]],[\"dso-logo.cjs\",[[1,\"dso-logo\",{\"name\":[513],\"logoUrl\":[513,\"logo-url\"],\"label\":[513],\"labelUrl\":[513,\"label-url\"],\"ribbon\":[513]}]]],[\"dso-segmented-button.cjs\",[[1,\"dso-segmented-button\",{\"groupName\":[513,\"group-name\"],\"options\":[16],\"label\":[513],\"required\":[516],\"activeOption\":[16]}]]],[\"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\"],\"print\":[516],\"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\":0}],\"filterPanelOpen\":[{\"filterPanelOpenWatcher\":0}],\"overlayOpen\":[{\"overlayOpenWatcher\":0}]}]]],[\"dso-button-group.cjs\",[[257,\"dso-button-group\",{\"direction\":[513]}]]],[\"dso-alert_7.cjs\",[[1,\"dso-ozon-content\",{\"content\":[1],\"inline\":[516],\"mark\":[16],\"urlResolver\":[16],\"begripResolver\":[16],\"annotated\":[516],\"state\":[32]},null,{\"content\":[{\"contentWatcher\":0}]}],[257,\"dso-alert\",{\"status\":[513],\"roleAlert\":[4,\"role-alert\"],\"compact\":[516],\"closable\":[4]}],[257,\"dso-table\",{\"noModal\":[516,\"no-modal\"],\"isResponsive\":[32],\"modalActive\":[32],\"placeholderHeight\":[32]}],[257,\"dso-image-overlay\",{\"wijzigactie\":[1],\"active\":[32],\"zoomable\":[32]},[[2,\"load\",\"loadListener\"]]],[257,\"dso-ozon-content-toggletip\",{\"icon\":[513],\"active\":[32]},[[8,\"click\",\"handleWindowClick\"]]],[257,\"dso-panel\",{\"closeButtonLabel\":[1,\"close-button-label\"],\"emphasized\":[4]}],[257,\"dso-badge\",{\"status\":[513],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32]}]]],[\"dso-label_3.cjs\",[[1,\"dso-renvooi\",{\"value\":[1],\"mark\":[16]}],[257,\"dso-label\",{\"compact\":[516],\"removable\":[516],\"status\":[513],\"truncate\":[516],\"removeHover\":[32],\"removeFocus\":[32],\"isTruncated\":[32],\"labelText\":[32],\"_truncateLabel\":[64]},[[4,\"keydown\",\"keyDownListener\"]],{\"removable\":[{\"watchRemovable\":0}],\"truncate\":[{\"watchTruncate\":0}]}],[262,\"dso-slide-toggle\",{\"checked\":[4],\"disabled\":[4],\"accessibleLabel\":[1,\"accessible-label\"],\"labelledbyId\":[1,\"labelledby-id\"],\"identifier\":[1],\"hasVisibleLabel\":[32]}]]],[\"dso-annotation-locatie_2.cjs\",[[257,\"dso-document-component\",{\"headingLevel\":[514,\"heading-level\"],\"kop\":[6145],\"inhoud\":[6145],\"open\":[516],\"filtered\":[516],\"notApplicable\":[516,\"not-applicable\"],\"badge\":[513],\"badgeStatus\":[513,\"badge-status\"],\"badgeTooltip\":[513,\"badge-tooltip\"],\"label\":[513],\"labelStatus\":[513,\"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]}],[1,\"dso-annotation-locatie\",{\"wijzigactie\":[513],\"active\":[516],\"gewijzigdeLocatie\":[516,\"gewijzigde-locatie\"],\"locatieNoemer\":[1,\"locatie-noemer\"]}]]],[\"dso-attachments-counter_2.cjs\",[[1,\"dso-attachments-counter\",{\"count\":[514]}],[257,\"dso-expandable\",{\"open\":[516],\"enableAnimation\":[516,\"enable-animation\"],\"minimumHeight\":[2,\"minimum-height\"],\"isClosed\":[32]},[[0,\"transitionstart\",\"transitionstartHandler\"],[0,\"transitionend\",\"transitionendHandler\"]],{\"open\":[{\"toggleOpen\":0}]}]]],[\"dso-progress-indicator.cjs\",[[1,\"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\",{\"_preventFocus\":[4,\"_prevent-focus\"],\"scrollPosition\":[32],\"_setScrollState\":[64]}]]],[\"dso-modal.cjs\",[[1,\"dso-modal\",{\"fullscreen\":[516],\"modalTitle\":[1,\"modal-title\"],\"dialogRole\":[1,\"dialog-role\"],\"returnFocus\":[4,\"return-focus\"],\"closable\":[4],\"ariaId\":[32],\"narrowView\":[32]}]]],[\"dso-info_3.cjs\",[[262,\"dso-selectable\",{\"type\":[1],\"identifier\":[1],\"name\":[1],\"value\":[1],\"invalid\":[4],\"describedById\":[1,\"described-by-id\"],\"errormessage\":[1],\"labelledById\":[1,\"labelled-by-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"indeterminate\":[4],\"infoFixed\":[4,\"info-fixed\"],\"infoActive\":[32],\"toggleInfo\":[64]},null,{\"indeterminate\":[{\"setIndeterminate\":0}]}],[257,\"dso-info\",{\"fixed\":[516],\"active\":[516]}],[257,\"dso-info-button\",{\"active\":[516],\"label\":[513],\"toggletipPlacement\":[513,\"toggletip-placement\"],\"toggletipActive\":[32],\"hasToggletip\":[32],\"setFocus\":[64]},[[6,\"focusin\",\"onDocumentFocusIn\"],[7,\"pointerdown\",\"onDocumentPointerDown\"]]]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -181,7 +181,7 @@ const TreeView = class {
         return false;
     }
     render() {
-        return (index.h("div", { key: '083627a4f166b890ed9d912c968e3f249fdcc9ad', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, index.h("ul", { key: 'd8a2c64857cab46c7bcef4d17dab462fa9ba7d5f', role: "tree", "aria-label": "Objectenboom" }, this.collection?.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: 'f2a3ebdc132ce89aa5ae288a1843c67a287c8a7e', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, index.h("ul", { key: '5c26ca0a616ab1dd0f4a4c9c89de12857e3b94aa', role: "tree", "aria-label": "Objectenboom" }, this.collection?.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

@@ -216,9 +216,10 @@ const ViewerGrid = class {
         }
     }
     render() {
-        return (index.h(index.Fragment, { key: '5995ddedbe87df5fb4188f6eff116636e98c2368' }, index.h("slot", { key: 'adebc0cc61e9a923bc0cba4d5063cea7fb5ed5c1', name: "top-bar" }), index.h("div", { key: '913db2f6c79b23988914074bc82e57190427b69e', class: "viewer-grid-columns" }, this.tabView && (index.h("nav", { key: '8481e98e574fea3cf2093fd4609ac43ec110e04f', class: "dso-navbar" }, index.h("ul", { key: 'd145c5ac349f6b566358a4fae5ff705e6958f95e', 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", "aria-current": this.activeTab === tab ? "page" : undefined, onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search") || this.print) && (index.h(MainPanel, { key: '0e722a12cd3025d55d3329d9ae78f6d0ed6ccb67', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd, printFilterPanel: !this.tabView && this.filterPanelOpen && this.print ? this.renderFilterPanel() : undefined })), (!this.tabView || (this.tabView && this.activeTab === "search")) && !this.print && this.renderFilterPanel(), (!this.tabView || (this.tabView && this.activeTab === "map") || this.print) && (index.h("div", { key: '883ca41a6c9924fef51daf96bc8c798096af7a77', class: "map-area" }, index.h("div", { key: '89ff4ea516ed0b208d76b2ec88d45e6ae25d7210', class: "map", ref: (element) => (this.mapElement = element) }, index.h("slot", { key: '362ff8fb2f77819c2932b0984eb2ada27bd283e4', name: "map" })), index.h("slot", { key: '76264bff48335feffa021befd226a086c60885c6', name: "legend" }))), ((!this.tabView && this.documentPanelOpen) ||
-            (this.tabView && this.activeTab === "document") ||
-            this.print) && (index.h(DocumentPanel, { key: 'b33db41963f5a473f3a1a6c80f1f9c729cdc5e4f', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), index.h(Overlay, { key: 'bb8f3d93c7df09c7d5b01cade9220151fca659fc', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        const tabs = viewerGridTabs.filter((tab) => tab !== "document" || this.documentPanelOpen);
+        return (index.h(index.Fragment, { key: 'c85d4274d1a9aba5a285d833f52fb0ad68911b25' }, index.h("slot", { key: 'c5a356770b7f516d71374c03068dd1f3f9065f33', name: "top-bar" }), index.h("div", { key: 'a5cee3ba2b72f2d0f5cea52cbc7223f060f2dd28', class: "viewer-grid-columns" }, this.tabView && (index.h("nav", { key: '3b31f7dc2e64f3627b57dc311ff0ca0734aab160', class: "dso-navbar" }, index.h("ul", { key: '8b1ba2ea7e594cee26eef1f9a7a49507b8a2bbc2', class: "dso-nav dso-nav-sub" }, tabs.map((tab) => (index.h("li", { key: tab, class: clsx.clsx({ "dso-active": this.activeTab === tab }) }, index.h("button", { type: "button", class: "dso-tertiary", "aria-current": this.activeTab === tab ? "page" : undefined, onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search") || this.print) && (index.h(MainPanel, { key: '44a5bec90b78114a2893e16f64e14c71a9fb6887', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.tabView ? false : this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd, printFilterPanel: !this.tabView && this.filterPanelOpen && this.print ? this.renderFilterPanel() : undefined })), (!this.tabView || (this.tabView && this.activeTab === "search")) && !this.print && this.renderFilterPanel(), (!this.tabView || (this.tabView && this.activeTab === "map") || this.print) && (index.h("div", { key: '098f18a60f5d25015756f7c989eb03dd61313b9b', class: "map-area" }, index.h("div", { key: 'e18af6341c8743e3876dddbdb92cf697df2eec2e', class: "map", ref: (element) => (this.mapElement = element) }, index.h("slot", { key: 'd1815a24fe67a4a6ea81954743aac35fb6dc8ec2', name: "map" })), index.h("slot", { key: '85d63cc24dbfe96834e0dbca45afe28086f65cd4', name: "legend" }))), ((!this.tabView && this.documentPanelOpen) ||
+            (this.tabView && this.activeTab === "document" && this.documentPanelOpen) ||
+            this.print) && (index.h(DocumentPanel, { key: '0aef1d3dc9ce5bedd453cf28e31abbbece9bd64b', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), index.h(Overlay, { key: '9f483f77a593bce5a4cc543f2c18e3825eaee6f9', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dsot-document-component-demo.cjs.entry.js

@@ -1854,7 +1854,7 @@ const DocumentComponentDemo = class {
     }
     render() {
         const { DocumentComponent, MenuButton } = this;
-        return (index.h("dso-responsive-element", { key: 'ab236260f9a6a0b08cce77c0ff84b9a03b51ce44', class: "dso-document-components" }, index.h("div", { key: 'bb00e379af2aec12362a4e5eee21b335559866a3', class: "dso-navbar" }, index.h("ul", { key: 'c35d80d6e616224696d974450bedc34a75abc66e', class: "dso-nav dso-nav-sub" }, this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((d) => (index.h("li", { class: this.document === d ? "dso-active" : undefined }, index.h(MenuButton, { documentComponent: d })))))), this.document && index.h(DocumentComponent, { key: '63e65905336d74456fbd29bb97363bbae7411ec6', path: [this.document] })));
+        return (index.h("dso-responsive-element", { key: 'dd6c3e855d2304deff0ce4e45a75d7364b69d7e8', class: "dso-document-components" }, index.h("div", { key: '29d05577d45f45295999ab045b32379637e2e4c6', class: "dso-navbar" }, index.h("ul", { key: 'c76a943913b4bde6c547d455c00e3e517f9e7eaa', class: "dso-nav dso-nav-sub" }, this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((d) => (index.h("li", { class: this.document === d ? "dso-active" : undefined }, index.h(MenuButton, { documentComponent: d })))))), this.document && index.h(DocumentComponent, { key: 'b0799337f9b5559d0e712cb8154a1a61234ddd20', path: [this.document] })));
     }
     static get watchers() { return {
         "jsonFile": [{