@dso-toolkit/core 80.0.0 → 81.0.0

package/dist/collection/components/project-item/project-item.js

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class ProjectItem {
     render() {
-        return (h(Fragment, { key: '89abe30a6d5572ce03b0bb2ede86203691de7e8b' }, h("div", { key: 'a168be00169d9aa207487b61e914268061d1df44', class: "project-item-header" }, h("div", { key: '595e7ed83a584f66a3604e829f5edc9bf269e4d4', class: "project-item-title" }, h("slot", { key: 'a60440b49e97f03eabf28f12733e8c0a6a592665', name: "title" }), this.label && (h("dso-label", { key: '74123de7f12003b24db71d79daae0457f11d0e7a', status: "error", compact: true }, this.label))), h("div", { key: '0ea2d3c8743dedce7c1ed8416c80cadded32f012', class: "project-item-actions" }, h("slot", { key: '880071c37ca6296792d82ada33989bc24ee7a109', name: "actions" }))), h("div", { key: '343143a42cfb01d7b68f522213fc1c394941bd68', class: "project-item-info" }, h("div", { key: 'a7420e4130ccbad5a99c2b337953b9732f920562', class: "project-item-progress" }, h("slot", { key: 'b400e59aaebe1b9c105950f47e76f71aa85e29cf', name: "progress" })), h("div", { key: 'e1e90f69026c7142e2204ed5f399a55919a1638f', class: "project-item-status" }, h("slot", { key: 'd15e248defe09ee612e077ab18425cb9240d92a0', name: "status" })))));
+        return (h(Fragment, { key: '2197cd3b5deb8eac8de777b567cc67dc5bf66a14' }, h("div", { key: '1bc1a8653bcf55a574b157ce238fb142da1eb0fa', class: "project-item-header" }, h("div", { key: 'ac0e0553045850a5a17a7cdf818462e7403ee054', class: "project-item-title" }, h("slot", { key: 'f716602a869131e4bdf64c0aa14519b0e9bcb3f8', name: "title" }), this.label && (h("dso-label", { key: '56164b6571282ded8eb101fa9311c1f7084a1928', status: "error", compact: true }, this.label))), h("div", { key: 'd5d2bd13e6a3944850d5b6cee1e5a130db95357f', class: "project-item-actions" }, h("slot", { key: '3200e0e7eea0400a1ce1e877a9371612d4730af3', name: "actions" }))), h("div", { key: 'b49f0871a8fade8f919bac74a35f100cbcd092e8', class: "project-item-info" }, h("div", { key: '5864b4d2256c2815eaa8a2cd56b6e1b67c26eef5', class: "project-item-progress" }, h("slot", { key: '0f1c9703d4b5576699f6c9bc8d6066faba52196a', name: "progress" })), h("div", { key: '911743b8487ba3f9af2cab6fdec7e1be9559e644', class: "project-item-status" }, h("slot", { key: '36cacf904a4aee79510098a33d6aad7503e41df7', name: "status" })))));
     }
     static get is() { return "dso-project-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/renvooi/renvooi.css

@@ -30,6 +30,7 @@ ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [hr
 }
 ins {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
 }
 
 del {
@@ -60,7 +61,9 @@ del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [hr
   background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
 }
 del {
+  --_dso-ozon-content-toggletip-color: colors.$zwart;
   text-decoration: line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   del {

package/dist/collection/components/responsive-element/responsive-element.js

@@ -40,7 +40,7 @@ export class ResponsiveElement {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '2e70f03bdf53149270d5a32b5fb3cc0df91bceae', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '7c4f9ad0ed4029f81e73b681ad88b564987c1187' })));
+        return (h(Host, { key: 'e0e07d809b52c7fb9fab8864bb61d6e1c3272f72', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '876ed4ce93b626a532bd834135b6e85389c331b6' })));
     }
     static get is() { return "dso-responsive-element"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scrollable/scrollable.js

@@ -84,9 +84,9 @@ export class Scrollable {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: '4ade944da89ae578f3064ead3795c0e6d8eee860', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'f20a9197a653c356520887f730ecde6ec2ccb2b0', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: 'cd2e8869fe88a66ae39be86f693e99a0b049169a', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '9b6612d2f5d55d87dd37ea837ca575b47a9e3607', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: '6d613626ea227e38dbd7d4c44a46e64d0554240b' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: '0e726000193e43041424c113d9a53a0d7ffe91e4' }))));
     }
     static get is() { return "dso-scrollable"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class Selectable {
     render() {
         var _a;
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: 'dd56e17cb9d6d5bf1fed5f905eaab8349b3aa6ad' }, h("div", { key: '1962731add825703834c580a80789a8c5e937109', class: "dso-selectable-container" }, h("div", { key: '6904486f126c03c3b4afb3d4c0c1166c770c318b', class: "dso-selectable-input-wrapper" }, h("input", { key: 'ae90c664821db922280071167b6dd95b0c3f89b8', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "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: '66ca12db3f23a7ece38062a86b20c24d2f8142a4', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '22569a4e817dcb5ee023aa62028e62f1a1838490', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '3c07526291d148c8b51f95b042c711ada1824940' }, h("slot", { key: '977fac29ac7a8bd1e9588725f4b1d36bba215ecc', name: "info" })))), h("slot", { key: '96cea0f3a49c0a3bf05012eea94f5932941f61c9', name: "options" })));
+        return (h(Fragment, { key: '00e6b1e40b31921349d80e3366fb906a6ed2910f' }, h("div", { key: '9af374c56672f803a6e375653a897a1565867e32', class: "dso-selectable-container" }, h("div", { key: '28284258c0115abcfc63bdb9caf9b92419647ea5', class: "dso-selectable-input-wrapper" }, h("input", { key: 'a0f793fc4661203df26ed5a51d4cb2e0b258185c', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "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: 'eb4309b9dcafbe1328b8ec3262eb9d3d9815d911', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '2abad7f22d72eb07bf1c5c680e5cbd72295aea30', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'c9c36f4002a49c504722d4c0d2367649ed5f5adc' }, h("slot", { key: 'c68bd4a1203dd5e1dd37a68180921f841a2ad7a7', name: "info" })))), h("slot", { key: '6fcb669e8307e97b7b950d60963259478d7b0d28', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

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: '47531eaf0658de3f0c424a5559214e355a8f215f', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '37e646984957bc1566d045cac8b28d6aa7401226', icon: "chevron-right" })));
+        return (h("a", { key: '067279ccc91e58160a8c8e32d3ef001558377ea6', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'a8fb2cd1842ee9df06b661f2ab2efcf04783231f', 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: '282c8250fb2fdb709639c39e09276aed99e932b4' }, h("button", Object.assign({ key: '0a1ba101e6bcd72413ee60e39107e1b5b4cbf72c', 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: '2474f01547225c9fca4289a2b2705877f9f325c2', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '616da328248d3d8258f04c510532ff19c5f29d0c', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '689866229e09d7ee74fada5620028e01085245cc', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'd1b9fa0f8e5006b6c497a9e17671103dedcb3771', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'f15b3b4bd1612bad67678d0aec8cf375189a2716', htmlFor: this.identifier }, h("slot", { key: '291bb84d790f9a20b87cb3d727165c387087e212' })))));
+        return (h(Fragment, { key: '8af2609a1d607387c294e40226bfa21022b6f428' }, h("button", Object.assign({ key: '8656659e39823e9bde9663f47c5ad761f17047b2', 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: 'e75731d814ffb21582d4e7f7ab063460b7d2ea8a', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '963fe2c27427c5c9e2558921bed0959e0d34f466', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '8fdb10c431c2f946418f59f2e18bc8a63a552304', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'ba908aaea19d459dff6e59a0e7d865461cf59a81', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '9e8eec602beaf11ad4c8e690b1b267aafb5fb56e', htmlFor: this.identifier }, h("slot", { key: 'd6aedb8172e12d43f53d583822a29b88c506749c' })))));
     }
     static get is() { return "dso-slide-toggle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -374,8 +374,7 @@ button.dso-secondary[disabled], button.dso-secondary[disabled]:hover {
 button.dso-secondary.dso-small {
   line-height: 1rem;
 }
-button.dso-secondary.dso-small dso-icon,
-button.dso-secondary.dso-small svg.di, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {
+button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {
   margin-block-end: -4px;
   margin-block-start: -4px;
 }
@@ -390,8 +389,7 @@ button.dso-secondary.dso-small.dso-spinner-right::after {
 button.dso-secondary.dso-extra-small {
   line-height: 1rem;
 }
-button.dso-secondary.dso-extra-small dso-icon,
-button.dso-secondary.dso-extra-small svg.di, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {
+button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {
   margin-block-end: -4px;
   margin-block-start: -4px;
 }
@@ -406,17 +404,14 @@ button.dso-secondary.dso-extra-small.dso-spinner-right::after {
 button.dso-secondary.dso-extra-small {
   padding-block: 9px;
 }
-button.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-button.dso-secondary svg.di:has(+ span:not(.sr-only)) {
+button.dso-secondary dso-icon:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
 }
-button.dso-secondary span:not(.sr-only) + dso-icon,
-button.dso-secondary span:not(.sr-only) + svg.di {
+button.dso-secondary span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
-button.dso-secondary dso-icon + span:not(.sr-only),
-button.dso-secondary svg.di + span:not(.sr-only) {
+button.dso-secondary dso-icon + span:not(.sr-only) {
   margin-inline-start: 8px;
 }
 button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {

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

@@ -18,10 +18,10 @@ export class SurveyRating {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (h("dso-panel", { key: '18145121de6dff4b2b19b9880c7848de2d859e45', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '34c79fa59aa1ac80cfbfe3b0fdd3f194cd1326b5', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '00605046f63929e65e0827932998641c72750435' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'f52b05061d777d070ee201c95e30750df864dee4', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'f3bf8a325729b303ddd72eddbb1c8cb86174ea1a', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '9d875e1e093975030aeba48ff1487213f0eed306' }, "Heel moeilijk"), h("span", { key: '3b0c57925f2ae5c5eb14c6943cb1cd690fa612dc' }, "Heel makkelijk")), h("div", { key: '70b221cfcb90dbc569f69a2e20e2f5907c5785f2', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: '0f06dfed9925eabf4bd774ca129f43dd1fc40044', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '2d7deb32e2346881ca97f80423be382cbab3855b', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: 'ebd96e00abb902df3e7e16f32744b36024c7970d' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '943d8178b356a20960db9755b5d998ac57c1023b', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '02d29ea0db5bfdff94c49a7cff5ca28f16dae4db', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '124f8ab8267d44ca06a1443eb455d5812394e9f4' }, "Heel moeilijk"), h("span", { key: 'a32058ae664c9e56e290e84824ec1417318bc2da' }, "Heel makkelijk")), h("div", { key: '8b010ece10dd4ed7e97b1c6e5d80195d3e70d656', 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: '095992b41dde35d4853f8281ad2a1af770ba424c', type: "submit", class: "dso-secondary" }, h("span", { key: '21e9730a1a6e19085c6df4ef63ab563f90fbd370' }, "Antwoord verzenden")))));
+        })), h("button", { key: '583767e6daf55ee28da9346609644bdfa4da2bc1', type: "submit", class: "dso-secondary" }, h("span", { key: 'c5c8b245c1ebc8f8543f863f17ccb80300234c7e' }, "Antwoord verzenden")))));
     }
     static get is() { return "dso-survey-rating"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table.css

@@ -98,15 +98,12 @@ button.dso-primary.dso-small,
 label.dso-primary.dso-small {
   line-height: 1rem;
 }
-a.dso-primary.dso-small dso-icon,
-a.dso-primary.dso-small svg.di, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,
+a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,
 button.dso-primary.dso-small dso-icon,
-button.dso-primary.dso-small svg.di,
 button.dso-primary.dso-small.extern::after,
 button.dso-primary.dso-small.download::after,
 button.dso-primary.dso-small.dso-spinner::before,
 label.dso-primary.dso-small dso-icon,
-label.dso-primary.dso-small svg.di,
 label.dso-primary.dso-small.extern::after,
 label.dso-primary.dso-small.download::after,
 label.dso-primary.dso-small.dso-spinner::before {
@@ -130,15 +127,12 @@ button.dso-primary.dso-extra-small,
 label.dso-primary.dso-extra-small {
   line-height: 1rem;
 }
-a.dso-primary.dso-extra-small dso-icon,
-a.dso-primary.dso-extra-small svg.di, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before,
+a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before,
 button.dso-primary.dso-extra-small dso-icon,
-button.dso-primary.dso-extra-small svg.di,
 button.dso-primary.dso-extra-small.extern::after,
 button.dso-primary.dso-extra-small.download::after,
 button.dso-primary.dso-extra-small.dso-spinner::before,
 label.dso-primary.dso-extra-small dso-icon,
-label.dso-primary.dso-extra-small svg.di,
 label.dso-primary.dso-extra-small.extern::after,
 label.dso-primary.dso-extra-small.download::after,
 label.dso-primary.dso-extra-small.dso-spinner::before {
@@ -163,28 +157,19 @@ label.dso-primary.dso-extra-small {
   padding-block: 9px;
 }
 a.dso-primary dso-icon:has(+ span:not(.sr-only)),
-a.dso-primary svg.di:has(+ span:not(.sr-only)),
 button.dso-primary dso-icon:has(+ span:not(.sr-only)),
-button.dso-primary svg.di:has(+ span:not(.sr-only)),
-label.dso-primary dso-icon:has(+ span:not(.sr-only)),
-label.dso-primary svg.di:has(+ span:not(.sr-only)) {
+label.dso-primary dso-icon:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
 }
 a.dso-primary span:not(.sr-only) + dso-icon,
-a.dso-primary span:not(.sr-only) + svg.di,
 button.dso-primary span:not(.sr-only) + dso-icon,
-button.dso-primary span:not(.sr-only) + svg.di,
-label.dso-primary span:not(.sr-only) + dso-icon,
-label.dso-primary span:not(.sr-only) + svg.di {
+label.dso-primary span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
 a.dso-primary dso-icon + span:not(.sr-only),
-a.dso-primary svg.di + span:not(.sr-only),
 button.dso-primary dso-icon + span:not(.sr-only),
-button.dso-primary svg.di + span:not(.sr-only),
-label.dso-primary dso-icon + span:not(.sr-only),
-label.dso-primary svg.di + span:not(.sr-only) {
+label.dso-primary dso-icon + span:not(.sr-only) {
   margin-inline-start: 8px;
 }
 a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],
@@ -318,15 +303,12 @@ button.dso-secondary.dso-small,
 label.dso-secondary.dso-small {
   line-height: 1rem;
 }
-a.dso-secondary.dso-small dso-icon,
-a.dso-secondary.dso-small svg.di, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,
+a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,
 button.dso-secondary.dso-small dso-icon,
-button.dso-secondary.dso-small svg.di,
 button.dso-secondary.dso-small.extern::after,
 button.dso-secondary.dso-small.download::after,
 button.dso-secondary.dso-small.dso-spinner::before,
 label.dso-secondary.dso-small dso-icon,
-label.dso-secondary.dso-small svg.di,
 label.dso-secondary.dso-small.extern::after,
 label.dso-secondary.dso-small.download::after,
 label.dso-secondary.dso-small.dso-spinner::before {
@@ -350,15 +332,12 @@ button.dso-secondary.dso-extra-small,
 label.dso-secondary.dso-extra-small {
   line-height: 1rem;
 }
-a.dso-secondary.dso-extra-small dso-icon,
-a.dso-secondary.dso-extra-small svg.di, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before,
+a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before,
 button.dso-secondary.dso-extra-small dso-icon,
-button.dso-secondary.dso-extra-small svg.di,
 button.dso-secondary.dso-extra-small.extern::after,
 button.dso-secondary.dso-extra-small.download::after,
 button.dso-secondary.dso-extra-small.dso-spinner::before,
 label.dso-secondary.dso-extra-small dso-icon,
-label.dso-secondary.dso-extra-small svg.di,
 label.dso-secondary.dso-extra-small.extern::after,
 label.dso-secondary.dso-extra-small.download::after,
 label.dso-secondary.dso-extra-small.dso-spinner::before {
@@ -383,28 +362,19 @@ label.dso-secondary.dso-extra-small {
   padding-block: 9px;
 }
 a.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-a.dso-secondary svg.di:has(+ span:not(.sr-only)),
 button.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-button.dso-secondary svg.di:has(+ span:not(.sr-only)),
-label.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-label.dso-secondary svg.di:has(+ span:not(.sr-only)) {
+label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
 }
 a.dso-secondary span:not(.sr-only) + dso-icon,
-a.dso-secondary span:not(.sr-only) + svg.di,
 button.dso-secondary span:not(.sr-only) + dso-icon,
-button.dso-secondary span:not(.sr-only) + svg.di,
-label.dso-secondary span:not(.sr-only) + dso-icon,
-label.dso-secondary span:not(.sr-only) + svg.di {
+label.dso-secondary span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
 a.dso-secondary dso-icon + span:not(.sr-only),
-a.dso-secondary svg.di + span:not(.sr-only),
 button.dso-secondary dso-icon + span:not(.sr-only),
-button.dso-secondary svg.di + span:not(.sr-only),
-label.dso-secondary dso-icon + span:not(.sr-only),
-label.dso-secondary svg.di + span:not(.sr-only) {
+label.dso-secondary dso-icon + span:not(.sr-only) {
   margin-inline-start: 8px;
 }
 a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],
@@ -622,67 +592,32 @@ label.dso-tertiary.dso-spinner-right::after {
   margin-inline-start: 8px;
 }
 a.dso-tertiary dso-icon + span:not(.sr-only),
-a.dso-tertiary svg.di + span:not(.sr-only),
 a.dso-tertiary span:not(.sr-only) + dso-icon,
-a.dso-tertiary span:not(.sr-only) + svg.di,
 button.dso-tertiary dso-icon + span:not(.sr-only),
-button.dso-tertiary svg.di + span:not(.sr-only),
 button.dso-tertiary span:not(.sr-only) + dso-icon,
-button.dso-tertiary span:not(.sr-only) + svg.di,
 label.dso-tertiary dso-icon + span:not(.sr-only),
-label.dso-tertiary svg.di + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + dso-icon,
-label.dso-tertiary span:not(.sr-only) + svg.di {
+label.dso-tertiary span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
 }
-a.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
-a.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
-a.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,
-button.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
-button.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
-button.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,
-label.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
-label.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
-label.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {
-  margin-inline-start: 4px;
-}
 a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
 a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-a.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),
-a.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
-a.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
 a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
 a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
 button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
 button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-button.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),
-button.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
-button.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
 button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
 button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
 label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
 label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-label.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),
-label.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
-label.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
 label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
 label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {
   margin-inline-start: 0;
 }
 a.dso-tertiary dso-icon,
-a.dso-tertiary svg.di,
 a.dso-tertiary span,
 button.dso-tertiary dso-icon,
-button.dso-tertiary svg.di,
 button.dso-tertiary span,
 label.dso-tertiary dso-icon,
-label.dso-tertiary svg.di,
 label.dso-tertiary span {
   vertical-align: middle;
 }
@@ -807,15 +742,12 @@ button.dso-map.dso-small,
 label.dso-map.dso-small {
   line-height: 1rem;
 }
-a.dso-map.dso-small dso-icon,
-a.dso-map.dso-small svg.di, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before,
+a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before,
 button.dso-map.dso-small dso-icon,
-button.dso-map.dso-small svg.di,
 button.dso-map.dso-small.extern::after,
 button.dso-map.dso-small.download::after,
 button.dso-map.dso-small.dso-spinner::before,
 label.dso-map.dso-small dso-icon,
-label.dso-map.dso-small svg.di,
 label.dso-map.dso-small.extern::after,
 label.dso-map.dso-small.download::after,
 label.dso-map.dso-small.dso-spinner::before {
@@ -839,15 +771,12 @@ button.dso-map.dso-extra-small,
 label.dso-map.dso-extra-small {
   line-height: 1rem;
 }
-a.dso-map.dso-extra-small dso-icon,
-a.dso-map.dso-extra-small svg.di, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before,
+a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before,
 button.dso-map.dso-extra-small dso-icon,
-button.dso-map.dso-extra-small svg.di,
 button.dso-map.dso-extra-small.extern::after,
 button.dso-map.dso-extra-small.download::after,
 button.dso-map.dso-extra-small.dso-spinner::before,
 label.dso-map.dso-extra-small dso-icon,
-label.dso-map.dso-extra-small svg.di,
 label.dso-map.dso-extra-small.extern::after,
 label.dso-map.dso-extra-small.download::after,
 label.dso-map.dso-extra-small.dso-spinner::before {
@@ -872,28 +801,19 @@ label.dso-map.dso-extra-small {
   padding-block: 9px;
 }
 a.dso-map dso-icon:has(+ span:not(.sr-only)),
-a.dso-map svg.di:has(+ span:not(.sr-only)),
 button.dso-map dso-icon:has(+ span:not(.sr-only)),
-button.dso-map svg.di:has(+ span:not(.sr-only)),
-label.dso-map dso-icon:has(+ span:not(.sr-only)),
-label.dso-map svg.di:has(+ span:not(.sr-only)) {
+label.dso-map dso-icon:has(+ span:not(.sr-only)) {
   margin-inline-start: -8px;
 }
 a.dso-map span:not(.sr-only) + dso-icon,
-a.dso-map span:not(.sr-only) + svg.di,
 button.dso-map span:not(.sr-only) + dso-icon,
-button.dso-map span:not(.sr-only) + svg.di,
-label.dso-map span:not(.sr-only) + dso-icon,
-label.dso-map span:not(.sr-only) + svg.di {
+label.dso-map span:not(.sr-only) + dso-icon {
   margin-inline-start: 8px;
   margin-inline-end: -8px;
 }
 a.dso-map dso-icon + span:not(.sr-only),
-a.dso-map svg.di + span:not(.sr-only),
 button.dso-map dso-icon + span:not(.sr-only),
-button.dso-map svg.di + span:not(.sr-only),
-label.dso-map dso-icon + span:not(.sr-only),
-label.dso-map svg.di + span:not(.sr-only) {
+label.dso-map dso-icon + span:not(.sr-only) {
   margin-inline-start: 8px;
 }
 a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled],
@@ -983,9 +903,9 @@ label.dso-map:focus,
 label.dso-map:focus-visible {
   outline-offset: -1px;
 }
-a.dso-map:has(span.sr-only):has(dso-icon, svg.di),
-button.dso-map:has(span.sr-only):has(dso-icon, svg.di),
-label.dso-map:has(span.sr-only):has(dso-icon, svg.di) {
+a.dso-map:has(span.sr-only):has(dso-icon),
+button.dso-map:has(span.sr-only):has(dso-icon),
+label.dso-map:has(span.sr-only):has(dso-icon) {
   padding: 8px;
   min-inline-size: auto;
   block-size: 40px;

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

@@ -31,7 +31,7 @@ export class Table {
     render() {
         var _a, _b, _c;
         const caption = (_b = (_a = this.host.querySelector(":scope > table > caption")) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
-        return (h(Host, { key: 'a777d203143bc69f71179bb7c674ca51bfae829e', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '9c86ab4f0d3cce970156f9cf2602668ed99098a5', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive && h("div", { key: 'b30b29d08ccfea68c73b2db94342af4ea387d8d6', class: "dso-modal-overlay" }), h("div", { key: 'eab3e465b368e29443dd8b24126a3d9529c9b9db', class: { "dso-modal": this.modalActive } }, h("div", Object.assign({ key: '863f47fe0b9e8a4d6113f45edb579c6ffb6bf7b4', class: { "dso-dialog": this.modalActive, "dso-table-dialog": true }, ref: (element) => (this.focusTrapElement = element) }, (this.modalActive ? { ["aria-labelledby"]: this.labelledbyId, role: "dialog" } : {})), (this.isResponsive || !this.noModal) && (h("div", { key: '87ad47b93c3020613235bb9036253a1591bc25b5', class: "dso-table-utilities", style: this.modalActive ? { display: "none" } : undefined }, this.isResponsive && (h("div", { key: '51d55c5c0090149a43b6cae1f585f505cbbf1b20', class: "dso-responsive-message" }, h("span", { key: '5bb11ddf365807da4749c7b1dcb2fa40cc97bbf4' }, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { key: '993af941db154f26321cbd97ddc6af4d7b0d6385', type: "button", class: "dso-tertiary open-modal-button", ref: (element) => (this.buttonElement = element), onClick: () => this.openModal() }, h("span", { key: '17c4355676824269d66a7304f0ff20d229051bbf', class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", { key: '8a9c0a6cbc7ddea01af078b84658e06aace57440' }, "vergroten"), h("dso-icon", { key: 'ec5aecb9d5751ed1c792a1b5c657f004598bb7ce', icon: "external-link" }))))), this.modalActive && (h("div", { key: 'f951d70a1cad1c5e2039eb48479c33067fcb08d4', class: "dso-header" }, h("h2", { key: '83ec89730cd524abd75c10d27cc02b2bc9928754', id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("button", { key: 'eb28eb81c50bcfd61aa570c7c61ca27196822900', type: "button", class: "dso-close", onClick: () => this.closeModal() }, h("dso-icon", { key: '93249a58a59bfefb3b0810121969a185d73f3b8a', icon: "times" }), h("span", { key: 'a2fc563e029a3b2e701e36ed5676292938504ebe', class: "sr-only" }, "Sluiten")))), h("div", { key: 'd18dbe3bad6b4998e0222bed5bc714fd4b9672f8', class: { "dso-body": this.modalActive, "dso-table-body": true } }, h("slot", { key: '1ba007ca5766a085874dacb6e8894d81036aafa8' }))))));
+        return (h(Host, { key: '64239579022b5947aa25ac6b6c9cecafd2e268d2', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '48a0a2e6b90ef03e70aaa1297dd22b28604f4c46', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive && h("div", { key: '4e21316f3bd8f30dea7ff9b7652891979a790416', class: "dso-modal-overlay" }), h("div", { key: '573e157db60cd3a87cbb786d863dcd4273b49327', class: { "dso-modal": this.modalActive } }, h("div", Object.assign({ key: 'e03ad1ef0743dbd501efc90c0862da409f4ab6e8', class: { "dso-dialog": this.modalActive, "dso-table-dialog": true }, ref: (element) => (this.focusTrapElement = element) }, (this.modalActive ? { ["aria-labelledby"]: this.labelledbyId, role: "dialog" } : {})), (this.isResponsive || !this.noModal) && (h("div", { key: '65309b7f04e2e4e2e039793517b6653400932a83', class: "dso-table-utilities", style: this.modalActive ? { display: "none" } : undefined }, this.isResponsive && (h("div", { key: 'ded0b2c1e4f18a1b7d1405226562b9f112e12857', class: "dso-responsive-message" }, h("span", { key: '51581a776085020af4b2a900c05c510722144155' }, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { key: 'f4d8e8be918370ee9f6629608f44ced04a7a69ea', type: "button", class: "dso-tertiary open-modal-button", ref: (element) => (this.buttonElement = element), onClick: () => this.openModal() }, h("span", { key: '8625baca95fc315bd82ee1a54d8c1d9b91fb9f4a', class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", { key: '90c66b3259bcfe679067000527e8be296e2df02b' }, "vergroten"), h("dso-icon", { key: 'f9183bd3c9b5c1af66f477f782503ff0058ac21d', icon: "external-link" }))))), this.modalActive && (h("div", { key: 'fced7b34b5d5ce882ec8494c020622110f150721', class: "dso-header" }, h("h2", { key: '92b18af91fcbf119254442b2bf2812832adf9011', id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("button", { key: 'd6f0d92721a99409d04cd779d110d6e94cb4655c', type: "button", class: "dso-close", onClick: () => this.closeModal() }, h("dso-icon", { key: 'f6ffae42f7a31d40f7aa3ceae51f96b83f40afa5', icon: "times" }), h("span", { key: '1a6bc1b5486e2285313ae9b028fef7cac6389b41', class: "sr-only" }, "Sluiten")))), h("div", { key: '73d7114ad881bba9366e3123156ea6169d87106c', class: { "dso-body": this.modalActive, "dso-table-body": true } }, h("slot", { key: '9d3e674d7c2578f82b0b9fa00ebc91fabbc9e269' }))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

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

@@ -64,7 +64,7 @@ export class Tabs {
         (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '349c801fdadbfd077ca6cc68f5d1f48dea0d4ff4' }, h("div", { key: '1413312c78b126135b10295690aa957d99304acf', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '3b4cbf35c3d29ba1f6158853d755335dd8a05b5e' })), h("div", { key: '95e97aa712722fc019bbf1578dfb1c6224ecebb5', role: "tabpanel", tabindex: "0" }, h("slot", { key: '305195dcc64770963bb740d64c5cc0d08f0c16bc', name: "panel" }))));
+        return (h(Host, { key: '6cac5b5aadaee63469ae51fe3edca2127e37a4c6' }, h("div", { key: 'b176afce53f463b5b7c53fb5d14e415506c40194', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '0db1ce93d3bb4b6ff38b90b5a0fd620573680aa9' })), h("div", { key: '33cd57a51cb22a03565b1a805c6839ed3eea6a5b', role: "tabpanel", tabindex: "0" }, h("slot", { key: '3c3ea0615970882bed8cbc785118fa01cf489ef7', name: "panel" }))));
     }
     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: '18bdd5a23ce800c978c9bd615b2938bfb6d7433b' }, h("dso-icon", { key: '791cd7e6c740544226291395b26f6d34c4e31620', icon: "clock" }), h("slot", { key: '03d5c073b0051f3eb6ea15bc88731e45857c48f4' }), h("slot", { key: '54743bf06467f0dfdf1d896bf1f7a9e658467bf4', name: "button" })));
+        return (h(Fragment, { key: 'cb57567ddfb405ed5580f3056824df6f3125e57d' }, h("dso-icon", { key: 'e4a8892dabbd44bc9ca7f1548c065473537aaa45', icon: "clock" }), h("slot", { key: 'facdf989c45f44e10336ca5d3b7319e48929ca82' }), h("slot", { key: '0bc0625232374f0df07b23186e3f51a26632a76b', name: "button" })));
     }
     static get is() { return "dso-tijdreis-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggletip/toggletip.js

@@ -44,7 +44,7 @@ export class Toggletip {
         };
     }
     render() {
-        return (h(Fragment, { key: 'facdb6f15ee9411df97bf57a390001e6c5c538eb' }, h("dso-info-button", { key: '104bb7ff512fbd57eaaf7559adde8d8fb1966bf2', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '320c7a6d9e2199f1f3d91610f41773e163d17c64', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '3f609c4261d1a8d04b55bf6ddf152a2649b6b20f' }))));
+        return (h(Fragment, { key: '5d0c70968e78501d56ee3d10cd72bf5d8cb72a7a' }, h("dso-info-button", { key: 'a420816c0fa911415ffced3f8e5ef07876710009', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '943c676aaa520c950f25c37fd85fff50fd1fa692', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: 'a08af99744cf49d69fa3b153afe71730a7bcbb00' }))));
     }
     static get is() { return "dso-toggletip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.js

@@ -189,7 +189,7 @@ export class Tooltip {
         }
     }
     render() {
-        return (h(Host, { key: '3b7b072ac2cbf99d0cd274fdd803f87110148747', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '9a50dba09c72797fd9f13a3afd0ee6ee74b3fb22', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '7fb9ad5c0ab6733625321374974398d52b98f196', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'e3aeb925d1073a4e5728cdbe241726993ff79941', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: 'ae49f6af4b043da6c4e62dc54fc88d47f9cab94c' })))));
+        return (h(Host, { key: 'f1bb81edcda73696503dbe6c861df3dcea6c3f3a', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '31a072208b412595e1e019c2bb780dbd0f88c21f', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: 'f21726f6c49752e21cb93faa2671a97a32b6d7e8', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '900369b00247af6d83a12b22f02ac65baf12c12a', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: 'ff81e46d1c50684bc9e95ca238efa5772042b241' })))));
     }
     activatePopper() {
         var _a;

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

@@ -174,7 +174,7 @@ export class TreeView {
     }
     render() {
         var _a;
-        return (h("div", { key: '7db23c7d7736a1b2f4f18c6240db2dcb72d965a2', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: 'dc8acc481f22aaced2657634b24a0e054194a33f', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
+        return (h("div", { key: 'c9d82896a208dea70197ce9927c5402a5763259a', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '10a57e188cf106ca9ef9a0d7d6c4a7e8a3a1df6f', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
     }
     static get is() { return "dso-tree-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -315,8 +315,7 @@ button::-moz-focus-inner {
     padding-block: 5px;
     padding-inline: 0;
   }
-  .dso-navbar .dso-navbar-toggle dso-icon,
-  .dso-navbar .dso-navbar-toggle svg.di {
+  .dso-navbar .dso-navbar-toggle dso-icon {
     margin-inline-start: 8px;
     margin-inline-end: 8px;
   }
@@ -478,29 +477,16 @@ button::-moz-focus-inner {
     margin-inline-start: 8px;
   }
   .dso-tertiary dso-icon + span:not(.sr-only),
-  .dso-tertiary svg.di + span:not(.sr-only),
-  .dso-tertiary span:not(.sr-only) + dso-icon,
-  .dso-tertiary span:not(.sr-only) + svg.di {
+  .dso-tertiary span:not(.sr-only) + dso-icon {
     margin-inline-start: 8px;
   }
-  .dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),
-  .dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),
-  .dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,
-  .dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {
-    margin-inline-start: 4px;
-  }
   .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
   .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-  .dso-tertiary svg.di.di-angle-down + span:not(.sr-only),
-  .dso-tertiary svg.di.di-angle-up + span:not(.sr-only),
-  .dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,
-  .dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,
   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {
     margin-inline-start: 0;
   }
   .dso-tertiary dso-icon,
-  .dso-tertiary svg.di,
   .dso-tertiary span {
     vertical-align: middle;
   }

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

@@ -158,7 +158,7 @@ export class ViewerGrid {
         }
     }
     render() {
-        return (h(Fragment, { key: '187f6008a7a17f966cc95014b496836f939c99f0' }, h("slot", { key: 'ce5feb14b2bd1925a9e727ee865f0a9b3244151f', name: "top-bar" }), h("div", { key: '58758274f6029b7f288035d0bc6a981b36cd4da8', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: '2bbf3fe80654866b9afb4f05362d3e390144ed7f', class: "dso-navbar" }, h("ul", { key: 'ba808de2ac61506fbc5ed726e98de16d512546e4', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '27171fa4924f1b3129f37c7ff1b0dfe86ec4b24d', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: 'eefefe016d913a68e4b777654690f635575dd061', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: '257e99001e125ebedb63f528d45f48e8ae4b8a25', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: 'ac6e42e98a57eaccb167e7510f7a749cc6282611', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: 'feb75b3bc7dce62272cfc1216c5a7c2acccb2268', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: 'f2cbdf0bba4190bc9df0ea9178ceacb25ed0ff38', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (h(Fragment, { key: '1a4122fc962df5d43cd8f68ee78ca712ddd33bba' }, h("slot", { key: 'e1928ab063a06b93f2041fe71e76012070bdca31', name: "top-bar" }), h("div", { key: '18488465f8df22fb195eab8374d8701ccb5774c0', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: 'b975c12a1f6087e8be56fa61a5401bcf51c9549c', class: "dso-navbar" }, h("ul", { key: '9f45193f92f2e6893b9489029ba0051c878a33dd', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '16175775a1fc2c1c6733859b79129589a72276bd', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: 'a77bde1daaea831831e6aef8c72d9b116d8cf57e', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: '94d2c4cf569223c72b575d562237dcb6bbf64abf', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '30b93bee7bd78970448f80e5eb0cadbf7e3f3838', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '27332cb7110ad6354d9512570ee0885bcff55f51', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '3138b795a0ead5eb104b8195a9cfc0877a387f88', 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/collection/utils/parse-xml.js

@@ -0,0 +1,17 @@
+const parser = new DOMParser();
+export function parseXml(input) {
+    if (!input) {
+        return undefined;
+    }
+    const doc = parser.parseFromString(input, "application/xml");
+    if (doc.querySelector("parsererror")) {
+        console.error({
+            message: "Unable to parse XML",
+            input,
+            document: doc,
+        }, null, 2);
+        return undefined;
+    }
+    return doc;
+}
+//# sourceMappingURL=parse-xml.js.map

package/dist/collection/utils/parse-xml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-xml.js","sourceRoot":"","sources":["../../../src/utils/parse-xml.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;AAE/B,MAAM,UAAU,QAAQ,CAAC,KAAa;IACpC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IAE7D,IAAI,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC;QACrC,OAAO,CAAC,KAAK,CACX;YACE,OAAO,EAAE,qBAAqB;YAC9B,KAAK;YACL,QAAQ,EAAE,GAAG;SACd,EACD,IAAI,EACJ,CAAC,CACF,CAAC;QAEF,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["const parser = new DOMParser();\r\n\r\nexport function parseXml(input: string): XMLDocument | undefined {\r\n  if (!input) {\r\n    return undefined;\r\n  }\r\n\r\n  const doc = parser.parseFromString(input, \"application/xml\");\r\n\r\n  if (doc.querySelector(\"parsererror\")) {\r\n    console.error(\r\n      {\r\n        message: \"Unable to parse XML\",\r\n        input,\r\n        document: doc,\r\n      },\r\n      null,\r\n      2,\r\n    );\r\n\r\n    return undefined;\r\n  }\r\n\r\n  return doc;\r\n}\r\n"]}