wj-elements 0.1.219 → 0.1.220

package/dist/light.css

@@ -542,7 +542,7 @@
     --wje-select-background: var(--wje-color-contrast-0);
     --wje-select-line-height: 20px;
     --wje-select-color: var(--wje-color);
-
+    --wje-select-label-margin: 0 0 var(--wje-spacing-x-small) 0;
     --wje-select-margin-bottom: var(--wje-spacing-x-small);
     --wje-select-find-margin-inline: var(--wje-spacing-x-small);
     --wje-select-find-margin-block: var(--wje-spacing-x-small);

package/dist/packages/wje-popup/popup.element.d.ts

@@ -40,6 +40,18 @@ export default class Popup extends WJElement {
      * @returns {boolean} The value of the manual property.
      */
     get manual(): boolean;
+    /**
+     * Sets or removes the 'portal' attribute on the element based on the provided value.
+     * If the value is truthy, the 'portal' attribute will be added.
+     * If the value is falsy, the 'portal' attribute will be removed.
+     * @param {boolean} value Determines whether the 'portal' attribute should be added or removed.
+     */
+    set portal(value: boolean);
+    /**
+     * Returns whether the 'portal' attribute is present on the element.
+     * @returns {boolean} True if the 'portal' attribute exists, otherwise false.
+     */
+    get portal(): boolean;
     beforeDraw(context: any, store: any, params: any): void;
     /**
      * Draws the component for the popup.
@@ -62,6 +74,7 @@ export default class Popup extends WJElement {
     anchorEl: any;
     manualCallback: (e: any) => void;
     clickHandler: (e: any) => void;
+    get floatingEl(): HTMLDivElement;
     /**
      * Toggles the active attribute of the popup.
      */
@@ -74,15 +87,50 @@ export default class Popup extends WJElement {
     offsetCalc: number;
     arrow: Element;
     /**
-     * Shows the popup.
-     * Adds the popup-active class to the native element.
-     * Sets up auto update for repositioning.
+     * Mounts content to a portal container by creating or ensuring a portal root and mirroring
+     * the host's classes, attributes, and slot contents onto the portal. This method manages the
+     * movement of default and arrow slot content into the portal shadow DOM, while also setting
+     * up necessary mutation observers to keep attributes in sync.
+     * @returns {void} Does not return a value.
+     */
+    _mountContentToPortal(): void;
+    _portalNative: HTMLDivElement;
+    _portalAttrObserver: MutationObserver;
+    _defPlaceholders: any[];
+    _arrowPlaceholders: any[];
+    _floatingEl: HTMLDivElement;
+    _portaled: boolean;
+    /**
+     * Restores the content previously moved to a portal back to its original location.
+     * This method handles restoring default slot content, arrow placeholders, disconnecting
+     * attribute mirroring observers, and cleaning up elements and containers related to the portal.
+     * Ensures all placeholders and native portal elements are properly removed from the DOM.
+     * @returns {void} Does not return a value.
+     */
+    _restoreContentFromPortal(): void;
+    _portalContainer: HTMLDivElement;
+    _portalShadow: ShadowRoot;
+    /**
+     * Ensures that a portal root is created and initialized properly with a shadow DOM and attached styles.
+     * If the portal root already exists, the method exits early.
+     * The method creates a `div` element in the document body and attaches a shadow DOM to it.
+     * It also applies the required styles to the shadow DOM, either using constructable stylesheets
+     * or by appending a `<style>` element. Additionally, it copies CSS custom properties from the
+     * component's computed styles to the portal host to ensure proper style resolution.
+     * @returns {void} This method does not return a value.
+     */
+    _ensurePortalRoot(): void;
+    /**
+     * Displays the popup by portaling the content, managing the loader state, and attaching event handlers.
+     * Optionally dispatches a custom event when the popup is shown.
+     * @param {boolean} [dispatchEvent] Indicates whether to dispatch a custom event ('wje-popup:show') when the popup is shown.
+     * @returns {void} Does not return any value.
      */
     show(dispatchEvent?: boolean): void;
     cleanup: any;
     /**
      * Hides the popup.
-     * Removes the popup-active class from the native element.
+     * Removes the popup-active class from the floating element.
      * Cleans up the auto update for repositioning.
      */
     hide(dispatchEvent?: boolean): void;

package/dist/packages/wje-select/select.element.d.ts

@@ -233,6 +233,7 @@ export class Select extends FormAssociatedElement {
     draw(): DocumentFragment;
     findEl: HTMLElement;
     displayInput: HTMLInputElement;
+    slotFooter: HTMLSlotElement;
     /**
      * Executes post-render logic for the custom element.
      * This includes validation, event listener registration, managing custom attributes, and

package/dist/{popup.element-ZX3dWrG0.js → popup.element-B0Lm42bh.js}

@@ -683,7 +683,7 @@ function isOverflowElement(element) {
     overflowX,
     overflowY,
     display
-  } = getComputedStyle(element);
+  } = getComputedStyle$1(element);
   return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
 }
 function isTableElement(element) {
@@ -700,7 +700,7 @@ function isTopLayer(element) {
 }
 function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
+  const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
   return ["transform", "translate", "scale", "rotate", "perspective"].some((value) => css[value] ? css[value] !== "none" : false) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
 }
 function getContainingBlock(element) {
@@ -722,7 +722,7 @@ function isWebKit() {
 function isLastTraversableNode(node) {
   return ["html", "body", "#document"].includes(getNodeName(node));
 }
-function getComputedStyle(element) {
+function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
 }
 function getNodeScroll(element) {
@@ -781,7 +781,7 @@ function getFrameElement(win) {
   return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
 }
 function getCssDimensions(element) {
-  const css = getComputedStyle(element);
+  const css = getComputedStyle$1(element);
   let width = parseFloat(css.width) || 0;
   let height = parseFloat(css.height) || 0;
   const hasOffset = isHTMLElement(element);
@@ -877,7 +877,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
-      const css = getComputedStyle(currentIFrame);
+      const css = getComputedStyle$1(currentIFrame);
       const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
       const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
       x *= iframeScale.x;
@@ -969,7 +969,7 @@ function getDocumentRect(element) {
   const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y = -scroll.scrollTop;
-  if (getComputedStyle(body).direction === "rtl") {
+  if (getComputedStyle$1(body).direction === "rtl") {
     x += max(html.clientWidth, body.clientWidth) - width;
   }
   return {
@@ -1043,7 +1043,7 @@ function hasFixedPositionAncestor(element, stopNode) {
   if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
     return false;
   }
-  return getComputedStyle(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
+  return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
 }
 function getClippingElementAncestors(element, cache) {
   const cachedResult = cache.get(element);
@@ -1052,10 +1052,10 @@ function getClippingElementAncestors(element, cache) {
   }
   let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
   let currentContainingBlockComputedStyle = null;
-  const elementIsFixed = getComputedStyle(element).position === "fixed";
+  const elementIsFixed = getComputedStyle$1(element).position === "fixed";
   let currentNode = elementIsFixed ? getParentNode(element) : element;
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    const computedStyle = getComputedStyle(currentNode);
+    const computedStyle = getComputedStyle$1(currentNode);
     const currentNodeIsContaining = isContainingBlock(currentNode);
     if (!currentNodeIsContaining && computedStyle.position === "fixed") {
       currentContainingBlockComputedStyle = null;
@@ -1139,10 +1139,10 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   };
 }
 function isStaticPositioned(element) {
-  return getComputedStyle(element).position === "static";
+  return getComputedStyle$1(element).position === "static";
 }
 function getTrueOffsetParent(element, polyfill) {
-  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
+  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
     return null;
   }
   if (polyfill) {
@@ -1193,7 +1193,7 @@ const getElementRects = async function(data) {
   };
 };
 function isRTL(element) {
-  return getComputedStyle(element).direction === "rtl";
+  return getComputedStyle$1(element).direction === "rtl";
 }
 const platform = {
   convertOffsetParentRelativeRectToViewportRelativeRect,
@@ -1385,10 +1385,9 @@ class Popup extends WJElement {
       this.showHide();
     });
     __publicField(this, "clickHandler", (e) => {
-      let clickToHost = e.composedPath().some((el) => el === this);
-      if (!clickToHost) {
-        if (this.hasAttribute("active")) this.hide(true);
-      }
+      const path = e.composedPath();
+      const inside = path.includes(this) || this.floatingEl && path.includes(this.floatingEl);
+      if (!inside && this.hasAttribute("active")) this.hide(true);
     });
     /**
      * Removes the active attribute when the popup is hidden.
@@ -1426,6 +1425,23 @@ class Popup extends WJElement {
   get manual() {
     return this.hasAttribute("manual");
   }
+  /**
+   * Sets or removes the 'portal' attribute on the element based on the provided value.
+   * If the value is truthy, the 'portal' attribute will be added.
+   * If the value is falsy, the 'portal' attribute will be removed.
+   * @param {boolean} value Determines whether the 'portal' attribute should be added or removed.
+   */
+  set portal(value) {
+    if (value) this.setAttribute("portal", "");
+    else this.removeAttribute("portal");
+  }
+  /**
+   * Returns whether the 'portal' attribute is present on the element.
+   * @returns {boolean} True if the 'portal' attribute exists, otherwise false.
+   */
+  get portal() {
+    return this.hasAttribute("portal");
+  }
   /**
    * Returns the CSS styles for the component.
    * @static
@@ -1452,6 +1468,7 @@ class Popup extends WJElement {
     var _a;
     event.removeListener(this.anchorEl, "click", this.manualCallback);
     document.removeEventListener("click", this.clickHandler, { capture: true });
+    this._restoreContentFromPortal();
     (_a = this.cleanup) == null ? void 0 : _a.call(this);
   }
   beforeDraw(context, store, params) {
@@ -1493,6 +1510,7 @@ class Popup extends WJElement {
   afterDraw() {
     this.setAnchor();
     this.addEventListener("wje-popup:content-ready", () => {
+      debugger;
       this.markContentReady();
     }, { once: true });
     if (this.hasAttribute("active")) this.show(false);
@@ -1513,6 +1531,9 @@ class Popup extends WJElement {
       event.addListener(this.anchorEl, "click", null, this.manualCallback, { stopPropagation: true });
     }
   }
+  get floatingEl() {
+    return this._floatingEl || this.native;
+  }
   /**
    * Toggles the active attribute of the popup.
    */
@@ -1520,8 +1541,9 @@ class Popup extends WJElement {
     if (this.hasAttribute("active")) {
       this.hide();
     } else {
-      event.dispatchCustomEvent(this, "wje-popup:aftershow");
+      event.dispatchCustomEvent(this, "wje-popup:beforeshow");
       this.show();
+      event.dispatchCustomEvent(this, "wje-popup:aftershow");
     }
   }
   /**
@@ -1531,16 +1553,18 @@ class Popup extends WJElement {
   reposition() {
     const middleware = [];
     this.offsetCalc = +this.offset || 0;
-    if (this.slotArrow instanceof HTMLSlotElement) {
+    if (this.portal && this._portaled && this.floatingEl) {
+      this.arrow = this.floatingEl.querySelector('[slot="arrow"]');
+    } else if (this.slotArrow instanceof HTMLSlotElement) {
       this.arrow = this.slotArrow.assignedElements({ flatten: true })[0];
-      if (this.arrow) {
-        middleware.push(
-          arrow({
-            element: this.arrow
-          })
-        );
-        this.offsetCalc = Math.sqrt(2 * this.arrow.offsetWidth ** 2) / 2 + +this.offset;
-      }
+    }
+    if (this.arrow) {
+      middleware.push(
+        arrow({
+          element: this.arrow
+        })
+      );
+      this.offsetCalc = Math.sqrt(2 * this.arrow.offsetWidth ** 2) / 2 + +this.offset;
     }
     middleware.push(offset(this.offsetCalc));
     middleware.push(flip());
@@ -1555,14 +1579,14 @@ class Popup extends WJElement {
         })
       );
     }
-    computePosition(this.anchorEl, this.native, {
+    computePosition(this.anchorEl, this.floatingEl, {
       placement: this.placement || "bottom",
       strategy: "fixed",
       middleware
     }).then(({ x, y, middlewareData, placement, strategy }) => {
-      this.native.style.setProperty("--wje-popup-left", x + "px");
-      this.native.style.setProperty("--wje-popup-top", y + "px");
-      this.native.style.position = strategy;
+      this.floatingEl.style.setProperty("--wje-popup-left", x + "px");
+      this.floatingEl.style.setProperty("--wje-popup-top", y + "px");
+      this.floatingEl.style.position = strategy;
       if (this.arrow) {
         const staticSide = {
           top: "bottom",
@@ -1571,7 +1595,7 @@ class Popup extends WJElement {
           left: "right"
         }[placement];
         if (middlewareData.arrow) {
-          const { width, height } = this.native.getBoundingClientRect();
+          const { width, height } = this.floatingEl.getBoundingClientRect();
           let osX = middlewareData.arrow.x;
           let osY = middlewareData.arrow.y;
           Object.assign(this.arrow.style, {
@@ -1589,24 +1613,172 @@ class Popup extends WJElement {
     });
   }
   /**
-   * Shows the popup.
-   * Adds the popup-active class to the native element.
-   * Sets up auto update for repositioning.
+   * Mounts content to a portal container by creating or ensuring a portal root and mirroring
+   * the host's classes, attributes, and slot contents onto the portal. This method manages the
+   * movement of default and arrow slot content into the portal shadow DOM, while also setting
+   * up necessary mutation observers to keep attributes in sync.
+   * @returns {void} Does not return a value.
+   */
+  _mountContentToPortal() {
+    if (this._portaled) return;
+    this._ensurePortalRoot();
+    if (!this._portalNative) {
+      this._portalNative = document.createElement("div");
+      this._portalNative.setAttribute("part", "native");
+      this._portalNative.classList.add("native-popup");
+    }
+    this._portalShadow.append(this._portalNative);
+    const mirrorAll = () => {
+      for (const { name } of Array.from(this._portalContainer.attributes)) {
+        this._portalContainer.removeAttribute(name);
+      }
+      for (const attr of Array.from(this.attributes)) {
+        this._portalContainer.setAttribute(attr.name, attr.value ?? "");
+      }
+      this._portalContainer.setAttribute("class", this.getAttribute("class") || "");
+    };
+    mirrorAll();
+    this._portalAttrObserver = new MutationObserver((records) => {
+      for (const r of records) {
+        if (r.type === "attributes") {
+          const name = r.attributeName;
+          const val = this.getAttribute(name);
+          if (val === null) this._portalContainer.removeAttribute(name);
+          else this._portalContainer.setAttribute(name, val);
+        }
+      }
+    });
+    this._portalAttrObserver.observe(this, { attributes: true });
+    const defaultSlot = this.shadowRoot.querySelector("slot:not([name])");
+    const defNodes = (defaultSlot ? defaultSlot.assignedNodes({ flatten: true }) : []).filter((n) => n && n.nodeType === Node.ELEMENT_NODE || n && n.nodeType === Node.TEXT_NODE);
+    this._defPlaceholders = [];
+    for (const n of defNodes) {
+      const ph = document.createComment("wje-portal-default");
+      this._defPlaceholders.push({ node: n, ph });
+      n.parentNode && n.parentNode.insertBefore(ph, n.nextSibling);
+      this._portalNative.append(n);
+    }
+    const arrowNodes = (this.slotArrow instanceof HTMLSlotElement ? this.slotArrow.assignedNodes({ flatten: true }) : []).filter((n) => n && n.nodeType === Node.ELEMENT_NODE || n && n.nodeType === Node.TEXT_NODE);
+    this._arrowPlaceholders = [];
+    for (const n of arrowNodes) {
+      const ph = document.createComment("wje-portal-arrow");
+      this._arrowPlaceholders.push({ node: n, ph });
+      n.parentNode && n.parentNode.insertBefore(ph, n.nextSibling);
+      this._portalNative.append(n);
+    }
+    this._floatingEl = this._portalNative;
+    this._portaled = true;
+  }
+  /**
+   * Restores the content previously moved to a portal back to its original location.
+   * This method handles restoring default slot content, arrow placeholders, disconnecting
+   * attribute mirroring observers, and cleaning up elements and containers related to the portal.
+   * Ensures all placeholders and native portal elements are properly removed from the DOM.
+   * @returns {void} Does not return a value.
+   */
+  _restoreContentFromPortal() {
+    if (!this._portaled) return;
+    if (Array.isArray(this._defPlaceholders)) {
+      for (const { node, ph } of this._defPlaceholders) {
+        if (ph && ph.parentNode) {
+          ph.parentNode.insertBefore(node, ph);
+          ph.remove();
+        }
+      }
+    }
+    this._defPlaceholders = void 0;
+    if (Array.isArray(this._arrowPlaceholders)) {
+      for (const { node, ph } of this._arrowPlaceholders) {
+        if (ph && ph.parentNode) {
+          ph.parentNode.insertBefore(node, ph);
+          ph.remove();
+        }
+      }
+    }
+    this._arrowPlaceholders = void 0;
+    if (this._portalAttrObserver) {
+      this._portalAttrObserver.disconnect();
+      this._portalAttrObserver = null;
+    }
+    if (this._portalNative && this._portalNative.parentNode) {
+      this._portalNative.remove();
+    }
+    this._floatingEl = void 0;
+    this._portaled = false;
+    if (this._portalContainer) {
+      this._portalContainer.remove();
+      this._portalContainer = null;
+      this._portalShadow = null;
+    }
+  }
+  /**
+   * Ensures that a portal root is created and initialized properly with a shadow DOM and attached styles.
+   * If the portal root already exists, the method exits early.
+   * The method creates a `div` element in the document body and attaches a shadow DOM to it.
+   * It also applies the required styles to the shadow DOM, either using constructable stylesheets
+   * or by appending a `<style>` element. Additionally, it copies CSS custom properties from the
+   * component's computed styles to the portal host to ensure proper style resolution.
+   * @returns {void} This method does not return a value.
+   */
+  _ensurePortalRoot() {
+    var _a, _b;
+    if (this._portalContainer && this._portalShadow) return;
+    const host = document.createElement("div");
+    host.setAttribute("data-wje-popup-portal", "");
+    const shadow = host.attachShadow({ mode: "open" });
+    const sheetCandidate = this.constructor.cssStyleSheet;
+    try {
+      if (sheetCandidate instanceof CSSStyleSheet) {
+        shadow.adoptedStyleSheets = [sheetCandidate];
+      } else if (typeof sheetCandidate === "string" && "adoptedStyleSheets" in Document.prototype) {
+        const sheet = new CSSStyleSheet();
+        sheet.replaceSync(sheetCandidate);
+        shadow.adoptedStyleSheets = [sheet];
+      } else {
+        const style = document.createElement("style");
+        style.textContent = typeof sheetCandidate === "string" ? sheetCandidate : ((_a = sheetCandidate == null ? void 0 : sheetCandidate.toString) == null ? void 0 : _a.call(sheetCandidate)) || "";
+        shadow.append(style);
+      }
+    } catch (e) {
+      const style = document.createElement("style");
+      style.textContent = typeof sheetCandidate === "string" ? sheetCandidate : ((_b = sheetCandidate == null ? void 0 : sheetCandidate.toString) == null ? void 0 : _b.call(sheetCandidate)) || "";
+      shadow.append(style);
+    }
+    const comp = getComputedStyle(this);
+    for (let i = 0; i < comp.length; i++) {
+      const prop = comp[i];
+      if (prop.startsWith("--")) {
+        host.style.setProperty(prop, comp.getPropertyValue(prop));
+      }
+    }
+    document.body.appendChild(host);
+    this._portalContainer = host;
+    this._portalShadow = shadow;
+  }
+  /**
+   * Displays the popup by portaling the content, managing the loader state, and attaching event handlers.
+   * Optionally dispatches a custom event when the popup is shown.
+   * @param {boolean} [dispatchEvent] Indicates whether to dispatch a custom event ('wje-popup:show') when the popup is shown.
+   * @returns {void} Does not return any value.
    */
   show(dispatchEvent = true) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    debugger;
+    if (this.portal) {
+      this._mountContentToPortal();
+    }
     if (this.loader) {
-      (_b = (_a = this.native) == null ? void 0 : _a.classList) == null ? void 0 : _b.add("loading");
+      (_b = (_a = this.floatingEl) == null ? void 0 : _a.classList) == null ? void 0 : _b.add("loading");
       (_d = (_c = this.loaderEl) == null ? void 0 : _c.classList) == null ? void 0 : _d.remove("fade-out");
-      this.native.prepend(this.loaderEl);
+      (_e = this.floatingEl) == null ? void 0 : _e.prepend(this.loaderEl);
     }
     if (dispatchEvent) {
       event.dispatchCustomEvent(this, "wje-popup:show");
     }
-    if (this.anchorEl && this.native) {
-      (_f = (_e = this.native) == null ? void 0 : _e.classList) == null ? void 0 : _f.add("popup-active");
-      (_g = this.cleanup) == null ? void 0 : _g.call(this);
-      this.cleanup = autoUpdate(this.anchorEl, this.native, () => {
+    if (this.anchorEl && this.floatingEl) {
+      (_g = (_f = this.floatingEl) == null ? void 0 : _f.classList) == null ? void 0 : _g.add("popup-active");
+      (_h = this.cleanup) == null ? void 0 : _h.call(this);
+      this.cleanup = autoUpdate(this.anchorEl, this.floatingEl, () => {
         this.reposition();
       });
       document.addEventListener("click", this.clickHandler, { capture: true });
@@ -1617,7 +1789,7 @@ class Popup extends WJElement {
   }
   /**
    * Hides the popup.
-   * Removes the popup-active class from the native element.
+   * Removes the popup-active class from the floating element.
    * Cleans up the auto update for repositioning.
    */
   hide(dispatchEvent = true) {
@@ -1625,10 +1797,11 @@ class Popup extends WJElement {
     if (dispatchEvent) {
       event.dispatchCustomEvent(this, "wje-popup:hide");
     }
-    (_b = (_a = this.native) == null ? void 0 : _a.classList) == null ? void 0 : _b.remove("popup-active");
+    (_b = (_a = this.floatingEl) == null ? void 0 : _a.classList) == null ? void 0 : _b.remove("popup-active");
     (_c = this.cleanup) == null ? void 0 : _c.call(this);
     this.cleanup = void 0;
     document.removeEventListener("click", this.clickHandler, { capture: true });
+    this._restoreContentFromPortal();
     if (this.hasAttribute("active")) {
       this.removeAttribute("active");
     }
@@ -1648,4 +1821,4 @@ class Popup extends WJElement {
 export {
   Popup as P
 };
-//# sourceMappingURL=popup.element-ZX3dWrG0.js.map
+//# sourceMappingURL=popup.element-B0Lm42bh.js.map