@watermarkinsights/ripple 5.14.0 → 5.15.0-alpha.0

package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { debounce, findScrollableParent, intl } from "../../../global/functions";
+import { debounce, findAllScrollableParents, intl } from "../../../global/functions";
 export class ChartPopover {
     constructor() {
         this.chartEl = this.el.parentElement.getRootNode().host;
@@ -39,16 +39,21 @@ export class ChartPopover {
     componentDidLoad() {
         // set up event listeners for scrolling
         // to close popover on page scroll
-        document.addEventListener("scroll", () => {
-            this.debouncedClosePopover();
+        const scrollableParents = findAllScrollableParents(this.chartEl);
+        scrollableParents.forEach(scrollableParent => {
+            if (scrollableParent === document.documentElement) {
+                // For document element, listen to window scroll event
+                window.addEventListener("scroll", () => {
+                    this.debouncedClosePopover();
+                });
+            }
+            else {
+                // For regular elements, listen to their scroll event
+                scrollableParent.addEventListener("scroll", () => {
+                    this.debouncedClosePopover();
+                });
+            }
         });
-        // ... and on parent scroll
-        const scrollableParent = findScrollableParent(this.chartEl);
-        if (!!scrollableParent) {
-            scrollableParent.addEventListener("scroll", () => {
-                this.debouncedClosePopover();
-            });
-        }
     }
     handleOpenChange() {
         this.intChartPopoverOpenChanged.emit(this.open);
@@ -111,11 +116,11 @@ export class ChartPopover {
         const titleAffordance = this.sliceDetails &&
             this.sliceDetails.title &&
             (this.sliceDetails.title[0] === "-" ? "negative" : this.sliceDetails.title[0] === "+" ? "positive" : "");
-        return (h(Host, { key: 'd62b06c6554267fda571e17ec1cab1f38e9749cd' }, !!this.open && this.sliceDetails ? (h("div", { "aria-hidden": "true", class: "popover" }, h("h1", { class: `title ${titleAffordance}` }, this.sliceDetails.title), h("p", { class: "text" }, this.sliceDetails.text), this.sliceDetails.buttonText ? (
+        return (h(Host, { key: '25275e7ca9b1744629a4da08abccc1b99f301286' }, !!this.open && this.sliceDetails ? (h("div", { "aria-hidden": "true", class: "popover" }, h("h1", { class: `title ${titleAffordance}` }, this.sliceDetails.title), h("p", { class: "text" }, this.sliceDetails.text), this.sliceDetails.buttonText ? (
         // @ts-ignore
         h("button", { tabindex: "-1",
             // @ts-ignore
-            focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.sliceDetails.buttonText))) : (""))) : (""), h("div", { key: 'fb7f82f2ea6b6b37a6c25fdc542792244aeb3975', ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.open && this.renderLiveRegion())));
+            focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.sliceDetails.buttonText))) : (""))) : (""), h("div", { key: 'cdfdb9f58ebcbe375cc50214aac091c890587935', ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.open && this.renderLiveRegion())));
     }
     static get is() { return "priv-chart-popover"; }
     static get originalStyleUrls() {

package/dist/collection/components/wm-search/wm-search.js

@@ -84,11 +84,13 @@ export class Search {
         //For search-and-find, the results should always restart at "[1 or 0] of ..." after any new input.
         //Reset the highlight count here just in case the new value doesn't end up changing the number of results.
         this.resetHighlightCountToStart();
+        // Results should be announced at every input, even if no change in results occurred
+        this.announceResults();
     }
     handleNumResultsUpdate() {
         this.resetHighlightCountToStart();
         if (this.value) {
-            this.announceChanges();
+            this.announceResults();
         }
     }
     handleDisabledChange() {
@@ -105,7 +107,7 @@ export class Search {
         }
         this.announcement = message;
     }
-    announceChanges() {
+    announceResults() {
         window.requestAnimationFrame(() => {
             // requestAnimationFrame to allow all changes to occur before announcing results
             let messageToAnnounce = this.resultCount;
@@ -130,7 +132,7 @@ export class Search {
                 this.highlightedNum = newNum;
             }
             this.wmSearchBrowseResults.emit({ position: this.highlightedNum });
-            this.announceChanges();
+            this.announceResults();
         }
     }
     handleBlur() {
@@ -166,10 +168,10 @@ export class Search {
      * End search and find render helpers
      */
     render() {
-        return (h(Host, { key: '44fb666bb24ce19be5c1bb2b49da8e293d42f1de' }, h("div", { key: '134ffa5150ae4fbb63bffc6f2c34d42fad590205', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: 'ac167e75f10db71531d4b9beea9c9e2ff3e1bdb1', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
+        return (h(Host, { key: 'a6a5d00652d75c3f03ca996c283c0566ad229c68' }, h("div", { key: '1e7e8a9207a2ee1d5412cb2456c1c832060ac77d', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '1f36cf57bcfed0f808ef0b222d8eb65cb6518615', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
                 id: "search.typeToFilterResults",
                 defaultMessage: "Type to filter the results",
-            })}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: '0c180be6082de7eddb06b2d15307fa85192915dc', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '794b85e73e667dabcf8c0004d8e44a16f7a4197d', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
+            })}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: 'bf128d74c7fdbd590989d7999b1187d34b01bb31', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '9898db1a5c0c3c0e13fb32782aa98d88f124798b', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
     }
     static get is() { return "wm-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-toggletip/wm-toggletip.js

@@ -1,20 +1,20 @@
 import { Host, h } from "@stencil/core";
-import { showTooltip, hideTooltip, shouldOpenUp, shouldOpenDown, shouldShiftLeft, shouldShiftRight, intl, debounce, findScrollableParent, } from "../../global/functions";
+import { showTooltip, hideTooltip, shouldOpenUp, shouldOpenDown, shouldShiftLeft, shouldShiftRight, intl, debounce, findAllScrollableParents, getCumulativeScrollOffset, } from "../../global/functions";
 export class Toggletip {
     constructor() {
+        this.scrollableParents = [];
         this.tooltipMessage = intl.formatMessage({
             id: "toggletip.moreInformation",
             defaultMessage: "More information",
         });
         this.debouncedReveal = debounce(() => {
-            if (this.scrollableParent) {
-                this.el.style.setProperty("--offset-x", "-" + this.scrollableParent.scrollLeft + "px");
-                this.el.style.setProperty("--offset-y", "-" + this.scrollableParent.scrollTop + "px");
-            }
+            const { x, y } = getCumulativeScrollOffset(this.el);
+            this.el.style.setProperty("--offset-x", "-" + x + "px");
+            this.el.style.setProperty("--offset-y", "-" + y + "px");
             this.isHidden = false;
         }, 100);
         this.debouncedResize = debounce(() => {
-            this.scrollableParent = findScrollableParent(this.el);
+            this.scrollableParents = findAllScrollableParents(this.el);
         }, 200);
         this.label = undefined;
         this.tooltip = undefined;
@@ -89,16 +89,18 @@ export class Toggletip {
     }
     componentDidLoad() {
         if (!CSS.supports("top", "anchor(bottom)")) {
-            this.scrollableParent = findScrollableParent(this.el);
-            if (!!this.scrollableParent) {
-                this.scrollableParent.addEventListener("scroll", () => {
-                    if (this.isOpen) {
-                        if (!this.isHidden)
-                            this.isHidden = true;
-                        this.debouncedReveal();
-                    }
-                });
-            }
+            this.scrollableParents = findAllScrollableParents(this.el);
+            // Add scroll listeners to all scrollable parents
+            this.scrollableParents.forEach(parent => {
+                if (parent === document.documentElement) {
+                    // For document element, listen to window scroll event
+                    window.addEventListener("scroll", () => this.handleScroll());
+                }
+                else {
+                    // For regular elements, listen to their scroll event
+                    parent.addEventListener("scroll", () => this.handleScroll());
+                }
+            });
         }
     }
     handleResize() {
@@ -130,6 +132,13 @@ export class Toggletip {
             }
         }
     }
+    handleScroll() {
+        if (this.isOpen) {
+            if (!this.isHidden)
+                this.isHidden = true;
+            this.debouncedReveal();
+        }
+    }
     open() {
         // the popover API takes care of the actual opening.
         // toggletip is visually hidden by default so it can be measured and repositioned.
@@ -139,11 +148,9 @@ export class Toggletip {
             this.toggletipEl.classList.add(this.toggletipPosition);
             // handling scroll offset for older browsers (currently FF and Safari)
             if (!CSS.supports("top", "anchor(bottom)")) {
-                this.scrollableParent = findScrollableParent(this.el);
-                if (!!this.scrollableParent) {
-                    this.el.style.setProperty("--offset-x", "-" + this.scrollableParent.scrollLeft + "px");
-                    this.el.style.setProperty("--offset-y", "-" + this.scrollableParent.scrollTop + "px");
-                }
+                const { x, y } = getCumulativeScrollOffset(this.el);
+                this.el.style.setProperty("--offset-x", "-" + x + "px");
+                this.el.style.setProperty("--offset-y", "-" + y + "px");
             }
             this.toggletipEl.classList.remove("hidden");
         });
@@ -162,9 +169,9 @@ export class Toggletip {
         }, 10);
     }
     render() {
-        return (h(Host, { key: 'c4f1f99b1b4991ef7bef8763f36cf684100e44ec', class: `size-${this.targetSize}` }, h("button", { key: '9ca73e3a4d53c58ed96c148a6c1c184d2360bd35', class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
+        return (h(Host, { key: 'a55a8dfabeac705978cc92af0a9d08a146fc9be0', class: `size-${this.targetSize}` }, h("button", { key: '65a11752911b7f4db68c30c8da0a382fbf8ae687', class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
             // In order to position the tooltip identically to the toggletip, its presence is determined by these four events
-            onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, h("div", { key: '46e7410232d32cac61fe4cd29a195fcd689251d7', class: "svg-icon svg-info" })), h("div", { key: '9a689f66818b357e2729654099a52075a624f5f6', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip" }, this.tooltip), h("div", { key: 'd792b4e03c3628cd44978e63969cb780481d8003', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
+            onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, h("div", { key: '371bd1c9111743351e856e8bf3573894cd252262', class: "svg-icon svg-info" })), h("div", { key: 'cc4b2547678bce5e6803a3d53358e9ccbc4aafca', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip" }, this.tooltip), h("div", { key: '1744407f0b73c50aa5972a8dda5eb8dd25ddcd44', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-toggletip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/dev/toggletip.js

@@ -1,9 +1,9 @@
 requestAnimationFrame(() => {
-  // put toggletip in shadow DOM
+  // put toggletip in shadow DOM (now inside scrollable wrapper)
   const host = document.querySelector("#host");
   const shadow = host.attachShadow({ mode: "open" });
   const tsd = document.querySelector("#tsd");
-  tsd.label = "Toggletip in shadow DOM";
-  tsd.tooltip = "Toggletip in shadow DOM";
+  tsd.label = "Toggletip in shadow DOM with scrollable parent";
+  tsd.tooltip = "This should account for the red container's scroll offset";
   shadow.appendChild(tsd);
 });

package/dist/collection/global/functions.js

@@ -73,20 +73,69 @@ export function getPosition(el) {
     }
     return { x, y };
 }
-export function findScrollableParent(el) {
-    while (!!el) {
-        if (["scroll", "auto"].includes(window.getComputedStyle(el).overflowY)) {
-            return el;
+function getParentOrHost(el) {
+    let nextEl = el.parentElement;
+    if (!nextEl) {
+        // Check if we're at a shadow root boundary
+        const rootNode = el.getRootNode();
+        if (rootNode instanceof ShadowRoot && rootNode.host) {
+            nextEl = rootNode.host;
         }
-        el = el.parentElement;
     }
+    return nextEl;
+}
+export function findAllScrollableParents(el) {
+    const scrollableParents = [];
+    let currentEl = getParentOrHost(el);
+    // Traverse up to and including the document.documentElement (html element)
+    while (currentEl) {
+        const style = window.getComputedStyle(currentEl);
+        if (["scroll", "auto"].includes(style.overflowY) || ["scroll", "auto"].includes(style.overflowX)) {
+            scrollableParents.push(currentEl);
+        }
+        if (currentEl.assignedSlot) {
+            // Redirect to shadow dom if element is in a slot
+            currentEl = currentEl.assignedSlot;
+        }
+        currentEl = getParentOrHost(currentEl);
+    }
+    if (document.documentElement && !scrollableParents.includes(document.documentElement)) {
+        // Check if the document itself is scrollable (common case for page-level scrolling)
+        // Special case: document element can scroll even with overflow: visible when content overflows viewport
+        const htmlStyle = window.getComputedStyle(document.documentElement);
+        if (["scroll", "auto"].includes(htmlStyle.overflowY) || ["scroll", "auto"].includes(htmlStyle.overflowX) ||
+            // For document element only: also check if page content can actually scroll
+            document.documentElement.scrollHeight > document.documentElement.clientHeight ||
+            document.documentElement.scrollWidth > document.documentElement.clientWidth) {
+            scrollableParents.push(document.documentElement);
+        }
+    }
+    return scrollableParents;
+}
+export function getCumulativeScrollOffset(el) {
+    const scrollableParents = findAllScrollableParents(el);
+    let totalScrollX = 0;
+    let totalScrollY = 0;
+    scrollableParents.forEach(parent => {
+        if (parent === document.documentElement) {
+            // For the document element, use window scroll values
+            totalScrollX += window.scrollX || window.pageXOffset || 0;
+            totalScrollY += window.scrollY || window.pageYOffset || 0;
+        }
+        else {
+            // For regular elements, use scrollLeft/scrollTop
+            totalScrollX += parent.scrollLeft;
+            totalScrollY += parent.scrollTop;
+        }
+    });
+    return { x: totalScrollX, y: totalScrollY };
 }
 export function findParentWithHiddenOverflow(el) {
     while (!!el) {
         if (window.getComputedStyle(el).overflowY !== "visible") {
             return el;
         }
-        el = el.parentElement;
+        el = getParentOrHost(el);
     }
 }
 export function isElOrChild(componentEl, el) {

package/dist/esm/{app-globals-d3e3b925.js → app-globals-3753b41d.js}

@@ -1,6 +1,6 @@
 import './index-130e07bb.js';
 
-const version = "5.14.0";
+const version = "5.15.0-alpha.0";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length

package/dist/esm/{chartFunctions-246aabf9.js → chartFunctions-de9bcba9.js}

@@ -1,5 +1,5 @@
 import { h } from './index-130e07bb.js';
-import { i as intl, c as checkForActiveElInShadow, e as safeMultiplyFloat, f as getPosition } from './functions-aad18286.js';
+import { i as intl, c as checkForActiveElInShadow, e as safeMultiplyFloat, f as getPosition } from './functions-85bc4418.js';
 
 const colors = {
     salmon: "#ff5f4e",

package/dist/esm/{functions-aad18286.js → functions-85bc4418.js}

@@ -9820,20 +9820,69 @@ function getPosition(el) {
     }
     return { x, y };
 }
-function findScrollableParent(el) {
-    while (!!el) {
-        if (["scroll", "auto"].includes(window.getComputedStyle(el).overflowY)) {
-            return el;
+function getParentOrHost(el) {
+    let nextEl = el.parentElement;
+    if (!nextEl) {
+        // Check if we're at a shadow root boundary
+        const rootNode = el.getRootNode();
+        if (rootNode instanceof ShadowRoot && rootNode.host) {
+            nextEl = rootNode.host;
         }
-        el = el.parentElement;
     }
+    return nextEl;
+}
+function findAllScrollableParents(el) {
+    const scrollableParents = [];
+    let currentEl = getParentOrHost(el);
+    // Traverse up to and including the document.documentElement (html element)
+    while (currentEl) {
+        const style = window.getComputedStyle(currentEl);
+        if (["scroll", "auto"].includes(style.overflowY) || ["scroll", "auto"].includes(style.overflowX)) {
+            scrollableParents.push(currentEl);
+        }
+        if (currentEl.assignedSlot) {
+            // Redirect to shadow dom if element is in a slot
+            currentEl = currentEl.assignedSlot;
+        }
+        currentEl = getParentOrHost(currentEl);
+    }
+    if (document.documentElement && !scrollableParents.includes(document.documentElement)) {
+        // Check if the document itself is scrollable (common case for page-level scrolling)
+        // Special case: document element can scroll even with overflow: visible when content overflows viewport
+        const htmlStyle = window.getComputedStyle(document.documentElement);
+        if (["scroll", "auto"].includes(htmlStyle.overflowY) || ["scroll", "auto"].includes(htmlStyle.overflowX) ||
+            // For document element only: also check if page content can actually scroll
+            document.documentElement.scrollHeight > document.documentElement.clientHeight ||
+            document.documentElement.scrollWidth > document.documentElement.clientWidth) {
+            scrollableParents.push(document.documentElement);
+        }
+    }
+    return scrollableParents;
+}
+function getCumulativeScrollOffset(el) {
+    const scrollableParents = findAllScrollableParents(el);
+    let totalScrollX = 0;
+    let totalScrollY = 0;
+    scrollableParents.forEach(parent => {
+        if (parent === document.documentElement) {
+            // For the document element, use window scroll values
+            totalScrollX += window.scrollX || window.pageXOffset || 0;
+            totalScrollY += window.scrollY || window.pageYOffset || 0;
+        }
+        else {
+            // For regular elements, use scrollLeft/scrollTop
+            totalScrollX += parent.scrollLeft;
+            totalScrollY += parent.scrollTop;
+        }
+    });
+    return { x: totalScrollX, y: totalScrollY };
 }
 function findParentWithHiddenOverflow(el) {
     while (!!el) {
         if (window.getComputedStyle(el).overflowY !== "visible") {
             return el;
         }
-        el = el.parentElement;
+        el = getParentOrHost(el);
     }
 }
 function isElOrChild(componentEl, el) {
@@ -10487,4 +10536,4 @@ const weekdays = [
     intl.formatMessage({ id: "date.saturday", defaultMessage: "Saturday" }),
 ];
 
-export { getTextDir as A, isElOrChild as B, throttle as C, getContextMeasurements as D, dateFind as E, calendar_months as F, findParentWithHiddenOverflow as G, transposeMatrix as H, wrapAround as I, getSmallestSkipInterval as J, calcPercentageInRange as K, makeISO as L, getMonthLength as M, weekdays as N, handleDisabledAttribute as a, triggerFormSubmit as b, checkForActiveElInShadow as c, debounce as d, safeMultiplyFloat as e, getPosition as f, generateId as g, hideTooltip as h, intl as i, dateToISO as j, shouldOpenUp as k, hasRoomRight as l, truncateText as m, getLastFocusableDescendant as n, csvToArray as o, snakeCaseToCamelCase as p, getNewIndexToFocus as q, findScrollableParent as r, showTooltip as s, toBool as t, shouldOpenDown as u, shouldShiftRight as v, shouldShiftLeft as w, measureText as x, findNext as y, findPrev as z };
+export { findPrev as A, getTextDir as B, isElOrChild as C, throttle as D, getContextMeasurements as E, dateFind as F, calendar_months as G, findParentWithHiddenOverflow as H, transposeMatrix as I, wrapAround as J, getSmallestSkipInterval as K, calcPercentageInRange as L, makeISO as M, getMonthLength as N, weekdays as O, handleDisabledAttribute as a, triggerFormSubmit as b, checkForActiveElInShadow as c, debounce as d, safeMultiplyFloat as e, getPosition as f, generateId as g, hideTooltip as h, intl as i, dateToISO as j, shouldOpenUp as k, hasRoomRight as l, truncateText as m, getLastFocusableDescendant as n, csvToArray as o, snakeCaseToCamelCase as p, getNewIndexToFocus as q, getCumulativeScrollOffset as r, showTooltip as s, toBool as t, findAllScrollableParents as u, shouldOpenDown as v, shouldShiftRight as w, shouldShiftLeft as x, measureText as y, findNext as z };

package/dist/esm/{intl-c8686c73.js → intl-a0456c63.js}

@@ -1,4 +1,4 @@
-import { i as intl } from './functions-aad18286.js';
+import { i as intl } from './functions-85bc4418.js';
 
 const globalMessages = {
     characterLimitReached: intl.formatMessage({

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { b as bootstrapLazy } from './index-130e07bb.js';
 export { s as setNonce } from './index-130e07bb.js';
-import { g as globalScripts } from './app-globals-d3e3b925.js';
+import { g as globalScripts } from './app-globals-3753b41d.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;