@dso-toolkit/core 84.0.0 → 85.0.0

package/dist/bundle/p-J6EVaTGZ.js

@@ -0,0 +1,106 @@
+import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-DBWrx_3r.js';
+import { p as positionTooltip, T as Tooltip } from './p-kKdt-6mr.js';
+import { d as defineCustomElement$1 } from './p-DAPEW-cK.js';
+
+const ozonContentToggletipCss = () => `*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:8px;padding-inline:16px;border-radius:4px;line-height:1.5;max-inline-size:480px}.dso-tooltip .tooltip-arrow{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;position:absolute;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}:host{display:inline;--_dt-rich-content-margin-block:8px}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:start;user-select:none;vertical-align:middle}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button dso-icon{margin-inline-start:4px;vertical-align:middle}.icon-container{position:relative;padding-inline-end:28px}.icon-container dso-icon{position:absolute}`;
+
+const ozonContentToggletip = /*@__PURE__*/ proxyCustomElement(class ozonContentToggletip extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.active = false;
+        this.showToggletip = false;
+        this.toggle = () => {
+            if (this.active) {
+                this.close();
+            }
+            else {
+                this.open();
+            }
+        };
+        this.open = () => {
+            this.active = true;
+        };
+        this.close = () => {
+            this.active = false;
+        };
+        this.focusOutHandler = (event) => {
+            if (!this.host.contains(event.relatedTarget)) {
+                this.close();
+            }
+        };
+        this.keyUpHandler = (event) => {
+            switch (event.key) {
+                case "Escape":
+                    this.close();
+                    return;
+                case " ":
+                case "Enter":
+                    this.toggle();
+                    return;
+                default:
+                    return;
+            }
+        };
+    }
+    componentDidRender() {
+        var _a;
+        if (this.tooltip) {
+            if (this.active && !this.showToggletip) {
+                this.tooltip.showPopover();
+                this.showToggletip = true;
+            }
+            else if (!this.active && this.showToggletip) {
+                (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.hidePopover();
+                this.showToggletip = false;
+            }
+        }
+        let cleanUp;
+        if (this.active && !cleanUp && this.container && this.tooltip && this.tooltipArrow) {
+            cleanUp = positionTooltip({
+                referenceElement: this.container,
+                tipRef: this.tooltip,
+                tipArrowRef: this.tooltipArrow,
+                placementTip: "top",
+            });
+        }
+        if (!this.active && cleanUp) {
+            cleanUp();
+        }
+    }
+    render() {
+        return (h(Fragment, { key: 'ea34c93439597d65072cb7e4cceb45f2775e5403' }, h("span", { key: '3e7dfe0cf9ec29260cedb736a5bf9c37306e9a81', class: "toggletip-button", role: "button", tabindex: 0, onClick: this.toggle, onKeyDown: this.keyUpHandler, onFocusout: this.focusOutHandler, ref: (element) => (this.container = element) }, h("span", { key: '60a75f14d4546603a34f85f993f550f1fb0f1b34', class: "icon-container" }, h("slot", { key: 'cfe50bcc158ad33051c1946ce9599ecaa0f448ce', name: "label" }), h("dso-icon", { key: 'e31aad7d5cd522e324184f380d983ab2b9caf770', icon: this.icon })), h(Tooltip, { key: 'fa3098858227e954e377539761f02d9b4a6820ce', visible: true, onAfterHidden: () => { }, tipElementRef: (element) => (this.tooltip = element), tipArrowElementRef: (element) => (this.tooltipArrow = element) }, h("slot", { key: 'cedc773ae4b66ef0c1bf0b199dafb226072b5093' })))));
+    }
+    get host() { return this; }
+    static get style() { return ozonContentToggletipCss(); }
+}, [257, "dso-ozon-content-toggletip", {
+        "icon": [513],
+        "active": [32],
+        "showToggletip": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-ozon-content-toggletip", "dso-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-ozon-content-toggletip":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), ozonContentToggletip);
+            }
+            break;
+        case "dso-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { defineCustomElement as d, ozonContentToggletip as o };
+//# sourceMappingURL=p-J6EVaTGZ.js.map
+
+//# sourceMappingURL=p-J6EVaTGZ.js.map

package/dist/bundle/p-J6EVaTGZ.js.map

@@ -0,0 +1 @@
+{"file":"p-J6EVaTGZ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.scss?tag=dso-ozon-content-toggletip&encapsulation=shadow","src/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"../../../../functional-components/tooltip\";\r\n\r\n@include utilities.box-sizing();\r\n@include tooltip.include($max-inline-size: 60 * units.$u1);\r\n\r\n$icon-margin-inline-start: units.$u1 * 0.5;\r\n\r\n:host {\r\n  display: inline;\r\n  --_dt-rich-content-margin-block: #{units.$u1};\r\n}\r\n\r\n::slotted(:not([slot=\"label\"])) {\r\n  cursor: default !important;\r\n}\r\n\r\n.toggletip-button {\r\n  @include button.base($modifiers: false);\r\n\r\n  border: 0;\r\n  color: var(--_dso-ozon-content-toggletip-color, colors.$donkerblauw);\r\n  line-height: 1;\r\n  padding: 0;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n  vertical-align: baseline;\r\n  display: inline;\r\n  overflow-wrap: break-word;\r\n\r\n  &,\r\n  &:hover,\r\n  &:focus-visible,\r\n  &:active {\r\n    text-decoration-line: var(--_dso-ozon-content-toggletip-text-decoration, underline);\r\n    text-decoration-style: dotted;\r\n    text-underline-offset: 15%;\r\n  }\r\n\r\n  dso-icon {\r\n    margin-inline-start: $icon-margin-inline-start;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.icon-container {\r\n  position: relative;\r\n  padding-inline-end: units.$u3 + $icon-margin-inline-start;\r\n\r\n  dso-icon {\r\n    position: absolute;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Element, Fragment, Prop, State, h } from \"@stencil/core\";\r\n\r\nimport { positionTooltip } from \"../../../../functional-components/tooltip/position-tooltip.function\";\r\nimport { Tooltip } from \"../../../../functional-components/tooltip/tooltip.functional-component\";\r\nimport { TooltipClean } from \"../../../../functional-components/tooltip/tooltip.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-ozon-content-toggletip\",\r\n  styleUrl: \"./ozon-content-toggletip.scss\",\r\n  shadow: true,\r\n})\r\nexport class ozonContentToggletip implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoOzonContentToggletipElement;\r\n\r\n  /**\r\n   * The alias of the icon in the button.\r\n   */\r\n  @Prop({ reflect: true })\r\n  icon?: string;\r\n\r\n  @State()\r\n  active = false;\r\n\r\n  @State()\r\n  showToggletip = false;\r\n\r\n  private container: HTMLSpanElement | undefined;\r\n  private tooltip: HTMLElement | undefined;\r\n  private tooltipArrow: HTMLElement | undefined;\r\n\r\n  private toggle = () => {\r\n    if (this.active) {\r\n      this.close();\r\n    } else {\r\n      this.open();\r\n    }\r\n  };\r\n\r\n  private open = () => {\r\n    this.active = true;\r\n  };\r\n\r\n  private close = () => {\r\n    this.active = false;\r\n  };\r\n\r\n  private focusOutHandler = (event: FocusEvent) => {\r\n    if (!this.host.contains(event.relatedTarget as Node)) {\r\n      this.close();\r\n    }\r\n  };\r\n\r\n  private keyUpHandler = (event: KeyboardEvent) => {\r\n    switch (event.key) {\r\n      case \"Escape\":\r\n        this.close();\r\n        return;\r\n      case \" \":\r\n      case \"Enter\":\r\n        this.toggle();\r\n        return;\r\n      default:\r\n        return;\r\n    }\r\n  };\r\n\r\n  componentDidRender() {\r\n    if (this.tooltip) {\r\n      if (this.active && !this.showToggletip) {\r\n        this.tooltip.showPopover();\r\n        this.showToggletip = true;\r\n      } else if (!this.active && this.showToggletip) {\r\n        this.tooltip?.hidePopover();\r\n        this.showToggletip = false;\r\n      }\r\n    }\r\n\r\n    let cleanUp: TooltipClean | undefined;\r\n\r\n    if (this.active && !cleanUp && this.container && this.tooltip && this.tooltipArrow) {\r\n      cleanUp = positionTooltip({\r\n        referenceElement: this.container,\r\n        tipRef: this.tooltip,\r\n        tipArrowRef: this.tooltipArrow,\r\n        placementTip: \"top\",\r\n      });\r\n    }\r\n\r\n    if (!this.active && cleanUp) {\r\n      cleanUp();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Fragment>\r\n        <span\r\n          class=\"toggletip-button\"\r\n          role=\"button\"\r\n          tabindex={0}\r\n          onClick={this.toggle}\r\n          onKeyDown={this.keyUpHandler}\r\n          onFocusout={this.focusOutHandler}\r\n          ref={(element) => (this.container = element)}\r\n        >\r\n          <span class=\"icon-container\">\r\n            <slot name=\"label\" />\r\n            <dso-icon icon={this.icon} />\r\n          </span>\r\n          <Tooltip\r\n            visible\r\n            onAfterHidden={() => {}}\r\n            tipElementRef={(element) => (this.tooltip = element)}\r\n            tipArrowElementRef={(element) => (this.tooltipArrow = element)}\r\n          >\r\n            <slot />\r\n          </Tooltip>\r\n        </span>\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/bundle/{p-DbW5xEkj.js → p-bgDHZ-CT.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host, t as transformTag } from './p-BeWimuZg.js';
+import { p as proxyCustomElement, H, h, F as Fragment, c as Host, t as transformTag } from './p-DBWrx_3r.js';
 import { d as debounce } from './p-baWVwd8J.js';
-import { d as defineCustomElement$1 } from './p-BLHKEAmx.js';
+import { d as defineCustomElement$1 } from './p-DAPEW-cK.js';
 import { v as v4 } from './p-C_akviUd.js';
 
 const tableCss = () => `button {
@@ -63,10 +63,6 @@ label.dso-primary {
   background-color: var(--_dso-button-primary-background-color, #39870c);
   border-color: var(--_dso-button-primary-border-color, #39870c);
   color: var(--_dso-button-primary-color, #fff);
-}
-a.dso-primary,
-button.dso-primary,
-label.dso-primary {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -268,10 +264,6 @@ label.dso-secondary {
   background-color: var(--_dso-button-secondary-background-color, #fff);
   border-color: var(--_dso-button-secondary-border-color, #39870c);
   color: var(--_dso-button-secondary-color, #39870c);
-}
-a.dso-secondary,
-button.dso-secondary,
-label.dso-secondary {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -707,10 +699,6 @@ label.dso-map {
   background-color: var(--_dso-button-secondary-background-color, #fff);
   border-color: var(--_dso-button-secondary-border-color, #39870c);
   color: var(--_dso-button-secondary-color, #39870c);
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
   border-width: 1px;
   border-style: solid;
   border-radius: 4px;
@@ -1281,7 +1269,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
     render() {
         var _a, _b, _c;
         const caption = (_b = (_a = this.host.querySelector(":scope > table > caption")) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
-        return (h(Host, { key: '2f54930e404196b3a39f9523ebb7716a43de5de3', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '8ce211b734721f6b65f7bd72a573db2aec773411', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, h("div", { class: "dso-header" }, h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("button", { type: "button", class: "dso-close", onClick: () => this.closeModal() }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))), h("div", { class: "dso-body dso-table-body" }, h("slot", null))))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
+        return (h(Host, { key: 'bcaf2967ab097410366d0b5d37a9c8b6ac42cef8', "is-responsive": (_c = this.isResponsive) === null || _c === void 0 ? void 0 : _c.toString() }, this.modalActive && this.placeholderHeight && (h("div", { key: '2bb16134f324f13653defb6c2651c414cb7b7c6b', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive ? (h("dialog", { class: "dso-modal", ref: (element) => (this.dialogElement = element), onClose: this.dialogCloseEventListener }, h("div", { class: "dso-dialog dso-table-dialog", "aria-labelledby": this.labelledbyId }, h("div", { class: "dso-header" }, h("h2", { id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("button", { type: "button", class: "dso-close", onClick: () => this.closeModal() }, h("dso-icon", { icon: "times" }), h("span", { class: "sr-only" }, "Sluiten"))), h("div", { class: "dso-body dso-table-body" }, h("slot", null))))) : (h(Fragment, null, h("div", { class: "dso-table-utilities", hidden: !this.isResponsive && this.noModal }, this.isResponsive && (h("div", { class: "dso-responsive-message" }, h("span", null, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { type: "button", class: "dso-tertiary open-modal-button", onClick: () => this.openModal() }, h("span", { class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", null, "vergroten"), h("dso-icon", { icon: "external-link" })))), h("div", { class: "dso-table-body" }, h("slot", null))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;
@@ -1331,6 +1319,6 @@ function defineCustomElement() {
 }
 
 export { Table as T, defineCustomElement as d };
-//# sourceMappingURL=p-DbW5xEkj.js.map
+//# sourceMappingURL=p-bgDHZ-CT.js.map
 
-//# sourceMappingURL=p-DbW5xEkj.js.map
+//# sourceMappingURL=p-bgDHZ-CT.js.map

package/dist/bundle/p-bgDHZ-CT.js.map

@@ -0,0 +1 @@
+{"file":"p-bgDHZ-CT.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,MAAM,CAAC;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/table/table.scss?tag=dso-table&encapsulation=shadow","src/components/table/table.tsx"],"sourcesContent":["@use \"sass:color\";\r\n\r\n@use \"~dso-toolkit/src/components/grid/grid.variables\" as grid-variables;\r\n@use \"~dso-toolkit/src/components/modal/modal.variables\" as modal-variables;\r\n\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n@use \"~dso-toolkit/src/components/modal\";\r\n@use \"~dso-toolkit/src/components/rich-content\";\r\n@use \"~dso-toolkit/src/components/table\";\r\n\r\n:host {\r\n  display: block;\r\n  margin-block-end: units.$u3;\r\n}\r\n\r\n.dso-header {\r\n  min-block-size: units.$u4;\r\n\r\n  h2 {\r\n    color: colors.$bosgroen;\r\n    font-size: units.$font-size-h2;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .dso-close {\r\n    color: colors.$bosgroen;\r\n  }\r\n}\r\n\r\n:host .dso-modal {\r\n  margin: 0;\r\n  background-color: transparent;\r\n  inline-size: 100dvi;\r\n\r\n  @include modal.root();\r\n}\r\n\r\n.dso-modal .dso-dialog.dso-table-dialog {\r\n  margin-block-start: 1rem;\r\n  margin-inline-start: 1rem;\r\n  margin-inline-end: 1rem;\r\n  inline-size: 100%;\r\n\r\n  .dso-body {\r\n    $dso-body-unavailable-height: (\r\n      (2 * modal.$header-padding) + (modal.$footer-button-block-size + modal.$footer-padding)\r\n    );\r\n    max-block-size: calc(100vh - #{$dso-body-unavailable-height} - 1.5em - 2rem); // margin\r\n  }\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n    max-inline-size: 100%;\r\n  }\r\n}\r\n\r\n:host([is-responsive=\"true\"]) {\r\n  .dso-table-body {\r\n    border: 1px solid table.$border-color;\r\n    margin-block-end: 0;\r\n    overflow-y: auto;\r\n    inline-size: 100%;\r\n\r\n    &.dso-body {\r\n      inline-size: calc(100% - modal.$body-padding * 2);\r\n    }\r\n  }\r\n}\r\n\r\n.dso-table-utilities:not([hidden]) {\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-block-end: units.$u1;\r\n\r\n  .dso-responsive-message {\r\n    margin-block-end: 0;\r\n\r\n    &:only-child {\r\n      inline-size: 100%;\r\n    }\r\n  }\r\n\r\n  .open-modal-button {\r\n    &:only-child {\r\n      margin-inline-start: auto;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-responsive-message {\r\n  font-size: 0.8em;\r\n  margin-block-end: units.$u1;\r\n  position: relative;\r\n  text-align: center;\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.dso-table-placeholder {\r\n  box-shadow: inset 0 0 0 1px table.$border-color;\r\n  display: grid;\r\n  place-content: center;\r\n}\r\n","import { Component, ComponentInterface, Element, Fragment, Host, Prop, State, h } from \"@stencil/core\";\r\nimport debounce from \"debounce\";\r\nimport { v4 } from \"uuid\";\r\n\r\n@Component({\r\n  tag: \"dso-table\",\r\n  styleUrl: \"table.scss\",\r\n  shadow: true,\r\n})\r\nexport class Table implements ComponentInterface {\r\n  private resizeObserver?: ResizeObserver;\r\n\r\n  private dialogElement?: HTMLDialogElement;\r\n\r\n  private labelledbyId = v4();\r\n\r\n  @Element()\r\n  host!: HTMLDsoTableElement;\r\n\r\n  /**\r\n   * Prevents the table being opened in a modal.\r\n   */\r\n  @Prop({ reflect: true })\r\n  noModal = false;\r\n\r\n  @State()\r\n  isResponsive?: boolean;\r\n\r\n  @State()\r\n  modalActive = false;\r\n\r\n  @State()\r\n  placeholderHeight?: number;\r\n\r\n  private startResponsiveBehavior(): void {\r\n    this.resizeObserver?.observe(this.host);\r\n  }\r\n\r\n  private dialogCloseEventListener = () => {\r\n    this.closeModal();\r\n  };\r\n\r\n  componentWillLoad(): void {\r\n    this.resizeObserver = new ResizeObserver(debounce((entries) => this.setResponsiveTable(entries), 200));\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    this.startResponsiveBehavior();\r\n  }\r\n\r\n  componentDidRender() {\r\n    if (this.modalActive) {\r\n      this.dialogElement?.showModal();\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.resizeObserver?.disconnect();\r\n  }\r\n\r\n  render() {\r\n    const caption = this.host.querySelector(\":scope > table > caption\")?.textContent?.trim();\r\n\r\n    return (\r\n      <Host is-responsive={this.isResponsive?.toString()}>\r\n        {this.modalActive && this.placeholderHeight && (\r\n          <div class=\"dso-table-placeholder\" style={{ height: `${this.placeholderHeight}px` }} />\r\n        )}\r\n\r\n        {this.modalActive ? (\r\n          <dialog\r\n            class=\"dso-modal\"\r\n            ref={(element) => (this.dialogElement = element)}\r\n            onClose={this.dialogCloseEventListener}\r\n          >\r\n            <div class=\"dso-dialog dso-table-dialog\" aria-labelledby={this.labelledbyId}>\r\n              <div class=\"dso-header\">\r\n                <h2 id={this.labelledbyId} class={{ \"sr-only\": !caption }}>\r\n                  {caption || \"Uitvergrote tabel dialoog\"}\r\n                </h2>\r\n                <button type=\"button\" class=\"dso-close\" onClick={() => this.closeModal()}>\r\n                  <dso-icon icon=\"times\"></dso-icon>\r\n                  <span class=\"sr-only\">Sluiten</span>\r\n                </button>\r\n              </div>\r\n\r\n              <div class=\"dso-body dso-table-body\">\r\n                <slot />\r\n              </div>\r\n            </div>\r\n          </dialog>\r\n        ) : (\r\n          <Fragment>\r\n            <div class=\"dso-table-utilities\" hidden={!this.isResponsive && this.noModal}>\r\n              {this.isResponsive && (\r\n                <div class=\"dso-responsive-message\">\r\n                  <span>beweeg de tabel van links naar rechts</span>\r\n                </div>\r\n              )}\r\n\r\n              {!this.noModal && (\r\n                <button type=\"button\" class=\"dso-tertiary open-modal-button\" onClick={() => this.openModal()}>\r\n                  <span class=\"sr-only\">tabel {caption ?? \"\"} </span>\r\n                  <span>vergroten</span>\r\n                  <dso-icon icon=\"external-link\"></dso-icon>\r\n                </button>\r\n              )}\r\n            </div>\r\n\r\n            <div class=\"dso-table-body\">\r\n              <slot />\r\n            </div>\r\n          </Fragment>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private openModal() {\r\n    this.placeholderHeight = this.host.clientHeight;\r\n    this.modalActive = true;\r\n  }\r\n\r\n  private closeModal() {\r\n    this.placeholderHeight = undefined;\r\n    this.dialogElement?.close();\r\n    this.modalActive = false;\r\n  }\r\n\r\n  private setResponsiveTable([dsoTable]: ResizeObserverEntry[]): void {\r\n    if (!dsoTable) {\r\n      throw new Error(\"No dsoTable found\");\r\n    }\r\n\r\n    const tableElement = dsoTable.target.querySelector(\"table\");\r\n\r\n    if (dsoTable && tableElement instanceof HTMLTableElement) {\r\n      this.isResponsive =\r\n        Math.floor(tableElement.getBoundingClientRect().width) > Math.floor(dsoTable.contentRect.width);\r\n    }\r\n  }\r\n}\r\n"],"version":3}

package/dist/bundle/{p-DopSenBv.js → p-kKdt-6mr.js}

@@ -1,5 +1,5 @@
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow, h as hide } from './p-_RZbmuMU.js';
-import { h } from './p-BeWimuZg.js';
+import { h } from './p-DBWrx_3r.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 
 /**
@@ -104,6 +104,6 @@ const Tooltip = ({ visible, onAfterHidden, tipElementRef, tipArrowElementRef },
     } }, h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), h("div", { class: "tooltip-inner" }, children)));
 
 export { Tooltip as T, positionTooltip as p };
-//# sourceMappingURL=p-DopSenBv.js.map
+//# sourceMappingURL=p-kKdt-6mr.js.map
 
-//# sourceMappingURL=p-DopSenBv.js.map
+//# sourceMappingURL=p-kKdt-6mr.js.map

package/dist/bundle/{p-DopSenBv.js.map → p-kKdt-6mr.js.map}

@@ -1 +1 @@
-{"file":"p-DopSenBv.js","mappings":"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","names":[],"sources":["src/functional-components/tooltip/position-tooltip.function.ts","src/functional-components/tooltip/tooltip.functional-component.tsx"],"sourcesContent":["import { Placement, arrow, autoUpdate, computePosition, flip, hide, offset, shift } from \"@floating-ui/dom\";\r\n\r\nimport { TooltipOptions } from \"./tooltip.interfaces\";\r\n\r\n/**\r\n * Positions the Tooltip relative to its reference element.\r\n * The position is recalculated automatically on scroll, resize, or\r\n * element changes via `autoUpdate`, but is otherwise based only on the\r\n * provided arguments 'placementTip', 'topPositionSmallViewPort' and 'halfMainAxisOffset'.\r\n */\r\nexport function positionTooltip(options: TooltipOptions) {\r\n  const {\r\n    referenceElement,\r\n    tipRef,\r\n    tipArrowRef,\r\n    placementTip,\r\n    topPositionSmallViewPort,\r\n    halfMainAxisOffset,\r\n    forceVisible = false,\r\n  } = options;\r\n\r\n  return autoUpdate(referenceElement, tipRef, () => {\r\n    const padding = 5;\r\n    const arrowLength = tipArrowRef.offsetWidth;\r\n    const axisOffsetCalc = Math.sqrt(2 * arrowLength ** 2);\r\n    const mainAxisOffset = halfMainAxisOffset ? axisOffsetCalc / 2 : axisOffsetCalc;\r\n    const arrowPadding = arrowLength * Math.sqrt(2) * 1.5;\r\n    const smallViewport = topPositionSmallViewPort && document.body.clientWidth < 992;\r\n\r\n    // Set placement to top if viewport is small and topPositionSmallViewPort is set to true\r\n    const placement: Placement = smallViewport ? \"top\" : placementTip;\r\n\r\n    computePosition(referenceElement, tipRef, {\r\n      strategy: \"fixed\",\r\n      middleware: [\r\n        offset({\r\n          mainAxis: mainAxisOffset,\r\n          alignmentAxis: -arrowPadding,\r\n        }),\r\n        flip({\r\n          padding,\r\n        }),\r\n        shift({\r\n          padding,\r\n        }),\r\n        arrow({\r\n          padding: arrowPadding,\r\n          element: tipArrowRef,\r\n        }),\r\n        hide({\r\n          padding: arrowPadding + arrowLength + padding,\r\n        }),\r\n      ],\r\n      placement,\r\n    }).then(({ x, y, middlewareData, placement: computedPlacement, strategy }) => {\r\n      if (middlewareData.hide) {\r\n        // Tooltip needs to be visible at all times on small viewports or when forceVisible is true\r\n        const disappear = !smallViewport && !forceVisible && middlewareData.hide.referenceHidden;\r\n\r\n        Object.assign(tipRef.style, {\r\n          // Both of these properties have a CSS transition\r\n          visibility: disappear ? \"hidden\" : \"visible\",\r\n          opacity: disappear ? 0 : 1,\r\n        });\r\n      }\r\n\r\n      Object.assign(tipRef.style, {\r\n        left: `${x}px`,\r\n        top: `${y}px`,\r\n        strategy,\r\n      });\r\n\r\n      const side = computedPlacement.split(\"-\")[0];\r\n\r\n      const staticSide = side\r\n        ? {\r\n            top: \"bottom\",\r\n            right: \"left\",\r\n            bottom: \"top\",\r\n            left: \"right\",\r\n          }[side]\r\n        : \"top\";\r\n\r\n      let angle;\r\n      switch (staticSide) {\r\n        default:\r\n        case \"top\":\r\n          angle = 45;\r\n          break;\r\n        case \"right\":\r\n          angle = 135;\r\n          break;\r\n        case \"bottom\":\r\n          angle = 225;\r\n          break;\r\n        case \"left\":\r\n          angle = 315;\r\n          break;\r\n      }\r\n\r\n      if (middlewareData.arrow && staticSide) {\r\n        const { x: arrowX, y: arrowY } = middlewareData.arrow;\r\n\r\n        Object.assign(tipArrowRef.style, {\r\n          right: \"\",\r\n          bottom: \"\",\r\n          left: arrowX ? `${arrowX}px` : \"\",\r\n          top: arrowY ? `${arrowY}px` : \"\",\r\n          [staticSide]: `${-arrowLength / 2}px`,\r\n          transform: `rotate(${angle}deg)`,\r\n        });\r\n      }\r\n    });\r\n  });\r\n}\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\ninterface TooltipProps {\r\n  visible: boolean;\r\n  onAfterHidden: () => void;\r\n  tipElementRef: (ref: HTMLDivElement | undefined) => void;\r\n  tipArrowElementRef: (ref: HTMLSpanElement | undefined) => void;\r\n}\r\n\r\nexport const Tooltip: FunctionalComponent<TooltipProps> = (\r\n  { visible, onAfterHidden, tipElementRef, tipArrowElementRef },\r\n  children,\r\n) => (\r\n  <div\r\n    popover=\"manual\"\r\n    id=\"tooltip\"\r\n    class={clsx([\"dso-tooltip\", { visible }])}\r\n    ref={tipElementRef}\r\n    onTransitionEnd={(e) => {\r\n      e.stopPropagation();\r\n\r\n      if (e.propertyName === \"opacity\" && !visible) {\r\n        onAfterHidden();\r\n      }\r\n    }}\r\n  >\r\n    <span class=\"tooltip-arrow\" ref={tipArrowElementRef}></span>\r\n    <div class=\"tooltip-inner\">{children}</div>\r\n  </div>\r\n);\r\n"],"version":3}
+{"file":"p-kKdt-6mr.js","mappings":"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","names":[],"sources":["src/functional-components/tooltip/position-tooltip.function.ts","src/functional-components/tooltip/tooltip.functional-component.tsx"],"sourcesContent":["import { Placement, arrow, autoUpdate, computePosition, flip, hide, offset, shift } from \"@floating-ui/dom\";\r\n\r\nimport { TooltipOptions } from \"./tooltip.interfaces\";\r\n\r\n/**\r\n * Positions the Tooltip relative to its reference element.\r\n * The position is recalculated automatically on scroll, resize, or\r\n * element changes via `autoUpdate`, but is otherwise based only on the\r\n * provided arguments 'placementTip', 'topPositionSmallViewPort' and 'halfMainAxisOffset'.\r\n */\r\nexport function positionTooltip(options: TooltipOptions) {\r\n  const {\r\n    referenceElement,\r\n    tipRef,\r\n    tipArrowRef,\r\n    placementTip,\r\n    topPositionSmallViewPort,\r\n    halfMainAxisOffset,\r\n    forceVisible = false,\r\n  } = options;\r\n\r\n  return autoUpdate(referenceElement, tipRef, () => {\r\n    const padding = 5;\r\n    const arrowLength = tipArrowRef.offsetWidth;\r\n    const axisOffsetCalc = Math.sqrt(2 * arrowLength ** 2);\r\n    const mainAxisOffset = halfMainAxisOffset ? axisOffsetCalc / 2 : axisOffsetCalc;\r\n    const arrowPadding = arrowLength * Math.sqrt(2) * 1.5;\r\n    const smallViewport = topPositionSmallViewPort && document.body.clientWidth < 992;\r\n\r\n    // Set placement to top if viewport is small and topPositionSmallViewPort is set to true\r\n    const placement: Placement = smallViewport ? \"top\" : placementTip;\r\n\r\n    computePosition(referenceElement, tipRef, {\r\n      strategy: \"fixed\",\r\n      middleware: [\r\n        offset({\r\n          mainAxis: mainAxisOffset,\r\n          alignmentAxis: -arrowPadding,\r\n        }),\r\n        flip({\r\n          padding,\r\n        }),\r\n        shift({\r\n          padding,\r\n        }),\r\n        arrow({\r\n          padding: arrowPadding,\r\n          element: tipArrowRef,\r\n        }),\r\n        hide({\r\n          padding: arrowPadding + arrowLength + padding,\r\n        }),\r\n      ],\r\n      placement,\r\n    }).then(({ x, y, middlewareData, placement: computedPlacement, strategy }) => {\r\n      if (middlewareData.hide) {\r\n        // Tooltip needs to be visible at all times on small viewports or when forceVisible is true\r\n        const disappear = !smallViewport && !forceVisible && middlewareData.hide.referenceHidden;\r\n\r\n        Object.assign(tipRef.style, {\r\n          // Both of these properties have a CSS transition\r\n          visibility: disappear ? \"hidden\" : \"visible\",\r\n          opacity: disappear ? 0 : 1,\r\n        });\r\n      }\r\n\r\n      Object.assign(tipRef.style, {\r\n        left: `${x}px`,\r\n        top: `${y}px`,\r\n        strategy,\r\n      });\r\n\r\n      const side = computedPlacement.split(\"-\")[0];\r\n\r\n      const staticSide = side\r\n        ? {\r\n            top: \"bottom\",\r\n            right: \"left\",\r\n            bottom: \"top\",\r\n            left: \"right\",\r\n          }[side]\r\n        : \"top\";\r\n\r\n      let angle;\r\n      switch (staticSide) {\r\n        default:\r\n        case \"top\":\r\n          angle = 45;\r\n          break;\r\n        case \"right\":\r\n          angle = 135;\r\n          break;\r\n        case \"bottom\":\r\n          angle = 225;\r\n          break;\r\n        case \"left\":\r\n          angle = 315;\r\n          break;\r\n      }\r\n\r\n      if (middlewareData.arrow && staticSide) {\r\n        const { x: arrowX, y: arrowY } = middlewareData.arrow;\r\n\r\n        Object.assign(tipArrowRef.style, {\r\n          right: \"\",\r\n          bottom: \"\",\r\n          left: arrowX ? `${arrowX}px` : \"\",\r\n          top: arrowY ? `${arrowY}px` : \"\",\r\n          [staticSide]: `${-arrowLength / 2}px`,\r\n          transform: `rotate(${angle}deg)`,\r\n        });\r\n      }\r\n    });\r\n  });\r\n}\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\ninterface TooltipProps {\r\n  visible: boolean;\r\n  onAfterHidden: () => void;\r\n  tipElementRef: (ref: HTMLDivElement | undefined) => void;\r\n  tipArrowElementRef: (ref: HTMLSpanElement | undefined) => void;\r\n}\r\n\r\nexport const Tooltip: FunctionalComponent<TooltipProps> = (\r\n  { visible, onAfterHidden, tipElementRef, tipArrowElementRef },\r\n  children,\r\n) => (\r\n  <div\r\n    popover=\"manual\"\r\n    id=\"tooltip\"\r\n    class={clsx([\"dso-tooltip\", { visible }])}\r\n    ref={tipElementRef}\r\n    onTransitionEnd={(e) => {\r\n      e.stopPropagation();\r\n\r\n      if (e.propertyName === \"opacity\" && !visible) {\r\n        onAfterHidden();\r\n      }\r\n    }}\r\n  >\r\n    <span class=\"tooltip-arrow\" ref={tipArrowElementRef}></span>\r\n    <div class=\"tooltip-inner\">{children}</div>\r\n  </div>\r\n);\r\n"],"version":3}

package/dist/bundle/{p-BM23zmnX.js → p-lZrM2D5q.js}

@@ -1,10 +1,10 @@
-import { h, F as Fragment } from './p-BeWimuZg.js';
+import { h, F as Fragment } from './p-DBWrx_3r.js';
 
 const AnnotationListRenvooiValues = ({ values }) => {
     return (h(Fragment, null, values === null || values === void 0 ? void 0 : values.map((v, i) => (h(Fragment, null, i > 0 && ", ", h("dso-renvooi", { value: v }))))));
 };
 
 export { AnnotationListRenvooiValues as A };
-//# sourceMappingURL=p-BM23zmnX.js.map
+//# sourceMappingURL=p-lZrM2D5q.js.map
 
-//# sourceMappingURL=p-BM23zmnX.js.map
+//# sourceMappingURL=p-lZrM2D5q.js.map

package/dist/bundle/{p-BM23zmnX.js.map → p-lZrM2D5q.js.map}

@@ -1 +1 @@
-{"file":"p-BM23zmnX.js","mappings":";;MAQa,2BAA2B,GAAqD,CAAC,EAAE,MAAM,EAAE,KAAI;AAC1G,IAAA,QACE,CACG,CAAA,QAAA,EAAA,IAAA,EAAA,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAChB,CAAA,CAAA,QAAA,EAAA,IAAA,EACG,CAAC,GAAG,CAAC,IAAI,IAAI,EACd,CAAa,CAAA,aAAA,EAAA,EAAA,KAAK,EAAE,CAAC,EAAA,CAAI,CACxB,CACJ,CAAC,CACD;AAEP;;;;","names":[],"sources":["src/components/annotation/annotation-list-renvooi-values.tsx"],"sourcesContent":["import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { RenvooiValue } from \"../renvooi/renvooi.interfaces\";\r\n\r\ninterface AnnotationListRenvooiValues {\r\n  values: RenvooiValue[] | undefined;\r\n}\r\n\r\nexport const AnnotationListRenvooiValues: FunctionalComponent<AnnotationListRenvooiValues> = ({ values }) => {\r\n  return (\r\n    <>\r\n      {values?.map((v, i) => (\r\n        <>\r\n          {i > 0 && \", \"}\r\n          <dso-renvooi value={v} />\r\n        </>\r\n      ))}\r\n    </>\r\n  );\r\n};\r\n"],"version":3}
+{"file":"p-lZrM2D5q.js","mappings":";;MAQa,2BAA2B,GAAqD,CAAC,EAAE,MAAM,EAAE,KAAI;AAC1G,IAAA,QACE,CACG,CAAA,QAAA,EAAA,IAAA,EAAA,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAChB,CAAA,CAAA,QAAA,EAAA,IAAA,EACG,CAAC,GAAG,CAAC,IAAI,IAAI,EACd,CAAa,CAAA,aAAA,EAAA,EAAA,KAAK,EAAE,CAAC,EAAA,CAAI,CACxB,CACJ,CAAC,CACD;AAEP;;;;","names":[],"sources":["src/components/annotation/annotation-list-renvooi-values.tsx"],"sourcesContent":["import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { RenvooiValue } from \"../renvooi/renvooi.interfaces\";\r\n\r\ninterface AnnotationListRenvooiValues {\r\n  values: RenvooiValue[] | undefined;\r\n}\r\n\r\nexport const AnnotationListRenvooiValues: FunctionalComponent<AnnotationListRenvooiValues> = ({ values }) => {\r\n  return (\r\n    <>\r\n      {values?.map((v, i) => (\r\n        <>\r\n          {i > 0 && \", \"}\r\n          <dso-renvooi value={v} />\r\n        </>\r\n      ))}\r\n    </>\r\n  );\r\n};\r\n"],"version":3}

package/dist/bundle/{p-DtEJ6M24.js → p-pLR5tmBg.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, f as forceUpdate, h, t as transformTag } from './p-BeWimuZg.js';
+import { p as proxyCustomElement, H, f as forceUpdate, h, t as transformTag } from './p-DBWrx_3r.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 
 const buttonGroupCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}`;
@@ -55,6 +55,6 @@ function defineCustomElement() {
 }
 
 export { ButtonGroup as B, defineCustomElement as d };
-//# sourceMappingURL=p-DtEJ6M24.js.map
+//# sourceMappingURL=p-pLR5tmBg.js.map
 
-//# sourceMappingURL=p-DtEJ6M24.js.map
+//# sourceMappingURL=p-pLR5tmBg.js.map

package/dist/bundle/{p-DtEJ6M24.js.map → p-pLR5tmBg.js.map}

@@ -1 +1 @@
-{"file":"p-DtEJ6M24.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,ooCAAooC,CAAC;;MCUtpC,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;;;AAIG;AAEH,QAAA,IAAS,CAAA,SAAA,GAAyB,KAAK;AAgCxC;IAzBC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAK;YAChD,WAAW,CAAC,IAAI,CAAC;AACnB,SAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;AACvC,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA,CAAC;;IAGJ,oBAAoB,GAAA;;QAClB,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,EAAE;;AAGrC,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC;;IAGvD,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI,EAAC,OAAO,EAAA,EACpF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/button-group/button-group.scss?tag=dso-button-group&encapsulation=shadow","src/components/button-group/button-group.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: inline-block;\r\n}\r\n\r\n.container {\r\n  display: inline-flex;\r\n  border-radius: button.$border-radius;\r\n\r\n  &.has-map-buttons {\r\n    @include button.map-box-shadow();\r\n\r\n    background-color: colors.$grijs-20;\r\n    gap: 1px;\r\n  }\r\n}\r\n\r\n::slotted(*) {\r\n  margin: 0 !important;\r\n}\r\n\r\n:host([direction=\"row\"]) {\r\n  ::slotted(:not(:first-child)) {\r\n    border-start-start-radius: 0 !important;\r\n    border-end-start-radius: 0 !important;\r\n  }\r\n\r\n  ::slotted(:not(:last-child)) {\r\n    border-start-end-radius: 0 !important;\r\n    border-end-end-radius: 0 !important;\r\n  }\r\n\r\n  ::slotted(.dso-secondary) {\r\n    margin-inline-start: -1px !important;\r\n  }\r\n}\r\n\r\n:host([direction=\"column\"]) {\r\n  .container {\r\n    flex-direction: column;\r\n  }\r\n\r\n  ::slotted(*) {\r\n    text-align: center !important;\r\n  }\r\n\r\n  ::slotted(:not(:first-child)) {\r\n    border-start-start-radius: 0 !important;\r\n    border-start-end-radius: 0 !important;\r\n  }\r\n\r\n  ::slotted(:not(:last-child)) {\r\n    border-end-start-radius: 0 !important;\r\n    border-end-end-radius: 0 !important;\r\n  }\r\n\r\n  ::slotted(.dso-secondary) {\r\n    margin-block-start: -1px !important;\r\n  }\r\n}\r\n\r\n::slotted(:focus-visible) {\r\n  z-index: 1 !important;\r\n}\r\n\r\n::slotted(.dso-map) {\r\n  box-shadow: none !important;\r\n}\r\n","import { Component, ComponentInterface, Element, Prop, forceUpdate, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { ButtonGroupDirection } from \"./button-group.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-button-group\",\r\n  styleUrl: \"button-group.scss\",\r\n  shadow: true,\r\n})\r\nexport class ButtonGroup implements ComponentInterface {\r\n  /**\r\n   * The direction in which the buttons are displayed.\r\n   *\r\n   * Defaults to `row`.\r\n   */\r\n  @Prop({ reflect: true })\r\n  direction: ButtonGroupDirection = \"row\";\r\n\r\n  @Element()\r\n  private host!: HTMLDsoButtonGroupElement;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver = new MutationObserver(() => {\r\n      forceUpdate(this);\r\n    });\r\n\r\n    this.mutationObserver.observe(this.host, {\r\n      childList: true,\r\n    });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  get hasMapButtons(): boolean {\r\n    return !!this.host.querySelector(\":scope > .dso-map\");\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={clsx(\"container\", { \"has-map-buttons\": this.hasMapButtons })} role=\"group\">\r\n        <slot />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"p-pLR5tmBg.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,ooCAAooC,CAAC;;MCUtpC,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;;;AAIG;AAEH,QAAA,IAAS,CAAA,SAAA,GAAyB,KAAK;AAgCxC;IAzBC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAK;YAChD,WAAW,CAAC,IAAI,CAAC;AACnB,SAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;AACvC,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA,CAAC;;IAGJ,oBAAoB,GAAA;;QAClB,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,EAAE;;AAGrC,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC;;IAGvD,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI,EAAC,OAAO,EAAA,EACpF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/button-group/button-group.scss?tag=dso-button-group&encapsulation=shadow","src/components/button-group/button-group.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: inline-block;\r\n}\r\n\r\n.container {\r\n  display: inline-flex;\r\n  border-radius: button.$border-radius;\r\n\r\n  &.has-map-buttons {\r\n    @include button.map-box-shadow();\r\n\r\n    background-color: colors.$grijs-20;\r\n    gap: 1px;\r\n  }\r\n}\r\n\r\n::slotted(*) {\r\n  margin: 0 !important;\r\n}\r\n\r\n:host([direction=\"row\"]) {\r\n  ::slotted(:not(:first-child)) {\r\n    border-start-start-radius: 0 !important;\r\n    border-end-start-radius: 0 !important;\r\n  }\r\n\r\n  ::slotted(:not(:last-child)) {\r\n    border-start-end-radius: 0 !important;\r\n    border-end-end-radius: 0 !important;\r\n  }\r\n\r\n  ::slotted(.dso-secondary) {\r\n    margin-inline-start: -1px !important;\r\n  }\r\n}\r\n\r\n:host([direction=\"column\"]) {\r\n  .container {\r\n    flex-direction: column;\r\n  }\r\n\r\n  ::slotted(*) {\r\n    text-align: center !important;\r\n  }\r\n\r\n  ::slotted(:not(:first-child)) {\r\n    border-start-start-radius: 0 !important;\r\n    border-start-end-radius: 0 !important;\r\n  }\r\n\r\n  ::slotted(:not(:last-child)) {\r\n    border-end-start-radius: 0 !important;\r\n    border-end-end-radius: 0 !important;\r\n  }\r\n\r\n  ::slotted(.dso-secondary) {\r\n    margin-block-start: -1px !important;\r\n  }\r\n}\r\n\r\n::slotted(:focus-visible) {\r\n  z-index: 1 !important;\r\n}\r\n\r\n::slotted(.dso-map) {\r\n  box-shadow: none !important;\r\n}\r\n","import { Component, ComponentInterface, Element, Prop, forceUpdate, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { ButtonGroupDirection } from \"./button-group.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-button-group\",\r\n  styleUrl: \"button-group.scss\",\r\n  shadow: true,\r\n})\r\nexport class ButtonGroup implements ComponentInterface {\r\n  /**\r\n   * The direction in which the buttons are displayed.\r\n   *\r\n   * Defaults to `row`.\r\n   */\r\n  @Prop({ reflect: true })\r\n  direction: ButtonGroupDirection = \"row\";\r\n\r\n  @Element()\r\n  private host!: HTMLDsoButtonGroupElement;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver = new MutationObserver(() => {\r\n      forceUpdate(this);\r\n    });\r\n\r\n    this.mutationObserver.observe(this.host, {\r\n      childList: true,\r\n    });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  get hasMapButtons(): boolean {\r\n    return !!this.host.querySelector(\":scope > .dso-map\");\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={clsx(\"container\", { \"has-map-buttons\": this.hasMapButtons })} role=\"group\">\r\n        <slot />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/bundle/{p-C0ZvZbHD.js → p-pxiVAmq4.js}

@@ -1749,6 +1749,9 @@ class I18n extends EventEmitter {
     if (options.nsSeparator !== undefined) {
       this.options.userDefinedNsSeparator = options.nsSeparator;
     }
+    if (typeof this.options.overloadTranslationOptionHandler !== 'function') {
+      this.options.overloadTranslationOptionHandler = defOpts.overloadTranslationOptionHandler;
+    }
     const createClassOnDemand = ClassOrObject => {
       if (!ClassOrObject) return null;
       if (typeof ClassOrObject === 'function') return new ClassOrObject();
@@ -2164,6 +2167,7 @@ class I18n extends EventEmitter {
       clone.store = new ResourceStore(clonedData, mergedOptions);
       clone.services.resourceStore = clone.store;
     }
+    if (options.interpolation) clone.services.interpolator = new Interpolator(mergedOptions);
     clone.translator = new Translator(clone.services, mergedOptions);
     clone.translator.on('*', (event, ...args) => {
       clone.emit(event, ...args);
@@ -2224,6 +2228,6 @@ function i18n(getElement, resources) {
 }
 
 export { i18n as i };
-//# sourceMappingURL=p-C0ZvZbHD.js.map
+//# sourceMappingURL=p-pxiVAmq4.js.map
 
-//# sourceMappingURL=p-C0ZvZbHD.js.map
+//# sourceMappingURL=p-pxiVAmq4.js.map