@tatchi-xyz/sdk 0.20.0 → 0.31.0

package/dist/esm/react/sdk/src/core/WebAuthnManager/LitComponents/ExportPrivateKey/iframe-host.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iframe-host.js","names":["type"],"sources":["../../../../../../../../../src/core/WebAuthnManager/LitComponents/ExportPrivateKey/iframe-host.ts"],"sourcesContent":["// Iframe host for the Export Private Key viewer (drawer or modal variant)\nimport { html, type PropertyValues } from 'lit';\nimport { ref, createRef, Ref } from 'lit/directives/ref.js';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport { IFRAME_EXPORT_BOOTSTRAP_MODULE, EXPORT_VIEWER_BUNDLE } from '../tags';\nimport { resolveEmbeddedBase } from '../asset-base';\nimport { OFFLINE_EXPORT_FALLBACK } from '../../../OfflineExport/messages';\nimport type { ExportViewerVariant, ExportViewerTheme } from './viewer';\nimport { isObject, isString, isBoolean } from '../../../WalletIframe/validation';\nimport { dispatchLitCancel, dispatchLitConfirm, dispatchLitCopy } from '../lit-events';\nimport { ensureExternalStyles } from '../css/css-loader';\n\ntype MessageType =\n  | 'READY'\n  | 'ETX_DEFINED'\n  | 'SET_INIT'\n  | 'SET_EXPORT_DATA'\n  | 'SET_LOADING'\n  | 'SET_ERROR'\n  | 'SET_PRIVATE_KEY'\n  | 'CONFIRM'\n  | 'CANCEL'\n  | 'COPY'\n  | 'IFRAME_ERROR'\n  | 'IFRAME_UNHANDLED_REJECTION';\n\ntype MessagePayloads = {\n  READY: undefined;\n  ETX_DEFINED: undefined;\n  SET_INIT: { targetOrigin: string };\n  SET_EXPORT_DATA: {\n    theme?: 'dark' | 'light';\n    variant?: 'drawer' | 'modal';\n    accountId: string;\n    publicKey: string;\n  };\n  SET_LOADING: boolean;\n  SET_ERROR: string;\n  SET_PRIVATE_KEY: { privateKey: string };\n  CONFIRM: undefined;\n  CANCEL: undefined;\n  COPY: { type: 'publicKey' | 'privateKey'; value: string };\n  IFRAME_ERROR: string;\n  IFRAME_UNHANDLED_REJECTION: string;\n};\n\nexport class IframeExportHost extends LitElementWithProps {\n  static properties = {\n    theme: { type: String },\n    variant: { type: String },\n    accountId: { type: String, attribute: 'account-id' },\n    publicKey: { type: String, attribute: 'public-key' },\n    privateKey: { type: String, attribute: 'private-key' },\n    loading: { type: Boolean },\n    errorMessage: { type: String },\n  } as const;\n\n  declare theme: 'dark' | 'light';\n  declare variant: 'drawer' | 'modal';\n  declare accountId: string;\n  declare publicKey: string;\n  declare privateKey?: string;\n  declare loading: boolean;\n  declare errorMessage?: string;\n\n  private iframeRef: Ref<HTMLIFrameElement> = createRef();\n  private messageHandler?: (event: MessageEvent) => void | Promise<void>;\n  private iframeInitialized = false;\n  private _bootstrapTimer: number | null = null;\n  // Styles gating to avoid FOUC: wait for export-iframe.css before first render\n  private _stylesReady = false;\n  private _stylePromises: Promise<void>[] = [];\n  private _stylesAwaiting: Promise<void> | null = null;\n\n  constructor() {\n    super();\n    this.theme = 'dark';\n    this.variant = 'drawer';\n    this.accountId = '';\n    this.publicKey = '';\n    this.privateKey = undefined;\n    this.loading = false;\n  }\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    const p = ensureExternalStyles(root as ShadowRoot | DocumentFragment | HTMLElement, 'export-iframe.css', 'data-w3a-export-iframe-css');\n    this._stylePromises.push(p);\n    p.catch(() => {});\n    return root;\n  }\n\n  protected getComponentPrefix(): string { return 'export-iframe'; }\n\n  // Avoid FOUC: block first paint until external styles are applied\n  protected shouldUpdate(_changed: Map<string | number | symbol, unknown>): boolean {\n    if (this._stylesReady) return true;\n    if (!this._stylesAwaiting) {\n      const settle = Promise.all(this._stylePromises)\n        .then(() => new Promise<void>((r) => requestAnimationFrame(() => requestAnimationFrame(() => r()))));\n      this._stylesAwaiting = settle.then(() => { this._stylesReady = true; this.requestUpdate(); });\n    }\n    return false;\n  }\n\n  updated(changed: PropertyValues) {\n    super.updated(changed);\n    // Initialize iframe once; contentWindow can exist for about:blank, so use a flag\n    if (!this.iframeInitialized) {\n      this.initializeIframe();\n      this.iframeInitialized = true;\n      return;\n    }\n    // Push data on update\n    this.postToIframe('SET_EXPORT_DATA', {\n      theme: this.theme,\n      variant: this.variant,\n      accountId: this.accountId,\n      publicKey: this.publicKey,\n    });\n    if (changed.has('loading')) {\n      this.postToIframe('SET_LOADING', !!this.loading);\n    }\n    if (changed.has('errorMessage') && typeof this.errorMessage === 'string') {\n      this.postToIframe('SET_ERROR', this.errorMessage);\n    }\n    if (changed.has('privateKey') && this.privateKey) {\n      this.postToIframe('SET_PRIVATE_KEY', { privateKey: this.privateKey });\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.messageHandler) {\n      window.removeEventListener('message', this.messageHandler);\n      this.messageHandler = undefined;\n    }\n  }\n\n  private generateIframeHtml(): string {\n    const base = resolveEmbeddedBase();\n    const isAbsoluteBase = /^https?:/i.test(base);\n    if (!isAbsoluteBase) {\n      try {\n        console.warn(\n          '[W3A][IframeExportHost] Embedded SDK base is not absolute. Skipping CSS preloads. ' +\n          'Configure an absolute base so assets resolve: React → set TatchiPasskeyProvider config ' +\n          '{ iframeWallet: { walletOrigin: \"https://wallet.example.com\", sdkBasePath: \"/sdk\" } }, '\n        );\n      } catch {}\n    }\n    const viewerBundle = EXPORT_VIEWER_BUNDLE;\n    const bootstrap = IFRAME_EXPORT_BOOTSTRAP_MODULE;\n    return `<!DOCTYPE html>\n      <html>\n        <head>\n          <meta charset=\"utf-8\" />\n          <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\" />\n          ${isAbsoluteBase ? `<link rel=\"preload\" href=\"${base}export-viewer.css\" as=\"style\" />` : ''}\n          ${isAbsoluteBase ? `<link rel=\"preload\" href=\"${base}export-iframe.css\" as=\"style\" />` : ''}\n          <link rel=\"stylesheet\" href=\"${base}wallet-service.css\" />\n          <!-- Component palette/tokens for host elements (e.g., <w3a-drawer>) -->\n          ${isAbsoluteBase ? `<link rel=\"stylesheet\" href=\"${base}w3a-components.css\" />` : ''}\n          <!-- Ensure critical component styles (strict CSP: external only, no inline) -->\n          ${isAbsoluteBase ? `<link rel=\"stylesheet\" href=\"${base}drawer.css\" data-w3a-drawer-css />` : ''}\n          ${isAbsoluteBase ? `<link rel=\"stylesheet\" href=\"${base}export-viewer.css\" data-w3a-export-viewer-css />` : ''}\n          <script type=\"module\" crossorigin=\"anonymous\" src=\"${base}${viewerBundle}\"></script>\n          <script type=\"module\" crossorigin=\"anonymous\" src=\"${base}${bootstrap}\"></script>\n        </head>\n        <body>\n          <w3a-drawer id=\"exp\" theme=\"dark\"></w3a-drawer>\n        </body>\n      </html>`;\n  }\n\n  private initializeIframe() {\n    const iframeEl = this.iframeRef.value;\n    if (!iframeEl) return;\n    this.setupMessageHandling();\n    iframeEl.srcdoc = this.generateIframeHtml();\n  }\n\n  private postToIframe<T extends MessageType>(type: T, payload?: MessagePayloads[T]) {\n    const win = this.iframeRef.value?.contentWindow;\n    if (!win) return;\n    win.postMessage({ type, payload }, '*');\n  }\n\n  private setupMessageHandling() {\n    const onMessage = async (event: MessageEvent) => {\n      const data = event?.data;\n      if (!isObject(data) || !isString((data as { type?: unknown }).type)) return;\n      const type = (data as { type?: string }).type as MessageType;\n      const payload = (data as { payload?: unknown }).payload;\n      switch (type) {\n        case 'READY': {\n          // Mark initialized in case parent missed initial flag set\n          this.iframeInitialized = true;\n          // Push init and initial data\n          this.postToIframe('SET_INIT', { targetOrigin: window.location.origin });\n          this.postToIframe('SET_EXPORT_DATA', {\n            theme: this.theme,\n            variant: this.variant,\n            accountId: this.accountId,\n            publicKey: this.publicKey,\n          });\n          this.postToIframe('SET_LOADING', !!this.loading);\n          if (this.errorMessage) this.postToIframe('SET_ERROR', this.errorMessage);\n          if (this.privateKey) this.postToIframe('SET_PRIVATE_KEY', { privateKey: this.privateKey });\n          return;\n        }\n        case 'IFRAME_ERROR':\n        case 'IFRAME_UNHANDLED_REJECTION': {\n          console.error('[IframeExportHost] iframe error:', payload);\n          return;\n        }\n        case 'CONFIRM': {\n          dispatchLitConfirm(this);\n          // Close viewer and notify parent to contract overlay\n          this.remove();\n          window.parent?.postMessage({ type: 'WALLET_UI_CLOSED' }, '*');\n          return;\n        }\n        case 'CANCEL': {\n          dispatchLitCancel(this);\n          // Child waits for transitionend before posting CANCEL, so it's safe to remove immediately\n          this.remove();\n          // Notify parent app (outside wallet iframe) to contract overlay\n          window.parent?.postMessage({ type: 'WALLET_UI_CLOSED' }, '*');\n          return;\n        }\n        case 'COPY': {\n          if (isObject(payload)) {\n            const { type, value } = payload as Partial<{ type: unknown; value: unknown }>;\n            if (isString(type) && (type === 'publicKey' || type === 'privateKey') && isString(value)) {\n              dispatchLitCopy(this, { type, value });\n            } else {\n              console.warn('[IframeExportHost] Ignoring COPY message with invalid payload', payload);\n            }\n          }\n          return;\n        }\n        default:\n          return;\n      }\n    };\n\n    if (this.messageHandler) window.removeEventListener('message', this.messageHandler);\n    this.messageHandler = onMessage;\n    window.addEventListener('message', onMessage);\n  }\n\n  render() {\n    return html`\n      <div class=\"iframe-host\">\n        <!--\n          About this ExportPrivateKey iframe:\n          - sandbox=\"allow-scripts allow-same-origin\":\n            Allows module scripts to run while preserving the wallet origin inside\n            the iframe (no opaque origin). Keeping same-origin is required so the\n            document matches the parent Permissions-Policy allowlist (e.g.,\n            clipboard-read/write and WebAuthn) rather than being blocked as a\n            null/opaque origin.\n          - allow=\"clipboard-read; clipboard-write\":\n            Opts in to the clipboard features at the frame level. This must be\n            used in combination with a Permissions-Policy header on the parent\n            page that allows clipboard for the wallet origin.\n          - srcdoc (set in initializeIframe):\n            Loads wallet-service.css, component tokens (w3a-components.css),\n            preloads drawer + export-viewer CSS, and imports the viewer +\n            bootstrap modules; no inline scripts/styles to satisfy strict CSP.\n        -->\n        <iframe ${ref(this.iframeRef)}\n          sandbox=\"allow-scripts allow-same-origin\"\n          allow=\"clipboard-read; clipboard-write\"\n          ></iframe>\n      </div>\n    `;\n  }\n}\n\n// Strongly-typed element shape for 'w3a-export-viewer-iframe'\nexport type ExportViewerIframeElement = HTMLElement & {\n  theme?: ExportViewerTheme;\n  variant?: ExportViewerVariant;\n  accountId?: string;\n  publicKey?: string;\n  privateKey?: string;\n  loading?: boolean;\n  errorMessage?: string;\n};\n\nimport { W3A_EXPORT_VIEWER_IFRAME_ID } from '../tags';\ncustomElements.define(W3A_EXPORT_VIEWER_IFRAME_ID, IframeExportHost);\n\nexport default IframeExportHost;\n"],"mappings":"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"}

