@coderyo/ui-shell 1.0.0-rc.2

package/dist/index.d.ts

@@ -0,0 +1,186 @@
+import { Interval, SymbolSearchHit } from '@coderyo/data';
+import { IndicatorConfig } from '@coderyo/indicators';
+import * as _coderyo_drawings from '@coderyo/drawings';
+import { DrawingRecord } from '@coderyo/drawings';
+
+declare const GRID_SETTING_KEY = "tradview:settings:showGrid";
+declare const RETURN_CURSOR_KEY = "tradview:settings:returnToCursorAfterDraw";
+declare function loadShowGridPreference(): boolean;
+declare function saveShowGridPreference(show: boolean): void;
+declare function loadReturnToCursorPreference(): boolean;
+declare function saveReturnToCursorPreference(v: boolean): void;
+declare function loadIndicatorConfig(symbol: string, interval: string): IndicatorConfig;
+declare function saveIndicatorConfig(symbol: string, interval: string, config: IndicatorConfig): void;
+
+interface SettingsPanelOptions {
+    showGrid?: boolean;
+    onShowGridChange?: (show: boolean) => void;
+    returnToCursorAfterDraw?: boolean;
+    onReturnToCursorChange?: (v: boolean) => void;
+    indicatorConfig?: IndicatorConfig;
+    onIndicatorConfigChange?: (config: IndicatorConfig) => void;
+}
+declare function mountSettingsPanel(parent: HTMLElement, opts?: SettingsPanelOptions): HTMLElement;
+
+type SymbolInputMode = 'manual' | 'search' | 'none';
+interface TopBarOptions {
+    intervals?: Interval[];
+    initialSymbol?: string;
+    onSymbolSearch?: (query: string) => Promise<SymbolSearchHit[]>;
+    onSymbolSelect?: (symbol: string) => void;
+    onIntervalChange?: (interval: Interval) => void;
+    onThemeToggle?: () => void;
+    onFullscreen?: () => void;
+    onScreenshot?: () => void;
+    settings?: SettingsPanelOptions;
+    symbolInput?: SymbolInputMode;
+    showSettings?: boolean;
+}
+declare function mountTopBar(parent: HTMLElement, opts?: TopBarOptions): HTMLElement;
+
+interface ContextMenuAction {
+    id: string;
+    label: string;
+    onClick: () => void;
+}
+interface ContextMenuOptions {
+    actions?: ContextMenuAction[];
+}
+declare function attachChartContextMenu(chartHost: HTMLElement, opts?: ContextMenuOptions): () => void;
+
+interface OhlcvSnapshot {
+    o?: number;
+    h?: number;
+    l?: number;
+    c?: number;
+    v?: number;
+}
+interface StatusBarOptions {
+    connection?: string;
+    symbol?: string;
+    interval?: string;
+    ohlcv?: OhlcvSnapshot | null;
+    locale?: string;
+    onLocaleChange?: (locale: string) => void;
+}
+declare function mountStatusBar(parent: HTMLElement, opts?: StatusBarOptions): {
+    el: HTMLElement;
+    update: (patch: StatusBarOptions) => void;
+};
+
+interface CrosshairLegendOptions {
+    symbol?: string;
+    interval?: string;
+}
+declare function mountCrosshairLegend(chartHost: HTMLElement, opts?: CrosshairLegendOptions): {
+    el: HTMLElement;
+    update: (payload: {
+        time?: number;
+        ohlcv?: OhlcvSnapshot | null;
+    }) => void;
+    setMeta: (meta: CrosshairLegendOptions) => void;
+    hide: () => void;
+};
+
+interface DrawingPropertiesPanelOptions {
+    onStyleChange?: (patch: {
+        color?: string;
+        lineWidth?: number;
+        text?: string;
+    }) => void;
+}
+declare function mountDrawingPropertiesPanel(parent: HTMLElement, opts?: DrawingPropertiesPanelOptions): {
+    el: HTMLElement;
+    bind: (drawing: DrawingRecord | null) => void;
+};
+
+interface LayoutFeatures {
+    showTopBar?: boolean;
+    showLeftToolbar?: boolean;
+    showBottomToolbar?: boolean;
+    showCrosshairLegend?: boolean;
+    showStatusBar?: boolean;
+    showPropertiesPanel?: boolean;
+    showContextMenu?: boolean;
+    showSettings?: boolean;
+    showShortcuts?: boolean;
+    /** When TopBar is on and no search API: manual symbol input (default). */
+    symbolInput?: 'manual' | 'search' | 'none';
+}
+interface ResolvedLayoutFeatures {
+    showTopBar: boolean;
+    showLeftToolbar: boolean;
+    showBottomToolbar: boolean;
+    showCrosshairLegend: boolean;
+    showStatusBar: boolean;
+    showPropertiesPanel: boolean;
+    showContextMenu: boolean;
+    showSettings: boolean;
+    showShortcuts: boolean;
+    symbolInput: 'manual' | 'search' | 'none';
+}
+declare const DEFAULT_LAYOUT_FEATURES: ResolvedLayoutFeatures;
+declare function resolveLayoutFeatures(opts?: ChartLayoutOptions): ResolvedLayoutFeatures;
+declare function mergeLayoutFeatures(current: ResolvedLayoutFeatures, patch: LayoutFeatures): ResolvedLayoutFeatures;
+/** Playground: enable full TV shell. */
+declare function createDemoLayoutOptions(partial?: ChartLayoutOptions): ChartLayoutOptions;
+
+type DrawingToolId = 'cursor' | 'trendline' | 'hline' | 'vline' | 'rectangle' | 'fibonacci' | 'text';
+interface ChartLayoutOptions extends TopBarOptions {
+    showTopBar?: boolean;
+    showLeftToolbar?: boolean;
+    showBottomToolbar?: boolean;
+    activeDrawingTool?: DrawingToolId;
+    onDrawingToolSelect?: (tool: DrawingToolId) => void;
+    statusBar?: StatusBarOptions;
+    contextMenuActions?: ContextMenuAction[];
+    settings?: SettingsPanelOptions;
+    showStatusBar?: boolean;
+    showCrosshairLegend?: boolean;
+    showPropertiesPanel?: boolean;
+    showContextMenu?: boolean;
+    showSettings?: boolean;
+    showShortcuts?: boolean;
+    symbolInput?: 'manual' | 'search' | 'none';
+    onDrawingStyleChange?: (patch: {
+        color?: string;
+        lineWidth?: number;
+        text?: string;
+    }) => void;
+    onDrawingSelectionBind?: (bind: (drawing: _coderyo_drawings.DrawingRecord | null) => void) => void;
+}
+declare function mountChartLayout(root: HTMLElement, opts?: ChartLayoutOptions): {
+    chartHost: HTMLElement;
+    indicatorHost: HTMLElement;
+    topBar: HTMLElement;
+    statusBar: ReturnType<typeof mountStatusBar>;
+    crosshairLegend: ReturnType<typeof mountCrosshairLegend>;
+    detachContextMenu: () => void;
+    setActiveDrawingTool: (tool: DrawingToolId) => void;
+    propertiesPanel: ReturnType<typeof mountDrawingPropertiesPanel>;
+    setLayoutFeatures: (patch: LayoutFeatures) => void;
+    getLayoutFeatures: () => ResolvedLayoutFeatures;
+};
+
+interface SymbolSearchOptions {
+    onSearch: (query: string) => Promise<SymbolSearchHit[]>;
+    onSelect: (symbol: string) => void;
+    initialSymbol?: string;
+}
+declare function mountSymbolSearch(parent: HTMLElement, opts: SymbolSearchOptions): HTMLElement;
+
+interface DrawingContextMenuHandlers {
+    onDelete?: () => void;
+    onCopy?: () => void;
+    onToggleLock?: () => void;
+    onDeselect?: () => void;
+    onEditText?: () => void;
+}
+declare function openDrawingContextMenu(clientX: number, clientY: number, drawing: DrawingRecord | null, handlers: DrawingContextMenuHandlers): () => void;
+
+declare function bindShortcutsModal(): () => void;
+declare function openShortcutsModal(): void;
+
+declare function mountCodeSnippetPanel(parent: HTMLElement, getCode: () => string): HTMLElement;
+
+export { type ChartLayoutOptions, type ContextMenuAction, type ContextMenuOptions, type CrosshairLegendOptions, DEFAULT_LAYOUT_FEATURES, type DrawingContextMenuHandlers, type DrawingPropertiesPanelOptions, type DrawingToolId, GRID_SETTING_KEY, type LayoutFeatures, type OhlcvSnapshot, RETURN_CURSOR_KEY, type ResolvedLayoutFeatures, type SettingsPanelOptions as SettingsMenuOptions, type SettingsPanelOptions, type StatusBarOptions, type SymbolInputMode, type SymbolSearchOptions, type TopBarOptions, attachChartContextMenu, bindShortcutsModal, createDemoLayoutOptions, loadIndicatorConfig, loadReturnToCursorPreference, loadShowGridPreference, mergeLayoutFeatures, mountChartLayout, mountCodeSnippetPanel, mountCrosshairLegend, mountDrawingPropertiesPanel, mountSettingsPanel as mountSettingsMenu, mountSettingsPanel, mountStatusBar, mountSymbolSearch, mountTopBar, openDrawingContextMenu, openShortcutsModal, resolveLayoutFeatures, saveIndicatorConfig, saveReturnToCursorPreference, saveShowGridPreference };

package/dist/index.js

