@dso-toolkit/core 88.1.1 → 90.0.0

package/dist/bundle/p-DnEMX0HG.js

@@ -0,0 +1,85 @@
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
+import { A as AnnotationBody } from './p-BrjfgYHu.js';
+import { w as watcher, A as AnnotationGewijzigdeLocatie, a as AnnotationSymbolSlot } from './p-Co2uuask.js';
+import { d as defineCustomElement$6 } from './p-DE7WGgpi.js';
+import { d as defineCustomElement$5 } from './p-CYWYJZS6.js';
+import { d as defineCustomElement$4 } from './p-B6OelUh-.js';
+import { d as defineCustomElement$3 } from './p-BW1PprKl.js';
+import { d as defineCustomElement$2 } from './p-Bbf_KhJ-.js';
+import { d as defineCustomElement$1 } from './p-DzcBPvon.js';
+
+const annotationCss = () => `a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}`;
+
+const AnnotationLocatie = /*@__PURE__*/ proxyCustomElement(class AnnotationLocatie extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.dsoActiveChange = createEvent(this, "dsoActiveChange", 7);
+        this.watcher = watcher(this.host);
+    }
+    connectedCallback() {
+        this.watcher.watch();
+    }
+    disconnectedCallback() {
+        this.watcher.unwatch();
+    }
+    render() {
+        const hasSymbool = this.watcher.hasSymbool();
+        return (h(AnnotationBody, { key: 'f73c4480e55cea90ca7774c1d53fe9132c2af190', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+    }
+    get host() { return this; }
+    static get style() { return annotationCss(); }
+}, [1, "dso-annotation-locatie", {
+        "wijzigactie": [513],
+        "active": [516],
+        "gewijzigdeLocatie": [516, "gewijzigde-locatie"],
+        "locatieNoemer": [1, "locatie-noemer"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-annotation-locatie", "dso-icon", "dso-icon-button", "dso-label", "dso-renvooi", "dso-slide-toggle", "dso-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-annotation-locatie":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), AnnotationLocatie);
+            }
+            break;
+        case "dso-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$6();
+            }
+            break;
+        case "dso-icon-button":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$5();
+            }
+            break;
+        case "dso-label":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$4();
+            }
+            break;
+        case "dso-renvooi":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "dso-slide-toggle":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "dso-tooltip":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { AnnotationLocatie as A, defineCustomElement as d };

package/dist/bundle/{p-CBhOl8xD.js → p-DzcBPvon.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DBWrx_3r.js';
+import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-DmmKAUIT.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 import { d as debounce$1 } from './p-baWVwd8J.js';
 
@@ -1864,7 +1864,10 @@ const applyMaxSize = {
         if (width < 160) {
             width = 160;
         }
-        state.styles.popper = Object.assign(Object.assign({}, state.styles.popper), { maxWidth: `${width}px` });
+        state.styles.popper = {
+            ...state.styles.popper,
+            maxWidth: `${width}px`,
+        };
     },
 };
 const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
@@ -1907,8 +1910,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             },
         };
         this.onMouseLeave = () => {
-            var _a;
-            if (!this.element.matches(":hover") && !((_a = this.target) === null || _a === void 0 ? void 0 : _a.matches(":hover"))) {
+            if (!this.element.matches(":hover") && !this.target?.matches(":hover")) {
                 this.callbacks.deactivate();
             }
         };
@@ -1919,9 +1921,8 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             }
         };
         this.deactivatePopper = debounce$1(() => {
-            var _a;
             this.hidden = true;
-            (_a = this.popper) === null || _a === void 0 ? void 0 : _a.destroy();
+            this.popper?.destroy();
             this.popper = undefined;
         }, transitionDuration);
         _Tooltip_target.set(this, void 0);
