@dso-toolkit/core 84.0.0 → 84.1.0

package/dist/bundle/dso-logo.js

@@ -171,7 +171,7 @@ const Logo = /*@__PURE__*/ proxyCustomElement(class Logo extends H {
     }
     render() {
         return (h(Fragment, null, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo$1, { name: this.name }))) : (h(DsoLogo$1, { name: this.name })), this.label &&
-            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: '25100f9a1520b25402d3606e13d50d72e4b42147', class: "logo-ribbon" }, this.ribbon)));
+            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: 'e3dc493316f373195f1f8cf1c5e190282486796e', class: "logo-ribbon" }, this.ribbon)));
     }
     static get style() { return logoCss(); }
 }, [257, "dso-logo", {

package/dist/bundle/dso-map-base-layers.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, e as createEvent, h, t as transformTag } from './p-BeWimuZg.js';
 import { i as i18n } from './p-C0ZvZbHD.js';
-import { d as defineCustomElement$6 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$5 } from './p-CK_78rYk.js';
-import { d as defineCustomElement$4 } from './p-y2w_CPst.js';
-import { d as defineCustomElement$3 } from './p-DFh9HiGT.js';
-import { d as defineCustomElement$2 } from './p-mkPmQcmG.js';
+import { d as defineCustomElement$6 } from './p-DMYengW8.js';
+import { d as defineCustomElement$5 } from './p-DzcyUrLK.js';
+import { d as defineCustomElement$4 } from './p-BCedLSX_.js';
+import { d as defineCustomElement$3 } from './p-DKYkKOQE.js';
+import { d as defineCustomElement$2 } from './p-BMJkixUi.js';
 import { v as v4 } from './p-C_akviUd.js';
 
 const translations = {
@@ -53,7 +53,7 @@ const MapBaseLayers = /*@__PURE__*/ proxyCustomElement(class MapBaseLayers exten
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '7a2f2b49ef2ccabe6ebc3e0e5c7ed76c5b72a746', class: "form-group dso-radios" }, h("legend", { key: 'a19b169cc43a70f2e38ceba818bf450952339ff8', class: "sr-only" }, "Achtergrond"), h("div", { key: '64c795570bab8cb5b3992edc2dac4dd6569a5f11', class: "dso-label-container" }, h("span", { key: '1824e0e617af0ef91df2bdf978bbf16645038a62', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: 'f5d41837ed502d2adea72f7ddaebf01f499ef251', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
+        return (h("fieldset", { key: 'b4e11afffa1cfeda374e2298e0a127c51733fb9d', class: "form-group dso-radios" }, h("legend", { key: '5d5d9deaa63fd457eca1503f460925ca4e51ba25', class: "sr-only" }, "Achtergrond"), h("div", { key: 'd804f723a44d4085a7e983d2587da5bde72b4fec', class: "dso-label-container" }, h("span", { key: 'da3e550984bbe1b3a055d09100cf3d37cab9fe25', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '419aebdce0570fba7d194c285858c2ced4e416ed', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
     }
     get host() { return this; }
     static get style() { return mapBaseLayersCss(); }

package/dist/bundle/dso-map-controls.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, e as createEvent, h, F as Fragment, t as transformTag } from './p-BeWimuZg.js';
 import { i as i18n } from './p-C0ZvZbHD.js';
 import { d as defineCustomElement$4 } from './p-DtEJ6M24.js';
-import { d as defineCustomElement$3 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$2 } from './p-DEo5f2kY.js';
+import { d as defineCustomElement$3 } from './p-DMYengW8.js';
+import { d as defineCustomElement$2 } from './p-BCe3H09s.js';
 
 const translations = {
     en: {
@@ -1147,7 +1147,7 @@ const MapControls = /*@__PURE__*/ proxyCustomElement(class MapControls extends H
         });
     }
     render() {
-        return (h(Fragment, { key: '722122cab93d6027100d73c0a062808c211fa86f' }, h("button", { key: '9c2494d749d43f2027010f9bed93f61d8255fdc1', 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")) }, h("dso-icon", { key: 'b4e4c503dfa2b35f2a1567c95e90d1f8622f9b11', icon: "layers" }), h("span", { key: '0e43af8aa45adba0719a4cfdc35189014fc1c60a' }, this.text("layersButton"))), h("dso-button-group", { key: '08fdb4c7547322a9bd300303f8e0a8658c793218', class: "zoom-buttons", direction: "column" }, h("button", { key: 'ca9932bcaf47796eac7bceb314f5455c8accd40c', type: "button", class: "dso-map", onClick: (e) => this.dsoZoomIn.emit(e), disabled: this.disableZoom === "in" || this.disableZoom === "both" }, h("span", { key: '878448cf48eac59999e72d7fc6e5b54ac62cf518', class: "sr-only" }, this.text("zoomIn")), h("dso-icon", { key: 'e121e3eb29330509e3fe7fb56e9514b7a8ddd39b', icon: "plus" })), h("button", { key: '21f4a250c6f32ee8a9848e270cd01fcadab646ac', type: "button", class: "dso-map", onClick: (e) => this.dsoZoomOut.emit(e), disabled: this.disableZoom === "out" || this.disableZoom === "both" }, h("span", { key: '076869983f44e00f1cfc0a9a8f2ace5c8fb5cc28', class: "sr-only" }, this.text("zoomOut")), h("dso-icon", { key: 'c3b9436f36f15a2da4928f1ce315afbdd2ecbb2b', icon: "minus" }))), h("section", { key: '0d5fbd3b1a98ae9bd18acf92e33032b10e5f7033', hidden: this.hideContent }, h("header", { key: 'f1975ef9f36394fa6f6dee8b10a23f8c743a20ae' }, h("h2", { key: 'af03b33a9505f1bcb2dfce82316c7c977773ea06' }, this.text("title")), h("button", { key: 'c711ae9d9cd0de0958b10fa1bfbb9cca327b11c3', type: "button", class: "dso-tertiary close-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) }, h("span", { key: '5cd14d3d0ae393c28e2cff37208d51391a1fb355', class: "sr-only" }, this.text("hidePanel", { title: this.text("title") })), h("dso-icon", { key: '21d1c28b34ae17a3f5429c0179e3fd2159e98591', icon: "times" }))), h("dso-scrollable", { key: '15bc3d4ee0d7060b10ce197780829c7ab9c0838a' }, h("div", { key: '7cdf7b9433a9b5ce96d4bf28823858bcf1f8b578', class: "content" }, h("slot", { key: 'b89f849740d209313f059e08893825031f3828ef' }))))));
+        return (h(Fragment, { key: '524335d692fdfbaaf7060919b018350cfb02227a' }, 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")) }, h("dso-icon", { key: '13048c13b65e68b8c9b4f06720997d5464a93c08', icon: "layers" }), h("span", { key: '5b530075e4c3424ab712ebf3eb2676e8529282f8' }, this.text("layersButton"))), h("dso-button-group", { key: '6410b36883686d32a44257e49aa0335371513c14', class: "zoom-buttons", direction: "column" }, h("button", { key: '555763ec8a3f18e25f154e96cd2f0e798e5cf9fd', type: "button", class: "dso-map", onClick: (e) => this.dsoZoomIn.emit(e), disabled: this.disableZoom === "in" || this.disableZoom === "both" }, h("span", { key: 'c64e310a910b8152a5db1380931663efe14e0f40', class: "sr-only" }, this.text("zoomIn")), h("dso-icon", { key: 'bd16af8e69a17ea43c99acc806ec5849334c6fdf', icon: "plus" })), h("button", { key: '8b7250ddd0dda081989ac4ee999482cd53fc472f', type: "button", class: "dso-map", onClick: (e) => this.dsoZoomOut.emit(e), disabled: this.disableZoom === "out" || this.disableZoom === "both" }, h("span", { key: 'c3eb515a6ceee241639e7d4be170d7a624ad7cdc', class: "sr-only" }, this.text("zoomOut")), h("dso-icon", { key: '2c9b0796853d8acdf69037bcc0f27c1a6553cdbc', icon: "minus" }))), h("section", { key: '1b673eb2e40686c4760cbb8a71327e8e52151478', hidden: this.hideContent }, h("header", { key: '6419f5fe83c202e1110fae27339b8c1fbd31b116' }, h("h2", { key: 'cd7186cae05c68a8ef4340ef10ac0ef4010039d4' }, this.text("title")), h("button", { key: '422c6d0b671b8b9618d5a44b144a16bedf243d8f', type: "button", class: "dso-tertiary close-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) }, h("span", { key: '5ad7d9a46c1b6e92c518a6579c256b3bf5bc500a', class: "sr-only" }, this.text("hidePanel", { title: this.text("title") })), h("dso-icon", { key: '690f0dff0598dad4a293a789fc1a0169467c8c43', icon: "times" }))), h("dso-scrollable", { key: '47eaf3c3a078bd6a986a760674ec436450f9737f' }, h("div", { key: '41b06e6b50c1e8f09c6ac3ae322c709bf2f8dc10', class: "content" }, h("slot", { key: 'ed5514912e3aea637b67a2caf4b96d955dc75ab9' }))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/bundle/dso-map-layer-object.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, e as createEvent, h, d as Host, t as transformTag } from './p-BeWimuZg.js';
-import { d as defineCustomElement$2 } from './p-BUHmLrrQ.js';
+import { d as defineCustomElement$2 } from './p-BXJu-dww.js';
 
 const mapLayerObjectCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}.map-layer-object{display:flex;justify-content:space-between;min-block-size:32px}.slide-toggle-container{margin-inline-start:auto}.slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
 
@@ -22,7 +22,7 @@ const MapLayerObject = /*@__PURE__*/ proxyCustomElement(class MapLayerObject ext
         };
     }
     render() {
-        return (h(Host, { key: 'a61fca7133f8a893add201a6ba37dd2db5dde743', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: 'cff4c90be1e1ec46f2a7f8459d09b2d43d00ce19', class: "map-layer-object" }, h("div", { key: '2ae0d14b1a8b1527627ccb131424a7df7564e824' }, h("slot", { key: 'f30274ff0683426b07cc672f543f6166ae810a42', name: "symbol" })), h("div", { key: '5027d7eb2f8da853c8de3254b74914d0dbbe04dc' }, h("slot", { key: '5c10b5bdcc99daaf31b107c3879958d4e92a991b' })), h("div", { key: '1131bf40d2d75b69a78eef8f19c5d3f416567412', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '12725933d2a3c3ace96c5ace4dc5712d0d506f6f', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
+        return (h(Host, { key: '30bafb9fba2e324b90973e201b777ed1e4c2edb7', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: 'e16b36b39faa9eef52d42ae4e2ea10ef6e447b85', class: "map-layer-object" }, h("div", { key: 'd1b45348875bc6168c49c1dcb0c0a9586b2a854c' }, h("slot", { key: 'aa1363f10e2755e130866834cb2d90ce40247f28', name: "symbol" })), h("div", { key: '159fa97b818465cf269654ccaf420621bae2ef65' }, h("slot", { key: 'd0aba82b3df09e78a2fdb8a90f11eb128651dd10' })), h("div", { key: '703dc4b02c42de955850fd473b0e72db7b6df84e', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'c957e6475e55e583ab609c44c8850043f5cc99e6', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
     }
     static get style() { return mapLayerObjectCss(); }
 }, [257, "dso-map-layer-object", {

package/dist/bundle/dso-map-layer.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, e as createEvent, h, F as Fragment, t as transformTag } from './p-BeWimuZg.js';
-import { d as defineCustomElement$2 } from './p-BUHmLrrQ.js';
+import { d as defineCustomElement$2 } from './p-BXJu-dww.js';
 
 const mapLayerCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.map-layer{display:flex;justify-content:space-between;min-block-size:32px}.map-layer-label{font-weight:600;line-height:1.375em;margin:0;position:relative}.slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
 
@@ -25,7 +25,7 @@ const MapLayer = /*@__PURE__*/ proxyCustomElement(class MapLayer extends H {
         };
     }
     render() {
-        return (h(Fragment, { key: 'f7a9febc99f223bbaae4a60c49566e94a630e545' }, h("div", { key: '621f18ff0f293bc0ff805a4355b7c43038413584', class: "map-layer" }, h("span", { key: '52a17c153fa213953bfd6bd005780995ea0519f9', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: 'e8e0f4c6e7136621dbc0dc8d46ef8efdf43fdda6', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'e04a1f31755eaae48fa185d361478bffa917fe22', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '9d28c70969a368bbd4bb4a721bbcaca9255b9698' })));
+        return (h(Fragment, { key: '4355e5b07cda338b718214642054803ac24daf84' }, h("div", { key: '4a21ae78c755bf65d33a441a847cb1fe38e714a2', class: "map-layer" }, h("span", { key: '074f5708e406e28a7b8223c15c11e292ec56cefe', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: 'cb3b8004e02c452e76f71e667e9a34dcee2c9f86', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '158a228b06dd32f5f7097aec8b3e5a1403f299b7', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: 'b265537514ffd9feaed3edd18f5864bd4a7f4c64' })));
     }
     static get style() { return mapLayerCss(); }
 }, [257, "dso-map-layer", {

package/dist/bundle/dso-map-overlays.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, e as createEvent, h, t as transformTag } from './p-BeWimuZg.js';
 import { i as i18n } from './p-C0ZvZbHD.js';
-import { d as defineCustomElement$6 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$5 } from './p-CK_78rYk.js';
-import { d as defineCustomElement$4 } from './p-y2w_CPst.js';
-import { d as defineCustomElement$3 } from './p-DFh9HiGT.js';
-import { d as defineCustomElement$2 } from './p-mkPmQcmG.js';
+import { d as defineCustomElement$6 } from './p-DMYengW8.js';
+import { d as defineCustomElement$5 } from './p-DzcyUrLK.js';
+import { d as defineCustomElement$4 } from './p-BCedLSX_.js';
+import { d as defineCustomElement$3 } from './p-DKYkKOQE.js';
+import { d as defineCustomElement$2 } from './p-BMJkixUi.js';
 import { v as v4 } from './p-C_akviUd.js';
 
 const translations = {
@@ -54,7 +54,7 @@ const MapOverlays = /*@__PURE__*/ proxyCustomElement(class MapOverlays extends H
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '80f2fc77db0fe01fe9e1272622bd7ffcc514a191', class: "form-group dso-checkboxes" }, h("legend", { key: '658232929de2aa1b0616dca0c12fb5b5ef8f8709', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'c0c291d0724e19e4f30df8bbb3736d2f83fe7552', class: "dso-label-container" }, h("span", { key: 'bd64327912581d427fb7277a349da2d01908e40f', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '372acf1a210dc97b282e3e889b28352a880b155a', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
+        return (h("fieldset", { key: '5677296e800c2c88ea5a6673303561405112ae8c', class: "form-group dso-checkboxes" }, h("legend", { key: '79422ea4c05439d17589479b04ed8e006f1ca6c2', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'a06f69b1ffe8a3708a2cf464329db67e4a6ae271', class: "dso-label-container" }, h("span", { key: '700705da846f5cdbf271a5ee350e3ce28b51d60b', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '24ca7eacbf9efe9bd89b721c611f2081e05aa2c5', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
     }
     get host() { return this; }
     static get style() { return mapOverlaysCss(); }

package/dist/bundle/dso-mark-bar.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h, t as transformTag } from './p-BeWimuZg.js';
-import { d as defineCustomElement$3 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$2 } from './p-CK_78rYk.js';
+import { d as defineCustomElement$3 } from './p-DMYengW8.js';
+import { d as defineCustomElement$2 } from './p-DzcyUrLK.js';
 
 const markBarCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.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)}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}`;
 
@@ -56,7 +56,7 @@ const MarkBar = /*@__PURE__*/ proxyCustomElement(class MarkBar extends H {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: 'efd4d5aeab981b0a61a4b2a79d8098a907ef6d63', class: "dso-mark-bar" }, h("div", { key: '40efb59d5c0bcbe6ab271e88d1c5fc599ca79a66', class: "dso-mark-bar-input" }, h("input", { key: 'ea6117a0218b34b780e8e383d1e4d3b49beb99fe', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'e30c6afd4344b6ec13316a5a2a2147d364c71373', htmlFor: "search-input" }, h("dso-icon", { key: 'ed6c04ed53bcdeaea2547f5b4e7ce53c084a53fc', class: "dso-search-icon", icon: "search" }), h("span", { key: '6ee71ee1e63d65d79f13b03fe7cc29cdb50157e1', class: "label-text" }, this.label)), h("dso-icon-button", { key: '03e173fc78136fa255ee1a0790bc74290649b4ad', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '1bd44063ed8bf564d7dd43c5b7f6973e42238f0b', class: "dso-button-container" }, h("span", { key: '347612ee2a6ac3be28f5ea0425499e1896dd94ce', class: "divider" }), h("dso-icon-button", { key: '830789193f1d31d1bbe099fb435beed7b1d24dd3', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '1eb7cc36f9868b8a2b82a3a75ebce890cd30c350' }, current, "/", totalCount), h("dso-icon-button", { key: 'b4bf13a6be43b48529da397b9144f6ec543e3e11', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: '479f935010eaa312fb947a2bc86f4120156f72b7', class: "dso-mark-bar" }, h("div", { key: '6f800ec39af642b5947ea302440756826c32468e', class: "dso-mark-bar-input" }, h("input", { key: '39a5a73bab3522acdbe6e8d18727c453bb1ffb73', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'de1aa601a7d49e90a707002c6554ef12970d354c', htmlFor: "search-input" }, h("dso-icon", { key: 'ed3c5a20769c9cb5137300b6c7bf83bd02e33bb0', class: "dso-search-icon", icon: "search" }), h("span", { key: '6cbbfbfece06520c7f7ca7148f92227d76489c6e', class: "label-text" }, this.label)), h("dso-icon-button", { key: '0e2b0f00578e857ee292e2c276516efcebcbba98', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '753c2a3ae343240ba4234631b8ea93318e22632e', class: "dso-button-container" }, h("span", { key: '9ec607afe4347550280631389368f2847bb53fe6', class: "divider" }), h("dso-icon-button", { key: 'ea6c03677bfd7a89b34d0a4416e8d5f38dab2124', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'b5fbeba0936fd222057f7ec38fc90e2c0c4c0cbe' }, current, "/", totalCount), h("dso-icon-button", { key: '01ee5a34b52a660705b451ecf9b72ba738c7fe1d', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
     static get style() { return markBarCss(); }
 }, [257, "dso-mark-bar", {

package/dist/bundle/dso-modal.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, t as transformTag } from './p-BeWimuZg.js';
 import { g as getActiveElement } from './p-CodDyi2J.js';
 import { i as i18n } from './p-C0ZvZbHD.js';
-import { d as defineCustomElement$4 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$3 } from './p-CK_78rYk.js';
-import { d as defineCustomElement$2 } from './p-DEo5f2kY.js';
+import { d as defineCustomElement$4 } from './p-DMYengW8.js';
+import { d as defineCustomElement$3 } from './p-DzcyUrLK.js';
+import { d as defineCustomElement$2 } from './p-BCe3H09s.js';
 import { v as v4 } from './p-C_akviUd.js';
 
 const translations = {
@@ -91,7 +91,7 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
     }
     render() {
         var _a;
-        return (h("dialog", { key: '0ee1f785d5888d1f707e0f1fce8fa6ab1f2427a5', class: "dso-modal", role: (_a = this.dialogRole) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '0e1245d652fc0f873654fdd287c5bd7181576172', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: 'c7bdf807b9b67457423282b0ab46c711d994b8aa' }, h("div", { key: 'c543ec7c4f2b26f9a30ce58fc75c6f7a4a9e1424', class: "dso-body", tabIndex: 0 }, h("slot", { key: '0644e6d51924c25b2d05ccd86efadae9d869d173', name: "body" }))), this.hasFooter && (h("div", { key: '2d581222f09440ac9229e5600941549697c31324', class: "dso-footer" }, h("slot", { key: 'e17f745fa99710140eaa27f77a5d4e190a6f4310', name: "footer" }))))));
+        return (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) }, h("div", { key: '05ce0361e4a8d0dd3f382990650beef517b1efc5', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '2078683c54e36bfdcbf519cdb735c1c311ffbd9e' }, h("div", { key: '155f55ed093e9dfbe3fba7866bfa3da07ef2fe06', class: "dso-body", tabIndex: 0 }, h("slot", { key: 'ef2d5cce45c436c08a982b26a79810f0f542d3ba', name: "body" }))), this.hasFooter && (h("div", { key: 'f7c67dcc310923290d1589601c472c365c359a48', class: "dso-footer" }, h("slot", { key: 'ad642cfe380238b4a7266e5a0029216576901efc', name: "footer" }))))));
     }
     get host() { return this; }
     static get style() { return modalCss(); }

package/dist/bundle/dso-onboarding-tip.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, e as createEvent, h, d as Host, t as transformTag } from './p-BeWimuZg.js';
 import { p as positionTooltip } from './p-DopSenBv.js';
-import { d as defineCustomElement$3 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$2 } from './p-CK_78rYk.js';
+import { d as defineCustomElement$3 } from './p-DMYengW8.js';
+import { d as defineCustomElement$2 } from './p-DzcyUrLK.js';
 
 const onboardingTipCss = () => `*,*::after,*::before{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)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2}.onboarding-tip-inner{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}.onboarding-tip-inner{--_dso-icon-button-tertiary-color:#fff;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}.onboarding-tip-content-heading dso-icon{margin-inline-end:8px}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
 
@@ -49,7 +49,7 @@ const OnboardingTip = /*@__PURE__*/ proxyCustomElement(class OnboardingTip exten
         this.cleanUp = undefined;
     }
     render() {
-        return (h(Host, { key: '330e802344482a5824799785cc774cbeab5a928a', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '4315d4b92cb202979ea7c10a2bc67e2fb79d94a0', class: "onboarding-tip", role: "tooltip" }, h("div", { key: 'c24ff00ce53904b7e816acd8babab2cce4616c18', class: "onboarding-tip-inner" }, h("div", { key: 'ebcf64f2c2456945d8e1556c8689c6e4a4e69749', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '833ebf70796b355e76545c57a71574799d864de9', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'e4e30b67043792b797dd5dfd75eff200d86d2cf1', icon: "light-bulb" }), h("slot", { key: '6d67caf1735aa203a5124976a6215dc0d20647a0', name: "heading" }))), h("dso-icon-button", { key: 'aedd766ec0fe895c6a2997d5d856dea1018ad9d6', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'a04f4899e08c4de4a344a6726649304841565fdd' }))), h("div", { key: 'cd61729dfed4a9b1afc6493b82c64e1c45914109', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: 'd60e322e9eb46e0271a0172db57e82b1e170e193', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'f463fe476aaa88b2e1de6506c97d2a8c32b82e09', class: "onboarding-tip", role: "tooltip" }, h("div", { key: 'b3d99d6b2c7bb5029409fd9d2e131c5aff5cf328', class: "onboarding-tip-inner" }, h("div", { key: '658a012c2e7358c317b76571b8f13270ad5d0960', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'dfa159ff194062122bf9760233ff09a579f79b69', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '45d18025a2918ffee7defff889b807989157c939', icon: "light-bulb" }), h("slot", { key: '6708d1880a299184800721b43111e695bbd60b21', name: "heading" }))), h("dso-icon-button", { key: 'f946318abace8994e4686ee363765e90c962701a', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'b15cbc5b14e9ba3156161e4886708de46ee28a33' }))), h("div", { key: '1d6f4ff0a16e4b50b7cbdec2d42ff558093a8f21', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

package/dist/bundle/dso-ozon-content-toggletip.js

@@ -1,4 +1,4 @@
-import { o as ozonContentToggletip, d as defineCustomElement$1 } from './p-CYPr8F9t.js';
+import { o as ozonContentToggletip, d as defineCustomElement$1 } from './p-D9_nsOH9.js';
 
 const DsoOzonContentToggletip = ozonContentToggletip;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-ozon-content.js

@@ -1,4 +1,4 @@
-import { O as OzonContent, d as defineCustomElement$1 } from './p-D8wuhYXU.js';
+import { O as OzonContent, d as defineCustomElement$1 } from './p-BffcZg_M.js';
 
 const DsoOzonContent = OzonContent;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-pagination.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, e as createEvent, h, F as Fragment, t as transformTag } from './p-BeWimuZg.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$3 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$2 } from './p-CmpH19vE.js';
+import { d as defineCustomElement$3 } from './p-DMYengW8.js';
+import { d as defineCustomElement$2 } from './p-DLxGu5_c.js';
 
 const paginationCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.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)}`;
 

package/dist/bundle/dso-panel.js

@@ -1,4 +1,4 @@
-import { P as Panel, d as defineCustomElement$1 } from './p-BbyxqMBr.js';
+import { P as Panel, d as defineCustomElement$1 } from './p-BzA2scQd.js';
 
 const DsoPanel = Panel;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-plekinfo-card.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, f as forceUpdate, h, F as Fragment, d as Host, t as transformTag } from './p-BeWimuZg.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$2 } from './p-BLHKEAmx.js';
+import { d as defineCustomElement$2 } from './p-DMYengW8.js';
 
 const plekinfoCardCss = () => `ins{text-decoration:none}ins{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}ins{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919}ins{box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:colors.$zwart}del{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}del{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919}del{--_dso-ozon-content-toggletip-color:colors.$zwart;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .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)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}`;
 
@@ -52,7 +52,7 @@ const PlekinfoCard = /*@__PURE__*/ proxyCustomElement(class PlekinfoCard extends
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: '6aaecfcce7d84584571fbbb40b79d143ac79779e', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '0c22b39580fead2392e72641345329588ef18e91', wijzigactie: this.wijzigactie }, h("div", { key: '8b2882c9a98c2f75a5c64a2058fc2be6496b4623', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'b967d6a1c7abcd6e5bf3d535bc3645306e931f88', name: "symbol" })), h("div", { key: '66efb9d7642e6a6a77c8bef9413b06e36e59a7a5', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '448d3c56d45cd086f86495fa91a5c867fa70ed15', name: "meta" }), this.interaction !== null && h("slot", { key: 'b753670011c4628c188a069b18cac0daff756836', name: "interaction" })), h("div", { key: '36994c07c528b9d80f7825fc1bdec22626c82098', class: "dso-plekinfo-card-content" }, h("slot", { key: 'dc8ae54f969a6d49adb536daf9b934752512ad11', name: "content" })))));
+        return (h(Host, { key: '88281278c8b439633eab1a9ca448cc94d2cae443', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '1b81d16887550c21bd06cac6124e7ae17c5b0cff', wijzigactie: this.wijzigactie }, h("div", { key: 'bd448966c8f8ba32614f1b65bb08fbec194c3e28', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '08db6c3eab68d220d04d3fdde741959cbdc69908', name: "symbol" })), h("div", { key: '71561f242890f6bea2229d7aef72fddceb4e5b37', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '5082d7a4cf6690023ca4dd9d5196fe6b2ae30cf5', name: "meta" }), this.interaction !== null && h("slot", { key: '321d20c96a0b8a3f32d779a3bdda44a2f9b8eec5', name: "interaction" })), h("div", { key: '05a7e71a09d5807496b65b2d9294d2ce249ae1de', class: "dso-plekinfo-card-content" }, h("slot", { key: '28be581464755c8626cab40c8af0b90b84db430d', name: "content" })))));
     }
     get host() { return this; }
     static get style() { return plekinfoCardCss(); }

package/dist/bundle/dso-progress-indicator.js

@@ -1,4 +1,4 @@
-import { P as Progressindicator, d as defineCustomElement$1 } from './p-DwVPT-8H.js';
+import { P as Progressindicator, d as defineCustomElement$1 } from './p-ByyagXOJ.js';
 
 const DsoProgressIndicator = Progressindicator;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-project-item.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-BeWimuZg.js';
-import { d as defineCustomElement$5 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$4 } from './p-CK_78rYk.js';
-import { d as defineCustomElement$3 } from './p-afqT_Hfh.js';
-import { d as defineCustomElement$2 } from './p-B9fhD-Wr.js';
+import { d as defineCustomElement$5 } from './p-DMYengW8.js';
+import { d as defineCustomElement$4 } from './p-DzcyUrLK.js';
+import { d as defineCustomElement$3 } from './p-iy1TKL4y.js';
+import { d as defineCustomElement$2 } from './p-mgDux5p5.js';
 
 const projectItemCss = () => `:host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dt-dl-margin-block-end:0;--_dt-dl-before-display:none;--_dt-dl-dt-font-weight:normal;--_dt-dl-dd-margin-block-start:0;--_dt-dl-dd-margin-inline-start:units.$u1;--_dt-dl-dd-padding-inline-start:0;--_dt-dl-dt-inline-size:auto;--_dt-dl-dd-last-margin-block-end:0;--_dt-mark-bg-color:none;--_dt-mark-padding-block:0;--_dt-mark-color:inherit;--_dt-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted([slot=status]){--_dt-dl-font-size:0.875rem}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:flex-end}`;
 
@@ -15,7 +15,7 @@ const ProjectItem = /*@__PURE__*/ proxyCustomElement(class ProjectItem extends H
         this.__attachShadow();
     }
     render() {
-        return (h(Fragment, { key: '6b39c617b40770b3076b70b5b63aa93e95829134' }, h("div", { key: 'daa1d7bd80cfbfeaf3b6fdb9ffe549c48f8db464', class: "project-item-header" }, h("div", { key: '57da35b5b40e040282cf9c97ac6888ecb2c79496', class: "project-item-title" }, h("slot", { key: 'e2c8c1ecb5f11990bbc51729210675269c8156b5', name: "title" }), this.label && (h("dso-label", { key: '88756e5ee807c0472c165997f43ca47a7ce91dfd', status: "error", compact: true }, this.label))), h("div", { key: '138e696bc9a822d2ac0dec289be642c0f031fec2', class: "project-item-actions" }, h("slot", { key: '9fb45bb9dc6f89bc0936a1485c94ac8d8c392a64', name: "actions" }))), h("div", { key: '058d938dc1ab817c46f3332c48ced575b7957ab6', class: "project-item-info" }, h("div", { key: '8b390f8a4a8b755693ab6011c34850d6e269f340', class: "project-item-progress" }, h("slot", { key: '89d63034a6fc531f294296dc88c858b9034619b9', name: "progress" })), h("div", { key: '1f984b3debf64830de6994e1b9cc6ebddece5e93', class: "project-item-status" }, h("slot", { key: '9e36860de3c052cf09ada29236ff5ad3ae49cdd3', name: "status" })))));
+        return (h(Fragment, { key: 'dc927dc8773291c0709508edba47ca26c2ede436' }, h("div", { key: '9a3bb52042f14729bcc901910b6e9b2079016ec2', class: "project-item-header" }, h("div", { key: 'd96a6ba3db326a419e5c23e04df57a4971376e01', class: "project-item-title" }, h("slot", { key: 'b1391da51a7a31c266af4eac6a38bb787ff9d61e', name: "title" }), this.label && (h("dso-label", { key: 'a74eb151ac93e380c1ec34582e6e27d03ed4e653', status: "error", compact: true }, this.label))), h("div", { key: '72715f0aef918e750ae8223cdee16499a3fd9724', class: "project-item-actions" }, h("slot", { key: 'bb60d3b446a31eb52839ee78dc0ec0d20d6a8ac3', name: "actions" }))), h("div", { key: '8732a8072e939fac28ff1e82c7ca56ecc6892225', class: "project-item-info" }, h("div", { key: 'a7b3a8ba83f3b146c87b54ceef6824ce989d20c3', class: "project-item-progress" }, h("slot", { key: '1417c6d9cb4b2fed42afe0e64ab06b4fceccf383', name: "progress" })), h("div", { key: 'c8c458f1cb1958d84d173f5e50fb862ea455fc26', class: "project-item-status" }, h("slot", { key: 'e5f33e5cd2f6ac544119ec5fd33945a2b15821a8', name: "status" })))));
     }
     static get style() { return projectItemCss(); }
 }, [257, "dso-project-item", {

package/dist/bundle/dso-responsive-element.js

@@ -1,4 +1,4 @@
-import { R as ResponsiveElement, d as defineCustomElement$1 } from './p-CmpH19vE.js';
+import { R as ResponsiveElement, d as defineCustomElement$1 } from './p-DLxGu5_c.js';
 
 const DsoResponsiveElement = ResponsiveElement;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-scrollable.js

@@ -1,4 +1,4 @@
-import { S as Scrollable, d as defineCustomElement$1 } from './p-DEo5f2kY.js';
+import { S as Scrollable, d as defineCustomElement$1 } from './p-BCe3H09s.js';
 
 const DsoScrollable = Scrollable;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-selectable.js

@@ -1,4 +1,4 @@
-import { S as Selectable, d as defineCustomElement$1 } from './p-mkPmQcmG.js';
+import { S as Selectable, d as defineCustomElement$1 } from './p-BMJkixUi.js';
 
 const DsoSelectable = Selectable;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-skiplink.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h, t as transformTag } from './p-BeWimuZg.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$2 } from './p-BLHKEAmx.js';
+import { d as defineCustomElement$2 } from './p-DMYengW8.js';
 
 const skiplinkCss = () => `:host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}`;
 
@@ -20,7 +20,7 @@ const Skiplink = /*@__PURE__*/ proxyCustomElement(class Skiplink extends H {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: 'aa7c29b52781f7692d292e4a7d1f5294394f7f24', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '03c37ac90379a91a8698bbfae50fd8b09ab6ac6e', icon: "chevron-right" })));
+        return (h("a", { key: '77d913791f843bc6ffc8ff0d11d06ceb5f1e0bee', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '2ca481355e61ace0657317ddb6669df00dedfdec', icon: "chevron-right" })));
     }
     static get style() { return skiplinkCss(); }
 }, [257, "dso-skiplink", {

package/dist/bundle/dso-slide-toggle.js

@@ -1,4 +1,4 @@
-import { S as SlideToggle, d as defineCustomElement$1 } from './p-BUHmLrrQ.js';
+import { S as SlideToggle, d as defineCustomElement$1 } from './p-BXJu-dww.js';
 
 const DsoSlideToggle = SlideToggle;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-survey-rating.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, e as createEvent, h, F as Fragment, t as transformTag } from './p-BeWimuZg.js';
-import { d as defineCustomElement$4 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$3 } from './p-CK_78rYk.js';
-import { d as defineCustomElement$2 } from './p-BbyxqMBr.js';
+import { d as defineCustomElement$4 } from './p-DMYengW8.js';
+import { d as defineCustomElement$3 } from './p-DzcyUrLK.js';
+import { d as defineCustomElement$2 } from './p-BzA2scQd.js';
 
 const surveyRatingCss = () => `:host {
   display: block;
@@ -517,10 +517,10 @@ const SurveyRating = /*@__PURE__*/ proxyCustomElement(class SurveyRating extends
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (h("dso-panel", { key: '2b650913a217ebf15a8a43d222daf68fff5ff025', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'e82a7d6d917d901d01e733e10bbc2f725dbb43f4', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '8d65846826d1003b5beedb5854c270ea226c2329' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '44fad25374e454f48bd5f7404468c9d8e9c92b0c', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'd059b0edc0e4fa802066c7b72db381edd2c59375', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'd61d29faebb535631dea37ce396a3383f96988b3' }, "Heel moeilijk"), h("span", { key: '4b1e3c4a453b8dbc5139b40ebddb94d8c2d1c465' }, "Heel makkelijk")), h("div", { key: '1e6a9f6611e66d9ddc7815e2424d0d7f71539c49', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: '4aa0a0196e7a9b3184e654a0456d3b28690c2962', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'e091b4037ab8c205824129727cbd8dc765d17ca0', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '44c312acd67ede76c8fdd87274caeba67d2d1ccd' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '0ecb810f1f2beae96a37e34bdaf44a93584af6bd', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'c3bd0cb054a938cd64eea176e0f52136a54e9597', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'b1848026e66ccc65414275fa031d144e23e1ac5e' }, "Heel moeilijk"), h("span", { key: '0bf8926e73635ad868fef5c8436f98e529fe0ced' }, "Heel makkelijk")), h("div", { key: '9eeb035dbdd006432d406d581a4645cbf13bb79b', role: "radiogroup" }, ratings.map((rating, index) => {
             const ratingNumber = index + 1;
             return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), h("button", { key: '0bea66d144e1b52cfc14ff8ede655215abf2b130', type: "submit", class: "dso-secondary" }, h("span", { key: 'd3b0233d4a22cea3739a0d49db7bf750c59c215c' }, "Antwoord verzenden")))));
+        })), h("button", { key: '5c6a198c65f03c5d39a436da6d618aff916d7289', type: "submit", class: "dso-secondary" }, h("span", { key: '44938b291037b417ae1a3d10bdadd98fc07e5b83' }, "Antwoord verzenden")))));
     }
     static get style() { return surveyRatingCss(); }
 }, [257, "dso-survey-rating"]);

package/dist/bundle/dso-table.js

@@ -1,4 +1,4 @@
-import { T as Table, d as defineCustomElement$1 } from './p-DbW5xEkj.js';
+import { T as Table, d as defineCustomElement$1 } from './p-BnFv61zP.js';
 
 const DsoTable = Table;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-tabs.js

@@ -68,7 +68,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
         (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '5343b8b5ff1abd17b831f4ff39ba31d762a1a802' }, h("div", { key: '8a02445c3936272899762c8ae60cb3f185627b35', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'f22d32b9265805bab3588e5a232f1a2ad66c2c77' })), h("div", { key: 'b936a09851db8cf065bf280672864bfa63d55bbb', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'f652e881876e41eedef3631c73b9636aa7fbdd6c', name: "panel" }))));
