@tatchi-xyz/sdk 0.21.0 → 0.31.0

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

@@ -0,0 +1,502 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
+const require_validation = require('../../../../utils/validation.js');
+const require_tags = require('../tags.js');
+const require_LitElementWithProps = require('../LitElementWithProps.js');
+const require_lit_events = require('../lit-events.js');
+const require_css_loader = require('../css/css-loader.js');
+const require_tx_tree_themes = require('./tx-tree-themes.js');
+const require_formatters = require('../common/formatters.js');
+let lit = require("lit");
+lit = require_rolldown_runtime.__toESM(lit);
+let lit_directives_repeat_js = require("lit/directives/repeat.js");
+lit_directives_repeat_js = require_rolldown_runtime.__toESM(lit_directives_repeat_js);
+
+//#region src/core/WebAuthnManager/LitComponents/TxTree/index.ts
+/**
+* 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 require_LitElementWithProps.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() {
+		require_lit_events.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();
+			require_css_loader.ensureExternalStyles(root$1, "tx-tree.css", "data-w3a-tx-tree-css").catch(() => {});
+			return root$1;
+		}
+		require_css_loader.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) require_css_loader.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 = require_tx_tree_themes.TX_TREE_THEMES[this.theme] || require_tx_tree_themes.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 = require_formatters.formatGas(a.gas);
+					let depositStr = require_formatters.formatDeposit(a.deposit);
+					return lit.html`Calling <span class="highlight-method-name">${method}</span>
+              ${depositStr !== "0 NEAR" ? lit.html` with <span class="highlight-method-name">${depositStr}</span>` : ""}
+              ${gasStr ? lit.html` using <span class="highlight-method-name">${gasStr}</span>` : ""}`;
+				}
+				case "Transfer": {
+					let amount = require_formatters.formatDeposit(a.amount);
+					return lit.html`Transfer <span class="highlight-amount">${amount}</span>`;
+				}
+				case "CreateAccount": return "Creating Account";
+				case "DeleteAccount": return "Deleting Account";
+				case "Stake": return `Staking ${require_formatters.formatDeposit(a.stake)}`;
+				case "AddKey":
+					a.accessKey;
+					return `Adding Key`;
+				case "DeleteKey": return `Deleting Key`;
+				case "DeployContract": {
+					const codeSize = require_formatters.formatCodeSize(a.code);
+					return `Deploying WASM contract (${codeSize})`;
+				}
+				case "DeployGlobalContract": {
+					const codeSize = require_formatters.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 lit.html`Use global contract <a
+              class="highlight-receiver-id"
+              href=${href}
+              target="_blank"
+              rel="noopener noreferrer"
+            >${accountId}</a>`;
+					}
+					if (codeHash) {
+						const short = require_formatters.shortenPubkey(codeHash, {
+							prefix: 10,
+							suffix: 6
+						});
+						return lit.html`Use global contract by hash <span class="highlight-method-name">${short}</span>`;
+					}
+					return "Use global contract";
+				}
+				default: {
+					const idxText = require_validation.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 lit.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 = require_formatters.formatGas(a.gas);
+					const depositStr = require_formatters.formatDeposit(a.deposit);
+					return `Calling ${method} with ${depositStr} using ${gasStr}`;
+				}
+				case "Transfer": return `Transfer ${require_formatters.formatDeposit(a.amount)}`;
+				case "CreateAccount": return "Creating Account";
+				case "DeleteAccount": return "Deleting Account";
+				case "Stake": return `Staking ${require_formatters.formatDeposit(a.stake)}`;
+				case "AddKey": return "Adding Key";
+				case "DeleteKey": return "Deleting Key";
+				case "DeployContract": return "Deploying WASM contract";
+				case "DeployGlobalContract": {
+					const codeSize = require_formatters.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 = require_validation.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 (require_validation.isString(node.content) && node.content.length > 0) return lit.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 ? lit.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 ? lit.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 lit.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 ? lit.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 lit.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 ? lit.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 ? lit.html`
+          <div class="folder-children">
+            ${(0, lit_directives_repeat_js.repeat)(nodeChildren, (c) => c.id, (c) => this.renderAnyNode(c, depth + 1))}
+          </div>
+        ` : lit.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 lit.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 = lit.html`
+        <div class="tooltip-tree-root${extraClass}${scrollClass}">
+          <div class="tooltip-tree-children">
+            ${(0, lit_directives_repeat_js.repeat)(Array.isArray(this.node.children) ? this.node.children : [], (child) => child.id, (child) => this.renderAnyNode(child, depth + 1))}
+          </div>
+        </div>
+      `;
+			content = this.showShadow ? lit.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(require_tags.W3A_TX_TREE_ID)) customElements.define(require_tags.W3A_TX_TREE_ID, TxTree);
+if (!customElements.get("tx-tree")) {
+	class TxTreeAlias extends TxTree {}
+	customElements.define("tx-tree", TxTreeAlias);
+}
+var TxTree_default = TxTree;
+
+//#endregion
+exports.default = TxTree_default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LitElementWithProps","clickedReceiverLink: HTMLAnchorElement | null","root","TX_TREE_THEMES","formatGas","formatDeposit","formatCodeSize","shortenPubkey","isNumber","isString","content: TemplateResult | undefined","W3A_TX_TREE_ID"],"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 '@/utils/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":"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"}