@dso-toolkit/core 95.2.0 → 97.0.0-ghi-3769.0

package/dist/bundle/dso-autosuggest.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DBi6XQa8.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-BIShp3sw.js';
 import { d as debounce } from './p-baWVwd8J.js';
 import { i as i18n } from './p-DwBHVuoZ.js';
-import { d as defineCustomElement$4 } from './p-DQ4k80p_.js';
-import { d as defineCustomElement$3 } from './p-C_yE-yT4.js';
-import { d as defineCustomElement$2 } from './p-CuGyp3WQ.js';
+import { d as defineCustomElement$4 } from './p-D1ciWwSo.js';
+import { d as defineCustomElement$3 } from './p-ChO20JhC.js';
+import { d as defineCustomElement$2 } from './p-CcFEBE0l.js';
 import { v as v4 } from './p-CK3_k8jD.js';
 
 function escapeStringRegexp(string) {
@@ -120,6 +120,10 @@ const Autosuggest = /*@__PURE__*/ proxyCustomElement(class Autosuggest extends H
         this.text = i18n(() => this.host, translations);
         this.onWindowResize = debounce(() => this.setListboxContainerMaxBlockSize(), 150);
         this.onScrollend = () => this.setListboxContainerMaxBlockSize();
+        this.onOptionClick = (e) => {
+            e.stopPropagation();
+            this.pickSelectedValue();
+        };
         this.onKeyDown = (event) => {
             if (event.defaultPrevented || this.loading) {
                 return;
@@ -499,16 +503,16 @@ const Autosuggest = /*@__PURE__*/ proxyCustomElement(class Autosuggest extends H
         else if (this.input) {
             this.input.removeAttribute("aria-controls");
         }
-        return (h(Fragment, null, h("slot", { key: '86042c6ac6dff7d0c37f251a5a2233292eec8ac1' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h(Fragment, null, h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element) }, h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), tabindex: "0" }, (flat &&
+        return (h(Fragment, null, h("slot", { key: '5e5ba4adce1ce293f7d15e14796900eb9bdcef08' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h(Fragment, null, h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element) }, h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), tabindex: "0" }, (flat &&
             this.showSuggestions &&
             this.suggestions &&
-            this.suggestions.map((suggestion) => (h(Option, { id: this.listboxItemId(suggestion), mouseEnter: () => this.selectSuggestion(suggestion), mouseLeave: () => this.resetSelectedSuggestion(), click: () => this.pickSelectedValue(), selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))) ||
+            this.suggestions.map((suggestion) => (h(Option, { id: this.listboxItemId(suggestion), mouseEnter: () => this.selectSuggestion(suggestion), mouseLeave: () => this.resetSelectedSuggestion(), click: this.onOptionClick, selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))) ||
             (grouped &&
                 this.showSuggestions &&
                 this.suggestions &&
                 this.suggestions.map((suggestionGroup) => {
                     const groupLabelId = v4();
-                    return (h("div", { role: "group", class: "group", "aria-labelledby": groupLabelId }, h("div", { class: "group-label", role: "presentation", id: groupLabelId, ref: (element) => element && this.listboxItems.push(element) }, suggestionGroup.groupLabel), suggestionGroup.suggestions.map((suggestion) => (h(Option, { id: this.listboxGroupedItemId(suggestionGroup, suggestion), mouseEnter: () => this.selectSuggestion(suggestion, suggestionGroup), mouseLeave: () => this.resetSelectedSuggestion(), click: () => this.pickSelectedValue(), selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))));
+                    return (h("div", { role: "group", class: "group", "aria-labelledby": groupLabelId }, h("div", { class: "group-label", role: "presentation", id: groupLabelId, ref: (element) => element && this.listboxItems.push(element) }, suggestionGroup.groupLabel), suggestionGroup.suggestions.map((suggestion) => (h(Option, { id: this.listboxGroupedItemId(suggestionGroup, suggestion), mouseEnter: () => this.selectSuggestion(suggestion, suggestionGroup), mouseLeave: () => this.resetSelectedSuggestion(), click: this.onOptionClick, selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))));
                 })) ||
             (this.notFound && (h("div", { class: "option" }, h("span", { class: "value" }, this.notFoundLabel ||
                 this.showInputValueNotFound(this.text("notFound", { inputValue: this.inputValue })))))))), h("div", { class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.getAutosuggestStatus()))))));

package/dist/bundle/dso-badge.js

@@ -1,4 +1,4 @@
-import { B as Badge, d as defineCustomElement$1 } from './p-C3TYRjeb.js';
+import { B as Badge, d as defineCustomElement$1 } from './p-BnDZHxeO.js';
 
 const DsoBadge = Badge;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-banner.js

@@ -1,7 +1,8 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-DBi6XQa8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-BIShp3sw.js';
 import { c as clsx } from './p-ChV9xqsO.js';
+import { d as defineCustomElement$2 } from './p-D1ciWwSo.js';
 
-const bannerCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding-block:16px;padding-inline:0;position:relative}.dso-banner.dso-compact{padding-block:12px;padding-inline:0}`;
+const bannerCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding-block:16px;padding-inline:0;position:relative}.dso-banner.dso-compact{padding-block:12px;padding-inline:0}.dso-banner.alert-error{--_dso-alert-success-border-color:#39870c;--_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}.dso-banner.alert-error 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"))}.dso-banner.alert-error 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"))}.dso-banner.alert-error 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"))}.dso-banner.alert-error 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"))}.dso-banner.alert-error{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;border-color:#f5d8dc}.dso-banner.alert-info{--_dso-alert-success-border-color:#39870c;--_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}.dso-banner.alert-info 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"))}.dso-banner.alert-info 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"))}.dso-banner.alert-info 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"))}.dso-banner.alert-info 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"))}.dso-banner.alert-info{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-color:#e1ecf7}.dso-banner.alert-success{--_dso-alert-success-border-color:#39870c;--_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}.dso-banner.alert-success 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"))}.dso-banner.alert-success 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"))}.dso-banner.alert-success 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"))}.dso-banner.alert-success 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"))}.dso-banner.alert-success{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;border-color:#e4f1d4}.dso-banner.alert-warning{--_dso-alert-success-border-color:#39870c;--_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}.dso-banner.alert-warning 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"))}.dso-banner.alert-warning 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"))}.dso-banner.alert-warning 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"))}.dso-banner.alert-warning 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"))}.dso-banner.alert-warning{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f8f6cc;color:#191919;border-color:#f8f6cc}.dso-banner{--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0;--_dt-rich-content-margin-inline-end:8px;--_dt-rich-content-padding-inline-end:24px;--_dt-heading-base-color:#000;--_dt-heading-h2-color:#000;--_dt-heading-h3-color:#000;--_dt-heading-h4-color:#000;--_dt-heading-h5-color:#000;--_dt-heading-h1-font-size-xs:1rem;--_dt-heading-h1-font-size:1rem;--_dt-heading-h2-font-size-xs:1rem;--_dt-heading-h2-font-size:1rem;--_dt-heading-h3-font-size-xs:1rem;--_dt-heading-h3-font-size:1rem;--_dt-heading-h4-font-size:1rem;--_dt-heading-h5-font-size:1rem;--_dt-heading-h6-font-size:1rem;--_dt-heading-h2-first-child-float:inline-start;--_dt-heading-h1-line-height:1.5;--_dt-heading-h2-line-height:1.5;--_dt-heading-h3-line-height:1.5;--_dt-heading-h4-line-height:1.5;--_dt-heading-h5-line-height:1.5;--_dt-heading-h6-line-height:1.5;--_dt-heading-margin-large-margin-block-end:0;--_dt-heading-margin-large-margin-block-start:0;--_dt-heading-margin-small-margin-block-end:0;--_dt-heading-margin-small-margin-block-start:0;--_dt-icon-button-position:absolute;--_dt-icon-button-inset-inline-end:16px}.banner-inner{line-height:1.5;margin-inline:auto;padding-inline:16px;position:relative}.banner-inner dso-icon{display:inline-block;inset-block-start:0;inset-inline-start:16px;position:absolute}@media (min-width: 768px){.banner-inner{inline-size:auto}}@media (min-width: 992px){.banner-inner{inline-size:922px}}@media (min-width: 1200px){.banner-inner{inline-size:1152px}}@media (min-width: 480px){.banner-inner.icon{padding-inline-start:48px}}@media (max-width: 479.01px){.banner-inner.icon{padding-block-start:39px;padding-inline:16px}}`;
 
 const Banner = /*@__PURE__*/ proxyCustomElement(class Banner extends H {
     constructor(registerHost) {
@@ -20,29 +21,40 @@ const Banner = /*@__PURE__*/ proxyCustomElement(class Banner extends H {
          * Option to show banner icon.
          */
         this.icon = false;
+        this.statusIcons = {
+            error: "status-error",
+            info: "status-info-solid",
+            success: "status-success",
+            warning: "status-warning",
+        };
     }
     render() {
-        return (h("section", { key: '1f953952b736586deeb73f0a436a3ef1d7ad51ab', class: clsx("dso-banner", `alert-${this.status}`, {
+        return (h("section", { key: '007b28f7e91ab33f8a496222a1df6ab3eb815e00', class: clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, h("slot", { key: '3587c1a299268323692bf2d2c27a4259f75eb480' })));
+            }), role: "alert" }, h("div", { key: '1ab1b6f2a9be4823db2c02d847049a59273a3da9', class: clsx("banner-inner", { icon: this.icon }) }, (this.icon || !this.compact) && h("dso-icon", { key: '79dec5fa5382b350a9c4364f0c7bcc6e53994a21', icon: this.statusIcons[this.status] }), h("slot", { key: '302c66621ba53d52ccbb3fbbfefc1cac1fbb5425' }))));
     }
     static get style() { return bannerCss(); }
 }, [257, "dso-banner", {
         "status": [513],
-        "compact": [4],
+        "compact": [516],
         "icon": [516]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["dso-banner"];
+    const components = ["dso-banner", "dso-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "dso-banner":
             if (!customElements.get(transformTag(tagName))) {
                 customElements.define(transformTag(tagName), Banner);
             }
             break;
+        case "dso-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
     } });
 }
 

package/dist/bundle/dso-button-group.js

@@ -1,4 +1,4 @@
-import { B as ButtonGroup, d as defineCustomElement$1 } from './p-DV3b_VnF.js';
+import { B as ButtonGroup, d as defineCustomElement$1 } from './p-C7VfGukK.js';
 
 const DsoButtonGroup = ButtonGroup;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-card-container.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-DBi6XQa8.js';
+import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-BIShp3sw.js';
 
-const cardContainerCss = () => `:host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}`;
+const cardContainerCss = () => `:host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-list ::slotted(li){border-block-start:1px solid #ccc}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}:host .dso-card-grid ::slotted(dso-card){box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}`;
 
 const CardContainer = /*@__PURE__*/ proxyCustomElement(class CardContainer extends H {
     constructor(registerHost) {
@@ -15,7 +15,7 @@ const CardContainer = /*@__PURE__*/ proxyCustomElement(class CardContainer exten
         this.mode = "list";
     }
     render() {
-        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '95c4b9efb0f971e75400362b4307082d08a9ecfa', class: "dso-card-list" }, h("slot", { key: 'c5e9b1c6a1ec0daf9959fae074983fd2d5131320' }))), this.mode === "grid" && (h("div", { key: '7b63aba8eb02ae54187ea9aa4dfb0dade6608ed8', class: "dso-card-grid" }, h("slot", { key: 'f7f20475f46a670706d12824e7efd7aadd2e6c19' })))));
+        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '76e936a9197707111af41c3fbd1f26d2a176a2ef', class: "dso-card-list" }, h("slot", { key: 'a40bd4a69a86b1519b4e2a3e116221560688874a' }))), this.mode === "grid" && (h("div", { key: '48c8852bc183928e8d4d6410d98afc73ae000333', class: "dso-card-grid" }, h("slot", { key: '295d9be623c1e2b2b564aea3f0889c2e43d88a6c' })))));
     }
     static get style() { return cardContainerCss(); }
 }, [257, "dso-card-container", {

package/dist/bundle/dso-card.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host, t as transformTag } from './p-DBi6XQa8.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, c as Host, t as transformTag } from './p-BIShp3sw.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$2 } from './p-DQ4k80p_.js';
+import { d as defineCustomElement$2 } from './p-D1ciWwSo.js';
 
 const cardCss = () => `a{overflow-wrap:anywhere;background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=selectable]){font-size:0 !important;--_dt-selectable-padding-inline-start:24px;--_dt-selectable-input-wrapper-margin-inline-start:-24px;--_dt-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}`;
 
@@ -35,8 +35,8 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends H {
     }
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: '0b9c26d1a491eead187bdcc26d2b6b57817eca31', "is-selectable": isSelectable }, h("div", { key: 'b52c62ddcee54a435c5d8212721612877a07b972', class: "dso-card-container" }, h("div", { key: 'a07e3907ba0c6455f8ccb36958ece3220af93eab', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: 'fa8bde0f224549caf881623a0ceb5745d07abce2', name: "selectable" })), h("div", { key: '34962e8d62f38925d2009d14669c5686690fcbfa', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '754585f88fe4bc2a0dc90de191e81654ad01c0f0', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '90cb149fe3d70cbc8b6db973ba2341ec0091a4e1', name: "heading" }), h("dso-icon", { key: '61731f3b68644ce94fbb82880714370fad5d9211', icon: "external-link" }), h("span", { key: 'ef03c618b979ec850b6ebb79efa5b26a19e218ca', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { key: '64d6243c5aef5cc6359ddc86745420c67e257989', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '1df2c690db408fc0c3cd7bc952d9c6e390ae0614', name: "heading" }), h("dso-icon", { key: 'b2720002592fd8bd947c86ca4b3199c5cff73535', icon: "download" })))) || (h("a", { key: '5d1e9b8f8c3cd1a98d1a77699b3083b6c2b323f6', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'd9c93d3289412d714ed543dea3ecb4a299242959', name: "heading" }), h("dso-icon", { key: 'deadcd1ae3ae36e346a6ab050f7a085a4b2afe0d', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '53c596e25689b490a4e8a6cb059cbc8e60d7d3f4', name: "interactions" })), h("div", { key: '9237379b0b91ce0d0e3a4797aa19389e8aa99356', class: "dso-card-content" }, h("slot", { key: '63d29f83f27cd4be3251c161bee697bea774ae92', name: "content" })))));
+        return (h(Host, { key: '21779582996d3aae3e543c89bb3d7206c66cab33', "is-selectable": isSelectable }, h("div", { key: 'a330f0c2f7f8498aee3670fd4b31312f7de5227a', class: "dso-card-container" }, h("div", { key: 'ad2fd83e5669beb8b2803830ad52c59622dbd7bb', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: 'a87f490eaf33572880490b9faefb6eec464710bd', name: "selectable" })), h("div", { key: '4274c03b16c09d024d675cf23afb3aee042421c2', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: 'cd380e5c20f705f7b7124f10e5aed5ce07b21933', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '08b3f9fdb23f71df28147243ff3b4e332837ec76', name: "heading" }), h("dso-icon", { key: '7c739f0ae901c1c5fa874920a960d3a753426111', icon: "external-link" }), h("span", { key: '26d4ebd7af03f7f8109491a36e7743bfa9370e19', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
+            (this.mode === "download" && (h("a", { key: '8e606cb91376b023854303412d308279a8001392', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '1802bd095c9161ab8c8500499ed2b8402c0ce042', name: "heading" }), h("dso-icon", { key: '12ef0fc368509ba09ae3e29c91e293406e6a068b', icon: "download" })))) || (h("a", { key: '098959e2b33a3d07fd9704eddd944cb99808da8b', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'ad7dd47a7c1bee556eb2eadfa60ba17b08ab3af1', name: "heading" }), h("dso-icon", { key: '0ec299498862d67c412ab8205aff929d1f2c0b91', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '19e659d156274a52c24b66e3a882a9eabd11ba1e', name: "interactions" })), h("div", { key: '52d69ca31da125b6e6b7fb669272dbe44884491e', class: "dso-card-content" }, h("slot", { key: '2ea315dd879f0184236a4fa6c974574bd272f649', name: "content" })))));
     }
     get host() { return this; }
     static get style() { return cardCss(); }

