@tatchi-xyz/sdk 0.21.0 → 0.31.1

package/dist/cjs/core/WalletIframe/client/overlay-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-controller.js","names":[],"sources":["../../../../../src/core/WalletIframe/client/overlay-controller.ts"],"sourcesContent":["/**\n * OverlayController - Client-Side Communication Layer\n *\n * This module is the centralized controller for managing the wallet iframe's overlay\n * visibility and positioning. It provides a clean abstraction over the complex CSS\n * manipulations needed to show/hide the iframe for WebAuthn user activation.\n *\n * Key Responsibilities:\n * - Overlay Visibility Management: Controls when the iframe is visible vs hidden\n * - Positioning Modes: Supports fullscreen and anchored positioning modes\n * - Sticky Behavior: Prevents overlay from being hidden during critical operations\n * - CSS State Management: Handles all iframe styling for different overlay states\n * - Accessibility: Manages ARIA attributes and tabindex for screen readers\n * - Coordinate Handling: Converts DOMRect coordinates to CSS positioning\n *\n * Architecture:\n * - Single source of truth for iframe overlay state\n * - Mode-based positioning (hidden, fullscreen, anchored)\n * - Sticky mode prevents premature hiding during operations\n * - Clean separation between positioning logic and iframe management\n *\n * Overlay Modes:\n * - hidden: iframe is invisible with no footprint (0x0, pointer-events: none)\n * - fullscreen: iframe covers entire viewport for WebAuthn activation\n * - anchored: iframe positioned at specific coordinates (for inline UI components)\n *\n * Security Considerations:\n * - Uses high z-index (2147483646) to ensure overlay is above other content\n * - Controls pointer-events to avoid blocking page interaction when hidden\n * - Properly manages ARIA attributes for accessibility compliance\n * - Performs basic clamping (non-negative top/left, min size) but does not\n *   guarantee content stays fully within the viewport\n *\n * Usage Pattern:\n * 1. Create controller with iframe reference\n * 2. Set sticky mode for operations that need persistent overlay\n * 3. Show overlay (fullscreen or anchored) for user activation\n * 4. Hide overlay when activation is complete\n * 5. Clear sticky mode to allow normal hiding behavior\n */\n\nexport type DOMRectLike = { top: number; left: number; width: number; height: number };\nimport { setAnchored, setFullscreen, setHidden } from './overlay-styles';\n\ntype Mode = 'hidden' | 'fullscreen' | 'anchored';\n\nexport class OverlayController {\n  private ensureIframe: () => HTMLIFrameElement;\n  private mode: Mode = 'hidden';\n  private visible = false;\n  private sticky = false;\n  private rect: DOMRectLike | null = null;\n\n  constructor(opts: { ensureIframe: () => HTMLIFrameElement }) {\n    this.ensureIframe = opts.ensureIframe;\n  }\n\n  /**\n   * Set sticky mode - prevents overlay from being hidden during critical operations\n   * When sticky=true, hide() calls are ignored to maintain overlay visibility\n   */\n  setSticky(v: boolean): void { this.sticky = !!v; }\n\n  /**\n   * Show overlay in fullscreen mode - covers the viewport\n   * Used for WebAuthn activation where user needs to interact with TouchID/FaceID\n   * This mode allows the iframe to receive user activation events\n   */\n  showFullscreen(): void {\n    const iframe = this.ensureIframe();\n    this.visible = true;\n    this.mode = 'fullscreen';\n    this.rect = null;\n\n    // Apply fullscreen via CSS classes (CSP-safe)\n    setFullscreen(iframe);\n\n    // Step 3: Set accessibility attributes\n    iframe.setAttribute('aria-hidden', 'false');\n    iframe.removeAttribute('tabindex');\n  }\n\n  /**\n   * Show overlay in anchored mode - positioned at specific coordinates\n   * Used for inline UI components that need to appear at a specific location\n   * Coordinates are viewport-relative (from getBoundingClientRect()); values are\n   * clamped to non-negative top/left and minimum width/height\n   */\n  showAnchored(rect: DOMRectLike): void {\n    const iframe = this.ensureIframe();\n    this.visible = true;\n    this.mode = 'anchored';\n    this.rect = { ...rect };\n\n    // Apply anchored geometry via dynamic rule + classes (CSP-safe)\n    setAnchored(iframe, rect);\n\n    // Step 4: Set accessibility attributes\n    iframe.setAttribute('aria-hidden', 'false');\n    iframe.removeAttribute('tabindex');\n  }\n\n  /**\n   * Update anchored rectangle coordinates\n   * If overlay is currently in anchored mode, immediately apply new position\n   */\n  setAnchoredRect(rect: DOMRectLike): void {\n    this.rect = { ...rect };\n    if (this.visible && this.mode === 'anchored') this.showAnchored(this.rect);\n  }\n\n  /**\n   * Show overlay preferring anchored mode when a rect is available.\n   * Falls back to fullscreen when no anchored rect has been set yet.\n   * Safe to call repeatedly; it will re-apply current state.\n   */\n  showPreferAnchored(): void {\n    if (this.rect) {\n      this.showAnchored(this.rect);\n    } else {\n      this.showFullscreen();\n    }\n  }\n\n  /**\n   * Clear anchored rectangle - removes stored coordinates\n   */\n  clearAnchoredRect(): void { this.rect = null; }\n\n  /**\n   * Hide overlay - makes iframe invisible with no footprint\n   * Respects sticky mode - won't hide if sticky=true\n   * Used when WebAuthn activation is complete or operation is cancelled\n   */\n  hide(): void {\n    // Step 1: Check sticky mode - don't hide if operation is still in progress\n    if (this.sticky) return;\n\n    const iframe = this.ensureIframe();\n    this.visible = false;\n    this.mode = 'hidden';\n\n    // Apply hidden state via classes (CSP-safe)\n    setHidden(iframe);\n\n    // Step 3: Set accessibility attributes for hidden state\n    iframe.setAttribute('aria-hidden', 'true');\n    iframe.setAttribute('tabindex', '-1');\n  }\n\n  getState(): { visible: boolean; mode: Mode; sticky: boolean; rect?: DOMRectLike } {\n    return { visible: this.visible, mode: this.mode, sticky: this.sticky, rect: this.rect || undefined };\n  }\n}\n\nexport default OverlayController;\n"],"mappings":";;;;AA8CA,IAAa,oBAAb,MAA+B;CAC7B,AAAQ;CACR,AAAQ,OAAa;CACrB,AAAQ,UAAU;CAClB,AAAQ,SAAS;CACjB,AAAQ,OAA2B;CAEnC,YAAY,MAAiD;AAC3D,OAAK,eAAe,KAAK;;;;;;CAO3B,UAAU,GAAkB;AAAE,OAAK,SAAS,CAAC,CAAC;;;;;;;CAO9C,iBAAuB;EACrB,MAAM,SAAS,KAAK;AACpB,OAAK,UAAU;AACf,OAAK,OAAO;AACZ,OAAK,OAAO;AAGZ,uCAAc;AAGd,SAAO,aAAa,eAAe;AACnC,SAAO,gBAAgB;;;;;;;;CASzB,aAAa,MAAyB;EACpC,MAAM,SAAS,KAAK;AACpB,OAAK,UAAU;AACf,OAAK,OAAO;AACZ,OAAK,OAAO,EAAE,GAAG;AAGjB,qCAAY,QAAQ;AAGpB,SAAO,aAAa,eAAe;AACnC,SAAO,gBAAgB;;;;;;CAOzB,gBAAgB,MAAyB;AACvC,OAAK,OAAO,EAAE,GAAG;AACjB,MAAI,KAAK,WAAW,KAAK,SAAS,WAAY,MAAK,aAAa,KAAK;;;;;;;CAQvE,qBAA2B;AACzB,MAAI,KAAK,KACP,MAAK,aAAa,KAAK;MAEvB,MAAK;;;;;CAOT,oBAA0B;AAAE,OAAK,OAAO;;;;;;;CAOxC,OAAa;AAEX,MAAI,KAAK,OAAQ;EAEjB,MAAM,SAAS,KAAK;AACpB,OAAK,UAAU;AACf,OAAK,OAAO;AAGZ,mCAAU;AAGV,SAAO,aAAa,eAAe;AACnC,SAAO,aAAa,YAAY;;CAGlC,WAAkF;AAChF,SAAO;GAAE,SAAS,KAAK;GAAS,MAAM,KAAK;GAAM,QAAQ,KAAK;GAAQ,MAAM,KAAK,QAAQ;;;;AAI7F,iCAAe"}
+{"version":3,"file":"overlay-controller.js","names":[],"sources":["../../../../../src/core/WalletIframe/client/overlay-controller.ts"],"sourcesContent":["/**\n * OverlayController - Client-Side Communication Layer\n *\n * This module is the centralized controller for managing the wallet iframe's overlay\n * visibility and positioning. It provides a clean abstraction over the complex CSS\n * manipulations needed to show/hide the iframe for WebAuthn user activation.\n *\n * Key Responsibilities:\n * - Overlay Visibility Management: Controls when the iframe is visible vs hidden\n * - Positioning Modes: Supports fullscreen and anchored positioning modes\n * - Sticky Behavior: Prevents overlay from being hidden during critical operations\n * - CSS State Management: Handles all iframe styling for different overlay states\n * - Accessibility: Manages ARIA attributes and tabindex for screen readers\n * - Coordinate Handling: Converts DOMRect coordinates to CSS positioning\n *\n * Architecture:\n * - Single source of truth for iframe overlay state\n * - Mode-based positioning (hidden, fullscreen, anchored)\n * - Sticky mode prevents premature hiding during operations\n * - Clean separation between positioning logic and iframe management\n *\n * Overlay Modes:\n * - hidden: iframe is invisible with no footprint (0x0, pointer-events: none)\n * - fullscreen: iframe covers entire viewport for WebAuthn activation\n * - anchored: iframe positioned at specific coordinates (for inline UI components)\n *\n * Security Considerations:\n * - Uses high z-index (2147483646) to ensure overlay is above other content\n * - Controls pointer-events to avoid blocking page interaction when hidden\n * - Properly manages ARIA attributes for accessibility compliance\n * - Performs basic clamping (non-negative top/left, min size) but does not\n *   guarantee content stays fully within the viewport\n *\n * Usage Pattern:\n * 1. Create controller with iframe reference\n * 2. Set sticky mode for operations that need persistent overlay\n * 3. Show overlay (fullscreen or anchored) for user activation\n * 4. Hide overlay when activation is complete\n * 5. Clear sticky mode to allow normal hiding behavior\n */\n\nexport type DOMRectLike = { top: number; left: number; width: number; height: number };\nimport { setAnchored, setFullscreen, setHidden } from './overlay-styles';\n\ntype Mode = 'hidden' | 'fullscreen' | 'anchored';\n\nexport class OverlayController {\n  private ensureIframe: () => HTMLIFrameElement;\n  private mode: Mode = 'hidden';\n  private visible = false;\n  private sticky = false;\n  private rect: DOMRectLike | null = null;\n\n  constructor(opts: { ensureIframe: () => HTMLIFrameElement }) {\n    this.ensureIframe = opts.ensureIframe;\n  }\n\n  /**\n   * Set sticky mode - prevents overlay from being hidden during critical operations\n   * When sticky=true, hide() calls are ignored to maintain overlay visibility\n   */\n  setSticky(v: boolean): void { this.sticky = !!v; }\n\n  /**\n   * Show overlay in fullscreen mode - covers the viewport\n   * Used for WebAuthn activation where user needs to interact with TouchID/FaceID\n   * This mode allows the iframe to receive user activation events\n   */\n  showFullscreen(): void {\n    const iframe = this.ensureIframe();\n    this.visible = true;\n    this.mode = 'fullscreen';\n    this.rect = null;\n\n    // Apply fullscreen via CSS classes (CSP-safe)\n    setFullscreen(iframe);\n\n    // Step 3: Set accessibility attributes\n    iframe.setAttribute('aria-hidden', 'false');\n    iframe.removeAttribute('tabindex');\n  }\n\n  /**\n   * Show overlay in anchored mode - positioned at specific coordinates\n   * Used for inline UI components that need to appear at a specific location\n   * Coordinates are viewport-relative (from getBoundingClientRect()); values are\n   * clamped to non-negative top/left and minimum width/height\n   */\n  showAnchored(rect: DOMRectLike): void {\n    const iframe = this.ensureIframe();\n    this.visible = true;\n    this.mode = 'anchored';\n    this.rect = { ...rect };\n\n    // Apply anchored geometry via dynamic rule + classes (CSP-safe)\n    setAnchored(iframe, rect);\n\n    // Step 4: Set accessibility attributes\n    iframe.setAttribute('aria-hidden', 'false');\n    iframe.removeAttribute('tabindex');\n  }\n\n  /**\n   * Update anchored rectangle coordinates\n   * If overlay is currently in anchored mode, immediately apply new position\n   */\n  setAnchoredRect(rect: DOMRectLike): void {\n    this.rect = { ...rect };\n    if (this.visible && this.mode === 'anchored') this.showAnchored(this.rect);\n  }\n\n  /**\n   * Show overlay preferring anchored mode when a rect is available.\n   * Falls back to fullscreen when no anchored rect has been set yet.\n   * Safe to call repeatedly; it will re-apply current state.\n   */\n  showPreferAnchored(): void {\n    if (this.rect) {\n      this.showAnchored(this.rect);\n    } else {\n      this.showFullscreen();\n    }\n  }\n\n  /**\n   * Clear anchored rectangle - removes stored coordinates\n   */\n  clearAnchoredRect(): void { this.rect = null; }\n\n  /**\n   * Hide overlay - makes iframe invisible with no footprint\n   * Respects sticky mode - won't hide if sticky=true\n   * Used when WebAuthn activation is complete or operation is cancelled\n   */\n  hide(): void {\n    // Step 1: Check sticky mode - don't hide if operation is still in progress\n    if (this.sticky) return;\n\n    const iframe = this.ensureIframe();\n    this.visible = false;\n    this.mode = 'hidden';\n\n    // Apply hidden state via classes (CSP-safe)\n    setHidden(iframe);\n\n    // Step 3: Set accessibility attributes for hidden state\n    iframe.setAttribute('aria-hidden', 'true');\n    iframe.setAttribute('tabindex', '-1');\n  }\n\n  getState(): { visible: boolean; mode: Mode; sticky: boolean; rect?: DOMRectLike } {\n    return { visible: this.visible, mode: this.mode, sticky: this.sticky, rect: this.rect || undefined };\n  }\n}\n\nexport default OverlayController;\n"],"mappings":";;;AA8CA,IAAa,oBAAb,MAA+B;CAC7B,AAAQ;CACR,AAAQ,OAAa;CACrB,AAAQ,UAAU;CAClB,AAAQ,SAAS;CACjB,AAAQ,OAA2B;CAEnC,YAAY,MAAiD;AAC3D,OAAK,eAAe,KAAK;;;;;;CAO3B,UAAU,GAAkB;AAAE,OAAK,SAAS,CAAC,CAAC;;;;;;;CAO9C,iBAAuB;EACrB,MAAM,SAAS,KAAK;AACpB,OAAK,UAAU;AACf,OAAK,OAAO;AACZ,OAAK,OAAO;AAGZ,uCAAc;AAGd,SAAO,aAAa,eAAe;AACnC,SAAO,gBAAgB;;;;;;;;CASzB,aAAa,MAAyB;EACpC,MAAM,SAAS,KAAK;AACpB,OAAK,UAAU;AACf,OAAK,OAAO;AACZ,OAAK,OAAO,EAAE,GAAG;AAGjB,qCAAY,QAAQ;AAGpB,SAAO,aAAa,eAAe;AACnC,SAAO,gBAAgB;;;;;;CAOzB,gBAAgB,MAAyB;AACvC,OAAK,OAAO,EAAE,GAAG;AACjB,MAAI,KAAK,WAAW,KAAK,SAAS,WAAY,MAAK,aAAa,KAAK;;;;;;;CAQvE,qBAA2B;AACzB,MAAI,KAAK,KACP,MAAK,aAAa,KAAK;MAEvB,MAAK;;;;;CAOT,oBAA0B;AAAE,OAAK,OAAO;;;;;;;CAOxC,OAAa;AAEX,MAAI,KAAK,OAAQ;EAEjB,MAAM,SAAS,KAAK;AACpB,OAAK,UAAU;AACf,OAAK,OAAO;AAGZ,mCAAU;AAGV,SAAO,aAAa,eAAe;AACnC,SAAO,aAAa,YAAY;;CAGlC,WAAkF;AAChF,SAAO;GAAE,SAAS,KAAK;GAAS,MAAM,KAAK;GAAM,QAAQ,KAAK;GAAQ,MAAM,KAAK,QAAQ;;;;AAI7F,iCAAe"}

package/dist/cjs/core/WalletIframe/client/overlay-styles.js

@@ -1,4 +1,3 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
 
 //#region src/core/WalletIframe/client/overlay-styles.ts
 const CLASS_BASE = "w3a-wallet-overlay";

package/dist/cjs/core/WalletIframe/client/overlay-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-styles.js","names":["state: {\n  baseSheet: CSSStyleSheet | null;\n  // For fallback path, a dedicated <style> tag for dynamic anchored rules\n  dynStyleEl: HTMLStyleElement | null;\n  // Map element id -> rule index (constructable path)\n  ruleIndex: Map<string, number>;\n  // Cached support flag\n  supportConstructable: boolean | null;\n}"],"sources":["../../../../../src/core/WalletIframe/client/overlay-styles.ts"],"sourcesContent":["/**\n * OverlayStyles - CSP-safe stylesheet manager for the wallet overlay iframe.\n *\n * Design goals:\n * - Zero inline style attributes (CSP style-src-attr 'none' compliant)\n * - Small, maintainable API: setHidden, setFullscreen, setAnchored\n * - Prefer constructable stylesheets; fall back to a nonce'd <style> for browsers\n *   without adoptedStyleSheets (mainly older Firefox/WebViews). Fallback is still\n *   important for broad compatibility unless you restrict supported browsers.\n */\n\nexport type DOMRectLike = { top: number; left: number; width: number; height: number };\n\nconst CLASS_BASE = 'w3a-wallet-overlay';\nconst CLASS_HIDDEN = 'is-hidden';\nconst CLASS_FULLSCREEN = 'is-fullscreen';\nconst CLASS_ANCHORED = 'is-anchored';\n\ntype GlobalWithNonce = typeof window & { litNonce?: string; w3aNonce?: string };\n\n// Singleton state for the base stylesheet and dynamic anchored rules\nconst state: {\n  baseSheet: CSSStyleSheet | null;\n  // For fallback path, a dedicated <style> tag for dynamic anchored rules\n  dynStyleEl: HTMLStyleElement | null;\n  // Map element id -> rule index (constructable path)\n  ruleIndex: Map<string, number>;\n  // Cached support flag\n  supportConstructable: boolean | null;\n} = {\n  baseSheet: null,\n  dynStyleEl: null,\n  ruleIndex: new Map(),\n  supportConstructable: null,\n};\n\nfunction supportsConstructable(): boolean {\n  if (state.supportConstructable != null) return state.supportConstructable;\n  state.supportConstructable = (typeof CSSStyleSheet !== 'undefined') && ('adoptedStyleSheets' in document);\n  return state.supportConstructable;\n}\n\nfunction getNonce(): string | undefined {\n  const w = window as GlobalWithNonce;\n  return w.w3aNonce || w.litNonce || undefined;\n}\n\nfunction installBaseStyles(): void {\n  if (state.baseSheet || state.dynStyleEl) return;\n  const css = `\n    .${CLASS_BASE} { position: fixed; border: none; box-sizing: border-box; background: transparent; color-scheme: normal; transform: none; right: auto; bottom: auto; inset: auto; top: auto; left: auto; z-index: var(--w3a-wallet-overlay-z, 2147483646); }\n    .${CLASS_BASE}.${CLASS_HIDDEN} { width: 0px; height: 0px; opacity: 0; pointer-events: none; z-index: auto; }\n    .${CLASS_BASE}.${CLASS_FULLSCREEN} { top: 0; left: 0; right: 0; bottom: 0; inset: 0; opacity: 1; pointer-events: auto; }\n    @supports (width: 100dvw) { .${CLASS_BASE}.${CLASS_FULLSCREEN} { width: 100dvw; height: 100dvh; } }\n    @supports not (width: 100dvw) { .${CLASS_BASE}.${CLASS_FULLSCREEN} { width: 100vw; height: 100vh; } }\n    .${CLASS_BASE}.${CLASS_ANCHORED} { opacity: 1; pointer-events: auto; }\n  `;\n\n  if (supportsConstructable()) {\n    try {\n      state.baseSheet = new CSSStyleSheet();\n      state.baseSheet.replaceSync(css);\n      const current = (document.adoptedStyleSheets || []) as CSSStyleSheet[];\n      document.adoptedStyleSheets = [...current, state.baseSheet];\n      return;\n    } catch {}\n  }\n  // Fallback: <style> tag (requires CSP nonce if style-src blocks inline)\n  const styleEl = document.createElement('style');\n  const nonce = getNonce();\n  if (nonce) try { styleEl.setAttribute('nonce', nonce); } catch {}\n  styleEl.textContent = css;\n  document.head.appendChild(styleEl);\n  // Dynamic anchored rules will use a separate tag to keep base CSS stable\n}\n\nfunction ensureDynStyleEl(): HTMLStyleElement {\n  if (state.dynStyleEl) return state.dynStyleEl;\n  const el = document.createElement('style');\n  const nonce = getNonce();\n  if (nonce) try { el.setAttribute('nonce', nonce); } catch {}\n  el.setAttribute('data-w3a-overlay-dyn', '');\n  document.head.appendChild(el);\n  state.dynStyleEl = el;\n  return el;\n}\n\nfunction asId(el: HTMLElement): string {\n  if (el.id && el.id.startsWith('w3a-overlay-')) return el.id;\n  const id = `w3a-overlay-${Math.random().toString(36).slice(2, 9)}`;\n  try { el.id = id; } catch {}\n  return id;\n}\n\nexport function ensureOverlayBase(el: HTMLElement): void {\n  installBaseStyles();\n  try { el.classList.add(CLASS_BASE); } catch {}\n}\n\nexport function setHidden(el: HTMLElement): void {\n  ensureOverlayBase(el);\n  try {\n    el.classList.add(CLASS_HIDDEN);\n    el.classList.remove(CLASS_FULLSCREEN);\n    el.classList.remove(CLASS_ANCHORED);\n  } catch {}\n}\n\nexport function setFullscreen(el: HTMLElement): void {\n  ensureOverlayBase(el);\n  try {\n    el.classList.add(CLASS_FULLSCREEN);\n    el.classList.remove(CLASS_HIDDEN);\n    el.classList.remove(CLASS_ANCHORED);\n  } catch {}\n}\n\nexport function setAnchored(el: HTMLElement, rect: DOMRectLike): void {\n  ensureOverlayBase(el);\n  const id = asId(el);\n  const top = Math.max(0, Math.round(rect.top));\n  const left = Math.max(0, Math.round(rect.left));\n  const width = Math.max(1, Math.round(rect.width));\n  const height = Math.max(1, Math.round(rect.height));\n  const rule = `#${id}.${CLASS_ANCHORED}{ top:${top}px; left:${left}px; width:${width}px; height:${height}px; }`;\n\n  if (supportsConstructable() && state.baseSheet) {\n    const s = state.baseSheet;\n    const prev = state.ruleIndex.get(id);\n    try {\n      if (typeof prev === 'number') { try { s.deleteRule(prev); } catch {} }\n      const idx = s.insertRule(rule, s.cssRules.length);\n      state.ruleIndex.set(id, idx);\n    } catch {}\n  } else {\n    const elDyn = ensureDynStyleEl();\n    const lines = (elDyn.textContent || '').split('\\n').filter(Boolean);\n    const prefix = `#${id}.`;\n    const rest = lines.filter(l => !l.startsWith(prefix));\n    rest.push(rule);\n    elDyn.textContent = rest.join('\\n');\n  }\n\n  try {\n    el.classList.add(CLASS_ANCHORED);\n    el.classList.remove(CLASS_HIDDEN);\n    el.classList.remove(CLASS_FULLSCREEN);\n  } catch {}\n}\n\nexport const OverlayStyleClasses = {\n  BASE: CLASS_BASE,\n  HIDDEN: CLASS_HIDDEN,\n  FULLSCREEN: CLASS_FULLSCREEN,\n  ANCHORED: CLASS_ANCHORED,\n};\n"],"mappings":"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"}
+{"version":3,"file":"overlay-styles.js","names":["state: {\n  baseSheet: CSSStyleSheet | null;\n  // For fallback path, a dedicated <style> tag for dynamic anchored rules\n  dynStyleEl: HTMLStyleElement | null;\n  // Map element id -> rule index (constructable path)\n  ruleIndex: Map<string, number>;\n  // Cached support flag\n  supportConstructable: boolean | null;\n}"],"sources":["../../../../../src/core/WalletIframe/client/overlay-styles.ts"],"sourcesContent":["/**\n * OverlayStyles - CSP-safe stylesheet manager for the wallet overlay iframe.\n *\n * Design goals:\n * - Zero inline style attributes (CSP style-src-attr 'none' compliant)\n * - Small, maintainable API: setHidden, setFullscreen, setAnchored\n * - Prefer constructable stylesheets; fall back to a nonce'd <style> for browsers\n *   without adoptedStyleSheets (mainly older Firefox/WebViews). Fallback is still\n *   important for broad compatibility unless you restrict supported browsers.\n */\n\nexport type DOMRectLike = { top: number; left: number; width: number; height: number };\n\nconst CLASS_BASE = 'w3a-wallet-overlay';\nconst CLASS_HIDDEN = 'is-hidden';\nconst CLASS_FULLSCREEN = 'is-fullscreen';\nconst CLASS_ANCHORED = 'is-anchored';\n\ntype GlobalWithNonce = typeof window & { litNonce?: string; w3aNonce?: string };\n\n// Singleton state for the base stylesheet and dynamic anchored rules\nconst state: {\n  baseSheet: CSSStyleSheet | null;\n  // For fallback path, a dedicated <style> tag for dynamic anchored rules\n  dynStyleEl: HTMLStyleElement | null;\n  // Map element id -> rule index (constructable path)\n  ruleIndex: Map<string, number>;\n  // Cached support flag\n  supportConstructable: boolean | null;\n} = {\n  baseSheet: null,\n  dynStyleEl: null,\n  ruleIndex: new Map(),\n  supportConstructable: null,\n};\n\nfunction supportsConstructable(): boolean {\n  if (state.supportConstructable != null) return state.supportConstructable;\n  state.supportConstructable = (typeof CSSStyleSheet !== 'undefined') && ('adoptedStyleSheets' in document);\n  return state.supportConstructable;\n}\n\nfunction getNonce(): string | undefined {\n  const w = window as GlobalWithNonce;\n  return w.w3aNonce || w.litNonce || undefined;\n}\n\nfunction installBaseStyles(): void {\n  if (state.baseSheet || state.dynStyleEl) return;\n  const css = `\n    .${CLASS_BASE} { position: fixed; border: none; box-sizing: border-box; background: transparent; color-scheme: normal; transform: none; right: auto; bottom: auto; inset: auto; top: auto; left: auto; z-index: var(--w3a-wallet-overlay-z, 2147483646); }\n    .${CLASS_BASE}.${CLASS_HIDDEN} { width: 0px; height: 0px; opacity: 0; pointer-events: none; z-index: auto; }\n    .${CLASS_BASE}.${CLASS_FULLSCREEN} { top: 0; left: 0; right: 0; bottom: 0; inset: 0; opacity: 1; pointer-events: auto; }\n    @supports (width: 100dvw) { .${CLASS_BASE}.${CLASS_FULLSCREEN} { width: 100dvw; height: 100dvh; } }\n    @supports not (width: 100dvw) { .${CLASS_BASE}.${CLASS_FULLSCREEN} { width: 100vw; height: 100vh; } }\n    .${CLASS_BASE}.${CLASS_ANCHORED} { opacity: 1; pointer-events: auto; }\n  `;\n\n  if (supportsConstructable()) {\n    try {\n      state.baseSheet = new CSSStyleSheet();\n      state.baseSheet.replaceSync(css);\n      const current = (document.adoptedStyleSheets || []) as CSSStyleSheet[];\n      document.adoptedStyleSheets = [...current, state.baseSheet];\n      return;\n    } catch {}\n  }\n  // Fallback: <style> tag (requires CSP nonce if style-src blocks inline)\n  const styleEl = document.createElement('style');\n  const nonce = getNonce();\n  if (nonce) try { styleEl.setAttribute('nonce', nonce); } catch {}\n  styleEl.textContent = css;\n  document.head.appendChild(styleEl);\n  // Dynamic anchored rules will use a separate tag to keep base CSS stable\n}\n\nfunction ensureDynStyleEl(): HTMLStyleElement {\n  if (state.dynStyleEl) return state.dynStyleEl;\n  const el = document.createElement('style');\n  const nonce = getNonce();\n  if (nonce) try { el.setAttribute('nonce', nonce); } catch {}\n  el.setAttribute('data-w3a-overlay-dyn', '');\n  document.head.appendChild(el);\n  state.dynStyleEl = el;\n  return el;\n}\n\nfunction asId(el: HTMLElement): string {\n  if (el.id && el.id.startsWith('w3a-overlay-')) return el.id;\n  const id = `w3a-overlay-${Math.random().toString(36).slice(2, 9)}`;\n  try { el.id = id; } catch {}\n  return id;\n}\n\nexport function ensureOverlayBase(el: HTMLElement): void {\n  installBaseStyles();\n  try { el.classList.add(CLASS_BASE); } catch {}\n}\n\nexport function setHidden(el: HTMLElement): void {\n  ensureOverlayBase(el);\n  try {\n    el.classList.add(CLASS_HIDDEN);\n    el.classList.remove(CLASS_FULLSCREEN);\n    el.classList.remove(CLASS_ANCHORED);\n  } catch {}\n}\n\nexport function setFullscreen(el: HTMLElement): void {\n  ensureOverlayBase(el);\n  try {\n    el.classList.add(CLASS_FULLSCREEN);\n    el.classList.remove(CLASS_HIDDEN);\n    el.classList.remove(CLASS_ANCHORED);\n  } catch {}\n}\n\nexport function setAnchored(el: HTMLElement, rect: DOMRectLike): void {\n  ensureOverlayBase(el);\n  const id = asId(el);\n  const top = Math.max(0, Math.round(rect.top));\n  const left = Math.max(0, Math.round(rect.left));\n  const width = Math.max(1, Math.round(rect.width));\n  const height = Math.max(1, Math.round(rect.height));\n  const rule = `#${id}.${CLASS_ANCHORED}{ top:${top}px; left:${left}px; width:${width}px; height:${height}px; }`;\n\n  if (supportsConstructable() && state.baseSheet) {\n    const s = state.baseSheet;\n    const prev = state.ruleIndex.get(id);\n    try {\n      if (typeof prev === 'number') { try { s.deleteRule(prev); } catch {} }\n      const idx = s.insertRule(rule, s.cssRules.length);\n      state.ruleIndex.set(id, idx);\n    } catch {}\n  } else {\n    const elDyn = ensureDynStyleEl();\n    const lines = (elDyn.textContent || '').split('\\n').filter(Boolean);\n    const prefix = `#${id}.`;\n    const rest = lines.filter(l => !l.startsWith(prefix));\n    rest.push(rule);\n    elDyn.textContent = rest.join('\\n');\n  }\n\n  try {\n    el.classList.add(CLASS_ANCHORED);\n    el.classList.remove(CLASS_HIDDEN);\n    el.classList.remove(CLASS_FULLSCREEN);\n  } catch {}\n}\n\nexport const OverlayStyleClasses = {\n  BASE: CLASS_BASE,\n  HIDDEN: CLASS_HIDDEN,\n  FULLSCREEN: CLASS_FULLSCREEN,\n  ANCHORED: CLASS_ANCHORED,\n};\n"],"mappings":"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"}