@dso-toolkit/core 97.1.1 → 99.0.0

package/dist/collection/components/ozon-content/ozon-content.js

@@ -33,7 +33,7 @@ export class OzonContent {
             annotated: this.annotated,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: '4f256666f8ec846c7adb1f066cafb9774dcf7e17' }, transformed);
+        return h(Fragment, { key: '5007e6cb436b60e0810249aa7a311d681470ea38' }, transformed);
     }
     static get is() { return "dso-ozon-content"; }
     static get encapsulation() { return "shadow"; }
@@ -248,7 +248,7 @@ export class OzonContent {
             }];
     }
 }
-const dependencies = () => {
-    dependencies();
+const _dependencies = () => {
+    _dependencies();
     return (h(Fragment, null, h("dso-icon", null), h("dso-image-overlay", null), h("dso-ozon-content-toggletip", null), h("dso-table", null)));
 };

package/dist/collection/components/pagination/pagination.js

@@ -40,7 +40,7 @@ export class Pagination {
         const availablePositions = this.availablePositions;
         const currentPage = this.currentPage ?? 0;
         const pages = this.getPages(currentPage, this.availablePositions, this.totalPages);
-        return (h("dso-responsive-element", { ref: (element) => (this.responsiveElement = element) }, h("nav", { class: "pagination", "aria-label": "Paginering" }, h("ul", null, h("li", { class: currentPage <= 1 || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage - 1), "aria-label": "Vorige", onClick: (e) => currentPage && this.clickHandler(e, currentPage - 1) }, h("dso-icon", { icon: "chevron-left" }))), pages.map((page) => (h(Fragment, null, this.showEllipsisBeforeLast(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), h("li", { key: page, class: currentPage === page ? "active" : undefined }, currentPage === page ? (h("span", { "aria-current": "page" }, page)) : (h("a", { href: this.formatHref(page), onClick: (e) => this.clickHandler(e, page) }, page)), page === this.totalPages ? h("span", { class: "sr-only" }, " (laatste pagina)") : null), this.showEllipsisAfterFirst(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), this.showEllipsisLastWithoutTotal(pages, page, this.totalPages) && (h("li", null, h("span", null, "...")))))), h("li", { class: (this.totalPages && currentPage >= this.totalPages) || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage + 1), "aria-label": "Volgende", onClick: (e) => currentPage && this.clickHandler(e, currentPage + 1) }, h("dso-icon", { icon: "chevron-right" })))))));
+        return (h("dso-responsive-element", { ref: (element) => (this.responsiveElement = element) }, h("nav", { class: "pagination", "aria-label": "Paginering" }, h("ul", null, h("li", { class: currentPage <= 1 || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage - 1), "aria-label": "Vorige pagina", onClick: (e) => currentPage && this.clickHandler(e, currentPage - 1) }, h("dso-icon", { icon: "chevron-left" }))), pages.map((page) => (h(Fragment, null, this.showEllipsisBeforeLast(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), h("li", { key: page, class: currentPage === page ? "active" : undefined }, currentPage === page ? (h("span", { "aria-current": "page" }, h("span", { class: "sr-only" }, "Pagina"), " ", page)) : (h("a", { href: this.formatHref(page), onClick: (e) => this.clickHandler(e, page) }, h("span", { class: "sr-only" }, "Pagina"), " ", page)), page === this.totalPages ? h("span", { class: "sr-only" }, " (laatste pagina)") : null), this.showEllipsisAfterFirst(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), this.showEllipsisLastWithoutTotal(pages, page, this.totalPages) && (h("li", null, h("span", null, "...")))))), h("li", { class: (this.totalPages && currentPage >= this.totalPages) || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage + 1), "aria-label": "Volgende pagina", onClick: (e) => currentPage && this.clickHandler(e, currentPage + 1) }, h("dso-icon", { icon: "chevron-right" })))))));
     }
     getAvailablePositions(sizePositions) {
         if (sizePositions % 2 === 0) {

package/dist/collection/components/panel/panel.css

@@ -27,23 +27,14 @@
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
   --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-.panel-heading a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
-}
-.panel-heading a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
-}
-.panel-heading a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
-}
-.panel-heading a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"));
-}
-.panel-heading {
+  --_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;
@@ -55,6 +46,8 @@
   --_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;

package/dist/collection/components/panel/panel.js

@@ -15,7 +15,7 @@ export class Panel {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h("div", { key: 'a5ab73cc0303150d6ea9b6352e334ca75079c8cc', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '59e4ddfa7e4f16423edf15aea9a28be22622960a', class: "panel-heading" }, h("slot", { key: '2d8218087a38797998f092aa3f4d70a438778fed', name: "heading" }), h("dso-icon-button", { key: '001bdef415887e74d59c2009724e8a64a334235e', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '0cd52f3e0c5e729c135247d86fc10ed1231d8ccc', class: "panel-body" }, h("slot", { key: '35c15b2c71850c9bd355d78ab3b3345107583d7a' }))));
+        return (h("div", { key: '092605b603cc7ec43acd236fce00df4e232636c3', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: '4336d4006d35c2bd905152633b29b2f8c4b50d4e', class: "panel-heading" }, h("slot", { key: '84e819994a692b1a30f7de3b229a4d0180ca0ac0', name: "heading" }), h("dso-icon-button", { key: '8380d8896d2e9ed8a25a8d6ff8a22afa0d57afad', icon: "cross", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), h("div", { key: '7a891d808224609ef192bfdb379494986d05f3f3', class: "panel-body" }, h("slot", { key: '3121364a96626c5d5c4515a1059e6f8d195ae7c3' }))));
     }
     static get is() { return "dso-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/plekinfo-card/plekinfo-card.css

@@ -4,23 +4,14 @@ ins {
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
   --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
-}
-ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
-}
-ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
-}
-ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"));
-}
-ins {
+  --_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;
@@ -32,6 +23,8 @@ ins {
   --_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;
@@ -39,7 +32,7 @@ ins {
   background-color: #e4f1d4;
   color: #191919;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
-  --_dt-ozon-content-toggletip-color: #000;
+  --_dso-ozon-content-toggletip-color: #000;
 }
 
 del {
@@ -47,23 +40,14 @@ del {
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
   --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
-}
-del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
-}
-del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
-}
-del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"));
-}
-del {
+  --_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;
@@ -75,15 +59,17 @@ del {
   --_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;
-  --_dt-ozon-content-toggletip-color: #000;
+  --_dso-ozon-content-toggletip-color: #000;
   text-decoration: line-through;
-  --_dt-ozon-content-toggletip-text-decoration: underline line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   del {
@@ -178,9 +164,9 @@ del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover, :foc
 }
 
 ::slotted([slot=content]) {
-  --_dt-rich-content-margin-block: 8px;
-  --_dt-rich-content-margin-block-end: 0;
-  --_dt-rich-content-margin-block-start: 0;
+  --_dso-rich-content-margin-block: 8px;
+  --_dso-rich-content-margin-block-end: 0;
+  --_dso-rich-content-margin-block-start: 0;
 }
 
 ::slotted([slot=interaction]) {

package/dist/collection/components/plekinfo-card/plekinfo-card.js

@@ -41,7 +41,7 @@ export class PlekinfoCard {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: 'c1ab12e36be93a49ebe692149d39650925e92b5e', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'f9bc8a310b535a1571b22638efb1bd1bfcd3959d', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: '2795caa14953cfeb26038a3ffbf435ce1e5068c5', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '0c442263fedb0c4b25a29727410b410e979e8a4f', name: "symbol" })), h("div", { key: 'ebfdddee6b42ee8a0dc14e05a6045d8fc250aa89', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'e1eefab60d02942b46fcbdf0c6ec6c77a9b0a495', name: "meta" }), this.interaction !== null && h("slot", { key: '087bf8a7003ac5e5173464be4826d6881ce7c20a', name: "interaction" })), h("div", { key: '0eddac4be3ac42a2c9c5db5570714746b7c70569', class: "dso-plekinfo-card-content" }, h("slot", { key: '153a40dbe03f2ac79274b118c23eb431144d69db', name: "content" })))));
+        return (h(Host, { key: 'b5a6d7855bfd812ffac0aeab34e4128230a49835', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'dffff665552c434b50a71316842d1a6c8c34d9f5', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'a503ad1878ff201fc3094079682761d2dd919712', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'b24f28178b481ff4fd67f1ea097a4f96475355af', name: "symbol" })), h("div", { key: '70456f091a5af0b1cbff2207bf16b33112f174d1', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "heading-content" }, h("slot", { name: "heading" })), "\u2060", this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '49d58d2db5634280d0843995391ad27d7c67ee6b', name: "meta" }), this.interaction !== null && h("slot", { key: 'a772840a4a1cdd611e1974c99865c73fb136c219', name: "interaction" })), h("div", { key: 'db747d92119986b24ee82929a0d753c0cdb3745c', class: "dso-plekinfo-card-content" }, h("slot", { key: 'a07684756093f85d2bb83db7cfcb92b7c8320e7a', name: "content" })))));
     }
     static get is() { return "dso-plekinfo-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-indicator/progress-indicator.js

@@ -6,7 +6,7 @@ export class Progressindicator {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: '4050ddc4eebabc030edc4a17c133f4472c3f21ac' }, h("span", { key: 'bf00edd832b37faf232d92e83c4e7c3d1ea22fe0', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '1128e74891630d80fc661fc5f748110988ea1149', icon: "spinner" })), h("span", { key: 'a018e86d33e7838531fb02bc7468ef7c8a879a7a', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '266666805bcc2741af271eb821f16b5de20e296a' }, h("span", { key: '26da568d6998e77e8cd2ed13b34fb915fbf733d7', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '7a5654dc958b83ea26225c530109c0c075dce750', icon: "spinner" })), h("span", { key: 'ce6c9017cd0e2666d093d13f1a1442f537804eac', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     static get is() { return "dso-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,38 +13,38 @@
 
 ::slotted(dl[slot=progress]),
 ::slotted(dl[slot=status]) {
-  --_dt-dl-margin-block-end: 0;
-  --_dt-dl-before-display: none;
-  --_dt-dl-dt-font-weight: normal;
-  --_dt-dl-dd-margin-block-start: 0;
-  --_dt-dl-dd-padding-inline-start: 0;
-  --_dt-dl-dt-inline-size: auto;
-  --_dt-dl-dd-last-margin-block-end: 0;
-  --_dt-mark-bg-color: none;
-  --_dt-mark-padding-block: 0;
-  --_dt-mark-color: inherit;
-  --_dt-mark-font-weight: 600;
+  --_dso-dl-margin-block-end: 0;
+  --_dso-dl-before-display: none;
+  --_dso-dl-dt-font-weight: normal;
+  --_dso-dl-dd-margin-block-start: 0;
+  --_dso-dl-dd-padding-inline-start: 0;
+  --_dso-dl-dt-inline-size: auto;
+  --_dso-dl-dd-last-margin-block-end: 0;
+  --_dso-mark-bg-color: none;
+  --_dso-mark-padding-block: 0;
+  --_dso-mark-color: inherit;
+  --_dso-mark-font-weight: 600;
   display: flex !important;
   flex-wrap: wrap;
   column-gap: 16px;
 }
 
 ::slotted(dl[slot=progress]) {
-  --_dt-dl-dd-margin-inline-start: 0;
+  --_dso-dl-dd-margin-inline-start: 0;
 }
 
 ::slotted(dl.dso-inline[slot=status]),
 ::slotted(dl.dso-inline-end[slot=status]) {
-  --_dt-dl-margin-block-end: 0;
-  --_dt-dl-dd-margin-inline-start: 8px;
-  --_dt-dl-dd-last-margin-block-end: 0;
-  --_dt-dl-before-display: none;
-  --_dt-dl-dt-font-weight: normal;
-  --_dt-mark-bg-color: none;
-  --_dt-mark-padding-block: 0;
-  --_dt-mark-color: inherit;
-  --_dt-mark-font-weight: 600;
-  --_dt-dl-font-size: 0.875rem;
+  --_dso-dl-margin-block-end: 0;
+  --_dso-dl-dd-margin-inline-start: 8px;
+  --_dso-dl-dd-last-margin-block-end: 0;
+  --_dso-dl-before-display: none;
+  --_dso-dl-dt-font-weight: normal;
+  --_dso-mark-bg-color: none;
+  --_dso-mark-padding-block: 0;
+  --_dso-mark-color: inherit;
+  --_dso-mark-font-weight: 600;
+  --_dso-dl-font-size: 0.875rem;
   display: block !important;
 }
 

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: '9452fe0e52d9d8615eccbdf87232d4038d1ab627' }, h("div", { key: '0830293073bffadf35a51a1c6e1b67af5f07f059', class: "project-item-header" }, h("div", { key: '9e8265ba7179df47ba9db9b4509d87cf5c1b8bfa', class: "project-item-title" }, h("slot", { key: 'aa4f224f99485a15d5c40e965b681ca82325e64d', name: "title" }), this.label && (h("dso-label", { key: 'c02633fdd4afa8d57a8d9c1de3eb09d59e42e0a8', status: "error", compact: true }, this.label))), h("div", { key: '0f2e6db4c06b387117acd61471fadef12372f140', class: "project-item-actions" }, h("slot", { key: '9940fb727444347f92fb33127b05f09e3d358c25', name: "actions" }))), h("div", { key: 'fe74f95d336a502b83b2c48ff6c656d7f3742d09', class: "project-item-info" }, h("div", { key: 'b9cc6c764e1c0a7c1f24ecf5ad430bc06c7ef0f4', class: "project-item-progress" }, h("slot", { key: '0c7800cda708f810f270833e286300092f1fde32', name: "progress" })), h("div", { key: '1894f7c46fdda5ec870143ea44426273d4a9e3ad', class: "project-item-status" }, h("slot", { key: '2fca967bfe39d73888059f038fd9f61bb509e054', name: "status" })))));
+        return (h(Fragment, { key: 'a6f2c4a0b5c8c419f547289241064402a0cd1351' }, h("div", { key: '4726842a175858363804563ff5fcd3d53b624818', class: "project-item-header" }, h("div", { key: '171d7b8f6eefcac2e40aa2ff880fe266e812eb85', class: "project-item-title" }, h("slot", { key: 'e53b00e23195b30be8d8849081328e322d041780', name: "title" }), this.label && (h("dso-label", { key: '2e5f8dd9c2cc79c209ba82775e57dc100c0f5f6a', status: "error", compact: true }, this.label))), h("div", { key: 'c99d5ba53cf0abc56413ee51ed265b878d11460c', class: "project-item-actions" }, h("slot", { key: 'f27b8488d7ec6e128c22c704e41f1846e7d56d69', name: "actions" }))), h("div", { key: '644306fb105daf743855d58d8d50e38da266cfe9', class: "project-item-info" }, h("div", { key: '6fabd64a2c4c29809a5e42fd24b707a82777ef45', class: "project-item-progress" }, h("slot", { key: '7899be36783f6e38a00766c5d3afd1d0839da2ba', name: "progress" })), h("div", { key: 'fe23604f152ecebb037c304426d7c18a4dc9e62a', class: "project-item-status" }, h("slot", { key: 'edb7598eb0a4e747a51dc4ba892163341a552842', name: "status" })))));
     }
     static get is() { return "dso-project-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,23 +4,14 @@ ins {
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
   --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
-}
-ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
-}
-ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
-}
-ins a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"));
-}
-ins {
+  --_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;
@@ -32,6 +23,8 @@ ins {
   --_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;
@@ -39,7 +32,7 @@ ins {
   background-color: #e4f1d4;
   color: #191919;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
-  --_dt-ozon-content-toggletip-color: #000;
+  --_dso-ozon-content-toggletip-color: #000;
 }
 
 del {
@@ -47,23 +40,14 @@ del {
   --_dso-alert-error-border-color: #ce3f51;
   --_dso-alert-info-border-color: #6ca4d9;
   --_dso-alert-warning-border-color: #dcd400;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
-}
-del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
-}
-del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
-}
-del a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"));
-}
-del {
+  --_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;
@@ -75,15 +59,17 @@ del {
   --_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;
-  --_dt-ozon-content-toggletip-color: #000;
+  --_dso-ozon-content-toggletip-color: #000;
   text-decoration: line-through;
-  --_dt-ozon-content-toggletip-text-decoration: underline line-through;
+  --_dso-ozon-content-toggletip-text-decoration: underline line-through;
 }
 @media screen and (min--moz-device-pixel-ratio: 0) {
   del {
@@ -92,10 +78,10 @@ del {
 }
 
 mark {
-  background-color: var(--_dt-mark-bg-color, #f8f5ce);
-  color: var(--_dt-mark-color, #000);
-  padding-block: var(--_dt-mark-padding-block, 0.2rem);
-  font-weight: var(--_dt-mark-font-weight, normal);
+  background-color: var(--_dso-mark-bg-color, #f8f5ce);
+  color: var(--_dso-mark-color, #000);
+  padding-block: var(--_dso-mark-padding-block, 0.2rem);
+  font-weight: var(--_dso-mark-font-weight, normal);
 }
 mark.dso-highlight {
   background-color: #dbd136;

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

@@ -17,13 +17,23 @@ export class ResponsiveElement {
     constructor() {
         this.sizeAlias = elementSizes[0].alias;
         this.sizeWidth = 0;
+        this.flushSizeChange = () => {
+            this.resizeFrameId = undefined;
+            if (!this.host.isConnected || !this.pendingSizeAlias || this.pendingSizeAlias === this.sizeAlias) {
+                return;
+            }
+            this.sizeAlias = this.pendingSizeAlias;
+            this.dsoSizeChange.emit(this.pendingSizeAlias);
+        };
         this.observer = new ResizeObserver(([entry]) => {
             if (!entry) {
                 throw new Error("No entry found");
             }
-            const size = elementSizes.find((s) => entry.contentRect.width >= s.width)?.alias ?? elementSizes[0].alias;
-            this.sizeAlias = size;
-            this.dsoSizeChange.emit(size);
+            this.pendingSizeAlias =
+                elementSizes.find((s) => entry.contentRect.width >= s.width)?.alias ?? elementSizes[0].alias;
+            if (this.resizeFrameId === undefined) {
+                this.resizeFrameId = requestAnimationFrame(this.flushSizeChange);
+            }
         });
     }
     /**
@@ -36,10 +46,14 @@ export class ResponsiveElement {
         this.observer.observe(this.host);
     }
     disconnectedCallback() {
+        if (this.resizeFrameId !== undefined) {
+            cancelAnimationFrame(this.resizeFrameId);
+            this.resizeFrameId = undefined;
+        }
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '038f65aa40386d2858df83dcfe773cf4aee53ab0', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'b3727cb82cb4a1086c0258f10a99804066021bb4' })));
+        return (h(Host, { key: '96e78ab5d6d4f5ef81d4b9d47f9ae8a05866a133', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'bb5d21405b1bc96ac9326a571825e03e3dc969b5' })));
     }
     static get is() { return "dso-responsive-element"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scrollable/scrollable.css

@@ -2,7 +2,7 @@
   display: block;
   block-size: 100%;
   overflow-y: hidden;
-  border-radius: var(--_dt-scrollable-border-radius, 0);
+  border-radius: var(--_dso-scrollable-border-radius, 0);
 }
 
 *,
@@ -22,10 +22,10 @@
   max-block-size: inherit;
   min-block-size: inherit;
   overflow-y: hidden;
-  padding-inline: var(--_dt-scrollable-container-padding-inline, 0);
-  padding-block: var(--_dt-scrollable-container-padding-block, 0);
-  border-end-start-radius: var(--_dt-scrollable-container-border-end-start-radius, 0);
-  border-end-end-radius: var(--_dt-scrollable-container-border-end-end-radius, 0);
+  padding-inline: var(--_dso-scrollable-container-padding-inline, 0);
+  padding-block: var(--_dso-scrollable-container-padding-block, 0);
+  border-end-start-radius: var(--_dso-scrollable-container-border-end-start-radius, 0);
+  border-end-end-radius: var(--_dso-scrollable-container-border-end-end-radius, 0);
 }
 .dso-shadow-container .dso-scroll-container::before, .dso-shadow-container .dso-scroll-container::after {
   background-repeat: no-repeat;
@@ -41,8 +41,8 @@
   inline-size: 100%;
   pointer-events: none;
   z-index: 1;
-  border-end-start-radius: var(--_dt-scrollable-container-border-end-start-radius, 0);
-  border-end-end-radius: var(--_dt-scrollable-container-border-end-end-radius, 0);
+  border-end-start-radius: var(--_dso-scrollable-container-border-end-start-radius, 0);
+  border-end-end-radius: var(--_dso-scrollable-container-border-end-end-radius, 0);
 }
 .dso-shadow-container .dso-scroll-container::before {
   background-image: linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));

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

@@ -104,9 +104,9 @@ export class Scrollable {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: 'ed3625bd1fa4bf665d8a23f9d0955552ad5af958', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'ed0bbf745960e504176c928ca73c992b052a6573', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: 'd047ddc3bc5208a81e9cb85477edcbbce0a9d00e', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '4ba715ced1f993851b8dc722d016aa6814d4f217', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'b0f2331fcfd67bee198e3a754a8a9d25d6f1d852' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: '6cddf937201777baf771b516ba89e0787dbda8b9' }))));
     }
     static get is() { return "dso-scrollable"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segmented-button/segmented-button.js

@@ -15,7 +15,7 @@ export class SegmentedButton {
         });
     }
     render() {
-        return (h("div", { key: '9398b2180aeaef6d79d10b92ff336358d2832260', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (h("div", { key: 'a1e8a06cb3da710ee7e8b30ef3ad53eea23ce906', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
             return (h("label", null, h("input", { type: "radio", name: this.groupName, value: option.label, checked: this.activeOption === option, disabled: option.disabled, onClick: (event) => this.handleClick(option, event) }), h("span", { class: "segment-label" }, option.label)));
         })));
     }

package/dist/collection/components/selectable/selectable.css

@@ -1,5 +1,5 @@
 :host {
-  padding-inline-start: var(--_dt-selectable-padding-inline-start, 32px);
+  padding-inline-start: var(--_dso-selectable-padding-inline-start, 32px);
   position: relative;
   display: var(--dso-selectable-display, block);
 }
@@ -148,8 +148,8 @@
   display: inline-block;
   min-block-size: 24px;
   position: relative;
-  margin-inline-start: var(--_dt-selectable-input-wrapper-margin-inline-start, -32px);
-  padding-inline-start: var(--_dt-selectable-input-wrapper-padding-inline-start, 32px);
+  margin-inline-start: var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);
+  padding-inline-start: var(--_dso-selectable-input-wrapper-padding-inline-start, 32px);
 }
 .dso-selectable-container .dso-selectable-input-wrapper input[type=radio]:focus + label::before,
 .dso-selectable-container .dso-selectable-input-wrapper input[type=checkbox]:focus + label::before {

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

@@ -48,7 +48,7 @@ export class Selectable {
     }
     render() {
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: 'f8cd51d0562d5718bfb2846a1a1f001d067d88c2' }, h("div", { key: '0334a8b7aa939eac065292c34ad37bf4e757be56', class: "dso-selectable-container" }, h("div", { key: 'a7fb59205e16eb3797ed1acaaa7acb3934583507', class: "dso-selectable-input-wrapper" }, h("input", { key: 'bb7f49b38b56e5ba6bb690292646343bbfe0f2eb', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.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: '45a00a047487be4f1426d83a3366ffce52dc941e', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'ab533add5946fe56c6362ae99a6bc89aebe82b6c', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '832279eb9a49a7b16374f00218ea5e8c3841aeed' }, h("slot", { key: '9d93816bcc8c6d9a91da08001d889feec5fc5d64', name: "info" })))), h("slot", { key: '8aee73d7bc3fb2a634b8c9a445cd20318f436765', name: "options" })));
+        return (h(Fragment, { key: 'f15b519e33e6b68f1becf222994c2d4c7ba51e9b' }, h("div", { key: 'a4b99ffc36828d171d2fce1f58e911043fc52b1d', class: "dso-selectable-container" }, h("div", { key: '348b868aaa3c035a2240e0b75d322c58a53a0733', class: "dso-selectable-input-wrapper" }, h("input", { key: '3c6bd982d61f447f363a93eb2c3efc829965762f', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.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: '0fde82cbafb657b99f8e03c9c525e43e87702ade', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '6f9424b553d58124866706df3f339544910d17e2', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '5ea4f0db490e085640d00cfba10c01bda64e3e07' }, h("slot", { key: 'de8c25a23e719adae87ec0341cae7375680b8623', name: "info" })))), h("slot", { key: 'f3af7639cb233ffe2781a10280e899f691ad15fc', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/collection/components/skiplink/skiplink.css

@@ -24,7 +24,7 @@ a {
   background-color: #fff;
   border-radius: 2px;
   clip-path: inset(1px);
-  color: var(--link-color);
+  color: var(--_dso-link-color);
   white-space: nowrap;
   text-decoration: none;
   transform: translate(-50%);

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: '95c237c77ce3220dc01b274ae188c964a8d00072', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'cc7bc50829c74cdda12ffe51a1033993ca7e36d5', icon: "chevron-right" })));
+        return (h("a", { key: 'dc552b95ccb22b96ec0daed381632b4afc8e70f8', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '3fb8c640e78008cac1f856cb4ddf359e9adcd23e', 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: '274c335f42f2e4d520a0ae2a6bdf1b0d866a1beb' }, h("button", { key: '2c9189d9ecc995f108387c69189e3ee36f3e2df8', 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: 'd08d9ff2cb0506be4ea8a70767352ed7ee8044b6', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '72080e2b31f9f1e136b987a9b227fb448c3d3bec', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'fd487372b48443feab75884f897dedc009e0b23a', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '4f2826e8798297f357be6d2a8d63c52eb722476d', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '69d7f71c94a7094882a2a8d08e29ce32dcdedc41', htmlFor: this.identifier }, h("slot", { key: 'add7fa3aa284c4a5907aa28f5d2a9fc8ecf12662' })))));
+        return (h(Fragment, { key: '4cf18710a6f07280d0080776bfe940288f107936' }, h("button", { key: '6154d90868c2ce9817addd58c7ccc5d1ddf1960a', 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: 'a40e734f51e9176c4337b788a56ccdba998adcfa', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '0aace92cba60227bbc694343c64bd4e5115d5041', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'fe0257c5c6212b399bb6883077a959f2728986be', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: 'f25b49f0dbec781d0594b89ac51ec071572404a6', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '8d43c0c7644ad350242c9dc1f102ca6b1086ab7f', htmlFor: this.identifier }, h("slot", { key: '36b803654221ef8016854590f1cad38054756e4d' })))));
     }
     static get is() { return "dso-slide-toggle"; }
     static get encapsulation() { return "scoped"; }