wj-elements 0.7.7 → 0.8.0

package/dist/wje-dropdown.js

@@ -7,101 +7,36 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var _onMenuItemCustom;
-import WJElement from "./wje-element.js";
-import { P as Popup } from "./popup.element-CwXvVFK7.js";
-import { event } from "./event.js";
-const _Dropdown = class _Dropdown extends WJElement {
-  /**
-   * Creates an instance of Dropdown.
-   * @class
-   */
+var _t;
+import t from "./wje-element.js";
+import { P as e } from "./popup.element-CbkhthPP.js";
+import { event as i } from "./event.js";
+const _s = class _s extends t {
   constructor() {
     super();
-    /**
-     * The placement of the dropdown.
-     * @type {{"wje-popup": Popup}}
-     */
-    __publicField(this, "dependencies", {
-      "wje-popup": Popup
-    });
-    /**
-     * Sets the placement of the dropdown.
-     * @type {string}
-     */
+    __publicField(this, "dependencies", { "wje-popup": e });
     __publicField(this, "className", "Dropdown");
-    /**
-     * Callback function to handle other dropdowns being opened. Close the dropdown if it is not the target and collapse is enabled.
-     * @param {Event} e The event object.
-     */
-    __publicField(this, "otherDropdownOpennedCallback", (e) => {
-      if (e.detail.detail.target !== this) {
-        this.classList.remove("active");
-        this.popup.hide();
-      }
+    __publicField(this, "otherDropdownOpennedCallback", (t2) => {
+      t2.detail.detail.target !== this && (this.classList.remove("active"), this.popup.hide());
     });
-    /**
-     * Handles popup hide events and closes only the dropdown that owns the popup.
-     * This prevents nested dropdowns from collapsing their parent dropdown when the
-     * child popup is hidden.
-     * @param {Event} e The popup hide event.
-     */
-    __publicField(this, "popupHideCallback", (e) => {
-      if (this.classList.contains("active") && e.target === this) {
-        this.toggleCallback(e);
-      }
+    __publicField(this, "popupHideCallback", (t2) => {
+      this.classList.contains("active") && t2.target === this && this.toggleCallback(t2);
     });
-    /**
-     * Handles delegated clicks from inside the popup and closes the dropdown when a leaf menu item is selected.
-     * This works even when the menu is portaled, because we rely on the composed path.
-     */
-    __publicField(this, "onMenuItemClick", (e) => {
-      const path = typeof e.composedPath === "function" ? e.composedPath() : [];
-      const item = path.find((n) => n && n.tagName === "WJE-MENU-ITEM");
-      if (!item) return;
-      const owner = this.getMenuItemOwner(path, item);
-      if (owner && owner !== this) return;
-      if (item.hasAttribute("disabled") || item.getAttribute("aria-disabled") === "true") return;
-      if (typeof item.querySelector === "function" && item.querySelector("wje-menu")) return;
-      this.onClose();
+    __publicField(this, "onMenuItemClick", (t2) => {
+      const e2 = "function" == typeof t2.composedPath ? t2.composedPath() : [], i2 = e2.find((t3) => t3 && "WJE-MENU-ITEM" === t3.tagName);
+      if (!i2) return;
+      const s2 = this.getMenuItemOwner(e2, i2);
+      s2 && s2 !== this || i2.hasAttribute("disabled") || "true" === i2.getAttribute("aria-disabled") || "function" == typeof i2.querySelector && i2.querySelector("wje-menu") || this.onClose();
     });
-    /**
-     * @summary Toggles the dropdown element between active and inactive states.
-     * Calls the `onOpen` method if the element is currently inactive,
-     * and calls the `onClose` method if the element is currently active.
-     * @param {Event} e The event object.
-     */
-    __publicField(this, "toggleCallback", (e) => {
-      if (this.classList.contains("active")) {
-        e.stopPropagation();
-        this.onClose();
-      } else {
-        e.stopPropagation();
-        this.onOpen(e);
-      }
+    __publicField(this, "toggleCallback", (t2) => {
+      this.classList.contains("active") ? (t2.stopPropagation(), this.onClose()) : (t2.stopPropagation(), this.onOpen(t2));
     });
-    /**
-     * Open the popup element.
-     * @param {object} e
-     */
-    __publicField(this, "onOpen", (e) => {
-      this.classList.add("active");
-      this.syncAria();
-      Promise.resolve(this.beforeShow(this)).then((res) => {
-        if (!this.classList.contains("active")) {
-          throw new Error("beforeShow method returned false or not string");
-        }
-        this.popup.show(true);
-        this.syncPopupOwner();
-        event.addListener(document, "wje-menu-item:click", null, __privateGet(this, _onMenuItemCustom), false);
-        event.dispatchCustomEvent(this, "wje-dropdown:open", {
-          bubbles: true,
-          detail: { target: this }
-        });
-        Promise.resolve(this.afterShow(this));
-      }).catch((error) => {
-        this.classList.remove("active");
-        this.popup.hide(true);
+    __publicField(this, "onOpen", (t2) => {
+      this.classList.add("active"), this.syncAria(), Promise.resolve(this.beforeShow(this)).then((t3) => {
+        if (!this.classList.contains("active")) throw new Error("beforeShow method returned false or not string");
+        this.popup.show(true), this.syncPopupOwner(), i.addListener(document, "wje-menu-item:click", null, __privateGet(this, _t), false), i.dispatchCustomEvent(this, "wje-dropdown:open", { bubbles: true, detail: { target: this } }), Promise.resolve(this.afterShow(this));
+      }).catch((t3) => {
+        this.classList.remove("active"), this.popup.hide(true);
       });
     });
     __publicField(this, "beforeClose", () => {
@@ -109,278 +44,116 @@ const _Dropdown = class _Dropdown extends WJElement {
     __publicField(this, "afterClose", () => {
     });
     __publicField(this, "onClose", () => {
-      this.classList.remove("active");
-      this.syncAria();
-      Promise.resolve(this.beforeClose(this)).then((res) => {
-        if (this.classList.contains("active")) {
-          throw new Error("beforeShow method returned false or not string");
-        }
-        this.popup.hide(true);
-        event.removeListener(document, "wje-menu-item:click", null, __privateGet(this, _onMenuItemCustom), false);
-        event.dispatchCustomEvent(this, "wje-dropdown:close", {
-          bubbles: true,
-          detail: { target: this }
-        });
-        Promise.resolve(this.afterClose(this));
-      }).catch((error) => {
-        this.classList.add("active");
-        this.popup.show(true);
+      this.classList.remove("active"), this.syncAria(), Promise.resolve(this.beforeClose(this)).then((t2) => {
+        if (this.classList.contains("active")) throw new Error("beforeShow method returned false or not string");
+        this.popup.hide(true), i.removeListener(document, "wje-menu-item:click", null, __privateGet(this, _t), false), i.dispatchCustomEvent(this, "wje-dropdown:close", { bubbles: true, detail: { target: this } }), Promise.resolve(this.afterClose(this));
+      }).catch((t2) => {
+        this.classList.add("active"), this.popup.show(true);
       });
     });
-    __privateAdd(this, _onMenuItemCustom, (e) => {
-      const path = typeof e.composedPath === "function" ? e.composedPath() : [];
-      if (!this.popup || !this.popup.floatingEl || !path.includes(this.popup.floatingEl)) return;
-      const item = path.find((n) => n && n.tagName === "WJE-MENU-ITEM");
-      if (!item) return;
-      const owner = this.getMenuItemOwner(path, item);
-      if (owner && owner !== this) return;
-      if (item.hasAttribute("disabled") || item.getAttribute("aria-disabled") === "true") return;
-      if (item.hasAttribute("has-submenu")) return;
-      this.classList.remove("active");
-      this.popup.hide(true);
+    __privateAdd(this, _t, (t2) => {
+      const e2 = "function" == typeof t2.composedPath ? t2.composedPath() : [];
+      if (!this.popup || !this.popup.floatingEl || !e2.includes(this.popup.floatingEl)) return;
+      const i2 = e2.find((t3) => t3 && "WJE-MENU-ITEM" === t3.tagName);
+      if (!i2) return;
+      const s2 = this.getMenuItemOwner(e2, i2);
+      s2 && s2 !== this || i2.hasAttribute("disabled") || "true" === i2.getAttribute("aria-disabled") || i2.hasAttribute("has-submenu") || (this.classList.remove("active"), this.popup.hide(true));
     });
-    this._instanceId = ++_Dropdown._instanceId;
+    this._instanceId = ++_s._instanceId;
   }
-  /**
-   * Sets or removes the 'portaled' attribute on the element.
-   * When the value is truthy, the attribute 'portaled' is added to the element.
-   * When the value is falsy, the attribute 'portaled' is removed from the element.
-   * @param {boolean} value Determines whether to add or remove the 'portaled' attribute.
-   */
-  set portaled(value) {
-    if (value) {
-      this.setAttribute("portaled", value);
-    } else {
-      this.removeAttribute("portaled");
-    }
+  set portaled(t2) {
+    t2 ? this.setAttribute("portaled", t2) : this.removeAttribute("portaled");
   }
-  /**
-   * Getter method for the `portaled` property.
-   * Checks if the `portaled` attribute is present on the element.
-   * @returns {boolean} Returns `true` if the `portaled` attribute exists, otherwise `false`.
-   */
   get portaled() {
     return this.getAttribute("portaled") || "";
   }
-  /**
-   * Checks whether the element has the 'portaled' attribute.
-   * @returns {boolean} True if the element has the 'portaled' attribute, otherwise false.
-   */
   get isPortaled() {
     return this.hasAttribute("portaled");
   }
-  /**
-   * Sets the placement of the dropdown.
-   * @param value
-   */
-  set trigger(value) {
-    this.setAttribute("trigger", value);
+  set trigger(t2) {
+    this.setAttribute("trigger", t2);
   }
-  /**
-   * Gets the placement of the dropdown.
-   * @returns {string|string}
-   */
   get trigger() {
     return this.getAttribute("trigger") || "click";
   }
-  set mobilePresentation(value) {
-    if (value) {
-      this.setAttribute("mobile-presentation", value);
-    } else {
-      this.removeAttribute("mobile-presentation");
-    }
+  set mobilePresentation(t2) {
+    t2 ? this.setAttribute("mobile-presentation", t2) : this.removeAttribute("mobile-presentation");
   }
   get mobilePresentation() {
     return this.getAttribute("mobile-presentation");
   }
-  set mobileBreakPoint(value) {
-    if (value) {
-      this.setAttribute("mobile-break-point", value);
-    } else {
-      this.removeAttribute("mobile-break-point");
-    }
+  set mobileBreakPoint(t2) {
+    t2 ? this.setAttribute("mobile-break-point", t2) : this.removeAttribute("mobile-break-point");
   }
   get mobileBreakPoint() {
     return this.getAttribute("mobile-break-point") || "768";
   }
-  /**
-   * Getter for the CSS stylesheet.
-   * @returns {string[]}
-   */
   static get observedAttributes() {
     return ["active", "mobile-presentation", "mobile-break-point"];
   }
-  /**
-   * Sets up the attributes for the dropdown.
-   */
   setupAttributes() {
     this.isShadowRoot = "open";
   }
-  /**
-   * Removes the popup element.
-   */
   beforeDraw() {
     var _a;
-    (_a = this.popup) == null ? void 0 : _a.remove();
-    this.popup = null;
+    (_a = this.popup) == null ? void 0 : _a.remove(), this.popup = null;
   }
-  /**
-   * Draws the dropdown element and returns the created document fragment.
-   * @returns {DocumentFragment}
-   */
   draw() {
-    let fragment = document.createDocumentFragment();
+    let t2 = document.createDocumentFragment();
     this.classList.add("wje-placement", "wje-" + this.placement || "wje-start");
-    let native = document.createElement("div");
-    native.setAttribute("part", "native");
-    native.classList.add("native-dropdown");
-    let tooltip = document.createElement("wje-tooltip");
-    tooltip.setAttribute("content", this.tooltip);
-    let anchorSlot = document.createElement("slot");
-    anchorSlot.setAttribute("name", "trigger");
-    anchorSlot.setAttribute("slot", "anchor");
-    let slot = document.createElement("slot");
-    let popup = document.createElement("wje-popup");
-    popup.setAttribute("placement", this.placement);
-    popup.setAttribute("offset", this.offset);
-    popup.setAttribute("part", "popup");
-    popup.setAttribute("exportparts", "native:popup-native, backdrop:backdrop");
-    if (this.mobilePresentation) {
-      popup.setAttribute("mobile-presentation", this.mobilePresentation);
-      popup.setAttribute("mobile-break-point", this.mobileBreakPoint);
-    }
-    if (this.isPortaled) popup.setAttribute("portal", this.portaled);
-    popup.append(anchorSlot, slot);
-    popup.setAttribute("manual", "");
-    native.appendChild(popup);
-    fragment.appendChild(native);
-    this.popup = popup;
-    this.anchorSlot = anchorSlot;
-    return fragment;
+    let e2 = document.createElement("div");
+    e2.setAttribute("part", "native"), e2.classList.add("native-dropdown"), document.createElement("wje-tooltip").setAttribute("content", this.tooltip);
+    let i2 = document.createElement("slot");
+    i2.setAttribute("name", "trigger"), i2.setAttribute("slot", "anchor");
+    let s2 = document.createElement("slot"), o = document.createElement("wje-popup");
+    return o.setAttribute("placement", this.placement), o.setAttribute("offset", this.offset), o.setAttribute("part", "popup"), o.setAttribute("exportparts", "native:popup-native, backdrop:backdrop"), this.mobilePresentation && (o.setAttribute("mobile-presentation", this.mobilePresentation), o.setAttribute("mobile-break-point", this.mobileBreakPoint)), this.isPortaled && o.setAttribute("portal", this.portaled), o.append(i2, s2), o.setAttribute("manual", ""), e2.appendChild(o), t2.appendChild(e2), this.popup = o, this.anchorSlot = i2, t2;
   }
-  /**
-   * Adds event listeners for the mouseenter and mouseleave events.
-   */
   afterDraw() {
-    this.syncPopupOwner();
-    this.syncOwnedContentOwner();
-    event.addListener(this, "wje-popup:hide", null, this.popupHideCallback);
-    event.addListener(this.popup, "click", null, this.onMenuItemClick, { capture: true });
-    if (this.trigger !== "click") {
-      event.addListener(this, "mouseenter", null, this.onOpen);
-      event.addListener(this, "mouseleave", null, this.onClose);
-    } else {
-      event.addListener(this.anchorSlot, "click", null, this.toggleCallback, { capture: true });
-    }
-    if (this.hasAttribute("collapsible")) {
-      event.addListener(
-        Array.from(this.querySelectorAll("wje-menu-item")),
-        "click",
-        "wje-menu-item:click",
-        this.onClose
-      );
-    }
-    this.onSlotChange = () => this.syncAria();
-    this.anchorSlot.addEventListener("slotchange", this.onSlotChange);
-    this.syncAria();
+    this.syncPopupOwner(), this.syncOwnedContentOwner(), i.addListener(this, "wje-popup:hide", null, this.popupHideCallback), i.addListener(this.popup, "click", null, this.onMenuItemClick, { capture: true }), "click" !== this.trigger ? (i.addListener(this, "mouseenter", null, this.onOpen), i.addListener(this, "mouseleave", null, this.onClose)) : i.addListener(this.anchorSlot, "click", null, this.toggleCallback, { capture: true }), this.hasAttribute("collapsible") && i.addListener(Array.from(this.querySelectorAll("wje-menu-item")), "click", "wje-menu-item:click", this.onClose), this.onSlotChange = () => this.syncAria(), this.anchorSlot.addEventListener("slotchange", this.onSlotChange), this.syncAria();
   }
-  /**
-   * Adds event listeners for the mouseenter and mouseleave events.
-   */
   afterDisconnect() {
     var _a;
-    event.removeListener(this, "mouseenter", null, this.onOpen);
-    event.removeListener(this, "mouseleave", null, this.onClose);
-    event.removeListener(this.anchorSlot, "click", null, this.toggleCallback, { capture: true });
-    event.removeListener(this, "wje-popup:hide", null, this.popupHideCallback);
-    event.removeListener(this.popup, "click", null, this.onMenuItemClick, { capture: true });
-    event.removeListener(document, "wje-menu-item:click", null, __privateGet(this, _onMenuItemCustom), false);
-    (_a = this.anchorSlot) == null ? void 0 : _a.removeEventListener("slotchange", this.onSlotChange);
+    i.removeListener(this, "mouseenter", null, this.onOpen), i.removeListener(this, "mouseleave", null, this.onClose), i.removeListener(this.anchorSlot, "click", null, this.toggleCallback, { capture: true }), i.removeListener(this, "wje-popup:hide", null, this.popupHideCallback), i.removeListener(this.popup, "click", null, this.onMenuItemClick, { capture: true }), i.removeListener(document, "wje-menu-item:click", null, __privateGet(this, _t), false), (_a = this.anchorSlot) == null ? void 0 : _a.removeEventListener("slotchange", this.onSlotChange);
   }
-  /**
-   * Assigns the current dropdown instance as the owner of its popup layers.
-   * Owner metadata is later used to resolve which dropdown should react to
-   * delegated menu-item clicks, including portaled popup content.
-   */
   syncPopupOwner() {
-    if (!this.popup) return;
-    this.popup.ownerDropdown = this;
-    if (this.popup.native) {
-      this.popup.native.ownerDropdown = this;
-    }
-    if (this.popup.floatingEl) {
-      this.popup.floatingEl.ownerDropdown = this;
-    }
+    this.popup && (this.popup.ownerDropdown = this, this.popup.native && (this.popup.native.ownerDropdown = this), this.popup.floatingEl && (this.popup.floatingEl.ownerDropdown = this));
   }
-  /**
-   * Recursively assigns owner metadata to the dropdown content subtree while
-   * leaving nested dropdown roots untouched, so each nested dropdown can keep
-   * its own ownership boundary.
-   * @param {HTMLElement} [root] The subtree root whose children should inherit this dropdown owner. Defaults to the current dropdown.
-   */
-  syncOwnedContentOwner(root = this) {
-    const children = Array.from(root.children || []);
-    for (const child of children) {
-      if (child.tagName === "WJE-DROPDOWN" && child !== this) {
-        continue;
-      }
-      child.ownerDropdown = this;
-      this.syncOwnedContentOwner(child);
-    }
+  syncOwnedContentOwner(t2 = this) {
+    const e2 = Array.from(t2.children || []);
+    for (const t3 of e2) "WJE-DROPDOWN" === t3.tagName && t3 !== this || (t3.ownerDropdown = this, this.syncOwnedContentOwner(t3));
   }
-  /**
-   * Resolves the dropdown that owns a clicked menu item. The lookup prefers
-   * explicit owner metadata and falls back to DOM traversal so both regular
-   * and portaled dropdown content can be scoped correctly.
-   * @param {EventTarget[]} path The composed event path.
-   * @param {HTMLElement} item The clicked menu item element.
-   * @returns {HTMLElement|null} The owning dropdown element or null when it cannot be resolved.
-   */
-  getMenuItemOwner(path, item) {
+  getMenuItemOwner(t2, e2) {
     var _a;
-    if (item == null ? void 0 : item.ownerDropdown) return item.ownerDropdown;
-    if (item == null ? void 0 : item.closest) {
-      const closestDropdown = item.closest("wje-dropdown");
-      if (closestDropdown) return closestDropdown;
+    if (e2 == null ? void 0 : e2.ownerDropdown) return e2.ownerDropdown;
+    if (e2 == null ? void 0 : e2.closest) {
+      const t3 = e2.closest("wje-dropdown");
+      if (t3) return t3;
     }
-    const ownerFromPath = (_a = path.find((node) => node == null ? void 0 : node.ownerDropdown)) == null ? void 0 : _a.ownerDropdown;
-    if (ownerFromPath) return ownerFromPath;
-    const dropdownFromPath = path.find((node) => (node == null ? void 0 : node.tagName) === "WJE-DROPDOWN");
-    if (dropdownFromPath) return dropdownFromPath;
-    return null;
+    const i2 = (_a = t2.find((t3) => t3 == null ? void 0 : t3.ownerDropdown)) == null ? void 0 : _a.ownerDropdown;
+    if (i2) return i2;
+    const s2 = t2.find((t3) => "WJE-DROPDOWN" === (t3 == null ? void 0 : t3.tagName));
+    return s2 || null;
   }
-  /**
-   * @summary Returns the content to be displayed before showing the dropdown.
-   * @returns {any} The content to be displayed.
-   */
   beforeShow() {
     return this.content;
   }
-  /**
-   * This method is called after the dropdown is shown.
-   */
   afterShow() {
   }
-  /**
-   * Syncs ARIA attributes for the trigger element.
-   */
   syncAria() {
     var _a, _b, _c, _d;
-    const triggerEl = (_c = (_b = (_a = this.anchorSlot) == null ? void 0 : _a.assignedElements) == null ? void 0 : _b.call(_a, { flatten: true })) == null ? void 0 : _c[0];
-    if (!triggerEl) return;
-    const popupId = ((_d = this.popup) == null ? void 0 : _d.id) || `wje-dropdown-popup-${this._instanceId}`;
-    if (this.popup && !this.popup.id) this.popup.id = popupId;
-    const hasMenu = !!this.querySelector("wje-menu");
-    triggerEl.setAttribute("aria-haspopup", hasMenu ? "menu" : "dialog");
-    triggerEl.setAttribute("aria-expanded", this.classList.contains("active") ? "true" : "false");
-    triggerEl.setAttribute("aria-controls", popupId);
+    const t2 = (_c = (_b = (_a = this.anchorSlot) == null ? void 0 : _a.assignedElements) == null ? void 0 : _b.call(_a, { flatten: true })) == null ? void 0 : _c[0];
+    if (!t2) return;
+    const e2 = ((_d = this.popup) == null ? void 0 : _d.id) || `wje-dropdown-popup-${this._instanceId}`;
+    this.popup && !this.popup.id && (this.popup.id = e2);
+    const i2 = !!this.querySelector("wje-menu");
+    t2.setAttribute("aria-haspopup", i2 ? "menu" : "dialog"), t2.setAttribute("aria-expanded", this.classList.contains("active") ? "true" : "false"), t2.setAttribute("aria-controls", e2);
   }
 };
-_onMenuItemCustom = new WeakMap();
-__publicField(_Dropdown, "_instanceId", 0);
-let Dropdown = _Dropdown;
-Dropdown.define("wje-dropdown", Dropdown);
+_t = new WeakMap();
+__publicField(_s, "_instanceId", 0);
+let s = _s;
+s.define("wje-dropdown", s);
 export {
-  Dropdown as default
+  s as default
 };
 //# sourceMappingURL=wje-dropdown.js.map

package/dist/wje-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"wje-dropdown.js","sources":["../packages/wje-dropdown/dropdown.element.js","../packages/wje-dropdown/dropdown.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport Popup from '../wje-popup/popup.element.js';\n\n/**\n * `Dropdown` is a custom element that displays a dropdown menu.\n * @summary This element represents a dropdown menu.\n * @documentation https://elements.webjet.sk/components/dropdown\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part of the dropdown.\n * @csspart popup-native - The exported native popup panel part.\n * @csspart backdrop - The exported mobile bottom sheet backdrop part.\n * @slot trigger - The slot for the trigger of the dropdown.\n * @slot - The default slot for the dropdown.\n * @property {string} mobilePresentation - Enables a responsive presentation, currently \"bottom-sheet\".\n * @property {string} mobileBreakPoint - Viewport width where the mobile presentation becomes active. Defaults to \"768\".\n * @attribute {string} mobile-presentation - Enables a responsive presentation, currently \"bottom-sheet\".\n * @attribute {string} mobile-break-point - Viewport width where the mobile presentation becomes active. Defaults to \"768\".\n * // @fires wje-dropdown:open - Event fired when the dropdown is opened.\n * // @fires wje-dropdown:close - Event fired when the dropdown is closed.\n * @cssproperty [--wje-popup-backdrop-background=var(--wje-backdrop)] - Backdrop background used by mobile bottom sheet dropdowns.\n * @cssproperty [--wje-popup-backdrop-opacity=1] - Backdrop opacity used by mobile bottom sheet dropdowns.\n * @cssproperty [--wje-popup-mobile-background=var(--wje-select-options-background-color)] - Background of the mobile bottom sheet panel.\n * @cssproperty [--wje-popup-mobile-border-radius=var(--wje-border-radius-large) var(--wje-border-radius-large) 0 0] - Border radius of the mobile bottom sheet panel.\n * @cssproperty [--wje-popup-mobile-box-shadow=0 -8px 32px rgba(0, 0, 0, 0.16)] - Shadow of the mobile bottom sheet panel.\n * @cssproperty [--wje-popup-mobile-max-height=90vh] - Maximum height of the mobile bottom sheet panel.\n * @cssproperty [--wje-popup-mobile-transition-duration=250ms] - Transition duration for the mobile bottom sheet and backdrop.\n * @cssproperty [--wje-popup-mobile-transition-easing=ease] - Transition easing for the mobile bottom sheet and backdrop.\n * @tag wje-dropdown\n */\nexport default class Dropdown extends WJElement {\n    static _instanceId = 0;\n    /**\n     * Creates an instance of Dropdown.\n     * @class\n     */\n    constructor() {\n        super();\n        this._instanceId = ++Dropdown._instanceId;\n    }\n\n    /**\n     * The placement of the dropdown.\n     * @type {{\"wje-popup\": Popup}}\n     */\n    dependencies = {\n        'wje-popup': Popup,\n    };\n\n    /**\n     * Sets or removes the 'portaled' attribute on the element.\n     * When the value is truthy, the attribute 'portaled' is added to the element.\n     * When the value is falsy, the attribute 'portaled' is removed from the element.\n     * @param {boolean} value Determines whether to add or remove the 'portaled' attribute.\n     */\n    set portaled(value) {\n        if (value) {\n            this.setAttribute('portaled', value);\n        } else {\n            this.removeAttribute('portaled');\n        }\n    }\n\n    /**\n     * Getter method for the `portaled` property.\n     * Checks if the `portaled` attribute is present on the element.\n     * @returns {boolean} Returns `true` if the `portaled` attribute exists, otherwise `false`.\n     */\n    get portaled() {\n        return this.getAttribute('portaled') || '';\n    }\n\n    /**\n     * Checks whether the element has the 'portaled' attribute.\n     * @returns {boolean} True if the element has the 'portaled' attribute, otherwise false.\n     */\n    get isPortaled() {\n        return this.hasAttribute('portaled');\n    }\n\n    /**\n     * Sets the placement of the dropdown.\n     * @param value\n     */\n    set trigger(value) {\n        this.setAttribute('trigger', value);\n    }\n\n    /**\n     * Gets the placement of the dropdown.\n     * @returns {string|string}\n     */\n    get trigger() {\n        return this.getAttribute('trigger') || 'click';\n    }\n\n    set mobilePresentation(value) {\n        if (value) {\n            this.setAttribute('mobile-presentation', value);\n        } else {\n            this.removeAttribute('mobile-presentation');\n        }\n    }\n\n    get mobilePresentation() {\n        return this.getAttribute('mobile-presentation');\n    }\n\n    set mobileBreakPoint(value) {\n        if (value) {\n            this.setAttribute('mobile-break-point', value);\n        } else {\n            this.removeAttribute('mobile-break-point');\n        }\n    }\n\n    get mobileBreakPoint() {\n        return this.getAttribute('mobile-break-point') || '768';\n    }\n\n    /**\n     * Sets the placement of the dropdown.\n     * @type {string}\n     */\n    className = 'Dropdown';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {string[]}\n     */\n    static get observedAttributes() {\n        return ['active', 'mobile-presentation', 'mobile-break-point'];\n    }\n\n    /**\n     * Callback function to handle other dropdowns being opened. Close the dropdown if it is not the target and collapse is enabled.\n     * @param {Event} e The event object.\n     */\n    otherDropdownOpennedCallback = (e) => {\n        if (e.detail.detail.target !== this) {\n            this.classList.remove('active');\n            this.popup.hide();\n        }\n    };\n\n    /**\n     * Sets up the attributes for the dropdown.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Removes the popup element.\n     */\n    beforeDraw() {\n        this.popup?.remove();\n        this.popup = null;\n    }\n\n    /**\n     * Draws the dropdown element and returns the created document fragment.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        this.classList.add('wje-placement', 'wje-' + this.placement || 'wje-start');\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-dropdown');\n\n        let tooltip = document.createElement('wje-tooltip');\n        tooltip.setAttribute('content', this.tooltip);\n\n        let anchorSlot = document.createElement('slot');\n        anchorSlot.setAttribute('name', 'trigger');\n        anchorSlot.setAttribute('slot', 'anchor');\n\n        let slot = document.createElement('slot');\n\n        let popup = document.createElement('wje-popup');\n        popup.setAttribute('placement', this.placement);\n        popup.setAttribute('offset', this.offset);\n        popup.setAttribute('part', 'popup');\n        popup.setAttribute('exportparts', 'native:popup-native, backdrop:backdrop');\n\n        if (this.mobilePresentation) {\n            popup.setAttribute('mobile-presentation', this.mobilePresentation);\n            popup.setAttribute('mobile-break-point', this.mobileBreakPoint);\n        }\n\n        if (this.isPortaled) popup.setAttribute('portal', this.portaled);\n\n        popup.append(anchorSlot, slot);\n\n        // if(this.trigger === \"click\")\n        popup.setAttribute('manual', '');\n\n        native.appendChild(popup);\n\n        fragment.appendChild(native);\n\n        this.popup = popup;\n        this.anchorSlot = anchorSlot;\n\n        return fragment;\n    }\n\n    /**\n     * Adds event listeners for the mouseenter and mouseleave events.\n     */\n    afterDraw() {\n        this.syncPopupOwner();\n        this.syncOwnedContentOwner();\n\n        event.addListener(this, 'wje-popup:hide', null, this.popupHideCallback);\n\n        // Close when any actionable wje-menu-item inside the popup is clicked (works across Shadow DOM via composed path)\n        event.addListener(this.popup, 'click', null, this.onMenuItemClick, { capture: true });\n\n        if (this.trigger !== 'click') {\n            event.addListener(this, 'mouseenter', null, this.onOpen);\n            event.addListener(this, 'mouseleave', null, this.onClose);\n        } else {\n            event.addListener(this.anchorSlot, 'click', null, this.toggleCallback, { capture: true });\n        }\n\n        if (this.hasAttribute('collapsible')) {\n            event.addListener(\n                Array.from(this.querySelectorAll('wje-menu-item')),\n                'click',\n                'wje-menu-item:click',\n                this.onClose\n            );\n        }\n\n        this.onSlotChange = () => this.syncAria();\n        this.anchorSlot.addEventListener('slotchange', this.onSlotChange);\n\n        this.syncAria();\n    }\n\n    /**\n     * Adds event listeners for the mouseenter and mouseleave events.\n     */\n    afterDisconnect() {\n        event.removeListener(this, 'mouseenter', null, this.onOpen);\n        event.removeListener(this, 'mouseleave', null, this.onClose);\n        event.removeListener(this.anchorSlot, 'click', null, this.toggleCallback, { capture: true });\n        event.removeListener(this, 'wje-popup:hide', null, this.popupHideCallback);\n        event.removeListener(this.popup, 'click', null, this.onMenuItemClick, { capture: true });\n        event.removeListener(document, 'wje-menu-item:click', null, this.#onMenuItemCustom, false);\n        this.anchorSlot?.removeEventListener('slotchange', this.onSlotChange);\n    }\n\n    /**\n     * Handles popup hide events and closes only the dropdown that owns the popup.\n     * This prevents nested dropdowns from collapsing their parent dropdown when the\n     * child popup is hidden.\n     * @param {Event} e The popup hide event.\n     */\n    popupHideCallback = (e) => {\n        if (this.classList.contains('active') && e.target === this) {\n            this.toggleCallback(e);\n        }\n    };\n\n    /**\n     * Assigns the current dropdown instance as the owner of its popup layers.\n     * Owner metadata is later used to resolve which dropdown should react to\n     * delegated menu-item clicks, including portaled popup content.\n     */\n    syncPopupOwner() {\n        if (!this.popup) return;\n\n        this.popup.ownerDropdown = this;\n\n        if (this.popup.native) {\n            this.popup.native.ownerDropdown = this;\n        }\n\n        if (this.popup.floatingEl) {\n            this.popup.floatingEl.ownerDropdown = this;\n        }\n    }\n\n    /**\n     * Recursively assigns owner metadata to the dropdown content subtree while\n     * leaving nested dropdown roots untouched, so each nested dropdown can keep\n     * its own ownership boundary.\n     * @param {HTMLElement} [root] The subtree root whose children should inherit this dropdown owner. Defaults to the current dropdown.\n     */\n    syncOwnedContentOwner(root = this) {\n        const children = Array.from(root.children || []);\n\n        for (const child of children) {\n            if (child.tagName === 'WJE-DROPDOWN' && child !== this) {\n                continue;\n            }\n\n            child.ownerDropdown = this;\n            this.syncOwnedContentOwner(child);\n        }\n    }\n\n    /**\n     * Resolves the dropdown that owns a clicked menu item. The lookup prefers\n     * explicit owner metadata and falls back to DOM traversal so both regular\n     * and portaled dropdown content can be scoped correctly.\n     * @param {EventTarget[]} path The composed event path.\n     * @param {HTMLElement} item The clicked menu item element.\n     * @returns {HTMLElement|null} The owning dropdown element or null when it cannot be resolved.\n     */\n    getMenuItemOwner(path, item) {\n        if (item?.ownerDropdown) return item.ownerDropdown;\n\n        if (item?.closest) {\n            const closestDropdown = item.closest('wje-dropdown');\n            if (closestDropdown) return closestDropdown;\n        }\n\n        const ownerFromPath = path.find((node) => node?.ownerDropdown)?.ownerDropdown;\n        if (ownerFromPath) return ownerFromPath;\n\n        const dropdownFromPath = path.find((node) => node?.tagName === 'WJE-DROPDOWN');\n        if (dropdownFromPath) return dropdownFromPath;\n\n        return null;\n    }\n\n    /**\n     * Handles delegated clicks from inside the popup and closes the dropdown when a leaf menu item is selected.\n     * This works even when the menu is portaled, because we rely on the composed path.\n     */\n    onMenuItemClick = (e) => {\n        // Find nearest wje-menu-item in the composed path\n        const path = typeof e.composedPath === 'function' ? e.composedPath() : [];\n        const item = path.find((n) => n && n.tagName === 'WJE-MENU-ITEM');\n        if (!item) return;\n\n        const owner = this.getMenuItemOwner(path, item);\n        if (owner && owner !== this) return;\n\n        // Ignore disabled items\n        if (item.hasAttribute('disabled') || item.getAttribute('aria-disabled') === 'true') return;\n\n        // If this item contains a nested submenu (wje-menu), it's not a leaf -> don't close yet\n        if (typeof item.querySelector === 'function' && item.querySelector('wje-menu')) return;\n\n        // Leaf item selected -> close dropdown (which calls popup.hide(true) inside onClose)\n        this.onClose();\n    };\n\n    /**\n     * @summary Toggles the dropdown element between active and inactive states.\n     * Calls the `onOpen` method if the element is currently inactive,\n     * and calls the `onClose` method if the element is currently active.\n     * @param {Event} e The event object.\n     */\n    toggleCallback = (e) => {\n        if (this.classList.contains('active')) {\n            e.stopPropagation();\n            this.onClose();\n        } else {\n            e.stopPropagation();\n            this.onOpen(e);\n        }\n    };\n\n    /**\n     * @summary Returns the content to be displayed before showing the dropdown.\n     * @returns {any} The content to be displayed.\n     */\n    beforeShow() {\n        return this.content;\n    }\n\n    /**\n     * This method is called after the dropdown is shown.\n     */\n    afterShow() {\n        // Do nothing\n    }\n\n    /**\n     * Open the popup element.\n     * @param {object} e\n     */\n    onOpen = (e) => {\n        this.classList.add('active');\n        this.syncAria();\n        Promise.resolve(this.beforeShow(this))\n            .then((res) => {\n                if (!this.classList.contains('active')) {\n                    throw new Error('beforeShow method returned false or not string');\n                }\n\n                this.popup.show(true); // Show tooltip\n                this.syncPopupOwner();\n\n                event.addListener(document, 'wje-menu-item:click', null, this.#onMenuItemCustom, false);\n\n                event.dispatchCustomEvent(this, 'wje-dropdown:open', {\n                    bubbles: true,\n                    detail: { target: this },\n                });\n\n                Promise.resolve(this.afterShow(this));\n            })\n            .catch((error) => {\n                // ak je nejaka chyba tak to len zatvorime\n                this.classList.remove('active');\n                this.popup.hide(true);\n            });\n    };\n\n    beforeClose = () => {\n        // Do nothing\n    };\n\n    afterClose = () => {\n        // Do nothing\n    };\n\n    onClose = () => {\n        this.classList.remove('active');\n        this.syncAria();\n        Promise.resolve(this.beforeClose(this))\n            .then((res) => {\n                if (this.classList.contains('active')) {\n                    throw new Error('beforeShow method returned false or not string');\n                }\n\n                this.popup.hide(true); // Show tooltip\n\n                event.removeListener(document, 'wje-menu-item:click', null, this.#onMenuItemCustom, false);\n\n                event.dispatchCustomEvent(this, 'wje-dropdown:close', {\n                    bubbles: true,\n                    detail: { target: this },\n                });\n\n                Promise.resolve(this.afterClose(this));\n            })\n            .catch((error) => {\n                this.classList.add('active');\n                this.popup.show(true);\n            });\n    };\n\n    /**\n     * Syncs ARIA attributes for the trigger element.\n     */\n    syncAria() {\n        const triggerEl = this.anchorSlot?.assignedElements?.({ flatten: true })?.[0];\n        if (!triggerEl) return;\n\n        const popupId = this.popup?.id || `wje-dropdown-popup-${this._instanceId}`;\n        if (this.popup && !this.popup.id) this.popup.id = popupId;\n\n        const hasMenu = !!this.querySelector('wje-menu');\n        triggerEl.setAttribute('aria-haspopup', hasMenu ? 'menu' : 'dialog');\n        triggerEl.setAttribute('aria-expanded', this.classList.contains('active') ? 'true' : 'false');\n        triggerEl.setAttribute('aria-controls', popupId);\n    }\n\n    #onMenuItemCustom = (e) => {\n        const path = typeof e.composedPath === 'function' ? e.composedPath() : [];\n        if (!this.popup || !this.popup.floatingEl || !path.includes(this.popup.floatingEl)) return;\n\n        const item = path.find((n) => n && n.tagName === 'WJE-MENU-ITEM');\n        if (!item) return;\n        const owner = this.getMenuItemOwner(path, item);\n        if (owner && owner !== this) return;\n        if (item.hasAttribute('disabled') || item.getAttribute('aria-disabled') === 'true') return;\n        if (item.hasAttribute('has-submenu')) return; // parent; nezatváraj\n\n        // Zavri len tento dropdown. NEvolaj stopPropagation na custom evente,\n        // aby fungovali aj tvoje app-level listenery (riadok 480).\n        this.classList.remove('active');\n        this.popup.hide(true);\n    };\n}\n","import Dropdown from './dropdown.element.js';\n\nexport default Dropdown;\n\nDropdown.define('wje-dropdown', Dropdown);\n"],"names":[],"mappings":";;;;;;;;;;;;;AA8Be,MAAM,YAAN,MAAM,kBAAiB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAM5C,cAAc;AACV,UAAK;AAQT;AAAA;AAAA;AAAA;AAAA,wCAAe;AAAA,MACX,aAAa;AAAA,IACrB;AA6EI;AAAA;AAAA;AAAA;AAAA,qCAAY;AAcZ;AAAA;AAAA;AAAA;AAAA,wDAA+B,CAAC,MAAM;AAClC,UAAI,EAAE,OAAO,OAAO,WAAW,MAAM;AACjC,aAAK,UAAU,OAAO,QAAQ;AAC9B,aAAK,MAAM,KAAI;AAAA,MACnB;AAAA,IACJ;AAwHA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAAoB,CAAC,MAAM;AACvB,UAAI,KAAK,UAAU,SAAS,QAAQ,KAAK,EAAE,WAAW,MAAM;AACxD,aAAK,eAAe,CAAC;AAAA,MACzB;AAAA,IACJ;AAqEA;AAAA;AAAA;AAAA;AAAA,2CAAkB,CAAC,MAAM;AAErB,YAAM,OAAO,OAAO,EAAE,iBAAiB,aAAa,EAAE,aAAY,IAAK,CAAA;AACvE,YAAM,OAAO,KAAK,KAAK,CAAC,MAAM,KAAK,EAAE,YAAY,eAAe;AAChE,UAAI,CAAC,KAAM;AAEX,YAAM,QAAQ,KAAK,iBAAiB,MAAM,IAAI;AAC9C,UAAI,SAAS,UAAU,KAAM;AAG7B,UAAI,KAAK,aAAa,UAAU,KAAK,KAAK,aAAa,eAAe,MAAM,OAAQ;AAGpF,UAAI,OAAO,KAAK,kBAAkB,cAAc,KAAK,cAAc,UAAU,EAAG;AAGhF,WAAK,QAAO;AAAA,IAChB;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAAiB,CAAC,MAAM;AACpB,UAAI,KAAK,UAAU,SAAS,QAAQ,GAAG;AACnC,UAAE,gBAAe;AACjB,aAAK,QAAO;AAAA,MAChB,OAAO;AACH,UAAE,gBAAe;AACjB,aAAK,OAAO,CAAC;AAAA,MACjB;AAAA,IACJ;AAqBA;AAAA;AAAA;AAAA;AAAA,kCAAS,CAAC,MAAM;AACZ,WAAK,UAAU,IAAI,QAAQ;AAC3B,WAAK,SAAQ;AACb,cAAQ,QAAQ,KAAK,WAAW,IAAI,CAAC,EAChC,KAAK,CAAC,QAAQ;AACX,YAAI,CAAC,KAAK,UAAU,SAAS,QAAQ,GAAG;AACpC,gBAAM,IAAI,MAAM,gDAAgD;AAAA,QACpE;AAEA,aAAK,MAAM,KAAK,IAAI;AACpB,aAAK,eAAc;AAEnB,cAAM,YAAY,UAAU,uBAAuB,MAAM,mBAAK,oBAAmB,KAAK;AAEtF,cAAM,oBAAoB,MAAM,qBAAqB;AAAA,UACjD,SAAS;AAAA,UACT,QAAQ,EAAE,QAAQ,KAAI;AAAA,QAC1C,CAAiB;AAED,gBAAQ,QAAQ,KAAK,UAAU,IAAI,CAAC;AAAA,MACxC,CAAC,EACA,MAAM,CAAC,UAAU;AAEd,aAAK,UAAU,OAAO,QAAQ;AAC9B,aAAK,MAAM,KAAK,IAAI;AAAA,MACxB,CAAC;AAAA,IACT;AAEA,uCAAc,MAAM;AAAA,IAEpB;AAEA,sCAAa,MAAM;AAAA,IAEnB;AAEA,mCAAU,MAAM;AACZ,WAAK,UAAU,OAAO,QAAQ;AAC9B,WAAK,SAAQ;AACb,cAAQ,QAAQ,KAAK,YAAY,IAAI,CAAC,EACjC,KAAK,CAAC,QAAQ;AACX,YAAI,KAAK,UAAU,SAAS,QAAQ,GAAG;AACnC,gBAAM,IAAI,MAAM,gDAAgD;AAAA,QACpE;AAEA,aAAK,MAAM,KAAK,IAAI;AAEpB,cAAM,eAAe,UAAU,uBAAuB,MAAM,mBAAK,oBAAmB,KAAK;AAEzF,cAAM,oBAAoB,MAAM,sBAAsB;AAAA,UAClD,SAAS;AAAA,UACT,QAAQ,EAAE,QAAQ,KAAI;AAAA,QAC1C,CAAiB;AAED,gBAAQ,QAAQ,KAAK,WAAW,IAAI,CAAC;AAAA,MACzC,CAAC,EACA,MAAM,CAAC,UAAU;AACd,aAAK,UAAU,IAAI,QAAQ;AAC3B,aAAK,MAAM,KAAK,IAAI;AAAA,MACxB,CAAC;AAAA,IACT;AAkBA,0CAAoB,CAAC,MAAM;AACvB,YAAM,OAAO,OAAO,EAAE,iBAAiB,aAAa,EAAE,aAAY,IAAK,CAAA;AACvE,UAAI,CAAC,KAAK,SAAS,CAAC,KAAK,MAAM,cAAc,CAAC,KAAK,SAAS,KAAK,MAAM,UAAU,EAAG;AAEpF,YAAM,OAAO,KAAK,KAAK,CAAC,MAAM,KAAK,EAAE,YAAY,eAAe;AAChE,UAAI,CAAC,KAAM;AACX,YAAM,QAAQ,KAAK,iBAAiB,MAAM,IAAI;AAC9C,UAAI,SAAS,UAAU,KAAM;AAC7B,UAAI,KAAK,aAAa,UAAU,KAAK,KAAK,aAAa,eAAe,MAAM,OAAQ;AACpF,UAAI,KAAK,aAAa,aAAa,EAAG;AAItC,WAAK,UAAU,OAAO,QAAQ;AAC9B,WAAK,MAAM,KAAK,IAAI;AAAA,IACxB;AA7bI,SAAK,cAAc,EAAE,UAAS;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBA,IAAI,SAAS,OAAO;AAChB,QAAI,OAAO;AACP,WAAK,aAAa,YAAY,KAAK;AAAA,IACvC,OAAO;AACH,WAAK,gBAAgB,UAAU;AAAA,IACnC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAI,WAAW;AACX,WAAO,KAAK,aAAa,UAAU,KAAK;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,aAAa;AACb,WAAO,KAAK,aAAa,UAAU;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,QAAQ,OAAO;AACf,SAAK,aAAa,WAAW,KAAK;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,UAAU;AACV,WAAO,KAAK,aAAa,SAAS,KAAK;AAAA,EAC3C;AAAA,EAEA,IAAI,mBAAmB,OAAO;AAC1B,QAAI,OAAO;AACP,WAAK,aAAa,uBAAuB,KAAK;AAAA,IAClD,OAAO;AACH,WAAK,gBAAgB,qBAAqB;AAAA,IAC9C;AAAA,EACJ;AAAA,EAEA,IAAI,qBAAqB;AACrB,WAAO,KAAK,aAAa,qBAAqB;AAAA,EAClD;AAAA,EAEA,IAAI,iBAAiB,OAAO;AACxB,QAAI,OAAO;AACP,WAAK,aAAa,sBAAsB,KAAK;AAAA,IACjD,OAAO;AACH,WAAK,gBAAgB,oBAAoB;AAAA,IAC7C;AAAA,EACJ;AAAA,EAEA,IAAI,mBAAmB;AACnB,WAAO,KAAK,aAAa,oBAAoB,KAAK;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,WAAW,qBAAqB;AAC5B,WAAO,CAAC,UAAU,uBAAuB,oBAAoB;AAAA,EACjE;AAAA;AAAA;AAAA;AAAA,EAgBA,kBAAkB;AACd,SAAK,eAAe;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA,EAKA,aAAa;;AACT,eAAK,UAAL,mBAAY;AACZ,SAAK,QAAQ;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AACH,QAAI,WAAW,SAAS,uBAAsB;AAE9C,SAAK,UAAU,IAAI,iBAAiB,SAAS,KAAK,aAAa,WAAW;AAE1E,QAAI,SAAS,SAAS,cAAc,KAAK;AACzC,WAAO,aAAa,QAAQ,QAAQ;AACpC,WAAO,UAAU,IAAI,iBAAiB;AAEtC,QAAI,UAAU,SAAS,cAAc,aAAa;AAClD,YAAQ,aAAa,WAAW,KAAK,OAAO;AAE5C,QAAI,aAAa,SAAS,cAAc,MAAM;AAC9C,eAAW,aAAa,QAAQ,SAAS;AACzC,eAAW,aAAa,QAAQ,QAAQ;AAExC,QAAI,OAAO,SAAS,cAAc,MAAM;AAExC,QAAI,QAAQ,SAAS,cAAc,WAAW;AAC9C,UAAM,aAAa,aAAa,KAAK,SAAS;AAC9C,UAAM,aAAa,UAAU,KAAK,MAAM;AACxC,UAAM,aAAa,QAAQ,OAAO;AAClC,UAAM,aAAa,eAAe,wCAAwC;AAE1E,QAAI,KAAK,oBAAoB;AACzB,YAAM,aAAa,uBAAuB,KAAK,kBAAkB;AACjE,YAAM,aAAa,sBAAsB,KAAK,gBAAgB;AAAA,IAClE;AAEA,QAAI,KAAK,WAAY,OAAM,aAAa,UAAU,KAAK,QAAQ;AAE/D,UAAM,OAAO,YAAY,IAAI;AAG7B,UAAM,aAAa,UAAU,EAAE;AAE/B,WAAO,YAAY,KAAK;AAExB,aAAS,YAAY,MAAM;AAE3B,SAAK,QAAQ;AACb,SAAK,aAAa;AAElB,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AACR,SAAK,eAAc;AACnB,SAAK,sBAAqB;AAE1B,UAAM,YAAY,MAAM,kBAAkB,MAAM,KAAK,iBAAiB;AAGtE,UAAM,YAAY,KAAK,OAAO,SAAS,MAAM,KAAK,iBAAiB,EAAE,SAAS,KAAI,CAAE;AAEpF,QAAI,KAAK,YAAY,SAAS;AAC1B,YAAM,YAAY,MAAM,cAAc,MAAM,KAAK,MAAM;AACvD,YAAM,YAAY,MAAM,cAAc,MAAM,KAAK,OAAO;AAAA,IAC5D,OAAO;AACH,YAAM,YAAY,KAAK,YAAY,SAAS,MAAM,KAAK,gBAAgB,EAAE,SAAS,KAAI,CAAE;AAAA,IAC5F;AAEA,QAAI,KAAK,aAAa,aAAa,GAAG;AAClC,YAAM;AAAA,QACF,MAAM,KAAK,KAAK,iBAAiB,eAAe,CAAC;AAAA,QACjD;AAAA,QACA;AAAA,QACA,KAAK;AAAA,MACrB;AAAA,IACQ;AAEA,SAAK,eAAe,MAAM,KAAK,SAAQ;AACvC,SAAK,WAAW,iBAAiB,cAAc,KAAK,YAAY;AAEhE,SAAK,SAAQ;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKA,kBAAkB;;AACd,UAAM,eAAe,MAAM,cAAc,MAAM,KAAK,MAAM;AAC1D,UAAM,eAAe,MAAM,cAAc,MAAM,KAAK,OAAO;AAC3D,UAAM,eAAe,KAAK,YAAY,SAAS,MAAM,KAAK,gBAAgB,EAAE,SAAS,KAAI,CAAE;AAC3F,UAAM,eAAe,MAAM,kBAAkB,MAAM,KAAK,iBAAiB;AACzE,UAAM,eAAe,KAAK,OAAO,SAAS,MAAM,KAAK,iBAAiB,EAAE,SAAS,KAAI,CAAE;AACvF,UAAM,eAAe,UAAU,uBAAuB,MAAM,mBAAK,oBAAmB,KAAK;AACzF,eAAK,eAAL,mBAAiB,oBAAoB,cAAc,KAAK;AAAA,EAC5D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBA,iBAAiB;AACb,QAAI,CAAC,KAAK,MAAO;AAEjB,SAAK,MAAM,gBAAgB;AAE3B,QAAI,KAAK,MAAM,QAAQ;AACnB,WAAK,MAAM,OAAO,gBAAgB;AAAA,IACtC;AAEA,QAAI,KAAK,MAAM,YAAY;AACvB,WAAK,MAAM,WAAW,gBAAgB;AAAA,IAC1C;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,sBAAsB,OAAO,MAAM;AAC/B,UAAM,WAAW,MAAM,KAAK,KAAK,YAAY,CAAA,CAAE;AAE/C,eAAW,SAAS,UAAU;AAC1B,UAAI,MAAM,YAAY,kBAAkB,UAAU,MAAM;AACpD;AAAA,MACJ;AAEA,YAAM,gBAAgB;AACtB,WAAK,sBAAsB,KAAK;AAAA,IACpC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,iBAAiB,MAAM,MAAM;;AACzB,QAAI,6BAAM,cAAe,QAAO,KAAK;AAErC,QAAI,6BAAM,SAAS;AACf,YAAM,kBAAkB,KAAK,QAAQ,cAAc;AACnD,UAAI,gBAAiB,QAAO;AAAA,IAChC;AAEA,UAAM,iBAAgB,UAAK,KAAK,CAAC,SAAS,6BAAM,aAAa,MAAvC,mBAA0C;AAChE,QAAI,cAAe,QAAO;AAE1B,UAAM,mBAAmB,KAAK,KAAK,CAAC,UAAS,6BAAM,aAAY,cAAc;AAC7E,QAAI,iBAAkB,QAAO;AAE7B,WAAO;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA,EA6CA,aAAa;AACT,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA,EAKA,YAAY;AAAA,EAEZ;AAAA;AAAA;AAAA;AAAA,EAuEA,WAAW;;AACP,UAAM,aAAY,sBAAK,eAAL,mBAAiB,qBAAjB,4BAAoC,EAAE,SAAS,YAA/C,mBAAyD;AAC3E,QAAI,CAAC,UAAW;AAEhB,UAAM,YAAU,UAAK,UAAL,mBAAY,OAAM,sBAAsB,KAAK,WAAW;AACxE,QAAI,KAAK,SAAS,CAAC,KAAK,MAAM,GAAI,MAAK,MAAM,KAAK;AAElD,UAAM,UAAU,CAAC,CAAC,KAAK,cAAc,UAAU;AAC/C,cAAU,aAAa,iBAAiB,UAAU,SAAS,QAAQ;AACnE,cAAU,aAAa,iBAAiB,KAAK,UAAU,SAAS,QAAQ,IAAI,SAAS,OAAO;AAC5F,cAAU,aAAa,iBAAiB,OAAO;AAAA,EACnD;AAkBJ;AAhBI;AArbA,cADiB,WACV,eAAc;AADV,IAAM,WAAN;AC1Bf,SAAS,OAAO,gBAAgB,QAAQ;"}
+{"version":3,"file":"wje-dropdown.js","sources":["../packages/wje-dropdown/dropdown.element.js","../packages/wje-dropdown/dropdown.js"],"sourcesContent":["import { default as WJElement, event } from '../wje-element/element.js';\nimport Popup from '../wje-popup/popup.element.js';\n\n/**\n * `Dropdown` is a custom element that displays a dropdown menu.\n * @summary This element represents a dropdown menu.\n * @documentation https://elements.webjet.sk/components/dropdown\n * @status stable\n * @augments {WJElement}\n * @csspart native - The native part of the dropdown.\n * @csspart popup-native - The exported native popup panel part.\n * @csspart backdrop - The exported mobile bottom sheet backdrop part.\n * @slot trigger - The slot for the trigger of the dropdown.\n * @slot - The default slot for the dropdown.\n * @property {string} mobilePresentation - Enables a responsive presentation, currently \"bottom-sheet\".\n * @property {string} mobileBreakPoint - Viewport width where the mobile presentation becomes active. Defaults to \"768\".\n * @attribute {string} mobile-presentation - Enables a responsive presentation, currently \"bottom-sheet\".\n * @attribute {string} mobile-break-point - Viewport width where the mobile presentation becomes active. Defaults to \"768\".\n * // @fires wje-dropdown:open - Event fired when the dropdown is opened.\n * // @fires wje-dropdown:close - Event fired when the dropdown is closed.\n * @cssproperty [--wje-popup-backdrop-background=var(--wje-backdrop)] - Backdrop background used by mobile bottom sheet dropdowns.\n * @cssproperty [--wje-popup-backdrop-opacity=1] - Backdrop opacity used by mobile bottom sheet dropdowns.\n * @cssproperty [--wje-popup-mobile-background=var(--wje-select-options-background-color)] - Background of the mobile bottom sheet panel.\n * @cssproperty [--wje-popup-mobile-border-radius=var(--wje-border-radius-large) var(--wje-border-radius-large) 0 0] - Border radius of the mobile bottom sheet panel.\n * @cssproperty [--wje-popup-mobile-box-shadow=0 -8px 32px rgba(0, 0, 0, 0.16)] - Shadow of the mobile bottom sheet panel.\n * @cssproperty [--wje-popup-mobile-max-height=90vh] - Maximum height of the mobile bottom sheet panel.\n * @cssproperty [--wje-popup-mobile-transition-duration=250ms] - Transition duration for the mobile bottom sheet and backdrop.\n * @cssproperty [--wje-popup-mobile-transition-easing=ease] - Transition easing for the mobile bottom sheet and backdrop.\n * @tag wje-dropdown\n */\nexport default class Dropdown extends WJElement {\n    static _instanceId = 0;\n    /**\n     * Creates an instance of Dropdown.\n     * @class\n     */\n    constructor() {\n        super();\n        this._instanceId = ++Dropdown._instanceId;\n    }\n\n    /**\n     * The placement of the dropdown.\n     * @type {{\"wje-popup\": Popup}}\n     */\n    dependencies = {\n        'wje-popup': Popup,\n    };\n\n    /**\n     * Sets or removes the 'portaled' attribute on the element.\n     * When the value is truthy, the attribute 'portaled' is added to the element.\n     * When the value is falsy, the attribute 'portaled' is removed from the element.\n     * @param {boolean} value Determines whether to add or remove the 'portaled' attribute.\n     */\n    set portaled(value) {\n        if (value) {\n            this.setAttribute('portaled', value);\n        } else {\n            this.removeAttribute('portaled');\n        }\n    }\n\n    /**\n     * Getter method for the `portaled` property.\n     * Checks if the `portaled` attribute is present on the element.\n     * @returns {boolean} Returns `true` if the `portaled` attribute exists, otherwise `false`.\n     */\n    get portaled() {\n        return this.getAttribute('portaled') || '';\n    }\n\n    /**\n     * Checks whether the element has the 'portaled' attribute.\n     * @returns {boolean} True if the element has the 'portaled' attribute, otherwise false.\n     */\n    get isPortaled() {\n        return this.hasAttribute('portaled');\n    }\n\n    /**\n     * Sets the placement of the dropdown.\n     * @param value\n     */\n    set trigger(value) {\n        this.setAttribute('trigger', value);\n    }\n\n    /**\n     * Gets the placement of the dropdown.\n     * @returns {string|string}\n     */\n    get trigger() {\n        return this.getAttribute('trigger') || 'click';\n    }\n\n    set mobilePresentation(value) {\n        if (value) {\n            this.setAttribute('mobile-presentation', value);\n        } else {\n            this.removeAttribute('mobile-presentation');\n        }\n    }\n\n    get mobilePresentation() {\n        return this.getAttribute('mobile-presentation');\n    }\n\n    set mobileBreakPoint(value) {\n        if (value) {\n            this.setAttribute('mobile-break-point', value);\n        } else {\n            this.removeAttribute('mobile-break-point');\n        }\n    }\n\n    get mobileBreakPoint() {\n        return this.getAttribute('mobile-break-point') || '768';\n    }\n\n    /**\n     * Sets the placement of the dropdown.\n     * @type {string}\n     */\n    className = 'Dropdown';\n\n    /**\n     * Getter for the CSS stylesheet.\n     * @returns {string[]}\n     */\n    static get observedAttributes() {\n        return ['active', 'mobile-presentation', 'mobile-break-point'];\n    }\n\n    /**\n     * Callback function to handle other dropdowns being opened. Close the dropdown if it is not the target and collapse is enabled.\n     * @param {Event} e The event object.\n     */\n    otherDropdownOpennedCallback = (e) => {\n        if (e.detail.detail.target !== this) {\n            this.classList.remove('active');\n            this.popup.hide();\n        }\n    };\n\n    /**\n     * Sets up the attributes for the dropdown.\n     */\n    setupAttributes() {\n        this.isShadowRoot = 'open';\n    }\n\n    /**\n     * Removes the popup element.\n     */\n    beforeDraw() {\n        this.popup?.remove();\n        this.popup = null;\n    }\n\n    /**\n     * Draws the dropdown element and returns the created document fragment.\n     * @returns {DocumentFragment}\n     */\n    draw() {\n        let fragment = document.createDocumentFragment();\n\n        this.classList.add('wje-placement', 'wje-' + this.placement || 'wje-start');\n\n        let native = document.createElement('div');\n        native.setAttribute('part', 'native');\n        native.classList.add('native-dropdown');\n\n        let tooltip = document.createElement('wje-tooltip');\n        tooltip.setAttribute('content', this.tooltip);\n\n        let anchorSlot = document.createElement('slot');\n        anchorSlot.setAttribute('name', 'trigger');\n        anchorSlot.setAttribute('slot', 'anchor');\n\n        let slot = document.createElement('slot');\n\n        let popup = document.createElement('wje-popup');\n        popup.setAttribute('placement', this.placement);\n        popup.setAttribute('offset', this.offset);\n        popup.setAttribute('part', 'popup');\n        popup.setAttribute('exportparts', 'native:popup-native, backdrop:backdrop');\n\n        if (this.mobilePresentation) {\n            popup.setAttribute('mobile-presentation', this.mobilePresentation);\n            popup.setAttribute('mobile-break-point', this.mobileBreakPoint);\n        }\n\n        if (this.isPortaled) popup.setAttribute('portal', this.portaled);\n\n        popup.append(anchorSlot, slot);\n\n        // if(this.trigger === \"click\")\n        popup.setAttribute('manual', '');\n\n        native.appendChild(popup);\n\n        fragment.appendChild(native);\n\n        this.popup = popup;\n        this.anchorSlot = anchorSlot;\n\n        return fragment;\n    }\n\n    /**\n     * Adds event listeners for the mouseenter and mouseleave events.\n     */\n    afterDraw() {\n        this.syncPopupOwner();\n        this.syncOwnedContentOwner();\n\n        event.addListener(this, 'wje-popup:hide', null, this.popupHideCallback);\n\n        // Close when any actionable wje-menu-item inside the popup is clicked (works across Shadow DOM via composed path)\n        event.addListener(this.popup, 'click', null, this.onMenuItemClick, { capture: true });\n\n        if (this.trigger !== 'click') {\n            event.addListener(this, 'mouseenter', null, this.onOpen);\n            event.addListener(this, 'mouseleave', null, this.onClose);\n        } else {\n            event.addListener(this.anchorSlot, 'click', null, this.toggleCallback, { capture: true });\n        }\n\n        if (this.hasAttribute('collapsible')) {\n            event.addListener(\n                Array.from(this.querySelectorAll('wje-menu-item')),\n                'click',\n                'wje-menu-item:click',\n                this.onClose\n            );\n        }\n\n        this.onSlotChange = () => this.syncAria();\n        this.anchorSlot.addEventListener('slotchange', this.onSlotChange);\n\n        this.syncAria();\n    }\n\n    /**\n     * Adds event listeners for the mouseenter and mouseleave events.\n     */\n    afterDisconnect() {\n        event.removeListener(this, 'mouseenter', null, this.onOpen);\n        event.removeListener(this, 'mouseleave', null, this.onClose);\n        event.removeListener(this.anchorSlot, 'click', null, this.toggleCallback, { capture: true });\n        event.removeListener(this, 'wje-popup:hide', null, this.popupHideCallback);\n        event.removeListener(this.popup, 'click', null, this.onMenuItemClick, { capture: true });\n        event.removeListener(document, 'wje-menu-item:click', null, this.#onMenuItemCustom, false);\n        this.anchorSlot?.removeEventListener('slotchange', this.onSlotChange);\n    }\n\n    /**\n     * Handles popup hide events and closes only the dropdown that owns the popup.\n     * This prevents nested dropdowns from collapsing their parent dropdown when the\n     * child popup is hidden.\n     * @param {Event} e The popup hide event.\n     */\n    popupHideCallback = (e) => {\n        if (this.classList.contains('active') && e.target === this) {\n            this.toggleCallback(e);\n        }\n    };\n\n    /**\n     * Assigns the current dropdown instance as the owner of its popup layers.\n     * Owner metadata is later used to resolve which dropdown should react to\n     * delegated menu-item clicks, including portaled popup content.\n     */\n    syncPopupOwner() {\n        if (!this.popup) return;\n\n        this.popup.ownerDropdown = this;\n\n        if (this.popup.native) {\n            this.popup.native.ownerDropdown = this;\n        }\n\n        if (this.popup.floatingEl) {\n            this.popup.floatingEl.ownerDropdown = this;\n        }\n    }\n\n    /**\n     * Recursively assigns owner metadata to the dropdown content subtree while\n     * leaving nested dropdown roots untouched, so each nested dropdown can keep\n     * its own ownership boundary.\n     * @param {HTMLElement} [root] The subtree root whose children should inherit this dropdown owner. Defaults to the current dropdown.\n     */\n    syncOwnedContentOwner(root = this) {\n        const children = Array.from(root.children || []);\n\n        for (const child of children) {\n            if (child.tagName === 'WJE-DROPDOWN' && child !== this) {\n                continue;\n            }\n\n            child.ownerDropdown = this;\n            this.syncOwnedContentOwner(child);\n        }\n    }\n\n    /**\n     * Resolves the dropdown that owns a clicked menu item. The lookup prefers\n     * explicit owner metadata and falls back to DOM traversal so both regular\n     * and portaled dropdown content can be scoped correctly.\n     * @param {EventTarget[]} path The composed event path.\n     * @param {HTMLElement} item The clicked menu item element.\n     * @returns {HTMLElement|null} The owning dropdown element or null when it cannot be resolved.\n     */\n    getMenuItemOwner(path, item) {\n        if (item?.ownerDropdown) return item.ownerDropdown;\n\n        if (item?.closest) {\n            const closestDropdown = item.closest('wje-dropdown');\n            if (closestDropdown) return closestDropdown;\n        }\n\n        const ownerFromPath = path.find((node) => node?.ownerDropdown)?.ownerDropdown;\n        if (ownerFromPath) return ownerFromPath;\n\n        const dropdownFromPath = path.find((node) => node?.tagName === 'WJE-DROPDOWN');\n        if (dropdownFromPath) return dropdownFromPath;\n\n        return null;\n    }\n\n    /**\n     * Handles delegated clicks from inside the popup and closes the dropdown when a leaf menu item is selected.\n     * This works even when the menu is portaled, because we rely on the composed path.\n     */\n    onMenuItemClick = (e) => {\n        // Find nearest wje-menu-item in the composed path\n        const path = typeof e.composedPath === 'function' ? e.composedPath() : [];\n        const item = path.find((n) => n && n.tagName === 'WJE-MENU-ITEM');\n        if (!item) return;\n\n        const owner = this.getMenuItemOwner(path, item);\n        if (owner && owner !== this) return;\n\n        // Ignore disabled items\n        if (item.hasAttribute('disabled') || item.getAttribute('aria-disabled') === 'true') return;\n\n        // If this item contains a nested submenu (wje-menu), it's not a leaf -> don't close yet\n        if (typeof item.querySelector === 'function' && item.querySelector('wje-menu')) return;\n\n        // Leaf item selected -> close dropdown (which calls popup.hide(true) inside onClose)\n        this.onClose();\n    };\n\n    /**\n     * @summary Toggles the dropdown element between active and inactive states.\n     * Calls the `onOpen` method if the element is currently inactive,\n     * and calls the `onClose` method if the element is currently active.\n     * @param {Event} e The event object.\n     */\n    toggleCallback = (e) => {\n        if (this.classList.contains('active')) {\n            e.stopPropagation();\n            this.onClose();\n        } else {\n            e.stopPropagation();\n            this.onOpen(e);\n        }\n    };\n\n    /**\n     * @summary Returns the content to be displayed before showing the dropdown.\n     * @returns {any} The content to be displayed.\n     */\n    beforeShow() {\n        return this.content;\n    }\n\n    /**\n     * This method is called after the dropdown is shown.\n     */\n    afterShow() {\n        // Do nothing\n    }\n\n    /**\n     * Open the popup element.\n     * @param {object} e\n     */\n    onOpen = (e) => {\n        this.classList.add('active');\n        this.syncAria();\n        Promise.resolve(this.beforeShow(this))\n            .then((res) => {\n                if (!this.classList.contains('active')) {\n                    throw new Error('beforeShow method returned false or not string');\n                }\n\n                this.popup.show(true); // Show tooltip\n                this.syncPopupOwner();\n\n                event.addListener(document, 'wje-menu-item:click', null, this.#onMenuItemCustom, false);\n\n                event.dispatchCustomEvent(this, 'wje-dropdown:open', {\n                    bubbles: true,\n                    detail: { target: this },\n                });\n\n                Promise.resolve(this.afterShow(this));\n            })\n            .catch((error) => {\n                // ak je nejaka chyba tak to len zatvorime\n                this.classList.remove('active');\n                this.popup.hide(true);\n            });\n    };\n\n    beforeClose = () => {\n        // Do nothing\n    };\n\n    afterClose = () => {\n        // Do nothing\n    };\n\n    onClose = () => {\n        this.classList.remove('active');\n        this.syncAria();\n        Promise.resolve(this.beforeClose(this))\n            .then((res) => {\n                if (this.classList.contains('active')) {\n                    throw new Error('beforeShow method returned false or not string');\n                }\n\n                this.popup.hide(true); // Show tooltip\n\n                event.removeListener(document, 'wje-menu-item:click', null, this.#onMenuItemCustom, false);\n\n                event.dispatchCustomEvent(this, 'wje-dropdown:close', {\n                    bubbles: true,\n                    detail: { target: this },\n                });\n\n                Promise.resolve(this.afterClose(this));\n            })\n            .catch((error) => {\n                this.classList.add('active');\n                this.popup.show(true);\n            });\n    };\n\n    /**\n     * Syncs ARIA attributes for the trigger element.\n     */\n    syncAria() {\n        const triggerEl = this.anchorSlot?.assignedElements?.({ flatten: true })?.[0];\n        if (!triggerEl) return;\n\n        const popupId = this.popup?.id || `wje-dropdown-popup-${this._instanceId}`;\n        if (this.popup && !this.popup.id) this.popup.id = popupId;\n\n        const hasMenu = !!this.querySelector('wje-menu');\n        triggerEl.setAttribute('aria-haspopup', hasMenu ? 'menu' : 'dialog');\n        triggerEl.setAttribute('aria-expanded', this.classList.contains('active') ? 'true' : 'false');\n        triggerEl.setAttribute('aria-controls', popupId);\n    }\n\n    #onMenuItemCustom = (e) => {\n        const path = typeof e.composedPath === 'function' ? e.composedPath() : [];\n        if (!this.popup || !this.popup.floatingEl || !path.includes(this.popup.floatingEl)) return;\n\n        const item = path.find((n) => n && n.tagName === 'WJE-MENU-ITEM');\n        if (!item) return;\n        const owner = this.getMenuItemOwner(path, item);\n        if (owner && owner !== this) return;\n        if (item.hasAttribute('disabled') || item.getAttribute('aria-disabled') === 'true') return;\n        if (item.hasAttribute('has-submenu')) return; // parent; nezatváraj\n\n        // Zavri len tento dropdown. NEvolaj stopPropagation na custom evente,\n        // aby fungovali aj tvoje app-level listenery (riadok 480).\n        this.classList.remove('active');\n        this.popup.hide(true);\n    };\n}\n","import Dropdown from './dropdown.element.js';\n\nexport default Dropdown;\n\nDropdown.define('wje-dropdown', Dropdown);\n"],"names":["Dropdown","WJElement","super","dependencies","Popup","className","otherDropdownOpennedCallback","e","detail","target","this","classList","remove","popup","hide","popupHideCallback","contains","toggleCallback","onMenuItemClick","path","composedPath","item","find","n","tagName","owner","getMenuItemOwner","hasAttribute","getAttribute","querySelector","onClose","stopPropagation","onOpen","add","syncAria","Promise","resolve","beforeShow","then","res","Error","show","syncPopupOwner","event","addListener","document","dispatchCustomEvent","bubbles","afterShow","catch","error","beforeClose","afterClose","removeListener","onMenuItemCustom","floatingEl","includes","_instanceId","value","setAttribute","removeAttribute","portaled","trigger","mobilePresentation","mobileBreakPoint","observedAttributes","setupAttributes","isShadowRoot","beforeDraw","fragment","createDocumentFragment","placement","native","createElement","tooltip","anchorSlot","slot","offset","isPortaled","append","appendChild","afterDraw","syncOwnedContentOwner","capture","Array","from","querySelectorAll","onSlotChange","addEventListener","afterDisconnect","removeEventListener","ownerDropdown","root","children","child","closest","closestDropdown","ownerFromPath","node","dropdownFromPath","content","triggerEl","assignedElements","flatten","popupId","id","hasMenu","static","define"],"mappings":"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"}