@dso-toolkit/core 67.3.2 → 68.0.0

package/dist/components/alert.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as clsx } from './clsx.js';
 import { i as i18n } from './i18n.js';
 import { d as defineCustomElement$1 } from './icon.js';
@@ -6,6 +6,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 const translations = {
     en: {
         "dso-alert": {
+            close: "Close",
             success: "Success",
             info: "Notice",
             warning: "Warning",
@@ -14,6 +15,7 @@ const translations = {
     },
     nl: {
         "dso-alert": {
+            close: "Sluiten",
             success: "Gelukt",
             info: "Opmerking",
             warning: "Waarschuwing",
@@ -22,7 +24,7 @@ const translations = {
     },
 };
 
-const alertCss = ":host{display:block}:host(:not(:first-child)){margin-block-start:24px}:host([compact]:not([compact=false])){position:relative;border-end-end-radius:8px;border-start-end-radius:8px;margin-inline-start:8px}:host([compact]:not([compact=false]))::before{border-end-start-radius:8px;border-start-start-radius:8px;inset-block-end:0;content:\"\";inset-inline-start:-8px;position:absolute;inset-block-start:0;inline-size:8px}:host([status=success]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919}:host([status=success]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./di.svg#download-zwart\")}:host([status=success]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./di.svg#external-link-zwart\")}:host([status=success]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./di.svg#call-zwart\")}:host([status=success]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./di.svg#email-zwart\")}:host([status=success][compact]:not([compact=false]))::before{background-color:#39870c}:host([status=error]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919}:host([status=error]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./di.svg#download-zwart\")}:host([status=error]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./di.svg#external-link-zwart\")}:host([status=error]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./di.svg#call-zwart\")}:host([status=error]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./di.svg#email-zwart\")}:host([status=error][compact]:not([compact=false]))::before{background-color:#ce3f51}:host([status=warning]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f8f6cc;border-color:#f8f6cc;color:#191919}:host([status=warning]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./di.svg#download-zwart\")}:host([status=warning]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./di.svg#external-link-zwart\")}:host([status=warning]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./di.svg#call-zwart\")}:host([status=warning]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./di.svg#email-zwart\")}:host([status=warning][compact]:not([compact=false]))::before{background-color:#dcd400}:host([status=info]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e1ecf7;border-color:#e1ecf7;color:#191919}:host([status=info]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./di.svg#download-zwart\")}:host([status=info]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./di.svg#external-link-zwart\")}:host([status=info]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./di.svg#call-zwart\")}:host([status=info]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./di.svg#email-zwart\")}:host([status=info][compact]:not([compact=false]))::before{background-color:#6ca4d9}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.alert{line-height:1.5;margin-block-end:24px;min-block-size:64px;position:relative}@media screen and (min-width: 481px){.alert{padding-block:19px;padding-inline:63px 16px}.alert.dso-compact{padding-block:9.5px;padding-inline:16px}}@media screen and (max-width: 480px){.alert{padding-block:63px 16px;padding-inline:16px}.alert.dso-compact{padding-block:9.5px;padding-inline:16px}}.alert:not(:first-child){margin-block-start:24px}.alert dso-icon{inset-block-start:16px;inset-inline-start:16px;position:absolute;block-size:32px;inline-size:32px}.alert.dso-compact{min-block-size:16px}";
+const alertCss = ":host{display:block}:host(:not(:first-child)){margin-block-start:24px}:host([compact]:not([compact=false])){position:relative;border-end-end-radius:8px;border-start-end-radius:8px;margin-inline-start:8px}:host([compact]:not([compact=false]))::before{border-end-start-radius:8px;border-start-start-radius:8px;inset-block-end:0;content:\"\";inset-inline-start:-8px;position:absolute;inset-block-start:0;inline-size:8px}:host([status=success]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919}:host([status=success]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./di.svg#download-zwart\")}:host([status=success]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./di.svg#external-link-zwart\")}:host([status=success]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./di.svg#call-zwart\")}:host([status=success]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./di.svg#email-zwart\")}:host([status=success][compact]:not([compact=false]))::before{background-color:#39870c}:host([status=error]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919}:host([status=error]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./di.svg#download-zwart\")}:host([status=error]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./di.svg#external-link-zwart\")}:host([status=error]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./di.svg#call-zwart\")}:host([status=error]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./di.svg#email-zwart\")}:host([status=error][compact]:not([compact=false]))::before{background-color:#ce3f51}:host([status=warning]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f8f6cc;border-color:#f8f6cc;color:#191919}:host([status=warning]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./di.svg#download-zwart\")}:host([status=warning]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./di.svg#external-link-zwart\")}:host([status=warning]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./di.svg#call-zwart\")}:host([status=warning]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./di.svg#email-zwart\")}:host([status=warning][compact]:not([compact=false]))::before{background-color:#dcd400}:host([status=info]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e1ecf7;border-color:#e1ecf7;color:#191919}:host([status=info]) a:is(.download,.download:hover,.download:focus-visible){background-image:url(\"./di.svg#download-zwart\")}:host([status=info]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url(\"./di.svg#external-link-zwart\")}:host([status=info]) a:is([href^=\"tel:\"],[href^=\"tel:\"]:hover,[href^=\"tel:\"]:focus-visible){background-image:url(\"./di.svg#call-zwart\")}:host([status=info]) a:is([href^=\"mailto:\"],[href^=\"mailto:\"]:hover,[href^=\"mailto:\"]:focus-visible){background-image:url(\"./di.svg#email-zwart\")}:host([status=info][compact]:not([compact=false]))::before{background-color:#6ca4d9}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.alert{line-height:1.5;margin-block-end:24px;min-block-size:64px;position:relative}@media screen and (min-width: 481px){.alert{padding-block:19px;padding-inline:63px 40px}.alert.dso-compact{padding-block:9.5px;padding-inline:16px 40px}}@media screen and (max-width: 480px){.alert{padding-block:63px 16px;padding-inline:16px}.alert.dso-compact{padding-block:9.5px;padding-inline:16px}}.alert:not(:first-child){margin-block-start:24px}.alert .icon-status{inset-block-start:16px;inset-inline-start:16px;position:absolute;block-size:32px;inline-size:32px}.alert .dso-close{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none;position:absolute;inset-block-start:4px;inset-inline-end:4px;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.alert .dso-close[disabled]{cursor:default}.alert .dso-close::-moz-focus-inner{border:0;padding:0}.alert.dso-compact{min-block-size:16px}";
 const DsoAlertStyle0 = alertCss;
 
 const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
@@ -30,6 +32,11 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.dsoClose = createEvent(this, "dsoClose", 7);
+        /**
+         * When `false` the close button in the alert will not be rendered.
+         */
+        this.closable = false;
         this.text = i18n(() => this.host, translations);
     }
     render() {
@@ -37,14 +44,15 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
         if (!status) {
             throw new Error(`Invalid status ${this.status}`);
         }
-        return (h("div", { key: '9844156e479a6ecef5bbddb530ffdfeff06c2ddf', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && h("dso-icon", { key: 'fb3d1420f40e5a8c1757c69be1700318465510ce', icon: "status-" + this.status }), h("span", { key: 'd3a8bc0671598269a848bc667ada8325c632c8b8', class: "sr-only" }, status, ":"), h("slot", { key: '40504cb29cdf7dd5af60e570cf9d69a5940dac46' })));
+        return (h("div", { key: 'b07c3ac60ceebb4669e203df68855ec1bda1979d', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && h("dso-icon", { key: '4ec39cc6a1a6dba8e44e483118bce9aeb4abc820', class: "icon-status", icon: "status-" + this.status }), h("span", { key: '7974a804de6c67add9027906527002a40ff2be6a', class: "sr-only" }, status, ":"), h("slot", { key: 'cb8b72c9dfff4d56ef223f63fa8c51393ca7fc68' }), this.closable && (h("button", { key: '1848fbb6c4d938bef21ca5d0ef0d3af8079a23ea', type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { key: 'e24b4ac973b76498fd56f6f4abc3f7efaee9cf1d', icon: "times" }), h("span", { key: '4951a2525bba4947ddeb9c79780b9c63fafea2fc', class: "sr-only" }, this.text("close"))))));
     }
     get host() { return this; }
     static get style() { return DsoAlertStyle0; }
 }, [1, "dso-alert", {
         "status": [513],
         "roleAlert": [4, "role-alert"],
-        "compact": [516]
+        "compact": [516],
+        "closable": [4]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/alert.js.map

@@ -1 +1 @@
-{"file":"alert.js","mappings":";;;;;AAEO,MAAM,YAAY,GAAa;IACpC,EAAE,EAAE;QACF,WAAW,EAAE;YACX,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,OAAO;SACf;KACF;IACD,EAAE,EAAE;QACF,WAAW,EAAE;YACX,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,MAAM;SACd;KACF;CACF;;ACnBD,MAAM,QAAQ,GAAG,41IAA41I,CAAC;AAC92I,uBAAe,QAAQ;;MCYV,KAAK;IALlB;;;;QA2BU,SAAI,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;KAmBpD;IAjBC,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtC,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,IAAI,KAAK,CAAC,kBAAkB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;SAClD;QAED,QACE,4DACE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAC7E,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,OAAO,GAAG,SAAS,IAEzC,CAAC,IAAI,CAAC,OAAO,IAAI,iEAAU,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,MAAM,GAAa,EACtE,6DAAM,KAAK,EAAC,SAAS,IAAE,MAAM,MAAS,EACtC,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/alert/alert.i18n.ts","src/components/alert/alert.scss?tag=dso-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-alert\": {\r\n      success: \"Success\",\r\n      info: \"Notice\",\r\n      warning: \"Warning\",\r\n      error: \"Error\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-alert\": {\r\n      success: \"Gelukt\",\r\n      info: \"Opmerking\",\r\n      warning: \"Waarschuwing\",\r\n      error: \"Fout\",\r\n    },\r\n  },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/alert\";\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host(:not(:first-child)) {\r\n  margin-block-start: units.$u3;\r\n}\r\n\r\n:host([compact]:not([compact=\"false\"])) {\r\n  position: relative;\r\n  @include alert.compact();\r\n}\r\n\r\n:host([status=\"success\"]) {\r\n  @include alert.status-success();\r\n}\r\n\r\n:host([status=\"success\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$success-compact-accent-bg;\r\n  }\r\n}\r\n\r\n:host([status=\"error\"]) {\r\n  @include alert.status-error();\r\n}\r\n\r\n:host([status=\"error\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$danger-compact-accent-bg;\r\n  }\r\n}\r\n\r\n:host([status=\"warning\"]) {\r\n  @include alert.status-warning();\r\n}\r\n\r\n:host([status=\"warning\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$warning-compact-accent-bg;\r\n  }\r\n}\r\n\r\n:host([status=\"info\"]) {\r\n  @include alert.status-info();\r\n}\r\n\r\n:host([status=\"info\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$info-compact-accent-bg;\r\n  }\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.alert {\r\n  @include alert.root();\r\n\r\n  dso-icon {\r\n    @include alert.icon-position();\r\n\r\n    block-size: units.$u4;\r\n    inline-size: units.$u4;\r\n  }\r\n\r\n  &.dso-compact {\r\n    min-block-size: alert.$inline-padding;\r\n  }\r\n}\r\n","import { Component, Element, h, Prop } from \"@stencil/core\";\r\n\r\nimport clsx from \"clsx\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { translations } from \"./alert.i18n\";\r\n\r\n@Component({\r\n  tag: \"dso-alert\",\r\n  styleUrl: \"alert.scss\",\r\n  shadow: true,\r\n})\r\nexport class Alert {\r\n  @Element()\r\n  host!: HTMLDsoAlertElement;\r\n\r\n  /**\r\n   * Set status of alert\r\n   */\r\n  @Prop({ reflect: true })\r\n  status!: \"success\" | \"info\" | \"warning\" | \"error\";\r\n\r\n  /**\r\n   * Whether or not to show the role attribute with value \"alert\". To control the tooltip add the `role-alert` attribute.\r\n   */\r\n  @Prop()\r\n  roleAlert?: boolean;\r\n\r\n  /**\r\n   * Show alert as compact variant (without icon)\r\n   */\r\n  @Prop({ reflect: true })\r\n  compact?: boolean;\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  render() {\r\n    const status = this.text(this.status);\r\n    if (!status) {\r\n      throw new Error(`Invalid status ${this.status}`);\r\n    }\r\n\r\n    return (\r\n      <div\r\n        class={clsx(\"alert\", `alert-${this.status}`, { \"dso-compact\": this.compact })}\r\n        role={this.roleAlert ? \"alert\" : undefined}\r\n      >\r\n        {!this.compact && <dso-icon icon={\"status-\" + this.status}></dso-icon>}\r\n        <span class=\"sr-only\">{status}:</span>\r\n        <slot></slot>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"alert.js","mappings":";;;;;AAEO,MAAM,YAAY,GAAa;IACpC,EAAE,EAAE;QACF,WAAW,EAAE;YACX,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,OAAO;SACf;KACF;IACD,EAAE,EAAE;QACF,WAAW,EAAE;YACX,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,QAAQ;YACjB,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,MAAM;SACd;KACF;CACF;;ACrBD,MAAM,QAAQ,GAAG,qyJAAqyJ,CAAC;AACvzJ,uBAAe,QAAQ;;MCaV,KAAK;IALlB;;;;;;;;QA+BE,aAAQ,GAAG,KAAK,CAAC;QAQT,SAAI,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;KA0BpD;IAxBC,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtC,IAAI,CAAC,MAAM,EAAE;YACX,MAAM,IAAI,KAAK,CAAC,kBAAkB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;SAClD;QAED,QACE,4DACE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAC7E,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,OAAO,GAAG,SAAS,IAEzC,CAAC,IAAI,CAAC,OAAO,IAAI,iEAAU,KAAK,EAAC,aAAa,EAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,MAAM,GAAI,EACjF,6DAAM,KAAK,EAAC,SAAS,IAAE,MAAM,MAAS,EACtC,8DAAa,EAEZ,IAAI,CAAC,QAAQ,KACZ,+DAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,IAC9F,iEAAU,IAAI,EAAC,OAAO,GAAY,EAClC,6DAAM,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAQ,CAC1C,CACV,CACG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/alert/alert.i18n.ts","src/components/alert/alert.scss?tag=dso-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-alert\": {\r\n      close: \"Close\",\r\n      success: \"Success\",\r\n      info: \"Notice\",\r\n      warning: \"Warning\",\r\n      error: \"Error\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-alert\": {\r\n      close: \"Sluiten\",\r\n      success: \"Gelukt\",\r\n      info: \"Opmerking\",\r\n      warning: \"Waarschuwing\",\r\n      error: \"Fout\",\r\n    },\r\n  },\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/alert\";\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host(:not(:first-child)) {\r\n  margin-block-start: units.$u3;\r\n}\r\n\r\n:host([compact]:not([compact=\"false\"])) {\r\n  position: relative;\r\n  @include alert.compact();\r\n}\r\n\r\n:host([status=\"success\"]) {\r\n  @include alert.status-success();\r\n}\r\n\r\n:host([status=\"success\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$success-compact-accent-bg;\r\n  }\r\n}\r\n\r\n:host([status=\"error\"]) {\r\n  @include alert.status-error();\r\n}\r\n\r\n:host([status=\"error\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$danger-compact-accent-bg;\r\n  }\r\n}\r\n\r\n:host([status=\"warning\"]) {\r\n  @include alert.status-warning();\r\n}\r\n\r\n:host([status=\"warning\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$warning-compact-accent-bg;\r\n  }\r\n}\r\n\r\n:host([status=\"info\"]) {\r\n  @include alert.status-info();\r\n}\r\n\r\n:host([status=\"info\"][compact]:not([compact=\"false\"])) {\r\n  &::before {\r\n    background-color: alert.$info-compact-accent-bg;\r\n  }\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.alert {\r\n  @include alert.root();\r\n\r\n  &.dso-compact {\r\n    min-block-size: alert.$inline-padding;\r\n  }\r\n}\r\n","import { Component, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\n\r\nimport clsx from \"clsx\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { translations } from \"./alert.i18n\";\r\nimport { AlertCloseEvent } from \"./alert.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-alert\",\r\n  styleUrl: \"alert.scss\",\r\n  shadow: true,\r\n})\r\nexport class Alert {\r\n  @Element()\r\n  host!: HTMLDsoAlertElement;\r\n\r\n  /**\r\n   * Set status of alert\r\n   */\r\n  @Prop({ reflect: true })\r\n  status!: \"success\" | \"info\" | \"warning\" | \"error\";\r\n\r\n  /**\r\n   * Whether or not to show the role attribute with value \"alert\". To control the tooltip add the `role-alert` attribute.\r\n   */\r\n  @Prop()\r\n  roleAlert?: boolean;\r\n\r\n  /**\r\n   * Show alert as compact variant (without icon)\r\n   */\r\n  @Prop({ reflect: true })\r\n  compact?: boolean;\r\n\r\n  /**\r\n   * When `false` the close button in the alert will not be rendered.\r\n   */\r\n  @Prop()\r\n  closable = false;\r\n\r\n  /**\r\n   * Emitted when the user closes the Alert.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<AlertCloseEvent>;\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  render() {\r\n    const status = this.text(this.status);\r\n    if (!status) {\r\n      throw new Error(`Invalid status ${this.status}`);\r\n    }\r\n\r\n    return (\r\n      <div\r\n        class={clsx(\"alert\", `alert-${this.status}`, { \"dso-compact\": this.compact })}\r\n        role={this.roleAlert ? \"alert\" : undefined}\r\n      >\r\n        {!this.compact && <dso-icon class=\"icon-status\" icon={\"status-\" + this.status} />}\r\n        <span class=\"sr-only\">{status}:</span>\r\n        <slot></slot>\r\n\r\n        {this.closable && (\r\n          <button type=\"button\" class=\"dso-close\" onClick={(e) => this.dsoClose.emit({ originalEvent: e })}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">{this.text(\"close\")}</span>\r\n          </button>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/annotation-locatie.js

@@ -26,7 +26,7 @@ const AnnotationLocatie = /*@__PURE__*/ proxyCustomElement(class AnnotationLocat
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: '662684126533447bdee1394221937203261601be', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: 'fc08e2a53be97c74718fb33d5acd371186f3dcf7', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return this; }
     static get style() { return DsoAnnotationLocatieStyle0; }

package/dist/components/attachments-counter.js

@@ -11,7 +11,7 @@ const AttachmentsCounter = /*@__PURE__*/ proxyCustomElement(class AttachmentsCou
         this.__attachShadow();
     }
     render() {
-        return (h("span", { key: 'cd8239d516bd4ea96cdb3d6273d092e1441aa5bb', class: "dso-attachments" }, this.count, " ", h("span", { key: 'b050b4ad32bbab6403b7cff89fe7f2f5c1aa5786', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: '2ad49e0eb4a1f41bee68b5348a25ab1a5fce7b0e', icon: "paperclip" })));
+        return (h("span", { key: '7bc1608fbe166e44971fe220ab4d6d5ee80aa6cd', class: "dso-attachments" }, this.count, " ", h("span", { key: '6a1ad89f68cff3c54069c0631fe823149fd57f06', class: "sr-only" }, "bijlage", this.count !== 1 ? "n" : ""), h("dso-icon", { key: '8f45aec5a772805bace01ae3b79e25b52e18a815', icon: "paperclip" })));
     }
     static get style() { return DsoAttachmentsCounterStyle0; }
 }, [1, "dso-attachments-counter", {

package/dist/components/badge.js

@@ -11,7 +11,7 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
         this.__attachShadow();
     }
     render() {
-        return (h("span", { key: 'bc09970a78c6dd95bb114d9fdb0a5b112ef4f64a', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'ae55685d1706abc5a00556208a6f2173ea1c9fbc' })));
+        return (h("span", { key: 'ff267eb954bb8bb4a2aac75a8a71854bb707975c', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: '43595a69b2cf8e3e7d7b2c7cd8b95b7d472082dd' })));
     }
     static get style() { return DsoBadgeStyle0; }
 }, [1, "dso-badge", {

package/dist/components/document-component.js

@@ -159,7 +159,7 @@ const DocumentComponent = /*@__PURE__*/ proxyCustomElement(class DocumentCompone
             this.alternativeTitle ||
             this.bevatOntwerpInformatie ||
             this.annotated);
-        return (h(Host, { key: '050711aa3e5227ac9a468b4177cf2408a812c524', "not-collapsible": !collapsible }, showHeading && (h("div", { key: 'bd5484e50d030e424fb3ba4e2d5b86451b00e181', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '327b9a53addde2ff513a077b28c140b760c35d4b', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '1bc6de30e0517bbf6d671a34cc0e52281d53b8d0', class: "heading" }, h(Heading, { key: '26a645af827d41e0ce19d1c2b17a7f14e9be299c', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("button", { key: '477baa2478a912a7e62098ed402680221c607b4e', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, h("dso-icon", { key: '9a04f2c1dc70deb54d2f7977d7d41740c78df351', icon: this.open ? "chevron-down" : "chevron-right" }), h("span", { key: 'a594823723148ed63fb1774dc446296ae3efc4da', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), h("span", { key: '909c52529cc65621d7973a2e06f3501d8d8d4216', id: "heading-title" }, this.notApplicable && h("span", { key: 'd869da95a5e8d8d49bd7850c0ac4760cfad05801', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (h(Fragment, null, this.label && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && h("span", { key: '07d4c76b7e1329efb78c41560389b506165de833' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("button", { key: '941b9f8c4d29897ec2a39bf42904c5b326a475d9', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, h("dso-icon", { key: '46337a7625cb46d1161569722d76822c831a872b', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.showOntwerpBadge() && (h(Fragment, null, h("dso-badge", { key: 'ade951add661eefbd7d11c9de029e6b2e0394cba', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: '294d694a2f50878bbcac8b7b13476ce5cbdf78e3', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '18484e4344d0ff694dc67858eaff24ca0d27b0a8', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '8bf558ed5dd48df4d23f4957302e147c45651b95', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (h("button", { key: '05314fa8305396e460fe95688acb97f94f166a1e', type: "button", class: "dso-tertiary", "aria-controls": this.openAnnotation ? "annotations" : undefined, "aria-expanded": this.openAnnotation.toString(), onClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }, h("dso-icon", { key: '0a0f62fc38084a2d6c0c916350dba255ee353993', icon: "label" }), h("span", { key: '13ed74cf4e9ce6b812d1a21f1c4f937657eabcaf', class: "sr-only" }, "Kenmerken en kaartgegevens ", this.openAnnotation ? "verbergen" : "tonen")))))))), this.openAnnotation && (h("div", { key: '463130f23f107cc2347747bb39fdbbe8a890247b', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: 'f4d3b73f47d0918b276694de035bb722ec79c57f', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '00db47e61722b1b4917210987513edd18758e66a', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '48b7dc786ed04ec4246c8034ab8bc3d15859b943', name: "annotations" })))), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && this.mode === "document" && (h("div", { key: '729087f463134d47897dcf5246d949e8c8d73610', class: "content", part: "_content" }, this.gereserveerd && (h("dso-alert", { key: '80333fb2c38651ad98e7bc707c65a60fb4e2bd2d', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && h("dso-alert", { key: 'b06d8846e17d9c1b165bef0e38fb31018dddcae3', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (h("dso-ozon-content", { key: '01529975b3e2526a5540bf96cdf19fe2488fabc3', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), h("div", { key: 'cb741975adcc22246353c06878f1dc6d1b2a8f1b', class: "children-container", part: "_children-container" }, h("slot", { key: 'fc5cf019d82b45aa6ac5789bc228a639367f18c2' }))));
+        return (h(Host, { key: '06edcd20b9cbd024d594076d4764a67300c46854', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '482365672e089753817c10b93dc87e4310eda3f5', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '4dd70181882358f8791629bb1c80f41c3dc83324', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '33b14aecd300717320eb5289647e59773bd08115', class: "heading" }, h(Heading, { key: '79c6da4e1ecf5dee9d103facaceb81136e159e59', heading: this.heading, class: "heading-element", onClick: this.handleHeadingClick, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("button", { key: 'b435bc96d2ce72b9abe9ee138bb40307fb301fa2', type: "button", class: "toggle-button", "aria-describedby": "heading-title", "aria-expanded": this.open.toString() }, h("dso-icon", { key: 'e49873577ea0235b117d092d592367d1afd1abce', icon: this.open ? "chevron-down" : "chevron-right" }), h("span", { key: '2da4d21a0d2d1b3b90b3405fb669ab2fe8d6aa20', class: "sr-only" }, this.open ? "Invouwen" : "Uitvouwen"))), h("span", { key: '7f3570577882679cd827d56580cc38d9e1f1376e', id: "heading-title" }, this.notApplicable && h("span", { key: '8e30c98b203e2ce1abb7da8c9d3922f5d34d5b33', class: "sr-only" }, "Niet van toepassing:"), this.label || this.nummer || this.opschrift ? (h(Fragment, null, this.label && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.label, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "label"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "label" })), inline: true }))), this.nummer && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.nummer, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "nummer"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "nummer" })), inline: true }))), this.opschrift && (h(Fragment, null, " ", h("dso-ozon-content", { content: this.opschrift, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "opschrift"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "opschrift" })), inline: true }))))) : (this.alternativeTitle), suffix && h("span", { key: '455ea751aae0cf924d82a5ffa3c7920d2533e788' }, " - [", suffix, "]"))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("button", { key: '0817e67b4def06e241247a072b61f789f754eee6', type: "button", class: "recursive-toggle", title: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", onClick: this.handleRecursiveToggleClick }, h("dso-icon", { key: '31ee6b490b24c41619da2a1731d9acb89fb36793', icon: this.recursiveToggle === true ? "eye" : "eye-slash" }))), this.showOntwerpBadge() && (h(Fragment, null, h("dso-badge", { key: 'efbb9364ad02198c4a60e6c551f0e05d81117ebf', status: "warning", "aria-describedby": "nested-draft-description" }, "!"), h("dso-tooltip", { key: 'd932d04c77c4841daee7102bb7513d084fb33bb9', id: "nested-draft-description" }, "Er is een ontwerp beschikbaar."))), (this.bevatOntwerpInformatie || this.annotated) && (h("div", { key: '4a5fd6480eb4f9d0613a41a724547fabb8a72a8e', class: "addons" }, this.bevatOntwerpInformatie && (h("dso-label", { key: '9dae663a474f460034abcd6d30da993f04125b0d', status: "warning", compact: true }, "Ontwerp")), this.annotated && this.mode === "document" && (h("button", { key: '897adfe2f9c484bec32a61f5c9c8905f4094b565', type: "button", class: "dso-tertiary", "aria-controls": this.openAnnotation ? "annotations" : undefined, "aria-expanded": this.openAnnotation.toString(), onClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }) }, h("dso-icon", { key: '942b908f1b9614ee289e1f1613130f112618e0cc', icon: "label" }), h("span", { key: '5d8d59fe1e08d765540a05d41c8023c6d1ace5dc', class: "sr-only" }, "Kenmerken en kaartgegevens ", this.openAnnotation ? "verbergen" : "tonen")))))))), this.openAnnotation && (h("div", { key: '0fa9b1a9160728a35642b555c54d94eded15d7fc', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '6ca95198bf096fdd2a3c0666655ba11552edee0a', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '6cd3ac2ac83ede5e8f5d793a821f110f3432681a', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: 'e943ac5996fd9c65e65be653b1fdabc534023d7f', name: "annotations" })))), this.open && (this.inhoud || this.gereserveerd || this.vervallen) && this.mode === "document" && (h("div", { key: '45871b3cd58bbd4bfae9f07d8753914a403508e7', class: "content", part: "_content" }, this.gereserveerd && (h("dso-alert", { key: 'b7e1973655717a83b8dbddd9d120bd269e6902a2', status: "info" }, "Dit onderdeel is gereserveerd voor toekomstige toevoeging.")), this.vervallen && h("dso-alert", { key: 'e279a9968aa2cb24dbf7d888c8553f22778532d4', status: "info" }, "Dit onderdeel is vervallen."), this.inhoud && (h("dso-ozon-content", { key: '1d84e7e7982f474ab53d285a8e5137b70c7a28e2', content: this.inhoud, onDsoAnchorClick: this.handleOzonContentAnchorClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })) })))), h("div", { key: '893212f920f3b12a884412046e21e75b00f44e87', class: "children-container", part: "_children-container" }, h("slot", { key: 'f2d92b2da3c53495c4078019165a2190de0de65f' }))));
     }
     static get style() { return DsoDocumentComponentStyle0; }
 }, [1, "dso-document-component", {

package/dist/components/dropdown-menu.js

@@ -228,7 +228,7 @@ const DropdownMenu = /*@__PURE__*/ proxyCustomElement(class DropdownMenu extends
         (_a = tabbables[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: 'ebc0df48bddf5e5af45882ab477933600f51bc8d', onFocusout: this.focusOutListener }, h("slot", { key: 'f301473bc073577fb97836bb23d4cb2da3f3f513', name: "toggle" }), h("div", { key: 'd19647c158cd6c41a40760c27399e071d2e15df3', hidden: !this.open }, h("slot", { key: 'f82e6a4557fd6db74c47ad22c1742d8e0a1033e3' }))));
+        return (h(Host, { key: 'caf1ae65f5213a8cd192d2928be4921f88b45ecc', onFocusout: this.focusOutListener }, h("slot", { key: '3eb17efdb9f606826d9f65c2139d881f63f76da6', name: "toggle" }), h("div", { key: '0882545debb43c8029dfb4110cacbe5b5dfc124e', hidden: !this.open }, h("slot", { key: '8d4ac840b601b6b6ed7f4b961bb2ab89ef21415c' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/dso-annotation-activiteit.js

@@ -26,7 +26,7 @@ const AnnotationActiviteit = /*@__PURE__*/ proxyCustomElement(class AnnotationAc
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: 'f58785b25b3c7092ef2fae4201949bd9b12b6fb5', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h("dso-renvooi", { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h("dso-renvooi", { value: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: 'afe2613ad46948be1043902330c9b18530aeecfc', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h("dso-renvooi", { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h("dso-renvooi", { value: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return this; }
     static get style() { return DsoAnnotationActiviteitStyle0; }

package/dist/components/dso-annotation-gebiedsaanwijzing.js

@@ -26,7 +26,7 @@ const AnnotationGebiedsaanwijzing = /*@__PURE__*/ proxyCustomElement(class Annot
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: 'c35c99144dfef7539a488b35cad62b761dd32a9b', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: 'f5614d8f23b882d4f4d40c93f339cfb683bbe182', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return this; }
     static get style() { return DsoAnnotationGebiedsaanwijzingStyle0; }

package/dist/components/dso-annotation-kaart.js

@@ -27,7 +27,7 @@ const AnnotationKaart = /*@__PURE__*/ proxyCustomElement(class AnnotationKaart e
     }
     render() {
         const title = this.href ? (h("a", { class: "content", href: this.href, onClick: this.clickHandler }, h("dso-renvooi", { value: this.naam }))) : (h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })));
-        return h(AnnotationBody, { key: '13790a8ac017fe49686a883e7c847480635d086d', symbol: h("dso-icon", { icon: "land" }), title: title });
+        return h(AnnotationBody, { key: '0d395cbe8c089bc2c247d170d11b923c78fd44ba', symbol: h("dso-icon", { icon: "land" }), title: title });
     }
     static get style() { return DsoAnnotationKaartStyle0; }
 }, [1, "dso-annotation-kaart", {

package/dist/components/dso-annotation-omgevingsnormwaarde.js

@@ -26,7 +26,7 @@ const AnnotationOmgevingsnormwaarde = /*@__PURE__*/ proxyCustomElement(class Ann
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: '2d4318a21184d030b7dfc2eba5d08d68d6201828', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("dso-renvooi", { value: this.naam }), this.eenheid && (h(Fragment, null, " ", "(in ", h("dso-renvooi", { value: this.eenheid }), ")"))), data: h(Fragment, null, h("span", { class: "content" }, this.toelichting && h(Fragment, null, this.toelichting), this.waardes && this.waardes.length > 0 && (h(Fragment, null, ": ", h("dso-renvooi", { value: this.waardes })))), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: '5e2947e6f85b9c02cdf87099f59a304224e96b81', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("dso-renvooi", { value: this.naam }), this.eenheid && (h(Fragment, null, " ", "(in ", h("dso-renvooi", { value: this.eenheid }), ")"))), data: h(Fragment, null, h("span", { class: "content" }, this.toelichting && h(Fragment, null, this.toelichting), this.waardes && this.waardes.length > 0 && (h(Fragment, null, ": ", h("dso-renvooi", { value: this.waardes })))), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     get host() { return this; }
     static get style() { return DsoAnnotationOmgevingsnormwaardeStyle0; }

package/dist/components/dso-autosuggest.js

@@ -378,7 +378,7 @@ const Autosuggest = /*@__PURE__*/ proxyCustomElement(class Autosuggest extends H
         else if (this.input) {
             this.input.removeAttribute("aria-controls");
         }
-        return (h(Fragment, null, h("slot", { key: 'c6bb1bb654d26bb02ecebef16115ac8e702f5ad9' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element), style: { "--max-block-size": `${this.listboxContainerMaxBlockSize}px` } }, h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), tabindex: "0" }, (this.showSuggestions &&
+        return (h(Fragment, null, h("slot", { key: '2ed8694b6cfa86863f0e22b6a7cfa1a1144e673f' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element), style: { "--max-block-size": `${this.listboxContainerMaxBlockSize}px` } }, h("ul", { role: "listbox", "aria-live": "polite", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element), tabindex: "0" }, (this.showSuggestions &&
             this.suggestions &&
             this.suggestions.map((suggestion) => (h("li", { role: "option", id: this.listboxItemId(suggestion), key: suggestion.value, onMouseEnter: () => this.selectSuggestion(suggestion), onMouseLeave: () => this.resetSelectedSuggestion(), onClick: () => this.pickSelectedValue(), "aria-selected": (suggestion === this.selectedSuggestion).toString(), "aria-label": suggestion.value, ref: (li) => li && this.listboxItems.push(li) }, h("div", { class: "suggestion-row" }, h("span", { class: "value" }, this.handleMark(suggestion, suggestion.value, "value")), suggestion.type ? (h("span", { class: "type" }, this.handleMark(suggestion, suggestion.type, "type"))) : undefined), suggestion.extras &&
                 this.getChunkedExtras(suggestion.extras).map((chunk, index) => (h("div", { class: "suggestion-row" }, chunk.map((c, i) => (h("span", { class: "extra" }, this.handleMark(suggestion, c, "extra", index * 2 + i))))))))))) ||

package/dist/components/dso-banner.js

@@ -21,9 +21,9 @@ const Banner = /*@__PURE__*/ proxyCustomElement(class Banner extends HTMLElement
         this.noIcon = true;
     }
     render() {
-        return (h("section", { key: 'a5cb823753eda49087b357498f5b92e3a042d46d', class: clsx("dso-banner", `alert-${this.status}`, {
+        return (h("section", { key: 'e602ccf0a4698947a33eb970f810d97c4ff91115', class: clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, h("slot", { key: '9c76ee38f37a2f5d1c246d21bcfb40f801882de4' })));
+            }), role: "alert" }, h("slot", { key: '793bd790405237b555e40717f074d2a8aae6d668' })));
     }
     static get style() { return DsoBannerStyle0; }
 }, [1, "dso-banner", {

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

@@ -14,7 +14,7 @@ const CardContainer = /*@__PURE__*/ proxyCustomElement(class CardContainer exten
         this.mode = "list";
     }
     render() {
-        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '32d6c14a02ed4aa3a12a4a987b099ba7f786ab26', class: "dso-card-list" }, h("slot", { key: 'f9e8072d7f3dffbcf4e47b19bccc50377dfc8b90' }))), this.mode === "grid" && (h("div", { key: 'b0f534dc19d2c781eab8b13a01d222ee263a53e8', class: "dso-card-grid" }, h("slot", { key: '347c56580c98cd25a2241f7fc7ed36f868005378' })))));
+        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: 'bf7634d7b41380064060cde31c7971dcdde44382', class: "dso-card-list" }, h("slot", { key: 'c575533d409ea152c434b449e98e5f27fd6790b4' }))), this.mode === "grid" && (h("div", { key: 'ada71af5db7d9dc2ba564b521b60fa36e6e37303', class: "dso-card-grid" }, h("slot", { key: '8c1083ff2f2699bbf2652199e3a40b3690c7ab45' })))));
     }
     static get style() { return DsoCardContainerStyle0; }
 }, [1, "dso-card-container", {

package/dist/components/dso-card.js

@@ -35,8 +35,8 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends HTMLElement {
     }
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: '10c83534a51247b21f0cd43788b5401bb3b7cfe4', "is-selectable": isSelectable }, h("div", { key: '1777c1843f484ca91631c8a177af1e596515313d', class: "dso-card-container" }, h("div", { key: 'da813c4a48eceb0a2032717c92f06b710241ed70', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '5c9332821517bd1a472b2ecd1ab2614adee16927', name: "selectable" })), h("div", { key: '701a3a2dc0d013bfa1f50eddcb4cf8759c7f4241', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '760d6e6a0ab5acc994ed46a50a792db3c6647b6a', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'd7c1eb29fc027e72c33efc97aa43d82d8a852b64', name: "heading" }), h("dso-icon", { key: '47bb43f25b70e3389f0f021cfd184d21b5ce4c25', icon: "external-link" }), h("span", { key: '7ca3f4c4974342f115a608729e2df6bcf24a88df', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { key: '4ae333ab348d7d8c3a4bf1dae8ac9dd923a226e0', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '0d6308ffb5d5151865ca5080834d68742cc4e90a', name: "heading" }), h("dso-icon", { key: '51317cdfc3378774e61950e9e344df659727d003', icon: "download" })))) || (h("a", { key: 'cbf7cfe050923e32a0b4322cf73a98450defa97f', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '99a1e24503833f13756b0d6e8433d314865f1fe8', name: "heading" }), h("dso-icon", { key: '5425cb2e9285b8252de9ee13dd08b51e834d89d3', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: 'ce04ab4923fd97fbbea799d4937d0a2f73c781a3', name: "interactions" })), h("div", { key: '232a855da9fead8f448bbea8729231688387f4a7', class: "dso-card-content" }, h("slot", { key: '73fd2ccecbd49456b44c42c737f4aa75922910eb', name: "content" })))));
+        return (h(Host, { key: 'ae559eef542b45634fe3e60859befae34b6758f3', "is-selectable": isSelectable }, h("div", { key: 'dbdcd6202dd90afe6163746980568b1da93a1f6b', class: "dso-card-container" }, h("div", { key: 'a2d327a172087119f00e7ad915c376510c812301', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: 'e8362179580065599e3289f415b7713ce5fa314b', name: "selectable" })), h("div", { key: 'ef113d547acb93eb7ddb7d764d6068e0f6961e6c', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: 'c96225236d6860f3a49bec5699ff8dc1b38b28d6', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'a47b5fb10f0439e2c13f522ff8a14d62dabe8989', name: "heading" }), h("dso-icon", { key: '51186c704c9075ebc38a4dd0e3074d0ddf9f2d56', icon: "external-link" }), h("span", { key: '1273130ce694c0a4ae4247420ba07e69d00fa643', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
+            (this.mode === "download" && (h("a", { key: '8b210a4f08569ec47fe39922d7cd9a5e7eacfe51', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '530f82e059ab739fb981cfa5ab71924ad2c0ccc6', name: "heading" }), h("dso-icon", { key: 'ce5c62061feeda349651c41cdb548b6e4acb941c', icon: "download" })))) || (h("a", { key: 'cd96767ed626d0a2b96fa866d7676c080f8285e1', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'e044d0aff126c3c20827fa1a096b9452266e223f', name: "heading" }), h("dso-icon", { key: '4ea9e29a4b91016bed380b01f2811abc2102a4bb', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '5eb35ed45a897e399a924cd3fa1fd0f73fe08077', name: "interactions" })), h("div", { key: 'b316000aed0849ed15352958be227bc65efe6f48', class: "dso-card-content" }, h("slot", { key: '8c8c02740df6f4a19f4375f61a2dc8a706a74162', name: "content" })))));
     }
     get host() { return this; }
     static get style() { return DsoCardStyle0; }

package/dist/components/dso-date-picker-legacy.js

@@ -715,14 +715,14 @@ const DsoDatePickerLegacy$1 = /*@__PURE__*/ proxyCustomElement(class DsoDatePick
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (h(Host, { key: '21048228f8ece85acafa575b65effd49c8eb06fd' }, h("div", { key: '2e8c37e0bd890e5426e18b34c293d59e0dc28fd9', class: { "dso-date": true, "dso-visible": this.visible } }, h("div", { key: '4b5498556f0ecb2959301c6274fa1ba8beeb56ba', class: "dso-date__input-wrapper" }, h("input", { key: 'e4a9c11617188151109278dca34392a7a6fd7acf', class: "dso-date__input", value: this.value, placeholder: this.localization.placeholder, id: this.identifier, disabled: this.disabled, role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, required: this.required ? true : undefined, "aria-autocomplete": "none", "aria-invalid": (_b = this.invalid) === null || _b === void 0 ? void 0 : _b.toString(), "aria-describedby": this.describedBy, onInput: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, autoComplete: "off", ref: (element) => (this.datePickerLegacyInput = element) }), h("button", { key: '59d003f5d3e0692fa692f10d2a6ea74c9d03bc73', type: "button", class: "dso-date__toggle", onClick: this.toggleOpen, disabled: this.disabled, ref: (element) => (this.datePickerLegacyButton = element) }, h("span", { key: '35499b0c092f6b64507ef47a8d453e3a9dcab0df', class: "dso-date__toggle-icon" }, h("dso-icon", { key: 'd479c33bec38d9c79aad1dbf135a8656da2bf54d', icon: "calendar" })), h("span", { key: '5868bdd17a5c2f5bfc05c7a662dd19be605f90a2', class: "dso-date__vhidden" }, this.localization.buttonLabel, formattedDate && (h("span", { key: '987d9d6cbad6763ecf3e8c3b1dc6cd7d60a372c0' }, ", ", this.localization.selectedDateMessage, " ", formattedDate))))), h("div", { key: 'bc69058909195de2555bda78e5849d4377e552b8', class: {
+        return (h(Host, { key: 'dbff80962fbcf53e172ecb16a5c1fc590ee10f9e' }, h("div", { key: 'fc473ab4394f82381f59dc20618e13666c7ebff3', class: { "dso-date": true, "dso-visible": this.visible } }, h("div", { key: '9177311d07f6edd7ae15671ddb2948c5b006fcda', class: "dso-date__input-wrapper" }, h("input", { key: '0ece934024a2d46ef451300ae68f4a00747cd7ab', class: "dso-date__input", value: this.value, placeholder: this.localization.placeholder, id: this.identifier, disabled: this.disabled, role: (_a = this.role) !== null && _a !== void 0 ? _a : undefined, required: this.required ? true : undefined, "aria-autocomplete": "none", "aria-invalid": (_b = this.invalid) === null || _b === void 0 ? void 0 : _b.toString(), "aria-describedby": this.describedBy, onInput: this.handleInputChange, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, autoComplete: "off", ref: (element) => (this.datePickerLegacyInput = element) }), h("button", { key: '1438410646c1b4629249715b2914cb1b3a684ecc', type: "button", class: "dso-date__toggle", onClick: this.toggleOpen, disabled: this.disabled, ref: (element) => (this.datePickerLegacyButton = element) }, h("span", { key: 'ca51e1bb2afd30cdd51dca12f4fe2b0805669195', class: "dso-date__toggle-icon" }, h("dso-icon", { key: '77052c690e40173df63af10b4c053a7c63728a76', icon: "calendar" })), h("span", { key: 'c2c9d9471c025c78c68eacad4f36cb51ab3af8cf', class: "dso-date__vhidden" }, this.localization.buttonLabel, formattedDate && (h("span", { key: 'fbed504c7781943494dd29c1273506b85eaac748' }, ", ", this.localization.selectedDateMessage, " ", formattedDate))))), h("div", { key: '92eab019bb2f737a01ca2da34828d7ae159aa896', class: {
                 "dso-date__dialog": true,
                 "is-left": this.direction === "left",
                 "is-active": this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("div", { key: '710d763d3b6fe8df45baddcfe3fa64b7f618f20b', class: "dso-date__dialog-content", onKeyDown: this.handleEscKey }, h("div", { key: 'f5825ef31295efa446836948e0af0fcc4ee36ab8', class: "dso-date__vhidden dso-date__instructions", "aria-live": "polite" }, this.localization.keyboardInstruction), h("div", { key: '83fb9c2a5a7121ddafec462c54d06b0ca4e7721b', class: "dso-date__mobile", onFocusin: this.disableActiveFocus }, h("label", { key: 'bfbbd91d21a62d54d04b231f49d2ec125b011bb8', class: "dso-date__mobile-heading" }, this.localization.calendarHeading), h("button", { key: 'a7a8dd097438f089517dedd43b7aea18dced74cd', class: "dso-date__close", ref: (element) => (this.firstFocusableElement = element), onKeyDown: this.handleFirstFocusableKeydown, onClick: () => this.hide(), type: "button" }, h("dso-icon", { key: 'a68b9956250b7884f4138d7b8e9ff9fac1ad8824', icon: "times" }), h("span", { key: '76f352ec95530ae49a75e81093d57f5ec6c0fa3b', class: "dso-date__vhidden" }, this.localization.closeLabel))), h("div", { key: '3406397370206832afd1dc7036ea25b930f72efa', class: "dso-date__header", onFocusin: this.disableActiveFocus }, h("div", { key: '2bd8c6328596ce2587452fc2dc3715b05c754d28' }, h("h2", { key: '8b9c739b4535ad8e0ce8403e615fa587e6d8aadb', id: this.dialogLabelId, class: "dso-date__vhidden", "aria-live": "polite" }, this.localization.monthNames[focusedMonth], " ", this.focusedDay.getFullYear()), h("label", { key: 'ce7cefb6892d05290f5524d02901cc1e8812b40b', htmlFor: this.monthSelectId, class: "dso-date__vhidden" }, this.localization.monthSelectLabel), h("div", { key: '28c13137c007701fbe0a3231eab38c9fb7d33e44', class: "dso-date__select" }, h("select", { key: 'b6d9ec18b2951b69b07315222bd943fa81ca7790', id: this.monthSelectId, class: "dso-date__select--month", ref: (element) => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("div", { key: 'ace692348e0a214707f3c29e3249f9021c68cc93', class: "dso-date__dialog-content", onKeyDown: this.handleEscKey }, h("div", { key: '263fbad51c855936b9d8a952257f7ab3a8f21077', class: "dso-date__vhidden dso-date__instructions", "aria-live": "polite" }, this.localization.keyboardInstruction), h("div", { key: '62718328450bcbe0b174d6770b251dfd4750c661', class: "dso-date__mobile", onFocusin: this.disableActiveFocus }, h("label", { key: 'fa35628b5c5be08b38fc7773c463993bd1b8ca41', class: "dso-date__mobile-heading" }, this.localization.calendarHeading), h("button", { key: '01eaa0ae57b2bd59a0cbf3b92f0db867ee6bf71c', class: "dso-date__close", ref: (element) => (this.firstFocusableElement = element), onKeyDown: this.handleFirstFocusableKeydown, onClick: () => this.hide(), type: "button" }, h("dso-icon", { key: 'ea41b086cfd2d68c562233630dc85e893db3e923', icon: "times" }), h("span", { key: '35e78553c5075a878761685fa18d307f24d1a6c9', class: "dso-date__vhidden" }, this.localization.closeLabel))), h("div", { key: 'affb385e33dd6befb239780b629d0652e6150c34', class: "dso-date__header", onFocusin: this.disableActiveFocus }, h("div", { key: '3c2df62772391537ad93297e0da77aefcfab0c03' }, h("h2", { key: '3e08c1803d05c3d5fd85802426347705f1e36380', id: this.dialogLabelId, class: "dso-date__vhidden", "aria-live": "polite" }, this.localization.monthNames[focusedMonth], " ", this.focusedDay.getFullYear()), h("label", { key: '2f0fe33fd34113b0575c934f9db19b270aa4ffab', htmlFor: this.monthSelectId, class: "dso-date__vhidden" }, this.localization.monthSelectLabel), h("div", { key: 'f82717940e66399d7387aef565d254e007d99089', class: "dso-date__select" }, h("select", { key: '3e48aea34fa212bd4f09523a59c2cf7a4e6081c0', id: this.monthSelectId, class: "dso-date__select--month", ref: (element) => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {
             const index = this.localization.monthNames.indexOf(month);
             return (h("option", { key: month, value: index, selected: index === focusedMonth }, month));
-        })), h("div", { key: 'b90d2b48cfe943b91bfae7f6e0002c59e28c471b', class: "dso-date__select-label", "aria-hidden": "true" }, h("span", { key: 'e5b72a3f93ed11b68ea21a84d302072956c78d67' }, this.localization.monthNamesShort[focusedMonth]), h("dso-icon", { key: '80be2680bd6f72d1c501ddbbacf6b9f4b15d9488', icon: "chevron-down" }))), h("label", { key: 'cd80f19fa89fb2f8715e28d6480d2fc9047d1296', htmlFor: this.yearSelectId, class: "dso-date__vhidden" }, this.localization.yearSelectLabel), h("div", { key: 'a50afb24985b062fb92a649d7bc42b3d87598dd2', class: "dso-date__select" }, h("select", { key: '90902c118e070b881d157e9f6c62352086da0c7a', id: this.yearSelectId, class: "dso-date__select--year", onChange: this.handleYearSelect }, range(minYear, maxYear).map((year) => (h("option", { key: year, selected: year === focusedYear }, year)))), h("div", { key: '4f2eb767b984cfe734d8cadd9398af6cc36487d8', class: "dso-date__select-label", "aria-hidden": "true" }, h("span", { key: 'c6942320ed7fb30b89b397de2db6d45edb49812f' }, this.focusedDay.getFullYear()), h("dso-icon", { key: '47f33877c1bf98dffac4786a93fa04904354e52c', icon: "chevron-down" })))), h("div", { key: 'c4755a4ad89a3be55666ed5d107c93f314774241', class: "dso-date__nav" }, h("button", { key: '64ae003276cf0086c824f0b108ad076eeb6a090e', class: "dso-date__prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, type: "button" }, h("dso-icon", { key: '24bb4171871179fb898b40f5b30d7188d4365cce', icon: "chevron-left" }), h("span", { key: '1f25eee813d9732235b382e513d851e1e47a5b1b', class: "dso-date__vhidden" }, this.localization.prevMonthLabel)), h("button", { key: 'a1f01fd959e030d8c6bff6f0c7d47aa5ccae9fe3', class: "dso-date__next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, type: "button" }, h("dso-icon", { key: '03b4b21054ed24422283cde0ea3de83a547c3537', icon: "chevron-right" }), h("span", { key: 'd9706fd79cb7fd362a9853d6f9ba0556095fa3de', class: "dso-date__vhidden" }, this.localization.nextMonthLabel)))), h(DatePickerLegacyMonth, { key: '710479d8e9823855ad515bf3b0d2cb6f8a0cc914', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: minDate, max: maxDate }))))));
+        })), h("div", { key: '6610d72573b2034919ac06b150b28fe71675523f', class: "dso-date__select-label", "aria-hidden": "true" }, h("span", { key: 'd9c715eb6d487fb74b6fa2cf10eaeccb1934f874' }, this.localization.monthNamesShort[focusedMonth]), h("dso-icon", { key: '38999f203ada3723a6489698afc1d64918558b47', icon: "chevron-down" }))), h("label", { key: '8f2b45ddf6a74e4e5e25c655a6ff874ef5bccb15', htmlFor: this.yearSelectId, class: "dso-date__vhidden" }, this.localization.yearSelectLabel), h("div", { key: '960cc822d81754db8d771100e081aefd3cb26f42', class: "dso-date__select" }, h("select", { key: '71e3c4db15a6c144a9c5f9362c66044c95d79080', id: this.yearSelectId, class: "dso-date__select--year", onChange: this.handleYearSelect }, range(minYear, maxYear).map((year) => (h("option", { key: year, selected: year === focusedYear }, year)))), h("div", { key: 'b32fc0fccaccdc69a7598fe12557192571bab6df', class: "dso-date__select-label", "aria-hidden": "true" }, h("span", { key: 'd611b1a260e7a05c63e8738801b1d0c30bef9c54' }, this.focusedDay.getFullYear()), h("dso-icon", { key: '0e0efb2816f3bbf02bc797b9251a3055c59bfc98', icon: "chevron-down" })))), h("div", { key: '830953e91f5a02c32859a5563898fd4ff15d1ee1', class: "dso-date__nav" }, h("button", { key: '485e09c768b3f32c97308bf7e2a49e21ad4be43f', class: "dso-date__prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, type: "button" }, h("dso-icon", { key: '7a1b9ecc90f5045d4e115e48357d9c4db88d3b31', icon: "chevron-left" }), h("span", { key: '994605650a68db3e13e336228c1483f822cc36d1', class: "dso-date__vhidden" }, this.localization.prevMonthLabel)), h("button", { key: '5b20176af21e7d2aef98ff8c6ee3271eab227c74', class: "dso-date__next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, type: "button" }, h("dso-icon", { key: 'f8e371518b59d7c0a607c41f784f7d38732025e9', icon: "chevron-right" }), h("span", { key: '02edf66bbca97cac53c55bdbd72730c129b512e2', class: "dso-date__vhidden" }, this.localization.nextMonthLabel)))), h(DatePickerLegacyMonth, { key: '8e8e7845317318eb372bb5fc08536b452ddc2422', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, localization: this.localization, firstDayOfWeek: this.firstDayOfWeek, focusedDayRef: this.processFocusedDayNode, min: minDate, max: maxDate }))))));
     }
     get element() { return this; }
     static get style() { return DsoDatePickerLegacyStyle0; }

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

@@ -149,7 +149,7 @@ const DsoDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class DsoDatePicker ext
     }
     render() {
         var _a;
-        return (h("input", { key: '396b62306362c143d28c80cae648f11b59886c22', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
+        return (h("input", { key: '383a80a337db8578d6b858ee01031b34a1a407ce', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
     }
     get element() { return this; }
     static get style() { return DsoDatePickerStyle0; }

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

@@ -31,7 +31,7 @@ const DocumentCard = /*@__PURE__*/ proxyCustomElement(class DocumentCard extends
         return this.host.querySelector("[slot='meta']");
     }
     render() {
-        return (h("div", { key: 'da5f35bfb4340de8123393e31d955f5e232ac1da', class: "dso-document-card-container" }, h("div", { key: 'ebb1766cc91cddff11952de180ae5c4f5e974300', class: "dso-document-card-heading" }, h("a", { key: '44c19ab92d9adce26bf92b71cc763e7f1b55df9a', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'd528a084a56638ec201e4494559cc5c414a22fc6', name: "heading" }), h("dso-icon", { key: 'ec5fce61c68a57ca116f8e7a836fc7cdf2fed653', icon: "chevron-right" })), this.metaSlottedElement !== null && h("slot", { key: 'ed4e4d9029de18af9cfcb34e4bb3da413b38dd84', name: "meta" })), h("div", { key: '0850812c5838eec5dcae5dbe0615a15984e3cefb', class: "dso-document-card-type" }, h("slot", { key: 'e6ad51fac2e3f166dbbd51dee7931cc1b4d74c4f', name: "type" })), h("div", { key: '1c77dc25e082ad3e82299ff991793d92713a0574', class: "dso-document-card-status" }, h("slot", { key: 'ee43d829ce2ac1457cedba9f0c4c0dbaeece098c', name: "status" }))));
+        return (h("div", { key: '78cf18921aeb132bad2b132898e1ee1bef891419', class: "dso-document-card-container" }, h("div", { key: '5043d441e5392c27fb2cefe10a93a0dcd80bea34', class: "dso-document-card-heading" }, h("a", { key: 'fdfc22b565beefdfc823757e79ca544732184689', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '6bda6acbae5b837c69b1257582c5cc00cc9cd70e', name: "heading" }), h("dso-icon", { key: '06ad26aabd164d9b396e8881e402a1dddb7e9170', icon: "chevron-right" })), this.metaSlottedElement !== null && h("slot", { key: '230e5d40f3e9d8a43c215adfabe7a5db86bcbcb8', name: "meta" })), h("div", { key: '29fc7954ad95f27bc997bd2030819e93b2653e3f', class: "dso-document-card-type" }, h("slot", { key: '8814202fe4397298db250712308dca8dbfbebd71', name: "type" })), h("div", { key: '00aa9f3ab7730b44d37c6337951462a27eb60f83', class: "dso-document-card-status" }, h("slot", { key: '838fcf1bc32e8166dd3d5be2119a8d976820a43a', name: "status" }))));
     }
     get host() { return this; }
     static get style() { return DsoDocumentCardStyle0; }

package/dist/components/dso-helpcenter-panel.js

@@ -87,10 +87,10 @@ const HelpcenterPanel = /*@__PURE__*/ proxyCustomElement(class HelpcenterPanel e
         }
     }
     render() {
-        return (h(Fragment, null, h("button", { key: 'e1d37d4e3ebaf06b7a9c2d0aaed9298502d9754e', type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-haspopup": "dialog", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.openButtonElement = element) }, h("dso-icon", { key: 'ba6afadc90c7f5f141416ce5d9930705e11e1e6d', icon: "help" }), h("span", { key: 'a7ac2634e19c2399d930cf65d71b922de37764b9' }, this.label)), h("div", { key: '752eef938f8b873229c972aa7cf2c384abb44527', id: "dso-panel-wrapper", class: `wrapper ${this.visibility}`, "aria-label": "helpcentrum", role: "dialog", ref: (element) => (this.panelWrapperElement = element) }, h("div", { key: '303a49bd479cf7df430fcbb109bcd71bacbb4997', class: "dimscreen", onClick: this.closeClick }), h("div", { key: '888e1c17800a263743d485ceae498019cb48e5d6', class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? (h("iframe", { src: this.iframeUrl, tabindex: "0", onLoad: () => {
+        return (h(Fragment, null, h("button", { key: 'b5f8533a2572c7efc255d4d612a2a27343a91be9', type: "button", onClick: this.openClick, class: `open-button ${this.isOpen}`, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-haspopup": "dialog", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.openButtonElement = element) }, h("dso-icon", { key: 'd17d6e98ea289542eff68c89de547f69d71f7cb2', icon: "help" }), h("span", { key: 'a2071796a2aca97a5fcbe03dd3aef6dc70df0824' }, this.label)), h("div", { key: 'c835af3f9cc5f3963d7a5c8625f70343490f85c7', id: "dso-panel-wrapper", class: `wrapper ${this.visibility}`, "aria-label": "helpcentrum", role: "dialog", ref: (element) => (this.panelWrapperElement = element) }, h("div", { key: '41be7b955f1c6496d82907bc979627899810b703', class: "dimscreen", onClick: this.closeClick }), h("div", { key: '876215691a2fcc81506a43de60a1ad1cd7ccb0f2', class: `iframe-container ${this.slideState}`, "aria-live": "polite" }, this.loadIframe ? (h("iframe", { src: this.iframeUrl, tabindex: "0", onLoad: () => {
                 this.createTrap();
                 this.iframeLoaded = true;
-            } })) : (h("div", null))), h("button", { key: '845463ff6598b4465b5dfd70f2df1c58a2fcf9bf', type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.closeButtonElement = element) }, h("dso-icon", { key: '4275abd1d65644a8ec6e8dff7d8d8a7faaa708e5', icon: "times" }), h("span", { key: '2b3d764a46b5a4a02862b9f1523bd9b055879581', class: "sr-only" }, "sluiten")))));
+            } })) : (h("div", null))), h("button", { key: '48c27af1f624c19ab77b49c334d79cc0678c6f51', type: "button", class: `close-button ${this.isOpen}`, onClick: this.closeClick, "aria-expanded": this.isOpen === "open" ? "true" : "false", "aria-controls": "dso-panel-wrapper", ref: (element) => (this.closeButtonElement = element) }, h("dso-icon", { key: '729cfe3cd11a39f114476e99d0ef0c7c556f2084', icon: "times" }), h("span", { key: '86561334d6cdebe257f51b75cd5bd64473d99680', class: "sr-only" }, "sluiten")))));
     }
     static get watchers() { return {
         "url": ["watchUrl"],

package/dist/components/dso-highlight-box.js

@@ -12,7 +12,7 @@ const HighlightBox = /*@__PURE__*/ proxyCustomElement(class HighlightBox extends
     render() {
         var _a;
         const hasCounter = this.step || !!this.element.querySelector("[slot=icon]");
-        return (h(Host, { key: '25d12143159d00c5e9b4e63f29fac2574add29c4', "has-counter": hasCounter }, hasCounter && h("div", { key: '22f247b99977aee14d66ee8b9bf90da3438fcf18', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { key: '2d08d1ea5381f056d3bf24d483ec1c0d223df4b8', name: "icon" })), h("slot", { key: '6a9a6a522dd16cb01471eeab3ebe156f82e57686' })));
+        return (h(Host, { key: '17d04a7fe164e8a8a941b9a462be8dd6a25d1113', "has-counter": hasCounter }, hasCounter && h("div", { key: 'a7583dd1d70daa05120f1b03f946e9e9d761f8ac', class: "dso-step-counter" }, (_a = this.step) !== null && _a !== void 0 ? _a : h("slot", { key: '36034a32c83c60bc42eed0fa9f8052fc6e8528ff', name: "icon" })), h("slot", { key: '13d6b6b268194b07042bdae7c7b3d84b6d723b49' })));
     }
     get element() { return this; }
     static get style() { return DsoHighlightBoxStyle0; }

package/dist/components/dso-input-range.js

@@ -18,13 +18,13 @@ const InputRange = /*@__PURE__*/ proxyCustomElement(class InputRange extends HTM
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (h(Fragment, null, this.description && (h("span", { key: 'bafd8f561096b1c122444e422218bae57805bc4a', id: "description", hidden: true }, this.description)), h("span", { key: '2cd87a76024596c12da99f52de025a34535cc137', class: "counter min", "aria-hidden": "true" }, min, this.unit), h("input", { key: '096fd4d114eb459c331b0d9f684a807537a9f85e', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
+        return (h(Fragment, null, this.description && (h("span", { key: '1c66736a5fb56cb8c9a00e6ceba390ffc53b5c92', id: "description", hidden: true }, this.description)), h("span", { key: '8fd5b0b94b34a7fa6dc6d12e27c46118f8ed645c', class: "counter min", "aria-hidden": "true" }, min, this.unit), h("input", { key: '033f60fd111ad80d48385ab984acc6441ffb10e3', type: "range", min: this.min, max: this.max, value: this.value, class: "input", "aria-label": this.label, "aria-describedby": this.description ? "description" : undefined, onChange: (event) => this.dsoChange.emit({
                 originalEvent: event,
                 value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,
                 max,
                 min,
                 step,
-            }) }), h("span", { key: '158967493692699e1bf8314354b66eeddbf61d38', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
+            }) }), h("span", { key: '35499cf191b4237e41c68da386a2c8c8cdcef87b', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
     }
     get host() { return this; }
     static get style() { return DsoInputRangeStyle0; }

package/dist/components/dso-legend-item.js

@@ -35,10 +35,10 @@ const LegendItem = /*@__PURE__*/ proxyCustomElement(class LegendItem extends HTM
         const hasSymbol = this.symbolSlottedElement !== null;
         const hasBody = this.bodySlottedElement !== null;
         const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: 'f3ed2e3af15bc7afaefe3e7dc1867e5d009343a9', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '426bdfbe6aee907c9999a3deb7651fffbafee29b', class: clsx("legend-item", {
+        return (h(Host, { key: 'a07a2fef3cf116bba6330caf00d182b2c2c400ee', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '3227f9fdb524d79a8313f4f8298be81e7385037f', class: clsx("legend-item", {
                 "legend-item-symbol": hasSymbol,
                 "legend-item-selectable": isSelectable,
-            }) }, h("div", { key: '4745ac64124b02f4744d7d8b1c1b58e6d6b8cb7c', hidden: !hasSymbol }, h("slot", { key: '16557ca73d29fe764a5d830036e5e4b38adc5c15', name: "symbol" })), h("div", { key: '50545fc88deb5d382a473b4e379a16a178de041d' }, h("slot", { key: '9b0d7272f4d3fa3aad9041ebd08641bce90eded8' })), this.disabled && this.disabledMessage && (h("dso-toggletip", { key: '489ada2ea0a5c9119929a96a53a03753543c79f7', position: "bottom" }, this.disabledMessage)), this.removable && (h("button", { key: '16853ececc9b1281edca10fd0713eaa561f75d81', id: "remove-button", type: "button", onClick: (e) => this.dsoRemoveClick.emit({ originalEvent: e }) }, h("span", { key: 'b8ec91d205b0e46c2ac67cc3c55c8aad0719d874', class: "sr-only" }, "Legenda item verwijderen"), h("dso-icon", { key: '4768c9bf633e54e6ad4b391a4c7cce38029ebe4f', icon: "trash" }))), hasBody && !this.disabled && (h("button", { key: 'dca39e77e8506bf21c008c0ea7cc3c615d0037eb', id: "edit-button", type: "button", onClick: () => (this.showBody = !this.showBody) }, h("span", { key: 'a79baa28a2f466d2accba74b9440cd4cb0afdf7e', class: "sr-only" }, "Legenda item aanpassen"), h("dso-icon", { key: '80bd62ff175e0913bcbed1031be74a9f41cdfbdf', icon: this.showBody ? "times" : "more" })))), h("div", { key: 'c2aa88a49822109a0d4e8c110e0467b29d1fe764', hidden: !hasBody || this.disabled || !this.showBody, class: "body" }, h("slot", { key: '4cd3703e27f8d3b847aad0f59783a6a65363c60b', name: "body" }))));
+            }) }, h("div", { key: 'b0c546d0a12cec131b2c1440feb0a88297254445', hidden: !hasSymbol }, h("slot", { key: 'be8b8136bf464b49d9268e0ed0c65cd6b790a729', name: "symbol" })), h("div", { key: 'ea40635452492f936ecff0a979d209705b4b0489' }, h("slot", { key: 'd63908576e0f2eda225b4807d934174190bcc51a' })), this.disabled && this.disabledMessage && (h("dso-toggletip", { key: '37e2bb0cc28823a28ac3db56d286146ac079dab0', position: "bottom" }, this.disabledMessage)), this.removable && (h("button", { key: 'fd17f5863ce36b874d3ae9506a8c525317d00296', id: "remove-button", type: "button", onClick: (e) => this.dsoRemoveClick.emit({ originalEvent: e }) }, h("span", { key: 'fb34dfc41ab3afa5685884d8517a20e0c91d3edf', class: "sr-only" }, "Legenda item verwijderen"), h("dso-icon", { key: 'd5c6e19b1c51b08b3a646981ce55a167a7b3837a', icon: "trash" }))), hasBody && !this.disabled && (h("button", { key: 'de0efb730d2d840f54ade0b623f28e1e3b82235c', id: "edit-button", type: "button", onClick: () => (this.showBody = !this.showBody) }, h("span", { key: 'd2419f3ff0b34e25b05673b838d8fd8481c6f659', class: "sr-only" }, "Legenda item aanpassen"), h("dso-icon", { key: 'f2a9076efe838692dd045f683986ae4594fff73a', icon: this.showBody ? "times" : "more" })))), h("div", { key: '2c2eeeba001cc10b708d38c2d25236f7650e0f06', hidden: !hasBody || this.disabled || !this.showBody, class: "body" }, h("slot", { key: 'dbfab04e8c2daffb9dfb5d4a80f182edc7c5625e', name: "body" }))));
     }
     get host() { return this; }
     static get style() { return DsoLegendItemStyle0; }