@dso-toolkit/core 90.1.0 → 91.0.0

package/dist/esm/dso-legend-item.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-BIfnbekk.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
-import { i as i18n } from './i18n-FXEjFTzg.js';
+import { i as i18n } from './i18n-ULwgxD7S.js';
 
 const translations = {
     en: {
@@ -80,7 +80,7 @@ const LegendItem = class {
         const accessibleLabel = label?.textContent
             ? this.text("makeActive", { label: label.textContent.toLowerCase() })
             : this.text("makeActiveDefault");
-        return (h(Host, { key: '8a5387afd69d6ee08443ee638c46aecc7d3e7834', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '643bf48058400430d1a34bb5e5e54c30eb4445df', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: 'fd14a2e247cc51af2c1e178a22caf881b0065f1e' }, h("slot", { key: '670a8fcd646c4725c553a5ff64ea4cd0dc0b9219', name: "symbol" }))), h("div", { key: '6041263be867af93bf30c52725d6bb43a3de4284' }, h("slot", { key: '44eb5a378b72ff474c783166463c9300ef2ddff9', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: '185ab271e6b7ba63ca7e1f5797dfc50d28bbc665', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: '9113ec62cb11b2bc10cbf63b28ad9131e32b6bc8', slot: "toggletip" }, this.disabledMessage))), h("div", { key: 'e97e395df8af3b26169c2acd724477528a5d17b0', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: '8ca1b2533c3cc2b2300905b921870cd9d2138871', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '1dfc745889f8bcc1175a8f6668ba83c8de553771', name: "options" })))));
+        return (h(Host, { key: '2f719de0372d0b3b5d417c9f67a43f99336cd648', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '000ba28715ced757b54a5c99eb87f17f093d2d73', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '5d010bcf290eb0b5624a2263ef05719e66aed2db' }, h("slot", { key: '7131ecf136cb0372e758e3ef1a5a4c229fc6d79b', name: "symbol" }))), h("div", { key: '79966993fcce87a8bff270cbb366a141f51426fb' }, h("slot", { key: 'ebd3829d0c6c9b3cec6489c13ffad018b2f72dd6', name: "label" })), this.disabled && this.disabledMessage && (h("dso-info-button", { key: 'd713473db58844522de08a1e5894d9650712a2f3', label: this.text("disabledInfo"), toggletipPlacement: "bottom" }, h("div", { key: 'cedf760a34f498fbf35971fd8111a36e62faa701', slot: "toggletip" }, this.disabledMessage))), h("div", { key: '3a746a4d594fa6b95e63914ad895eec934e643b1', class: "legend-item-right-content" }, this.renderRightContent(hasOptions, accessibleLabel))), hasOptions && (h("div", { key: 'e71081edf3014d4f8c9123a79b80cf5fab1e640d', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '3824d6324c7e5095eb702867b579a8fef02299a0', name: "options" })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-legend.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-BIfnbekk.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
-import { i as i18n } from './i18n-FXEjFTzg.js';
+import { i as i18n } from './i18n-ULwgxD7S.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
 const translations = {
@@ -81,7 +81,7 @@ const Legend = class {
         this.moveFocusToTab(next);
     }
     render() {
-        return (h(Host, { key: '861f432e2d8ce27a7bbe63c82cd60055eb7413ad' }, h("div", { key: 'd037fd2f22ee6cc741198cd7b72175332f7fae9c', class: "topbar" }, h("div", { key: '914313db54eb054490df98e578230a779516d346', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: 'fa0f103700d0219914821447bcf8c7652bbb448e', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: '14b5ca6c83e21a27e871cb83aa5fbdf427e774cb', class: "content" }, h("div", { key: '84abd921c424f152c1d64930b6014f3c772db7e5', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '54b44cb357111bd2172492ca353ccca4ffc5299d' })))));
+        return (h(Host, { key: '812916657a261bed47b5388a6d84bfd5e6585cb1' }, h("div", { key: '29d63344be6f0c336ec3e845014916a15ba6bbde', class: "topbar" }, h("div", { key: '5874ac7dd039e5279d4f7ad3a754c9e6ecce3223', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", { class: clsx("tab", { active: tabItem.active }), role: "tab", "aria-selected": tabItem.active ? "true" : "false", ...(!tabItem.active ? { tabIndex: -1 } : {}), onClick: this.clickHandler }, tabItem.label)))), h("dso-icon-button", { key: '55209a7fc7e3601ba4c25d80bf5c1f0981b9bddc', icon: "cross", variant: "tertiary", label: this.text("closeLegend"), class: "close-button", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e.detail.originalEvent }) })), h("dso-scrollable", { key: 'aa0cd30073a0821eea95593f8ed1687c94892a62', class: "content" }, h("div", { key: 'fa9a12ddcbd2f71a970ca3889113356ac3ac1a33', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '31ce9fb96d1afa7527e1b92d4b6985e07107269f' })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-list-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, g as getElement } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, g as getElement } from './index-BIfnbekk.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 
 const listButtonCss = () => `*, *::after, *::before {   box-sizing: border-box; }  :host {   display: block; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  .dso-tertiary {   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;   background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   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;   background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible {   outline-offset: 2px; } .dso-tertiary:active {   outline: 0; } .dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   padding-block: 11px;   padding-inline: 15px; } .dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937); } .dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d); } .dso-tertiary.dso-small {   line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-tertiary.dso-extra-small {   padding-block: 9px; } .dso-tertiary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } .dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } .dso-tertiary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } .dso-tertiary {   border: 0;   line-height: 1;   padding: 0;   background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } .dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } .dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } .dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } .dso-tertiary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-end: 8px; } .dso-tertiary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px; } .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {   margin-inline-start: 0; } .dso-tertiary dso-icon, .dso-tertiary span {   vertical-align: middle; } .dso-tertiary {   cursor: pointer; }  .dso-input-number {   align-items: center;   display: flex; } .dso-input-number .dso-input-step-counter {   text-align: center;   inline-size: 1.5rem;   font-size: 14px; }  .dso-button-group {   display: flex;   flex-direction: row; } .dso-button-group.dso-disabled > * {   background-color: #fff;   border-color: #e5e5e5;   color: #666;   pointer-events: none; } .dso-button-group > * {   border-radius: 0; } .dso-button-group > *:first-child {   border-radius: 4px 0 0 4px; } .dso-button-group > *:not(:first-child) {   border-inline-start-style: none !important; } .dso-button-group > *:last-child {   border-radius: 0 4px 4px 0; } .dso-button-group > *:only-child {   border-radius: 4px; } .dso-button-group > .dso-input-number {   border-style: solid;   border-width: 1px;   flex-wrap: nowrap;   padding-block: 0;   padding-inline: 16px;   background-color: #fff;   border-color: #ccc;   color: #191919; } @media screen and (max-width: 767px) {   .dso-button-group > .dso-input-number {     justify-content: center;   } } .dso-button-group > *:hover + .dso-input-number, .dso-button-group > *:focus + .dso-input-number {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.dso-selected + .dso-input-number {   box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover, .dso-button-group > *.active + .dso-input-number, .dso-button-group > *.active + .dso-input-number:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover, .dso-button-group > *[disabled] + .dso-input-number, .dso-button-group > *[disabled] + .dso-input-number:hover {   opacity: 1;   background-color: #fff;   border-color: #ccc;   color: #666; } .dso-button-group .dso-list-button {   padding-inline-end: 15px; }  .dso-list-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;   background-clip: padding-box; } .dso-list-button:focus, .dso-list-button:focus-visible {   outline-offset: 2px; } .dso-list-button:active {   outline: 0; } .dso-list-button {   background-color: #fff;   border-color: #ccc;   color: #191919;   border-radius: 4px;   border-width: 1px;   border-style: solid;   font-weight: 600;   padding-block: 15px;   padding-inline: 15px 47px;   position: relative;   text-align: start;   white-space: normal;   inline-size: 100%;   cursor: pointer; } .dso-list-button:hover, .dso-list-button:focus {   background-color: #fff;   border-color: #39870c;   color: #191919; } .dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {   background-color: #fff;   border-color: #d7e7ce;   color: #191919; } .dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {   background-color: #fff;   border-color: #ccc;   color: #666;   opacity: 1; } .dso-list-button dso-selectable:not(:last-child) {   margin-block-end: 0; } .dso-list-button .dso-selectable-container label {   font-weight: 700; } .dso-list-button.dso-selected {   border-color: #39870c;   border-width: 1px;   box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c; } @media screen and (min-width: 768px) {   .dso-list-button.dso-selected.dso-single-count {     border-inline-end: 0;     box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;   } } .dso-list-button label {   cursor: inherit; } .dso-list-button > span {   display: block; } .dso-list-button .dso-sublabel, .dso-list-button .subcontent {   font-weight: 400;   inline-size: 100%;   padding-inline-start: 32px; } .dso-list-button dso-icon {   block-size: 24px;   color: #39870c;   inset-block-start: 15px;   inset-inline-end: 15px;   inline-size: 24px;   break-before: page;   position: absolute; } @media screen and (max-width: 767px) {   .dso-list-button.dso-selected.dso-single-count::after {     inline-size: 0;   } }`;
@@ -71,7 +71,7 @@ const ListButton = class {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (h("div", { key: '037b6771bc6fdb52ea8b50c44625c0d93be26b0c', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '722e280a3a84eb7229ca4d000b157150cbede7e3', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: '58f46f575352fb1bd8948209d25b415795b7e359', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '4ac068449aa709799459616496813e9383500d08' }, this.label, this.sublabel && h("span", { key: '17ffff2a4ca02560514ee8403ec3e9c3da9d9633', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: 'a468507b8afdbd8dde5b954e43c630f8f65219dc', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: '6ba84c53d176f54b33124a7a239b145262f083d8', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: 'b1a68f5d7a4770fa2cddecbdcd2b4fd943e17126', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '0538720befcd5c579ae8a8606077f535dfe073fb', class: "subcontent" }, h("slot", { key: 'd5e28e7d520dae451c66199a6523d9c451be353f', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: 'cf79e7cf15018d63534b367876c793460828f42d', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '7982ed3e0dc5b69174cc146f39ed127c59020eb3' }, h("dso-icon-button", { key: '00cf706edffdcd9eeed004d2d192ebab678f8878', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '6381685d68dfd09eda9c955ab1cb238ff2039b0d', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: '06ac0e78367a50afe626ef18eced7aea92f42f96', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
+        return (h("div", { key: 'd46749fe4e7e23235ca0f36e2551c2402ca8ed02', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: '3038ae3212dd870af97ad13ef743d47bd00da986', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'e3b1770b193c0bf7357e5168a0ac6a1caa726031', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, h("span", { key: '009ed37eb44d0658dd581161a2f8d1e38dff7015' }, this.label, this.sublabel && h("span", { key: '38ca5933374bc2b2ddc70257dc0acdd961c97c6a', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: 'e5d6514592712ef827a635e64259f8b9dd0d8464', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: '340a6925c4cadad4fb0910652898a515075d287f', innerHTML: this.subcontentSlot.innerHTML }))))), this.sublabel && h("span", { key: '64f42117c81f07d6765aabbbf1a483fe6ffd1703', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: 'e027d622f9bf9083b860bdd7f17d569f3ede5d92', class: "subcontent" }, h("slot", { key: 'ec356fd598cf4517aa7f8198371607bc7d30d92b', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: '6806f3cf3dab4b5ec1cb07521f4f71f1ddb17999', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '2bf3c0c68eff4a7703ed18aca7e0ecf5fc82cad2' }, h("dso-icon-button", { key: '8c9f039ec7021022c1d2da455a3b8abb6f7eb524', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle-outline", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: 'e1ae04f599a221dd8ac34493e5f679b427d24a0b', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: '32ba7e390912747b98b6fa0b3b83c14cd20d0a14', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle-outline", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-logo.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment } from './index-BIfnbekk.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
 const logoCss = () => `:host{block-size:var(--_dso-logo-block-size, 3rem);display:grid;grid-template-areas:"target wordmark label";grid-template-columns:repeat(3, max-content);grid-template-rows:100%;gap:16px;font-size:1.5rem;font-weight:500;align-items:center;container-type:size;container-name:logo}:host .logo-url,:host .logo-label-url{display:flex;align-items:center;gap:16px;text-decoration:none}:host .logo-url:hover,:host .logo-url:focus-visible,:host .logo-url:active,:host .logo-label-url:hover,:host .logo-label-url:focus-visible,:host .logo-label-url:active{text-decoration:underline}:host .logo-url,:host .logo-url:hover,:host .logo-url:focus,:host .logo-url:visited,:host .logo-label-url,:host .logo-label-url:hover,:host .logo-label-url:focus,:host .logo-label-url:visited{color:#275937}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])){grid-template-areas:"targetwordmark label"}:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-url,:host([logo-url]:not([logo-url=""])[ribbon]:not([ribbon=""])) .logo-ribbon{grid-area:targetwordmark}.logo-label-url{grid-area:label}.logo-target{grid-area:target;max-block-size:48px;max-inline-size:48px;inline-size:100%;display:block;aspect-ratio:1/1}.logo-wordmark{grid-area:wordmark}@container logo (max-height: 47px){.logo-wordmark,.logo-label{font-size:50cqb;line-height:1}}.logo-wordmark-omgevings{color:#39870c}.logo-wordmark-loket{color:#275937}.logo-label{grid-area:label;color:#275937;margin-inline-start:1rem}.logo-ribbon{grid-area:wordmark;place-self:start end;display:flex;place-items:center;background-color:#8b4a6a;border-radius:3px;transform:rotate(3deg);padding-block:0;padding-inline:8px;font-size:0.75rem;font-weight:normal;text-transform:uppercase;color:#fff}@container logo (max-height: 47px){.logo-ribbon{block-size:28cqb;font-size:25cqb}}.inner{fill:#e17000}.middle{fill:#275937}.outer{fill:#80bc00}@media screen and (max-width: 767px){:host([label]){grid-template-areas:"target label";grid-template-columns:max-content minmax(130px, max-content)}:host([label]) .logo-wordmark{display:none}:host([label]) .logo-ribbon{grid-area:label}:host([label]) .logo-label{margin-inline-start:0;text-wrap:balance;overflow-wrap:normal}:host([logo-url][ribbon]) .logo-label-url+.logo-ribbon{grid-area:label}}@media screen and (max-width: 480px){.logo-ribbon{transform:rotate(3deg) translateY(-7px)}}`;
@@ -29,7 +29,7 @@ const Logo = class {
     }
     render() {
         return (h(Fragment, null, this.logoUrl ? (h("a", { class: "logo-url", href: this.logoUrl, onClick: this.handleLogoClick }, h(DsoLogo, { name: this.name }))) : (h(DsoLogo, { name: this.name })), this.label &&
-            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: '77bba61ecf328ff111c1c96c38eaf0fa9a0241a4', class: "logo-ribbon" }, this.ribbon)));
+            (!this.labelUrl ? (h("span", { class: "logo-label" }, this.label)) : (h("a", { class: "logo-label-url", href: this.labelUrl, onClick: this.handleLabelClick }, h("span", { class: "logo-label" }, this.label)))), this.ribbon && h("div", { key: '1fd87dcaff9f9804bab2309148f9ced1e91c6d54', class: "logo-ribbon" }, this.ribbon)));
     }
 };
 Logo.style = logoCss();

package/dist/esm/dso-map-base-layers.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, h, g as getElement } from './index-ai7aDzJN.js';
-import { i as i18n } from './i18n-FXEjFTzg.js';
-import { v as v4 } from './v4-C_akviUd.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-BIfnbekk.js';
+import { i as i18n } from './i18n-ULwgxD7S.js';
+import { v as v4 } from './v4-DEQj4hHE.js';
 
 const translations = {
     en: {
@@ -43,7 +43,7 @@ const MapBaseLayers = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: 'c37f04d296be8a8161f53b1c5b02ba908318bfad', class: "form-group dso-radios" }, h("legend", { key: 'aab64bb3e8719d5a00a8b936fb75808e59429138', class: "sr-only" }, "Achtergrond"), h("div", { key: 'b4b3c000324fe69092f986b2645f8e7c30e7c548', class: "dso-label-container" }, h("span", { key: 'c8dc5b28a4f6745ff32866a878c5a849f85b1649', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '8f824d2a86ddf644b1aa6390275c3196e1ee5fff', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
+        return (h("fieldset", { key: '182be6c3a3f06759d6e9790fbc2ac1fd7b84a4ee', class: "form-group dso-radios" }, h("legend", { key: 'b779209aa4f9741b39c436cf9730aea798128bee', class: "sr-only" }, "Achtergrond"), h("div", { key: 'f35cca28394d66962b38a33618a865b8658ddbb1', class: "dso-label-container" }, h("span", { key: 'b2f7912ac9d4573506c2084cda4a0382450c071d', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '4ca37cce53b2067184339788cf9909612f5357ec', class: "dso-field-container" }, this.baseLayers.map((baseLayer) => (h("dso-selectable", { key: baseLayer.id, type: "radio", value: baseLayer.name, checked: baseLayer.checked, disabled: baseLayer.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[baseLayer.id] = ref), onDsoChange: () => this.baseLayerChangeHandler(baseLayer) }, baseLayer.name, baseLayer.info ? h("p", { slot: "info" }, baseLayer.info) : null))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-map-controls.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-ai7aDzJN.js';
-import { i as i18n } from './i18n-FXEjFTzg.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-BIfnbekk.js';
+import { i as i18n } from './i18n-ULwgxD7S.js';
 
 const translations = {
     en: {
@@ -90,7 +90,7 @@ const MapControls = class {
         });
     }
     render() {
-        return (h(Fragment, { key: '22d25898b37a63a15d843ffae1ec7d536a9e8ef0' }, h("dso-icon-button", { key: '099bcd741ba8769d9af6b12e7829a908700a856a', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '472f03f9cdc5a739551591c0b87b64e4d31dd5cb', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'a58f42be5762d9323c5e925681b5d1ed35c72833', icon: "layers" }), h("span", { key: '6538a758f7a9916f3ba05e7f2c1f2e9af0e6630c' }, this.text("layersButton"))), h("dso-button-group", { key: '7328d3e6f3832d1239a0a5afeb47ec8438e3bf83', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'ac87c3a99fa629915213cd4438de19aaa3325f10', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: 'bb28e254641a9b1b9c08e91a66647dd5eb8a4d78', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: 'a6e33bd8008e5db15a29a12230b27ca4ab05e42b', hidden: this.hideContent }, h("header", { key: '529b27487f6ebecdc55e7df5df2f3b6f22651ca6' }, h("h2", { key: 'a0ec5440f4f8f27e917d0f8a55b0ff859e0d0227' }, this.text("title")), h("dso-icon-button", { key: '01286c8c4ce08c2242baf11fbec628b4b7b18101', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: 'beefe20edf2d136ea8aab6c09511d4f4cbc18bb8' }, h("div", { key: '9516382d382ac3fbf9f738d62c47f12987ab55ab', class: "content" }, h("slot", { key: '1bd91e6fec7f6da4922878e5631ecbf40c49648d' }))))));
+        return (h(Fragment, { key: 'e80f27eb1bef7bd1df8d4fe4b6956fb6e2d2f60d' }, h("dso-icon-button", { key: 'f426a63cf15878119bc65afd50cecd722094642c', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), h("button", { key: '00d979a3bb6ac88e4c70786d828ecda4c47995c9', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, h("dso-icon", { key: 'c837110e53c36c15eee108f5613109b6fdb51aba', icon: "layers" }), h("span", { key: '7f1afc8c9584aaa9353d849ddeef3dda550cdb8a' }, this.text("layersButton"))), h("dso-button-group", { key: '0160217e4220046693c92a1742e9aa77dde3d8fb', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: 'a0977cf85e314acd8ce95a4028a3be47dfeae2b8', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), h("dso-icon-button", { key: '0ca02c9f8289aad6bc9bf91d18a916d6e89044e8', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), h("section", { key: '130e6717563cfff58b76a3f5be342811acfad8e5', hidden: this.hideContent }, h("header", { key: 'cff002e1a2b3a65a33ab9170aa537c87840bf6c4' }, h("h2", { key: 'ba7f7c30b56ff45969c6dd8992823696dd254567' }, this.text("title")), h("dso-icon-button", { key: 'a9f6f86c6a66c0c08bbd466972a22ddb3a0050c7', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: 'a768e1c58a8f5af5b1ee7debe075c90c4ed1a15d' }, h("div", { key: '47e3fa03c63b7bd0671f6fdc2093c2fbb148d636', class: "content" }, h("slot", { key: 'dbe09a86f1805db31ecfbb46a1798da703b4ed9e' }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dso-map-layer-object.entry.js

@@ -1,6 +1,7 @@
-import { r as registerInstance, d as createEvent, h, a as Host } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h, a as Host } from './index-BIfnbekk.js';
+import { W as WrapWijzigactie } from './wrap-wijzigactie.functional-component-BB1TmP-v.js';
 
-const mapLayerObjectCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}.map-layer-object{display:flex;justify-content:space-between;min-block-size:32px}.slide-toggle-container{margin-inline-start:auto}.slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
+const mapLayerObjectCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}:host ins,:host del{display:contents;text-decoration:none}:host([wijzigactie=voegtoe]){--_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([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_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([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000}.map-layer-object{display:flex;justify-content:space-between;align-items:center;padding:2px;min-block-size:28px}.map-layer-object ::slotted([slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:24px;margin-block-start:0;margin-inline-end:8px;inline-size:27.6923076923px;overflow:hidden;position:relative}.map-layer-object-heading{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.map-layer-object .slide-toggle-container{display:flex;align-items:center;margin-inline-start:auto}.map-layer-object .slide-toggle-container dso-slide-toggle{display:flex;padding-block:0}`;
 
 const MapLayerObject = class {
     constructor(hostRef) {
@@ -17,7 +18,7 @@ const MapLayerObject = class {
         };
     }
     render() {
-        return (h(Host, { key: 'a87539fbfb68dcffd4a0992d69c416b0e11f0bbe', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '62db222cbc719f43aaee333b92aa0c801ae389c7', class: "map-layer-object" }, h("div", { key: '939ecbc719be1a449c08a1647fd30d179b0a10de' }, h("slot", { key: '7c9b30d0495c36862877a98262db5709bee8fb79', name: "symbol" })), h("div", { key: '795267680e1e84c179a2a0884dfb0d43a718c89f' }, h("slot", { key: 'd83d2ec268a454ec88f3e6d799714a8d4bde7204' })), h("div", { key: 'b3ca34647ca358a1f6474eaa5e489f193201486e', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'dbf2b5a0d0ca20abc326afe9cd372e180ce1f5fe', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
+        return (h(Host, { key: 'e87eb0a987f963f5cd37d2d6dd31a973b0af3a5a', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h(WrapWijzigactie, { key: 'fd8848154e06d83165db3961de7ad2b906ab5fe8', wijzigactie: this.wijzigactie }, h("div", { key: '8c001e470ce4e4b4fc688e090b2269be4ffe8030', class: "map-layer-object" }, h("div", { key: '55e475b8c309a5918e8f59624a86fb60189dcb4b' }, h("slot", { key: '45760d7f2ecf8db5efda4ece670e909978d807aa', name: "symbol" })), h("div", { key: 'fb46ff9139db827a5fa6d86b1f4fe23e75688108', class: "map-layer-object-heading" }, h("slot", { key: 'd17824947aad54c024cf0da86d06e898bb465732' }), h("slot", { key: '80ab4eb005bf754772e9bc60ff1e4a868199f639', name: "label" })), h("div", { key: '02dd86c4ed6328db5de0802684e55be7c6121194', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'a40dca66743d2404a761b47788c80a3334a0ff8e', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange }))))));
     }
 };
 MapLayerObject.style = mapLayerObjectCss();

package/dist/esm/dso-map-layer.entry.js

@@ -1,6 +1,7 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h } from './index-BIfnbekk.js';
+import { W as WrapWijzigactie } from './wrap-wijzigactie.functional-component-BB1TmP-v.js';
 
-const mapLayerCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.map-layer{display:flex;justify-content:space-between;min-block-size:32px}.map-layer-label{font-weight:600;line-height:1.375em;margin:0;position:relative}.slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
+const mapLayerCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;padding:6px}:host ins,:host del{display:contents;text-decoration:none}:host([wijzigactie=voegtoe]){--_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([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_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([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000}.map-layer{display:flex;justify-content:space-between;min-block-size:32px}.map-layer-heading{display:flex;flex-wrap:wrap;align-items:center;margin-block-end:8px}.map-layer-heading ::slotted([slot=name]){font-weight:600;line-height:1.375em;margin-inline-end:4px}.map-layer .slide-toggle-container dso-slide-toggle{display:flex;padding-block-start:0}`;
 
 const MapLayer = class {
     constructor(hostRef) {
@@ -20,7 +21,7 @@ const MapLayer = class {
         };
     }
     render() {
-        return (h(Fragment, { key: '6c3a180b39fd92c05d4c5aed40ec2c1b899f128b' }, h("div", { key: '05da4a7ec9248be35d5419bf4ef542d3267fe759', class: "map-layer" }, h("span", { key: 'd01732a0a5fe6b70c17ff125d32793a888561001', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: '7c40e6994af4a1d9f0238d5aac9b860940a4bcdd', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '91d8010e93555e5a86eba4e6efb97261d6578729', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '88880c3011407074dcf21c3e280a21f3f94788dc' })));
+        return (h(WrapWijzigactie, { key: 'a846e3882a275aa8f8ab200f5049ed985cddbf70', wijzigactie: this.wijzigactie }, h("div", { key: '16dd057b56a83c1c52f544d1e88c47c4455b67e5', class: "map-layer" }, h("div", { key: '8f2709e613c01e6297cd27cd8cabbe95266f7199', class: "map-layer-heading" }, h("slot", { key: 'bd2c4f2dbd60ff151d28d24702278ad4caed49bb', name: "name" }), h("slot", { key: 'd7d9d99a5de2618f69e3172569811ede5c167160', name: "label" })), this.activatable && (h("div", { key: '14d9d0163ba30ee5c07aa94635563e2b0b1b0bdf', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: 'e58873a37f83eab1e9a94e545b11bbdf87eea326', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '7bc52dacc415cd7944ba6e8babdafc54354af79c' })));
     }
 };
 MapLayer.style = mapLayerCss();

package/dist/esm/dso-map-message.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-ai7aDzJN.js';
+import { r as registerInstance, h } from './index-BIfnbekk.js';
 
 const mapMessageCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}.map-message-content{--_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}.map-message-content 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"))}.map-message-content 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"))}.map-message-content 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"))}.map-message-content a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.map-message-content{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:rgba(0, 0, 0, 0.8);color:#fff;padding-inline:24px;padding-block:16px;inline-size:fit-content;max-inline-size:100%;overflow-wrap:break-word}.map-message-content.has-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-inline-start:calc(24px + 8px + 16px);padding-inline-end:16px}.map-message-content .map-message-body{position:relative}.map-message-content .map-message-body .map-message-icon{position:absolute;inset-inline-start:calc((24px + 8px) * -1);inset-block-start:0}.map-message-content slot[name=actions]{display:flex;flex-wrap:wrap;gap:16px}::slotted(button){margin-inline-start:0 !important}`;
 
@@ -20,11 +20,11 @@ const MapMessage = class {
     render() {
         const iconName = this.variant ? iconMap[this.variant] : undefined;
         const role = this.variant === "error" ? "alert" : "status";
-        return (h("div", { key: '72e00581a669d9a61cdc8a243ffb76033c041bf8', class: {
+        return (h("div", { key: '17b91993a799518f5a57c47981c94953046c5ad1', class: {
                 "map-message-content": true,
                 "has-icon": iconName !== undefined,
                 "has-actions": this.hasActions,
-            }, role: role, "aria-atomic": "true" }, h("div", { key: '439a95253cf64aa02893276a0e2a01a6505c827b', class: "map-message-body" }, iconName && h("dso-icon", { key: 'bdb9e03b41515493eac49d156a406a8d5fb0bfc9', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: 'a286495f08b1e7235f0d78d6d54bc2a5075f513f', class: "map-message-text" }, h("slot", { key: '7d81b5a3acb376e4dc61ba57ded7c8074f3c4f6a', name: "message" }))), h("slot", { key: '3944becb80845f23cb1caab53ce889886d30cb4a', name: "actions", onSlotchange: this.handleActionsSlotChange })));
+            }, role: role, "aria-atomic": "true" }, h("div", { key: 'a040bfb529c59ea6f5cd3a866e2f3e60cd8f79fb', class: "map-message-body" }, iconName && h("dso-icon", { key: 'a67d960a9404e1a215feb5a7d6d13b53600ad061', class: "map-message-icon", icon: iconName, "aria-hidden": "true" }), h("span", { key: '4490cbb7e2af2bbd8db2403cee9db8e0f58f7a92', class: "map-message-text" }, h("slot", { key: '88ca853309adcf219160205584580639bdf06314', name: "message" }))), h("slot", { key: '20c38d393fb4ae9ca289a9d4513ad94c67aace0d', name: "actions", onSlotchange: this.handleActionsSlotChange })));
     }
 };
 MapMessage.style = mapMessageCss();

package/dist/esm/dso-map-overlays.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, h, g as getElement } from './index-ai7aDzJN.js';
-import { i as i18n } from './i18n-FXEjFTzg.js';
-import { v as v4 } from './v4-C_akviUd.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-BIfnbekk.js';
+import { i as i18n } from './i18n-ULwgxD7S.js';
+import { v as v4 } from './v4-DEQj4hHE.js';
 
 const translations = {
     en: {
@@ -44,7 +44,7 @@ const MapOverlays = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '8ef0c3a734d449e75f42c43e2d2f93acb4a443e3', class: "form-group dso-checkboxes" }, h("legend", { key: 'd5317715612e9790d65a411f291c00d7319b9a60', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'e2df4b1aed15cf2e808607a811780ab476bab2b6', class: "dso-label-container" }, h("span", { key: '95751d4947a940c02d7a7b9845f9e51238361519', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: 'fc68e624a70062c5c98fab61418183ca784f8600', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
+        return (h("fieldset", { key: '6c7cd0057b0f49a0e4434ff10a9effc644943f52', class: "form-group dso-checkboxes" }, h("legend", { key: '9abce3af4126cf5d30bcf769e83bccffefb6f111', class: "sr-only" }, "Kaartlagen"), h("div", { key: '727c77b6da2ed720455fb74c220054d1627ecfa8', class: "dso-label-container" }, h("span", { key: '911e85fb97f9f11a9ac2c1d8154e2be89137841f', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '968efa1704c22a4b4252aab0a4dd17a5ca3a679c', class: "dso-field-container" }, this.overlays.map((overlay) => (h("dso-selectable", { key: overlay.id, type: "checkbox", value: overlay.name, checked: overlay.checked, disabled: overlay.disabled, name: this.group, ref: (ref) => ref && (this.selectableRefs[overlay.id] = ref), onDsoChange: (e) => this.overlayChangeHandler(overlay, e) }, overlay.name, overlay.info ? h("p", { slot: "info" }, overlay.info) : null))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-mark-bar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h } from './index-BIfnbekk.js';
 
 const markBarCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}`;
 
@@ -49,7 +49,7 @@ const MarkBar = class {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: 'c3a82409b4af6269c0504b434f96872d1a3b4033', class: "dso-mark-bar" }, h("div", { key: '34d4b99c78d3ae43375db1c0e6733493a053d845', class: "dso-mark-bar-input" }, h("input", { key: '1211e41be559de27a4f9dcad26c0be2f3587f59d', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'd3d236194e74168d9d46d0162b6e37522367cc33', htmlFor: "search-input" }, h("dso-icon", { key: '9d586244b348ffdb08781f503da0db1f7c369d22', class: "dso-search-icon", icon: "search" }), h("span", { key: 'f9c68afc76bf7ccec73564824553e92a7bf36213', class: "label-text" }, this.label)), h("dso-icon-button", { key: '5d41c6e1ea7b95a490472aeab5422b8486c23417', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: 'e8aa6c811f028028c7c5a16a99c90f1976f27996', class: "dso-button-container" }, h("span", { key: '69d29550251d869e7e53906e58acf1f21b502810', class: "divider" }), h("dso-icon-button", { key: '302b5e9628fba82b1d11b2dd785ff5f21ec427ba', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'eb690b5925dd908d15530b34e687e2f1cf60fb02' }, current, "/", totalCount), h("dso-icon-button", { key: '8262ce2b0a692fc97bb44bb4561a9199b2f76c10', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: '55c54949963e1f8fea242366724e998585f6b785', class: "dso-mark-bar" }, h("div", { key: '61a956d7bfd816dd25d72b7f5a35989f3b4ce46b', class: "dso-mark-bar-input" }, h("input", { key: '66883925a8d0d369560ec03697ac6482d1bdb14b', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: '32a61a8fe005b74777097cacba3a5eb18427dff3', htmlFor: "search-input" }, h("dso-icon", { key: '837c3cad3188704b3638a76722492a261d4ecb03', class: "dso-search-icon", icon: "search" }), h("span", { key: '9e2e1b84df9cb0860d931233f9469e9c53402836', class: "label-text" }, this.label)), h("dso-icon-button", { key: '41206eebf78bbc0b31bc147f0ac2a6a13876fcc5', icon: "cross", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '2996a2f89bedf25516f0f7b4669cf8e7fb834666', class: "dso-button-container" }, h("span", { key: '4c995d8619b70cc1b387496adfd689f413f6f015', class: "divider" }), h("dso-icon-button", { key: '4e1c597443e59dee11fb498a581d9f083f9c4768', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '0cbb6043077a9a92a662fb595576f31610d2233e' }, current, "/", totalCount), h("dso-icon-button", { key: '925d2b379af59d2aaf1122e3fe89a4111cd56dfe', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
     }
 };
 MarkBar.style = markBarCss();

package/dist/esm/dso-modal.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, d as createEvent, h, g as getElement } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-BIfnbekk.js';
 import { g as getActiveElement } from './get-active-element-BWkWD1Z2.js';
-import { i as i18n } from './i18n-FXEjFTzg.js';
-import { v as v4 } from './v4-C_akviUd.js';
+import { i as i18n } from './i18n-ULwgxD7S.js';
+import { v as v4 } from './v4-DEQj4hHE.js';
 
 const translations = {
     en: {
@@ -81,7 +81,7 @@ const Modal = class {
         }
     }
     render() {
-        return (h("dialog", { key: '5d7ddfc40dd53394fb0cb85272f1326c0ba97069', class: "dso-modal", role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '6f71103e9f8d01fdebeb186e6f4b7e8f4f3f7f45', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "cross", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '03c9930cb55b99cb9e5168e839279d4ad7dea2bf' }, h("div", { key: '66e87f8479904a9001bc6836d5183e33a1b44bf9', class: "dso-body", tabIndex: 0 }, h("slot", { key: '40b9d6d2997fcf64630c7b617b33345e6d8f3981', name: "body" }))), this.hasFooter && (h("div", { key: '89a9f92226e82a429bca0f0a021f4fd96d8ebdfe', class: "dso-footer" }, h("slot", { key: '06b3975cfb42b7313baea186cd1fef29545fd9f4', name: "footer" }))))));
+        return (h("dialog", { key: '8c58e168c33679096563b2eef8719857f00ed141', class: "dso-modal", role: this.dialogRole ?? undefined, "aria-modal": "true", "aria-labelledby": this.ariaId, ref: (element) => (this.htmlDialogElement = element), onClick: (e) => this.handleDialogClick(e), onKeyDown: (e) => this.blockEscapeKey(e) }, h("div", { key: '97582f1720de811a578109065eb6fa54d1f5e432', class: "dso-dialog", role: "document" }, this.modalTitle ? (h("div", { class: "dso-header" }, h("h2", { id: this.ariaId }, this.modalTitle), this.closable && (h("dso-icon-button", { id: "close-modal", icon: "cross", variant: "tertiary", label: this.text("close"), onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) })))) : (h("span", { class: "sr-only", id: this.ariaId }, this.text("dialog"))), h("dso-scrollable", { key: '7cf0fd5cd2c209e78fac6d13541f50cdbfc5967b' }, h("div", { key: '9ba3272cd1d59999221367614c6ffdda398989d9', class: "dso-body", tabIndex: 0 }, h("slot", { key: '740e953099d3bb89cc8da702452adb1c7c7b0da9', name: "body" }))), this.hasFooter && (h("div", { key: '32d07d82f187ec63cf8d542e8faa1a4e7cecc052', class: "dso-footer" }, h("slot", { key: 'e6e9f7d9ca33f2fb6a61a2c33e1f1144ac8a812d', name: "footer" }))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-onboarding-tip.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, d as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-ai7aDzJN.js';
-import { p as positionTooltip } from './position-tooltip.function-Db-YtSLm.js';
-import './floating-ui.dom-BgyqGgJ8.js';
+import { r as registerInstance, d as createEvent, f as forceUpdate, h, a as Host, g as getElement } from './index-BIfnbekk.js';
+import { p as positionTooltip } from './position-tooltip.function-Cf2lM20T.js';
+import './floating-ui.dom-zRaH89Qj.js';
 
 const onboardingTipCss = () => `*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_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}.onboarding-tip-inner 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"))}.onboarding-tip-inner 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"))}.onboarding-tip-inner 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"))}.onboarding-tip-inner a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.onboarding-tip-inner{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
 
@@ -71,7 +71,7 @@ const OnboardingTip = class {
     }
     render() {
         const ariaLabel = this.headingSlottedElement?.textContent;
-        return (h(Host, { key: '2388c162ae6b1038db865fe5f9223b279c2a0d7b', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'c9c1d2bbdee847dc35a01c02565fae7360e85cc0', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '94a65927928e93e7d57ca29b78c41b8897606f5d', class: "onboarding-tip-inner" }, h("div", { key: '9f78575a65ce0d453ca900b03f2a8dccd04f3a2d', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'c6609cb5fa0f17efc002ce8757ccaa558d2de1e4', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '2a3f6de94ec5e4041079a7d0a1b83c5eb50f0ade', icon: "light-bulb" }), h("slot", { key: '94d5185f1f62f85011ae567496f85f2659abd43e', name: "heading" }))), h("dso-icon-button", { key: '8cf1de22c598a72e71185b9dda65c58ae932b7d3', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '85678e247c035c01e87f6b1cfb73ef0c3e0d8c3d' }))), h("div", { key: '39a55487335e71933f9fc091b425310602cc4b05', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: '865a09f9c1cb7636c1e4667bc14e1cd39412dfbb', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '97139ffe23f6c868200e2d584872679b61d24aff', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '5e78cc39a6b65de7e338bbe4e8e78c760c960716', class: "onboarding-tip-inner" }, h("div", { key: '2686b4d813b2cc05c5c1074df841a3fa596ffead', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'ce4d4d83e609f325bb089a946d5f864ef835ca46', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'b7089262e4438e6e88907aeab06a0d0059c10ffb', icon: "light-bulb" }), h("slot", { key: '3703f494008ba3ae3d62c2a84d18fd26d79fdb97', name: "heading" }))), h("dso-icon-button", { key: 'aba8ded86a4d3e269f7ac007c02d6b4865047bfa', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: 'd9696574bc96f3249ee75485dad143498a9e66fa' }))), h("div", { key: 'f324f22d23125a3acc2e6fe4a11c4fdfed3b0625', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

package/dist/esm/dso-pagination.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-BIfnbekk.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
 const paginationCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;

package/dist/esm/dso-plekinfo-card.entry.js

@@ -1,17 +1,9 @@
-import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, f as forceUpdate, h, F as Fragment, a as Host, g as getElement } from './index-BIfnbekk.js';
+import { W as WrapWijzigactie } from './wrap-wijzigactie.functional-component-BB1TmP-v.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
 const plekinfoCardCss = () => `ins{text-decoration:none;--_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}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}ins a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}ins{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_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}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}del a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}del{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}`;
 
-const WrapWijzigactie = ({ wijzigactie }, children) => {
-    if (wijzigactie === "voegtoe") {
-        return h("ins", { class: "dso-plekinfo-card-container" }, children);
-    }
-    if (wijzigactie === "verwijder") {
-        return h("del", { class: "dso-plekinfo-card-container" }, children);
-    }
-    return h("div", { class: "dso-plekinfo-card-container" }, children);
-};
 const PlekinfoCard = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -46,7 +38,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: '195808a17ac11b26547e4b41fa56b4dcaa701fba', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '89a7af24895338ff188f45dda202f013f90be1ae', wijzigactie: this.wijzigactie }, h("div", { key: '77e8f2b79cb9277579c30a43afa279b5085f3b22', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'a9a66ded575a35070c9fc7e998af610421ca61b5', name: "symbol" })), h("div", { key: 'e9777c203783b5d345e6f268770c80b771b36243', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'be0665edf9fa951672184c4a621ec9da430deb11', name: "meta" }), this.interaction !== null && h("slot", { key: '2b283e4c7106a380c8e2a8e7e83310c16410a534', name: "interaction" })), h("div", { key: '3ba8eb7a483b4b165ce8bc7dcba3fccb97b530d5', class: "dso-plekinfo-card-content" }, h("slot", { key: '14e5c1aed546f3e795e7e542641e9f03532f4e31', name: "content" })))));
+        return (h(Host, { key: '46ce81df38a0abe5509ee9507093100473e5384f', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '638cf0380b5bb037e02dcc561049a45240df9f7c', wijzigactie: this.wijzigactie, class: "dso-plekinfo-card-container" }, h("div", { key: 'ba6dfc3295480ced1f87c3d93369263b39677804', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'abdeb3c24f30c0c678d26e238e83fb8665b0bcc0', name: "symbol" })), h("div", { key: '83a82e657548c08b791e46a4b75ed19503e585d7', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '689c00a9182201b6b201a94f883e72a497d459f4', name: "meta" }), this.interaction !== null && h("slot", { key: 'f2326f690362c8c2100a22209f7e92a2db2b643c', name: "interaction" })), h("div", { key: '5c9715ea0fc38d1b7ec7d681b2c917cb0b0ace00', class: "dso-plekinfo-card-content" }, h("slot", { key: '362a3db6b035957d61a1dbcb3dd8ed8e8e08c9da', name: "content" })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-progress-indicator.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-ai7aDzJN.js';
-import { i as i18n } from './i18n-FXEjFTzg.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-BIfnbekk.js';
+import { i as i18n } from './i18n-ULwgxD7S.js';
 
 const translations = {
     en: {
@@ -22,7 +22,7 @@ const Progressindicator = class {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: '1cae1ecc0189ba8e3f398be733261208bff72507' }, h("span", { key: '18c9e94d07e685e9e628ea962e3e5a92d4942a8e', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'c3621e2064b6dcd7100a5bab325938b5f4979467', icon: "spinner" })), h("span", { key: '5540253b6a6a40d130b2b8e5f8341981ed708396', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '4aa7f48d4b6bcd34a225c863eb6fdb69ea04e647' }, h("span", { key: '58285262b83f25c5dc45b9af0d077de6621ea935', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '9ea25bbedea5656dc65a6e6153b9cdc706c576ad', icon: "spinner" })), h("span", { key: '30b8e861214774a980620e2332add5e4e319d0ff', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-project-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment } from './index-ai7aDzJN.js';
+import { r as registerInstance, h, F as Fragment } from './index-BIfnbekk.js';
 
 const projectItemCss = () => `:host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dt-dl-margin-block-end:0;--_dt-dl-before-display:none;--_dt-dl-dt-font-weight:normal;--_dt-dl-dd-margin-block-start:0;--_dt-dl-dd-margin-inline-start:8px;--_dt-dl-dd-padding-inline-start:0;--_dt-dl-dt-inline-size:auto;--_dt-dl-dd-last-margin-block-end:0;--_dt-mark-bg-color:none;--_dt-mark-padding-block:0;--_dt-mark-color:inherit;--_dt-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted([slot=status]){--_dt-dl-font-size:0.875rem}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:flex-end}`;
 
@@ -7,7 +7,7 @@ const ProjectItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Fragment, { key: '81913e4182774ec0a1110406111a9739bf94cf41' }, h("div", { key: 'b9eab3670d6819b734e22aaec0e6b1f7c455c356', class: "project-item-header" }, h("div", { key: '462a94b1c982b36a7f6d4a8cc531b036144635d3', class: "project-item-title" }, h("slot", { key: 'c8b6aea41db11fd8c25cbdf74f920e576b970674', name: "title" }), this.label && (h("dso-label", { key: '7e9b7c80cf10afe241c2f123ad01e71b11133ff5', status: "error", compact: true }, this.label))), h("div", { key: 'eee319184b9c0e6be28d6071dea6e2f88db74488', class: "project-item-actions" }, h("slot", { key: '6ccaa945908d43fa1c106903441218e8855749db', name: "actions" }))), h("div", { key: '116932ca949409e32533153a27cf6f8e2aff3bb0', class: "project-item-info" }, h("div", { key: '51786ae67859c0991d5b225186e58a42c7329bdb', class: "project-item-progress" }, h("slot", { key: '28eac3e3813d6f590fbcd43812d4a24cd15d3d81', name: "progress" })), h("div", { key: '0ed9adc0e70671467a365732d2bde265c3822ddb', class: "project-item-status" }, h("slot", { key: 'b1e2fed2554d6029c9eaf137bfa2f96bb1f7ec1f', name: "status" })))));
+        return (h(Fragment, { key: 'eeef5c5a39420c43ed20880de22b059bbaee5666' }, h("div", { key: 'ed73f53443743796a94f4af27b2b0f38bcd0092d', class: "project-item-header" }, h("div", { key: 'ee5f81658e3a906ac69d13b9330a0194a5555d90', class: "project-item-title" }, h("slot", { key: '7f73e7f7ce9e880d2e3a3d2026812e0c68c0e8ed', name: "title" }), this.label && (h("dso-label", { key: 'c02c0d6f38f04be85c400afd03fab500b54cea19', status: "error", compact: true }, this.label))), h("div", { key: '389dfe7e623c879a8113b8027013c3ccc07a2180', class: "project-item-actions" }, h("slot", { key: '4eced83c4666e09667e41b3e9671a5dbdadc4402', name: "actions" }))), h("div", { key: '7055ab88ae53e64b8a6cbf46cb1225ff580159d1', class: "project-item-info" }, h("div", { key: 'd34b86eeb0909c16d18390887753e4ec0ea8fe76', class: "project-item-progress" }, h("slot", { key: '2be36487a7cc35124a606703191a056fe3d169ed', name: "progress" })), h("div", { key: '57cd457d6d260e84da557990d1a5128e9b0cf5ce', class: "project-item-status" }, h("slot", { key: 'f46e34c04f52c9f34eb96aea15b64b06fe758921', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();

package/dist/esm/dso-responsive-element.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-BIfnbekk.js';
 
 const responsiveElementCss = () => `:host{display:block}`;
 
@@ -44,7 +44,7 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '955fc12443133b5a2875672894684bc78012afb5', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'ebdb89bcbe9ce70bacd73a39ba1d01f3387d9c49' })));
+        return (h(Host, { key: '0fef37539e51fe433fda4e7b8e8c11f4897bf940', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'db1d65910acf7bc5638b5c957970675212b46e2f' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-scrollable.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, g as getElement } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-BIfnbekk.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { d as debounce } from './index-baWVwd8J.js';
 
@@ -91,9 +91,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: '30263b48397081180497f64c292bf957c4db0e2c', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '6254e977927cc6a4fffefc320c54da2a9b696f85', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: '4eb0684c3223d8a860c208287692f4e4be8a02e7', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'dc962aface56f88a7280433749c6f70ae6e94195', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: '7349779744fd56b8b018a9f5ed5cf0feb27df4fb' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'a69d3bf3032c297fb46ac2909382d949e8ac9d39' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-segmented-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h, g as getElement } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h, g as getElement } from './index-BIfnbekk.js';
 
 const segmentedButtonCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.segmented-button{display:inline-flex;gap:4px;border:1px solid #ccc;border-radius:12px;flex-wrap:nowrap}.segmented-button label{position:relative;user-select:none;flex-shrink:0}.segmented-button label:has(input:not(:disabled)):hover{cursor:pointer}.segmented-button label:has(input:not(:disabled)):hover input:not(:checked)+.segment-label{color:#275937}.segmented-button label:has(input:disabled) .segment-label{color:#afcf9d}.segmented-button input[type=radio]{position:absolute;opacity:0;inline-size:1px;block-size:1px;padding:0;margin:0}.segmented-button input[type=radio]:focus-visible+.segment-label{outline:2px solid #275937;outline-offset:2px}.segmented-button input[type=radio]:checked+.segment-label{background-color:#275937;color:#fff}.segmented-button .segment-label{display:inline-flex;align-items:center;justify-content:center;block-size:24px;font-size:16px;font-weight:500;background:#fff;color:#39870c;border-radius:12px;padding-inline:12px}`;
 
@@ -22,7 +22,7 @@ const SegmentedButton = class {
         });
     }
     render() {
-        return (h("div", { key: '78730647c69b9ac36c314eec92563693988eb9ce', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
+        return (h("div", { key: '18ffa42b26a9c8544c249a9b1ff2f2328624d56e', class: "segmented-button", role: "radiogroup", "aria-label": this.label, "aria-required": this.required?.toString() }, this.options?.map((option) => {
             return (h("label", null, h("input", { type: "radio", name: this.groupName, value: option.label, checked: this.activeOption === option, disabled: option.disabled, onClick: (event) => this.handleClick(option, event) }), h("span", { class: "segment-label" }, option.label)));
         })));
     }

package/dist/esm/dso-skiplink.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-ai7aDzJN.js';
+import { r as registerInstance, d as createEvent, h } from './index-BIfnbekk.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
 const skiplinkCss = () => `:host{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:2;display:block;inline-size:100vw}*,*::after,*::before{box-sizing:border-box}a{position:absolute;inset-inline-start:50%;inset-block-start:16px;display:inline-block;inline-size:1px;block-size:1px;overflow:hidden;background-color:#fff;border-radius:2px;clip-path:inset(1px);color:var(--link-color);white-space:nowrap;text-decoration:none;transform:translate(-50%);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}a:focus-visible{inline-size:auto;block-size:auto;padding:8px;clip-path:none;white-space:normal;outline-offset:2px}`;
@@ -15,7 +15,7 @@ const Skiplink = class {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: '1522c32929f116df4b5315d88f7cae5696ca3b8a', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'b173095dbda74f676506122b0f12a28a8ab7ab88', icon: "chevron-right" })));
+        return (h("a", { key: '8de3e25d40c6c84e4f6d91cbbd31866151f9ee7a', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'eb1c4c4d636434414e6345538f41caa3adc2d9e2', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();