wj-elements 0.4.1 → 0.4.2

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

@@ -77,7 +77,35 @@ export default class Dropdown extends WJElement {
      */
     afterDraw(): void;
     onSlotChange: () => void;
-    popupHideCallback: (e: any) => void;
+    /**
+     * 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.
+     */
+    popupHideCallback: (e: Event) => void;
+    /**
+     * 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(): void;
+    /**
+     * 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?: HTMLElement): void;
+    /**
+     * 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: EventTarget[], item: HTMLElement): HTMLElement | null;
     /**
      * 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.

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

@@ -54,6 +54,9 @@ export default class Option extends WJElement {
      * @returns {boolean} Returns true if the 'wje-select' element has the 'multiple' attribute, otherwise false.
      */
     get multiple(): boolean;
+    set ownerSelect(value: any);
+    get ownerSelect(): any;
+    _ownerSelect: any;
     /**
      * Sets the value attribute of the option.
      * @param {string} value The value to set.

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

@@ -11,6 +11,7 @@ import { default as Options } from '../wje-options/options.js';
 import { default as Checkbox } from '../wje-checkbox/checkbox.js';
 export class Select extends FormAssociatedElement {
     static _instanceId: number;
+    static portalStyles: string;
     /**
      * Returns the CSS styles for the component.
      * @static
@@ -143,6 +144,22 @@ export class Select extends FormAssociatedElement {
      * @returns {string} The default value of the input element.
      */
     get defaultValue(): string;
+    /**
+     * Sets or removes the `portaled` attribute on the select.
+     * Mirrors the dropdown API so popup content can be rendered in a portal root.
+     * @param {boolean|string} value Determines whether and where the popup should be portaled.
+     */
+    set portaled(value: boolean | string);
+    /**
+     * Getter for the `portaled` attribute value.
+     * @returns {string} The configured portal target or an empty string for the default body portal.
+     */
+    get portaled(): string;
+    /**
+     * Checks whether popup content should be portaled.
+     * @returns {boolean} True when the `portaled` attribute is present.
+     */
+    get isPortaled(): boolean;
     /**
      * Sets the trigger value.
      * @param {string} value The trigger value to set.