package/dist/bundle/dso-contact-information.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-DBi6XQa8.js';
+import { p as proxyCustomElement, H, h, t as transformTag } from './p-BIShp3sw.js';
 
 const contactInformationCss = () => `:host{--_dso-di-background-image:none;--_dso-link-icon-padding-inline-start:0;--_dso-link-icon-padding-inline-end:0;display:block}*,*::after,*::before{box-sizing:border-box}::slotted([slot=anchor-items]),::slotted([slot=info-items]){display:flex !important;flex-wrap:wrap !important;gap:16px 24px !important;padding-inline-start:0 !important;list-style:none !important}@media screen and (max-width: 991px){::slotted([slot=anchor-items]),::slotted([slot=info-items]){flex-direction:column !important;gap:16px !important}}::slotted([slot=info-items]){margin-block-end:0 !important}::slotted([slot=heading]){margin-block:0 16px !important;font-size:16px !important}`;
 
@@ -11,7 +11,7 @@ const ContactInformation = /*@__PURE__*/ proxyCustomElement(class ContactInforma
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '509b3f51fa023a5b58d46e40252b917971afb600', class: "dso-contact-information" }, h("slot", { key: '281b8ad46ec6f591a9fc4d6d565d4dc847979ab7', name: "heading" }), h("slot", { key: '2de8f14e5116bf5bda27ef17f287b711997fd82c', name: "anchor-items" }), h("slot", { key: 'e67e73ff0b3785f5e13e76b01467484007378fbf', name: "info-items" })));
+        return (h("div", { key: '4fd898700da86ff5f3b741e5c910f838900dc508', class: "dso-contact-information" }, h("slot", { key: 'c3d81197601a308fda6dd76608a0b2b03a4d7fbf', name: "heading" }), h("slot", { key: 'b21829b093bc5b439ab120ebe3f90c664f22141f', name: "anchor-items" }), h("slot", { key: 'bc167a299dbda0199dc9804eccbdfc4c2b58a669', name: "info-items" })));
     }
     static get style() { return contactInformationCss(); }
 }, [257, "dso-contact-information"]);