package/dist/esm/react/sdk/src/core/WebAuthnManager/LitComponents/HaloBorder/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["vars: Record<string, string>"],"sources":["../../../../../../../../../src/core/WebAuthnManager/LitComponents/HaloBorder/index.ts"],"sourcesContent":["import { html, type PropertyValues } from 'lit';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport { ensureExternalStyles } from '../css/css-loader';\n\nexport type HaloTheme = 'dark' | 'light';\n\nexport class HaloBorderElement extends LitElementWithProps {\n  static properties = {\n    animated: { type: Boolean },\n    theme: { type: String },\n    durationMs: { type: Number, attribute: 'duration-ms' },\n    ringGap: { type: Number, attribute: 'ring-gap' },\n    ringWidth: { type: Number, attribute: 'ring-width' },\n    ringBorderRadius: { type: String, attribute: 'ring-border-radius' },\n    ringBorderShadow: { type: String, attribute: 'ring-border-shadow' },\n    ringBackground: { type: String, attribute: 'ring-background' },\n    padding: { type: String },\n    innerPadding: { type: String, attribute: 'inner-padding' },\n    innerBackground: { type: String, attribute: 'inner-background' },\n  } as const;\n\n  declare animated?: boolean;\n  declare theme?: HaloTheme;\n  declare durationMs?: number;\n  declare ringGap?: number;\n  declare ringWidth?: number;\n  declare ringBorderRadius?: string;\n  declare ringBorderShadow?: string;\n  declare ringBackground?: string;\n  declare padding?: string;\n  declare innerPadding?: string;\n  declare innerBackground?: string;\n\n  private _stylesReady = false;\n  private _stylePromises: Promise<void>[] = [];\n  private _stylesAwaiting: Promise<void> | null = null;\n\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    const p = ensureExternalStyles(root as ShadowRoot | DocumentFragment | HTMLElement, 'halo-border.css', 'data-w3a-halo-border-css');\n    this._stylePromises.push(p);\n    p.catch(() => {});\n    return root;\n  }\n\n  // Defer first render until external styles are adopted to avoid FOUC\n  protected shouldUpdate(_changed: Map<string | number | symbol, unknown>): boolean {\n    if (this._stylesReady) return true;\n    if (!this._stylesAwaiting) {\n      const settle = Promise.all(this._stylePromises)\n        .then(() => new Promise<void>((r) => requestAnimationFrame(() => requestAnimationFrame(() => r()))));\n      this._stylesAwaiting = settle.then(() => { this._stylesReady = true; this.requestUpdate(); });\n    }\n    return false;\n  }\n  private _rafId: number | null = null;\n  private _startTs: number = 0;\n  private _running: boolean = false;\n\n  protected updated(changed?: PropertyValues): void {\n    // Bridge prop values into CSS variables (no inline style attributes)\n    const vars: Record<string, string> = {};\n    if (typeof this.ringGap === 'number') vars['--ring-gap'] = `${this.ringGap}px`;\n    if (typeof this.ringWidth === 'number') vars['--ring-width'] = `${this.ringWidth}px`;\n    if (this.ringBorderRadius) vars['--ring-border-radius'] = this.ringBorderRadius;\n    if (this.innerPadding) vars['--inner-padding'] = this.innerPadding;\n    if (this.innerBackground) vars['--inner-background'] = this.innerBackground;\n    if (this.ringBackground) vars['--ring-stops'] = this.ringBackground;\n    if (this.ringBorderShadow) vars['--halo-box-shadow'] = this.ringBorderShadow;\n    // Ensure an initial angle is present\n    vars['--halo-angle'] = vars['--halo-angle'] || '0deg';\n    this.setCssVars(vars);\n\n    // Start/stop animation based on \"animated\" or duration changes\n    if (!changed) return;\n    if (changed.has('animated') || changed.has('durationMs')) {\n      if (this.animated) this.start(); else this.stop();\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.animated) this.start();\n  }\n\n  disconnectedCallback(): void {\n    this.stop();\n    super.disconnectedCallback();\n  }\n\n  private tick = (ts: number) => {\n    if (!this._running) return;\n    if (!this._startTs) this._startTs = ts;\n    const dur = (typeof this.durationMs === 'number' && this.durationMs > 0) ? this.durationMs : 1150;\n    const delta = (ts - this._startTs) % dur;\n    const angle = (delta / dur) * 360;\n    // Update only the angle var via adoptedStyleSheet (no style attribute writes)\n    this.setCssVars({ '--halo-angle': `${angle}deg` });\n    this._rafId = requestAnimationFrame(this.tick);\n  };\n\n  private start() {\n    if (this._running) return;\n    this._running = true;\n    this._startTs = 0;\n    this._rafId = requestAnimationFrame(this.tick);\n  }\n\n  private stop() {\n    this._running = false;\n    if (this._rafId) {\n      cancelAnimationFrame(this._rafId);\n      this._rafId = null;\n    }\n    // Reset angle\n    this.setCssVars({ '--halo-angle': `0deg` });\n  }\n\n  render() {\n    return html`\n      <div class=\"halo-root ${this.theme ?? 'light'} ${this.animated ? 'animated' : ''}\">\n        <div class=\"halo-inner\">\n          <div class=\"halo-outer\">\n            ${this.animated ? html`<div class=\"halo-ring\"></div>` : ''}\n            <div class=\"halo-content\"><slot></slot></div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\nimport { W3A_HALO_BORDER_ID } from '../tags';\n\nif (!customElements.get(W3A_HALO_BORDER_ID)) {\n  customElements.define(W3A_HALO_BORDER_ID, HaloBorderElement);\n}\n\nexport default HaloBorderElement;\n"],"mappings":"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"}

