@tradecanvas/chart 1.71.0 → 1.72.1

package/dist/WidgetSymbolSearch-CvPpjIwa.js

@@ -0,0 +1,580 @@
+import { o as e } from "./widgetFeatures-BM6u0u74.js";
+import { i as t, n } from "./focusTrap-Br9Zfje0.js";
+import { a as r, c as i, i as a, o, r as s, s as c, u as l } from "./symbolCatalog-CA1fpz3s.js";
+import { r as u, t as d } from "./i18n-C5v6Tzp1.js";
+var f = 20, p = 1e3, m = /* @__PURE__ */ new Set(), h = {
+	stock: 1,
+	stocks: 1,
+	equity: 1,
+	share: 1,
+	shares: 1,
+	"cổ phiếu": 1,
+	株式: 1,
+	株: 1,
+	股票: 1,
+	주식: 1,
+	futures: 2,
+	future: 2,
+	derivative: 2,
+	derivatives: 2,
+	option: 2,
+	options: 2,
+	"phái sinh": 2,
+	先物: 2,
+	期货: 2,
+	期貨: 2,
+	선물: 2,
+	warrant: 2,
+	warrants: 2,
+	"covered warrant": 2,
+	"chứng quyền": 2,
+	index: 3,
+	indices: 3,
+	"chỉ số": 3,
+	指数: 3,
+	指數: 3,
+	지수: 3,
+	fund: 3,
+	funds: 3,
+	etf: 3,
+	etfs: 3,
+	"chứng chỉ quỹ": 3,
+	crypto: 4,
+	cryptocurrency: 4,
+	perpetual: 4,
+	perpetuals: 4,
+	perp: 4,
+	perps: 4,
+	"tiền mã hóa": 4,
+	"tiền mã hoá": 4,
+	"tiền điện tử": 4,
+	暗号資産: 4,
+	仮想通貨: 4,
+	加密货币: 4,
+	加密貨幣: 4,
+	数字货币: 4,
+	數字貨幣: 4,
+	虚拟货币: 4,
+	虛擬貨幣: 4,
+	암호화폐: 4,
+	가상자산: 4,
+	가상화폐: 4,
+	forex: 5,
+	fx: 5,
+	currency: 5,
+	"ngoại hối": 5,
+	為替: 5,
+	外国為替: 5,
+	外汇: 5,
+	外匯: 5,
+	외환: 5,
+	bond: 5,
+	bonds: 5,
+	"trái phiếu": 5
+}, g = 1e3, _ = /* @__PURE__ */ new Map(), v = /i\u0307|\u0131/g;
+function y(e) {
+	if (typeof e != "string") return "";
+	let t = _.get(e);
+	return t === void 0 && (t = e.trim().normalize("NFC").toLowerCase().replace(v, "i"), _.size >= g && _.clear(), _.set(e, t)), t;
+}
+function b(e) {
+	let t = y(e);
+	return t ? Object.prototype.hasOwnProperty.call(h, t) ? h[t] : 1 + x(t) % 5 : 0;
+}
+function x(e) {
+	let t = 2166136261;
+	for (let n of e) t ^= n.codePointAt(0), t = Math.imul(t, 16777619) >>> 0;
+	return t;
+}
+function S(e) {
+	let { ticker: t } = i(e), n = /[\p{L}\p{N}]/u.exec(t);
+	return n ? n[0].toUpperCase() : "";
+}
+function C(e, t) {
+	let n = a(t?.logo);
+	if (!n || m.has(n)) return T(e, t);
+	let r = document.createElement("img");
+	return r.className = "tcw-ss-badge", r.alt = "", r.width = f, r.height = f, r.draggable = !1, r.setAttribute("aria-hidden", "true"), r.setAttribute("loading", "lazy"), r.setAttribute("decoding", "async"), r.setAttribute("referrerpolicy", "no-referrer"), r.addEventListener("error", () => {
+		w(n), r.replaceWith(T(e, t));
+	}, { once: !0 }), r.src = n, r;
+}
+function w(e) {
+	m.size >= p && m.clear(), m.add(e);
+}
+function T(e, t) {
+	let n = document.createElement("span");
+	return n.className = "tcw-ss-badge", n.setAttribute("aria-hidden", "true"), n.dataset.kind = String(b(t?.type)), n.textContent = S(e), n;
+}
+//#endregion
+//#region src/widget/symbolMatch.ts
+var E = 180, D = 150, O = 50;
+function k(e) {
+	return {
+		upper: e.toUpperCase(),
+		folded: N(e)
+	};
+}
+function A(e, t, n) {
+	return Math.max(j(e.toUpperCase(), n.upper), M(t, n.folded));
+}
+function j(e, t) {
+	if (e === t) return 1e3;
+	if (e.startsWith(t)) return 500 + (50 - Math.min(50, e.length - t.length));
+	if (e.includes(t)) return 200 + (50 - Math.min(50, e.length - t.length));
+	let n = 0, r = -1, i = 0;
+	for (let a = 0; a < e.length && n < t.length; a++) e[a] === t[n] && (r >= 0 && (i += a - r - 1), r = a, n++);
+	return n < t.length ? 0 : 100 - Math.min(99, i);
+}
+function M(e, t) {
+	if (!e || !t) return 0;
+	if (e.startsWith(t)) return E;
+	let n = e.indexOf(t);
+	return n < 0 ? 0 : D - Math.min(O, n);
+}
+function N(e) {
+	return e.normalize("NFD").replace(/\p{M}+/gu, "").replace(/[đĐ]/g, "D").toUpperCase();
+}
+function P(e, t, n = 0, r = e.length) {
+	let i = t ? F(e.toUpperCase(), t) : /* @__PURE__ */ new Set(), a = "";
+	for (let t = n; t < r; t++) a += i.has(t) ? `<mark>${l(e[t])}</mark>` : l(e[t]);
+	return a;
+}
+function F(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = e.indexOf(t);
+	if (r >= 0) {
+		for (let e = r; e < r + t.length; e++) n.add(e);
+		return n;
+	}
+	let i = 0;
+	for (let r = 0; r < e.length && i < t.length; r++) e[r] === t[i] && (n.add(r), i++);
+	return i < t.length ? /* @__PURE__ */ new Set() : n;
+}
+//#endregion
+//#region src/widget/symbolCell.ts
+function I(e, t) {
+	let n = document.createElement("span");
+	n.className = "tcw-ss-symbol", n.dir = "ltr";
+	let { venue: r } = i(e), a = (n, r, i) => {
+		let a = document.createElement("span");
+		return a.className = n, a.innerHTML = P(e, t, r, i), a;
+	};
+	return r && n.appendChild(a("tcw-ss-venue", 0, r.length)), n.appendChild(a("tcw-ss-ticker", r.length, e.length)), n;
+}
+//#endregion
+//#region src/widget/symbolSearchFilters.ts
+var L = y, R = 2, z = 1, B = class {
+	el;
+	kindsEl;
+	exchangeEl;
+	kinds = /* @__PURE__ */ new Map();
+	exchanges = /* @__PURE__ */ new Map();
+	kind = null;
+	exchange = null;
+	resize;
+	constructor(e, t) {
+		this.t = e, this.onChange = t, this.el = document.createElement("div"), this.el.className = "tcw-ss-filters", this.el.hidden = !0, this.kindsEl = document.createElement("div"), this.kindsEl.className = "tcw-ss-kinds", this.kindsEl.setAttribute("role", "group"), this.kindsEl.setAttribute("aria-label", e("symbolSearch.kinds")), this.kindsEl.hidden = !0, this.kindsEl.addEventListener("scroll", () => this.markMore(), { passive: !0 }), this.resize = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => this.markMore()), this.resize?.observe(this.kindsEl), this.exchangeEl = document.createElement("select"), this.exchangeEl.className = "tcw-settings-select tcw-ss-exchange-filter", this.exchangeEl.setAttribute("aria-label", e("symbolSearch.exchange")), this.exchangeEl.hidden = !0, this.exchangeEl.addEventListener("change", () => {
+			this.exchange = L(this.exchangeEl.value) || null, this.onChange(!1);
+		}), this.el.append(this.kindsEl, this.exchangeEl);
+	}
+	see(e) {
+		let t = this.kinds.size, n = this.exchanges.size;
+		for (let t of e) V(this.kinds, t?.type), V(this.exchanges, t?.exchange);
+		this.kinds.size !== t && this.renderKinds(), this.exchanges.size !== n && this.renderExchanges(), this.kindsEl.hidden = this.kinds.size === 0, this.exchangeEl.hidden = this.exchanges.size < R, this.el.hidden = this.kindsEl.hidden && this.exchangeEl.hidden, this.markMore();
+	}
+	destroy() {
+		this.resize?.disconnect();
+	}
+	markMore() {
+		let e = this.kindsEl, t = Math.abs(e.scrollLeft), n = e.scrollWidth - e.clientWidth, r = [t > z ? "start" : "", t < n - z ? "end" : ""].filter(Boolean);
+		r.length > 0 ? e.dataset.more = r.join(" ") : delete e.dataset.more;
+	}
+	passes(e, t) {
+		return H(this.kind, L(e?.type), t) && H(this.exchange, L(e?.exchange), t);
+	}
+	renderKinds() {
+		let e = (e, t) => {
+			let n = document.createElement("button");
+			return n.type = "button", n.className = "tcw-ss-type", n.textContent = t, e !== null && (n.dir = "auto"), n.setAttribute("aria-pressed", String(this.kind === e)), n.addEventListener("click", () => {
+				this.kind = e;
+				for (let e of this.kindsEl.children) e.setAttribute("aria-pressed", String(e === n));
+				this.onChange(!0);
+			}), n;
+		}, t = [...this.kinds].map(([t, n]) => e(t, n));
+		this.kindsEl.replaceChildren(e(null, this.t("symbolSearch.allKinds")), ...t);
+	}
+	renderExchanges() {
+		let e = (e, t) => {
+			let n = document.createElement("option");
+			return n.value = e, n.textContent = t, e && (n.dir = "auto"), n;
+		}, t = [...this.exchanges.values()].map((t) => e(t, t));
+		this.exchangeEl.replaceChildren(e("", this.t("symbolSearch.allExchanges")), ...t), this.exchangeEl.value = this.exchange === null ? "" : this.exchanges.get(this.exchange) ?? "";
+	}
+};
+function V(e, t) {
+	let n = L(t);
+	n && !e.has(n) && e.set(n, t.trim());
+}
+function H(e, t, n) {
+	return e === null || t === e || n && t === "";
+}
+//#endregion
+//#region src/widget/WidgetSymbolSearch.ts
+var U = 150, W = 229, G = 200, K = 1, q = class {
+	backdrop = null;
+	input = null;
+	list = null;
+	results = null;
+	live = null;
+	columns = null;
+	filters = null;
+	mode = null;
+	given = [];
+	rows = [];
+	rowsGiven = !1;
+	shown = [];
+	compared = [];
+	way = "";
+	selectedIndex = 0;
+	searchFn = null;
+	searchTimer = null;
+	searchAbort = null;
+	status = "idle";
+	pickOnResults = !1;
+	heard = /* @__PURE__ */ new Map();
+	givenInfo = /* @__PURE__ */ new Map();
+	foldedNames = /* @__PURE__ */ new Map();
+	returnFocus = null;
+	uid = K++;
+	constructor(e, t = () => document.body, n = d) {
+		this.callbacks = e, this.host = t, this.t = n;
+	}
+	open(e) {
+		this.begin({
+			kind: "search",
+			start: e
+		});
+	}
+	openCompare(e) {
+		this.compared = e.compared, this.way = e.ways.some((t) => t.id === e.way) ? e.way : e.ways[0]?.id ?? "", this.begin({
+			kind: "compare",
+			start: e
+		});
+	}
+	setCompared(e) {
+		if (this.compared = e, this.mode?.kind !== "compare" || !this.results) return;
+		let t = this.results.contains(document.activeElement);
+		this.renderList(), t && !this.results.contains(document.activeElement) && this.input?.focus();
+	}
+	close() {
+		if (!this.backdrop) return;
+		this.cancelSearch(), this.pickOnResults = !1, this.searchFn = null, this.backdrop.remove(), this.backdrop = this.input = this.list = this.results = this.live = this.columns = null, this.filters?.destroy(), this.filters = null, this.mode = null, this.callbacks.onClose();
+		let e = this.returnFocus;
+		this.returnFocus = null, e?.isConnected && e.focus();
+	}
+	isOpen() {
+		return this.backdrop !== null;
+	}
+	isComparing() {
+		return this.mode?.kind === "compare";
+	}
+	destroy() {
+		this.close();
+	}
+	begin(e) {
+		this.backdrop && this.close(), this.returnFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null, this.mode = e, this.searchFn = e.start.search ?? null, this.status = "idle", this.learnGiven(e), this.build(e);
+		let t = e.kind === "search" ? e.start.query ?? "" : "";
+		this.input && (this.input.value = t), t ? (this.filter(), this.searchFn && this.searchNow()) : this.listGiven(), this.input?.focus();
+	}
+	learnGiven(e) {
+		let t = o(e.start.symbols);
+		this.given = t.names, this.givenInfo = t.info, this.foldedNames = /* @__PURE__ */ new Map();
+		let n = e.start.current, i = e.kind === "search" ? e.start.currentInfo : null;
+		if (i && typeof i == "object" && n) {
+			let { description: e, logo: t } = s(i, n);
+			this.givenInfo.set(n, r({
+				symbol: n,
+				description: e,
+				logo: t
+			}, this.givenInfo.get(n)));
+		}
+	}
+	infoOf(e) {
+		return r(this.givenInfo.get(e), this.heard.get(e));
+	}
+	build(t) {
+		let n = document.createElement("div");
+		n.className = "tcw-modal-backdrop";
+		let r = !1;
+		n.addEventListener("pointerdown", (e) => {
+			r = e.target === n;
+		}), n.addEventListener("click", (e) => {
+			e.target === n && r && this.close(), r = !1;
+		});
+		let i = document.createElement("div");
+		i.className = `tcw-modal tcw-ss${t.kind === "compare" ? " tcw-ss--compare" : ""}`, e(i, t.kind === "compare" ? "compare" : "symbolSearch"), i.setAttribute("role", "dialog"), i.setAttribute("aria-modal", "true"), i.setAttribute("aria-labelledby", `tcw-ss-title-${this.uid}`), i.tabIndex = -1, i.addEventListener("keydown", (e) => this.onKeyDown(e, i)), i.append(this.buildHeader(t), this.buildSearch()), t.kind === "compare" && i.appendChild(this.buildWay(t.start));
+		let a = new B(this.t, (e) => {
+			this.afterResults(!1), e && this.input?.focus();
+		}), o = document.createElement("div");
+		o.className = "tcw-ss-list", o.id = `tcw-ss-list-${this.uid}`, o.setAttribute("role", "listbox");
+		let s = document.createElement("div");
+		s.className = "tcw-ss-results";
+		let c = this.buildColumns();
+		s.append(c, o), s.addEventListener("mousedown", (e) => {
+			e.target.closest("button") || e.preventDefault();
+		});
+		let l = document.createElement("div");
+		l.className = "tcw-ss-live tcw-visually-hidden", l.setAttribute("aria-live", "polite"), i.append(a.el, s, l);
+		let u = t.kind === "search" ? t.start.hint : void 0;
+		if (u) {
+			let e = document.createElement("div");
+			e.className = "tcw-ss-foot", e.textContent = u, i.appendChild(e);
+		}
+		n.appendChild(i), this.host().appendChild(n), this.backdrop = n, this.filters = a, this.columns = c, this.list = o, this.results = s, this.live = l;
+	}
+	buildColumns() {
+		let e = document.createElement("div");
+		e.className = "tcw-ss-columns", e.setAttribute("aria-hidden", "true");
+		let t = [
+			"",
+			this.t("symbolSearch.symbol"),
+			this.t("symbolSearch.description"),
+			this.t("symbolSearch.type"),
+			this.t("symbolSearch.exchange")
+		];
+		return e.append(...t.map((e) => this.tag("tcw-ss-head", e))), e;
+	}
+	buildHeader(e) {
+		let n = document.createElement("div");
+		n.className = "tcw-modal-header";
+		let r = document.createElement("h3");
+		r.id = `tcw-ss-title-${this.uid}`, r.textContent = this.t(e.kind === "compare" ? "compare.title" : "symbolSearch.title");
+		let i = document.createElement("button");
+		return i.type = "button", i.className = "tcw-modal-close", i.setAttribute("aria-label", this.t("common.close")), i.innerHTML = t("x", 16), i.addEventListener("click", () => this.close()), n.append(r, i), n;
+	}
+	buildSearch() {
+		let e = document.createElement("label");
+		e.className = "tcw-ss-search", e.innerHTML = t("search", 16);
+		let n = document.createElement("input");
+		return n.type = "search", n.className = "tcw-ss-input", n.placeholder = this.t("symbolSearch.placeholder"), n.setAttribute("aria-label", this.t("symbolSearch.placeholder")), n.setAttribute("role", "combobox"), n.setAttribute("aria-expanded", "true"), n.setAttribute("aria-controls", `tcw-ss-list-${this.uid}`), n.setAttribute("aria-autocomplete", "list"), n.autocomplete = "off", n.spellcheck = !1, n.addEventListener("input", () => this.filter()), e.appendChild(n), this.input = n, e;
+	}
+	buildWay(e) {
+		let t = document.createElement("label");
+		t.className = "tcw-ss-way";
+		let n = document.createElement("span");
+		n.textContent = this.t("compare.addAs");
+		let r = document.createElement("select");
+		r.className = "tcw-settings-select tcw-ss-way-select";
+		for (let t of e.ways) {
+			let e = document.createElement("option");
+			e.value = t.id, e.textContent = t.label, r.appendChild(e);
+		}
+		return r.value = this.way, r.addEventListener("change", () => {
+			this.way = r.value;
+		}), t.append(n, r), t;
+	}
+	listGiven() {
+		this.rows = this.given.map((e) => ({
+			symbol: e,
+			score: 0,
+			info: this.infoOf(e)
+		})), this.rowsGiven = !0, this.afterResults(!0);
+	}
+	filter() {
+		this.pickOnResults = !1;
+		let e = this.input?.value.trim() ?? "";
+		if (this.searchFn && e) {
+			this.scheduleSearch(e);
+			return;
+		}
+		if (this.cancelSearch(), this.status = "idle", !e) {
+			this.listGiven();
+			return;
+		}
+		let t = k(e);
+		this.rows = this.given.map((e) => {
+			let n = this.infoOf(e);
+			return {
+				symbol: e,
+				score: A(e, this.foldedName(n?.description), t),
+				info: n
+			};
+		}).filter((e) => e.score > 0).sort((e, t) => t.score - e.score), this.rowsGiven = !0, this.afterResults(!1);
+	}
+	foldedName(e) {
+		if (!e) return "";
+		let t = this.foldedNames.get(e);
+		return t === void 0 && (t = N(e), this.foldedNames.set(e, t)), t;
+	}
+	scheduleSearch(e) {
+		this.searchTimer !== null && clearTimeout(this.searchTimer), this.searchTimer = setTimeout(() => {
+			this.searchTimer = null, this.runSearch(e);
+		}, 150);
+	}
+	searchNow() {
+		this.searchTimer !== null && clearTimeout(this.searchTimer), this.searchTimer = null, this.runSearch(this.input?.value.trim() ?? "");
+	}
+	async runSearch(e) {
+		let t = this.searchFn;
+		if (!t) return;
+		this.searchAbort?.abort();
+		let n = new AbortController();
+		this.searchAbort = n, this.status = "searching", this.shown.length === 0 && this.renderList();
+		try {
+			let i = await t(e, n.signal);
+			if (n.signal.aborted) return;
+			let a = c(i);
+			for (let e of a) this.heard.set(e.symbol, r(this.heard.get(e.symbol), e));
+			this.rows = a.map((e) => ({
+				symbol: e.symbol,
+				score: 0,
+				info: this.infoOf(e.symbol)
+			})), this.status = "idle";
+		} catch {
+			if (n.signal.aborted) return;
+			this.rows = [], this.status = "failed";
+		}
+		this.rowsGiven = !1, this.afterResults(!1), this.pickOnResults && (this.pickOnResults = !1, this.pick(0));
+	}
+	cancelSearch() {
+		this.searchTimer !== null && clearTimeout(this.searchTimer), this.searchTimer = null, this.searchAbort?.abort(), this.searchAbort = null;
+	}
+	afterResults(e) {
+		let t = this.listableRows();
+		this.filters?.see(t.map((e) => e.info)), this.shown = this.visibleRows(t);
+		let n = e ? this.shown.findIndex((e) => e.symbol === this.mode?.start.current) : -1;
+		this.selectedIndex = n >= 0 && n < this.listedCount() ? n : 0, this.renderList();
+	}
+	listedCount() {
+		return Math.min(this.shown.length, 200);
+	}
+	listableRows() {
+		if (this.mode?.kind !== "compare") return this.rows;
+		let e = this.mode.start.current;
+		return this.rows.filter((t) => t.symbol !== e);
+	}
+	visibleRows(e) {
+		let t = this.filters;
+		return t ? e.filter((e) => t.passes(e.info, this.rowsGiven)) : [...e];
+	}
+	renderList() {
+		let e = this.list, t = this.results;
+		if (!e || !t) return;
+		let n = (this.input?.value ?? "").trim(), r = this.mode?.kind === "compare", i = [];
+		if (r && !n && this.compared.length > 0) {
+			let t = this.heading(this.t("compare.onChart"), "added"), n = document.createElement("div");
+			n.className = "tcw-ss-added", n.setAttribute("role", "group"), n.setAttribute("aria-labelledby", t.id), n.append(...this.compared.map((e) => this.addedRow(e)));
+			let r = this.heading(this.t("compare.symbols"), "symbols");
+			r.hidden = this.shown.length === 0, i.push(t, n, r), e.setAttribute("aria-labelledby", r.id);
+		} else e.setAttribute("aria-labelledby", `tcw-ss-title-${this.uid}`);
+		let a = n.toUpperCase(), o = new Set(this.compared.map((e) => e.symbol)), s = this.shown.slice(0, 200);
+		e.replaceChildren(...s.map((e, t) => this.row(e, t, a, r && o.has(e.symbol))));
+		let c = this.shown.length === 0 ? this.emptyNote(n, r) : this.moreNote(this.shown.length - s.length);
+		t.replaceChildren(...this.columns ? [this.columns] : [], ...i, e, ...c ? [c] : []), this.live && (this.live.textContent = this.shown.length === 0 ? c?.textContent ?? "" : ""), this.markSelection();
+	}
+	emptyNote(e, t) {
+		let n;
+		if (this.status === "searching") n = this.t("symbolSearch.searching");
+		else if (this.status === "failed") n = this.t("symbolSearch.failed");
+		else if (t && !e) {
+			if (this.compared.length > 0) return null;
+			n = this.t("compare.empty");
+		} else n = this.t("symbolSearch.empty");
+		let r = document.createElement("div");
+		return r.className = "tcw-ss-empty", r.textContent = n, r;
+	}
+	moreNote(e) {
+		if (e <= 0) return null;
+		let t = document.createElement("div");
+		return t.className = "tcw-ss-more", t.textContent = u(this.t("symbolSearch.more"), { count: e }), t;
+	}
+	heading(e, t) {
+		let n = document.createElement("div");
+		return n.className = "tcw-ss-heading", n.id = `tcw-ss-${t}-${this.uid}`, n.textContent = e, n;
+	}
+	row(e, n, r, i) {
+		let a = document.createElement("div");
+		a.className = "tcw-ss-row", a.id = `tcw-ss-opt-${this.uid}-${n}`, a.dataset.symbol = e.symbol, a.setAttribute("role", "option");
+		let o = this.mode?.kind === "search" && e.symbol === this.mode.start.current;
+		a.classList.toggle("tcw-current", o), a.classList.toggle("tcw-on-chart", i), o && a.setAttribute("aria-current", "true");
+		let s = this.tag("tcw-ss-kind", e.info?.type?.trim() ?? ""), c = this.tag("tcw-ss-exchange", e.info?.exchange?.trim() ?? "");
+		if (s.dir = c.dir = "auto", a.append(C(e.symbol, e.info), I(e.symbol, r), this.descriptionCell(e), s, c), o || i) {
+			let e = document.createElement("span");
+			e.className = "tcw-ss-check", e.innerHTML = t("check", 14), a.appendChild(e);
+		}
+		return i && a.appendChild(this.tag("tcw-visually-hidden", this.t("compare.onChart"))), a.addEventListener("click", () => this.pick(n)), a.addEventListener("mousemove", () => {
+			this.selectedIndex !== n && (this.selectedIndex = n, this.markSelection());
+		}), a;
+	}
+	descriptionCell(e) {
+		let t = document.createElement("span");
+		t.className = "tcw-ss-desc-cell";
+		let n = e.info?.description && e.info.description !== e.symbol ? e.info.description : "";
+		if (n) {
+			let e = this.tag("tcw-ss-desc", n);
+			e.dir = "auto", t.appendChild(e);
+		}
+		return t;
+	}
+	addedRow(e) {
+		let n = document.createElement("div");
+		if (n.className = "tcw-ss-added-row", n.setAttribute("role", "presentation"), e.color) {
+			let t = document.createElement("span");
+			t.className = "tcw-ss-swatch", t.style.background = e.color, n.appendChild(t);
+		}
+		let r = document.createElement("span");
+		r.className = "tcw-ss-way-cell", r.appendChild(this.tag("tcw-ss-way-label", e.way));
+		let i = document.createElement("button");
+		i.type = "button", i.className = "tcw-ss-remove";
+		let a = u(this.t("compare.remove"), { symbol: e.symbol });
+		return i.title = a, i.setAttribute("aria-label", a), i.innerHTML = t("x", 12), i.addEventListener("click", () => {
+			this.mode?.kind === "compare" && this.mode.start.onRemove(e.id);
+		}), n.append(I(e.symbol, ""), r, i), n;
+	}
+	tag(e, t) {
+		let n = document.createElement("span");
+		return n.className = e, n.textContent = t, n;
+	}
+	markSelection() {
+		let e = this.list?.querySelectorAll(".tcw-ss-row") ?? [], t = null;
+		e.forEach((e, n) => {
+			let r = n === this.selectedIndex;
+			e.setAttribute("aria-selected", String(r)), e.classList.toggle("tcw-selected", r), r && (t = e);
+		});
+		let n = t;
+		n ? (this.input?.setAttribute("aria-activedescendant", n.id), n.scrollIntoView?.({ block: "nearest" })) : this.input?.removeAttribute("aria-activedescendant");
+	}
+	pick(e) {
+		let t = this.shown[e], n = this.mode;
+		if (!t || !n) return;
+		if (n.kind === "compare") {
+			this.selectedIndex = e, this.markSelection(), n.start.onAdd(t.symbol, this.way);
+			return;
+		}
+		let r = n.start.onPick ?? this.callbacks.onPick;
+		this.close(), r(t.symbol);
+	}
+	onKeyDown(e, t) {
+		if (e.stopPropagation(), e.isComposing || e.keyCode === W) return;
+		if (e.key === "Escape") {
+			e.preventDefault(), this.close();
+			return;
+		}
+		if (n(e, t), e.target !== this.input) return;
+		let r = this.listedCount();
+		if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+			if (e.preventDefault(), r === 0) return;
+			this.selectedIndex = (this.selectedIndex + (e.key === "ArrowDown" ? 1 : -1) + r) % r, this.markSelection();
+		} else if (e.key === "Enter") {
+			if (e.preventDefault(), e.repeat && this.mode?.kind === "compare") return;
+			if (this.searchTimer !== null || this.status === "searching") {
+				this.pickOnResults = !0, this.searchTimer !== null && this.searchNow();
+				return;
+			}
+			this.pick(this.selectedIndex);
+		}
+	}
+};
+//#endregion
+export { G as MAX_LISTED_ROWS, U as SYMBOL_SEARCH_DEBOUNCE_MS, q as WidgetSymbolSearch };
+
+//# sourceMappingURL=WidgetSymbolSearch-CvPpjIwa.js.map