package/dist/bundle/dso-cursor-tooltip.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DBi6XQa8.js';
+import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-BIShp3sw.js';
 
-const cursorTooltipCss = () => `*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_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}:host 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-wit"))}:host 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-wit"))}:host 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-wit"))}:host 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-wit"))}:host{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:rgba(0, 0, 0, 0.75);color:#fff;position:relative;display:inline-block;pointer-events:none;overflow:unset;max-inline-size:360px;margin-inline:8px;padding-inline:16px;padding-block:8px;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4))}:host::before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:0;transform:translateX(-50%) translateY(-100%);border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-block-end:8px solid rgba(0, 0, 0, 0.75);filter:none;pointer-events:none}`;
+const cursorTooltipCss = () => `*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_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}:host 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-wit"))}:host 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-wit"))}:host 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-wit"))}:host 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-wit"))}:host{--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:rgba(0, 0, 0, 0.75);color:#fff;position:relative;display:inline-block;pointer-events:none;overflow:unset;max-inline-size:360px;margin-inline:8px;padding-inline:16px;padding-block:8px;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4))}:host::before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:0;transform:translateX(-50%) translateY(-100%);border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-block-end:8px solid rgba(0, 0, 0, 0.75);filter:none;pointer-events:none}`;
 
 const CursorTooltip = /*@__PURE__*/ proxyCustomElement(class CursorTooltip extends H {
     constructor(registerHost) {
@@ -11,7 +11,7 @@ const CursorTooltip = /*@__PURE__*/ proxyCustomElement(class CursorTooltip exten
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'fe3c40f9ab20b3172e840b353cf4b2eeca1a96fe', class: "dso-cursor-tooltip" }, h("slot", { key: '11c043f041dce83de7740ffdb0b62481c4d10516' })));
+        return (h(Host, { key: 'f38dc945dba407fd21e3528929c15d9432623db6', class: "dso-cursor-tooltip" }, h("slot", { key: 'aa208364be2cc2570cd4de7726dc2c441a4138af' })));
     }
     static get style() { return cursorTooltipCss(); }
 }, [257, "dso-cursor-tooltip"]);