+        return (h(Host, { key: '6cac5b5aadaee63469ae51fe3edca2127e37a4c6' }, h("div", { key: 'b176afce53f463b5b7c53fb5d14e415506c40194', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '0db1ce93d3bb4b6ff38b90b5a0fd620573680aa9' })), h("div", { key: '33cd57a51cb22a03565b1a805c6839ed3eea6a5b', role: "tabpanel", tabindex: "0" }, h("slot", { key: '3c3ea0615970882bed8cbc785118fa01cf489ef7', name: "panel" }))));
     }
     get host() { return this; }
     static get style() { return tabsCss(); }

package/dist/bundle/dso-tijdreis-banner.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-BeWimuZg.js';
-import { d as defineCustomElement$2 } from './p-BLHKEAmx.js';
+import { d as defineCustomElement$2 } from './p-DMYengW8.js';
 
 const tijdreisBannerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}:host{--_dso-icon-button-tertiary-color:#fff;background-color:#8b4a6a;color:#fff}:host{display:grid;block-size:100%;padding-block:8px;padding-inline:24px}@media screen and (min-width: 768px){:host{align-items:center;justify-content:center;gap:8px;grid-template-columns:auto auto auto;grid-template-areas:"icon slot button"}}@media screen and (max-width: 767px){:host{align-items:start;grid-template-columns:max-content auto;grid-template-areas:"icon slot" ". button";padding-block:16px;gap:16px 8px}}:host dso-icon{grid-area:icon}:host slot:not([name]){grid-area:slot;margin-inline-end:10px}:host ::slotted([slot=button]){--_dso-button-secondary-background-color:transparent;--_dso-button-secondary-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-background-color:rgba(235, 225, 235, 0.2);--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-background-color:rgba(235, 225, 235, 0.4);--_dso-button-secondary-active-border-color:rgba(235, 225, 235, 0.3);--_dso-button-secondary-disabled-background-color:transparent;--_dso-button-secondary-disabled-color:rgba(235, 225, 235, 0.7);--_dso-button-secondary-disabled-border-color:rgba(235, 225, 235, 0.7)}@media screen and (min-width: 768px){:host ::slotted([slot=button]){margin-inline-start:32px !important;}}@media screen and (max-width: 767px){:host ::slotted([slot=button]){grid-area:button;justify-self:start}}`;
 
@@ -12,7 +12,7 @@ const TijdreisBanner = /*@__PURE__*/ proxyCustomElement(class TijdreisBanner ext
         this.__attachShadow();
     }
     render() {
-        return (h(Fragment, { key: 'f3b0ae325824e3ced85965af345507e84ab41dca' }, h("dso-icon", { key: '7cb2315b36e7721de938774adccf2c1deadbd916', icon: "clock" }), h("slot", { key: 'ffdc794b4e2f5f681a47bb2203adff653896a479' }), h("slot", { key: 'b0748a9a1ecd35e48f8b4bfd1ed3430374563ffa', name: "button" })));
+        return (h(Fragment, { key: 'cb57567ddfb405ed5580f3056824df6f3125e57d' }, h("dso-icon", { key: 'e4a8892dabbd44bc9ca7f1548c065473537aaa45', icon: "clock" }), h("slot", { key: 'facdf989c45f44e10336ca5d3b7319e48929ca82' }), h("slot", { key: '0bc0625232374f0df07b23186e3f51a26632a76b', name: "button" })));
     }
     static get style() { return tijdreisBannerCss(); }
 }, [257, "dso-tijdreis-banner"]);