package/dist/esm/react/sdk/src/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer/iframe-geometry.js

@@ -1,357 +0,0 @@
-//#region src/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer/iframe-geometry.ts
-/**
-* Rounding & pixel-snapping strategy
-*
-* DOM measurements from getBoundingClientRect() often contain fractional values
-* (e.g., width: 200.4px). If these are rounded the wrong way, the iframe that
-* hosts the embedded UI can end up undersized by up to 1px, which manifests as
-* a faint scrollbar or a clipped tooltip.
-*
-* To avoid this, we follow these rules across the embedded tooltip flow:
-* - Positions (x, y): Math.floor — never extend negative space; align to pixels.
-* - Sizes (width, height): Math.ceil — never shrink rectangles; ensure fit.
-*
-* The embedded element applies this when constructing TooltipGeometry from
-* DOMRects. See EmbeddedTxButton.ts (buildGeometry).
-* On the host side, computeExpandedIframeSizeFromGeometryPure()
-* already uses Math.ceil on the right/bottom edges as a second line of defense.
-*/
-/**
-* IframeClipPathGenerator creates precise clip-path polygons for button + tooltip unions.
-* Supports all 8 tooltip positions with optimized shape algorithms.
-*/
-var IframeClipPathGenerator = class {
-	static generateUnion(geometry, paddingPx = 0) {
-		const pad = (r) => ({
-			x: r.x - paddingPx,
-			y: r.y - paddingPx,
-			width: r.width + 2 * paddingPx,
-			height: r.height + 2 * paddingPx,
-			borderRadius: r.borderRadius
-		});
-		const button = paddingPx ? pad(geometry.button) : geometry.button;
-		const tooltip = paddingPx ? pad(geometry.tooltip) : geometry.tooltip;
-		const { position, gap } = geometry;
-		if (!CSS.supports("clip-path: polygon(0 0)")) {
-			console.warn("clip-path not supported, skipping shape generation");
-			return "";
-		}
-		switch (position) {
-			case "top-left": {
-				const upper = button.y <= tooltip.y ? button : tooltip;
-				const lower = upper === button ? tooltip : button;
-				return this.generateVerticalLUnion(upper, lower, "left");
-			}
-			case "top-center": return this.generateTopCenterUnion(button, tooltip, gap);
-			case "top-right": {
-				const upper = button.y <= tooltip.y ? button : tooltip;
-				const lower = upper === button ? tooltip : button;
-				return this.generateVerticalLUnion(upper, lower, "right");
-			}
-			case "left": return this.generateLeftUnion(button, tooltip, gap);
-			case "right": return this.generateRightUnion(button, tooltip, gap);
-			case "bottom-left": {
-				const upper = button.y <= tooltip.y ? button : tooltip;
-				const lower = upper === button ? tooltip : button;
-				return this.generateVerticalLUnion(upper, lower, "left");
-			}
-			case "bottom-center": return this.generateBottomCenterUnion(button, tooltip, gap);
-			case "bottom-right": {
-				const upper = button.y <= tooltip.y ? button : tooltip;
-				const lower = upper === button ? tooltip : button;
-				return this.generateVerticalLUnion(upper, lower, "right");
-			}
-			default:
-				console.warn(`Unknown tooltip position: ${position}`);
-				return this.generateTopCenterUnion(button, tooltip, gap);
-		}
-	}
-	/**
-	* Build an L-shaped rectilinear polygon for two vertically stacked rectangles (upper over lower).
-	* The hingeSide selects which side (left|right) the connecting corridor should hug to avoid
-	* capturing the opposite empty corner.
-	*/
-	static generateVerticalLUnion(upper, lower, hingeSide) {
-		if (upper.y > lower.y) {
-			const tmp = upper;
-			upper = lower;
-			lower = tmp;
-		}
-		const uL = upper.x;
-		const uR = upper.x + upper.width;
-		const uT = upper.y;
-		const uB = upper.y + upper.height;
-		const lL = lower.x;
-		const lR = lower.x + lower.width;
-		const lT = lower.y;
-		const lB = lower.y + lower.height;
-		const overlapY = Math.max(0, Math.min(uB, lB) - Math.max(uT, lT));
-		if (overlapY > 0) {
-			const minX = Math.min(uL, lL);
-			const maxX = Math.max(uR, lR);
-			const minY = Math.min(uT, lT);
-			const maxY = Math.max(uB, lB);
-			return `polygon(${minX}px ${minY}px, ${maxX}px ${minY}px, ${maxX}px ${maxY}px, ${minX}px ${maxY}px)`;
-		}
-		let points = [];
-		if (hingeSide === "left") points = [
-			{
-				x: uL,
-				y: uT
-			},
-			{
-				x: uR,
-				y: uT
-			},
-			{
-				x: uR,
-				y: uB
-			},
-			{
-				x: uL,
-				y: uB
-			},
-			{
-				x: lL,
-				y: uB
-			},
-			{
-				x: lL,
-				y: lB
-			},
-			{
-				x: lR,
-				y: lB
-			},
-			{
-				x: lR,
-				y: lT
-			},
-			{
-				x: uL,
-				y: lT
-			},
-			{
-				x: uL,
-				y: uT
-			}
-		];
-		else points = [
-			{
-				x: uL,
-				y: uT
-			},
-			{
-				x: uR,
-				y: uT
-			},
-			{
-				x: uR,
-				y: uB
-			},
-			{
-				x: lR,
-				y: uB
-			},
-			{
-				x: lR,
-				y: lB
-			},
-			{
-				x: lL,
-				y: lB
-			},
-			{
-				x: lL,
-				y: lT
-			},
-			{
-				x: uR,
-				y: lT
-			},
-			{
-				x: uR,
-				y: uT
-			},
-			{
-				x: uL,
-				y: uT
-			}
-		];
-		const deduped = points.filter((p, i, arr) => i === 0 || !(p.x === arr[i - 1].x && p.y === arr[i - 1].y));
-		const coords = deduped.map((p) => `${p.x}px ${p.y}px`).join(", ");
-		return `polygon(${coords})`;
-	}
-	static generateTopCenterUnion(button, tooltip, gap) {
-		const minX = Math.min(button.x, tooltip.x);
-		const maxX = Math.max(button.x + button.width, tooltip.x + tooltip.width);
-		const minY = tooltip.y;
-		const maxY = button.y + button.height;
-		const borderRadius = 2;
-		const width = maxX - minX;
-		const height = maxY - minY;
-		return `polygon(${this.createRoundedRect(minX, minY, width, height, borderRadius)})`;
-	}
-	static generateBottomCenterUnion(button, tooltip, gap) {
-		const minX = Math.min(button.x, tooltip.x);
-		const maxX = Math.max(button.x + button.width, tooltip.x + tooltip.width);
-		const minY = button.y;
-		const maxY = tooltip.y + tooltip.height;
-		const borderRadius = 2;
-		const width = maxX - minX;
-		const height = maxY - minY;
-		return `polygon(${this.createRoundedRect(minX, minY, width, height, borderRadius)})`;
-	}
-	static generateLeftUnion(button, tooltip, gap) {
-		const minX = tooltip.x;
-		const maxX = button.x + button.width;
-		const minY = Math.min(button.y, tooltip.y);
-		const maxY = Math.max(button.y + button.height, tooltip.y + tooltip.height);
-		const borderRadius = 2;
-		const width = maxX - minX;
-		const height = maxY - minY;
-		return `polygon(${this.createRoundedRect(minX, minY, width, height, borderRadius)})`;
-	}
-	static generateRightUnion(button, tooltip, gap) {
-		const minX = button.x;
-		const maxX = tooltip.x + tooltip.width;
-		const minY = Math.min(button.y, tooltip.y);
-		const maxY = Math.max(button.y + button.height, tooltip.y + tooltip.height);
-		const borderRadius = 2;
-		const width = maxX - minX;
-		const height = maxY - minY;
-		return `polygon(${this.createRoundedRect(minX, minY, width, height, borderRadius)})`;
-	}
-	static createRoundedRect(x, y, width, height, radius) {
-		const r = Math.min(radius, width / 2, height / 2);
-		return [
-			`${x + r}px ${y}px`,
-			`${x + width - r}px ${y}px`,
-			`${x + width}px ${y + r}px`,
-			`${x + width}px ${y + height - r}px`,
-			`${x + width - r}px ${y + height}px`,
-			`${x + r}px ${y + height}px`,
-			`${x}px ${y + height - r}px`,
-			`${x}px ${y + r}px`
-		].join(", ");
-	}
-	static buildButtonClipPathPure(rect, paddingPx = 0) {
-		const x = rect.x - paddingPx;
-		const y = rect.y - paddingPx;
-		const width = rect.width + 2 * paddingPx;
-		const height = rect.height + 2 * paddingPx;
-		const clipPath = `polygon(${x}px ${y}px, ${x + width}px ${y}px, ${x + width}px ${y + height}px, ${x}px ${y + height}px)`;
-		return clipPath;
-	}
-};
-function toPx(v) {
-	return typeof v === "number" ? `${v}px` : v;
-}
-function utilParsePx(value) {
-	if (typeof value === "number") return value;
-	if (typeof value === "string") {
-		if (value === "auto") throw new Error("Cannot parse \"auto\" value for pixel calculations. Please provide a specific pixel value.");
-		const match = value.match(/^(\d+(?:\.\d+)?)px$/);
-		if (match) return parseFloat(match[1]);
-		try {
-			if (typeof document !== "undefined" && document.body) {
-				const probe = document.createElement("div");
-				probe.style.position = "absolute";
-				probe.style.visibility = "hidden";
-				probe.style.width = value;
-				document.body.appendChild(probe);
-				const computed = window.getComputedStyle(probe).width;
-				document.body.removeChild(probe);
-				const m2 = computed.match(/^(\d+(?:\.\d+)?)px$/);
-				if (m2) return parseFloat(m2[1]);
-			}
-		} catch {}
-		throw new Error(`Invalid pixel value: "${value}". Expected format: "123px" or numeric value.`);
-	}
-	return 0;
-}
-function computeIframeSizePure(input) {
-	const p = input.paddingPx ?? 8;
-	const { buttonWidthPx: bw, buttonHeightPx: bh, tooltipWidthPx: tw, tooltipHeightPx: th, offsetPx: o, position } = input;
-	let width = 0, height = 0, buttonPositionX = 0, buttonPositionY = 0;
-	let flushClass = "flush-top-center";
-	switch (position) {
-		case "top-left":
-			flushClass = "flush-bottom-left";
-			width = Math.max(bw, tw) + p;
-			height = bh + o + th + p;
-			buttonPositionX = 0;
-			buttonPositionY = th + o;
-			break;
-		case "top-center":
-			flushClass = "flush-bottom-center";
-			width = Math.max(bw, tw) + p;
-			height = bh + o + th + p;
-			buttonPositionX = (width - bw) / 2;
-			buttonPositionY = th + o;
-			break;
-		case "top-right":
-			flushClass = "flush-bottom-right";
-			width = Math.max(bw, tw) + p;
-			height = bh + o + th + p;
-			buttonPositionX = width - bw;
-			buttonPositionY = th + o;
-			break;
-		case "left":
-			flushClass = "flush-right";
-			width = tw + o + bw + p;
-			height = Math.max(bh, th) + p;
-			buttonPositionX = tw + o;
-			buttonPositionY = (height - bh) / 2;
-			break;
-		case "right":
-			flushClass = "flush-left";
-			width = bw + o + tw + p;
-			height = Math.max(bh, th) + p;
-			buttonPositionX = 0;
-			buttonPositionY = (height - bh) / 2;
-			break;
-		case "bottom-left":
-			flushClass = "flush-top-left";
-			width = Math.max(bw, tw) + p;
-			height = bh + o + th + p;
-			buttonPositionX = 0;
-			buttonPositionY = 0;
-			break;
-		case "bottom-center":
-			flushClass = "flush-top-center";
-			width = Math.max(bw, tw) + p;
-			height = bh + o + th + p;
-			buttonPositionX = (width - bw) / 2;
-			buttonPositionY = 0;
-			break;
-		case "bottom-right":
-			flushClass = "flush-top-right";
-			width = Math.max(bw, tw) + p;
-			height = bh + o + th + p;
-			buttonPositionX = width - bw;
-			buttonPositionY = 0;
-			break;
-	}
-	return {
-		width,
-		height,
-		flushClass,
-		buttonPositionX,
-		buttonPositionY
-	};
-}
-function computeExpandedIframeSizeFromGeometryPure(input) {
-	const p = input.paddingPx ?? 8;
-	const g = input.geometry;
-	const right = Math.max(g.button.x + g.button.width, g.tooltip.x + g.tooltip.width);
-	const bottom = Math.max(g.button.y + g.button.height, g.tooltip.y + g.tooltip.height);
-	return {
-		width: Math.max(input.fallback.width, Math.ceil(right) + p),
-		height: Math.max(input.fallback.height, Math.ceil(bottom) + p)
-	};
-}
-
-//#endregion
-export { IframeClipPathGenerator, computeExpandedIframeSizeFromGeometryPure, computeIframeSizePure, toPx, utilParsePx };
-//# sourceMappingURL=iframe-geometry.js.map

