@tachui/core 0.7.0-alpha1

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

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../reactive/cleanup.cjs");require("../../reactive/unified-scheduler.cjs");const r=require("../../reactive/signal.cjs");require("../../reactive/scheduler.cjs");require("../../reactive/theme.cjs");const o=require("../../runtime/dom-bridge.cjs"),d=require("../platform-detection.cjs"),l=require("../types.cjs");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 u extends l.ViewportAdapter{constructor(e={}){super(),s(this,"environment"),s(this,"portals",new Map),s(this,"modals",new Map),s(this,"popups",new Map),s(this,"portalContainer",null),s(this,"broadcastChannel",null),this.environment=d.detectViewportEnvironment(e),this.initializePortalContainer()}canCreateWindow(e){if(!e.preferNativeWindow)return!0;try{return this.environment.capabilities.multiWindow}catch{return!1}}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)}}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}}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)}}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))}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()}createPopupWindow(e){const t=new p(e);return this.popups.set(e.id,t),t}createModal(e){const t=new m(e);return this.modals.set(e.id,t),t}createPortal(e){const t=new w(e,this.portalContainer);return this.portals.set(e.id,t),t}determineWindowType(e){return e.preferNativeWindow&&this.environment.capabilities.multiWindow?"window":e.modal!==!1?"modal":"portal"}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}handleCrossWindowMessage(e){this.portals.forEach(t=>t.receiveMessage(e)),this.modals.forEach(t=>t.receiveMessage(e)),this.popups.forEach(t=>t.receiveMessage(e))}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",new Set),s(this,"eventHandlers",new Map),s(this,"setState"),this.id=e.id,this.config=e;const[t,i]=r.createSignal({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},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,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))})}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()}))}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()=>{}}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}))}setParentWindow(e){this.setState(t=>({...t,parentWindowId:e.id}))}getParentWindow(){return null}getChildWindows(){return[]}addChildWindow(e){}removeChildWindow(e){}}class m{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",new Set),s(this,"eventHandlers",new Map),s(this,"setState"),s(this,"sharedState",new Map),s(this,"stateChangeCallbacks",new Map),s(this,"childWindows",new Map),s(this,"parentWindow",null),s(this,"tabContainer",null),this.id=e.id,this.config=e;const[t,i]=r.createSignal({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,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,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()})}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()}))}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,new Set),this.stateChangeCallbacks.get(e).add(t),()=>{this.stateChangeCallbacks.get(e)?.delete(t)}}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}))}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)}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 w{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",new Set),s(this,"eventHandlers",new Map),s(this,"cleanupFunction",null),s(this,"setState"),s(this,"sharedState",new Map),s(this,"stateChangeCallbacks",new Map),s(this,"childWindows",new Map),s(this,"parentWindow",null),s(this,"tabContainer",null),this.id=e.id,this.config=e;const[i,a]=r.createSignal({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},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=o.mountComponentTree(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,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")}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()}))}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,new Set),this.stateChangeCallbacks.get(e).add(t),()=>{this.stateChangeCallbacks.get(e)?.delete(t)}}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}))}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)}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()}}exports.WebViewportAdapter=u;
+//# sourceMappingURL=web-adapter.cjs.map

package/dist/viewport/adapters/web-adapter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-adapter.cjs","sources":["../../../src/viewport/adapters/web-adapter.ts"],"sourcesContent":["/**\n * Web Viewport Adapter\n *\n * Handles viewport management for web browsers using modals, portals, and popup windows.\n * Provides fallback strategies for different browser capabilities.\n */\n\nimport { createSignal } from '../../reactive'\nimport type { Signal } from '../../reactive/types'\nimport type { ComponentInstance } from '../../runtime/types'\nimport { mountComponentTree } from '../../runtime/dom-bridge'\nimport { detectViewportEnvironment, type PlatformDetectionConfig } from '../platform-detection'\nimport {\n  ViewportAdapter,\n  type ViewportEnvironment,\n  type ViewportInstance,\n  type ViewportState,\n  type ViewportType,\n  type WindowConfig,\n} from '../types'\n\n/**\n * Web-specific viewport adapter\n */\nexport class WebViewportAdapter extends ViewportAdapter {\n  readonly environment: ViewportEnvironment\n  private portals = new Map<string, WebPortalInstance>()\n  private modals = new Map<string, WebModalInstance>()\n  private popups = new Map<string, WebPopupInstance>()\n  private portalContainer: HTMLElement | null = null\n  private broadcastChannel: BroadcastChannel | null = null\n\n  constructor(config: PlatformDetectionConfig = {}) {\n    super()\n    this.environment = detectViewportEnvironment(config)\n    this.initializePortalContainer()\n  }\n\n  /**\n   * Check if we can create a window with given config\n   */\n  canCreateWindow(config: WindowConfig): boolean {\n    // Always can create modals and portals\n    if (!config.preferNativeWindow) {\n      return true\n    }\n\n    // Check if we can create popup windows\n    try {\n      return this.environment.capabilities.multiWindow\n    } catch {\n      return false\n    }\n  }\n\n  /**\n   * Create a viewport instance\n   */\n  createWindow(config: WindowConfig): ViewportInstance {\n    const windowType = this.determineWindowType(config)\n\n    switch (windowType) {\n      case 'window':\n        return this.createPopupWindow(config)\n\n      case 'modal':\n        return this.createModal(config)\n\n      case 'portal':\n        return this.createPortal(config)\n\n      default:\n        return this.createModal(config)\n    }\n  }\n\n  /**\n   * Destroy a window\n   */\n  async destroyWindow(windowId: string): Promise<void> {\n    // Try each type\n    const portal = this.portals.get(windowId)\n    if (portal) {\n      portal.dispose()\n      this.portals.delete(windowId)\n      return\n    }\n\n    const modal = this.modals.get(windowId)\n    if (modal) {\n      modal.dispose()\n      this.modals.delete(windowId)\n      return\n    }\n\n    const popup = this.popups.get(windowId)\n    if (popup) {\n      popup.dispose()\n      this.popups.delete(windowId)\n      return\n    }\n  }\n\n  /**\n   * Set up cross-window communication\n   */\n  setupCrossWindowCommunication(): void {\n    if ('BroadcastChannel' in window) {\n      // Use BroadcastChannel for same-origin communication\n      this.broadcastChannel = new BroadcastChannel('tachui-viewport')\n\n      this.broadcastChannel.addEventListener('message', (event: MessageEvent) => {\n        this.handleCrossWindowMessage(event.data)\n      })\n    } else {\n      // Fallback to localStorage events\n      const handleStorage = (event: StorageEvent) => {\n        if (event.key === 'tachui-viewport-message') {\n          try {\n            const message = JSON.parse(event.newValue || '{}')\n            this.handleCrossWindowMessage(message)\n          } catch {\n            // Ignore malformed messages\n          }\n        }\n      }\n      if (typeof window !== 'undefined') {\n        ;(window as any).addEventListener('storage', handleStorage)\n      }\n    }\n  }\n\n  /**\n   * Broadcast message to other windows\n   */\n  broadcastMessage(message: any, _excludeWindow?: string): void {\n    const messageData = {\n      ...message,\n      timestamp: Date.now(),\n      source: window.location.href,\n    }\n\n    if (this.broadcastChannel) {\n      this.broadcastChannel.postMessage(messageData)\n    } else {\n      // Fallback to localStorage\n      localStorage.setItem('tachui-viewport-message', JSON.stringify(messageData))\n      // Clear after a moment to avoid storage bloat\n      setTimeout(() => {\n        localStorage.removeItem('tachui-viewport-message')\n      }, 100)\n    }\n  }\n\n  /**\n   * Optimize for web platform\n   */\n  optimizeForPlatform(): void {\n    // Set up CSS custom properties for theming\n    document.documentElement.style.setProperty('--tachui-modal-backdrop-blur', '8px')\n    document.documentElement.style.setProperty('--tachui-modal-animation-duration', '200ms')\n    document.documentElement.style.setProperty('--tachui-modal-z-index', '1000')\n\n    // Set up global styles for modals if needed\n    this.injectGlobalStyles()\n  }\n\n  /**\n   * Create popup window (native browser window)\n   */\n  private createPopupWindow(config: WindowConfig): WebPopupInstance {\n    const popup = new WebPopupInstance(config)\n    this.popups.set(config.id, popup)\n    return popup\n  }\n\n  /**\n   * Create modal overlay\n   */\n  protected createModal(config: WindowConfig): WebModalInstance {\n    const modal = new WebModalInstance(config)\n    this.modals.set(config.id, modal)\n    return modal\n  }\n\n  /**\n   * Create portal\n   */\n  protected createPortal(config: WindowConfig): WebPortalInstance {\n    const portal = new WebPortalInstance(config, this.portalContainer!)\n    this.portals.set(config.id, portal)\n    return portal\n  }\n\n  /**\n   * Determine optimal window type\n   */\n  private determineWindowType(config: WindowConfig): ViewportType {\n    if (config.preferNativeWindow && this.environment.capabilities.multiWindow) {\n      return 'window'\n    }\n\n    if (config.modal !== false) {\n      return 'modal'\n    }\n\n    return 'portal'\n  }\n\n  /**\n   * Initialize portal container\n   */\n  private initializePortalContainer(): void {\n    // For single-page apps, try to use the existing app container first\n    let container = document.getElementById('app')\n\n    if (container) {\n      this.portalContainer = container\n      return\n    }\n\n    // Fallback to creating a separate portal container\n    container = document.getElementById('tachui-portals')\n\n    if (!container) {\n      container = document.createElement('div')\n      container.id = 'tachui-portals'\n      container.style.position = 'relative'\n      container.style.zIndex = '999'\n      document.body.appendChild(container)\n    }\n\n    this.portalContainer = container\n  }\n\n  /**\n   * Handle cross-window messages\n   */\n  private handleCrossWindowMessage(message: any): void {\n    // Forward to all viewport instances\n    this.portals.forEach((portal) => portal.receiveMessage(message))\n    this.modals.forEach((modal) => modal.receiveMessage(message))\n    this.popups.forEach((popup) => popup.receiveMessage(message))\n  }\n\n  /**\n   * Inject global CSS styles\n   */\n  private injectGlobalStyles(): void {\n    const styleId = 'tachui-viewport-styles'\n\n    if (document.getElementById(styleId)) {\n      return // Already injected\n    }\n\n    const style = document.createElement('style')\n    style.id = styleId\n    style.textContent = `\n      .tachui-modal-backdrop {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(0, 0, 0, 0.5);\n        backdrop-filter: blur(var(--tachui-modal-backdrop-blur, 8px));\n        z-index: var(--tachui-modal-z-index, 1000);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        animation: tachui-fade-in var(--tachui-modal-animation-duration, 200ms) ease-out;\n      }\n\n      .tachui-modal-content {\n        background: white;\n        border-radius: 8px;\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        max-width: 90vw;\n        max-height: 90vh;\n        overflow: auto;\n        animation: tachui-scale-in var(--tachui-modal-animation-duration, 200ms) ease-out;\n      }\n\n      .tachui-portal {\n        position: relative;\n      }\n\n      @keyframes tachui-fade-in {\n        from {\n          opacity: 0;\n        }\n        to {\n          opacity: 1;\n        }\n      }\n\n      @keyframes tachui-scale-in {\n        from {\n          opacity: 0;\n          transform: scale(0.95);\n        }\n        to {\n          opacity: 1;\n          transform: scale(1);\n        }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        .tachui-modal-backdrop,\n        .tachui-modal-content {\n          animation: none;\n        }\n      }\n    `\n\n    document.head.appendChild(style)\n  }\n}\n\n/**\n * Web popup window instance (using window.open)\n */\nclass WebPopupInstance implements ViewportInstance {\n  readonly id: string\n  readonly type: ViewportType = 'window'\n  readonly config: WindowConfig\n  state: Signal<ViewportState>\n\n  private nativeWindow: Window | null = null\n  private messageHandlers = new Set<(message: any) => void>()\n  private eventHandlers = new Map<string, Set<() => void>>()\n  private setState: (\n    value: ViewportState | ((prev: ViewportState) => ViewportState)\n  ) => ViewportState\n\n  constructor(config: WindowConfig) {\n    this.id = config.id\n    this.config = config\n\n    const [state, setState] = createSignal<ViewportState>({\n      id: config.id,\n      title: config.title || config.id,\n      isVisible: false,\n      isMinimized: false,\n      isMaximized: false,\n      isFullscreen: false,\n      isFocused: false,\n      bounds: {\n        x: config.x || 100,\n        y: config.y || 100,\n        width: config.width || 800,\n        height: config.height || 600,\n      },\n      // Phase 2: Enhanced state properties\n      isPooled: false,\n      lastUsed: Date.now(),\n      groupId: undefined,\n      tabIndex: undefined,\n      parentWindowId: undefined,\n    })\n\n    this.state = state as Signal<ViewportState>\n    this.setState = setState\n  }\n\n  render(_component: ComponentInstance): void {\n    // For popup windows, we need to render the component in the popup's document\n    if (!this.nativeWindow) return\n\n    // This would need integration with TachUI's rendering system\n    // For now, just set basic content\n    this.nativeWindow.document.title = this.config.title || this.config.id\n  }\n\n  async show(): Promise<void> {\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.focus()\n      return\n    }\n\n    const features = this.buildWindowFeatures()\n    this.nativeWindow = window.open('', this.config.id, features)\n\n    if (!this.nativeWindow) {\n      throw new Error('Failed to open popup window (likely blocked by popup blocker)')\n    }\n\n    this.setupPopupEventHandlers()\n\n    // Update state\n    this.setState((prevState) => ({\n      ...prevState,\n      isVisible: true,\n      isFocused: true,\n    }))\n  }\n\n  async hide(): Promise<void> {\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.blur()\n    }\n  }\n\n  async focus(): Promise<void> {\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.focus()\n    }\n  }\n\n  async minimize(): Promise<void> {\n    // Not supported in web popups\n  }\n\n  async maximize(): Promise<void> {\n    // Not supported in web popups\n  }\n\n  async restore(): Promise<void> {\n    // Not supported in web popups\n  }\n\n  async close(): Promise<void> {\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.close()\n    }\n    this.dispose()\n  }\n\n  dispose(): void {\n    this.messageHandlers.clear()\n    this.eventHandlers.clear()\n    this.nativeWindow = null\n  }\n\n  postMessage(message: any): void {\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.postMessage(message, '*')\n    }\n  }\n\n  onMessage(handler: (message: any) => void): () => void {\n    this.messageHandlers.add(handler)\n    return () => this.messageHandlers.delete(handler)\n  }\n\n  receiveMessage(message: any): void {\n    this.messageHandlers.forEach((handler) => handler(message))\n  }\n\n  onShow(handler: () => void): () => void {\n    return this.addEventListener('show', handler)\n  }\n\n  onHide(handler: () => void): () => void {\n    return this.addEventListener('hide', handler)\n  }\n\n  onFocus(handler: () => void): () => void {\n    return this.addEventListener('focus', handler)\n  }\n\n  onBlur(handler: () => void): () => void {\n    return this.addEventListener('blur', handler)\n  }\n\n  onResize(_handler: (bounds: ViewportState['bounds']) => void): () => void {\n    // Web popups don't provide reliable resize events\n    return () => {}\n  }\n\n  onClose(handler: () => void): () => void {\n    return this.addEventListener('close', handler)\n  }\n\n  private addEventListener(event: string, handler: () => void): () => void {\n    if (!this.eventHandlers.has(event)) {\n      this.eventHandlers.set(event, new Set())\n    }\n\n    this.eventHandlers.get(event)!.add(handler)\n\n    return () => {\n      this.eventHandlers.get(event)?.delete(handler)\n    }\n  }\n\n  private emit(event: string): void {\n    const handlers = this.eventHandlers.get(event)\n    if (handlers) {\n      handlers.forEach((handler) => handler())\n    }\n  }\n\n  private buildWindowFeatures(): string {\n    const features = []\n\n    if (this.config.width) features.push(`width=${this.config.width}`)\n    if (this.config.height) features.push(`height=${this.config.height}`)\n    if (this.config.x) features.push(`left=${this.config.x}`)\n    if (this.config.y) features.push(`top=${this.config.y}`)\n\n    features.push(`resizable=${this.config.resizable !== false ? 'yes' : 'no'}`)\n    features.push('scrollbars=yes')\n    features.push('status=no')\n    features.push('toolbar=no')\n    features.push('menubar=no')\n    features.push('location=no')\n\n    return features.join(',')\n  }\n\n  private setupPopupEventHandlers(): void {\n    if (!this.nativeWindow) return\n\n    // Check if window is closed\n    const checkClosed = () => {\n      if (this.nativeWindow?.closed) {\n        this.emit('close')\n        return\n      }\n      setTimeout(checkClosed, 1000)\n    }\n    checkClosed()\n\n    // Listen for messages\n    window.addEventListener('message', (event) => {\n      if (event.source === this.nativeWindow) {\n        this.messageHandlers.forEach((handler) => handler(event.data))\n      }\n    })\n  }\n\n  // ==================== Phase 2: Enhanced Methods ====================\n\n  /**\n   * Window pooling and reuse\n   */\n  async prepareForReuse(): Promise<void> {\n    // Clear current content and reset state for reuse\n    if (this.nativeWindow && !this.nativeWindow.closed) {\n      this.nativeWindow.document.body.innerHTML = ''\n      this.nativeWindow.document.title = ''\n    }\n    this.messageHandlers.clear()\n  }\n\n  isReusable(): boolean {\n    return this.nativeWindow != null && !this.nativeWindow.closed\n  }\n\n  markAsUsed(): void {\n    this.setState((prev) => ({\n      ...prev,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  async returnToPool(): Promise<void> {\n    await this.hide()\n    this.setState((prev) => ({\n      ...prev,\n      isPooled: true,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  /**\n   * State synchronization (limited in popup windows due to cross-origin restrictions)\n   */\n  syncState<T>(_key: string, _value: T): void {\n    // Store locally for this window\n    if (!this.nativeWindow || this.nativeWindow.closed) return\n\n    try {\n      // Try to sync via postMessage (may fail due to CORS)\n      this.nativeWindow.postMessage({ type: 'sync_state', key: _key, value: _value }, '*')\n    } catch (error) {\n      console.warn('Failed to sync state to popup window:', error)\n    }\n  }\n\n  getSharedState<T>(_key: string): T | undefined {\n    // Cannot access shared state from popup due to security restrictions\n    return undefined\n  }\n\n  onSharedStateChange<T>(_key: string, _callback: (value: T) => void): () => void {\n    // Limited implementation due to popup security restrictions\n    return () => {} // No-op unsubscribe\n  }\n\n  /**\n   * Tab grouping (not supported for popup windows)\n   */\n  async attachToTab(_tabContainer: ViewportInstance): Promise<void> {\n    throw new Error('Tab grouping not supported for popup windows')\n  }\n\n  async detachFromTab(): Promise<ViewportInstance> {\n    return this // Already detached\n  }\n\n  getTabContainer(): ViewportInstance | null {\n    return null\n  }\n\n  getTabIndex(): number {\n    return this.state().tabIndex || 0\n  }\n\n  setTabIndex(index: number): void {\n    this.setState((prev) => ({\n      ...prev,\n      tabIndex: index,\n    }))\n  }\n\n  /**\n   * Parent-child relationships (limited for popup windows)\n   */\n  setParentWindow(parent: ViewportInstance): void {\n    this.setState((prev) => ({\n      ...prev,\n      parentWindowId: parent.id,\n    }))\n  }\n\n  getParentWindow(): ViewportInstance | null {\n    // Cannot access parent window reference due to security\n    return null\n  }\n\n  getChildWindows(): ViewportInstance[] {\n    // Cannot track child windows from popup\n    return []\n  }\n\n  addChildWindow(_child: ViewportInstance): void {\n    // Not supported for popup windows\n  }\n\n  removeChildWindow(_childId: string): void {\n    // Not supported for popup windows\n  }\n}\n\n/**\n * Web modal instance (overlay on current page)\n */\nclass WebModalInstance implements ViewportInstance {\n  readonly id: string\n  readonly type: ViewportType = 'modal'\n  readonly config: WindowConfig\n  state: Signal<ViewportState>\n\n  private backdropElement: HTMLElement | null = null\n  private contentElement: HTMLElement | null = null\n  private messageHandlers = new Set<(message: any) => void>()\n  private eventHandlers = new Map<string, Set<() => void>>()\n  private setState: (\n    value: ViewportState | ((prev: ViewportState) => ViewportState)\n  ) => ViewportState\n\n  constructor(config: WindowConfig) {\n    this.id = config.id\n    this.config = config\n\n    const [state, setState] = createSignal<ViewportState>({\n      id: config.id,\n      title: config.title || config.id,\n      isVisible: false,\n      isMinimized: false,\n      isMaximized: false,\n      isFullscreen: false,\n      isFocused: false,\n      bounds: {\n        x: 0,\n        y: 0,\n        width: config.width || 600,\n        height: config.height || 400,\n      },\n      zIndex: 1000,\n      // Phase 2: Enhanced state properties\n      isPooled: false,\n      lastUsed: Date.now(),\n      groupId: undefined,\n      tabIndex: undefined,\n      parentWindowId: undefined,\n    })\n\n    this.state = state as Signal<ViewportState>\n    this.setState = setState\n    this.createElement()\n  }\n\n  render(_component: ComponentInstance): void {\n    if (!this.contentElement) return\n\n    // This would integrate with TachUI's renderer\n    // For now, just set basic content\n    this.contentElement.innerHTML = `<div>Modal: ${this.config.title}</div>`\n  }\n\n  async show(): Promise<void> {\n    if (!this.backdropElement) return\n\n    document.body.appendChild(this.backdropElement)\n\n    // Update state\n    this.setState((prevState) => ({\n      ...prevState,\n      isVisible: true,\n      isFocused: true,\n    }))\n\n    this.emit('show')\n  }\n\n  async hide(): Promise<void> {\n    if (this.backdropElement?.parentNode) {\n      this.backdropElement.parentNode.removeChild(this.backdropElement)\n    }\n\n    // Update state\n    this.setState((prevState) => ({\n      ...prevState,\n      isVisible: false,\n      isFocused: false,\n    }))\n\n    this.emit('hide')\n  }\n\n  async focus(): Promise<void> {\n    if (this.contentElement) {\n      this.contentElement.focus()\n    }\n    this.emit('focus')\n  }\n\n  async minimize(): Promise<void> {\n    await this.hide()\n  }\n\n  async maximize(): Promise<void> {\n    // Could implement fullscreen modal\n  }\n\n  async restore(): Promise<void> {\n    await this.show()\n  }\n\n  async close(): Promise<void> {\n    await this.hide()\n    this.emit('close')\n    this.dispose()\n  }\n\n  dispose(): void {\n    if (this.backdropElement?.parentNode) {\n      this.backdropElement.parentNode.removeChild(this.backdropElement)\n    }\n    this.messageHandlers.clear()\n    this.eventHandlers.clear()\n  }\n\n  postMessage(_message: any): void {\n    // Broadcast to other modals/windows\n  }\n\n  onMessage(handler: (message: any) => void): () => void {\n    this.messageHandlers.add(handler)\n    return () => this.messageHandlers.delete(handler)\n  }\n\n  receiveMessage(message: any): void {\n    this.messageHandlers.forEach((handler) => handler(message))\n  }\n\n  onShow(handler: () => void): () => void {\n    return this.addEventListener('show', handler)\n  }\n  onHide(handler: () => void): () => void {\n    return this.addEventListener('hide', handler)\n  }\n  onFocus(handler: () => void): () => void {\n    return this.addEventListener('focus', handler)\n  }\n  onBlur(handler: () => void): () => void {\n    return this.addEventListener('blur', handler)\n  }\n  onResize(_handler: (bounds: ViewportState['bounds']) => void): () => void {\n    return () => {}\n  }\n  onClose(handler: () => void): () => void {\n    return this.addEventListener('close', handler)\n  }\n\n  private addEventListener(event: string, handler: () => void): () => void {\n    if (!this.eventHandlers.has(event)) {\n      this.eventHandlers.set(event, new Set())\n    }\n\n    this.eventHandlers.get(event)!.add(handler)\n\n    return () => {\n      this.eventHandlers.get(event)?.delete(handler)\n    }\n  }\n\n  private emit(event: string): void {\n    const handlers = this.eventHandlers.get(event)\n    if (handlers) {\n      handlers.forEach((handler) => handler())\n    }\n  }\n\n  private createElement(): void {\n    // Create backdrop\n    this.backdropElement = document.createElement('div')\n    this.backdropElement.className = 'tachui-modal-backdrop'\n\n    // Create content container\n    this.contentElement = document.createElement('div')\n    this.contentElement.className = 'tachui-modal-content'\n    this.contentElement.style.width = `${this.config.width || 600}px`\n    this.contentElement.style.height = `${this.config.height || 400}px`\n\n    this.backdropElement.appendChild(this.contentElement)\n\n    // Handle backdrop clicks\n    this.backdropElement.addEventListener('click', (e) => {\n      if (e.target === this.backdropElement && this.config.backdropDismiss !== false) {\n        this.close()\n      }\n    })\n\n    // Handle escape key\n    document.addEventListener('keydown', (e) => {\n      if (e.key === 'Escape' && this.config.escapeKeyDismiss !== false) {\n        this.close()\n      }\n    })\n  }\n\n  // ==================== Phase 2: Enhanced Methods ====================\n\n  private sharedState = new Map<string, any>()\n  private stateChangeCallbacks = new Map<string, Set<(value: any) => void>>()\n  private childWindows = new Map<string, ViewportInstance>()\n  private parentWindow: ViewportInstance | null = null\n  private tabContainer: ViewportInstance | null = null\n\n  /**\n   * Window pooling and reuse\n   */\n  async prepareForReuse(): Promise<void> {\n    // Clear current content and reset for reuse\n    if (this.contentElement) {\n      this.contentElement.innerHTML = ''\n    }\n    this.messageHandlers.clear()\n    this.sharedState.clear()\n    this.stateChangeCallbacks.clear()\n  }\n\n  isReusable(): boolean {\n    return this.backdropElement != null && this.contentElement != null\n  }\n\n  markAsUsed(): void {\n    this.setState((prev) => ({\n      ...prev,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  async returnToPool(): Promise<void> {\n    await this.hide()\n    this.setState((prev) => ({\n      ...prev,\n      isPooled: true,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  /**\n   * State synchronization (full support for modals)\n   */\n  syncState<T>(key: string, value: T): void {\n    this.sharedState.set(key, value)\n\n    // Notify local callbacks\n    const callbacks = this.stateChangeCallbacks.get(key)\n    if (callbacks) {\n      callbacks.forEach((callback) => callback(value))\n    }\n\n    // Sync to child windows\n    this.childWindows.forEach((child) => {\n      child.syncState(key, value)\n    })\n  }\n\n  getSharedState<T>(key: string): T | undefined {\n    return this.sharedState.get(key)\n  }\n\n  onSharedStateChange<T>(key: string, callback: (value: T) => void): () => void {\n    if (!this.stateChangeCallbacks.has(key)) {\n      this.stateChangeCallbacks.set(key, new Set())\n    }\n\n    this.stateChangeCallbacks.get(key)!.add(callback)\n\n    return () => {\n      this.stateChangeCallbacks.get(key)?.delete(callback)\n    }\n  }\n\n  /**\n   * Tab grouping (web modal tab simulation)\n   */\n  async attachToTab(tabContainer: ViewportInstance): Promise<void> {\n    this.tabContainer = tabContainer\n    // For web modals, we can simulate tabs by adding tab headers\n    this.createTabInterface()\n  }\n\n  async detachFromTab(): Promise<ViewportInstance> {\n    this.tabContainer = null\n    this.removeTabInterface()\n    return this\n  }\n\n  getTabContainer(): ViewportInstance | null {\n    return this.tabContainer\n  }\n\n  getTabIndex(): number {\n    return this.state().tabIndex || 0\n  }\n\n  setTabIndex(index: number): void {\n    this.setState((prev) => ({\n      ...prev,\n      tabIndex: index,\n    }))\n  }\n\n  /**\n   * Parent-child relationships (full support for modals)\n   */\n  setParentWindow(parent: ViewportInstance): void {\n    this.parentWindow = parent\n    this.setState((prev) => ({\n      ...prev,\n      parentWindowId: parent.id,\n    }))\n  }\n\n  getParentWindow(): ViewportInstance | null {\n    return this.parentWindow\n  }\n\n  getChildWindows(): ViewportInstance[] {\n    return Array.from(this.childWindows.values())\n  }\n\n  addChildWindow(child: ViewportInstance): void {\n    this.childWindows.set(child.id, child)\n    child.setParentWindow(this)\n  }\n\n  removeChildWindow(childId: string): void {\n    this.childWindows.delete(childId)\n  }\n\n  /**\n   * Tab interface helpers\n   */\n  private createTabInterface(): void {\n    if (!this.contentElement || !this.tabContainer) return\n\n    // Create tab header\n    const tabHeader = document.createElement('div')\n    tabHeader.className = 'tachui-modal-tab-header'\n    tabHeader.style.cssText = `\n      display: flex;\n      border-bottom: 1px solid #e0e0e0;\n      background: #f5f5f5;\n      min-height: 40px;\n    `\n\n    // Insert tab header\n    this.contentElement.insertBefore(tabHeader, this.contentElement.firstChild)\n  }\n\n  private removeTabInterface(): void {\n    if (!this.contentElement) return\n\n    const tabHeader = this.contentElement.querySelector('.tachui-modal-tab-header')\n    if (tabHeader) {\n      tabHeader.remove()\n    }\n  }\n}\n\n/**\n * Web portal instance (renders in portal container)\n */\nclass WebPortalInstance implements ViewportInstance {\n  readonly id: string\n  readonly type: ViewportType = 'portal'\n  readonly config: WindowConfig\n  state: Signal<ViewportState>\n\n  private portalElement: HTMLElement | null = null\n  private messageHandlers = new Set<(message: any) => void>()\n  private eventHandlers = new Map<string, Set<() => void>>()\n  private cleanupFunction: (() => void) | null = null\n  private setState: (\n    value: ViewportState | ((prev: ViewportState) => ViewportState)\n  ) => ViewportState\n\n  constructor(\n    config: WindowConfig,\n    private container: HTMLElement\n  ) {\n    this.id = config.id\n    this.config = config\n\n    const [state, setState] = createSignal<ViewportState>({\n      id: config.id,\n      title: config.title || config.id,\n      isVisible: false,\n      isMinimized: false,\n      isMaximized: false,\n      isFullscreen: false,\n      isFocused: false,\n      bounds: {\n        x: config.x || 0,\n        y: config.y || 0,\n        width: config.width || 400,\n        height: config.height || 300,\n      },\n      // Phase 2: Enhanced state properties\n      isPooled: false,\n      lastUsed: Date.now(),\n      groupId: undefined,\n      tabIndex: undefined,\n      parentWindowId: undefined,\n    })\n\n    this.state = state as Signal<ViewportState>\n    this.setState = setState\n    this.createElement()\n  }\n\n  render(component: ComponentInstance): void {\n    if (!this.portalElement) {\n      return\n    }\n\n    // Clear existing content\n    this.portalElement.innerHTML = ''\n\n    try {\n      // Use enhanced DOM bridge mounting to ensure lifecycle hooks are called\n      const cleanup = mountComponentTree(component, this.portalElement)\n      \n      // Store cleanup function for later disposal\n      this.cleanupFunction = cleanup\n    } catch (error) {\n      console.error('Error during mountComponentTree:', error)\n    }\n  }\n\n  async show(): Promise<void> {\n    if (!this.portalElement) {\n      return\n    }\n\n    // For single-page apps, replace the loading content instead of appending\n    if (this.container.id === 'app') {\n      this.container.innerHTML = ''\n    }\n\n    this.container.appendChild(this.portalElement)\n    this.portalElement.style.display = 'block'\n\n    this.setState((prevState) => ({\n      ...prevState,\n      isVisible: true,\n    }))\n\n    this.emit('show')\n  }\n\n  async hide(): Promise<void> {\n    if (this.portalElement) {\n      this.portalElement.style.display = 'none'\n    }\n\n    this.setState((prevState) => ({\n      ...prevState,\n      isVisible: false,\n    }))\n\n    this.emit('hide')\n  }\n\n  async focus(): Promise<void> {\n    this.emit('focus')\n  }\n  async minimize(): Promise<void> {\n    await this.hide()\n  }\n  async maximize(): Promise<void> {}\n  async restore(): Promise<void> {\n    await this.show()\n  }\n\n  async close(): Promise<void> {\n    if (this.portalElement?.parentNode) {\n      this.portalElement.parentNode.removeChild(this.portalElement)\n    }\n    this.emit('close')\n    this.dispose()\n  }\n\n  dispose(): void {\n    // Call component cleanup function first\n    if (this.cleanupFunction) {\n      this.cleanupFunction()\n      this.cleanupFunction = null\n    }\n    \n    if (this.portalElement?.parentNode) {\n      this.portalElement.parentNode.removeChild(this.portalElement)\n    }\n    this.messageHandlers.clear()\n    this.eventHandlers.clear()\n  }\n\n  postMessage(_message: any): void {}\n  onMessage(handler: (message: any) => void): () => void {\n    this.messageHandlers.add(handler)\n    return () => this.messageHandlers.delete(handler)\n  }\n\n  receiveMessage(message: any): void {\n    this.messageHandlers.forEach((handler) => handler(message))\n  }\n\n  onShow(handler: () => void): () => void {\n    return this.addEventListener('show', handler)\n  }\n  onHide(handler: () => void): () => void {\n    return this.addEventListener('hide', handler)\n  }\n  onFocus(handler: () => void): () => void {\n    return this.addEventListener('focus', handler)\n  }\n  onBlur(handler: () => void): () => void {\n    return this.addEventListener('blur', handler)\n  }\n  onResize(_handler: (bounds: ViewportState['bounds']) => void): () => void {\n    return () => {}\n  }\n  onClose(handler: () => void): () => void {\n    return this.addEventListener('close', handler)\n  }\n\n  private addEventListener(event: string, handler: () => void): () => void {\n    if (!this.eventHandlers.has(event)) {\n      this.eventHandlers.set(event, new Set())\n    }\n\n    this.eventHandlers.get(event)!.add(handler)\n\n    return () => {\n      this.eventHandlers.get(event)?.delete(handler)\n    }\n  }\n\n  private emit(event: string): void {\n    const handlers = this.eventHandlers.get(event)\n    if (handlers) {\n      handlers.forEach((handler) => handler())\n    }\n  }\n\n  private createElement(): void {\n    this.portalElement = document.createElement('div')\n    this.portalElement.className = 'tachui-portal'\n\n    // For single-page apps using the #app container, render transparently\n    if (this.container && this.container.id === 'app') {\n      // No positioning, background, or borders - just a transparent container\n      this.portalElement.style.position = 'static'\n      this.portalElement.style.width = '100%'\n      this.portalElement.style.height = 'auto'\n      this.portalElement.style.background = 'transparent'\n      this.portalElement.style.border = 'none'\n      this.portalElement.style.display = 'block'\n    } else {\n      // Traditional portal with positioning and styling\n      this.portalElement.style.position = 'absolute'\n      this.portalElement.style.left = `${this.config.x || 0}px`\n      this.portalElement.style.top = `${this.config.y || 0}px`\n      this.portalElement.style.width = `${this.config.width || 400}px`\n      this.portalElement.style.height = `${this.config.height || 300}px`\n      this.portalElement.style.background = 'white'\n      this.portalElement.style.border = '1px solid #ccc'\n      this.portalElement.style.borderRadius = '8px'\n      this.portalElement.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.15)'\n      this.portalElement.style.display = 'none'\n    }\n  }\n\n  // ==================== Phase 2: Enhanced Methods ====================\n\n  private sharedState = new Map<string, any>()\n  private stateChangeCallbacks = new Map<string, Set<(value: any) => void>>()\n  private childWindows = new Map<string, ViewportInstance>()\n  private parentWindow: ViewportInstance | null = null\n  private tabContainer: ViewportInstance | null = null\n\n  /**\n   * Window pooling and reuse (excellent for portals)\n   */\n  async prepareForReuse(): Promise<void> {\n    // Clear current content and reset for reuse\n    if (this.portalElement) {\n      this.portalElement.innerHTML = ''\n    }\n    this.messageHandlers.clear()\n    this.sharedState.clear()\n    this.stateChangeCallbacks.clear()\n  }\n\n  isReusable(): boolean {\n    return this.portalElement != null\n  }\n\n  markAsUsed(): void {\n    this.setState((prev) => ({\n      ...prev,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  async returnToPool(): Promise<void> {\n    await this.hide()\n    this.setState((prev) => ({\n      ...prev,\n      isPooled: true,\n      lastUsed: Date.now(),\n    }))\n  }\n\n  /**\n   * State synchronization (full support for portals)\n   */\n  syncState<T>(key: string, value: T): void {\n    this.sharedState.set(key, value)\n\n    // Notify local callbacks\n    const callbacks = this.stateChangeCallbacks.get(key)\n    if (callbacks) {\n      callbacks.forEach((callback) => callback(value))\n    }\n\n    // Sync to child windows\n    this.childWindows.forEach((child) => {\n      child.syncState(key, value)\n    })\n  }\n\n  getSharedState<T>(key: string): T | undefined {\n    return this.sharedState.get(key)\n  }\n\n  onSharedStateChange<T>(key: string, callback: (value: T) => void): () => void {\n    if (!this.stateChangeCallbacks.has(key)) {\n      this.stateChangeCallbacks.set(key, new Set())\n    }\n\n    this.stateChangeCallbacks.get(key)!.add(callback)\n\n    return () => {\n      this.stateChangeCallbacks.get(key)?.delete(callback)\n    }\n  }\n\n  /**\n   * Tab grouping (portal-based tab simulation)\n   */\n  async attachToTab(tabContainer: ViewportInstance): Promise<void> {\n    this.tabContainer = tabContainer\n    // Create visual tab interface for portals\n    this.createPortalTabInterface()\n  }\n\n  async detachFromTab(): Promise<ViewportInstance> {\n    this.tabContainer = null\n    this.removePortalTabInterface()\n    return this\n  }\n\n  getTabContainer(): ViewportInstance | null {\n    return this.tabContainer\n  }\n\n  getTabIndex(): number {\n    return this.state().tabIndex || 0\n  }\n\n  setTabIndex(index: number): void {\n    this.setState((prev) => ({\n      ...prev,\n      tabIndex: index,\n    }))\n  }\n\n  /**\n   * Parent-child relationships (full support for portals)\n   */\n  setParentWindow(parent: ViewportInstance): void {\n    this.parentWindow = parent\n    this.setState((prev) => ({\n      ...prev,\n      parentWindowId: parent.id,\n    }))\n  }\n\n  getParentWindow(): ViewportInstance | null {\n    return this.parentWindow\n  }\n\n  getChildWindows(): ViewportInstance[] {\n    return Array.from(this.childWindows.values())\n  }\n\n  addChildWindow(child: ViewportInstance): void {\n    this.childWindows.set(child.id, child)\n    child.setParentWindow(this)\n  }\n\n  removeChildWindow(childId: string): void {\n    this.childWindows.delete(childId)\n  }\n\n  /**\n   * Portal tab interface helpers\n   */\n  private createPortalTabInterface(): void {\n    if (!this.portalElement || !this.tabContainer) return\n\n    // Create tab header for portals\n    const tabHeader = document.createElement('div')\n    tabHeader.className = 'tachui-portal-tab-header'\n    tabHeader.style.cssText = `\n      display: flex;\n      background: #f8f9fa;\n      border-bottom: 1px solid #dee2e6;\n      min-height: 36px;\n      padding: 0 8px;\n      align-items: center;\n    `\n\n    // Insert tab header\n    this.portalElement.insertBefore(tabHeader, this.portalElement.firstChild)\n  }\n\n  private removePortalTabInterface(): void {\n    if (!this.portalElement) return\n\n    const tabHeader = this.portalElement.querySelector('.tachui-portal-tab-header')\n    if (tabHeader) {\n      tabHeader.remove()\n    }\n  }\n}\n"],"names":["WebViewportAdapter","ViewportAdapter","config","__publicField","detectViewportEnvironment","windowId","portal","modal","popup","event","handleStorage","message","_excludeWindow","messageData","WebPopupInstance","WebModalInstance","WebPortalInstance","container","styleId","style","state","setState","createSignal","_component","features","prevState","handler","_handler","handlers","checkClosed","prev","_key","_value","error","_callback","_tabContainer","index","parent","_child","_childId","_message","key","value","callbacks","callback","child","tabContainer","childId","tabHeader","component","cleanup","mountComponentTree"],"mappings":"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"}

package/dist/viewport/adapters/web-adapter.d.ts

@@ -0,0 +1,227 @@
+/**
+ * Web Viewport Adapter
+ *
+ * Handles viewport management for web browsers using modals, portals, and popup windows.
+ * Provides fallback strategies for different browser capabilities.
+ */
+import type { Signal } from '../../reactive/types';
+import type { ComponentInstance } from '../../runtime/types';
+import { type PlatformDetectionConfig } from '../platform-detection';
+import { ViewportAdapter, type ViewportEnvironment, type ViewportInstance, type ViewportState, type ViewportType, type WindowConfig } from '../types';
+/**
+ * Web-specific viewport adapter
+ */
+export declare class WebViewportAdapter extends ViewportAdapter {
+    readonly environment: ViewportEnvironment;
+    private portals;
+    private modals;
+    private popups;
+    private portalContainer;
+    private broadcastChannel;
+    constructor(config?: PlatformDetectionConfig);
+    /**
+     * Check if we can create a window with given config
+     */
+    canCreateWindow(config: WindowConfig): boolean;
+    /**
+     * Create a viewport instance
+     */
+    createWindow(config: WindowConfig): ViewportInstance;
+    /**
+     * Destroy a window
+     */
+    destroyWindow(windowId: string): Promise<void>;
+    /**
+     * Set up cross-window communication
+     */
+    setupCrossWindowCommunication(): void;
+    /**
+     * Broadcast message to other windows
+     */
+    broadcastMessage(message: any, _excludeWindow?: string): void;
+    /**
+     * Optimize for web platform
+     */
+    optimizeForPlatform(): void;
+    /**
+     * Create popup window (native browser window)
+     */
+    private createPopupWindow;
+    /**
+     * Create modal overlay
+     */
+    protected createModal(config: WindowConfig): WebModalInstance;
+    /**
+     * Create portal
+     */
+    protected createPortal(config: WindowConfig): WebPortalInstance;
+    /**
+     * Determine optimal window type
+     */
+    private determineWindowType;
+    /**
+     * Initialize portal container
+     */
+    private initializePortalContainer;
+    /**
+     * Handle cross-window messages
+     */
+    private handleCrossWindowMessage;
+    /**
+     * Inject global CSS styles
+     */
+    private injectGlobalStyles;
+}
+/**
+ * Web modal instance (overlay on current page)
+ */
+declare class WebModalInstance implements ViewportInstance {
+    readonly id: string;
+    readonly type: ViewportType;
+    readonly config: WindowConfig;
+    state: Signal<ViewportState>;
+    private backdropElement;
+    private contentElement;
+    private messageHandlers;
+    private eventHandlers;
+    private setState;
+    constructor(config: WindowConfig);
+    render(_component: ComponentInstance): void;
+    show(): Promise<void>;
+    hide(): Promise<void>;
+    focus(): Promise<void>;
+    minimize(): Promise<void>;
+    maximize(): Promise<void>;
+    restore(): Promise<void>;
+    close(): Promise<void>;
+    dispose(): void;
+    postMessage(_message: any): void;
+    onMessage(handler: (message: any) => void): () => void;
+    receiveMessage(message: any): void;
+    onShow(handler: () => void): () => void;
+    onHide(handler: () => void): () => void;
+    onFocus(handler: () => void): () => void;
+    onBlur(handler: () => void): () => void;
+    onResize(_handler: (bounds: ViewportState['bounds']) => void): () => void;
+    onClose(handler: () => void): () => void;
+    private addEventListener;
+    private emit;
+    private createElement;
+    private sharedState;
+    private stateChangeCallbacks;
+    private childWindows;
+    private parentWindow;
+    private tabContainer;
+    /**
+     * Window pooling and reuse
+     */
+    prepareForReuse(): Promise<void>;
+    isReusable(): boolean;
+    markAsUsed(): void;
+    returnToPool(): Promise<void>;
+    /**
+     * State synchronization (full support for modals)
+     */
+    syncState<T>(key: string, value: T): void;
+    getSharedState<T>(key: string): T | undefined;
+    onSharedStateChange<T>(key: string, callback: (value: T) => void): () => void;
+    /**
+     * Tab grouping (web modal tab simulation)
+     */
+    attachToTab(tabContainer: ViewportInstance): Promise<void>;
+    detachFromTab(): Promise<ViewportInstance>;
+    getTabContainer(): ViewportInstance | null;
+    getTabIndex(): number;
+    setTabIndex(index: number): void;
+    /**
+     * Parent-child relationships (full support for modals)
+     */
+    setParentWindow(parent: ViewportInstance): void;
+    getParentWindow(): ViewportInstance | null;
+    getChildWindows(): ViewportInstance[];
+    addChildWindow(child: ViewportInstance): void;
+    removeChildWindow(childId: string): void;
+    /**
+     * Tab interface helpers
+     */
+    private createTabInterface;
+    private removeTabInterface;
+}
+/**
+ * Web portal instance (renders in portal container)
+ */
+declare class WebPortalInstance implements ViewportInstance {
+    private container;
+    readonly id: string;
+    readonly type: ViewportType;
+    readonly config: WindowConfig;
+    state: Signal<ViewportState>;
+    private portalElement;
+    private messageHandlers;
+    private eventHandlers;
+    private cleanupFunction;
+    private setState;
+    constructor(config: WindowConfig, container: HTMLElement);
+    render(component: ComponentInstance): void;
+    show(): Promise<void>;
+    hide(): Promise<void>;
+    focus(): Promise<void>;
+    minimize(): Promise<void>;
+    maximize(): Promise<void>;
+    restore(): Promise<void>;
+    close(): Promise<void>;
+    dispose(): void;
+    postMessage(_message: any): void;
+    onMessage(handler: (message: any) => void): () => void;
+    receiveMessage(message: any): void;
+    onShow(handler: () => void): () => void;
+    onHide(handler: () => void): () => void;
+    onFocus(handler: () => void): () => void;
+    onBlur(handler: () => void): () => void;
+    onResize(_handler: (bounds: ViewportState['bounds']) => void): () => void;
+    onClose(handler: () => void): () => void;
+    private addEventListener;
+    private emit;
+    private createElement;
+    private sharedState;
+    private stateChangeCallbacks;
+    private childWindows;
+    private parentWindow;
+    private tabContainer;
+    /**
+     * Window pooling and reuse (excellent for portals)
+     */
+    prepareForReuse(): Promise<void>;
+    isReusable(): boolean;
+    markAsUsed(): void;
+    returnToPool(): Promise<void>;
+    /**
+     * State synchronization (full support for portals)
+     */
+    syncState<T>(key: string, value: T): void;
+    getSharedState<T>(key: string): T | undefined;
+    onSharedStateChange<T>(key: string, callback: (value: T) => void): () => void;
+    /**
+     * Tab grouping (portal-based tab simulation)
+     */
+    attachToTab(tabContainer: ViewportInstance): Promise<void>;
+    detachFromTab(): Promise<ViewportInstance>;
+    getTabContainer(): ViewportInstance | null;
+    getTabIndex(): number;
+    setTabIndex(index: number): void;
+    /**
+     * Parent-child relationships (full support for portals)
+     */
+    setParentWindow(parent: ViewportInstance): void;
+    getParentWindow(): ViewportInstance | null;
+    getChildWindows(): ViewportInstance[];
+    addChildWindow(child: ViewportInstance): void;
+    removeChildWindow(childId: string): void;
+    /**
+     * Portal tab interface helpers
+     */
+    private createPortalTabInterface;
+    private removePortalTabInterface;
+}
+export {};
+//# sourceMappingURL=web-adapter.d.ts.map

package/dist/viewport/adapters/web-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-adapter.d.ts","sourceRoot":"","sources":["../../../src/viewport/adapters/web-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE5D,OAAO,EAA6B,KAAK,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/F,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,UAAU,CAAA;AAEjB;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,eAAe;IACrD,QAAQ,CAAC,WAAW,EAAE,mBAAmB,CAAA;IACzC,OAAO,CAAC,OAAO,CAAuC;IACtD,OAAO,CAAC,MAAM,CAAsC;IACpD,OAAO,CAAC,MAAM,CAAsC;IACpD,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,gBAAgB,CAAgC;gBAE5C,MAAM,GAAE,uBAA4B;IAMhD;;OAEG;IACH,eAAe,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO;IAc9C;;OAEG;IACH,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,gBAAgB;IAkBpD;;OAEG;IACG,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAwBpD;;OAEG;IACH,6BAA6B,IAAI,IAAI;IA0BrC;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI;IAmB7D;;OAEG;IACH,mBAAmB,IAAI,IAAI;IAU3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;OAEG;IACH,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,YAAY,GAAG,gBAAgB;IAM7D;;OAEG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,iBAAiB;IAM/D;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAY3B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAuBjC;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAOhC;;OAEG;IACH,OAAO,CAAC,kBAAkB;CAqE3B;AAyUD;;GAEG;AACH,cAAM,gBAAiB,YAAW,gBAAgB;IAChD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAU;IACrC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC,CAAA;IAE5B,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,cAAc,CAA2B;IACjD,OAAO,CAAC,eAAe,CAAoC;IAC3D,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,QAAQ,CAEE;gBAEN,MAAM,EAAE,YAAY;IAgChC,MAAM,CAAC,UAAU,EAAE,iBAAiB,GAAG,IAAI;IAQrC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAerB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAerB,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAOtB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAIzB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAIzB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAIxB,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAM5B,OAAO,IAAI,IAAI;IAQf,WAAW,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI;IAIhC,SAAS,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,GAAG,MAAM,IAAI;IAKtD,cAAc,CAAC,OAAO,EAAE,GAAG,GAAG,IAAI;IAIlC,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAGvC,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAGvC,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAGxC,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAGvC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI;IAGzE,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAIxC,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,IAAI;IAOZ,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,WAAW,CAAyB;IAC5C,OAAO,CAAC,oBAAoB,CAA+C;IAC3E,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,YAAY,CAAgC;IACpD,OAAO,CAAC,YAAY,CAAgC;IAEpD;;OAEG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAUtC,UAAU,IAAI,OAAO;IAIrB,UAAU,IAAI,IAAI;IAOZ,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IASnC;;OAEG;IACH,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAezC,cAAc,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;IAI7C,mBAAmB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI;IAY7E;;OAEG;IACG,WAAW,CAAC,YAAY,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAM1D,aAAa,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAMhD,eAAe,IAAI,gBAAgB,GAAG,IAAI;IAI1C,WAAW,IAAI,MAAM;IAIrB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOhC;;OAEG;IACH,eAAe,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;IAQ/C,eAAe,IAAI,gBAAgB,GAAG,IAAI;IAI1C,eAAe,IAAI,gBAAgB,EAAE;IAIrC,cAAc,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IAK7C,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAIxC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,kBAAkB;CAQ3B;AAED;;GAEG;AACH,cAAM,iBAAkB,YAAW,gBAAgB;IAgB/C,OAAO,CAAC,SAAS;IAfnB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAW;IACtC,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC,CAAA;IAE5B,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,eAAe,CAAoC;IAC3D,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,QAAQ,CAEE;gBAGhB,MAAM,EAAE,YAAY,EACZ,SAAS,EAAE,WAAW;IAgChC,MAAM,CAAC,SAAS,EAAE,iBAAiB,GAAG,IAAI;IAmBpC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAqBrB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAarB,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAGtB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAGzB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IACzB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAIxB,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAQ5B,OAAO,IAAI,IAAI;IAcf,WAAW,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI;IAChC,SAAS,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,GAAG,MAAM,IAAI;IAKtD,cAAc,CAAC,OAAO,EAAE,GAAG,GAAG,IAAI;IAIlC,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAGvC,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAGvC,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAGxC,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAGvC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI;IAGzE,OAAO,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IAIxC,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,IAAI;IAOZ,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,WAAW,CAAyB;IAC5C,OAAO,CAAC,oBAAoB,CAA+C;IAC3E,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,YAAY,CAAgC;IACpD,OAAO,CAAC,YAAY,CAAgC;IAEpD;;OAEG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAUtC,UAAU,IAAI,OAAO;IAIrB,UAAU,IAAI,IAAI;IAOZ,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IASnC;;OAEG;IACH,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAezC,cAAc,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;IAI7C,mBAAmB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,MAAM,IAAI;IAY7E;;OAEG;IACG,WAAW,CAAC,YAAY,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAM1D,aAAa,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAMhD,eAAe,IAAI,gBAAgB,GAAG,IAAI;IAI1C,WAAW,IAAI,MAAM;IAIrB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOhC;;OAEG;IACH,eAAe,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI;IAQ/C,eAAe,IAAI,gBAAgB,GAAG,IAAI;IAI1C,eAAe,IAAI,gBAAgB,EAAE;IAIrC,cAAc,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IAK7C,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAIxC;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAmBhC,OAAO,CAAC,wBAAwB;CAQjC"}