@dso-toolkit/core 62.30.1 → 64.0.0

package/dist/components/dso-logo.js

@@ -25,7 +25,7 @@ const Logo = /*@__PURE__*/ proxyCustomElement(class Logo extends HTMLElement {
     }
     render() {
         return (h(Fragment, null, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo$1, null))) : (h(DsoLogo$1, null)), 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: '7c666a7a3881ff302c28a43afe3ecacb3d3a238a', 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: '5f99258c907bac9a3b9de9b194c860986947faa9', class: "logo-ribbon" }, this.ribbon)));
     }
     static get style() { return DsoLogoStyle0; }
 }, [1, "dso-logo", {

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

@@ -34,7 +34,7 @@ const MapBaseLayers = /*@__PURE__*/ proxyCustomElement(class MapBaseLayers exten
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '64448d3c75c763688e10384c82d5272289194941', class: "form-group dso-radios" }, h("legend", { key: 'f899ab7c2036d378888ddfdb3fbd5761aa63ad4e', class: "sr-only" }, "Achtergrond"), h("div", { key: '3a04d0de9b63da70d71f0f7d096ed9a47bcea094', class: "dso-label-container" }, h("span", { key: 'dac903897a61898c164630b61001e60bad60f336', class: "control-label", "aria-hidden": "true" }, "Achtergrond")), h("div", { key: 'fcf59ea41e391ebdc1b0ed54757d5ad27eb56512', 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: '6202c08aabadaf082aa7268b9869e9961db25323', class: "form-group dso-radios" }, h("legend", { key: '4f98ce54b7cc0ac7043dcfdbf6ba5dc0c14eaff7', class: "sr-only" }, "Achtergrond"), h("div", { key: 'afc2b38161a7706c8d2b3a616cbd61b1304772f2', class: "dso-label-container" }, h("span", { key: 'e205e3bc1f4725b8c38df48da06eb2bacbeafd91', class: "control-label", "aria-hidden": "true" }, "Achtergrond")), h("div", { key: '042feb469b10a84622a1c3c1986df3d25bd3be3d', 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))))));
     }
     static get style() { return DsoMapBaseLayersStyle0; }
 }, [1, "dso-map-base-layers", {

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

@@ -66,7 +66,7 @@ const MapControls = /*@__PURE__*/ proxyCustomElement(class MapControls extends H
         });
     }
     render() {
-        return (h(Host, { key: '9b1fd58e6ec50f4e31430ea5f78d1f89c1fd6544' }, h("button", { key: 'fb0ebffd7d770f6245b3145cb59463481e48523b', type: "button", id: "toggle-visibility-button", class: "toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'a9b72eba9544bd515597793a0eabb439eb893c6f', icon: "layers" }), h("span", { key: 'b08ebd940684073ed0e36570a1d210f96ea9f34c' }, "Kaartlagen")), h("div", { key: 'c87368541304a130fae4724e2a6fd0444d2fda7d', class: "zoom-buttons" }, h("button", { key: '3daabd704da61ce279c5cb045e53d2695bbd16b8', type: "button", onClick: (e) => this.dsoZoomIn.emit(e), disabled: this.disableZoom === "in" || this.disableZoom === "both" }, h("span", { key: 'd4f0bcea93c350dde4738d989d4915b09a6dc67d' }, "Zoom in"), h("dso-icon", { key: '2dbe91b8bea77e37dc68dc6c92d34530163a65df', icon: "plus" })), h("button", { key: '63e154efe6fcf5a674d16bc0dcef5a78507aed9a', type: "button", onClick: (e) => this.dsoZoomOut.emit(e), disabled: this.disableZoom === "out" || this.disableZoom === "both" }, h("span", { key: '43355e6cbcd8737edf26cada360b6cee7f3c63b8' }, "Zoom uit"), h("dso-icon", { key: '7d740262c989d1d2abb23055a97de467162fe06d', icon: "minus" }))), h("section", { key: 'c8792464eb8da4865b8232e284c512fe0e7562d6', hidden: this.hideContent }, h("header", { key: '76843f873e6c70a47e637779915797b11ee568a4' }, h("h2", { key: '1400d65a12ea5fb3c9a39c3e177e9f0d728e6977' }, this.panelTitle), h("button", { key: 'd60dbe4998dbfed1ef256d087669f768ec09f1dc', type: "button", class: "close-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) }, h("span", { key: 'bc71e0ee2a2fa0cbe73729949e24a30b1b781c93' }, "Verberg paneel ", this.panelTitle), h("dso-icon", { key: 'c2a9d4c08f0171d5ddba810e192d80ca86f226e2', icon: "times" }))), h("dso-scrollable", { key: 'b73dea1633c104e47398b4a51792962c93073b8c' }, h("div", { key: 'fafedd2b81834cf6b8e0c053942d226110c1c093', class: "content" }, h("slot", { key: 'e3677e8624184e0f6957433f5a266a13be4decb6' }))))));
+        return (h(Host, { key: 'b41883b94f5e3333343021ea1bcc6461b5ddb00a' }, h("button", { key: '1dd02163b1007a0401cd3262dd0096c14fb24d02', type: "button", id: "toggle-visibility-button", class: "toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: '39b35af58f5db864fe57b5f73b50fd03099a7c35', icon: "layers" }), h("span", { key: '2b8db6cd75c639f4960fb6fea6aa5ea10b346b91' }, "Kaartlagen")), h("div", { key: '992ad8d136703549b54d209d4f0353b044266036', class: "zoom-buttons" }, h("button", { key: '9c2308d3b4519a912839bb7bd279263c43358e99', type: "button", onClick: (e) => this.dsoZoomIn.emit(e), disabled: this.disableZoom === "in" || this.disableZoom === "both" }, h("span", { key: '8f8c8a3834eb7a382202e601bb965af8f81b5551' }, "Zoom in"), h("dso-icon", { key: 'c941dc9d1759127cea74d053423e30617db34a48', icon: "plus" })), h("button", { key: 'f85503edb7f8d13cb7adf5c63574966d8e5b7450', type: "button", onClick: (e) => this.dsoZoomOut.emit(e), disabled: this.disableZoom === "out" || this.disableZoom === "both" }, h("span", { key: 'e16c47520350de121d8729ec2e2e5e56039edb6e' }, "Zoom uit"), h("dso-icon", { key: 'efc5b88940f06bec9c4823025b989777ed13ec72', icon: "minus" }))), h("section", { key: 'f32404ee213539b03736cd18e22040906b77feca', hidden: this.hideContent }, h("header", { key: '746ae45a47d5cca218aa32287658fed5b34e04a8' }, h("h2", { key: 'b6ea4b4e95271620f44dcd5e21e8cfbd51d3ef73' }, this.panelTitle), h("button", { key: 'a29f8bc57db84589e98a377f4a80243952cd9b91', type: "button", class: "close-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) }, h("span", { key: '290e9b1374945030e0d01495fc92a792f4cbb39d' }, "Verberg paneel ", this.panelTitle), h("dso-icon", { key: '6f16acda8d9002dd24993226d682c9082dad4c81', icon: "times" }))), h("dso-scrollable", { key: '72166f0fd12f7fe77bdd3ac6682e904380a5baaa' }, h("div", { key: 'b9a7225e47fb4bbc78f6ce46c0b9048b2acbccc3', class: "content" }, h("slot", { key: '0c76b990517858b062abdfe30df6beccd16f735f' }))))));
     }
     static get watchers() { return {
         "open": ["watchOpen"]

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

@@ -35,7 +35,7 @@ const MapOverlays = /*@__PURE__*/ proxyCustomElement(class MapOverlays extends H
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: 'e5de5ba0398fb986203033e79fb89d56f9a14e44', class: "form-group dso-checkboxes" }, h("legend", { key: '1fa2242a3a4494a4f40c16f76ec861d9c5abe9ed', class: "sr-only" }, "Kaartlagen"), h("div", { key: '8cfa0e4c828ee0f980df84a94242440112d33a1e', class: "dso-label-container" }, h("span", { key: '8b0fc86a327f41e095443792ddd05b3dbafe5152', class: "control-label", "aria-hidden": "true" }, "Kaartlagen")), h("div", { key: 'b2c0465e7f662413d199b1c4c6d530f122d1d7bc', 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: '9690b8f1aced2232adc3cda2c519921e2deb4611', class: "form-group dso-checkboxes" }, h("legend", { key: '812287677e887e635f2256afcc747008b3b67e87', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'e901a9c7115f2f1bf02afe3be33579952aa0bab1', class: "dso-label-container" }, h("span", { key: '7ae751d72d3142ebdbb1bad7b9ca2d70860ac400', class: "control-label", "aria-hidden": "true" }, "Kaartlagen")), h("div", { key: 'dda63540f9a602103bee0c9b8321d4f9ab9e3b67', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
     }
     static get style() { return DsoMapOverlaysStyle0; }
 }, [1, "dso-map-overlays", {

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

@@ -54,7 +54,7 @@ const MarkBar = /*@__PURE__*/ proxyCustomElement(class MarkBar extends HTMLEleme
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: 'd66b3ca5cc3c0ec5fb32cb673ac93672e885bd8e', class: "dso-mark-bar" }, h("div", { key: 'bc42aea89efe2c211acf7a0d38e6a7dd6be6a6e5', class: "dso-mark-bar-input" }, h("input", { key: '7413ba190a51be189a03eb7fb2ea5187807b40f1', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'd1284be2c862e4720c1eeb0bdfdc887e507718f2', htmlFor: "search-input" }, h("dso-icon", { key: '032f8b0cb7fcd85a42c71864e30eb020150963f7', class: "dso-search-icon", icon: "search" }), h("span", { key: '5711b61364f1059ea2ec2e85fe5e3c7da18c4035', class: "label-text" }, this.label)), h("button", { key: 'c9db372c8da8ff018ead0711adc944b61503e8c4', type: "button", onClick: this.handleClear }, h("dso-icon", { key: 'bdfda039b8c488dcd3a96d25a7d9757becdd9c79', icon: "times" }), h("span", { key: '9a8935a37924417c72fecc32026aed6b1bd67c10', class: "sr-only" }, "Zoekopdracht legen"))), h("div", { key: 'c4d662a6ae7504f695f831bc27b4634407fb4c59', class: "dso-button-container" }, h("span", { key: '39222d45e6d8d614301b8c007d9a5d437f178ad3', class: "divider" }), h("button", { key: '7c4f0c35bd52de9923b2c3676a70cf673c7270e2', type: "button", onClick: this.handlePrevious, disabled: current <= 1 }, h("dso-icon", { key: '05b230ddbab54f81eecd659e43ccc050819601c6', icon: "chevron-up", class: "hydrated" }), h("span", { key: 'f6061e9cb74d3b7e7efa8829388e8b52285f835d', class: "sr-only" }, "Vorig zoekresultaat")), h("span", { key: '46fe7ddf2359795bf0323f34952c2985fe5c6c32' }, current, "/", totalCount), h("button", { key: 'abc7272e3fc76b2eb556d318852672395070ef11', type: "button", onClick: this.handleNext, disabled: current >= totalCount }, h("dso-icon", { key: '30d7922d66334ed7c97cd848ff10e2691249755b', icon: "chevron-down", class: "hydrated" }), h("span", { key: '16b5e0a05ca46307c73bada038922ac98bc6a5ec', class: "sr-only" }, "Volgend zoekresultaat")))));
+        return (h("div", { key: '3df6289ae5ac91adf0ba9473e38adab8dc6b91f4', class: "dso-mark-bar" }, h("div", { key: '702a95a26990c2afdc62726b23f2c5e278b2649c', class: "dso-mark-bar-input" }, h("input", { key: 'adbe69018b986b2ca4d73099ff8c6ece2fac1e5a', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '26a364def7585a8390c70f124b7be806fabda74c', htmlFor: "search-input" }, h("dso-icon", { key: 'bd2c98273728bff66236989d40807de2995eb2aa', class: "dso-search-icon", icon: "search" }), h("span", { key: '4cde1a75df6bb62dd1970c8aae52e31ac8ff9d00', class: "label-text" }, this.label)), h("button", { key: '103d37170e51d078da432eb43fbd8edb5540758b', type: "button", onClick: this.handleClear }, h("dso-icon", { key: 'b11abdeabc4c91964ea0aad97c10ccb6a420cb5a', icon: "times" }), h("span", { key: 'c4718f33f2c0acd1f78292a542351097b4ff31a1', class: "sr-only" }, "Zoekopdracht legen"))), h("div", { key: '015d21fe0562ae31d55d46ce15353ad0853fb8db', class: "dso-button-container" }, h("span", { key: 'ad2efabb6240583c0279309e13111355a899a73d', class: "divider" }), h("button", { key: 'd48f48ebb1be93f4b8132353ee0749bd1e4a5428', type: "button", onClick: this.handlePrevious, disabled: current <= 1 }, h("dso-icon", { key: 'cca9b200cbfc41d8af151f08077a0c3c48999a85', icon: "chevron-up", class: "hydrated" }), h("span", { key: 'b21a8eabf37d9319f89908e1ec29e05f941cd5a4', class: "sr-only" }, "Vorig zoekresultaat")), h("span", { key: '5a6a7483b0ecaa818f5a40370030230a26b13988' }, current, "/", totalCount), h("button", { key: 'cf226989ea402fcb66d5549b48867bc20a923c79', type: "button", onClick: this.handleNext, disabled: current >= totalCount }, h("dso-icon", { key: '9b1a3178daa8746ca7434e7f4c03755f62deeece', icon: "chevron-down", class: "hydrated" }), h("span", { key: '71e707b2cfe6de7679819ee4fc8c5910a6681cd1', class: "sr-only" }, "Volgend zoekresultaat")))));
     }
     static get style() { return DsoMarkBarStyle0; }
 }, [1, "dso-mark-bar", {

package/dist/components/dso-modal.js

@@ -43,10 +43,10 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends HTMLElement {
     }
     render() {
         var _a;
-        return (h("dialog", { key: '0c88aa98a005a1477f2a989386981ca658bf631f', class: "dso-modal", role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onCancel: (e) => {
+        return (h("dialog", { key: '4d48030b3432279a8e2df190e1f4ad1fc48c9c3f', class: "dso-modal", role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onCancel: (e) => {
                 e.preventDefault();
                 this.dsoClose.emit({ originalEvent: e });
-            } }, h("div", { key: 'b809d3244393b51e7c11ffd48ab6491fb5d2fa0d', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.showCloseButton && (h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("dso-scrollable", { key: 'ff3a4a8f8f6962462cb71a4d4a7410de34c01130' }, h("div", { key: '8fbc99c87a885485d7388469f757fcb54c89cc76', class: "dso-body", tabIndex: 0 }, h("slot", { key: '9c9f7a379a1c5641ac270035fa3c7abf3f628c67', name: "body" }))), this.hasFooter && (h("div", { key: '8bb55b4d952e775a35d69a5f4ec7827cc2227a90', class: "dso-footer" }, h("slot", { key: '97e8aea9e2565e7696cc34edd05052a7f566a701', name: "footer" }))))));
+            } }, h("div", { key: '0baad3eadc4cb8b63de70cfdfb7b131d2dc9fd06', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.showCloseButton && (h("button", { type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))))) : (h("span", { class: "sr-only", id: this.ariaId }, "Dialoog")), h("dso-scrollable", { key: '176addc8c6b77a1df17fcaf318f7c223e38976e0' }, h("div", { key: '66f6999737317fea2762ba995fa241e0e0853a8a', class: "dso-body", tabIndex: 0 }, h("slot", { key: '4e4fb13dfc8989ac6892746707c9643020e9974d', name: "body" }))), this.hasFooter && (h("div", { key: '702cd2d1749a76937441c0514a424660f02d2571', class: "dso-footer" }, h("slot", { key: '27d2d4151e3bf97b871f01f8f0d537d69f7b9ce5', name: "footer" }))))));
     }
     get host() { return this; }
     static get style() { return DsoModalStyle0; }

package/dist/components/dso-panel.js

@@ -1,39 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './icon.js';
-
-const panelCss = ":host{display:block;border:1px solid #a8bcaf;border-radius:4px}*,*::after,*::before{box-sizing:border-box}.panel-heading{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding-block:8px;padding-inline:16px 8px;border-block-end:1px solid #a8bcaf;border-start-start-radius:4px;border-start-end-radius:4px;background-color:#e9eeeb;color:#275937}.panel-heading .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}::slotted([slot=heading]){margin:0 !important;font-size:1rem !important;font-weight:600 !important;line-height:1.5 !important}.panel-close{display:inline-block;inline-size:24px;aspect-ratio:1/1;padding:0;border:0;background-color:transparent;color:#275937;cursor:pointer}.panel-body{padding-block:16px;padding-inline:16px}";
-const DsoPanelStyle0 = panelCss;
-
-const Panel = /*@__PURE__*/ proxyCustomElement(class Panel extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.dsoCloseClick = createEvent(this, "dsoCloseClick", 7);
-    }
-    render() {
-        return (h("div", { key: '022f08b90fec917193c835d5464bba3c82dcb591', class: "dso-panel" }, h("div", { key: '729d9d77542cef2f42d8327d801db73ebc00093c', class: "panel-heading" }, h("slot", { key: '9afc64d9c40b150f2c06d108fc3e6c0c5b9ee9d9', name: "heading" }), h("button", { key: '23a5e3c7ca055069f735a112c305199d203a0554', type: "button", class: "panel-close", onClick: (e) => this.dsoCloseClick.emit({ originalEvent: e }) }, h("dso-icon", { key: '193d6bbf93e4b0d994c6eac62c50728ec905c472', icon: "times" }), h("span", { key: '319a762facf6abe17541cef1c3a63a4d5bba78cb', class: "sr-only" }, "Sluiten"))), h("div", { key: '4739d349f4df3b7ff8500c3da34adafa7246b2da', class: "panel-body" }, h("slot", { key: '49784b09addb82d7be1f102f2d2ee8ea499beed3' }))));
-    }
-    static get style() { return DsoPanelStyle0; }
-}, [1, "dso-panel"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-panel", "dso-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-panel":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Panel);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
+import { P as Panel, d as defineCustomElement$1 } from './panel.js';
 
 const DsoPanel = Panel;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dso-panel.js.map

@@ -1 +1 @@
-{"file":"dso-panel.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,o0BAAo0B,CAAC;AACt1B,uBAAe,QAAQ;;MCcV,KAAK;;;;;;;IAOhB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,WAAW,IACpB,4DAAK,KAAK,EAAC,eAAe,IACxB,6DAAM,IAAI,EAAC,SAAS,GAAG,EACvB,+DAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,IACrG,iEAAU,IAAI,EAAC,OAAO,GAAY,EAClC,6DAAM,KAAK,EAAC,SAAS,cAAe,CAC7B,CACL,EACN,4DAAK,KAAK,EAAC,YAAY,IACrB,8DAAa,CACT,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/panel/panel.scss?tag=dso-panel&encapsulation=shadow","src/components/panel/panel.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/di\";\r\n\r\n:host {\r\n  display: block;\r\n\r\n  border: 1px solid colors.$bosgroen-40;\r\n  border-radius: units.$u1 * 0.5;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.panel-heading {\r\n  display: flex;\r\n  gap: units.$u2;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n\r\n  padding-block: units.$u1;\r\n  padding-inline: units.$u2 units.$u1;\r\n\r\n  border-block-end: 1px solid colors.$bosgroen-40;\r\n\r\n  border-start-start-radius: units.$u1 * 0.5;\r\n  border-start-end-radius: units.$u1 * 0.5;\r\n\r\n  background-color: colors.$bosgroen-10;\r\n\r\n  color: colors.$bosgroen;\r\n\r\n  .sr-only {\r\n    @include utilities.sr-only();\r\n  }\r\n}\r\n\r\n::slotted([slot=\"heading\"]) {\r\n  margin: 0 !important;\r\n  font-size: 1rem !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.5 !important;\r\n}\r\n\r\n.panel-close {\r\n  display: inline-block;\r\n\r\n  inline-size: units.$u3;\r\n  aspect-ratio: 1 / 1;\r\n\r\n  padding: 0;\r\n\r\n  border: 0;\r\n\r\n  background-color: transparent;\r\n\r\n  color: colors.$bosgroen;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n.panel-body {\r\n  padding-block: units.$u2;\r\n  padding-inline: units.$u2;\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, h } from \"@stencil/core\";\r\n\r\nexport interface PanelCloseEvent {\r\n  originalEvent: Event;\r\n}\r\n\r\n/**\r\n * @slot - The contents to be highlighted within the panel\r\n * @slot heading - The heading (h2 - h6) with the title of the panel\r\n */\r\n@Component({\r\n  tag: \"dso-panel\",\r\n  styleUrl: \"panel.scss\",\r\n  shadow: true,\r\n})\r\nexport class Panel implements ComponentInterface {\r\n  /**\r\n   * Emitted when the user click the close button.\r\n   */\r\n  @Event()\r\n  dsoCloseClick!: EventEmitter<PanelCloseEvent>;\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"dso-panel\">\r\n        <div class=\"panel-heading\">\r\n          <slot name=\"heading\" />\r\n          <button type=\"button\" class=\"panel-close\" onClick={(e) => this.dsoCloseClick.emit({ originalEvent: e })}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">Sluiten</span>\r\n          </button>\r\n        </div>\r\n        <div class=\"panel-body\">\r\n          <slot></slot>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"dso-panel.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/dso-progress-bar.js

@@ -15,7 +15,7 @@ const ProgressBar = /*@__PURE__*/ proxyCustomElement(class ProgressBar extends H
     render() {
         const progressNumber = Math.round(this.progress);
         const progressPercentage = `${progressNumber}%`;
-        return (h("div", { key: 'bdc673d9d6081248f02eb13bf4cc45e97ce9d754', class: "progress" }, h("span", { key: 'fc6057145d710db59a2cd6e4ac62fc98e3663211', class: "progress-bar", role: "progressbar", "aria-labelledby": "progress-bar-label", "aria-valuenow": progressNumber, "aria-valuemin": this.min, "aria-valuemax": this.max }, h("span", { key: 'c559fdf1e1777c56acf960c8cbf6154f53da393c', style: { width: `${progressPercentage}` } })), h("span", { key: '42182aff70df5a667494d0c0e294a72349c194db', id: "progress-bar-label" }, h("slot", { key: 'fdd9990227e7ef80254da1722573fc4447f9ae90' }))));
+        return (h("div", { key: 'd1b4e6eb8fc5a1ee9b96f0774474420c271f759b', class: "progress" }, h("span", { key: 'b7a00ad201b2c7001c6ec7286b4aed496b7d8d2a', class: "progress-bar", role: "progressbar", "aria-labelledby": "progress-bar-label", "aria-valuenow": progressNumber, "aria-valuemin": this.min, "aria-valuemax": this.max }, h("span", { key: '471b0487eeec277707610bc0b81bb2c860fe02ac', style: { width: `${progressPercentage}` } })), h("span", { key: '513aa7c0f9881c9d95d54264553b16ddf0121e42', id: "progress-bar-label" }, h("slot", { key: '6ad0ef5debf6fb5d67c3b38ab0ad148c855a4242' }))));
     }
     static get style() { return DsoProgressBarStyle0; }
 }, [1, "dso-progress-bar", {

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

@@ -199,7 +199,7 @@ const TreeView = /*@__PURE__*/ proxyCustomElement(class TreeView extends HTMLEle
     }
     render() {
         var _a;
-        return (h("div", { key: 'fb5ce3d687bcd95be1603142bae51b6114db4810', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '97b8778fd22d06e4db48976c320bd17b77d38455', 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: '2eff02be3c7fa1122bcceb02f49686fa313a03eb', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'bd81717040790bb9b97dfc7b06ae3eff1aa0e0f8', 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 DsoTreeViewStyle0; }
 }, [1, "dso-tree-view", {

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

@@ -251,7 +251,7 @@ const ViewerGrid = /*@__PURE__*/ proxyCustomElement(class ViewerGrid extends HTM
     }
     render() {
         const tabLabels = this.mode === "vdk" ? viewerGridVdkTabs : viewerGridVrkTabs;
-        return (h(Fragment, null, this.tabView && (h("nav", { key: '77ee5b5011e60a932e6d1c5c542081353ee8144b', class: "dso-navbar" }, h("ul", { key: '2c277a8eec7dc5df4645d17f7c3825e8c049df35', class: "dso-nav dso-nav-sub" }, tabLabels.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 === "main" || this.activeTab === "search"))) && (h(MainPanel, { key: '1f02ff7294d8fde5a89c722d9758ff4f140668fc', mode: this.mode, tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, shrinkMain: this.emitShrinkMain, expandMain: this.emitExpandMain, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), h(Filterpanel, { key: 'e7a5491f71a60d2fc4c3474f8ca535452b50ce28', ref: (element) => (this.filterpanel = element), onApply: this.handleFilterpanelApply, onCancel: this.handleFilterpanelCancel }), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: '770cdcfcdb2d29221d9a39ff439bb0ebf557cdb2', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '0d95f2bfd756e5be66bbe22dcf659b65cac6fe09', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '2960455c695f8bd13b5aaf38d473243d62bd7840', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'f38f2ba261f20bd679fd343641b92c5836d6f8d7', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) })));
+        return (h(Fragment, null, this.tabView && (h("nav", { key: 'bcb65a8fa594201784f5fc536fa1dc51ae238a1f', class: "dso-navbar" }, h("ul", { key: 'e62921b7bf9f979d1bdac44bf3db0bd3c9d82f2b', class: "dso-nav dso-nav-sub" }, tabLabels.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 === "main" || this.activeTab === "search"))) && (h(MainPanel, { key: 'c2ba30c5affc612141c56c982f835cfb4fe039c3', mode: this.mode, tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, shrinkMain: this.emitShrinkMain, expandMain: this.emitExpandMain, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), h(Filterpanel, { key: '3ad738a4713c918cba274d288ef11d729b2190b1', ref: (element) => (this.filterpanel = element), onApply: this.handleFilterpanelApply, onCancel: this.handleFilterpanelCancel }), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: 'd9feb8fd090c4e097c9f388c628766c8a7a89386', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: 'df77620a663614e4417a022aa3ed5055583d6fc6', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '9ae25c1ba5377b5c2fc098f482cca838d745f0c1', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '8fb16e4308769043332bfd4d679950612a3d16bb', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) })));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -1,14 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { c as commonjsGlobal, d as defineCustomElement$6 } from './ozon-content.js';
+import { c as commonjsGlobal, d as defineCustomElement$8 } from './ozon-content.js';
 import { d as defineCustomElement$f } from './alert.js';
-import { d as defineCustomElement$e } from './annotation-button.js';
-import { d as defineCustomElement$d } from './annotation-output.js';
-import { d as defineCustomElement$c } from './badge.js';
-import { d as defineCustomElement$b } from './document-component.js';
-import { d as defineCustomElement$a } from './expandable.js';
-import { d as defineCustomElement$9 } from './icon.js';
-import { d as defineCustomElement$8 } from './image-overlay.js';
-import { d as defineCustomElement$7 } from './label.js';
+import { d as defineCustomElement$e } from './annotation-locatie.js';
+import { d as defineCustomElement$d } from './badge.js';
+import { d as defineCustomElement$c } from './document-component.js';
+import { d as defineCustomElement$b } from './icon.js';
+import { d as defineCustomElement$a } from './image-overlay.js';
+import { d as defineCustomElement$9 } from './label.js';
+import { d as defineCustomElement$7 } from './panel.js';
+import { d as defineCustomElement$6 } from './renvooi.js';
 import { d as defineCustomElement$5 } from './responsive-element.js';
 import { d as defineCustomElement$4 } from './slide-toggle.js';
 import { d as defineCustomElement$3 } from './table.js';
@@ -1658,7 +1658,7 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
             const embeddedDocuments = this.getEmbeddedDocumentComponents(documentComponent);
             return (h("dso-document-component", { annotated: documentComponent.volgordeNummer % 4 === 2, bevatOntwerpInformatie: !!documentComponent.bevatOntwerpInformatie, filtered: this.isOpen(documentComponent)
                     ? this.isFiltered(documentComponent)
-                    : this.hasFilteredChildren(documentComponent), genesteOntwerpInformatie: this.hasNestedDraft(documentComponent), gereserveerd: documentComponent.gereserveerd, heading: "h2", inhoud: documentComponent.inhoud, label: documentComponent.labelXml, openAnnotation: this.isOpenedAnnotation(documentComponent), notApplicable: this.isNotApplicable(documentComponent) || path.some((p) => this.isNotApplicable(p)), nummer: documentComponent.nummerXml, onDsoAnnotationToggle: () => this.handleAnnotationToggle(documentComponent), onDsoOpenToggle: () => this.handleOpenToggle(documentComponent), onDsoOzonContentAnchorClick: (e) => this.handleOzonContentAnchorClick(e), open: this.isOpen(documentComponent), opschrift: documentComponent.opschrift, type: documentComponent.type, vervallen: documentComponent.vervallen, wijzigactie: documentComponent.wijzigactie, recursiveToggle: this.recursiveToggleState(documentComponent), onDsoRecursiveToggle: (e) => this.handleRecursiveToggle(documentComponent, e.detail) }, this.isOpenedAnnotation(documentComponent) && (h("dso-annotation-output", { slot: "annotation", open: true, identifier: "test", onDsoClose: () => this.handleAnnotationToggle(documentComponent) }, h("span", { slot: "title" }, "Annotaties"), h("dso-slide-toggle", { checked: this.isCheckedSlideToggle(documentComponent), onDsoActiveChange: () => this.handleSelectableChange(documentComponent) }, "Delfzijl"))), this.showContent(documentComponent) && (embeddedDocuments === null || embeddedDocuments === void 0 ? void 0 : embeddedDocuments.documentComponents.length) && (h("ul", { class: "dso-document-component-list" }, embeddedDocuments.documentComponents.map((d) => (h("li", { key: d.documentTechnischId }, h(DocumentComponent, { path: [...path, d] }))))))));
+                    : this.hasFilteredChildren(documentComponent), genesteOntwerpInformatie: this.hasNestedDraft(documentComponent), gereserveerd: documentComponent.gereserveerd, heading: "h2", inhoud: documentComponent.inhoud, label: documentComponent.labelXml, openAnnotation: this.isOpenedAnnotation(documentComponent), notApplicable: this.isNotApplicable(documentComponent) || path.some((p) => this.isNotApplicable(p)), nummer: documentComponent.nummerXml, onDsoAnnotationToggle: () => this.handleAnnotationToggle(documentComponent), onDsoOpenToggle: () => this.handleOpenToggle(documentComponent), onDsoOzonContentAnchorClick: (e) => this.handleOzonContentAnchorClick(e), open: this.isOpen(documentComponent), opschrift: documentComponent.opschrift, type: documentComponent.type, vervallen: documentComponent.vervallen, wijzigactie: documentComponent.wijzigactie, recursiveToggle: this.recursiveToggleState(documentComponent), onDsoRecursiveToggle: (e) => this.handleRecursiveToggle(documentComponent, e.detail) }, this.isOpenedAnnotation(documentComponent) && (h("div", { slot: "annotations" }, h("dso-annotation-locatie", { active: this.isCheckedSlideToggle(documentComponent), "gewijzigde-locatie": true, locatieNoemer: "Winkelgebied", onDsoActiveChange: () => this.handleSelectableChange(documentComponent) }, h("span", { class: "symboolcode", slot: "symbool", "data-symboolcode": "vszt030" })))), this.showContent(documentComponent) && (embeddedDocuments === null || embeddedDocuments === void 0 ? void 0 : embeddedDocuments.documentComponents.length) && (h("ul", { class: "dso-document-component-list" }, embeddedDocuments.documentComponents.map((d) => (h("li", { key: d.documentTechnischId }, h(DocumentComponent, { path: [...path, d] }))))))));
         };
         this.MenuButton = ({ documentComponent }) => {
             const { labelXml, nummerXml, type } = documentComponent;
@@ -1801,7 +1801,7 @@ const DocumentComponentDemo = /*@__PURE__*/ proxyCustomElement(class DocumentCom
     render() {
         var _a, _b;
         const { DocumentComponent, MenuButton } = this;
-        return (h("dso-responsive-element", { key: '2c3d68cb8d9543a5607e56dd1988aa8b781266b3', class: "dso-document-components" }, h("div", { key: 'fa528ab9ca9977ebd06d9e0b20372fe6da6e81f2', class: "dso-navbar" }, h("ul", { key: '9781b2d6c1dde2a9a66486e77e0683250422fdba', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: '135e3669c122161300ff82fed9601048cd7f7422', path: [this.document] })));
+        return (h("dso-responsive-element", { key: '16b7d10e045d7786c6f19636bcf720d18abc47dd', class: "dso-document-components" }, h("div", { key: 'a2c8d69d1bc709801116ac60218f3fec75fe5acd', class: "dso-navbar" }, h("ul", { key: 'fe169b6c35ad011116758e50df84b4d7caf87596', class: "dso-nav dso-nav-sub" }, (_b = (_a = this.getEmbeddedDocumentComponents(this.response)) === null || _a === void 0 ? void 0 : _a.documentComponents) === null || _b === void 0 ? void 0 : _b.map((d) => (h("li", { class: this.document === d ? "dso-active" : undefined }, h(MenuButton, { documentComponent: d })))))), this.document && h(DocumentComponent, { key: '3b8096824ba9b544674c09f1cec7e7ae1bc2f9eb', path: [this.document] })));
     }
     static get watchers() { return {
         "jsonFile": ["jsonFileWatcher"],
@@ -1827,7 +1827,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["dsot-document-component-demo", "dso-alert", "dso-annotation-button", "dso-annotation-output", "dso-badge", "dso-document-component", "dso-expandable", "dso-icon", "dso-image-overlay", "dso-label", "dso-ozon-content", "dso-responsive-element", "dso-slide-toggle", "dso-table", "dso-tooltip"];
+    const components = ["dsot-document-component-demo", "dso-alert", "dso-annotation-locatie", "dso-badge", "dso-document-component", "dso-icon", "dso-image-overlay", "dso-label", "dso-ozon-content", "dso-panel", "dso-renvooi", "dso-responsive-element", "dso-slide-toggle", "dso-table", "dso-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "dsot-document-component-demo":
             if (!customElements.get(tagName)) {
@@ -1839,47 +1839,47 @@ function defineCustomElement$1() {
                 defineCustomElement$f();
             }
             break;
-        case "dso-annotation-button":
+        case "dso-annotation-locatie":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "dso-annotation-output":
+        case "dso-badge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "dso-badge":
+        case "dso-document-component":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "dso-document-component":
+        case "dso-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "dso-expandable":
+        case "dso-image-overlay":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "dso-icon":
+        case "dso-label":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "dso-image-overlay":
+        case "dso-ozon-content":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "dso-label":
+        case "dso-panel":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "dso-ozon-content":
+        case "dso-renvooi":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }