@dso-toolkit/core 100.2.0 → 100.3.1

package/dist/collection/components/selectable/selectable.js

@@ -51,7 +51,7 @@ export class Selectable {
         const describedBy = [hasInfo && this.infoFixed ? this.describedById : undefined, this.errormessage]
             .filter((value) => value !== undefined)
             .join(" ") || undefined;
-        return (h(Fragment, { key: 'c1bcf78acb134256d9ee7e1aa16f606cf9abc74d' }, h("div", { key: '050fc2690b77f4cdfd5b302b5c1e8da02ff33e5e', class: "dso-selectable-container" }, h("div", { key: '99a646106d3b991cbe6fca4d5f4f3bc1aaaba2e2', class: "dso-selectable-input-wrapper" }, h("input", { key: '82dad85616e0eda09ab129ca830a80714a354b89', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '96678e3b9966222d90c789316cf4d6f66c9f0743', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '903c82d16a550cfbdc78bdeaad29fb4f003c2c3b', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '6415907b0d28494858e0661a743778be6d7f43cf' }, h("slot", { key: 'b207f99f8fc8fb9af4779d4a2fd19f3235c48bea', name: "info" })))), h("slot", { key: '1de94849b9e2d6d7ea862094ddce33fd05cd6b04', name: "options" })));
+        return (h(Fragment, { key: '4fcfaccfc2f046747059a236b95e94fd0ff63eda' }, h("div", { key: 'b157a7b0666bff6a70c6f73c8f01e0f404be59a6', class: "dso-selectable-container" }, h("div", { key: '0ae8a012600400a2ad5613a40b5edc7ed2e3697b', class: "dso-selectable-input-wrapper" }, h("input", { key: '3766067fdbd363f009d8e468efa744cff7806125', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '372012b7f352dbbec302bd8b8eb8ba06f61afb3b', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '9df3328a5f9e511ce3c3e47198f8962ad9fd8e5f', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '669eeac1998e756335e46e571f09ed128b510b88' }, h("slot", { key: '7988c3530d3b595a0bd8e276c5880bf23c32f480', name: "info" })))), h("slot", { key: '03944fb01644124409295f56dc44e7753d9d34e8', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/collection/components/shopping-cart/shopping-cart.js

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

package/dist/collection/components/skiplink/skiplink.js

@@ -8,7 +8,7 @@ export class Skiplink {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: 'a11d01a5b3df19f88008ed455e8f0c26f967ceb8', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '1121181b37bb210b65ce5ceff1e1c25a2fa044d3', icon: "chevron-right" })));
+        return (h("a", { key: '937587918b1d40741510860278da2c73edbe6735', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'd911e0a1de7cb3cc20bee05d84452c8261aac952', icon: "chevron-right" })));
     }
     static get is() { return "dso-skiplink"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/slide-toggle/slide-toggle.js

@@ -25,7 +25,7 @@ export class SlideToggle {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (h(Fragment, { key: 'a9f4102df6359a337919acba29a04a63a7081ecc' }, h("button", { key: 'c1ca5b957f98fd775784db904dbefd2290b5c51d', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: 'e1f08afbfb5d2982382e2caca7973bd731992688', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '6959133349065a0c1c1b3819a6a337af77fb417c', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'a3374b9830448922a698fcc147346a19de74108a', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '645810d2e0742f0ca4da361f09aa4ef835b1fde0', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'fec9a4cae5f4db920452ac1dd269b4a4c474574a', htmlFor: this.identifier }, h("slot", { key: '79f4ab4d92e3e6bee2ebb99385d3f0af3fbbec83' })))));
+        return (h(Fragment, { key: '6c93206401ece72a6855cf221e2e736d6614f975' }, h("button", { key: '3ebe6f02a903409857700d514f4aca413821e105', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: 'cb80c67c5c73f236214a48e2139b02dc70b8ed16', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '7621050d5e32efbb415fbc78a594877fe2761838', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'fa4f3055cde0d553b427b021628119e5ab9e8419', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'a0d084c0080b4bb442ea3201e1de59f883c04311', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '19d4e2fffb21b163a0096c59003c15928ebc3f79', htmlFor: this.identifier }, h("slot", { key: '258e0e30ac2d245e47ea939e4473733eeea98177' })))));
     }
     static get is() { return "dso-slide-toggle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/survey-rating/survey-rating.js

@@ -18,10 +18,10 @@ export class SurveyRating {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (h("dso-panel", { key: '6e8e297be5e0c69f8dee7e8a5f5117f1438376c0', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '965558999e8f04fa3ea41b16ad2fba3c67fdf3cb', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '893161a964af4bef0732e6c41b17adc2a64e7842' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '3376fd9879f5e59c88410f29a084408210dd9310', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '9f37e212fa1e3da0644a78da19fee79941d09349', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '98dd40664a37b4367b6c4a4ebddc1211d6839520' }, "Heel moeilijk"), h("span", { key: '5bee666467de1089a9fff1d50d92ac0ac0adf15a' }, "Heel makkelijk")), h("div", { key: '286b60be1d47f19a6b9ceac3f87ed5f54486f743', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: 'a1e6eea42d3a72e8e35d4321e2e08694bc9bd281', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '88bb1cebae164f7e2b49b4b2a0bd6c9cc73c5e1b', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: 'b08654c69e56c45cb9f63a78f78122210e5eab1a' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'f25990862da6afa7f424f1cce2e189cb44e8f27d', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'c199c41e390f142411a9716f2a731d8571099e1d', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: 'bccb906e701e942afc821ef44246c262a8d9a92b' }, "Heel moeilijk"), h("span", { key: '3c76e8c0df2fd4570506f4c4c42cf35b6cd4856f' }, "Heel makkelijk")), h("div", { key: '9e0ac271c8a8bf13e6e3ee27fc5531f8d9c544d7', role: "radiogroup" }, ratings.map((rating, index) => {
             const ratingNumber = index + 1;
             return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), h("button", { key: '8a5594d402170c0798d4117fc03ae7afb9026711', type: "submit", class: "dso-secondary" }, h("span", { key: '0c8d2586fec17a7b0b3846d6c806d250cd6ef0ed' }, "Antwoord verzenden")))));
+        })), h("button", { key: 'cc40fc4662afb4ff4c55c87babcddf4f166ec8ef', type: "submit", class: "dso-secondary" }, h("span", { key: 'ef997bdf90814a3a898eba461f51455af6f96933' }, "Antwoord verzenden")))));
     }
     static get is() { return "dso-survey-rating"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table.js

@@ -55,7 +55,7 @@ export class Table {
     render() {
         const caption = this.host.querySelector(":scope > table > caption")?.textContent?.trim();
         const dialogLabel = caption || "Uitvergrote tabel";
-        return (h(Host, { key: '6fa5e06f68c476bc825322606e6a388d1d160996', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '03fae800e502d80e0943cf0a5cbde8460231f785', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && h("slot", { name: "open-modal-button" })), h("div", { class: "dso-table-body" }, h("slot", null))))));
+        return (h(Host, { key: 'e6786aa6d8ceb5ee4acd32e95594d63c9224ced6', "is-responsive": this.isResponsive?.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '95a2aaf4ee1ee09ee9db2e1443d1568e0ad3ab3b', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dso-modal", { modalTitle: caption ? dialogLabel : undefined, closable: true, returnFocus: false, onDsoClose: () => this.closeModal() }, !caption && (h("span", { slot: "body", class: "sr-only" }, dialogLabel)), h("div", { slot: "body", class: "dso-table-body" }, h("slot", null)))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && h("slot", { name: "open-modal-button" })), h("div", { class: "dso-table-body" }, h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

package/dist/collection/components/tabs/tabs.js

@@ -60,7 +60,7 @@ export class Tabs {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: '749bad8965a6a087b8c3b83dee2ff558d882fdc6' }, h("div", { key: 'c6c1637c8ab72fdfb213bae7bcab4bc1b4e095ad', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '7e0ccca72411bda9e649ccaa22766382dfcdf339' })), h("div", { key: '99d5187c177e8c61ef5b3d9084679c58e6ce2cee', role: "tabpanel", tabindex: "0" }, h("slot", { key: '72116bf16d9d89f409ddd4ba4ddff6a15233fb98', name: "panel" }))));
+        return (h(Host, { key: 'f9840526a41e0ce6bdd945e3f26a981dc4592cd8' }, h("div", { key: '8f1d74bde554f0dd2731dd9e607105c656e0f696', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'b0793d048219d61afefbbde716c7cb7128a8c1fe' })), h("div", { key: '6af0ed80dd887924bc59f746b689fa4dbeca23ab', role: "tabpanel", tabindex: "0" }, h("slot", { key: '1eacaa24eaac109889d5a564d7e6c038a51bc7e8', name: "panel" }))));
     }
     static get is() { return "dso-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tijdreis-banner/tijdreis-banner.js

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class TijdreisBanner {
     render() {
-        return (h(Fragment, { key: '1fcc9d115a0058605f4157e0df39f3d5c81968e5' }, h("dso-icon", { key: '0c8f78526723f4b220578bd419e505f50685b68e', icon: "clock-outline" }), h("slot", { key: 'ae86a42d8ee554394c1fca3258990b901e7a7540' }), h("slot", { key: '4ff386757ac1da7d878ca5deb8773b54a69a11f5', name: "button" })));
+        return (h(Fragment, { key: 'fe3fa01cf2a99643bfccaf466a4dce6b27b96640' }, h("dso-icon", { key: 'c97456db8ec8be99be97bbb1299bd2acfea3b26a', icon: "clock-outline" }), h("slot", { key: '6f345b66c80ac2820e99a6fb8a9c24bffa55c182' }), h("slot", { key: 'cbd60483bb0de2ee56640e43776902557fa2359e', name: "button" })));
     }
     static get is() { return "dso-tijdreis-banner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -170,7 +170,7 @@ export class TreeView {
         return false;
     }
     render() {
-        return (h("div", { key: '083627a4f166b890ed9d912c968e3f249fdcc9ad', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'd8a2c64857cab46c7bcef4d17dab462fa9ba7d5f', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
+        return (h("div", { key: 'f2a3ebdc132ce89aa5ae288a1843c67a287c8a7e', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '5c26ca0a616ab1dd0f4a4c9c89de12857e3b94aa', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
     }
     static get is() { return "dso-tree-view"; }
     static get encapsulation() { return "shadow"; }

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

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

package/dist/components/alert.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as n,transformTag as e}from"@stencil/core/internal/client";import{c as i}from"./clsx.js";import{i as d}from"./i18n.js";import{d as c}from"./icon.js";import{d as a}from"./icon-button.js";const s={en:{"dso-alert":{close:"Close",success:"Success",info:"Notice",warning:"Warning",error:"Error"}},nl:{"dso-alert":{close:"Sluiten",success:"Gelukt",info:"Opmerking",warning:"Waarschuwing",error:"Fout"}}},l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=t(this,"dsoClose",7),this.closable=!1,this.text=d((()=>this.host),s)}render(){const o=this.text(this.status);if(!o)throw new Error(`Invalid status ${this.status}`);return n("div",{key:"637ca58fe1f712fadde2ce2d9dc1f9e71ccef93e",class:i("alert",`alert-${this.status}`,{"dso-compact":this.compact}),role:this.roleAlert?"alert":void 0},!this.compact&&n("dso-icon",{key:"c33e4311894ea57101e9146e026be1569d3aa57a",class:"icon-status",icon:`status-${"info"===this.status?"info-solid":this.status}`,"aria-hidden":"true"}),n("span",{key:"da11a73b0dffb04ddc5fc825df87967a20823d5f",class:"sr-only"},o,":"),n("slot",{key:"a293d4377936b53e11c5d5d6e00df899b2e86302"}),this.closable&&n("dso-icon-button",{key:"29023c2f8b977840355e578a9eace6792bf70c81",label:this.text("close"),variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}))}get host(){return this}static get style(){return'*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}:host{display:block}:host(:not(:first-child)){margin-block-start:24px}.alert{line-height:1.5;margin-block-end:var(--_dso-alert-margin-block-end, 1.5rem);min-block-size:56px;position:relative;border:1px solid transparent}@media screen and (min-width: 481px){.alert{padding-block:15px;padding-inline:54px 39px}.alert.dso-compact{padding-block:7px;padding-inline:15px 39px}}@media screen and (max-width: 480px){.alert{padding-block:54px 15px;padding-inline:15px}.alert.dso-compact{padding-block:7px;padding-inline:15px}}.alert dso-icon-button{position:absolute;inset-block-start:7px;inset-inline-end:7px}.alert.dso-compact{border-end-end-radius:8px;border-start-end-radius:8px;margin-inline-start:8px;min-block-size:16px}.alert.dso-compact::before{content:"";position:absolute;inset-block-start:-1px;inset-block-end:-1px;inset-inline-start:-9px;border-start-start-radius:8px;border-end-start-radius:8px;inline-size:8px}.alert.alert-error{--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;border-color:var(--_dso-alert-error-border-color, #f5d8dc)}.alert.alert-error.dso-compact::before{background-color:#ce3f51}.alert.alert-info{--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-color:var(--_dso-alert-info-border-color, #e1ecf7)}.alert.alert-info.dso-compact::before{background-color:#6ca4d9}.alert.alert-success{--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;border-color:var(--_dso-alert-success-border-color, #e4f1d4)}.alert.alert-success.dso-compact::before{background-color:#39870c}.alert.alert-warning{--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f8f6cc;color:#191919;border-color:var(--_dso-alert-warning-border-color, #f8f6cc)}.alert.alert-warning.dso-compact::before{background-color:#dcd400}.icon-status{inset-block-start:15px;inset-inline-start:15px;position:absolute}::slotted(.dso-rich-content){--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0;--_dso-button-primary-color:#000;--_dso-button-primary-background-color:rgba(25, 25, 25, 0.05);--_dso-button-primary-border-color:rgba(25, 25, 25, 0.05);--_dso-button-primary-hover-color:#000;--_dso-button-primary-hover-background-color:rgba(25, 25, 25, 0.2);--_dso-button-primary-hover-border-color:rgba(25, 25, 25, 0.2);--_dso-button-primary-active-color:#000;--_dso-button-primary-active-background-color:rgba(25, 25, 25, 0.2);--_dso-button-primary-active-border-color:rgba(25, 25, 25, 0.2);--_dso-heading-base-color:#000;--_dso-heading-h2-color:#000;--_dso-heading-h3-color:#000;--_dso-heading-h4-color:#000;--_dso-heading-h5-color:#000;--_dso-heading-h1-font-size-xs:1em;--_dso-heading-h1-font-size:1em;--_dso-heading-h2-font-size-xs:1em;--_dso-heading-h2-font-size:1em;--_dso-heading-h3-font-size-xs:1em;--_dso-heading-h3-font-size:1em;--_dso-heading-h4-font-size:1em;--_dso-heading-h5-font-size:1em;--_dso-heading-h6-font-size:1em;--_dso-heading-h1-line-height:1.5;--_dso-heading-h2-line-height:1.5;--_dso-heading-h3-line-height:1.5;--_dso-heading-h4-line-height:1.5;--_dso-heading-h5-line-height:1.5;--_dso-heading-h6-line-height:1.5;--_dso-heading-margin-large-margin-block-end:8px;--_dso-heading-margin-large-margin-block-start:8px;--_dso-heading-margin-small-margin-block-end:8px;--_dso-heading-margin-small-margin-block-start:8px}'}},[257,"dso-alert",{status:[513],roleAlert:[4,"role-alert"],compact:[516],closable:[4]}]);function b(){"undefined"!=typeof customElements&&["dso-alert","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-alert":customElements.get(e(o))||customElements.define(e(o),l);break;case"dso-icon":customElements.get(e(o))||c();break;case"dso-icon-button":customElements.get(e(o))||a()}}))}export{l as A,b as d}
+import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as n,Fragment as e,transformTag as i}from"@stencil/core/internal/client";import{c as d}from"./clsx.js";import{i as c}from"./i18n.js";import{d as a}from"./icon.js";import{d as s}from"./icon-button.js";const l={en:{"dso-alert":{close:"Close",success:"Success",info:"Notice",warning:"Warning",error:"Error"}},nl:{"dso-alert":{close:"Sluiten",success:"Gelukt",info:"Opmerking",warning:"Waarschuwing",error:"Fout"}}},b=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=t(this,"dsoClose",7),this.closable=!1,this.text=c((()=>this.host),l)}render(){const o=["success","info","warning","error"].includes(this.status);return o||console.warn(`Invalid status ${this.status}`),n("div",{key:"2f3804fc5cb8af7bb475beb0c1180167e12f0a29",class:d("alert",{[`alert-${this.status}`]:o},{"dso-compact":this.compact}),role:this.roleAlert?"alert":void 0},o&&n(e,null,!this.compact&&n("dso-icon",{key:"5157d1a6105065c9480eee40949f747d825b6963",class:"icon-status",icon:`status-${"info"===this.status?"info-solid":this.status}`,"aria-hidden":"true"}),n("span",{key:"4f0e4edba075e4973828b013e1268d2bebbd2779",class:"sr-only"},this.text(this.status),":")),n("slot",{key:"05793df0001cb3066913c67b1f1873a19e0cd805"}),this.closable&&n("dso-icon-button",{key:"c662d10b9bcbd003dd3bd19d878c25224a6ef795",label:this.text("close"),variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}))}get host(){return this}static get style(){return'*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}:host{display:block}:host(:not(:first-child)){margin-block-start:24px}.alert{line-height:1.5;margin-block-end:var(--_dso-alert-margin-block-end, 1.5rem);min-block-size:56px;position:relative;border:1px solid transparent}@media screen and (min-width: 481px){.alert{padding-block:15px;padding-inline:54px 39px}.alert.dso-compact{padding-block:7px;padding-inline:15px 39px}}@media screen and (max-width: 480px){.alert{padding-block:54px 15px;padding-inline:15px}.alert.dso-compact{padding-block:7px;padding-inline:15px}}.alert dso-icon-button{position:absolute;inset-block-start:7px;inset-inline-end:7px}.alert.dso-compact{border-end-end-radius:8px;border-start-end-radius:8px;margin-inline-start:8px;min-block-size:16px}.alert.dso-compact::before{content:"";position:absolute;inset-block-start:-1px;inset-block-end:-1px;inset-inline-start:-9px;border-start-start-radius:8px;border-end-start-radius:8px;inline-size:8px}.alert.alert-error{--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;border-color:var(--_dso-alert-error-border-color, #f5d8dc)}.alert.alert-error.dso-compact::before{background-color:#ce3f51}.alert.alert-info{--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-color:var(--_dso-alert-info-border-color, #e1ecf7)}.alert.alert-info.dso-compact::before{background-color:#6ca4d9}.alert.alert-success{--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;border-color:var(--_dso-alert-success-border-color, #e4f1d4)}.alert.alert-success.dso-compact::before{background-color:#39870c}.alert.alert-warning{--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f8f6cc;color:#191919;border-color:var(--_dso-alert-warning-border-color, #f8f6cc)}.alert.alert-warning.dso-compact::before{background-color:#dcd400}.icon-status{inset-block-start:15px;inset-inline-start:15px;position:absolute}::slotted(.dso-rich-content){--_dso-rich-content-margin-block-end:0;--_dso-rich-content-margin-block-start:0;--_dso-button-primary-color:#000;--_dso-button-primary-background-color:rgba(25, 25, 25, 0.05);--_dso-button-primary-border-color:rgba(25, 25, 25, 0.05);--_dso-button-primary-hover-color:#000;--_dso-button-primary-hover-background-color:rgba(25, 25, 25, 0.2);--_dso-button-primary-hover-border-color:rgba(25, 25, 25, 0.2);--_dso-button-primary-active-color:#000;--_dso-button-primary-active-background-color:rgba(25, 25, 25, 0.2);--_dso-button-primary-active-border-color:rgba(25, 25, 25, 0.2);--_dso-heading-base-color:#000;--_dso-heading-h2-color:#000;--_dso-heading-h3-color:#000;--_dso-heading-h4-color:#000;--_dso-heading-h5-color:#000;--_dso-heading-h1-font-size-xs:1em;--_dso-heading-h1-font-size:1em;--_dso-heading-h2-font-size-xs:1em;--_dso-heading-h2-font-size:1em;--_dso-heading-h3-font-size-xs:1em;--_dso-heading-h3-font-size:1em;--_dso-heading-h4-font-size:1em;--_dso-heading-h5-font-size:1em;--_dso-heading-h6-font-size:1em;--_dso-heading-h1-line-height:1.5;--_dso-heading-h2-line-height:1.5;--_dso-heading-h3-line-height:1.5;--_dso-heading-h4-line-height:1.5;--_dso-heading-h5-line-height:1.5;--_dso-heading-h6-line-height:1.5;--_dso-heading-margin-large-margin-block-end:8px;--_dso-heading-margin-large-margin-block-start:8px;--_dso-heading-margin-small-margin-block-end:8px;--_dso-heading-margin-small-margin-block-start:8px}'}},[257,"dso-alert",{status:[513],roleAlert:[4,"role-alert"],compact:[516],closable:[4]}]);function _(){"undefined"!=typeof customElements&&["dso-alert","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-alert":customElements.get(i(o))||customElements.define(i(o),b);break;case"dso-icon":customElements.get(i(o))||a();break;case"dso-icon-button":customElements.get(i(o))||s()}}))}export{b as A,_ as d}

package/dist/components/annotation-locatie.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as n,Fragment as i,transformTag as e}from"@stencil/core/internal/client";import{A as a}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{d as l}from"./icon.js";import{d as b}from"./icon-button.js";import{d as g}from"./label.js";import{d as u}from"./renvooi.js";import{d as v}from"./slide-toggle.js";const _=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return n(a,{key:"2a575e3b6a080759b4fc29a90b2e8f4f88466504",symbol:o?n(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:n(i,null,n("span",{class:"content"},n("dso-renvooi",{value:this.locatieNoemer})),this.gewijzigdeLocatie&&n(s,null))})}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-locatie",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],locatieNoemer:[1,"locatie-noemer"]}]);function m(){"undefined"!=typeof customElements&&["dso-annotation-locatie","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle"].forEach((o=>{switch(o){case"dso-annotation-locatie":customElements.get(e(o))||customElements.define(e(o),_);break;case"dso-icon":customElements.get(e(o))||l();break;case"dso-icon-button":customElements.get(e(o))||b();break;case"dso-label":customElements.get(e(o))||g();break;case"dso-renvooi":customElements.get(e(o))||u();break;case"dso-slide-toggle":customElements.get(e(o))||v()}}))}export{_ as A,m as d}
+import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as n,Fragment as i,transformTag as e}from"@stencil/core/internal/client";import{A as a}from"./annotation-body.js";import{w as d,A as s,a as c}from"./annotation-watcher.js";import{d as l}from"./icon.js";import{d as b}from"./icon-button.js";import{d as g}from"./label.js";import{d as u}from"./renvooi.js";import{d as v}from"./slide-toggle.js";const _=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoActiveChange=t(this,"dsoActiveChange",7),this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return n(a,{key:"2b422f0518dcf047a46cccdd2772d14beed5d484",symbol:o?n(c,null):void 0,active:this.active,dsoActiveChange:this.dsoActiveChange,title:n(i,null,n("span",{class:"content"},n("dso-renvooi",{value:this.locatieNoemer})),this.gewijzigdeLocatie&&n(s,null))})}get host(){return this}static get style(){return'a{overflow-wrap:anywhere;background-color:transparent;color:var(--_dso-link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--_dso-link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--_dso-link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}'}},[1,"dso-annotation-locatie",{wijzigactie:[513],active:[516],gewijzigdeLocatie:[516,"gewijzigde-locatie"],locatieNoemer:[1,"locatie-noemer"]}]);function m(){"undefined"!=typeof customElements&&["dso-annotation-locatie","dso-icon","dso-icon-button","dso-label","dso-renvooi","dso-slide-toggle"].forEach((o=>{switch(o){case"dso-annotation-locatie":customElements.get(e(o))||customElements.define(e(o),_);break;case"dso-icon":customElements.get(e(o))||l();break;case"dso-icon-button":customElements.get(e(o))||b();break;case"dso-label":customElements.get(e(o))||g();break;case"dso-renvooi":customElements.get(e(o))||u();break;case"dso-slide-toggle":customElements.get(e(o))||v()}}))}export{_ as A,m as d}

package/dist/components/attachments-counter.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,transformTag as o}from"@stencil/core/internal/client";import{d as n}from"./icon.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("span",{key:"7079d231283b1ad6c35abd047634f1fa8e09db67",class:"dso-attachments"},this.count," ",s("span",{key:"a314a30c727b39d9e78e1fe4a8c2c4e4074f1e0c",class:"sr-only"},"bijlage",1!==this.count?"n":""),s("dso-icon",{key:"e7c9a185a6c5fb8e6bc013231d8638c9ca884071",icon:"paperclip"}))}static get style(){return":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}"}},[1,"dso-attachments-counter",{count:[514]}]);function a(){"undefined"!=typeof customElements&&["dso-attachments-counter","dso-icon"].forEach((e=>{switch(e){case"dso-attachments-counter":customElements.get(o(e))||customElements.define(o(e),c);break;case"dso-icon":customElements.get(o(e))||n()}}))}export{c as A,a as d}
+import{proxyCustomElement as e,HTMLElement as t,h as s,transformTag as o}from"@stencil/core/internal/client";import{d as n}from"./icon.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("span",{key:"b7b1425fdec7a04d7d3d8033e1dab4a6558dd243",class:"dso-attachments"},this.count," ",s("span",{key:"49cc2044e4d15a2c95fb5964dfa0e7e2ab9742e7",class:"sr-only"},"bijlage",1!==this.count?"n":""),s("dso-icon",{key:"ca45d55df1238a8270e9473cf2f85b9a724a260f",icon:"paperclip"}))}static get style(){return":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}"}},[1,"dso-attachments-counter",{count:[514]}]);function a(){"undefined"!=typeof customElements&&["dso-attachments-counter","dso-icon"].forEach((e=>{switch(e){case"dso-attachments-counter":customElements.get(o(e))||customElements.define(o(e),c);break;case"dso-icon":customElements.get(o(e))||n()}}))}export{c as A,a as d}