@dso-toolkit/core 84.0.0 → 84.1.0

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

@@ -3,7 +3,7 @@
 var index = require('./index-DDpKNH_F.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 
-const legendItemCss = () => `:host{display:block;padding-block:4px;padding-inline:4px}*,*::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}.legend-item{display:flex;position:relative}.legend-item.legend-item-symbol+.options{margin-block-start:8px}.legend-item dso-icon-button.active{--_dso-icon-button-tertiary-color:#173521}.legend-item-right-content{margin-inline-start:auto;display:flex;justify-content:center;align-content:center;align-items:center}.legend-item-right-content dso-slide-toggle{display:flex;align-self:center;line-height:1;margin-inline-start:8px;padding-block-start:0 !important}`;
+const legendItemCss = () => `:host{display:block;padding-block:4px}*,*::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}::slotted(h3){margin:0 !important}::slotted([slot=options]){margin-block-start:8px}.legend-item{display:flex;position:relative}.legend-item.legend-item-symbol+.options{margin-block-start:8px}.legend-item dso-icon-button.active{--_dso-icon-button-tertiary-color:#173521}.legend-item-right-content{margin-inline-start:auto;display:flex;justify-content:center;align-content:center;align-items:center}.legend-item-right-content dso-slide-toggle{display:flex;align-self:center;line-height:1;margin-inline-start:8px;padding-block-start:0 !important}`;
 
 const LegendItem = class {
     constructor(hostRef) {
@@ -35,7 +35,7 @@ const LegendItem = class {
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
         const hasOptions = this.optionsSlottedElement !== null;
-        return (index.h(index.Host, { key: 'd4e2f6d842f7ca0157c262d6f4512e1decf04a9d', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: 'cfd02f4df6aa26b14fdbee59b466f90f8d8cbee2', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: '0d2c32702db90dbe44583a44c50055aba1958cf4' }, index.h("slot", { key: 'bebec9612d2ddbb73f930b6d7fd6826e8f30e8af', name: "symbol" }))), index.h("div", { key: 'b4badff0166ace15d3e1fc0be215705801af1067' }, index.h("slot", { key: '23ca6f63fd79d869ee906a3a857b3c56a837364c' })), this.disabled && this.disabledMessage && (index.h("dso-toggletip", { key: '648ce50e21c68c7f400c8a08a7e5df6704d19a43', position: "bottom" }, this.disabledMessage)), index.h("div", { key: 'b296b98e92f779c77020ec235c2d4cbfe061c4f0', class: "legend-item-right-content" }, this.active && hasOptions && !this.disabled && (index.h("dso-icon-button", { key: 'de4322f255b6a23a211789b565f190c222ea7d71', label: "Opties", icon: "more", variant: "tertiary", class: { active: this.showOptions }, id: "edit-button", onDsoClick: () => (this.showOptions = !this.showOptions) })), this.activatable && (index.h("dso-slide-toggle", { key: '2734a9783b1b31c6883180c44c0db2f290346543', accessibleLabel: "Maak actief", checked: this.active, disabled: this.disabled, onDsoActiveChange: (e) => this.dsoActiveChange.emit({ current: Boolean(this.active), next: !this.active, originalEvent: e }) })))), hasOptions && (index.h("div", { key: '33c1543398c746f35d528032f6f47ee72d18cdf2', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: 'c2c87a85c16b32f663a640349008bca4fb01adae', name: "options" })))));
+        return (index.h(index.Host, { key: 'f753caaecc4aeab79b89a20e1557a655b04cb260', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: 'a75c1d97fbbe89266574689c01f7a32df686d69b', class: clsx.clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (index.h("div", { key: 'a7f6cc12d291a5cd177a2d32c7ad3630ab389ea2' }, index.h("slot", { key: 'ba092f9b9282783c791b9a866aa553d5de0dff7f', name: "symbol" }))), index.h("div", { key: '89ba0029501e16008fc591447abf5da85064a247' }, index.h("slot", { key: 'ea1eddba325f2ee5dc3d993a796bcd08035ca3c1' })), this.disabled && this.disabledMessage && (index.h("dso-toggletip", { key: '7ae2b598a535263de28dcaa2cb285f21a25ca29e', position: "bottom" }, this.disabledMessage)), index.h("div", { key: '8b5ea6746505207e4aec98ef9ea794b2263f8a3a', class: "legend-item-right-content" }, this.active && hasOptions && !this.disabled && (index.h("dso-icon-button", { key: 'f1cbd32b832722464e312efb7fed5b73e5985952', label: "Opties", icon: "more", variant: "tertiary", class: { active: this.showOptions }, id: "edit-button", onDsoClick: () => (this.showOptions = !this.showOptions) })), this.activatable && (index.h("dso-slide-toggle", { key: '99a2ff880a4de5fc5167fc1ca3fadf467e83f70d', accessibleLabel: "Maak actief", checked: this.active, disabled: this.disabled, onDsoActiveChange: (e) => this.dsoActiveChange.emit({ current: Boolean(this.active), next: !this.active, originalEvent: e }) })))), hasOptions && (index.h("div", { key: 'e38b48835e20002548cc8c5bdf14543a077983f0', hidden: this.disabled || !this.showOptions, class: "options" }, index.h("slot", { key: '216cf4002d7666e9ae8452efa219dd8f8eed250d', name: "options" })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -0,0 +1,80 @@
+'use strict';
+
+var index = require('./index-DDpKNH_F.js');
+var clsx = require('./clsx-BtxeOLZW.js');
+var isModifiedEvent = require('./is-modified-event-Dh9YsHw8.js');
+
+const legendCss = () => `*,*::after,*::before{box-sizing:border-box}:host{position:relative;display:block;inline-size:344px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.3)}:host .topbar{padding-block:8px;padding-inline:16px}:host .topbar .tabs{inline-size:100%;padding:0;list-style:none;display:inline-flex;border-block-end:1px solid #ccc}:host .topbar .tabs .tab{font-size:inherit;font-family:inherit;line-height:inherit;background-color:transparent;cursor:pointer;display:block;border:0;color:#275937;padding-block:6px;padding-inline:8px;border-block-end:4px solid transparent}:host .topbar .tabs .tab:hover{text-decoration:underline}:host .topbar .tabs .tab.active{font-weight:bold;border-color:#8b4a6a}:host .topbar .close-button{position:absolute;inset-block-start:8px;inset-inline-end:8px}:host .content{--_dso-form-group-margin-block-end:0;--_dso-scrollable-container-padding-inline:16px;max-block-size:52vh}`;
+
+const Legend = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dsoContentSwitch = index.createEvent(this, "dsoContentSwitch", 7);
+        this.dsoClose = index.createEvent(this, "dsoClose", 7);
+        /**
+         * TabItems in the legend topbar
+         */
+        this.tabItems = [];
+        this.keyUpHandler = (e) => {
+            if (!(e.target instanceof HTMLElement)) {
+                return;
+            }
+            switch (e.key) {
+                case "ArrowRight":
+                case "ArrowDown":
+                    this.moveFocusToNextTab(e.target);
+                    break;
+                case "ArrowLeft":
+                case "ArrowUp":
+                    this.moveFocusToPreviousTab(e.target);
+                    break;
+                default:
+                    return;
+            }
+        };
+        // A button handles an "enter" and a "space" keypress as a normal click."
+        this.clickHandler = (e) => {
+            const index = this.tabs.findIndex((tab) => tab === e.currentTarget);
+            const tabItem = this.tabItems[index];
+            if (!tabItem || tabItem.active) {
+                return;
+            }
+            this.dsoContentSwitch.emit({
+                originalEvent: e,
+                isModifiedEvent: isModifiedEvent.isModifiedEvent(e),
+            });
+        };
+    }
+    get tabs() {
+        return Array.from(this.host.shadowRoot.querySelectorAll('[role="tab"]'));
+    }
+    get firstTab() {
+        return this.tabs[0];
+    }
+    get lastTab() {
+        return this.tabs[this.tabs.length - 1];
+    }
+    moveFocusToTab(tab) {
+        tab === null || tab === void 0 ? void 0 : tab.focus();
+    }
+    moveFocusToPreviousTab(focussedTab) {
+        var _a;
+        const index = this.tabs.findIndex((tab) => tab === focussedTab);
+        const next = (_a = this.tabs[index - 1]) !== null && _a !== void 0 ? _a : this.lastTab;
+        this.moveFocusToTab(next);
+    }
+    moveFocusToNextTab(focussedTab) {
+        var _a;
+        const index = this.tabs.findIndex((tab) => tab === focussedTab);
+        const next = (_a = this.tabs[index + 1]) !== null && _a !== void 0 ? _a : this.firstTab;
+        this.moveFocusToTab(next);
+    }
+    render() {
+        return (index.h(index.Host, { key: '4f1295cd75af42eeaf438cc7b92604054993bdeb' }, index.h("div", { key: 'f1473d16ec2b6b5035c9aa88dbad40a4233a1529', class: "topbar" }, index.h("div", { key: 'f33777d4ab012cecb17105abb8299426995c86d2', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (index.h("button", Object.assign({ class: clsx.clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false" }, (!tabItem.active ? { tabIndex: -1 } : {}), { onClick: this.clickHandler }), tabItem.label)))), index.h("dso-icon-button", { key: '8fc17eeefc63ca51e296212eeeadbfc8ab731d18', icon: "times", variant: "tertiary", label: "Sluit legenda", class: "close-button", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) })), index.h("dso-scrollable", { key: '553566be6236dde866e739364e7a19aa918d32a8', class: "content" }, index.h("div", { key: '9348aad31e38e42f208301773d58fa784d71c751', role: "tabpanel", tabIndex: 0 }, index.h("slot", { key: '55fd88c643f65474bb691e4100e493c28b22a358' })))));
+    }
+    get host() { return index.getElement(this); }
+};
+Legend.style = legendCss();
+
+exports.dso_legend = Legend;
+//# sourceMappingURL=dso-legend.entry.cjs.js.map

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

@@ -370,7 +370,7 @@ const ListButton = class {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (index.h("div", { key: 'c27cab802da7b149c54da89e044000879b35a1ea', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: 'bdb5da45f124bad1335734fc0670bdc63b0b3e0a', class: clsx.clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, index.h("dso-selectable", { key: 'f6a6593be437c4bddaad0342061e27f64fce08ee', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, this.label, this.sublabel && index.h("span", { key: '14ff0ccfe9c54f1a133264435fcdc9fda42a2c97', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '68b35d92a01ad90522ee630bdc8836e89cb5f134', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: '9ddaf40939b76068574b42857667c6acf8c1235f', innerHTML: this.subcontentSlot.innerHTML })))), this.sublabel && index.h("span", { key: 'f1a64f125d1e69d9105093b7fda37d596b4e59c1', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: '6e48a9e6a9911c0a1e6bd8c47ccb54a07bb63ea9', class: "subcontent" }, index.h("slot", { key: 'dc3e3eb22ee6cf0a165929ea205777f5d2275412', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: 'c83d39740d933691268167f6bf8c1caf03427320', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: '70b5184ffed37bd800054eee6cd075e5e87a3e6d' }, index.h("dso-icon-button", { key: '9916a89644c6dbef589cc6576ed227100b99c734', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), index.h("span", { key: 'edf865339b29c1cbd0092e9fbc3f4ee8bb69223a', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), index.h("dso-icon-button", { key: '847465aa1ce444b5c158075539931d244d0efdaa', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
+        return (index.h("div", { key: 'a155334345712bda3dd58924d60ccd467923f6fc', class: clsx.clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, index.h("div", { key: '1ac7dbc69f1e7b00fa8cd71b03ae0bbc7c3f98ee', class: clsx.clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, index.h("dso-selectable", { key: '5f1430413821bc31c793b2ccaed2a00509a3cfc6', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, this.label, this.sublabel && index.h("span", { key: '97302b35983f8659e51b7993619c5d007b9eadc5', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (index.h("span", { key: '8324e5ebf88187d5042e4074a7b5a12cd8eb1fb5', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", index.h("span", { key: '6e0fe1caffbfdfa878b904f558b695def1c18f6f', innerHTML: this.subcontentSlot.innerHTML })))), this.sublabel && index.h("span", { key: '9bfec93907458641755c109304a453ebf728b4ad', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (index.h("div", { key: 'e3feb6e6f3aa1f42efa2e632180459b61a22a7a0', class: "subcontent" }, index.h("slot", { key: '2971bc8037dabb734ecaf3faf1c338a3537fcac6', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (index.h("div", { key: '46543874c528b6db91fed7dd19249dc7547bb86b', class: "dso-input-number" }, this.count > 1 && (index.h(index.Fragment, { key: 'cf2305047c3bf6f8384829c694ef57642bdd9bbf' }, index.h("dso-icon-button", { key: '6170297a6ce2a60762ba4bf96e59f49097e80d38', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), index.h("span", { key: 'e5c419497219f628e34bfdb997fe3b357a9331bd', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), index.h("dso-icon-button", { key: '225eed4514828a7f1afa06f2c6de8af19ada8b8d', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -169,7 +169,7 @@ const Logo = class {
     }
     render() {
         return (index.h(index.Fragment, null, this.logoUrl ? (index.h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, index.h(DsoLogo, { name: this.name }))) : (index.h(DsoLogo, { name: this.name })), this.label &&
-            (!this.labelUrl ? (index.h("span", { class: "logo-label" }, this.label)) : (index.h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, index.h("span", { class: "logo-label" }, this.label)))), this.ribbon && index.h("div", { key: '25100f9a1520b25402d3606e13d50d72e4b42147', class: "logo-ribbon" }, this.ribbon)));
+            (!this.labelUrl ? (index.h("span", { class: "logo-label" }, this.label)) : (index.h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, index.h("span", { class: "logo-label" }, this.label)))), this.ribbon && index.h("div", { key: 'e3dc493316f373195f1f8cf1c5e190282486796e', class: "logo-ribbon" }, this.ribbon)));
     }
 };
 Logo.style = logoCss();

package/dist/cjs/dso-map-base-layers.cjs.entry.js

@@ -46,7 +46,7 @@ const MapBaseLayers = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (index.h("fieldset", { key: '7a2f2b49ef2ccabe6ebc3e0e5c7ed76c5b72a746', class: "form-group dso-radios" }, index.h("legend", { key: 'a19b169cc43a70f2e38ceba818bf450952339ff8', class: "sr-only" }, "Achtergrond"), index.h("div", { key: '64c795570bab8cb5b3992edc2dac4dd6569a5f11', class: "dso-label-container" }, index.h("span", { key: '1824e0e617af0ef91df2bdf978bbf16645038a62', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: 'f5d41837ed502d2adea72f7ddaebf01f499ef251', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (index.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 ? index.h("p", { slot: "info" }, baseLayer.info) : null))))));
+        return (index.h("fieldset", { key: 'b4e11afffa1cfeda374e2298e0a127c51733fb9d', class: "form-group dso-radios" }, index.h("legend", { key: '5d5d9deaa63fd457eca1503f460925ca4e51ba25', class: "sr-only" }, "Achtergrond"), index.h("div", { key: 'd804f723a44d4085a7e983d2587da5bde72b4fec', class: "dso-label-container" }, index.h("span", { key: 'da3e550984bbe1b3a055d09100cf3d37cab9fe25', class: "control-label", "aria-hidden": "true" }, this.text("background"))), index.h("div", { key: '419aebdce0570fba7d194c285858c2ced4e416ed', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (index.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 ? index.h("p", { slot: "info" }, baseLayer.info) : null))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -1142,7 +1142,7 @@ const MapControls = class {
         });
     }
     render() {
-        return (index.h(index.Fragment, { key: '722122cab93d6027100d73c0a062808c211fa86f' }, index.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")) }, index.h("dso-icon", { key: 'b4e4c503dfa2b35f2a1567c95e90d1f8622f9b11', icon: "layers" }), index.h("span", { key: '0e43af8aa45adba0719a4cfdc35189014fc1c60a' }, this.text("layersButton"))), index.h("dso-button-group", { key: '08fdb4c7547322a9bd300303f8e0a8658c793218', class: "zoom-buttons", direction: "column" }, index.h("button", { key: 'ca9932bcaf47796eac7bceb314f5455c8accd40c', type: "button", class: "dso-map", onClick: (e) => this.dsoZoomIn.emit(e), disabled: this.disableZoom === "in" || this.disableZoom === "both" }, index.h("span", { key: '878448cf48eac59999e72d7fc6e5b54ac62cf518', class: "sr-only" }, this.text("zoomIn")), index.h("dso-icon", { key: 'e121e3eb29330509e3fe7fb56e9514b7a8ddd39b', icon: "plus" })), index.h("button", { key: '21f4a250c6f32ee8a9848e270cd01fcadab646ac', type: "button", class: "dso-map", onClick: (e) => this.dsoZoomOut.emit(e), disabled: this.disableZoom === "out" || this.disableZoom === "both" }, index.h("span", { key: '076869983f44e00f1cfc0a9a8f2ace5c8fb5cc28', class: "sr-only" }, this.text("zoomOut")), index.h("dso-icon", { key: 'c3b9436f36f15a2da4928f1ce315afbdd2ecbb2b', icon: "minus" }))), index.h("section", { key: '0d5fbd3b1a98ae9bd18acf92e33032b10e5f7033', hidden: this.hideContent }, index.h("header", { key: 'f1975ef9f36394fa6f6dee8b10a23f8c743a20ae' }, index.h("h2", { key: 'af03b33a9505f1bcb2dfce82316c7c977773ea06' }, this.text("title")), index.h("button", { key: 'c711ae9d9cd0de0958b10fa1bfbb9cca327b11c3', type: "button", class: "dso-tertiary close-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) }, index.h("span", { key: '5cd14d3d0ae393c28e2cff37208d51391a1fb355', class: "sr-only" }, this.text("hidePanel", { title: this.text("title") })), index.h("dso-icon", { key: '21d1c28b34ae17a3f5429c0179e3fd2159e98591', icon: "times" }))), index.h("dso-scrollable", { key: '15bc3d4ee0d7060b10ce197780829c7ab9c0838a' }, index.h("div", { key: '7cdf7b9433a9b5ce96d4bf28823858bcf1f8b578', class: "content" }, index.h("slot", { key: 'b89f849740d209313f059e08893825031f3828ef' }))))));
+        return (index.h(index.Fragment, { key: '524335d692fdfbaaf7060919b018350cfb02227a' }, index.h("button", { key: '73236dc19d7a737a433c63c12bc78c74429346c4', type: "button", id: "toggle-visibility-button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: '13048c13b65e68b8c9b4f06720997d5464a93c08', icon: "layers" }), index.h("span", { key: '5b530075e4c3424ab712ebf3eb2676e8529282f8' }, this.text("layersButton"))), index.h("dso-button-group", { key: '6410b36883686d32a44257e49aa0335371513c14', class: "zoom-buttons", direction: "column" }, index.h("button", { key: '555763ec8a3f18e25f154e96cd2f0e798e5cf9fd', type: "button", class: "dso-map", onClick: (e) => this.dsoZoomIn.emit(e), disabled: this.disableZoom === "in" || this.disableZoom === "both" }, index.h("span", { key: 'c64e310a910b8152a5db1380931663efe14e0f40', class: "sr-only" }, this.text("zoomIn")), index.h("dso-icon", { key: 'bd16af8e69a17ea43c99acc806ec5849334c6fdf', icon: "plus" })), index.h("button", { key: '8b7250ddd0dda081989ac4ee999482cd53fc472f', type: "button", class: "dso-map", onClick: (e) => this.dsoZoomOut.emit(e), disabled: this.disableZoom === "out" || this.disableZoom === "both" }, index.h("span", { key: 'c3eb515a6ceee241639e7d4be170d7a624ad7cdc', class: "sr-only" }, this.text("zoomOut")), index.h("dso-icon", { key: '2c9b0796853d8acdf69037bcc0f27c1a6553cdbc', icon: "minus" }))), index.h("section", { key: '1b673eb2e40686c4760cbb8a71327e8e52151478', hidden: this.hideContent }, index.h("header", { key: '6419f5fe83c202e1110fae27339b8c1fbd31b116' }, index.h("h2", { key: 'cd7186cae05c68a8ef4340ef10ac0ef4010039d4' }, this.text("title")), index.h("button", { key: '422c6d0b671b8b9618d5a44b144a16bedf243d8f', type: "button", class: "dso-tertiary close-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) }, index.h("span", { key: '5ad7d9a46c1b6e92c518a6579c256b3bf5bc500a', class: "sr-only" }, this.text("hidePanel", { title: this.text("title") })), index.h("dso-icon", { key: '690f0dff0598dad4a293a789fc1a0169467c8c43', icon: "times" }))), index.h("dso-scrollable", { key: '47eaf3c3a078bd6a986a760674ec436450f9737f' }, index.h("div", { key: '41b06e6b50c1e8f09c6ac3ae322c709bf2f8dc10', class: "content" }, index.h("slot", { key: 'ed5514912e3aea637b67a2caf4b96d955dc75ab9' }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -19,7 +19,7 @@ const MapLayerObject = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a61fca7133f8a893add201a6ba37dd2db5dde743', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: 'cff4c90be1e1ec46f2a7f8459d09b2d43d00ce19', class: "map-layer-object" }, index.h("div", { key: '2ae0d14b1a8b1527627ccb131424a7df7564e824' }, index.h("slot", { key: 'f30274ff0683426b07cc672f543f6166ae810a42', name: "symbol" })), index.h("div", { key: '5027d7eb2f8da853c8de3254b74914d0dbbe04dc' }, index.h("slot", { key: '5c10b5bdcc99daaf31b107c3879958d4e92a991b' })), index.h("div", { key: '1131bf40d2d75b69a78eef8f19c5d3f416567412', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '12725933d2a3c3ace96c5ace4dc5712d0d506f6f', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
+        return (index.h(index.Host, { key: '30bafb9fba2e324b90973e201b777ed1e4c2edb7', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, index.h("div", { key: 'e16b36b39faa9eef52d42ae4e2ea10ef6e447b85', class: "map-layer-object" }, index.h("div", { key: 'd1b45348875bc6168c49c1dcb0c0a9586b2a854c' }, index.h("slot", { key: 'aa1363f10e2755e130866834cb2d90ce40247f28', name: "symbol" })), index.h("div", { key: '159fa97b818465cf269654ccaf420621bae2ef65' }, index.h("slot", { key: 'd0aba82b3df09e78a2fdb8a90f11eb128651dd10' })), index.h("div", { key: '703dc4b02c42de955850fd473b0e72db7b6df84e', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'c957e6475e55e583ab609c44c8850043f5cc99e6', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
     }
 };
 MapLayerObject.style = mapLayerObjectCss();

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

@@ -22,7 +22,7 @@ const MapLayer = class {
         };
     }
     render() {
-        return (index.h(index.Fragment, { key: 'f7a9febc99f223bbaae4a60c49566e94a630e545' }, index.h("div", { key: '621f18ff0f293bc0ff805a4355b7c43038413584', class: "map-layer" }, index.h("span", { key: '52a17c153fa213953bfd6bd005780995ea0519f9', class: "map-layer-label" }, this.label), this.activatable && (index.h("div", { key: 'e8e0f4c6e7136621dbc0dc8d46ef8efdf43fdda6', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: 'e04a1f31755eaae48fa185d361478bffa917fe22', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: '9d28c70969a368bbd4bb4a721bbcaca9255b9698' })));
+        return (index.h(index.Fragment, { key: '4355e5b07cda338b718214642054803ac24daf84' }, index.h("div", { key: '4a21ae78c755bf65d33a441a847cb1fe38e714a2', class: "map-layer" }, index.h("span", { key: '074f5708e406e28a7b8223c15c11e292ec56cefe', class: "map-layer-label" }, this.label), this.activatable && (index.h("div", { key: 'cb3b8004e02c452e76f71e667e9a34dcee2c9f86', class: "slide-toggle-container" }, index.h("dso-slide-toggle", { key: '158a228b06dd32f5f7097aec8b3e5a1403f299b7', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), index.h("slot", { key: 'b265537514ffd9feaed3edd18f5864bd4a7f4c64' })));
     }
 };
 MapLayer.style = mapLayerCss();

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

@@ -47,7 +47,7 @@ const MapOverlays = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (index.h("fieldset", { key: '80f2fc77db0fe01fe9e1272622bd7ffcc514a191', class: "form-group dso-checkboxes" }, index.h("legend", { key: '658232929de2aa1b0616dca0c12fb5b5ef8f8709', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: 'c0c291d0724e19e4f30df8bbb3736d2f83fe7552', class: "dso-label-container" }, index.h("span", { key: 'bd64327912581d427fb7277a349da2d01908e40f', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: '372acf1a210dc97b282e3e889b28352a880b155a', 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: '5677296e800c2c88ea5a6673303561405112ae8c', class: "form-group dso-checkboxes" }, index.h("legend", { key: '79422ea4c05439d17589479b04ed8e006f1ca6c2', class: "sr-only" }, "Kaartlagen"), index.h("div", { key: 'a06f69b1ffe8a3708a2cf464329db67e4a6ae271', class: "dso-label-container" }, index.h("span", { key: '700705da846f5cdbf271a5ee350e3ce28b51d60b', class: "control-label", "aria-hidden": "true" }, this.text("title"))), index.h("div", { key: '24ca7eacbf9efe9bd89b721c611f2081e05aa2c5', class: "dso-field-container" }, this.overlays.map((overlay) => (index.h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? index.h("p", { slot: "info" }, overlay.info) : null))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -52,7 +52,7 @@ const MarkBar = class {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (index.h("div", { key: 'efd4d5aeab981b0a61a4b2a79d8098a907ef6d63', class: "dso-mark-bar" }, index.h("div", { key: '40efb59d5c0bcbe6ab271e88d1c5fc599ca79a66', class: "dso-mark-bar-input" }, index.h("input", { key: 'ea6117a0218b34b780e8e383d1e4d3b49beb99fe', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: 'e30c6afd4344b6ec13316a5a2a2147d364c71373', htmlFor: "search-input" }, index.h("dso-icon", { key: 'ed6c04ed53bcdeaea2547f5b4e7ce53c084a53fc', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '6ee71ee1e63d65d79f13b03fe7cc29cdb50157e1', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '03e173fc78136fa255ee1a0790bc74290649b4ad', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: '1bd44063ed8bf564d7dd43c5b7f6973e42238f0b', class: "dso-button-container" }, index.h("span", { key: '347612ee2a6ac3be28f5ea0425499e1896dd94ce', class: "divider" }), index.h("dso-icon-button", { key: '830789193f1d31d1bbe099fb435beed7b1d24dd3', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: '1eb7cc36f9868b8a2b82a3a75ebce890cd30c350' }, current, "/", totalCount), index.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 (index.h("div", { key: '479f935010eaa312fb947a2bc86f4120156f72b7', class: "dso-mark-bar" }, index.h("div", { key: '6f800ec39af642b5947ea302440756826c32468e', class: "dso-mark-bar-input" }, index.h("input", { key: '39a5a73bab3522acdbe6e8d18727c453bb1ffb73', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), index.h("label", { key: 'de1aa601a7d49e90a707002c6554ef12970d354c', htmlFor: "search-input" }, index.h("dso-icon", { key: 'ed3c5a20769c9cb5137300b6c7bf83bd02e33bb0', class: "dso-search-icon", icon: "search" }), index.h("span", { key: '6cbbfbfece06520c7f7ca7148f92227d76489c6e', class: "label-text" }, this.label)), index.h("dso-icon-button", { key: '0e2b0f00578e857ee292e2c276516efcebcbba98', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), index.h("div", { key: '753c2a3ae343240ba4234631b8ea93318e22632e', class: "dso-button-container" }, index.h("span", { key: '9ec607afe4347550280631389368f2847bb53fe6', class: "divider" }), index.h("dso-icon-button", { key: 'ea6c03677bfd7a89b34d0a4416e8d5f38dab2124', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), index.h("span", { key: 'b5fbeba0936fd222057f7ec38fc90e2c0c4c0cbe' }, current, "/", totalCount), index.h("dso-icon-button", { key: '01ee5a34b52a660705b451ecf9b72ba738c7fe1d', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
 };
 MarkBar.style = markBarCss();

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

@@ -86,7 +86,7 @@ const Modal = class {
     }
     render() {
         var _a;
-        return (index.h("dialog", { key: '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) }, index.h("div", { key: '0e1245d652fc0f873654fdd287c5bd7181576172', class: "dso-dialog", role: "document" }, this.modalTitle ? (index.h("div", { class: "dso-header" }, index.h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (index.h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (index.h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), index.h("dso-scrollable", { key: 'c7bdf807b9b67457423282b0ab46c711d994b8aa' }, index.h("div", { key: 'c543ec7c4f2b26f9a30ce58fc75c6f7a4a9e1424', class: "dso-body", tabIndex: 0 }, index.h("slot", { key: '0644e6d51924c25b2d05ccd86efadae9d869d173', name: "body" }))), this.hasFooter && (index.h("div", { key: '2d581222f09440ac9229e5600941549697c31324', class: "dso-footer" }, index.h("slot", { key: 'e17f745fa99710140eaa27f77a5d4e190a6f4310', name: "footer" }))))));
+        return (index.h("dialog", { key: '8160801bfd3f476ae7d62fd6b0473a50eb98b83d', class: "dso-modal", role: (_a = this.dialogRole) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, index.h("div", { key: '05ce0361e4a8d0dd3f382990650beef517b1efc5', class: "dso-dialog", role: "document" }, this.modalTitle ? (index.h("div", { class: "dso-header" }, index.h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (index.h("dso-icon-button", { id: "close-modal", icon: "times", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (index.h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), index.h("dso-scrollable", { key: '2078683c54e36bfdcbf519cdb735c1c311ffbd9e' }, index.h("div", { key: '155f55ed093e9dfbe3fba7866bfa3da07ef2fe06', class: "dso-body", tabIndex: 0 }, index.h("slot", { key: 'ef2d5cce45c436c08a982b26a79810f0f542d3ba', name: "body" }))), this.hasFooter && (index.h("div", { key: 'f7c67dcc310923290d1589601c472c365c359a48', class: "dso-footer" }, index.h("slot", { key: 'ad642cfe380238b4a7266e5a0029216576901efc', name: "footer" }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -46,7 +46,7 @@ const OnboardingTip = class {
         this.cleanUp = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '330e802344482a5824799785cc774cbeab5a928a', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: '4315d4b92cb202979ea7c10a2bc67e2fb79d94a0', class: "onboarding-tip", role: "tooltip" }, index.h("div", { key: 'c24ff00ce53904b7e816acd8babab2cce4616c18', class: "onboarding-tip-inner" }, index.h("div", { key: 'ebcf64f2c2456945d8e1556c8689c6e4a4e69749', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: '833ebf70796b355e76545c57a71574799d864de9', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: 'e4e30b67043792b797dd5dfd75eff200d86d2cf1', icon: "light-bulb" }), index.h("slot", { key: '6d67caf1735aa203a5124976a6215dc0d20647a0', name: "heading" }))), index.h("dso-icon-button", { key: 'aedd766ec0fe895c6a2997d5d856dea1018ad9d6', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: 'a04f4899e08c4de4a344a6726649304841565fdd' }))), index.h("div", { key: 'cd61729dfed4a9b1afc6493b82c64e1c45914109', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (index.h(index.Host, { key: 'd60e322e9eb46e0271a0172db57e82b1e170e193', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, index.h("div", { key: 'f463fe476aaa88b2e1de6506c97d2a8c32b82e09', class: "onboarding-tip", role: "tooltip" }, index.h("div", { key: 'b3d99d6b2c7bb5029409fd9d2e131c5aff5cf328', class: "onboarding-tip-inner" }, index.h("div", { key: '658a012c2e7358c317b76571b8f13270ad5d0960', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (index.h("div", { key: 'dfa159ff194062122bf9760233ff09a579f79b69', class: "onboarding-tip-content-heading" }, index.h("dso-icon", { key: '45d18025a2918ffee7defff889b807989157c939', icon: "light-bulb" }), index.h("slot", { key: '6708d1880a299184800721b43111e695bbd60b21', name: "heading" }))), index.h("dso-icon-button", { key: 'f946318abace8994e4686ee363765e90c962701a', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), index.h("slot", { key: 'b15cbc5b14e9ba3156161e4886708de46ee28a33' }))), index.h("div", { key: '1d6f4ff0a16e4b50b7cbdec2d42ff558093a8f21', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

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

@@ -49,7 +49,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (index.h(index.Host, { key: '6aaecfcce7d84584571fbbb40b79d143ac79779e', "has-symbol": hasSymbol }, index.h(WrapWijzigactie, { key: '0c22b39580fead2392e72641345329588ef18e91', wijzigactie: this.wijzigactie }, index.h("div", { key: '8b2882c9a98c2f75a5c64a2058fc2be6496b4623', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: 'b967d6a1c7abcd6e5bf3d535bc3645306e931f88', name: "symbol" })), index.h("div", { key: '66efb9d7642e6a6a77c8bef9413b06e36e59a7a5', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "icon-container" }, this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })), index.h("slot", { name: "heading" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: '448d3c56d45cd086f86495fa91a5c867fa70ed15', name: "meta" }), this.interaction !== null && index.h("slot", { key: 'b753670011c4628c188a069b18cac0daff756836', name: "interaction" })), index.h("div", { key: '36994c07c528b9d80f7825fc1bdec22626c82098', class: "dso-plekinfo-card-content" }, index.h("slot", { key: 'dc8ae54f969a6d49adb536daf9b934752512ad11', name: "content" })))));
+        return (index.h(index.Host, { key: '88281278c8b439633eab1a9ca448cc94d2cae443', "has-symbol": hasSymbol }, index.h(WrapWijzigactie, { key: '1b81d16887550c21bd06cac6124e7ae17c5b0cff', wijzigactie: this.wijzigactie }, index.h("div", { key: 'bd448966c8f8ba32614f1b65bb08fbec194c3e28', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, index.h("slot", { key: '08db6c3eab68d220d04d3fdde741959cbdc69908', name: "symbol" })), index.h("div", { key: '71561f242890f6bea2229d7aef72fddceb4e5b37', class: "dso-plekinfo-card-heading" }, this.href ? (index.h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { class: "icon-container" }, this.targetBlank ? (index.h(index.Fragment, null, index.h("dso-icon", { icon: "external-link" }), index.h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (index.h("dso-icon", { icon: "chevron-right" })), index.h("slot", { name: "heading" })))) : (index.h("slot", { name: "heading" })), this.metaSlottedElement !== null && index.h("slot", { key: '5082d7a4cf6690023ca4dd9d5196fe6b2ae30cf5', name: "meta" }), this.interaction !== null && index.h("slot", { key: '321d20c96a0b8a3f32d779a3bdda44a2f9b8eec5', name: "interaction" })), index.h("div", { key: '05a7e71a09d5807496b65b2d9294d2ce249ae1de', class: "dso-plekinfo-card-content" }, index.h("slot", { key: '28be581464755c8626cab40c8af0b90b84db430d', 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: '2e428774d55f0e4cde46d20b97f67b371a43f30e' }, index.h("span", { key: 'edb218f5d97b7abfe0576dda047975cbef17f1ba', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '5fcb04209e9039db06efb3b3cb4017ae78c91d03', icon: "spinner" })), index.h("span", { key: 'b4870d9ec95a61b18310f76dd84e37bc24d152b7', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (index.h(index.Host, { key: 'cd6737c28d3a68a15a1ef6da4e0f5b50ac6ef7e2' }, index.h("span", { key: '2ef9ebc64dac7b768da7d38293016586b560cd8c', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, index.h("dso-icon", { key: '57bac10449cb3640c69bd266065e413b6162840f', icon: "spinner" })), index.h("span", { key: 'bf4e4016ad21bee5c3264a22288d46c005bb86d7', 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: '6b39c617b40770b3076b70b5b63aa93e95829134' }, index.h("div", { key: 'daa1d7bd80cfbfeaf3b6fdb9ffe549c48f8db464', class: "project-item-header" }, index.h("div", { key: '57da35b5b40e040282cf9c97ac6888ecb2c79496', class: "project-item-title" }, index.h("slot", { key: 'e2c8c1ecb5f11990bbc51729210675269c8156b5', name: "title" }), this.label && (index.h("dso-label", { key: '88756e5ee807c0472c165997f43ca47a7ce91dfd', status: "error", compact: true }, this.label))), index.h("div", { key: '138e696bc9a822d2ac0dec289be642c0f031fec2', class: "project-item-actions" }, index.h("slot", { key: '9fb45bb9dc6f89bc0936a1485c94ac8d8c392a64', name: "actions" }))), index.h("div", { key: '058d938dc1ab817c46f3332c48ced575b7957ab6', class: "project-item-info" }, index.h("div", { key: '8b390f8a4a8b755693ab6011c34850d6e269f340', class: "project-item-progress" }, index.h("slot", { key: '89d63034a6fc531f294296dc88c858b9034619b9', name: "progress" })), index.h("div", { key: '1f984b3debf64830de6994e1b9cc6ebddece5e93', class: "project-item-status" }, index.h("slot", { key: '9e36860de3c052cf09ada29236ff5ad3ae49cdd3', name: "status" })))));
+        return (index.h(index.Fragment, { key: 'dc927dc8773291c0709508edba47ca26c2ede436' }, index.h("div", { key: '9a3bb52042f14729bcc901910b6e9b2079016ec2', class: "project-item-header" }, index.h("div", { key: 'd96a6ba3db326a419e5c23e04df57a4971376e01', class: "project-item-title" }, index.h("slot", { key: 'b1391da51a7a31c266af4eac6a38bb787ff9d61e', name: "title" }), this.label && (index.h("dso-label", { key: 'a74eb151ac93e380c1ec34582e6e27d03ed4e653', status: "error", compact: true }, this.label))), index.h("div", { key: '72715f0aef918e750ae8223cdee16499a3fd9724', class: "project-item-actions" }, index.h("slot", { key: 'bb60d3b446a31eb52839ee78dc0ec0d20d6a8ac3', name: "actions" }))), index.h("div", { key: '8732a8072e939fac28ff1e82c7ca56ecc6892225', class: "project-item-info" }, index.h("div", { key: 'a7b3a8ba83f3b146c87b54ceef6824ce989d20c3', class: "project-item-progress" }, index.h("slot", { key: '1417c6d9cb4b2fed42afe0e64ab06b4fceccf383', name: "progress" })), index.h("div", { key: 'c8c458f1cb1958d84d173f5e50fb862ea455fc26', class: "project-item-status" }, index.h("slot", { key: 'e5f33e5cd2f6ac544119ec5fd33945a2b15821a8', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();

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

@@ -47,7 +47,7 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (index.h(index.Host, { key: '826f5b0f98bc6658ef8c7e847e6ad8087a586626', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'b667e74cdcb8b0314a8cb12c9770c7a9b553d515' })));
+        return (index.h(index.Host, { key: '5718aa211beb1acabca634055f92410c5df334e8', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, index.h("slot", { key: 'de6078715bde5780643275f38e0e3d74bd5efb99' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ var index$1 = require('./index-DDpKNH_F.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var index = require('./index-DMUCyuUA.js');
 
-const scrollableCss = () => `:host{display:block;block-size:100%;overflow-y:hidden}*,*::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:auto}.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}.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::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:100%;overflow-y:hidden}*,*::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:auto;padding-inline:var(--_dso-scrollable-container-padding-inline, 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}.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::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 resizeObserver = new ResizeObserver(index.debounce((entries) => entries.forEach((entry) => { var _a; return (_a = getScrollableComponentFromResizeObserverEntry(entry)) === null || _a === void 0 ? void 0 : _a._setScrollState(); }), 50));
 function getScrollableComponentFromResizeObserverEntry({ target, }) {
@@ -91,9 +91,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (index$1.h("div", { key: '842ad8c1e4357cdc597d3d5c29bb150d679354fa', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index$1.h("div", { key: '9a67f0aca69c30da42e313420dda9cebc8f142fc', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
+        return (index$1.h("div", { key: '18abce4ff05e2d89d253583a3d2bdf12610ab4b9', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, index$1.h("div", { key: '07b52e8d9f21afa30caac15724abe742ea50b12b', ref: (el) => (this.scrollContainerDiv = el), class: clsx.clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, index$1.h("slot", { key: '8e264a36ad1b1eba2f194e3e93c60af2b481003c' }))));
+            }), onScroll: () => this._setScrollState() }, index$1.h("slot", { key: '545716e80e680ac94a26f75e607441f53f452abf' }))));
     }
     get host() { return index$1.getElement(this); }
 };

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

@@ -17,7 +17,7 @@ const Skiplink = class {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent.isModifiedEvent(e) });
     }
     render() {
-        return (index.h("a", { key: 'aa7c29b52781f7692d292e4a7d1f5294394f7f24', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: '03c37ac90379a91a8698bbfae50fd8b09ab6ac6e', icon: "chevron-right" })));
+        return (index.h("a", { key: '77d913791f843bc6ffc8ff0d11d06ceb5f1e0bee', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, index.h("dso-icon", { key: '2ca481355e61ace0657317ddb6669df00dedfdec', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();

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

@@ -512,10 +512,10 @@ const SurveyRating = class {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (index.h("dso-panel", { key: '2b650913a217ebf15a8a43d222daf68fff5ff025', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: 'e82a7d6d917d901d01e733e10bbc2f725dbb43f4', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: '8d65846826d1003b5beedb5854c270ea226c2329' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: '44fad25374e454f48bd5f7404468c9d8e9c92b0c', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: 'd059b0edc0e4fa802066c7b72db381edd2c59375', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: 'd61d29faebb535631dea37ce396a3383f96988b3' }, "Heel moeilijk"), index.h("span", { key: '4b1e3c4a453b8dbc5139b40ebddb94d8c2d1c465' }, "Heel makkelijk")), index.h("div", { key: '1e6a9f6611e66d9ddc7815e2424d0d7f71539c49', role: "radiogroup" }, ratings.map((rating, index$1) => {
+        return (index.h("dso-panel", { key: '4aa0a0196e7a9b3184e654a0456d3b28690c2962', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, index.h("h2", { key: 'e091b4037ab8c205824129727cbd8dc765d17ca0', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), index.h("strong", { key: '44c312acd67ede76c8fdd87274caeba67d2d1ccd' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), index.h("form", { key: '0ecb810f1f2beae96a37e34bdaf44a93584af6bd', onSubmit: (e) => this.handleForm(e) }, index.h("div", { key: 'c3bd0cb054a938cd64eea176e0f52136a54e9597', class: "visual-rating-labels", "aria-hidden": "true" }, index.h("span", { key: 'b1848026e66ccc65414275fa031d144e23e1ac5e' }, "Heel moeilijk"), index.h("span", { key: '0bf8926e73635ad868fef5c8436f98e529fe0ced' }, "Heel makkelijk")), index.h("div", { key: '9eeb035dbdd006432d406d581a4645cbf13bb79b', 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: '0bea66d144e1b52cfc14ff8ede655215abf2b130', type: "submit", class: "dso-secondary" }, index.h("span", { key: 'd3b0233d4a22cea3739a0d49db7bf750c59c215c' }, "Antwoord verzenden")))));
+        })), index.h("button", { key: '5c6a198c65f03c5d39a436da6d618aff916d7289', type: "submit", class: "dso-secondary" }, index.h("span", { key: '44938b291037b417ae1a3d10bdadd98fc07e5b83' }, "Antwoord verzenden")))));
     }
 };
 SurveyRating.style = surveyRatingCss();

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

@@ -66,7 +66,7 @@ const Tabs = class {
         (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '5343b8b5ff1abd17b831f4ff39ba31d762a1a802' }, index.h("div", { key: '8a02445c3936272899762c8ae60cb3f185627b35', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: 'f22d32b9265805bab3588e5a232f1a2ad66c2c77' })), index.h("div", { key: 'b936a09851db8cf065bf280672864bfa63d55bbb', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: 'f652e881876e41eedef3631c73b9636aa7fbdd6c', name: "panel" }))));
+        return (index.h(index.Host, { key: '6cac5b5aadaee63469ae51fe3edca2127e37a4c6' }, index.h("div", { key: 'b176afce53f463b5b7c53fb5d14e415506c40194', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, index.h("slot", { key: '0db1ce93d3bb4b6ff38b90b5a0fd620573680aa9' })), index.h("div", { key: '33cd57a51cb22a03565b1a805c6839ed3eea6a5b', role: "tabpanel", tabindex: "0" }, index.h("slot", { key: '3c3ea0615970882bed8cbc785118fa01cf489ef7', 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: 'f3b0ae325824e3ced85965af345507e84ab41dca' }, index.h("dso-icon", { key: '7cb2315b36e7721de938774adccf2c1deadbd916', icon: "clock" }), index.h("slot", { key: 'ffdc794b4e2f5f681a47bb2203adff653896a479' }), index.h("slot", { key: 'b0748a9a1ecd35e48f8b4bfd1ed3430374563ffa', name: "button" })));
+        return (index.h(index.Fragment, { key: 'cb57567ddfb405ed5580f3056824df6f3125e57d' }, index.h("dso-icon", { key: 'e4a8892dabbd44bc9ca7f1548c065473537aaa45', icon: "clock" }), index.h("slot", { key: 'facdf989c45f44e10336ca5d3b7319e48929ca82' }), index.h("slot", { key: '0bc0625232374f0df07b23186e3f51a26632a76b', name: "button" })));
     }
 };
 TijdreisBanner.style = tijdreisBannerCss();

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

@@ -50,7 +50,7 @@ const Toggletip = class {
         };
     }
     render() {
-        return (index.h(index.Fragment, { key: 'bace3a8dad270913266b8908e7bb5a5775a1e187' }, index.h("dso-info-button", { key: '26ad79350c1c57e871bb949e84058d59d8b47989', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), index.h("dso-tooltip", { key: '7e78e5cd2e561900649c48c8a477655ffa7b41c8', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, index.h("slot", { key: '0bb1dcc780c07ef827e215b7643a617df905b695' }))));
+        return (index.h(index.Fragment, { key: '5d0c70968e78501d56ee3d10cd72bf5d8cb72a7a' }, index.h("dso-info-button", { key: 'a420816c0fa911415ffced3f8e5ef07876710009', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), index.h("dso-tooltip", { key: '943c676aaa520c950f25c37fd85fff50fd1fa692', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, index.h("slot", { key: 'a08af99744cf49d69fa3b153afe71730a7bcbb00' }))));
     }
     get host() { return index.getElement(this); }
 };

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

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

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

@@ -2023,7 +2023,7 @@ const Tooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1f1b59d59f25baa8da2f25bbadf43beeeef2ac2f', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, index.h("div", { key: 'd92cd43bfb19b7db9c2598d2c746793c9a31edd6', class: clsx.clsx("tooltip", { in: this.active }) }, !this.noArrow && index.h("div", { key: 'ee1b57978c56bf8f1d17e11936da0c6d2a3db448', "data-popper-arrow": true, class: "tooltip-arrow" }), index.h("div", { key: '66052d9377af817e7277f9059a48d697c7cfb7bb', "aria-hidden": !this.descriptive || undefined, class: clsx.clsx("tooltip-inner", { "dso-small": this.small }) }, index.h("slot", { key: 'b4ef0631e39f4d12f726c14709c360408d394882' })))));
+        return (index.h(index.Host, { key: '658a353a1fda2f9b9ae4df45cb29e926936fc223', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, index.h("div", { key: '4db68ba328d735039de5baac038133d881aaf9b8', class: clsx.clsx("tooltip", { in: this.active }) }, !this.noArrow && index.h("div", { key: 'a6a45f375b60fb7e069e9512f03fa8e4e80ec829', "data-popper-arrow": true, class: "tooltip-arrow" }), index.h("div", { key: '9a30fa50784c44a8ac066fb7da3b3c25b3489fbd', "aria-hidden": !this.descriptive || undefined, class: clsx.clsx("tooltip-inner", { "dso-small": this.small }) }, index.h("slot", { key: '0d9bc6e77521493e665e77d05c67eec69d758ca9' })))));
     }
     activatePopper() {
         var _a;

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

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

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

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