@wpmoo/ui 1.4.3 → 2.0.0

package/dist/js/combobox.js

@@ -1,5 +1,5 @@
 /*!
- * Moo UI combobox.js v1.4.3 (https://wpmoo.org/)
+ * Moo UI combobox.js v2.0.0 (https://wpmoo.org/)
  * Copyright 2026 WPMoo Authors
  * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
  */

package/dist/js/context-menu.js

@@ -1,5 +1,5 @@
 /*!
- * Moo UI context-menu.js v1.4.3 (https://wpmoo.org/)
+ * Moo UI context-menu.js v2.0.0 (https://wpmoo.org/)
  * Copyright 2026 WPMoo Authors
  * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
  */

package/dist/js/datatable.js

@@ -1,5 +1,5 @@
 /*!
- * Moo UI datatable.js v1.4.3 (https://wpmoo.org/)
+ * Moo UI datatable.js v2.0.0 (https://wpmoo.org/)
  * Copyright 2026 WPMoo Authors
  * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
  */

package/dist/js/datepicker.js

@@ -1,5 +1,5 @@
 /*!
- * Moo UI datepicker.js v1.4.3 (https://wpmoo.org/)
+ * Moo UI datepicker.js v2.0.0 (https://wpmoo.org/)
  * Copyright 2026 WPMoo Authors
  * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
  */

package/dist/js/datepicker.min.js

@@ -1,5 +1,5 @@
 /*!
- * Moo UI datepicker.min.js v1.4.3 (https://wpmoo.org/)
+ * Moo UI datepicker.min.js v2.0.0 (https://wpmoo.org/)
  * Copyright 2026 WPMoo Authors
  * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
  */

package/dist/js/floating-panel.js

