@dso-toolkit/core 87.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: 'aa3def72854fedc1b70c0a0e48c595391e5a34f1' }, 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: 'a54415843b624c389127991142ff34f5243440e2' }, index.h("span", { key: '0abe9014bf5ef7119965edaf6b275d5dba00fb35', 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: '15826a1c747256000af00784f1229144a97617ca', class: "icon-container" }, index.h("slot", { key: '82f68204a52be98c96ea126ea3a21cbe691ac28c', name: "label" }), index.h("dso-icon", { key: '3e03c69f774ae15e1f8d6becbaee9bdb5dd06cff', icon: this.icon }))), index.h(tooltip_functionalComponent.Tooltip, { key: '8d0da635d9f6cc8c9f2d8885a34c4a11427c407b', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, index.h("slot", { key: 'be1c715c0213548b6a625bea5638b793b2bc74df' }))));
+        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: '5228dc08b77f9a9a1e1a1a7a1b8ae1bcdbb1c3f2', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (index.h("div", { key: '513adf4c64ffa560597f976443340595e55c338a', 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); }
 };
@@ -1484,8 +1484,8 @@ const DocumentComponent = class {
             this.alternativeTitle ||
             this.label ||
             this.annotated);
-        return (index.h(index.Host, { key: 'e8b3f6c9a0f95cf511a789523fa626399645b0d1', "not-collapsible": !collapsible }, showHeading && (index.h("div", { key: 'addc3c305d121404543bfcdbc80afdc3c19717e7', class: "heading-container", part: "_heading-container" }, this.wijzigactie && index.h("span", { key: 'dc5990c86a3a38e37bb8d1806c484d78804786ec', class: "editaction-label" }, this.wijzigactieLabel, ":"), index.h("div", { key: '3d825ebd13153d39ee4b5f5eeabf50da08fe02ef', class: "heading" }, index.h(Heading, { key: 'ff103cfb3048a6a783425927588f8a58a0eed97e', 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: 'e4493f8d04962def05cf67fdffcebcab5b794c7b', 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: '2e21bb78811a2ffac56c53f34f9b2a144ee0505c' }, this.notApplicable && index.h("span", { key: '15dfa298522909bc66067f6bd7d6b39014d0630e', 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: 'b2ad2f095efbd771ce9853a777e3f04f632777e5', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (index.h("dso-icon-button", { key: '409d6dae13585d5b4ed800c806232a68eba87408', 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: '3e8bc5d14fa7b2d1060e5942df891931cbc01d68' }, index.h("dso-badge", { key: '6bc3a6ccc23648be283b5e09034112f1409b2e72', status: this.badgeStatus, "aria-describedby": "badge-description" }, this.badge), this.badgeTooltip && index.h("dso-tooltip", { key: '43509e839acbc3edbe43a10817d62eab8a54d2c7', id: "badge-description" }, this.badgeTooltip))), (this.label || this.annotated) && (index.h("div", { key: '4f2bac0ec8703935ba49a0eca117940b154b1bde', class: "addons" }, this.label && (index.h("dso-label", { key: '5c2fe3471dbd7cdf135aab24bb2c3a983caa904a', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (index.h("dso-icon-button", { key: 'ad610cda27c1708b8100801230d930fd7ef45295', 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: 'b51b292b7866e66b7ffa8bf1a951e3f2a90e8322', class: "annotation-container", part: "_annotation-container" }, index.h("dso-panel", { key: '153d796c0ff48df41a219ba9d0c54d653af66857', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, index.h("h2", { key: '8865355a005148c60c02fba8342e4c19d0412ea0', slot: "heading" }, "Kenmerken en kaart"), index.h("slot", { key: '1fcd6a303d2d8b876a56446672c8d6da2320e651', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (index.h("div", { key: '9b3016ee0a20a18d88b4ff70561c9bfda998052f', class: "content", part: "_content" }, index.h(AantekenAlert, { key: '01c53e87e0e8f8e83d89e662718eedc2be827716', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (index.h("dso-ozon-content", { key: 'd5cc5d980de13b68f73cbed2262e0dbfdf3fcae6', 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: '7101da20508b40f14193df30203d86be52051eb0', class: "children-container", part: "_children-container" }, index.h("slot", { key: '3ca16120cfdd26d9451807c3d0efffd7573ec075' }))));
+        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

@@ -9,7 +9,7 @@ const CursorTooltip = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'fe3c40f9ab20b3172e840b353cf4b2eeca1a96fe', class: "dso-cursor-tooltip" }, index.h("slot", { key: '11c043f041dce83de7740ffdb0b62481c4d10516' })));
+        return (index.h(index.Host, { key: 'd7c7a7a5ca50fb6d6ca51fd5486855d34fa87595', class: "dso-cursor-tooltip" }, index.h("slot", { key: 'f8f4af09e02a486bbc22c9efcca3e796110ee201' })));
     }
 };
 CursorTooltip.style = cursorTooltipCss();

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

@@ -149,7 +149,7 @@ const DsoDatePicker = class {
     }
     render() {
         var _a;
-        return (index.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": (_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: '424a1e6058327ca1892f41626288909fdbe28972', class: "dso-document-card-container" }, index.h("div", { key: 'bf0e9dc501a1850af4dd64d36590de0d2103b164', class: "dso-document-card-heading" }, index.h("a", { key: 'fa110e3c6f1984741d02b515082e847b11aea781', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("span", { key: '32cd23687a349abef9083164795ebb17e833baf2', class: "icon-container" }, index.h("dso-icon", { key: 'f796e32f7d8c7e1ee350aa1b7a3de65be51fed36', icon: "chevron-right" }), index.h("slot", { key: 'a23262482804914228c0320525f41c2bbf35314e', name: "heading" })))), index.h("div", { key: '75734d9e95ded9f4fdde9c999d7a4233b8314f06', class: "dso-document-card-type" }, index.h("slot", { key: 'b18ce3010ae3cb4736ae92108e014fe51a2e2484', name: "type" })), index.h("div", { key: '46673ebfc66c849b1ba48337f1fb2f864b182759', class: "dso-document-card-status" }, this.metaSlottedElement !== null && index.h("slot", { key: '45418a415877277de76dcf3a6f8df0ad86c4f732', name: "meta" }), index.h("slot", { key: 'cd8bf629833394d19d423ba7b8912be3a7af5f53', name: "status" }), this.interactionsSlottedElement !== null && index.h("slot", { key: '3996b4f72f7658ef760dfcf7f6578b4b8951e0a0', 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: '28f8eb6a00bf4a1b139c917e44ce8de42067e8c6', onFocusout: this.focusOutListener }, index.h("slot", { key: 'fcf093b872932b1f604ae3d5f93391189ac60bbb', name: "toggle" }), index.h("div", { key: '2a621a9cdcf5817faf1354640a0062caa5c5fe04', popover: "manual", ref: (element) => (this.popoverElement = element) }, index.h("slot", { key: '68633d9a0c505d120acac96e15058d44e01d9a00' }))));
+        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: 'fbffe5d78c5accb4d35d3416c18bb7254a29cc7f', "is-compact": this.isCompact }, index.h("div", { key: '5c541ab04d09d41dd59fdbca795ac12aa36737f7', class: "dso-header" }, index.h("div", { key: '7ead039c9d347846af8d7a1f632e7f3477486b18', class: "logo-container" }, index.h("slot", { key: '68a984ea68f23e43b752fccc19f04e8eb994c413', 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: '3e6f545e389b9e0b11886e6512a56ff578f4b8a1', "has-counter": hasCounter }, hasCounter && index.h("div", { key: '7ba0529e57274b47810171a3737f3436900e1c5e', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : index.h("slot", { key: '4d1114f4372274819c24208a0d5839933523cae7', name: "icon" })), index.h("slot", { key: '5e77702dfc379e466a6178beb82257b41b040f46' })));
+        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: 'a2c558b685f6c6658732bb2b98bddf709ebb94b4' }, index.h("div", { key: 'e0d2aa64e6ecda1538a21371f8658daf611ff731', class: "history-item-date" }, index.h("slot", { key: '436465cae9f9e28bc1ba2d7469359be5940354a8', name: "date" })), index.h("div", { key: 'd7a4485394a43cc1bb8e5db9fddcb977ed5cf5a1', class: "history-item-content" }, index.h("div", { key: 'd73c9368ecb65fc1b8fc54393416d3e619586caf', class: "history-item-status-message" }, index.h("dso-icon", { key: '8debd5c78e2595fd4d4c300fbc55ab01aca3e1fc', icon: this.typeIcons[this.type], "aria-hidden": "true" }), index.h("slot", { key: 'd5324a4d4551c44aae17b4b66eee9c2f1f480d2d', name: "status" })), this.titleSlottedElement !== null && this.href && (index.h("div", { key: '7f9d7fd07a9404b5587a1f54393152d5415ceac4', class: "history-item-title" }, index.h("a", { key: 'b05dff01d271490082467ad9b8e10e4864568c9a', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, index.h("slot", { key: '52a904617d6c8acb0da75324772696344e11087c', name: "title" })))), this.explanationSlottedElement !== null && (index.h("div", { key: '6accc3de05b6122d9540ff2cdf26dda7dc9066e4', class: "history-item-explanation" }, index.h("slot", { key: '40ca448364c8aa1c35f014a8cf2e5de79bed6769', name: "explanation" }))), this.warningSlottedElement !== null && (index.h("div", { key: 'fefcad7ef764dcf6918d1b409456820e5949c719', class: "history-item-warning" }, index.h("dso-icon", { key: '96c357399ec8b5aa49e8f5e6254e4c60563972b0', icon: "status-warning-inline", role: "img", "aria-label": "Waarschuwing" }), index.h("slot", { key: 'b8848b26ab839a4eb00e8239447eaa879672066f', 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); }
 };

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-2aek-b9X.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');
 require('./clsx-BtxeOLZW.js');
 
 var air = `<svg id="air" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
@@ -708,7 +708,7 @@ const Icon = class {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return index.h("span", { key: '5f01bf5d366f95e1f47af95c3bd8eda1c103b353', class: "icon-container", innerHTML: icon.svg });
+            return index.h("span", { key: 'cfe2b6ff0bb2d810eee4064bf32beebe10d0c118', class: "icon-container", innerHTML: icon.svg });
         }
     }
 };
@@ -748,6 +748,7 @@ const iconButtonCss = () => `.dso-tooltip {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.15s;
+  max-inline-size: 320px;
 }
 .dso-tooltip.visible {
   opacity: 1;
@@ -786,34 +787,10 @@ const iconButtonCss = () => `.dso-tooltip {
   padding-inline: 8px;
   border-radius: 4px;
   line-height: 1.5;
-  max-inline-size: 320px;
 }
 .dso-tooltip .tooltip-arrow {
-  --_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-tooltip .tooltip-arrow 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"));
-}
-.dso-tooltip .tooltip-arrow 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"));
-}
-.dso-tooltip .tooltip-arrow 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"));
-}
-.dso-tooltip .tooltip-arrow 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"));
-}
-.dso-tooltip .tooltip-arrow {
-  --_dso-icon-button-tertiary-color: #fff;
-  background-color: #666;
-  color: #fff;
   position: absolute;
+  background-color: #666;
   border-start-start-radius: 4px;
   block-size: 8px;
   inline-size: 8px;
@@ -1288,7 +1265,7 @@ const IconButton = class {
         this.cleanUp = undefined;
     }
     render() {
-        return (index.h("button", { key: 'cfa3c7d98955a1965d46abe68e9faea867c55679', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, index.h("dso-icon", { key: 'f6978374915ba3e9d27c19582114ab2a36838115', icon: this.icon }), index.h(tooltip_functionalComponent.Tooltip, { key: '21e7bd67dd9800cd4d596b41aabf9c338c100e17', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
+        return (index.h("button", { key: '8b22306b71a11a9a5bb331e3138d398a1ea28c25', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, index.h("dso-icon", { key: '5e0331ca7a343c70ef6f0fc0667d567d7c2814ad', icon: this.icon }), index.h(tooltip_functionalComponent.Tooltip, { key: 'ddf5f41269e6102ef81b05096119386e15478236', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
     }
 };
 IconButton.style = iconButtonCss();