@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

package/dist/viewport/adapters/web-adapter.js

@@ -1,823 +0,0 @@
-import "../../reactive/cleanup.js";
-import "../../reactive/unified-scheduler.js";
-import { createSignal as o } from "../../reactive/signal.js";
-import "../../reactive/scheduler.js";
-import "../../reactive/theme.js";
-import { mountComponentTree as r } from "../../runtime/dom-bridge.js";
-import { detectViewportEnvironment as d } from "../platform-detection.js";
-import { ViewportAdapter as l } from "../types.js";
-var h = Object.defineProperty, c = (n, e, t) => e in n ? h(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, s = (n, e, t) => c(n, typeof e != "symbol" ? e + "" : e, t);
-class C extends l {
-  constructor(e = {}) {
-    super(), s(this, "environment"), s(this, "portals", /* @__PURE__ */ new Map()), s(this, "modals", /* @__PURE__ */ new Map()), s(this, "popups", /* @__PURE__ */ new Map()), s(this, "portalContainer", null), s(this, "broadcastChannel", null), this.environment = d(e), this.initializePortalContainer();
-  }
-  /**
-   * Check if we can create a window with given config
-   */
-  canCreateWindow(e) {
-    if (!e.preferNativeWindow)
-      return !0;
-    try {
-      return this.environment.capabilities.multiWindow;
-    } catch {
-      return !1;
-    }
-  }
-  /**
-   * Create a viewport instance
-   */
-  createWindow(e) {
-    switch (this.determineWindowType(e)) {
-      case "window":
-        return this.createPopupWindow(e);
-      case "modal":
-        return this.createModal(e);
-      case "portal":
-        return this.createPortal(e);
-      default:
-        return this.createModal(e);
-    }
-  }
-  /**
-   * Destroy a window
-   */
-  async destroyWindow(e) {
-    const t = this.portals.get(e);
-    if (t) {
-      t.dispose(), this.portals.delete(e);
-      return;
-    }
-    const i = this.modals.get(e);
-    if (i) {
-      i.dispose(), this.modals.delete(e);
-      return;
-    }
-    const a = this.popups.get(e);
-    if (a) {
-      a.dispose(), this.popups.delete(e);
-      return;
-    }
-  }
-  /**
-   * Set up cross-window communication
-   */
-  setupCrossWindowCommunication() {
-    if ("BroadcastChannel" in window)
-      this.broadcastChannel = new BroadcastChannel("tachui-viewport"), this.broadcastChannel.addEventListener("message", (e) => {
-        this.handleCrossWindowMessage(e.data);
-      });
-    else {
-      const e = (t) => {
-        if (t.key === "tachui-viewport-message")
-          try {
-            const i = JSON.parse(t.newValue || "{}");
-            this.handleCrossWindowMessage(i);
-          } catch {
-          }
-      };
-      typeof window < "u" && window.addEventListener("storage", e);
-    }
-  }
-  /**
-   * Broadcast message to other windows
-   */
-  broadcastMessage(e, t) {
-    const i = {
-      ...e,
-      timestamp: Date.now(),
-      source: window.location.href
-    };
-    this.broadcastChannel ? this.broadcastChannel.postMessage(i) : (localStorage.setItem("tachui-viewport-message", JSON.stringify(i)), setTimeout(() => {
-      localStorage.removeItem("tachui-viewport-message");
-    }, 100));
-  }
-  /**
-   * Optimize for web platform
-   */
-  optimizeForPlatform() {
-    document.documentElement.style.setProperty("--tachui-modal-backdrop-blur", "8px"), document.documentElement.style.setProperty("--tachui-modal-animation-duration", "200ms"), document.documentElement.style.setProperty("--tachui-modal-z-index", "1000"), this.injectGlobalStyles();
-  }
-  /**
-   * Create popup window (native browser window)
-   */
-  createPopupWindow(e) {
-    const t = new p(e);
-    return this.popups.set(e.id, t), t;
-  }
-  /**
-   * Create modal overlay
-   */
-  createModal(e) {
-    const t = new u(e);
-    return this.modals.set(e.id, t), t;
-  }
-  /**
-   * Create portal
-   */
-  createPortal(e) {
-    const t = new m(e, this.portalContainer);
-    return this.portals.set(e.id, t), t;
-  }
-  /**
-   * Determine optimal window type
-   */
-  determineWindowType(e) {
-    return e.preferNativeWindow && this.environment.capabilities.multiWindow ? "window" : e.modal !== !1 ? "modal" : "portal";
-  }
-  /**
-   * Initialize portal container
-   */
-  initializePortalContainer() {
-    let e = document.getElementById("app");
-    if (e) {
-      this.portalContainer = e;
-      return;
-    }
-    e = document.getElementById("tachui-portals"), e || (e = document.createElement("div"), e.id = "tachui-portals", e.style.position = "relative", e.style.zIndex = "999", document.body.appendChild(e)), this.portalContainer = e;
-  }
-  /**
-   * Handle cross-window messages
-   */
-  handleCrossWindowMessage(e) {
-    this.portals.forEach((t) => t.receiveMessage(e)), this.modals.forEach((t) => t.receiveMessage(e)), this.popups.forEach((t) => t.receiveMessage(e));
-  }
-  /**
-   * Inject global CSS styles
-   */
-  injectGlobalStyles() {
-    const e = "tachui-viewport-styles";
-    if (document.getElementById(e))
-      return;
-    const t = document.createElement("style");
-    t.id = e, t.textContent = `
-      .tachui-modal-backdrop {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background: rgba(0, 0, 0, 0.5);
-        backdrop-filter: blur(var(--tachui-modal-backdrop-blur, 8px));
-        z-index: var(--tachui-modal-z-index, 1000);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        animation: tachui-fade-in var(--tachui-modal-animation-duration, 200ms) ease-out;
-      }
-
-      .tachui-modal-content {
-        background: white;
-        border-radius: 8px;
-        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
-        max-width: 90vw;
-        max-height: 90vh;
-        overflow: auto;
-        animation: tachui-scale-in var(--tachui-modal-animation-duration, 200ms) ease-out;
-      }
-
-      .tachui-portal {
-        position: relative;
-      }
-
-      @keyframes tachui-fade-in {
-        from {
-          opacity: 0;
-        }
-        to {
-          opacity: 1;
-        }
-      }
-
-      @keyframes tachui-scale-in {
-        from {
-          opacity: 0;
-          transform: scale(0.95);
-        }
-        to {
-          opacity: 1;
-          transform: scale(1);
-        }
-      }
-
-      @media (prefers-reduced-motion: reduce) {
-        .tachui-modal-backdrop,
-        .tachui-modal-content {
-          animation: none;
-        }
-      }
-    `, document.head.appendChild(t);
-  }
-}
-class p {
-  constructor(e) {
-    s(this, "id"), s(this, "type", "window"), s(this, "config"), s(this, "state"), s(this, "nativeWindow", null), s(this, "messageHandlers", /* @__PURE__ */ new Set()), s(this, "eventHandlers", /* @__PURE__ */ new Map()), s(this, "setState"), this.id = e.id, this.config = e;
-    const [t, i] = o({
-      id: e.id,
-      title: e.title || e.id,
-      isVisible: !1,
-      isMinimized: !1,
-      isMaximized: !1,
-      isFullscreen: !1,
-      isFocused: !1,
-      bounds: {
-        x: e.x || 100,
-        y: e.y || 100,
-        width: e.width || 800,
-        height: e.height || 600
-      },
-      // Phase 2: Enhanced state properties
-      isPooled: !1,
-      lastUsed: Date.now(),
-      groupId: void 0,
-      tabIndex: void 0,
-      parentWindowId: void 0
-    });
-    this.state = t, this.setState = i;
-  }
-  render(e) {
-    this.nativeWindow && (this.nativeWindow.document.title = this.config.title || this.config.id);
-  }
-  async show() {
-    if (this.nativeWindow && !this.nativeWindow.closed) {
-      this.nativeWindow.focus();
-      return;
-    }
-    const e = this.buildWindowFeatures();
-    if (this.nativeWindow = window.open("", this.config.id, e), !this.nativeWindow)
-      throw new Error("Failed to open popup window (likely blocked by popup blocker)");
-    this.setupPopupEventHandlers(), this.setState((t) => ({
-      ...t,
-      isVisible: !0,
-      isFocused: !0
-    }));
-  }
-  async hide() {
-    this.nativeWindow && !this.nativeWindow.closed && this.nativeWindow.blur();
-  }
-  async focus() {
-    this.nativeWindow && !this.nativeWindow.closed && this.nativeWindow.focus();
-  }
-  async minimize() {
-  }
-  async maximize() {
-  }
-  async restore() {
-  }
-  async close() {
-    this.nativeWindow && !this.nativeWindow.closed && this.nativeWindow.close(), this.dispose();
-  }
-  dispose() {
-    this.messageHandlers.clear(), this.eventHandlers.clear(), this.nativeWindow = null;
-  }
-  postMessage(e) {
-    this.nativeWindow && !this.nativeWindow.closed && this.nativeWindow.postMessage(e, "*");
-  }
-  onMessage(e) {
-    return this.messageHandlers.add(e), () => this.messageHandlers.delete(e);
-  }
-  receiveMessage(e) {
-    this.messageHandlers.forEach((t) => t(e));
-  }
-  onShow(e) {
-    return this.addEventListener("show", e);
-  }
-  onHide(e) {
-    return this.addEventListener("hide", e);
-  }
-  onFocus(e) {
-    return this.addEventListener("focus", e);
-  }
-  onBlur(e) {
-    return this.addEventListener("blur", e);
-  }
-  onResize(e) {
-    return () => {
-    };
-  }
-  onClose(e) {
-    return this.addEventListener("close", e);
-  }
-  addEventListener(e, t) {
-    return this.eventHandlers.has(e) || this.eventHandlers.set(e, /* @__PURE__ */ new Set()), this.eventHandlers.get(e).add(t), () => {
-      this.eventHandlers.get(e)?.delete(t);
-    };
-  }
-  emit(e) {
-    const t = this.eventHandlers.get(e);
-    t && t.forEach((i) => i());
-  }
-  buildWindowFeatures() {
-    const e = [];
-    return this.config.width && e.push(`width=${this.config.width}`), this.config.height && e.push(`height=${this.config.height}`), this.config.x && e.push(`left=${this.config.x}`), this.config.y && e.push(`top=${this.config.y}`), e.push(`resizable=${this.config.resizable !== !1 ? "yes" : "no"}`), e.push("scrollbars=yes"), e.push("status=no"), e.push("toolbar=no"), e.push("menubar=no"), e.push("location=no"), e.join(",");
-  }
-  setupPopupEventHandlers() {
-    if (!this.nativeWindow) return;
-    const e = () => {
-      if (this.nativeWindow?.closed) {
-        this.emit("close");
-        return;
-      }
-      setTimeout(e, 1e3);
-    };
-    e(), window.addEventListener("message", (t) => {
-      t.source === this.nativeWindow && this.messageHandlers.forEach((i) => i(t.data));
-    });
-  }
-  // ==================== Phase 2: Enhanced Methods ====================
-  /**
-   * Window pooling and reuse
-   */
-  async prepareForReuse() {
-    this.nativeWindow && !this.nativeWindow.closed && (this.nativeWindow.document.body.innerHTML = "", this.nativeWindow.document.title = ""), this.messageHandlers.clear();
-  }
-  isReusable() {
-    return this.nativeWindow != null && !this.nativeWindow.closed;
-  }
-  markAsUsed() {
-    this.setState((e) => ({
-      ...e,
-      lastUsed: Date.now()
-    }));
-  }
-  async returnToPool() {
-    await this.hide(), this.setState((e) => ({
-      ...e,
-      isPooled: !0,
-      lastUsed: Date.now()
-    }));
-  }
-  /**
-   * State synchronization (limited in popup windows due to cross-origin restrictions)
-   */
-  syncState(e, t) {
-    if (!(!this.nativeWindow || this.nativeWindow.closed))
-      try {
-        this.nativeWindow.postMessage({ type: "sync_state", key: e, value: t }, "*");
-      } catch (i) {
-        console.warn("Failed to sync state to popup window:", i);
-      }
-  }
-  getSharedState(e) {
-  }
-  onSharedStateChange(e, t) {
-    return () => {
-    };
-  }
-  /**
-   * Tab grouping (not supported for popup windows)
-   */
-  async attachToTab(e) {
-    throw new Error("Tab grouping not supported for popup windows");
-  }
-  async detachFromTab() {
-    return this;
-  }
-  getTabContainer() {
-    return null;
-  }
-  getTabIndex() {
-    return this.state().tabIndex || 0;
-  }
-  setTabIndex(e) {
-    this.setState((t) => ({
-      ...t,
-      tabIndex: e
-    }));
-  }
-  /**
-   * Parent-child relationships (limited for popup windows)
-   */
-  setParentWindow(e) {
-    this.setState((t) => ({
-      ...t,
-      parentWindowId: e.id
-    }));
-  }
-  getParentWindow() {
-    return null;
-  }
-  getChildWindows() {
-    return [];
-  }
-  addChildWindow(e) {
-  }
-  removeChildWindow(e) {
-  }
-}
-class u {
-  constructor(e) {
-    s(this, "id"), s(this, "type", "modal"), s(this, "config"), s(this, "state"), s(this, "backdropElement", null), s(this, "contentElement", null), s(this, "messageHandlers", /* @__PURE__ */ new Set()), s(this, "eventHandlers", /* @__PURE__ */ new Map()), s(this, "setState"), s(this, "sharedState", /* @__PURE__ */ new Map()), s(this, "stateChangeCallbacks", /* @__PURE__ */ new Map()), s(this, "childWindows", /* @__PURE__ */ new Map()), s(this, "parentWindow", null), s(this, "tabContainer", null), this.id = e.id, this.config = e;
-    const [t, i] = o({
-      id: e.id,
-      title: e.title || e.id,
-      isVisible: !1,
-      isMinimized: !1,
-      isMaximized: !1,
-      isFullscreen: !1,
-      isFocused: !1,
-      bounds: {
-        x: 0,
-        y: 0,
-        width: e.width || 600,
-        height: e.height || 400
-      },
-      zIndex: 1e3,
-      // Phase 2: Enhanced state properties
-      isPooled: !1,
-      lastUsed: Date.now(),
-      groupId: void 0,
-      tabIndex: void 0,
-      parentWindowId: void 0
-    });
-    this.state = t, this.setState = i, this.createElement();
-  }
-  render(e) {
-    this.contentElement && (this.contentElement.innerHTML = `<div>Modal: ${this.config.title}</div>`);
-  }
-  async show() {
-    this.backdropElement && (document.body.appendChild(this.backdropElement), this.setState((e) => ({
-      ...e,
-      isVisible: !0,
-      isFocused: !0
-    })), this.emit("show"));
-  }
-  async hide() {
-    this.backdropElement?.parentNode && this.backdropElement.parentNode.removeChild(this.backdropElement), this.setState((e) => ({
-      ...e,
-      isVisible: !1,
-      isFocused: !1
-    })), this.emit("hide");
-  }
-  async focus() {
-    this.contentElement && this.contentElement.focus(), this.emit("focus");
-  }
-  async minimize() {
-    await this.hide();
-  }
-  async maximize() {
-  }
-  async restore() {
-    await this.show();
-  }
-  async close() {
-    await this.hide(), this.emit("close"), this.dispose();
-  }
-  dispose() {
-    this.backdropElement?.parentNode && this.backdropElement.parentNode.removeChild(this.backdropElement), this.messageHandlers.clear(), this.eventHandlers.clear();
-  }
-  postMessage(e) {
-  }
-  onMessage(e) {
-    return this.messageHandlers.add(e), () => this.messageHandlers.delete(e);
-  }
-  receiveMessage(e) {
-    this.messageHandlers.forEach((t) => t(e));
-  }
-  onShow(e) {
-    return this.addEventListener("show", e);
-  }
-  onHide(e) {
-    return this.addEventListener("hide", e);
-  }
-  onFocus(e) {
-    return this.addEventListener("focus", e);
-  }
-  onBlur(e) {
-    return this.addEventListener("blur", e);
-  }
-  onResize(e) {
-    return () => {
-    };
-  }
-  onClose(e) {
-    return this.addEventListener("close", e);
-  }
-  addEventListener(e, t) {
-    return this.eventHandlers.has(e) || this.eventHandlers.set(e, /* @__PURE__ */ new Set()), this.eventHandlers.get(e).add(t), () => {
-      this.eventHandlers.get(e)?.delete(t);
-    };
-  }
-  emit(e) {
-    const t = this.eventHandlers.get(e);
-    t && t.forEach((i) => i());
-  }
-  createElement() {
-    this.backdropElement = document.createElement("div"), this.backdropElement.className = "tachui-modal-backdrop", this.contentElement = document.createElement("div"), this.contentElement.className = "tachui-modal-content", this.contentElement.style.width = `${this.config.width || 600}px`, this.contentElement.style.height = `${this.config.height || 400}px`, this.backdropElement.appendChild(this.contentElement), this.backdropElement.addEventListener("click", (e) => {
-      e.target === this.backdropElement && this.config.backdropDismiss !== !1 && this.close();
-    }), document.addEventListener("keydown", (e) => {
-      e.key === "Escape" && this.config.escapeKeyDismiss !== !1 && this.close();
-    });
-  }
-  /**
-   * Window pooling and reuse
-   */
-  async prepareForReuse() {
-    this.contentElement && (this.contentElement.innerHTML = ""), this.messageHandlers.clear(), this.sharedState.clear(), this.stateChangeCallbacks.clear();
-  }
-  isReusable() {
-    return this.backdropElement != null && this.contentElement != null;
-  }
-  markAsUsed() {
-    this.setState((e) => ({
-      ...e,
-      lastUsed: Date.now()
-    }));
-  }
-  async returnToPool() {
-    await this.hide(), this.setState((e) => ({
-      ...e,
-      isPooled: !0,
-      lastUsed: Date.now()
-    }));
-  }
-  /**
-   * State synchronization (full support for modals)
-   */
-  syncState(e, t) {
-    this.sharedState.set(e, t);
-    const i = this.stateChangeCallbacks.get(e);
-    i && i.forEach((a) => a(t)), this.childWindows.forEach((a) => {
-      a.syncState(e, t);
-    });
-  }
-  getSharedState(e) {
-    return this.sharedState.get(e);
-  }
-  onSharedStateChange(e, t) {
-    return this.stateChangeCallbacks.has(e) || this.stateChangeCallbacks.set(e, /* @__PURE__ */ new Set()), this.stateChangeCallbacks.get(e).add(t), () => {
-      this.stateChangeCallbacks.get(e)?.delete(t);
-    };
-  }
-  /**
-   * Tab grouping (web modal tab simulation)
-   */
-  async attachToTab(e) {
-    this.tabContainer = e, this.createTabInterface();
-  }
-  async detachFromTab() {
-    return this.tabContainer = null, this.removeTabInterface(), this;
-  }
-  getTabContainer() {
-    return this.tabContainer;
-  }
-  getTabIndex() {
-    return this.state().tabIndex || 0;
-  }
-  setTabIndex(e) {
-    this.setState((t) => ({
-      ...t,
-      tabIndex: e
-    }));
-  }
-  /**
-   * Parent-child relationships (full support for modals)
-   */
-  setParentWindow(e) {
-    this.parentWindow = e, this.setState((t) => ({
-      ...t,
-      parentWindowId: e.id
-    }));
-  }
-  getParentWindow() {
-    return this.parentWindow;
-  }
-  getChildWindows() {
-    return Array.from(this.childWindows.values());
-  }
-  addChildWindow(e) {
-    this.childWindows.set(e.id, e), e.setParentWindow(this);
-  }
-  removeChildWindow(e) {
-    this.childWindows.delete(e);
-  }
-  /**
-   * Tab interface helpers
-   */
-  createTabInterface() {
-    if (!this.contentElement || !this.tabContainer) return;
-    const e = document.createElement("div");
-    e.className = "tachui-modal-tab-header", e.style.cssText = `
-      display: flex;
-      border-bottom: 1px solid #e0e0e0;
-      background: #f5f5f5;
-      min-height: 40px;
-    `, this.contentElement.insertBefore(e, this.contentElement.firstChild);
-  }
-  removeTabInterface() {
-    if (!this.contentElement) return;
-    const e = this.contentElement.querySelector(".tachui-modal-tab-header");
-    e && e.remove();
-  }
-}
-class m {
-  constructor(e, t) {
-    this.container = t, s(this, "id"), s(this, "type", "portal"), s(this, "config"), s(this, "state"), s(this, "portalElement", null), s(this, "messageHandlers", /* @__PURE__ */ new Set()), s(this, "eventHandlers", /* @__PURE__ */ new Map()), s(this, "cleanupFunction", null), s(this, "setState"), s(this, "sharedState", /* @__PURE__ */ new Map()), s(this, "stateChangeCallbacks", /* @__PURE__ */ new Map()), s(this, "childWindows", /* @__PURE__ */ new Map()), s(this, "parentWindow", null), s(this, "tabContainer", null), this.id = e.id, this.config = e;
-    const [i, a] = o({
-      id: e.id,
-      title: e.title || e.id,
-      isVisible: !1,
-      isMinimized: !1,
-      isMaximized: !1,
-      isFullscreen: !1,
-      isFocused: !1,
-      bounds: {
-        x: e.x || 0,
-        y: e.y || 0,
-        width: e.width || 400,
-        height: e.height || 300
-      },
-      // Phase 2: Enhanced state properties
-      isPooled: !1,
-      lastUsed: Date.now(),
-      groupId: void 0,
-      tabIndex: void 0,
-      parentWindowId: void 0
-    });
-    this.state = i, this.setState = a, this.createElement();
-  }
-  render(e) {
-    if (this.portalElement) {
-      this.portalElement.innerHTML = "";
-      try {
-        const t = r(e, this.portalElement);
-        this.cleanupFunction = t;
-      } catch (t) {
-        console.error("Error during mountComponentTree:", t);
-      }
-    }
-  }
-  async show() {
-    this.portalElement && (this.container.id === "app" && (this.container.innerHTML = ""), this.container.appendChild(this.portalElement), this.portalElement.style.display = "block", this.setState((e) => ({
-      ...e,
-      isVisible: !0
-    })), this.emit("show"));
-  }
-  async hide() {
-    this.portalElement && (this.portalElement.style.display = "none"), this.setState((e) => ({
-      ...e,
-      isVisible: !1
-    })), this.emit("hide");
-  }
-  async focus() {
-    this.emit("focus");
-  }
-  async minimize() {
-    await this.hide();
-  }
-  async maximize() {
-  }
-  async restore() {
-    await this.show();
-  }
-  async close() {
-    this.portalElement?.parentNode && this.portalElement.parentNode.removeChild(this.portalElement), this.emit("close"), this.dispose();
-  }
-  dispose() {
-    this.cleanupFunction && (this.cleanupFunction(), this.cleanupFunction = null), this.portalElement?.parentNode && this.portalElement.parentNode.removeChild(this.portalElement), this.messageHandlers.clear(), this.eventHandlers.clear();
-  }
-  postMessage(e) {
-  }
-  onMessage(e) {
-    return this.messageHandlers.add(e), () => this.messageHandlers.delete(e);
-  }
-  receiveMessage(e) {
-    this.messageHandlers.forEach((t) => t(e));
-  }
-  onShow(e) {
-    return this.addEventListener("show", e);
-  }
-  onHide(e) {
-    return this.addEventListener("hide", e);
-  }
-  onFocus(e) {
-    return this.addEventListener("focus", e);
-  }
-  onBlur(e) {
-    return this.addEventListener("blur", e);
-  }
-  onResize(e) {
-    return () => {
-    };
-  }
-  onClose(e) {
-    return this.addEventListener("close", e);
-  }
-  addEventListener(e, t) {
-    return this.eventHandlers.has(e) || this.eventHandlers.set(e, /* @__PURE__ */ new Set()), this.eventHandlers.get(e).add(t), () => {
-      this.eventHandlers.get(e)?.delete(t);
-    };
-  }
-  emit(e) {
-    const t = this.eventHandlers.get(e);
-    t && t.forEach((i) => i());
-  }
-  createElement() {
-    this.portalElement = document.createElement("div"), this.portalElement.className = "tachui-portal", this.container && this.container.id === "app" ? (this.portalElement.style.position = "static", this.portalElement.style.width = "100%", this.portalElement.style.height = "auto", this.portalElement.style.background = "transparent", this.portalElement.style.border = "none", this.portalElement.style.display = "block") : (this.portalElement.style.position = "absolute", this.portalElement.style.left = `${this.config.x || 0}px`, this.portalElement.style.top = `${this.config.y || 0}px`, this.portalElement.style.width = `${this.config.width || 400}px`, this.portalElement.style.height = `${this.config.height || 300}px`, this.portalElement.style.background = "white", this.portalElement.style.border = "1px solid #ccc", this.portalElement.style.borderRadius = "8px", this.portalElement.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.15)", this.portalElement.style.display = "none");
-  }
-  /**
-   * Window pooling and reuse (excellent for portals)
-   */
-  async prepareForReuse() {
-    this.portalElement && (this.portalElement.innerHTML = ""), this.messageHandlers.clear(), this.sharedState.clear(), this.stateChangeCallbacks.clear();
-  }
-  isReusable() {
-    return this.portalElement != null;
-  }
-  markAsUsed() {
-    this.setState((e) => ({
-      ...e,
-      lastUsed: Date.now()
-    }));
-  }
-  async returnToPool() {
-    await this.hide(), this.setState((e) => ({
-      ...e,
-      isPooled: !0,
-      lastUsed: Date.now()
-    }));
-  }
-  /**
-   * State synchronization (full support for portals)
-   */
-  syncState(e, t) {
-    this.sharedState.set(e, t);
-    const i = this.stateChangeCallbacks.get(e);
-    i && i.forEach((a) => a(t)), this.childWindows.forEach((a) => {
-      a.syncState(e, t);
-    });
-  }
-  getSharedState(e) {
-    return this.sharedState.get(e);
-  }
-  onSharedStateChange(e, t) {
-    return this.stateChangeCallbacks.has(e) || this.stateChangeCallbacks.set(e, /* @__PURE__ */ new Set()), this.stateChangeCallbacks.get(e).add(t), () => {
-      this.stateChangeCallbacks.get(e)?.delete(t);
-    };
-  }
-  /**
-   * Tab grouping (portal-based tab simulation)
-   */
-  async attachToTab(e) {
-    this.tabContainer = e, this.createPortalTabInterface();
-  }
-  async detachFromTab() {
-    return this.tabContainer = null, this.removePortalTabInterface(), this;
-  }
-  getTabContainer() {
-    return this.tabContainer;
-  }
-  getTabIndex() {
-    return this.state().tabIndex || 0;
-  }
-  setTabIndex(e) {
-    this.setState((t) => ({
-      ...t,
-      tabIndex: e
-    }));
-  }
-  /**
-   * Parent-child relationships (full support for portals)
-   */
-  setParentWindow(e) {
-    this.parentWindow = e, this.setState((t) => ({
-      ...t,
-      parentWindowId: e.id
-    }));
-  }
-  getParentWindow() {
-    return this.parentWindow;
-  }
-  getChildWindows() {
-    return Array.from(this.childWindows.values());
-  }
-  addChildWindow(e) {
-    this.childWindows.set(e.id, e), e.setParentWindow(this);
-  }
-  removeChildWindow(e) {
-    this.childWindows.delete(e);
-  }
-  /**
-   * Portal tab interface helpers
-   */
-  createPortalTabInterface() {
-    if (!this.portalElement || !this.tabContainer) return;
-    const e = document.createElement("div");
-    e.className = "tachui-portal-tab-header", e.style.cssText = `
-      display: flex;
-      background: #f8f9fa;
-      border-bottom: 1px solid #dee2e6;
-      min-height: 36px;
-      padding: 0 8px;
-      align-items: center;
-    `, this.portalElement.insertBefore(e, this.portalElement.firstChild);
-  }
-  removePortalTabInterface() {
-    if (!this.portalElement) return;
-    const e = this.portalElement.querySelector(".tachui-portal-tab-header");
-    e && e.remove();
-  }
-}
-export {
-  C as WebViewportAdapter
-};
-//# sourceMappingURL=web-adapter.js.map