@@ -0,0 +1,945 @@
+// src/top-bar.ts
+import { DEFAULT_INTERVALS } from "@coderyo/data";
+import { t as t3 } from "@coderyo/i18n";
+
+// src/user-preferences.ts
+import { DEFAULT_INDICATOR_CONFIG, indicatorConfigStorageKey } from "@coderyo/indicators";
+var GRID_SETTING_KEY = "tradview:settings:showGrid";
+var RETURN_CURSOR_KEY = "tradview:settings:returnToCursorAfterDraw";
+function loadShowGridPreference() {
+  try {
+    return localStorage.getItem(GRID_SETTING_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function saveShowGridPreference(show) {
+  try {
+    localStorage.setItem(GRID_SETTING_KEY, show ? "1" : "0");
+  } catch {
+  }
+}
+function loadReturnToCursorPreference() {
+  try {
+    return localStorage.getItem(RETURN_CURSOR_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function saveReturnToCursorPreference(v) {
+  try {
+    localStorage.setItem(RETURN_CURSOR_KEY, v ? "1" : "0");
+  } catch {
+  }
+}
+function loadIndicatorConfig(symbol, interval) {
+  try {
+    const raw = localStorage.getItem(indicatorConfigStorageKey(symbol, interval));
+    if (!raw) return { ...DEFAULT_INDICATOR_CONFIG };
+    return { ...DEFAULT_INDICATOR_CONFIG, ...JSON.parse(raw) };
+  } catch {
+    return { ...DEFAULT_INDICATOR_CONFIG };
+  }
+}
+function saveIndicatorConfig(symbol, interval, config) {
+  try {
+    localStorage.setItem(indicatorConfigStorageKey(symbol, interval), JSON.stringify(config));
+  } catch {
+  }
+}
+
+// src/settings-panel.ts
+import { DEFAULT_INDICATOR_CONFIG as DEFAULT_INDICATOR_CONFIG2 } from "@coderyo/indicators";
+import { t } from "@coderyo/i18n";
+function mountSettingsPanel(parent, opts = {}) {
+  let open = false;
+  let tab = "chart";
+  let showGrid = opts.showGrid ?? loadShowGridPreference();
+  let returnToCursor = opts.returnToCursorAfterDraw ?? loadReturnToCursorPreference();
+  let indicatorConfig = { ...opts.indicatorConfig ?? DEFAULT_INDICATOR_CONFIG2 };
+  const wrap = document.createElement("div");
+  wrap.style.cssText = "position:relative;";
+  const btn = document.createElement("button");
+  btn.type = "button";
+  btn.title = t("settings.title", "\u8A2D\u5B9A");
+  btn.textContent = "\u2699";
+  btn.style.cssText = "background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:14px;";
+  const panel = document.createElement("div");
+  panel.style.cssText = "display:none;position:absolute;right:0;top:100%;margin-top:4px;width:280px;max-height:70vh;overflow:auto;padding:0;background:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #01040988;z-index:30;";
+  const tabs = document.createElement("div");
+  tabs.style.cssText = "display:flex;border-bottom:1px solid #30363d;";
+  const content = document.createElement("div");
+  content.style.cssText = "padding:10px 12px;font-size:12px;";
+  const tabIds = [
+    ["chart", t("settings.tab.chart", "\u5716\u8868")],
+    ["drawing", t("settings.tab.drawing", "\u7E6A\u5716")],
+    ["indicator", t("settings.tab.indicator", "\u6307\u6A19")]
+  ];
+  const renderTabs = () => {
+    tabs.replaceChildren();
+    for (const [id, label] of tabIds) {
+      const b = document.createElement("button");
+      b.type = "button";
+      b.textContent = label;
+      b.style.cssText = `flex:1;padding:8px;border:none;cursor:pointer;font-size:12px;${tab === id ? "background:#21262d;color:#e6edf3;" : "background:transparent;color:#8b949e;"}`;
+      b.onclick = (e) => {
+        e.stopPropagation();
+        tab = id;
+        renderTabs();
+        renderContent();
+      };
+      tabs.appendChild(b);
+    }
+  };
+  const checkbox = (label, checked, onChange) => {
+    const row = document.createElement("label");
+    row.style.cssText = "display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;color:#e6edf3;";
+    const input = document.createElement("input");
+    input.type = "checkbox";
+    input.checked = checked;
+    input.onchange = () => onChange(input.checked);
+    row.append(input, document.createTextNode(label));
+    return row;
+  };
+  const numberField = (label, value, onChange) => {
+    const row = document.createElement("label");
+    row.style.cssText = "display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;";
+    row.innerHTML = `<span style="color:#8b949e">${label}</span>`;
+    const input = document.createElement("input");
+    input.type = "number";
+    input.value = String(value);
+    input.style.cssText = "width:72px;padding:2px 6px;border-radius:4px;border:1px solid #30363d;background:#0d1117;color:#e6edf3;";
+    input.onchange = () => onChange(Number(input.value) || value);
+    row.appendChild(input);
+    return row;
+  };
+  const renderContent = () => {
+    content.replaceChildren();
+    if (tab === "chart") {
+      content.appendChild(
+        checkbox(t("settings.showGrid", "\u986F\u793A\u7DB2\u683C"), showGrid, (v) => {
+          showGrid = v;
+          saveShowGridPreference(v);
+          opts.onShowGridChange?.(v);
+        })
+      );
+    } else if (tab === "drawing") {
+      content.appendChild(
+        checkbox(t("settings.returnCursor", "\u756B\u5B8C\u5207\u56DE\u6E38\u6A19"), returnToCursor, (v) => {
+          returnToCursor = v;
+          saveReturnToCursorPreference(v);
+          opts.onReturnToCursorChange?.(v);
+        })
+      );
+    } else {
+      content.appendChild(
+        checkbox(t("settings.ind.macd", "MACD \u7A97\u683C"), indicatorConfig.showMacd, (v) => {
+          indicatorConfig = { ...indicatorConfig, showMacd: v };
+          opts.onIndicatorConfigChange?.(indicatorConfig);
+        })
+      );
+      content.appendChild(
+        checkbox(t("settings.ind.rsi", "RSI \u7A97\u683C"), indicatorConfig.showRsi, (v) => {
+          indicatorConfig = { ...indicatorConfig, showRsi: v };
+          opts.onIndicatorConfigChange?.(indicatorConfig);
+        })
+      );
+      content.appendChild(
+        checkbox(t("settings.ind.kdj", "KDJ \u7A97\u683C"), indicatorConfig.showKdj, (v) => {
+          indicatorConfig = { ...indicatorConfig, showKdj: v };
+          opts.onIndicatorConfigChange?.(indicatorConfig);
+        })
+      );
+      const src = document.createElement("label");
+      src.style.cssText = "display:flex;justify-content:space-between;margin:8px 0 6px;";
+      src.innerHTML = `<span style="color:#8b949e">${t("settings.ind.source", "\u6E90")}</span>`;
+      const sel = document.createElement("select");
+      sel.style.cssText = "background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:2px 6px;";
+      for (const v of ["close", "hlc3"]) {
+        const o = document.createElement("option");
+        o.value = v;
+        o.textContent = v;
+        sel.appendChild(o);
+      }
+      sel.value = indicatorConfig.source;
+      sel.onchange = () => {
+        indicatorConfig = { ...indicatorConfig, source: sel.value };
+        opts.onIndicatorConfigChange?.(indicatorConfig);
+      };
+      src.appendChild(sel);
+      content.appendChild(src);
+      content.appendChild(
+        numberField("MA", indicatorConfig.maPeriod, (n) => {
+          indicatorConfig = { ...indicatorConfig, maPeriod: n };
+          opts.onIndicatorConfigChange?.(indicatorConfig);
+        })
+      );
+      content.appendChild(
+        numberField("MACD fast", indicatorConfig.macdFast, (n) => {
+          indicatorConfig = { ...indicatorConfig, macdFast: n };
+          opts.onIndicatorConfigChange?.(indicatorConfig);
+        })
+      );
+      content.appendChild(
+        numberField("MACD slow", indicatorConfig.macdSlow, (n) => {
+          indicatorConfig = { ...indicatorConfig, macdSlow: n };
+          opts.onIndicatorConfigChange?.(indicatorConfig);
+        })
+      );
+      content.appendChild(
+        numberField("RSI", indicatorConfig.rsiPeriod, (n) => {
+          indicatorConfig = { ...indicatorConfig, rsiPeriod: n };
+          opts.onIndicatorConfigChange?.(indicatorConfig);
+        })
+      );
+      content.appendChild(
+        numberField("KDJ", indicatorConfig.kdjPeriod, (n) => {
+          indicatorConfig = { ...indicatorConfig, kdjPeriod: n };
+          opts.onIndicatorConfigChange?.(indicatorConfig);
+        })
+      );
+    }
+  };
+  renderTabs();
+  renderContent();
+  panel.append(tabs, content);
+  btn.onclick = (e) => {
+    e.stopPropagation();
+    open = !open;
+    panel.style.display = open ? "block" : "none";
+  };
+  const close = () => {
+    open = false;
+    panel.style.display = "none";
+  };
+  document.addEventListener("click", close);
+  panel.onclick = (e) => e.stopPropagation();
+  wrap.append(btn, panel);
+  parent.appendChild(wrap);
+  return wrap;
+}
+
+// src/symbol-search.ts
+import { t as t2 } from "@coderyo/i18n";
+function mountSymbolSearch(parent, opts) {
+  const wrap = document.createElement("div");
+  wrap.style.cssText = "display:flex;align-items:center;gap:6px;margin-right:8px;";
+  const input = document.createElement("input");
+  input.type = "search";
+  input.placeholder = t2("symbol.search", "\u641C\u5C0B\u5546\u54C1");
+  input.value = opts.initialSymbol ?? "";
+  input.style.cssText = "width:140px;padding:4px 8px;border-radius:4px;border:1px solid #30363d;background:#0d1117;color:#e6edf3;font-size:12px;";
+  const list = document.createElement("div");
+  list.style.cssText = "display:none;position:absolute;top:100%;left:0;z-index:20;min-width:200px;max-height:200px;overflow:auto;background:#161b22;border:1px solid #30363d;border-radius:4px;";
+  const box = document.createElement("div");
+  box.style.position = "relative";
+  box.append(input, list);
+  wrap.appendChild(box);
+  let timer;
+  const renderHits = (hits) => {
+    list.replaceChildren();
+    if (hits.length === 0) {
+      list.style.display = "none";
+      return;
+    }
+    for (const hit of hits) {
+      const row = document.createElement("button");
+      row.type = "button";
+      row.textContent = hit.exchange ? `${hit.symbol} \xB7 ${hit.exchange}` : hit.symbol;
+      row.style.cssText = "display:block;width:100%;text-align:left;padding:6px 10px;border:none;background:transparent;color:#e6edf3;cursor:pointer;font-size:12px;";
+      row.onmouseenter = () => {
+        row.style.background = "#21262d";
+      };
+      row.onmouseleave = () => {
+        row.style.background = "transparent";
+      };
+      row.onclick = () => {
+        input.value = hit.symbol;
+        list.style.display = "none";
+        opts.onSelect(hit.symbol);
+      };
+      list.appendChild(row);
+    }
+    list.style.display = "block";
+  };
+  input.addEventListener("input", () => {
+    clearTimeout(timer);
+    const q = input.value.trim();
+    if (q.length < 1) {
+      list.style.display = "none";
+      return;
+    }
+    timer = setTimeout(() => {
+      void opts.onSearch(q).then(renderHits).catch(() => {
+        list.style.display = "none";
+      });
+    }, 200);
+  });
+  document.addEventListener("click", (e) => {
+    if (!box.contains(e.target)) list.style.display = "none";
+  });
+  parent.appendChild(wrap);
+  return wrap;
+}
+
+// src/top-bar.ts
+function mountManualSymbolInput(parent, opts) {
+  const wrap = document.createElement("div");
+  wrap.style.cssText = "display:flex;align-items:center;gap:4px;margin-right:8px;";
+  const input = document.createElement("input");
+  input.type = "text";
+  input.placeholder = t3("symbol.search", "Symbol");
+  input.value = opts.initialSymbol ?? "";
+  input.style.cssText = "width:140px;background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:4px 8px;font-size:12px;";
+  const apply = () => {
+    const v = input.value.trim();
+    if (v) opts.onSymbolSelect?.(v);
+  };
+  input.addEventListener("keydown", (e) => {
+    if (e.key === "Enter") apply();
+  });
+  const btn = document.createElement("button");
+  btn.type = "button";
+  btn.textContent = "\u21B5";
+  btn.title = "Apply symbol";
+  btn.style.cssText = "background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;";
+  btn.onclick = apply;
+  wrap.append(input, btn);
+  parent.appendChild(wrap);
+}
+function mountTopBar(parent, opts = {}) {
+  const bar = document.createElement("div");
+  bar.className = "tv-topbar";
+  bar.style.cssText = "display:flex;gap:8px;padding:8px 12px;align-items:center;border-bottom:1px solid #30363d;background:#161b22;";
+  const symbolMode = opts.symbolInput ?? "manual";
+  if (symbolMode === "search" && opts.onSymbolSearch && opts.onSymbolSelect) {
+    mountSymbolSearch(bar, {
+      initialSymbol: opts.initialSymbol,
+      onSearch: opts.onSymbolSearch,
+      onSelect: opts.onSymbolSelect
+    });
+  } else if (symbolMode === "manual" && opts.onSymbolSelect) {
+    mountManualSymbolInput(bar, {
+      initialSymbol: opts.initialSymbol,
+      onSymbolSelect: opts.onSymbolSelect
+    });
+  }
+  const intervals = opts.intervals ?? DEFAULT_INTERVALS;
+  for (const iv of intervals) {
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.textContent = t3(`interval.${iv}`, iv);
+    btn.style.cssText = "background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px;";
+    btn.onclick = () => opts.onIntervalChange?.(iv);
+    bar.appendChild(btn);
+  }
+  const spacer = document.createElement("div");
+  spacer.style.flex = "1";
+  bar.appendChild(spacer);
+  const mkBtn = (label, fn) => {
+    const b = document.createElement("button");
+    b.type = "button";
+    b.textContent = label;
+    b.style.cssText = "background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px;";
+    b.onclick = () => fn?.();
+    return b;
+  };
+  bar.appendChild(mkBtn(t3("theme.dark", "\u4E3B\u984C"), opts.onThemeToggle));
+  if (opts.showSettings && opts.settings) mountSettingsPanel(bar, opts.settings);
+  bar.appendChild(mkBtn("\u26F6", opts.onFullscreen));
+  bar.appendChild(mkBtn("\u{1F4F7}", opts.onScreenshot));
+  parent.prepend(bar);
+  return bar;
+}
+
+// src/context-menu.ts
+import { t as t4 } from "@coderyo/i18n";
+function attachChartContextMenu(chartHost, opts = {}) {
+  let menu = null;
+  const close = () => {
+    menu?.remove();
+    menu = null;
+  };
+  const open = (x, y) => {
+    close();
+    menu = document.createElement("div");
+    menu.style.cssText = "position:fixed;z-index:50;min-width:160px;padding:4px 0;background:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #01040988;";
+    const actions = opts.actions ?? [
+      {
+        id: "fit",
+        label: t4("context.fitContent", "\u9069\u914D\u756B\u9762"),
+        onClick: () => {
+        }
+      }
+    ];
+    for (const action of actions) {
+      const row = document.createElement("button");
+      row.type = "button";
+      row.textContent = action.label;
+      row.style.cssText = "display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;color:#e6edf3;font-size:12px;cursor:pointer;";
+      row.onmouseenter = () => {
+        row.style.background = "#21262d";
+      };
+      row.onmouseleave = () => {
+        row.style.background = "transparent";
+      };
+      row.onclick = () => {
+        action.onClick();
+        close();
+      };
+      menu.appendChild(row);
+    }
+    menu.style.left = `${x}px`;
+    menu.style.top = `${y}px`;
+    document.body.appendChild(menu);
+  };
+  const onContext = (e) => {
+    e.preventDefault();
+    open(e.clientX, e.clientY);
+  };
+  chartHost.addEventListener("contextmenu", onContext);
+  document.addEventListener("click", close);
+  document.addEventListener("scroll", close, true);
+  return () => {
+    chartHost.removeEventListener("contextmenu", onContext);
+    document.removeEventListener("click", close);
+    document.removeEventListener("scroll", close, true);
+    close();
+  };
+}
+
+// src/crosshair-legend.ts
+function mountCrosshairLegend(chartHost, opts = {}) {
+  const box = document.createElement("div");
+  box.className = "tv-crosshair-legend";
+  box.style.cssText = "display:none;position:absolute;top:8px;left:8px;z-index:10;padding:6px 10px;border-radius:6px;background:#161b22e6;border:1px solid #30363d;font-size:11px;color:#e6edf3;pointer-events:none;line-height:1.5;";
+  const title = document.createElement("div");
+  title.style.cssText = "color:#8b949e;margin-bottom:2px;";
+  const body = document.createElement("div");
+  box.append(title, body);
+  chartHost.appendChild(box);
+  const fmt2 = (n) => n == null ? "\u2014" : n.toLocaleString(void 0, { maximumFractionDigits: 2 });
+  const render = (payload) => {
+    const parts = [opts.symbol, opts.interval].filter(Boolean);
+    title.textContent = parts.length ? parts.join(" \xB7 ") : "";
+    const o = payload.ohlcv;
+    if (!o?.c && o?.o == null) {
+      box.style.display = "none";
+      return;
+    }
+    const timeStr = payload.time != null ? new Date(payload.time).toLocaleString() : "";
+    body.textContent = `${timeStr}
+O ${fmt2(o?.o)}  H ${fmt2(o?.h)}  L ${fmt2(o?.l)}  C ${fmt2(o?.c)}`;
+    box.style.display = "block";
+  };
+  return {
+    el: box,
+    update: render,
+    setMeta: (meta) => {
+      Object.assign(opts, meta);
+      title.textContent = [opts.symbol, opts.interval].filter(Boolean).join(" \xB7 ");
+    },
+    hide: () => {
+      box.style.display = "none";
+    }
+  };
+}
+
+// src/drawing-properties-panel.ts
+import { t as t5 } from "@coderyo/i18n";
+function mountDrawingPropertiesPanel(parent, opts = {}) {
+  const panel = document.createElement("aside");
+  panel.className = "tv-drawing-props";
+  panel.style.cssText = "display:none;width:220px;flex-shrink:0;border-left:1px solid #30363d;background:#161b22;padding:10px 12px;font-size:12px;color:#e6edf3;overflow:auto;";
+  const title = document.createElement("div");
+  title.textContent = t5("drawing.props.title", "\u7E6A\u5716\u5C6C\u6027");
+  title.style.cssText = "font-weight:600;margin-bottom:10px;";
+  const typeEl = document.createElement("div");
+  typeEl.style.color = "#8b949e";
+  typeEl.style.marginBottom = "10px";
+  const mkRow = (label) => {
+    const row = document.createElement("label");
+    row.style.cssText = "display:flex;flex-direction:column;gap:4px;margin-bottom:8px;";
+    const span = document.createElement("span");
+    span.textContent = label;
+    span.style.color = "#8b949e";
+    row.appendChild(span);
+    return row;
+  };
+  const colorRow = mkRow(t5("drawing.props.color", "\u984F\u8272"));
+  const colorInput = document.createElement("input");
+  colorInput.type = "color";
+  colorInput.style.cssText = "width:100%;height:28px;border:none;background:transparent;cursor:pointer;";
+  colorRow.appendChild(colorInput);
+  const widthRow = mkRow(t5("drawing.props.lineWidth", "\u7DDA\u5BEC"));
+  const widthInput = document.createElement("input");
+  widthInput.type = "range";
+  widthInput.min = "1";
+  widthInput.max = "6";
+  widthInput.style.width = "100%";
+  widthRow.appendChild(widthInput);
+  const textRow = mkRow(t5("drawing.props.text", "\u6587\u5B57"));
+  const textInput = document.createElement("input");
+  textInput.type = "text";
+  textInput.style.cssText = "padding:4px 8px;border-radius:4px;border:1px solid #30363d;background:#0d1117;color:#e6edf3;";
+  textRow.appendChild(textInput);
+  const lockedHint = document.createElement("div");
+  lockedHint.style.cssText = "color:#f78166;font-size:11px;margin-top:6px;display:none;";
+  lockedHint.textContent = t5("drawing.props.locked", "\u5DF2\u9396\u5B9A \u2014 \u89E3\u9396\u5F8C\u53EF\u7DE8\u8F2F");
+  panel.append(title, typeEl, colorRow, widthRow, textRow, lockedHint);
+  parent.appendChild(panel);
+  const emit = () => {
+    opts.onStyleChange?.({
+      color: colorInput.value,
+      lineWidth: Number(widthInput.value),
+      text: textInput.value
+    });
+  };
+  colorInput.oninput = emit;
+  widthInput.oninput = emit;
+  textInput.oninput = emit;
+  const bind = (drawing) => {
+    if (!drawing) {
+      panel.style.display = "none";
+      return;
+    }
+    panel.style.display = "block";
+    typeEl.textContent = `${t5("drawing.props.type", "\u985E\u578B")}: ${drawing.type}`;
+    const meta = drawing.meta ?? {};
+    colorInput.value = String(meta.color ?? "#58a6ff");
+    widthInput.value = String(meta.lineWidth ?? 2);
+    textInput.value = String(meta.text ?? "Note");
+    textRow.style.display = drawing.type === "text" ? "flex" : "none";
+    const locked = Boolean(meta.locked);
+    lockedHint.style.display = locked ? "block" : "none";
+    colorInput.disabled = locked;
+    widthInput.disabled = locked;
+    textInput.disabled = locked;
+  };
+  return { el: panel, bind };
+}
+
+// src/indicator-pane-host.ts
+function mountIndicatorPaneHost(parent) {
+  const host = document.createElement("div");
+  host.dataset.tradviewIndicatorHost = "1";
+  host.style.cssText = "display:flex;flex-direction:column;flex:2;min-height:120px;border-top:1px solid #30363d;background:#0d1117;overflow:hidden;";
+  parent.appendChild(host);
+  return host;
+}
+
+// src/layout-features.ts
+var DEFAULT_LAYOUT_FEATURES = {
+  showTopBar: false,
+  showLeftToolbar: false,
+  showBottomToolbar: false,
+  showCrosshairLegend: false,
+  showStatusBar: false,
+  showPropertiesPanel: false,
+  showContextMenu: false,
+  showSettings: false,
+  showShortcuts: false,
+  symbolInput: "manual"
+};
+function resolveLayoutFeatures(opts = {}) {
+  const d = DEFAULT_LAYOUT_FEATURES;
+  const top = opts.showTopBar ?? d.showTopBar;
+  return {
+    showTopBar: top,
+    showLeftToolbar: opts.showLeftToolbar ?? d.showLeftToolbar,
+    showBottomToolbar: opts.showBottomToolbar ?? d.showBottomToolbar,
+    showCrosshairLegend: opts.showCrosshairLegend ?? d.showCrosshairLegend,
+    showStatusBar: opts.showStatusBar ?? d.showStatusBar,
+    showPropertiesPanel: opts.showPropertiesPanel ?? d.showPropertiesPanel,
+    showContextMenu: opts.showContextMenu ?? d.showContextMenu,
+    showSettings: opts.settings !== void 0 ? opts.showSettings ?? true : opts.showSettings ?? d.showSettings,
+    showShortcuts: opts.showShortcuts ?? d.showShortcuts,
+    symbolInput: opts.symbolInput ?? (opts.onSymbolSearch ? "search" : d.symbolInput)
+  };
+}
+function mergeLayoutFeatures(current, patch) {
+  return resolveLayoutFeatures({
+    showTopBar: patch.showTopBar ?? current.showTopBar,
+    showLeftToolbar: patch.showLeftToolbar ?? current.showLeftToolbar,
+    showBottomToolbar: patch.showBottomToolbar ?? current.showBottomToolbar,
+    showCrosshairLegend: patch.showCrosshairLegend ?? current.showCrosshairLegend,
+    showStatusBar: patch.showStatusBar ?? current.showStatusBar,
+    showPropertiesPanel: patch.showPropertiesPanel ?? current.showPropertiesPanel,
+    showContextMenu: patch.showContextMenu ?? current.showContextMenu,
+    showSettings: patch.showSettings ?? current.showSettings,
+    showShortcuts: patch.showShortcuts ?? current.showShortcuts,
+    symbolInput: patch.symbolInput ?? current.symbolInput
+  });
+}
+function createDemoLayoutOptions(partial = {}) {
+  return {
+    ...partial,
+    showTopBar: partial.showTopBar ?? true,
+    showLeftToolbar: partial.showLeftToolbar ?? true,
+    showCrosshairLegend: partial.showCrosshairLegend ?? true,
+    showStatusBar: partial.showStatusBar ?? true,
+    showPropertiesPanel: partial.showPropertiesPanel ?? true,
+    showContextMenu: partial.showContextMenu ?? true,
+    showSettings: partial.showSettings ?? true,
+    showShortcuts: partial.showShortcuts ?? true,
+    showBottomToolbar: partial.showBottomToolbar ?? true,
+    symbolInput: partial.symbolInput ?? (partial.onSymbolSearch ? "search" : "manual")
+  };
+}
+
+// src/status-bar.ts
+import { getLocale, setLocale, t as t6 } from "@coderyo/i18n";
+function fmt(n, digits = 2) {
+  if (n == null || Number.isNaN(n)) return "\u2014";
+  return n.toLocaleString(void 0, { maximumFractionDigits: digits });
+}
+function mountStatusBar(parent, opts = {}) {
+  const bar = document.createElement("div");
+  bar.className = "tv-statusbar";
+  bar.style.cssText = "display:flex;align-items:center;gap:14px;padding:6px 12px;font-size:11px;color:#8b949e;border-top:1px solid #30363d;background:#161b22;flex-shrink:0;";
+  const conn = document.createElement("span");
+  const sym = document.createElement("span");
+  const ohlcv = document.createElement("span");
+  ohlcv.style.flex = "1";
+  ohlcv.style.color = "#e6edf3";
+  const localeWrap = document.createElement("label");
+  localeWrap.style.cssText = "display:flex;align-items:center;gap:4px;margin-left:auto;";
+  const localeLabel = document.createElement("span");
+  localeLabel.textContent = t6("status.locale", "\u8A9E\u7CFB");
+  const localeSelect = document.createElement("select");
+  localeSelect.style.cssText = "background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:4px;font-size:11px;padding:2px 4px;";
+  for (const loc of ["zh-TW", "en"]) {
+    const opt = document.createElement("option");
+    opt.value = loc;
+    opt.textContent = loc;
+    localeSelect.appendChild(opt);
+  }
+  localeSelect.value = opts.locale ?? getLocale();
+  localeSelect.onchange = () => {
+    setLocale(localeSelect.value);
+    opts.onLocaleChange?.(localeSelect.value);
+    localeLabel.textContent = t6("status.locale", "\u8A9E\u7CFB");
+    render(opts);
+  };
+  localeWrap.append(localeLabel, localeSelect);
+  bar.append(conn, sym, ohlcv, localeWrap);
+  parent.appendChild(bar);
+  const render = (state) => {
+    const merged = { ...opts, ...state };
+    conn.textContent = `${t6("status.connection", "\u9023\u7DDA")}\uFF1A${merged.connection ?? "\u2014"}`;
+    const parts = [merged.symbol, merged.interval].filter(Boolean);
+    sym.textContent = parts.length ? parts.join(" \xB7 ") : "";
+    const o = merged.ohlcv;
+    if (o && (o.o != null || o.c != null)) {
+      ohlcv.textContent = `O ${fmt(o.o)}  H ${fmt(o.h)}  L ${fmt(o.l)}  C ${fmt(o.c)}  V ${fmt(o.v, 0)}`;
+    } else {
+      ohlcv.textContent = t6("status.ohlcvHint", "\u79FB\u52D5\u5341\u5B57\u7DDA\u67E5\u770B OHLCV");
+    }
+  };
+  render(opts);
+  return {
+    el: bar,
+    update: (patch) => {
+      Object.assign(opts, patch);
+      render(opts);
+    }
+  };
+}
+
+// src/shortcuts-modal.ts
+import { t as t7 } from "@coderyo/i18n";
+var SHORTCUTS = [
+  { key: "\u2196 / Esc", desc: "\u6E38\u6A19\uFF08\u9078\u53D6/\u7DE8\u8F2F\u7E6A\u5716\uFF09" },
+  { key: "Delete", desc: "\u522A\u9664\u9078\u4E2D\u7E6A\u5716" },
+  { key: "R", desc: "\u9069\u914D\u756B\u9762" },
+  { key: "End", desc: "\u8DF3\u5230\u6700\u65B0 K \u7DDA" },
+  { key: "F", desc: "\u5168\u87A2\u5E55" },
+  { key: "S", desc: "\u622A\u5716 PNG" },
+  { key: "L", desc: "\u5C0D\u6578\u50F9\u683C\u8EF8" },
+  { key: "T", desc: "\u5207\u63DB\u4E3B\u984C" },
+  { key: "?", desc: "\u672C\u8AAA\u660E" }
+];
+function bindShortcutsModal() {
+  const handler = (e) => {
+    if (e.key !== "?" || e.ctrlKey || e.metaKey) return;
+    const tag = e.target?.tagName;
+    if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return;
+    e.preventDefault();
+    openShortcutsModal();
+  };
+  window.addEventListener("keydown", handler);
+  return () => window.removeEventListener("keydown", handler);
+}
+function openShortcutsModal() {
+  const backdrop = document.createElement("div");
+  backdrop.style.cssText = "position:fixed;inset:0;z-index:100;background:#01040999;display:flex;align-items:center;justify-content:center;";
+  const box = document.createElement("div");
+  box.style.cssText = "min-width:320px;max-width:90vw;padding:16px 20px;background:#161b22;border:1px solid #30363d;border-radius:8px;color:#e6edf3;";
+  const h = document.createElement("h2");
+  h.textContent = t7("shortcuts.title", "\u5FEB\u6377\u9375");
+  h.style.cssText = "font-size:16px;margin:0 0 12px;";
+  const list = document.createElement("div");
+  list.style.cssText = "font-size:13px;line-height:1.8;";
+  for (const s of SHORTCUTS) {
+    const row = document.createElement("div");
+    row.innerHTML = `<kbd style="background:#21262d;padding:2px 6px;border-radius:4px;margin-right:8px;">${s.key}</kbd>${s.desc}`;
+    list.appendChild(row);
+  }
+  const closeBtn = document.createElement("button");
+  closeBtn.type = "button";
+  closeBtn.textContent = t7("shortcuts.close", "\u95DC\u9589");
+  closeBtn.style.cssText = "margin-top:14px;padding:6px 14px;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;cursor:pointer;";
+  const close = () => backdrop.remove();
+  closeBtn.onclick = close;
+  backdrop.onclick = (e) => {
+    if (e.target === backdrop) close();
+  };
+  box.append(h, list, closeBtn);
+  backdrop.appendChild(box);
+  document.body.appendChild(backdrop);
+}
+
+// src/chart-layout.ts
+var DRAWING_TOOLS = [
+  { id: "cursor", label: "\u2196" },
+  { id: "trendline", label: "\u2571" },
+  { id: "hline", label: "\u2500" },
+  { id: "vline", label: "\u2502" },
+  { id: "rectangle", label: "\u25AD" },
+  { id: "fibonacci", label: "\u03C6" },
+  { id: "text", label: "T" }
+];
+var MOBILE_MQ = "(max-width: 768px)";
+function mountToolButtons(parent, activeTool, onSelect, layout) {
+  const btnStyle = layout === "column" ? "width:36px;height:32px;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;cursor:pointer;font-size:14px;" : "min-width:40px;height:36px;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;cursor:pointer;font-size:14px;padding:0 8px;";
+  const activeStyle = btnStyle.replace("#21262d", "#388bfd").replace("#e6edf3", "#fff");
+  const buttons = /* @__PURE__ */ new Map();
+  for (const tool of DRAWING_TOOLS) {
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.title = tool.id;
+    btn.textContent = tool.label;
+    btn.style.cssText = activeTool === tool.id ? activeStyle : btnStyle;
+    btn.onclick = () => onSelect(tool.id);
+    buttons.set(tool.id, btn);
+    parent.appendChild(btn);
+  }
+  return {
+    setActive: (tool) => {
+      for (const [id, btn] of buttons) {
+        btn.style.cssText = id === tool ? activeStyle : btnStyle;
+      }
+    }
+  };
+}
+function mountChartLayout(root, opts = {}) {
+  let layoutFeatures = resolveLayoutFeatures(opts);
+  root.style.display = "flex";
+  root.style.flexDirection = "column";
+  root.style.height = "100%";
+  root.style.background = "#0d1117";
+  let activeTool = opts.activeDrawingTool ?? "cursor";
+  let setActiveDesktop = null;
+  let setActiveMobile = null;
+  const setActiveDrawingTool = (tool) => {
+    activeTool = tool;
+    setActiveDesktop?.(tool);
+    setActiveMobile?.(tool);
+  };
+  const onToolSelect = (tool) => {
+    setActiveDrawingTool(tool);
+    opts.onDrawingToolSelect?.(tool);
+  };
+  const body = document.createElement("div");
+  body.style.cssText = "display:flex;flex:1;min-height:0;";
+  const leftAside = document.createElement("aside");
+  leftAside.style.cssText = "width:48px;border-right:1px solid #30363d;background:#161b22;display:flex;flex-direction:column;align-items:center;padding:8px 4px;gap:8px;flex-shrink:0;z-index:20;";
+  const bottomBar = document.createElement("div");
+  bottomBar.style.cssText = "display:none;flex-shrink:0;gap:6px;padding:6px 8px;border-top:1px solid #30363d;background:#161b22;overflow-x:auto;";
+  const chartColumn = document.createElement("div");
+  chartColumn.style.cssText = "display:flex;flex-direction:column;flex:1;min-height:0;";
+  const chartHost = document.createElement("div");
+  chartHost.style.cssText = "flex:1;min-height:0;width:100%;height:100%;position:relative;overflow:hidden;";
+  chartColumn.appendChild(chartHost);
+  const indicatorHost = mountIndicatorPaneHost(chartColumn);
+  const statusBar = mountStatusBar(chartColumn, opts.statusBar ?? {});
+  body.appendChild(chartColumn);
+  const propertiesPanel = mountDrawingPropertiesPanel(body, {
+    onStyleChange: opts.onDrawingStyleChange
+  });
+  opts.onDrawingSelectionBind?.(propertiesPanel.bind);
+  root.appendChild(body);
+  root.appendChild(bottomBar);
+  let topBar = document.createElement("div");
+  topBar.style.display = "none";
+  root.insertBefore(topBar, body);
+  const crosshairLegend = mountCrosshairLegend(chartHost, { symbol: opts.initialSymbol });
+  let detachContextMenu = () => {
+  };
+  let shortcutsBound = false;
+  const mountLeftToolbar = () => {
+    if (leftAside.parentElement) return;
+    const desktopTools = mountToolButtons(leftAside, activeTool, onToolSelect, "column");
+    setActiveDesktop = desktopTools.setActive;
+    body.insertBefore(leftAside, chartColumn);
+    bottomBar.style.flexDirection = "row";
+    const mobileTools = mountToolButtons(bottomBar, activeTool, onToolSelect, "row");
+    setActiveMobile = mobileTools.setActive;
+    const mq = window.matchMedia(MOBILE_MQ);
+    const applyLayout = () => {
+      const mobile = mq.matches;
+      leftAside.style.display = mobile ? "none" : "flex";
+      const showBottom = layoutFeatures.showBottomToolbar !== false;
+      bottomBar.style.display = mobile && showBottom ? "flex" : "none";
+    };
+    mq.addEventListener("change", applyLayout);
+    applyLayout();
+  };
+  const unmountLeftToolbar = () => {
+    leftAside.remove();
+    bottomBar.innerHTML = "";
+    setActiveDesktop = null;
+    setActiveMobile = null;
+  };
+  const applyLayoutFeatures = () => {
+    const f = layoutFeatures;
+    if (f.showTopBar) {
+      topBar.remove();
+      topBar = mountTopBar(root, {
+        ...opts,
+        symbolInput: f.symbolInput,
+        showSettings: f.showSettings
+      });
+    } else {
+      topBar.style.display = "none";
+    }
+    if (f.showLeftToolbar) mountLeftToolbar();
+    else unmountLeftToolbar();
+    crosshairLegend.el.style.display = f.showCrosshairLegend ? "" : "none";
+    statusBar.el.style.display = f.showStatusBar ? "" : "none";
+    propertiesPanel.el.style.display = f.showPropertiesPanel ? "" : "none";
+    detachContextMenu();
+    if (f.showContextMenu) {
+      detachContextMenu = attachChartContextMenu(chartHost, {
+        actions: opts.contextMenuActions
+      });
+    }
+    if (f.showShortcuts && !shortcutsBound) {
+      bindShortcutsModal();
+      shortcutsBound = true;
+    }
+  };
+  applyLayoutFeatures();
+  return {
+    chartHost,
+    indicatorHost,
+    topBar,
+    statusBar,
+    crosshairLegend,
+    detachContextMenu,
+    setActiveDrawingTool,
+    propertiesPanel,
+    setLayoutFeatures: (patch) => {
+      layoutFeatures = mergeLayoutFeatures(layoutFeatures, patch);
+      applyLayoutFeatures();
+    },
+    getLayoutFeatures: () => ({ ...layoutFeatures })
+  };
+}
+
+// src/drawing-context-menu.ts
+import { t as t8 } from "@coderyo/i18n";
+function openDrawingContextMenu(clientX, clientY, drawing, handlers) {
+  const menu = document.createElement("div");
+  menu.style.cssText = "position:fixed;z-index:60;min-width:168px;padding:4px 0;background:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #01040988;";
+  menu.style.left = `${clientX}px`;
+  menu.style.top = `${clientY}px`;
+  const add = (label, fn, disabled = false) => {
+    if (!fn) return;
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.textContent = label;
+    btn.disabled = disabled;
+    btn.style.cssText = "display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;color:#e6edf3;font-size:12px;cursor:pointer;";
+    if (disabled) btn.style.opacity = "0.45";
+    btn.onclick = () => {
+      fn();
+      close();
+    };
+    menu.appendChild(btn);
+  };
+  if (drawing) {
+    const locked = Boolean(drawing.meta?.locked);
+    add(t8("drawing.ctx.delete", "\u522A\u9664"), handlers.onDelete);
+    add(t8("drawing.ctx.copy", "\u8907\u88FD"), handlers.onCopy);
+    add(
+      locked ? t8("drawing.ctx.unlock", "\u89E3\u9396") : t8("drawing.ctx.lock", "\u9396\u5B9A"),
+      handlers.onToggleLock
+    );
+    if (drawing.type === "text") {
+      add(t8("drawing.ctx.editText", "\u7DE8\u8F2F\u6587\u5B57"), handlers.onEditText);
+    }
+    add(t8("drawing.ctx.deselect", "\u53D6\u6D88\u9078\u53D6"), handlers.onDeselect);
+  }
+  document.body.appendChild(menu);
+  const close = () => {
+    menu.remove();
+    document.removeEventListener("click", close);
+  };
+  setTimeout(() => document.addEventListener("click", close), 0);
+  return close;
+}
+
+// src/code-snippet-panel.ts
+function mountCodeSnippetPanel(parent, getCode) {
+  const wrap = document.createElement("details");
+  wrap.style.cssText = "flex-shrink:0;border-top:1px solid #30363d;background:#161b22;padding:6px 12px;font-size:11px;color:#8b949e;";
+  const summary = document.createElement("summary");
+  summary.textContent = "\u5D4C\u5165\u7A0B\u5F0F\u78BC\uFF08\u6574\u5408\u65B9\uFF09";
+  summary.style.cssText = "cursor:pointer;color:#58a6ff;user-select:none;";
+  const pre = document.createElement("pre");
+  pre.style.cssText = "margin:8px 0 0;padding:10px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-size:11px;overflow:auto;max-height:160px;white-space:pre-wrap;";
+  const copyBtn = document.createElement("button");
+  copyBtn.type = "button";
+  copyBtn.textContent = "\u8907\u88FD";
+  copyBtn.style.cssText = "margin-top:6px;padding:4px 10px;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;cursor:pointer;font-size:11px;";
+  copyBtn.onclick = () => {
+    const code = getCode();
+    pre.textContent = code;
+    void navigator.clipboard.writeText(code);
+  };
+  wrap.ontoggle = () => {
+    if (wrap.open) pre.textContent = getCode();
+  };
+  wrap.append(summary, pre, copyBtn);
+  parent.appendChild(wrap);
+  return wrap;
+}
+export {
+  DEFAULT_LAYOUT_FEATURES,
+  GRID_SETTING_KEY,
+  RETURN_CURSOR_KEY,
+  attachChartContextMenu,
+  bindShortcutsModal,
+  createDemoLayoutOptions,
+  loadIndicatorConfig,
+  loadReturnToCursorPreference,
+  loadShowGridPreference,
+  mergeLayoutFeatures,
+  mountChartLayout,
+  mountCodeSnippetPanel,
+  mountCrosshairLegend,
+  mountDrawingPropertiesPanel,
+  mountSettingsPanel as mountSettingsMenu,
+  mountSettingsPanel,
+  mountStatusBar,
+  mountSymbolSearch,
+  mountTopBar,
+  openDrawingContextMenu,
+  openShortcutsModal,
+  resolveLayoutFeatures,
+  saveIndicatorConfig,
+  saveReturnToCursorPreference,
+  saveShowGridPreference
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/top-bar.ts","../src/user-preferences.ts","../src/settings-panel.ts","../src/symbol-search.ts","../src/context-menu.ts","../src/crosshair-legend.ts","../src/drawing-properties-panel.ts","../src/indicator-pane-host.ts","../src/layout-features.ts","../src/status-bar.ts","../src/shortcuts-modal.ts","../src/chart-layout.ts","../src/drawing-context-menu.ts","../src/code-snippet-panel.ts"],"sourcesContent":["import { DEFAULT_INTERVALS, type Interval, type SymbolSearchHit } from '@coderyo/data';\nimport { t } from '@coderyo/i18n';\nimport { mountSettingsMenu, type SettingsMenuOptions } from './settings-menu.js';\nimport { mountSymbolSearch } from './symbol-search.js';\n\nexport type SymbolInputMode = 'manual' | 'search' | 'none';\n\nexport interface TopBarOptions {\n  intervals?: Interval[];\n  initialSymbol?: string;\n  onSymbolSearch?: (query: string) => Promise<SymbolSearchHit[]>;\n  onSymbolSelect?: (symbol: string) => void;\n  onIntervalChange?: (interval: Interval) => void;\n  onThemeToggle?: () => void;\n  onFullscreen?: () => void;\n  onScreenshot?: () => void;\n  settings?: SettingsMenuOptions;\n  symbolInput?: SymbolInputMode;\n  showSettings?: boolean;\n}\n\nfunction mountManualSymbolInput(\n  parent: HTMLElement,\n  opts: { initialSymbol?: string; onSymbolSelect?: (symbol: string) => void },\n): void {\n  const wrap = document.createElement('div');\n  wrap.style.cssText = 'display:flex;align-items:center;gap:4px;margin-right:8px;';\n  const input = document.createElement('input');\n  input.type = 'text';\n  input.placeholder = t('symbol.search', 'Symbol');\n  input.value = opts.initialSymbol ?? '';\n  input.style.cssText =\n    'width:140px;background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:4px 8px;font-size:12px;';\n  const apply = () => {\n    const v = input.value.trim();\n    if (v) opts.onSymbolSelect?.(v);\n  };\n  input.addEventListener('keydown', (e) => {\n    if (e.key === 'Enter') apply();\n  });\n  const btn = document.createElement('button');\n  btn.type = 'button';\n  btn.textContent = '↵';\n  btn.title = 'Apply symbol';\n  btn.style.cssText =\n    'background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;';\n  btn.onclick = apply;\n  wrap.append(input, btn);\n  parent.appendChild(wrap);\n}\n\nexport function mountTopBar(parent: HTMLElement, opts: TopBarOptions = {}): HTMLElement {\n  const bar = document.createElement('div');\n  bar.className = 'tv-topbar';\n  bar.style.cssText =\n    'display:flex;gap:8px;padding:8px 12px;align-items:center;border-bottom:1px solid #30363d;background:#161b22;';\n\n  const symbolMode = opts.symbolInput ?? 'manual';\n  if (symbolMode === 'search' && opts.onSymbolSearch && opts.onSymbolSelect) {\n    mountSymbolSearch(bar, {\n      initialSymbol: opts.initialSymbol,\n      onSearch: opts.onSymbolSearch,\n      onSelect: opts.onSymbolSelect,\n    });\n  } else if (symbolMode === 'manual' && opts.onSymbolSelect) {\n    mountManualSymbolInput(bar, {\n      initialSymbol: opts.initialSymbol,\n      onSymbolSelect: opts.onSymbolSelect,\n    });\n  }\n\n  const intervals = opts.intervals ?? DEFAULT_INTERVALS;\n  for (const iv of intervals) {\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.textContent = t(`interval.${iv}`, iv);\n    btn.style.cssText =\n      'background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px;';\n    btn.onclick = () => opts.onIntervalChange?.(iv);\n    bar.appendChild(btn);\n  }\n\n  const spacer = document.createElement('div');\n  spacer.style.flex = '1';\n  bar.appendChild(spacer);\n\n  const mkBtn = (label: string, fn?: () => void) => {\n    const b = document.createElement('button');\n    b.type = 'button';\n    b.textContent = label;\n    b.style.cssText =\n      'background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px;';\n    b.onclick = () => fn?.();\n    return b;\n  };\n\n  bar.appendChild(mkBtn(t('theme.dark', '主題'), opts.onThemeToggle));\n  if (opts.showSettings && opts.settings) mountSettingsMenu(bar, opts.settings);\n  bar.appendChild(mkBtn('⛶', opts.onFullscreen));\n  bar.appendChild(mkBtn('📷', opts.onScreenshot));\n\n  parent.prepend(bar);\n  return bar;\n}","import type { IndicatorConfig } from '@coderyo/indicators';\nimport { DEFAULT_INDICATOR_CONFIG, indicatorConfigStorageKey } from '@coderyo/indicators';\n\nexport const GRID_SETTING_KEY = 'tradview:settings:showGrid';\nexport const RETURN_CURSOR_KEY = 'tradview:settings:returnToCursorAfterDraw';\n\nexport function loadShowGridPreference(): boolean {\n  try {\n    return localStorage.getItem(GRID_SETTING_KEY) === '1';\n  } catch {\n    return false;\n  }\n}\n\nexport function saveShowGridPreference(show: boolean): void {\n  try {\n    localStorage.setItem(GRID_SETTING_KEY, show ? '1' : '0');\n  } catch {\n    /* ignore */\n  }\n}\n\nexport function loadReturnToCursorPreference(): boolean {\n  try {\n    return localStorage.getItem(RETURN_CURSOR_KEY) === '1';\n  } catch {\n    return false;\n  }\n}\n\nexport function saveReturnToCursorPreference(v: boolean): void {\n  try {\n    localStorage.setItem(RETURN_CURSOR_KEY, v ? '1' : '0');\n  } catch {\n    /* ignore */\n  }\n}\n\nexport function loadIndicatorConfig(symbol: string, interval: string): IndicatorConfig {\n  try {\n    const raw = localStorage.getItem(indicatorConfigStorageKey(symbol, interval));\n    if (!raw) return { ...DEFAULT_INDICATOR_CONFIG };\n    return { ...DEFAULT_INDICATOR_CONFIG, ...JSON.parse(raw) };\n  } catch {\n    return { ...DEFAULT_INDICATOR_CONFIG };\n  }\n}\n\nexport function saveIndicatorConfig(\n  symbol: string,\n  interval: string,\n  config: IndicatorConfig,\n): void {\n  try {\n    localStorage.setItem(indicatorConfigStorageKey(symbol, interval), JSON.stringify(config));\n  } catch {\n    /* ignore */\n  }\n}","import { DEFAULT_INDICATOR_CONFIG, type IndicatorConfig } from '@coderyo/indicators';\nimport { t } from '@coderyo/i18n';\nimport {\n  loadReturnToCursorPreference,\n  loadShowGridPreference,\n  saveReturnToCursorPreference,\n  saveShowGridPreference,\n} from './user-preferences.js';\n\nexport interface SettingsPanelOptions {\n  showGrid?: boolean;\n  onShowGridChange?: (show: boolean) => void;\n  returnToCursorAfterDraw?: boolean;\n  onReturnToCursorChange?: (v: boolean) => void;\n  indicatorConfig?: IndicatorConfig;\n  onIndicatorConfigChange?: (config: IndicatorConfig) => void;\n}\n\nexport function mountSettingsPanel(parent: HTMLElement, opts: SettingsPanelOptions = {}): HTMLElement {\n  let open = false;\n  let tab: 'chart' | 'drawing' | 'indicator' = 'chart';\n  let showGrid = opts.showGrid ?? loadShowGridPreference();\n  let returnToCursor = opts.returnToCursorAfterDraw ?? loadReturnToCursorPreference();\n  let indicatorConfig = { ...(opts.indicatorConfig ?? DEFAULT_INDICATOR_CONFIG) };\n\n  const wrap = document.createElement('div');\n  wrap.style.cssText = 'position:relative;';\n\n  const btn = document.createElement('button');\n  btn.type = 'button';\n  btn.title = t('settings.title', '設定');\n  btn.textContent = '⚙';\n  btn.style.cssText =\n    'background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:14px;';\n\n  const panel = document.createElement('div');\n  panel.style.cssText =\n    'display:none;position:absolute;right:0;top:100%;margin-top:4px;width:280px;max-height:70vh;overflow:auto;padding:0;background:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #01040988;z-index:30;';\n\n  const tabs = document.createElement('div');\n  tabs.style.cssText = 'display:flex;border-bottom:1px solid #30363d;';\n  const content = document.createElement('div');\n  content.style.cssText = 'padding:10px 12px;font-size:12px;';\n\n  const tabIds = [\n    ['chart', t('settings.tab.chart', '圖表')],\n    ['drawing', t('settings.tab.drawing', '繪圖')],\n    ['indicator', t('settings.tab.indicator', '指標')],\n  ] as const;\n\n  const renderTabs = () => {\n    tabs.replaceChildren();\n    for (const [id, label] of tabIds) {\n      const b = document.createElement('button');\n      b.type = 'button';\n      b.textContent = label;\n      b.style.cssText = `flex:1;padding:8px;border:none;cursor:pointer;font-size:12px;${\n        tab === id ? 'background:#21262d;color:#e6edf3;' : 'background:transparent;color:#8b949e;'\n      }`;\n      b.onclick = (e) => {\n        e.stopPropagation();\n        tab = id;\n        renderTabs();\n        renderContent();\n      };\n      tabs.appendChild(b);\n    }\n  };\n\n  const checkbox = (label: string, checked: boolean, onChange: (v: boolean) => void) => {\n    const row = document.createElement('label');\n    row.style.cssText =\n      'display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;color:#e6edf3;';\n    const input = document.createElement('input');\n    input.type = 'checkbox';\n    input.checked = checked;\n    input.onchange = () => onChange(input.checked);\n    row.append(input, document.createTextNode(label));\n    return row;\n  };\n\n  const numberField = (label: string, value: number, onChange: (n: number) => void) => {\n    const row = document.createElement('label');\n    row.style.cssText = 'display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;';\n    row.innerHTML = `<span style=\"color:#8b949e\">${label}</span>`;\n    const input = document.createElement('input');\n    input.type = 'number';\n    input.value = String(value);\n    input.style.cssText =\n      'width:72px;padding:2px 6px;border-radius:4px;border:1px solid #30363d;background:#0d1117;color:#e6edf3;';\n    input.onchange = () => onChange(Number(input.value) || value);\n    row.appendChild(input);\n    return row;\n  };\n\n  const renderContent = () => {\n    content.replaceChildren();\n    if (tab === 'chart') {\n      content.appendChild(\n        checkbox(t('settings.showGrid', '顯示網格'), showGrid, (v) => {\n          showGrid = v;\n          saveShowGridPreference(v);\n          opts.onShowGridChange?.(v);\n        }),\n      );\n    } else if (tab === 'drawing') {\n      content.appendChild(\n        checkbox(t('settings.returnCursor', '畫完切回游標'), returnToCursor, (v) => {\n          returnToCursor = v;\n          saveReturnToCursorPreference(v);\n          opts.onReturnToCursorChange?.(v);\n        }),\n      );\n    } else {\n      content.appendChild(\n        checkbox(t('settings.ind.macd', 'MACD 窗格'), indicatorConfig.showMacd, (v) => {\n          indicatorConfig = { ...indicatorConfig, showMacd: v };\n          opts.onIndicatorConfigChange?.(indicatorConfig);\n        }),\n      );\n      content.appendChild(\n        checkbox(t('settings.ind.rsi', 'RSI 窗格'), indicatorConfig.showRsi, (v) => {\n          indicatorConfig = { ...indicatorConfig, showRsi: v };\n          opts.onIndicatorConfigChange?.(indicatorConfig);\n        }),\n      );\n      content.appendChild(\n        checkbox(t('settings.ind.kdj', 'KDJ 窗格'), indicatorConfig.showKdj, (v) => {\n          indicatorConfig = { ...indicatorConfig, showKdj: v };\n          opts.onIndicatorConfigChange?.(indicatorConfig);\n        }),\n      );\n      const src = document.createElement('label');\n      src.style.cssText = 'display:flex;justify-content:space-between;margin:8px 0 6px;';\n      src.innerHTML = `<span style=\"color:#8b949e\">${t('settings.ind.source', '源')}</span>`;\n      const sel = document.createElement('select');\n      sel.style.cssText =\n        'background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:4px;padding:2px 6px;';\n      for (const v of ['close', 'hlc3'] as const) {\n        const o = document.createElement('option');\n        o.value = v;\n        o.textContent = v;\n        sel.appendChild(o);\n      }\n      sel.value = indicatorConfig.source;\n      sel.onchange = () => {\n        indicatorConfig = { ...indicatorConfig, source: sel.value as IndicatorConfig['source'] };\n        opts.onIndicatorConfigChange?.(indicatorConfig);\n      };\n      src.appendChild(sel);\n      content.appendChild(src);\n      content.appendChild(\n        numberField('MA', indicatorConfig.maPeriod, (n) => {\n          indicatorConfig = { ...indicatorConfig, maPeriod: n };\n          opts.onIndicatorConfigChange?.(indicatorConfig);\n        }),\n      );\n      content.appendChild(\n        numberField('MACD fast', indicatorConfig.macdFast, (n) => {\n          indicatorConfig = { ...indicatorConfig, macdFast: n };\n          opts.onIndicatorConfigChange?.(indicatorConfig);\n        }),\n      );\n      content.appendChild(\n        numberField('MACD slow', indicatorConfig.macdSlow, (n) => {\n          indicatorConfig = { ...indicatorConfig, macdSlow: n };\n          opts.onIndicatorConfigChange?.(indicatorConfig);\n        }),\n      );\n      content.appendChild(\n        numberField('RSI', indicatorConfig.rsiPeriod, (n) => {\n          indicatorConfig = { ...indicatorConfig, rsiPeriod: n };\n          opts.onIndicatorConfigChange?.(indicatorConfig);\n        }),\n      );\n      content.appendChild(\n        numberField('KDJ', indicatorConfig.kdjPeriod, (n) => {\n          indicatorConfig = { ...indicatorConfig, kdjPeriod: n };\n          opts.onIndicatorConfigChange?.(indicatorConfig);\n        }),\n      );\n    }\n  };\n\n  renderTabs();\n  renderContent();\n  panel.append(tabs, content);\n\n  btn.onclick = (e) => {\n    e.stopPropagation();\n    open = !open;\n    panel.style.display = open ? 'block' : 'none';\n  };\n\n  const close = () => {\n    open = false;\n    panel.style.display = 'none';\n  };\n  document.addEventListener('click', close);\n  panel.onclick = (e) => e.stopPropagation();\n\n  wrap.append(btn, panel);\n  parent.appendChild(wrap);\n  return wrap;\n}","import type { SymbolSearchHit } from '@coderyo/data';\nimport { t } from '@coderyo/i18n';\n\nexport interface SymbolSearchOptions {\n  onSearch: (query: string) => Promise<SymbolSearchHit[]>;\n  onSelect: (symbol: string) => void;\n  initialSymbol?: string;\n}\n\nexport function mountSymbolSearch(parent: HTMLElement, opts: SymbolSearchOptions): HTMLElement {\n  const wrap = document.createElement('div');\n  wrap.style.cssText = 'display:flex;align-items:center;gap:6px;margin-right:8px;';\n\n  const input = document.createElement('input');\n  input.type = 'search';\n  input.placeholder = t('symbol.search', '搜尋商品');\n  input.value = opts.initialSymbol ?? '';\n  input.style.cssText =\n    'width:140px;padding:4px 8px;border-radius:4px;border:1px solid #30363d;background:#0d1117;color:#e6edf3;font-size:12px;';\n\n  const list = document.createElement('div');\n  list.style.cssText =\n    'display:none;position:absolute;top:100%;left:0;z-index:20;min-width:200px;max-height:200px;overflow:auto;background:#161b22;border:1px solid #30363d;border-radius:4px;';\n\n  const box = document.createElement('div');\n  box.style.position = 'relative';\n  box.append(input, list);\n  wrap.appendChild(box);\n\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  const renderHits = (hits: SymbolSearchHit[]) => {\n    list.replaceChildren();\n    if (hits.length === 0) {\n      list.style.display = 'none';\n      return;\n    }\n    for (const hit of hits) {\n      const row = document.createElement('button');\n      row.type = 'button';\n      row.textContent = hit.exchange ? `${hit.symbol} · ${hit.exchange}` : hit.symbol;\n      row.style.cssText =\n        'display:block;width:100%;text-align:left;padding:6px 10px;border:none;background:transparent;color:#e6edf3;cursor:pointer;font-size:12px;';\n      row.onmouseenter = () => {\n        row.style.background = '#21262d';\n      };\n      row.onmouseleave = () => {\n        row.style.background = 'transparent';\n      };\n      row.onclick = () => {\n        input.value = hit.symbol;\n        list.style.display = 'none';\n        opts.onSelect(hit.symbol);\n      };\n      list.appendChild(row);\n    }\n    list.style.display = 'block';\n  };\n\n  input.addEventListener('input', () => {\n    clearTimeout(timer);\n    const q = input.value.trim();\n    if (q.length < 1) {\n      list.style.display = 'none';\n      return;\n    }\n    timer = setTimeout(() => {\n      void opts.onSearch(q).then(renderHits).catch(() => {\n        list.style.display = 'none';\n      });\n    }, 200);\n  });\n\n  document.addEventListener('click', (e) => {\n    if (!box.contains(e.target as Node)) list.style.display = 'none';\n  });\n\n  parent.appendChild(wrap);\n  return wrap;\n}","import { t } from '@coderyo/i18n';\n\nexport interface ContextMenuAction {\n  id: string;\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ContextMenuOptions {\n  actions?: ContextMenuAction[];\n}\n\nexport function attachChartContextMenu(\n  chartHost: HTMLElement,\n  opts: ContextMenuOptions = {},\n): () => void {\n  let menu: HTMLDivElement | null = null;\n\n  const close = () => {\n    menu?.remove();\n    menu = null;\n  };\n\n  const open = (x: number, y: number) => {\n    close();\n    menu = document.createElement('div');\n    menu.style.cssText =\n      'position:fixed;z-index:50;min-width:160px;padding:4px 0;background:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #01040988;';\n\n    const actions: ContextMenuAction[] = opts.actions ?? [\n      {\n        id: 'fit',\n        label: t('context.fitContent', '適配畫面'),\n        onClick: () => {},\n      },\n    ];\n\n    for (const action of actions) {\n      const row = document.createElement('button');\n      row.type = 'button';\n      row.textContent = action.label;\n      row.style.cssText =\n        'display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;color:#e6edf3;font-size:12px;cursor:pointer;';\n      row.onmouseenter = () => {\n        row.style.background = '#21262d';\n      };\n      row.onmouseleave = () => {\n        row.style.background = 'transparent';\n      };\n      row.onclick = () => {\n        action.onClick();\n        close();\n      };\n      menu.appendChild(row);\n    }\n\n    menu.style.left = `${x}px`;\n    menu.style.top = `${y}px`;\n    document.body.appendChild(menu);\n  };\n\n  const onContext = (e: MouseEvent) => {\n    e.preventDefault();\n    open(e.clientX, e.clientY);\n  };\n\n  chartHost.addEventListener('contextmenu', onContext);\n  document.addEventListener('click', close);\n  document.addEventListener('scroll', close, true);\n\n  return () => {\n    chartHost.removeEventListener('contextmenu', onContext);\n    document.removeEventListener('click', close);\n    document.removeEventListener('scroll', close, true);\n    close();\n  };\n}","import type { OhlcvSnapshot } from './status-bar.js';\n\nexport interface CrosshairLegendOptions {\n  symbol?: string;\n  interval?: string;\n}\n\nexport function mountCrosshairLegend(\n  chartHost: HTMLElement,\n  opts: CrosshairLegendOptions = {},\n): {\n  el: HTMLElement;\n  update: (payload: { time?: number; ohlcv?: OhlcvSnapshot | null }) => void;\n  setMeta: (meta: CrosshairLegendOptions) => void;\n  hide: () => void;\n} {\n  const box = document.createElement('div');\n  box.className = 'tv-crosshair-legend';\n  box.style.cssText =\n    'display:none;position:absolute;top:8px;left:8px;z-index:10;padding:6px 10px;border-radius:6px;background:#161b22e6;border:1px solid #30363d;font-size:11px;color:#e6edf3;pointer-events:none;line-height:1.5;';\n\n  const title = document.createElement('div');\n  title.style.cssText = 'color:#8b949e;margin-bottom:2px;';\n  const body = document.createElement('div');\n  box.append(title, body);\n  chartHost.appendChild(box);\n\n  const fmt = (n: number | undefined) =>\n    n == null ? '—' : n.toLocaleString(undefined, { maximumFractionDigits: 2 });\n\n  const render = (payload: { time?: number; ohlcv?: OhlcvSnapshot | null }) => {\n    const parts = [opts.symbol, opts.interval].filter(Boolean);\n    title.textContent = parts.length ? parts.join(' · ') : '';\n    const o = payload.ohlcv;\n    if (!o?.c && o?.o == null) {\n      box.style.display = 'none';\n      return;\n    }\n    const timeStr = payload.time != null ? new Date(payload.time).toLocaleString() : '';\n    body.textContent = `${timeStr}\\nO ${fmt(o?.o)}  H ${fmt(o?.h)}  L ${fmt(o?.l)}  C ${fmt(o?.c)}`;\n    box.style.display = 'block';\n  };\n\n  return {\n    el: box,\n    update: render,\n    setMeta: (meta) => {\n      Object.assign(opts, meta);\n      title.textContent = [opts.symbol, opts.interval].filter(Boolean).join(' · ');\n    },\n    hide: () => {\n      box.style.display = 'none';\n    },\n  };\n}","import type { DrawingRecord } from '@coderyo/drawings';\nimport { t } from '@coderyo/i18n';\n\nexport interface DrawingPropertiesPanelOptions {\n  onStyleChange?: (patch: { color?: string; lineWidth?: number; text?: string }) => void;\n}\n\nexport function mountDrawingPropertiesPanel(\n  parent: HTMLElement,\n  opts: DrawingPropertiesPanelOptions = {},\n): { el: HTMLElement; bind: (drawing: DrawingRecord | null) => void } {\n  const panel = document.createElement('aside');\n  panel.className = 'tv-drawing-props';\n  panel.style.cssText =\n    'display:none;width:220px;flex-shrink:0;border-left:1px solid #30363d;background:#161b22;padding:10px 12px;font-size:12px;color:#e6edf3;overflow:auto;';\n\n  const title = document.createElement('div');\n  title.textContent = t('drawing.props.title', '繪圖屬性');\n  title.style.cssText = 'font-weight:600;margin-bottom:10px;';\n\n  const typeEl = document.createElement('div');\n  typeEl.style.color = '#8b949e';\n  typeEl.style.marginBottom = '10px';\n\n  const mkRow = (label: string) => {\n    const row = document.createElement('label');\n    row.style.cssText = 'display:flex;flex-direction:column;gap:4px;margin-bottom:8px;';\n    const span = document.createElement('span');\n    span.textContent = label;\n    span.style.color = '#8b949e';\n    row.appendChild(span);\n    return row;\n  };\n\n  const colorRow = mkRow(t('drawing.props.color', '顏色'));\n  const colorInput = document.createElement('input');\n  colorInput.type = 'color';\n  colorInput.style.cssText = 'width:100%;height:28px;border:none;background:transparent;cursor:pointer;';\n  colorRow.appendChild(colorInput);\n\n  const widthRow = mkRow(t('drawing.props.lineWidth', '線寬'));\n  const widthInput = document.createElement('input');\n  widthInput.type = 'range';\n  widthInput.min = '1';\n  widthInput.max = '6';\n  widthInput.style.width = '100%';\n  widthRow.appendChild(widthInput);\n\n  const textRow = mkRow(t('drawing.props.text', '文字'));\n  const textInput = document.createElement('input');\n  textInput.type = 'text';\n  textInput.style.cssText =\n    'padding:4px 8px;border-radius:4px;border:1px solid #30363d;background:#0d1117;color:#e6edf3;';\n  textRow.appendChild(textInput);\n\n  const lockedHint = document.createElement('div');\n  lockedHint.style.cssText = 'color:#f78166;font-size:11px;margin-top:6px;display:none;';\n  lockedHint.textContent = t('drawing.props.locked', '已鎖定 — 解鎖後可編輯');\n\n  panel.append(title, typeEl, colorRow, widthRow, textRow, lockedHint);\n  parent.appendChild(panel);\n\n  const emit = () => {\n    opts.onStyleChange?.({\n      color: colorInput.value,\n      lineWidth: Number(widthInput.value),\n      text: textInput.value,\n    });\n  };\n  colorInput.oninput = emit;\n  widthInput.oninput = emit;\n  textInput.oninput = emit;\n\n  const bind = (drawing: DrawingRecord | null) => {\n    if (!drawing) {\n      panel.style.display = 'none';\n      return;\n    }\n    panel.style.display = 'block';\n    typeEl.textContent = `${t('drawing.props.type', '類型')}: ${drawing.type}`;\n    const meta = drawing.meta ?? {};\n    colorInput.value = String(meta.color ?? '#58a6ff');\n    widthInput.value = String(meta.lineWidth ?? 2);\n    textInput.value = String(meta.text ?? 'Note');\n    textRow.style.display = drawing.type === 'text' ? 'flex' : 'none';\n    const locked = Boolean(meta.locked);\n    lockedHint.style.display = locked ? 'block' : 'none';\n    colorInput.disabled = locked;\n    widthInput.disabled = locked;\n    textInput.disabled = locked;\n  };\n\n  return { el: panel, bind };\n}","/** Host for MACD / RSI / KDJ indicator panes (PR-11). */\nexport function mountIndicatorPaneHost(parent: HTMLElement): HTMLElement {\n  const host = document.createElement('div');\n  host.dataset.tradviewIndicatorHost = '1';\n  host.style.cssText =\n    'display:flex;flex-direction:column;flex:2;min-height:120px;border-top:1px solid #30363d;background:#0d1117;overflow:hidden;';\n  parent.appendChild(host);\n  return host;\n}","import type { ChartLayoutOptions } from './chart-layout.js';\n\nexport interface LayoutFeatures {\n  showTopBar?: boolean;\n  showLeftToolbar?: boolean;\n  showBottomToolbar?: boolean;\n  showCrosshairLegend?: boolean;\n  showStatusBar?: boolean;\n  showPropertiesPanel?: boolean;\n  showContextMenu?: boolean;\n  showSettings?: boolean;\n  showShortcuts?: boolean;\n  /** When TopBar is on and no search API: manual symbol input (default). */\n  symbolInput?: 'manual' | 'search' | 'none';\n}\n\nexport interface ResolvedLayoutFeatures {\n  showTopBar: boolean;\n  showLeftToolbar: boolean;\n  showBottomToolbar: boolean;\n  showCrosshairLegend: boolean;\n  showStatusBar: boolean;\n  showPropertiesPanel: boolean;\n  showContextMenu: boolean;\n  showSettings: boolean;\n  showShortcuts: boolean;\n  symbolInput: 'manual' | 'search' | 'none';\n}\n\nexport const DEFAULT_LAYOUT_FEATURES: ResolvedLayoutFeatures = {\n  showTopBar: false,\n  showLeftToolbar: false,\n  showBottomToolbar: false,\n  showCrosshairLegend: false,\n  showStatusBar: false,\n  showPropertiesPanel: false,\n  showContextMenu: false,\n  showSettings: false,\n  showShortcuts: false,\n  symbolInput: 'manual',\n};\n\nexport function resolveLayoutFeatures(\n  opts: ChartLayoutOptions = {},\n): ResolvedLayoutFeatures {\n  const d = DEFAULT_LAYOUT_FEATURES;\n  const top = opts.showTopBar ?? d.showTopBar;\n  return {\n    showTopBar: top,\n    showLeftToolbar: opts.showLeftToolbar ?? d.showLeftToolbar,\n    showBottomToolbar: opts.showBottomToolbar ?? d.showBottomToolbar,\n    showCrosshairLegend: opts.showCrosshairLegend ?? d.showCrosshairLegend,\n    showStatusBar: opts.showStatusBar ?? d.showStatusBar,\n    showPropertiesPanel: opts.showPropertiesPanel ?? d.showPropertiesPanel,\n    showContextMenu: opts.showContextMenu ?? d.showContextMenu,\n    showSettings: opts.settings !== undefined ? (opts.showSettings ?? true) : (opts.showSettings ?? d.showSettings),\n    showShortcuts: opts.showShortcuts ?? d.showShortcuts,\n    symbolInput: opts.symbolInput ?? (opts.onSymbolSearch ? 'search' : d.symbolInput),\n  };\n}\n\nexport function mergeLayoutFeatures(\n  current: ResolvedLayoutFeatures,\n  patch: LayoutFeatures,\n): ResolvedLayoutFeatures {\n  return resolveLayoutFeatures({\n    showTopBar: patch.showTopBar ?? current.showTopBar,\n    showLeftToolbar: patch.showLeftToolbar ?? current.showLeftToolbar,\n    showBottomToolbar: patch.showBottomToolbar ?? current.showBottomToolbar,\n    showCrosshairLegend: patch.showCrosshairLegend ?? current.showCrosshairLegend,\n    showStatusBar: patch.showStatusBar ?? current.showStatusBar,\n    showPropertiesPanel: patch.showPropertiesPanel ?? current.showPropertiesPanel,\n    showContextMenu: patch.showContextMenu ?? current.showContextMenu,\n    showSettings: patch.showSettings ?? current.showSettings,\n    showShortcuts: patch.showShortcuts ?? current.showShortcuts,\n    symbolInput: patch.symbolInput ?? current.symbolInput,\n  });\n}\n\n/** Playground: enable full TV shell. */\nexport function createDemoLayoutOptions(\n  partial: ChartLayoutOptions = {},\n): ChartLayoutOptions {\n  return {\n    ...partial,\n    showTopBar: partial.showTopBar ?? true,\n    showLeftToolbar: partial.showLeftToolbar ?? true,\n    showCrosshairLegend: partial.showCrosshairLegend ?? true,\n    showStatusBar: partial.showStatusBar ?? true,\n    showPropertiesPanel: partial.showPropertiesPanel ?? true,\n    showContextMenu: partial.showContextMenu ?? true,\n    showSettings: partial.showSettings ?? true,\n    showShortcuts: partial.showShortcuts ?? true,\n    showBottomToolbar: partial.showBottomToolbar ?? true,\n    symbolInput: partial.symbolInput ?? (partial.onSymbolSearch ? 'search' : 'manual'),\n  };\n}","import { getLocale, setLocale, t } from '@coderyo/i18n';\n\nexport interface OhlcvSnapshot {\n  o?: number;\n  h?: number;\n  l?: number;\n  c?: number;\n  v?: number;\n}\n\nexport interface StatusBarOptions {\n  connection?: string;\n  symbol?: string;\n  interval?: string;\n  ohlcv?: OhlcvSnapshot | null;\n  locale?: string;\n  onLocaleChange?: (locale: string) => void;\n}\n\nfunction fmt(n: number | undefined, digits = 2): string {\n  if (n == null || Number.isNaN(n)) return '—';\n  return n.toLocaleString(undefined, { maximumFractionDigits: digits });\n}\n\nexport function mountStatusBar(parent: HTMLElement, opts: StatusBarOptions = {}): {\n  el: HTMLElement;\n  update: (patch: StatusBarOptions) => void;\n} {\n  const bar = document.createElement('div');\n  bar.className = 'tv-statusbar';\n  bar.style.cssText =\n    'display:flex;align-items:center;gap:14px;padding:6px 12px;font-size:11px;color:#8b949e;border-top:1px solid #30363d;background:#161b22;flex-shrink:0;';\n\n  const conn = document.createElement('span');\n  const sym = document.createElement('span');\n  const ohlcv = document.createElement('span');\n  ohlcv.style.flex = '1';\n  ohlcv.style.color = '#e6edf3';\n\n  const localeWrap = document.createElement('label');\n  localeWrap.style.cssText = 'display:flex;align-items:center;gap:4px;margin-left:auto;';\n  const localeLabel = document.createElement('span');\n  localeLabel.textContent = t('status.locale', '語系');\n  const localeSelect = document.createElement('select');\n  localeSelect.style.cssText =\n    'background:#0d1117;color:#e6edf3;border:1px solid #30363d;border-radius:4px;font-size:11px;padding:2px 4px;';\n  for (const loc of ['zh-TW', 'en']) {\n    const opt = document.createElement('option');\n    opt.value = loc;\n    opt.textContent = loc;\n    localeSelect.appendChild(opt);\n  }\n  localeSelect.value = opts.locale ?? getLocale();\n  localeSelect.onchange = () => {\n    setLocale(localeSelect.value);\n    opts.onLocaleChange?.(localeSelect.value);\n    localeLabel.textContent = t('status.locale', '語系');\n    render(opts);\n  };\n  localeWrap.append(localeLabel, localeSelect);\n\n  bar.append(conn, sym, ohlcv, localeWrap);\n  parent.appendChild(bar);\n\n  const render = (state: StatusBarOptions) => {\n    const merged = { ...opts, ...state };\n    conn.textContent = `${t('status.connection', '連線')}：${merged.connection ?? '—'}`;\n    const parts = [merged.symbol, merged.interval].filter(Boolean);\n    sym.textContent = parts.length ? parts.join(' · ') : '';\n    const o = merged.ohlcv;\n    if (o && (o.o != null || o.c != null)) {\n      ohlcv.textContent = `O ${fmt(o.o)}  H ${fmt(o.h)}  L ${fmt(o.l)}  C ${fmt(o.c)}  V ${fmt(o.v, 0)}`;\n    } else {\n      ohlcv.textContent = t('status.ohlcvHint', '移動十字線查看 OHLCV');\n    }\n  };\n\n  render(opts);\n  return {\n    el: bar,\n    update: (patch) => {\n      Object.assign(opts, patch);\n      render(opts);\n    },\n  };\n}","import { t } from '@coderyo/i18n';\n\nconst SHORTCUTS: Array<{ key: string; desc: string }> = [\n  { key: '↖ / Esc', desc: '游標（選取/編輯繪圖）' },\n  { key: 'Delete', desc: '刪除選中繪圖' },\n  { key: 'R', desc: '適配畫面' },\n  { key: 'End', desc: '跳到最新 K 線' },\n  { key: 'F', desc: '全螢幕' },\n  { key: 'S', desc: '截圖 PNG' },\n  { key: 'L', desc: '對數價格軸' },\n  { key: 'T', desc: '切換主題' },\n  { key: '?', desc: '本說明' },\n];\n\nexport function bindShortcutsModal(): () => void {\n  const handler = (e: KeyboardEvent) => {\n    if (e.key !== '?' || e.ctrlKey || e.metaKey) return;\n    const tag = (e.target as HTMLElement)?.tagName;\n    if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return;\n    e.preventDefault();\n    openShortcutsModal();\n  };\n  window.addEventListener('keydown', handler);\n  return () => window.removeEventListener('keydown', handler);\n}\n\nexport function openShortcutsModal(): void {\n  const backdrop = document.createElement('div');\n  backdrop.style.cssText =\n    'position:fixed;inset:0;z-index:100;background:#01040999;display:flex;align-items:center;justify-content:center;';\n\n  const box = document.createElement('div');\n  box.style.cssText =\n    'min-width:320px;max-width:90vw;padding:16px 20px;background:#161b22;border:1px solid #30363d;border-radius:8px;color:#e6edf3;';\n\n  const h = document.createElement('h2');\n  h.textContent = t('shortcuts.title', '快捷鍵');\n  h.style.cssText = 'font-size:16px;margin:0 0 12px;';\n\n  const list = document.createElement('div');\n  list.style.cssText = 'font-size:13px;line-height:1.8;';\n  for (const s of SHORTCUTS) {\n    const row = document.createElement('div');\n    row.innerHTML = `<kbd style=\"background:#21262d;padding:2px 6px;border-radius:4px;margin-right:8px;\">${s.key}</kbd>${s.desc}`;\n    list.appendChild(row);\n  }\n\n  const closeBtn = document.createElement('button');\n  closeBtn.type = 'button';\n  closeBtn.textContent = t('shortcuts.close', '關閉');\n  closeBtn.style.cssText =\n    'margin-top:14px;padding:6px 14px;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;cursor:pointer;';\n  const close = () => backdrop.remove();\n  closeBtn.onclick = close;\n  backdrop.onclick = (e) => {\n    if (e.target === backdrop) close();\n  };\n\n  box.append(h, list, closeBtn);\n  backdrop.appendChild(box);\n  document.body.appendChild(backdrop);\n}","import { attachChartContextMenu, type ContextMenuAction } from './context-menu.js';\nimport { mountCrosshairLegend } from './crosshair-legend.js';\nimport { mountDrawingPropertiesPanel } from './drawing-properties-panel.js';\nimport { mountIndicatorPaneHost } from './indicator-pane-host.js';\nimport {\n  mergeLayoutFeatures,\n  resolveLayoutFeatures,\n  type LayoutFeatures,\n  type ResolvedLayoutFeatures,\n} from './layout-features.js';\nimport { mountStatusBar, type StatusBarOptions } from './status-bar.js';\nimport { mountTopBar, type TopBarOptions } from './top-bar.js';\nimport type { SettingsPanelOptions } from './settings-panel.js';\nimport { bindShortcutsModal } from './shortcuts-modal.js';\n\nexport type { LayoutFeatures, ResolvedLayoutFeatures } from './layout-features.js';\nexport { resolveLayoutFeatures, DEFAULT_LAYOUT_FEATURES, createDemoLayoutOptions } from './layout-features.js';\n\nexport type DrawingToolId =\n  | 'cursor'\n  | 'trendline'\n  | 'hline'\n  | 'vline'\n  | 'rectangle'\n  | 'fibonacci'\n  | 'text';\n\nconst DRAWING_TOOLS: Array<{ id: DrawingToolId; label: string }> = [\n  { id: 'cursor', label: '↖' },\n  { id: 'trendline', label: '╱' },\n  { id: 'hline', label: '─' },\n  { id: 'vline', label: '│' },\n  { id: 'rectangle', label: '▭' },\n  { id: 'fibonacci', label: 'φ' },\n  { id: 'text', label: 'T' },\n];\n\nconst MOBILE_MQ = '(max-width: 768px)';\n\nexport interface ChartLayoutOptions extends TopBarOptions {\n  showTopBar?: boolean;\n  showLeftToolbar?: boolean;\n  showBottomToolbar?: boolean;\n  activeDrawingTool?: DrawingToolId;\n  onDrawingToolSelect?: (tool: DrawingToolId) => void;\n  statusBar?: StatusBarOptions;\n  contextMenuActions?: ContextMenuAction[];\n  settings?: SettingsPanelOptions;\n  showStatusBar?: boolean;\n  showCrosshairLegend?: boolean;\n  showPropertiesPanel?: boolean;\n  showContextMenu?: boolean;\n  showSettings?: boolean;\n  showShortcuts?: boolean;\n  symbolInput?: 'manual' | 'search' | 'none';\n  onDrawingStyleChange?: (patch: { color?: string; lineWidth?: number; text?: string }) => void;\n  onDrawingSelectionBind?: (bind: (drawing: import('@coderyo/drawings').DrawingRecord | null) => void) => void;\n}\n\nfunction mountToolButtons(\n  parent: HTMLElement,\n  activeTool: DrawingToolId,\n  onSelect: (tool: DrawingToolId) => void,\n  layout: 'column' | 'row',\n): { setActive: (tool: DrawingToolId) => void } {\n  const btnStyle =\n    layout === 'column'\n      ? 'width:36px;height:32px;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;cursor:pointer;font-size:14px;'\n      : 'min-width:40px;height:36px;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;cursor:pointer;font-size:14px;padding:0 8px;';\n  const activeStyle = btnStyle.replace('#21262d', '#388bfd').replace('#e6edf3', '#fff');\n\n  const buttons = new Map<DrawingToolId, HTMLButtonElement>();\n  for (const tool of DRAWING_TOOLS) {\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.title = tool.id;\n    btn.textContent = tool.label;\n    btn.style.cssText = activeTool === tool.id ? activeStyle : btnStyle;\n    btn.onclick = () => onSelect(tool.id);\n    buttons.set(tool.id, btn);\n    parent.appendChild(btn);\n  }\n\n  return {\n    setActive: (tool) => {\n      for (const [id, btn] of buttons) {\n        btn.style.cssText = id === tool ? activeStyle : btnStyle;\n      }\n    },\n  };\n}\n\nexport function mountChartLayout(root: HTMLElement, opts: ChartLayoutOptions = {}): {\n  chartHost: HTMLElement;\n  indicatorHost: HTMLElement;\n  topBar: HTMLElement;\n  statusBar: ReturnType<typeof mountStatusBar>;\n  crosshairLegend: ReturnType<typeof mountCrosshairLegend>;\n  detachContextMenu: () => void;\n  setActiveDrawingTool: (tool: DrawingToolId) => void;\n  propertiesPanel: ReturnType<typeof mountDrawingPropertiesPanel>;\n  setLayoutFeatures: (patch: LayoutFeatures) => void;\n  getLayoutFeatures: () => ResolvedLayoutFeatures;\n} {\n  let layoutFeatures = resolveLayoutFeatures(opts);\n\n  root.style.display = 'flex';\n  root.style.flexDirection = 'column';\n  root.style.height = '100%';\n  root.style.background = '#0d1117';\n\n  let activeTool: DrawingToolId = opts.activeDrawingTool ?? 'cursor';\n  let setActiveDesktop: ((t: DrawingToolId) => void) | null = null;\n  let setActiveMobile: ((t: DrawingToolId) => void) | null = null;\n\n  const setActiveDrawingTool = (tool: DrawingToolId) => {\n    activeTool = tool;\n    setActiveDesktop?.(tool);\n    setActiveMobile?.(tool);\n  };\n\n  const onToolSelect = (tool: DrawingToolId) => {\n    setActiveDrawingTool(tool);\n    opts.onDrawingToolSelect?.(tool);\n  };\n\n  const body = document.createElement('div');\n  body.style.cssText = 'display:flex;flex:1;min-height:0;';\n\n  const leftAside = document.createElement('aside');\n  leftAside.style.cssText =\n    'width:48px;border-right:1px solid #30363d;background:#161b22;display:flex;flex-direction:column;align-items:center;padding:8px 4px;gap:8px;flex-shrink:0;z-index:20;';\n\n  const bottomBar = document.createElement('div');\n  bottomBar.style.cssText =\n    'display:none;flex-shrink:0;gap:6px;padding:6px 8px;border-top:1px solid #30363d;background:#161b22;overflow-x:auto;';\n\n  const chartColumn = document.createElement('div');\n  chartColumn.style.cssText = 'display:flex;flex-direction:column;flex:1;min-height:0;';\n\n  const chartHost = document.createElement('div');\n  chartHost.style.cssText = 'flex:1;min-height:0;width:100%;height:100%;position:relative;overflow:hidden;';\n  chartColumn.appendChild(chartHost);\n\n  const indicatorHost = mountIndicatorPaneHost(chartColumn);\n\n  const statusBar = mountStatusBar(chartColumn, opts.statusBar ?? {});\n\n  body.appendChild(chartColumn);\n\n  const propertiesPanel = mountDrawingPropertiesPanel(body, {\n    onStyleChange: opts.onDrawingStyleChange,\n  });\n\n  opts.onDrawingSelectionBind?.(propertiesPanel.bind);\n\n  root.appendChild(body);\n  root.appendChild(bottomBar);\n\n  let topBar: HTMLElement = document.createElement('div');\n  topBar.style.display = 'none';\n  root.insertBefore(topBar, body);\n\n  const crosshairLegend = mountCrosshairLegend(chartHost, { symbol: opts.initialSymbol });\n\n  let detachContextMenu = () => {};\n  let shortcutsBound = false;\n\n  const mountLeftToolbar = () => {\n    if (leftAside.parentElement) return;\n    const desktopTools = mountToolButtons(leftAside, activeTool, onToolSelect, 'column');\n    setActiveDesktop = desktopTools.setActive;\n    body.insertBefore(leftAside, chartColumn);\n\n    bottomBar.style.flexDirection = 'row';\n    const mobileTools = mountToolButtons(bottomBar, activeTool, onToolSelect, 'row');\n    setActiveMobile = mobileTools.setActive;\n\n    const mq = window.matchMedia(MOBILE_MQ);\n    const applyLayout = () => {\n      const mobile = mq.matches;\n      leftAside.style.display = mobile ? 'none' : 'flex';\n      const showBottom = layoutFeatures.showBottomToolbar !== false;\n      bottomBar.style.display = mobile && showBottom ? 'flex' : 'none';\n    };\n    mq.addEventListener('change', applyLayout);\n    applyLayout();\n  };\n\n  const unmountLeftToolbar = () => {\n    leftAside.remove();\n    bottomBar.innerHTML = '';\n    setActiveDesktop = null;\n    setActiveMobile = null;\n  };\n\n  const applyLayoutFeatures = () => {\n    const f = layoutFeatures;\n\n    if (f.showTopBar) {\n      topBar.remove();\n      topBar = mountTopBar(root, {\n        ...opts,\n        symbolInput: f.symbolInput,\n        showSettings: f.showSettings,\n      });\n    } else {\n      topBar.style.display = 'none';\n    }\n\n    if (f.showLeftToolbar) mountLeftToolbar();\n    else unmountLeftToolbar();\n\n    crosshairLegend.el.style.display = f.showCrosshairLegend ? '' : 'none';\n    statusBar.el.style.display = f.showStatusBar ? '' : 'none';\n    propertiesPanel.el.style.display = f.showPropertiesPanel ? '' : 'none';\n\n    detachContextMenu();\n    if (f.showContextMenu) {\n      detachContextMenu = attachChartContextMenu(chartHost, {\n        actions: opts.contextMenuActions,\n      });\n    }\n\n    if (f.showShortcuts && !shortcutsBound) {\n      bindShortcutsModal();\n      shortcutsBound = true;\n    }\n  };\n\n  applyLayoutFeatures();\n\n  return {\n    chartHost,\n    indicatorHost,\n    topBar,\n    statusBar,\n    crosshairLegend,\n    detachContextMenu,\n    setActiveDrawingTool,\n    propertiesPanel,\n    setLayoutFeatures: (patch) => {\n      layoutFeatures = mergeLayoutFeatures(layoutFeatures, patch);\n      applyLayoutFeatures();\n    },\n    getLayoutFeatures: () => ({ ...layoutFeatures }),\n  };\n}","import type { DrawingRecord } from '@coderyo/drawings';\nimport { t } from '@coderyo/i18n';\n\nexport interface DrawingContextMenuHandlers {\n  onDelete?: () => void;\n  onCopy?: () => void;\n  onToggleLock?: () => void;\n  onDeselect?: () => void;\n  onEditText?: () => void;\n}\n\nexport function openDrawingContextMenu(\n  clientX: number,\n  clientY: number,\n  drawing: DrawingRecord | null,\n  handlers: DrawingContextMenuHandlers,\n): () => void {\n  const menu = document.createElement('div');\n  menu.style.cssText =\n    'position:fixed;z-index:60;min-width:168px;padding:4px 0;background:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #01040988;';\n  menu.style.left = `${clientX}px`;\n  menu.style.top = `${clientY}px`;\n\n  const add = (label: string, fn?: () => void, disabled = false) => {\n    if (!fn) return;\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.textContent = label;\n    btn.disabled = disabled;\n    btn.style.cssText =\n      'display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;color:#e6edf3;font-size:12px;cursor:pointer;';\n    if (disabled) btn.style.opacity = '0.45';\n    btn.onclick = () => {\n      fn();\n      close();\n    };\n    menu.appendChild(btn);\n  };\n\n  if (drawing) {\n    const locked = Boolean(drawing.meta?.locked);\n    add(t('drawing.ctx.delete', '刪除'), handlers.onDelete);\n    add(t('drawing.ctx.copy', '複製'), handlers.onCopy);\n    add(\n      locked ? t('drawing.ctx.unlock', '解鎖') : t('drawing.ctx.lock', '鎖定'),\n      handlers.onToggleLock,\n    );\n    if (drawing.type === 'text') {\n      add(t('drawing.ctx.editText', '編輯文字'), handlers.onEditText);\n    }\n    add(t('drawing.ctx.deselect', '取消選取'), handlers.onDeselect);\n  }\n\n  document.body.appendChild(menu);\n\n  const close = () => {\n    menu.remove();\n    document.removeEventListener('click', close);\n  };\n  setTimeout(() => document.addEventListener('click', close), 0);\n  return close;\n}","export function mountCodeSnippetPanel(parent: HTMLElement, getCode: () => string): HTMLElement {\n  const wrap = document.createElement('details');\n  wrap.style.cssText =\n    'flex-shrink:0;border-top:1px solid #30363d;background:#161b22;padding:6px 12px;font-size:11px;color:#8b949e;';\n\n  const summary = document.createElement('summary');\n  summary.textContent = '嵌入程式碼（整合方）';\n  summary.style.cssText = 'cursor:pointer;color:#58a6ff;user-select:none;';\n\n  const pre = document.createElement('pre');\n  pre.style.cssText =\n    'margin:8px 0 0;padding:10px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-size:11px;overflow:auto;max-height:160px;white-space:pre-wrap;';\n\n  const copyBtn = document.createElement('button');\n  copyBtn.type = 'button';\n  copyBtn.textContent = '複製';\n  copyBtn.style.cssText =\n    'margin-top:6px;padding:4px 10px;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:4px;cursor:pointer;font-size:11px;';\n  copyBtn.onclick = () => {\n    const code = getCode();\n    pre.textContent = code;\n    void navigator.clipboard.writeText(code);\n  };\n\n  wrap.ontoggle = () => {\n    if (wrap.open) pre.textContent = getCode();\n  };\n\n  wrap.append(summary, pre, copyBtn);\n  parent.appendChild(wrap);\n  return wrap;\n}"],"mappings":";AAAA,SAAS,yBAA8D;AACvE,SAAS,KAAAA,UAAS;;;ACAlB,SAAS,0BAA0B,iCAAiC;AAE7D,IAAM,mBAAmB;AACzB,IAAM,oBAAoB;AAE1B,SAAS,yBAAkC;AAChD,MAAI;AACF,WAAO,aAAa,QAAQ,gBAAgB,MAAM;AAAA,EACpD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,uBAAuB,MAAqB;AAC1D,MAAI;AACF,iBAAa,QAAQ,kBAAkB,OAAO,MAAM,GAAG;AAAA,EACzD,QAAQ;AAAA,EAER;AACF;AAEO,SAAS,+BAAwC;AACtD,MAAI;AACF,WAAO,aAAa,QAAQ,iBAAiB,MAAM;AAAA,EACrD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,6BAA6B,GAAkB;AAC7D,MAAI;AACF,iBAAa,QAAQ,mBAAmB,IAAI,MAAM,GAAG;AAAA,EACvD,QAAQ;AAAA,EAER;AACF;AAEO,SAAS,oBAAoB,QAAgB,UAAmC;AACrF,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,0BAA0B,QAAQ,QAAQ,CAAC;AAC5E,QAAI,CAAC,IAAK,QAAO,EAAE,GAAG,yBAAyB;AAC/C,WAAO,EAAE,GAAG,0BAA0B,GAAG,KAAK,MAAM,GAAG,EAAE;AAAA,EAC3D,QAAQ;AACN,WAAO,EAAE,GAAG,yBAAyB;AAAA,EACvC;AACF;AAEO,SAAS,oBACd,QACA,UACA,QACM;AACN,MAAI;AACF,iBAAa,QAAQ,0BAA0B,QAAQ,QAAQ,GAAG,KAAK,UAAU,MAAM,CAAC;AAAA,EAC1F,QAAQ;AAAA,EAER;AACF;;;AC1DA,SAAS,4BAAAC,iCAAsD;AAC/D,SAAS,SAAS;AAiBX,SAAS,mBAAmB,QAAqB,OAA6B,CAAC,GAAgB;AACpG,MAAI,OAAO;AACX,MAAI,MAAyC;AAC7C,MAAI,WAAW,KAAK,YAAY,uBAAuB;AACvD,MAAI,iBAAiB,KAAK,2BAA2B,6BAA6B;AAClF,MAAI,kBAAkB,EAAE,GAAI,KAAK,mBAAmBC,0BAA0B;AAE9E,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,MAAM,UAAU;AAErB,QAAM,MAAM,SAAS,cAAc,QAAQ;AAC3C,MAAI,OAAO;AACX,MAAI,QAAQ,EAAE,kBAAkB,cAAI;AACpC,MAAI,cAAc;AAClB,MAAI,MAAM,UACR;AAEF,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,UACV;AAEF,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,MAAM,UAAU;AACrB,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,MAAM,UAAU;AAExB,QAAM,SAAS;AAAA,IACb,CAAC,SAAS,EAAE,sBAAsB,cAAI,CAAC;AAAA,IACvC,CAAC,WAAW,EAAE,wBAAwB,cAAI,CAAC;AAAA,IAC3C,CAAC,aAAa,EAAE,0BAA0B,cAAI,CAAC;AAAA,EACjD;AAEA,QAAM,aAAa,MAAM;AACvB,SAAK,gBAAgB;AACrB,eAAW,CAAC,IAAI,KAAK,KAAK,QAAQ;AAChC,YAAM,IAAI,SAAS,cAAc,QAAQ;AACzC,QAAE,OAAO;AACT,QAAE,cAAc;AAChB,QAAE,MAAM,UAAU,gEAChB,QAAQ,KAAK,sCAAsC,uCACrD;AACA,QAAE,UAAU,CAAC,MAAM;AACjB,UAAE,gBAAgB;AAClB,cAAM;AACN,mBAAW;AACX,sBAAc;AAAA,MAChB;AACA,WAAK,YAAY,CAAC;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,WAAW,CAAC,OAAe,SAAkB,aAAmC;AACpF,UAAM,MAAM,SAAS,cAAc,OAAO;AAC1C,QAAI,MAAM,UACR;AACF,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,UAAM,OAAO;AACb,UAAM,UAAU;AAChB,UAAM,WAAW,MAAM,SAAS,MAAM,OAAO;AAC7C,QAAI,OAAO,OAAO,SAAS,eAAe,KAAK,CAAC;AAChD,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,CAAC,OAAe,OAAe,aAAkC;AACnF,UAAM,MAAM,SAAS,cAAc,OAAO;AAC1C,QAAI,MAAM,UAAU;AACpB,QAAI,YAAY,+BAA+B,KAAK;AACpD,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,UAAM,OAAO;AACb,UAAM,QAAQ,OAAO,KAAK;AAC1B,UAAM,MAAM,UACV;AACF,UAAM,WAAW,MAAM,SAAS,OAAO,MAAM,KAAK,KAAK,KAAK;AAC5D,QAAI,YAAY,KAAK;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,MAAM;AAC1B,YAAQ,gBAAgB;AACxB,QAAI,QAAQ,SAAS;AACnB,cAAQ;AAAA,QACN,SAAS,EAAE,qBAAqB,0BAAM,GAAG,UAAU,CAAC,MAAM;AACxD,qBAAW;AACX,iCAAuB,CAAC;AACxB,eAAK,mBAAmB,CAAC;AAAA,QAC3B,CAAC;AAAA,MACH;AAAA,IACF,WAAW,QAAQ,WAAW;AAC5B,cAAQ;AAAA,QACN,SAAS,EAAE,yBAAyB,sCAAQ,GAAG,gBAAgB,CAAC,MAAM;AACpE,2BAAiB;AACjB,uCAA6B,CAAC;AAC9B,eAAK,yBAAyB,CAAC;AAAA,QACjC,CAAC;AAAA,MACH;AAAA,IACF,OAAO;AACL,cAAQ;AAAA,QACN,SAAS,EAAE,qBAAqB,mBAAS,GAAG,gBAAgB,UAAU,CAAC,MAAM;AAC3E,4BAAkB,EAAE,GAAG,iBAAiB,UAAU,EAAE;AACpD,eAAK,0BAA0B,eAAe;AAAA,QAChD,CAAC;AAAA,MACH;AACA,cAAQ;AAAA,QACN,SAAS,EAAE,oBAAoB,kBAAQ,GAAG,gBAAgB,SAAS,CAAC,MAAM;AACxE,4BAAkB,EAAE,GAAG,iBAAiB,SAAS,EAAE;AACnD,eAAK,0BAA0B,eAAe;AAAA,QAChD,CAAC;AAAA,MACH;AACA,cAAQ;AAAA,QACN,SAAS,EAAE,oBAAoB,kBAAQ,GAAG,gBAAgB,SAAS,CAAC,MAAM;AACxE,4BAAkB,EAAE,GAAG,iBAAiB,SAAS,EAAE;AACnD,eAAK,0BAA0B,eAAe;AAAA,QAChD,CAAC;AAAA,MACH;AACA,YAAM,MAAM,SAAS,cAAc,OAAO;AAC1C,UAAI,MAAM,UAAU;AACpB,UAAI,YAAY,+BAA+B,EAAE,uBAAuB,QAAG,CAAC;AAC5E,YAAM,MAAM,SAAS,cAAc,QAAQ;AAC3C,UAAI,MAAM,UACR;AACF,iBAAW,KAAK,CAAC,SAAS,MAAM,GAAY;AAC1C,cAAM,IAAI,SAAS,cAAc,QAAQ;AACzC,UAAE,QAAQ;AACV,UAAE,cAAc;AAChB,YAAI,YAAY,CAAC;AAAA,MACnB;AACA,UAAI,QAAQ,gBAAgB;AAC5B,UAAI,WAAW,MAAM;AACnB,0BAAkB,EAAE,GAAG,iBAAiB,QAAQ,IAAI,MAAmC;AACvF,aAAK,0BAA0B,eAAe;AAAA,MAChD;AACA,UAAI,YAAY,GAAG;AACnB,cAAQ,YAAY,GAAG;AACvB,cAAQ;AAAA,QACN,YAAY,MAAM,gBAAgB,UAAU,CAAC,MAAM;AACjD,4BAAkB,EAAE,GAAG,iBAAiB,UAAU,EAAE;AACpD,eAAK,0BAA0B,eAAe;AAAA,QAChD,CAAC;AAAA,MACH;AACA,cAAQ;AAAA,QACN,YAAY,aAAa,gBAAgB,UAAU,CAAC,MAAM;AACxD,4BAAkB,EAAE,GAAG,iBAAiB,UAAU,EAAE;AACpD,eAAK,0BAA0B,eAAe;AAAA,QAChD,CAAC;AAAA,MACH;AACA,cAAQ;AAAA,QACN,YAAY,aAAa,gBAAgB,UAAU,CAAC,MAAM;AACxD,4BAAkB,EAAE,GAAG,iBAAiB,UAAU,EAAE;AACpD,eAAK,0BAA0B,eAAe;AAAA,QAChD,CAAC;AAAA,MACH;AACA,cAAQ;AAAA,QACN,YAAY,OAAO,gBAAgB,WAAW,CAAC,MAAM;AACnD,4BAAkB,EAAE,GAAG,iBAAiB,WAAW,EAAE;AACrD,eAAK,0BAA0B,eAAe;AAAA,QAChD,CAAC;AAAA,MACH;AACA,cAAQ;AAAA,QACN,YAAY,OAAO,gBAAgB,WAAW,CAAC,MAAM;AACnD,4BAAkB,EAAE,GAAG,iBAAiB,WAAW,EAAE;AACrD,eAAK,0BAA0B,eAAe;AAAA,QAChD,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,aAAW;AACX,gBAAc;AACd,QAAM,OAAO,MAAM,OAAO;AAE1B,MAAI,UAAU,CAAC,MAAM;AACnB,MAAE,gBAAgB;AAClB,WAAO,CAAC;AACR,UAAM,MAAM,UAAU,OAAO,UAAU;AAAA,EACzC;AAEA,QAAM,QAAQ,MAAM;AAClB,WAAO;AACP,UAAM,MAAM,UAAU;AAAA,EACxB;AACA,WAAS,iBAAiB,SAAS,KAAK;AACxC,QAAM,UAAU,CAAC,MAAM,EAAE,gBAAgB;AAEzC,OAAK,OAAO,KAAK,KAAK;AACtB,SAAO,YAAY,IAAI;AACvB,SAAO;AACT;;;AC3MA,SAAS,KAAAC,UAAS;AAQX,SAAS,kBAAkB,QAAqB,MAAwC;AAC7F,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,MAAM,UAAU;AAErB,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AACb,QAAM,cAAcA,GAAE,iBAAiB,0BAAM;AAC7C,QAAM,QAAQ,KAAK,iBAAiB;AACpC,QAAM,MAAM,UACV;AAEF,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,MAAM,UACT;AAEF,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,MAAM,WAAW;AACrB,MAAI,OAAO,OAAO,IAAI;AACtB,OAAK,YAAY,GAAG;AAEpB,MAAI;AAEJ,QAAM,aAAa,CAAC,SAA4B;AAC9C,SAAK,gBAAgB;AACrB,QAAI,KAAK,WAAW,GAAG;AACrB,WAAK,MAAM,UAAU;AACrB;AAAA,IACF;AACA,eAAW,OAAO,MAAM;AACtB,YAAM,MAAM,SAAS,cAAc,QAAQ;AAC3C,UAAI,OAAO;AACX,UAAI,cAAc,IAAI,WAAW,GAAG,IAAI,MAAM,SAAM,IAAI,QAAQ,KAAK,IAAI;AACzE,UAAI,MAAM,UACR;AACF,UAAI,eAAe,MAAM;AACvB,YAAI,MAAM,aAAa;AAAA,MACzB;AACA,UAAI,eAAe,MAAM;AACvB,YAAI,MAAM,aAAa;AAAA,MACzB;AACA,UAAI,UAAU,MAAM;AAClB,cAAM,QAAQ,IAAI;AAClB,aAAK,MAAM,UAAU;AACrB,aAAK,SAAS,IAAI,MAAM;AAAA,MAC1B;AACA,WAAK,YAAY,GAAG;AAAA,IACtB;AACA,SAAK,MAAM,UAAU;AAAA,EACvB;AAEA,QAAM,iBAAiB,SAAS,MAAM;AACpC,iBAAa,KAAK;AAClB,UAAM,IAAI,MAAM,MAAM,KAAK;AAC3B,QAAI,EAAE,SAAS,GAAG;AAChB,WAAK,MAAM,UAAU;AACrB;AAAA,IACF;AACA,YAAQ,WAAW,MAAM;AACvB,WAAK,KAAK,SAAS,CAAC,EAAE,KAAK,UAAU,EAAE,MAAM,MAAM;AACjD,aAAK,MAAM,UAAU;AAAA,MACvB,CAAC;AAAA,IACH,GAAG,GAAG;AAAA,EACR,CAAC;AAED,WAAS,iBAAiB,SAAS,CAAC,MAAM;AACxC,QAAI,CAAC,IAAI,SAAS,EAAE,MAAc,EAAG,MAAK,MAAM,UAAU;AAAA,EAC5D,CAAC;AAED,SAAO,YAAY,IAAI;AACvB,SAAO;AACT;;;AH1DA,SAAS,uBACP,QACA,MACM;AACN,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,MAAM,UAAU;AACrB,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AACb,QAAM,cAAcC,GAAE,iBAAiB,QAAQ;AAC/C,QAAM,QAAQ,KAAK,iBAAiB;AACpC,QAAM,MAAM,UACV;AACF,QAAM,QAAQ,MAAM;AAClB,UAAM,IAAI,MAAM,MAAM,KAAK;AAC3B,QAAI,EAAG,MAAK,iBAAiB,CAAC;AAAA,EAChC;AACA,QAAM,iBAAiB,WAAW,CAAC,MAAM;AACvC,QAAI,EAAE,QAAQ,QAAS,OAAM;AAAA,EAC/B,CAAC;AACD,QAAM,MAAM,SAAS,cAAc,QAAQ;AAC3C,MAAI,OAAO;AACX,MAAI,cAAc;AAClB,MAAI,QAAQ;AACZ,MAAI,MAAM,UACR;AACF,MAAI,UAAU;AACd,OAAK,OAAO,OAAO,GAAG;AACtB,SAAO,YAAY,IAAI;AACzB;AAEO,SAAS,YAAY,QAAqB,OAAsB,CAAC,GAAgB;AACtF,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,YAAY;AAChB,MAAI,MAAM,UACR;AAEF,QAAM,aAAa,KAAK,eAAe;AACvC,MAAI,eAAe,YAAY,KAAK,kBAAkB,KAAK,gBAAgB;AACzE,sBAAkB,KAAK;AAAA,MACrB,eAAe,KAAK;AAAA,MACpB,UAAU,KAAK;AAAA,MACf,UAAU,KAAK;AAAA,IACjB,CAAC;AAAA,EACH,WAAW,eAAe,YAAY,KAAK,gBAAgB;AACzD,2BAAuB,KAAK;AAAA,MAC1B,eAAe,KAAK;AAAA,MACpB,gBAAgB,KAAK;AAAA,IACvB,CAAC;AAAA,EACH;AAEA,QAAM,YAAY,KAAK,aAAa;AACpC,aAAW,MAAM,WAAW;AAC1B,UAAM,MAAM,SAAS,cAAc,QAAQ;AAC3C,QAAI,OAAO;AACX,QAAI,cAAcA,GAAE,YAAY,EAAE,IAAI,EAAE;AACxC,QAAI,MAAM,UACR;AACF,QAAI,UAAU,MAAM,KAAK,mBAAmB,EAAE;AAC9C,QAAI,YAAY,GAAG;AAAA,EACrB;AAEA,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,MAAM,OAAO;AACpB,MAAI,YAAY,MAAM;AAEtB,QAAM,QAAQ,CAAC,OAAe,OAAoB;AAChD,UAAM,IAAI,SAAS,cAAc,QAAQ;AACzC,MAAE,OAAO;AACT,MAAE,cAAc;AAChB,MAAE,MAAM,UACN;AACF,MAAE,UAAU,MAAM,KAAK;AACvB,WAAO;AAAA,EACT;AAEA,MAAI,YAAY,MAAMA,GAAE,cAAc,cAAI,GAAG,KAAK,aAAa,CAAC;AAChE,MAAI,KAAK,gBAAgB,KAAK,SAAU,oBAAkB,KAAK,KAAK,QAAQ;AAC5E,MAAI,YAAY,MAAM,UAAK,KAAK,YAAY,CAAC;AAC7C,MAAI,YAAY,MAAM,aAAM,KAAK,YAAY,CAAC;AAE9C,SAAO,QAAQ,GAAG;AAClB,SAAO;AACT;;;AIvGA,SAAS,KAAAC,UAAS;AAYX,SAAS,uBACd,WACA,OAA2B,CAAC,GAChB;AACZ,MAAI,OAA8B;AAElC,QAAM,QAAQ,MAAM;AAClB,UAAM,OAAO;AACb,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,CAAC,GAAW,MAAc;AACrC,UAAM;AACN,WAAO,SAAS,cAAc,KAAK;AACnC,SAAK,MAAM,UACT;AAEF,UAAM,UAA+B,KAAK,WAAW;AAAA,MACnD;AAAA,QACE,IAAI;AAAA,QACJ,OAAOA,GAAE,sBAAsB,0BAAM;AAAA,QACrC,SAAS,MAAM;AAAA,QAAC;AAAA,MAClB;AAAA,IACF;AAEA,eAAW,UAAU,SAAS;AAC5B,YAAM,MAAM,SAAS,cAAc,QAAQ;AAC3C,UAAI,OAAO;AACX,UAAI,cAAc,OAAO;AACzB,UAAI,MAAM,UACR;AACF,UAAI,eAAe,MAAM;AACvB,YAAI,MAAM,aAAa;AAAA,MACzB;AACA,UAAI,eAAe,MAAM;AACvB,YAAI,MAAM,aAAa;AAAA,MACzB;AACA,UAAI,UAAU,MAAM;AAClB,eAAO,QAAQ;AACf,cAAM;AAAA,MACR;AACA,WAAK,YAAY,GAAG;AAAA,IACtB;AAEA,SAAK,MAAM,OAAO,GAAG,CAAC;AACtB,SAAK,MAAM,MAAM,GAAG,CAAC;AACrB,aAAS,KAAK,YAAY,IAAI;AAAA,EAChC;AAEA,QAAM,YAAY,CAAC,MAAkB;AACnC,MAAE,eAAe;AACjB,SAAK,EAAE,SAAS,EAAE,OAAO;AAAA,EAC3B;AAEA,YAAU,iBAAiB,eAAe,SAAS;AACnD,WAAS,iBAAiB,SAAS,KAAK;AACxC,WAAS,iBAAiB,UAAU,OAAO,IAAI;AAE/C,SAAO,MAAM;AACX,cAAU,oBAAoB,eAAe,SAAS;AACtD,aAAS,oBAAoB,SAAS,KAAK;AAC3C,aAAS,oBAAoB,UAAU,OAAO,IAAI;AAClD,UAAM;AAAA,EACR;AACF;;;ACrEO,SAAS,qBACd,WACA,OAA+B,CAAC,GAMhC;AACA,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,YAAY;AAChB,MAAI,MAAM,UACR;AAEF,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,UAAU;AACtB,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,MAAI,OAAO,OAAO,IAAI;AACtB,YAAU,YAAY,GAAG;AAEzB,QAAMC,OAAM,CAAC,MACX,KAAK,OAAO,WAAM,EAAE,eAAe,QAAW,EAAE,uBAAuB,EAAE,CAAC;AAE5E,QAAM,SAAS,CAAC,YAA6D;AAC3E,UAAM,QAAQ,CAAC,KAAK,QAAQ,KAAK,QAAQ,EAAE,OAAO,OAAO;AACzD,UAAM,cAAc,MAAM,SAAS,MAAM,KAAK,QAAK,IAAI;AACvD,UAAM,IAAI,QAAQ;AAClB,QAAI,CAAC,GAAG,KAAK,GAAG,KAAK,MAAM;AACzB,UAAI,MAAM,UAAU;AACpB;AAAA,IACF;AACA,UAAM,UAAU,QAAQ,QAAQ,OAAO,IAAI,KAAK,QAAQ,IAAI,EAAE,eAAe,IAAI;AACjF,SAAK,cAAc,GAAG,OAAO;AAAA,IAAOA,KAAI,GAAG,CAAC,CAAC,OAAOA,KAAI,GAAG,CAAC,CAAC,OAAOA,KAAI,GAAG,CAAC,CAAC,OAAOA,KAAI,GAAG,CAAC,CAAC;AAC7F,QAAI,MAAM,UAAU;AAAA,EACtB;AAEA,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,SAAS,CAAC,SAAS;AACjB,aAAO,OAAO,MAAM,IAAI;AACxB,YAAM,cAAc,CAAC,KAAK,QAAQ,KAAK,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,QAAK;AAAA,IAC7E;AAAA,IACA,MAAM,MAAM;AACV,UAAI,MAAM,UAAU;AAAA,IACtB;AAAA,EACF;AACF;;;ACrDA,SAAS,KAAAC,UAAS;AAMX,SAAS,4BACd,QACA,OAAsC,CAAC,GAC6B;AACpE,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,YAAY;AAClB,QAAM,MAAM,UACV;AAEF,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,cAAcA,GAAE,uBAAuB,0BAAM;AACnD,QAAM,MAAM,UAAU;AAEtB,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,MAAM,QAAQ;AACrB,SAAO,MAAM,eAAe;AAE5B,QAAM,QAAQ,CAAC,UAAkB;AAC/B,UAAM,MAAM,SAAS,cAAc,OAAO;AAC1C,QAAI,MAAM,UAAU;AACpB,UAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,SAAK,cAAc;AACnB,SAAK,MAAM,QAAQ;AACnB,QAAI,YAAY,IAAI;AACpB,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,MAAMA,GAAE,uBAAuB,cAAI,CAAC;AACrD,QAAM,aAAa,SAAS,cAAc,OAAO;AACjD,aAAW,OAAO;AAClB,aAAW,MAAM,UAAU;AAC3B,WAAS,YAAY,UAAU;AAE/B,QAAM,WAAW,MAAMA,GAAE,2BAA2B,cAAI,CAAC;AACzD,QAAM,aAAa,SAAS,cAAc,OAAO;AACjD,aAAW,OAAO;AAClB,aAAW,MAAM;AACjB,aAAW,MAAM;AACjB,aAAW,MAAM,QAAQ;AACzB,WAAS,YAAY,UAAU;AAE/B,QAAM,UAAU,MAAMA,GAAE,sBAAsB,cAAI,CAAC;AACnD,QAAM,YAAY,SAAS,cAAc,OAAO;AAChD,YAAU,OAAO;AACjB,YAAU,MAAM,UACd;AACF,UAAQ,YAAY,SAAS;AAE7B,QAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,aAAW,MAAM,UAAU;AAC3B,aAAW,cAAcA,GAAE,wBAAwB,gEAAc;AAEjE,QAAM,OAAO,OAAO,QAAQ,UAAU,UAAU,SAAS,UAAU;AACnE,SAAO,YAAY,KAAK;AAExB,QAAM,OAAO,MAAM;AACjB,SAAK,gBAAgB;AAAA,MACnB,OAAO,WAAW;AAAA,MAClB,WAAW,OAAO,WAAW,KAAK;AAAA,MAClC,MAAM,UAAU;AAAA,IAClB,CAAC;AAAA,EACH;AACA,aAAW,UAAU;AACrB,aAAW,UAAU;AACrB,YAAU,UAAU;AAEpB,QAAM,OAAO,CAAC,YAAkC;AAC9C,QAAI,CAAC,SAAS;AACZ,YAAM,MAAM,UAAU;AACtB;AAAA,IACF;AACA,UAAM,MAAM,UAAU;AACtB,WAAO,cAAc,GAAGA,GAAE,sBAAsB,cAAI,CAAC,KAAK,QAAQ,IAAI;AACtE,UAAM,OAAO,QAAQ,QAAQ,CAAC;AAC9B,eAAW,QAAQ,OAAO,KAAK,SAAS,SAAS;AACjD,eAAW,QAAQ,OAAO,KAAK,aAAa,CAAC;AAC7C,cAAU,QAAQ,OAAO,KAAK,QAAQ,MAAM;AAC5C,YAAQ,MAAM,UAAU,QAAQ,SAAS,SAAS,SAAS;AAC3D,UAAM,SAAS,QAAQ,KAAK,MAAM;AAClC,eAAW,MAAM,UAAU,SAAS,UAAU;AAC9C,eAAW,WAAW;AACtB,eAAW,WAAW;AACtB,cAAU,WAAW;AAAA,EACvB;AAEA,SAAO,EAAE,IAAI,OAAO,KAAK;AAC3B;;;AC5FO,SAAS,uBAAuB,QAAkC;AACvE,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,QAAQ,wBAAwB;AACrC,OAAK,MAAM,UACT;AACF,SAAO,YAAY,IAAI;AACvB,SAAO;AACT;;;ACqBO,IAAM,0BAAkD;AAAA,EAC7D,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AACf;AAEO,SAAS,sBACd,OAA2B,CAAC,GACJ;AACxB,QAAM,IAAI;AACV,QAAM,MAAM,KAAK,cAAc,EAAE;AACjC,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,iBAAiB,KAAK,mBAAmB,EAAE;AAAA,IAC3C,mBAAmB,KAAK,qBAAqB,EAAE;AAAA,IAC/C,qBAAqB,KAAK,uBAAuB,EAAE;AAAA,IACnD,eAAe,KAAK,iBAAiB,EAAE;AAAA,IACvC,qBAAqB,KAAK,uBAAuB,EAAE;AAAA,IACnD,iBAAiB,KAAK,mBAAmB,EAAE;AAAA,IAC3C,cAAc,KAAK,aAAa,SAAa,KAAK,gBAAgB,OAAS,KAAK,gBAAgB,EAAE;AAAA,IAClG,eAAe,KAAK,iBAAiB,EAAE;AAAA,IACvC,aAAa,KAAK,gBAAgB,KAAK,iBAAiB,WAAW,EAAE;AAAA,EACvE;AACF;AAEO,SAAS,oBACd,SACA,OACwB;AACxB,SAAO,sBAAsB;AAAA,IAC3B,YAAY,MAAM,cAAc,QAAQ;AAAA,IACxC,iBAAiB,MAAM,mBAAmB,QAAQ;AAAA,IAClD,mBAAmB,MAAM,qBAAqB,QAAQ;AAAA,IACtD,qBAAqB,MAAM,uBAAuB,QAAQ;AAAA,IAC1D,eAAe,MAAM,iBAAiB,QAAQ;AAAA,IAC9C,qBAAqB,MAAM,uBAAuB,QAAQ;AAAA,IAC1D,iBAAiB,MAAM,mBAAmB,QAAQ;AAAA,IAClD,cAAc,MAAM,gBAAgB,QAAQ;AAAA,IAC5C,eAAe,MAAM,iBAAiB,QAAQ;AAAA,IAC9C,aAAa,MAAM,eAAe,QAAQ;AAAA,EAC5C,CAAC;AACH;AAGO,SAAS,wBACd,UAA8B,CAAC,GACX;AACpB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY,QAAQ,cAAc;AAAA,IAClC,iBAAiB,QAAQ,mBAAmB;AAAA,IAC5C,qBAAqB,QAAQ,uBAAuB;AAAA,IACpD,eAAe,QAAQ,iBAAiB;AAAA,IACxC,qBAAqB,QAAQ,uBAAuB;AAAA,IACpD,iBAAiB,QAAQ,mBAAmB;AAAA,IAC5C,cAAc,QAAQ,gBAAgB;AAAA,IACtC,eAAe,QAAQ,iBAAiB;AAAA,IACxC,mBAAmB,QAAQ,qBAAqB;AAAA,IAChD,aAAa,QAAQ,gBAAgB,QAAQ,iBAAiB,WAAW;AAAA,EAC3E;AACF;;;AChGA,SAAS,WAAW,WAAW,KAAAC,UAAS;AAmBxC,SAAS,IAAI,GAAuB,SAAS,GAAW;AACtD,MAAI,KAAK,QAAQ,OAAO,MAAM,CAAC,EAAG,QAAO;AACzC,SAAO,EAAE,eAAe,QAAW,EAAE,uBAAuB,OAAO,CAAC;AACtE;AAEO,SAAS,eAAe,QAAqB,OAAyB,CAAC,GAG5E;AACA,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,YAAY;AAChB,MAAI,MAAM,UACR;AAEF,QAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,QAAM,MAAM,SAAS,cAAc,MAAM;AACzC,QAAM,QAAQ,SAAS,cAAc,MAAM;AAC3C,QAAM,MAAM,OAAO;AACnB,QAAM,MAAM,QAAQ;AAEpB,QAAM,aAAa,SAAS,cAAc,OAAO;AACjD,aAAW,MAAM,UAAU;AAC3B,QAAM,cAAc,SAAS,cAAc,MAAM;AACjD,cAAY,cAAcA,GAAE,iBAAiB,cAAI;AACjD,QAAM,eAAe,SAAS,cAAc,QAAQ;AACpD,eAAa,MAAM,UACjB;AACF,aAAW,OAAO,CAAC,SAAS,IAAI,GAAG;AACjC,UAAM,MAAM,SAAS,cAAc,QAAQ;AAC3C,QAAI,QAAQ;AACZ,QAAI,cAAc;AAClB,iBAAa,YAAY,GAAG;AAAA,EAC9B;AACA,eAAa,QAAQ,KAAK,UAAU,UAAU;AAC9C,eAAa,WAAW,MAAM;AAC5B,cAAU,aAAa,KAAK;AAC5B,SAAK,iBAAiB,aAAa,KAAK;AACxC,gBAAY,cAAcA,GAAE,iBAAiB,cAAI;AACjD,WAAO,IAAI;AAAA,EACb;AACA,aAAW,OAAO,aAAa,YAAY;AAE3C,MAAI,OAAO,MAAM,KAAK,OAAO,UAAU;AACvC,SAAO,YAAY,GAAG;AAEtB,QAAM,SAAS,CAAC,UAA4B;AAC1C,UAAM,SAAS,EAAE,GAAG,MAAM,GAAG,MAAM;AACnC,SAAK,cAAc,GAAGA,GAAE,qBAAqB,cAAI,CAAC,SAAI,OAAO,cAAc,QAAG;AAC9E,UAAM,QAAQ,CAAC,OAAO,QAAQ,OAAO,QAAQ,EAAE,OAAO,OAAO;AAC7D,QAAI,cAAc,MAAM,SAAS,MAAM,KAAK,QAAK,IAAI;AACrD,UAAM,IAAI,OAAO;AACjB,QAAI,MAAM,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO;AACrC,YAAM,cAAc,KAAK,IAAI,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAClG,OAAO;AACL,YAAM,cAAcA,GAAE,oBAAoB,kDAAe;AAAA,IAC3D;AAAA,EACF;AAEA,SAAO,IAAI;AACX,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,QAAQ,CAAC,UAAU;AACjB,aAAO,OAAO,MAAM,KAAK;AACzB,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACF;;;ACrFA,SAAS,KAAAC,UAAS;AAElB,IAAM,YAAkD;AAAA,EACtD,EAAE,KAAK,gBAAW,MAAM,gEAAc;AAAA,EACtC,EAAE,KAAK,UAAU,MAAM,uCAAS;AAAA,EAChC,EAAE,KAAK,KAAK,MAAM,2BAAO;AAAA,EACzB,EAAE,KAAK,OAAO,MAAM,oCAAW;AAAA,EAC/B,EAAE,KAAK,KAAK,MAAM,qBAAM;AAAA,EACxB,EAAE,KAAK,KAAK,MAAM,mBAAS;AAAA,EAC3B,EAAE,KAAK,KAAK,MAAM,iCAAQ;AAAA,EAC1B,EAAE,KAAK,KAAK,MAAM,2BAAO;AAAA,EACzB,EAAE,KAAK,KAAK,MAAM,qBAAM;AAC1B;AAEO,SAAS,qBAAiC;AAC/C,QAAM,UAAU,CAAC,MAAqB;AACpC,QAAI,EAAE,QAAQ,OAAO,EAAE,WAAW,EAAE,QAAS;AAC7C,UAAM,MAAO,EAAE,QAAwB;AACvC,QAAI,QAAQ,WAAW,QAAQ,cAAc,QAAQ,SAAU;AAC/D,MAAE,eAAe;AACjB,uBAAmB;AAAA,EACrB;AACA,SAAO,iBAAiB,WAAW,OAAO;AAC1C,SAAO,MAAM,OAAO,oBAAoB,WAAW,OAAO;AAC5D;AAEO,SAAS,qBAA2B;AACzC,QAAM,WAAW,SAAS,cAAc,KAAK;AAC7C,WAAS,MAAM,UACb;AAEF,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,MAAM,UACR;AAEF,QAAM,IAAI,SAAS,cAAc,IAAI;AACrC,IAAE,cAAcA,GAAE,mBAAmB,oBAAK;AAC1C,IAAE,MAAM,UAAU;AAElB,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,MAAM,UAAU;AACrB,aAAW,KAAK,WAAW;AACzB,UAAM,MAAM,SAAS,cAAc,KAAK;AACxC,QAAI,YAAY,uFAAuF,EAAE,GAAG,SAAS,EAAE,IAAI;AAC3H,SAAK,YAAY,GAAG;AAAA,EACtB;AAEA,QAAM,WAAW,SAAS,cAAc,QAAQ;AAChD,WAAS,OAAO;AAChB,WAAS,cAAcA,GAAE,mBAAmB,cAAI;AAChD,WAAS,MAAM,UACb;AACF,QAAM,QAAQ,MAAM,SAAS,OAAO;AACpC,WAAS,UAAU;AACnB,WAAS,UAAU,CAAC,MAAM;AACxB,QAAI,EAAE,WAAW,SAAU,OAAM;AAAA,EACnC;AAEA,MAAI,OAAO,GAAG,MAAM,QAAQ;AAC5B,WAAS,YAAY,GAAG;AACxB,WAAS,KAAK,YAAY,QAAQ;AACpC;;;AClCA,IAAM,gBAA6D;AAAA,EACjE,EAAE,IAAI,UAAU,OAAO,SAAI;AAAA,EAC3B,EAAE,IAAI,aAAa,OAAO,SAAI;AAAA,EAC9B,EAAE,IAAI,SAAS,OAAO,SAAI;AAAA,EAC1B,EAAE,IAAI,SAAS,OAAO,SAAI;AAAA,EAC1B,EAAE,IAAI,aAAa,OAAO,SAAI;AAAA,EAC9B,EAAE,IAAI,aAAa,OAAO,SAAI;AAAA,EAC9B,EAAE,IAAI,QAAQ,OAAO,IAAI;AAC3B;AAEA,IAAM,YAAY;AAsBlB,SAAS,iBACP,QACA,YACA,UACA,QAC8C;AAC9C,QAAM,WACJ,WAAW,WACP,sIACA;AACN,QAAM,cAAc,SAAS,QAAQ,WAAW,SAAS,EAAE,QAAQ,WAAW,MAAM;AAEpF,QAAM,UAAU,oBAAI,IAAsC;AAC1D,aAAW,QAAQ,eAAe;AAChC,UAAM,MAAM,SAAS,cAAc,QAAQ;AAC3C,QAAI,OAAO;AACX,QAAI,QAAQ,KAAK;AACjB,QAAI,cAAc,KAAK;AACvB,QAAI,MAAM,UAAU,eAAe,KAAK,KAAK,cAAc;AAC3D,QAAI,UAAU,MAAM,SAAS,KAAK,EAAE;AACpC,YAAQ,IAAI,KAAK,IAAI,GAAG;AACxB,WAAO,YAAY,GAAG;AAAA,EACxB;AAEA,SAAO;AAAA,IACL,WAAW,CAAC,SAAS;AACnB,iBAAW,CAAC,IAAI,GAAG,KAAK,SAAS;AAC/B,YAAI,MAAM,UAAU,OAAO,OAAO,cAAc;AAAA,MAClD;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,iBAAiB,MAAmB,OAA2B,CAAC,GAW9E;AACA,MAAI,iBAAiB,sBAAsB,IAAI;AAE/C,OAAK,MAAM,UAAU;AACrB,OAAK,MAAM,gBAAgB;AAC3B,OAAK,MAAM,SAAS;AACpB,OAAK,MAAM,aAAa;AAExB,MAAI,aAA4B,KAAK,qBAAqB;AAC1D,MAAI,mBAAwD;AAC5D,MAAI,kBAAuD;AAE3D,QAAM,uBAAuB,CAAC,SAAwB;AACpD,iBAAa;AACb,uBAAmB,IAAI;AACvB,sBAAkB,IAAI;AAAA,EACxB;AAEA,QAAM,eAAe,CAAC,SAAwB;AAC5C,yBAAqB,IAAI;AACzB,SAAK,sBAAsB,IAAI;AAAA,EACjC;AAEA,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,MAAM,UAAU;AAErB,QAAM,YAAY,SAAS,cAAc,OAAO;AAChD,YAAU,MAAM,UACd;AAEF,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,YAAU,MAAM,UACd;AAEF,QAAM,cAAc,SAAS,cAAc,KAAK;AAChD,cAAY,MAAM,UAAU;AAE5B,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,YAAU,MAAM,UAAU;AAC1B,cAAY,YAAY,SAAS;AAEjC,QAAM,gBAAgB,uBAAuB,WAAW;AAExD,QAAM,YAAY,eAAe,aAAa,KAAK,aAAa,CAAC,CAAC;AAElE,OAAK,YAAY,WAAW;AAE5B,QAAM,kBAAkB,4BAA4B,MAAM;AAAA,IACxD,eAAe,KAAK;AAAA,EACtB,CAAC;AAED,OAAK,yBAAyB,gBAAgB,IAAI;AAElD,OAAK,YAAY,IAAI;AACrB,OAAK,YAAY,SAAS;AAE1B,MAAI,SAAsB,SAAS,cAAc,KAAK;AACtD,SAAO,MAAM,UAAU;AACvB,OAAK,aAAa,QAAQ,IAAI;AAE9B,QAAM,kBAAkB,qBAAqB,WAAW,EAAE,QAAQ,KAAK,cAAc,CAAC;AAEtF,MAAI,oBAAoB,MAAM;AAAA,EAAC;AAC/B,MAAI,iBAAiB;AAErB,QAAM,mBAAmB,MAAM;AAC7B,QAAI,UAAU,cAAe;AAC7B,UAAM,eAAe,iBAAiB,WAAW,YAAY,cAAc,QAAQ;AACnF,uBAAmB,aAAa;AAChC,SAAK,aAAa,WAAW,WAAW;AAExC,cAAU,MAAM,gBAAgB;AAChC,UAAM,cAAc,iBAAiB,WAAW,YAAY,cAAc,KAAK;AAC/E,sBAAkB,YAAY;AAE9B,UAAM,KAAK,OAAO,WAAW,SAAS;AACtC,UAAM,cAAc,MAAM;AACxB,YAAM,SAAS,GAAG;AAClB,gBAAU,MAAM,UAAU,SAAS,SAAS;AAC5C,YAAM,aAAa,eAAe,sBAAsB;AACxD,gBAAU,MAAM,UAAU,UAAU,aAAa,SAAS;AAAA,IAC5D;AACA,OAAG,iBAAiB,UAAU,WAAW;AACzC,gBAAY;AAAA,EACd;AAEA,QAAM,qBAAqB,MAAM;AAC/B,cAAU,OAAO;AACjB,cAAU,YAAY;AACtB,uBAAmB;AACnB,sBAAkB;AAAA,EACpB;AAEA,QAAM,sBAAsB,MAAM;AAChC,UAAM,IAAI;AAEV,QAAI,EAAE,YAAY;AAChB,aAAO,OAAO;AACd,eAAS,YAAY,MAAM;AAAA,QACzB,GAAG;AAAA,QACH,aAAa,EAAE;AAAA,QACf,cAAc,EAAE;AAAA,MAClB,CAAC;AAAA,IACH,OAAO;AACL,aAAO,MAAM,UAAU;AAAA,IACzB;AAEA,QAAI,EAAE,gBAAiB,kBAAiB;AAAA,QACnC,oBAAmB;AAExB,oBAAgB,GAAG,MAAM,UAAU,EAAE,sBAAsB,KAAK;AAChE,cAAU,GAAG,MAAM,UAAU,EAAE,gBAAgB,KAAK;AACpD,oBAAgB,GAAG,MAAM,UAAU,EAAE,sBAAsB,KAAK;AAEhE,sBAAkB;AAClB,QAAI,EAAE,iBAAiB;AACrB,0BAAoB,uBAAuB,WAAW;AAAA,QACpD,SAAS,KAAK;AAAA,MAChB,CAAC;AAAA,IACH;AAEA,QAAI,EAAE,iBAAiB,CAAC,gBAAgB;AACtC,yBAAmB;AACnB,uBAAiB;AAAA,IACnB;AAAA,EACF;AAEA,sBAAoB;AAEpB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB,CAAC,UAAU;AAC5B,uBAAiB,oBAAoB,gBAAgB,KAAK;AAC1D,0BAAoB;AAAA,IACtB;AAAA,IACA,mBAAmB,OAAO,EAAE,GAAG,eAAe;AAAA,EAChD;AACF;;;ACtPA,SAAS,KAAAC,UAAS;AAUX,SAAS,uBACd,SACA,SACA,SACA,UACY;AACZ,QAAM,OAAO,SAAS,cAAc,KAAK;AACzC,OAAK,MAAM,UACT;AACF,OAAK,MAAM,OAAO,GAAG,OAAO;AAC5B,OAAK,MAAM,MAAM,GAAG,OAAO;AAE3B,QAAM,MAAM,CAAC,OAAe,IAAiB,WAAW,UAAU;AAChE,QAAI,CAAC,GAAI;AACT,UAAM,MAAM,SAAS,cAAc,QAAQ;AAC3C,QAAI,OAAO;AACX,QAAI,cAAc;AAClB,QAAI,WAAW;AACf,QAAI,MAAM,UACR;AACF,QAAI,SAAU,KAAI,MAAM,UAAU;AAClC,QAAI,UAAU,MAAM;AAClB,SAAG;AACH,YAAM;AAAA,IACR;AACA,SAAK,YAAY,GAAG;AAAA,EACtB;AAEA,MAAI,SAAS;AACX,UAAM,SAAS,QAAQ,QAAQ,MAAM,MAAM;AAC3C,QAAIA,GAAE,sBAAsB,cAAI,GAAG,SAAS,QAAQ;AACpD,QAAIA,GAAE,oBAAoB,cAAI,GAAG,SAAS,MAAM;AAChD;AAAA,MACE,SAASA,GAAE,sBAAsB,cAAI,IAAIA,GAAE,oBAAoB,cAAI;AAAA,MACnE,SAAS;AAAA,IACX;AACA,QAAI,QAAQ,SAAS,QAAQ;AAC3B,UAAIA,GAAE,wBAAwB,0BAAM,GAAG,SAAS,UAAU;AAAA,IAC5D;AACA,QAAIA,GAAE,wBAAwB,0BAAM,GAAG,SAAS,UAAU;AAAA,EAC5D;AAEA,WAAS,KAAK,YAAY,IAAI;AAE9B,QAAM,QAAQ,MAAM;AAClB,SAAK,OAAO;AACZ,aAAS,oBAAoB,SAAS,KAAK;AAAA,EAC7C;AACA,aAAW,MAAM,SAAS,iBAAiB,SAAS,KAAK,GAAG,CAAC;AAC7D,SAAO;AACT;;;AC7DO,SAAS,sBAAsB,QAAqB,SAAoC;AAC7F,QAAM,OAAO,SAAS,cAAc,SAAS;AAC7C,OAAK,MAAM,UACT;AAEF,QAAM,UAAU,SAAS,cAAc,SAAS;AAChD,UAAQ,cAAc;AACtB,UAAQ,MAAM,UAAU;AAExB,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,MAAM,UACR;AAEF,QAAM,UAAU,SAAS,cAAc,QAAQ;AAC/C,UAAQ,OAAO;AACf,UAAQ,cAAc;AACtB,UAAQ,MAAM,UACZ;AACF,UAAQ,UAAU,MAAM;AACtB,UAAM,OAAO,QAAQ;AACrB,QAAI,cAAc;AAClB,SAAK,UAAU,UAAU,UAAU,IAAI;AAAA,EACzC;AAEA,OAAK,WAAW,MAAM;AACpB,QAAI,KAAK,KAAM,KAAI,cAAc,QAAQ;AAAA,EAC3C;AAEA,OAAK,OAAO,SAAS,KAAK,OAAO;AACjC,SAAO,YAAY,IAAI;AACvB,SAAO;AACT;","names":["t","DEFAULT_INDICATOR_CONFIG","DEFAULT_INDICATOR_CONFIG","t","t","t","fmt","t","t","t","t"]}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@coderyo/ui-shell",
+  "version": "1.0.0-rc.2",
+  "license": "UNLICENSED",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@coderyo/data": "1.0.0-rc.2",
+    "@coderyo/drawings": "1.0.0-rc.2",
+    "@coderyo/i18n": "1.0.0-rc.2",
+    "@coderyo/indicators": "1.0.0-rc.2"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3",
+    "vitest": "^3.2.4",
+    "@coderyo/eslint-config": "0.0.0",
+    "@coderyo/tsconfig": "0.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CodeRyoStudio/tradview.git",
+    "directory": "packages/ui-shell"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run --passWithNoTests",
+    "lint": "eslint src",
+    "typecheck": "tsc --noEmit"
+  }
+}