package/dist/bundle/dso-date-picker.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DBi6XQa8.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-BIShp3sw.js';
 
 /**
  * dd-mm-yyyy to yyyy-mm-dd
@@ -149,7 +149,7 @@ const DsoDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class DsoDatePicker ext
         return undefined;
     }
     render() {
-        return (h("input", { key: 'd158728374aeea203e28cb6f8b9d3f5c99d4f887', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": this.invalid?.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
+        return (h("input", { key: '47631df93cddf10161ee2eabdaae4f976e86f00a', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": this.invalid?.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
     }
     get element() { return this; }
     static get style() { return datePickerCss(); }

package/dist/bundle/dso-document-card.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, t as transformTag } from './p-DBi6XQa8.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, t as transformTag } from './p-BIShp3sw.js';
 import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
-import { d as defineCustomElement$2 } from './p-DQ4k80p_.js';
+import { d as defineCustomElement$2 } from './p-D1ciWwSo.js';
 
 const documentCardCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}::slotted([slot=type]){--_dt-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}`;
 
@@ -34,7 +34,7 @@ const DocumentCard = /*@__PURE__*/ proxyCustomElement(class DocumentCard extends
         return this.host.querySelector("[slot='interactions']");
     }
     render() {
-        return (h("div", { key: '424a1e6058327ca1892f41626288909fdbe28972', class: "dso-document-card-container" }, h("div", { key: 'bf0e9dc501a1850af4dd64d36590de0d2103b164', class: "dso-document-card-heading" }, h("a", { key: 'fa110e3c6f1984741d02b515082e847b11aea781', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: '32cd23687a349abef9083164795ebb17e833baf2', class: "icon-container" }, h("dso-icon", { key: 'f796e32f7d8c7e1ee350aa1b7a3de65be51fed36', icon: "chevron-right" }), h("slot", { key: 'a23262482804914228c0320525f41c2bbf35314e', name: "heading" })))), h("div", { key: '75734d9e95ded9f4fdde9c999d7a4233b8314f06', class: "dso-document-card-type" }, h("slot", { key: 'b18ce3010ae3cb4736ae92108e014fe51a2e2484', name: "type" })), h("div", { key: '46673ebfc66c849b1ba48337f1fb2f864b182759', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: '45418a415877277de76dcf3a6f8df0ad86c4f732', name: "meta" }), h("slot", { key: 'cd8bf629833394d19d423ba7b8912be3a7af5f53', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: '3996b4f72f7658ef760dfcf7f6578b4b8951e0a0', name: "interactions" }))));
+        return (h("div", { key: 'cb3a601741335eca15dc6a29db65050617aed770', class: "dso-document-card-container" }, h("div", { key: '790d9f368acb655a4655aa2786d593338686ab3a', class: "dso-document-card-heading" }, h("a", { key: '8fefbc72ce0b86701402057b7944b0731c55b4e9', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: 'ee22429b624a6dbac97ec7c41f33fa37c8816a3a', class: "icon-container" }, h("dso-icon", { key: 'a3c1913d55a7807e9dac4c92ed9a20d9ff2a5a7b', icon: "chevron-right" }), h("slot", { key: '875d4f00306cd0b80a7842c986df64d544ccad35', name: "heading" })))), h("div", { key: 'b34b5c1ea5979dd35a40b31cbf892f0ace506995', class: "dso-document-card-type" }, h("slot", { key: '5155b74dd5200f4f6363d1e5f77f2efbc670dcb2', name: "type" })), h("div", { key: 'e50a354a5f49057aa47ea8b260a66de72b102513', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: '11e497caa499af37a41c0c80be26a4a82a733e6a', name: "meta" }), h("slot", { key: 'fe67a0d252ce28f3c967766596b41946f3ffb732', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: '6d0f12d4d5ae72a5e4a98a638381d38b458c6b7d', name: "interactions" }))));
     }
     get host() { return this; }
     static get style() { return documentCardCss(); }

