@dso-toolkit/core 86.0.0 → 87.0.0

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

@@ -41,7 +41,7 @@ const HistoryItem = class {
         return this.host.querySelector("[slot='warning']");
     }
     render() {
-        return (h(Fragment, { key: '540840de191624a2a899117ab993346ad010addf' }, h("div", { key: 'a6c83fd5a9f776ff6a9af660bc52f6c9aa40e609', class: "history-item-date" }, h("slot", { key: 'cbec4ec21d97bcd969f2d757d118378e5bc99b80', name: "date" })), h("div", { key: '5d2ebd3b7669d770b1f6c4f87aab2dfef24ecb7d', class: "history-item-content" }, h("div", { key: 'da987825824c7b0b9d77d55b6a7756c2a057d9b5', class: "history-item-status-message" }, h("dso-icon", { key: '1efaac069ba0b9a9809f574ff87d0bd72e00fc54', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: '4a0cb1eb1af2997086c895e50d79d9d60916d402', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '6f469044cc80f25ea3b8e29b572e4832a9c05cd3', class: "history-item-title" }, h("a", { key: '1b8872feb8d4fe27c8849abc804da2159ca57882', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'ecb8d1339350840104fa20ce9809feadc507f100', name: "title" })))), this.explanationSlottedElement !== null && (h("div", { key: '68e8f7a37f9a9dc77723ab7c1e357acf0c1ec107', class: "history-item-explanation" }, h("slot", { key: '964f77c8f75253092be241b72fe8e189ef908a46', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: 'b7687ba9fb1ba7ca3c9d87a3a3225e2e535e7d0f', class: "history-item-warning" }, h("dso-icon", { key: '02d0b36eb925ba6a6b187f329066c9326b014e00', icon: "status-warning-inline", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: 'b2a75c28f4523afa1c96409fbd7d970ac6772d90', name: "warning" }))))));
+        return (h(Fragment, { key: 'a2c558b685f6c6658732bb2b98bddf709ebb94b4' }, h("div", { key: 'e0d2aa64e6ecda1538a21371f8658daf611ff731', class: "history-item-date" }, h("slot", { key: '436465cae9f9e28bc1ba2d7469359be5940354a8', name: "date" })), h("div", { key: 'd7a4485394a43cc1bb8e5db9fddcb977ed5cf5a1', class: "history-item-content" }, h("div", { key: 'd73c9368ecb65fc1b8fc54393416d3e619586caf', class: "history-item-status-message" }, h("dso-icon", { key: '8debd5c78e2595fd4d4c300fbc55ab01aca3e1fc', icon: this.typeIcons[this.type], "aria-hidden": "true" }), h("slot", { key: 'd5324a4d4551c44aae17b4b66eee9c2f1f480d2d', name: "status" })), this.titleSlottedElement !== null && this.href && (h("div", { key: '7f9d7fd07a9404b5587a1f54393152d5415ceac4', class: "history-item-title" }, h("a", { key: 'b05dff01d271490082467ad9b8e10e4864568c9a', href: this.href, class: "title-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '52a904617d6c8acb0da75324772696344e11087c', name: "title" })))), this.explanationSlottedElement !== null && (h("div", { key: '6accc3de05b6122d9540ff2cdf26dda7dc9066e4', class: "history-item-explanation" }, h("slot", { key: '40ca448364c8aa1c35f014a8cf2e5de79bed6769', name: "explanation" }))), this.warningSlottedElement !== null && (h("div", { key: 'fefcad7ef764dcf6918d1b409456820e5949c719', class: "history-item-warning" }, h("dso-icon", { key: '96c357399ec8b5aa49e8f5e6254e4c60563972b0', icon: "status-warning-inline", role: "img", "aria-label": "Waarschuwing" }), h("slot", { key: 'b8848b26ab839a4eb00e8239447eaa879672066f', name: "warning" }))))));
     }
     get host() { return getElement(this); }
 };

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

@@ -706,7 +706,7 @@ const Icon = class {
             if (!icon) {
                 throw new TypeError(`Unknown svg: ${this.icon}`);
             }
-            return h("span", { key: 'dc1f3170309895f687b045900f29994f61006754', class: "icon-container", innerHTML: icon.svg });
+            return h("span", { key: '5f01bf5d366f95e1f47af95c3bd8eda1c103b353', class: "icon-container", innerHTML: icon.svg });
         }
     }
 };
@@ -1286,7 +1286,7 @@ const IconButton = class {
         this.cleanUp = undefined;
     }
     render() {
-        return (h("button", { key: '0b109ec22c88e4fae7a3b51b6092746bd5bebae6', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, h("dso-icon", { key: 'a520208655de770f8b2dc58ae42ce4cb488e0e36', icon: this.icon }), h(Tooltip, { key: 'b577cada7261b7c69da8c9cc52c1fe8a22390238', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
+        return (h("button", { key: 'cfa3c7d98955a1965d46abe68e9faea867c55679', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, h("dso-icon", { key: 'f6978374915ba3e9d27c19582114ab2a36838115', icon: this.icon }), h(Tooltip, { key: '21e7bd67dd9800cd4d596b41aabf9c338c100e17', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
     }
 };
 IconButton.style = iconButtonCss();

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

@@ -25,7 +25,7 @@ const InfoButton = class {
         this.dsoToggle.emit({ originalEvent, active: this.active });
     }
     render() {
-        return (h(Host, { key: '664a78b759c6216aa2df88b003ec4324f6f55b2c', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, !this.secondary ? (h("dso-icon-button", { variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.hover ? "info-active" : "info", ref: (element) => (this.button = element) })) : (
+        return (h(Host, { key: '081ec92479c56bc53665fc9fb909838cff959c9e', onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, !this.secondary ? (h("dso-icon-button", { variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.hover ? "info-active" : "info", ref: (element) => (this.button = element) })) : (
         // ToDo: remove this part in https://github.com/dso-toolkit/dso-toolkit/issues/3350. Tertiary on color already working
         h("button", { type: "button", class: "dso-info-secondary", "aria-expanded": typeof this.active === "boolean" ? this.active.toString() : undefined, onClick: (e) => this.handleToggle(e), ref: (element) => (this.buttonSecondary = element) }, h("dso-icon", { icon: this.active || this.hover ? "info-active" : "info" }), h("span", { class: "sr-only" }, this.label)))));
     }

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

@@ -8,7 +8,7 @@ const Info = class {
         this.dsoClose = createEvent(this, "dsoClose", 7);
     }
     render() {
-        return (h(Fragment, { key: '400c6c9a5a24dea0dbb640bc11cad2f45ba778ac' }, h("slot", { key: 'b0e3f9fc32139c6aef78782216211c2f85a9c0e5' }), !this.fixed && (h("dso-icon-button", { key: '281e825b492e3c548057900a467ed8f19cf9235b', label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
+        return (h(Fragment, { key: '3e0e4c7174c343e0ffe3395a3fb0e4b54c7e6dd1' }, h("slot", { key: 'd50d49ce8f6bc9c185e4d8e16a28d1d31d0de520' }), !this.fixed && (h("dso-icon-button", { key: '82c25d9bb8b6d203837f23113c8f0bd676ae4064', label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
     }
 };
 Info.style = infoCss();
@@ -75,7 +75,7 @@ const Selectable = class {
     render() {
         var _a;
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: 'fd39e588c2e7192251aaa1ba2ce0059c5a148bf8' }, h("div", { key: 'c10126ae1366c0ac63e50414a3fc5fdd2b7d7279', class: "dso-selectable-container" }, h("div", { key: '7151d4e9a53473a6784a4fa7db2cc6b46619caed', class: "dso-selectable-input-wrapper" }, h("input", { key: 'c4767583ea01d20c2261928c7abba2e1baa82bd9', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: '786376c68173bc0fabbe21b3fcd0361ebd46a0cf', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'e16c0653024466ac4435e19063700c8a8c7ac933', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: 'db608fea9f32208bda0e87c72defd98deca6a8bd' }, h("slot", { key: '2230755391a6141cde8e431566c11746ccc4c9f2', name: "info" })))), h("slot", { key: '0c15f2a50d082f7d2f0d7184a004c5bd701ba6f8', name: "options" })));
+        return (h(Fragment, { key: '5f11873e66e481aa5bab33f6306445e2f35545c2' }, h("div", { key: '2b0176b66b0dce43d57a8b41beac0d62f51ca97c', class: "dso-selectable-container" }, h("div", { key: '5fcae509cca4d34d2e0e230a2979bc350d27cc02', class: "dso-selectable-input-wrapper" }, h("input", { key: '5aa5ebb20b52467ce6107cf8aa840edb0ad14055', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": hasInfo && this.infoFixed ? this.describedById : undefined, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (h("label", { htmlFor: this.getIdentifier() }, h("slot", null))) : (h("label", null, h("slot", null)))), hasInfo && !this.infoFixed && (h("dso-info-button", { key: 'ad7d2150640df363f14eefa8a9f843a2962b58e6', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'ebf5eeafc5d6077cf8403c76cff4aca7336fedf5', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '729d228a00b1c36e3eb1e9cb6d088b081a8847b9' }, h("slot", { key: '082ba9b15cf8ea5129aacad5c1de40fc896ffbad', name: "info" })))), h("slot", { key: 'c217d7cab8dcc8f34ae0bcc841fdb8d37cde05d6', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/esm/dso-input-range.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement } from './index-Dx5skKSq.js';
 
-const inputRangeCss = () => `:host{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;inline-size:100%}*,*::after,*::before{box-sizing:border-box}.counter{flex-shrink:0;min-inline-size:5ch}.counter.min{text-align:end}.counter.max{text-align:start}.input{flex-grow:1;appearance:none;background-color:transparent;cursor:pointer}.input::-webkit-slider-runnable-track{block-size:0.5rem;background-color:#e5e5e5}.input::-webkit-slider-runnable-track:hover{background-color:#ccc}.input::-webkit-slider-runnable-track{border:1px solid #666;border-radius:0.5rem}.input::-webkit-slider-thumb{block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.55rem;background-color:#39870c}.input::-webkit-slider-thumb:hover{background-color:#275937}.input::-webkit-slider-thumb{border-radius:50%}.input::-moz-range-track{box-sizing:border-box;block-size:0.5rem;background-color:#e5e5e5}.input::-moz-range-track:hover{background-color:#ccc}.input::-moz-range-track{border:1px solid #666;border-radius:0.5rem}.input::-moz-range-thumb{box-sizing:border-box;block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.5rem;background-color:#39870c}.input::-moz-range-thumb:hover{background-color:#275937}.input::-moz-range-thumb{border-color:transparent;border-radius:50%}`;
+const inputRangeCss = () => `:host{display:flex;align-items:center;gap:0.625rem;padding-block:0.5rem;inline-size:100%}*,*::after,*::before{box-sizing:border-box}.counter{flex-shrink:0;min-inline-size:20px}.input{flex-grow:1;appearance:none;background-color:transparent;cursor:pointer}.input::-webkit-slider-runnable-track{block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-webkit-slider-runnable-track:hover{background-color:#ccc}.input::-webkit-slider-thumb{block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.55rem;background-color:#39870c;border-radius:50%}.input::-webkit-slider-thumb:hover{background-color:#275937}.input::-moz-range-track{box-sizing:border-box;block-size:0.5rem;background-color:#e5e5e5;border:1px solid #666;border-radius:0.5rem}.input::-moz-range-track:hover{background-color:#ccc}.input::-moz-range-thumb{box-sizing:border-box;block-size:1.5rem;inline-size:1.5rem;appearance:none;margin-block-start:-0.5rem;background-color:#39870c;border-radius:50%;border-color:transparent}.input::-moz-range-thumb:hover{background-color:#275937}`;
 
 const InputRange = class {
     constructor(hostRef) {
@@ -15,13 +15,13 @@ const InputRange = class {
         const min = this.min || 0;
         const max = this.max || 100;
         const step = this.step || 1;
-        return (h(Fragment, null, this.description && (h("span", { key: 'd187af008bb6acdfacf391f509ab83d17eaef891', id: "description", hidden: true }, this.description)), h("span", { key: 'f1041606979f3cb05eec80fae45d2ea8c901fadf', class: "counter min", "aria-hidden": "true" }, min, this.unit), h("input", { key: '18d055df50d550b68b11511fab87cc3e9bd17bae', 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: '7bf4d5d30b928c993bae1f5d25325e73f4b2f760', id: "description", hidden: true }, this.description)), h("span", { key: '3806477e5f52f5f95a62d766cd2bb5e9ef60668c', class: "counter", "aria-hidden": "true" }, min, this.unit), h("input", { key: 'bfb6213eb4dc7ed7c52f2645952fbeb53a611d8e', 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: '0c10b36570bf6ccbadf38e5b110d3b8f5c950521', class: "counter max", "aria-hidden": "true" }, max, this.unit)));
+            }) }), h("span", { key: 'bdd86302b7c2ef717a40f2103faff3dbadd691df', class: "counter", "aria-hidden": "true" }, max, this.unit)));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-input-range.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"dso-input-range.entry.js","sources":["src/components/input-range/input-range.scss?tag=dso-input-range&encapsulation=shadow","src/components/input-range/input-range.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n\r\n:host {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n\r\n  padding: 0.5rem;\r\n\r\n  inline-size: 100%;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.counter {\r\n  flex-shrink: 0;\r\n\r\n  min-inline-size: 5ch;\r\n\r\n  &.min {\r\n    text-align: end;\r\n  }\r\n\r\n  &.max {\r\n    text-align: start;\r\n  }\r\n}\r\n\r\n.input {\r\n  flex-grow: 1;\r\n\r\n  appearance: none;\r\n\r\n  background-color: transparent;\r\n\r\n  cursor: pointer;\r\n\r\n  &::-webkit-slider-runnable-track {\r\n    block-size: 0.5rem;\r\n\r\n    background-color: colors.$grijs-10;\r\n    &:hover {\r\n      background-color: colors.$grijs-20;\r\n    }\r\n\r\n    border: 1px solid colors.$grijs-60;\r\n    border-radius: 0.5rem;\r\n  }\r\n\r\n  &::-webkit-slider-thumb {\r\n    block-size: 1.5rem;\r\n    inline-size: 1.5rem;\r\n\r\n    appearance: none;\r\n\r\n    margin-block-start: -0.55rem;\r\n\r\n    background-color: colors.$grasgroen;\r\n    &:hover {\r\n      background-color: colors.$bosgroen;\r\n    }\r\n\r\n    border-radius: 50%;\r\n  }\r\n\r\n  &::-moz-range-track {\r\n    box-sizing: border-box;\r\n\r\n    block-size: 0.5rem;\r\n\r\n    background-color: colors.$grijs-10;\r\n    &:hover {\r\n      background-color: colors.$grijs-20;\r\n    }\r\n\r\n    border: 1px solid colors.$grijs-60;\r\n    border-radius: 0.5rem;\r\n  }\r\n\r\n  &::-moz-range-thumb {\r\n    box-sizing: border-box;\r\n\r\n    block-size: 1.5rem;\r\n    inline-size: 1.5rem;\r\n\r\n    appearance: none;\r\n\r\n    margin-block-start: -0.5rem;\r\n\r\n    background-color: colors.$grasgroen;\r\n    &:hover {\r\n      background-color: colors.$bosgroen;\r\n    }\r\n\r\n    border-color: transparent;\r\n    border-radius: 50%;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, Fragment, Prop, h } from \"@stencil/core\";\r\n\r\nimport { InputRangeChangeEvent } from \"./input-range.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-input-range\",\r\n  styleUrl: \"input-range.scss\",\r\n  shadow: true,\r\n})\r\nexport class InputRange implements ComponentInterface {\r\n  /**\r\n   * The minimum value of the range.\r\n   */\r\n  @Prop()\r\n  min?: number;\r\n\r\n  /**\r\n   * The maximum value of the range.\r\n   */\r\n  @Prop()\r\n  max?: number;\r\n\r\n  /**\r\n   * The value of the range.\r\n   */\r\n  @Prop()\r\n  value?: number;\r\n\r\n  /**\r\n   * The step to increment the value by.\r\n   */\r\n  @Prop()\r\n  step?: number;\r\n\r\n  /**\r\n   * The label of the range.\r\n   */\r\n  @Prop()\r\n  label?: string;\r\n\r\n  /**\r\n   * The unit of the range.\r\n   */\r\n  @Prop()\r\n  unit: string = \"\";\r\n\r\n  /**\r\n   * The description of the range.\r\n   */\r\n  @Prop()\r\n  description?: string;\r\n\r\n  /**\r\n   * Emitted when the value has changed.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoChange!: EventEmitter<InputRangeChangeEvent>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoInputRangeElement;\r\n\r\n  render() {\r\n    const min = this.min || 0;\r\n    const max = this.max || 100;\r\n    const step = this.step || 1;\r\n\r\n    return (\r\n      <>\r\n        {this.description && (\r\n          <span id=\"description\" hidden>\r\n            {this.description}\r\n          </span>\r\n        )}\r\n        <span class=\"counter min\" aria-hidden=\"true\">\r\n          {min}\r\n          {this.unit}\r\n        </span>\r\n        <input\r\n          type=\"range\"\r\n          min={this.min}\r\n          max={this.max}\r\n          value={this.value}\r\n          class=\"input\"\r\n          aria-label={this.label}\r\n          aria-describedby={this.description ? \"description\" : undefined}\r\n          onChange={(event) =>\r\n            this.dsoChange.emit({\r\n              originalEvent: event,\r\n              value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,\r\n              max,\r\n              min,\r\n              step,\r\n            })\r\n          }\r\n        />\r\n        <span class=\"counter max\" aria-hidden=\"true\">\r\n          {max}\r\n          {this.unit}\r\n        </span>\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,6uCAA6uC,CAAC;;MCS9vC,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAoCE;;AAEG;AAEH,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AA0DlB;IAzCC,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AACzB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG;AAC3B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;AAE3B,QAAA,QACE,CAAA,CAAA,QAAA,EAAA,IAAA,EACG,IAAI,CAAC,WAAW,KACf,6DAAM,EAAE,EAAC,aAAa,EAAC,MAAM,EAC1B,IAAA,EAAA,EAAA,IAAI,CAAC,WAAW,CACZ,CACR,EACD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,aAAa,EAAA,aAAA,EAAa,MAAM,EAAA,EACzC,GAAG,EACH,IAAI,CAAC,IAAI,CACL,EACP,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAC,OAAO,EACD,YAAA,EAAA,IAAI,CAAC,KAAK,EAAA,kBAAA,EACJ,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,SAAS,EAC9D,QAAQ,EAAE,CAAC,KAAK,KACd,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAClB,gBAAA,aAAa,EAAE,KAAK;gBACpB,KAAK,EAAE,KAAK,CAAC,MAAM,YAAY,gBAAgB,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,SAAS;gBAC9F,GAAG;gBACH,GAAG;gBACH,IAAI;AACL,aAAA,CAAC,EAEJ,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,aAAa,EAAA,aAAA,EAAa,MAAM,EAAA,EACzC,GAAG,EACH,IAAI,CAAC,IAAI,CACL,CACN;;;;;;;;"}
+{"version":3,"file":"dso-input-range.entry.js","sources":["src/components/input-range/input-range.scss?tag=dso-input-range&encapsulation=shadow","src/components/input-range/input-range.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n\r\n:host {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.625rem;\r\n  padding-block: 0.5rem;\r\n  inline-size: 100%;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.counter {\r\n  flex-shrink: 0;\r\n  min-inline-size: 20px;\r\n}\r\n\r\n.input {\r\n  flex-grow: 1;\r\n  appearance: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n\r\n  &::-webkit-slider-runnable-track {\r\n    block-size: 0.5rem;\r\n    background-color: colors.$grijs-10;\r\n    border: 1px solid colors.$grijs-60;\r\n    border-radius: 0.5rem;\r\n\r\n    &:hover {\r\n      background-color: colors.$grijs-20;\r\n    }\r\n  }\r\n\r\n  &::-webkit-slider-thumb {\r\n    block-size: 1.5rem;\r\n    inline-size: 1.5rem;\r\n    appearance: none;\r\n    margin-block-start: -0.55rem;\r\n    background-color: colors.$grasgroen;\r\n    border-radius: 50%;\r\n\r\n    &:hover {\r\n      background-color: colors.$bosgroen;\r\n    }\r\n  }\r\n\r\n  &::-moz-range-track {\r\n    box-sizing: border-box;\r\n    block-size: 0.5rem;\r\n    background-color: colors.$grijs-10;\r\n    border: 1px solid colors.$grijs-60;\r\n    border-radius: 0.5rem;\r\n\r\n    &:hover {\r\n      background-color: colors.$grijs-20;\r\n    }\r\n  }\r\n\r\n  &::-moz-range-thumb {\r\n    box-sizing: border-box;\r\n    block-size: 1.5rem;\r\n    inline-size: 1.5rem;\r\n    appearance: none;\r\n    margin-block-start: -0.5rem;\r\n    background-color: colors.$grasgroen;\r\n    border-radius: 50%;\r\n    border-color: transparent;\r\n\r\n    &:hover {\r\n      background-color: colors.$bosgroen;\r\n    }\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, Fragment, Prop, h } from \"@stencil/core\";\r\n\r\nimport { InputRangeChangeEvent } from \"./input-range.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-input-range\",\r\n  styleUrl: \"input-range.scss\",\r\n  shadow: true,\r\n})\r\nexport class InputRange implements ComponentInterface {\r\n  /**\r\n   * The minimum value of the range.\r\n   */\r\n  @Prop()\r\n  min?: number;\r\n\r\n  /**\r\n   * The maximum value of the range.\r\n   */\r\n  @Prop()\r\n  max?: number;\r\n\r\n  /**\r\n   * The value of the range.\r\n   */\r\n  @Prop()\r\n  value?: number;\r\n\r\n  /**\r\n   * The step to increment the value by.\r\n   */\r\n  @Prop()\r\n  step?: number;\r\n\r\n  /**\r\n   * The label of the range.\r\n   */\r\n  @Prop()\r\n  label?: string;\r\n\r\n  /**\r\n   * The unit of the range.\r\n   */\r\n  @Prop()\r\n  unit: string = \"\";\r\n\r\n  /**\r\n   * The description of the range.\r\n   */\r\n  @Prop()\r\n  description?: string;\r\n\r\n  /**\r\n   * Emitted when the value has changed.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoChange!: EventEmitter<InputRangeChangeEvent>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoInputRangeElement;\r\n\r\n  render() {\r\n    const min = this.min || 0;\r\n    const max = this.max || 100;\r\n    const step = this.step || 1;\r\n\r\n    return (\r\n      <>\r\n        {this.description && (\r\n          <span id=\"description\" hidden>\r\n            {this.description}\r\n          </span>\r\n        )}\r\n        <span class=\"counter\" aria-hidden=\"true\">\r\n          {min}\r\n          {this.unit}\r\n        </span>\r\n        <input\r\n          type=\"range\"\r\n          min={this.min}\r\n          max={this.max}\r\n          value={this.value}\r\n          class=\"input\"\r\n          aria-label={this.label}\r\n          aria-describedby={this.description ? \"description\" : undefined}\r\n          onChange={(event) =>\r\n            this.dsoChange.emit({\r\n              originalEvent: event,\r\n              value: event.target instanceof HTMLInputElement ? parseInt(event.target.value, 10) : undefined,\r\n              max,\r\n              min,\r\n              step,\r\n            })\r\n          }\r\n        />\r\n        <span class=\"counter\" aria-hidden=\"true\">\r\n          {max}\r\n          {this.unit}\r\n        </span>\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,ukCAAukC,CAAC;;MCSxlC,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAoCE;;AAEG;AAEH,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AA0DlB;IAzCC,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;AACzB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG;AAC3B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;AAE3B,QAAA,QACE,CAAA,CAAA,QAAA,EAAA,IAAA,EACG,IAAI,CAAC,WAAW,KACf,6DAAM,EAAE,EAAC,aAAa,EAAC,MAAM,EAC1B,IAAA,EAAA,EAAA,IAAI,CAAC,WAAW,CACZ,CACR,EACD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,SAAS,EAAA,aAAA,EAAa,MAAM,EAAA,EACrC,GAAG,EACH,IAAI,CAAC,IAAI,CACL,EACP,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAC,OAAO,EACD,YAAA,EAAA,IAAI,CAAC,KAAK,EAAA,kBAAA,EACJ,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,SAAS,EAC9D,QAAQ,EAAE,CAAC,KAAK,KACd,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAClB,gBAAA,aAAa,EAAE,KAAK;gBACpB,KAAK,EAAE,KAAK,CAAC,MAAM,YAAY,gBAAgB,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,SAAS;gBAC9F,GAAG;gBACH,GAAG;gBACH,IAAI;AACL,aAAA,CAAC,EAEJ,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,SAAS,EAAA,aAAA,EAAa,MAAM,EAAA,EACrC,GAAG,EACH,IAAI,CAAC,IAAI,CACL,CACN;;;;;;;;"}

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

@@ -100,13 +100,13 @@ const Label = class {
         this.isTruncated = false;
     }
     render() {
-        return (h(Fragment, { key: 'e71e00c923743364639854082369f922d12dae81' }, h("span", { key: '36a7ba8f865de6ee9581b569f2454dc04c88e622', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
+        return (h(Fragment, { key: '7441c0e54f721845869c63348d2e5dff35f24434' }, h("span", { key: '8cea7acfa1e735eb8a6cdd66d2d447976c84c950', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
                 [`dso-label-${this.status}`]: this.status,
                 "dso-compact": this.compact && !this.removable,
                 "dso-hover": this.removeHover || this.removeFocus,
-            }) }, h("slot", { key: '0d6a2ac20e09e7e2b523e20effa9cbd9128796a4', name: "symbol" }), h("span", { key: '95db09c39709060af1275740f79bdca6bfb09a6c', class: clsx("dso-label-content", {
+            }) }, h("slot", { key: '77b62b31482300784b58fb372e28e246773a183f', name: "symbol" }), h("span", { key: 'f40f50f36c78fec1bcc15c1244defcaac94d5a11', class: clsx("dso-label-content", {
                 "dso-truncate": !!this.truncate,
-            }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", { key: '198f0d577131b02242aae4d803f5b6cfe542012f' })), this.removable && (h("dso-icon-button", { key: '9e331fc1fedd7c972d3f4a6bc74bbe27cb2177f5', variant: "tertiary", icon: "times", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (h("dso-tooltip", { key: '7ce757b70f99910b834545d495827baa3fafb90f', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
+            }), ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", { key: '839f0bdcf8271806e9dfdb9c01ba6dd9ba4b9413' })), this.removable && (h("dso-icon-button", { key: 'df12c751642d42f36d54feeaaf8a53755a5b3b4c', variant: "tertiary", icon: "times", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (h("dso-tooltip", { key: 'e38e943fcdf3f05161c24861a31581ff4ca0b2ab', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -197,7 +197,7 @@ const SlideToggle = class {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (h(Fragment, { key: '7951732521fe2f5492e98f577a8db95368701a00' }, h("button", Object.assign({ key: 'dee277ad2f9588b83134762429e69e049a7968bf', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e) }, (this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), (this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {})), h("svg", { key: '18c6aa1f628fac44a1fc461419e5a53d27ce2385', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '130f15a202fd726f2db7ba6100e63f735dcfd590', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '8f3f8c42d45032d4c1624875a635d204b5ca03be', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '20641da17a34b9cdf9960d7b640746f2d3be2fb0', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'd03a0107701ab2dcf1e771d9f08596e3c286d44b', htmlFor: this.identifier }, h("slot", { key: '57ea87e3101fc832b88f74e0dd7b0134e38ea386' })))));
+        return (h(Fragment, { key: '5d9cd03cfa9b00948acd598f149ba1f0ce114cc6' }, h("button", Object.assign({ key: '1e25ca1b3da0d4292c0fe1219924658e7baaff87', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e) }, (this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), (this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {})), h("svg", { key: '6dd2f4d1634d50e4cf393387ccadaac6d5a4f55b', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: 'b780f9b330d44fdd41d31a9563ab49fc94424d54', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '326b18d7ab0e104aed97d8c92d221812c174cde9', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '4cbdc7cd543f4b5497f943392cd210fcc3c4fa5b', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '21fe8e599aa5d1e266d2fc606b55607e2570d962', htmlFor: this.identifier }, h("slot", { key: '4a89a597d67ff4610e42f0d4b2c96cea056e65a4' })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -38,7 +38,7 @@ const LegendItem = class {
         if (label === null || label === void 0 ? void 0 : label.textContent) {
             accessibleLabel = `Maak ${label.textContent.toLowerCase()} actief`;
         }
-        return (h(Host, { key: '113e4cc95985fed9befcc75cf7dd49d431a6a724', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '32b00c02feaa2107691c0f57cb508be44417033b', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '7fedb010d0ff7d53acddef537be6c6009f250f84' }, h("slot", { key: 'a566482b9b60fe5e69f74d2af4c3c093f01c8665', name: "symbol" }))), h("div", { key: 'd6c4fbe4e9dfbf52dd02255d3bad704de7edb313' }, h("slot", { key: 'bfa9d87992c0cab9d034260153e634158f4b6c3a', name: "label" })), this.disabled && this.disabledMessage && (h("dso-toggletip", { key: '13927a8346bf1c2b34c83bcc5ab9fed9e3394789', position: "bottom" }, this.disabledMessage)), h("div", { key: 'daf55817441d0156625630afb68be8209a7ff96a', class: "legend-item-right-content" }, this.active && hasOptions && !this.disabled && (h("dso-icon-button", { key: '15d1448d3338cda2bae8c395f1a376f5c8b37449', label: "Opties", icon: "more", variant: "tertiary", class: { active: this.showOptions }, id: "edit-button", onDsoClick: () => (this.showOptions = !this.showOptions) })), this.activatable && (h("dso-slide-toggle", { key: '851d2b0d696a8c2271f3ae5a610115606773899c', accessibleLabel: accessibleLabel, checked: this.active, disabled: this.disabled, onDsoActiveChange: (e) => this.dsoActiveChange.emit({ current: Boolean(this.active), next: !this.active, originalEvent: e }) })))), hasOptions && (h("div", { key: 'b29ccf455d9326c56ec6f9d5cbc3d07302718773', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: '8ce07dd6a490e7853ab464690af7a07f23bc7cae', name: "options" })))));
+        return (h(Host, { key: '78c1588776ea46722066f98c3cd5e42fee691658', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '98d16208d8bb78e5b446fea828cee7984e221840', class: clsx("legend-item", { "legend-item-symbol": hasSymbol }) }, hasSymbol && (h("div", { key: '470282bf59dee595953ab23d504bac55561a05e9' }, h("slot", { key: '18704fee63e5155a903faf696943438d4d5a16f3', name: "symbol" }))), h("div", { key: '66ed8e3809ec17de8e4336d994bfbc5b2ce03c6e' }, h("slot", { key: '9253e5bf4f42f4aaa65b0b5fb46ee81680ec577a', name: "label" })), this.disabled && this.disabledMessage && (h("dso-toggletip", { key: 'c85fbeb0ed74f3e19d1d63cd6ee4d2c8aa77c87e', position: "bottom" }, this.disabledMessage)), h("div", { key: '0a990a9375a973f43e3613144d33afe3b304b046', class: "legend-item-right-content" }, this.active && hasOptions && !this.disabled && (h("dso-icon-button", { key: 'acfb6d31e56c1227cc26d61becfc0247d84cdebe', label: "Opties", icon: "more", variant: "tertiary", class: { active: this.showOptions }, id: "edit-button", onDsoClick: () => (this.showOptions = !this.showOptions) })), this.activatable && (h("dso-slide-toggle", { key: '51f63c178766a4cc1dd6aa3065a50392ce051f83', accessibleLabel: accessibleLabel, checked: this.active, disabled: this.disabled, onDsoActiveChange: (e) => this.dsoActiveChange.emit({ current: Boolean(this.active), next: !this.active, originalEvent: e }) })))), hasOptions && (h("div", { key: '6a2f222442d5209c44a637609ca55eba58531d1f', hidden: this.disabled || !this.showOptions, class: "options" }, h("slot", { key: 'f07fa29b0c6378e627cd314102cf36ac70291653', name: "options" })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -68,7 +68,7 @@ const Legend = class {
         this.moveFocusToTab(next);
     }
     render() {
-        return (h(Host, { key: '26e817d9f760e220fcba00aed980bf2bd7ee1697' }, h("div", { key: 'd9fed11954d8f4df4480fae12d361e134aafe7f3', class: "topbar" }, h("div", { key: 'e9f21c805928ffee5ee26293011704983ca46ebd', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", Object.assign({ 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: '1c51e117733829cd351074be0ace4dad008f1eeb', icon: "times", variant: "tertiary", label: "Sluit legenda", class: "close-button", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) })), h("dso-scrollable", { key: 'ef59ecc0c8221fbbec78df269b476aa43872a138', class: "content" }, h("div", { key: '6f4f8d627425c6d85c39953e0355ee2c48b969d5', role: "tabpanel", tabIndex: 0 }, h("slot", { key: '2a57288315327f31330eb2389f0b0d01de51a783' })))));
+        return (h(Host, { key: '1e38de893c8ff076a6ad83c26cf407a5cdf17073' }, h("div", { key: '4fe41e44062895138f58963a7ff10ddab4adbd43', class: "topbar" }, h("div", { key: '18c9d483a25d7145de4b3dd3170f05b3ae974715', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, this.tabItems.map((tabItem) => (h("button", Object.assign({ 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: '512f7f454bc0468da2cebd48fdce4fd0ce116731', icon: "times", variant: "tertiary", label: "Sluit legenda", class: "close-button", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) })), h("dso-scrollable", { key: 'c761e3abfd57fc98147f4434139d0eba7ef82582', class: "content" }, h("div", { key: '0f929de386c1b639bb992ed80151acea164bbc0d', role: "tabpanel", tabIndex: 0 }, h("slot", { key: 'c99a9f942498246e90b5a528783856d5eccdb116' })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -354,7 +354,7 @@ const ListButton = class {
     }
     render() {
         const selected = this.checked || (this.count !== undefined && this.count > 0);
-        return (h("div", { key: '18524f23f0f7ee53d1d58a44bbf7a52da891a242', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: 'a4791c2417d2c1ef254fa461a418344001af619c', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'ba27873a3c361e208b323e25303959e003186fa0', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, this.label, this.sublabel && h("span", { key: '18bf1b4be461a2c2d77bb27c728a783a61ac0a45', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: 'ab2069ddc2706ccf1c1b7c19e786d882282ddac8', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'dd68b887c2d357747c3a2e55c2a49666b1af93c0', innerHTML: this.subcontentSlot.innerHTML })))), this.sublabel && h("span", { key: '224c0c30be29f1fbc6e981dcca12159ff64afc21', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '2ed6a6a284dc1cd3b2fc1bb1467814a512c6ff6b', class: "subcontent" }, h("slot", { key: '0bc0b5571e506bdc1f8373c483df5c44c870faac', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: 'e1ec7ea4e1fbd2f0e59bf0072615cd4561dbb2f0', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '3d56e5a0f3df0cec7de1bc8c3dcd086403d81061' }, h("dso-icon-button", { key: '177fa0949a44859cb1a041898536b2052c96bf47', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '971408d54dab124c80df07dcfe9a74d0f0a7878a', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: '6e195268e820c57e707f200164c1d1445b0d53af', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle", disabled: this.count === Number(this.max) || this.disabled, onDsoClick: (e) => this.stepValue(e, "increment") })))));
+        return (h("div", { key: '93ea558f2766c2aa185b8b204e480aea0f3e597b', class: clsx(["dso-button-group", { "dso-disabled": this.disabled }]) }, h("div", { key: 'fe50410a42fc9c949f483acaed5d2d579088ba65', class: clsx(["dso-list-button", { "dso-selected": selected, "dso-single-count": this.count === 1 }]), onClick: (e) => this.handleSelectClick(e) }, h("dso-selectable", { key: 'a9f0a70891b445c61edfc4fed6a97bbdd5384b54', type: "checkbox", value: "list-button", name: "naam", checked: selected, disabled: this.disabled }, this.label, this.sublabel && h("span", { key: 'cad789afe5296230d3ec8efebfc8e4810f674819', class: "sr-only" }, " ", this.sublabel), this.subcontentSlot && (h("span", { key: '6e27d9a2ba1688ef799109e54f3af23e71aafb25', class: "sr-only" }, this.subcontentPrefix && this.subcontentPrefix + ":", " ", h("span", { key: 'a8282c51989d9c075e1cdacbce12ed3cd06a66e4', innerHTML: this.subcontentSlot.innerHTML })))), this.sublabel && h("span", { key: '3e61110adb2ebfa8aceeca0ffdc39a37b9a725fe', class: "dso-sublabel" }, this.sublabel), this.subcontentSlot && (h("div", { key: '4da19e8864ae1f759ad923e3de185ffc6f25e916', class: "subcontent" }, h("slot", { key: 'ea645bd579dbd69e0f7f0a88a857a96fcb68b5c9', name: "subcontent" })))), this.count !== undefined && this.count > 0 && (h("div", { key: 'e729bcde79f91f3f2b6e1cd3dfd8b5ae0fdfbd4d', class: "dso-input-number" }, this.count > 1 && (h(Fragment, { key: '9e8f8b48a771b8fb9e5da71a6453c7317850fbd1' }, h("dso-icon-button", { key: '1db9cca2ccbf6cf62989f51b2870ccde61b51b61', label: "Aantal verlagen", variant: "tertiary", icon: "minus-circle", disabled: this.count === Number(this.min) || this.disabled, onDsoClick: (e) => this.stepValue(e, "decrement") }), h("span", { key: '994e601af4668a677db361f2e8eb8e84e8553036', class: "dso-input-step-counter", "aria-label": "Aantal", "aria-live": "polite" }, this.count))), h("dso-icon-button", { key: 'd72fa5ee6e3fd75fc266a94d1a4a26b3e3805cab', label: "Aantal verhogen", variant: "tertiary", icon: "plus-circle", 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

@@ -167,7 +167,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: '35510db1a3d02a8f1130e37a49a4d55ed9478e2f', 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: 'fe0303b5cd53f11ff30171515fe78a221bbd9d8f', class: "logo-ribbon" }, this.ribbon)));
     }
 };
 Logo.style = logoCss();

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

@@ -44,7 +44,7 @@ const MapBaseLayers = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: 'fbe66fa981184f6797ff8ee67dd4fa32152e0659', class: "form-group dso-radios" }, h("legend", { key: 'fe7c6025c6d6917f10e7d3b90db8791f398d01a2', class: "sr-only" }, "Achtergrond"), h("div", { key: '320f575fe9d8d0826af5dbd72259558c6f036a28', class: "dso-label-container" }, h("span", { key: '19e9dc173d434f9456de8104a29ac572c774f438', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '4b908dfb1e7d4cb6757456c6b5c658740bc99379', 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: 'f42b4397a73e8b35829c5182ddd79ade3dcd499a', class: "form-group dso-radios" }, h("legend", { key: 'b3cdc3e7947dacb4328ed561a3b07f7c806fd494', class: "sr-only" }, "Achtergrond"), h("div", { key: 'a59771dceed9a61d3177bd1dda41b0532b22a153', class: "dso-label-container" }, h("span", { key: '938d6bca8571175a6a1af729ae1b058b743d4b71', class: "control-label", "aria-hidden": "true" }, this.text("background"))), h("div", { key: '0ecb78a9ecf1d28ca2649849427ee996e9924938', 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

@@ -1117,7 +1117,7 @@ const MapControls = class {
         });
     }
     render() {
-        return (h(Fragment, { key: '01911c8dc014aaa6f941329c571d1c76b9c1ffee' }, h("dso-icon-button", { key: '64be9ccb531e2aa703b392e86ed5bb510a27fec9', 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: '8d48b75032378995d6e30eb3655ad6f6a2a67722', 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: '5ab20edbb0ecb20d469282e4e68ff5f3f651152c', icon: "layers" }), h("span", { key: '97ec028d9dbecf0d1457b22c4f4cb12c25ae552d' }, this.text("layersButton"))), h("dso-button-group", { key: '881f8f66b9bc2738bbd3390877e1bde6a22f00c5', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '18d5f9f00dbd8f07c44911812bf65df3a3c763b1', 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: '2e3b7b0981af3629943628f5520d12cc13ae20de', 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: '30e38d9be05cd9a13d8700ba8d3ae7abb40ff43c', hidden: this.hideContent }, h("header", { key: 'ad89e7561ebbb63d3d96f2698d39b742593e1411' }, h("h2", { key: '595b97288aa443385d6bff2af57e8334dab6fb3b' }, this.text("title")), h("dso-icon-button", { key: '0d08846e6c4d339715a9ba44a11b4b4f049aa18b', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "times", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: '8b58ee957121f17e453b03bdd4a4cd22476f3148' }, h("div", { key: '95240b301aaf18d7586a016306d7dc5891a0eb2f', class: "content" }, h("slot", { key: '18e6a37a46075604f942cbf20fe80536e91fda43' }))))));
+        return (h(Fragment, { key: '820572f423b497f08190fd5c77d39f361bd301c0' }, h("dso-icon-button", { key: '8cf3f2b5482657cff2b519f0899f479405fa7ffa', 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: '75c2089504e214ce801bf444335fa92f384e3c71', 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: '89bbd01a9f01de7072dd1658c411047ec559aa60', icon: "layers" }), h("span", { key: '008eb18400dd777f2bf8e7c6ac64b2df6c7c0a7f' }, this.text("layersButton"))), h("dso-button-group", { key: '53a6370e0d763a75af1ad7af056d2818057720db', class: "zoom-buttons", direction: "column" }, h("dso-icon-button", { key: '20a8b8bc6bfca800c19c4c1219d57d641d729e4a', 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: '9153d8afc6abd91b753539271ad02ae2c21151ad', 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: 'a5d6d0927dff5ff4cb3a0cb460296218e7aa4855', hidden: this.hideContent }, h("header", { key: 'b9c77eb8d9d5feb0a2181cf26b3038409afda9e6' }, h("h2", { key: '023cc88bb1d23bd3e7cb0104092b63549a1c5afa' }, this.text("title")), h("dso-icon-button", { key: '34bd41bee808b6898f118f2f8f6e06bd62721f02', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "times", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), h("dso-scrollable", { key: 'ddde3c2223fa922343408bae735d03e414808e12' }, h("div", { key: '22f5e9123c0db03dd731b98208e6e2e15b0b71e0', class: "content" }, h("slot", { key: '027f5ad7d46922dbc8360f42f67ddc66dac78115' }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -17,7 +17,7 @@ const MapLayerObject = class {
         };
     }
     render() {
-        return (h(Host, { key: '5c90002aefb7e8d2909bcd9f186e245dd6f49a66', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '2fcd20641e4cb8315d8bc2be32274931a10980fc', class: "map-layer-object" }, h("div", { key: '9c405ad65801cc50636dd51cf073ea5371d94ecc' }, h("slot", { key: '772b7519bea83446c13c98b41998284903e98e95', name: "symbol" })), h("div", { key: '74f073d85af8ab9584563fdb9497556e36d43461' }, h("slot", { key: '9bc8dcd77172661daa1f98c7744002be4f638fb7' })), h("div", { key: '6634f4a1af4a24751e5c7e13ecd96f4510e74b1e', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '1e055de4b973ef732e86975f749dc766513868fa', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
+        return (h(Host, { key: 'f7e49b4f2525b0d07e5f4cbc00673533841a5baf', onMouseEnter: () => this.dsoMouseEnter.emit(), onMouseLeave: () => this.dsoMouseLeave.emit() }, h("div", { key: '3e96fae4e207c30bfd04d17813a8ee7e71760695', class: "map-layer-object" }, h("div", { key: '26d876365180671baa32a1008867aba8cf35dddf' }, h("slot", { key: 'f80a75ed294352bdb4048aec82eef3b7f8c42a04', name: "symbol" })), h("div", { key: '202cbbca894930a8a415cc41ef165aa0ef2c13a9' }, h("slot", { key: 'f728c6a3f4e7d32b88d13625af3a752f0aea5963' })), h("div", { key: '4f8fbdd6b2a2c59857d8e00f7835ed5e9b8a51f5', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '92d4c2451a0dff9018fb7b20c53460c3199b2183', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))));
     }
 };
 MapLayerObject.style = mapLayerObjectCss();

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

@@ -20,7 +20,7 @@ const MapLayer = class {
         };
     }
     render() {
-        return (h(Fragment, { key: 'f276fa73a747d32b661eace9d507750806d326f4' }, h("div", { key: 'c2ba53849e4d7cff6bd77af155b6aea50239cd80', class: "map-layer" }, h("span", { key: '83ead9191fc01f511de50b16a2f7723accb5fa90', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: '7f04d01ae09df068365a110b03fca7ed2aa5a438', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '294d0aca0e8699794ba66b873a7d65cbaefec7af', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '4e80145bdea752cf4002b68b5a6a0544d8be15f2' })));
+        return (h(Fragment, { key: 'cb748a39a6f465e052323fa135135b2bd486d715' }, h("div", { key: '9cd18eafa54b1342203eda1ca163dab5d2e8c5a0', class: "map-layer" }, h("span", { key: '2d6bc7e69b26a27b393309cdf8ddb71d0b0a7d4e', class: "map-layer-label" }, this.label), this.activatable && (h("div", { key: '78b6949b5c4e5ee6eb87644f246b4dcbf13beb7f', class: "slide-toggle-container" }, h("dso-slide-toggle", { key: '6b1743627f22c68e09b0b3ad3dc23b5a1ca03a9c', accessibleLabel: "Toon op kaart", checked: this.active, onDsoActiveChange: this.handleActiveChange })))), h("slot", { key: '31cec6ed83c4913cd448d796ddb9a6113ce9530b' })));
     }
 };
 MapLayer.style = mapLayerCss();

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

@@ -45,7 +45,7 @@ const MapOverlays = class {
         for (const ref in this.selectableRefs) {
             delete this.selectableRefs[ref];
         }
-        return (h("fieldset", { key: '7d5393569bd4c33d22696aaee3dbb4308a9e7fbe', class: "form-group dso-checkboxes" }, h("legend", { key: '01bbd08d45ea56bcc02f6059e69bade5c298b83b', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'd62f0086427b450d9ad2d3ca362847c77d908ad4', class: "dso-label-container" }, h("span", { key: '99c58b18fbed22423969314f372370f4eb6661dd', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: '59f3a885d12e6b482b6b6940b173ac0ac8a42eba', 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: 'a4183bf7d9562ecc78fe9dfaeb2caca43f375de7', class: "form-group dso-checkboxes" }, h("legend", { key: '4d7a28a51ebbc21ced55aa42c4b70a3c1f7de0b4', class: "sr-only" }, "Kaartlagen"), h("div", { key: 'e62025f7af000cb04f4466af38c9a98791c655be', class: "dso-label-container" }, h("span", { key: '1364cb7f349efc06c464437a94bc20886c2cd4ff', class: "control-label", "aria-hidden": "true" }, this.text("title"))), h("div", { key: 'b2052a4eb72c4ab99f0b8c84303fcb338cd4d1c0', 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

@@ -50,7 +50,7 @@ const MarkBar = class {
     render() {
         const current = this.current || 0;
         const totalCount = this.totalCount || 0;
-        return (h("div", { key: 'c910390a280323410612690ce9b9b61897013549', class: "dso-mark-bar" }, h("div", { key: 'cdd42f831f7db8f84bcc84062ad66092402727ec', class: "dso-mark-bar-input" }, h("input", { key: 'a65c2109c929c69d318479c0e5bf212e01e3ccc8', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'a25f67483fbfe90274cb0ab43c90662f4d428fc9', htmlFor: "search-input" }, h("dso-icon", { key: '0a3ab8c86897b675d410ce45df8899e2e3b12f26', class: "dso-search-icon", icon: "search" }), h("span", { key: '0dcc1fd40b22ab8f1b0545641b2c64e16ecb1d8b', class: "label-text" }, this.label)), h("dso-icon-button", { key: '533ae60b2ce99d7cdd6a8eb0c68f6f2fdc348ebe', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '662c8f5823140f82256cae102dfaa64c142626f5', class: "dso-button-container" }, h("span", { key: '362a212a8b3d20f2e6083e11bc26a5e4746e5afc', class: "divider" }), h("dso-icon-button", { key: 'c44c43677f071df7e4cad780152feec507203556', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: '43195674b0b1370e93d920645894ed32680d14cf' }, current, "/", totalCount), h("dso-icon-button", { key: 'e235186b6f80d4c0305b6a7b60a5ba17b066db10', icon: "chevron-down", variant: "tertiary", label: "Volgend zoekresultaat", onDsoClick: (e) => this.handleNext(e.detail.originalEvent), disabled: current >= totalCount }))));
+        return (h("div", { key: 'abaa19f68f897d17ac6b5546048f943240fa85c1', class: "dso-mark-bar" }, h("div", { key: '0fb2cf807fbccfc62aaf1cf8de36343e2ddcf36a', class: "dso-mark-bar-input" }, h("input", { key: 'f2ea1f96a05eb01d841527b33ab1cc3ab33790d8', type: "text", id: "search-input", value: this.value, onInput: this.handleInput, onKeyDown: this.handleKeyDown, placeholder: " ", ref: (element) => (this.inputElement = element) }), h("label", { key: 'ca63f9f65da7e45a83571c7d87667d689d4bf75a', htmlFor: "search-input" }, h("dso-icon", { key: '6c4a328b958bb1418ac184e35c36cfde950af40a', class: "dso-search-icon", icon: "search" }), h("span", { key: 'c8c24cefc7952f31926cf6e99e186fd607c0887e', class: "label-text" }, this.label)), h("dso-icon-button", { key: '68218c845308a70d148e9f26b275f5d59c9f0f77', icon: "times", variant: "tertiary", label: "Zoekopdracht legen", onDsoClick: (e) => this.handleClear(e.detail.originalEvent) })), h("div", { key: '031477b9a6d15c5ace52128a2b649fb338c9b56c', class: "dso-button-container" }, h("span", { key: 'b2d76370cfe3da3be154fd6912a8c83a5aea5ec2', class: "divider" }), h("dso-icon-button", { key: 'ccf286b132f6a6661d216f1bc47dea493753dda9', icon: "chevron-up", variant: "tertiary", label: "Vorig zoekresultaat", onDsoClick: (e) => this.handlePrevious(e.detail.originalEvent), disabled: current <= 1 }), h("span", { key: 'fc5b68f4f33b519b3342cfb39e99cd5e742c3e38' }, current, "/", totalCount), h("dso-icon-button", { key: '89846ff2437eea7130976a60323fc60e4114d83e', 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

@@ -84,7 +84,7 @@ const Modal = class {
     }
     render() {
         var _a;
-        return (h("dialog", { key: 'ee7a1036ab1dfe13a9cde99c938b2ac17676e52d', class: "dso-modal", role: (_a = this.dialogRole) !== null && _a !== void 0 ? _a : 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: '14656bc85a2d0891fd68b162a96a2827bc6672ed', 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: "times", 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: '712c6de66982b6dfa2494e0440a85d652a4edaa7' }, h("div", { key: 'c91004b645f00dc94166665cb960c4352702ae51', class: "dso-body", tabIndex: 0 }, h("slot", { key: 'ac362abcac247ec40d0bdf86fafb657d0ffa75af', name: "body" }))), this.hasFooter && (h("div", { key: '9484d993a10c134304663efa3c16f7a51eef1b74', class: "dso-footer" }, h("slot", { key: 'cdddbb8a63bea8c8857ff4fe0e2016a620accff1', name: "footer" }))))));
+        return (h("dialog", { key: '1758660d9c8a3fdeb44aababbd63abd26cb81e59', class: "dso-modal", role: (_a = this.dialogRole) !== null && _a !== void 0 ? _a : 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: 'f19d8dced1bf5e140b361115a8c2fa83dcfc8bd1', 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: "times", 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: '9924a9aa36f6037c1180eb457d9e0abcde3e798d' }, h("div", { key: 'd35270040a9a8cee02bb46bb99930fb6911a18c2', class: "dso-body", tabIndex: 0 }, h("slot", { key: '03bfd550b59fb7f5d549d52ff578ab76564080c5', name: "body" }))), this.hasFooter && (h("div", { key: '282393ce6a7315c04b9e715771ed3d4194b3a662', class: "dso-footer" }, h("slot", { key: '6ccdb4816197e7f41711f795b150f3f13ba4883c', name: "footer" }))))));
     }
     get host() { return getElement(this); }
 };

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

@@ -74,7 +74,7 @@ const OnboardingTip = class {
     render() {
         var _a;
         const ariaLabel = (_a = this.headingSlottedElement) === null || _a === void 0 ? void 0 : _a.textContent;
-        return (h(Host, { key: 'd819fe1ae171a8db0594ebc594024d4648bf006d', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'de196244db29891f948ab77f4f66dbb6568fe84b', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '299416de5f0f8fbf1dbb1833c93cae7bce386ea7', class: "onboarding-tip-inner" }, h("div", { key: '2ca611a1029242013c3d4d64fdec99e4942aa56e', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '80a2f51a5a4f6972e7949f37e3aeee8f7a904a40', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'c3da42b106b11ca6b30b435f9d609a69cbf06fd5', icon: "light-bulb" }), h("slot", { key: '104787777d28b84b9d9f44bd836148c067eb97aa', name: "heading" }))), h("dso-icon-button", { key: '343d6dfefd5253acd8b767a3d6f9cc9d07d05155', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '3acb3a6dd64f6ba0ae9051a751b436a4ef4cf9fc' }))), h("div", { key: 'b0107b1b4a640c324e7ca720f857ded0aec1f1f0', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
+        return (h(Host, { key: 'dcc44e6528b04e949bede8006c9e2065d11113d1', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: '12ba4bce3ea4d07c07a509a8638a8e465ae68bd3', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: '94360cd1764a59aafa37c8d48b744fc0126ed211', class: "onboarding-tip-inner" }, h("div", { key: '2ce01380af60b03a3eb2604e36da7efd75c0b2be', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: 'a95d41d11a54a4c765cf3239dbc56ebf547d0c50', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: 'c219b5de3bc334f41f2313d6e109b6722bbcc2f5', icon: "light-bulb" }), h("slot", { key: '3b12de407fa51e791667ef0b90170b74424ed250', name: "heading" }))), h("dso-icon-button", { key: '3a87530597f6fe014242fd73b3546a1fff565aa4', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '4d7e0a668b5f5b3aee15e6a702a30369c54b6d89' }))), h("div", { key: '577d437c51828240fe2200ccac7fe1404a87d089', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
     }
     get headingSlottedElement() {
         return this.host.querySelector("[slot='heading']");

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

@@ -47,7 +47,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: 'c85829e5394b454b4b8321aaedc2d8a003217965', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '381d4c329babc90d571721dce4adf54213565bdd', wijzigactie: this.wijzigactie }, h("div", { key: 'f5428a065521b0090f878836fe49a8500834f3eb', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'c2d8beb448bccd85ed971c6a02e6dcbdf64a5c4a', name: "symbol" })), h("div", { key: 'e399e890106f6e682e7f15294abc148c499d4f6e', 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: 'df5638433f527a6f721116f5dccef25c1e2d9b94', name: "meta" }), this.interaction !== null && h("slot", { key: 'bca4e22d224a42974c4efb3aba87b74bf8c9c5ad', name: "interaction" })), h("div", { key: '7aa97a191e3aa8a1fc34dd8c87ab22a8402046a3', class: "dso-plekinfo-card-content" }, h("slot", { key: 'df4a923f270486da6e11326ba4a0cb2f9fc46f75', name: "content" })))));
+        return (h(Host, { key: '6305f493112669000c641d6567e47962236876b3', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: 'ab713ccf99ead336072b7c30d4870055cab960a5', wijzigactie: this.wijzigactie }, h("div", { key: '2d29efb2de37d0ad66e814e6cfd6a789ec11a984', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'eb419aa55b73b2e59448a354443cf8725af0f469', name: "symbol" })), h("div", { key: 'c3e88e6102fe75fa67e10028a421dc93301015d8', 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: 'b358c83327a3384ff94e0bc389663c13b134d921', name: "meta" }), this.interaction !== null && h("slot", { key: 'ce259bc5874dceb234a08f071cebfc798e01c1c0', name: "interaction" })), h("div", { key: '785f9a8a3c491ea20319ed9c8094afc80ee33f09', class: "dso-plekinfo-card-content" }, h("slot", { key: '8f103b2b559a1e644a6dd71d70b3661423516d9c', name: "content" })))));
     }
     get host() { return getElement(this); }
 };

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

@@ -22,7 +22,7 @@ const Progressindicator = class {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: '6a5b6341f74d9ae115bc77333ce90014c6160224' }, h("span", { key: '72788ccf13a8861fa1760df72cfb6c653010f597', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'ffcb4f515a4c712ee2ad3d65217e3737807f60ce', icon: "spinner" })), h("span", { key: '0e93dde2c4da71b976592c6f5f1d10a112cd30c5', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '7bacf44f579f035b741b5a23e136cff69c7aa083' }, h("span", { key: 'a83b88a82eb10e12995cd3e0403a75288d6eb57a', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: '950d93d65f958480affdde273e269c60ebfceb80', icon: "spinner" })), h("span", { key: '1fb73fe93305952832896a2325d94cc45b0ec590', 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

@@ -7,7 +7,7 @@ const ProjectItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Fragment, { key: '185d37771a61499c4dea89bb66d28283583da6f7' }, h("div", { key: '17f1973490ea3c4b4b0d1b6051e3bcc587035d56', class: "project-item-header" }, h("div", { key: '8a0a0fcb17da4d3bc2a69fe96b818f168b07830d', class: "project-item-title" }, h("slot", { key: '4160b51c9b4cca09bc3173c64505c764c128fdd9', name: "title" }), this.label && (h("dso-label", { key: '5b2d8afa3160e301802d3accb74314cd84894c8b', status: "error", compact: true }, this.label))), h("div", { key: '145e89a71c030994c3da2c709ec4408141d566d8', class: "project-item-actions" }, h("slot", { key: '15fc8128afc40d941b03b4b03b3d021e55b60a10', name: "actions" }))), h("div", { key: '1d0827720fe361319ff298e286779efc858c7910', class: "project-item-info" }, h("div", { key: '43f16dc31d3b1f98f1461d8ea0385eef7ce3fdb6', class: "project-item-progress" }, h("slot", { key: '29ff9265e1ba9e5eb2dbac7fd112dea7a5db402d', name: "progress" })), h("div", { key: 'cf3e3d8fa0cd8896151672de43b7f43ffcc6a5aa', class: "project-item-status" }, h("slot", { key: '7bac2642ce089ad16c823af0030ce8fa55700eeb', name: "status" })))));
+        return (h(Fragment, { key: '5a2c55592ab3870a507dd446e79d7fc2838e9149' }, h("div", { key: 'b86031f78d01b13fb759a79e39c30da0aa931f0f', class: "project-item-header" }, h("div", { key: 'f68fd88967309b9189b13c0a3f1736fd394631fc', class: "project-item-title" }, h("slot", { key: '25e4b0a4c6cc550589a950829acace708785ff57', name: "title" }), this.label && (h("dso-label", { key: '06bdc374c402d17d5a9e34ecf1ecf57cd8d2cffe', status: "error", compact: true }, this.label))), h("div", { key: '63be92e046d5bb4be46085d6387016478115baaa', class: "project-item-actions" }, h("slot", { key: '7afac46f6298a71415265b6f7e975185faf38d09', name: "actions" }))), h("div", { key: '7189099642140643709d909944e76721f190ea3d', class: "project-item-info" }, h("div", { key: '5923a8e73b320ab673990a1cb97104ad87b9574e', class: "project-item-progress" }, h("slot", { key: 'bd32ddfc776326324dd6c9835a89d5e0a1fbc8ee', name: "progress" })), h("div", { key: '5a243e2c04bf9175fe4405e384f746bff9893da2', class: "project-item-status" }, h("slot", { key: '8244dd9f5321862eb4780f6e1c731455ae328685', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();

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

@@ -45,7 +45,7 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '02e79ea205a525e2a5a39be76394694a2809fadf', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'ce7d40c378ac0bc879c8d6c91481aee9f6288b7e' })));
+        return (h(Host, { key: '6918ff6309788161c8ba8e81e8ff0101c1de6303', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '13c4f6ba65060340f590fa9c3260d7c68b496435' })));
     }
     get host() { return getElement(this); }
 };

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

@@ -89,9 +89,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: '2a165cccd9752bd30f14e094d30b452b0033199f', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'da8177aa9845e6c56f5d4db605cadab951e6c011', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: '082f41d2a014c7fff9392469a15f9b4df572b443', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'e1f6f3690c9b4cebbfac932e95c1d4930c369a60', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'e22f6da29d333b959e25ac8ffd623baaee7e3d59' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: '5c7cb1480378ade04fb17194c2ba439cfcef63e8' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -15,7 +15,7 @@ const Skiplink = class {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: '5ed1332aea03d1b42bfadc9b64d72fade0c9e040', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '7df4dca20d1fc7df30456da33fec84ce3a7f53c8', icon: "chevron-right" })));
+        return (h("a", { key: '32abb8e11b774ce18c2cf16c3bc526819bbaade9', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '818d701f39b21e7547d0a65db80026eb9887110e', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();

package/dist/esm/dso-survey-rating.entry.js

@@ -494,10 +494,10 @@ const SurveyRating = class {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (h("dso-panel", { key: 'b3702451bc2c35c842d25e9a841bc6bbc105cc58', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '6f26ba3199ef26a09fe086d7566b26d3f2acdb2f', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '8232dd5a31135657437532febf1397513ef25dda' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '569b39781b4edef67fc134936171ded4f324e743', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'd555e74cc21d2d40b4265cc64daac8b30ed6efee', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '7a73c071a6bbe096aaf65880b685640c34ba8fd5' }, "Heel moeilijk"), h("span", { key: '4f888fbb0d0714818df98ec7b9d544dc98568ea0' }, "Heel makkelijk")), h("div", { key: '4aaffebf20ac95cd7c5f608af1bca408369464b1', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: '275f1aedb67e7f7d2a3b175b1d854991fa140d1d', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '7a140ce9a83b75e66db7b2f12f41c2882809274c', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: '9e45d98aaaaf256d9918712b32dfdfea9a8706ec' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '47ff506349a95fed3165177c16b5848ca5bd9daf', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'b74f351887d2020407a9c6644dabd26e6acc4f4b', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '6216b30f46b181cdac39adafe6fdf3364e160a55' }, "Heel moeilijk"), h("span", { key: '2c6746373095d09ef5cd19c2015cb240545d4ef9' }, "Heel makkelijk")), h("div", { key: '380e5d754686bb2ecd8be0c56a3efe33f60c010b', role: "radiogroup" }, ratings.map((rating, index) => {
             const ratingNumber = index + 1;
             return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), h("button", { key: '6514e7c09960f2f2443ead0c34ae8fb1a4799df1', type: "submit", class: "dso-secondary" }, h("span", { key: '036179203b7580af8df862db58b92e5946b3524a' }, "Antwoord verzenden")))));
+        })), h("button", { key: 'd32cc8c9a15a36021dfa87a1fc24edab0a4020a8', type: "submit", class: "dso-secondary" }, h("span", { key: 'accce3605b3e1df8490c898491aa7318eb4f8874' }, "Antwoord verzenden")))));
     }
 };
 SurveyRating.style = surveyRatingCss();

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

@@ -64,7 +64,7 @@ const Tabs = class {
         (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '02f48018cba109abd625b1e094167a0ec0b010fd' }, h("div", { key: 'fd06374fe949fa076febb024e55b5a640a578249', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'f33c913d74c4e5b4e25a21d37556485b13d0bbe6' })), h("div", { key: '671257b83019a2a1bf91fcbff0dc02f394852979', role: "tabpanel", tabindex: "0" }, h("slot", { key: '8e55781731a30c76dbbfd0635b9c07343e871780', name: "panel" }))));
+        return (h(Host, { key: 'ae03ef906dabd5ed64da40b57f818ce447427844' }, h("div", { key: '79c2eeca63a44a81c7d5623b763b52e152f834b8', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'd3d8396c36601f30b25de572cccf8f02a411abed' })), h("div", { key: '67e6607cc3cc09d2511b38cdb0b218095bfcf2a2', role: "tabpanel", tabindex: "0" }, h("slot", { key: '25164b17aea879289bc7b5f1e43b61ae78e980dd', name: "panel" }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-tijdreis-banner.entry.js

@@ -7,7 +7,7 @@ const TijdreisBanner = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Fragment, { key: 'd8130a7c2ea4cc7cd20d6e00a09ac9a76e90be12' }, h("dso-icon", { key: '038bc0751131c76460776d84d663e3207b332d85', icon: "clock" }), h("slot", { key: 'a0b8af666def872b02abceb9d1e432db718e0d77' }), h("slot", { key: 'b120718ddaffa431b41e8d99fd3f4787369710d4', name: "button" })));
+        return (h(Fragment, { key: 'd2362057fd3eea7804036862cd899a1d45d6f87b' }, h("dso-icon", { key: 'd52a8f555c066921d32a8ecbfc36a51f2a1ccd1e', icon: "clock" }), h("slot", { key: 'b2722bab4ea3ca7af50fc857abb185f0c8f03280' }), h("slot", { key: '22950f32ed35f10c8bc3df9be90271195abee3dc', name: "button" })));
     }
 };
 TijdreisBanner.style = tijdreisBannerCss();

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

@@ -48,7 +48,7 @@ const Toggletip = class {
         };
     }
     render() {
-        return (h(Fragment, { key: '1cf4249afadc5c17c53a1dcc3b7a48e11696d2dc' }, h("dso-info-button", { key: '0b7e61ada6e8503b1596f144119479f22f39b408', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '863a740c55a672563ba87ffe33c644026e883086', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: 'b4c79e6b3042616105233717bbcf936aae173102' }))));
+        return (h(Fragment, { key: '6e0399d384bf9b2c8d5fd2f242108c1779540937' }, h("dso-info-button", { key: 'caffd2a1c29b0132d9716193a9b8d5a7be2338f3', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '078fa24444c5369fb2f7aa2b130016ac6f1d39aa', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: 'f8c6586d7f0ce98038e8208ff18f7f8ebbdace8a' }))));
     }
     get host() { return getElement(this); }
 };