@@ -0,0 +1,106 @@
+/*!
+ * Moo UI floating-panel.js v2.0.0 (https://wpmoo.org/)
+ * Copyright 2026 WPMoo Authors
+ * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
+ */
+
+const instances = /* @__PURE__ */ new WeakMap();
+const memory = /* @__PURE__ */ new WeakMap();
+function canFocus(control) {
+  return control.isConnected && !control.matches(":disabled") && control.getClientRects().length > 0 && !control.closest("[hidden], [inert]") && control.ownerDocument.defaultView.getComputedStyle(control).visibility === "visible";
+}
+class FloatingPanel {
+  static getInstance(panel) {
+    return instances.get(panel) || null;
+  }
+  static getOrCreateInstance(panel) {
+    return instances.get(panel) || new FloatingPanel(panel);
+  }
+  constructor(panel) {
+    if (instances.has(panel)) return instances.get(panel);
+    if (!panel?.matches?.("[data-floating-panel]") || !panel.id) {
+      throw new TypeError("FloatingPanel requires a named panel");
+    }
+    this.panel = panel;
+    this.document = panel.ownerDocument;
+    this.owner = panel.closest(".moo-ui");
+    this.initialHidden = panel.hidden;
+    this.controls = /* @__PURE__ */ new Map();
+    this.launcher = null;
+    this.key = panel.dataset.floatingPanelKey ? `moo-floating-panel:${panel.dataset.floatingPanelKey}` : "";
+    const view = this.document.defaultView;
+    if (!memory.has(view)) memory.set(view, /* @__PURE__ */ new Map());
+    this.memory = memory.get(view);
+    this.onClick = (event) => this.handleControl(event);
+    this.document.addEventListener("click", this.onClick);
+    instances.set(panel, this);
+    let dismissed = this.memory.get(this.key) || false;
+    if (this.key && !this.memory.has(this.key)) {
+      try {
+        dismissed = view.localStorage.getItem(this.key) === "dismissed";
+      } catch {
+      }
+    }
+    this.setVisible(!dismissed);
+    panel.dataset.floatingPanelReady = "true";
+  }
+  launchers() {
+    return [...this.document.querySelectorAll("[data-floating-panel-open]")].filter((control) => control.dataset.floatingPanelOpen === this.panel.id && control.closest(".moo-ui") === this.owner);
+  }
+  setVisible(visible) {
+    this.panel.hidden = !visible;
+    this.panel.dataset.floatingPanelState = visible ? "visible" : "dismissed";
+    this.launchers().forEach((control) => {
+      if (!this.controls.has(control)) this.controls.set(control, {
+        controls: control.getAttribute("aria-controls"),
+        expanded: control.getAttribute("aria-expanded")
+      });
+      control.setAttribute("aria-controls", this.panel.id);
+      control.setAttribute("aria-expanded", String(visible));
+    });
+  }
+  handleControl(event) {
+    const control = event.target.closest?.("[data-floating-panel-open], [data-floating-panel-dismiss]");
+    if (!control || control.matches(":disabled") || control.closest(".moo-ui") !== this.owner) return;
+    const opening = control.hasAttribute("data-floating-panel-open");
+    if ((opening ? control.dataset.floatingPanelOpen : control.dataset.floatingPanelDismiss) !== this.panel.id) return;
+    if (!opening && !this.panel.contains(control)) return;
+    event.preventDefault();
+    if (opening) this.launcher = control;
+    if (this.key) {
+      try {
+        const storage = this.document.defaultView.localStorage;
+        if (opening) storage.removeItem(this.key);
+        else storage.setItem(this.key, "dismissed");
+        this.memory.delete(this.key);
+      } catch {
+        this.memory.set(this.key, !opening);
+      }
+    }
+    this.setVisible(opening);
+    if (opening) {
+      [...this.panel.querySelectorAll("button, a[href], input:not([type='hidden']), select, textarea, [tabindex]")].find((control2) => control2.tabIndex >= 0 && canFocus(control2))?.focus({ preventScroll: true });
+    } else {
+      const launchers = this.launchers().filter(canFocus);
+      const launcher = launchers.includes(this.launcher) ? this.launcher : launchers[0];
+      launcher?.focus({ preventScroll: true });
+    }
+  }
+  dispose() {
+    if (instances.get(this.panel) !== this) return;
+    this.document.removeEventListener("click", this.onClick);
+    this.panel.hidden = this.initialHidden;
+    delete this.panel.dataset.floatingPanelReady;
+    delete this.panel.dataset.floatingPanelState;
+    this.controls.forEach((attrs, control) => {
+      for (const [name, value] of [["aria-controls", attrs.controls], ["aria-expanded", attrs.expanded]]) {
+        if (value === null) control.removeAttribute(name);
+        else control.setAttribute(name, value);
+      }
+    });
+    instances.delete(this.panel);
+  }
+}
+export {
+  FloatingPanel as default
+};

package/dist/js/moo-ui.js

@@ -1,5 +1,5 @@
 /*!
- * Moo UI moo-ui.js v1.4.3 (https://wpmoo.org/)
+ * Moo UI moo-ui.js v2.0.0 (https://wpmoo.org/)
  * Copyright 2026 WPMoo Authors
  * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
  */
@@ -4409,12 +4409,114 @@ function initSheets(root = document) {
   return dispose;
 }
 