package/dist/bundle/dso-toggletip.js

@@ -1,4 +1,4 @@
-import { T as Toggletip, d as defineCustomElement$1 } from './p-Cw6fv4_A.js';
+import { T as Toggletip, d as defineCustomElement$1 } from './p-Ctbpdcl6.js';
 
 const DsoToggletip = Toggletip;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-tooltip.js

@@ -1,4 +1,4 @@
-import { T as Tooltip, d as defineCustomElement$1 } from './p-B9fhD-Wr.js';
+import { T as Tooltip, d as defineCustomElement$1 } from './p-mgDux5p5.js';
 
 const DsoTooltip = Tooltip;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-tree-view.js

@@ -1,7 +1,7 @@
 import { h, F as Fragment, p as proxyCustomElement, H, e as createEvent, t as transformTag } from './p-BeWimuZg.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$3 } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$2 } from './p-DwVPT-8H.js';
+import { d as defineCustomElement$3 } from './p-DMYengW8.js';
+import { d as defineCustomElement$2 } from './p-ByyagXOJ.js';
 
 const DsoTreeItem = ({ owner, ancestors, item, index, level, setSize, }) => {
     var _a, _b, _c, _d;
@@ -193,7 +193,7 @@ const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends H {
     }
     render() {
         var _a;
-        return (h("div", { key: '7f34cda8bf65c542d09b18c1ba983a5d242bff81', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '303b7ef8884a4c761b0a95ea1d738400b58a6fe9', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
+        return (h("div", { key: 'c9d82896a208dea70197ce9927c5402a5763259a', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '10a57e188cf106ca9ef9a0d7d6c4a7e8a3a1df6f', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
     }
     static get style() { return treeViewCss(); }
 }, [257, "dso-tree-view", {

package/dist/bundle/dso-viewer-grid.js

@@ -721,7 +721,7 @@ const ViewerGrid = /*@__PURE__*/ proxyCustomElement(class ViewerGrid extends H {
         }
     }
     render() {
-        return (h(Fragment, { key: 'f26948c9fb34150cb83653bfaf5d7e5fc6c4efef' }, h("slot", { key: '55285a50520f0c0357d56dc010fea37964db11dd', name: "top-bar" }), h("div", { key: '87da07cf41beb1549292629836c9b0484eba7862', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '4313446e6e0a436f58a1eb3a4141404a1056ee3a', class: "dso-navbar" }, h("ul", { key: '6056f1273a55a45875dafefd6cfa9db6c85e587c', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '7fe8580f6d34172669db9dde4b70ea4a99a26261', 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")) && (h(FilterPanel, { key: 'aa536d1c0f5df00bfcf2d98d6c55ca5f8db99043', 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")) && (h("div", { key: 'dedb4410a56de0f2ca50b2f4cc51de72aefc27ef', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '7408a9a762723f7f3e272965d5cb81bc811e8c0a', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: 'a0742d7b4f47517f5d661a0318bb738a46904cec', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '04de20f4685c3993ffbf25fc5966b4fb2d96586c', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (h(Fragment, { key: '93bd0528db8a272af88078ca73b7c42f7e9e3d37' }, h("slot", { key: '1d388ad95738fa09ec296ffde2aae36451325579', name: "top-bar" }), h("div", { key: '3889ff17d68df9606022f3a9c0bdc275e0974cb8', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: 'f9dff48f05c9547202fdccbd28ae7c32ba08e27a', class: "dso-navbar" }, h("ul", { key: 'e76f8371572359e3fc1b6daa851f7e6fac5a9077', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '17c5ff687786e09688debdf9c148f1516cc6f904', 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")) && (h(FilterPanel, { key: 'f881290eddb7cb7f21e55ab9e110db0c0ad1e73d', 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")) && (h("div", { key: '97f93b40ff211a8183e35c2075b62667f49fb6fd', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: 'ea0ed31acfb0e70d096dba9f18536d353273894f', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '2623d1f32a6b6b1b799729b84ac257dcb5a28e65', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '7a8b6df21ad110d94f6362fa4b361fc0a4ac6c9a', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/bundle/dsot-document-component-demo.js

@@ -1,20 +1,20 @@
 import { p as proxyCustomElement, H, e as createEvent, h, F as Fragment, t as transformTag } from './p-BeWimuZg.js';
-import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$9 } from './p-D8wuhYXU.js';
-import { d as defineCustomElement$h } from './p-rN-Dizka.js';
-import { d as defineCustomElement$g } from './p-BGpl_N73.js';
+import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as defineCustomElement$9 } from './p-BffcZg_M.js';
+import { d as defineCustomElement$h } from './p-DQrlJzt1.js';
+import { d as defineCustomElement$g } from './p-BvyQic2U.js';
 import { d as defineCustomElement$f } from './p-CU2teuXB.js';
-import { d as defineCustomElement$e } from './p-_SQrXU6n.js';
-import { d as defineCustomElement$d } from './p-BLHKEAmx.js';
-import { d as defineCustomElement$c } from './p-CK_78rYk.js';
-import { d as defineCustomElement$b } from './p-iD5tYjyh.js';
-import { d as defineCustomElement$a } from './p-afqT_Hfh.js';
-import { d as defineCustomElement$8 } from './p-CYPr8F9t.js';
-import { d as defineCustomElement$7 } from './p-BbyxqMBr.js';
+import { d as defineCustomElement$e } from './p-Bb1b-JAh.js';
+import { d as defineCustomElement$d } from './p-DMYengW8.js';
+import { d as defineCustomElement$c } from './p-DzcyUrLK.js';
+import { d as defineCustomElement$b } from './p-DaeSaYQE.js';
+import { d as defineCustomElement$a } from './p-iy1TKL4y.js';
+import { d as defineCustomElement$8 } from './p-D9_nsOH9.js';
+import { d as defineCustomElement$7 } from './p-BzA2scQd.js';
 import { d as defineCustomElement$6 } from './p-BNDasWTv.js';
-import { d as defineCustomElement$5 } from './p-CmpH19vE.js';
-import { d as defineCustomElement$4 } from './p-BUHmLrrQ.js';
-import { d as defineCustomElement$3 } from './p-DbW5xEkj.js';
-import { d as defineCustomElement$2 } from './p-B9fhD-Wr.js';
+import { d as defineCustomElement$5 } from './p-DLxGu5_c.js';
+import { d as defineCustomElement$4 } from './p-BXJu-dww.js';
+import { d as defineCustomElement$3 } from './p-BnFv61zP.js';
+import { d as defineCustomElement$2 } from './p-mgDux5p5.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/dist/bundle/index.js

@@ -34,6 +34,7 @@ import { DsoInfo } from './dso-info.js';
 import { DsoInfoButton } from './dso-info-button.js';
 import { DsoInputRange } from './dso-input-range.js';
 import { DsoLabel } from './dso-label.js';
+import { DsoLegend } from './dso-legend.js';
 import { DsoLegendItem } from './dso-legend-item.js';
 import { DsoListButton } from './dso-list-button.js';
 import { DsoLogo } from './dso-logo.js';
@@ -106,6 +107,7 @@ const defineCustomElements = (opts) => {
             DsoInfoButton,
             DsoInputRange,
             DsoLabel,
+            DsoLegend,
             DsoLegendItem,
             DsoListButton,
             DsoLogo,

package/dist/bundle/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}