@dso-toolkit/core 86.0.0 → 88.0.0

package/dist/cjs/dso-accordion-section.cjs.entry.js

@@ -187,14 +187,14 @@ const AccordionSection = class {
         const { variant, reverseAlign } = (_a = this.accordionState) !== null && _a !== void 0 ? _a : {};
         const hasAddons = !!this.statusDescription || !!this.status || !!this.icon || !!this.attachmentCount;
         const showSlideToggle = this.activatable && variant === "compact-black" && !reverseAlign;
-        return (index.h(index.Host, { key: '2e65f0a85688c2d52a1a337e90fdce86870bf713', class: {
+        return (index.h(index.Host, { key: '31e4276d0f660ead0bcc763e90fc77c9e749e63d', class: {
                 "dso-accordion-section": true,
                 ["dso-accordion-" + variant]: !!variant,
                 "dso-nested-accordion": this.hasNestedAccordion || this.containsNestedAccordion,
                 "dso-accordion-reverse-align": reverseAlign !== null && reverseAlign !== void 0 ? reverseAlign : false,
                 ["dso-accordion-wijzigactie-" + this.wijzigactie]: !!this.wijzigactie,
                 "dso-accordion-section-activate": showSlideToggle,
-            }, hidden: !variant, onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, index.h(Handle, { key: '0ba35033762292d6467ba90f7df97e169c870db5', heading: this.heading, ref: (element) => (this.sectionHeading = element) }, index.h(HandleElement, { key: '95c07f60960daf7d2718e6bd4fdd4723b1b9a1c3', handleUrl: this.handleUrl, onClick: this.handleClick, open: this.open, showSlideToggle: showSlideToggle, active: this.active, onActiveChange: this.handleActiveChange, handleElementRef: (e) => (this.handleElementRef = e) }, reverseAlign ? (index.h(index.Fragment, null, this.icon && (index.h("div", { class: "dso-section-handle-addons" }, index.h(HandleIcon, { icon: this.icon }))), index.h("dso-renvooi", { value: this.handleTitle }), this.label && (index.h("dso-label", { status: this.labelStatus, compact: true }, this.label)), index.h("div", { class: "dso-section-handle-addons" }, this.statusDescription && index.h("span", { class: "dso-status" }, this.statusDescription), index.h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" })))) : (index.h(index.Fragment, null, index.h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.status && index.h("span", { class: "sr-only" }, stateMap[this.status]), index.h("span", null, index.h("dso-renvooi", { value: this.handleTitle }), this.isNeutral && (index.h("dso-icon", { class: "info-icon", icon: this.open || this.hover ? "info-active" : "info" }))), this.label && (index.h("dso-label", { status: this.labelStatus, compact: true }, this.label)), hasAddons && (index.h("div", { class: "dso-section-handle-addons" }, this.statusDescription && index.h("span", { class: "dso-status" }, this.statusDescription), index.h(HandleIcon, { state: this.status, icon: this.icon, attachmentCount: this.attachmentCount }))))))), index.h("dso-expandable", { key: '72113b4b9c53aa6ca84d481464e0e1bc39e57c6d', class: "dso-section-body", open: this.open, enableAnimation: true, minimumHeight: this.isNeutral ? 0 : 4, onDsoExpandableAnimationStart: this.handleExpandableAnimationStart, onDsoExpandableAnimationEnd: this.handleExpandableAnimationEnd }, index.h("div", { key: '6a2e4e4ab8bace1e7ba6784c81bb1c1171774ffc', class: "dso-section-body-content", ref: (element) => (this.sectionBody = element) }, index.h("slot", { key: '9e5190299f7eda51678bf06e172525fd378b05e8' })))));
+            }, hidden: !variant, onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, index.h(Handle, { key: 'fadb4d98d40451b8e0cdba4cfbd3c3ec5f5ad0fe', heading: this.heading, ref: (element) => (this.sectionHeading = element) }, index.h(HandleElement, { key: '0fe9cf5dbad8bfd098be16a6cf0ce94e43e6911a', handleUrl: this.handleUrl, onClick: this.handleClick, open: this.open, showSlideToggle: showSlideToggle, active: this.active, onActiveChange: this.handleActiveChange, handleElementRef: (e) => (this.handleElementRef = e) }, reverseAlign ? (index.h(index.Fragment, null, this.icon && (index.h("div", { class: "dso-section-handle-addons" }, index.h(HandleIcon, { icon: this.icon }))), index.h("dso-renvooi", { value: this.handleTitle }), this.label && (index.h("dso-label", { status: this.labelStatus, compact: true }, this.label)), index.h("div", { class: "dso-section-handle-addons" }, this.statusDescription && index.h("span", { class: "dso-status" }, this.statusDescription), index.h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" })))) : (index.h(index.Fragment, null, index.h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.status && index.h("span", { class: "sr-only" }, stateMap[this.status]), index.h("span", null, index.h("dso-renvooi", { value: this.handleTitle }), this.isNeutral && (index.h("dso-icon", { class: "info-icon", icon: this.open || this.hover ? "info-active" : "info" }))), this.label && (index.h("dso-label", { status: this.labelStatus, compact: true }, this.label)), hasAddons && (index.h("div", { class: "dso-section-handle-addons" }, this.statusDescription && index.h("span", { class: "dso-status" }, this.statusDescription), index.h(HandleIcon, { state: this.status, icon: this.icon, attachmentCount: this.attachmentCount }))))))), index.h("dso-expandable", { key: '36a11547a19a592d3eb25bdc99a3d9183cb10082', class: "dso-section-body", open: this.open, enableAnimation: true, minimumHeight: this.isNeutral ? 0 : 4, onDsoExpandableAnimationStart: this.handleExpandableAnimationStart, onDsoExpandableAnimationEnd: this.handleExpandableAnimationEnd }, index.h("div", { key: '813c331b4f16038b5bfffbff3090e5f5d5812b65', class: "dso-section-body-content", ref: (element) => (this.sectionBody = element) }, index.h("slot", { key: '609c1f85731d4f9c68da283bf34876267590c7a2' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-accordion.cjs.entry.js

@@ -315,7 +315,7 @@ const Accordion = class {
         return this.accordionState;
     }
     render() {
-        return (index.h(index.Host, { key: 'a86cfcda16f93c5bb818a2c5b3566f8a493c77d8' }, index.h("slot", { key: 'e171013f8b1a480c9ceb386a4fa820ab3e04647a' })));
+        return (index.h(index.Host, { key: '9488887d4b47c470a237c25e369b013eeeb55ef9' }, index.h("slot", { key: '7c6ef21c22e84d486f3d71230b042f0119a89388' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-action-list-item.cjs.entry.js

@@ -21,10 +21,10 @@ const ActionListItem = class {
         this.divider = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1a91edddc07a037d9d7f0d9cd3e6ab9825e3a5f8', class: {
+        return (index.h(index.Host, { key: '38b0099c5db2ae264b5c57249adee9d080884655', class: {
                 divider: this.divider,
                 "flow-line": this.flowLine,
-            } }, index.h("div", { key: 'b2bacfb2d6c74871d7dbf3cf4415f0cd03f5c6ac', class: "dso-action-list-item" }, this.warning ? index.h("dso-icon", { icon: "status-warning" }) : index.h("div", { class: "dso-step-counter" }, this.step), index.h("div", { key: 'f8caa52df613dad923b1e9822bd6eff7b5bb7afd', class: "action-list-item-content" }, this.itemTitle && index.h("h3", { key: '5387171239124ccf77108b1e3dec6c57dfc71af0' }, this.itemTitle), index.h("slot", { key: 'aaa55694715d3a1efc3b81c2454e24fa81725acc' })))));
+            } }, index.h("div", { key: 'a1cca9570d71f1dd7b658036891cc4a6c7f3ad89', class: "dso-action-list-item" }, this.warning ? index.h("dso-icon", { icon: "status-warning" }) : index.h("div", { class: "dso-step-counter" }, this.step), index.h("div", { key: 'ff1367bf4a889bcd9f814ce7a0b5e9e74157d4a3', class: "action-list-item-content" }, this.itemTitle && index.h("h3", { key: '4aad348c7b67589c64f48a53ab7edf1b59ba741d' }, this.itemTitle), index.h("slot", { key: '1fe91f7787f5194813505976c628a39ba3f04357' })))));
     }
 };
 ActionListItem.style = actionListItemCss();

package/dist/cjs/dso-action-list.cjs.entry.js

@@ -9,7 +9,7 @@ const ActionList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '27dda0f454585c09648b5713fd15888464995fb2' }, index.h("h2", { key: '74cb40fa3c39485f85c9e63ae46d8cdc7a2f37d1' }, this.listTitle), index.h("div", { key: '3ba55fbe744be463c3dc5b3bf8ecd0e61ff1bbfa', class: "dso-action-list-content" }, index.h("slot", { key: '8b61a85f12ee727c2ec27147fa528f07c4be4ba3' }))));
+        return (index.h(index.Host, { key: '420035c23ceca58542a8d098fa92198bd520563a' }, index.h("h2", { key: 'd1ddb040ad32fc98eddbbe53f4dc197c644b1102' }, this.listTitle), index.h("div", { key: '6e3a3a7b25a38e714cb7c694bb5550e47a3df695', class: "dso-action-list-content" }, index.h("slot", { key: '277c6549b7ad64e06d9913fa4a7489daaea37c68' }))));
     }
 };
 ActionList.style = actionListCss();

package/dist/cjs/dso-advanced-select.cjs.entry.js

@@ -1069,12 +1069,12 @@ const AdvancedSelect = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Fragment, { key: '8454f09f9a5c7b03f01d2d579f63ef22ee9d930f' }, index.h("button", { key: 'b13c7456b0f8b47c8480d0cd3c2f147fff8f6269', "aria-expanded": this.open.toString(), class: clsx.clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, index.h(ActiveGroupLabel, { key: '75738db34a9661d30a2ffc1df989d51170b11d68', active: this.active, options: this.options }), index.h("span", { key: '0fef97f3e6cf3bbbdb994051e6840a639778a5b5', class: "active-option-label" }, (_b = (_a = this.active) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "Selecteer een optie"), index.h("span", { key: 'fafd37c8227fe1dc472e2cdc6417d4f888e4b792', class: "active-option-aside" }, this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && (optionOrGroup === null || optionOrGroup === void 0 ? void 0 : optionOrGroup.summaryCounter)) && (index.h("span", { key: '6ce677f9cebbd80be21230eafc3b3ad1f291cf66', class: "badges" }, this.options
+        return (index.h(index.Fragment, { key: '6bc4383d960ab9b0a14cb398464de6ebb0f9c187' }, index.h("button", { key: 'f10aa0612d85d21fe6b05e5bc8d971b5973347f9', "aria-expanded": this.open.toString(), class: clsx.clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, index.h(ActiveGroupLabel, { key: '61f78f3eb5791a29de2780af1c4c38432447f260', active: this.active, options: this.options }), index.h("span", { key: 'd519af3711abd178a33cb41d526b9f3685d9a73b', class: "active-option-label" }, (_b = (_a = this.active) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "Selecteer een optie"), index.h("span", { key: '6ec080dbc881bba5282195b99cda44494dd0496c', class: "active-option-aside" }, this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && (optionOrGroup === null || optionOrGroup === void 0 ? void 0 : optionOrGroup.summaryCounter)) && (index.h("span", { key: '88b4efa65736349f6ed9178bc41448fd0e27937b', class: "badges" }, this.options
             .filter((option) => "options" in option && "summaryCounter" in option && !!(option === null || option === void 0 ? void 0 : option.summaryCounter))
             .map((group) => {
             var _a;
             return (index.h("dso-badge", { status: (_a = group.variant) !== null && _a !== void 0 ? _a : "outline" }, group.options.length));
-        }))), index.h("dso-icon", { key: '87bbef2d6a2412b5977d436aa09a2276fbf20154', icon: "caret-down" }))), this.open && (index.h("div", { key: '44c9d298664567143d9dce42f734be2c6c7fa49e', class: "groups-container" }, index.h("ul", { key: '5bd41c6c7e720245b75c40cbbb082f9012d5b68e', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (index.h("li", { class: clsx.clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, index.h("p", { class: "group-label" }, optionOrGroup.label), index.h("ul", { class: "options" }, optionOrGroup.options.map((option) => (index.h("li", null, index.h(OptionButton, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick }))))), optionOrGroup.redirect && (index.h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
+        }))), index.h("dso-icon", { key: '9072cc0bd056301790e3e5ceffdedb48e1e1683c', icon: "caret-down" }))), this.open && (index.h("div", { key: 'db3269ccedbd03c6fb15fbdc8ab919755394c5c1', class: "groups-container" }, index.h("ul", { key: 'f6db478570a5d2f11d9df466eef1a68389694cdd', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (index.h("li", { class: clsx.clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, index.h("p", { class: "group-label" }, optionOrGroup.label), index.h("ul", { class: "options" }, optionOrGroup.options.map((option) => (index.h("li", null, index.h(OptionButton, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick }))))), optionOrGroup.redirect && (index.h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
             ("placeholder" in optionOrGroup && (index.h("li", { class: "group" }, index.h("p", { class: "group-label" }, optionOrGroup.label), index.h("p", { class: "placeholder" }, optionOrGroup.placeholder), optionOrGroup.redirect && (index.h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) || (index.h("li", null, index.h(OptionButton, { option: optionOrGroup, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick })))))))));
     }
     get host() { return index.getElement(this); }

package/dist/cjs/dso-alert_7.cjs.entry.js

@@ -8,9 +8,9 @@ var parseWijzigactieFromNode_function = require('./parse-wijzigactie-from-node.f
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var isModifiedEvent = require('./is-modified-event-Dh9YsHw8.js');
 var v4 = require('./v4-DVHpSsrI.js');
-var positionTooltip_function = require('./position-tooltip.function-ByMSSaYN.js');
-var tooltip_functionalComponent = require('./tooltip.functional-component-DaIoD81Q.js');
-require('./floating-ui.dom-CHD5ZW0W.js');
+var positionTooltip_function = require('./position-tooltip.function-CDcvfQQh.js');
+var tooltip_functionalComponent = require('./tooltip.functional-component-BEYSPQ3a.js');
+require('./floating-ui.dom-Bp4TaUcL.js');
 
 const translations$1 = {
     en: {
@@ -50,7 +50,7 @@ const Alert = class {
         if (!status) {
             throw new Error(`Invalid status ${this.status}`);
         }
-        return (index.h("div", { key: 'eeea4a67248e5fdc7e2c7d32b042c9efd31adaa4', class: clsx.clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && index.h("dso-icon", { key: '612cbefcdb765a9cd89ff685511c3bad873f351f', class: "icon-status", icon: "status-" + this.status }), index.h("span", { key: 'df7fe6801059b92da19617cdc016ca63c6511c10', class: "sr-only" }, status, ":"), index.h("slot", { key: '7cf677407b4873800de0829ee5bf09c489dace0e' }), this.closable && (index.h("dso-icon-button", { key: '7203acfb2ec0d89b940f7d9676f968ffce0b436a', label: this.text("close"), variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
+        return (index.h("div", { key: '00aec42517954eba58249fc009660d4945dc1d2f', class: clsx.clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && index.h("dso-icon", { key: 'd9de90358fc3d7e710c00fe4b71ee850a7ed4a36', class: "icon-status", icon: "status-" + this.status }), index.h("span", { key: '68684113c72945a8198d76ae5eed28349703bf92', class: "sr-only" }, status, ":"), index.h("slot", { key: 'aa926b4baa6b7079253b60a3f7d3482acc9177c7' }), this.closable && (index.h("dso-icon-button", { key: '709ca720b697b6fe9514d65d07c650908b76ec7a', label: this.text("close"), variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
     }
     get host() { return index.getElement(this); }
 };
@@ -63,7 +63,7 @@ const Badge = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("span", { key: '095800d791026bfb4646c989b73b3d909d5b7bea', class: clsx.clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, index.h("slot", { key: 'cb1f36e18ffeaba5dd856326490bc10cfee2c174' })));
+        return (index.h("span", { key: 'd20169d335ed19b75e78a1a47a48b7f15def3a9c', class: clsx.clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, index.h("slot", { key: '41c032fd6fde927a2e785a7d0d37ad1ba3b2e234' })));
     }
 };
 Badge.style = badgeCss();
@@ -3557,7 +3557,7 @@ const OzonContent = class {
             annotated: this.annotated,
         };
         const transformed = mapper.transform(this.content, context);
-        return index.h(index.Fragment, { key: 'd9e13c0c7a3e5ffc6e8a3f7068381995bb901443' }, transformed);
+        return index.h(index.Fragment, { key: '95c51d55aeb019f998f95ccde4e294ce2e5e1bc4' }, transformed);
     }
     static get watchers() { return {
         "content": ["contentWatcher"]
@@ -3565,7 +3565,7 @@ const OzonContent = class {
 };
 OzonContent.style = ozonContentCss();
 
-const ozonContentToggletipCss = () => `*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5;max-inline-size:480px}.dso-tooltip .tooltip-arrow{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;position:absolute;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{display:inline;--_dt-rich-content-margin-block:8px}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:start;user-select:none;vertical-align:middle}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button dso-icon{margin-inline-start:4px;vertical-align:middle}.icon-container{position:relative;padding-inline-end:28px}.icon-container dso-icon{position:absolute}`;
+const ozonContentToggletipCss = () => `*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s;max-inline-size:480px}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{display:inline;--_dt-rich-content-margin-block:8px}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:start;user-select:none;vertical-align:middle}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button dso-icon{margin-inline-start:4px;vertical-align:middle}.icon-container{position:relative;padding-inline-end:28px}.icon-container dso-icon{position:absolute}`;
 
 const ozonContentToggletip = class {
     constructor(hostRef) {
@@ -3631,7 +3631,7 @@ const ozonContentToggletip = class {
         }
     }
     render() {
-        return (index.h(index.Fragment, { key: '461010eb2eafbf5ba97aed6bf49261fcc790e755' }, index.h("span", { key: '182c96c0f91b8a871bfbcd34f1dffe704cbee0f5', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyUpHandler, onFocusout: this.focusOutHandler, ref: (element) => (this.container = element) }, index.h("span", { key: '2450aa008e277ba04bb1acf010b13cde6c2d5d6d', class: "icon-container" }, index.h("slot", { key: 'df4f968b7a33aaa90c5205a9a82a8cb37f624168', name: "label" }), index.h("dso-icon", { key: '65430abf4a67ffb447518055a45db4deb5ef62ed', icon: this.icon }))), index.h(tooltip_functionalComponent.Tooltip, { key: '31455a4c8dca198feb8471682022c19bd7095a03', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, index.h("slot", { key: '098d9db719a1f412ccb49a8a5a4bfac5f5cab2ca' }))));
+        return (index.h(index.Fragment, { key: '48fd0b4036b6ed37db66cc968725f808bce721db' }, index.h("span", { key: 'f1ce2b9fc9cb55c12035d540f7801ba8e393b9fd', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyUpHandler, onFocusout: this.focusOutHandler, ref: (element) => (this.container = element) }, index.h("span", { key: 'cc7a4713b5ac77c5f151231b9cc7d8418d05097a', class: "icon-container" }, index.h("slot", { key: '5417d8dfcf7ca073a9794e60e95355be5291875a', name: "label" }), index.h("dso-icon", { key: '1b82b6c72615f07525fab991c6cc55995a2490ff', icon: this.icon }))), index.h(tooltip_functionalComponent.Tooltip, { key: 'f3c803de3f8ac3e35c367539338a6de0e7f989bd', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, index.h("slot", { key: '4ee4572326b73e607653fc840006887d4bb827d6' }))));
     }
     get host() { return index.getElement(this); }
 };
@@ -3663,7 +3663,7 @@ const Panel = class {
         this.text = i18n.i18n(() => this.host, translations);
     }
     render() {
-        return (index.h("div", { key: '1c896d21bf884e7d580be80d577f4273745dee39', class: clsx.clsx(["dso-panel", { emphasized: this.emphasized }]) }, index.h("div", { key: '6b16de300d0da5b257112cf7071bad9a7dd30e89', class: "panel-heading" }, index.h("slot", { key: '1386b2b78eac05573fc91d0608225db0cd15c8b0', name: "heading" }), index.h("dso-icon-button", { key: '0cdce357bed4e243526c7203fe1c11433f5095cb', icon: "times", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), index.h("div", { key: '757b039207ee5716e5df32dc03c05b21c497767b', class: "panel-body" }, index.h("slot", { key: 'ba8371640e60c311bc590096aa3ce470791423f5' }))));
+        return (index.h("div", { key: '6b392bfec6de02761378d5bcbc575aec75b8fa65', class: clsx.clsx(["dso-panel", { emphasized: this.emphasized }]) }, index.h("div", { key: '2ac787c40afad1e0a7858fdd2c208988d7a293a3', class: "panel-heading" }, index.h("slot", { key: 'a2af9ee51d2e9252682afb05c9df27bb041c3865', name: "heading" }), index.h("dso-icon-button", { key: 'b9abe88085c20c68322d7d9bf0a3bab29493b0c6', icon: "times", variant: "tertiary", onDsoClick: (e) => this.dsoCloseClick.emit({ originalEvent: e.detail.originalEvent }), label: this.closeButtonLabel || this.text("close") })), index.h("div", { key: 'd8f5ba452135a44e804fa7f59bd842e73ac28004', class: "panel-body" }, index.h("slot", { key: '9d7ada9f96162690a1cd8b0e12493cad7d2f40dc' }))));
     }
     get host() { return index.getElement(this); }
 };
@@ -4931,7 +4931,7 @@ const Table = class {
     render() {
         var _a, _b, _c;
         const caption = (_b = (_a = this.host.querySelector(":scope > table > caption")) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
-        return (index.h(index.Host, { key: '4aa3930ee445f9d4ddac187964f004158e36b917', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (index.h("div", { key: '4a3efeef65f242fdd54eaa7c2f4f9fac2f670c32', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (index.h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, index.h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, index.h("div", { class: "dso-header" }, index.h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), index.h("dso-icon-button", { icon: "times", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), index.h("div", { class: "dso-body dso-table-body" }, index.h("slot", null))))) : (index.h(index.Fragment, null, index.h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (index.h("div", { class: "dso-responsive-message" }, index.h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (index.h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, index.h("span", { class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), index.h("span", null, "vergroten"), index.h("dso-icon", { icon: "external-link" })))), index.h("div", { class: "dso-table-body" }, index.h("slot", null))))));
+        return (index.h(index.Host, { key: '95fda5af5dda45cb55f0b37efee38bcaa99d84ac', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (index.h("div", { key: '388222068c1ed781740424faabce63a39764ff1c', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (index.h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, index.h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, index.h("div", { class: "dso-header" }, index.h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), index.h("dso-icon-button", { icon: "times", variant: "tertiary", class: "dso-close", label: "Sluiten", onClick: () => this.closeModal() })), index.h("div", { class: "dso-body dso-table-body" }, index.h("slot", null))))) : (index.h(index.Fragment, null, index.h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (index.h("div", { class: "dso-responsive-message" }, index.h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (index.h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, index.h("span", { class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), index.h("span", null, "vergroten"), index.h("dso-icon", { icon: "external-link" })))), index.h("div", { class: "dso-table-body" }, index.h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;

package/dist/cjs/dso-annotation-activiteit.cjs.entry.js

@@ -21,7 +21,7 @@ const AnnotationActiviteit = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (index.h(annotationBody.AnnotationBody, { key: '25c7ec95014a387651599a2fa1603af7f43ab450', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: index.h("dso-renvooi", { value: this.naam }), data: index.h(index.Fragment, null, index.h("span", { class: "content" }, this.regelKwalificatie && (index.h(index.Fragment, null, index.h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, index.h(annotationListRenvooiValues.AnnotationListRenvooiValues, { values: this.locatieNoemers })), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
+        return (index.h(annotationBody.AnnotationBody, { key: 'cb74e19ab9677f8e0ff3f3622130687c749a1429', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: index.h("dso-renvooi", { value: this.naam }), data: index.h(index.Fragment, null, index.h("span", { class: "content" }, this.regelKwalificatie && (index.h(index.Fragment, null, index.h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, index.h(annotationListRenvooiValues.AnnotationListRenvooiValues, { values: this.locatieNoemers })), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js

@@ -20,7 +20,7 @@ const AnnotationGebiedsaanwijzing = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (index.h(annotationBody.AnnotationBody, { key: '942a2c19b35f4af9cddedd9a2408c02af5ed3d81', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("span", { class: "content" }, index.h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
+        return (index.h(annotationBody.AnnotationBody, { key: '771869166623d9e58b476e457b1b00e2bf40b132', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("span", { class: "content" }, index.h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-annotation-kaart.cjs.entry.js

@@ -23,7 +23,7 @@ const AnnotationKaart = class {
     }
     render() {
         const title = this.href ? (index.h("a", { class: "content", href: this.href, onClick: this.clickHandler }, index.h("dso-renvooi", { value: this.naam }))) : (index.h("span", { class: "content" }, index.h("dso-renvooi", { value: this.naam })));
-        return index.h(annotationBody.AnnotationBody, { key: 'e775df7cfbe10793a4d0db0f493408aa516d1a04', symbol: index.h("dso-icon", { icon: "land" }), title: title });
+        return index.h(annotationBody.AnnotationBody, { key: '5e922d5ecca09a1f233dfe1646861c9d86dc2c44', symbol: index.h("dso-icon", { icon: "land" }), title: title });
     }
 };
 AnnotationKaart.style = annotationCss();

package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js

@@ -22,7 +22,7 @@ const AnnotationLocatie = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (index.h(annotationBody.AnnotationBody, { key: '662684126533447bdee1394221937203261601be', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("span", { class: "content" }, index.h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
+        return (index.h(annotationBody.AnnotationBody, { key: 'f73c4480e55cea90ca7774c1d53fe9132c2af190', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("span", { class: "content" }, index.h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return index.getElement(this); }
 };
@@ -1364,14 +1364,6 @@ const DocumentComponent = class {
          * Marks this Document Component as not-applicable.
          */
         this.notApplicable = false;
-        /**
-         * When a child Document Component has a status "Draft".
-         */
-        this.genesteOntwerpInformatie = false;
-        /**
-         * Marks as draft.
-         */
-        this.bevatOntwerpInformatie = false;
         /**
          * Enables annotations.
          */
@@ -1452,10 +1444,8 @@ const DocumentComponent = class {
     get wijzigactieLabel() {
         return this.wijzigactie && wijzigactieLabels[this.wijzigactie];
     }
-    showOntwerpBadge() {
-        return (this.genesteOntwerpInformatie &&
-            !this.bevatOntwerpInformatie &&
-            ((!this.open && this.mode === "document") || this.mode === "table-of-contents"));
+    showBadge() {
+        return !!this.badge && ((!this.open && this.mode === "document") || this.mode === "table-of-contents");
     }
     parseAantekenElement(input) {
         if (!input) {
@@ -1492,10 +1482,10 @@ const DocumentComponent = class {
             collapsible ||
             this._kop ||
             this.alternativeTitle ||
-            this.bevatOntwerpInformatie ||
+            this.label ||
             this.annotated);
-        return (index.h(index.Host, { key: 'aba44499e6433ece6ce7920d5de75d733193c6c1', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: '428693873d24b98363506af29513f0466bc6b227', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: '1d082eecc352d1ef736c91d32cd2749a081a6079', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: 'f9beebfca3d7fb28122cc4290b95b16adc942929', class: "heading" }, index.h(Heading, { key: 'f3181a88fbf4385fe95f3274e4a296be7cde1b1e', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (index.h("dso-icon-button", { key: '7c308cd8450bf0858de5e977d4798ed76b967a7d', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), index.h("div", { key: 'f962ec3f762dfe2edf38abbfcb1eef6a2fc9d8ac' }, this.notApplicable && index.h("span", { key: 'da0dfdbea6e6a483bb0cf7f15a00d44502906c62', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (index.h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "kop"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "kop" })), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (index.h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
-            (this.mark && this.alternativeTitle && (index.h(parseWijzigactieFromNode_function.MarkText, { mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "alternativeTitle"); }), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), index.h(AantekenStatus, { key: '108b2ac7b0886363e403a142f3e43148c97c70ab', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (index.h("dso-icon-button", { key: '823bb9d3feedc66dcfbdedffb94299a7083d6634', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showOntwerpBadge() && (index.h(index.Fragment, { key: '20a17e1166a7779658503bdf18e52bcb68d44c42' }, index.h("dso-badge", { key: 'e109deb510c0ed2c5ea53acca1f00a98f262cfa4', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), index.h("dso-tooltip", { key: '847fb8eee56a1ada1f51a7e3c7c52cb5c3424c2b', id: "nested-draft-description" }, "Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp."))), (this.bevatOntwerpInformatie || this.annotated) && (index.h("div", { key: '05374922a421136c714f023ef34c8e6fec4129df', class: "addons" }, this.bevatOntwerpInformatie && (index.h("dso-label", { key: '98157a2cea6a8aafd3687d461f16653649bc2e3a', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (index.h("dso-icon-button", { key: '2080afb69362ab3579965cc0b36f94a74626290e', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (index.h("div", { key: '5c0b7b8911cdc4153c14054db4302fddec4d016a', class: "annotation-container", part: "_annotation-container" }, index.h("dso-panel", { key: '094db70fe17b34a4483523776960fe58e1e9aa69', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, index.h("h2", { key: '17d3d1fbcb6698fd4a47f902c3ba84bb309a025c', slot: "heading" }, "Kenmerken en kaart"), index.h("slot", { key: 'b27d50059da4a8555802fffd9870f62e9cc64ae2', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (index.h("div", { key: '06e578f8ca178e2fa8838d5a52bafea07622634d', class: "content", part: "_content" }, index.h(AantekenAlert, { key: '9214f832e8b9b6911c2ee163fb22a32778e65fe8', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (index.h("dso-ozon-content", { key: '423588f125b1b24c278bdfc9a052adf47d28e8e5', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), index.h("div", { key: '5df1ce18b08eb2d5334e7caf81285dd15dfcd033', class: "children-container", part: "_children-container" }, index.h("slot", { key: 'db965cd6915d97bff3f63f11750ecaf0599a4340' }))));
+        return (index.h(index.Host, { key: '68f4fb252bc7a1657867c8462f02c37acfcfd795', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: 'dbb571c223fa1ef537e7dea1cdf2e52493fdc5a4', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: '461c603eab7110053373f2b5c224dadb9b7a1e11', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: '956832b500e8fd2af29a324c6396e87957c08e1a', class: "heading" }, index.h(Heading, { key: 'd4d1ba7715f0760697ba7b19beedc91a76da1719', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (index.h("dso-icon-button", { key: '981740a7b2e5af9a9fbec99c5ac7b8f87b5e98e2', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), index.h("div", { key: '71d8c07c0ac6444fb8be558201e0c427259b684f' }, this.notApplicable && index.h("span", { key: 'e339b003b6603fa435c2ed0fc2cf47d2b67b41e9', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (index.h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "kop"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "kop" })), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (index.h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
+            (this.mark && this.alternativeTitle && (index.h(parseWijzigactieFromNode_function.MarkText, { mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "alternativeTitle"); }), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), index.h(AantekenStatus, { key: '00b0e9074b2d34a39f64b68cb454379345f9e673', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (index.h("dso-icon-button", { key: '4c6a480b2c9197c5d8f3479ad747b0533949db18', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (index.h(index.Fragment, { key: 'd2dedc1f3fc8e3a05f6a023954876a30f87d4abf' }, index.h("dso-badge", { key: '3254a799ccfe8325520ee0b34ee1f1e93b27c087', status: this.badgeStatus, "aria-describedby": "badge-description" }, this.badge), this.badgeTooltip && index.h("dso-tooltip", { key: 'b949264eefb558b54b747083d2540cad06304887', id: "badge-description" }, this.badgeTooltip))), (this.label || this.annotated) && (index.h("div", { key: '4d3d3681167f76034eb96d30ef3febceb1118567', class: "addons" }, this.label && (index.h("dso-label", { key: '81d39d5e996b62fd98cc086e2f99ed9e7b5271f8', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (index.h("dso-icon-button", { key: '4aaf2a51790cb50355e3bc8eeb08f39c1355f76b', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (index.h("div", { key: '867c144ed5290d09684622a0f292b69a2d5d99ef', class: "annotation-container", part: "_annotation-container" }, index.h("dso-panel", { key: '40209342743374c35afb80c3627a80bdd9f91f17', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, index.h("h2", { key: '26a7fedc702cb16941b065a110f05a2eb20e7b63', slot: "heading" }, "Kenmerken en kaart"), index.h("slot", { key: '8f7cb218e8cabbc070a6782ca49c215f9802570c', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (index.h("div", { key: '0d7ff1c5143320acdccf7b8f4662e661e765acfa', class: "content", part: "_content" }, index.h(AantekenAlert, { key: '1959a7c591ba1947bc03667450c4e159f5e1ed67', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (index.h("dso-ozon-content", { key: '702b0bd57cb52ceb8e4e7d34e728d0c41305ed48', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), index.h("div", { key: 'b4917c7fc168fa02fa7c8d0377c9f351257a36a3', class: "children-container", part: "_children-container" }, index.h("slot", { key: 'c5ffa83d96e186675aa81fcc14681372e0095e24' }))));
     }
 };
 DocumentComponent.style = documentComponentCss();

package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js

@@ -21,7 +21,7 @@ const AnnotationOmgevingsnormwaarde = class {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (index.h(annotationBody.AnnotationBody, { key: '38bfd72b9a8833dd5f377dc82c91b4bd29dfbae9', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("dso-renvooi", { value: this.naam }), this.eenheid && (index.h(index.Fragment, null, " ", "(in ", index.h("dso-renvooi", { value: this.eenheid }), ")"))), data: index.h(index.Fragment, null, index.h("span", { class: "content" }, this.toelichting && index.h(index.Fragment, null, this.toelichting), this.waardes && this.waardes.length > 0 && (index.h(index.Fragment, null, ": ", index.h(annotationListRenvooiValues.AnnotationListRenvooiValues, { values: this.waardes })))), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
+        return (index.h(annotationBody.AnnotationBody, { key: '9409a8f102f2702137b37f276f4de1de6dc94266', symbol: hasSymbool ? index.h(annotationWatcher.AnnotationSymbolSlot, null) : undefined, active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: index.h(index.Fragment, null, index.h("dso-renvooi", { value: this.naam }), this.eenheid && (index.h(index.Fragment, null, " ", "(in ", index.h("dso-renvooi", { value: this.eenheid }), ")"))), data: index.h(index.Fragment, null, index.h("span", { class: "content" }, this.toelichting && index.h(index.Fragment, null, this.toelichting), this.waardes && this.waardes.length > 0 && (index.h(index.Fragment, null, ": ", index.h(annotationListRenvooiValues.AnnotationListRenvooiValues, { values: this.waardes })))), this.gewijzigdeLocatie && index.h(annotationWatcher.AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-attachments-counter_2.cjs.entry.js

@@ -10,7 +10,7 @@ const AttachmentsCounter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("span", { key: 'cd8239d516bd4ea96cdb3d6273d092e1441aa5bb', class: "dso-attachments" }, this.count, " ", index.h("span", { key: 'b050b4ad32bbab6403b7cff89fe7f2f5c1aa5786', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), index.h("dso-icon", { key: '2ad49e0eb4a1f41bee68b5348a25ab1a5fce7b0e', icon: "paperclip" })));
+        return (index.h("span", { key: '5f3b8b2a8d9815c3c29772c9ba6bf2064d0b19ba', class: "dso-attachments" }, this.count, " ", index.h("span", { key: 'c74586ff0b984718507a1d1b6afa0cda132c247e', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), index.h("dso-icon", { key: '0041e344074720593cae7eb02bf88cc87473e97b', icon: "paperclip" })));
     }
 };
 AttachmentsCounter.style = attachmentsCounterCss();
@@ -56,10 +56,10 @@ const Expandable = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f1a8622196eb5d688a650059380fb0cf0b81c2f4', "aria-hidden": this.open ? "false" : "true", class: clsx.clsx({
+        return (index.h(index.Host, { key: 'e7bd88066e49adaa9a02370a5765fac3acf48739', "aria-hidden": this.open ? "false" : "true", class: clsx.clsx({
                 "dso-animate-ready": this.enableAnimation,
                 "dso-hide": this.isClosed,
-            }) }, index.h("div", { key: 'ffc3a8788dc58b4a03be497698379aa839dfad7e', class: "slot-container" }, index.h("slot", { key: 'a5506b08d7d63030124c483dd5f6faf09630c2c2' }))));
+            }) }, index.h("div", { key: '140d1ed105acdf92912c7c2c070ce3f9848324d3', class: "slot-container" }, index.h("slot", { key: '86f19fa1446977e31fdc897dbe7f8395c05d3073' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dso-autosuggest.cjs.entry.js

@@ -509,7 +509,7 @@ const Autosuggest = class {
         else if (this.input) {
             this.input.removeAttribute("aria-controls");
         }
-        return (index.h(index.Fragment, null, index.h("slot", { key: '3e42f8cd6888eed0b826d0f7dfb009e89bba7a17' }), this.loading && this.showLoading ? (index.h("div", { class: "autosuggest-progress-box" }, index.h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (index.h(index.Fragment, null, index.h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element) }, index.h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), tabindex: "0" }, (flat &&
+        return (index.h(index.Fragment, null, index.h("slot", { key: '08888b7a48deb495aef359e3e71ee657694edfa8' }), this.loading && this.showLoading ? (index.h("div", { class: "autosuggest-progress-box" }, index.h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (index.h(index.Fragment, null, index.h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element) }, index.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) => (index.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) })))) ||

package/dist/cjs/dso-banner.cjs.entry.js

@@ -20,9 +20,9 @@ const Banner = class {
         this.icon = false;
     }
     render() {
-        return (index.h("section", { key: '1f953952b736586deeb73f0a436a3ef1d7ad51ab', class: clsx.clsx("dso-banner", `alert-${this.status}`, {
+        return (index.h("section", { key: 'd848309d971db4617bce4fec6ad8c63d18ea392c', class: clsx.clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, index.h("slot", { key: '3587c1a299268323692bf2d2c27a4259f75eb480' })));
+            }), role: "alert" }, index.h("slot", { key: 'a001e2462deb18ec0b6ff3cf0f25b34c8d374e9a' })));
     }
 };
 Banner.style = bannerCss();

package/dist/cjs/dso-button-group.cjs.entry.js

@@ -34,7 +34,7 @@ const ButtonGroup = class {
         return hasMapIconButton || hasMapClass;
     }
     render() {
-        return (index.h("div", { key: '0cd0a65e9b4ed512a7f51248628b5729e591e5a9', class: clsx.clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, index.h("slot", { key: '529bd12bf8558e3d8f0a7d76bb49c9c0200714ed' })));
+        return (index.h("div", { key: 'd7dd9d6e5796f85c941c712cf473e179f7ad2b7a', class: clsx.clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, index.h("slot", { key: '77c25c765cb23b10cc011b1d120b89330054846f' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-card-container.cjs.entry.js

@@ -13,7 +13,7 @@ const CardContainer = class {
         this.mode = "list";
     }
     render() {
-        return (index.h(index.Fragment, null, this.mode === "list" && (index.h("ul", { key: '95c4b9efb0f971e75400362b4307082d08a9ecfa', class: "dso-card-list" }, index.h("slot", { key: 'c5e9b1c6a1ec0daf9959fae074983fd2d5131320' }))), this.mode === "grid" && (index.h("div", { key: '7b63aba8eb02ae54187ea9aa4dfb0dade6608ed8', class: "dso-card-grid" }, index.h("slot", { key: 'f7f20475f46a670706d12824e7efd7aadd2e6c19' })))));
+        return (index.h(index.Fragment, null, this.mode === "list" && (index.h("ul", { key: '13e3aac6d63973cd8e206e25fdd68d97d977b6fc', class: "dso-card-list" }, index.h("slot", { key: 'bc05ab5aa8554802774bf452ffb02b6e640e6d59' }))), this.mode === "grid" && (index.h("div", { key: 'de7aa9dab51345da51f55ec54039f6bab61cdb53', class: "dso-card-grid" }, index.h("slot", { key: '9f66927dace0600fed32524ffab208935b7fd20b' })))));
     }
 };
 CardContainer.style = cardContainerCss();

package/dist/cjs/dso-card.cjs.entry.js

@@ -33,8 +33,8 @@ const Card = class {
     }
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
-        return (index.h(index.Host, { key: '0b9c26d1a491eead187bdcc26d2b6b57817eca31', "is-selectable": isSelectable }, index.h("div", { key: 'b52c62ddcee54a435c5d8212721612877a07b972', class: "dso-card-container" }, index.h("div", { key: 'a07e3907ba0c6455f8ccb36958ece3220af93eab', class: "dso-card-selectable", hidden: !isSelectable }, index.h("slot", { key: 'fa8bde0f224549caf881623a0ceb5745d07abce2', name: "selectable" })), index.h("div", { key: '34962e8d62f38925d2009d14669c5686690fcbfa', class: "dso-card-heading" }, (this.mode === "extern" && (index.h("a", { key: '754585f88fe4bc2a0dc90de191e81654ad01c0f0', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '90cb149fe3d70cbc8b6db973ba2341ec0091a4e1', name: "heading" }), index.h("dso-icon", { key: '61731f3b68644ce94fbb82880714370fad5d9211', icon: "external-link" }), index.h("span", { key: 'ef03c618b979ec850b6ebb79efa5b26a19e218ca', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (index.h("a", { key: '64d6243c5aef5cc6359ddc86745420c67e257989', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '1df2c690db408fc0c3cd7bc952d9c6e390ae0614', name: "heading" }), index.h("dso-icon", { key: 'b2720002592fd8bd947c86ca4b3199c5cff73535', icon: "download" })))) || (index.h("a", { key: '5d1e9b8f8c3cd1a98d1a77699b3083b6c2b323f6', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: 'd9c93d3289412d714ed543dea3ecb4a299242959', name: "heading" }), index.h("dso-icon", { key: 'deadcd1ae3ae36e346a6ab050f7a085a4b2afe0d', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && index.h("slot", { key: '53c596e25689b490a4e8a6cb059cbc8e60d7d3f4', name: "interactions" })), index.h("div", { key: '9237379b0b91ce0d0e3a4797aa19389e8aa99356', class: "dso-card-content" }, index.h("slot", { key: '63d29f83f27cd4be3251c161bee697bea774ae92', name: "content" })))));
+        return (index.h(index.Host, { key: '4a662a01a8ab0f9688b117430b04910df9fd1896', "is-selectable": isSelectable }, index.h("div", { key: 'bd91995a69f16b9d65e227921b5b343a2b66361b', class: "dso-card-container" }, index.h("div", { key: '021ad62b7cf97e7b5a7a600f9f22254ab68a8bb0', class: "dso-card-selectable", hidden: !isSelectable }, index.h("slot", { key: '83abedddbdd80fb06b5540a0ac74f7b0cd2d872b', name: "selectable" })), index.h("div", { key: '1141401a3b97386885408f54578cc1ccc9de8759', class: "dso-card-heading" }, (this.mode === "extern" && (index.h("a", { key: '9dd1677f6d851f449db4b4089e72235bb1522381', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '7f9455d2cb58b57913268520bd23990e66edc196', name: "heading" }), index.h("dso-icon", { key: '7be05c89ba03a84c914fe7d667ce049882bb36a6', icon: "external-link" }), index.h("span", { key: '01b67eaffee2bfed512f53f2f9f74b4ea1fdde6d', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
+            (this.mode === "download" && (index.h("a", { key: 'cb592b317ec5800f9f05539ce39d0dfd0de473c1', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '01cf0be3ab6e228774b5598a499e29d61aff9e2f', name: "heading" }), index.h("dso-icon", { key: 'cbbce504a6afc0896bd930c64a3e40d35d55c69b', icon: "download" })))) || (index.h("a", { key: 'a9b391befe2df29e0d3dd6c338880e3b7b4aa0a3', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: 'c0d3e45e17bb689bf448d5252acacb07c2e4fd99', name: "heading" }), index.h("dso-icon", { key: '232b9e41e144541c81e5e55c463a9995bca7cd50', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && index.h("slot", { key: 'e5b32580f112e88093664df1fd7eaa206c10855a', name: "interactions" })), index.h("div", { key: '3f8d51e89795c6bbc88d2e7cb16732952cead8b2', class: "dso-card-content" }, index.h("slot", { key: 'fc439678df642efced533af5f24949e9f68ff345', name: "content" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-contact-information.cjs.entry.js

@@ -9,7 +9,7 @@ const ContactInformation = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '509b3f51fa023a5b58d46e40252b917971afb600', class: "dso-contact-information" }, index.h("slot", { key: '281b8ad46ec6f591a9fc4d6d565d4dc847979ab7', name: "heading" }), index.h("slot", { key: '2de8f14e5116bf5bda27ef17f287b711997fd82c', name: "anchor-items" }), index.h("slot", { key: 'e67e73ff0b3785f5e13e76b01467484007378fbf', name: "info-items" })));
+        return (index.h("div", { key: '03131f6f72e2786b94d5a34e4cc162c93aca37a2', class: "dso-contact-information" }, index.h("slot", { key: 'c4cea848d9b56e306f4d33bf26a25df47c24d0b9', name: "heading" }), index.h("slot", { key: 'b40df1ea3bbf3231ae850afa11fa62e4a71f5841', name: "anchor-items" }), index.h("slot", { key: '5348cfdbc1c30cd4996999a28aa146f559a01d92', name: "info-items" })));
     }
 };
 ContactInformation.style = contactInformationCss();

package/dist/cjs/dso-cursor-tooltip.cjs.entry.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var index = require('./index-2aek-b9X.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#email-wit"))}:host{--_dso-icon-button-tertiary-color:#fff;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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'd7c7a7a5ca50fb6d6ca51fd5486855d34fa87595', class: "dso-cursor-tooltip" }, index.h("slot", { key: 'f8f4af09e02a486bbc22c9efcca3e796110ee201' })));
+    }
+};
+CursorTooltip.style = cursorTooltipCss();
+
+exports.dso_cursor_tooltip = CursorTooltip;
+//# sourceMappingURL=dso-cursor-tooltip.entry.cjs.js.map

package/dist/cjs/dso-date-picker.cjs.entry.js

@@ -149,7 +149,7 @@ const DsoDatePicker = class {
     }
     render() {
         var _a;
-        return (index.h("input", { key: 'c1b94c74d3a2858b7e6aa5adb59265d2e0c4cead', 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": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.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 (index.h("input", { key: '6f1578829a919a36fb98128cb807d082e33c986f', 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": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.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 index.getElement(this); }
 };

package/dist/cjs/dso-document-card.cjs.entry.js

@@ -32,7 +32,7 @@ const DocumentCard = class {
         return this.host.querySelector("[slot='interactions']");
     }
     render() {
-        return (index.h("div", { key: '7ad84c77cd9cad0cfe796d71d9889cd42a46dcff', class: "dso-document-card-container" }, index.h("div", { key: 'cd01ffeccf94bdf273afb2f0356610895ee2209c', class: "dso-document-card-heading" }, index.h("a", { key: '1272f0fb728edeb32ce9ad2dba93a3cb44f4c69a', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { key: 'acedac80a682a895706e45846230656d381c46cc', class: "icon-container" }, index.h("dso-icon", { key: '0808cc4158363e032e566f55783d4d81d8d00f7b', icon: "chevron-right" }), index.h("slot", { key: '0523647b2f8aafffabe191a0d0e985055581737f', name: "heading" })))), index.h("div", { key: 'bc5e9ca39e326cd9fdd0849b890b864de925f774', class: "dso-document-card-type" }, index.h("slot", { key: '22d9f6b73539a9e0a414b59a7c92c9bcddb70a52', name: "type" })), index.h("div", { key: 'a891f27126d774e6c50277d25fb4c72cc16d62a5', class: "dso-document-card-status" }, this.metaSlottedElement !== null && index.h("slot", { key: '64199f7e9d2e0ae1fe039083d79a868b9760139b', name: "meta" }), index.h("slot", { key: '9dfbe5e04c8abfd93aff4982f9bd383170d711d5', name: "status" }), this.interactionsSlottedElement !== null && index.h("slot", { key: '7855de2e14a64d8b68c1840264082f96f48d895b', name: "interactions" }))));
+        return (index.h("div", { key: 'c72b21d24a1d8cddeb53808ebf8d7e04f60036f8', class: "dso-document-card-container" }, index.h("div", { key: '75256d968cd55399b5c8eb3b4b30a38dffad9b83', class: "dso-document-card-heading" }, index.h("a", { key: 'a43c1bc6c5e03b5a00e3593380a3d95118ce9d02', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { key: '2c270a800db99c77c9b2800ca73c12e30ef83efd', class: "icon-container" }, index.h("dso-icon", { key: 'b712516ef47e844366872eca75a8050cedfab48b', icon: "chevron-right" }), index.h("slot", { key: 'ac375e345c607f0d9c97dbeae2be353dae327a43', name: "heading" })))), index.h("div", { key: '497d02ed37eae4648615e49caafbf080188ca1b2', class: "dso-document-card-type" }, index.h("slot", { key: 'cd3a3383991e8ab9a9ec5218c09b6d5f0597143b', name: "type" })), index.h("div", { key: '165974a97a18323fe9e8d02029df3598e93ad763', class: "dso-document-card-status" }, this.metaSlottedElement !== null && index.h("slot", { key: 'd6a1085eb9e8868053322efe49473222417f7dba', name: "meta" }), index.h("slot", { key: '7089e7150743a67472cd8c23e93b49a8f5f4620a', name: "status" }), this.interactionsSlottedElement !== null && index.h("slot", { key: '70f02c9f9d7851d6022634d83f139a1223d03889', name: "interactions" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-dropdown-menu.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-2aek-b9X.js');
-var floatingUi_dom = require('./floating-ui.dom-CHD5ZW0W.js');
+var floatingUi_dom = require('./floating-ui.dom-Bp4TaUcL.js');
 var index_esm = require('./index.esm-jAw0K065.js');
 var getActiveElement = require('./get-active-element-DTMk2T2F.js');
 var v4 = require('./v4-DVHpSsrI.js');
@@ -178,7 +178,7 @@ const DropdownMenu = class {
         (_a = tabbables[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index.h(index.Host, { key: 'bf7687d8c1f0832d2966ebdbc482ce71a7ab8376', onFocusout: this.focusOutListener }, index.h("slot", { key: '20f2ab2831f5d2c717bfb95795f1c00fb6eeb7d6', name: "toggle" }), index.h("div", { key: '030420adaad80a6cf6030c4527a7198abab16fe5', popover: "manual", ref: (element) => (this.popoverElement = element) }, index.h("slot", { key: '76007e3d341828741a96a2e7e9250cbb9711e4fb' }))));
+        return (index.h(index.Host, { key: '59b1f150f35e5af275cf928d8b776122af646e8b', onFocusout: this.focusOutListener }, index.h("slot", { key: '5b362762db082f147eefe8db1b53c3e7e8075ee6', name: "toggle" }), index.h("div", { key: '3fa0dabc6161774c541e69b7784fd1a41273ba14', popover: "manual", ref: (element) => (this.popoverElement = element) }, index.h("slot", { key: '41564bd57e586458088373db77ad8212a1850e44' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-header.cjs.entry.js

@@ -156,7 +156,7 @@ const Header = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '228fb75a1651e9674939baf063450690f28c4976', "is-compact": this.isCompact }, index.h("div", { key: '33568c3eb674b8d22e62ceb4efd9ea78a73b5ea3', class: "dso-header" }, index.h("div", { key: '895c3dc52a24defdb752cd1961dd5219b1d505a2', class: "logo-container" }, index.h("slot", { key: '5f911f80f477c4d902bb96cc6ca1d941aa80324e', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
+        return (index.h(index.Host, { key: '305ef493b091a74d76ed4f4a109c7a2eb025950e', "is-compact": this.isCompact }, index.h("div", { key: '7b316c39fb646174bcb852cabf823004f47565c7', class: "dso-header" }, index.h("div", { key: '0939fd1ef3d64f34c44c4177a2d031d1b700a324', class: "logo-container" }, index.h("slot", { key: '9b417bdb99968e034ea9283cf81206db28a6d4ba', name: "logo" })), this.isCompact ? this.renderCompact() : this.renderNormal())));
     }
     renderCompact() {
         return ((this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== "none") && (index.h("div", { class: "dropdown" }, index.h("dso-dropdown-menu", { "dropdown-align": "right", dropdownOptionsOffset: this.dropdownOptionsOffset, ref: (element) => (this.dropdownElement = element) }, index.h("button", { type: "button", slot: "toggle" }, index.h("span", null, this.text("menu")), index.h("dso-icon", { icon: "chevron-down" })), index.h("div", { class: "dso-dropdown-options" }, index.h("ul", null, this.mainMenu.map((menuItem) => (index.h(MenuItem, { item: menuItem, onClick: (e) => this.clickHandler(e, "menuItem", { menuItem }), key: menuItem.label }))), this.userHomeUrl && (index.h("li", null, index.h("a", { href: this.userHomeUrl, onClick: (e) => this.clickHandler(e, "userHome", { url: this.userHomeUrl }) }, this.text("userHome")))), this.userProfileUrl && this.userProfileName && this.authStatus === "loggedIn" && (index.h("li", null, index.h("a", { href: this.userProfileUrl, onClick: (e) => this.clickHandler(e, "profile", { url: this.userProfileUrl }) }, this.userProfileName, index.h("span", { class: "profile-label" }, " - Mijn profiel")))), this.authStatus === "loggedOut" && (index.h("li", null, this.loginUrl ? (index.h("a", { href: this.loginUrl, onClick: (e) => this.clickHandler(e, "login", { url: this.loginUrl }) }, this.text("login"))) : (index.h("button", { type: "button", onClick: (e) => this.clickHandler(e, "login") }, this.text("login"))))), this.authStatus === "loggedIn" && (index.h("li", null, this.logoutUrl ? (index.h("a", { href: this.logoutUrl, onClick: (e) => this.clickHandler(e, "logout", { url: this.logoutUrl }) }, this.text("logout"))) : (index.h("button", { type: "button", onClick: (e) => this.clickHandler(e, "logout") }, this.text("logout"))))), this.showHelp && (index.h("li", null, this.helpUrl ? (index.h("a", { href: this.helpUrl, class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help", { url: this.helpUrl }) }, index.h("span", null, this.text("help")), index.h("dso-icon", { icon: "help" }))) : (index.h("button", { type: "button", class: "dso-tertiary", onClick: (e) => this.clickHandler(e, "help") }, index.h("span", null, this.text("help")), index.h("dso-icon", { icon: "help" })))))))))));

package/dist/cjs/dso-highlight-box.cjs.entry.js

@@ -11,7 +11,7 @@ const HighlightBox = class {
     render() {
         var _a;
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (index.h(index.Host, { key: '49ad2a72f1a776d093c82afbc2843084575c2cdf', "has-counter": hasCounter }, hasCounter && index.h("div", { key: '76d449915cb077afa494e3527824b721772defa9', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : index.h("slot", { key: '640640745b99f80117b9e97a80f9eb00b285b330', name: "icon" })), index.h("slot", { key: 'cdf119170cc1c86332eb9a8c249a741aa7174d94' })));
+        return (index.h(index.Host, { key: '9ed65a845d685ecb62b44ac4df2ee4c57a92d8a4', "has-counter": hasCounter }, hasCounter && index.h("div", { key: '57392d31cbc22d059e0d037679c06a08ecfff5e8', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : index.h("slot", { key: '044da0d260d9d9257cc4ab0a48622aeba11d2f8d', name: "icon" })), index.h("slot", { key: '67e1cf3f59845e6451ac20cfbe8003df4089bd8d' })));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/dso-history-item.cjs.entry.js

@@ -43,7 +43,7 @@ const HistoryItem = class {
         return this.host.querySelector("[slot='warning']");
     }
     render() {
-        return (index.h(index.Fragment, { key: '540840de191624a2a899117ab993346ad010addf' }, index.h("div", { key: 'a6c83fd5a9f776ff6a9af660bc52f6c9aa40e609', class: "history-item-date" }, index.h("slot", { key: 'cbec4ec21d97bcd969f2d757d118378e5bc99b80', name: "date" })), index.h("div", { key: '5d2ebd3b7669d770b1f6c4f87aab2dfef24ecb7d', class: "history-item-content" }, index.h("div", { key: 'da987825824c7b0b9d77d55b6a7756c2a057d9b5', class: "history-item-status-message" }, index.h("dso-icon", { key: '1efaac069ba0b9a9809f574ff87d0bd72e00fc54', icon: this.typeIcons[this.type], "aria-hidden": "true" }), index.h("slot", { key: '4a0cb1eb1af2997086c895e50d79d9d60916d402', name: "status" })), this.titleSlottedElement !== null && this.href && (index.h("div", { key: '6f469044cc80f25ea3b8e29b572e4832a9c05cd3', class: "history-item-title" }, index.h("a", { key: '1b8872feb8d4fe27c8849abc804da2159ca57882', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: 'ecb8d1339350840104fa20ce9809feadc507f100', name: "title" })))), this.explanationSlottedElement !== null && (index.h("div", { key: '68e8f7a37f9a9dc77723ab7c1e357acf0c1ec107', class: "history-item-explanation" }, index.h("slot", { key: '964f77c8f75253092be241b72fe8e189ef908a46', name: "explanation" }))), this.warningSlottedElement !== null && (index.h("div", { key: 'b7687ba9fb1ba7ca3c9d87a3a3225e2e535e7d0f', class: "history-item-warning" }, index.h("dso-icon", { key: '02d0b36eb925ba6a6b187f329066c9326b014e00', icon: "status-warning-inline", role: "img", "aria-label": "Waarschuwing" }), index.h("slot", { key: 'b2a75c28f4523afa1c96409fbd7d970ac6772d90', name: "warning" }))))));
+        return (index.h(index.Fragment, { key: '8cfda0c27b483a01888f2c81413fc0d90ba2e43b' }, index.h("div", { key: '456e4002b8f510bf0eea433b75432c2eea2f0544', class: "history-item-date" }, index.h("slot", { key: '48947f94875b10154f7d039a29fd6b36adfe0bbf', name: "date" })), index.h("div", { key: '05fa9da1f7908628e1c15fdfa9a7204bea6f4a1f', class: "history-item-content" }, index.h("div", { key: 'aa31efe35bfcea60d17f0fd5e974c83268eeec40', class: "history-item-status-message" }, index.h("dso-icon", { key: '513c99028ec6a4f78e3169b8d2b9e5a442de7a1d', icon: this.typeIcons[this.type], "aria-hidden": "true" }), index.h("slot", { key: 'd5fe6da657e7dba4f0209ff7d08ab4934dadb3ba', name: "status" })), this.titleSlottedElement !== null && this.href && (index.h("div", { key: '39d8e70b1c49c84c3770a45394653ec43b257211', class: "history-item-title" }, index.h("a", { key: 'f126b0823432b853e3b921feee1fa7a7bacc0fe3', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '6639a69f724c4a6653e723f5ae427ff62b3ba972', name: "title" })))), this.explanationSlottedElement !== null && (index.h("div", { key: '9f9caab19a09a0de025fca3cc37588c712336f5d', class: "history-item-explanation" }, index.h("slot", { key: '23179fa7f11c8a5d2b5d8819de2039cae303d7b1', name: "explanation" }))), this.warningSlottedElement !== null && (index.h("div", { key: '321e1f83f4e446689e1cbd93d7e44cd53c6f1b05', class: "history-item-warning" }, index.h("dso-icon", { key: 'be8d3a9e358e7087f644b56f0045accc2019ce15', icon: "status-warning-inline", role: "img", "aria-label": "Waarschuwing" }), index.h("slot", { key: 'c65a0e9a11f4954aaa9c5890180a3034d6b9393c', name: "warning" }))))));
     }
     get host() { return index.getElement(this); }
 };