package/dist/bundle/dso-document-component.js

@@ -1,4 +1,4 @@
-import { D as DocumentComponent, d as defineCustomElement$1 } from './p-B5uIYOPn.js';
+import { D as DocumentComponent, d as defineCustomElement$1 } from './p-B41mHKWC.js';
 
 const DsoDocumentComponent = DocumentComponent;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-dropdown-menu.js

@@ -1,4 +1,206 @@
-import { D as DropdownMenu, d as defineCustomElement$1 } from './p-CwETV-gv.js';
+import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-BIShp3sw.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './p-zRaH89Qj.js';
+import { t as tabbable } from './p-PsHl6ZhV.js';
+import { g as getActiveElement } from './p-BWkWD1Z2.js';
+import { v as v4 } from './p-CK3_k8jD.js';
+
+const dropdownMenuCss = () => `:host(:focus){outline:none}:host{display:inline-block}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}`;
+
+const DropdownMenu = /*@__PURE__*/ proxyCustomElement(class DropdownMenu extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        /**
+         * Whether the menu is open or closed.
+         * This attribute is reflected and mutable.
+         */
+        this.open = false;
+        /**
+         * Alignment of the dropdown
+         */
+        this.dropdownAlign = "left";
+        /**
+         * Space between button and dropdown options
+         */
+        this.dropdownOptionsOffset = 2;
+        /**
+         * Whether the menu is checkable.
+         */
+        this.checkable = false;
+        this.focusOutListener = (event) => {
+            if (this.open &&
+                (!(event.relatedTarget instanceof H) || !this.tabbables(true).includes(event.relatedTarget))) {
+                this.toggleOptions(false);
+            }
+        };
+        this.keyDownListener = (event) => {
+            if (event.defaultPrevented || !this.open) {
+                return;
+            }
+            switch (event.key) {
+                case "Tab":
+                    if (event.shiftKey) {
+                        this.tabInPopup(this.tabbables(true), -1);
+                    }
+                    else {
+                        this.tabInPopup(this.tabbables(true), 1);
+                    }
+                    break;
+                case "ArrowDown":
+                    this.tabInPopup(this.tabbables(false), 1);
+                    break;
+                case "ArrowUp":
+                    this.tabInPopup(this.tabbables(false), -1);
+                    break;
+                case "Escape":
+                    this.escape();
+                    break;
+                case " ":
+                    if (event.target instanceof H) {
+                        event.target.click();
+                    }
+                    break;
+                default:
+                    return;
+            }
+            event.preventDefault();
+        };
+        this.escape = () => {
+            this.button.focus();
+            this.toggleOptions(false);
+        };
+    }
+    get button() {
+        const button = this.host.querySelector('button[slot="toggle"]');
+        if (!(button instanceof HTMLButtonElement)) {
+            throw new ReferenceError("Mandatory toggle button not found");
+        }
+        return button;
+    }
+    tabbables(withButton) {
+        const tabbables = this.host.isConnected ? tabbable(this.host) : [];
+        return withButton ? tabbables : tabbables.filter((element) => element !== this.button);
+    }
+    componentDidLoad() {
+        this.button.setAttribute("aria-haspopup", "menu");
+        this.button.setAttribute("aria-expanded", "false");
+        if (!this.button.id) {
+            this.button.id = v4();
+        }
+        const dropdownOptionsElement = this.host.querySelector(".dso-dropdown-options");
+        if (!(dropdownOptionsElement instanceof H)) {
+            throw new Error("dropdown options element is not instanceof HTMLElement");
+        }
+        dropdownOptionsElement.setAttribute("role", "menu");
+        dropdownOptionsElement.setAttribute("aria-labelledby", this.button.id);
+        for (const ul of Array.from(this.host.getElementsByTagName("ul"))) {
+            ul.setAttribute("role", "group");
+            for (const li of Array.from(ul.getElementsByTagName("li"))) {
+                li.setAttribute("role", "none");
+            }
+        }
+    }
+    componentDidRender() {
+        for (const li of Array.from(this.host.getElementsByTagName("li"))) {
+            for (const tab of this.host.isConnected ? tabbable(li) : []) {
+                tab.setAttribute("role", this.checkable ? "menuitemradio" : "menuitem");
+                if (this.checkable) {
+                    tab.setAttribute("aria-checked", li.classList.contains("dso-checked").toString());
+                }
+            }
+        }
+        this.button.setAttribute("aria-expanded", this.open ? "true" : "false");
+        if (this.popoverElement && !this.cleanUp) {
+            const element = this.popoverElement;
+            this.cleanUp = autoUpdate(this.button, element, () => {
+                computePosition(this.button, element, {
+                    strategy: "fixed",
+                    middleware: [
+                        offset(this.dropdownOptionsOffset),
+                        flip({
+                            padding: this.dropdownOptionsOffset,
+                        }),
+                    ],
+                    placement: this.dropdownAlign === "right" ? "bottom-end" : "bottom-start",
+                }).then(({ x, y }) => {
+                    Object.assign(element.style, {
+                        left: `${x}px`,
+                        top: `${y}px`,
+                    });
+                });
+            });
+        }
+    }
+    onClick(event) {
+        const composedPath = event.composedPath();
+        if (this.isToggleButtonEvent(composedPath)) {
+            this.toggleOptions();
+        }
+        else if (this.open && this.isMenuItemEvent(composedPath)) {
+            this.toggleOptions(false);
+        }
+    }
+    isToggleButtonEvent(composedPath) {
+        return composedPath.includes(this.button);
+    }
+    isMenuItemEvent(composedPath) {
+        return composedPath.includes(this.host) && !this.isToggleButtonEvent(composedPath);
+    }
+    toggleOptions(force) {
+        this.open = force ?? !this.open;
+        if (this.popoverElement?.isConnected) {
+            this.popoverElement?.togglePopover(this.open);
+        }
+        if (!this.open && this.cleanUp) {
+            this.cleanUp();
+            this.cleanUp = undefined;
+        }
+    }
+    connectedCallback() {
+        this.host.addEventListener("keydown", this.keyDownListener);
+    }
+    disconnectedCallback() {
+        this.host.removeEventListener("keydown", this.keyDownListener);
+        this.toggleOptions(false);
+    }
+    tabInPopup(tabbables, direction) {
+        const currentIndex = tabbables.findIndex((e) => e === getActiveElement());
+        let nextIndex = currentIndex + direction;
+        if (nextIndex >= tabbables.length) {
+            nextIndex = 0;
+        }
+        else if (nextIndex < 0) {
+            nextIndex = tabbables.length - 1;
+        }
+        tabbables[nextIndex]?.focus();
+    }
+    render() {
+        return (h(Host, { key: '2b1a77a0d5ec49784f038af3540c6369d4c2cc2c', onFocusout: this.focusOutListener }, h("slot", { key: '32d8b7f6e23a5b11b5ab3bdeb78575fc6855322f', name: "toggle" }), h("div", { key: '262486ced58fb98375ccf8abc38959144fc9296d', popover: "manual", ref: (element) => (this.popoverElement = element) }, h("slot", { key: '2c76def3904869f1a6227430f6718d85eb9cfc30' }))));
+    }
+    get host() { return this; }
+    static get style() { return dropdownMenuCss(); }
+}, [257, "dso-dropdown-menu", {
+        "open": [1540],
+        "dropdownAlign": [1, "dropdown-align"],
+        "dropdownOptionsOffset": [2, "dropdown-options-offset"],
+        "checkable": [4]
+    }, [[8, "click", "onClick"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-dropdown-menu"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-dropdown-menu":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), DropdownMenu);
+            }
+            break;
+    } });
+}
 
 const DsoDropdownMenu = DropdownMenu;
 const defineCustomElement = defineCustomElement$1;

package/dist/bundle/dso-expandable.js

@@ -1,4 +1,4 @@
-import { E as Expandable, d as defineCustomElement$1 } from './p-7h6dLq9M.js';
+import { E as Expandable, d as defineCustomElement$1 } from './p-CA57bAyP.js';
 
 const DsoExpandable = Expandable;
 const defineCustomElement = defineCustomElement$1;