package/dist/esm/react/sdk/src/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer/iframe-geometry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iframe-geometry.js","names":["points: Array<{ x: number; y: number }>"],"sources":["../../../../../../../../../src/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer/iframe-geometry.ts"],"sourcesContent":["\nexport type TooltipPositionEnum =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'left'\n  | 'right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\n\n// Public (external) tooltip position shape — no internal layout knobs\nexport interface TooltipPosition {\n  width: string;\n  height: string;\n  position: TooltipPositionEnum;\n}\n\n// Internal shape used by the SDK for layout calculations\nexport interface TooltipPositionInternal extends TooltipPosition {\n  offset: string;\n  boxPadding?: string; // e.g., '8px'\n}\n\nexport interface Rectangle {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  borderRadius?: number;\n}\n\nexport interface TooltipGeometry {\n  button: Rectangle;\n  tooltip: Rectangle;\n  position: TooltipPositionEnum;\n  gap: number;\n  visible: boolean;\n}\n\n/**\n * Rounding & pixel-snapping strategy\n *\n * DOM measurements from getBoundingClientRect() often contain fractional values\n * (e.g., width: 200.4px). If these are rounded the wrong way, the iframe that\n * hosts the embedded UI can end up undersized by up to 1px, which manifests as\n * a faint scrollbar or a clipped tooltip.\n *\n * To avoid this, we follow these rules across the embedded tooltip flow:\n * - Positions (x, y): Math.floor — never extend negative space; align to pixels.\n * - Sizes (width, height): Math.ceil — never shrink rectangles; ensure fit.\n *\n * The embedded element applies this when constructing TooltipGeometry from\n * DOMRects. See EmbeddedTxButton.ts (buildGeometry).\n * On the host side, computeExpandedIframeSizeFromGeometryPure()\n * already uses Math.ceil on the right/bottom edges as a second line of defense.\n */\n\n/**\n * IframeClipPathGenerator creates precise clip-path polygons for button + tooltip unions.\n * Supports all 8 tooltip positions with optimized shape algorithms.\n */\nexport class IframeClipPathGenerator {\n  static generateUnion(geometry: TooltipGeometry, paddingPx: number = 0): string {\n    // Optionally expand both rectangles by padding to loosen the clip-path\n    const pad = (r: Rectangle): Rectangle => ({\n      x: r.x - paddingPx,\n      y: r.y - paddingPx,\n      width: r.width + 2 * paddingPx,\n      height: r.height + 2 * paddingPx,\n      borderRadius: r.borderRadius,\n    });\n    const button = paddingPx ? pad(geometry.button) : geometry.button;\n    const tooltip = paddingPx ? pad(geometry.tooltip) : geometry.tooltip;\n    const { position, gap } = geometry;\n    if (!CSS.supports('clip-path: polygon(0 0)')) {\n      console.warn('clip-path not supported, skipping shape generation');\n      return '';\n    }\n    switch (position) {\n      case 'top-left': {\n        const upper = (button.y <= tooltip.y) ? button : tooltip;\n        const lower = (upper === button) ? tooltip : button;\n        return this.generateVerticalLUnion(upper, lower, 'left');\n      }\n      case 'top-center':\n        return this.generateTopCenterUnion(button, tooltip, gap);\n      case 'top-right': {\n        const upper = (button.y <= tooltip.y) ? button : tooltip;\n        const lower = (upper === button) ? tooltip : button;\n        return this.generateVerticalLUnion(upper, lower, 'right');\n      }\n      case 'left':\n        return this.generateLeftUnion(button, tooltip, gap);\n      case 'right':\n        return this.generateRightUnion(button, tooltip, gap);\n      case 'bottom-left': {\n        const upper = (button.y <= tooltip.y) ? button : tooltip;\n        const lower = (upper === button) ? tooltip : button;\n        return this.generateVerticalLUnion(upper, lower, 'left');\n      }\n      case 'bottom-center':\n        return this.generateBottomCenterUnion(button, tooltip, gap);\n      case 'bottom-right': {\n        const upper = (button.y <= tooltip.y) ? button : tooltip;\n        const lower = (upper === button) ? tooltip : button;\n        return this.generateVerticalLUnion(upper, lower, 'right');\n      }\n      default:\n        console.warn(`Unknown tooltip position: ${position}`);\n        return this.generateTopCenterUnion(button, tooltip, gap);\n    }\n  }\n\n  /**\n   * Build an L-shaped rectilinear polygon for two vertically stacked rectangles (upper over lower).\n   * The hingeSide selects which side (left|right) the connecting corridor should hug to avoid\n   * capturing the opposite empty corner.\n   */\n  private static generateVerticalLUnion(\n    upper: Rectangle,\n    lower: Rectangle,\n    hingeSide: 'left' | 'right'\n  ): string {\n    // Ensure vertical ordering (upper.y <= lower.y). If not, swap.\n    if (upper.y > lower.y) {\n      const tmp = upper; upper = lower; lower = tmp;\n    }\n\n    const uL = upper.x;\n    const uR = upper.x + upper.width;\n    const uT = upper.y;\n    const uB = upper.y + upper.height;\n\n    const lL = lower.x;\n    const lR = lower.x + lower.width;\n    const lT = lower.y;\n    const lB = lower.y + lower.height;\n\n    // If rectangles overlap in Y or overlap fully in X, fallback to bounding rect\n    const overlapY = Math.max(0, Math.min(uB, lB) - Math.max(uT, lT));\n    if (overlapY > 0) {\n      const minX = Math.min(uL, lL);\n      const maxX = Math.max(uR, lR);\n      const minY = Math.min(uT, lT);\n      const maxY = Math.max(uB, lB);\n      return `polygon(${minX}px ${minY}px, ${maxX}px ${minY}px, ${maxX}px ${maxY}px, ${minX}px ${maxY}px)`;\n    }\n\n    let points: Array<{ x: number; y: number }> = [];\n    if (hingeSide === 'left') {\n      points = [\n        { x: uL, y: uT },\n        { x: uR, y: uT },\n        { x: uR, y: uB },\n        { x: uL, y: uB },\n        { x: lL, y: uB },\n        { x: lL, y: lB },\n        { x: lR, y: lB },\n        { x: lR, y: lT },\n        { x: uL, y: lT },\n        { x: uL, y: uT },\n      ];\n    } else {\n      points = [\n        { x: uL, y: uT },\n        { x: uR, y: uT },\n        { x: uR, y: uB },\n        { x: lR, y: uB },\n        { x: lR, y: lB },\n        { x: lL, y: lB },\n        { x: lL, y: lT },\n        { x: uR, y: lT },\n        { x: uR, y: uT },\n        { x: uL, y: uT },\n      ];\n    }\n\n    const deduped = points.filter((p, i, arr) => i === 0 || !(p.x === arr[i - 1].x && p.y === arr[i - 1].y));\n    const coords = deduped.map(p => `${p.x}px ${p.y}px`).join(', ');\n    return `polygon(${coords})`;\n  }\n\n  private static generateTopCenterUnion(button: Rectangle, tooltip: Rectangle, gap: number): string {\n    const minX = Math.min(button.x, tooltip.x);\n    const maxX = Math.max(button.x + button.width, tooltip.x + tooltip.width);\n    const minY = tooltip.y;\n    const maxY = button.y + button.height;\n    const borderRadius = 2;\n    const width = maxX - minX;\n    const height = maxY - minY;\n    return `polygon(${this.createRoundedRect(minX, minY, width, height, borderRadius)})`;\n  }\n\n  private static generateBottomCenterUnion(button: Rectangle, tooltip: Rectangle, gap: number): string {\n    const minX = Math.min(button.x, tooltip.x);\n    const maxX = Math.max(button.x + button.width, tooltip.x + tooltip.width);\n    const minY = button.y;\n    const maxY = tooltip.y + tooltip.height;\n    const borderRadius = 2;\n    const width = maxX - minX;\n    const height = maxY - minY;\n    return `polygon(${this.createRoundedRect(minX, minY, width, height, borderRadius)})`;\n  }\n\n  private static generateLeftUnion(button: Rectangle, tooltip: Rectangle, gap: number): string {\n    const minX = tooltip.x;\n    const maxX = button.x + button.width;\n    const minY = Math.min(button.y, tooltip.y);\n    const maxY = Math.max(button.y + button.height, tooltip.y + tooltip.height);\n    const borderRadius = 2;\n    const width = maxX - minX;\n    const height = maxY - minY;\n    return `polygon(${this.createRoundedRect(minX, minY, width, height, borderRadius)})`;\n  }\n\n  private static generateRightUnion(button: Rectangle, tooltip: Rectangle, gap: number): string {\n    const minX = button.x;\n    const maxX = tooltip.x + tooltip.width;\n    const minY = Math.min(button.y, tooltip.y);\n    const maxY = Math.max(button.y + button.height, tooltip.y + tooltip.height);\n    const borderRadius = 2;\n    const width = maxX - minX;\n    const height = maxY - minY;\n    return `polygon(${this.createRoundedRect(minX, minY, width, height, borderRadius)})`;\n  }\n\n  public static createRoundedRect(\n    x: number, y: number, width: number, height: number, radius: number\n  ): string {\n    const r = Math.min(radius, width / 2, height / 2);\n    return [\n      `${x + r}px ${y}px`,\n      `${x + width - r}px ${y}px`,\n      `${x + width}px ${y + r}px`,\n      `${x + width}px ${y + height - r}px`,\n      `${x + width - r}px ${y + height}px`,\n      `${x + r}px ${y + height}px`,\n      `${x}px ${y + height - r}px`,\n      `${x}px ${y + r}px`\n    ].join(', ');\n  }\n\n  public static buildButtonClipPathPure(rect: { x: number; y: number; width: number; height: number }, paddingPx: number = 0): string {\n    const x = rect.x - paddingPx;\n    const y = rect.y - paddingPx;\n    const width = rect.width + 2 * paddingPx;\n    const height = rect.height + 2 * paddingPx;\n    const clipPath = `polygon(${x}px ${y}px, ${x + width}px ${y}px, ${x + width}px ${y + height}px, ${x}px ${y + height}px)`;\n    return clipPath;\n  }\n}\n\n// === Local helpers (pure) ===\n\nexport function toPx(v: string | number): string {\n  return typeof v === 'number' ? `${v}px` : v;\n}\n\nexport function utilParsePx(value: string | number): number {\n  if (typeof value === 'number') return value;\n  if (typeof value === 'string') {\n    if (value === 'auto') {\n      throw new Error('Cannot parse \"auto\" value for pixel calculations. Please provide a specific pixel value.');\n    }\n    const match = value.match(/^(\\d+(?:\\.\\d+)?)px$/);\n    if (match) {\n      return parseFloat(match[1]);\n    }\n    // Fallback: try to evaluate CSS length expressions like calc()/min()/max()/viewport units\n    try {\n      if (typeof document !== 'undefined' && document.body) {\n        const probe = document.createElement('div');\n        // Ensure no layout impact\n        probe.style.position = 'absolute';\n        probe.style.visibility = 'hidden';\n        probe.style.width = value as string;\n        document.body.appendChild(probe);\n        const computed = window.getComputedStyle(probe).width;\n        document.body.removeChild(probe);\n        const m2 = computed.match(/^(\\d+(?:\\.\\d+)?)px$/);\n        if (m2) return parseFloat(m2[1]);\n      }\n    } catch {}\n    throw new Error(`Invalid pixel value: \"${value}\". Expected format: \"123px\" or numeric value.`);\n  }\n  return 0;\n}\n\nexport function computeIframeSizePure(input: {\n  buttonWidthPx: number;\n  buttonHeightPx: number;\n  tooltipWidthPx: number;\n  tooltipHeightPx: number;\n  offsetPx: number;\n  position: TooltipPositionEnum;\n  paddingPx?: number;\n}): { width: number; height: number; flushClass: string; buttonPositionX: number; buttonPositionY: number } {\n  const p = input.paddingPx ?? 8;\n  const { buttonWidthPx: bw, buttonHeightPx: bh, tooltipWidthPx: tw, tooltipHeightPx: th, offsetPx: o, position } = input;\n  let width = 0, height = 0, buttonPositionX = 0, buttonPositionY = 0;\n  let flushClass = 'flush-top-center';\n  switch (position) {\n    case 'top-left':\n      flushClass = 'flush-bottom-left';\n      width = Math.max(bw, tw) + p; height = bh + o + th + p; buttonPositionX = 0; buttonPositionY = th + o; break;\n    case 'top-center':\n      flushClass = 'flush-bottom-center';\n      width = Math.max(bw, tw) + p; height = bh + o + th + p; buttonPositionX = (width - bw) / 2; buttonPositionY = th + o; break;\n    case 'top-right':\n      flushClass = 'flush-bottom-right';\n      width = Math.max(bw, tw) + p; height = bh + o + th + p; buttonPositionX = width - bw; buttonPositionY = th + o; break;\n    case 'left':\n      flushClass = 'flush-right';\n      width = tw + o + bw + p; height = Math.max(bh, th) + p; buttonPositionX = tw + o; buttonPositionY = (height - bh) / 2; break;\n    case 'right':\n      flushClass = 'flush-left';\n      width = bw + o + tw + p; height = Math.max(bh, th) + p; buttonPositionX = 0; buttonPositionY = (height - bh) / 2; break;\n    case 'bottom-left':\n      flushClass = 'flush-top-left';\n      width = Math.max(bw, tw) + p; height = bh + o + th + p; buttonPositionX = 0; buttonPositionY = 0; break;\n    case 'bottom-center':\n      flushClass = 'flush-top-center';\n      width = Math.max(bw, tw) + p; height = bh + o + th + p; buttonPositionX = (width - bw) / 2; buttonPositionY = 0; break;\n    case 'bottom-right':\n      flushClass = 'flush-top-right';\n      width = Math.max(bw, tw) + p; height = bh + o + th + p; buttonPositionX = width - bw; buttonPositionY = 0; break;\n  }\n  return { width, height, flushClass, buttonPositionX, buttonPositionY };\n}\n\nexport function computeExpandedIframeSizeFromGeometryPure(input: {\n  geometry: { button: { x: number; y: number; width: number; height: number }; tooltip: { x: number; y: number; width: number; height: number } };\n  paddingPx?: number;\n  fallback: { width: number; height: number };\n}): { width: number; height: number } {\n  const p = input.paddingPx ?? 8;\n  const g = input.geometry;\n  const right = Math.max(g.button.x + g.button.width, g.tooltip.x + g.tooltip.width);\n  const bottom = Math.max(g.button.y + g.button.height, g.tooltip.y + g.tooltip.height);\n  return {\n    width: Math.max(input.fallback.width, Math.ceil(right) + p),\n    height: Math.max(input.fallback.height, Math.ceil(bottom) + p)\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8DA,IAAa,0BAAb,MAAqC;CACnC,OAAO,cAAc,UAA2B,YAAoB,GAAW;EAE7E,MAAM,OAAO,OAA6B;GACxC,GAAG,EAAE,IAAI;GACT,GAAG,EAAE,IAAI;GACT,OAAO,EAAE,QAAQ,IAAI;GACrB,QAAQ,EAAE,SAAS,IAAI;GACvB,cAAc,EAAE;;EAElB,MAAM,SAAS,YAAY,IAAI,SAAS,UAAU,SAAS;EAC3D,MAAM,UAAU,YAAY,IAAI,SAAS,WAAW,SAAS;EAC7D,MAAM,EAAE,UAAU,QAAQ;AAC1B,MAAI,CAAC,IAAI,SAAS,4BAA4B;AAC5C,WAAQ,KAAK;AACb,UAAO;;AAET,UAAQ,UAAR;GACE,KAAK,YAAY;IACf,MAAM,QAAS,OAAO,KAAK,QAAQ,IAAK,SAAS;IACjD,MAAM,QAAS,UAAU,SAAU,UAAU;AAC7C,WAAO,KAAK,uBAAuB,OAAO,OAAO;;GAEnD,KAAK,aACH,QAAO,KAAK,uBAAuB,QAAQ,SAAS;GACtD,KAAK,aAAa;IAChB,MAAM,QAAS,OAAO,KAAK,QAAQ,IAAK,SAAS;IACjD,MAAM,QAAS,UAAU,SAAU,UAAU;AAC7C,WAAO,KAAK,uBAAuB,OAAO,OAAO;;GAEnD,KAAK,OACH,QAAO,KAAK,kBAAkB,QAAQ,SAAS;GACjD,KAAK,QACH,QAAO,KAAK,mBAAmB,QAAQ,SAAS;GAClD,KAAK,eAAe;IAClB,MAAM,QAAS,OAAO,KAAK,QAAQ,IAAK,SAAS;IACjD,MAAM,QAAS,UAAU,SAAU,UAAU;AAC7C,WAAO,KAAK,uBAAuB,OAAO,OAAO;;GAEnD,KAAK,gBACH,QAAO,KAAK,0BAA0B,QAAQ,SAAS;GACzD,KAAK,gBAAgB;IACnB,MAAM,QAAS,OAAO,KAAK,QAAQ,IAAK,SAAS;IACjD,MAAM,QAAS,UAAU,SAAU,UAAU;AAC7C,WAAO,KAAK,uBAAuB,OAAO,OAAO;;GAEnD;AACE,YAAQ,KAAK,6BAA6B;AAC1C,WAAO,KAAK,uBAAuB,QAAQ,SAAS;;;;;;;;CAS1D,OAAe,uBACb,OACA,OACA,WACQ;AAER,MAAI,MAAM,IAAI,MAAM,GAAG;GACrB,MAAM,MAAM;AAAO,WAAQ;AAAO,WAAQ;;EAG5C,MAAM,KAAK,MAAM;EACjB,MAAM,KAAK,MAAM,IAAI,MAAM;EAC3B,MAAM,KAAK,MAAM;EACjB,MAAM,KAAK,MAAM,IAAI,MAAM;EAE3B,MAAM,KAAK,MAAM;EACjB,MAAM,KAAK,MAAM,IAAI,MAAM;EAC3B,MAAM,KAAK,MAAM;EACjB,MAAM,KAAK,MAAM,IAAI,MAAM;EAG3B,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI;AAC7D,MAAI,WAAW,GAAG;GAChB,MAAM,OAAO,KAAK,IAAI,IAAI;GAC1B,MAAM,OAAO,KAAK,IAAI,IAAI;GAC1B,MAAM,OAAO,KAAK,IAAI,IAAI;GAC1B,MAAM,OAAO,KAAK,IAAI,IAAI;AAC1B,UAAO,WAAW,KAAK,KAAK,KAAK,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,KAAK,KAAK;;EAGlG,IAAIA,SAA0C;AAC9C,MAAI,cAAc,OAChB,UAAS;GACP;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;;MAGd,UAAS;GACP;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;GACZ;IAAE,GAAG;IAAI,GAAG;;;EAIhB,MAAM,UAAU,OAAO,QAAQ,GAAG,GAAG,QAAQ,MAAM,KAAK,EAAE,EAAE,MAAM,IAAI,IAAI,GAAG,KAAK,EAAE,MAAM,IAAI,IAAI,GAAG;EACrG,MAAM,SAAS,QAAQ,KAAI,MAAK,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,KAAK;AAC1D,SAAO,WAAW,OAAO;;CAG3B,OAAe,uBAAuB,QAAmB,SAAoB,KAAqB;EAChG,MAAM,OAAO,KAAK,IAAI,OAAO,GAAG,QAAQ;EACxC,MAAM,OAAO,KAAK,IAAI,OAAO,IAAI,OAAO,OAAO,QAAQ,IAAI,QAAQ;EACnE,MAAM,OAAO,QAAQ;EACrB,MAAM,OAAO,OAAO,IAAI,OAAO;EAC/B,MAAM,eAAe;EACrB,MAAM,QAAQ,OAAO;EACrB,MAAM,SAAS,OAAO;AACtB,SAAO,WAAW,KAAK,kBAAkB,MAAM,MAAM,OAAO,QAAQ,cAAc;;CAGpF,OAAe,0BAA0B,QAAmB,SAAoB,KAAqB;EACnG,MAAM,OAAO,KAAK,IAAI,OAAO,GAAG,QAAQ;EACxC,MAAM,OAAO,KAAK,IAAI,OAAO,IAAI,OAAO,OAAO,QAAQ,IAAI,QAAQ;EACnE,MAAM,OAAO,OAAO;EACpB,MAAM,OAAO,QAAQ,IAAI,QAAQ;EACjC,MAAM,eAAe;EACrB,MAAM,QAAQ,OAAO;EACrB,MAAM,SAAS,OAAO;AACtB,SAAO,WAAW,KAAK,kBAAkB,MAAM,MAAM,OAAO,QAAQ,cAAc;;CAGpF,OAAe,kBAAkB,QAAmB,SAAoB,KAAqB;EAC3F,MAAM,OAAO,QAAQ;EACrB,MAAM,OAAO,OAAO,IAAI,OAAO;EAC/B,MAAM,OAAO,KAAK,IAAI,OAAO,GAAG,QAAQ;EACxC,MAAM,OAAO,KAAK,IAAI,OAAO,IAAI,OAAO,QAAQ,QAAQ,IAAI,QAAQ;EACpE,MAAM,eAAe;EACrB,MAAM,QAAQ,OAAO;EACrB,MAAM,SAAS,OAAO;AACtB,SAAO,WAAW,KAAK,kBAAkB,MAAM,MAAM,OAAO,QAAQ,cAAc;;CAGpF,OAAe,mBAAmB,QAAmB,SAAoB,KAAqB;EAC5F,MAAM,OAAO,OAAO;EACpB,MAAM,OAAO,QAAQ,IAAI,QAAQ;EACjC,MAAM,OAAO,KAAK,IAAI,OAAO,GAAG,QAAQ;EACxC,MAAM,OAAO,KAAK,IAAI,OAAO,IAAI,OAAO,QAAQ,QAAQ,IAAI,QAAQ;EACpE,MAAM,eAAe;EACrB,MAAM,QAAQ,OAAO;EACrB,MAAM,SAAS,OAAO;AACtB,SAAO,WAAW,KAAK,kBAAkB,MAAM,MAAM,OAAO,QAAQ,cAAc;;CAGpF,OAAc,kBACZ,GAAW,GAAW,OAAe,QAAgB,QAC7C;EACR,MAAM,IAAI,KAAK,IAAI,QAAQ,QAAQ,GAAG,SAAS;AAC/C,SAAO;GACL,GAAG,IAAI,EAAE,KAAK,EAAE;GAChB,GAAG,IAAI,QAAQ,EAAE,KAAK,EAAE;GACxB,GAAG,IAAI,MAAM,KAAK,IAAI,EAAE;GACxB,GAAG,IAAI,MAAM,KAAK,IAAI,SAAS,EAAE;GACjC,GAAG,IAAI,QAAQ,EAAE,KAAK,IAAI,OAAO;GACjC,GAAG,IAAI,EAAE,KAAK,IAAI,OAAO;GACzB,GAAG,EAAE,KAAK,IAAI,SAAS,EAAE;GACzB,GAAG,EAAE,KAAK,IAAI,EAAE;IAChB,KAAK;;CAGT,OAAc,wBAAwB,MAA+D,YAAoB,GAAW;EAClI,MAAM,IAAI,KAAK,IAAI;EACnB,MAAM,IAAI,KAAK,IAAI;EACnB,MAAM,QAAQ,KAAK,QAAQ,IAAI;EAC/B,MAAM,SAAS,KAAK,SAAS,IAAI;EACjC,MAAM,WAAW,WAAW,EAAE,KAAK,EAAE,MAAM,IAAI,MAAM,KAAK,EAAE,MAAM,IAAI,MAAM,KAAK,IAAI,OAAO,MAAM,EAAE,KAAK,IAAI,OAAO;AACpH,SAAO;;;AAMX,SAAgB,KAAK,GAA4B;AAC/C,QAAO,OAAO,MAAM,WAAW,GAAG,EAAE,MAAM;;AAG5C,SAAgB,YAAY,OAAgC;AAC1D,KAAI,OAAO,UAAU,SAAU,QAAO;AACtC,KAAI,OAAO,UAAU,UAAU;AAC7B,MAAI,UAAU,OACZ,OAAM,IAAI,MAAM;EAElB,MAAM,QAAQ,MAAM,MAAM;AAC1B,MAAI,MACF,QAAO,WAAW,MAAM;AAG1B,MAAI;AACF,OAAI,OAAO,aAAa,eAAe,SAAS,MAAM;IACpD,MAAM,QAAQ,SAAS,cAAc;AAErC,UAAM,MAAM,WAAW;AACvB,UAAM,MAAM,aAAa;AACzB,UAAM,MAAM,QAAQ;AACpB,aAAS,KAAK,YAAY;IAC1B,MAAM,WAAW,OAAO,iBAAiB,OAAO;AAChD,aAAS,KAAK,YAAY;IAC1B,MAAM,KAAK,SAAS,MAAM;AAC1B,QAAI,GAAI,QAAO,WAAW,GAAG;;UAEzB;AACR,QAAM,IAAI,MAAM,yBAAyB,MAAM;;AAEjD,QAAO;;AAGT,SAAgB,sBAAsB,OAQsE;CAC1G,MAAM,IAAI,MAAM,aAAa;CAC7B,MAAM,EAAE,eAAe,IAAI,gBAAgB,IAAI,gBAAgB,IAAI,iBAAiB,IAAI,UAAU,GAAG,aAAa;CAClH,IAAI,QAAQ,GAAG,SAAS,GAAG,kBAAkB,GAAG,kBAAkB;CAClE,IAAI,aAAa;AACjB,SAAQ,UAAR;EACE,KAAK;AACH,gBAAa;AACb,WAAQ,KAAK,IAAI,IAAI,MAAM;AAAG,YAAS,KAAK,IAAI,KAAK;AAAG,qBAAkB;AAAG,qBAAkB,KAAK;AAAG;EACzG,KAAK;AACH,gBAAa;AACb,WAAQ,KAAK,IAAI,IAAI,MAAM;AAAG,YAAS,KAAK,IAAI,KAAK;AAAG,sBAAmB,QAAQ,MAAM;AAAG,qBAAkB,KAAK;AAAG;EACxH,KAAK;AACH,gBAAa;AACb,WAAQ,KAAK,IAAI,IAAI,MAAM;AAAG,YAAS,KAAK,IAAI,KAAK;AAAG,qBAAkB,QAAQ;AAAI,qBAAkB,KAAK;AAAG;EAClH,KAAK;AACH,gBAAa;AACb,WAAQ,KAAK,IAAI,KAAK;AAAG,YAAS,KAAK,IAAI,IAAI,MAAM;AAAG,qBAAkB,KAAK;AAAG,sBAAmB,SAAS,MAAM;AAAG;EACzH,KAAK;AACH,gBAAa;AACb,WAAQ,KAAK,IAAI,KAAK;AAAG,YAAS,KAAK,IAAI,IAAI,MAAM;AAAG,qBAAkB;AAAG,sBAAmB,SAAS,MAAM;AAAG;EACpH,KAAK;AACH,gBAAa;AACb,WAAQ,KAAK,IAAI,IAAI,MAAM;AAAG,YAAS,KAAK,IAAI,KAAK;AAAG,qBAAkB;AAAG,qBAAkB;AAAG;EACpG,KAAK;AACH,gBAAa;AACb,WAAQ,KAAK,IAAI,IAAI,MAAM;AAAG,YAAS,KAAK,IAAI,KAAK;AAAG,sBAAmB,QAAQ,MAAM;AAAG,qBAAkB;AAAG;EACnH,KAAK;AACH,gBAAa;AACb,WAAQ,KAAK,IAAI,IAAI,MAAM;AAAG,YAAS,KAAK,IAAI,KAAK;AAAG,qBAAkB,QAAQ;AAAI,qBAAkB;AAAG;;AAE/G,QAAO;EAAE;EAAO;EAAQ;EAAY;EAAiB;;;AAGvD,SAAgB,0CAA0C,OAIpB;CACpC,MAAM,IAAI,MAAM,aAAa;CAC7B,MAAM,IAAI,MAAM;CAChB,MAAM,QAAQ,KAAK,IAAI,EAAE,OAAO,IAAI,EAAE,OAAO,OAAO,EAAE,QAAQ,IAAI,EAAE,QAAQ;CAC5E,MAAM,SAAS,KAAK,IAAI,EAAE,OAAO,IAAI,EAAE,OAAO,QAAQ,EAAE,QAAQ,IAAI,EAAE,QAAQ;AAC9E,QAAO;EACL,OAAO,KAAK,IAAI,MAAM,SAAS,OAAO,KAAK,KAAK,SAAS;EACzD,QAAQ,KAAK,IAAI,MAAM,SAAS,QAAQ,KAAK,KAAK,UAAU"}