@@ -1978,8 +1979,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             this.activatePopper();
             if (!this.stateless) {
                 setTimeout(() => {
-                    var _a;
-                    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions({
+                    this.popper?.setOptions({
                         modifiers: [{ name: "eventListeners", enabled: true }],
                     });
                     document.addEventListener("keydown", this.keyDownListener);
@@ -1995,8 +1995,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         e.stopPropagation();
     }
     componentDidLoad() {
-        var _a;
-        const tooltip = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".tooltip");
+        const tooltip = this.element.shadowRoot?.querySelector(".tooltip");
         if (!(tooltip instanceof H)) {
             throw new Error("tooltip element is not instanceof HTMLElement");
         }
@@ -2008,8 +2007,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         }
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.popper) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.popper?.destroy();
         if (!this.stateless && this.target) {
             this.target.removeEventListener("mouseenter", this.callbacks.activate);
             [this.element, this.target].forEach((element) => element.removeEventListener("mouseleave", this.onMouseLeave));
@@ -2019,21 +2017,19 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         this.target = undefined;
     }
     componentDidRender() {
-        var _a;
         if (this.active) {
-            (_a = this.popper) === null || _a === void 0 ? void 0 : _a.update();
+            this.popper?.update();
         }
     }
     render() {
-        return (h(Host, { key: '6186fdcbf9e8bae5e3e4ee74c0d8b50e6fcb700b', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '7021fed0ee65f1ce5ec74383b4cd1b2a5ccab1b3', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '87a3097f75676fee2ea94899b94065af958fa49e', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '4c4d10446ce05f816ce32fdfd4eb103cb0e58394', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: 'a520b11e7a7d930df5c4466e2f3583c71616a811' })))));
+        return (h(Host, { key: '2d80c5ab1bd38504df6a165f32ca5d34af1e8930', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'fd7bf3bd2cc5385b4fe951f2e25b6c72514258fa', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: 'd172c3520d5d6de33130b42f1eb61dc99417df1d', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'bfa193c134c33d7da17879e501fa7e7957322493', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '3dc4bb84370f0cad17166b265910bbaf8c628ecb' })))));
     }
     activatePopper() {
-        var _a;
         this.hidden = false;
         if (this.popper) {
             return;
         }
-        const tooltip = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".tooltip");
+        const tooltip = this.element.shadowRoot?.querySelector(".tooltip");
         if (this.target && tooltip instanceof H) {
             this.popper = createPopper(this.target, tooltip, {
                 placement: this.position,
@@ -2043,8 +2039,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         }
     }
     get target() {
-        var _a;
-        return (_a = __classPrivateFieldGet(this, _Tooltip_target, "f")) !== null && _a !== void 0 ? _a : this.initializeTarget();
+        return __classPrivateFieldGet(this, _Tooltip_target, "f") ?? this.initializeTarget();
     }
     set target(element) {
         __classPrivateFieldSet(this, _Tooltip_target, element, "f");
@@ -2070,9 +2065,15 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
     }
     get element() { return this; }
     static get watchers() { return {
-        "position": ["watchPosition"],
-        "strategy": ["watchStrategy"],
-        "active": ["watchActive"]
+        "position": [{
+                "watchPosition": 0
+            }],
+        "strategy": [{
+                "watchStrategy": 0
+            }],
+        "active": [{
+                "watchActive": 0
+            }]
     }; }
     static get style() { return tooltipCss(); }
 }, [257, "dso-tooltip", {
@@ -2087,9 +2088,15 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         "activate": [64],
         "deactivate": [64]
     }, undefined, {
-        "position": ["watchPosition"],
-        "strategy": ["watchStrategy"],
-        "active": ["watchActive"]
+        "position": [{
+                "watchPosition": 0
+            }],
+        "strategy": [{
+                "watchStrategy": 0
+            }],
+        "active": [{
+                "watchActive": 0
+            }]
     }]);
 _Tooltip_target = new WeakMap();
 function defineCustomElement() {
@@ -2107,6 +2114,3 @@ function defineCustomElement() {
 }
 
 export { Tooltip as T, defineCustomElement as d };
-//# sourceMappingURL=p-CBhOl8xD.js.map
-
-//# sourceMappingURL=p-CBhOl8xD.js.map

package/dist/{esm/i18n-pxiVAmq4.js → bundle/p-FXEjFTzg.js}

@@ -1009,9 +1009,6 @@ class PluralResolver {
     this.logger = baseLogger.create('pluralResolver');
     this.pluralRulesCache = {};
   }
-  addRule(lng, obj) {
-    this.rules[lng] = obj;
-  }
   clearCache() {
     this.pluralRulesCache = {};
   }
@@ -1031,7 +1028,7 @@ class PluralResolver {
         type
       });
     } catch (err) {
-      if (!Intl) {
+      if (typeof Intl === 'undefined') {
         this.logger.error('No Intl support, please use an Intl polyfill!');
         return dummyRule;
       }
@@ -1212,13 +1209,13 @@ class Interpolator {
     const handleHasOptions = (key, inheritedOptions) => {
       const sep = this.nestingOptionsSeparator;
       if (key.indexOf(sep) < 0) return key;
-      const c = key.split(new RegExp(`${sep}[ ]*{`));
+      const c = key.split(new RegExp(`${regexEscape(sep)}[ ]*{`));
       let optionsString = `{${c[1]}`;
       key = c[0];
       optionsString = this.interpolate(optionsString, clonedOptions);
       const matchedSingleQuotes = optionsString.match(/'/g);
       const matchedDoubleQuotes = optionsString.match(/"/g);
-      if ((matchedSingleQuotes?.length ?? 0) % 2 === 0 && !matchedDoubleQuotes || matchedDoubleQuotes.length % 2 !== 0) {
+      if ((matchedSingleQuotes?.length ?? 0) % 2 === 0 && !matchedDoubleQuotes || (matchedDoubleQuotes?.length ?? 0) % 2 !== 0) {
         optionsString = optionsString.replace(/'/g, '"');
       }
       try {
@@ -1700,6 +1697,23 @@ const bindMemberFunctions = inst => {
     }
   });
 };
+const SUPPORT_NOTICE_KEY = '__i18next_supportNoticeShown';
+const getSupportNoticeShown = () => typeof globalThis !== 'undefined' && !!globalThis[SUPPORT_NOTICE_KEY];
+const setSupportNoticeShown = () => {
+  if (typeof globalThis !== 'undefined') globalThis[SUPPORT_NOTICE_KEY] = true;
+};
+const usesLocize = inst => {
+  if (inst?.modules?.backend?.name?.indexOf('Locize') > 0) return true;
+  if (inst?.modules?.backend?.constructor?.name?.indexOf('Locize') > 0) return true;
+  if (inst?.options?.backend?.backends) {
+    if (inst.options.backend.backends.some(b => b?.name?.indexOf('Locize') > 0 || b?.constructor?.name?.indexOf('Locize') > 0)) return true;
+  }
+  if (inst?.options?.backend?.projectId) return true;
+  if (inst?.options?.backend?.backendOptions) {
+    if (inst.options.backend.backendOptions.some(b => b?.projectId)) return true;
+  }
+  return false;
+};
 class I18n extends EventEmitter {
   constructor(options = {}, callback) {
     super();
@@ -1752,6 +1766,10 @@ class I18n extends EventEmitter {
     if (typeof this.options.overloadTranslationOptionHandler !== 'function') {
       this.options.overloadTranslationOptionHandler = defOpts.overloadTranslationOptionHandler;
     }
+    if (this.options.showSupportNotice !== false && !usesLocize(this) && !getSupportNoticeShown()) {
+      if (typeof console !== 'undefined' && typeof console.info !== 'undefined') console.info('🌐 i18next is maintained with support from Locize — consider powering your project with managed localization (AI, CDN, integrations): https://locize.com 💙');
+      setSupportNoticeShown();
+    }
     const createClassOnDemand = ClassOrObject => {
       if (!ClassOrObject) return null;
       if (typeof ClassOrObject === 'function') return new ClassOrObject();
@@ -2167,7 +2185,19 @@ class I18n extends EventEmitter {
       clone.store = new ResourceStore(clonedData, mergedOptions);
       clone.services.resourceStore = clone.store;
     }
-    if (options.interpolation) clone.services.interpolator = new Interpolator(mergedOptions);
+    if (options.interpolation) {
+      const defOpts = get();
+      const mergedInterpolation = {
+        ...defOpts.interpolation,
+        ...this.options.interpolation,
+        ...options.interpolation
+      };
+      const mergedForInterpolator = {
+        ...mergedOptions,
+        interpolation: mergedInterpolation
+      };
+      clone.services.interpolator = new Interpolator(mergedForInterpolator);
+    }
     clone.translator = new Translator(clone.services, mergedOptions);
     clone.translator.on('*', (event, ...args) => {
       clone.emit(event, ...args);
@@ -2228,6 +2258,3 @@ function i18n(getElement, resources) {
 }
 
 export { i18n as i };
-//# sourceMappingURL=i18n-pxiVAmq4.js.map
-
-//# sourceMappingURL=i18n-pxiVAmq4.js.map

package/dist/bundle/p-Hgv-pDpy.js

@@ -8,6 +8,3 @@ function isModifiedEvent(e) {
 }
 
 export { isModifiedEvent as i };
-//# sourceMappingURL=p-Hgv-pDpy.js.map
-
-//# sourceMappingURL=p-Hgv-pDpy.js.map

package/dist/bundle/{p-DDSMs62-.js → p-PsHl6ZhV.js}

@@ -1,13 +1,10 @@
 /*!
-* tabbable 6.3.0
+* tabbable 6.4.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 // NOTE: separate `:not()` selectors has broader browser support than the newer
 //  `:not([inert], [inert] *)` (Feb 2023)
-// CAREFUL: JSDom does not support `:not([inert] *)` as a selector; using it causes
-//  the entire query to fail, resulting in no nodes found, which will break a lot
-//  of things... so we have to rely on JS to identify nodes inside an inert container
-var candidateSelectors = ['input:not([inert])', 'select:not([inert])', 'textarea:not([inert])', 'a[href]:not([inert])', 'button:not([inert])', '[tabindex]:not(slot):not([inert])', 'audio[controls]:not([inert])', 'video[controls]:not([inert])', '[contenteditable]:not([contenteditable="false"]):not([inert])', 'details>summary:first-of-type:not([inert])', 'details:not([inert])'];
+var candidateSelectors = ['input:not([inert]):not([inert] *)', 'select:not([inert]):not([inert] *)', 'textarea:not([inert]):not([inert] *)', 'a[href]:not([inert]):not([inert] *)', 'button:not([inert]):not([inert] *)', '[tabindex]:not(slot):not([inert]):not([inert] *)', 'audio[controls]:not([inert]):not([inert] *)', 'video[controls]:not([inert]):not([inert] *)', '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', 'details>summary:first-of-type:not([inert]):not([inert] *)', 'details:not([inert]):not([inert] *)'];
 var candidateSelector = /* #__PURE__ */candidateSelectors.join(',');
 var NoElement = typeof Element === 'undefined';
 var matches = NoElement ? function () {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
@@ -20,7 +17,7 @@ var getRootNode = !NoElement && Element.prototype.getRootNode ? function (elemen
 
 /**
  * Determines if a node is inert or in an inert ancestor.
- * @param {Element} [node]
+ * @param {Node} [node]
  * @param {boolean} [lookUp] If true and `node` is not inert, looks up at ancestors to
  *  see if any of them are inert. If false, only `node` itself is considered.
  * @returns {boolean} True if inert itself or by way of being in an inert ancestor.
@@ -40,10 +37,10 @@ var _isInert = function isInert(node, lookUp) {
   // NOTE: this could also be handled with `node.matches('[inert], :is([inert] *)')`
   //  if it weren't for `matches()` not being a function on shadow roots; the following
   //  code works for any kind of node
-  // CAREFUL: JSDom does not appear to support certain selectors like `:not([inert] *)`
-  //  so it likely would not support `:is([inert] *)` either...
-  var result = inert || lookUp && node && _isInert(node.parentNode); // recursive
-
+  var result = inert || lookUp && node && (
+  // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  typeof node.closest === 'function' ? node.closest('[inert]') : _isInert(node.parentNode));
   return result;
 };
 
@@ -69,7 +66,7 @@ var isContentEditable = function isContentEditable(node) {
  */
 var getCandidates = function getCandidates(el, includeContainer, filter) {
   // even if `includeContainer=false`, we still have to check it for inertness because
-  //  if it's inert, all its children are inert
+  //  if it's inert (either by itself or via its parent), then all its children are inert
   if (_isInert(el)) {
     return [];
   }
@@ -485,11 +482,7 @@ var isDisabledFromFieldset = function isDisabledFromFieldset(node) {
   return false;
 };
 var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) {
-  if (node.disabled ||
-  // we must do an inert look up to filter out any elements inside an inert ancestor
-  //  because we're limited in the type of selectors we can use in JSDom (see related
-  //  note related to `candidateSelectors`)
-  _isInert(node) || isHiddenInput(node) || isHidden(node, options) ||
+  if (node.disabled || isHiddenInput(node) || isHidden(node, options) ||
   // For a details element with a summary, the summary element gets the focus
   isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
     return false;
@@ -580,7 +573,7 @@ var isTabbable = function isTabbable(node, options) {
   }
   return isNodeMatchingSelectorTabbable(options, node);
 };
-var focusableCandidateSelector = /* #__PURE__ */candidateSelectors.concat('iframe').join(',');
+var focusableCandidateSelector = /* #__PURE__ */candidateSelectors.concat('iframe:not([inert]):not([inert] *)').join(',');
 var isFocusable = function isFocusable(node, options) {
   options = options || {};
   if (!node) {
@@ -592,7 +585,4 @@ var isFocusable = function isFocusable(node, options) {
   return isNodeMatchingSelectorFocusable(options, node);
 };
 
-export { isFocusable as a, focusable as f, getTabIndex as g, isTabbable as i, tabbable as t };
-//# sourceMappingURL=p-DDSMs62-.js.map
-
-//# sourceMappingURL=p-DDSMs62-.js.map
+export { isTabbable as a, focusable as f, getTabIndex as g, isFocusable as i, tabbable as t };

package/dist/bundle/p-baWVwd8J.js

@@ -104,6 +104,3 @@ function debounce(function_, wait = 100, options = {}) {
 }
 
 export { debounce as d };
-//# sourceMappingURL=p-baWVwd8J.js.map
-
-//# sourceMappingURL=p-baWVwd8J.js.map

package/dist/bundle/{p-BgkOiu3z.js → p-cIXis8_E.js}

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, t as transformTag } from './p-DBWrx_3r.js';
-import { d as defineCustomElement$5 } from './p-Btk7RWKm.js';
-import { d as defineCustomElement$4 } from './p-DpRZJt_D.js';
-import { d as defineCustomElement$3 } from './p-VxbAefvg.js';
-import { d as defineCustomElement$2 } from './p-CVTNNCuw.js';
-import { d as defineCustomElement$1 } from './p-ecEmdirb.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
+import { d as defineCustomElement$5 } from './p-DE7WGgpi.js';
+import { d as defineCustomElement$4 } from './p-CYWYJZS6.js';
+import { d as defineCustomElement$3 } from './p-BDvMDDCP.js';
+import { d as defineCustomElement$2 } from './p-0JNed3EY.js';
+import { d as defineCustomElement$1 } from './p-cvGwDktk.js';
 
 /**
  * Form random hash
@@ -46,11 +46,10 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
      * @param active
      */
     async toggleInfo(active) {
-        this.infoActive = active !== null && active !== void 0 ? active : !this.infoActive;
+        this.infoActive = active ?? !this.infoActive;
     }
     componentDidLoad() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
         this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));
         this.mutationObserver.observe(this.host, {
             childList: true,
@@ -58,8 +57,7 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
         this.setIndeterminate();
     }
     disconnectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver?.disconnect();
     }
     setIndeterminate() {
         if (!(this.input instanceof HTMLInputElement) || this.type !== "checkbox") {
@@ -68,9 +66,8 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
         this.input.indeterminate = !!this.indeterminate;
     }
     render() {
-        var _a;
         const hasInfo = !!this.host.querySelector('[slot="info"]');
-        return (h(Fragment, { key: '8a4ee13b4d34c210f5d4c4e9151b5d7d53802d37' }, h("div", { key: 'f67278b4fde95cd251323b97e79f93fb04c9b9e2', class: "dso-selectable-container" }, h("div", { key: 'e2359fe5b5d34b2f538d1a2d5f15f27eca3d329e', class: "dso-selectable-input-wrapper" }, h("input", { key: '09172958d3854b939b4d29d922ef5aabee8f2eb8', 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: '861f5e947c5e185e1e44f98fb2b9f5f8f1de0a90', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: 'b342d8fe01db69e44a8f4c14b435de26e4267fbe', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '58cf179b6ff01f2162ae3dbc5f90efbc32ae21bb' }, h("slot", { key: '5dbec26a759ae19daad1907b895a70b7d947bd07', name: "info" })))), h("slot", { key: 'f015ceda5af6134a7812cad315f28751a8b3c57a', name: "options" })));
+        return (h(Fragment, { key: '6ce7aab50d5c05493430473ed7639573f7cf3f10' }, h("div", { key: 'e1aab5e1427301dfa952373b20a2aa1f9695bbd9', class: "dso-selectable-container" }, h("div", { key: '7b3f00070c22242808a7b99f7586ba745fcc8a72', class: "dso-selectable-input-wrapper" }, h("input", { key: 'b312557b5a6437a78a0f02bb9d1559bc9757dae3', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.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: 'a907dfac225a29710f2b8a9dd31b460c37559496', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (h("dso-info", { key: '6aaf5ec63cfb96d56745355b92ecb8d41e313765', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, h("div", { key: '48e2db17c52fdd749d38238ddb54e0e2dfe8512a' }, h("slot", { key: 'af8dbbe4984a74e42bed6a4682e935bf3a02fa55', name: "info" })))), h("slot", { key: '78d84d8b02ddc4f480608df42f42168e677b7c53', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {
@@ -78,12 +75,13 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
         }
     }
     getIdentifier() {
-        var _a;
-        return (_a = this.identifier) !== null && _a !== void 0 ? _a : this.fallbackIdentifier;
+        return this.identifier ?? this.fallbackIdentifier;
     }
     get host() { return this; }
     static get watchers() { return {
-        "indeterminate": ["setIndeterminate"]
+        "indeterminate": [{
+                "setIndeterminate": 0
+            }]
     }; }
     static get style() { return selectableCss(); }
 }, [262, "dso-selectable", {
@@ -102,7 +100,9 @@ const Selectable = /*@__PURE__*/ proxyCustomElement(class Selectable extends H {
         "infoActive": [32],
         "toggleInfo": [64]
     }, undefined, {
-        "indeterminate": ["setIndeterminate"]
+        "indeterminate": [{
+                "setIndeterminate": 0
+            }]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -144,6 +144,3 @@ function defineCustomElement() {
 }
 
 export { Selectable as S, defineCustomElement as d };
-//# sourceMappingURL=p-BgkOiu3z.js.map
-
-//# sourceMappingURL=p-BgkOiu3z.js.map

package/dist/bundle/{p-ecEmdirb.js → p-cvGwDktk.js}

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DBWrx_3r.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DmmKAUIT.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 import { d as debounce } from './p-baWVwd8J.js';
 
-const scrollableCss = () => `:host{display:block;block-size:100%;overflow-y:hidden;border-radius:var(--_dt-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:auto;padding-inline:var(--_dt-scrollable-container-padding-inline, 0);padding-block:var(--_dt-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;
+const scrollableCss = () => `:host{display:block;block-size:100%;overflow-y:hidden;border-radius:var(--_dt-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dt-scrollable-container-padding-inline, 0);padding-block:var(--_dt-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dt-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dt-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;
 
-const resizeObserver = new ResizeObserver(debounce((entries) => entries.forEach((entry) => { var _a; return (_a = getScrollableComponentFromResizeObserverEntry(entry)) === null || _a === void 0 ? void 0 : _a._setScrollState(); }), 50));
+const resizeObserver = new ResizeObserver(debounce((entries) => entries.forEach((entry) => getScrollableComponentFromResizeObserverEntry(entry)?._setScrollState()), 50));
 function getScrollableComponentFromResizeObserverEntry({ target, }) {
     if (target.parentNode instanceof ShadowRoot && isDsoScrollableComponent(target.parentNode.host)) {
         return target.parentNode.host;
@@ -27,8 +27,7 @@ const Scrollable = /*@__PURE__*/ proxyCustomElement(class Scrollable extends H {
         this.dsoScrollEnd = createEvent(this, "dsoScrollEnd", 7);
         // One MutationObserver per instance because of https://github.com/whatwg/dom/issues/126
         this.mutationObserver = new MutationObserver((entries) => entries.forEach(({ target }) => {
-            var _a;
-            const element = (_a = target.parentElement) === null || _a === void 0 ? void 0 : _a.closest("dso-scrollable");
+            const element = target.parentElement?.closest("dso-scrollable");
             if (element !== this.host) {
                 return;
             }
@@ -59,7 +58,10 @@ const Scrollable = /*@__PURE__*/ proxyCustomElement(class Scrollable extends H {
             return "noScroll";
         }
         const { scrollHeight, clientHeight, scrollTop } = this.scrollContainerDiv;
-        if (scrollHeight <= clientHeight) {
+        // At certain browser zoom levels (e.g. 25-50%), scrollHeight and clientHeight are
+        // rounded independently, causing a false overflow of up to ~8px. Returning "noScroll"
+        // keeps overflow-y: hidden (via CSS) which prevents the scrollbar from appearing.
+        if (scrollHeight - clientHeight < 8) {
             return "noScroll";
         }
         if (scrollTop === 0) {
@@ -93,9 +95,9 @@ const Scrollable = /*@__PURE__*/ proxyCustomElement(class Scrollable extends H {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: 'dee37c2609831086f1b3955405cb3e77fad6e00b', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'e2a462c19b66745489b8d6e2105b560aa872528c', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: 'e94af45c3732f7691a092af7bf842391af3c437c', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '154edbc32a0902fb5f006c647bbdeb9c564cf981', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: '8cd3cf93c18bb02a2aef1eaf311381cdcbd632b2' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'b0a8bd4bb35413614c41ebb077bd7613e303682a' }))));
     }
     get host() { return this; }
     static get style() { return scrollableCss(); }
@@ -118,6 +120,3 @@ function defineCustomElement() {
 }
 
 export { Scrollable as S, defineCustomElement as d };
-//# sourceMappingURL=p-ecEmdirb.js.map
-
-//# sourceMappingURL=p-ecEmdirb.js.map

package/dist/bundle/{p-BWiGIQ1w.js → p-srgNz1ix.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-DBWrx_3r.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-DmmKAUIT.js';
 
 const responsiveElementCss = () => `:host{display:block}`;
 
@@ -27,11 +27,10 @@ const ResponsiveElement = /*@__PURE__*/ proxyCustomElement(class ResponsiveEleme
         this.sizeAlias = elementSizes[0].alias;
         this.sizeWidth = 0;
         this.observer = new ResizeObserver(([entry]) => {
-            var _a, _b;
             if (!entry) {
                 throw new Error("No entry found");
             }
-            const size = (_b = (_a = elementSizes.find((s) => entry.contentRect.width >= s.width)) === null || _a === void 0 ? void 0 : _a.alias) !== null && _b !== void 0 ? _b : elementSizes[0].alias;
+            const size = elementSizes.find((s) => entry.contentRect.width >= s.width)?.alias ?? elementSizes[0].alias;
             this.sizeAlias = size;
             this.dsoSizeChange.emit(size);
         });
@@ -49,7 +48,7 @@ const ResponsiveElement = /*@__PURE__*/ proxyCustomElement(class ResponsiveEleme
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '8949125bfa2cbeee5544b5ea5fe7d3b5fc95495f', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '2fafcef7f364684ad31c6e1d95ec431ad2f06334' })));
+        return (h(Host, { key: 'ca9c1b61a8604e516e05bdce5117192964831c90', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'd8465b9289ba9657d50c36cd0d43926e5ac47d3f' })));
     }
     get host() { return this; }
     static get style() { return responsiveElementCss(); }
@@ -73,6 +72,3 @@ function defineCustomElement() {
 }
 
 export { ResponsiveElement as R, defineCustomElement as d };
-//# sourceMappingURL=p-BWiGIQ1w.js.map
-
-//# sourceMappingURL=p-BWiGIQ1w.js.map