@tatchi-xyz/sdk 0.20.0 → 0.31.0

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

@@ -1,500 +0,0 @@
-import { init_validation, isNumber, isString } from "../../../WalletIframe/validation.js";
-import { W3A_TX_TREE_ID } from "../tags.js";
-import { LitElementWithProps } from "../LitElementWithProps.js";
-import { dispatchLitTreeToggled } from "../lit-events.js";
-import { ensureExternalStyles } from "../css/css-loader.js";
-import { TX_TREE_THEMES } from "./tx-tree-themes.js";
-import { formatCodeSize, formatDeposit, formatGas, shortenPubkey } from "../common/formatters.js";
-import { html } from "lit";
-import { repeat } from "lit/directives/repeat.js";
-
-//#region src/core/WebAuthnManager/LitComponents/TxTree/index.ts
-init_validation();
-/**
-* TxTree
-* A small, dependency-free Lit component that renders a tree-like UI suitable for tooltips.
-*
-* Usage:
-*   <w3a-tx-tree .node=${node} depth="0"></w3a-tx-tree>
-*
-* Mapping note: txSigningRequests (TransactionInput[]) → TreeNode structure
-* Example (single FunctionCall):
-* {
-*   id: 'txs-root', label: 'Transaction', type: 'folder', open: true,
-*   children: [
-*     {
-*       id: 'tx-0',
-*       label: 'Transaction 1 to w3a-v1.testnet',
-*       type: 'folder',
-*       open: true,
-*       children: [
-*         {
-*           id: 'action-0',
-*           label: 'Action 1: FunctionCall',
-*           type: 'folder',
-*           open: false,
-*           children: [
-*             { id: 'a0-method', label: 'method: set_greeting', type: 'file' },
-*             { id: 'a0-gas', label: 'gas: 30000000000000', type: 'file' },
-*             { id: 'a0-deposit', label: 'deposit: 0', type: 'file' },
-*             { id: 'a0-args', label: 'args', type: 'file', content: '{\n  "greeting": "Hello from Embedded Component! [...]"\n}' }
-*           ]
-*         }
-*       ]
-*     }
-*   ]
-* }
-*/
-var TxTree = class extends LitElementWithProps {
-	static properties = {
-		node: { attribute: false },
-		depth: {
-			type: Number,
-			attribute: false
-		},
-		styles: {
-			attribute: false,
-			state: true
-		},
-		theme: {
-			type: String,
-			reflect: true
-		},
-		width: { type: String },
-		shadowDom: {
-			type: Boolean,
-			attribute: "shadow-dom"
-		},
-		nearExplorerUrl: {
-			type: String,
-			attribute: "near-explorer-url"
-		},
-		showShadow: {
-			type: Boolean,
-			attribute: "show-shadow"
-		}
-	};
-	node;
-	depth;
-	styles;
-	theme;
-	class;
-	width;
-	shadowDom;
-	nearExplorerUrl;
-	showShadow = true;
-	_copied = /* @__PURE__ */ new Set();
-	_copyTimers = /* @__PURE__ */ new Map();
-	_animating = /* @__PURE__ */ new WeakSet();
-	isCopied(id) {
-		return this._copied.has(id);
-	}
-	async handleCopyClick(e, node) {
-		e.stopPropagation();
-		const value = node.copyValue;
-		if (!value) return;
-		try {
-			if (navigator.clipboard && navigator.clipboard.writeText) await navigator.clipboard.writeText(value);
-			else {
-				const ta = document.createElement("textarea");
-				ta.value = value;
-				ta.setAttribute("readonly", "");
-				ta.className = "w3a-offscreen";
-				document.body.appendChild(ta);
-				ta.select();
-				try {
-					document.execCommand("copy");
-				} catch {}
-				document.body.removeChild(ta);
-			}
-			this._copied.add(node.id);
-			this.requestUpdate();
-			const existing = this._copyTimers.get(node.id);
-			if (existing) window.clearTimeout(existing);
-			const timer = window.setTimeout(() => {
-				this._copied.delete(node.id);
-				this._copyTimers.delete(node.id);
-				this.requestUpdate();
-			}, 2e3);
-			this._copyTimers.set(node.id, timer);
-		} catch {}
-	}
-	handleToggle() {
-		dispatchLitTreeToggled(this);
-	}
-	/**
-	* Intercept summary clicks to run height animations for open/close.
-	* Keeps native semantics by toggling details.open at the appropriate time.
-	*/
-	onSummaryClick = (e) => {
-		const summary = e.currentTarget;
-		if (!summary) return;
-		const path = e.composedPath?.();
-		let clickedReceiverLink = null;
-		if (Array.isArray(path)) {
-			for (const t of path) if (t && typeof t.matches === "function" && t.matches("a.highlight-receiver-id")) {
-				clickedReceiverLink = t;
-				break;
-			}
-		} else {
-			const target = e.target;
-			clickedReceiverLink = target?.closest?.("a.highlight-receiver-id") ?? null;
-		}
-		if (clickedReceiverLink) {
-			e.preventDefault();
-			e.stopPropagation();
-			try {
-				window.open(clickedReceiverLink.href, "_blank", "noopener");
-			} catch {}
-			return;
-		}
-		e.preventDefault();
-		e.stopPropagation();
-		const details = summary.closest("details");
-		if (!details || this._animating.has(details)) return;
-		const body = details.querySelector(":scope > .folder-children, :scope > .row.file-row");
-		if (!body) {
-			details.open = !details.open;
-			this.handleToggle();
-			return;
-		}
-		const reduceMotion = (() => {
-			return typeof window !== "undefined" && "matchMedia" in window ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : false;
-		})();
-		if (reduceMotion) {
-			details.open = !details.open;
-			this.handleToggle();
-			return;
-		}
-		if (!details.open) this.animateOpen(details, body);
-		else this.animateClose(details, body);
-	};
-	animateOpen(details, body) {
-		this._animating.add(details);
-		body.classList.add("anim-h");
-		details.open = true;
-		requestAnimationFrame(() => {
-			const target = `${body.scrollHeight}px`;
-			this.setCssVars({ "--w3a-tree__anim-target": target });
-			body.classList.add("anim-h-active");
-			let done = false;
-			const cleanup = () => {
-				if (done) return;
-				done = true;
-				body.classList.remove("anim-h");
-				body.classList.remove("anim-h-active");
-				this._animating.delete(details);
-				this.handleToggle();
-			};
-			const onEnd = (ev) => {
-				if (ev.propertyName !== "height") return;
-				body.removeEventListener("transitionend", onEnd);
-				cleanup();
-			};
-			body.addEventListener("transitionend", onEnd);
-			window.setTimeout(() => {
-				body.removeEventListener("transitionend", onEnd);
-				cleanup();
-			}, 200);
-		});
-	}
-	animateClose(details, body) {
-		this._animating.add(details);
-		const start = `${body.scrollHeight}px`;
-		this.setCssVars({ "--w3a-tree__anim-target": start });
-		body.classList.add("anim-h");
-		body.classList.add("anim-h-active");
-		body.offsetHeight;
-		requestAnimationFrame(() => {
-			body.classList.remove("anim-h-active");
-			let done = false;
-			const cleanup = () => {
-				if (done) return;
-				done = true;
-				body.removeEventListener("transitionend", onEnd);
-				details.open = false;
-				body.classList.remove("anim-h");
-				this._animating.delete(details);
-				this.handleToggle();
-			};
-			const onEnd = (ev) => {
-				if (ev.propertyName !== "height") return;
-				cleanup();
-			};
-			body.addEventListener("transitionend", onEnd);
-			window.setTimeout(() => cleanup(), 250);
-		});
-	}
-	getComponentPrefix() {
-		return "tree";
-	}
-	applyStyles(styles) {
-		super.applyStyles(styles, "tree");
-	}
-	createRenderRoot() {
-		if (this.shadowDom) {
-			const root$1 = super.createRenderRoot();
-			ensureExternalStyles(root$1, "tx-tree.css", "data-w3a-tx-tree-css").catch(() => {});
-			return root$1;
-		}
-		ensureExternalStyles(this, "tx-tree.css", "data-w3a-tx-tree-css").catch(() => {});
-		const root = this.getRootNode && this.getRootNode();
-		if (root && typeof root === "object" && "host" in root) ensureExternalStyles(root, "tx-tree.css", "data-w3a-tx-tree-css").catch(() => {});
-		return this;
-	}
-	/**
-	* Lifecycle method to apply styles when they change
-	*/
-	updated(changedProperties) {
-		super.updated(changedProperties);
-		const hasExplicitStyles = !!this.styles && Object.keys(this.styles).length > 0;
-		if (changedProperties.has("styles") && hasExplicitStyles) this.applyStyles(this.styles);
-		if (changedProperties.has("theme") && !hasExplicitStyles && this.theme) {
-			const preset = TX_TREE_THEMES[this.theme] || TX_TREE_THEMES.dark;
-			this.applyStyles(preset);
-		}
-	}
-	connectedCallback() {
-		super.connectedCallback();
-	}
-	renderLabelWithSelectiveHighlight(treeNode) {
-		if (treeNode.action) {
-			const a = treeNode.action;
-			switch (a.type) {
-				case "FunctionCall": {
-					let method = a.methodName;
-					let gasStr = formatGas(a.gas);
-					let depositStr = formatDeposit(a.deposit);
-					return html`Calling <span class="highlight-method-name">${method}</span>
-              ${depositStr !== "0 NEAR" ? html` with <span class="highlight-method-name">${depositStr}</span>` : ""}
-              ${gasStr ? html` using <span class="highlight-method-name">${gasStr}</span>` : ""}`;
-				}
-				case "Transfer": {
-					let amount = formatDeposit(a.amount);
-					return html`Transfer <span class="highlight-amount">${amount}</span>`;
-				}
-				case "CreateAccount": return "Creating Account";
-				case "DeleteAccount": return "Deleting Account";
-				case "Stake": return `Staking ${formatDeposit(a.stake)}`;
-				case "AddKey":
-					a.accessKey;
-					return `Adding Key`;
-				case "DeleteKey": return `Deleting Key`;
-				case "DeployContract": {
-					const codeSize = formatCodeSize(a.code);
-					return `Deploying WASM contract (${codeSize})`;
-				}
-				case "DeployGlobalContract": {
-					const codeSize = formatCodeSize(a.code);
-					const mode = a.deployMode || "Unknown";
-					return `Deploy global WASM contract (mode: ${mode}, size ${codeSize})`;
-				}
-				case "UseGlobalContract": {
-					const accountId = a.accountId;
-					const codeHash = a.codeHash;
-					if (accountId) {
-						const base = (this.nearExplorerUrl || "https://testnet.nearblocks.io").replace(/\/$/, "");
-						const href = `${base}/address/${encodeURIComponent(accountId)}`;
-						return html`Use global contract <a
-              class="highlight-receiver-id"
-              href=${href}
-              target="_blank"
-              rel="noopener noreferrer"
-            >${accountId}</a>`;
-					}
-					if (codeHash) {
-						const short = shortenPubkey(codeHash, {
-							prefix: 10,
-							suffix: 6
-						});
-						return html`Use global contract by hash <span class="highlight-method-name">${short}</span>`;
-					}
-					return "Use global contract";
-				}
-				default: {
-					const idxText = isNumber(treeNode.actionIndex) ? ` ${treeNode.actionIndex + 1}` : "";
-					const typeText = a.type || "Unknown";
-					return `Action ${idxText}: ${typeText}`;
-				}
-			}
-		}
-		if (treeNode.transaction) {
-			const total = treeNode.totalTransactions ?? 1;
-			const idx = treeNode.transactionIndex ?? 0;
-			const prefix = total > 1 ? `Transaction ${idx + 1}: to ` : "Transaction to ";
-			const receiverId = treeNode.transaction.receiverId;
-			const base = (this.nearExplorerUrl || "https://testnet.nearblocks.io").replace(/\/$/, "");
-			const href = `${base}/address/${encodeURIComponent(receiverId)}`;
-			return html`${prefix}<a
-        class="highlight-receiver-id"
-        href=${href}
-        target="_blank"
-        rel="noopener noreferrer"
-      >${receiverId}</a>`;
-		}
-		return treeNode.label || "";
-	}
-	/**
-	* Compute a plain-text version of the label for use in the title tooltip.
-	* Mirrors renderLabelWithSelectiveHighlight but without inline HTML/spans.
-	*/
-	computePlainLabel(treeNode) {
-		if (treeNode.action) {
-			const a = treeNode.action;
-			switch (a.type) {
-				case "FunctionCall": {
-					const method = a.methodName;
-					const gasStr = formatGas(a.gas);
-					const depositStr = formatDeposit(a.deposit);
-					return `Calling ${method} with ${depositStr} using ${gasStr}`;
-				}
-				case "Transfer": return `Transfer ${formatDeposit(a.amount)}`;
-				case "CreateAccount": return "Creating Account";
-				case "DeleteAccount": return "Deleting Account";
-				case "Stake": return `Staking ${formatDeposit(a.stake)}`;
-				case "AddKey": return "Adding Key";
-				case "DeleteKey": return "Deleting Key";
-				case "DeployContract": return "Deploying WASM contract";
-				case "DeployGlobalContract": {
-					const codeSize = formatCodeSize(a.code);
-					const mode = a.deployMode || "Unknown";
-					return `Deploy global WASM contract (mode: ${mode}, size ${codeSize})`;
-				}
-				case "UseGlobalContract": {
-					const accountId = a.accountId;
-					const codeHash = a.codeHash;
-					if (accountId) return `Use global contract by account ${accountId}`;
-					if (codeHash) return `Use global contract by hash ${codeHash}`;
-					return "Use global contract";
-				}
-				default: {
-					const idxText = isNumber(treeNode.actionIndex) ? ` ${treeNode.actionIndex + 1}` : "";
-					const typeText = a.type || "Unknown";
-					return `Action${idxText}: ${typeText}`;
-				}
-			}
-		}
-		if (treeNode.transaction) {
-			const total = treeNode.totalTransactions ?? 1;
-			const idx = treeNode.transactionIndex ?? 0;
-			const prefix = total > 1 ? `Transaction ${idx + 1}: to ` : "Transaction to ";
-			const receiverId = treeNode.transaction.receiverId;
-			return `${prefix}${receiverId}`;
-		}
-		return treeNode.label || "";
-	}
-	renderLeaf(depth, node) {
-		const depthIndex = Math.max(0, depth - 1);
-		if (isString(node.content) && node.content.length > 0) return html`
-        <details class="tree-node file" ?open=${!!node.open}>
-          <summary class="row summary-row depth-${depthIndex}"
-            data-no-elbow="${!!node.hideLabel}"
-            @click=${this.onSummaryClick}
-          >
-            <span class="indent"></span>
-            <span class="label label-action-node" ?hidden=${!!node.hideLabel}>
-              ${!node.hideChevron ? html`
-                  <svg class="chevron" viewBox="0 0 16 16" aria-hidden="true">
-                    <path fill="currentColor" d="M6 3l5 5-5 5z" />
-                  </svg>` : ""}
-              <span class="label-text" title=${this.computePlainLabel(node)}>
-                ${this.renderLabelWithSelectiveHighlight(node)}
-              </span>
-              ${node.copyValue ? html`
-                  <span class="copy-badge"
-                    data-copied=${this.isCopied(node.id)}
-                    @click=${(e) => this.handleCopyClick(e, node)}
-                    title=${this.isCopied(node.id) ? "Copied" : "Copy"}
-                  >
-                    ${this.isCopied(node.id) ? "copied" : "copy"}
-                  </span>` : ""}
-            </span>
-            <!-- Move file-content into .summary-row so we can collapse it by default -->
-            <div class="file-content">${node.content}</div>
-          </summary>
-          <!-- Alternative rendering for file content kept for reference; no inline styles allowed -->
-        </details>
-      `;
-		return html`
-      <div class="row file-row depth-${depthIndex}"
-        data-no-elbow="${!!node.hideLabel}"
-        ?open=${!!node.open}
-      >
-        <span class="indent"></span>
-        <span class="label label-action-node" ?hidden=${!!node.hideLabel}>
-          <span class="label-text" title=${this.computePlainLabel(node)}>
-            ${this.renderLabelWithSelectiveHighlight(node)}
-          </span>
-          ${node.copyValue ? html`
-            <span class="copy-badge"
-              data-copied=${this.isCopied(node.id)}
-              @click=${(e) => this.handleCopyClick(e, node)}
-              title=${this.isCopied(node.id) ? "Copied" : "Copy"}
-            >${this.isCopied(node.id) ? "copied" : "copy"}</span>
-          ` : ""}
-        </span>
-      </div>
-    `;
-	}
-	renderFolder(depth, node) {
-		const { children: nodeChildren } = node;
-		const depthIndex = Math.max(0, depth - 1);
-		return html`
-      <details class="tree-node folder" ?open=${!!node.open}>
-        <summary class="row summary-row depth-${depthIndex}"
-          data-no-elbow="${!!node.hideLabel}"
-          @click=${this.onSummaryClick}
-        >
-          <span class="indent"></span>
-          <span class="label" ?hidden=${!!node.hideLabel}>
-            ${!node.hideChevron ? html`
-              <svg class="chevron" viewBox="0 0 16 16" aria-hidden="true">
-                <path fill="currentColor" d="M6 3l5 5-5 5z" />
-              </svg>
-            ` : ""}
-            <span class="label-text" title=${this.computePlainLabel(node)}>
-              ${this.renderLabelWithSelectiveHighlight(node)}
-            </span>
-          </span>
-        </summary>
-        ${nodeChildren && nodeChildren.length > 0 ? html`
-          <div class="folder-children">
-            ${repeat(nodeChildren, (c) => c.id, (c) => this.renderAnyNode(c, depth + 1))}
-          </div>
-        ` : html``}
-      </details>
-    `;
-	}
-	renderAnyNode(node, depth) {
-		return node.type === "file" ? this.renderLeaf(depth, node) : this.renderFolder(depth, node);
-	}
-	render() {
-		if (!this.node || this.node.type === "folder" && !this.node.children?.length) return html``;
-		let depth = this.depth ?? 0;
-		let content;
-		if (depth === 0) {
-			const extraClass = this.class ? ` ${this.class}` : "";
-			const scrollClass = this.class ? " scrollable-root" : "";
-			const inner = html`
-        <div class="tooltip-tree-root${extraClass}${scrollClass}">
-          <div class="tooltip-tree-children">
-            ${repeat(Array.isArray(this.node.children) ? this.node.children : [], (child) => child.id, (child) => this.renderAnyNode(child, depth + 1))}
-          </div>
-        </div>
-      `;
-			content = this.showShadow ? html`<div class="tooltip-border-outer">${inner}</div>` : inner;
-		} else if (this.node.type === "folder") content = this.renderFolder(depth, this.node);
-		else if (this.node.type === "file") content = this.renderLeaf(depth, this.node);
-		return content;
-	}
-};
-if (!customElements.get(W3A_TX_TREE_ID)) customElements.define(W3A_TX_TREE_ID, TxTree);
-if (!customElements.get("tx-tree")) {
-	class TxTreeAlias extends TxTree {}
-	customElements.define("tx-tree", TxTreeAlias);
-}
-var TxTree_default = TxTree;
-
-//#endregion
-export { TxTree_default as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["clickedReceiverLink: HTMLAnchorElement | null","root","content: TemplateResult | undefined"],"sources":["../../../../../../../../../src/core/WebAuthnManager/LitComponents/TxTree/index.ts"],"sourcesContent":["import { html, type TemplateResult } from 'lit';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { LitElementWithProps } from '../LitElementWithProps';\nimport { dispatchLitTreeToggled } from '../lit-events';\nimport type { TreeNode } from './tx-tree-utils';\nimport type { TxTreeStyles } from './tx-tree-themes';\nimport { TX_TREE_THEMES } from './tx-tree-themes';\nimport { formatGas, formatDeposit, formatCodeSize, shortenPubkey } from '../common/formatters';\nimport { isNumber, isString } from '../../../WalletIframe/validation';\nimport { ensureExternalStyles } from '../css/css-loader';\n// Re-export for backward compatibility\nexport type { TxTreeStyles } from './tx-tree-themes';\n\n/**\n * TxTree\n * A small, dependency-free Lit component that renders a tree-like UI suitable for tooltips.\n *\n * Usage:\n *   <w3a-tx-tree .node=${node} depth=\"0\"></w3a-tx-tree>\n *\n * Mapping note: txSigningRequests (TransactionInput[]) → TreeNode structure\n * Example (single FunctionCall):\n * {\n *   id: 'txs-root', label: 'Transaction', type: 'folder', open: true,\n *   children: [\n *     {\n *       id: 'tx-0',\n *       label: 'Transaction 1 to w3a-v1.testnet',\n *       type: 'folder',\n *       open: true,\n *       children: [\n *         {\n *           id: 'action-0',\n *           label: 'Action 1: FunctionCall',\n *           type: 'folder',\n *           open: false,\n *           children: [\n *             { id: 'a0-method', label: 'method: set_greeting', type: 'file' },\n *             { id: 'a0-gas', label: 'gas: 30000000000000', type: 'file' },\n *             { id: 'a0-deposit', label: 'deposit: 0', type: 'file' },\n *             { id: 'a0-args', label: 'args', type: 'file', content: '{\\n  \"greeting\": \"Hello from Embedded Component! [...]\"\\n}' }\n *           ]\n *         }\n *       ]\n *     }\n *   ]\n * }\n */\nexport class TxTree extends LitElementWithProps {\n\n  // Pure component contract:\n  // - Renders solely from inputs (node, depth, styles); holds no internal state\n  // - Complex inputs are passed via property binding, not attributes\n  static properties = {\n    // Explicitly disable attribute reflection for complex objects to ensure\n    // property binding (.node=..., .depth=..., .styles=...) is used and not coerced via attributes\n    node: { attribute: false },\n    // depth is driven by parent; keep attribute: false to avoid attr/property mismatch\n    depth: { type: Number, attribute: false },\n    // styles accepts full CSS customization - reactive to trigger re-renders\n    styles: { attribute: false, state: true },\n    theme: { type: String, reflect: true },\n    // Optional width for the tree at depth=0. Accepts number (px) or any CSS length string.\n    // Exposed as attribute for convenience, but property binding works too.\n    width: { type: String },\n    // Opt-in: render in Shadow DOM for encapsulation; default is light DOM for CSP simplicity\n    shadowDom: { type: Boolean, attribute: 'shadow-dom' },\n    // Optional: base URL for NEAR explorer links, e.g., https://testnet.nearblocks.io\n    nearExplorerUrl: { type: String, attribute: 'near-explorer-url' },\n    // Controls whether the outer tooltip wrapper shows a drop shadow.\n    // Defaults to true to preserve existing tooltip visuals.\n    showShadow: { type: Boolean, attribute: 'show-shadow' }\n  } as const;\n\n  // Do NOT set class field initializers for reactive props.\n  // Initializers can overwrite values set by the parent during element upgrade.\n  node?: TreeNode | null;\n  depth?: number;\n  styles?: TxTreeStyles;\n  theme?: 'dark' | 'light';\n  // Optional class applied to the root container (depth=0 only)\n  class?: string;\n  // Optional width for the tree (applies at depth=0 root container). Number is treated as pixels.\n  width?: string | number;\n  // When true, render using Shadow DOM and adopt styles into the ShadowRoot\n  shadowDom?: boolean;\n  // Optional base URL for explorer (e.g., https://testnet.nearblocks.io)\n  nearExplorerUrl?: string;\n  // When true (default), render the outer wrapper with drop shadow for tooltip usage\n  showShadow: boolean = true;\n\n  // Static styles removed; this component now relies on external tx-tree.css\n\n  // Track which node IDs have recently been copied\n  private _copied: Set<string> = new Set();\n  private _copyTimers: Map<string, number> = new Map();\n  private _animating: WeakSet<HTMLDetailsElement> = new WeakSet();\n\n  private isCopied(id: string): boolean {\n    return this._copied.has(id);\n  }\n\n  private async handleCopyClick(e: Event, node: TreeNode) {\n    e.stopPropagation();\n    const value = node.copyValue;\n    if (!value) return;\n    try {\n      if (navigator.clipboard && navigator.clipboard.writeText) {\n        await navigator.clipboard.writeText(value);\n      } else {\n        const ta = document.createElement('textarea');\n        ta.value = value;\n        ta.setAttribute('readonly', '');\n        ta.className = 'w3a-offscreen';\n        document.body.appendChild(ta);\n        ta.select();\n        try { document.execCommand('copy'); } catch {}\n        document.body.removeChild(ta);\n      }\n      // Mark as copied for 2 seconds\n      this._copied.add(node.id);\n      this.requestUpdate();\n      const existing = this._copyTimers.get(node.id);\n      if (existing) {\n        window.clearTimeout(existing);\n      }\n      const timer = window.setTimeout(() => {\n        this._copied.delete(node.id);\n        this._copyTimers.delete(node.id);\n        this.requestUpdate();\n      }, 2000);\n      this._copyTimers.set(node.id, timer);\n    } catch {\n      // Swallow errors silently\n    }\n  }\n\n  private handleToggle() {\n    // Notify parents that layout may have changed so they can re-measure\n    dispatchLitTreeToggled(this);\n  }\n\n  /**\n   * Intercept summary clicks to run height animations for open/close.\n   * Keeps native semantics by toggling details.open at the appropriate time.\n   */\n  private onSummaryClick = (e: Event) => {\n    const summary = e.currentTarget as HTMLElement | null;\n    if (!summary) return;\n\n    // If the click originated on a receiver-id link, prevent the native\n    // toggle on <summary> and open the link in a new tab instead.\n    const path = (e as any).composedPath?.() as EventTarget[] | undefined;\n    let clickedReceiverLink: HTMLAnchorElement | null = null;\n    if (Array.isArray(path)) {\n      for (const t of path) {\n        if (t && typeof (t as any).matches === 'function' && (t as any).matches('a.highlight-receiver-id')) {\n          clickedReceiverLink = t as HTMLAnchorElement;\n          break;\n        }\n      }\n    } else {\n      const target = e.target as HTMLElement | null;\n      clickedReceiverLink = (target?.closest?.('a.highlight-receiver-id') as HTMLAnchorElement | null) ?? null;\n    }\n    if (clickedReceiverLink) {\n      e.preventDefault();\n      e.stopPropagation();\n      try { window.open(clickedReceiverLink.href, '_blank', 'noopener'); } catch {}\n      return;\n    }\n\n    // Otherwise, prevent native toggle so we can animate first\n    e.preventDefault();\n    e.stopPropagation();\n\n    const details = summary.closest('details') as HTMLDetailsElement | null;\n    if (!details || this._animating.has(details)) return;\n\n    // Find the collapsible body (folder children or file row content)\n    const body = details.querySelector(':scope > .folder-children, :scope > .row.file-row') as HTMLElement | null;\n    // If no body, fall back to instant toggle + event\n    if (!body) {\n      details.open = !details.open;\n      this.handleToggle();\n      return;\n    }\n\n    // Respect reduced motion\n    const reduceMotion = (() => {\n      return typeof window !== 'undefined' && 'matchMedia' in window\n        ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n        : false;\n    })();\n\n    if (reduceMotion) {\n      details.open = !details.open;\n      this.handleToggle();\n      return;\n    }\n\n    if (!details.open) {\n      this.animateOpen(details, body);\n    } else {\n      this.animateClose(details, body);\n    }\n  }\n\n  private animateOpen(details: HTMLDetailsElement, body: HTMLElement) {\n    this._animating.add(details);\n    // Prepare closed state and open the details element\n    body.classList.add('anim-h');\n    details.open = true;\n\n    requestAnimationFrame(() => {\n      const target = `${body.scrollHeight}px`;\n      // Drive animation via host CSS variable; avoid inline styles\n      this.setCssVars({ '--w3a-tree__anim-target': target });\n      // Activate transition to target height\n      body.classList.add('anim-h-active');\n      let done = false;\n      const cleanup = () => {\n        if (done) return; done = true;\n        body.classList.remove('anim-h');\n        body.classList.remove('anim-h-active');\n        this._animating.delete(details);\n        this.handleToggle();\n      };\n      const onEnd = (ev: TransitionEvent) => {\n        if (ev.propertyName !== 'height') return;\n        body.removeEventListener('transitionend', onEnd);\n        cleanup();\n      };\n      body.addEventListener('transitionend', onEnd);\n      // Safety fallback in case transitionend doesn't fire (e.g., no CSS vars path)\n      window.setTimeout(() => {\n        body.removeEventListener('transitionend', onEnd);\n        cleanup();\n      }, 200);\n    });\n  }\n\n  private animateClose(details: HTMLDetailsElement, body: HTMLElement) {\n    this._animating.add(details);\n    const start = `${body.scrollHeight}px`;\n    // Pin current height, then transition to 0 using classes\n    this.setCssVars({ '--w3a-tree__anim-target': start });\n    body.classList.add('anim-h');\n    body.classList.add('anim-h-active');\n    // Force reflow to ensure start height is applied\n    void body.offsetHeight;\n    requestAnimationFrame(() => {\n      body.classList.remove('anim-h-active');\n      let done = false;\n      const cleanup = () => {\n        if (done) return; done = true;\n        body.removeEventListener('transitionend', onEnd);\n        details.open = false;\n        body.classList.remove('anim-h');\n        this._animating.delete(details);\n        this.handleToggle();\n      };\n      const onEnd = (ev: TransitionEvent) => {\n        if (ev.propertyName !== 'height') return;\n        cleanup();\n      };\n      body.addEventListener('transitionend', onEnd);\n      // Safety fallback in case transitionend doesn't fire\n      window.setTimeout(() => cleanup(), 250);\n    });\n  }\n\n  protected getComponentPrefix(): string {\n    return 'tree';\n  }\n\n  protected applyStyles(styles: TxTreeStyles): void {\n    super.applyStyles(styles, 'tree');\n  }\n\n  // Prefer light DOM rendering so styles are fully externalized for strict CSP.\n  // External tx-tree.css is ensured for both light/shadow contexts, but we render\n  // in light DOM by default to avoid Lit injecting a <style> tag.\n  protected createRenderRoot(): HTMLElement | DocumentFragment {\n    if (this.shadowDom) {\n      // Encapsulated mode: render in ShadowRoot and adopt stylesheet there\n      const root = super.createRenderRoot();\n      ensureExternalStyles(root as ShadowRoot | DocumentFragment | HTMLElement, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n      return root;\n    }\n    // Default: light DOM render for CSP simplicity; ensure styles at host and (if present) nearest ShadowRoot\n    ensureExternalStyles(this as unknown as HTMLElement, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n    const root = (this.getRootNode && this.getRootNode()) as any;\n    if (root && typeof root === 'object' && 'host' in root) {\n      ensureExternalStyles(root as ShadowRoot, 'tx-tree.css', 'data-w3a-tx-tree-css').catch(() => {});\n    }\n    return this as unknown as HTMLElement;\n  }\n\n  /**\n   * Lifecycle method to apply styles when they change\n   */\n  protected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    super.updated(changedProperties);\n    // 1) Apply explicit styles when provided and non-empty\n    const hasExplicitStyles = !!this.styles && Object.keys(this.styles as Record<string, unknown>).length > 0;\n    if (changedProperties.has('styles') && hasExplicitStyles) {\n      this.applyStyles(this.styles as TxTreeStyles);\n    }\n    // 2) Fall back to theme-driven defaults when styles are not provided/changed\n    // This makes <w3a-tx-tree theme=\"dark|light\"> responsive even if a parent forgets\n    // to pass a styles object for the theme.\n    if (changedProperties.has('theme') && !hasExplicitStyles && this.theme) {\n      const preset = TX_TREE_THEMES[this.theme] || TX_TREE_THEMES.dark;\n      this.applyStyles(preset);\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  private renderLabelWithSelectiveHighlight(treeNode: TreeNode): TemplateResult | string {\n    // Action-level labels (with inline highlights)\n    if (treeNode.action) {\n      const a = treeNode.action;\n      switch (a.type) {\n        case 'FunctionCall': {\n          let method = a.methodName;\n          let gasStr = formatGas(a.gas);\n          let depositStr = formatDeposit(a.deposit);\n          return html`Calling <span class=\"highlight-method-name\">${method}</span>\n              ${depositStr !== '0 NEAR' ? html` with <span class=\"highlight-method-name\">${depositStr}</span>` : ''}\n              ${gasStr ? html` using <span class=\"highlight-method-name\">${gasStr}</span>` : ''}`;\n        }\n        case 'Transfer': {\n          let amount = formatDeposit(a.amount);\n          return html`Transfer <span class=\"highlight-amount\">${amount}</span>`;\n        }\n        case 'CreateAccount':\n          return 'Creating Account';\n        case 'DeleteAccount':\n          // let beneficiaryId = formatDeposit(a.beneficiaryId);\n          // return html`Deleting Account, sending balance to <span class=\"highlight-amount\">${beneficiaryId}</span>`;\n          return 'Deleting Account';\n        case 'Stake':\n          return `Staking ${formatDeposit(a.stake)}`;\n        case 'AddKey':\n          let ak = a.accessKey;\n          // let accessKeyObj = typeof ak === 'string' ? JSON.parse(ak) : ak;\n          // let permission = accessKeyObj.permission === 'FullAccess' ? 'Full Access' : 'Function Call';\n          return `Adding Key`;\n        case 'DeleteKey':\n          return `Deleting Key`;\n        case 'DeployContract': {\n          const codeSize = formatCodeSize(a.code);\n          return `Deploying WASM contract (${codeSize})`;\n        }\n        case 'DeployGlobalContract': {\n          const codeSize = formatCodeSize((a as any).code);\n          const mode = (a as any).deployMode || 'Unknown';\n          return `Deploy global WASM contract (mode: ${mode}, size ${codeSize})`;\n        }\n        case 'UseGlobalContract': {\n          const accountId = (a as any).accountId;\n          const codeHash = (a as any).codeHash;\n          if (accountId) {\n            const base = (this.nearExplorerUrl || 'https://testnet.nearblocks.io').replace(/\\/$/, '');\n            const href = `${base}/address/${encodeURIComponent(accountId)}`;\n            return html`Use global contract <a\n              class=\"highlight-receiver-id\"\n              href=${href}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >${accountId}</a>`;\n          }\n          if (codeHash) {\n            const short = shortenPubkey(codeHash, { prefix: 10, suffix: 6 });\n            return html`Use global contract by hash <span class=\"highlight-method-name\">${short}</span>`;\n          }\n          return 'Use global contract';\n        }\n        default: {\n          const idxText = isNumber(treeNode.actionIndex) ? ` ${treeNode.actionIndex + 1}` : '';\n          const typeText = a.type || 'Unknown';\n          return `Action ${idxText}: ${typeText}`;\n        }\n      }\n    }\n\n    // Transaction-level labels (with inline receiver highlight)\n    if (treeNode.transaction) {\n      const total = treeNode.totalTransactions ?? 1;\n      const idx = treeNode.transactionIndex ?? 0;\n      const prefix = total > 1 ? `Transaction ${idx + 1}: to ` : 'Transaction to ';\n      const receiverId = treeNode.transaction.receiverId;\n      const base = (this.nearExplorerUrl || 'https://testnet.nearblocks.io').replace(/\\/$/, '');\n      const href = `${base}/address/${encodeURIComponent(receiverId)}`;\n      return html`${prefix}<a\n        class=\"highlight-receiver-id\"\n        href=${href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >${receiverId}</a>`;\n    }\n\n    // Fallback to plain label for non-action, non-transaction nodes\n    return treeNode.label || '';\n  }\n\n  /**\n   * Compute a plain-text version of the label for use in the title tooltip.\n   * Mirrors renderLabelWithSelectiveHighlight but without inline HTML/spans.\n   */\n  private computePlainLabel(treeNode: TreeNode): string {\n    // Action-level labels\n    if (treeNode.action) {\n      const a = treeNode.action;\n      switch (a.type) {\n        case 'FunctionCall': {\n          const method = a.methodName;\n          const gasStr = formatGas(a.gas);\n          const depositStr = formatDeposit(a.deposit);\n          return `Calling ${method} with ${depositStr} using ${gasStr}`;\n        }\n        case 'Transfer':\n          return `Transfer ${formatDeposit(a.amount)}`;\n        case 'CreateAccount':\n          return 'Creating Account';\n        case 'DeleteAccount':\n          return 'Deleting Account';\n        case 'Stake':\n          return `Staking ${formatDeposit(a.stake)}`;\n        case 'AddKey':\n          return 'Adding Key';\n        case 'DeleteKey':\n          return 'Deleting Key';\n        case 'DeployContract':\n          return 'Deploying WASM contract';\n        case 'DeployGlobalContract': {\n          const codeSize = formatCodeSize((a as any).code);\n          const mode = (a as any).deployMode || 'Unknown';\n          return `Deploy global WASM contract (mode: ${mode}, size ${codeSize})`;\n        }\n        case 'UseGlobalContract': {\n          const accountId = (a as any).accountId;\n          const codeHash = (a as any).codeHash;\n          if (accountId) {\n            return `Use global contract by account ${accountId}`;\n          }\n          if (codeHash) {\n            return `Use global contract by hash ${codeHash}`;\n          }\n          return 'Use global contract';\n        }\n        default: {\n          const idxText = isNumber(treeNode.actionIndex) ? ` ${treeNode.actionIndex + 1}` : '';\n          const typeText = a.type || 'Unknown';\n          return `Action${idxText}: ${typeText}`;\n        }\n      }\n    }\n\n    // Transaction-level labels\n    if (treeNode.transaction) {\n      const total = treeNode.totalTransactions ?? 1;\n      const idx = treeNode.transactionIndex ?? 0;\n      const prefix = total > 1 ? `Transaction ${idx + 1}: to ` : 'Transaction to ';\n      const receiverId = treeNode.transaction.receiverId;\n      return `${prefix}${receiverId}`;\n    }\n\n    return treeNode.label || '';\n  }\n\n  private renderLeaf(depth: number, node: TreeNode): TemplateResult | undefined {\n\n    const depthIndex = Math.max(0, depth - 1);\n\n    // If content exists, render a collapsible details with the content\n    if (isString(node.content) && node.content.length > 0) {\n      return html`\n        <details class=\"tree-node file\" ?open=${!!node.open}>\n          <summary class=\"row summary-row depth-${depthIndex}\"\n            data-no-elbow=\"${!!node.hideLabel}\"\n            @click=${this.onSummaryClick}\n          >\n            <span class=\"indent\"></span>\n            <span class=\"label label-action-node\" ?hidden=${!!node.hideLabel}>\n              ${\n                !node.hideChevron\n                ? html`\n                  <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                    <path fill=\"currentColor\" d=\"M6 3l5 5-5 5z\" />\n                  </svg>`\n                : ''\n              }\n              <span class=\"label-text\" title=${this.computePlainLabel(node)}>\n                ${this.renderLabelWithSelectiveHighlight(node)}\n              </span>\n              ${\n                node.copyValue\n                ? html`\n                  <span class=\"copy-badge\"\n                    data-copied=${this.isCopied(node.id)}\n                    @click=${(e: Event) => this.handleCopyClick(e, node)}\n                    title=${this.isCopied(node.id) ? 'Copied' : 'Copy'}\n                  >\n                    ${this.isCopied(node.id) ? 'copied' : 'copy'}\n                  </span>`\n                : ''\n              }\n            </span>\n            <!-- Move file-content into .summary-row so we can collapse it by default -->\n            <div class=\"file-content\">${node.content}</div>\n          </summary>\n          <!-- Alternative rendering for file content kept for reference; no inline styles allowed -->\n        </details>\n      `;\n    }\n    // Plain file row without content\n    return html`\n      <div class=\"row file-row depth-${depthIndex}\"\n        data-no-elbow=\"${!!node.hideLabel}\"\n        ?open=${!!node.open}\n      >\n        <span class=\"indent\"></span>\n        <span class=\"label label-action-node\" ?hidden=${!!node.hideLabel}>\n          <span class=\"label-text\" title=${this.computePlainLabel(node)}>\n            ${this.renderLabelWithSelectiveHighlight(node)}\n          </span>\n          ${node.copyValue ? html`\n            <span class=\"copy-badge\"\n              data-copied=${this.isCopied(node.id)}\n              @click=${(e: Event) => this.handleCopyClick(e, node)}\n              title=${this.isCopied(node.id) ? 'Copied' : 'Copy'}\n            >${this.isCopied(node.id) ? 'copied' : 'copy'}</span>\n          ` : ''}\n        </span>\n      </div>\n    `;\n  }\n\n  private renderFolder(depth: number, node: TreeNode): TemplateResult | undefined {\n\n    const { children: nodeChildren } = node;\n    const depthIndex = Math.max(0, depth - 1);\n\n    return html`\n      <details class=\"tree-node folder\" ?open=${!!node.open}>\n        <summary class=\"row summary-row depth-${depthIndex}\"\n          data-no-elbow=\"${!!node.hideLabel}\"\n          @click=${this.onSummaryClick}\n        >\n          <span class=\"indent\"></span>\n          <span class=\"label\" ?hidden=${!!node.hideLabel}>\n            ${!node.hideChevron ? html`\n              <svg class=\"chevron\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n                <path fill=\"currentColor\" d=\"M6 3l5 5-5 5z\" />\n              </svg>\n            ` : ''}\n            <span class=\"label-text\" title=${this.computePlainLabel(node)}>\n              ${this.renderLabelWithSelectiveHighlight(node)}\n            </span>\n          </span>\n        </summary>\n        ${nodeChildren && nodeChildren.length > 0 ? html`\n          <div class=\"folder-children\">\n            ${repeat(nodeChildren, (c) => c.id, (c) => this.renderAnyNode(c, depth + 1))}\n          </div>\n        ` : html``}\n      </details>\n    `;\n  }\n\n  private renderAnyNode(node: TreeNode, depth: number): TemplateResult | undefined {\n    return node.type === 'file'\n      ? this.renderLeaf(depth, node)\n      : this.renderFolder(depth, node);\n  }\n\n  render() {\n    if (!this.node || (this.node.type === 'folder' && !this.node.children?.length)) {\n      return html``;\n    }\n\n    let depth = this.depth ?? 0;\n    let content: TemplateResult | undefined;\n    if (depth === 0) {\n      const extraClass = this.class ? ` ${this.class}` : '';\n      const scrollClass = this.class ? ' scrollable-root' : '';\n      // Render only the children as top-level entries\n      // When showShadow=false, skip the outer shadow wrapper to blend into host surfaces\n      const inner = html`\n        <div class=\"tooltip-tree-root${extraClass}${scrollClass}\">\n          <div class=\"tooltip-tree-children\">\n            ${repeat(\n              Array.isArray(this.node.children) ? this.node.children : [],\n              (child) => child.id,\n              (child) => this.renderAnyNode(child, depth + 1)\n            )}\n          </div>\n        </div>\n      `;\n      content = this.showShadow\n        ? html`<div class=\"tooltip-border-outer\">${inner}</div>`\n        : inner;\n    } else if (this.node.type === 'folder') {\n      content = this.renderFolder(depth, this.node);\n    } else if (this.node.type === 'file') {\n      content = this.renderLeaf(depth, this.node);\n    }\n\n    return content;\n  }\n}\n\nimport { W3A_TX_TREE_ID } from '../tags';\n\nif (!customElements.get(W3A_TX_TREE_ID)) {\n  customElements.define(W3A_TX_TREE_ID, TxTree);\n}\n// Legacy alias: use a subclass to avoid constructor reuse error\nif (!customElements.get('tx-tree')) {\n  class TxTreeAlias extends TxTree {}\n  customElements.define('tx-tree', TxTreeAlias as unknown as CustomElementConstructor);\n}\n\nexport default TxTree;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,IAAa,SAAb,cAA4B,oBAAoB;CAK9C,OAAO,aAAa;EAGlB,MAAM,EAAE,WAAW;EAEnB,OAAO;GAAE,MAAM;GAAQ,WAAW;;EAElC,QAAQ;GAAE,WAAW;GAAO,OAAO;;EACnC,OAAO;GAAE,MAAM;GAAQ,SAAS;;EAGhC,OAAO,EAAE,MAAM;EAEf,WAAW;GAAE,MAAM;GAAS,WAAW;;EAEvC,iBAAiB;GAAE,MAAM;GAAQ,WAAW;;EAG5C,YAAY;GAAE,MAAM;GAAS,WAAW;;;CAK1C;CACA;CACA;CACA;CAEA;CAEA;CAEA;CAEA;CAEA,aAAsB;CAKtB,AAAQ,0BAAuB,IAAI;CACnC,AAAQ,8BAAmC,IAAI;CAC/C,AAAQ,6BAA0C,IAAI;CAEtD,AAAQ,SAAS,IAAqB;AACpC,SAAO,KAAK,QAAQ,IAAI;;CAG1B,MAAc,gBAAgB,GAAU,MAAgB;AACtD,IAAE;EACF,MAAM,QAAQ,KAAK;AACnB,MAAI,CAAC,MAAO;AACZ,MAAI;AACF,OAAI,UAAU,aAAa,UAAU,UAAU,UAC7C,OAAM,UAAU,UAAU,UAAU;QAC/B;IACL,MAAM,KAAK,SAAS,cAAc;AAClC,OAAG,QAAQ;AACX,OAAG,aAAa,YAAY;AAC5B,OAAG,YAAY;AACf,aAAS,KAAK,YAAY;AAC1B,OAAG;AACH,QAAI;AAAE,cAAS,YAAY;YAAiB;AAC5C,aAAS,KAAK,YAAY;;AAG5B,QAAK,QAAQ,IAAI,KAAK;AACtB,QAAK;GACL,MAAM,WAAW,KAAK,YAAY,IAAI,KAAK;AAC3C,OAAI,SACF,QAAO,aAAa;GAEtB,MAAM,QAAQ,OAAO,iBAAiB;AACpC,SAAK,QAAQ,OAAO,KAAK;AACzB,SAAK,YAAY,OAAO,KAAK;AAC7B,SAAK;MACJ;AACH,QAAK,YAAY,IAAI,KAAK,IAAI;UACxB;;CAKV,AAAQ,eAAe;AAErB,yBAAuB;;;;;;CAOzB,AAAQ,kBAAkB,MAAa;EACrC,MAAM,UAAU,EAAE;AAClB,MAAI,CAAC,QAAS;EAId,MAAM,OAAQ,EAAU;EACxB,IAAIA,sBAAgD;AACpD,MAAI,MAAM,QAAQ,OAChB;QAAK,MAAM,KAAK,KACd,KAAI,KAAK,OAAQ,EAAU,YAAY,cAAe,EAAU,QAAQ,4BAA4B;AAClG,0BAAsB;AACtB;;SAGC;GACL,MAAM,SAAS,EAAE;AACjB,yBAAuB,QAAQ,UAAU,8BAA2D;;AAEtG,MAAI,qBAAqB;AACvB,KAAE;AACF,KAAE;AACF,OAAI;AAAE,WAAO,KAAK,oBAAoB,MAAM,UAAU;WAAqB;AAC3E;;AAIF,IAAE;AACF,IAAE;EAEF,MAAM,UAAU,QAAQ,QAAQ;AAChC,MAAI,CAAC,WAAW,KAAK,WAAW,IAAI,SAAU;EAG9C,MAAM,OAAO,QAAQ,cAAc;AAEnC,MAAI,CAAC,MAAM;AACT,WAAQ,OAAO,CAAC,QAAQ;AACxB,QAAK;AACL;;EAIF,MAAM,sBAAsB;AAC1B,UAAO,OAAO,WAAW,eAAe,gBAAgB,SACpD,OAAO,WAAW,oCAAoC,UACtD;;AAGN,MAAI,cAAc;AAChB,WAAQ,OAAO,CAAC,QAAQ;AACxB,QAAK;AACL;;AAGF,MAAI,CAAC,QAAQ,KACX,MAAK,YAAY,SAAS;MAE1B,MAAK,aAAa,SAAS;;CAI/B,AAAQ,YAAY,SAA6B,MAAmB;AAClE,OAAK,WAAW,IAAI;AAEpB,OAAK,UAAU,IAAI;AACnB,UAAQ,OAAO;AAEf,8BAA4B;GAC1B,MAAM,SAAS,GAAG,KAAK,aAAa;AAEpC,QAAK,WAAW,EAAE,2BAA2B;AAE7C,QAAK,UAAU,IAAI;GACnB,IAAI,OAAO;GACX,MAAM,gBAAgB;AACpB,QAAI,KAAM;AAAQ,WAAO;AACzB,SAAK,UAAU,OAAO;AACtB,SAAK,UAAU,OAAO;AACtB,SAAK,WAAW,OAAO;AACvB,SAAK;;GAEP,MAAM,SAAS,OAAwB;AACrC,QAAI,GAAG,iBAAiB,SAAU;AAClC,SAAK,oBAAoB,iBAAiB;AAC1C;;AAEF,QAAK,iBAAiB,iBAAiB;AAEvC,UAAO,iBAAiB;AACtB,SAAK,oBAAoB,iBAAiB;AAC1C;MACC;;;CAIP,AAAQ,aAAa,SAA6B,MAAmB;AACnE,OAAK,WAAW,IAAI;EACpB,MAAM,QAAQ,GAAG,KAAK,aAAa;AAEnC,OAAK,WAAW,EAAE,2BAA2B;AAC7C,OAAK,UAAU,IAAI;AACnB,OAAK,UAAU,IAAI;AAEnB,EAAK,KAAK;AACV,8BAA4B;AAC1B,QAAK,UAAU,OAAO;GACtB,IAAI,OAAO;GACX,MAAM,gBAAgB;AACpB,QAAI,KAAM;AAAQ,WAAO;AACzB,SAAK,oBAAoB,iBAAiB;AAC1C,YAAQ,OAAO;AACf,SAAK,UAAU,OAAO;AACtB,SAAK,WAAW,OAAO;AACvB,SAAK;;GAEP,MAAM,SAAS,OAAwB;AACrC,QAAI,GAAG,iBAAiB,SAAU;AAClC;;AAEF,QAAK,iBAAiB,iBAAiB;AAEvC,UAAO,iBAAiB,WAAW;;;CAIvC,AAAU,qBAA6B;AACrC,SAAO;;CAGT,AAAU,YAAY,QAA4B;AAChD,QAAM,YAAY,QAAQ;;CAM5B,AAAU,mBAAmD;AAC3D,MAAI,KAAK,WAAW;GAElB,MAAMC,SAAO,MAAM;AACnB,wBAAqBA,QAAqD,eAAe,wBAAwB,YAAY;AAC7H,UAAOA;;AAGT,uBAAqB,MAAgC,eAAe,wBAAwB,YAAY;EACxG,MAAM,OAAQ,KAAK,eAAe,KAAK;AACvC,MAAI,QAAQ,OAAO,SAAS,YAAY,UAAU,KAChD,sBAAqB,MAAoB,eAAe,wBAAwB,YAAY;AAE9F,SAAO;;;;;CAMT,AAAU,QAAQ,mBAAiE;AACjF,QAAM,QAAQ;EAEd,MAAM,oBAAoB,CAAC,CAAC,KAAK,UAAU,OAAO,KAAK,KAAK,QAAmC,SAAS;AACxG,MAAI,kBAAkB,IAAI,aAAa,kBACrC,MAAK,YAAY,KAAK;AAKxB,MAAI,kBAAkB,IAAI,YAAY,CAAC,qBAAqB,KAAK,OAAO;GACtE,MAAM,SAAS,eAAe,KAAK,UAAU,eAAe;AAC5D,QAAK,YAAY;;;CAIrB,oBAA0B;AACxB,QAAM;;CAGR,AAAQ,kCAAkC,UAA6C;AAErF,MAAI,SAAS,QAAQ;GACnB,MAAM,IAAI,SAAS;AACnB,WAAQ,EAAE,MAAV;IACE,KAAK,gBAAgB;KACnB,IAAI,SAAS,EAAE;KACf,IAAI,SAAS,UAAU,EAAE;KACzB,IAAI,aAAa,cAAc,EAAE;AACjC,YAAO,IAAI,+CAA+C,OAAO;gBAC3D,eAAe,WAAW,IAAI,6CAA6C,WAAW,WAAW,GAAG;gBACpG,SAAS,IAAI,8CAA8C,OAAO,WAAW;;IAErF,KAAK,YAAY;KACf,IAAI,SAAS,cAAc,EAAE;AAC7B,YAAO,IAAI,2CAA2C,OAAO;;IAE/D,KAAK,gBACH,QAAO;IACT,KAAK,gBAGH,QAAO;IACT,KAAK,QACH,QAAO,WAAW,cAAc,EAAE;IACpC,KAAK;AACM,OAAE;AAGX,YAAO;IACT,KAAK,YACH,QAAO;IACT,KAAK,kBAAkB;KACrB,MAAM,WAAW,eAAe,EAAE;AAClC,YAAO,4BAA4B,SAAS;;IAE9C,KAAK,wBAAwB;KAC3B,MAAM,WAAW,eAAgB,EAAU;KAC3C,MAAM,OAAQ,EAAU,cAAc;AACtC,YAAO,sCAAsC,KAAK,SAAS,SAAS;;IAEtE,KAAK,qBAAqB;KACxB,MAAM,YAAa,EAAU;KAC7B,MAAM,WAAY,EAAU;AAC5B,SAAI,WAAW;MACb,MAAM,QAAQ,KAAK,mBAAmB,iCAAiC,QAAQ,OAAO;MACtF,MAAM,OAAO,GAAG,KAAK,WAAW,mBAAmB;AACnD,aAAO,IAAI;;qBAEF,KAAK;;;eAGX,UAAU;;AAEf,SAAI,UAAU;MACZ,MAAM,QAAQ,cAAc,UAAU;OAAE,QAAQ;OAAI,QAAQ;;AAC5D,aAAO,IAAI,mEAAmE,MAAM;;AAEtF,YAAO;;IAET,SAAS;KACP,MAAM,UAAU,SAAS,SAAS,eAAe,IAAI,SAAS,cAAc,MAAM;KAClF,MAAM,WAAW,EAAE,QAAQ;AAC3B,YAAO,UAAU,QAAQ,IAAI;;;;AAMnC,MAAI,SAAS,aAAa;GACxB,MAAM,QAAQ,SAAS,qBAAqB;GAC5C,MAAM,MAAM,SAAS,oBAAoB;GACzC,MAAM,SAAS,QAAQ,IAAI,eAAe,MAAM,EAAE,SAAS;GAC3D,MAAM,aAAa,SAAS,YAAY;GACxC,MAAM,QAAQ,KAAK,mBAAmB,iCAAiC,QAAQ,OAAO;GACtF,MAAM,OAAO,GAAG,KAAK,WAAW,mBAAmB;AACnD,UAAO,IAAI,GAAG,OAAO;;eAEZ,KAAK;;;SAGX,WAAW;;AAIhB,SAAO,SAAS,SAAS;;;;;;CAO3B,AAAQ,kBAAkB,UAA4B;AAEpD,MAAI,SAAS,QAAQ;GACnB,MAAM,IAAI,SAAS;AACnB,WAAQ,EAAE,MAAV;IACE,KAAK,gBAAgB;KACnB,MAAM,SAAS,EAAE;KACjB,MAAM,SAAS,UAAU,EAAE;KAC3B,MAAM,aAAa,cAAc,EAAE;AACnC,YAAO,WAAW,OAAO,QAAQ,WAAW,SAAS;;IAEvD,KAAK,WACH,QAAO,YAAY,cAAc,EAAE;IACrC,KAAK,gBACH,QAAO;IACT,KAAK,gBACH,QAAO;IACT,KAAK,QACH,QAAO,WAAW,cAAc,EAAE;IACpC,KAAK,SACH,QAAO;IACT,KAAK,YACH,QAAO;IACT,KAAK,iBACH,QAAO;IACT,KAAK,wBAAwB;KAC3B,MAAM,WAAW,eAAgB,EAAU;KAC3C,MAAM,OAAQ,EAAU,cAAc;AACtC,YAAO,sCAAsC,KAAK,SAAS,SAAS;;IAEtE,KAAK,qBAAqB;KACxB,MAAM,YAAa,EAAU;KAC7B,MAAM,WAAY,EAAU;AAC5B,SAAI,UACF,QAAO,kCAAkC;AAE3C,SAAI,SACF,QAAO,+BAA+B;AAExC,YAAO;;IAET,SAAS;KACP,MAAM,UAAU,SAAS,SAAS,eAAe,IAAI,SAAS,cAAc,MAAM;KAClF,MAAM,WAAW,EAAE,QAAQ;AAC3B,YAAO,SAAS,QAAQ,IAAI;;;;AAMlC,MAAI,SAAS,aAAa;GACxB,MAAM,QAAQ,SAAS,qBAAqB;GAC5C,MAAM,MAAM,SAAS,oBAAoB;GACzC,MAAM,SAAS,QAAQ,IAAI,eAAe,MAAM,EAAE,SAAS;GAC3D,MAAM,aAAa,SAAS,YAAY;AACxC,UAAO,GAAG,SAAS;;AAGrB,SAAO,SAAS,SAAS;;CAG3B,AAAQ,WAAW,OAAe,MAA4C;EAE5E,MAAM,aAAa,KAAK,IAAI,GAAG,QAAQ;AAGvC,MAAI,SAAS,KAAK,YAAY,KAAK,QAAQ,SAAS,EAClD,QAAO,IAAI;gDAC+B,CAAC,CAAC,KAAK,KAAK;kDACV,WAAW;6BAChC,CAAC,CAAC,KAAK,UAAU;qBACzB,KAAK,eAAe;;;4DAGmB,CAAC,CAAC,KAAK,UAAU;gBAE7D,CAAC,KAAK,cACJ,IAAI;;;4BAIJ,GACH;+CACgC,KAAK,kBAAkB,MAAM;kBAC1D,KAAK,kCAAkC,MAAM;;gBAG/C,KAAK,YACH,IAAI;;kCAEY,KAAK,SAAS,KAAK,IAAI;8BAC3B,MAAa,KAAK,gBAAgB,GAAG,MAAM;4BAC7C,KAAK,SAAS,KAAK,MAAM,WAAW,OAAO;;sBAEjD,KAAK,SAAS,KAAK,MAAM,WAAW,OAAO;6BAE/C,GACH;;;wCAGyB,KAAK,QAAQ;;;;;AAOjD,SAAO,IAAI;uCACwB,WAAW;yBACzB,CAAC,CAAC,KAAK,UAAU;gBAC1B,CAAC,CAAC,KAAK,KAAK;;;wDAG4B,CAAC,CAAC,KAAK,UAAU;2CAC9B,KAAK,kBAAkB,MAAM;cAC1D,KAAK,kCAAkC,MAAM;;YAE/C,KAAK,YAAY,IAAI;;4BAEL,KAAK,SAAS,KAAK,IAAI;wBAC3B,MAAa,KAAK,gBAAgB,GAAG,MAAM;sBAC7C,KAAK,SAAS,KAAK,MAAM,WAAW,OAAO;eAClD,KAAK,SAAS,KAAK,MAAM,WAAW,OAAO;cAC5C,GAAG;;;;;CAMf,AAAQ,aAAa,OAAe,MAA4C;EAE9E,MAAM,EAAE,UAAU,iBAAiB;EACnC,MAAM,aAAa,KAAK,IAAI,GAAG,QAAQ;AAEvC,SAAO,IAAI;gDACiC,CAAC,CAAC,KAAK,KAAK;gDACZ,WAAW;2BAChC,CAAC,CAAC,KAAK,UAAU;mBACzB,KAAK,eAAe;;;wCAGC,CAAC,CAAC,KAAK,UAAU;cAC3C,CAAC,KAAK,cAAc,IAAI;;;;gBAItB,GAAG;6CAC0B,KAAK,kBAAkB,MAAM;gBAC1D,KAAK,kCAAkC,MAAM;;;;UAInD,gBAAgB,aAAa,SAAS,IAAI,IAAI;;cAE1C,OAAO,eAAe,MAAM,EAAE,KAAK,MAAM,KAAK,cAAc,GAAG,QAAQ,IAAI;;YAE7E,IAAI,GAAG;;;;CAKjB,AAAQ,cAAc,MAAgB,OAA2C;AAC/E,SAAO,KAAK,SAAS,SACjB,KAAK,WAAW,OAAO,QACvB,KAAK,aAAa,OAAO;;CAG/B,SAAS;AACP,MAAI,CAAC,KAAK,QAAS,KAAK,KAAK,SAAS,YAAY,CAAC,KAAK,KAAK,UAAU,OACrE,QAAO,IAAI;EAGb,IAAI,QAAQ,KAAK,SAAS;EAC1B,IAAIC;AACJ,MAAI,UAAU,GAAG;GACf,MAAM,aAAa,KAAK,QAAQ,IAAI,KAAK,UAAU;GACnD,MAAM,cAAc,KAAK,QAAQ,qBAAqB;GAGtD,MAAM,QAAQ,IAAI;uCACe,aAAa,YAAY;;cAElD,OACA,MAAM,QAAQ,KAAK,KAAK,YAAY,KAAK,KAAK,WAAW,KACxD,UAAU,MAAM,KAChB,UAAU,KAAK,cAAc,OAAO,QAAQ,IAC7C;;;;AAIR,aAAU,KAAK,aACX,IAAI,qCAAqC,MAAM,UAC/C;aACK,KAAK,KAAK,SAAS,SAC5B,WAAU,KAAK,aAAa,OAAO,KAAK;WAC/B,KAAK,KAAK,SAAS,OAC5B,WAAU,KAAK,WAAW,OAAO,KAAK;AAGxC,SAAO;;;AAMX,IAAI,CAAC,eAAe,IAAI,gBACtB,gBAAe,OAAO,gBAAgB;AAGxC,IAAI,CAAC,eAAe,IAAI,YAAY;CAClC,MAAM,oBAAoB,OAAO;AACjC,gBAAe,OAAO,WAAW;;AAGnC,qBAAe"}

package/dist/esm/react/sdk/src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-themes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tx-tree-themes.js","names":["TX_TREE_THEMES: Record<TxTreeTheme, TxTreeStyles>"],"sources":["../../../../../../../../../src/core/WebAuthnManager/LitComponents/TxTree/tx-tree-themes.ts"],"sourcesContent":["import type { ComponentStyles } from '../LitElementWithProps';\nimport { DARK_THEME, LIGHT_THEME } from '@/base-styles';\n\nexport type TxTreeTheme = 'dark' | 'light';\n\nexport interface TxTreeStyles extends ComponentStyles {\n\n  // Component-specific tree variables\n  host?: Record<string, string>;\n\n  // Component-specific tooltip container variables\n  dataTooltipContentRoot?: Record<string, string>;\n  tooltipContainer?: Record<string, string>;\n  gradientBorder?: Record<string, string>;\n\n  tooltipTreeRoot?: Record<string, string>;\n  tooltipTreeChildren?: Record<string, string>;\n  details?: Record<string, string>;\n  summary?: Record<string, string>;\n  summaryRow?: Record<string, string>;\n  summaryRowHover?: Record<string, string>;\n  row?: Record<string, string>;\n  indent?: Record<string, string>;\n  label?: Record<string, string>;\n  chevron?: Record<string, string>;\n  fileRow?: Record<string, string>;\n  fileContent?: Record<string, string>;\n  folderChildren?: Record<string, string>;\n  connector?: Record<string, string>;\n\n  // Highlighting styles for transaction details\n  highlightReceiverId?: Record<string, string>;\n  highlightMethodName?: Record<string, string>;\n\n  // Mobile responsive\n  rootMobile?: Record<string, string>;\n  treeChildrenMobile?: Record<string, string>;\n  folderChildrenMobile?: Record<string, string>;\n  rowMobile?: Record<string, string>;\n  fileContentMobile?: Record<string, string>;\n}\n\n// Preset theme definitions for tooltip tree styling - comprehensive design system\nexport const TX_TREE_THEMES: Record<TxTreeTheme, TxTreeStyles> = {\n  dark: {\n    // Spread base colors from shared palette\n    ...DARK_THEME,\n\n    // Base design system variables\n    host: {\n      fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n      fontSize: '1rem',\n      color: DARK_THEME.textPrimary,\n      backgroundColor: DARK_THEME.colorBackground\n    },\n\n    // Main tooltip container\n    tooltipBorderOuter: {\n      borderRadius: '24px',\n      border: `1px solid transparent`,\n      boxShadow: '0 1px 3px 0px rgba(5, 5, 5, 0.4)'\n    },\n\n    // Component-specific tree variables\n    tooltipTreeRoot: {\n      padding: '0rem',\n      background: DARK_THEME.surface2,\n      border: 'none',\n      color: DARK_THEME.textPrimary,\n    },\n    tooltipTreeChildren: {\n    },\n    details: {\n      borderRadius: '0.5rem',\n      background: 'transparent'\n    },\n    summary: {\n      padding: '0.5rem 0.75rem',\n    },\n    summaryRow: {\n      background: 'transparent',\n    },\n    summaryRowHover: {\n      background: DARK_THEME.surface,\n      borderColor: DARK_THEME.textSecondary,\n    },\n    row: {\n      color: DARK_THEME.textPrimary,\n      borderRadius: '0.375rem',\n      transition: 'all 160ms cubic-bezier(0.2, 0.6, 0.2, 1)'\n    },\n    indent: {},\n    label: {\n      color: DARK_THEME.textPrimary,\n      fontSize: '0.875rem',\n      gap: '4px',\n      lineHeight: '1.5',\n      border: '1px solid transparent',\n      padding: '4px 16px',\n      borderRadius: '1rem',\n    },\n    labelHover: {\n      background: DARK_THEME.borderPrimary,\n      borderColor: DARK_THEME.textSecondary,\n    },\n    chevron: {\n      color: DARK_THEME.textSecondary,\n      width: '14px',\n      height: '14px'\n    },\n    fileRow: {\n      padding: '0.5rem 0.75rem',\n      fontSize: '0.875rem'\n    },\n    fileContent: {\n      background: DARK_THEME.surface2,\n      border: `1px solid none`,\n      color: DARK_THEME.textSecondary,\n      fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n      borderRadius: '0.5rem',\n      padding: '0.25rem',\n      scrollbarTrackBackground: DARK_THEME.surface,\n      scrollbarThumbBackground: DARK_THEME.textSecondary\n    },\n    connector: {\n      color: DARK_THEME.grey600,\n      thickness: '2px',\n      elbowLength: '10px'\n    },\n    folderChildren: {\n      padding: '0.5rem 0',\n      marginLeft: '1rem'\n    },\n\n    // Highlighting - using unified color scheme from base colors\n    highlightReceiverId: {\n      color: DARK_THEME.highlightReceiverId,\n      fontWeight: '600',\n    },\n    highlightMethodName: {\n      color: DARK_THEME.highlightMethodName,\n      fontWeight: '600',\n    },\n    highlightAmount: {\n      color: DARK_THEME.highlightAmount,\n      fontWeight: '600',\n    },\n\n    // Mobile responsive\n    rootMobile: {\n      borderRadius: '0.5rem',\n      margin: '0'\n    },\n    treeChildrenMobile: {\n      padding: '0.75rem'\n    },\n    folderChildrenMobile: {\n      marginLeft: '0.75rem'\n    },\n    rowMobile: {\n      padding: '0.5rem'\n    },\n    fileContentMobile: {\n      fontSize: '0.7rem',\n      maxHeight: '150px'\n    }\n  },\n  light: {\n    // Spread base colors from shared palette\n    ...LIGHT_THEME,\n\n    // Base design system variables\n    host: {\n      fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif',\n      fontSize: '1rem',\n      color: LIGHT_THEME.textPrimary,\n      backgroundColor: LIGHT_THEME.colorBackground\n    },\n\n    // Main tooltip container\n    tooltipBorderOuter: {\n      borderRadius: '24px',\n      border: `1px solid ${LIGHT_THEME.slate300}`,\n      boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1)'\n    },\n\n    // Component-specific tree variables\n    tooltipTreeRoot: {\n      padding: '0rem',\n      background: LIGHT_THEME.surface,\n      border: 'none',\n      color: LIGHT_THEME.textPrimary,\n    },\n    tooltipTreeChildren: {\n\n    },\n    details: {\n      borderRadius: '0.5rem',\n      background: 'transparent'\n    },\n    summary: {\n      padding: '0.5rem 0.75rem',\n    },\n    summaryRow: {\n      background: 'transparent',\n    },\n    summaryRowHover: {\n      background: LIGHT_THEME.surface2,\n      borderColor: LIGHT_THEME.borderPrimary\n    },\n    row: {\n      color: LIGHT_THEME.textPrimary,\n      borderRadius: '0.375rem',\n      transition: 'all 160ms cubic-bezier(0.2, 0.6, 0.2, 1)'\n    },\n    indent: {},\n    label: {\n      color: LIGHT_THEME.textPrimary,\n      fontSize: '0.875rem',\n      gap: '4px',\n      lineHeight: '1.5',\n      border: '1px solid transparent',\n      padding: '4px 16px',\n      borderRadius: '1rem',\n    },\n    labelHover: {\n      background: LIGHT_THEME.grey75,\n      borderColor: LIGHT_THEME.borderPrimary\n    },\n    chevron: {\n      color: LIGHT_THEME.textSecondary,\n      width: '14px',\n      height: '14px'\n    },\n    fileRow: {\n      padding: '0.5rem 0.75rem',\n      fontSize: '0.875rem'\n    },\n    fileContent: {\n      background: LIGHT_THEME.surface,\n      border: `1px solid ${LIGHT_THEME.borderPrimary}`,\n      color: LIGHT_THEME.textPrimary,\n      fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n      borderRadius: '0.5rem',\n      padding: '0.25rem',\n      scrollbarTrackBackground: LIGHT_THEME.surface,\n      scrollbarThumbBackground: LIGHT_THEME.borderPrimary\n    },\n    // Slightly darker connector lines for light mode for better contrast\n    connector: {\n      color: LIGHT_THEME.slate200,\n      thickness: '2px',\n      elbowLength: '10px'\n    },\n    folderChildren: {\n      padding: '0.5rem 0',\n      marginLeft: '1rem'\n    },\n\n    // Highlighting - using unified color scheme from base colors\n    highlightReceiverId: {\n      color: LIGHT_THEME.highlightReceiverId,\n      fontWeight: '600',\n    },\n    highlightMethodName: {\n      color: LIGHT_THEME.highlightMethodName,\n      fontWeight: '600',\n    },\n    highlightAmount: {\n      color: LIGHT_THEME.highlightAmount,\n      fontWeight: '600',\n    },\n\n    // Mobile responsive\n    rootMobile: {\n      borderRadius: '0.5rem',\n      margin: '0'\n    },\n    treeChildrenMobile: {\n      padding: '0.75rem'\n    },\n    folderChildrenMobile: {\n      marginLeft: '0.75rem'\n    },\n    rowMobile: {\n      padding: '0.5rem'\n    },\n    fileContentMobile: {\n      fontSize: '0.7rem',\n      maxHeight: '150px'\n    }\n  }\n};\n"],"mappings":"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"}