+// src/js/components/floating-panel.js
+var instances8 = /* @__PURE__ */ new WeakMap();
+var memory = /* @__PURE__ */ new WeakMap();
+function canFocus(control) {
+  return control.isConnected && !control.matches(":disabled") && control.getClientRects().length > 0 && !control.closest("[hidden], [inert]") && control.ownerDocument.defaultView.getComputedStyle(control).visibility === "visible";
+}
+var FloatingPanel = class _FloatingPanel {
+  static getInstance(panel) {
+    return instances8.get(panel) || null;
+  }
+  static getOrCreateInstance(panel) {
+    return instances8.get(panel) || new _FloatingPanel(panel);
+  }
+  constructor(panel) {
+    if (instances8.has(panel)) return instances8.get(panel);
+    if (!panel?.matches?.("[data-floating-panel]") || !panel.id) {
+      throw new TypeError("FloatingPanel requires a named panel");
+    }
+    this.panel = panel;
+    this.document = panel.ownerDocument;
+    this.owner = panel.closest(".moo-ui");
+    this.initialHidden = panel.hidden;
+    this.controls = /* @__PURE__ */ new Map();
+    this.launcher = null;
+    this.key = panel.dataset.floatingPanelKey ? `moo-floating-panel:${panel.dataset.floatingPanelKey}` : "";
+    const view = this.document.defaultView;
+    if (!memory.has(view)) memory.set(view, /* @__PURE__ */ new Map());
+    this.memory = memory.get(view);
+    this.onClick = (event) => this.handleControl(event);
+    this.document.addEventListener("click", this.onClick);
+    instances8.set(panel, this);
+    let dismissed = this.memory.get(this.key) || false;
+    if (this.key && !this.memory.has(this.key)) {
+      try {
+        dismissed = view.localStorage.getItem(this.key) === "dismissed";
+      } catch {
+      }
+    }
+    this.setVisible(!dismissed);
+    panel.dataset.floatingPanelReady = "true";
+  }
+  launchers() {
+    return [...this.document.querySelectorAll("[data-floating-panel-open]")].filter((control) => control.dataset.floatingPanelOpen === this.panel.id && control.closest(".moo-ui") === this.owner);
+  }
+  setVisible(visible) {
+    this.panel.hidden = !visible;
+    this.panel.dataset.floatingPanelState = visible ? "visible" : "dismissed";
+    this.launchers().forEach((control) => {
+      if (!this.controls.has(control)) this.controls.set(control, {
+        controls: control.getAttribute("aria-controls"),
+        expanded: control.getAttribute("aria-expanded")
+      });
+      control.setAttribute("aria-controls", this.panel.id);
+      control.setAttribute("aria-expanded", String(visible));
+    });
+  }
+  handleControl(event) {
+    const control = event.target.closest?.("[data-floating-panel-open], [data-floating-panel-dismiss]");
+    if (!control || control.matches(":disabled") || control.closest(".moo-ui") !== this.owner) return;
+    const opening = control.hasAttribute("data-floating-panel-open");
+    if ((opening ? control.dataset.floatingPanelOpen : control.dataset.floatingPanelDismiss) !== this.panel.id) return;
+    if (!opening && !this.panel.contains(control)) return;
+    event.preventDefault();
+    if (opening) this.launcher = control;
+    if (this.key) {
+      try {
+        const storage = this.document.defaultView.localStorage;
+        if (opening) storage.removeItem(this.key);
+        else storage.setItem(this.key, "dismissed");
+        this.memory.delete(this.key);
+      } catch {
+        this.memory.set(this.key, !opening);
+      }
+    }
+    this.setVisible(opening);
+    if (opening) {
+      [...this.panel.querySelectorAll("button, a[href], input:not([type='hidden']), select, textarea, [tabindex]")].find((control2) => control2.tabIndex >= 0 && canFocus(control2))?.focus({ preventScroll: true });
+    } else {
+      const launchers = this.launchers().filter(canFocus);
+      const launcher = launchers.includes(this.launcher) ? this.launcher : launchers[0];
+      launcher?.focus({ preventScroll: true });
+    }
+  }
+  dispose() {
+    if (instances8.get(this.panel) !== this) return;
+    this.document.removeEventListener("click", this.onClick);
+    this.panel.hidden = this.initialHidden;
+    delete this.panel.dataset.floatingPanelReady;
+    delete this.panel.dataset.floatingPanelState;
+    this.controls.forEach((attrs, control) => {
+      for (const [name, value] of [["aria-controls", attrs.controls], ["aria-expanded", attrs.expanded]]) {
+        if (value === null) control.removeAttribute(name);
+        else control.setAttribute(name, value);
+      }
+    });
+    instances8.delete(this.panel);
+  }
+};
+
 // src/js/moo-ui.js
+import PasswordRequirements from "./password-requirements.js";
 async function loadChart() {
   const { default: Chart } = await import("./chart.js");
   return Chart;
 }
 var MooUI = {
+  PasswordRequirements,
+  FloatingPanel,
   loadChart,
   Combobox,
   ContextMenu,
@@ -4434,9 +4536,11 @@ export {
   ContextMenu,
   DataTable,
   MooDatepicker as Datepicker,
+  FloatingPanel,
   MooCalendar,
   MooDateRangePicker,
   OverlayScrollbar,
+  PasswordRequirements,
   Sidebar,
   MooSlider as Slider,
   TableOfContents,