@tradecanvas/chart 1.4.0 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (195) hide show
  1. package/README.md +352 -95
  2. package/dist/Chart.d.ts +621 -23
  3. package/dist/Chart.d.ts.map +1 -1
  4. package/dist/DataManager.d.ts +5 -0
  5. package/dist/DataManager.d.ts.map +1 -1
  6. package/dist/HistoryPager.d.ts +58 -0
  7. package/dist/HistoryPager.d.ts.map +1 -0
  8. package/dist/LayoutSession-BFqQwhvV.cjs +2 -0
  9. package/dist/LayoutSession-BFqQwhvV.cjs.map +1 -0
  10. package/dist/LayoutSession-P9Vb-Jpb.js +3995 -0
  11. package/dist/LayoutSession-P9Vb-Jpb.js.map +1 -0
  12. package/dist/ThemeManager.d.ts +5 -1
  13. package/dist/ThemeManager.d.ts.map +1 -1
  14. package/dist/chartA11y.d.ts +59 -0
  15. package/dist/chartA11y.d.ts.map +1 -0
  16. package/dist/charts/ChartTypeStrategy.d.ts +5 -4
  17. package/dist/charts/ChartTypeStrategy.d.ts.map +1 -1
  18. package/dist/grid/ChartGrid.d.ts +6 -1
  19. package/dist/grid/ChartGrid.d.ts.map +1 -1
  20. package/dist/i18n-CiQ8EDVs.js +1469 -0
  21. package/dist/i18n-CiQ8EDVs.js.map +1 -0
  22. package/dist/i18n-WsLA9SmD.cjs +2 -0
  23. package/dist/i18n-WsLA9SmD.cjs.map +1 -0
  24. package/dist/index.cjs +1 -1
  25. package/dist/index.cjs.map +1 -1
  26. package/dist/index.d.ts +24 -5
  27. package/dist/index.d.ts.map +1 -1
  28. package/dist/index.js +34 -34
  29. package/dist/index.js.map +1 -1
  30. package/dist/indicatorLabel.d.ts +7 -0
  31. package/dist/indicatorLabel.d.ts.map +1 -0
  32. package/dist/layout/LayoutManager.d.ts +50 -0
  33. package/dist/layout/LayoutManager.d.ts.map +1 -1
  34. package/dist/layout/priceAxisWidth.d.ts +2 -0
  35. package/dist/layout/priceAxisWidth.d.ts.map +1 -1
  36. package/dist/regularHours.d.ts +10 -0
  37. package/dist/regularHours.d.ts.map +1 -0
  38. package/dist/state/LayoutSession.d.ts +101 -0
  39. package/dist/state/LayoutSession.d.ts.map +1 -0
  40. package/dist/state/layoutStorage.d.ts +46 -0
  41. package/dist/state/layoutStorage.d.ts.map +1 -0
  42. package/dist/trading/wireExecution.d.ts +7 -3
  43. package/dist/trading/wireExecution.d.ts.map +1 -1
  44. package/dist/widget/ChartWidget.d.ts +219 -10
  45. package/dist/widget/ChartWidget.d.ts.map +1 -1
  46. package/dist/widget/ChartWidgetGrid.d.ts +166 -0
  47. package/dist/widget/ChartWidgetGrid.d.ts.map +1 -0
  48. package/dist/widget/DrawingTemplateStore.d.ts +29 -8
  49. package/dist/widget/DrawingTemplateStore.d.ts.map +1 -1
  50. package/dist/widget/WatchlistStore.d.ts +65 -0
  51. package/dist/widget/WatchlistStore.d.ts.map +1 -0
  52. package/dist/widget/WidgetAccountPanel.d.ts +72 -0
  53. package/dist/widget/WidgetAccountPanel.d.ts.map +1 -0
  54. package/dist/widget/WidgetAlertsPanel.d.ts +50 -3
  55. package/dist/widget/WidgetAlertsPanel.d.ts.map +1 -1
  56. package/dist/widget/WidgetBracketBar.d.ts +3 -1
  57. package/dist/widget/WidgetBracketBar.d.ts.map +1 -1
  58. package/dist/widget/WidgetChartNav.d.ts +36 -0
  59. package/dist/widget/WidgetChartNav.d.ts.map +1 -0
  60. package/dist/widget/WidgetCommandPalette.d.ts +3 -1
  61. package/dist/widget/WidgetCommandPalette.d.ts.map +1 -1
  62. package/dist/widget/WidgetContextMenu.d.ts +40 -0
  63. package/dist/widget/WidgetContextMenu.d.ts.map +1 -0
  64. package/dist/widget/WidgetDataWindow.d.ts +3 -1
  65. package/dist/widget/WidgetDataWindow.d.ts.map +1 -1
  66. package/dist/widget/WidgetDepthLadder.d.ts +3 -1
  67. package/dist/widget/WidgetDepthLadder.d.ts.map +1 -1
  68. package/dist/widget/WidgetDrawingSettings.d.ts +108 -0
  69. package/dist/widget/WidgetDrawingSettings.d.ts.map +1 -0
  70. package/dist/widget/WidgetDrawingSidebar.d.ts +16 -1
  71. package/dist/widget/WidgetDrawingSidebar.d.ts.map +1 -1
  72. package/dist/widget/WidgetDrawingStyle.d.ts +3 -1
  73. package/dist/widget/WidgetDrawingStyle.d.ts.map +1 -1
  74. package/dist/widget/WidgetDropdown.d.ts.map +1 -1
  75. package/dist/widget/WidgetGoToDate.d.ts +5 -4
  76. package/dist/widget/WidgetGoToDate.d.ts.map +1 -1
  77. package/dist/widget/WidgetHistoryPill.d.ts +23 -0
  78. package/dist/widget/WidgetHistoryPill.d.ts.map +1 -0
  79. package/dist/widget/WidgetHotkeySheet.d.ts.map +1 -1
  80. package/dist/widget/WidgetIndicatorLegend.d.ts +31 -1
  81. package/dist/widget/WidgetIndicatorLegend.d.ts.map +1 -1
  82. package/dist/widget/WidgetIndicatorSettings.d.ts +62 -7
  83. package/dist/widget/WidgetIndicatorSettings.d.ts.map +1 -1
  84. package/dist/widget/WidgetIntervalInput.d.ts +34 -0
  85. package/dist/widget/WidgetIntervalInput.d.ts.map +1 -0
  86. package/dist/widget/WidgetLayoutsDialog.d.ts +39 -0
  87. package/dist/widget/WidgetLayoutsDialog.d.ts.map +1 -0
  88. package/dist/widget/WidgetLayoutsUI.d.ts +37 -0
  89. package/dist/widget/WidgetLayoutsUI.d.ts.map +1 -0
  90. package/dist/widget/WidgetNamePrompt.d.ts +31 -0
  91. package/dist/widget/WidgetNamePrompt.d.ts.map +1 -0
  92. package/dist/widget/WidgetObjectTree.d.ts +21 -3
  93. package/dist/widget/WidgetObjectTree.d.ts.map +1 -1
  94. package/dist/widget/WidgetOrderTicket.d.ts +49 -0
  95. package/dist/widget/WidgetOrderTicket.d.ts.map +1 -0
  96. package/dist/widget/WidgetReplayBar.d.ts +15 -0
  97. package/dist/widget/WidgetReplayBar.d.ts.map +1 -1
  98. package/dist/widget/WidgetSettings.d.ts +13 -1
  99. package/dist/widget/WidgetSettings.d.ts.map +1 -1
  100. package/dist/widget/WidgetStatusBar.d.ts +3 -0
  101. package/dist/widget/WidgetStatusBar.d.ts.map +1 -1
  102. package/dist/widget/WidgetStyles.d.ts +3 -1
  103. package/dist/widget/WidgetStyles.d.ts.map +1 -1
  104. package/dist/widget/WidgetSymbolInfo.d.ts +64 -0
  105. package/dist/widget/WidgetSymbolInfo.d.ts.map +1 -0
  106. package/dist/widget/WidgetSymbolSearch.d.ts +26 -5
  107. package/dist/widget/WidgetSymbolSearch.d.ts.map +1 -1
  108. package/dist/widget/WidgetToolbar.d.ts +30 -1
  109. package/dist/widget/WidgetToolbar.d.ts.map +1 -1
  110. package/dist/widget/WidgetWatchlist.d.ts +53 -13
  111. package/dist/widget/WidgetWatchlist.d.ts.map +1 -1
  112. package/dist/widget/chartMenu.d.ts +40 -0
  113. package/dist/widget/chartMenu.d.ts.map +1 -0
  114. package/dist/widget/drawingMenu.d.ts +21 -0
  115. package/dist/widget/drawingMenu.d.ts.map +1 -0
  116. package/dist/widget/focusTrap.d.ts +8 -0
  117. package/dist/widget/focusTrap.d.ts.map +1 -0
  118. package/dist/widget/i18n.d.ts +20 -89
  119. package/dist/widget/i18n.d.ts.map +1 -1
  120. package/dist/widget/iconSet.d.ts.map +1 -1
  121. package/dist/widget/index.cjs +1644 -376
  122. package/dist/widget/index.cjs.map +1 -1
  123. package/dist/widget/index.d.ts +15 -1
  124. package/dist/widget/index.d.ts.map +1 -1
  125. package/dist/widget/index.js +6389 -1228
  126. package/dist/widget/index.js.map +1 -1
  127. package/dist/widget/indicatorTemplates.d.ts +24 -0
  128. package/dist/widget/indicatorTemplates.d.ts.map +1 -0
  129. package/dist/widget/keyTarget.d.ts +11 -0
  130. package/dist/widget/keyTarget.d.ts.map +1 -0
  131. package/dist/widget/legendValues.d.ts +11 -6
  132. package/dist/widget/legendValues.d.ts.map +1 -1
  133. package/dist/widget/locales/ar.d.ts +4 -0
  134. package/dist/widget/locales/ar.d.ts.map +1 -0
  135. package/dist/widget/locales/de.d.ts +4 -0
  136. package/dist/widget/locales/de.d.ts.map +1 -0
  137. package/dist/widget/locales/en.d.ts +722 -0
  138. package/dist/widget/locales/en.d.ts.map +1 -0
  139. package/dist/widget/locales/es.d.ts +4 -0
  140. package/dist/widget/locales/es.d.ts.map +1 -0
  141. package/dist/widget/locales/fr.d.ts +4 -0
  142. package/dist/widget/locales/fr.d.ts.map +1 -0
  143. package/dist/widget/locales/he.d.ts +4 -0
  144. package/dist/widget/locales/he.d.ts.map +1 -0
  145. package/dist/widget/locales/id.d.ts +4 -0
  146. package/dist/widget/locales/id.d.ts.map +1 -0
  147. package/dist/widget/locales/index.cjs +2 -0
  148. package/dist/widget/locales/index.cjs.map +1 -0
  149. package/dist/widget/locales/index.d.ts +33 -0
  150. package/dist/widget/locales/index.d.ts.map +1 -0
  151. package/dist/widget/locales/index.js +10089 -0
  152. package/dist/widget/locales/index.js.map +1 -0
  153. package/dist/widget/locales/ja.d.ts +4 -0
  154. package/dist/widget/locales/ja.d.ts.map +1 -0
  155. package/dist/widget/locales/ko.d.ts +4 -0
  156. package/dist/widget/locales/ko.d.ts.map +1 -0
  157. package/dist/widget/locales/pt.d.ts +4 -0
  158. package/dist/widget/locales/pt.d.ts.map +1 -0
  159. package/dist/widget/locales/ru.d.ts +4 -0
  160. package/dist/widget/locales/ru.d.ts.map +1 -0
  161. package/dist/widget/locales/th.d.ts +4 -0
  162. package/dist/widget/locales/th.d.ts.map +1 -0
  163. package/dist/widget/locales/tr.d.ts +4 -0
  164. package/dist/widget/locales/tr.d.ts.map +1 -0
  165. package/dist/widget/locales/vi.d.ts +4 -0
  166. package/dist/widget/locales/vi.d.ts.map +1 -0
  167. package/dist/widget/locales/zh.d.ts +4 -0
  168. package/dist/widget/locales/zh.d.ts.map +1 -0
  169. package/dist/widget/locales/zhHant.d.ts +4 -0
  170. package/dist/widget/locales/zhHant.d.ts.map +1 -0
  171. package/dist/widget/orderTicket.d.ts +27 -0
  172. package/dist/widget/orderTicket.d.ts.map +1 -0
  173. package/dist/widget/settingsControls.d.ts +24 -0
  174. package/dist/widget/settingsControls.d.ts.map +1 -0
  175. package/dist/widget/types.d.ts +187 -6
  176. package/dist/widget/types.d.ts.map +1 -1
  177. package/dist/widget/widgetConfig.d.ts +4 -0
  178. package/dist/widget/widgetConfig.d.ts.map +1 -1
  179. package/dist/widget/widgetLayout.d.ts +22 -0
  180. package/dist/widget/widgetLayout.d.ts.map +1 -0
  181. package/dist/widget/widgetLocales.d.ts +17 -0
  182. package/dist/widget/widgetLocales.d.ts.map +1 -0
  183. package/dist/widget/widgetTimeframes.d.ts +8 -0
  184. package/dist/widget/widgetTimeframes.d.ts.map +1 -1
  185. package/dist/widget/widgetTimezones.d.ts +32 -0
  186. package/dist/widget/widgetTimezones.d.ts.map +1 -0
  187. package/dist/widget/widgetUI.d.ts +126 -0
  188. package/dist/widget/widgetUI.d.ts.map +1 -0
  189. package/package.json +8 -3
  190. package/dist/DragDropImporter-C5kgfbET.cjs +0 -2
  191. package/dist/DragDropImporter-C5kgfbET.cjs.map +0 -1
  192. package/dist/DragDropImporter-Dd9Mud5J.js +0 -2099
  193. package/dist/DragDropImporter-Dd9Mud5J.js.map +0 -1
  194. package/dist/charts/IndicatorPriceRange.d.ts +0 -20
  195. package/dist/charts/IndicatorPriceRange.d.ts.map +0 -1
@@ -1,4 +1,4 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../DragDropImporter-C5kgfbET.cjs`);let t=require(`@tradecanvas/commons`),n=require(`@tradecanvas/core`);function r(e,n,r={}){if(e.length===0)return[];let i=r.weekStartsOn??1,a=[],o=null,s=NaN;for(let r of e){let e=(0,t.timeframeBucketStart)(r.time,n,i);o===null||e!==s?(o!==null&&a.push(o),o={time:e,open:r.open,high:r.high,low:r.low,close:r.close,volume:r.volume},s=e):o={time:o.time,open:o.open,high:Math.max(o.high,r.high),low:Math.min(o.low,r.low),close:r.close,volume:o.volume+r.volume}}return o!==null&&a.push(o),a}function i(e){if(e.length<2)return 0;let t=[];for(let n=1;n<e.length;n++){let r=e[n].time-e[n-1].time;r>0&&t.push(r)}return t.length===0?0:(t.sort((e,t)=>e-t),t[Math.floor(t.length/2)])}var a=[{label:`Candlestick`,value:`candlestick`},{label:`Line`,value:`line`},{label:`Area`,value:`area`},{label:`Bar`,value:`bar`},{label:`Heikin-Ashi`,value:`heikinAshi`},{label:`Hollow Candle`,value:`hollowCandle`},{label:`Baseline`,value:`baseline`},{label:`Volume Candles`,value:`volumeCandles`},{label:`Equivolume`,value:`equivolume`},{label:`HLC Area`,value:`hlcArea`},{label:`Step Line`,value:`stepLine`},{label:`Line + Markers`,value:`lineWithMarkers`}],o=[{label:`Lines`,tools:[{label:`Trend Line`,value:`trendLine`},{label:`Ray`,value:`ray`},{label:`Extended Line`,value:`extendedLine`},{label:`Info Line`,value:`infoLine`},{label:`Trend Angle`,value:`trendAngle`}]},{label:`Horizontal/Vertical`,tools:[{label:`Horizontal Line`,value:`horizontalLine`},{label:`Horizontal Ray`,value:`horizontalRay`},{label:`Vertical Line`,value:`verticalLine`},{label:`Cross Line`,value:`crossLine`}]},{label:`Channels`,tools:[{label:`Parallel Channel`,value:`parallelChannel`},{label:`Regression Channel`,value:`regressionChannel`}]},{label:`Fibonacci`,tools:[{label:`Fib Retracement`,value:`fibRetracement`},{label:`Fib Extension`,value:`fibExtension`},{label:`Fib Channel`,value:`fibChannel`},{label:`Fib Time Zones`,value:`fibTimeZones`},{label:`Fib Speed Resistance Fan`,value:`fibSpeedResistanceFan`}]},{label:`Shapes`,tools:[{label:`Rectangle`,value:`rectangle`},{label:`Circle`,value:`circle`},{label:`Ellipse`,value:`ellipse`},{label:`Triangle`,value:`triangle`}]},{label:`Gann & Pitchforks`,tools:[{label:`Pitchfork`,value:`pitchfork`},{label:`Schiff Pitchfork`,value:`schiffPitchfork`},{label:`Modified Schiff Pitchfork`,value:`modifiedSchiffPitchfork`},{label:`Gann Fan`,value:`gannFan`},{label:`Gann Box`,value:`gannBox`},{label:`Cyclic Lines`,value:`cyclicLines`}]},{label:`Patterns`,tools:[{label:`XABCD Pattern`,value:`xabcdPattern`},{label:`ABCD Pattern`,value:`abcdPattern`},{label:`Head and Shoulders`,value:`headAndShoulders`},{label:`Elliott Wave`,value:`elliottWave`}]},{label:`Measure`,tools:[{label:`Price Range`,value:`priceRange`},{label:`Date Range`,value:`dateRange`},{label:`Date and Price Range`,value:`dateAndPriceRange`},{label:`Measure`,value:`measure`}]},{label:`Annotation`,tools:[{label:`Text`,value:`text`},{label:`Price Label`,value:`priceLabel`},{label:`Arrow`,value:`arrow`}]},{label:`Forecasting`,tools:[{label:`Long/Short Position`,value:`riskReward`},{label:`Anchored VWAP`,value:`anchoredVWAP`},{label:`Fixed Range Volume Profile`,value:`volumeProfileRange`}]}],s=[{id:`sma`,name:`SMA`,type:`overlay`},{id:`ema`,name:`EMA`,type:`overlay`},{id:`tema`,name:`Triple EMA`,type:`overlay`},{id:`vwma`,name:`VWMA`,type:`overlay`},{id:`wma`,name:`Weighted MA`,type:`overlay`},{id:`hma`,name:`Hull MA`,type:`overlay`},{id:`mtfma`,name:`MTF Moving Average`,type:`overlay`},{id:`bb`,name:`Bollinger Bands`,type:`overlay`},{id:`envelope`,name:`Envelope`,type:`overlay`},{id:`vwap`,name:`VWAP`,type:`overlay`},{id:`avwap`,name:`Anchored VWAP`,type:`overlay`},{id:`svwap`,name:`Session VWAP`,type:`overlay`},{id:`ichimoku`,name:`Ichimoku Cloud`,type:`overlay`},{id:`psar`,name:`Parabolic SAR`,type:`overlay`},{id:`supertrend`,name:`Supertrend`,type:`overlay`},{id:`keltner`,name:`Keltner Channel`,type:`overlay`},{id:`donchian`,name:`Donchian Channel`,type:`overlay`},{id:`pivots`,name:`Pivot Points`,type:`overlay`},{id:`zigzag`,name:`ZigZag`,type:`overlay`},{id:`lrc`,name:`Linear Regression Channel`,type:`overlay`},{id:`chandelier`,name:`Chandelier Exit`,type:`overlay`},{id:`alligator`,name:`Alligator`,type:`overlay`},{id:`rsi`,name:`RSI`,type:`panel`},{id:`macd`,name:`MACD`,type:`panel`},{id:`stochastic`,name:`Stochastic`,type:`panel`},{id:`atr`,name:`ATR`,type:`panel`},{id:`adx`,name:`ADX`,type:`panel`},{id:`obv`,name:`OBV`,type:`panel`},{id:`williamsR`,name:`Williams %R`,type:`panel`},{id:`cci`,name:`CCI`,type:`panel`},{id:`mfi`,name:`MFI`,type:`panel`},{id:`roc`,name:`ROC`,type:`panel`},{id:`tsi`,name:`TSI`,type:`panel`},{id:`cmf`,name:`CMF`,type:`panel`},{id:`aroon`,name:`Aroon`,type:`panel`},{id:`stddev`,name:`Std Deviation`,type:`panel`},{id:`vroc`,name:`Volume ROC`,type:`panel`},{id:`ad`,name:`Acc/Dist`,type:`panel`},{id:`ao`,name:`Awesome Oscillator`,type:`panel`},{id:`chaikinOsc`,name:`Chaikin Oscillator`,type:`panel`},{id:`voldelta`,name:`Volume Delta`,type:`panel`},{id:`vortex`,name:`Vortex Indicator`,type:`panel`},{id:`chop`,name:`Choppiness Index`,type:`panel`},{id:`uo`,name:`Ultimate Oscillator`,type:`panel`},{id:`fi`,name:`Force Index`,type:`panel`},{id:`crsi`,name:`Connors RSI`,type:`panel`},{id:`coppock`,name:`Coppock Curve`,type:`panel`},{id:`kst`,name:`Know Sure Thing`,type:`panel`},{id:`elderray`,name:`Elder Ray`,type:`panel`},{id:`stc`,name:`Schaff Trend Cycle`,type:`panel`},{id:`kvo`,name:`Klinger Oscillator`,type:`panel`},{id:`fisher`,name:`Fisher Transform`,type:`panel`},{id:`dpo`,name:`Detrended Price Osc`,type:`panel`},{id:`bop`,name:`Balance of Power`,type:`panel`},{id:`massindex`,name:`Mass Index`,type:`panel`},{id:`cmo`,name:`Chande Momentum`,type:`panel`},{id:`trix`,name:`TRIX`,type:`panel`},{id:`emv`,name:`Ease of Movement`,type:`panel`},{id:`pvt`,name:`Price Volume Trend`,type:`panel`},{id:`wad`,name:`Williams A/D`,type:`panel`},{id:`chaikinvol`,name:`Chaikin Volatility`,type:`panel`},{id:`rvi`,name:`Relative Vigor Index`,type:`panel`},{id:`stochrsi`,name:`Stochastic RSI`,type:`panel`},{id:`ppo`,name:`Percentage Price Oscillator`,type:`panel`},{id:`ac`,name:`Accelerator Oscillator`,type:`panel`},{id:`rmi`,name:`Relative Momentum Index`,type:`panel`},{id:`disparity`,name:`Disparity Index`,type:`panel`},{id:`qstick`,name:`Qstick`,type:`panel`},{id:`pgo`,name:`Pretty Good Oscillator`,type:`panel`},{id:`volumeProfile`,name:`Volume Profile`,type:`panel`}],c=[`sma`,`ema`,`bb`,`rsi`,`macd`,`stochastic`,`vwap`,`atr`,`obv`,`ichimoku`],l=[`BTCUSDT`,`ETHUSDT`,`SOLUSDT`,`BNBUSDT`],u={candleUpColor:t.DARK_THEME.candleUp,candleDownColor:t.DARK_THEME.candleDown,candleUpWick:t.DARK_THEME.candleUpWick,candleDownWick:t.DARK_THEME.candleDownWick,backgroundColor:t.DARK_THEME.background,gridColor:t.DARK_THEME.grid,gridVisible:!0,volumeVisible:!0,volumeProfileVisible:!1,marketProfileVisible:!1,marketProfileSplit:!1,marketProfileLetters:!1,marketProfileBuckets:48,marketProfileOpacity:.32,depthHeatmapVisible:!1,depthHeatmapOpacity:.7,sessionShadingVisible:!1,pivotMarkersVisible:!1,pivotStrength:5,pivotStructureLabels:!1,periodLevelsVisible:!1,periodLevelsPeriod:`day`,legendVisible:!0,barCountdown:!0,logScale:!1,scaleMode:`regular`,autoScale:!0,invertScale:!1,crosshairMode:`magnet`,numberLocale:`en-US`,timezone:`local`},d=`/* === TradeCanvas Widget — Premium Styles === */
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../LayoutSession-BFqQwhvV.cjs`),t=require(`../i18n-WsLA9SmD.cjs`);let n=require(`@tradecanvas/commons`),r=require(`@tradecanvas/core`);function i(e,t,r={}){if(e.length===0)return[];let i=r.weekStartsOn??1,a=[],o=null,s=NaN;for(let r of e){let e=(0,n.timeframeBucketStart)(r.time,t,i);o===null||e!==s?(o!==null&&a.push(o),o={time:e,open:r.open,high:r.high,low:r.low,close:r.close,volume:r.volume},s=e):o={time:o.time,open:o.open,high:Math.max(o.high,r.high),low:Math.min(o.low,r.low),close:r.close,volume:o.volume+r.volume}}return o!==null&&a.push(o),a}function a(e){if(e.length<2)return 0;let t=[];for(let n=1;n<e.length;n++){let r=e[n].time-e[n-1].time;r>0&&t.push(r)}return t.length===0?0:(t.sort((e,t)=>e-t),t[Math.floor(t.length/2)])}var o=[{zone:`Pacific/Honolulu`,city:`Honolulu`},{zone:`America/Los_Angeles`,city:`Los Angeles`},{zone:`America/Denver`,city:`Denver`},{zone:`America/Chicago`,city:`Chicago`},{zone:`America/New_York`,city:`New York`},{zone:`America/Toronto`,city:`Toronto`},{zone:`America/Sao_Paulo`,city:`São Paulo`},{zone:`UTC`,city:`UTC`},{zone:`Europe/London`,city:`London`},{zone:`Europe/Berlin`,city:`Frankfurt`},{zone:`Europe/Paris`,city:`Paris`},{zone:`Europe/Zurich`,city:`Zurich`},{zone:`Africa/Johannesburg`,city:`Johannesburg`},{zone:`Europe/Istanbul`,city:`Istanbul`},{zone:`Europe/Moscow`,city:`Moscow`},{zone:`Asia/Dubai`,city:`Dubai`},{zone:`Asia/Kolkata`,city:`Mumbai`},{zone:`Asia/Bangkok`,city:`Bangkok`},{zone:`Asia/Ho_Chi_Minh`,city:`Ho Chi Minh City`},{zone:`Asia/Jakarta`,city:`Jakarta`},{zone:`Asia/Singapore`,city:`Singapore`},{zone:`Asia/Hong_Kong`,city:`Hong Kong`},{zone:`Asia/Shanghai`,city:`Shanghai`},{zone:`Asia/Taipei`,city:`Taipei`},{zone:`Asia/Seoul`,city:`Seoul`},{zone:`Asia/Tokyo`,city:`Tokyo`},{zone:`Australia/Sydney`,city:`Sydney`},{zone:`Pacific/Auckland`,city:`Auckland`}];function s(e){return!e||e===`local`?null:e===`exchange`?`exchange`:/^-?\d+$/.test(e)?Number(e):(0,n.isValidTimeZone)(e)?e:null}function c(e){return e===null?`local`:String(e)}function l(e,t,r,i){let a=(0,n.offsetAt)(null,t),c=o.filter(({zone:e})=>(0,n.isValidTimeZone)(e)).map(({zone:e,city:r})=>{let i=(0,n.offsetAt)(e,t);return{value:e,label:e===`UTC`?`UTC`:`(${(0,n.tzLabel)(i)}) ${r}`,offset:i}}),l=s(e);typeof l==`number`&&c.push({value:e,label:(0,n.tzLabel)(l),offset:l}),c.sort((e,t)=>e.offset-t.offset);let u=[{value:`local`,label:`${r} (${(0,n.tzLabel)(a)})`,offset:a}];if(i){let e=(0,n.offsetAt)(i.zone&&(0,n.isValidTimeZone)(i.zone)?i.zone:`UTC`,t);u.push({value:`exchange`,label:`${i.label} (${(0,n.tzLabel)(e)})`,offset:e})}return[...u,...c]}var u=[{label:`Candlestick`,value:`candlestick`},{label:`Line`,value:`line`},{label:`Area`,value:`area`},{label:`Bar`,value:`bar`},{label:`Heikin-Ashi`,value:`heikinAshi`},{label:`Hollow Candle`,value:`hollowCandle`},{label:`Baseline`,value:`baseline`},{label:`Volume Candles`,value:`volumeCandles`},{label:`Equivolume`,value:`equivolume`},{label:`HLC Area`,value:`hlcArea`},{label:`Step Line`,value:`stepLine`},{label:`Line + Markers`,value:`lineWithMarkers`},{label:`High-Low`,value:`hiLo`},{label:`Renko`,value:`renko`},{label:`Line Break`,value:`lineBreak`},{label:`Kagi`,value:`kagi`},{label:`Point & Figure`,value:`pointAndFigure`},{label:`Range Bars`,value:`rangeBars`}],d=[{label:`Lines`,section:`lines`,tools:[{label:`Trend Line`,value:`trendLine`},{label:`Ray`,value:`ray`},{label:`Extended Line`,value:`extendedLine`},{label:`Info Line`,value:`infoLine`},{label:`Trend Angle`,value:`trendAngle`}]},{label:`Horizontal/Vertical`,section:`lines`,tools:[{label:`Horizontal Line`,value:`horizontalLine`},{label:`Horizontal Ray`,value:`horizontalRay`},{label:`Vertical Line`,value:`verticalLine`},{label:`Cross Line`,value:`crossLine`}]},{label:`Channels`,section:`lines`,tools:[{label:`Parallel Channel`,value:`parallelChannel`},{label:`Regression Channel`,value:`regressionChannel`}]},{label:`Fibonacci`,section:`fibonacci`,tools:[{label:`Fib Retracement`,value:`fibRetracement`},{label:`Fib Extension`,value:`fibExtension`},{label:`Fib Channel`,value:`fibChannel`},{label:`Fib Time Zones`,value:`fibTimeZones`},{label:`Fib Speed Resistance Fan`,value:`fibSpeedResistanceFan`},{label:`Fib Speed Resistance Arcs`,value:`fibArcs`},{label:`Fib Circles`,value:`fibCircles`},{label:`Fib Spiral`,value:`fibSpiral`},{label:`Fib Wedge`,value:`fibWedge`}]},{label:`Gann & Pitchforks`,section:`fibonacci`,tools:[{label:`Pitchfork`,value:`pitchfork`},{label:`Schiff Pitchfork`,value:`schiffPitchfork`},{label:`Modified Schiff Pitchfork`,value:`modifiedSchiffPitchfork`},{label:`Gann Fan`,value:`gannFan`},{label:`Gann Box`,value:`gannBox`},{label:`Gann Square`,value:`gannSquare`},{label:`Pitchfan`,value:`pitchfan`}]},{label:`Cycles`,section:`fibonacci`,tools:[{label:`Cyclic Lines`,value:`cyclicLines`},{label:`Time Cycles`,value:`timeCycles`},{label:`Sine Line`,value:`sineLine`}]},{label:`Patterns`,section:`patterns`,tools:[{label:`XABCD Pattern`,value:`xabcdPattern`},{label:`ABCD Pattern`,value:`abcdPattern`},{label:`Head and Shoulders`,value:`headAndShoulders`},{label:`Cypher Pattern`,value:`cypherPattern`},{label:`Three Drives Pattern`,value:`threeDrives`}]},{label:`Elliott Waves`,section:`patterns`,tools:[{label:`Elliott Wave`,value:`elliottWave`},{label:`Elliott Impulse Wave`,value:`elliottImpulse`},{label:`Elliott Correction Wave`,value:`elliottCorrection`},{label:`Elliott Triangle Wave`,value:`elliottTriangle`},{label:`Elliott Double Combo Wave`,value:`elliottDoubleCombo`},{label:`Elliott Triple Combo Wave`,value:`elliottTripleCombo`}]},{label:`Forecasting`,section:`forecasting`,tools:[{label:`Long/Short Position`,value:`riskReward`},{label:`Anchored VWAP`,value:`anchoredVWAP`},{label:`Fixed Range Volume Profile`,value:`volumeProfileRange`},{label:`Forecast`,value:`forecast`},{label:`Projection`,value:`projection`},{label:`Bars Pattern`,value:`barsPattern`}]},{label:`Measure`,section:`forecasting`,tools:[{label:`Price Range`,value:`priceRange`},{label:`Date Range`,value:`dateRange`},{label:`Date and Price Range`,value:`dateAndPriceRange`},{label:`Measure`,value:`measure`}]},{label:`Shapes`,section:`annotation`,tools:[{label:`Rectangle`,value:`rectangle`},{label:`Circle`,value:`circle`},{label:`Ellipse`,value:`ellipse`},{label:`Triangle`,value:`triangle`},{label:`Polyline`,value:`polyline`},{label:`Curve`,value:`curve`},{label:`Arc`,value:`arc`}]},{label:`Brushes`,section:`annotation`,tools:[{label:`Brush`,value:`brush`},{label:`Highlighter`,value:`highlighter`},{label:`Path`,value:`path`}]},{label:`Annotation`,section:`annotation`,tools:[{label:`Text`,value:`text`},{label:`Price Label`,value:`priceLabel`},{label:`Arrow`,value:`arrow`},{label:`Note`,value:`note`},{label:`Callout`,value:`callout`},{label:`Flag Mark`,value:`flag`},{label:`Arrow Mark`,value:`arrowMark`},{label:`Icon`,value:`icon`}]}],ee=[{id:`sma`,name:`SMA`,type:`overlay`},{id:`ema`,name:`EMA`,type:`overlay`},{id:`tema`,name:`Triple EMA`,type:`overlay`},{id:`vwma`,name:`VWMA`,type:`overlay`},{id:`wma`,name:`Weighted MA`,type:`overlay`},{id:`hma`,name:`Hull MA`,type:`overlay`},{id:`mtfma`,name:`MTF Moving Average`,type:`overlay`},{id:`bb`,name:`Bollinger Bands`,type:`overlay`},{id:`envelope`,name:`Envelope`,type:`overlay`},{id:`vwap`,name:`VWAP`,type:`overlay`},{id:`avwap`,name:`Anchored VWAP`,type:`overlay`},{id:`svwap`,name:`Session VWAP`,type:`overlay`},{id:`ichimoku`,name:`Ichimoku Cloud`,type:`overlay`},{id:`psar`,name:`Parabolic SAR`,type:`overlay`},{id:`supertrend`,name:`Supertrend`,type:`overlay`},{id:`keltner`,name:`Keltner Channel`,type:`overlay`},{id:`donchian`,name:`Donchian Channel`,type:`overlay`},{id:`pivots`,name:`Pivot Points`,type:`overlay`},{id:`zigzag`,name:`ZigZag`,type:`overlay`},{id:`lrc`,name:`Linear Regression Channel`,type:`overlay`},{id:`chandelier`,name:`Chandelier Exit`,type:`overlay`},{id:`alligator`,name:`Alligator`,type:`overlay`},{id:`rsi`,name:`RSI`,type:`panel`},{id:`macd`,name:`MACD`,type:`panel`},{id:`stochastic`,name:`Stochastic`,type:`panel`},{id:`atr`,name:`ATR`,type:`panel`},{id:`adx`,name:`ADX`,type:`panel`},{id:`obv`,name:`OBV`,type:`panel`},{id:`williamsR`,name:`Williams %R`,type:`panel`},{id:`cci`,name:`CCI`,type:`panel`},{id:`mfi`,name:`MFI`,type:`panel`},{id:`roc`,name:`ROC`,type:`panel`},{id:`tsi`,name:`TSI`,type:`panel`},{id:`cmf`,name:`CMF`,type:`panel`},{id:`aroon`,name:`Aroon`,type:`panel`},{id:`stddev`,name:`Std Deviation`,type:`panel`},{id:`vroc`,name:`Volume ROC`,type:`panel`},{id:`ad`,name:`Acc/Dist`,type:`panel`},{id:`ao`,name:`Awesome Oscillator`,type:`panel`},{id:`chaikinOsc`,name:`Chaikin Oscillator`,type:`panel`},{id:`voldelta`,name:`Volume Delta`,type:`panel`},{id:`vortex`,name:`Vortex Indicator`,type:`panel`},{id:`chop`,name:`Choppiness Index`,type:`panel`},{id:`uo`,name:`Ultimate Oscillator`,type:`panel`},{id:`fi`,name:`Force Index`,type:`panel`},{id:`crsi`,name:`Connors RSI`,type:`panel`},{id:`coppock`,name:`Coppock Curve`,type:`panel`},{id:`kst`,name:`Know Sure Thing`,type:`panel`},{id:`elderray`,name:`Elder Ray`,type:`panel`},{id:`stc`,name:`Schaff Trend Cycle`,type:`panel`},{id:`kvo`,name:`Klinger Oscillator`,type:`panel`},{id:`fisher`,name:`Fisher Transform`,type:`panel`},{id:`dpo`,name:`Detrended Price Osc`,type:`panel`},{id:`bop`,name:`Balance of Power`,type:`panel`},{id:`massindex`,name:`Mass Index`,type:`panel`},{id:`cmo`,name:`Chande Momentum`,type:`panel`},{id:`trix`,name:`TRIX`,type:`panel`},{id:`emv`,name:`Ease of Movement`,type:`panel`},{id:`pvt`,name:`Price Volume Trend`,type:`panel`},{id:`wad`,name:`Williams A/D`,type:`panel`},{id:`chaikinvol`,name:`Chaikin Volatility`,type:`panel`},{id:`rvi`,name:`Relative Vigor Index`,type:`panel`},{id:`stochrsi`,name:`Stochastic RSI`,type:`panel`},{id:`ppo`,name:`Percentage Price Oscillator`,type:`panel`},{id:`ac`,name:`Accelerator Oscillator`,type:`panel`},{id:`rmi`,name:`Relative Momentum Index`,type:`panel`},{id:`disparity`,name:`Disparity Index`,type:`panel`},{id:`qstick`,name:`Qstick`,type:`panel`},{id:`pgo`,name:`Pretty Good Oscillator`,type:`panel`},{id:`volumeProfile`,name:`Volume Profile`,type:`overlay`},{id:`dema`,name:`Double EMA`,type:`overlay`},{id:`smma`,name:`Smoothed MA`,type:`overlay`},{id:`alma`,name:`Arnaud Legoux MA`,type:`overlay`},{id:`kama`,name:`Kaufman Adaptive MA`,type:`overlay`},{id:`lsma`,name:`Least Squares MA`,type:`overlay`},{id:`mcginley`,name:`McGinley Dynamic`,type:`overlay`},{id:`macross`,name:`MA Cross`,type:`overlay`},{id:`fractals`,name:`Williams Fractals`,type:`overlay`},{id:`cks`,name:`Chande Kroll Stop`,type:`overlay`},{id:`bbpb`,name:`Bollinger %B`,type:`panel`},{id:`bbw`,name:`Bollinger BandWidth`,type:`panel`},{id:`mom`,name:`Momentum`,type:`panel`},{id:`hv`,name:`Historical Volatility`,type:`panel`},{id:`vo`,name:`Volume Oscillator`,type:`panel`},{id:`ulcer`,name:`Ulcer Index`,type:`panel`},{id:`seb`,name:`Standard Error Bands`,type:`overlay`},{id:`gmma`,name:`Guppy Multiple MA`,type:`overlay`},{id:`maribbon`,name:`Moving Average Ribbon`,type:`overlay`},{id:`smi`,name:`Stochastic Momentum Index`,type:`panel`},{id:`rvix`,name:`Relative Volatility Index`,type:`panel`},{id:`trendstrength`,name:`Trend Strength Index`,type:`panel`},{id:`lrslope`,name:`Linear Regression Slope`,type:`panel`},{id:`stderror`,name:`Standard Error`,type:`panel`},{id:`adr`,name:`Average Day Range`,type:`panel`},{id:`netvolume`,name:`Net Volume`,type:`panel`}],f=[`sma`,`ema`,`bb`,`rsi`,`macd`,`stochastic`,`vwap`,`atr`,`obv`,`ichimoku`],te=[`BTCUSDT`,`ETHUSDT`,`SOLUSDT`,`BNBUSDT`],ne={candleUpColor:n.DARK_THEME.candleUp,candleDownColor:n.DARK_THEME.candleDown,candleUpWick:n.DARK_THEME.candleUpWick,candleDownWick:n.DARK_THEME.candleDownWick,backgroundColor:n.DARK_THEME.background,gridColor:n.DARK_THEME.grid,gridVisible:!0,volumeVisible:!0,volumeProfileVisible:!1,marketProfileVisible:!1,marketProfileSplit:!1,marketProfileLetters:!1,marketProfileBuckets:48,marketProfileOpacity:.32,depthHeatmapVisible:!1,depthHeatmapOpacity:.7,sessionShadingVisible:!1,pivotMarkersVisible:!1,pivotStrength:5,pivotStructureLabels:!1,periodLevelsVisible:!1,periodLevelsPeriod:`day`,legendVisible:!0,barCountdown:!0,indicatorValueLabels:!0,logScale:!1,scaleMode:`regular`,autoScale:!0,invertScale:!1,leftPriceScale:!1,crosshairMode:`magnet`,numberLocale:`en-US`,timezone:`local`,highLowLines:!1,mainSeriesVisible:!0,extendedHours:!0,chartTypeOptions:{}},p=`/* === TradeCanvas Widget — Premium Styles === */
2
2
 
3
3
  /*
4
4
  * The HTML \`hidden\` attribute only sets \`display: none\` via the UA stylesheet,
@@ -20,13 +20,13 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
20
20
  z-index: 60;
21
21
  max-width: 240px;
22
22
  padding: 5px 8px;
23
- border-radius: var(--tcw-radius-sm);
23
+ border-radius: var(--tcw-tooltip-radius);
24
24
  background: var(--tcw-tooltip-bg);
25
25
  color: var(--tcw-tooltip-fg);
26
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
26
+ box-shadow: var(--tcw-tooltip-shadow);
27
27
  width: max-content;
28
- font-size: 11.5px;
29
- font-weight: 500;
28
+ font-size: var(--tcw-font-size-xs);
29
+ font-weight: var(--tcw-weight);
30
30
  line-height: 1.35;
31
31
  overflow-wrap: anywhere;
32
32
  pointer-events: none;
@@ -65,9 +65,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
65
65
  flex-direction: column;
66
66
  width: 100%;
67
67
  height: 100%;
68
- font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
68
+ font-family: var(--tcw-font);
69
69
  font-feature-settings: 'cv11', 'ss01', 'ss03';
70
- font-size: 13px;
70
+ font-size: var(--tcw-font-size);
71
71
  line-height: 1.4;
72
72
  color: #d9dde4;
73
73
  background: #080b10;
@@ -114,11 +114,44 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
114
114
  --tcw-dur-normal: 180ms;
115
115
  --tcw-dur-slow: 260ms;
116
116
 
117
- /* Shape */
118
- --tcw-radius-sm: 4px;
119
- --tcw-radius: 6px;
120
- --tcw-radius-lg: 10px;
121
- --tcw-radius-xl: 14px;
117
+ /* The look (UI system): Studio's values. The \`ui\` option sets them inline. */
118
+ --tcw-radius-xs: 3px;
119
+ --tcw-radius-sm: 5px;
120
+ --tcw-radius: 7px;
121
+ --tcw-radius-lg: 11px;
122
+ --tcw-radius-xl: 16px;
123
+ --tcw-control-radius: var(--tcw-radius);
124
+ --tcw-input-radius: var(--tcw-radius);
125
+ --tcw-menu-radius: var(--tcw-radius-lg);
126
+ --tcw-dialog-radius: var(--tcw-radius-xl);
127
+ --tcw-panel-radius: var(--tcw-radius-lg);
128
+ --tcw-tooltip-radius: var(--tcw-radius-sm);
129
+ --tcw-tag-radius: var(--tcw-radius-sm);
130
+ --tcw-toast-radius: var(--tcw-radius-lg);
131
+ --tcw-toolbar-radius: 0px;
132
+ --tcw-sidebar-radius: 0px;
133
+ --tcw-toolbar-h: 46px;
134
+ --tcw-control-h: 30px;
135
+ --tcw-control-h-sm: 24px;
136
+ --tcw-icon: 18px;
137
+ --tcw-sidebar-w: 48px;
138
+ --tcw-menu-item-h: 30px;
139
+ --tcw-font: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
140
+ --tcw-font-size: 13px;
141
+ --tcw-font-size-sm: 12px;
142
+ --tcw-font-size-xs: 11px;
143
+ --tcw-font-size-lg: 15px;
144
+ --tcw-weight: 500;
145
+ --tcw-weight-strong: 600;
146
+ --tcw-label-case: none;
147
+ --tcw-label-tracking: 0em;
148
+ --tcw-border-w: 1px;
149
+ --tcw-sep-w: 0px;
150
+ --tcw-menu-shadow: var(--tcw-shadow-lg);
151
+ --tcw-dialog-shadow: var(--tcw-shadow-xl);
152
+ --tcw-tooltip-shadow: var(--tcw-shadow-md);
153
+ --tcw-blur: 0px;
154
+ --tcw-surface-opacity: 100%;
122
155
 
123
156
  /* Elevation */
124
157
  --tcw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
@@ -179,8 +212,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
179
212
  align-items: center;
180
213
  gap: 0;
181
214
  padding: 0 10px;
182
- height: 44px;
183
- border-bottom: 1px solid var(--tcw-border);
215
+ height: var(--tcw-toolbar-h);
216
+ border-bottom: var(--tcw-border-w) solid var(--tcw-border);
184
217
  background:
185
218
  linear-gradient(180deg, var(--tcw-bg-elevated) 0%, var(--tcw-bg-surface) 100%);
186
219
  flex-shrink: 0;
@@ -190,17 +223,20 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
190
223
  }
191
224
 
192
225
  .tcw-toolbar-symbol {
193
- font-size: 14px;
194
- font-weight: 650;
226
+ font-size: calc(var(--tcw-font-size) + 1px);
227
+ font-weight: var(--tcw-weight-strong);
195
228
  color: var(--tcw-text);
196
- padding: 6px 12px;
229
+ display: inline-flex;
230
+ align-items: center;
231
+ height: var(--tcw-control-h);
232
+ padding: 0 12px;
197
233
  white-space: nowrap;
198
234
  letter-spacing: -0.015em;
199
235
  cursor: pointer;
200
236
  border: none;
201
237
  background: transparent;
202
238
  font-family: inherit;
203
- border-radius: var(--tcw-radius);
239
+ border-radius: var(--tcw-control-radius);
204
240
  transition: background var(--tcw-dur-fast) var(--tcw-ease);
205
241
  }
206
242
 
@@ -209,7 +245,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
209
245
  }
210
246
 
211
247
  .tcw-toolbar-sep {
212
- width: 1px;
248
+ width: var(--tcw-sep-w);
213
249
  height: 22px;
214
250
  background: var(--tcw-border);
215
251
  flex-shrink: 0;
@@ -228,12 +264,16 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
228
264
  }
229
265
 
230
266
  .tcw-btn {
231
- padding: 6px 10px;
232
- font-size: 12px;
233
- font-weight: 500;
267
+ display: inline-flex;
268
+ align-items: center;
269
+ justify-content: center;
270
+ height: var(--tcw-control-h);
271
+ padding: 0 10px;
272
+ font-size: var(--tcw-font-size-sm);
273
+ font-weight: var(--tcw-weight);
234
274
  font-family: inherit;
235
275
  border: none;
236
- border-radius: var(--tcw-radius);
276
+ border-radius: var(--tcw-control-radius);
237
277
  background: transparent;
238
278
  color: var(--tcw-text-dim);
239
279
  cursor: pointer;
@@ -256,10 +296,10 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
256
296
  }
257
297
 
258
298
  .tcw-btn.tcw-active {
259
- background: var(--tcw-accent-soft);
260
- color: var(--tcw-accent);
261
- font-weight: 600;
262
- box-shadow: inset 0 0 0 1px var(--tcw-accent-line);
299
+ background: var(--tcw-on-bg);
300
+ color: var(--tcw-on-fg);
301
+ font-weight: var(--tcw-weight-strong);
302
+ box-shadow: var(--tcw-on-ring);
263
303
  }
264
304
 
265
305
  .tcw-btn:focus-visible,
@@ -271,14 +311,14 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
271
311
  }
272
312
 
273
313
  .tcw-btn-icon {
274
- width: 32px;
275
- height: 32px;
314
+ width: var(--tcw-control-h);
315
+ height: var(--tcw-control-h);
276
316
  display: inline-flex;
277
317
  align-items: center;
278
318
  justify-content: center;
279
319
  font-family: inherit;
280
320
  border: none;
281
- border-radius: var(--tcw-radius);
321
+ border-radius: var(--tcw-control-radius);
282
322
  background: transparent;
283
323
  color: var(--tcw-text-muted);
284
324
  cursor: pointer;
@@ -296,15 +336,17 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
296
336
 
297
337
  .tcw-btn-icon svg {
298
338
  display: block;
339
+ width: var(--tcw-icon);
340
+ height: var(--tcw-icon);
299
341
  }
300
342
 
301
343
  .tcw-badge-count {
302
- font-size: 10px;
303
- font-weight: 600;
344
+ font-size: calc(var(--tcw-font-size) - 3px);
345
+ font-weight: var(--tcw-weight-strong);
304
346
  color: var(--tcw-accent);
305
347
  background: var(--tcw-accent-soft);
306
348
  padding: 1px 5px;
307
- border-radius: 9px;
349
+ border-radius: var(--tcw-tag-radius);
308
350
  font-family: var(--tcw-font-mono);
309
351
  }
310
352
 
@@ -314,12 +356,13 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
314
356
  display: inline-flex;
315
357
  align-items: center;
316
358
  gap: 4px;
317
- padding: 6px 10px;
318
- font-size: 12px;
319
- font-weight: 500;
359
+ height: var(--tcw-control-h);
360
+ padding: 0 10px;
361
+ font-size: var(--tcw-font-size-sm);
362
+ font-weight: var(--tcw-weight);
320
363
  font-family: inherit;
321
364
  border: none;
322
- border-radius: var(--tcw-radius);
365
+ border-radius: var(--tcw-control-radius);
323
366
  background: transparent;
324
367
  color: var(--tcw-text-dim);
325
368
  cursor: pointer;
@@ -338,15 +381,17 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
338
381
  top: 100%;
339
382
  margin-top: 6px;
340
383
  background: var(--tcw-bg-elevated);
341
- border: 1px solid var(--tcw-border);
342
- border-radius: var(--tcw-radius-lg);
343
- box-shadow: var(--tcw-shadow-lg);
384
+ border: var(--tcw-border-w) solid var(--tcw-border);
385
+ border-radius: var(--tcw-menu-radius);
386
+ box-shadow: var(--tcw-menu-shadow);
344
387
  z-index: 50;
388
+ width: max-content;
389
+ max-width: min(340px, calc(100vw - 16px));
345
390
  padding: 6px;
346
391
  max-height: 420px;
347
392
  overflow-y: auto;
348
- backdrop-filter: blur(12px);
349
- -webkit-backdrop-filter: blur(12px);
393
+ backdrop-filter: blur(var(--tcw-blur));
394
+ -webkit-backdrop-filter: blur(var(--tcw-blur));
350
395
  animation: tcw-pop-in var(--tcw-dur-normal) var(--tcw-ease-out);
351
396
  }
352
397
 
@@ -359,8 +404,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
359
404
  display: flex;
360
405
  align-items: center;
361
406
  justify-content: space-between;
362
- padding: 7px 10px;
363
- font-size: 12.5px;
407
+ min-height: var(--tcw-menu-item-h);
408
+ padding: 4px 10px;
409
+ font-size: var(--tcw-font-size-sm);
364
410
  color: var(--tcw-text-dim);
365
411
  cursor: pointer;
366
412
  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
@@ -368,7 +414,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
368
414
  border: none;
369
415
  background: transparent;
370
416
  font-family: inherit;
371
- text-align: left;
417
+ text-align: start;
372
418
  border-radius: var(--tcw-radius-sm);
373
419
  gap: 12px;
374
420
  }
@@ -397,12 +443,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
397
443
  .tcw-dropdown-item.tcw-active {
398
444
  color: var(--tcw-accent);
399
445
  background: var(--tcw-accent-soft);
400
- font-weight: 600;
446
+ font-weight: var(--tcw-weight-strong);
401
447
  }
402
448
 
403
449
  /* Timeframe menu: pick on the left, pin (star) on the right. */
404
450
  .tcw-tf-more {
405
- padding: 6px 5px;
451
+ padding: 0 5px;
406
452
  }
407
453
 
408
454
  .tcw-tf-more svg {
@@ -423,11 +469,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
423
469
  .tcw-tf-star {
424
470
  display: inline-grid;
425
471
  place-items: center;
426
- width: 26px;
427
- height: 26px;
472
+ width: var(--tcw-control-h-sm);
473
+ height: var(--tcw-control-h-sm);
428
474
  flex-shrink: 0;
429
475
  border: none;
430
- border-radius: var(--tcw-radius-sm);
476
+ border-radius: var(--tcw-control-radius);
431
477
  background: transparent;
432
478
  color: var(--tcw-text-muted);
433
479
  cursor: pointer;
@@ -452,13 +498,126 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
452
498
  outline-offset: -2px;
453
499
  }
454
500
 
501
+ .tcw-tf-remove {
502
+ display: inline-grid;
503
+ place-items: center;
504
+ width: var(--tcw-control-h-sm);
505
+ height: var(--tcw-control-h-sm);
506
+ flex-shrink: 0;
507
+ border: none;
508
+ border-radius: var(--tcw-control-radius);
509
+ background: transparent;
510
+ color: var(--tcw-text-muted);
511
+ cursor: pointer;
512
+ opacity: 0;
513
+ transition: opacity var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
514
+ }
515
+
516
+ .tcw-tf-row:hover .tcw-tf-remove,
517
+ .tcw-tf-remove:focus-visible {
518
+ opacity: 1;
519
+ }
520
+
521
+ /* No hover on touch screens: keep it visible rather than a hidden tap target. */
522
+ @media (hover: none) {
523
+ .tcw-tf-remove { opacity: 1; }
524
+ }
525
+
526
+ .tcw-tf-remove:hover {
527
+ color: var(--tcw-red);
528
+ background: var(--tcw-hover-bg);
529
+ }
530
+
531
+ .tcw-tf-remove:focus-visible {
532
+ outline: 2px solid var(--tcw-accent);
533
+ outline-offset: -2px;
534
+ }
535
+
536
+ /* Typed interval, under the list: stays in view while the list scrolls. */
537
+ .tcw-tf-custom {
538
+ position: sticky;
539
+ bottom: -6px;
540
+ display: flex;
541
+ flex-wrap: wrap;
542
+ gap: 4px;
543
+ margin: 4px -6px -6px;
544
+ padding: 6px 10px 8px;
545
+ border-top: 1px solid var(--tcw-divider);
546
+ background: var(--tcw-bg-elevated);
547
+ }
548
+
549
+ .tcw-tf-custom-hint:empty {
550
+ display: none;
551
+ }
552
+
553
+ .tcw-tf-custom-hint {
554
+ flex-basis: 100%;
555
+ width: 0;
556
+ min-width: 100%;
557
+ color: var(--tcw-red);
558
+ font-size: var(--tcw-font-size-xs);
559
+ line-height: 1.35;
560
+ }
561
+
562
+ .tcw-tf-custom-input {
563
+ flex: 1;
564
+ min-width: 0;
565
+ height: 26px;
566
+ padding: 0 8px;
567
+ border: 1px solid var(--tcw-border);
568
+ border-radius: var(--tcw-input-radius);
569
+ background: var(--tcw-bg);
570
+ color: var(--tcw-text);
571
+ font: inherit;
572
+ font-family: var(--tcw-font-mono);
573
+ font-size: var(--tcw-font-size-sm);
574
+ }
575
+
576
+ .tcw-tf-custom-input::placeholder {
577
+ color: var(--tcw-text-dim);
578
+ }
579
+
580
+ .tcw-tf-custom-input:focus {
581
+ outline: none;
582
+ border-color: var(--tcw-accent);
583
+ box-shadow: 0 0 0 2px var(--tcw-accent-soft);
584
+ }
585
+
586
+ .tcw-tf-custom-input[aria-invalid='true'] {
587
+ border-color: var(--tcw-red);
588
+ box-shadow: 0 0 0 2px var(--tcw-red-soft);
589
+ }
590
+
591
+ .tcw-tf-custom-add {
592
+ display: inline-grid;
593
+ place-items: center;
594
+ width: var(--tcw-control-h-sm);
595
+ height: var(--tcw-control-h-sm);
596
+ flex-shrink: 0;
597
+ border: 1px solid var(--tcw-border);
598
+ border-radius: var(--tcw-control-radius);
599
+ background: var(--tcw-bg-surface);
600
+ color: var(--tcw-text);
601
+ cursor: pointer;
602
+ }
603
+
604
+ .tcw-tf-custom-add:hover {
605
+ border-color: var(--tcw-accent);
606
+ color: var(--tcw-accent);
607
+ }
608
+
609
+ .tcw-tf-custom-add:focus-visible {
610
+ outline: 2px solid var(--tcw-accent);
611
+ outline-offset: 1px;
612
+ }
613
+
455
614
  .tcw-dropdown-label {
456
- text-transform: uppercase;
457
- font-size: 10px;
615
+ text-transform: var(--tcw-label-case);
616
+ font-size: calc(var(--tcw-font-size) - 3px);
458
617
  color: var(--tcw-text-muted);
459
- letter-spacing: 0.08em;
618
+ letter-spacing: var(--tcw-label-tracking);
460
619
  padding: 8px 10px 4px;
461
- font-weight: 600;
620
+ font-weight: var(--tcw-weight-strong);
462
621
  }
463
622
 
464
623
  .tcw-dropdown-divider {
@@ -467,11 +626,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
467
626
  }
468
627
 
469
628
  .tcw-tag {
470
- font-size: 10px;
629
+ font-size: calc(var(--tcw-font-size) - 3px);
471
630
  font-family: var(--tcw-font-mono);
472
631
  color: var(--tcw-text-muted);
473
632
  padding: 2px 6px;
474
- border-radius: 4px;
633
+ border-radius: var(--tcw-tag-radius);
475
634
  background: var(--tcw-hover-bg);
476
635
  letter-spacing: 0.02em;
477
636
  }
@@ -479,6 +638,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
479
638
  /* === Body === */
480
639
 
481
640
  .tcw-body {
641
+ position: relative;
482
642
  display: flex;
483
643
  flex: 1;
484
644
  min-height: 0;
@@ -494,6 +654,77 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
494
654
  position: relative;
495
655
  }
496
656
 
657
+ /* === Symbol search results: name and exchange === */
658
+
659
+ .tcw-cmd-item-desc {
660
+ flex: 1;
661
+ min-width: 0;
662
+ overflow: hidden;
663
+ color: var(--tcw-text-muted);
664
+ font-size: var(--tcw-font-size-sm);
665
+ text-overflow: ellipsis;
666
+ white-space: nowrap;
667
+ }
668
+
669
+ .tcw-cmd-item-meta {
670
+ flex-shrink: 0;
671
+ color: var(--tcw-text-dim);
672
+ font-size: var(--tcw-font-size-xs);
673
+ letter-spacing: 0.02em;
674
+ }
675
+
676
+ /* === History pill (older bars loading at the left edge) === */
677
+
678
+ .tcw-history-pill {
679
+ position: absolute;
680
+ top: 50%;
681
+ left: 10px;
682
+ z-index: 4;
683
+ display: flex;
684
+ align-items: center;
685
+ gap: 7px;
686
+ padding: 5px 10px 5px 8px;
687
+ border: 1px solid var(--tcw-border);
688
+ border-radius: var(--tcw-tag-radius);
689
+ background: var(--tcw-bg-elevated);
690
+ box-shadow: var(--tcw-shadow-sm);
691
+ color: var(--tcw-text-muted);
692
+ font-size: var(--tcw-font-size-xs);
693
+ line-height: 1;
694
+ white-space: nowrap;
695
+ transform: translateY(-50%);
696
+ opacity: 1;
697
+ transition: opacity var(--tcw-dur-normal) var(--tcw-ease-out);
698
+ pointer-events: none;
699
+ }
700
+
701
+ .tcw-history-pill--hidden {
702
+ opacity: 0;
703
+ }
704
+
705
+ .tcw-history-pill--error {
706
+ border-color: color-mix(in srgb, var(--tcw-red) 45%, var(--tcw-border));
707
+ color: var(--tcw-red);
708
+ }
709
+
710
+ .tcw-history-spinner {
711
+ width: 10px;
712
+ height: 10px;
713
+ border: 1.5px solid var(--tcw-accent-soft);
714
+ border-top-color: var(--tcw-accent);
715
+ border-radius: 50%;
716
+ animation: tcw-history-spin 0.8s linear infinite;
717
+ }
718
+
719
+ .tcw-history-pill--error .tcw-history-spinner {
720
+ border-color: currentColor;
721
+ animation: none;
722
+ }
723
+
724
+ @keyframes tcw-history-spin {
725
+ to { transform: rotate(360deg); }
726
+ }
727
+
497
728
  /* === Loading overlay (candle skeleton) === */
498
729
 
499
730
  .tcw-loading-overlay {
@@ -523,7 +754,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
523
754
  gap: 14px;
524
755
  padding: 22px 26px 20px;
525
756
  border: 1px solid transparent;
526
- border-radius: var(--tcw-radius-lg);
757
+ border-radius: var(--tcw-panel-radius);
527
758
  }
528
759
 
529
760
  /* A slow switch: the previous chart stays readable underneath, dimmed, so the
@@ -535,7 +766,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
535
766
  .tcw-loading-overlay--veil .tcw-loading-card {
536
767
  background: var(--tcw-bg-elevated);
537
768
  border-color: var(--tcw-border);
538
- box-shadow: var(--tcw-shadow-lg);
769
+ box-shadow: var(--tcw-menu-shadow);
539
770
  }
540
771
 
541
772
  .tcw-loading-candles {
@@ -636,7 +867,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
636
867
  max-width: 320px;
637
868
  text-align: center;
638
869
  color: var(--tcw-red);
639
- font-size: 13px;
870
+ font-size: var(--tcw-font-size);
640
871
  }
641
872
 
642
873
  /* Reduced motion: nothing slides or lifts, but the candles still glow in
@@ -687,7 +918,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
687
918
  max-width: 100%;
688
919
  padding: 0 4px;
689
920
  border-radius: var(--tcw-radius-sm);
690
- font-size: 11.5px;
921
+ font-size: var(--tcw-font-size-xs);
691
922
  line-height: 19px;
692
923
  font-feature-settings: 'tnum';
693
924
  white-space: nowrap;
@@ -698,10 +929,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
698
929
  overflow: hidden;
699
930
  }
700
931
 
701
- /* A pane's indicator: at the top of its pane, where the canvas title was. */
932
+ /* A pane's indicator: at the top of its pane, where the canvas title was,
933
+ short enough to sit in the pane's header below the divider's grab zone. */
702
934
  .tcw-ind-legend-row--pane {
703
935
  position: absolute;
704
936
  z-index: 3;
937
+ line-height: 15px;
705
938
  }
706
939
 
707
940
  .tcw-ind-legend-row:hover,
@@ -715,7 +948,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
715
948
  border: none;
716
949
  background: none;
717
950
  font: inherit;
718
- font-weight: 600;
951
+ font-weight: var(--tcw-weight-strong);
719
952
  color: var(--tcw-text);
720
953
  cursor: pointer;
721
954
  }
@@ -768,7 +1001,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
768
1001
  height: 18px;
769
1002
  padding: 0;
770
1003
  border: none;
771
- border-radius: var(--tcw-radius-sm);
1004
+ border-radius: var(--tcw-control-radius);
772
1005
  background: transparent;
773
1006
  color: var(--tcw-text-muted);
774
1007
  cursor: pointer;
@@ -790,11 +1023,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
790
1023
  margin-top: 1px;
791
1024
  padding: 1px 5px;
792
1025
  border: none;
793
- border-radius: var(--tcw-radius-sm);
1026
+ border-radius: var(--tcw-control-radius);
794
1027
  background: transparent;
795
1028
  color: var(--tcw-text-muted);
796
1029
  font: inherit;
797
- font-size: 11px;
1030
+ font-size: var(--tcw-font-size-xs);
798
1031
  cursor: pointer;
799
1032
  pointer-events: auto;
800
1033
  }
@@ -818,25 +1051,34 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
818
1051
  /* === Sidebar === */
819
1052
 
820
1053
  .tcw-sidebar {
821
- width: 40px;
1054
+ width: var(--tcw-sidebar-w);
822
1055
  flex-shrink: 0;
823
1056
  background: linear-gradient(180deg, var(--tcw-bg-elevated) 0%, var(--tcw-bg-surface) 100%);
824
- border-right: 1px solid var(--tcw-border);
1057
+ border-inline-end: var(--tcw-border-w) solid var(--tcw-border);
825
1058
  display: flex;
826
1059
  flex-direction: column;
827
1060
  align-items: center;
828
1061
  padding: 6px 0;
829
- overflow: visible;
1062
+ /* On a short screen the tools scroll; the menus sit outside it. */
1063
+ overflow-x: hidden;
1064
+ overflow-y: auto;
1065
+ scrollbar-width: none;
830
1066
  box-shadow: var(--tcw-shadow-sm);
831
1067
  }
1068
+ .tcw-sidebar::-webkit-scrollbar {
1069
+ display: none;
1070
+ }
1071
+ .tcw-sidebar > * {
1072
+ flex-shrink: 0;
1073
+ }
832
1074
 
833
1075
  .tcw-tool-group-wrap {
834
1076
  position: relative;
835
1077
  }
836
1078
 
837
1079
  .tcw-sidebar-btn {
838
- width: 32px;
839
- height: 32px;
1080
+ width: var(--tcw-control-h);
1081
+ height: var(--tcw-control-h);
840
1082
  margin: 1px 0;
841
1083
  display: flex;
842
1084
  align-items: center;
@@ -852,7 +1094,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
852
1094
  position: relative;
853
1095
  flex-shrink: 0;
854
1096
  line-height: 1;
855
- border-radius: var(--tcw-radius);
1097
+ border-radius: var(--tcw-control-radius);
1098
+ }
1099
+
1100
+ .tcw-sidebar-btn svg {
1101
+ width: var(--tcw-icon);
1102
+ height: var(--tcw-icon);
856
1103
  }
857
1104
 
858
1105
  .tcw-sidebar-btn:hover {
@@ -861,9 +1108,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
861
1108
  }
862
1109
 
863
1110
  .tcw-sidebar-btn.tcw-active {
864
- color: var(--tcw-accent);
865
- background: var(--tcw-accent-soft);
866
- box-shadow: inset 2px 0 0 var(--tcw-accent);
1111
+ color: var(--tcw-on-icon-fg);
1112
+ background: var(--tcw-on-icon-bg);
1113
+ box-shadow: var(--tcw-on-icon-ring);
867
1114
  }
868
1115
 
869
1116
  .tcw-sidebar-btn.tcw-danger:hover {
@@ -882,11 +1129,13 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
882
1129
  opacity: 0.7;
883
1130
  }
884
1131
 
1132
+ /* The drawing tools' sections: always a hairline (it groups the tools), even in
1133
+ looks that drop the rules between toolbar groups. */
885
1134
  .tcw-sidebar-divider {
886
- width: 22px;
887
- height: 1px;
1135
+ width: 20px;
1136
+ height: max(1px, var(--tcw-sep-w));
888
1137
  background: var(--tcw-divider);
889
- margin: 6px 0;
1138
+ margin: 5px 0;
890
1139
  flex-shrink: 0;
891
1140
  }
892
1141
 
@@ -898,18 +1147,18 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
898
1147
 
899
1148
  .tcw-flyout {
900
1149
  position: absolute;
901
- left: 100%;
902
- top: 0;
903
- margin-left: 6px;
1150
+ margin-inline-start: 6px;
1151
+ overflow-y: auto;
1152
+ overscroll-behavior: contain;
904
1153
  min-width: 180px;
905
1154
  background: var(--tcw-bg-elevated);
906
- border: 1px solid var(--tcw-border);
907
- border-radius: var(--tcw-radius-lg);
908
- box-shadow: var(--tcw-shadow-lg);
1155
+ border: var(--tcw-border-w) solid var(--tcw-border);
1156
+ border-radius: var(--tcw-menu-radius);
1157
+ box-shadow: var(--tcw-menu-shadow);
909
1158
  z-index: 30;
910
1159
  padding: 6px;
911
- backdrop-filter: blur(12px);
912
- -webkit-backdrop-filter: blur(12px);
1160
+ backdrop-filter: blur(var(--tcw-blur));
1161
+ -webkit-backdrop-filter: blur(var(--tcw-blur));
913
1162
  animation: tcw-slide-right var(--tcw-dur-normal) var(--tcw-ease-out);
914
1163
  }
915
1164
 
@@ -929,25 +1178,26 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
929
1178
  }
930
1179
 
931
1180
  .tcw-flyout-header {
932
- text-transform: uppercase;
933
- font-size: 10px;
1181
+ text-transform: var(--tcw-label-case);
1182
+ font-size: calc(var(--tcw-font-size) - 3px);
934
1183
  color: var(--tcw-text-muted);
935
- letter-spacing: 0.08em;
1184
+ letter-spacing: var(--tcw-label-tracking);
936
1185
  padding: 6px 10px 4px;
937
- font-weight: 600;
1186
+ font-weight: var(--tcw-weight-strong);
938
1187
  }
939
1188
 
940
1189
  .tcw-flyout-hint {
941
1190
  padding: 6px 10px 2px;
942
1191
  border-top: 1px solid var(--tcw-border);
943
1192
  margin-top: 4px;
944
- font-size: 10.5px;
1193
+ font-size: calc(var(--tcw-font-size) - 2.5px);
945
1194
  color: var(--tcw-text-muted);
946
1195
  }
947
1196
 
948
1197
  .tcw-flyout-item {
949
- padding: 7px 10px;
950
- font-size: 12.5px;
1198
+ min-height: var(--tcw-menu-item-h);
1199
+ padding: 4px 10px;
1200
+ font-size: var(--tcw-font-size-sm);
951
1201
  color: var(--tcw-text-dim);
952
1202
  cursor: pointer;
953
1203
  width: 100%;
@@ -956,7 +1206,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
956
1206
  gap: 10px;
957
1207
  border: none;
958
1208
  background: transparent;
959
- text-align: left;
1209
+ text-align: start;
960
1210
  font-family: inherit;
961
1211
  border-radius: var(--tcw-radius-sm);
962
1212
  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
@@ -966,11 +1216,17 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
966
1216
  background: var(--tcw-hover-bg);
967
1217
  color: var(--tcw-text);
968
1218
  }
1219
+ .tcw-flyout-item:focus-visible {
1220
+ outline: none;
1221
+ background: var(--tcw-hover-bg);
1222
+ color: var(--tcw-text);
1223
+ box-shadow: inset 0 0 0 1px var(--tcw-accent);
1224
+ }
969
1225
 
970
1226
  .tcw-flyout-item.tcw-active {
971
1227
  color: var(--tcw-accent);
972
1228
  background: var(--tcw-accent-soft);
973
- font-weight: 600;
1229
+ font-weight: var(--tcw-weight-strong);
974
1230
  }
975
1231
 
976
1232
  /* Pinned (favorited) flyout item — a star marker on the right. */
@@ -978,7 +1234,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
978
1234
  content: '★';
979
1235
  float: right;
980
1236
  color: var(--tcw-accent);
981
- font-size: 11px;
1237
+ font-size: var(--tcw-font-size-xs);
982
1238
  line-height: 1.4;
983
1239
  }
984
1240
 
@@ -1027,14 +1283,14 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1027
1283
  left: 50%;
1028
1284
  transform: translate(-50%, -50%);
1029
1285
  background: var(--tcw-bg-elevated);
1030
- border: 1px solid var(--tcw-border);
1031
- border-radius: var(--tcw-radius-xl);
1286
+ border: var(--tcw-border-w) solid var(--tcw-border);
1287
+ border-radius: var(--tcw-dialog-radius);
1032
1288
  width: 520px;
1033
1289
  max-width: 92vw;
1034
1290
  max-height: 82vh;
1035
1291
  display: flex;
1036
1292
  flex-direction: column;
1037
- box-shadow: var(--tcw-shadow-xl);
1293
+ box-shadow: var(--tcw-dialog-shadow);
1038
1294
  animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);
1039
1295
  }
1040
1296
 
@@ -1052,16 +1308,16 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1052
1308
  }
1053
1309
 
1054
1310
  .tcw-modal-header h3 {
1055
- font-size: 15px;
1056
- font-weight: 650;
1311
+ font-size: var(--tcw-font-size-lg);
1312
+ font-weight: var(--tcw-weight-strong);
1057
1313
  margin: 0;
1058
1314
  color: var(--tcw-text);
1059
1315
  letter-spacing: -0.015em;
1060
1316
  }
1061
1317
 
1062
1318
  .tcw-modal-close {
1063
- width: 28px;
1064
- height: 28px;
1319
+ width: var(--tcw-control-h-sm);
1320
+ height: var(--tcw-control-h-sm);
1065
1321
  display: flex;
1066
1322
  align-items: center;
1067
1323
  justify-content: center;
@@ -1069,7 +1325,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1069
1325
  background: transparent;
1070
1326
  color: var(--tcw-text-muted);
1071
1327
  cursor: pointer;
1072
- border-radius: var(--tcw-radius);
1328
+ border-radius: var(--tcw-control-radius);
1073
1329
  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
1074
1330
  }
1075
1331
 
@@ -1081,20 +1337,22 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1081
1337
  .tcw-modal-tabs {
1082
1338
  display: flex;
1083
1339
  gap: 4px;
1084
- padding: 0 18px;
1340
+ padding: var(--tcw-tabs-pad-block) 18px;
1085
1341
  border-bottom: 1px solid var(--tcw-divider);
1086
1342
  }
1087
1343
 
1088
1344
  .tcw-modal-tab {
1089
- padding: 11px 14px;
1090
- font-size: 12px;
1091
- font-weight: 500;
1345
+ height: var(--tcw-tab-h);
1346
+ padding: var(--tcw-tab-pad);
1347
+ font-size: var(--tcw-font-size-sm);
1348
+ font-weight: var(--tcw-weight);
1092
1349
  color: var(--tcw-text-muted);
1093
1350
  border: none;
1094
1351
  background: transparent;
1095
1352
  cursor: pointer;
1096
- border-bottom: 2px solid transparent;
1097
- margin-bottom: -1px;
1353
+ border-bottom: var(--tcw-tab-line) solid transparent;
1354
+ border-radius: var(--tcw-tab-radius);
1355
+ margin-bottom: calc(var(--tcw-tab-line) / -2);
1098
1356
  transition: color var(--tcw-dur-fast) var(--tcw-ease), border-color var(--tcw-dur-fast) var(--tcw-ease);
1099
1357
  font-family: inherit;
1100
1358
  text-transform: capitalize;
@@ -1103,12 +1361,14 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1103
1361
 
1104
1362
  .tcw-modal-tab:hover {
1105
1363
  color: var(--tcw-text-dim);
1364
+ background: var(--tcw-tab-hover);
1106
1365
  }
1107
1366
 
1108
1367
  .tcw-modal-tab.tcw-active {
1109
- color: var(--tcw-accent);
1368
+ color: var(--tcw-tab-on-fg);
1369
+ background: var(--tcw-tab-on-bg);
1110
1370
  border-bottom-color: var(--tcw-accent);
1111
- font-weight: 600;
1371
+ font-weight: var(--tcw-weight-strong);
1112
1372
  }
1113
1373
 
1114
1374
  .tcw-modal-body {
@@ -1126,10 +1386,10 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1126
1386
  }
1127
1387
 
1128
1388
  .tcw-settings-section-title {
1129
- font-size: 10.5px;
1130
- font-weight: 600;
1131
- text-transform: uppercase;
1132
- letter-spacing: 0.09em;
1389
+ font-size: calc(var(--tcw-font-size) - 2.5px);
1390
+ font-weight: var(--tcw-weight-strong);
1391
+ text-transform: var(--tcw-label-case);
1392
+ letter-spacing: var(--tcw-label-tracking);
1133
1393
  color: var(--tcw-text-muted);
1134
1394
  margin-bottom: 12px;
1135
1395
  }
@@ -1146,7 +1406,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1146
1406
  }
1147
1407
 
1148
1408
  .tcw-settings-label {
1149
- font-size: 13px;
1409
+ font-size: var(--tcw-font-size);
1150
1410
  color: var(--tcw-text-dim);
1151
1411
  letter-spacing: -0.005em;
1152
1412
  }
@@ -1173,11 +1433,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1173
1433
 
1174
1434
  .tcw-color-picker-wrap input[type='color']::-webkit-color-swatch {
1175
1435
  border: none;
1176
- border-radius: 2px;
1436
+ border-radius: var(--tcw-radius-xs);
1177
1437
  }
1178
1438
 
1179
1439
  .tcw-color-hex {
1180
- font-size: 11px;
1440
+ font-size: var(--tcw-font-size-xs);
1181
1441
  font-family: var(--tcw-font-mono);
1182
1442
  color: var(--tcw-text-muted);
1183
1443
  min-width: 64px;
@@ -1240,11 +1500,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1240
1500
 
1241
1501
  .tcw-settings-select {
1242
1502
  padding: 6px 10px;
1243
- font-size: 12px;
1503
+ font-size: var(--tcw-font-size-sm);
1244
1504
  font-family: inherit;
1245
1505
  background: var(--tcw-bg-surface);
1246
1506
  border: 1px solid var(--tcw-border);
1247
- border-radius: var(--tcw-radius);
1507
+ border-radius: var(--tcw-input-radius);
1248
1508
  color: var(--tcw-text);
1249
1509
  cursor: pointer;
1250
1510
  transition: border-color var(--tcw-dur-fast) var(--tcw-ease);
@@ -1267,11 +1527,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1267
1527
  padding: 14px 22px;
1268
1528
  border-top: 1px solid var(--tcw-divider);
1269
1529
  background: var(--tcw-bg-surface);
1270
- border-radius: 0 0 var(--tcw-radius-xl) var(--tcw-radius-xl);
1530
+ border-radius: 0 0 var(--tcw-dialog-radius) var(--tcw-dialog-radius);
1271
1531
  }
1272
1532
 
1273
1533
  .tcw-reset-link {
1274
- font-size: 12px;
1534
+ font-size: var(--tcw-font-size-sm);
1275
1535
  color: var(--tcw-text-muted);
1276
1536
  cursor: pointer;
1277
1537
  border: none;
@@ -1290,12 +1550,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1290
1550
 
1291
1551
  .tcw-done-btn {
1292
1552
  padding: 8px 18px;
1293
- font-size: 12.5px;
1294
- font-weight: 600;
1553
+ font-size: var(--tcw-font-size-sm);
1554
+ font-weight: var(--tcw-weight-strong);
1295
1555
  background: var(--tcw-accent);
1296
1556
  color: var(--tcw-accent-ink);
1297
1557
  border: none;
1298
- border-radius: var(--tcw-radius);
1558
+ border-radius: var(--tcw-control-radius);
1299
1559
  cursor: pointer;
1300
1560
  font-family: inherit;
1301
1561
  transition:
@@ -1327,7 +1587,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1327
1587
  padding: 7px 16px;
1328
1588
  border-top: 1px solid var(--tcw-border);
1329
1589
  background: var(--tcw-bg-surface);
1330
- font-size: 11px;
1590
+ font-size: var(--tcw-font-size-xs);
1331
1591
  color: var(--tcw-text-muted);
1332
1592
  flex-shrink: 0;
1333
1593
  font-feature-settings: 'tnum';
@@ -1337,7 +1597,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1337
1597
  display: flex;
1338
1598
  align-items: center;
1339
1599
  gap: 14px;
1340
- margin-left: auto;
1600
+ margin-inline-start: auto;
1341
1601
  min-width: 0;
1342
1602
  white-space: nowrap;
1343
1603
  }
@@ -1373,12 +1633,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1373
1633
  flex-shrink: 0;
1374
1634
  padding: 4px 7px;
1375
1635
  font: inherit;
1376
- font-weight: 600;
1636
+ font-weight: var(--tcw-weight-strong);
1377
1637
  letter-spacing: 0.02em;
1378
1638
  color: var(--tcw-text-muted);
1379
1639
  background: transparent;
1380
1640
  border: none;
1381
- border-radius: var(--tcw-radius-sm);
1641
+ border-radius: var(--tcw-control-radius);
1382
1642
  cursor: pointer;
1383
1643
  transition: color var(--tcw-dur-fast) var(--tcw-ease), background var(--tcw-dur-fast) var(--tcw-ease);
1384
1644
  }
@@ -1400,7 +1660,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1400
1660
  .tcw-range-goto {
1401
1661
  display: inline-grid;
1402
1662
  place-items: center;
1403
- margin-left: 6px;
1663
+ margin-inline-start: 6px;
1404
1664
  padding: 4px 6px;
1405
1665
  }
1406
1666
 
@@ -1420,33 +1680,33 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1420
1680
  padding: 14px;
1421
1681
  background: var(--tcw-bg-elevated);
1422
1682
  border: 1px solid var(--tcw-border);
1423
- border-radius: var(--tcw-radius);
1424
- box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
1683
+ border-radius: var(--tcw-menu-radius);
1684
+ box-shadow: var(--tcw-menu-shadow);
1425
1685
  color: var(--tcw-text);
1426
- font-size: 12px;
1686
+ font-size: var(--tcw-font-size-sm);
1427
1687
  }
1428
1688
 
1429
1689
  .tcw-goto-title {
1430
- font-weight: 600;
1431
- font-size: 13px;
1690
+ font-weight: var(--tcw-weight-strong);
1691
+ font-size: var(--tcw-font-size);
1432
1692
  }
1433
1693
 
1434
1694
  .tcw-goto-field {
1435
1695
  display: grid;
1436
1696
  gap: 4px;
1437
1697
  color: var(--tcw-text-muted);
1438
- font-size: 11px;
1698
+ font-size: var(--tcw-font-size-xs);
1439
1699
  }
1440
1700
 
1441
1701
  .tcw-goto-input {
1442
1702
  height: 30px;
1443
1703
  padding: 0 8px;
1444
1704
  font: inherit;
1445
- font-size: 12.5px;
1705
+ font-size: var(--tcw-font-size-sm);
1446
1706
  color: var(--tcw-text);
1447
1707
  background: var(--tcw-bg);
1448
1708
  border: 1px solid var(--tcw-border);
1449
- border-radius: var(--tcw-radius-sm);
1709
+ border-radius: var(--tcw-input-radius);
1450
1710
  color-scheme: dark;
1451
1711
  }
1452
1712
 
@@ -1469,7 +1729,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1469
1729
  .tcw-goto-submit {
1470
1730
  background: var(--tcw-accent);
1471
1731
  color: var(--tcw-accent-ink);
1472
- font-weight: 600;
1732
+ font-weight: var(--tcw-weight-strong);
1473
1733
  }
1474
1734
 
1475
1735
  .tcw-goto-submit:hover {
@@ -1482,7 +1742,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1482
1742
  display: flex;
1483
1743
  align-items: center;
1484
1744
  gap: 7px;
1485
- font-weight: 500;
1745
+ font-weight: var(--tcw-weight);
1486
1746
  }
1487
1747
 
1488
1748
  .tcw-status-dot {
@@ -1528,17 +1788,17 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1528
1788
  left: 50%;
1529
1789
  transform: translateX(-50%);
1530
1790
  background: var(--tcw-bg-elevated);
1531
- border: 1px solid var(--tcw-border);
1532
- border-radius: var(--tcw-radius-xl);
1791
+ border: var(--tcw-border-w) solid var(--tcw-border);
1792
+ border-radius: var(--tcw-dialog-radius);
1533
1793
  width: 560px;
1534
1794
  max-width: 92vw;
1535
1795
  max-height: 62vh;
1536
1796
  display: flex;
1537
1797
  flex-direction: column;
1538
- box-shadow: var(--tcw-shadow-xl);
1798
+ box-shadow: var(--tcw-dialog-shadow);
1539
1799
  overflow: hidden;
1540
- backdrop-filter: blur(20px);
1541
- -webkit-backdrop-filter: blur(20px);
1800
+ backdrop-filter: blur(var(--tcw-blur));
1801
+ -webkit-backdrop-filter: blur(var(--tcw-blur));
1542
1802
  animation: tcw-modal-in var(--tcw-dur-slow) var(--tcw-ease-out);
1543
1803
  }
1544
1804
 
@@ -1551,7 +1811,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1551
1811
  }
1552
1812
 
1553
1813
  .tcw-cmd-icon {
1554
- font-size: 18px;
1814
+ font-size: calc(var(--tcw-font-size) + 5px);
1555
1815
  color: var(--tcw-text-muted);
1556
1816
  flex-shrink: 0;
1557
1817
  display: inline-flex;
@@ -1563,7 +1823,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1563
1823
  background: transparent;
1564
1824
  border: none;
1565
1825
  outline: none;
1566
- font-size: 14.5px;
1826
+ font-size: calc(var(--tcw-font-size) + 1.5px);
1567
1827
  font-family: inherit;
1568
1828
  color: var(--tcw-text);
1569
1829
  caret-color: var(--tcw-accent);
@@ -1575,7 +1835,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1575
1835
  }
1576
1836
 
1577
1837
  .tcw-cmd-hint {
1578
- font-size: 10px;
1838
+ font-size: calc(var(--tcw-font-size) - 3px);
1579
1839
  color: var(--tcw-text-muted);
1580
1840
  font-family: var(--tcw-font-mono);
1581
1841
  border: 1px solid var(--tcw-border);
@@ -1594,12 +1854,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1594
1854
  }
1595
1855
 
1596
1856
  .tcw-cmd-category {
1597
- text-transform: uppercase;
1598
- font-size: 10px;
1857
+ text-transform: var(--tcw-label-case);
1858
+ font-size: calc(var(--tcw-font-size) - 3px);
1599
1859
  color: var(--tcw-text-muted);
1600
- letter-spacing: 0.09em;
1860
+ letter-spacing: var(--tcw-label-tracking);
1601
1861
  padding: 10px 10px 4px;
1602
- font-weight: 600;
1862
+ font-weight: var(--tcw-weight-strong);
1603
1863
  }
1604
1864
 
1605
1865
  .tcw-cmd-item {
@@ -1607,14 +1867,14 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1607
1867
  align-items: center;
1608
1868
  justify-content: space-between;
1609
1869
  padding: 9px 12px;
1610
- font-size: 13px;
1870
+ font-size: var(--tcw-font-size);
1611
1871
  color: var(--tcw-text-dim);
1612
1872
  cursor: pointer;
1613
1873
  width: 100%;
1614
1874
  border: none;
1615
1875
  background: transparent;
1616
1876
  font-family: inherit;
1617
- text-align: left;
1877
+ text-align: start;
1618
1878
  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
1619
1879
  gap: 10px;
1620
1880
  border-radius: var(--tcw-radius);
@@ -1633,7 +1893,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1633
1893
 
1634
1894
  .tcw-cmd-item.tcw-active .tcw-cmd-item-label {
1635
1895
  color: var(--tcw-accent);
1636
- font-weight: 600;
1896
+ font-weight: var(--tcw-weight-strong);
1637
1897
  }
1638
1898
 
1639
1899
  .tcw-cmd-item-label {
@@ -1642,18 +1902,18 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1642
1902
 
1643
1903
  .tcw-cmd-check {
1644
1904
  color: var(--tcw-accent);
1645
- font-size: 14px;
1646
- font-weight: 700;
1905
+ font-size: calc(var(--tcw-font-size) + 1px);
1906
+ font-weight: calc(var(--tcw-weight-strong) + 100);
1647
1907
  }
1648
1908
 
1649
1909
  .tcw-cmd-kbd {
1650
- font-size: 10px;
1910
+ font-size: calc(var(--tcw-font-size) - 3px);
1651
1911
  font-family: var(--tcw-font-mono);
1652
1912
  color: var(--tcw-text-muted);
1653
1913
  background: var(--tcw-bg-surface);
1654
1914
  border: 1px solid var(--tcw-border);
1655
1915
  padding: 2px 6px;
1656
- border-radius: 4px;
1916
+ border-radius: var(--tcw-tag-radius);
1657
1917
  box-shadow: inset 0 -1px 0 var(--tcw-border);
1658
1918
  }
1659
1919
 
@@ -1661,7 +1921,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1661
1921
  padding: 32px 16px;
1662
1922
  text-align: center;
1663
1923
  color: var(--tcw-text-muted);
1664
- font-size: 13px;
1924
+ font-size: var(--tcw-font-size);
1665
1925
  }
1666
1926
 
1667
1927
  .tcw-cmd-footer {
@@ -1670,7 +1930,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1670
1930
  gap: 18px;
1671
1931
  padding: 10px 18px;
1672
1932
  border-top: 1px solid var(--tcw-divider);
1673
- font-size: 11px;
1933
+ font-size: var(--tcw-font-size-xs);
1674
1934
  color: var(--tcw-text-muted);
1675
1935
  background: var(--tcw-bg-surface);
1676
1936
  }
@@ -1681,7 +1941,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1681
1941
  width: 220px;
1682
1942
  flex-shrink: 0;
1683
1943
  background: var(--tcw-bg-surface);
1684
- border-left: 1px solid var(--tcw-border);
1944
+ border-inline-start: 1px solid var(--tcw-border);
1685
1945
  display: flex;
1686
1946
  flex-direction: column;
1687
1947
  overflow: hidden;
@@ -1689,80 +1949,211 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1689
1949
  }
1690
1950
 
1691
1951
  .tcw-watchlist-header {
1692
- padding: 10px 14px;
1693
- font-size: 11px;
1694
- font-weight: 600;
1695
- text-transform: uppercase;
1696
- letter-spacing: 0.08em;
1697
- color: var(--tcw-text-muted);
1952
+ position: relative;
1953
+ display: flex;
1954
+ align-items: center;
1955
+ gap: 4px;
1956
+ padding: 6px 8px 6px 8px;
1698
1957
  border-bottom: 1px solid var(--tcw-divider);
1699
1958
  }
1700
1959
 
1701
- .tcw-watchlist-list {
1960
+ /* The shown list's name: opens the lists menu. */
1961
+ .tcw-watchlist-name {
1702
1962
  flex: 1;
1703
- overflow-y: auto;
1704
- padding: 4px 0;
1705
- }
1706
-
1707
- .tcw-watchlist-row {
1708
- display: grid;
1709
- grid-template-columns: 1fr auto auto;
1963
+ min-width: 0;
1964
+ display: flex;
1710
1965
  align-items: center;
1711
- gap: 8px;
1712
- padding: 8px 12px;
1966
+ gap: 6px;
1967
+ height: var(--tcw-control-h-sm);
1968
+ padding: 0 6px;
1969
+ border: 0;
1970
+ border-radius: var(--tcw-control-radius);
1971
+ background: transparent;
1972
+ color: var(--tcw-text-dim);
1973
+ font: inherit;
1974
+ font-size: var(--tcw-font-size-xs);
1975
+ font-weight: var(--tcw-weight-strong);
1976
+ text-transform: var(--tcw-label-case);
1977
+ letter-spacing: var(--tcw-label-tracking);
1978
+ text-align: start;
1979
+ white-space: nowrap;
1980
+ overflow: hidden;
1981
+ text-overflow: ellipsis;
1713
1982
  cursor: pointer;
1714
- transition: background var(--tcw-dur-fast) var(--tcw-ease);
1715
- border-left: 2px solid transparent;
1716
- outline: none;
1717
- }
1718
-
1719
- .tcw-watchlist-row:hover {
1720
- background: var(--tcw-hover-bg);
1721
1983
  }
1722
-
1723
- .tcw-watchlist-row:focus-visible {
1724
- background: var(--tcw-hover-bg);
1725
- border-left-color: var(--tcw-accent);
1984
+ .tcw-watchlist-name::after {
1985
+ content: '';
1986
+ flex: none;
1987
+ width: 0;
1988
+ height: 0;
1989
+ margin-inline-start: auto;
1990
+ border: 4px solid transparent;
1991
+ border-top-color: currentColor;
1992
+ border-bottom-width: 0;
1993
+ opacity: 0.7;
1726
1994
  }
1727
1995
 
1728
- .tcw-watchlist-row.tcw-watchlist-active {
1729
- background: var(--tcw-accent-soft);
1730
- border-left-color: var(--tcw-accent);
1996
+ .tcw-watchlist-add {
1997
+ flex: none;
1998
+ width: var(--tcw-control-h-sm);
1999
+ height: var(--tcw-control-h-sm);
2000
+ border: 0;
2001
+ border-radius: var(--tcw-control-radius);
2002
+ background: transparent;
2003
+ color: var(--tcw-text-muted);
2004
+ font: inherit;
2005
+ font-size: var(--tcw-font-size-lg);
2006
+ line-height: 1;
2007
+ cursor: pointer;
1731
2008
  }
1732
2009
 
1733
- .tcw-watchlist-symbol {
1734
- font-size: 12.5px;
1735
- font-weight: 600;
2010
+ .tcw-watchlist-name:hover,
2011
+ .tcw-watchlist-add:hover {
2012
+ background: var(--tcw-hover-bg);
1736
2013
  color: var(--tcw-text);
1737
- letter-spacing: -0.005em;
1738
- white-space: nowrap;
1739
2014
  }
1740
-
1741
- .tcw-watchlist-spark {
1742
- width: 56px;
1743
- height: 22px;
1744
- align-self: center;
2015
+ .tcw-watchlist-name:focus-visible,
2016
+ .tcw-watchlist-add:focus-visible,
2017
+ .tcw-watchlist-input:focus-visible {
2018
+ outline: none;
2019
+ box-shadow: var(--tcw-ring);
1745
2020
  }
1746
2021
 
1747
- .tcw-watchlist-stats {
1748
- display: flex;
1749
- flex-direction: column;
1750
- align-items: flex-end;
1751
- gap: 1px;
1752
- font-variant-numeric: tabular-nums;
2022
+ /* The lists menu, under the header. */
2023
+ .tcw-watchlist-menu {
2024
+ top: calc(100% - 2px);
2025
+ left: 6px;
2026
+ right: 6px;
2027
+ margin-top: 0;
2028
+ }
2029
+ .tcw-watchlist-count {
2030
+ color: var(--tcw-text-muted);
1753
2031
  font-family: var(--tcw-font-mono);
2032
+ font-size: var(--tcw-font-size-xs);
2033
+ }
2034
+ .tcw-watchlist-menu .tcw-danger {
2035
+ color: var(--tcw-red);
1754
2036
  }
1755
2037
 
1756
- .tcw-watchlist-price {
1757
- font-size: 12px;
2038
+ /* Naming a list in place. */
2039
+ .tcw-watchlist-input {
2040
+ flex: 1;
2041
+ min-width: 0;
2042
+ height: var(--tcw-control-h-sm);
2043
+ padding: 0 8px;
2044
+ border: var(--tcw-border-w) solid var(--tcw-border-strong);
2045
+ border-radius: var(--tcw-input-radius);
2046
+ background: var(--tcw-bg);
1758
2047
  color: var(--tcw-text);
1759
- font-weight: 500;
2048
+ font: inherit;
2049
+ font-size: var(--tcw-font-size-sm);
2050
+ }
2051
+
2052
+ .tcw-watchlist-empty {
2053
+ padding: 16px 14px;
2054
+ color: var(--tcw-text-muted);
2055
+ font-size: var(--tcw-font-size-sm);
2056
+ line-height: 1.5;
2057
+ }
2058
+
2059
+ /* A row's remove button shows on hover or focus, over its numbers. */
2060
+ .tcw-watchlist-remove {
2061
+ position: absolute;
2062
+ top: 50%;
2063
+ right: 6px;
2064
+ display: grid;
2065
+ place-items: center;
2066
+ width: 20px;
2067
+ height: 20px;
2068
+ border: 0;
2069
+ border-radius: var(--tcw-radius-sm);
2070
+ background: var(--tcw-bg-elevated);
2071
+ color: var(--tcw-text-muted);
2072
+ font: inherit;
2073
+ font-size: var(--tcw-font-size);
2074
+ line-height: 1;
2075
+ opacity: 0;
2076
+ transform: translateY(-50%);
2077
+ cursor: pointer;
2078
+ transition: opacity var(--tcw-dur-fast) var(--tcw-ease);
2079
+ }
2080
+ .tcw-watchlist-row:hover .tcw-watchlist-remove,
2081
+ .tcw-watchlist-row:focus-within .tcw-watchlist-remove {
2082
+ opacity: 1;
2083
+ }
2084
+ .tcw-watchlist-remove:hover {
2085
+ color: var(--tcw-red);
2086
+ }
2087
+ .tcw-watchlist-row.tcw-watchlist-dragging {
2088
+ opacity: 0.45;
2089
+ }
2090
+
2091
+ .tcw-watchlist-list {
2092
+ flex: 1;
2093
+ overflow-y: auto;
2094
+ padding: 4px 0;
2095
+ }
2096
+
2097
+ .tcw-watchlist-row {
2098
+ position: relative;
2099
+ display: grid;
2100
+ grid-template-columns: 1fr auto auto;
2101
+ align-items: center;
2102
+ gap: 8px;
2103
+ padding: 8px 12px;
2104
+ cursor: pointer;
2105
+ transition: background var(--tcw-dur-fast) var(--tcw-ease);
2106
+ border-inline-start: 2px solid transparent;
2107
+ outline: none;
2108
+ }
2109
+
2110
+ .tcw-watchlist-row:hover {
2111
+ background: var(--tcw-hover-bg);
2112
+ }
2113
+
2114
+ .tcw-watchlist-row:focus-visible {
2115
+ background: var(--tcw-hover-bg);
2116
+ border-inline-start-color: var(--tcw-accent);
2117
+ }
2118
+
2119
+ .tcw-watchlist-row.tcw-watchlist-active {
2120
+ background: var(--tcw-accent-soft);
2121
+ border-inline-start-color: var(--tcw-accent);
2122
+ }
2123
+
2124
+ .tcw-watchlist-symbol {
2125
+ font-size: var(--tcw-font-size-sm);
2126
+ font-weight: var(--tcw-weight-strong);
2127
+ color: var(--tcw-text);
2128
+ letter-spacing: -0.005em;
2129
+ white-space: nowrap;
2130
+ }
2131
+
2132
+ .tcw-watchlist-spark {
2133
+ width: 56px;
2134
+ height: 22px;
2135
+ align-self: center;
2136
+ }
2137
+
2138
+ .tcw-watchlist-stats {
2139
+ display: flex;
2140
+ flex-direction: column;
2141
+ align-items: flex-end;
2142
+ gap: 1px;
2143
+ font-variant-numeric: tabular-nums;
2144
+ font-family: var(--tcw-font-mono);
2145
+ }
2146
+
2147
+ .tcw-watchlist-price {
2148
+ font-size: var(--tcw-font-size-sm);
2149
+ color: var(--tcw-text);
2150
+ font-weight: var(--tcw-weight);
1760
2151
  }
1761
2152
 
1762
2153
  .tcw-watchlist-change {
1763
- font-size: 10.5px;
2154
+ font-size: calc(var(--tcw-font-size) - 2.5px);
1764
2155
  color: var(--tcw-text-muted);
1765
- font-weight: 500;
2156
+ font-weight: var(--tcw-weight);
1766
2157
  }
1767
2158
 
1768
2159
  .tcw-watchlist-change.tcw-up {
@@ -1790,10 +2181,10 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1790
2181
  padding: 9px 14px;
1791
2182
  background: var(--tcw-bg-elevated);
1792
2183
  border: 1px solid var(--tcw-border-strong);
1793
- border-radius: 9999px;
1794
- box-shadow: var(--tcw-shadow-lg);
1795
- font-size: 12.5px;
1796
- font-weight: 500;
2184
+ border-radius: var(--tcw-toast-radius);
2185
+ box-shadow: var(--tcw-menu-shadow);
2186
+ font-size: var(--tcw-font-size-sm);
2187
+ font-weight: var(--tcw-weight);
1797
2188
  color: var(--tcw-text);
1798
2189
  opacity: 0;
1799
2190
  transition: opacity var(--tcw-dur-normal) var(--tcw-ease-out), transform var(--tcw-dur-normal) var(--tcw-ease-out);
@@ -1823,7 +2214,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1823
2214
  z-index: 4;
1824
2215
  pointer-events: none;
1825
2216
  background: color-mix(in srgb, var(--tcw-bg) 62%, transparent);
1826
- border-left: 1.5px dashed var(--tcw-accent);
2217
+ border-inline-start: 1.5px dashed var(--tcw-accent);
1827
2218
  }
1828
2219
 
1829
2220
  .tcw-replay-group {
@@ -1847,11 +2238,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1847
2238
  height: 26px;
1848
2239
  padding: 0 10px;
1849
2240
  border: 1px solid var(--tcw-border);
1850
- border-radius: 9999px;
2241
+ border-radius: var(--tcw-control-radius);
1851
2242
  background: transparent;
1852
2243
  color: var(--tcw-text);
1853
2244
  font: inherit;
1854
- font-weight: 500;
2245
+ font-weight: var(--tcw-weight);
1855
2246
  white-space: nowrap;
1856
2247
  cursor: pointer;
1857
2248
  transition: background var(--tcw-dur-fast), border-color var(--tcw-dur-fast), color var(--tcw-dur-fast);
@@ -1874,7 +2265,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1874
2265
  flex-wrap: wrap;
1875
2266
  justify-content: center;
1876
2267
  max-width: calc(100% - 24px);
1877
- border-radius: 14px;
2268
+ border-radius: var(--tcw-panel-radius);
1878
2269
  }
1879
2270
  .tcw-replay-hint { white-space: normal; }
1880
2271
  }
@@ -1882,7 +2273,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1882
2273
  .tcw-replay-bar {
1883
2274
  position: absolute;
1884
2275
  left: 50%;
1885
- bottom: 16px;
2276
+ /* Above the 30px time axis, so its dates stay readable. */
2277
+ bottom: 40px;
1886
2278
  transform: translateX(-50%);
1887
2279
  z-index: 25;
1888
2280
  display: flex;
@@ -1891,11 +2283,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1891
2283
  padding: 6px 10px;
1892
2284
  background: var(--tcw-bg-elevated);
1893
2285
  border: 1px solid var(--tcw-border);
1894
- border-radius: 9999px;
1895
- box-shadow: var(--tcw-shadow-lg);
1896
- backdrop-filter: blur(12px);
1897
- -webkit-backdrop-filter: blur(12px);
1898
- font-size: 12px;
2286
+ border-radius: var(--tcw-panel-radius);
2287
+ box-shadow: var(--tcw-menu-shadow);
2288
+ backdrop-filter: blur(var(--tcw-blur));
2289
+ -webkit-backdrop-filter: blur(var(--tcw-blur));
2290
+ font-size: var(--tcw-font-size-sm);
1899
2291
  color: var(--tcw-text);
1900
2292
  animation: tcw-pop-in var(--tcw-dur-normal) var(--tcw-ease-out);
1901
2293
  }
@@ -1909,7 +2301,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1909
2301
  border: none;
1910
2302
  background: transparent;
1911
2303
  color: var(--tcw-text-dim);
1912
- border-radius: 9999px;
2304
+ border-radius: var(--tcw-control-radius);
1913
2305
  cursor: pointer;
1914
2306
  font-family: inherit;
1915
2307
  transition: background var(--tcw-dur-fast) var(--tcw-ease), color var(--tcw-dur-fast) var(--tcw-ease);
@@ -1966,7 +2358,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1966
2358
  }
1967
2359
 
1968
2360
  .tcw-replay-progress {
1969
- font-size: 11px;
2361
+ font-size: var(--tcw-font-size-xs);
1970
2362
  font-family: var(--tcw-font-mono);
1971
2363
  color: var(--tcw-text-muted);
1972
2364
  min-width: 64px;
@@ -1976,11 +2368,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
1976
2368
 
1977
2369
  .tcw-replay-speed {
1978
2370
  padding: 4px 8px;
1979
- font-size: 11px;
2371
+ font-size: var(--tcw-font-size-xs);
1980
2372
  font-family: var(--tcw-font-mono);
1981
2373
  background: var(--tcw-bg-surface);
1982
2374
  border: 1px solid var(--tcw-border);
1983
- border-radius: var(--tcw-radius);
2375
+ border-radius: var(--tcw-control-radius);
1984
2376
  color: var(--tcw-text-dim);
1985
2377
  cursor: pointer;
1986
2378
  }
@@ -2031,14 +2423,14 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2031
2423
  }
2032
2424
 
2033
2425
  .tcw-hotkey-sep {
2034
- font-size: 10px;
2426
+ font-size: calc(var(--tcw-font-size) - 3px);
2035
2427
  color: var(--tcw-text-muted);
2036
2428
  }
2037
2429
 
2038
2430
  .tcw-hotkey-label {
2039
- font-size: 12.5px;
2431
+ font-size: var(--tcw-font-size-sm);
2040
2432
  color: var(--tcw-text-dim);
2041
- text-align: right;
2433
+ text-align: end;
2042
2434
  letter-spacing: -0.005em;
2043
2435
  }
2044
2436
 
@@ -2086,31 +2478,32 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2086
2478
  @media (max-width: 768px) {
2087
2479
  .tcw-toolbar {
2088
2480
  padding: 0 4px;
2089
- height: 44px; /* Apple HIG minimum touch target */
2481
+ height: max(44px, var(--tcw-toolbar-h)); /* Apple HIG minimum touch target */
2090
2482
  }
2091
2483
  .tcw-toolbar-sep {
2092
2484
  display: none;
2093
2485
  }
2094
2486
  .tcw-btn,
2095
2487
  .tcw-dropdown-trigger {
2096
- padding: 10px 12px; /* fatter tap target */
2097
- font-size: 13px;
2488
+ height: max(40px, var(--tcw-control-h)); /* fatter tap target */
2489
+ padding: 0 12px;
2490
+ font-size: var(--tcw-font-size);
2098
2491
  }
2099
2492
  .tcw-btn-icon {
2100
- width: 40px;
2101
- height: 40px;
2493
+ width: max(40px, var(--tcw-control-h));
2494
+ height: max(40px, var(--tcw-control-h));
2102
2495
  }
2103
2496
  .tcw-sidebar {
2104
- width: 44px;
2497
+ width: max(44px, var(--tcw-sidebar-w));
2105
2498
  }
2106
2499
  .tcw-sidebar-btn {
2107
- width: 40px;
2108
- height: 40px;
2500
+ width: max(40px, var(--tcw-control-h));
2501
+ height: max(40px, var(--tcw-control-h));
2109
2502
  }
2110
2503
  .tcw-modal,
2111
2504
  .tcw-cmd-palette {
2112
2505
  width: 94vw;
2113
- border-radius: var(--tcw-radius-lg);
2506
+ border-radius: var(--tcw-dialog-radius);
2114
2507
  }
2115
2508
 
2116
2509
  /* Hide the right-side watchlist on tablets too — already declared but
@@ -2144,7 +2537,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2144
2537
  width: 100vw;
2145
2538
  max-width: 100vw;
2146
2539
  max-height: 92vh;
2147
- border-radius: var(--tcw-radius-xl) var(--tcw-radius-xl) 0 0;
2540
+ border-radius: var(--tcw-dialog-radius) var(--tcw-dialog-radius) 0 0;
2148
2541
  border-bottom: none;
2149
2542
  /* Grab handle */
2150
2543
  padding-top: 8px;
@@ -2187,11 +2580,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2187
2580
  }
2188
2581
  .tcw-cmd-item {
2189
2582
  padding: 12px 14px;
2190
- font-size: 14px;
2583
+ font-size: calc(var(--tcw-font-size) + 1px);
2191
2584
  }
2192
2585
  .tcw-dropdown-item {
2193
2586
  padding: 12px 12px;
2194
- font-size: 14px;
2587
+ font-size: calc(var(--tcw-font-size) + 1px);
2195
2588
  }
2196
2589
 
2197
2590
  /* Hotkey sheet — single column on phones */
@@ -2204,17 +2597,17 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2204
2597
 
2205
2598
  .tcw-alerts-panel {
2206
2599
  position: absolute;
2207
- top: 50px;
2208
- right: 12px;
2600
+ top: var(--tcw-panel-top);
2601
+ inset-inline-end: 12px;
2209
2602
  z-index: 40;
2210
2603
  width: 300px;
2211
2604
  max-width: calc(100vw - 24px);
2212
2605
  display: flex;
2213
2606
  flex-direction: column;
2214
2607
  background: var(--tcw-bg-elevated);
2215
- border: 1px solid var(--tcw-border-strong);
2216
- border-radius: var(--tcw-radius-lg);
2217
- box-shadow: var(--tcw-shadow-lg);
2608
+ border: var(--tcw-border-w) solid var(--tcw-border-strong);
2609
+ border-radius: var(--tcw-panel-radius);
2610
+ box-shadow: var(--tcw-menu-shadow);
2218
2611
  overflow: hidden;
2219
2612
  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;
2220
2613
  }
@@ -2229,8 +2622,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2229
2622
  align-items: center;
2230
2623
  justify-content: space-between;
2231
2624
  padding: 10px 12px;
2232
- font-weight: 600;
2233
- font-size: 13px;
2625
+ font-weight: var(--tcw-weight-strong);
2626
+ font-size: var(--tcw-font-size);
2234
2627
  color: var(--tcw-text);
2235
2628
  border-bottom: 1px solid var(--tcw-border);
2236
2629
  }
@@ -2239,12 +2632,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2239
2632
  display: inline-flex;
2240
2633
  align-items: center;
2241
2634
  justify-content: center;
2242
- width: 26px;
2243
- height: 26px;
2635
+ width: var(--tcw-control-h-sm);
2636
+ height: var(--tcw-control-h-sm);
2244
2637
  border: none;
2245
2638
  background: transparent;
2246
2639
  color: var(--tcw-text-muted);
2247
- border-radius: var(--tcw-radius-sm);
2640
+ border-radius: var(--tcw-control-radius);
2248
2641
  cursor: pointer;
2249
2642
  }
2250
2643
  .tcw-alerts-close:hover {
@@ -2267,7 +2660,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2267
2660
  box-sizing: border-box;
2268
2661
  height: 32px;
2269
2662
  padding: 0 8px;
2270
- font-size: 12px;
2663
+ font-size: var(--tcw-font-size-sm);
2271
2664
  color: var(--tcw-text);
2272
2665
  background: var(--tcw-bg-surface);
2273
2666
  border: 1px solid var(--tcw-border);
@@ -2291,12 +2684,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2291
2684
  justify-content: center;
2292
2685
  gap: 6px;
2293
2686
  height: 34px;
2294
- font-size: 12px;
2295
- font-weight: 600;
2687
+ font-size: var(--tcw-font-size-sm);
2688
+ font-weight: var(--tcw-weight-strong);
2296
2689
  color: var(--tcw-accent-ink);
2297
2690
  background: var(--tcw-accent);
2298
2691
  border: none;
2299
- border-radius: var(--tcw-radius-sm);
2692
+ border-radius: var(--tcw-control-radius);
2300
2693
  cursor: pointer;
2301
2694
  }
2302
2695
  .tcw-alerts-add:hover {
@@ -2312,7 +2705,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2312
2705
  .tcw-alerts-empty {
2313
2706
  padding: 18px 12px;
2314
2707
  text-align: center;
2315
- font-size: 12px;
2708
+ font-size: var(--tcw-font-size-sm);
2316
2709
  color: var(--tcw-text-muted);
2317
2710
  line-height: 1.5;
2318
2711
  }
@@ -2339,26 +2732,26 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2339
2732
  display: flex;
2340
2733
  align-items: center;
2341
2734
  gap: 8px;
2342
- font-size: 12px;
2343
- font-weight: 600;
2735
+ font-size: var(--tcw-font-size-sm);
2736
+ font-weight: var(--tcw-weight-strong);
2344
2737
  color: var(--tcw-text);
2345
2738
  font-variant-numeric: tabular-nums;
2346
2739
  }
2347
2740
  .tcw-alerts-row-note {
2348
2741
  margin-top: 2px;
2349
- font-size: 11px;
2742
+ font-size: var(--tcw-font-size-xs);
2350
2743
  color: var(--tcw-text-muted);
2351
2744
  overflow: hidden;
2352
2745
  text-overflow: ellipsis;
2353
2746
  white-space: nowrap;
2354
2747
  }
2355
2748
  .tcw-alerts-badge {
2356
- font-size: 9px;
2357
- font-weight: 700;
2358
- text-transform: uppercase;
2359
- letter-spacing: 0.04em;
2749
+ font-size: calc(var(--tcw-font-size) - 4px);
2750
+ font-weight: calc(var(--tcw-weight-strong) + 100);
2751
+ text-transform: var(--tcw-label-case);
2752
+ letter-spacing: var(--tcw-label-tracking);
2360
2753
  padding: 2px 5px;
2361
- border-radius: 999px;
2754
+ border-radius: var(--tcw-tag-radius);
2362
2755
  color: var(--tcw-accent);
2363
2756
  background: var(--tcw-accent-soft);
2364
2757
  }
@@ -2368,12 +2761,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2368
2761
  display: inline-flex;
2369
2762
  align-items: center;
2370
2763
  justify-content: center;
2371
- width: 28px;
2372
- height: 28px;
2764
+ width: var(--tcw-control-h-sm);
2765
+ height: var(--tcw-control-h-sm);
2373
2766
  border: none;
2374
2767
  background: transparent;
2375
2768
  color: var(--tcw-text-muted);
2376
- border-radius: var(--tcw-radius-sm);
2769
+ border-radius: var(--tcw-control-radius);
2377
2770
  cursor: pointer;
2378
2771
  }
2379
2772
  .tcw-alerts-del:hover {
@@ -2401,16 +2794,16 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2401
2794
 
2402
2795
  .tcw-datawin {
2403
2796
  position: absolute;
2404
- top: 50px;
2405
- right: 12px;
2797
+ top: var(--tcw-panel-top);
2798
+ inset-inline-end: 12px;
2406
2799
  z-index: 38;
2407
2800
  width: 200px;
2408
2801
  display: flex;
2409
2802
  flex-direction: column;
2410
2803
  background: var(--tcw-bg-elevated);
2411
2804
  border: 1px solid var(--tcw-border-strong);
2412
- border-radius: var(--tcw-radius-lg);
2413
- box-shadow: var(--tcw-shadow-lg);
2805
+ border-radius: var(--tcw-panel-radius);
2806
+ box-shadow: var(--tcw-menu-shadow);
2414
2807
  overflow: hidden;
2415
2808
  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;
2416
2809
  }
@@ -2419,8 +2812,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2419
2812
  align-items: center;
2420
2813
  justify-content: space-between;
2421
2814
  padding: 9px 12px;
2422
- font-size: 12px;
2423
- font-weight: 600;
2815
+ font-size: var(--tcw-font-size-sm);
2816
+ font-weight: var(--tcw-weight-strong);
2424
2817
  color: var(--tcw-text);
2425
2818
  border-bottom: 1px solid var(--tcw-border);
2426
2819
  }
@@ -2428,35 +2821,35 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2428
2821
  display: inline-flex;
2429
2822
  align-items: center;
2430
2823
  justify-content: center;
2431
- width: 24px;
2432
- height: 24px;
2824
+ width: var(--tcw-control-h-sm);
2825
+ height: var(--tcw-control-h-sm);
2433
2826
  border: none;
2434
2827
  background: transparent;
2435
2828
  color: var(--tcw-text-muted);
2436
- border-radius: var(--tcw-radius-sm);
2829
+ border-radius: var(--tcw-control-radius);
2437
2830
  cursor: pointer;
2438
2831
  }
2439
2832
  .tcw-datawin-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }
2440
2833
  .tcw-datawin-body { padding: 6px 4px; max-height: 360px; overflow-y: auto; }
2441
- .tcw-datawin-empty { padding: 14px; text-align: center; font-size: 12px; color: var(--tcw-text-muted); }
2834
+ .tcw-datawin-empty { padding: 14px; text-align: center; font-size: var(--tcw-font-size-sm); color: var(--tcw-text-muted); }
2442
2835
  .tcw-datawin-row {
2443
2836
  display: flex;
2444
2837
  align-items: center;
2445
2838
  justify-content: space-between;
2446
2839
  gap: 10px;
2447
2840
  padding: 3px 8px;
2448
- font-size: 12px;
2841
+ font-size: var(--tcw-font-size-sm);
2449
2842
  }
2450
2843
  .tcw-datawin-label { color: var(--tcw-text-muted); }
2451
- .tcw-datawin-value { color: var(--tcw-text); font-variant-numeric: tabular-nums; font-weight: 600; }
2844
+ .tcw-datawin-value { color: var(--tcw-text); font-variant-numeric: tabular-nums; font-weight: var(--tcw-weight-strong); }
2452
2845
  .tcw-datawin-value.tcw-up { color: var(--tcw-green); }
2453
2846
  .tcw-datawin-value.tcw-down { color: var(--tcw-red); }
2454
2847
  .tcw-datawin-sub {
2455
2848
  margin: 6px 8px 2px;
2456
- font-size: 10px;
2457
- font-weight: 700;
2458
- text-transform: uppercase;
2459
- letter-spacing: 0.04em;
2849
+ font-size: calc(var(--tcw-font-size) - 3px);
2850
+ font-weight: calc(var(--tcw-weight-strong) + 100);
2851
+ text-transform: var(--tcw-label-case);
2852
+ letter-spacing: var(--tcw-label-tracking);
2460
2853
  color: var(--tcw-text-muted);
2461
2854
  border-top: 1px solid var(--tcw-border);
2462
2855
  padding-top: 6px;
@@ -2470,16 +2863,16 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2470
2863
 
2471
2864
  .tcw-ladder {
2472
2865
  position: absolute;
2473
- top: 50px;
2474
- right: 12px;
2866
+ top: var(--tcw-panel-top);
2867
+ inset-inline-end: 12px;
2475
2868
  z-index: 41;
2476
2869
  width: 240px;
2477
2870
  display: flex;
2478
2871
  flex-direction: column;
2479
2872
  background: var(--tcw-bg-elevated);
2480
2873
  border: 1px solid var(--tcw-border-strong);
2481
- border-radius: var(--tcw-radius-lg);
2482
- box-shadow: var(--tcw-shadow-lg);
2874
+ border-radius: var(--tcw-panel-radius);
2875
+ box-shadow: var(--tcw-menu-shadow);
2483
2876
  overflow: hidden;
2484
2877
  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;
2485
2878
  }
@@ -2488,8 +2881,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2488
2881
  align-items: center;
2489
2882
  justify-content: space-between;
2490
2883
  padding: 10px 12px;
2491
- font-size: 13px;
2492
- font-weight: 600;
2884
+ font-size: var(--tcw-font-size);
2885
+ font-weight: var(--tcw-weight-strong);
2493
2886
  color: var(--tcw-text);
2494
2887
  border-bottom: 1px solid var(--tcw-border);
2495
2888
  }
@@ -2497,12 +2890,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2497
2890
  display: inline-flex;
2498
2891
  align-items: center;
2499
2892
  justify-content: center;
2500
- width: 26px;
2501
- height: 26px;
2893
+ width: var(--tcw-control-h-sm);
2894
+ height: var(--tcw-control-h-sm);
2502
2895
  border: none;
2503
2896
  background: transparent;
2504
2897
  color: var(--tcw-text-muted);
2505
- border-radius: var(--tcw-radius-sm);
2898
+ border-radius: var(--tcw-control-radius);
2506
2899
  cursor: pointer;
2507
2900
  }
2508
2901
  .tcw-ladder-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }
@@ -2510,16 +2903,16 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2510
2903
  display: grid;
2511
2904
  grid-template-columns: 1fr 1fr 1fr;
2512
2905
  padding: 4px 0;
2513
- font-size: 10px;
2514
- font-weight: 700;
2515
- text-transform: uppercase;
2516
- letter-spacing: 0.04em;
2906
+ font-size: calc(var(--tcw-font-size) - 3px);
2907
+ font-weight: calc(var(--tcw-weight-strong) + 100);
2908
+ text-transform: var(--tcw-label-case);
2909
+ letter-spacing: var(--tcw-label-tracking);
2517
2910
  color: var(--tcw-text-muted);
2518
2911
  border-bottom: 1px solid var(--tcw-border);
2519
2912
  }
2520
2913
  .tcw-ladder-cols span { text-align: center; }
2521
2914
  .tcw-ladder-body { max-height: 360px; overflow-y: auto; }
2522
- .tcw-ladder-empty { padding: 18px; text-align: center; font-size: 12px; color: var(--tcw-text-muted); }
2915
+ .tcw-ladder-empty { padding: 18px; text-align: center; font-size: var(--tcw-font-size-sm); color: var(--tcw-text-muted); }
2523
2916
 
2524
2917
  .tcw-ladder-row {
2525
2918
  display: grid;
@@ -2533,7 +2926,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2533
2926
  align-items: center;
2534
2927
  border: none;
2535
2928
  background: transparent;
2536
- font-size: 11px;
2929
+ font-size: var(--tcw-font-size-xs);
2537
2930
  cursor: pointer;
2538
2931
  font-variant-numeric: tabular-nums;
2539
2932
  overflow: hidden;
@@ -2557,11 +2950,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2557
2950
  display: flex;
2558
2951
  align-items: center;
2559
2952
  justify-content: center;
2560
- font-size: 11px;
2561
- font-weight: 600;
2953
+ font-size: var(--tcw-font-size-xs);
2954
+ font-weight: var(--tcw-weight-strong);
2562
2955
  color: var(--tcw-text-dim);
2563
- border-left: 1px solid var(--tcw-border);
2564
- border-right: 1px solid var(--tcw-border);
2956
+ border-inline-start: 1px solid var(--tcw-border);
2957
+ border-inline-end: 1px solid var(--tcw-border);
2565
2958
  }
2566
2959
  .tcw-ladder-price.tcw-ask { color: var(--tcw-red); }
2567
2960
  .tcw-ladder-price.tcw-bid { color: var(--tcw-green); }
@@ -2578,7 +2971,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2578
2971
 
2579
2972
  .tcw-bracket-bar {
2580
2973
  position: absolute;
2581
- top: 52px;
2974
+ top: calc(var(--tcw-panel-top) + 2px);
2582
2975
  left: 50%;
2583
2976
  transform: translateX(-50%);
2584
2977
  z-index: 45;
@@ -2588,18 +2981,18 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2588
2981
  padding: 7px 8px 7px 14px;
2589
2982
  background: var(--tcw-bg-elevated);
2590
2983
  border: 1px solid var(--tcw-border-strong);
2591
- border-radius: 999px;
2592
- box-shadow: var(--tcw-shadow-lg);
2984
+ border-radius: var(--tcw-panel-radius);
2985
+ box-shadow: var(--tcw-menu-shadow);
2593
2986
  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;
2594
2987
  }
2595
2988
  .tcw-bracket-label {
2596
- font-size: 12px;
2597
- font-weight: 700;
2989
+ font-size: var(--tcw-font-size-sm);
2990
+ font-weight: calc(var(--tcw-weight-strong) + 100);
2598
2991
  }
2599
2992
  .tcw-bracket-label[data-side='buy'] { color: var(--tcw-green); }
2600
2993
  .tcw-bracket-label[data-side='sell'] { color: var(--tcw-red); }
2601
2994
  .tcw-bracket-hint {
2602
- font-size: 11px;
2995
+ font-size: var(--tcw-font-size-xs);
2603
2996
  color: var(--tcw-text-muted);
2604
2997
  }
2605
2998
  .tcw-bracket-cancel, .tcw-bracket-confirm {
@@ -2608,10 +3001,10 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2608
3001
  gap: 5px;
2609
3002
  height: 30px;
2610
3003
  padding: 0 12px;
2611
- font-size: 12px;
2612
- font-weight: 600;
3004
+ font-size: var(--tcw-font-size-sm);
3005
+ font-weight: var(--tcw-weight-strong);
2613
3006
  border: none;
2614
- border-radius: 999px;
3007
+ border-radius: var(--tcw-control-radius);
2615
3008
  cursor: pointer;
2616
3009
  }
2617
3010
  .tcw-bracket-cancel {
@@ -2635,7 +3028,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2635
3028
  .tcw-style-panel {
2636
3029
  position: absolute;
2637
3030
  bottom: 12px;
2638
- left: 52px;
3031
+ inset-inline-start: var(--tcw-panel-left);
2639
3032
  z-index: 40;
2640
3033
  width: 220px;
2641
3034
  display: flex;
@@ -2644,28 +3037,28 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2644
3037
  padding: 12px;
2645
3038
  background: var(--tcw-bg-elevated);
2646
3039
  border: 1px solid var(--tcw-border-strong);
2647
- border-radius: var(--tcw-radius-lg);
2648
- box-shadow: var(--tcw-shadow-lg);
3040
+ border-radius: var(--tcw-panel-radius);
3041
+ box-shadow: var(--tcw-menu-shadow);
2649
3042
  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;
2650
3043
  }
2651
3044
  .tcw-style-header {
2652
3045
  display: flex;
2653
3046
  align-items: center;
2654
3047
  justify-content: space-between;
2655
- font-size: 12px;
2656
- font-weight: 600;
3048
+ font-size: var(--tcw-font-size-sm);
3049
+ font-weight: var(--tcw-weight-strong);
2657
3050
  color: var(--tcw-text);
2658
3051
  }
2659
3052
  .tcw-style-close {
2660
3053
  display: inline-flex;
2661
3054
  align-items: center;
2662
3055
  justify-content: center;
2663
- width: 24px;
2664
- height: 24px;
3056
+ width: var(--tcw-control-h-sm);
3057
+ height: var(--tcw-control-h-sm);
2665
3058
  border: none;
2666
3059
  background: transparent;
2667
3060
  color: var(--tcw-text-muted);
2668
- border-radius: var(--tcw-radius-sm);
3061
+ border-radius: var(--tcw-control-radius);
2669
3062
  cursor: pointer;
2670
3063
  }
2671
3064
  .tcw-style-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }
@@ -2698,22 +3091,22 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2698
3091
  justify-content: center;
2699
3092
  background: var(--tcw-bg-surface);
2700
3093
  border: 1px solid var(--tcw-border);
2701
- border-radius: var(--tcw-radius-sm);
3094
+ border-radius: var(--tcw-control-radius);
2702
3095
  color: var(--tcw-text-dim);
2703
3096
  cursor: pointer;
2704
- font-size: 11px;
3097
+ font-size: var(--tcw-font-size-xs);
2705
3098
  }
2706
- .tcw-style-width span { width: 16px; background: currentColor; border-radius: 2px; }
3099
+ .tcw-style-width span { width: 16px; background: currentColor; border-radius: var(--tcw-radius-xs); }
2707
3100
  .tcw-style-width.tcw-on, .tcw-style-dash.tcw-on {
2708
3101
  border-color: var(--tcw-accent);
2709
3102
  color: var(--tcw-accent);
2710
3103
  }
2711
3104
 
2712
3105
  .tcw-style-subhead {
2713
- font-size: 10px;
2714
- font-weight: 700;
2715
- text-transform: uppercase;
2716
- letter-spacing: 0.05em;
3106
+ font-size: calc(var(--tcw-font-size) - 3px);
3107
+ font-weight: calc(var(--tcw-weight-strong) + 100);
3108
+ text-transform: var(--tcw-label-case);
3109
+ letter-spacing: var(--tcw-label-tracking);
2717
3110
  color: var(--tcw-text-muted);
2718
3111
  margin-top: 2px;
2719
3112
  }
@@ -2723,11 +3116,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2723
3116
  min-width: 0;
2724
3117
  height: 28px;
2725
3118
  padding: 0 8px;
2726
- font-size: 12px;
3119
+ font-size: var(--tcw-font-size-sm);
2727
3120
  color: var(--tcw-text);
2728
3121
  background: var(--tcw-bg-surface);
2729
3122
  border: 1px solid var(--tcw-border);
2730
- border-radius: var(--tcw-radius-sm);
3123
+ border-radius: var(--tcw-input-radius);
2731
3124
  outline: none;
2732
3125
  }
2733
3126
  .tcw-style-name:focus { border-color: var(--tcw-accent); }
@@ -2737,18 +3130,18 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2737
3130
  gap: 4px;
2738
3131
  padding: 0 10px;
2739
3132
  height: 28px;
2740
- font-size: 12px;
2741
- font-weight: 600;
3133
+ font-size: var(--tcw-font-size-sm);
3134
+ font-weight: var(--tcw-weight-strong);
2742
3135
  color: var(--tcw-accent-ink);
2743
3136
  background: var(--tcw-accent);
2744
3137
  border: none;
2745
- border-radius: var(--tcw-radius-sm);
3138
+ border-radius: var(--tcw-control-radius);
2746
3139
  cursor: pointer;
2747
3140
  }
2748
3141
  .tcw-style-savebtn:hover { background: var(--tcw-accent-hover); }
2749
3142
 
2750
3143
  .tcw-style-templates { display: flex; flex-direction: column; gap: 2px; max-height: 140px; overflow-y: auto; }
2751
- .tcw-style-empty { font-size: 11px; color: var(--tcw-text-muted); padding: 4px 0; }
3144
+ .tcw-style-empty { font-size: var(--tcw-font-size-xs); color: var(--tcw-text-muted); padding: 4px 0; }
2752
3145
  .tcw-style-template { display: flex; align-items: center; gap: 4px; }
2753
3146
  .tcw-style-apply {
2754
3147
  flex: 1;
@@ -2757,13 +3150,13 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2757
3150
  align-items: center;
2758
3151
  gap: 7px;
2759
3152
  padding: 5px 7px;
2760
- font-size: 12px;
3153
+ font-size: var(--tcw-font-size-sm);
2761
3154
  color: var(--tcw-text);
2762
3155
  background: transparent;
2763
3156
  border: none;
2764
- border-radius: var(--tcw-radius-sm);
3157
+ border-radius: var(--tcw-control-radius);
2765
3158
  cursor: pointer;
2766
- text-align: left;
3159
+ text-align: start;
2767
3160
  }
2768
3161
  .tcw-style-apply:hover { background: var(--tcw-bg-surface); }
2769
3162
  .tcw-style-tdot { flex-shrink: 0; width: 9px; height: 9px; border-radius: 50%; }
@@ -2771,12 +3164,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2771
3164
  display: inline-flex;
2772
3165
  align-items: center;
2773
3166
  justify-content: center;
2774
- width: 26px;
2775
- height: 26px;
3167
+ width: var(--tcw-control-h-sm);
3168
+ height: var(--tcw-control-h-sm);
2776
3169
  border: none;
2777
3170
  background: transparent;
2778
3171
  color: var(--tcw-text-muted);
2779
- border-radius: var(--tcw-radius-sm);
3172
+ border-radius: var(--tcw-control-radius);
2780
3173
  cursor: pointer;
2781
3174
  }
2782
3175
  .tcw-style-tdel:hover { background: var(--tcw-red-soft); color: var(--tcw-red); }
@@ -2795,8 +3188,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2795
3188
  }
2796
3189
  .tcw-settings-range-val {
2797
3190
  min-width: 38px;
2798
- text-align: right;
2799
- font-size: 12px;
3191
+ text-align: end;
3192
+ font-size: var(--tcw-font-size-sm);
2800
3193
  font-variant-numeric: tabular-nums;
2801
3194
  color: var(--tcw-text-dim);
2802
3195
  }
@@ -2810,11 +3203,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2810
3203
  width: 110px;
2811
3204
  height: 30px;
2812
3205
  padding: 0 8px;
2813
- font-size: 12px;
3206
+ font-size: var(--tcw-font-size-sm);
2814
3207
  color: var(--tcw-text);
2815
3208
  background: var(--tcw-bg-surface);
2816
3209
  border: 1px solid var(--tcw-border);
2817
- border-radius: var(--tcw-radius-sm);
3210
+ border-radius: var(--tcw-input-radius);
2818
3211
  outline: none;
2819
3212
  font-variant-numeric: tabular-nums;
2820
3213
  }
@@ -2822,6 +3215,40 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2822
3215
  border-color: var(--tcw-accent);
2823
3216
  box-shadow: 0 0 0 2px var(--tcw-accent-soft);
2824
3217
  }
3218
+ .tcw-indi-select {
3219
+ width: 150px;
3220
+ padding-right: 4px;
3221
+ cursor: pointer;
3222
+ }
3223
+ /* A level: its value and a remove button. */
3224
+ .tcw-indi-level {
3225
+ display: inline-flex;
3226
+ align-items: center;
3227
+ gap: 6px;
3228
+ }
3229
+ .tcw-indi-remove {
3230
+ display: inline-grid;
3231
+ place-items: center;
3232
+ width: var(--tcw-control-h-sm);
3233
+ height: var(--tcw-control-h-sm);
3234
+ padding: 0;
3235
+ border: none;
3236
+ border-radius: var(--tcw-control-radius);
3237
+ background: transparent;
3238
+ color: var(--tcw-text-muted);
3239
+ cursor: pointer;
3240
+ }
3241
+ .tcw-indi-remove:hover {
3242
+ color: var(--tcw-red);
3243
+ background: var(--tcw-hover-bg);
3244
+ }
3245
+ .tcw-indi-remove:focus-visible {
3246
+ outline: 2px solid var(--tcw-accent);
3247
+ outline-offset: -2px;
3248
+ }
3249
+ .tcw-indi-add {
3250
+ margin-top: 8px;
3251
+ }
2825
3252
  .tcw-indi-color {
2826
3253
  width: 36px;
2827
3254
  height: 28px;
@@ -2836,8 +3263,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2836
3263
 
2837
3264
  .tcw-tree-panel {
2838
3265
  position: absolute;
2839
- top: 50px;
2840
- right: 12px;
3266
+ top: var(--tcw-panel-top);
3267
+ inset-inline-end: 12px;
2841
3268
  z-index: 39;
2842
3269
  width: 280px;
2843
3270
  max-width: calc(100vw - 24px);
@@ -2845,8 +3272,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2845
3272
  flex-direction: column;
2846
3273
  background: var(--tcw-bg-elevated);
2847
3274
  border: 1px solid var(--tcw-border-strong);
2848
- border-radius: var(--tcw-radius-lg);
2849
- box-shadow: var(--tcw-shadow-lg);
3275
+ border-radius: var(--tcw-panel-radius);
3276
+ box-shadow: var(--tcw-menu-shadow);
2850
3277
  overflow: hidden;
2851
3278
  animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;
2852
3279
  }
@@ -2856,8 +3283,8 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2856
3283
  align-items: center;
2857
3284
  justify-content: space-between;
2858
3285
  padding: 10px 12px;
2859
- font-weight: 600;
2860
- font-size: 13px;
3286
+ font-weight: var(--tcw-weight-strong);
3287
+ font-size: var(--tcw-font-size);
2861
3288
  color: var(--tcw-text);
2862
3289
  border-bottom: 1px solid var(--tcw-border);
2863
3290
  }
@@ -2865,12 +3292,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2865
3292
  display: inline-flex;
2866
3293
  align-items: center;
2867
3294
  justify-content: center;
2868
- width: 26px;
2869
- height: 26px;
3295
+ width: var(--tcw-control-h-sm);
3296
+ height: var(--tcw-control-h-sm);
2870
3297
  border: none;
2871
3298
  background: transparent;
2872
3299
  color: var(--tcw-text-muted);
2873
- border-radius: var(--tcw-radius-sm);
3300
+ border-radius: var(--tcw-control-radius);
2874
3301
  cursor: pointer;
2875
3302
  }
2876
3303
  .tcw-tree-close:hover {
@@ -2890,22 +3317,22 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2890
3317
  align-items: center;
2891
3318
  justify-content: space-between;
2892
3319
  padding: 6px 8px 4px;
2893
- font-size: 10px;
2894
- font-weight: 700;
2895
- text-transform: uppercase;
2896
- letter-spacing: 0.05em;
3320
+ font-size: calc(var(--tcw-font-size) - 3px);
3321
+ font-weight: calc(var(--tcw-weight-strong) + 100);
3322
+ text-transform: var(--tcw-label-case);
3323
+ letter-spacing: var(--tcw-label-tracking);
2897
3324
  color: var(--tcw-text-muted);
2898
3325
  }
2899
3326
  .tcw-tree-add {
2900
3327
  display: inline-flex;
2901
3328
  align-items: center;
2902
3329
  justify-content: center;
2903
- width: 22px;
2904
- height: 22px;
3330
+ width: var(--tcw-control-h-sm);
3331
+ height: var(--tcw-control-h-sm);
2905
3332
  border: none;
2906
3333
  background: transparent;
2907
3334
  color: var(--tcw-text-muted);
2908
- border-radius: var(--tcw-radius-sm);
3335
+ border-radius: var(--tcw-control-radius);
2909
3336
  cursor: pointer;
2910
3337
  }
2911
3338
  .tcw-tree-add:hover {
@@ -2939,7 +3366,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2939
3366
  }
2940
3367
  .tcw-tree-name {
2941
3368
  min-width: 0;
2942
- font-size: 12px;
3369
+ font-size: var(--tcw-font-size-sm);
2943
3370
  color: var(--tcw-text);
2944
3371
  overflow: hidden;
2945
3372
  text-overflow: ellipsis;
@@ -2955,12 +3382,12 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2955
3382
  display: inline-flex;
2956
3383
  align-items: center;
2957
3384
  justify-content: center;
2958
- width: 26px;
2959
- height: 26px;
3385
+ width: var(--tcw-control-h-sm);
3386
+ height: var(--tcw-control-h-sm);
2960
3387
  border: none;
2961
3388
  background: transparent;
2962
3389
  color: var(--tcw-text-muted);
2963
- border-radius: var(--tcw-radius-sm);
3390
+ border-radius: var(--tcw-control-radius);
2964
3391
  cursor: pointer;
2965
3392
  }
2966
3393
  .tcw-tree-btn:hover {
@@ -2974,9 +3401,40 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
2974
3401
  background: var(--tcw-red-soft);
2975
3402
  color: var(--tcw-red);
2976
3403
  }
3404
+ .tcw-tree-group .tcw-tree-name {
3405
+ display: inline-flex;
3406
+ align-items: center;
3407
+ gap: 6px;
3408
+ font-weight: var(--tcw-weight-strong);
3409
+ }
3410
+ .tcw-tree-group .tcw-tree-name svg {
3411
+ flex: none;
3412
+ color: var(--tcw-text-muted);
3413
+ }
3414
+ .tcw-tree-member {
3415
+ margin-left: 14px;
3416
+ padding-left: 10px;
3417
+ border-inline-start: 1px solid var(--tcw-border-strong);
3418
+ border-radius: 0 var(--tcw-radius-sm) var(--tcw-radius-sm) 0;
3419
+ }
3420
+ .tcw-tree-rename {
3421
+ flex: 1;
3422
+ min-width: 0;
3423
+ padding: 3px 6px;
3424
+ border: 1px solid var(--tcw-accent-line);
3425
+ border-radius: var(--tcw-input-radius);
3426
+ background: var(--tcw-bg-surface);
3427
+ color: var(--tcw-text);
3428
+ font: inherit;
3429
+ font-size: var(--tcw-font-size-sm);
3430
+ }
3431
+ .tcw-tree-rename:focus {
3432
+ outline: none;
3433
+ box-shadow: 0 0 0 2px var(--tcw-accent-soft);
3434
+ }
2977
3435
  .tcw-tree-empty {
2978
3436
  padding: 8px;
2979
- font-size: 12px;
3437
+ font-size: var(--tcw-font-size-sm);
2980
3438
  color: var(--tcw-text-muted);
2981
3439
  }
2982
3440
 
@@ -3018,19 +3476,829 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
3018
3476
  animation-delay: var(--tcw-delay, 0ms) !important;
3019
3477
  }
3020
3478
  }
3021
- `,f=0,p=`tcw-styles`;function ee(){if(f++,f>1||document.getElementById(p))return;let e=document.createElement(`style`);e.id=p,e.textContent=d,document.head.appendChild(e)}function m(){if(f--,f>0)return;let e=document.getElementById(p);e&&e.remove()}var h={cursor:{d:`M6 3.5L18.5 12.5L12.6 13.6L9.7 19.4z`},trendingUp:{d:`M3 17L9 11L13 14.5L21 6.5M15 6.5H21V12.5`},trendingDown:{d:`M3 7L9 13L13 9.5L21 17.5M15 17.5H21V11.5`},minus:{d:`M5 12H19`},plus:{d:`M12 5V19M5 12H19`},penLine:{d:`M14.5 5.5L18.5 9.5M4 20L5 15.5L15.8 4.7a2 2 0 0 1 2.83 0l.67.67a2 2 0 0 1 0 2.83L8.5 19z`},zigzag:{d:`M3 17L8 9L13 15L21 6`},hash:{d:`M5 9H19M5 15H19M10 4L8.5 20M15.5 4L14 20`},square:{d:`M6.5 4.5h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2z`},gitBranch:{d:`M6 3V15M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM18 9a9 9 0 0 1-9 9`},ruler:{d:`M3.5 16.5L16.5 3.5L20.5 7.5L7.5 20.5zM6.5 13.5L8 15M9.5 10.5L11.5 12.5M12.5 7.5L14 9`},type:{d:`M6 6V4.5H18V6M12 4.5V19.5M9.5 19.5H14.5`},magnet:{d:`M6 4V11a6 6 0 0 0 12 0V4M6 4h3.5v7a2.5 2.5 0 0 0 5 0V4H18M6 8h3.5M14.5 8H18`},undo:{d:`M9 14L4 9L9 4M4 9H14.5a5.5 5.5 0 0 1 0 11H11`},redo:{d:`M15 14L20 9L15 4M20 9H9.5a5.5 5.5 0 0 0 0 11H13`},trash:{d:`M4 7H20M9.5 7V4.5h5V7M6.5 7l.8 12.2A1.5 1.5 0 0 0 8.8 20.6h6.4a1.5 1.5 0 0 0 1.5-1.4L17.5 7M10 11v6M14 11v6`},camera:{d:`M4.5 7.5h3L9 5h6l1.5 2.5h3A1.5 1.5 0 0 1 21 9v9.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 18.5V9a1.5 1.5 0 0 1 1.5-1.5zM15.5 13.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z`},settings:{d:`M4 7H14M18 7H20M4 17H8M12 17H20M18 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM12 17a2 2 0 1 1-4 0 2 2 0 0 1 4 0z`},moon:{d:`M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5z`},sun:{d:`M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM12 2.5v2M12 19.5v2M4.6 4.6l1.4 1.4M18 18l1.4 1.4M2.5 12h2M19.5 12h2M4.6 19.4L6 18M18 6l1.4-1.4`},chevronDown:{d:`M6 9L12 15L18 9`},chevronUp:{d:`M6 15L12 9L18 15`},barChart:{d:`M5 20V13M12 20V5M19 20V10`},x:{d:`M6 6L18 18M18 6L6 18`},play:{d:`M7 4.5v15L19.5 12z`},pause:{d:`M8 5V19M16 5V19`},stop:{d:`M7.5 6h9A1.5 1.5 0 0 1 18 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 16.5v-9A1.5 1.5 0 0 1 7.5 6z`},receipt:{d:`M6 3.5h12v17l-2-1.25-2 1.25-2-1.25-2 1.25-2-1.25-2 1.25zM9 8h6M9 12h6M9 16h3`},bell:{d:`M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 2H4.5zM10 20.5a2.2 2.2 0 0 0 4 0`},layers:{d:`M12 3.5L21 8.5L12 13.5L3 8.5zM3 12.5L12 17.5L21 12.5M3 16.5L12 21.5L21 16.5`},eye:{d:`M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12zM15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z`},eyeOff:{d:`M4 4L20 20M9.9 5.8A9.6 9.6 0 0 1 12 5.5c6 0 9.5 6.5 9.5 6.5a16 16 0 0 1-2.3 3.1M6.6 7.1C3.9 8.9 2.5 12 2.5 12S6 18.5 12 18.5a9.3 9.3 0 0 0 4.7-1.3M10 10.1a3 3 0 0 0 4 4`},lock:{d:`M7 10.5h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zM8 10.5V7.5a4 4 0 0 1 8 0v3`},unlock:{d:`M7 10.5h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zM8 10.5V7.5a4 4 0 0 1 7.7-1.5`},palette:{d:`M12 3.5a8.5 8.5 0 0 0 0 17c1.1 0 1.6-.8 1.6-1.6 0-.5-.2-.9-.5-1.2a1.6 1.6 0 0 1 1.2-2.7h1.9a4.3 4.3 0 0 0 4.3-4.3C20.5 6.9 16.7 3.5 12 3.5z`,dots:[[7.5,11.5,1.25],[9.5,7.75,1.25],[14,7.25,1.25]]},check:{d:`M5 12.5L10 17.5L19 7`},maximize:{d:`M8 4H5a1 1 0 0 0-1 1v3M16 4h3a1 1 0 0 1 1 1v3M20 16v3a1 1 0 0 1-1 1h-3M8 20H5a1 1 0 0 1-1-1v-3`},minimize:{d:`M4 8h3a1 1 0 0 0 1-1V4M16 4v3a1 1 0 0 0 1 1h3M20 16h-3a1 1 0 0 0-1 1v3M8 20v-3a1 1 0 0 0-1-1H4`},repeat:{d:`M17 3.5L20.5 7L17 10.5M3.5 11.5V10a3 3 0 0 1 3-3h14M7 20.5L3.5 17L7 13.5M20.5 12.5V14a3 3 0 0 1-3 3h-14`},calendar:{d:`M5.5 5h13a2 2 0 0 1 2 2v11.5a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM3.5 10H20.5M8 3V7M16 3V7`},star:{d:`M12 3.5L14.6 9L20.5 9.6L16 13.6L17.3 19.5L12 16.5L6.7 19.5L8 13.6L3.5 9.6L9.4 9z`},ladder:{d:`M4 6H11M13 6H17M6 10H11M13 10H20M8 14H11M13 14H15M5 18H11M13 18H19`}},g={trendLine:{d:`M5 18L19 6`,dots:[[5,18],[19,6]]},ray:{d:`M5 17L21 5M17.5 4.81L21 5L20.2 8.41`,dots:[[5,17],[11,12.5]]},extendedLine:{d:`M3 18.5L21 5M17.5 4.81L21 5L20.2 8.41M6.5 18.69L3 18.5L3.8 15.09`,dots:[[9,14],[15,9.5]]},infoLine:{d:`M5 20L19 10M4.5 3.5h9a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zM6.5 6.5h5`,dots:[[5,20],[19,10]]},trendAngle:{d:`M5 18L19 7M5 18H20M11 18A6 6 0 0 0 9.71 14.29`,dots:[[5,18],[19,7]]},horizontalLine:{d:`M3 12H21`,dots:[[12,12]]},horizontalRay:{d:`M7 12H21M18.5 9.5L21 12L18.5 14.5`,dots:[[7,12]]},verticalLine:{d:`M12 3V21`,dots:[[12,12]]},crossLine:{d:`M3 12H21M12 3V21`,dots:[[12,12]]},parallelChannel:{d:`M3 15L15 5M9 19L21 9`,dots:[[3,15],[15,5],[9,19]]},regressionChannel:{d:`M3 12L21 4M3 20L21 12`,dash:`M3 16L21 8`,dots:[[3,16],[21,8]]},fibRetracement:{d:`M3 4H21M3 9H21M3 13H21M3 20H21`,dots:[[5,20],[19,4]]},fibExtension:{d:`M3 20L8 10L12 16M14 4H21M14 8H21M14 12H21`,dots:[[3,20],[8,10],[12,16]]},fibChannel:{d:`M3 9L21 3M3 13L21 7M3 16L21 10M3 21L21 15`,dots:[[3,21],[21,15],[3,9]]},fibTimeZones:{d:`M3 4V20M6 4V20M9.5 4V20M14 4V20M20.5 4V20`,dots:[[3,20],[6,20]]},fibSpeedResistanceFan:{d:`M4 20L20 4M4 20L20 11M4 20L20 16M4 20L11 4`,dash:`M4 4H20V20`,dots:[[4,20],[20,4]]},rectangle:{d:`M5.5 6h13A1.5 1.5 0 0 1 20 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5v-9A1.5 1.5 0 0 1 5.5 6z`,dots:[[4,6],[20,18]]},circle:{d:`M19.5 12a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0z`,dots:[[12,12],[19.5,12]]},ellipse:{d:`M20.5 12c0 3-3.8 5.5-8.5 5.5S3.5 15 3.5 12 7.3 6.5 12 6.5s8.5 2.5 8.5 5.5z`,dots:[[3.5,12],[20.5,12]]},triangle:{d:`M12 4.5L20 19H4z`,dots:[[12,4.5],[20,19],[4,19]]},pitchfork:{d:`M4 20L16.75 3M7 9L11.5 3M13 15L21 4.33M7 9L13 15`,dots:[[4,20],[7,9],[13,15]]},schiffPitchfork:{d:`M4 14.5L21 7.42M7 9L21 3.17M13 15L21 11.67M7 9L13 15`,dash:`M4 20V14.5`,dots:[[4,14.5],[7,9],[13,15]]},modifiedSchiffPitchfork:{d:`M5.5 14.5L21 5.89M7 9L17.8 3M13 15L21 10.56M7 9L13 15`,dash:`M4 20L5.5 14.5`,dots:[[5.5,14.5],[7,9],[13,15]]},gannFan:{d:`M4 20L20 4M4 20L20 12M4 20L12 4M4 20L20 16.5M4 20L7.5 4`,dots:[[4,20],[20,4]]},gannBox:{d:`M4 4H20V20H4zM4 20L20 4M4 4L20 20M12 4V20`,dots:[[4,20],[20,4]]},cyclicLines:{d:`M4 4V20M9 4V20M14 4V20M19 4V20`,dots:[[4,20],[9,20]]},xabcdPattern:{d:`M3 18L7 6L11 13L15 8L21 19`,dash:`M3 18L11 13L21 19`,dots:[[3,18],[7,6],[11,13],[15,8],[21,19]]},abcdPattern:{d:`M4 19L9 8L13 14L20 4`,dots:[[4,19],[9,8],[13,14],[20,4]]},headAndShoulders:{d:`M3 19L6 11L8.5 15L12 5L15.5 15L18 11L21 19`,dash:`M4.5 15H19.5`,dots:[[6,11],[12,5],[18,11]]},elliottWave:{d:`M3 19L6 13L8.5 16L14 6L16 10L21 4`,dots:[[3,19],[21,4]]},priceRange:{d:`M5 4H19M5 20H19M12 6.5V17.5M9 9.5L12 6.5L15 9.5M9 14.5L12 17.5L15 14.5`},dateRange:{d:`M4 5V19M20 5V19M6.5 12H17.5M9.5 9L6.5 12L9.5 15M14.5 9L17.5 12L14.5 15`},dateAndPriceRange:{d:`M6 18V4M3 7L6 4L9 7M6 18H20M17 15L20 18L17 21`,dash:`M6 4H20V18`},measure:{d:`M3.5 16.5L16.5 3.5L20.5 7.5L7.5 20.5zM6.5 13.5L8 15M9.5 10.5L11.5 12.5M12.5 7.5L14 9`},text:{d:`M6 6V4.5H18V6M12 4.5V19.5M9.5 19.5H14.5`},priceLabel:{d:`M9 5H19a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 19 19H9L3.5 12zM11 12H17`},arrow:{d:`M5 19L19 5M10 5H19V14`},riskReward:{d:`M5 12V4H19V12M3 12H21`,dash:`M5 12V18H19V12`,dots:[[5,12]]},anchoredVWAP:{d:`M4 18C9 17 12 10 20 7M4 20.5V18`,dots:[[4,18]]},volumeProfileRange:{d:`M6 7H12M6 10.5H17M6 14H15M6 17.5H10`,dash:`M3.5 4V20M20.5 4V20`,dots:[[3.5,20],[20.5,20]]}},_={candlestick:{d:`M8 3.5V7M8 16V20.5M16 5V8.5M16 15.5V19`,fills:[`M6.5 7h3a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1z`,`M14.5 8.5h3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1z`]},hollowCandle:{d:`M8 3.5V7M8 16V20.5M16 5V8.5M16 15.5V19M6.5 7h3a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1zM14.5 8.5h3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1z`},heikinAshi:{d:`M5.5 9.5V12M5.5 18V20M12 5.5V8M12 14V16M18.5 3V4.5M18.5 10.5V12.5`,fills:[`M4 12h3a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5v-5A.5.5 0 0 1 4 12z`,`M10.5 8h3a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5z`,`M17 4.5h3a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5z`]},bar:{d:`M8 4V20M5 8H8M8 16H11M16 6V18M13 15H16M16 9H19`},volumeCandles:{d:`M6.5 5V8M6.5 16V19M15.5 3.5V6M15.5 16V20`,fills:[`M5.5 8h2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5z`,`M11.5 6h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5z`]},equivolume:{d:`M4.5 10h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1zM10 6h5a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zM18.5 4h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z`},line:{d:`M3 17L8 11L12 14L21 5`},area:{d:`M3 17L8 11L12 14L21 5`,soft:`M3 17L8 11L12 14L21 5V20H3z`},baseline:{d:`M3 16L7 9L11 14L15 7L21 15`,dash:`M3 12H21`},hlcArea:{d:`M3 9L8 6L13 9L21 4M3 15L8 13L13 16L21 11`,dash:`M3 12L8 9.5L13 12.5L21 7.5`,soft:`M3 9L8 6L13 9L21 4V11L13 16L8 13L3 15z`},stepLine:{d:`M3 18H8V12H12V15H16V7H21`},lineWithMarkers:{d:`M4 17L9 10L14 14L20 6`,dots:[[4,17],[9,10],[14,14],[20,6]]}},te=1.75,ne=.22,v=new WeakMap;function re(e){let t=v.get(e);if(t)return t;let n=``;e.soft&&(n+=`<path d="${e.soft}" fill="currentColor" fill-opacity="${ne}" stroke="none"/>`);for(let t of e.fills??[])n+=`<path d="${t}" fill="currentColor" stroke="none"/>`;e.d&&(n+=`<path d="${e.d}"/>`),e.dash&&(n+=`<path d="${e.dash}" stroke-dasharray="2 2.5"/>`);for(let[t,r,i=te]of e.dots??[])n+=`<circle cx="${t}" cy="${r}" r="${i}" fill="currentColor" stroke="none"/>`;return v.set(e,n),n}function y(e,t){return`<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${re(e)}</svg>`}var b=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)?e[t]:void 0;function x(e,t=14){let n=b(h,e);return n?y(n,t):``}function S(e,t=16){return y(b(g,e)??h.penLine,t)}function C(e,t=14){return y(b(_,e)??h.barChart,t)}function w(e){return e.replace(/[&<>"']/g,e=>({"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`})[e])}var T=class{trigger;panel;_isOpen=!1;onOutsideClick;onEscapeKey;onTriggerClick;constructor(e,t={}){this.trigger=e,this.panel=document.createElement(`div`),this.panel.className=`tcw-dropdown`,this.panel.style.width=t.width??`200px`,t.align===`right`?this.panel.style.right=`0`:this.panel.style.left=`0`,this.panel.style.display=`none`,e.style.position=`relative`,e.appendChild(this.panel),this.onTriggerClick=()=>{this._isOpen?this.close():this.open()},this.onOutsideClick=e=>{this.trigger.contains(e.target)||this.close()},this.onEscapeKey=e=>{e.key===`Escape`&&this.close()},e.addEventListener(`click`,this.onTriggerClick)}setContent(e){this.panel.innerHTML=e}open(){this._isOpen||(this._isOpen=!0,this.panel.style.display=``,document.addEventListener(`mousedown`,this.onOutsideClick),document.addEventListener(`keydown`,this.onEscapeKey))}close(){this._isOpen&&(this._isOpen=!1,this.panel.style.display=`none`,document.removeEventListener(`mousedown`,this.onOutsideClick),document.removeEventListener(`keydown`,this.onEscapeKey))}isOpen(){return this._isOpen}destroy(){this.trigger.removeEventListener(`click`,this.onTriggerClick),document.removeEventListener(`mousedown`,this.onOutsideClick),document.removeEventListener(`keydown`,this.onEscapeKey),this.panel.remove()}},ie=class{config;callbacks;t;el;chartTypeDropdown=null;indicatorDropdown=null;tfGroup=null;tfDropdown=null;tfFavorites=[];tfRendered=``;themeBtn=null;fullscreenBtn=null;constructor(e,t,n,r){this.config=t,this.callbacks=n,this.t=r,this.el=document.createElement(`div`),this.el.className=`tcw-toolbar`,this.build(),e.appendChild(this.el)}build(){let{config:e,callbacks:t,el:n}=this,r=document.createElement(`button`);if(r.className=`tcw-toolbar-symbol`,r.dataset.role=`symbol`,r.addEventListener(`click`,t.onSymbolClick),n.appendChild(r),n.appendChild(this.sep()),this.tfFavorites=[...e.timeframeFavorites??e.timeframes.map(e=>e.value)],this.tfGroup=document.createElement(`div`),this.tfGroup.className=`tcw-toolbar-group`,n.appendChild(this.tfGroup),t.onToggleTimeframeFavorite&&e.timeframes.length>0){let e=document.createElement(`div`);e.style.position=`relative`,e.style.display=`inline-flex`;let t=document.createElement(`button`);t.className=`tcw-btn tcw-tf-more`,t.dataset.role=`timeframes`,t.title=this.t(`toolbar.timeframes`),t.setAttribute(`aria-label`,this.t(`toolbar.timeframes`)),t.innerHTML=x(`chevronDown`,12),e.appendChild(t),n.appendChild(e),this.tfDropdown=new T(e,{width:`150px`}),this.buildTimeframeMenu()}n.appendChild(this.sep());let i=document.createElement(`div`);i.style.position=`relative`,i.style.display=`inline-flex`;let a=document.createElement(`button`);a.className=`tcw-dropdown-trigger`,a.dataset.role=`charttype`,i.appendChild(a),n.appendChild(i),this.chartTypeDropdown=new T(i,{width:`160px`}),this.buildChartTypeMenu(),n.appendChild(this.sep());let o=document.createElement(`div`);o.style.position=`relative`,o.style.display=`inline-flex`;let s=document.createElement(`button`);if(s.className=`tcw-dropdown-trigger`,s.dataset.role=`indicators`,o.appendChild(s),n.appendChild(o),this.indicatorDropdown=new T(o,{width:`280px`}),this.buildIndicatorMenu(),n.appendChild(this.spacer()),t.onToggleReplay){let e=this.iconBtn(`play`,this.t(`toolbar.replay`),t.onToggleReplay);e.dataset.role=`replay`,n.appendChild(e)}if(t.onBracket){let e=t.onBracket,r=this.iconBtn(`trendingUp`,this.t(`toolbar.longBracket`),()=>e(`buy`));r.dataset.role=`long`,r.classList.add(`tcw-btn-long`),n.appendChild(r);let i=this.iconBtn(`trendingDown`,this.t(`toolbar.shortBracket`),()=>e(`sell`));i.dataset.role=`short`,i.classList.add(`tcw-btn-short`),n.appendChild(i)}if(t.onToggleLadder){let e=this.iconBtn(`ladder`,this.t(`toolbar.depthLadder`),t.onToggleLadder);e.dataset.role=`ladder`,n.appendChild(e)}if(t.onToggleObjects){let e=this.iconBtn(`layers`,this.t(`toolbar.objects`),t.onToggleObjects);e.dataset.role=`objects`,n.appendChild(e)}if(t.onToggleAlerts){let e=this.iconBtn(`bell`,this.t(`toolbar.priceAlerts`),t.onToggleAlerts);e.dataset.role=`alerts`,n.appendChild(e)}let c=this.iconBtn(`camera`,this.t(`toolbar.screenshot`),t.onScreenshot);n.appendChild(c);let l=this.iconBtn(`settings`,this.t(`toolbar.settings`),t.onSettings);n.appendChild(l),this.themeBtn=this.iconBtn(`moon`,this.t(`toolbar.toggleTheme`),t.onToggleTheme),this.themeBtn.dataset.role=`theme`,n.appendChild(this.themeBtn),t.onToggleFullscreen&&(this.fullscreenBtn=this.iconBtn(`maximize`,this.t(`toolbar.fullscreen`),t.onToggleFullscreen),this.fullscreenBtn.dataset.role=`fullscreen`,this.fullscreenBtn.setAttribute(`aria-pressed`,`false`),n.appendChild(this.fullscreenBtn))}setFullscreen(e){if(!this.fullscreenBtn)return;let t=this.t(e?`toolbar.exitFullscreen`:`toolbar.fullscreen`);this.fullscreenBtn.innerHTML=x(e?`minimize`:`maximize`,14),this.fullscreenBtn.title=t,this.fullscreenBtn.setAttribute(`aria-pressed`,String(e))}chartTypeLabel(e){let t=`chartType.${e.value}`,n=this.t(t);return n===t?e.label:n}buildChartTypeMenu(){if(!this.chartTypeDropdown)return;let e=this.config.chartTypes.map(e=>`<button class="tcw-dropdown-item tcw-dropdown-item--icon" data-ct="${w(e.value)}">${C(e.value,16)}<span>${w(this.chartTypeLabel(e))}</span></button>`).join(``);this.chartTypeDropdown.setContent(e),this.chartTypeDropdown.panel.querySelectorAll(`.tcw-dropdown-item`).forEach(e=>{e.addEventListener(`click`,e=>{let t=e.currentTarget.dataset.ct;this.callbacks.onChartType(t),this.chartTypeDropdown?.close()})})}setTimeframeFavorites(e){this.tfFavorites=[...e],this.tfRendered=``,this.buildTimeframeMenu()}buildTimeframeMenu(){if(!this.tfDropdown)return;let e=w(this.t(`toolbar.timeframes.pin`)),t=`<div class="tcw-dropdown-label">${w(this.t(`toolbar.timeframes`))}</div>`;for(let n of this.config.timeframes){let r=this.tfFavorites.includes(n.value),[i,a]=[w(n.value),w(n.label)];t+=`<div class="tcw-tf-row"><button class="tcw-dropdown-item" data-tf-pick="${i}">${a}</button><button class="tcw-tf-star${r?` tcw-active`:``}" data-tf-star="${i}" aria-pressed="${r}" title="${e}" aria-label="${e}: ${a}">${x(`star`,12)}</button></div>`}this.tfDropdown.setContent(t);let n=this.tfDropdown.panel;n.querySelectorAll(`[data-tf-pick]`).forEach(e=>{e.addEventListener(`click`,()=>this.callbacks.onTimeframe(e.dataset.tfPick))}),n.querySelectorAll(`[data-tf-star]`).forEach(e=>{e.addEventListener(`click`,t=>{t.stopPropagation(),this.callbacks.onToggleTimeframeFavorite?.(e.dataset.tfStar)})})}renderTimeframes(e){if(!this.tfGroup)return;let t=this.config.timeframes.filter(t=>this.tfFavorites.includes(t.value)||t.value===e),n=`${t.map(e=>e.value).join(`,`)}|${e}`;n!==this.tfRendered&&(this.tfRendered=n,this.tfGroup.replaceChildren(...t.map(t=>{let n=document.createElement(`button`);return n.className=`tcw-btn`,n.textContent=t.label,n.dataset.tf=t.value,n.classList.toggle(`tcw-active`,t.value===e),n.addEventListener(`click`,()=>this.callbacks.onTimeframe(t.value)),n})),(this.tfDropdown?.panel)?.querySelectorAll(`[data-tf-pick]`).forEach(t=>{t.classList.toggle(`tcw-active`,t.dataset.tfPick===e)}))}buildIndicatorMenu(){if(!this.indicatorDropdown)return;let{indicators:e,popularIndicatorIds:t}=this.config,n=e.filter(e=>t.includes(e.id)),r=e.filter(e=>!t.includes(e.id)),i=e=>this.t(`indicatorType.${e}`),a=e=>`<button class="tcw-dropdown-item" data-ind="${w(e.id)}"><span>${w(e.name)}</span><span class="tcw-tag">${w(i(e.type))}</span></button>`,o=`<div class="tcw-dropdown-label">${w(this.t(`toolbar.indicators.popular`))}</div>`;for(let e of n)o+=a(e);o+=`<div class="tcw-dropdown-divider"></div>`,o+=`<div class="tcw-dropdown-label">${w(this.t(`toolbar.indicators.all`))}</div>`;for(let e of r)o+=a(e);this.indicatorDropdown.setContent(o),this.indicatorDropdown.panel.querySelectorAll(`.tcw-dropdown-item[data-ind]`).forEach(e=>{e.addEventListener(`click`,e=>{let t=e.currentTarget.dataset.ind;this.callbacks.onAddIndicator(t)})})}update(e){let t=this.el.querySelector(`[data-role="symbol"]`);t&&(t.textContent=e.symbol),this.renderTimeframes(e.timeframe);let n=this.el.querySelector(`[data-role="charttype"]`);if(n){let t=this.config.chartTypes.find(t=>t.value===e.chartType),r=t?this.chartTypeLabel(t):e.chartType;n.innerHTML=`${C(e.chartType,14)} ${w(r)} ${x(`chevronDown`,12)}`}let r=this.el.querySelector(`[data-role="indicators"]`);if(r){let t=e.activeIndicators.size,n=`${x(`trendingUp`,14)} ${this.t(`toolbar.indicators`)}`;t>0&&(n+=` <span class="tcw-badge-count">${t}</span>`),r.innerHTML=n}this.themeBtn&&(this.themeBtn.innerHTML=e.isDark?x(`moon`,14):x(`sun`,14))}sep(){let e=document.createElement(`span`);return e.className=`tcw-toolbar-sep`,e}spacer(){let e=document.createElement(`span`);return e.className=`tcw-toolbar-spacer`,e}iconBtn(e,t,n){let r=document.createElement(`button`);return r.className=`tcw-btn-icon`,r.title=t,r.innerHTML=x(e,14),r.addEventListener(`click`,n),r}destroy(){this.chartTypeDropdown?.destroy(),this.indicatorDropdown?.destroy(),this.el.remove()}},E=16,ae=150;function D(e,t){for(let n of e){let e=n.tools.find(e=>e.value===t);if(e)return e.label}return t}var oe=class{config;callbacks;el;groupWraps=[];groupButtons=[];groupIcons=[];groupTools=[];cursorBtn=null;magnetBtn=null;stayBtn=null;flyoutEl=null;flyoutIdx=-1;flyoutHideTimer=null;favoritesEl=null;favoritesDivider=null;favorites=[];constructor(e,t,n){this.config=t,this.callbacks=n,this.el=document.createElement(`div`),this.el.className=`tcw-sidebar`,this.build(),e.appendChild(this.el)}build(){let{config:e,callbacks:t,el:n}=this;this.cursorBtn=document.createElement(`button`),this.cursorBtn.className=`tcw-sidebar-btn`,this.cursorBtn.title=`Cursor`,this.cursorBtn.innerHTML=x(`cursor`,14),this.cursorBtn.addEventListener(`click`,t.onCancelDrawing),n.appendChild(this.cursorBtn),n.appendChild(this.divider()),t.onToggleFavorite&&(this.favorites=[...e.favorites??[]],this.favoritesEl=document.createElement(`div`),this.favoritesEl.className=`tcw-sidebar-favorites`,n.appendChild(this.favoritesEl),this.favoritesDivider=this.divider(),n.appendChild(this.favoritesDivider),this.renderFavorites()),e.drawingToolGroups.forEach((e,r)=>{let i=document.createElement(`div`);i.className=`tcw-tool-group-wrap`;let a=document.createElement(`button`);a.className=`tcw-sidebar-btn`;let o=e.tools[0]?.value;if(!o)return;e.tools.length>1?a.setAttribute(`aria-label`,`${e.label}: ${e.tools[0].label}`):a.title=e.label;let s=document.createElement(`span`);if(s.className=`tcw-sidebar-icon`,s.innerHTML=S(o,E),a.appendChild(s),this.groupIcons.push(s),this.groupTools.push(o),e.tools.length>1){let e=document.createElement(`span`);e.className=`tcw-multi-dot`,a.appendChild(e)}a.addEventListener(`click`,()=>t.onDrawingTool(this.groupTools[r])),i.appendChild(a),i.addEventListener(`mouseenter`,()=>this.showFlyout(r)),i.addEventListener(`mouseleave`,()=>this.scheduleHideFlyout()),a.addEventListener(`focus`,()=>{a.matches(`:focus-visible`)&&this.showFlyout(r)}),i.addEventListener(`focusout`,e=>{i.contains(e.relatedTarget)||this.scheduleHideFlyout()}),n.appendChild(i),this.groupWraps.push(i),this.groupButtons.push(a)});let r=document.createElement(`div`);if(r.className=`tcw-sidebar-spacer`,n.appendChild(r),n.appendChild(this.divider()),t.onToggleStyle){let e=document.createElement(`button`);e.className=`tcw-sidebar-btn`,e.title=`Drawing style & templates`,e.dataset.role=`style`,e.innerHTML=x(`palette`,14),e.addEventListener(`click`,t.onToggleStyle),n.appendChild(e)}t.onToggleMagnet&&(this.magnetBtn=document.createElement(`button`),this.magnetBtn.className=`tcw-sidebar-btn`,this.magnetBtn.title=`Magnet`,this.magnetBtn.innerHTML=x(`magnet`,14),this.magnetBtn.addEventListener(`click`,t.onToggleMagnet),n.appendChild(this.magnetBtn)),t.onToggleStayInDrawing&&(this.stayBtn=document.createElement(`button`),this.stayBtn.className=`tcw-sidebar-btn`,this.stayBtn.dataset.role=`stay`,this.stayBtn.title=`Stay in drawing mode`,this.stayBtn.setAttribute(`aria-pressed`,`false`),this.stayBtn.innerHTML=x(`repeat`,14),this.stayBtn.addEventListener(`click`,t.onToggleStayInDrawing),n.appendChild(this.stayBtn));let i=document.createElement(`button`);i.className=`tcw-sidebar-btn`,i.title=`Undo`,i.innerHTML=x(`undo`,14),i.addEventListener(`click`,t.onUndo),n.appendChild(i);let a=document.createElement(`button`);a.className=`tcw-sidebar-btn`,a.title=`Redo`,a.innerHTML=x(`redo`,14),a.addEventListener(`click`,t.onRedo),n.appendChild(a);let o=document.createElement(`button`);o.className=`tcw-sidebar-btn tcw-danger`,o.title=`Clear all`,o.innerHTML=x(`trash`,14),o.addEventListener(`click`,t.onClearDrawings),n.appendChild(o)}setFavorites(e){this.favorites=[...e],this.renderFavorites()}renderFavorites(){if(!this.favoritesEl)return;this.favoritesEl.replaceChildren();let e=this.favorites.length>0;this.favoritesEl.style.display=e?``:`none`,this.favoritesDivider&&(this.favoritesDivider.style.display=e?``:`none`);for(let e of this.favorites){let t=document.createElement(`button`);t.className=`tcw-sidebar-btn`,t.title=`${D(this.config.drawingToolGroups,e)} (right-click to unpin)`,t.dataset.toolValue=e,t.innerHTML=S(e,E),t.addEventListener(`click`,()=>this.callbacks.onDrawingTool(e)),t.addEventListener(`contextmenu`,t=>{t.preventDefault(),this.callbacks.onToggleFavorite?.(e)}),this.favoritesEl.appendChild(t)}}showFlyout(e){if(this.cancelHideFlyout(),this.flyoutEl&&this.flyoutIdx===e)return;let t=this.config.drawingToolGroups[e];if(!t||t.tools.length<=1){this.hideFlyout();return}this.hideFlyout();let n=document.createElement(`div`);n.className=`tcw-flyout`;let r=document.createElement(`div`);r.className=`tcw-flyout-header`,r.textContent=t.label,n.appendChild(r);for(let e of t.tools){let t=document.createElement(`button`);t.className=`tcw-flyout-item`,t.innerHTML=S(e.value,E);let r=document.createElement(`span`);r.textContent=e.label,t.appendChild(r),t.dataset.toolValue=e.value,t.addEventListener(`click`,()=>{this.callbacks.onDrawingTool(e.value),this.hideFlyout()}),this.callbacks.onToggleFavorite&&(this.favorites.includes(e.value)&&t.classList.add(`tcw-flyout-faved`),t.addEventListener(`contextmenu`,t=>{t.preventDefault(),this.callbacks.onToggleFavorite?.(e.value)})),n.appendChild(t)}if(this.callbacks.onToggleFavorite){let e=document.createElement(`div`);e.className=`tcw-flyout-hint`,e.textContent=`Right-click a tool to pin it`,n.appendChild(e)}this.flyoutEl=n,this.flyoutIdx=e,this.groupWraps[e].appendChild(n)}scheduleHideFlyout(){this.cancelHideFlyout(),this.flyoutHideTimer=setTimeout(()=>{this.flyoutHideTimer=null,this.hideFlyout()},ae)}cancelHideFlyout(){this.flyoutHideTimer!==null&&(clearTimeout(this.flyoutHideTimer),this.flyoutHideTimer=null)}hideFlyout(){this.cancelHideFlyout(),this.flyoutEl&&=(this.flyoutEl.remove(),null),this.flyoutIdx=-1}update(e){this.cursorBtn&&this.cursorBtn.classList.toggle(`tcw-active`,e.activeTool===null);let{drawingToolGroups:t}=this.config;for(let n=0;n<t.length;n++){let r=t[n].tools.some(t=>t.value===e.activeTool);this.groupButtons[n].classList.toggle(`tcw-active`,r),r&&e.activeTool&&e.activeTool!==this.groupTools[n]&&(this.groupTools[n]=e.activeTool,this.groupIcons[n].innerHTML=S(e.activeTool,E),t[n].tools.length>1&&this.groupButtons[n].setAttribute(`aria-label`,`${t[n].label}: ${D(t,e.activeTool)}`))}this.flyoutEl&&this.flyoutEl.querySelectorAll(`.tcw-flyout-item`).forEach(t=>{let n=t;n.classList.toggle(`tcw-active`,n.dataset.toolValue===e.activeTool)}),this.magnetBtn&&(this.magnetBtn.classList.toggle(`tcw-active`,e.magnetEnabled),this.magnetBtn.title=e.magnetEnabled?`Magnet ON`:`Magnet OFF`),this.stayBtn&&(this.stayBtn.classList.toggle(`tcw-active`,e.stayInDrawing),this.stayBtn.setAttribute(`aria-pressed`,String(e.stayInDrawing)))}divider(){let e=document.createElement(`div`);return e.className=`tcw-sidebar-divider`,e}destroy(){this.hideFlyout(),this.el.remove()}},se=[`style`,`display`,`scale`],ce=class{callbacks;t;backdrop=null;modal=null;currentTab=`style`;currentSettings=null;bodyEl=null;tabButtons=[];constructor(e,t,n={},r=()=>document.body){this.available=n,this.host=r,this.callbacks=e,this.t=t}open(e){this.currentSettings={...e},this.currentTab=`style`,this.buildModal()}close(){this.backdrop?.remove(),this.modal?.remove(),this.backdrop=null,this.modal=null,this.bodyEl=null,this.tabButtons=[]}buildModal(){this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.addEventListener(`click`,()=>{this.callbacks.onClose(),this.close()}),this.host().appendChild(this.backdrop),this.modal=document.createElement(`div`),this.modal.className=`tcw-modal`;let e=document.createElement(`div`);e.className=`tcw-modal-header`;let t=document.createElement(`h3`);t.textContent=this.t(`settings.title`),e.appendChild(t);let n=document.createElement(`button`);n.className=`tcw-modal-close`,n.innerHTML=x(`x`,16),n.addEventListener(`click`,()=>{this.callbacks.onClose(),this.close()}),e.appendChild(n),this.modal.appendChild(e);let r=document.createElement(`div`);r.className=`tcw-modal-tabs`,this.tabButtons=[];for(let e of se){let t=document.createElement(`button`);t.className=`tcw-modal-tab`,t.textContent=this.t(`settings.tab.${e}`),t.dataset.tab=e,e===this.currentTab&&t.classList.add(`tcw-active`),t.addEventListener(`click`,()=>{this.currentTab=e,this.tabButtons.forEach(t=>t.classList.toggle(`tcw-active`,t.dataset.tab===e)),this.renderTabContent()}),r.appendChild(t),this.tabButtons.push(t)}this.modal.appendChild(r),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-modal-body`,this.modal.appendChild(this.bodyEl),this.renderTabContent();let i=document.createElement(`div`);i.className=`tcw-modal-footer`;let a=document.createElement(`button`);a.className=`tcw-reset-link`,a.textContent=this.t(`settings.resetToDefaults`),a.addEventListener(`click`,()=>this.callbacks.onReset()),i.appendChild(a);let o=document.createElement(`button`);o.className=`tcw-done-btn`,o.textContent=this.t(`settings.done`),o.addEventListener(`click`,()=>{this.callbacks.onClose(),this.close()}),i.appendChild(o),this.modal.appendChild(i),this.host().appendChild(this.modal);let s=e=>{e.key===`Escape`&&(document.removeEventListener(`keydown`,s),this.callbacks.onClose(),this.close())};document.addEventListener(`keydown`,s)}renderTabContent(){if(!(!this.bodyEl||!this.currentSettings))switch(this.bodyEl.innerHTML=``,this.currentTab){case`style`:this.renderStyleTab();break;case`display`:this.renderDisplayTab();break;case`scale`:this.renderScaleTab();break}}renderStyleTab(){if(!this.bodyEl||!this.currentSettings)return;let e=this.currentSettings,t=this.section(this.t(`settings.section.candleColors`));t.appendChild(this.colorRow(`Up Body`,e.candleUpColor,e=>this.patch({candleUpColor:e}))),t.appendChild(this.colorRow(`Down Body`,e.candleDownColor,e=>this.patch({candleDownColor:e}))),t.appendChild(this.colorRow(`Up Wick`,e.candleUpWick,e=>this.patch({candleUpWick:e}))),t.appendChild(this.colorRow(`Down Wick`,e.candleDownWick,e=>this.patch({candleDownWick:e}))),this.bodyEl.appendChild(t);let n=this.section(this.t(`settings.section.background`));n.appendChild(this.colorRow(`Background`,e.backgroundColor,e=>this.patch({backgroundColor:e}))),n.appendChild(this.colorRow(`Grid`,e.gridColor,e=>this.patch({gridColor:e}))),this.bodyEl.appendChild(n)}renderDisplayTab(){if(!this.bodyEl||!this.currentSettings)return;let e=this.currentSettings,t=this.section();t.appendChild(this.toggleRow(`Grid Lines`,e.gridVisible,e=>this.patch({gridVisible:e}))),t.appendChild(this.toggleRow(`Volume`,e.volumeVisible,e=>this.patch({volumeVisible:e}))),t.appendChild(this.toggleRow(`Volume Profile`,e.volumeProfileVisible,e=>this.patch({volumeProfileVisible:e}))),t.appendChild(this.toggleRow(`Market Profile (TPO)`,e.marketProfileVisible,e=>this.patch({marketProfileVisible:e}))),t.appendChild(this.toggleRow(`MP split by session`,e.marketProfileSplit,e=>this.patch({marketProfileSplit:e}))),t.appendChild(this.toggleRow(`MP letters (TPO)`,e.marketProfileLetters,e=>this.patch({marketProfileLetters:e}))),t.appendChild(this.rangeRow(`MP buckets`,e.marketProfileBuckets,8,200,1,e=>this.patch({marketProfileBuckets:e}))),t.appendChild(this.rangeRow(`MP opacity`,e.marketProfileOpacity,.05,1,.05,e=>this.patch({marketProfileOpacity:e}),e=>`${Math.round(e*100)}%`)),t.appendChild(this.toggleRow(`Liquidity heatmap`,e.depthHeatmapVisible,e=>this.patch({depthHeatmapVisible:e}))),t.appendChild(this.rangeRow(`Heatmap opacity`,e.depthHeatmapOpacity,.1,1,.05,e=>this.patch({depthHeatmapOpacity:e}),e=>`${Math.round(e*100)}%`)),t.appendChild(this.toggleRow(`Swing markers`,e.pivotMarkersVisible,e=>this.patch({pivotMarkersVisible:e}))),t.appendChild(this.rangeRow(`Swing strength`,e.pivotStrength,2,20,1,e=>this.patch({pivotStrength:e}))),t.appendChild(this.toggleRow(`Swing structure (HH/HL)`,e.pivotStructureLabels,e=>this.patch({pivotStructureLabels:e}))),t.appendChild(this.toggleRow(`Session shading (RTH)`,e.sessionShadingVisible,e=>this.patch({sessionShadingVisible:e}))),t.appendChild(this.toggleRow(`Prior-period levels`,e.periodLevelsVisible,e=>this.patch({periodLevelsVisible:e}))),t.appendChild(this.selectRow(`Period levels basis`,e.periodLevelsPeriod,[{value:`day`,label:`Prior Day (PDH/PDL)`},{value:`week`,label:`Prior Week (PWH/PWL)`}],e=>this.patch({periodLevelsPeriod:e}))),t.appendChild(this.toggleRow(`OHLC Legend`,e.legendVisible,e=>this.patch({legendVisible:e}))),this.available.barCountdown!==!1&&t.appendChild(this.toggleRow(`Bar Countdown`,e.barCountdown,e=>this.patch({barCountdown:e}))),t.appendChild(this.selectRow(`Crosshair Mode`,e.crosshairMode,[{label:`Magnet`,value:`magnet`},{label:`Normal`,value:`normal`},{label:`Hidden`,value:`hidden`}],e=>this.patch({crosshairMode:e}))),t.appendChild(this.selectRow(`Timezone`,e.timezone,[{value:`local`,label:`Local`},{value:`0`,label:`UTC / London`},{value:`-300`,label:`New York (UTC-5)`},{value:`-360`,label:`Chicago (UTC-6)`},{value:`60`,label:`Frankfurt (UTC+1)`},{value:`480`,label:`Singapore/HK (UTC+8)`},{value:`540`,label:`Tokyo (UTC+9)`},{value:`330`,label:`Mumbai (UTC+5:30)`}],e=>this.patch({timezone:e}))),t.appendChild(this.selectRow(`Number Locale`,e.numberLocale,[{label:`en-US (65,234.00)`,value:`en-US`},{label:`de-DE (65.234,00)`,value:`de-DE`},{label:`fr-FR (65 234,00)`,value:`fr-FR`},{label:`vi-VN (65.234,00)`,value:`vi-VN`},{label:`en-IN (65,234.00)`,value:`en-IN`},{label:`ja-JP (65,234.00)`,value:`ja-JP`}],e=>this.patch({numberLocale:e}))),this.bodyEl.appendChild(t)}renderScaleTab(){if(!this.bodyEl||!this.currentSettings)return;let e=this.currentSettings,t=this.section();t.appendChild(this.toggleRow(`Auto Scale`,e.autoScale,e=>this.patch({autoScale:e}))),t.appendChild(this.toggleRow(`Invert Scale (Alt+I)`,e.invertScale,e=>this.patch({invertScale:e})));let n=[{value:`regular`,label:`Regular`},{value:`logarithmic`,label:`Logarithmic`},{value:`percentage`,label:`Percentage`},{value:`indexedTo100`,label:`Indexed to 100`}].filter(e=>e.value!==`logarithmic`||this.available.logScale!==!1);t.appendChild(this.selectRow(`Price Scale`,e.scaleMode,n,e=>this.patch({scaleMode:e}))),this.bodyEl.appendChild(t)}patch(e){this.currentSettings&&Object.assign(this.currentSettings,e),this.callbacks.onChange(e)}section(e){let t=document.createElement(`div`);if(t.className=`tcw-settings-section`,e){let n=document.createElement(`div`);n.className=`tcw-settings-section-title`,n.textContent=e,t.appendChild(n)}return t}colorRow(e,t,n){let r=document.createElement(`div`);r.className=`tcw-settings-row`;let i=document.createElement(`span`);i.className=`tcw-settings-label`,i.textContent=e,r.appendChild(i);let a=document.createElement(`div`);a.className=`tcw-color-picker-wrap`;let o=document.createElement(`input`);o.type=`color`,o.value=t;let s=document.createElement(`span`);return s.className=`tcw-color-hex`,s.textContent=t,o.addEventListener(`input`,()=>{s.textContent=o.value,n(o.value)}),a.appendChild(o),a.appendChild(s),r.appendChild(a),r}toggleRow(e,t,n){let r=document.createElement(`div`);r.className=`tcw-settings-row`;let i=document.createElement(`span`);i.className=`tcw-settings-label`,i.textContent=e,r.appendChild(i);let a=document.createElement(`button`);return a.className=`tcw-toggle${t?` tcw-on`:``}`,a.addEventListener(`click`,()=>{let e=!a.classList.contains(`tcw-on`);a.classList.toggle(`tcw-on`,e),n(e)}),r.appendChild(a),r}selectRow(e,t,n,r){let i=document.createElement(`div`);i.className=`tcw-settings-row`;let a=document.createElement(`span`);a.className=`tcw-settings-label`,a.textContent=e,i.appendChild(a);let o=document.createElement(`select`);o.className=`tcw-settings-select`;for(let e of n){let n=document.createElement(`option`);n.value=e.value,n.textContent=e.label,e.value===t&&(n.selected=!0),o.appendChild(n)}return o.addEventListener(`change`,()=>r(o.value)),i.appendChild(o),i}rangeRow(e,t,n,r,i,a,o=e=>String(e)){let s=document.createElement(`div`);s.className=`tcw-settings-row`;let c=document.createElement(`span`);c.className=`tcw-settings-label`,c.textContent=e,s.appendChild(c);let l=document.createElement(`div`);l.className=`tcw-settings-range`;let u=document.createElement(`input`);u.type=`range`,u.min=String(n),u.max=String(r),u.step=String(i),u.value=String(t);let d=document.createElement(`span`);return d.className=`tcw-settings-range-val`,d.textContent=o(t),u.addEventListener(`input`,()=>{let e=Number(u.value);d.textContent=o(e),a(e)}),l.appendChild(u),l.appendChild(d),s.appendChild(l),s}destroy(){this.close()}},le=class{el;dotEl;messageEl;infoEl;constructor(e,t){this.el=document.createElement(`div`),this.el.className=`tcw-statusbar`,t&&this.el.appendChild(this.buildRange(t));let n=document.createElement(`div`);n.className=`tcw-status-right`;let r=document.createElement(`div`);r.className=`tcw-status-indicator`,this.dotEl=document.createElement(`span`),this.dotEl.className=`tcw-status-dot`,r.appendChild(this.dotEl),this.messageEl=document.createElement(`span`),r.appendChild(this.messageEl),n.appendChild(r),this.infoEl=document.createElement(`span`),this.infoEl.className=`tcw-status-info`,n.appendChild(this.infoEl),this.el.appendChild(n),e.appendChild(this.el)}update(e){this.dotEl.className=`tcw-status-dot`,e.connectionState===`connected`?this.dotEl.classList.add(`tcw-connected`):e.connectionState===`error`&&this.dotEl.classList.add(`tcw-error`),this.messageEl.textContent=e.message,this.infoEl.textContent=`${e.symbol} ${e.timeframe}`}destroy(){this.el.remove()}buildRange(e){let t=document.createElement(`div`);t.className=`tcw-range-bar`,t.setAttribute(`role`,`group`),t.setAttribute(`aria-label`,e.groupLabel);for(let n of e.presets){let r=document.createElement(`button`);r.type=`button`,r.className=`tcw-range-btn`,r.dataset.range=n,r.textContent=e.presetLabels?.[n]??n,r.addEventListener(`click`,()=>e.onPreset(n)),t.appendChild(r)}let n=document.createElement(`button`);return n.type=`button`,n.className=`tcw-range-btn tcw-range-goto`,n.dataset.role=`goto`,n.title=`${e.goToLabel} (Alt+G)`,n.setAttribute(`aria-label`,e.goToLabel),n.innerHTML=x(`calendar`,13),n.addEventListener(`click`,e.onGoTo),t.appendChild(n),t}},ue=class{backdrop=null;modal=null;input=null;list=null;items=[];filtered=[];selectedIndex=0;callbacks;boundKeydown;constructor(e,t=()=>document.body){this.host=t,this.callbacks=e,this.boundKeydown=this.handleKeydown.bind(this)}open(e){if(this.backdrop)return;this.items=e,this.filtered=e,this.selectedIndex=0,this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.addEventListener(`click`,()=>this.close()),this.modal=document.createElement(`div`),this.modal.className=`tcw-cmd-palette`;let t=document.createElement(`div`);t.className=`tcw-cmd-header`;let n=document.createElement(`span`);n.className=`tcw-cmd-icon`,n.textContent=`⌕`,t.appendChild(n),this.input=document.createElement(`input`),this.input.className=`tcw-cmd-input`,this.input.type=`text`,this.input.placeholder=`Search indicators, chart types, tools...`,this.input.addEventListener(`input`,()=>this.filter()),t.appendChild(this.input);let r=document.createElement(`span`);r.className=`tcw-cmd-hint`,r.textContent=`ESC`,t.appendChild(r),this.modal.appendChild(t),this.list=document.createElement(`div`),this.list.className=`tcw-cmd-list`,this.modal.appendChild(this.list);let i=document.createElement(`div`);i.className=`tcw-cmd-footer`,i.innerHTML=`<span>↑↓ Navigate</span><span>⏎ Select</span><span>Esc Close</span>`,this.modal.appendChild(i),this.host().append(this.backdrop,this.modal),this.renderList(),this.input.focus(),document.addEventListener(`keydown`,this.boundKeydown)}close(){document.removeEventListener(`keydown`,this.boundKeydown),this.backdrop?.remove(),this.modal?.remove(),this.backdrop=null,this.modal=null,this.input=null,this.list=null,this.callbacks.onClose()}isOpen(){return this.backdrop!==null}filter(){let e=this.input?.value.toLowerCase().trim()??``;e?this.filtered=this.items.filter(t=>t.label.toLowerCase().includes(e)||t.category.toLowerCase().includes(e)||t.id.toLowerCase().includes(e)):this.filtered=this.items,this.selectedIndex=0,this.renderList()}renderList(){if(!this.list)return;if(this.list.innerHTML=``,this.filtered.length===0){let e=document.createElement(`div`);e.className=`tcw-cmd-empty`,e.textContent=`No results found`,this.list.appendChild(e);return}let e=``;for(let t=0;t<this.filtered.length;t++){let n=this.filtered[t];if(n.category!==e){e=n.category;let t=document.createElement(`div`);t.className=`tcw-cmd-category`,t.textContent=this.categoryLabel(e),this.list.appendChild(t)}let r=document.createElement(`button`);r.className=`tcw-cmd-item`,t===this.selectedIndex&&r.classList.add(`tcw-selected`),n.active&&r.classList.add(`tcw-active`),r.dataset.index=String(t);let i=document.createElement(`span`);if(i.className=`tcw-cmd-item-label`,i.textContent=n.label,r.appendChild(i),n.active){let e=document.createElement(`span`);e.className=`tcw-cmd-check`,e.textContent=`✓`,r.appendChild(e)}if(n.shortcut){let e=document.createElement(`kbd`);e.className=`tcw-cmd-kbd`,e.textContent=n.shortcut,r.appendChild(e)}r.addEventListener(`click`,()=>this.select(t)),r.addEventListener(`mouseenter`,()=>{this.selectedIndex=t,this.updateSelection()}),this.list.appendChild(r)}}updateSelection(){if(!this.list)return;let e=this.list.querySelectorAll(`.tcw-cmd-item`);e.forEach((e,t)=>{e.classList.toggle(`tcw-selected`,t===this.selectedIndex)}),e[this.selectedIndex]?.scrollIntoView({block:`nearest`})}select(e){let t=this.filtered[e];if(t){switch(t.category){case`indicator`:this.callbacks.onIndicator(t.id);break;case`chartType`:this.callbacks.onChartType(t.id);break;case`drawing`:this.callbacks.onDrawingTool(t.id);break;case`timeframe`:this.callbacks.onTimeframe(t.id);break;case`action`:this.callbacks.onAction(t.id);break}this.close()}}handleKeydown(e){switch(e.key){case`Escape`:e.preventDefault(),this.close();break;case`ArrowDown`:e.preventDefault(),this.filtered.length>0&&(this.selectedIndex=(this.selectedIndex+1)%this.filtered.length,this.updateSelection());break;case`ArrowUp`:e.preventDefault(),this.filtered.length>0&&(this.selectedIndex=(this.selectedIndex-1+this.filtered.length)%this.filtered.length,this.updateSelection());break;case`Enter`:e.preventDefault(),this.select(this.selectedIndex);break}}categoryLabel(e){switch(e){case`indicator`:return`Indicators`;case`chartType`:return`Chart Types`;case`drawing`:return`Drawing Tools`;case`timeframe`:return`Timeframes`;case`action`:return`Actions`;default:return e}}destroy(){this.close()}},de=class{backdrop=null;modal=null;input=null;list=null;symbols=[];current=``;filtered=[];selectedIndex=0;callbacks;boundKeydown;pickOverride=null;constructor(e,t=()=>document.body){this.host=t,this.callbacks=e,this.boundKeydown=this.handleKeydown.bind(this)}open(e,t,n){if(this.backdrop)return;this.pickOverride=n??null,this.symbols=e,this.current=t,this.filtered=e.map(e=>({symbol:e,score:0})),this.selectedIndex=Math.max(0,e.indexOf(t)),this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.addEventListener(`click`,()=>this.close()),this.modal=document.createElement(`div`),this.modal.className=`tcw-cmd-palette`;let r=document.createElement(`div`);r.className=`tcw-cmd-header`;let i=document.createElement(`span`);i.className=`tcw-cmd-icon`,i.innerHTML=me(),r.appendChild(i),this.input=document.createElement(`input`),this.input.className=`tcw-cmd-input`,this.input.type=`text`,this.input.placeholder=`Search symbol… (e.g. BTC, ETH, AAPL)`,this.input.autocomplete=`off`,this.input.spellcheck=!1,this.input.addEventListener(`input`,()=>this.filter()),r.appendChild(this.input);let a=document.createElement(`span`);a.className=`tcw-cmd-hint`,a.textContent=`ESC`,r.appendChild(a),this.modal.appendChild(r),this.list=document.createElement(`div`),this.list.className=`tcw-cmd-list`,this.modal.appendChild(this.list);let o=document.createElement(`div`);o.className=`tcw-cmd-footer`,o.innerHTML=`<span>↑↓ Navigate</span><span>⏎ Open</span><span>Esc Close</span>`,this.modal.appendChild(o),this.host().append(this.backdrop,this.modal),this.renderList(),this.input.focus(),document.addEventListener(`keydown`,this.boundKeydown)}close(){document.removeEventListener(`keydown`,this.boundKeydown),this.backdrop?.remove(),this.modal?.remove(),this.backdrop=null,this.modal=null,this.input=null,this.list=null,this.pickOverride=null,this.callbacks.onClose()}isOpen(){return this.backdrop!==null}destroy(){this.close()}filter(){let e=(this.input?.value??``).toUpperCase().trim();e?this.filtered=this.symbols.map(t=>({symbol:t,score:fe(t.toUpperCase(),e)})).filter(e=>e.score>0).sort((e,t)=>t.score-e.score):this.filtered=this.symbols.map(e=>({symbol:e,score:0})),this.selectedIndex=0,this.renderList()}renderList(){if(!this.list)return;if(this.list.innerHTML=``,this.filtered.length===0){let e=document.createElement(`div`);e.className=`tcw-cmd-empty`,e.textContent=`No symbols match`,this.list.appendChild(e);return}let e=(this.input?.value??``).toUpperCase().trim();for(let t=0;t<this.filtered.length;t++){let{symbol:n}=this.filtered[t],r=document.createElement(`button`);r.className=`tcw-cmd-item`,t===this.selectedIndex&&r.classList.add(`tcw-selected`),n===this.current&&r.classList.add(`tcw-active`);let i=document.createElement(`span`);if(i.className=`tcw-cmd-item-label`,i.innerHTML=pe(n,e),r.appendChild(i),n===this.current){let e=document.createElement(`span`);e.className=`tcw-cmd-check`,e.textContent=`✓`,r.appendChild(e)}r.addEventListener(`click`,()=>this.pick(t)),r.addEventListener(`mouseenter`,()=>{this.selectedIndex=t,this.updateSelection()}),this.list.appendChild(r)}}updateSelection(){if(!this.list)return;let e=this.list.querySelectorAll(`.tcw-cmd-item`);e.forEach((e,t)=>e.classList.toggle(`tcw-selected`,t===this.selectedIndex)),e[this.selectedIndex]?.scrollIntoView({block:`nearest`})}pick(e){let t=this.filtered[e];if(!t)return;let n=this.pickOverride;n?n(t.symbol):this.callbacks.onPick(t.symbol),this.close()}handleKeydown(e){switch(e.key){case`Escape`:e.preventDefault(),this.close();break;case`ArrowDown`:e.preventDefault(),this.filtered.length>0&&(this.selectedIndex=(this.selectedIndex+1)%this.filtered.length,this.updateSelection());break;case`ArrowUp`:e.preventDefault(),this.filtered.length>0&&(this.selectedIndex=(this.selectedIndex-1+this.filtered.length)%this.filtered.length,this.updateSelection());break;case`Enter`:e.preventDefault(),this.pick(this.selectedIndex);break}}};function fe(e,t){if(e===t)return 1e3;if(e.startsWith(t))return 500+(50-Math.min(50,e.length-t.length));if(e.includes(t))return 200+(50-Math.min(50,e.length-t.length));let n=0,r=-1,i=0;for(let a=0;a<e.length&&n<t.length;a++)e[a]===t[n]&&(r>=0&&(i+=a-r-1),r=a,n++);return n<t.length?0:100-Math.min(99,i)}function pe(e,t){if(!t)return w(e);let n=e.toUpperCase(),r=``,i=0;for(let a=0;a<e.length;a++)i<t.length&&n[a]===t[i]?(r+=`<mark style="background:transparent;color:var(--tcw-accent);font-weight:700">${w(e[a])}</mark>`,i++):r+=w(e[a]);return r}function me(){return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>`}var he={"Search & navigation":`hotkeys.group.searchNavigation`,"Chart manipulation":`hotkeys.group.chartManipulation`,"Touch (mobile / tablet)":`hotkeys.group.touch`,Keyboard:`hotkeys.group.keyboard`,Drawing:`hotkeys.group.drawing`},O=typeof navigator<`u`&&/mac|iphone|ipad|ipod/i.test(navigator.platform||navigator.userAgent)?`⌘`:`Ctrl`,ge=[{title:`Search & navigation`,entries:[{keys:[O,`K`],label:`Command palette`},{keys:[O,`P`],label:`Symbol search`},{keys:[`Alt`,`G`],label:`Go to date`},{keys:[`Alt`,`I`],label:`Invert price scale`},{keys:[`?`],label:`Show this sheet`}]},{title:`Chart manipulation`,entries:[{keys:[`Drag`],label:`Pan — past the last bar into empty future space`},{keys:[O,`Drag`],label:`Select drawings in a box`},{keys:[O,`Click`],label:`Add / remove a drawing from the selection`},{keys:[`Shift`,`Drag`],label:`Measure tool (bars × price Δ)`},{keys:[`Drag`,`Price axis`],label:`Compress / expand vertical scale`},{keys:[`Drag`,`Time axis`],label:`Zoom time axis`},{keys:[`Double-click`,`Price axis`],label:`Re-enable auto-scale`},{keys:[`Double-click`,`Time axis`],label:`Fit content`},{keys:[`Scroll`],label:`Zoom around cursor`}]},{title:`Touch (mobile / tablet)`,entries:[{keys:[`1 finger`,`Drag`],label:`Pan / move crosshair`},{keys:[`2 fingers`,`Pinch`],label:`Zoom around midpoint`},{keys:[`Long-press`],label:`Pin OHLC tooltip at bar`},{keys:[`Drag`,`Axis strip`],label:`Scale price / time axis`}]},{title:`Keyboard`,entries:[{keys:[`←`,`→`],label:`Pan one bar`},{keys:[`+`,`−`],label:`Zoom in / out`},{keys:[`Home`],label:`Scroll to start`},{keys:[`End`],label:`Scroll to end (live edge)`},{keys:[`F`],label:`Fit content`}]},{title:`Drawing`,entries:[{keys:[O,`Z`],label:`Undo`},{keys:[O,`Shift`,`Z`],label:`Redo`},{keys:[`Esc`],label:`Cancel active drawing`},{keys:[O,`C`],label:`Copy selected drawings`},{keys:[O,`V`],label:`Paste drawings (into any chart on the page)`}]}],_e=class{backdrop=null;modal=null;callbacks;t;boundKeydown;constructor(e,t,n=()=>document.body){this.host=n,this.callbacks=e,this.t=t,this.boundKeydown=e=>{e.key===`Escape`&&(e.preventDefault(),this.close())}}open(){if(this.backdrop)return;this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.addEventListener(`click`,()=>this.close()),this.modal=document.createElement(`div`),this.modal.className=`tcw-modal tcw-hotkey-sheet`,this.modal.style.width=`640px`;let e=document.createElement(`div`);e.className=`tcw-modal-header`,e.innerHTML=`<h3>${this.t(`hotkeys.title`)}</h3>`;let t=document.createElement(`button`);t.className=`tcw-modal-close`,t.setAttribute(`aria-label`,this.t(`hotkeys.close`)),t.innerHTML=`×`,t.addEventListener(`click`,()=>this.close()),e.appendChild(t),this.modal.appendChild(e);let n=document.createElement(`div`);n.className=`tcw-modal-body`;let r=document.createElement(`div`);r.className=`tcw-hotkey-grid`;for(let e of ge){let t=document.createElement(`section`);t.className=`tcw-hotkey-section`;let n=document.createElement(`div`);n.className=`tcw-settings-section-title`;let i=he[e.title];n.textContent=i?this.t(i):e.title,t.appendChild(n);for(let n of e.entries){let e=document.createElement(`div`);e.className=`tcw-hotkey-row`;let r=document.createElement(`div`);r.className=`tcw-hotkey-keys`;for(let e=0;e<n.keys.length;e++){if(e>0){let e=document.createElement(`span`);e.className=`tcw-hotkey-sep`,e.textContent=`+`,r.appendChild(e)}let t=document.createElement(`kbd`);t.className=`tcw-cmd-kbd`,t.textContent=n.keys[e],r.appendChild(t)}e.appendChild(r);let i=document.createElement(`span`);i.className=`tcw-hotkey-label`,i.textContent=n.label,e.appendChild(i),t.appendChild(e)}r.appendChild(t)}n.appendChild(r),this.modal.appendChild(n);let i=document.createElement(`div`);i.className=`tcw-modal-footer`,i.innerHTML=`<span style="font-size:11px;color:var(--tcw-text-muted)">Press ? anytime to show this sheet</span>`;let a=document.createElement(`button`);a.className=`tcw-done-btn`,a.textContent=this.t(`hotkeys.gotIt`),a.addEventListener(`click`,()=>this.close()),i.appendChild(a),this.modal.appendChild(i),this.host().append(this.backdrop,this.modal),document.addEventListener(`keydown`,this.boundKeydown)}close(){document.removeEventListener(`keydown`,this.boundKeydown),this.backdrop?.remove(),this.modal?.remove(),this.backdrop=null,this.modal=null,this.callbacks.onClose()}isOpen(){return this.backdrop!==null}destroy(){this.close()}},ve={selectHint:`Click a bar to start the replay`,random:`Random bar`,realtime:`Back to realtime`,barsPerSecond:`bars/s`,play:`Play`,pause:`Pause`,stepBack:`Step back (Shift+←)`,stepForward:`Step forward (Shift+→)`},ye=[1,2,3,5,10,25,50],be=class{root=null;scrubber=null;progressLabel=null;playBtn=null;realtimeBtn=null;state=`stopped`;mode=`select`;ended=!1;total=0;speed=5;labels;constructor(e,t={}){this.callbacks=e,this.labels={...ve,...t}}mount(e,t){this.root||(this.total=Math.max(0,t.total),this.speed=t.speed??5,this.state=`paused`,this.mode=t.mode??`select`,this.root=document.createElement(`div`),this.root.className=`tcw-replay-bar`,this.root.setAttribute(`role`,`toolbar`),this.root.setAttribute(`aria-label`,`Replay`),this.root.innerHTML=this.markup(),e.appendChild(this.root),this.wireEvents(),this.syncUi())}unmount(){this.root?.remove(),this.root=null,this.scrubber=null,this.progressLabel=null,this.playBtn=null,this.realtimeBtn=null,this.state=`stopped`,this.ended=!1}isMounted(){return this.root!==null}getMode(){return this.mode}setMode(e){let t=!!this.root?.contains(document.activeElement);this.mode=e,this.syncUi(),t&&e===`replay`&&this.playBtn?.focus()}setState(e){this.state=e,this.syncUi()}setEnded(e){this.ended!==e&&(this.ended=e,this.syncUi())}setProgress(e,t){this.total=t,this.scrubber&&(this.scrubber.max=String(Math.max(0,t-1)),this.scrubber.value=String(e)),this.progressLabel&&(this.progressLabel.textContent=`${Math.min(e+1,t)} / ${t}`)}destroy(){this.unmount()}markup(){let e=this.labels,t=ye.map(t=>`<option value="${t}"${t===this.speed?` selected`:``}>${t} ${w(e.barsPerSecond)}</option>`).join(``);return`
3479
+
3480
+ /* --- Drawing settings dialog --- */
3481
+ .tcw-drawing-settings .tcw-modal-footer { gap: 12px; }
3482
+ .tcw-drawing-settings-tools {
3483
+ display: flex;
3484
+ gap: 14px;
3485
+ margin-inline-end: auto;
3486
+ }
3487
+ .tcw-drawing-text {
3488
+ min-height: 56px;
3489
+ resize: vertical;
3490
+ font-family: inherit;
3491
+ }
3492
+ .tcw-levels-editor { display: grid; gap: 6px; margin-bottom: 10px; }
3493
+ .tcw-levels-grid {
3494
+ display: grid;
3495
+ gap: 4px;
3496
+ max-height: 260px;
3497
+ overflow-y: auto;
3498
+ padding-right: 2px;
3499
+ }
3500
+ .tcw-level-row {
3501
+ display: grid;
3502
+ grid-template-columns: auto minmax(0, 1fr) 32px 24px;
3503
+ align-items: center;
3504
+ gap: 8px;
3505
+ }
3506
+ .tcw-level-row input[type='checkbox'] { accent-color: var(--tcw-accent); }
3507
+ .tcw-level-remove {
3508
+ display: inline-flex;
3509
+ align-items: center;
3510
+ justify-content: center;
3511
+ width: var(--tcw-control-h-sm);
3512
+ height: var(--tcw-control-h-sm);
3513
+ border: 0;
3514
+ border-radius: var(--tcw-radius-sm, 4px);
3515
+ background: transparent;
3516
+ color: var(--tcw-text-muted);
3517
+ cursor: pointer;
3518
+ }
3519
+ .tcw-level-remove:hover { color: var(--tcw-text); background: var(--tcw-bg-elevated); }
3520
+ .tcw-level-remove:focus-visible { outline: 2px solid var(--tcw-accent); outline-offset: 1px; }
3521
+ .tcw-level-add { justify-self: start; }
3522
+ .tcw-drawing-templates { display: grid; gap: 2px; margin-bottom: 8px; }
3523
+ .tcw-drawing-alert { display: inline-flex; align-items: center; gap: 6px; }
3524
+
3525
+ /* --- Context menu (right-click on a drawing) --- */
3526
+ .tcw-context-menu {
3527
+ position: absolute;
3528
+ z-index: 70;
3529
+ min-width: 200px;
3530
+ padding: 4px;
3531
+ background: var(--tcw-bg-elevated);
3532
+ border: var(--tcw-border-w) solid var(--tcw-divider);
3533
+ border-radius: var(--tcw-menu-radius);
3534
+ box-shadow: var(--tcw-menu-shadow);
3535
+ }
3536
+ .tcw-context-item {
3537
+ display: flex;
3538
+ align-items: center;
3539
+ gap: 10px;
3540
+ width: 100%;
3541
+ min-height: var(--tcw-menu-item-h);
3542
+ padding: 4px 10px;
3543
+ border: 0;
3544
+ border-radius: var(--tcw-radius-sm);
3545
+ background: transparent;
3546
+ color: var(--tcw-text);
3547
+ font: inherit;
3548
+ font-size: var(--tcw-font-size);
3549
+ text-align: start;
3550
+ cursor: pointer;
3551
+ }
3552
+ .tcw-context-item svg, .tcw-context-icon { flex: none; width: 14px; height: 14px; color: var(--tcw-text-muted); }
3553
+ .tcw-context-item:hover, .tcw-context-item:focus-visible { background: var(--tcw-bg-surface); outline: none; }
3554
+ .tcw-context-item:focus-visible { box-shadow: inset 0 0 0 1px var(--tcw-accent); }
3555
+ .tcw-context-danger, .tcw-context-danger svg { color: var(--tcw-red); }
3556
+ .tcw-context-sep { height: 1px; margin: 4px 6px; background: var(--tcw-divider); }
3557
+
3558
+ /* --- Account panel (positions, orders, history) --- */
3559
+ .tcw-account-dock {
3560
+ flex: none;
3561
+ }
3562
+ .tcw-account {
3563
+ display: flex;
3564
+ flex-direction: column;
3565
+ height: 220px;
3566
+ border-top: 1px solid var(--tcw-border);
3567
+ background: var(--tcw-bg-surface);
3568
+ }
3569
+ .tcw-account-head {
3570
+ display: flex;
3571
+ align-items: center;
3572
+ gap: 8px;
3573
+ padding: 4px 8px;
3574
+ border-bottom: 1px solid var(--tcw-divider);
3575
+ }
3576
+ .tcw-account-tabs {
3577
+ display: flex;
3578
+ gap: 2px;
3579
+ flex: 1;
3580
+ min-width: 0;
3581
+ overflow-x: auto;
3582
+ }
3583
+ .tcw-account-tab {
3584
+ padding: 6px 10px;
3585
+ border: 0;
3586
+ border-radius: var(--tcw-control-radius);
3587
+ background: transparent;
3588
+ color: var(--tcw-text-muted);
3589
+ font: inherit;
3590
+ font-size: var(--tcw-font-size-sm);
3591
+ white-space: nowrap;
3592
+ cursor: pointer;
3593
+ }
3594
+ .tcw-account-tab:hover { color: var(--tcw-text); background: var(--tcw-hover-bg); }
3595
+ .tcw-account-tab[aria-selected="true"] { color: var(--tcw-text); background: var(--tcw-active-bg); }
3596
+ .tcw-account-tab:focus-visible, .tcw-account-new:focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--tcw-accent); }
3597
+ .tcw-account-new {
3598
+ display: inline-flex;
3599
+ align-items: center;
3600
+ gap: 6px;
3601
+ padding: 5px 10px;
3602
+ border: 1px solid var(--tcw-accent-line);
3603
+ border-radius: var(--tcw-control-radius);
3604
+ background: var(--tcw-accent-soft);
3605
+ color: var(--tcw-accent);
3606
+ font: inherit;
3607
+ font-size: var(--tcw-font-size-sm);
3608
+ cursor: pointer;
3609
+ }
3610
+ .tcw-account-new:hover { background: var(--tcw-accent-glow); }
3611
+ .tcw-account-body {
3612
+ flex: 1;
3613
+ min-height: 0;
3614
+ overflow: auto;
3615
+ }
3616
+ .tcw-account-table {
3617
+ width: 100%;
3618
+ border-collapse: collapse;
3619
+ font-size: var(--tcw-font-size-sm);
3620
+ font-variant-numeric: tabular-nums;
3621
+ }
3622
+ .tcw-account-table th {
3623
+ position: sticky;
3624
+ top: 0;
3625
+ padding: 6px 10px;
3626
+ background: var(--tcw-bg-surface);
3627
+ color: var(--tcw-text-muted);
3628
+ font-weight: var(--tcw-weight);
3629
+ text-align: start;
3630
+ border-bottom: 1px solid var(--tcw-divider);
3631
+ }
3632
+ .tcw-account-table td {
3633
+ padding: 5px 10px;
3634
+ color: var(--tcw-text);
3635
+ border-bottom: 1px solid var(--tcw-divider);
3636
+ white-space: nowrap;
3637
+ }
3638
+ .tcw-account-table tr:hover td { background: var(--tcw-hover-bg); }
3639
+ .tcw-account-side { font-weight: var(--tcw-weight-strong); }
3640
+ .tcw-account-buy, .tcw-account-up { color: var(--tcw-green); }
3641
+ .tcw-account-sell, .tcw-account-down { color: var(--tcw-red); }
3642
+ .tcw-account-actions { display: flex; gap: 2px; }
3643
+ .tcw-account-empty, .tcw-account-summary {
3644
+ margin: 0;
3645
+ padding: 14px 12px;
3646
+ color: var(--tcw-text-muted);
3647
+ font-size: var(--tcw-font-size-sm);
3648
+ }
3649
+ .tcw-account-summary { padding: 8px 12px; color: var(--tcw-text-dim); }
3650
+ @media (max-width: 640px) {
3651
+ .tcw-account { height: 45vh; }
3652
+ }
3653
+
3654
+ /* --- Order ticket --- */
3655
+ .tcw-ticket-side {
3656
+ display: grid;
3657
+ grid-template-columns: 1fr 1fr;
3658
+ gap: 6px;
3659
+ margin-bottom: 12px;
3660
+ }
3661
+ .tcw-ticket-side-btn {
3662
+ padding: 8px;
3663
+ border: 1px solid var(--tcw-border);
3664
+ border-radius: var(--tcw-control-radius);
3665
+ background: transparent;
3666
+ color: var(--tcw-text-muted);
3667
+ font: inherit;
3668
+ font-weight: var(--tcw-weight-strong);
3669
+ cursor: pointer;
3670
+ }
3671
+ .tcw-ticket-buy[aria-pressed="true"] { background: var(--tcw-green-soft); border-color: var(--tcw-green); color: var(--tcw-green); }
3672
+ .tcw-ticket-sell[aria-pressed="true"] { background: var(--tcw-red-soft); border-color: var(--tcw-red); color: var(--tcw-red); }
3673
+ .tcw-ticket-side-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-accent-soft); }
3674
+ .tcw-ticket-optional { display: flex; align-items: center; gap: 8px; }
3675
+ .tcw-ticket-optional > span { flex: 1; }
3676
+ .tcw-ticket-optional .tcw-indi-input { width: 110px; }
3677
+ .tcw-ticket-problems {
3678
+ min-height: 18px;
3679
+ padding: 0 22px 8px;
3680
+ font-size: var(--tcw-font-size-sm);
3681
+ color: var(--tcw-text-dim);
3682
+ }
3683
+ .tcw-ticket-problems p { margin: 2px 0; }
3684
+ .tcw-ticket-problems.tcw-ticket-bad { color: var(--tcw-red); }
3685
+ .tcw-done-btn.tcw-ticket-sell { background: var(--tcw-red); color: #fff; }
3686
+ .tcw-done-btn:disabled { opacity: 0.45; cursor: not-allowed; }
3687
+
3688
+ /* --- Named layouts --- */
3689
+ .tcw-layouts-btn { max-width: 190px; }
3690
+ .tcw-layouts-label {
3691
+ overflow: hidden;
3692
+ text-overflow: ellipsis;
3693
+ min-width: 0;
3694
+ }
3695
+ .tcw-layouts-dirty {
3696
+ width: 6px;
3697
+ height: 6px;
3698
+ flex: none;
3699
+ border-radius: 50%;
3700
+ background: var(--tcw-accent);
3701
+ }
3702
+ .tcw-name-field { display: flex; flex-direction: column; gap: 6px; font-size: var(--tcw-font-size-sm); color: var(--tcw-text-dim); }
3703
+ .tcw-name-field .tcw-indi-input { width: 100%; height: 34px; font-size: var(--tcw-font-size); }
3704
+ .tcw-layouts-body { display: flex; flex-direction: column; gap: 10px; }
3705
+ .tcw-layouts-search { width: 100%; height: 32px; }
3706
+ .tcw-layouts-list {
3707
+ display: flex;
3708
+ flex-direction: column;
3709
+ gap: 2px;
3710
+ max-height: 50vh;
3711
+ overflow-y: auto;
3712
+ }
3713
+ .tcw-layouts-row {
3714
+ display: flex;
3715
+ align-items: center;
3716
+ gap: 6px;
3717
+ border-radius: var(--tcw-radius);
3718
+ }
3719
+ .tcw-layouts-row:hover { background: var(--tcw-hover-bg); }
3720
+ .tcw-layouts-open {
3721
+ flex: 1;
3722
+ min-width: 0;
3723
+ display: flex;
3724
+ flex-direction: column;
3725
+ align-items: flex-start;
3726
+ gap: 2px;
3727
+ padding: 7px 8px;
3728
+ border: none;
3729
+ background: transparent;
3730
+ color: var(--tcw-text);
3731
+ font: inherit;
3732
+ text-align: start;
3733
+ cursor: pointer;
3734
+ border-radius: var(--tcw-radius);
3735
+ }
3736
+ .tcw-layouts-open:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-accent-soft); }
3737
+ .tcw-layouts-name {
3738
+ display: flex;
3739
+ align-items: center;
3740
+ gap: 6px;
3741
+ max-width: 100%;
3742
+ font-size: var(--tcw-font-size);
3743
+ font-weight: var(--tcw-weight-strong);
3744
+ overflow: hidden;
3745
+ text-overflow: ellipsis;
3746
+ white-space: nowrap;
3747
+ }
3748
+ .tcw-layouts-open[aria-current="true"] .tcw-layouts-name { color: var(--tcw-accent); }
3749
+ .tcw-layouts-meta {
3750
+ max-width: 100%;
3751
+ font-size: var(--tcw-font-size-xs);
3752
+ color: var(--tcw-text-muted);
3753
+ font-variant-numeric: tabular-nums;
3754
+ overflow: hidden;
3755
+ text-overflow: ellipsis;
3756
+ white-space: nowrap;
3757
+ }
3758
+ .tcw-layouts-confirm {
3759
+ padding: 4px 10px;
3760
+ border: none;
3761
+ border-radius: var(--tcw-control-radius);
3762
+ background: var(--tcw-red);
3763
+ color: #fff;
3764
+ font: inherit;
3765
+ font-size: var(--tcw-font-size-sm);
3766
+ font-weight: var(--tcw-weight-strong);
3767
+ cursor: pointer;
3768
+ }
3769
+ .tcw-layouts-confirm:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-red-soft); }
3770
+
3771
+ /* --- Chart grid --- */
3772
+ .tcw-grid { background: var(--tcw-bg); }
3773
+ .tcw-grid-bar {
3774
+ display: flex;
3775
+ align-items: center;
3776
+ gap: 6px;
3777
+ min-height: calc(var(--tcw-control-h) + 8px);
3778
+ padding: 0 8px;
3779
+ border-bottom: 1px solid var(--tcw-border);
3780
+ background: var(--tcw-bg-surface);
3781
+ overflow-x: auto;
3782
+ scrollbar-width: none;
3783
+ }
3784
+ .tcw-grid-bar::-webkit-scrollbar { display: none; }
3785
+ .tcw-grid-group { display: flex; align-items: center; gap: 2px; flex: none; }
3786
+ .tcw-grid-label {
3787
+ display: inline-flex;
3788
+ align-items: center;
3789
+ gap: 4px;
3790
+ margin-right: 4px;
3791
+ font-size: var(--tcw-font-size-xs);
3792
+ font-weight: var(--tcw-weight-strong);
3793
+ letter-spacing: var(--tcw-label-tracking);
3794
+ text-transform: var(--tcw-label-case);
3795
+ color: var(--tcw-text-muted);
3796
+ }
3797
+ .tcw-grid-sync[aria-pressed="true"] { color: var(--tcw-accent); }
3798
+ .tcw-grid-cells {
3799
+ flex: 1;
3800
+ min-height: 0;
3801
+ display: grid;
3802
+ gap: 1px;
3803
+ background: var(--tcw-border);
3804
+ }
3805
+ .tcw-grid-cell {
3806
+ position: relative;
3807
+ min-width: 0;
3808
+ min-height: 0;
3809
+ background: var(--tcw-bg);
3810
+ }
3811
+ .tcw-grid-cell-active::after {
3812
+ content: '';
3813
+ position: absolute;
3814
+ inset: 0;
3815
+ border: 1px solid var(--tcw-accent);
3816
+ pointer-events: none;
3817
+ z-index: 5;
3818
+ }
3819
+
3820
+ /* --- Host toolbar buttons --- */
3821
+ .tcw-toolbar-host { display: inline-flex; align-items: center; gap: 2px; }
3822
+ .tcw-toolbar-host:empty { display: none; }
3823
+ .tcw-host-btn { display: inline-flex; align-items: center; gap: 4px; }
3824
+
3825
+ /* --- Pane buttons (move, fold, maximise) --- */
3826
+ .tcw-pane-controls {
3827
+ position: absolute;
3828
+ z-index: 4;
3829
+ display: flex;
3830
+ gap: 1px;
3831
+ transform: translateX(-100%);
3832
+ padding: 1px;
3833
+ border-radius: var(--tcw-radius-sm);
3834
+ background: color-mix(in srgb, var(--tcw-bg) 80%, transparent);
3835
+ opacity: 0.55;
3836
+ transition: opacity var(--tcw-dur-fast) var(--tcw-ease);
3837
+ }
3838
+ .tcw-pane-controls:hover,
3839
+ .tcw-pane-controls:focus-within { opacity: 1; }
3840
+ .tcw-pane-btn {
3841
+ display: inline-grid;
3842
+ place-items: center;
3843
+ width: 18px;
3844
+ height: 16px;
3845
+ padding: 0;
3846
+ border: none;
3847
+ border-radius: var(--tcw-control-radius);
3848
+ background: transparent;
3849
+ color: var(--tcw-text-muted);
3850
+ cursor: pointer;
3851
+ }
3852
+ .tcw-pane-btn:hover { color: var(--tcw-text); background: var(--tcw-hover-bg); }
3853
+ .tcw-pane-btn:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--tcw-accent-soft); }
3854
+
3855
+ /* --- Typed interval --- */
3856
+ .tcw-interval-input {
3857
+ position: absolute;
3858
+ z-index: 20;
3859
+ left: 50%;
3860
+ top: 40%;
3861
+ transform: translate(-50%, -50%);
3862
+ display: flex;
3863
+ flex-direction: column;
3864
+ gap: 6px;
3865
+ padding: 10px 12px;
3866
+ border: 1px solid var(--tcw-border);
3867
+ border-radius: var(--tcw-radius-lg, 10px);
3868
+ background: var(--tcw-bg-elevated);
3869
+ box-shadow: var(--tcw-menu-shadow);
3870
+ }
3871
+ .tcw-interval-field {
3872
+ width: 150px;
3873
+ height: 36px;
3874
+ padding: 0 10px;
3875
+ font: inherit;
3876
+ font-size: calc(var(--tcw-font-size) + 5px);
3877
+ font-weight: var(--tcw-weight-strong);
3878
+ font-variant-numeric: tabular-nums;
3879
+ color: var(--tcw-text);
3880
+ background: var(--tcw-bg-surface);
3881
+ border: 1px solid var(--tcw-accent);
3882
+ border-radius: var(--tcw-input-radius);
3883
+ outline: none;
3884
+ }
3885
+ .tcw-interval-field[aria-invalid] { border-color: var(--tcw-red); }
3886
+ .tcw-interval-hint { font-size: var(--tcw-font-size-xs); color: var(--tcw-text-muted); max-width: 170px; }
3887
+
3888
+ /* --- Alerts: lines, moves, bar close, expiry --- */
3889
+ .tcw-alerts-source { grid-column: auto; }
3890
+ .tcw-alerts-row-fields {
3891
+ grid-column: 1 / -1;
3892
+ display: grid;
3893
+ grid-template-columns: 1fr 1fr;
3894
+ gap: 8px;
3895
+ }
3896
+ .tcw-alerts-row-fields[hidden] { display: none; }
3897
+ .tcw-alerts-row-fields > input[hidden] { display: none; }
3898
+ .tcw-alerts-row-fields:has(> input[hidden]) { grid-template-columns: 1fr; }
3899
+ .tcw-alerts-options { align-items: center; }
3900
+ .tcw-alerts-form .tcw-alerts-check {
3901
+ display: inline-flex;
3902
+ align-items: center;
3903
+ gap: 6px;
3904
+ font-size: var(--tcw-font-size-sm);
3905
+ color: var(--tcw-text-dim);
3906
+ }
3907
+ .tcw-alerts-form .tcw-alerts-check input { width: auto; height: auto; }
3908
+ .tcw-alerts-form input[aria-invalid="true"] { border-color: var(--tcw-red); }
3909
+ .tcw-alerts-row-meta { margin-top: 2px; font-size: var(--tcw-font-size-xs); color: var(--tcw-text-muted); }
3910
+ .tcw-alerts-expired { opacity: 0.6; }
3911
+
3912
+ /* --- Signal marker note --- */
3913
+ .tcw-marker-tip {
3914
+ position: absolute;
3915
+ z-index: 12;
3916
+ pointer-events: none;
3917
+ padding: 6px 8px;
3918
+ border: 1px solid var(--tcw-border);
3919
+ border-radius: var(--tcw-tooltip-radius);
3920
+ background: var(--tcw-tooltip-bg);
3921
+ color: var(--tcw-tooltip-fg);
3922
+ font-size: var(--tcw-font-size-xs);
3923
+ line-height: 1.45;
3924
+ font-variant-numeric: tabular-nums;
3925
+ box-shadow: var(--tcw-menu-shadow);
3926
+ max-width: 240px;
3927
+ }
3928
+ .tcw-marker-tip strong { display: block; font-size: var(--tcw-font-size-sm); }
3929
+
3930
+ /* === Navigation over the chart ===
3931
+ * Centred on the plot's bottom edge, shown while a mouse is over the chart. */
3932
+ .tcw-nav {
3933
+ position: absolute;
3934
+ z-index: 15;
3935
+ display: flex;
3936
+ gap: 2px;
3937
+ padding: 3px;
3938
+ border: var(--tcw-border-w) solid var(--tcw-border);
3939
+ border-radius: calc(var(--tcw-control-radius) + 3px);
3940
+ background: var(--tcw-bg-elevated);
3941
+ box-shadow: var(--tcw-menu-shadow);
3942
+ opacity: 0;
3943
+ pointer-events: none;
3944
+ transform: translate(-50%, calc(-100% - 12px));
3945
+ transition: opacity var(--tcw-dur-fast) var(--tcw-ease);
3946
+ }
3947
+ .tcw-nav.tcw-nav-shown {
3948
+ opacity: 1;
3949
+ pointer-events: auto;
3950
+ }
3951
+ .tcw-nav-btn {
3952
+ display: inline-flex;
3953
+ align-items: center;
3954
+ justify-content: center;
3955
+ width: var(--tcw-control-h);
3956
+ height: var(--tcw-control-h);
3957
+ border: 0;
3958
+ border-radius: var(--tcw-control-radius);
3959
+ background: transparent;
3960
+ color: var(--tcw-text-dim);
3961
+ cursor: pointer;
3962
+ touch-action: none;
3963
+ }
3964
+ .tcw-nav-btn:hover {
3965
+ background: var(--tcw-hover-bg);
3966
+ color: var(--tcw-text);
3967
+ }
3968
+ .tcw-nav-btn:active {
3969
+ background: var(--tcw-active-bg);
3970
+ }
3971
+ .tcw-nav-btn:focus-visible {
3972
+ outline: none;
3973
+ box-shadow: var(--tcw-ring);
3974
+ }
3975
+ .tcw-nav-btn svg {
3976
+ width: var(--tcw-icon);
3977
+ height: var(--tcw-icon);
3978
+ }
3979
+ @media (hover: none) {
3980
+ .tcw-nav { display: none; }
3981
+ }
3982
+
3983
+ /* === Symbol info ===
3984
+ * Top left, beside the drawing tools: the panels on the right stay clear. */
3985
+ .tcw-syminfo {
3986
+ position: absolute;
3987
+ top: var(--tcw-panel-top);
3988
+ inset-inline-start: var(--tcw-panel-left);
3989
+ z-index: 38;
3990
+ width: 288px;
3991
+ max-height: calc(100% - var(--tcw-panel-top) - 12px);
3992
+ display: flex;
3993
+ flex-direction: column;
3994
+ background: var(--tcw-bg-elevated);
3995
+ border: var(--tcw-border-w) solid var(--tcw-border-strong);
3996
+ border-radius: var(--tcw-panel-radius);
3997
+ box-shadow: var(--tcw-menu-shadow);
3998
+ overflow: hidden;
3999
+ animation: tcw-alerts-in var(--tcw-dur, 160ms) var(--tcw-ease, ease) both;
4000
+ }
4001
+ .tcw-syminfo-header {
4002
+ display: flex;
4003
+ align-items: center;
4004
+ justify-content: space-between;
4005
+ padding: 9px 12px;
4006
+ font-size: var(--tcw-font-size-sm);
4007
+ font-weight: var(--tcw-weight-strong);
4008
+ color: var(--tcw-text);
4009
+ border-bottom: 1px solid var(--tcw-border);
4010
+ }
4011
+ .tcw-syminfo-close {
4012
+ display: inline-flex;
4013
+ align-items: center;
4014
+ justify-content: center;
4015
+ width: var(--tcw-control-h-sm);
4016
+ height: var(--tcw-control-h-sm);
4017
+ border: none;
4018
+ border-radius: var(--tcw-control-radius);
4019
+ background: transparent;
4020
+ color: var(--tcw-text-muted);
4021
+ cursor: pointer;
4022
+ }
4023
+ .tcw-syminfo-close:hover { background: var(--tcw-bg-surface); color: var(--tcw-text); }
4024
+ .tcw-syminfo-body,
4025
+ .tcw-syminfo-news {
4026
+ padding: 12px 14px;
4027
+ overflow-y: auto;
4028
+ }
4029
+ .tcw-syminfo-body {
4030
+ display: grid;
4031
+ gap: 10px;
4032
+ }
4033
+ .tcw-syminfo-symbol {
4034
+ font-size: var(--tcw-font-size-lg);
4035
+ font-weight: var(--tcw-weight-strong);
4036
+ color: var(--tcw-text);
4037
+ }
4038
+ .tcw-syminfo-desc {
4039
+ font-size: var(--tcw-font-size-sm);
4040
+ color: var(--tcw-text-dim);
4041
+ }
4042
+ .tcw-syminfo-meta {
4043
+ margin-top: 2px;
4044
+ font-size: var(--tcw-font-size-xs);
4045
+ color: var(--tcw-text-muted);
4046
+ }
4047
+ .tcw-syminfo-quote {
4048
+ display: flex;
4049
+ align-items: baseline;
4050
+ gap: 10px;
4051
+ font-family: var(--tcw-font-mono);
4052
+ font-variant-numeric: tabular-nums;
4053
+ }
4054
+ .tcw-syminfo-price {
4055
+ font-size: calc(var(--tcw-font-size) + 7px);
4056
+ font-weight: var(--tcw-weight-strong);
4057
+ color: var(--tcw-text);
4058
+ }
4059
+ .tcw-syminfo-change { font-size: var(--tcw-font-size-sm); }
4060
+ .tcw-syminfo-change.tcw-up { color: var(--tcw-green); }
4061
+ .tcw-syminfo-change.tcw-down { color: var(--tcw-red); }
4062
+ .tcw-syminfo-status {
4063
+ display: flex;
4064
+ align-items: center;
4065
+ gap: 7px;
4066
+ font-size: var(--tcw-font-size-sm);
4067
+ color: var(--tcw-text-dim);
4068
+ }
4069
+ .tcw-syminfo-status::before,
4070
+ .tcw-status-market::before {
4071
+ content: '';
4072
+ flex: none;
4073
+ width: 7px;
4074
+ height: 7px;
4075
+ border-radius: 50%;
4076
+ background: var(--tcw-text-muted);
4077
+ }
4078
+ .tcw-syminfo-status[data-state='open']::before,
4079
+ .tcw-syminfo-status[data-state='always']::before,
4080
+ .tcw-status-market[data-state='open']::before {
4081
+ background: var(--tcw-green);
4082
+ }
4083
+ .tcw-syminfo-stats {
4084
+ display: grid;
4085
+ gap: 4px;
4086
+ margin: 0;
4087
+ padding-top: 10px;
4088
+ border-top: 1px solid var(--tcw-divider);
4089
+ }
4090
+ .tcw-syminfo-stat {
4091
+ display: flex;
4092
+ justify-content: space-between;
4093
+ gap: 12px;
4094
+ font-size: var(--tcw-font-size-sm);
4095
+ }
4096
+ .tcw-syminfo-stat dt { color: var(--tcw-text-muted); }
4097
+ .tcw-syminfo-stat dd {
4098
+ margin: 0;
4099
+ color: var(--tcw-text);
4100
+ text-align: end;
4101
+ font-variant-numeric: tabular-nums;
4102
+ overflow-wrap: anywhere;
4103
+ }
4104
+ .tcw-syminfo-news {
4105
+ border-top: 1px solid var(--tcw-divider);
4106
+ }
4107
+ .tcw-syminfo-news-title {
4108
+ margin-bottom: 8px;
4109
+ font-size: var(--tcw-font-size-xs);
4110
+ font-weight: var(--tcw-weight-strong);
4111
+ color: var(--tcw-text-muted);
4112
+ text-transform: var(--tcw-label-case);
4113
+ letter-spacing: var(--tcw-label-tracking);
4114
+ }
4115
+ .tcw-syminfo-news-list {
4116
+ display: grid;
4117
+ gap: 10px;
4118
+ margin: 0;
4119
+ padding: 0;
4120
+ list-style: none;
4121
+ }
4122
+ .tcw-syminfo-news-item {
4123
+ font-size: var(--tcw-font-size-sm);
4124
+ line-height: 1.4;
4125
+ color: var(--tcw-text);
4126
+ }
4127
+ .tcw-syminfo-news-item a {
4128
+ color: var(--tcw-text);
4129
+ text-decoration: none;
4130
+ }
4131
+ .tcw-syminfo-news-item a:hover { color: var(--tcw-accent); text-decoration: underline; }
4132
+ .tcw-syminfo-news-item a:focus-visible { outline: none; box-shadow: var(--tcw-ring); border-radius: var(--tcw-radius-xs); }
4133
+ .tcw-syminfo-news-meta,
4134
+ .tcw-syminfo-news-note {
4135
+ margin-top: 2px;
4136
+ font-size: var(--tcw-font-size-xs);
4137
+ color: var(--tcw-text-muted);
4138
+ }
4139
+
4140
+ /* Numbers keep their sign on the left, and mixed text its own order, in a right-to-left widget too. */
4141
+ .tcw-watchlist-price,
4142
+ .tcw-watchlist-change,
4143
+ .tcw-syminfo-price,
4144
+ .tcw-syminfo-change {
4145
+ unicode-bidi: isolate;
4146
+ direction: ltr;
4147
+ }
4148
+ .tcw-syminfo-desc,
4149
+ .tcw-syminfo-meta,
4150
+ .tcw-syminfo-status,
4151
+ .tcw-syminfo-stat dd,
4152
+ .tcw-syminfo-news-meta {
4153
+ unicode-bidi: plaintext;
4154
+ }
4155
+
4156
+ /* The market's status in the status bar. */
4157
+ .tcw-status-market {
4158
+ display: flex;
4159
+ align-items: center;
4160
+ gap: 7px;
4161
+ color: var(--tcw-text-muted);
4162
+ }
4163
+
4164
+ @media (max-width: 640px) {
4165
+ .tcw-syminfo {
4166
+ top: auto;
4167
+ bottom: 0;
4168
+ left: 0;
4169
+ right: 0;
4170
+ width: 100vw;
4171
+ max-height: 70%;
4172
+ border-radius: var(--tcw-dialog-radius) var(--tcw-dialog-radius) 0 0;
4173
+ }
4174
+ }
4175
+
4176
+ /* === The look: how chosen controls show, floating bars, segmented intervals ===
4177
+ * Each switch sets variables on its own root, which its parts read: a grid's
4178
+ * look never reaches into a chart that has one of its own. */
4179
+
4180
+ /* A chosen button (\`ui.active\`): a tinted fill (default), a solid pill, or an underline.
4181
+ * Dialog tabs are chips, or underlined in the underline look. Panels sit below the
4182
+ * toolbar and beside the drawing tools. */
4183
+ .tcw-root {
4184
+ --tcw-on-bg: var(--tcw-accent-soft);
4185
+ --tcw-on-fg: var(--tcw-accent);
4186
+ --tcw-on-ring: none;
4187
+ --tcw-on-icon-bg: var(--tcw-accent-soft);
4188
+ --tcw-on-icon-fg: var(--tcw-accent);
4189
+ --tcw-on-icon-ring: none;
4190
+ --tcw-tabs-pad-block: 8px;
4191
+ --tcw-tab-h: var(--tcw-control-h);
4192
+ --tcw-tab-pad: 0 12px;
4193
+ --tcw-tab-line: 0px;
4194
+ --tcw-tab-radius: var(--tcw-control-radius);
4195
+ --tcw-tab-hover: var(--tcw-hover-bg);
4196
+ --tcw-tab-on-bg: var(--tcw-on-bg);
4197
+ --tcw-tab-on-fg: var(--tcw-on-fg);
4198
+ --tcw-panel-top: calc(var(--tcw-toolbar-h) + 6px);
4199
+ --tcw-panel-left: calc(var(--tcw-sidebar-w) + 12px);
4200
+ }
4201
+ .tcw-root[data-tcw-active='solid'] {
4202
+ --tcw-on-bg: var(--tcw-text);
4203
+ --tcw-on-fg: var(--tcw-bg);
4204
+ --tcw-on-icon-bg: var(--tcw-text);
4205
+ --tcw-on-icon-fg: var(--tcw-bg);
4206
+ }
4207
+ .tcw-root[data-tcw-active='underline'] {
4208
+ --tcw-on-bg: var(--tcw-active-bg);
4209
+ --tcw-on-fg: var(--tcw-text);
4210
+ --tcw-on-ring: inset 0 -2px 0 var(--tcw-accent);
4211
+ --tcw-on-icon-bg: var(--tcw-active-bg);
4212
+ --tcw-on-icon-fg: var(--tcw-accent);
4213
+ --tcw-on-icon-ring: inset 2px 0 0 var(--tcw-accent);
4214
+ --tcw-tabs-pad-block: 0px;
4215
+ --tcw-tab-h: auto;
4216
+ --tcw-tab-pad: 11px 14px;
4217
+ --tcw-tab-line: 2px;
4218
+ --tcw-tab-radius: 0px;
4219
+ --tcw-tab-hover: transparent;
4220
+ --tcw-tab-on-bg: transparent;
4221
+ --tcw-tab-on-fg: var(--tcw-accent);
4222
+ }
4223
+ .tcw-root[data-tcw-toolbar='floating'] {
4224
+ --tcw-panel-top: calc(var(--tcw-toolbar-h) + 2 * var(--tcw-border-w) + 14px);
4225
+ }
4226
+ .tcw-root[data-tcw-sidebar='floating'] {
4227
+ --tcw-panel-left: calc(var(--tcw-sidebar-w) + 2 * var(--tcw-border-w) + 22px);
4228
+ }
4229
+
4230
+ /* The toolbar as an island (\`ui.toolbar: 'floating'\`). */
4231
+ .tcw-root[data-tcw-toolbar='floating'] > .tcw-toolbar {
4232
+ margin: 8px 10px 0;
4233
+ padding-inline: calc(min(var(--tcw-toolbar-radius), var(--tcw-toolbar-h) / 2) / 2 + 8px);
4234
+ border: var(--tcw-border-w) solid var(--tcw-border);
4235
+ border-radius: var(--tcw-toolbar-radius);
4236
+ background: var(--tcw-bg-elevated);
4237
+ box-shadow: var(--tcw-menu-shadow);
4238
+ }
4239
+
4240
+ /* The drawing tools as an island (\`ui.sidebar: 'floating'\`). */
4241
+ .tcw-root[data-tcw-sidebar='floating'] > .tcw-body > .tcw-sidebar {
4242
+ align-self: flex-start;
4243
+ max-height: calc(100% - 20px);
4244
+ margin: 10px 6px 10px 10px;
4245
+ padding-block: calc(min(var(--tcw-sidebar-radius), var(--tcw-sidebar-w) / 2) / 2 + 6px);
4246
+ border: var(--tcw-border-w) solid var(--tcw-border);
4247
+ border-radius: var(--tcw-sidebar-radius);
4248
+ background: var(--tcw-bg-elevated);
4249
+ box-shadow: var(--tcw-menu-shadow);
4250
+ }
4251
+
4252
+ /* Frosted menus (\`ui.blur\` above 0): the chart shows through, blurred. */
4253
+ @supports (background: color-mix(in srgb, red 50%, transparent)) {
4254
+ .tcw-dropdown,
4255
+ .tcw-flyout,
4256
+ .tcw-context-menu {
4257
+ background: color-mix(in srgb, var(--tcw-bg-elevated) var(--tcw-surface-opacity), transparent);
4258
+ }
4259
+ }
4260
+
4261
+ /* The interval buttons in one track (\`ui.intervals: 'segmented'\`). */
4262
+ .tcw-root[data-tcw-intervals='segmented'] > .tcw-toolbar > .tcw-tf-group {
4263
+ gap: 2px;
4264
+ margin: 0 4px;
4265
+ padding: 3px;
4266
+ border-radius: calc(var(--tcw-control-radius) + 3px);
4267
+ background: var(--tcw-hover-bg);
4268
+ }
4269
+ .tcw-root[data-tcw-intervals='segmented'] > .tcw-toolbar > .tcw-tf-group .tcw-btn {
4270
+ height: calc(var(--tcw-control-h) - 6px);
4271
+ padding: 0 9px;
4272
+ }
4273
+
4274
+ /* Phones: the variants keep comfortable tap targets and room for the bar. */
4275
+ @media (max-width: 768px) {
4276
+ .tcw-root[data-tcw-intervals='segmented'] > .tcw-toolbar > .tcw-tf-group .tcw-btn {
4277
+ height: max(34px, calc(var(--tcw-control-h) - 6px));
4278
+ padding: 0 10px;
4279
+ }
4280
+ .tcw-root[data-tcw-toolbar='floating'] > .tcw-toolbar {
4281
+ margin: 6px 6px 0;
4282
+ padding-inline: 4px;
4283
+ }
4284
+ .tcw-root[data-tcw-sidebar='floating'] > .tcw-body > .tcw-sidebar {
4285
+ margin: 6px 4px 6px 6px;
4286
+ }
4287
+ }
4288
+ `,m=0,h=`tcw-styles`;function g(){if(m++,m>1||document.getElementById(h))return;let e=document.createElement(`style`);e.id=h,e.textContent=p,document.head.insertBefore(e,document.head.firstChild)}function _(){if(m--,m>0)return;let e=document.getElementById(h);e&&e.remove()}var v={cursor:{d:`M6 3.5L18.5 12.5L12.6 13.6L9.7 19.4z`},trendingUp:{d:`M3 17L9 11L13 14.5L21 6.5M15 6.5H21V12.5`},trendingDown:{d:`M3 7L9 13L13 9.5L21 17.5M15 17.5H21V11.5`},minus:{d:`M5 12H19`},plus:{d:`M12 5V19M5 12H19`},penLine:{d:`M14.5 5.5L18.5 9.5M4 20L5 15.5L15.8 4.7a2 2 0 0 1 2.83 0l.67.67a2 2 0 0 1 0 2.83L8.5 19z`},zigzag:{d:`M3 17L8 9L13 15L21 6`},hash:{d:`M5 9H19M5 15H19M10 4L8.5 20M15.5 4L14 20`},square:{d:`M6.5 4.5h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2z`},gitBranch:{d:`M6 3V15M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM18 9a9 9 0 0 1-9 9`},ruler:{d:`M3.5 16.5L16.5 3.5L20.5 7.5L7.5 20.5zM6.5 13.5L8 15M9.5 10.5L11.5 12.5M12.5 7.5L14 9`},type:{d:`M6 6V4.5H18V6M12 4.5V19.5M9.5 19.5H14.5`},magnet:{d:`M6 4V11a6 6 0 0 0 12 0V4M6 4h3.5v7a2.5 2.5 0 0 0 5 0V4H18M6 8h3.5M14.5 8H18`},magnetStrong:{d:`M6 4V11a6 6 0 0 0 12 0V4M6 4h3.5v7a2.5 2.5 0 0 0 5 0V4H18`,fills:[`M6 4h3.5v4H6z`,`M14.5 4H18v4h-3.5z`]},eraser:{d:`M8.5 19.5L3.9 14.9a1.5 1.5 0 0 1 0-2.1l8.5-8.5a1.5 1.5 0 0 1 2.1 0l5.2 5.2a1.5 1.5 0 0 1 0 2.1L12 19.5zM8 9l7 7M12 19.5H20`},zoomIn:{d:`M16.5 10.5a6 6 0 1 1-12 0 6 6 0 0 1 12 0zM15 15L20.5 20.5M10.5 7.5V13.5M7.5 10.5H13.5`},undo:{d:`M9 14L4 9L9 4M4 9H14.5a5.5 5.5 0 0 1 0 11H11`},redo:{d:`M15 14L20 9L15 4M20 9H9.5a5.5 5.5 0 0 0 0 11H13`},trash:{d:`M4 7H20M9.5 7V4.5h5V7M6.5 7l.8 12.2A1.5 1.5 0 0 0 8.8 20.6h6.4a1.5 1.5 0 0 0 1.5-1.4L17.5 7M10 11v6M14 11v6`},camera:{d:`M4.5 7.5h3L9 5h6l1.5 2.5h3A1.5 1.5 0 0 1 21 9v9.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 18.5V9a1.5 1.5 0 0 1 1.5-1.5zM15.5 13.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z`},settings:{d:`M4 7H14M18 7H20M4 17H8M12 17H20M18 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM12 17a2 2 0 1 1-4 0 2 2 0 0 1 4 0z`},moon:{d:`M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5z`},sun:{d:`M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM12 2.5v2M12 19.5v2M4.6 4.6l1.4 1.4M18 18l1.4 1.4M2.5 12h2M19.5 12h2M4.6 19.4L6 18M18 6l1.4-1.4`},chevronDown:{d:`M6 9L12 15L18 9`},chevronUp:{d:`M6 15L12 9L18 15`},barChart:{d:`M5 20V13M12 20V5M19 20V10`},x:{d:`M6 6L18 18M18 6L6 18`},play:{d:`M7 4.5v15L19.5 12z`},pause:{d:`M8 5V19M16 5V19`},stop:{d:`M7.5 6h9A1.5 1.5 0 0 1 18 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 16.5v-9A1.5 1.5 0 0 1 7.5 6z`},receipt:{d:`M6 3.5h12v17l-2-1.25-2 1.25-2-1.25-2 1.25-2-1.25-2 1.25zM9 8h6M9 12h6M9 16h3`},bell:{d:`M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 2H4.5zM10 20.5a2.2 2.2 0 0 0 4 0`},layers:{d:`M12 3.5L21 8.5L12 13.5L3 8.5zM3 12.5L12 17.5L21 12.5M3 16.5L12 21.5L21 16.5`},eye:{d:`M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12zM15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z`},eyeOff:{d:`M4 4L20 20M9.9 5.8A9.6 9.6 0 0 1 12 5.5c6 0 9.5 6.5 9.5 6.5a16 16 0 0 1-2.3 3.1M6.6 7.1C3.9 8.9 2.5 12 2.5 12S6 18.5 12 18.5a9.3 9.3 0 0 0 4.7-1.3M10 10.1a3 3 0 0 0 4 4`},lock:{d:`M7 10.5h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zM8 10.5V7.5a4 4 0 0 1 8 0v3`},unlock:{d:`M7 10.5h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zM8 10.5V7.5a4 4 0 0 1 7.7-1.5`},palette:{d:`M12 3.5a8.5 8.5 0 0 0 0 17c1.1 0 1.6-.8 1.6-1.6 0-.5-.2-.9-.5-1.2a1.6 1.6 0 0 1 1.2-2.7h1.9a4.3 4.3 0 0 0 4.3-4.3C20.5 6.9 16.7 3.5 12 3.5z`,dots:[[7.5,11.5,1.25],[9.5,7.75,1.25],[14,7.25,1.25]]},check:{d:`M5 12.5L10 17.5L19 7`},maximize:{d:`M8 4H5a1 1 0 0 0-1 1v3M16 4h3a1 1 0 0 1 1 1v3M20 16v3a1 1 0 0 1-1 1h-3M8 20H5a1 1 0 0 1-1-1v-3`},minimize:{d:`M4 8h3a1 1 0 0 0 1-1V4M16 4v3a1 1 0 0 0 1 1h3M20 16h-3a1 1 0 0 0-1 1v3M8 20v-3a1 1 0 0 0-1-1H4`},repeat:{d:`M17 3.5L20.5 7L17 10.5M3.5 11.5V10a3 3 0 0 1 3-3h14M7 20.5L3.5 17L7 13.5M20.5 12.5V14a3 3 0 0 1-3 3h-14`},info:{d:`M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0zM12 11V16.5`,dots:[[12,7.75,1.25]]},chevronLeft:{d:`M15 5L8 12L15 19`},chevronRight:{d:`M9 5L16 12L9 19`},reset:{d:`M4.5 12a7.5 7.5 0 1 0 2.2-5.3M4.5 4v4.5H9`},calendar:{d:`M5.5 5h13a2 2 0 0 1 2 2v11.5a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM3.5 10H20.5M8 3V7M16 3V7`},star:{d:`M12 3.5L14.6 9L20.5 9.6L16 13.6L17.3 19.5L12 16.5L6.7 19.5L8 13.6L3.5 9.6L9.4 9z`},ladder:{d:`M4 6H11M13 6H17M6 10H11M13 10H20M8 14H11M13 14H15M5 18H11M13 18H19`},save:{d:`M5.5 3.5h10.5l4.5 4.5v10.5a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2v-13a2 2 0 0 1 2-2zM8 3.5v5h7v-5M7.5 20.5v-6h9v6`},folder:{d:`M3.5 7a2 2 0 0 1 2-2h4l2 2.5h7a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z`},link:{d:`M10 14a4 4 0 0 0 5.66 0l3-3a4 4 0 0 0-5.66-5.66l-1.2 1.2M14 10a4 4 0 0 0-5.66 0l-3 3a4 4 0 0 0 5.66 5.66l1.2-1.2`},arrowUp:{d:`M12 19V5M6 11L12 5L18 11`},arrowDown:{d:`M12 5V19M6 13L12 19L18 13`},more:{dots:[[6,12,1.6],[12,12,1.6],[18,12,1.6]]},layoutGrid:{d:`M5 4.5h4.5a.5.5 0 0 1 .5.5v4.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5zM14.5 4.5H19a.5.5 0 0 1 .5.5v4.5a.5.5 0 0 1-.5.5h-4.5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5zM5 14h4.5a.5.5 0 0 1 .5.5V19a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5v-4.5A.5.5 0 0 1 5 14zM14.5 14H19a.5.5 0 0 1 .5.5V19a.5.5 0 0 1-.5.5h-4.5a.5.5 0 0 1-.5-.5v-4.5a.5.5 0 0 1 .5-.5z`}},y={trendLine:{d:`M5 18L19 6`,dots:[[5,18],[19,6]]},ray:{d:`M5 17L21 5M17.5 4.81L21 5L20.2 8.41`,dots:[[5,17],[11,12.5]]},extendedLine:{d:`M3 18.5L21 5M17.5 4.81L21 5L20.2 8.41M6.5 18.69L3 18.5L3.8 15.09`,dots:[[9,14],[15,9.5]]},infoLine:{d:`M5 20L19 10M4.5 3.5h9a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1zM6.5 6.5h5`,dots:[[5,20],[19,10]]},trendAngle:{d:`M5 18L19 7M5 18H20M11 18A6 6 0 0 0 9.71 14.29`,dots:[[5,18],[19,7]]},horizontalLine:{d:`M3 12H21`,dots:[[12,12]]},horizontalRay:{d:`M7 12H21M18.5 9.5L21 12L18.5 14.5`,dots:[[7,12]]},verticalLine:{d:`M12 3V21`,dots:[[12,12]]},crossLine:{d:`M3 12H21M12 3V21`,dots:[[12,12]]},parallelChannel:{d:`M3 15L15 5M9 19L21 9`,dots:[[3,15],[15,5],[9,19]]},regressionChannel:{d:`M3 12L21 4M3 20L21 12`,dash:`M3 16L21 8`,dots:[[3,16],[21,8]]},fibRetracement:{d:`M3 4H21M3 9H21M3 13H21M3 20H21`,dots:[[5,20],[19,4]]},fibExtension:{d:`M3 20L8 10L12 16M14 4H21M14 8H21M14 12H21`,dots:[[3,20],[8,10],[12,16]]},fibChannel:{d:`M3 9L21 3M3 13L21 7M3 16L21 10M3 21L21 15`,dots:[[3,21],[21,15],[3,9]]},fibTimeZones:{d:`M3 4V20M6 4V20M9.5 4V20M14 4V20M20.5 4V20`,dots:[[3,20],[6,20]]},fibSpeedResistanceFan:{d:`M4 20L20 4M4 20L20 11M4 20L20 16M4 20L11 4`,dash:`M4 4H20V20`,dots:[[4,20],[20,4]]},rectangle:{d:`M5.5 6h13A1.5 1.5 0 0 1 20 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5v-9A1.5 1.5 0 0 1 5.5 6z`,dots:[[4,6],[20,18]]},circle:{d:`M19.5 12a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0z`,dots:[[12,12],[19.5,12]]},ellipse:{d:`M20.5 12c0 3-3.8 5.5-8.5 5.5S3.5 15 3.5 12 7.3 6.5 12 6.5s8.5 2.5 8.5 5.5z`,dots:[[3.5,12],[20.5,12]]},triangle:{d:`M12 4.5L20 19H4z`,dots:[[12,4.5],[20,19],[4,19]]},pitchfork:{d:`M4 20L16.75 3M7 9L11.5 3M13 15L21 4.33M7 9L13 15`,dots:[[4,20],[7,9],[13,15]]},schiffPitchfork:{d:`M4 14.5L21 7.42M7 9L21 3.17M13 15L21 11.67M7 9L13 15`,dash:`M4 20V14.5`,dots:[[4,14.5],[7,9],[13,15]]},modifiedSchiffPitchfork:{d:`M5.5 14.5L21 5.89M7 9L17.8 3M13 15L21 10.56M7 9L13 15`,dash:`M4 20L5.5 14.5`,dots:[[5.5,14.5],[7,9],[13,15]]},gannFan:{d:`M4 20L20 4M4 20L20 12M4 20L12 4M4 20L20 16.5M4 20L7.5 4`,dots:[[4,20],[20,4]]},gannBox:{d:`M4 4H20V20H4zM4 20L20 4M4 4L20 20M12 4V20`,dots:[[4,20],[20,4]]},cyclicLines:{d:`M4 4V20M9 4V20M14 4V20M19 4V20`,dots:[[4,20],[9,20]]},xabcdPattern:{d:`M3 18L7 6L11 13L15 8L21 19`,dash:`M3 18L11 13L21 19`,dots:[[3,18],[7,6],[11,13],[15,8],[21,19]]},abcdPattern:{d:`M4 19L9 8L13 14L20 4`,dots:[[4,19],[9,8],[13,14],[20,4]]},headAndShoulders:{d:`M3 19L6 11L8.5 15L12 5L15.5 15L18 11L21 19`,dash:`M4.5 15H19.5`,dots:[[6,11],[12,5],[18,11]]},elliottWave:{d:`M3 19L6 13L8.5 16L14 6L16 10L21 4`,dots:[[3,19],[21,4]]},priceRange:{d:`M5 4H19M5 20H19M12 6.5V17.5M9 9.5L12 6.5L15 9.5M9 14.5L12 17.5L15 14.5`},dateRange:{d:`M4 5V19M20 5V19M6.5 12H17.5M9.5 9L6.5 12L9.5 15M14.5 9L17.5 12L14.5 15`},dateAndPriceRange:{d:`M6 18V4M3 7L6 4L9 7M6 18H20M17 15L20 18L17 21`,dash:`M6 4H20V18`},measure:{d:`M3.5 16.5L16.5 3.5L20.5 7.5L7.5 20.5zM6.5 13.5L8 15M9.5 10.5L11.5 12.5M12.5 7.5L14 9`},text:{d:`M6 6V4.5H18V6M12 4.5V19.5M9.5 19.5H14.5`},priceLabel:{d:`M9 5H19a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 19 19H9L3.5 12zM11 12H17`},arrow:{d:`M5 19L19 5M10 5H19V14`},riskReward:{d:`M5 12V4H19V12M3 12H21`,dash:`M5 12V18H19V12`,dots:[[5,12]]},anchoredVWAP:{d:`M4 18C9 17 12 10 20 7M4 20.5V18`,dots:[[4,18]]},volumeProfileRange:{d:`M6 7H12M6 10.5H17M6 14H15M6 17.5H10`,dash:`M3.5 4V20M20.5 4V20`,dots:[[3.5,20],[20.5,20]]},note:{d:`M5.5 4.5h13v9l-5 5h-8zM13.5 18.5v-5h5M8.5 8.5h7M8.5 11.5h4`},callout:{d:`M10.5 4h9a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zM12 12L5 19M12.5 8h5`,dots:[[5,19]]},flag:{d:`M6 21V4M6 4.5h11l-2.5 3.75L17 12H6`,soft:`M6 4.5h11l-2.5 3.75L17 12H6z`,dots:[[6,21]]},arrowMark:{d:`M12 4L18 11H14.5V20H9.5V11H6z`},icon:{d:`M12 3.5l2.6 5.3 5.9.85-4.25 4.15 1 5.85L12 16.9l-5.25 2.75 1-5.85L3.5 9.65l5.9-.85z`},brush:{d:`M3.5 17c2.5 0 3-5 6-5s2.5 5 5.5 5 3.5-6 5.5-9`},highlighter:{d:`M14.5 4.5l5 5L11 18H6v-5zM12 7l5 5M4 21h8`},path:{d:`M4 18L9 10L14 14L20 6M16.2 6.6L20 6L19.6 9.8`,dots:[[4,18],[9,10],[14,14]]},polyline:{d:`M5 17L8 6L16 4L20 14L12 20z`,soft:`M5 17L8 6L16 4L20 14L12 20z`,dots:[[5,17],[8,6],[16,4],[20,14],[12,20]]},curve:{d:`M4 18C8 4 16 4 20 18`,dots:[[4,18],[20,18],[12,7.5]]},arc:{d:`M4 17a8 8 0 0 1 16 0`,dots:[[4,17],[20,17],[12,9]]},fibCircles:{d:`M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM16.5 12a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0zM20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0z`,dots:[[12,12],[20,12]]},fibSpiral:{d:`M12 12a1.5 1.5 0 0 1 1.5 1.5 3 3 0 0 1-3 3A4.5 4.5 0 0 1 6 12a6 6 0 0 1 6-6 8 8 0 0 1 8 8`,dots:[[12,12]]},fibArcs:{d:`M10 20a6 6 0 0 0-6-6M14 20a10 10 0 0 0-10-10M18 20a14 14 0 0 0-14-14`,dash:`M4 20L18 6`,dots:[[4,20],[18,6]]},fibWedge:{d:`M4 19L20 7M4 19L20 16M10.4 14.2A8 8 0 0 1 11.86 17.53M14.4 11.2A13 13 0 0 1 16.78 16.6`,dots:[[4,19],[20,7],[20,16]]},pitchfan:{d:`M4 20L14 4M4 20L20 14M4 20L17 9`,dash:`M14 4L20 14`,dots:[[4,20],[14,4],[20,14]]},gannSquare:{d:`M4 4H20V20H4zM4 20L20 4M4 12H20M12 4V20M4 12a8 8 0 0 1 8 8`,dots:[[4,20],[20,4]]},elliottImpulse:{d:`M3 19L7 12L10 15L15 5L17.5 9L21 3`,dots:[[3,19],[21,3]]},elliottCorrection:{d:`M4 5L10 17L14 11L20 20`,dots:[[4,5],[20,20]]},elliottTriangle:{d:`M3 6L7 17L11 9L15 15L18 11L21 13`,dots:[[3,6],[21,13]]},elliottDoubleCombo:{d:`M4 5L9 14L13 9L20 19`,dots:[[4,5],[9,14],[13,9],[20,19]]},elliottTripleCombo:{d:`M3 5L7 13L10 9L14 16L17 12L21 20`,dots:[[3,5],[21,20]]},threeDrives:{d:`M3 20L7 12L9.5 15L14 7L16.5 10L21 3`,dash:`M7 12L14 7L21 3`,dots:[[7,12],[14,7],[21,3]]},cypherPattern:{d:`M3 19L7 9L10 14L15 5L20 16`,dash:`M3 19L10 14L20 16`,dots:[[3,19],[7,9],[10,14],[15,5],[20,16]]},timeCycles:{d:`M3 18a4.5 4.5 0 0 1 9 0a4.5 4.5 0 0 1 9 0`,dots:[[3,18],[12,18]]},sineLine:{d:`M3 12C5 5 7.5 5 9 12S13 19 15 12 19.5 5 21 12`,dots:[[6,6.75],[12,17.25]]},forecast:{d:`M4 18L15.2 7.8M19.5 6a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z`,dots:[[4,18]]},projection:{d:`M12 19L18 11M15.2 11.3L18 11L17.8 13.8`,dash:`M3 17L9 9`,dots:[[3,17],[9,9],[12,19]]},barsPattern:{d:`M5 6V14M9 9V18M15 4V12M19 7V16`,fills:[`M4 8h2v4H4z`,`M8 11h2v5H8z`,`M14 6h2v4h-2z`,`M18 9h2v5h-2z`],dash:`M12 3V21`}},b={candlestick:{d:`M8 3.5V7M8 16V20.5M16 5V8.5M16 15.5V19`,fills:[`M6.5 7h3a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1z`,`M14.5 8.5h3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1z`]},hollowCandle:{d:`M8 3.5V7M8 16V20.5M16 5V8.5M16 15.5V19M6.5 7h3a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1zM14.5 8.5h3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1z`},heikinAshi:{d:`M5.5 9.5V12M5.5 18V20M12 5.5V8M12 14V16M18.5 3V4.5M18.5 10.5V12.5`,fills:[`M4 12h3a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5v-5A.5.5 0 0 1 4 12z`,`M10.5 8h3a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5z`,`M17 4.5h3a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5z`]},bar:{d:`M8 4V20M5 8H8M8 16H11M16 6V18M13 15H16M16 9H19`},volumeCandles:{d:`M6.5 5V8M6.5 16V19M15.5 3.5V6M15.5 16V20`,fills:[`M5.5 8h2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5z`,`M11.5 6h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5z`]},equivolume:{d:`M4.5 10h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1zM10 6h5a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zM18.5 4h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z`},line:{d:`M3 17L8 11L12 14L21 5`},area:{d:`M3 17L8 11L12 14L21 5`,soft:`M3 17L8 11L12 14L21 5V20H3z`},baseline:{d:`M3 16L7 9L11 14L15 7L21 15`,dash:`M3 12H21`},hlcArea:{d:`M3 9L8 6L13 9L21 4M3 15L8 13L13 16L21 11`,dash:`M3 12L8 9.5L13 12.5L21 7.5`,soft:`M3 9L8 6L13 9L21 4V11L13 16L8 13L3 15z`},stepLine:{d:`M3 18H8V12H12V15H16V7H21`},lineWithMarkers:{d:`M4 17L9 10L14 14L20 6`,dots:[[4,17],[9,10],[14,14],[20,6]]},hiLo:{d:`M6 7V17M12 4V14M18 9V20`,fills:[`M5 7h2v10H5z`,`M11 4h2v10h-2z`,`M17 9h2v11h-2z`]},renko:{d:`M3.5 15.5h4v4h-4zM7.5 11.5h4v4h-4zM11.5 7.5h4v4h-4zM15.5 11.5h4v4h-4z`},lineBreak:{d:`M4 14h4v5H4zM8 10h4v4H8zM16 9h4v8h-4z`,fills:[`M12 5h4v5h-4z`]},kagi:{d:`M4 19V11H9V16H14V5H20V13`},pointAndFigure:{d:`M5.5 5.5l3 3M8.5 5.5l-3 3M5.5 10.5l3 3M8.5 10.5l-3 3M5.5 15.5l3 3M8.5 15.5l-3 3M14.5 9a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M14.5 14a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0`},rangeBars:{d:`M6.5 11V12M6.5 18V19M12 7V8M12 14V15M17.5 3.5V4.5M17.5 10.5V11.5`,fills:[`M5 12h3v6H5z`,`M10.5 8h3v6h-3z`,`M16 4.5h3v6h-3z`]}},re=1.75,ie=.22,ae=new WeakMap;function oe(e){let t=ae.get(e);if(t)return t;let n=``;e.soft&&(n+=`<path d="${e.soft}" fill="currentColor" fill-opacity="${ie}" stroke="none"/>`);for(let t of e.fills??[])n+=`<path d="${t}" fill="currentColor" stroke="none"/>`;e.d&&(n+=`<path d="${e.d}"/>`),e.dash&&(n+=`<path d="${e.dash}" stroke-dasharray="2 2.5"/>`);for(let[t,r,i=re]of e.dots??[])n+=`<circle cx="${t}" cy="${r}" r="${i}" fill="currentColor" stroke="none"/>`;return ae.set(e,n),n}function x(e,t){return`<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${oe(e)}</svg>`}var se=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)?e[t]:void 0;function S(e,t=14){let n=se(v,e);return n?x(n,t):``}function C(e,t=16){return x(se(y,e)??v.penLine,t)}function ce(e,t=14){return x(se(b,e)??v.barChart,t)}function w(e){return e.replace(/[&<>"']/g,e=>({"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&#39;`})[e])}var le=class{trigger;panel;_isOpen=!1;onOutsideClick;onEscapeKey;onTriggerClick;constructor(e,t={}){this.trigger=e,this.panel=document.createElement(`div`),this.panel.className=`tcw-dropdown`,this.panel.style.minWidth=t.width??`200px`,t.align===`right`?this.panel.style.insetInlineEnd=`0px`:this.panel.style.insetInlineStart=`0px`,this.panel.style.display=`none`,e.style.position=`relative`,e.appendChild(this.panel),this.onTriggerClick=()=>{this._isOpen?this.close():this.open()},this.onOutsideClick=e=>{this.trigger.contains(e.target)||this.close()},this.onEscapeKey=e=>{e.key===`Escape`&&this.close()},e.addEventListener(`click`,this.onTriggerClick)}setContent(e){this.panel.innerHTML=e}open(){this._isOpen||(this._isOpen=!0,this.panel.style.display=``,document.addEventListener(`mousedown`,this.onOutsideClick),document.addEventListener(`keydown`,this.onEscapeKey))}close(){this._isOpen&&(this._isOpen=!1,this.panel.style.display=`none`,document.removeEventListener(`mousedown`,this.onOutsideClick),document.removeEventListener(`keydown`,this.onEscapeKey))}isOpen(){return this._isOpen}destroy(){this.trigger.removeEventListener(`click`,this.onTriggerClick),document.removeEventListener(`mousedown`,this.onOutsideClick),document.removeEventListener(`keydown`,this.onEscapeKey),this.panel.remove()}},ue=[`en-US`,`en-GB`,`en-IN`,`de-DE`,`fr-FR`,`es-ES`,`it-IT`,`pt-BR`,`ru-RU`,`tr-TR`,`vi-VN`,`id-ID`,`th-TH`,`zh-CN`,`zh-TW`,`ja-JP`,`ko-KR`],de=65234;function fe(e){return(e&&!ue.includes(e)?[e,...ue]:ue).map(e=>{let t;try{t=new Intl.NumberFormat(e,{minimumFractionDigits:2,maximumFractionDigits:2}).format(de)}catch{t=``}return{value:e,label:t?`${e} (${t})`:e}})}var pe={Lines:`toolGroup.lines`,"Horizontal/Vertical":`toolGroup.horizontalVertical`,Channels:`toolGroup.channels`,Fibonacci:`toolGroup.fibonacci`,Shapes:`toolGroup.shapes`,"Gann & Pitchforks":`toolGroup.gannPitchforks`,Patterns:`toolGroup.patterns`,Measure:`toolGroup.measure`,Annotation:`toolGroup.annotation`,Forecasting:`toolGroup.forecasting`,Brushes:`toolGroup.brushes`,Cycles:`toolGroup.cycles`,"Elliott Waves":`toolGroup.elliott`};function me(e,t){let n=`chartType.${e.value}`,r=t(n);return r===n?e.label:r}function he(e,t){return e.map(e=>({...e,label:pe[e.label]?t(pe[e.label]):e.label,tools:e.tools.map(e=>{let n=`tool.${e.value}`,r=t(n);return{...e,label:r===n?e.label:r}})}))}var ge=0;function _e(e,t){let n=e.querySelector(`.tcw-host-btn-text`)?.textContent??``;n===t?e.removeAttribute(`aria-label`):e.setAttribute(`aria-label`,n?`${t}: ${n}`:t)}var ve=class{config;callbacks;t;el;chartTypeDropdown=null;indicatorDropdown=null;tfGroup=null;tfDropdown=null;tfFavorites=[];uid=(ge++).toString(36);tfRendered=``;themeBtn=null;indicatorTemplates=[];fullscreenBtn=null;hostLeft=null;hostRight=null;constructor(e,t,n,r){this.config=t,this.callbacks=n,this.t=r,this.el=document.createElement(`div`),this.el.className=`tcw-toolbar`,this.build(),e.appendChild(this.el)}build(){let{config:e,callbacks:t,el:n}=this,r=document.createElement(`button`);if(r.className=`tcw-toolbar-symbol`,r.dataset.role=`symbol`,r.addEventListener(`click`,t.onSymbolClick),n.appendChild(r),t.onSymbolInfo){let e=this.iconBtn(`info`,this.t(`symbolInfo.title`),t.onSymbolInfo);e.dataset.role=`symbolInfo`,n.appendChild(e)}if(n.appendChild(this.sep()),this.tfFavorites=[...e.timeframeFavorites??e.timeframes.map(e=>e.value)],this.tfGroup=document.createElement(`div`),this.tfGroup.className=`tcw-toolbar-group tcw-tf-group`,n.appendChild(this.tfGroup),t.onToggleTimeframeFavorite&&e.timeframes.length>0){let e=document.createElement(`div`);e.style.position=`relative`,e.style.display=`inline-flex`;let t=document.createElement(`button`);t.className=`tcw-btn tcw-tf-more`,t.dataset.role=`timeframes`,t.title=this.t(`toolbar.timeframes`),t.setAttribute(`aria-label`,this.t(`toolbar.timeframes`)),t.innerHTML=S(`chevronDown`,12),e.appendChild(t),n.appendChild(e),this.tfDropdown=new le(e,{width:`150px`}),this.buildTimeframeMenu()}n.appendChild(this.sep());let i=document.createElement(`div`);i.style.position=`relative`,i.style.display=`inline-flex`;let a=document.createElement(`button`);a.className=`tcw-dropdown-trigger`,a.dataset.role=`charttype`,i.appendChild(a),n.appendChild(i),this.chartTypeDropdown=new le(i,{width:`160px`}),this.buildChartTypeMenu(),n.appendChild(this.sep());let o=document.createElement(`div`);o.style.position=`relative`,o.style.display=`inline-flex`;let s=document.createElement(`button`);if(s.className=`tcw-dropdown-trigger`,s.dataset.role=`indicators`,o.appendChild(s),n.appendChild(o),this.indicatorDropdown=new le(o,{width:`280px`}),this.buildIndicatorMenu(),this.hostLeft=this.hostGroup(),n.appendChild(this.hostLeft),n.appendChild(this.spacer()),t.onLayouts){let e=t.onLayouts,r=document.createElement(`button`);r.type=`button`,r.className=`tcw-dropdown-trigger tcw-layouts-btn`,r.dataset.role=`layouts`,r.setAttribute(`aria-haspopup`,`menu`),r.addEventListener(`click`,()=>e(r)),n.appendChild(r),this.setLayout(null,!1)}if(this.hostRight=this.hostGroup(),n.appendChild(this.hostRight),t.onToggleReplay){let e=this.iconBtn(`play`,this.t(`toolbar.replay`),t.onToggleReplay);e.dataset.role=`replay`,n.appendChild(e)}if(t.onBracket){let e=t.onBracket,r=this.iconBtn(`trendingUp`,this.t(`toolbar.longBracket`),()=>e(`buy`));r.dataset.role=`long`,r.classList.add(`tcw-btn-long`),n.appendChild(r);let i=this.iconBtn(`trendingDown`,this.t(`toolbar.shortBracket`),()=>e(`sell`));i.dataset.role=`short`,i.classList.add(`tcw-btn-short`),n.appendChild(i)}if(t.onToggleLadder){let e=this.iconBtn(`ladder`,this.t(`toolbar.depthLadder`),t.onToggleLadder);e.dataset.role=`ladder`,n.appendChild(e)}if(t.onToggleAccount){let e=this.iconBtn(`receipt`,this.t(`toolbar.account`),t.onToggleAccount);e.dataset.role=`account`,e.setAttribute(`aria-pressed`,`false`),n.appendChild(e)}if(t.onToggleObjects){let e=this.iconBtn(`layers`,this.t(`toolbar.objects`),t.onToggleObjects);e.dataset.role=`objects`,n.appendChild(e)}if(t.onToggleAlerts){let e=this.iconBtn(`bell`,this.t(`toolbar.priceAlerts`),t.onToggleAlerts);e.dataset.role=`alerts`,n.appendChild(e)}let c=this.iconBtn(`camera`,this.t(`toolbar.screenshot`),t.onScreenshot);n.appendChild(c);let l=this.iconBtn(`settings`,this.t(`toolbar.settings`),t.onSettings);n.appendChild(l),this.themeBtn=this.iconBtn(`moon`,this.t(`toolbar.toggleTheme`),t.onToggleTheme),this.themeBtn.dataset.role=`theme`,n.appendChild(this.themeBtn),t.onToggleFullscreen&&(this.fullscreenBtn=this.iconBtn(`maximize`,this.t(`toolbar.fullscreen`),t.onToggleFullscreen),this.fullscreenBtn.dataset.role=`fullscreen`,this.fullscreenBtn.setAttribute(`aria-pressed`,`false`),n.appendChild(this.fullscreenBtn))}addHostButton(e){let t=document.createElement(`button`);t.type=`button`,t.className=e.text||!e.icon?`tcw-btn tcw-host-btn`:`tcw-btn-icon tcw-host-btn`,t.dataset.hostButton=e.id,t.title=e.label,e.toggle&&t.setAttribute(`aria-pressed`,`false`),typeof e.icon==`string`?t.innerHTML=S(e.icon,14):e.icon&&t.appendChild(e.icon);let n=e.text??(e.icon?``:e.label);if(n){let e=document.createElement(`span`);e.className=`tcw-host-btn-text`,e.textContent=n,t.appendChild(e)}return _e(t,e.label),t.addEventListener(`click`,()=>e.onClick(t)),(e.side===`left`?this.hostLeft:this.hostRight)?.appendChild(t),t}hostGroup(){let e=document.createElement(`div`);return e.className=`tcw-toolbar-host`,e}setActive(e,t){let n=this.el.querySelector(`[data-role="${e}"]`);n&&(n.classList.toggle(`tcw-active`,t),n.setAttribute(`aria-pressed`,String(t)))}setLayout(e,t){let n=this.el.querySelector(`[data-role="layouts"]`);if(!n)return;let r=e??this.t(`layouts.unnamed`),i=`${this.t(`toolbar.layouts`)}: ${r}${t?` (${this.t(`layouts.unsavedChanges`)})`:``}`;n.innerHTML=`${S(`save`,14)}<span class="tcw-layouts-label">${w(r)}</span>`+(t?`<span class="tcw-layouts-dirty" aria-hidden="true"></span>`:``)+S(`chevronDown`,12),n.title=i,n.setAttribute(`aria-label`,i)}setFullscreen(e){if(!this.fullscreenBtn)return;let t=this.t(e?`toolbar.exitFullscreen`:`toolbar.fullscreen`);this.fullscreenBtn.innerHTML=S(e?`minimize`:`maximize`,14),this.fullscreenBtn.title=t,this.fullscreenBtn.setAttribute(`aria-pressed`,String(e))}chartTypeLabel(e){return me(e,this.t)}buildChartTypeMenu(){if(!this.chartTypeDropdown)return;let e=this.config.chartTypes.map(e=>`<button class="tcw-dropdown-item tcw-dropdown-item--icon" data-ct="${w(e.value)}">${ce(e.value,16)}<span>${w(this.chartTypeLabel(e))}</span></button>`).join(``);this.chartTypeDropdown.setContent(e),this.chartTypeDropdown.panel.querySelectorAll(`.tcw-dropdown-item`).forEach(e=>{e.addEventListener(`click`,e=>{let t=e.currentTarget.dataset.ct;this.callbacks.onChartType(t),this.chartTypeDropdown?.close()})})}setSymbolDescription(e){let t=this.el.querySelector(`[data-role="symbol"]`);t&&(e?t.title=e:t.removeAttribute(`title`))}setTimeframes(e,t){this.config={...this.config,timeframes:e},this.setTimeframeFavorites(t)}setTimeframeFavorites(e){this.tfFavorites=[...e],this.tfRendered=``,this.buildTimeframeMenu()}buildTimeframeMenu(){if(!this.tfDropdown)return;let e=w(this.t(`toolbar.timeframes.pin`)),t=w(this.t(`toolbar.timeframes.remove`)),n=`<div class="tcw-dropdown-label">${w(this.t(`toolbar.timeframes`))}</div>`;for(let r of this.config.timeframes){let i=this.tfFavorites.includes(r.value),[a,o]=[w(r.value),w(r.label)];n+=`<div class="tcw-tf-row"><button class="tcw-dropdown-item" data-tf-pick="${a}">${o}</button>`+(r.custom&&this.callbacks.onRemoveTimeframe?`<button class="tcw-tf-remove" data-tf-remove="${a}" title="${t}" aria-label="${t}: ${o}">${S(`x`,12)}</button>`:``)+`<button class="tcw-tf-star${i?` tcw-active`:``}" data-tf-star="${a}" aria-pressed="${i}" title="${e}" aria-label="${e}: ${o}">${S(`star`,12)}</button></div>`}if(this.callbacks.onAddTimeframe){let e=w(this.t(`toolbar.timeframes.custom`)),t=w(this.t(`toolbar.timeframes.add`));n+=`<form class="tcw-tf-custom" novalidate><input class="tcw-tf-custom-input" type="text" autocomplete="off" spellcheck="false" maxlength="6" placeholder="7m, 90m, 2h…" aria-label="${e}" aria-describedby="tcw-tf-hint-${this.uid}"><button type="submit" class="tcw-tf-custom-add" title="${t}" aria-label="${t}">${S(`plus`,12)}</button><div class="tcw-tf-custom-hint" id="tcw-tf-hint-${this.uid}" role="status"></div></form>`}this.tfDropdown.setContent(n);let r=this.tfDropdown.panel;r.querySelectorAll(`[data-tf-pick]`).forEach(e=>{e.addEventListener(`click`,()=>this.callbacks.onTimeframe(e.dataset.tfPick))}),r.querySelectorAll(`[data-tf-star]`).forEach(e=>{e.addEventListener(`click`,t=>{t.stopPropagation(),this.callbacks.onToggleTimeframeFavorite?.(e.dataset.tfStar)})}),r.querySelectorAll(`[data-tf-remove]`).forEach(e=>{e.addEventListener(`click`,t=>{t.stopPropagation(),this.callbacks.onRemoveTimeframe?.(e.dataset.tfRemove)})});let i=r.querySelector(`.tcw-tf-custom`);i&&this.wireCustomTimeframe(i)}wireCustomTimeframe(e){let t=e.querySelector(`.tcw-tf-custom-input`),n=e.querySelector(`.tcw-tf-custom-hint`);e.addEventListener(`click`,e=>e.stopPropagation()),t.addEventListener(`input`,()=>{t.removeAttribute(`aria-invalid`),n.textContent=``}),e.addEventListener(`submit`,e=>{e.preventDefault(),e.stopPropagation(),this.callbacks.onAddTimeframe?.(t.value)?(t.value=``,n.textContent=``,this.tfDropdown?.close(),this.el.querySelector(`[data-role="timeframes"]`)?.focus()):(t.setAttribute(`aria-invalid`,`true`),n.textContent=this.t(`toolbar.timeframes.invalid`))})}renderTimeframes(e){if(!this.tfGroup)return;let t=this.config.timeframes.filter(t=>this.tfFavorites.includes(t.value)||t.value===e),n=`${t.map(e=>e.value).join(`,`)}|${e}`;n!==this.tfRendered&&(this.tfRendered=n,this.tfGroup.replaceChildren(...t.map(t=>{let n=document.createElement(`button`);return n.className=`tcw-btn`,n.textContent=t.label,n.dataset.tf=t.value,n.classList.toggle(`tcw-active`,t.value===e),n.addEventListener(`click`,()=>this.callbacks.onTimeframe(t.value)),n})),(this.tfDropdown?.panel)?.querySelectorAll(`[data-tf-pick]`).forEach(t=>{t.classList.toggle(`tcw-active`,t.dataset.tfPick===e)}))}setIndicatorTemplates(e,t=!1){this.indicatorTemplates=[...e],this.buildIndicatorMenu(),t&&(this.indicatorDropdown?.panel)?.querySelector(`[data-tpl-save]`)?.focus()}templatesMenuHtml(){if(!this.callbacks.onSaveIndicatorTemplate)return``;let e=this.t(`templates.delete`),n=`<div class="tcw-dropdown-label">${w(this.t(`toolbar.indicators.templates`))}</div>`;for(let r of this.indicatorTemplates){let i=w(r);n+=`<div class="tcw-tf-row"><button class="tcw-dropdown-item" data-tpl-apply="${i}">${S(`layers`,14)}<span>${i}</span></button><button class="tcw-tf-remove" data-tpl-delete="${i}" title="${w(t.r(e,{name:r}))}" aria-label="${w(t.r(e,{name:r}))}">${S(`x`,12)}</button></div>`}return n+=`<button class="tcw-dropdown-item" data-tpl-save>${S(`save`,14)}<span>${w(this.t(`templates.save`))}</span></button>`,n+`<div class="tcw-dropdown-divider"></div>`}buildIndicatorMenu(){if(!this.indicatorDropdown)return;let{indicators:e,popularIndicatorIds:t}=this.config,n=e.filter(e=>t.includes(e.id)),r=e.filter(e=>!t.includes(e.id)),i=e=>this.t(`indicatorType.${e}`),a=e=>`<button class="tcw-dropdown-item" data-ind="${w(e.id)}"><span>${w(e.name)}</span><span class="tcw-tag">${w(i(e.type))}</span></button>`,o=this.templatesMenuHtml();o+=`<div class="tcw-dropdown-label">${w(this.t(`toolbar.indicators.popular`))}</div>`;for(let e of n)o+=a(e);o+=`<div class="tcw-dropdown-divider"></div>`,o+=`<div class="tcw-dropdown-label">${w(this.t(`toolbar.indicators.all`))}</div>`;for(let e of r)o+=a(e);this.indicatorDropdown.setContent(o);let s=this.indicatorDropdown.panel;s.querySelectorAll(`.tcw-dropdown-item[data-ind]`).forEach(e=>{e.addEventListener(`click`,e=>{let t=e.currentTarget.dataset.ind;this.callbacks.onAddIndicator(t)})}),s.querySelectorAll(`[data-tpl-apply]`).forEach(e=>{e.addEventListener(`click`,()=>{this.indicatorDropdown?.close(),this.callbacks.onApplyIndicatorTemplate?.(e.dataset.tplApply)})}),s.querySelectorAll(`[data-tpl-delete]`).forEach(e=>{e.addEventListener(`click`,t=>{t.stopPropagation(),this.callbacks.onDeleteIndicatorTemplate?.(e.dataset.tplDelete)})}),s.querySelector(`[data-tpl-save]`)?.addEventListener(`click`,()=>{this.indicatorDropdown?.close(),this.callbacks.onSaveIndicatorTemplate?.()})}update(e){let t=this.el.querySelector(`[data-role="symbol"]`);t&&(t.textContent=e.symbol),this.renderTimeframes(e.timeframe);let n=this.el.querySelector(`[data-role="charttype"]`);if(n){let t=this.config.chartTypes.find(t=>t.value===e.chartType),r=t?this.chartTypeLabel(t):e.chartType;n.innerHTML=`${ce(e.chartType,14)} ${w(r)} ${S(`chevronDown`,12)}`}let r=this.el.querySelector(`[data-role="indicators"]`);if(r){let t=e.activeIndicators.size,n=`${S(`trendingUp`,14)} ${this.t(`toolbar.indicators`)}`;t>0&&(n+=` <span class="tcw-badge-count">${t}</span>`),r.innerHTML=n}this.themeBtn&&(this.themeBtn.innerHTML=e.isDark?S(`moon`,14):S(`sun`,14))}sep(){let e=document.createElement(`span`);return e.className=`tcw-toolbar-sep`,e}spacer(){let e=document.createElement(`span`);return e.className=`tcw-toolbar-spacer`,e}iconBtn(e,t,n){let r=document.createElement(`button`);return r.className=`tcw-btn-icon`,r.title=t,r.innerHTML=S(e,14),r.addEventListener(`click`,n),r}destroy(){this.chartTypeDropdown?.destroy(),this.indicatorDropdown?.destroy(),this.el.remove()}},T=16,ye=150,be=4;function xe(e,t){for(let n of e){let e=n.tools.find(e=>e.value===t);if(e)return e.label}return t}var Se=class{config;callbacks;el;groupWraps=[];groupButtons=[];groupIcons=[];groupTools=[];cursorBtn=null;magnetBtn=null;eraserBtn=null;zoomBtn=null;stayBtn=null;flyoutEl=null;flyoutIdx=-1;flyoutHideTimer=null;favoritesEl=null;favoritesDivider=null;favorites=[];constructor(e,n,r,i=t.t){this.host=e,this.t=i,this.config=n,this.callbacks=r,this.el=document.createElement(`div`),this.el.className=`tcw-sidebar`,this.build(),this.el.addEventListener(`scroll`,()=>this.hideFlyout(),{passive:!0}),e.appendChild(this.el)}build(){let{config:e,callbacks:t,el:n}=this;this.cursorBtn=document.createElement(`button`),this.cursorBtn.className=`tcw-sidebar-btn`,this.cursorBtn.title=this.t(`drawing.cursor`),this.cursorBtn.innerHTML=S(`cursor`,14),this.cursorBtn.addEventListener(`click`,t.onCancelDrawing),n.appendChild(this.cursorBtn),n.appendChild(this.divider()),t.onToggleFavorite&&(this.favorites=[...e.favorites??[]],this.favoritesEl=document.createElement(`div`),this.favoritesEl.className=`tcw-sidebar-favorites`,n.appendChild(this.favoritesEl),this.favoritesDivider=this.divider(),n.appendChild(this.favoritesDivider),this.renderFavorites());let r;e.drawingToolGroups.forEach((e,i)=>{if(!e.tools[0])return;e.section!==void 0&&r!==void 0&&e.section!==r&&this.appendDivider(),r=e.section;let a=document.createElement(`div`);a.className=`tcw-tool-group-wrap`;let o=document.createElement(`button`);o.className=`tcw-sidebar-btn`;let s=e.tools[0].value;e.tools.length>1?o.setAttribute(`aria-label`,`${e.label}: ${e.tools[0].label}`):o.title=e.label;let c=document.createElement(`span`);if(c.className=`tcw-sidebar-icon`,c.innerHTML=C(s,T),o.appendChild(c),this.groupIcons.push(c),this.groupTools.push(s),e.tools.length>1){let e=document.createElement(`span`);e.className=`tcw-multi-dot`,o.appendChild(e)}o.addEventListener(`click`,()=>t.onDrawingTool(this.groupTools[i])),a.appendChild(o),a.addEventListener(`mouseenter`,()=>this.showFlyout(i)),a.addEventListener(`mouseleave`,()=>this.scheduleHideFlyout()),e.tools.length>1&&(o.setAttribute(`aria-haspopup`,`menu`),o.setAttribute(`aria-expanded`,`false`),o.addEventListener(`keydown`,e=>{e.key===`ArrowRight`||e.key===`ArrowDown`?(e.preventDefault(),this.showFlyout(i),this.focusFlyoutItem(0)):e.key===`Escape`&&this.flyoutEl&&(e.stopPropagation(),this.hideFlyout())})),a.addEventListener(`focusout`,e=>{let t=e.relatedTarget;!a.contains(t)&&!this.flyoutEl?.contains(t)&&this.scheduleHideFlyout()}),n.appendChild(a),this.groupWraps.push(a),this.groupButtons.push(o)});let i=document.createElement(`div`);if(i.className=`tcw-sidebar-spacer`,n.appendChild(i),n.appendChild(this.divider()),t.onToggleStyle){let e=document.createElement(`button`);e.className=`tcw-sidebar-btn`,e.title=this.t(`drawing.style`),e.dataset.role=`style`,e.innerHTML=S(`palette`,14),e.addEventListener(`click`,t.onToggleStyle),n.appendChild(e)}t.onToggleMagnet&&(this.magnetBtn=document.createElement(`button`),this.magnetBtn.className=`tcw-sidebar-btn`,this.magnetBtn.title=this.t(`drawing.magnet`),this.magnetBtn.innerHTML=S(`magnet`,14),this.magnetBtn.addEventListener(`click`,t.onToggleMagnet),n.appendChild(this.magnetBtn)),t.onToggleEraser&&(this.eraserBtn=this.toggleButton(`eraser`,this.t(`drawing.eraser`),t.onToggleEraser),n.appendChild(this.eraserBtn)),t.onToggleZoomArea&&(this.zoomBtn=this.toggleButton(`zoomIn`,this.t(`drawing.zoomArea`),t.onToggleZoomArea),n.appendChild(this.zoomBtn)),t.onToggleStayInDrawing&&(this.stayBtn=document.createElement(`button`),this.stayBtn.className=`tcw-sidebar-btn`,this.stayBtn.dataset.role=`stay`,this.stayBtn.title=this.t(`drawing.stay`),this.stayBtn.setAttribute(`aria-pressed`,`false`),this.stayBtn.innerHTML=S(`repeat`,14),this.stayBtn.addEventListener(`click`,t.onToggleStayInDrawing),n.appendChild(this.stayBtn)),this.appendDivider();let a=document.createElement(`button`);a.className=`tcw-sidebar-btn`,a.title=this.t(`drawing.undo`),a.innerHTML=S(`undo`,14),a.addEventListener(`click`,t.onUndo),n.appendChild(a);let o=document.createElement(`button`);o.className=`tcw-sidebar-btn`,o.title=this.t(`drawing.redo`),o.innerHTML=S(`redo`,14),o.addEventListener(`click`,t.onRedo),n.appendChild(o),this.appendDivider();let s=document.createElement(`button`);s.className=`tcw-sidebar-btn tcw-danger`,s.title=this.t(`drawing.clearAll`),s.innerHTML=S(`trash`,14),s.addEventListener(`click`,t.onClearDrawings),n.appendChild(s)}setFavorites(e){this.favorites=[...e],this.renderFavorites()}renderFavorites(){if(!this.favoritesEl)return;this.favoritesEl.replaceChildren();let e=this.favorites.length>0;this.favoritesEl.style.display=e?``:`none`,this.favoritesDivider&&(this.favoritesDivider.style.display=e?``:`none`);for(let e of this.favorites){let n=document.createElement(`button`);n.className=`tcw-sidebar-btn`,n.title=t.r(this.t(`sidebar.unpinHint`),{tool:xe(this.config.drawingToolGroups,e)}),n.dataset.toolValue=e,n.innerHTML=C(e,T),n.addEventListener(`click`,()=>this.callbacks.onDrawingTool(e)),n.addEventListener(`contextmenu`,t=>{t.preventDefault(),this.callbacks.onToggleFavorite?.(e)}),this.favoritesEl.appendChild(n)}}showFlyout(e){if(this.cancelHideFlyout(),this.flyoutEl&&this.flyoutIdx===e)return;let t=this.config.drawingToolGroups[e];if(!t||t.tools.length<=1){this.hideFlyout();return}this.hideFlyout();let n=document.createElement(`div`);n.className=`tcw-flyout`,n.setAttribute(`role`,`menu`),n.setAttribute(`aria-label`,t.label),n.addEventListener(`keydown`,t=>this.onFlyoutKey(t,e));let r=document.createElement(`div`);r.className=`tcw-flyout-header`,r.textContent=t.label,n.appendChild(r);for(let e of t.tools){let t=document.createElement(`button`);t.className=`tcw-flyout-item`,t.setAttribute(`role`,`menuitem`),t.tabIndex=-1,t.innerHTML=C(e.value,T);let r=document.createElement(`span`);r.textContent=e.label,t.appendChild(r),t.dataset.toolValue=e.value,t.addEventListener(`click`,()=>{this.callbacks.onDrawingTool(e.value),this.hideFlyout()}),this.callbacks.onToggleFavorite&&(this.favorites.includes(e.value)&&t.classList.add(`tcw-flyout-faved`),t.addEventListener(`contextmenu`,t=>{t.preventDefault(),this.callbacks.onToggleFavorite?.(e.value)})),n.appendChild(t)}if(this.callbacks.onToggleFavorite){let e=document.createElement(`div`);e.className=`tcw-flyout-hint`,e.textContent=this.t(`drawing.pinHint`),n.appendChild(e)}n.addEventListener(`mouseenter`,()=>this.cancelHideFlyout()),n.addEventListener(`mouseleave`,()=>this.scheduleHideFlyout()),n.addEventListener(`focusout`,t=>{let r=t.relatedTarget;!n.contains(r)&&!this.groupWraps[e].contains(r)&&this.scheduleHideFlyout()}),this.flyoutEl=n,this.flyoutIdx=e,this.host.appendChild(n),this.placeFlyout(n,this.groupButtons[e]),this.groupButtons[e].setAttribute(`aria-expanded`,`true`)}flyoutItems(){return this.flyoutEl?[...this.flyoutEl.querySelectorAll(`.tcw-flyout-item`)]:[]}focusFlyoutItem(e){let t=this.flyoutItems();t.length!==0&&t[(e+t.length)%t.length].focus()}onFlyoutKey(e,t){let n=this.flyoutItems(),r=n.indexOf(document.activeElement);switch(e.key){case`ArrowDown`:this.focusFlyoutItem(r+1);break;case`ArrowUp`:this.focusFlyoutItem(r-1);break;case`Home`:this.focusFlyoutItem(0);break;case`End`:this.focusFlyoutItem(n.length-1);break;case`Escape`:case`ArrowLeft`:e.stopPropagation(),this.hideFlyout(),this.groupButtons[t]?.focus();break;case`Tab`:this.hideFlyout(),this.groupButtons[t]?.focus();return;default:return}e.preventDefault()}placeFlyout(e,t){let n=this.host.getBoundingClientRect(),r=t.getBoundingClientRect();e.style.maxHeight=`${Math.max(0,this.host.clientHeight-be*2)}px`;let i=this.host.clientHeight-e.offsetHeight-be;this.host.closest(`[dir]`)?.getAttribute(`dir`)===`rtl`?(e.style.left=``,e.style.right=`${n.right-r.left}px`):(e.style.right=``,e.style.left=`${r.right-n.left}px`),e.style.top=`${Math.max(0,Math.min(r.top-n.top,i))}px`}scheduleHideFlyout(){this.cancelHideFlyout(),this.flyoutHideTimer=setTimeout(()=>{this.flyoutHideTimer=null,this.hideFlyout()},ye)}cancelHideFlyout(){this.flyoutHideTimer!==null&&(clearTimeout(this.flyoutHideTimer),this.flyoutHideTimer=null)}hideFlyout(){this.cancelHideFlyout(),this.flyoutEl&&=(this.flyoutEl.remove(),null),this.groupButtons[this.flyoutIdx]?.setAttribute(`aria-expanded`,`false`),this.flyoutIdx=-1}update(e){this.cursorBtn&&this.cursorBtn.classList.toggle(`tcw-active`,e.activeTool===null);let{drawingToolGroups:t}=this.config;for(let n=0;n<t.length;n++){let r=t[n].tools.some(t=>t.value===e.activeTool);this.groupButtons[n].classList.toggle(`tcw-active`,r),r&&e.activeTool&&e.activeTool!==this.groupTools[n]&&(this.groupTools[n]=e.activeTool,this.groupIcons[n].innerHTML=C(e.activeTool,T),t[n].tools.length>1&&this.groupButtons[n].setAttribute(`aria-label`,`${t[n].label}: ${xe(t,e.activeTool)}`))}if(this.flyoutEl&&this.flyoutEl.querySelectorAll(`.tcw-flyout-item`).forEach(t=>{let n=t;n.classList.toggle(`tcw-active`,n.dataset.toolValue===e.activeTool)}),this.magnetBtn){let t=e.magnetEnabled&&e.magnetStrong;this.magnetBtn.classList.toggle(`tcw-active`,e.magnetEnabled),this.magnetBtn.innerHTML=S(t?`magnetStrong`:`magnet`,14),this.magnetBtn.title=t?this.t(`drawing.magnetStrong`):e.magnetEnabled?this.t(`drawing.magnetOn`):this.t(`drawing.magnetOff`),this.magnetBtn.setAttribute(`aria-label`,this.magnetBtn.title)}for(let[t,n]of[[this.eraserBtn,e.eraser],[this.zoomBtn,e.zoomArea]])t&&(t.classList.toggle(`tcw-active`,n),t.setAttribute(`aria-pressed`,String(n)));this.stayBtn&&(this.stayBtn.classList.toggle(`tcw-active`,e.stayInDrawing),this.stayBtn.setAttribute(`aria-pressed`,String(e.stayInDrawing)))}toggleButton(e,t,n){let r=document.createElement(`button`);return r.className=`tcw-sidebar-btn`,r.title=t,r.setAttribute(`aria-label`,t),r.setAttribute(`aria-pressed`,`false`),r.innerHTML=S(e,14),r.addEventListener(`click`,n),r}appendDivider(){this.el.lastElementChild?.classList.contains(`tcw-sidebar-divider`)||this.el.appendChild(this.divider())}divider(){let e=document.createElement(`div`);return e.className=`tcw-sidebar-divider`,e}destroy(){this.hideFlyout(),this.el.remove()}},Ce=[`style`,`display`,`scale`],we=class{callbacks;t;backdrop=null;modal=null;currentTab=`style`;currentSettings=null;bodyEl=null;tabButtons=[];chartType=null;constructor(e,t,n={},r=()=>document.body){this.available=n,this.host=r,this.callbacks=e,this.t=t}open(e,t=null){this.currentSettings={...e},this.chartType=t,this.currentTab=`style`,this.buildModal()}isOpen(){return this.modal!==null}refresh(e){this.modal&&(this.currentSettings={...e},this.renderTabContent())}close(){this.backdrop?.remove(),this.modal?.remove(),this.backdrop=null,this.modal=null,this.bodyEl=null,this.tabButtons=[]}buildModal(){this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.addEventListener(`click`,()=>{this.callbacks.onClose(),this.close()}),this.host().appendChild(this.backdrop),this.modal=document.createElement(`div`),this.modal.className=`tcw-modal`;let e=document.createElement(`div`);e.className=`tcw-modal-header`;let t=document.createElement(`h3`);t.textContent=this.t(`settings.title`),e.appendChild(t);let n=document.createElement(`button`);n.className=`tcw-modal-close`,n.innerHTML=S(`x`,16),n.addEventListener(`click`,()=>{this.callbacks.onClose(),this.close()}),e.appendChild(n),this.modal.appendChild(e);let r=document.createElement(`div`);r.className=`tcw-modal-tabs`,this.tabButtons=[];for(let e of Ce){let t=document.createElement(`button`);t.className=`tcw-modal-tab`,t.textContent=this.t(`settings.tab.${e}`),t.dataset.tab=e,e===this.currentTab&&t.classList.add(`tcw-active`),t.addEventListener(`click`,()=>{this.currentTab=e,this.tabButtons.forEach(t=>t.classList.toggle(`tcw-active`,t.dataset.tab===e)),this.renderTabContent()}),r.appendChild(t),this.tabButtons.push(t)}this.modal.appendChild(r),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-modal-body`,this.modal.appendChild(this.bodyEl),this.renderTabContent();let i=document.createElement(`div`);i.className=`tcw-modal-footer`;let a=document.createElement(`button`);a.className=`tcw-reset-link`,a.textContent=this.t(`settings.resetToDefaults`),a.addEventListener(`click`,()=>this.callbacks.onReset()),i.appendChild(a);let o=document.createElement(`button`);o.className=`tcw-done-btn`,o.textContent=this.t(`settings.done`),o.addEventListener(`click`,()=>{this.callbacks.onClose(),this.close()}),i.appendChild(o),this.modal.appendChild(i),this.host().appendChild(this.modal);let s=e=>{e.key===`Escape`&&(document.removeEventListener(`keydown`,s),this.callbacks.onClose(),this.close())};document.addEventListener(`keydown`,s)}renderTabContent(){if(!(!this.bodyEl||!this.currentSettings))switch(this.bodyEl.innerHTML=``,this.currentTab){case`style`:this.renderStyleTab();break;case`display`:this.renderDisplayTab();break;case`scale`:this.renderScaleTab();break}}renderStyleTab(){if(!this.bodyEl||!this.currentSettings)return;let e=this.currentSettings;this.renderChartTypeSection();let t=this.section(this.t(`settings.section.candleColors`));t.appendChild(this.colorRow(this.t(`settings.upBody`),e.candleUpColor,e=>this.patch({candleUpColor:e}))),t.appendChild(this.colorRow(this.t(`settings.downBody`),e.candleDownColor,e=>this.patch({candleDownColor:e}))),t.appendChild(this.colorRow(this.t(`settings.upWick`),e.candleUpWick,e=>this.patch({candleUpWick:e}))),t.appendChild(this.colorRow(this.t(`settings.downWick`),e.candleDownWick,e=>this.patch({candleDownWick:e}))),this.bodyEl.appendChild(t);let n=this.section(this.t(`settings.section.background`));n.appendChild(this.colorRow(this.t(`settings.background`),e.backgroundColor,e=>this.patch({backgroundColor:e}))),n.appendChild(this.colorRow(this.t(`settings.grid`),e.gridColor,e=>this.patch({gridColor:e}))),this.bodyEl.appendChild(n)}renderDisplayTab(){if(!this.bodyEl||!this.currentSettings)return;let e=this.currentSettings,t=this.section();t.appendChild(this.toggleRow(this.t(`settings.mainSeries`),e.mainSeriesVisible,e=>this.patch({mainSeriesVisible:e}))),t.appendChild(this.toggleRow(this.t(`settings.highLowLines`),e.highLowLines,e=>this.patch({highLowLines:e}))),t.appendChild(this.toggleRow(this.t(`settings.extendedHours`),e.extendedHours,e=>this.patch({extendedHours:e}))),t.appendChild(this.toggleRow(this.t(`settings.gridLines`),e.gridVisible,e=>this.patch({gridVisible:e}))),t.appendChild(this.toggleRow(this.t(`settings.volume`),e.volumeVisible,e=>this.patch({volumeVisible:e}))),t.appendChild(this.toggleRow(this.t(`settings.volumeProfile`),e.volumeProfileVisible,e=>this.patch({volumeProfileVisible:e}))),t.appendChild(this.toggleRow(this.t(`settings.marketProfile`),e.marketProfileVisible,e=>this.patch({marketProfileVisible:e}))),t.appendChild(this.toggleRow(this.t(`settings.marketProfileSplit`),e.marketProfileSplit,e=>this.patch({marketProfileSplit:e}))),t.appendChild(this.toggleRow(this.t(`settings.marketProfileLetters`),e.marketProfileLetters,e=>this.patch({marketProfileLetters:e}))),t.appendChild(this.rangeRow(this.t(`settings.marketProfileBuckets`),e.marketProfileBuckets,8,200,1,e=>this.patch({marketProfileBuckets:e}))),t.appendChild(this.rangeRow(this.t(`settings.marketProfileOpacity`),e.marketProfileOpacity,.05,1,.05,e=>this.patch({marketProfileOpacity:e}),e=>`${Math.round(e*100)}%`)),t.appendChild(this.toggleRow(this.t(`settings.depthHeatmap`),e.depthHeatmapVisible,e=>this.patch({depthHeatmapVisible:e}))),t.appendChild(this.rangeRow(this.t(`settings.depthHeatmapOpacity`),e.depthHeatmapOpacity,.1,1,.05,e=>this.patch({depthHeatmapOpacity:e}),e=>`${Math.round(e*100)}%`)),t.appendChild(this.toggleRow(this.t(`settings.swingMarkers`),e.pivotMarkersVisible,e=>this.patch({pivotMarkersVisible:e}))),t.appendChild(this.rangeRow(this.t(`settings.swingStrength`),e.pivotStrength,2,20,1,e=>this.patch({pivotStrength:e}))),t.appendChild(this.toggleRow(this.t(`settings.swingStructure`),e.pivotStructureLabels,e=>this.patch({pivotStructureLabels:e}))),t.appendChild(this.toggleRow(this.t(`settings.sessionShading`),e.sessionShadingVisible,e=>this.patch({sessionShadingVisible:e}))),t.appendChild(this.toggleRow(this.t(`settings.periodLevels`),e.periodLevelsVisible,e=>this.patch({periodLevelsVisible:e}))),t.appendChild(this.selectRow(this.t(`settings.periodLevelsBasis`),e.periodLevelsPeriod,[{value:`day`,label:this.t(`settings.priorDay`)},{value:`week`,label:this.t(`settings.priorWeek`)}],e=>this.patch({periodLevelsPeriod:e}))),t.appendChild(this.toggleRow(this.t(`settings.ohlcLegend`),e.legendVisible,e=>this.patch({legendVisible:e}))),t.appendChild(this.toggleRow(this.t(`settings.indicatorValues`),e.indicatorValueLabels,e=>this.patch({indicatorValueLabels:e}))),this.available.barCountdown!==!1&&t.appendChild(this.toggleRow(this.t(`settings.barCountdown`),e.barCountdown,e=>this.patch({barCountdown:e}))),t.appendChild(this.selectRow(this.t(`settings.crosshairMode`),e.crosshairMode,[{label:this.t(`settings.crosshair.magnet`),value:`magnet`},{label:this.t(`settings.crosshair.normal`),value:`normal`},{label:this.t(`settings.crosshair.hidden`),value:`hidden`}],e=>this.patch({crosshairMode:e}))),t.appendChild(this.selectRow(this.t(`settings.timezone`),e.timezone,l(e.timezone,Date.now(),this.t(`settings.timezone.local`),this.available.exchangeZone?{label:this.t(`settings.timezone.exchange`),zone:this.available.exchangeZone()}:void 0),e=>this.patch({timezone:e}))),t.appendChild(this.selectRow(this.t(`settings.numberLocale`),e.numberLocale,fe(e.numberLocale),e=>this.patch({numberLocale:e}))),this.bodyEl.appendChild(t)}renderScaleTab(){if(!this.bodyEl||!this.currentSettings)return;let e=this.currentSettings,t=this.section();t.appendChild(this.toggleRow(this.t(`settings.autoScale`),e.autoScale,e=>this.patch({autoScale:e}))),t.appendChild(this.toggleRow(this.t(`settings.invertScale`),e.invertScale,e=>this.patch({invertScale:e}))),t.appendChild(this.toggleRow(this.t(`settings.leftScale`),e.leftPriceScale,e=>this.patch({leftPriceScale:e})));let n=[{value:`regular`,label:this.t(`settings.scale.regular`)},{value:`logarithmic`,label:this.t(`settings.scale.logarithmic`)},{value:`percentage`,label:this.t(`settings.scale.percentage`)},{value:`indexedTo100`,label:this.t(`settings.scale.indexedTo100`)}].filter(e=>e.value!==`logarithmic`||this.available.logScale!==!1);t.appendChild(this.selectRow(this.t(`settings.priceScale`),e.scaleMode,n,e=>this.patch({scaleMode:e}))),this.bodyEl.appendChild(t)}renderChartTypeSection(){if(!this.bodyEl||!this.currentSettings||!this.chartType)return;let e=this.chartType,t=this.currentSettings.chartTypeOptions??{},n=u.find(t=>t.value===e),r=this.section(n?me(n,this.t):e),i=(e,t)=>this.patch({chartTypeOptions:{...this.currentSettings?.chartTypeOptions??{},[e]:t}});switch(e){case`renko`:{let e=t.renko??{};r.appendChild(this.numberRow(this.t(`settings.boxSize`),typeof e.boxSize==`number`?e.boxSize:null,`any`,1/0,e=>i(`renko`,{...this.currentSettings?.chartTypeOptions?.renko??{},boxSize:e??`atr`}))),r.appendChild(this.numberRow(this.t(`settings.atrPeriod`),e.atrPeriod??null,`1`,500,e=>i(`renko`,Te(this.currentSettings?.chartTypeOptions?.renko,`atrPeriod`,e))));break}case`lineBreak`:r.appendChild(this.numberRow(this.t(`settings.lineBreakLines`),t.lineBreak?.lines??null,`1`,10,e=>i(`lineBreak`,Te(this.currentSettings?.chartTypeOptions?.lineBreak,`lines`,e))));break;case`kagi`:r.appendChild(this.numberRow(this.t(`settings.reversal`),t.kagi?.reversal??null,`any`,1/0,e=>i(`kagi`,Te(this.currentSettings?.chartTypeOptions?.kagi,`reversal`,e)))),r.appendChild(this.selectRow(this.t(`settings.reversalType`),t.kagi?.reversalType??`percent`,[{value:`percent`,label:this.t(`settings.reversalType.percent`)},{value:`price`,label:this.t(`settings.reversalType.price`)}],e=>i(`kagi`,{...this.currentSettings?.chartTypeOptions?.kagi??{},reversalType:e===`price`?`price`:`percent`})));break;case`pointAndFigure`:r.appendChild(this.numberRow(this.t(`settings.boxSize`),typeof t.pointAndFigure?.boxSize==`number`?t.pointAndFigure.boxSize:null,`any`,1/0,e=>i(`pointAndFigure`,{...this.currentSettings?.chartTypeOptions?.pointAndFigure??{},boxSize:e??`auto`}))),r.appendChild(this.numberRow(this.t(`settings.reversalBoxes`),t.pointAndFigure?.reversal??null,`1`,10,e=>i(`pointAndFigure`,Te(this.currentSettings?.chartTypeOptions?.pointAndFigure,`reversal`,e))));break;case`rangeBars`:r.appendChild(this.numberRow(this.t(`settings.barRange`),typeof t.rangeBars?.range==`number`?t.rangeBars.range:null,`any`,1/0,e=>i(`rangeBars`,{range:e??`auto`})));break;default:return}this.bodyEl.appendChild(r)}numberRow(e,t,n,r,i){let a=document.createElement(`div`);a.className=`tcw-settings-row`;let o=document.createElement(`label`);o.className=`tcw-settings-label`,o.textContent=e,a.appendChild(o);let s=document.createElement(`input`);return s.type=`number`,s.className=`tcw-settings-number`,s.min=`0`,s.step=n,Number.isFinite(r)&&(s.max=String(r)),s.placeholder=this.t(`settings.auto`),s.value=t===null?``:String(t),s.setAttribute(`aria-label`,e),s.addEventListener(`change`,()=>{if(s.value.trim()===``){s.removeAttribute(`aria-invalid`),i(null);return}let e=Number(s.value),t=Number.isFinite(e)&&e>0&&e<=r&&(n!==`1`||Number.isInteger(e));s.toggleAttribute(`aria-invalid`,!t),t&&i(e)}),a.appendChild(s),a}patch(e){this.currentSettings&&Object.assign(this.currentSettings,e),this.callbacks.onChange(e)}section(e){let t=document.createElement(`div`);if(t.className=`tcw-settings-section`,e){let n=document.createElement(`div`);n.className=`tcw-settings-section-title`,n.textContent=e,t.appendChild(n)}return t}colorRow(e,t,n){let r=document.createElement(`div`);r.className=`tcw-settings-row`;let i=document.createElement(`span`);i.className=`tcw-settings-label`,i.textContent=e,r.appendChild(i);let a=document.createElement(`div`);a.className=`tcw-color-picker-wrap`;let o=document.createElement(`input`);o.type=`color`,o.value=t;let s=document.createElement(`span`);return s.className=`tcw-color-hex`,s.textContent=t,o.addEventListener(`input`,()=>{s.textContent=o.value,n(o.value)}),a.appendChild(o),a.appendChild(s),r.appendChild(a),r}toggleRow(e,t,n){let r=document.createElement(`div`);r.className=`tcw-settings-row`;let i=document.createElement(`span`);i.className=`tcw-settings-label`,i.textContent=e,r.appendChild(i);let a=document.createElement(`button`);return a.className=`tcw-toggle${t?` tcw-on`:``}`,a.addEventListener(`click`,()=>{let e=!a.classList.contains(`tcw-on`);a.classList.toggle(`tcw-on`,e),n(e)}),r.appendChild(a),r}selectRow(e,t,n,r){let i=document.createElement(`div`);i.className=`tcw-settings-row`;let a=document.createElement(`span`);a.className=`tcw-settings-label`,a.textContent=e,i.appendChild(a);let o=document.createElement(`select`);o.className=`tcw-settings-select`;for(let e of n){let n=document.createElement(`option`);n.value=e.value,n.textContent=e.label,e.value===t&&(n.selected=!0),o.appendChild(n)}return o.addEventListener(`change`,()=>r(o.value)),i.appendChild(o),i}rangeRow(e,t,n,r,i,a,o=e=>String(e)){let s=document.createElement(`div`);s.className=`tcw-settings-row`;let c=document.createElement(`span`);c.className=`tcw-settings-label`,c.textContent=e,s.appendChild(c);let l=document.createElement(`div`);l.className=`tcw-settings-range`;let u=document.createElement(`input`);u.type=`range`,u.min=String(n),u.max=String(r),u.step=String(i),u.value=String(t);let d=document.createElement(`span`);return d.className=`tcw-settings-range-val`,d.textContent=o(t),u.addEventListener(`input`,()=>{let e=Number(u.value);d.textContent=o(e),a(e)}),l.appendChild(u),l.appendChild(d),s.appendChild(l),s}destroy(){this.close()}};function Te(e,t,n){let r={...e??{}};return n===null?delete r[t]:r[t]=n,r}var Ee=class{el;dotEl;messageEl;infoEl;marketEl;constructor(e,t){this.el=document.createElement(`div`),this.el.className=`tcw-statusbar`,t&&this.el.appendChild(this.buildRange(t));let n=document.createElement(`div`);n.className=`tcw-status-right`;let r=document.createElement(`div`);r.className=`tcw-status-indicator`,this.dotEl=document.createElement(`span`),this.dotEl.className=`tcw-status-dot`,r.appendChild(this.dotEl),this.messageEl=document.createElement(`span`),r.appendChild(this.messageEl),this.marketEl=document.createElement(`span`),this.marketEl.className=`tcw-status-market`,this.marketEl.hidden=!0,n.appendChild(this.marketEl),n.appendChild(r),this.infoEl=document.createElement(`span`),this.infoEl.className=`tcw-status-info`,n.appendChild(this.infoEl),this.el.appendChild(n),e.appendChild(this.el)}update(e){this.dotEl.className=`tcw-status-dot`,e.connectionState===`connected`?this.dotEl.classList.add(`tcw-connected`):e.connectionState===`error`&&this.dotEl.classList.add(`tcw-error`),this.messageEl.textContent=e.message,this.infoEl.textContent=`${e.symbol} ${e.timeframe}`}setMarket(e,t){this.marketEl.hidden=e===`always`,this.marketEl.dataset.state=e,this.marketEl.textContent=e===`always`?``:t}destroy(){this.el.remove()}buildRange(e){let t=document.createElement(`div`);t.className=`tcw-range-bar`,t.setAttribute(`role`,`group`),t.setAttribute(`aria-label`,e.groupLabel);for(let n of e.presets){let r=document.createElement(`button`);r.type=`button`,r.className=`tcw-range-btn`,r.dataset.range=n,r.textContent=e.presetLabels?.[n]??n,r.addEventListener(`click`,()=>e.onPreset(n)),t.appendChild(r)}let n=document.createElement(`button`);return n.type=`button`,n.className=`tcw-range-btn tcw-range-goto`,n.dataset.role=`goto`,n.title=`${e.goToLabel} (Alt+G)`,n.setAttribute(`aria-label`,e.goToLabel),n.innerHTML=S(`calendar`,13),n.addEventListener(`click`,e.onGoTo),t.appendChild(n),t}},De=class{backdrop=null;modal=null;input=null;list=null;items=[];filtered=[];selectedIndex=0;callbacks;boundKeydown;constructor(e,n=()=>document.body,r=t.t){this.host=n,this.t=r,this.callbacks=e,this.boundKeydown=this.handleKeydown.bind(this)}open(e){if(this.backdrop)return;this.items=e,this.filtered=e,this.selectedIndex=0,this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.addEventListener(`click`,()=>this.close()),this.modal=document.createElement(`div`),this.modal.className=`tcw-cmd-palette`;let t=document.createElement(`div`);t.className=`tcw-cmd-header`;let n=document.createElement(`span`);n.className=`tcw-cmd-icon`,n.textContent=`⌕`,t.appendChild(n),this.input=document.createElement(`input`),this.input.className=`tcw-cmd-input`,this.input.type=`text`,this.input.placeholder=this.t(`palette.placeholder`),this.input.addEventListener(`input`,()=>this.filter()),t.appendChild(this.input);let r=document.createElement(`span`);r.className=`tcw-cmd-hint`,r.textContent=`ESC`,t.appendChild(r),this.modal.appendChild(t),this.list=document.createElement(`div`),this.list.className=`tcw-cmd-list`,this.modal.appendChild(this.list);let i=document.createElement(`div`);i.className=`tcw-cmd-footer`,i.innerHTML=`<span>↑↓ ${w(this.t(`common.navigate`))}</span><span>⏎ ${w(this.t(`common.select`))}</span><span>Esc ${w(this.t(`common.close`))}</span>`,this.modal.appendChild(i),this.host().append(this.backdrop,this.modal),this.renderList(),this.input.focus(),document.addEventListener(`keydown`,this.boundKeydown)}close(){document.removeEventListener(`keydown`,this.boundKeydown),this.backdrop?.remove(),this.modal?.remove(),this.backdrop=null,this.modal=null,this.input=null,this.list=null,this.callbacks.onClose()}isOpen(){return this.backdrop!==null}filter(){let e=this.input?.value.toLowerCase().trim()??``;e?this.filtered=this.items.filter(t=>t.label.toLowerCase().includes(e)||t.category.toLowerCase().includes(e)||t.id.toLowerCase().includes(e)):this.filtered=this.items,this.selectedIndex=0,this.renderList()}renderList(){if(!this.list)return;if(this.list.innerHTML=``,this.filtered.length===0){let e=document.createElement(`div`);e.className=`tcw-cmd-empty`,e.textContent=this.t(`palette.empty`),this.list.appendChild(e);return}let e=``;for(let t=0;t<this.filtered.length;t++){let n=this.filtered[t];if(n.category!==e){e=n.category;let t=document.createElement(`div`);t.className=`tcw-cmd-category`,t.textContent=this.categoryLabel(e),this.list.appendChild(t)}let r=document.createElement(`button`);r.className=`tcw-cmd-item`,t===this.selectedIndex&&r.classList.add(`tcw-selected`),n.active&&r.classList.add(`tcw-active`),r.dataset.index=String(t);let i=document.createElement(`span`);if(i.className=`tcw-cmd-item-label`,i.textContent=n.label,r.appendChild(i),n.active){let e=document.createElement(`span`);e.className=`tcw-cmd-check`,e.textContent=`✓`,r.appendChild(e)}if(n.shortcut){let e=document.createElement(`kbd`);e.className=`tcw-cmd-kbd`,e.textContent=n.shortcut,r.appendChild(e)}r.addEventListener(`click`,()=>this.select(t)),r.addEventListener(`mouseenter`,()=>{this.selectedIndex=t,this.updateSelection()}),this.list.appendChild(r)}}updateSelection(){if(!this.list)return;let e=this.list.querySelectorAll(`.tcw-cmd-item`);e.forEach((e,t)=>{e.classList.toggle(`tcw-selected`,t===this.selectedIndex)}),e[this.selectedIndex]?.scrollIntoView({block:`nearest`})}select(e){let t=this.filtered[e];if(t){switch(t.category){case`indicator`:this.callbacks.onIndicator(t.id);break;case`chartType`:this.callbacks.onChartType(t.id);break;case`drawing`:this.callbacks.onDrawingTool(t.id);break;case`timeframe`:this.callbacks.onTimeframe(t.id);break;case`action`:this.callbacks.onAction(t.id);break}this.close()}}handleKeydown(e){switch(e.key){case`Escape`:e.preventDefault(),this.close();break;case`ArrowDown`:e.preventDefault(),this.filtered.length>0&&(this.selectedIndex=(this.selectedIndex+1)%this.filtered.length,this.updateSelection());break;case`ArrowUp`:e.preventDefault(),this.filtered.length>0&&(this.selectedIndex=(this.selectedIndex-1+this.filtered.length)%this.filtered.length,this.updateSelection());break;case`Enter`:e.preventDefault(),this.select(this.selectedIndex);break}}categoryLabel(e){switch(e){case`indicator`:return this.t(`palette.group.indicator`);case`chartType`:return this.t(`palette.group.chartType`);case`drawing`:return this.t(`palette.group.drawing`);case`timeframe`:return this.t(`palette.group.timeframe`);case`action`:return this.t(`palette.group.action`);default:return e}}destroy(){this.close()}},Oe=class{backdrop=null;modal=null;input=null;list=null;symbols=[];current=``;filtered=[];selectedIndex=0;callbacks;boundKeydown;pickOverride=null;searchFn=null;searchTimer=null;searchAbort=null;status=`idle`;pickOnResults=!1;constructor(e,n=()=>document.body,r=t.t){this.host=n,this.t=r,this.callbacks=e,this.boundKeydown=this.handleKeydown.bind(this)}open(e,t,n,r){if(this.backdrop)return;this.pickOverride=n??null,this.searchFn=r??null,this.status=`idle`,this.symbols=e,this.current=t,this.filtered=e.map(e=>({symbol:e,score:0})),this.selectedIndex=Math.max(0,e.indexOf(t)),this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.addEventListener(`click`,()=>this.close()),this.modal=document.createElement(`div`),this.modal.className=`tcw-cmd-palette`;let i=document.createElement(`div`);i.className=`tcw-cmd-header`;let a=document.createElement(`span`);a.className=`tcw-cmd-icon`,a.innerHTML=je(),i.appendChild(a),this.input=document.createElement(`input`),this.input.className=`tcw-cmd-input`,this.input.type=`text`,this.input.placeholder=this.t(`symbolSearch.placeholder`),this.input.autocomplete=`off`,this.input.spellcheck=!1,this.input.addEventListener(`input`,()=>this.filter()),i.appendChild(this.input);let o=document.createElement(`span`);o.className=`tcw-cmd-hint`,o.textContent=`ESC`,i.appendChild(o),this.modal.appendChild(i),this.list=document.createElement(`div`),this.list.className=`tcw-cmd-list`,this.modal.appendChild(this.list);let s=document.createElement(`div`);s.className=`tcw-cmd-footer`,s.innerHTML=`<span>↑↓ ${w(this.t(`common.navigate`))}</span><span>⏎ ${w(this.t(`common.open`))}</span><span>Esc ${w(this.t(`common.close`))}</span>`,this.modal.appendChild(s),this.host().append(this.backdrop,this.modal),this.renderList(),this.input.focus(),document.addEventListener(`keydown`,this.boundKeydown)}close(){document.removeEventListener(`keydown`,this.boundKeydown),this.cancelSearch(),this.pickOnResults=!1,this.searchFn=null,this.backdrop?.remove(),this.modal?.remove(),this.backdrop=null,this.modal=null,this.input=null,this.list=null,this.pickOverride=null,this.callbacks.onClose()}isOpen(){return this.backdrop!==null}destroy(){this.close()}filter(){this.pickOnResults=!1;let e=(this.input?.value??``).toUpperCase().trim();if(this.searchFn&&e){this.scheduleSearch(this.input?.value.trim()??``);return}this.cancelSearch(),this.status=`idle`,e?this.filtered=this.symbols.map(t=>({symbol:t,score:ke(t.toUpperCase(),e)})).filter(e=>e.score>0).sort((e,t)=>t.score-e.score):this.filtered=this.symbols.map(e=>({symbol:e,score:0})),this.selectedIndex=0,this.renderList()}scheduleSearch(e){this.searchTimer!==null&&clearTimeout(this.searchTimer),this.searchTimer=setTimeout(()=>{this.searchTimer=null,this.runSearch(e)},150)}searchNow(){this.searchTimer!==null&&clearTimeout(this.searchTimer),this.searchTimer=null,this.runSearch(this.input?.value.trim()??``)}async runSearch(e){let t=this.searchFn;if(!t)return;this.searchAbort?.abort();let n=new AbortController;this.searchAbort=n,this.status=`searching`,this.filtered=[],this.renderList();try{let r=await t(e,n.signal);if(n.signal.aborted)return;this.filtered=r.map(e=>({symbol:e.symbol,score:0,description:e.description,meta:[e.exchange,e.type].filter(Boolean).join(` · `)||void 0})),this.status=`idle`}catch{if(n.signal.aborted)return;this.filtered=[],this.status=`failed`}this.selectedIndex=0,this.renderList(),this.pickOnResults&&(this.pickOnResults=!1,this.pick(0))}cancelSearch(){this.searchTimer!==null&&clearTimeout(this.searchTimer),this.searchTimer=null,this.searchAbort?.abort(),this.searchAbort=null}renderList(){if(!this.list)return;if(this.list.innerHTML=``,this.filtered.length===0){let e=document.createElement(`div`);e.className=`tcw-cmd-empty`,e.setAttribute(`role`,`status`),e.textContent=this.status===`searching`?this.t(`symbolSearch.searching`):this.status===`failed`?this.t(`symbolSearch.failed`):this.t(`symbolSearch.empty`),this.list.appendChild(e);return}let e=(this.input?.value??``).toUpperCase().trim();for(let t=0;t<this.filtered.length;t++){let{symbol:n,description:r,meta:i}=this.filtered[t],a=document.createElement(`button`);a.className=`tcw-cmd-item`,t===this.selectedIndex&&a.classList.add(`tcw-selected`),n===this.current&&a.classList.add(`tcw-active`);let o=document.createElement(`span`);if(o.className=`tcw-cmd-item-label`,o.innerHTML=Ae(n,e),a.appendChild(o),r&&r!==n){let e=document.createElement(`span`);e.className=`tcw-cmd-item-desc`,e.textContent=r,a.appendChild(e)}if(i){let e=document.createElement(`span`);e.className=`tcw-cmd-item-meta`,e.textContent=i,a.appendChild(e)}if(n===this.current){let e=document.createElement(`span`);e.className=`tcw-cmd-check`,e.textContent=`✓`,a.appendChild(e)}a.addEventListener(`click`,()=>this.pick(t)),a.addEventListener(`mouseenter`,()=>{this.selectedIndex=t,this.updateSelection()}),this.list.appendChild(a)}}updateSelection(){if(!this.list)return;let e=this.list.querySelectorAll(`.tcw-cmd-item`);e.forEach((e,t)=>e.classList.toggle(`tcw-selected`,t===this.selectedIndex)),e[this.selectedIndex]?.scrollIntoView?.({block:`nearest`})}pick(e){let t=this.filtered[e];if(!t)return;let n=this.pickOverride;n?n(t.symbol):this.callbacks.onPick(t.symbol),this.close()}handleKeydown(e){switch(e.key){case`Escape`:e.preventDefault(),this.close();break;case`ArrowDown`:e.preventDefault(),this.filtered.length>0&&(this.selectedIndex=(this.selectedIndex+1)%this.filtered.length,this.updateSelection());break;case`ArrowUp`:e.preventDefault(),this.filtered.length>0&&(this.selectedIndex=(this.selectedIndex-1+this.filtered.length)%this.filtered.length,this.updateSelection());break;case`Enter`:if(e.preventDefault(),this.searchTimer!==null||this.status===`searching`){this.pickOnResults=!0,this.searchTimer!==null&&this.searchNow();break}this.pick(this.selectedIndex);break}}};function ke(e,t){if(e===t)return 1e3;if(e.startsWith(t))return 500+(50-Math.min(50,e.length-t.length));if(e.includes(t))return 200+(50-Math.min(50,e.length-t.length));let n=0,r=-1,i=0;for(let a=0;a<e.length&&n<t.length;a++)e[a]===t[n]&&(r>=0&&(i+=a-r-1),r=a,n++);return n<t.length?0:100-Math.min(99,i)}function Ae(e,t){if(!t)return w(e);let n=e.toUpperCase(),r=``,i=0;for(let a=0;a<e.length;a++)i<t.length&&n[a]===t[i]?(r+=`<mark style="background:transparent;color:var(--tcw-accent);font-weight:700">${w(e[a])}</mark>`,i++):r+=w(e[a]);return r}function je(){return`<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>`}var Me={"Search & navigation":`hotkeys.group.searchNavigation`,"Chart manipulation":`hotkeys.group.chartManipulation`,"Touch (mobile / tablet)":`hotkeys.group.touch`,Keyboard:`hotkeys.group.keyboard`,Drawing:`hotkeys.group.drawing`},E=typeof navigator<`u`&&/mac|iphone|ipad|ipod/i.test(navigator.platform||navigator.userAgent)?`⌘`:`Ctrl`,Ne=[{title:`Search & navigation`,entries:[{keys:[E,`K`],label:`hotkeys.commandPalette`},{keys:[E,`P`],label:`hotkeys.symbolSearch`},{keys:[`Alt`,`G`],label:`hotkeys.goToDate`},{keys:[`Alt`,`I`],label:`hotkeys.invertScale`},{keys:[E,`S`],label:`hotkeys.saveLayout`},{keys:[`0–9`],label:`hotkeys.typeInterval`},{keys:[`?`],label:`hotkeys.showSheet`}]},{title:`Chart manipulation`,entries:[{keys:[`key.drag`],label:`hotkeys.pan`},{keys:[E,`key.drag`],label:`hotkeys.boxSelect`},{keys:[E,`key.click`],label:`hotkeys.toggleSelect`},{keys:[`Shift`,`key.drag`],label:`hotkeys.measure`},{keys:[`key.drag`,`key.priceAxis`],label:`hotkeys.scalePrice`},{keys:[`key.drag`,`key.timeAxis`],label:`hotkeys.zoomTime`},{keys:[`key.doubleClick`,`key.priceAxis`],label:`hotkeys.autoScale`},{keys:[`key.doubleClick`,`key.timeAxis`],label:`hotkeys.fit`},{keys:[`key.scroll`],label:`hotkeys.zoomCursor`}]},{title:`Touch (mobile / tablet)`,entries:[{keys:[`key.oneFinger`,`key.drag`],label:`hotkeys.touchPan`},{keys:[`key.twoFingers`,`key.pinch`],label:`hotkeys.pinch`},{keys:[`key.longPress`],label:`hotkeys.longPress`},{keys:[`key.drag`,`key.axisStrip`],label:`hotkeys.touchAxis`}]},{title:`Keyboard`,entries:[{keys:[`←`,`→`],label:`hotkeys.panBar`},{keys:[`+`,`−`],label:`hotkeys.zoomInOut`},{keys:[`Home`],label:`hotkeys.toStart`},{keys:[`End`],label:`hotkeys.toEnd`},{keys:[`F`],label:`hotkeys.fit`}]},{title:`Drawing`,entries:[{keys:[E,`Z`],label:`hotkeys.undo`},{keys:[E,`Shift`,`Z`],label:`hotkeys.redo`},{keys:[`Esc`],label:`hotkeys.cancelDrawing`},{keys:[E,`C`],label:`hotkeys.copy`},{keys:[E,`V`],label:`hotkeys.paste`},{keys:[`key.rightClick`],label:`hotkeys.drawingMenu`},{keys:[`key.doubleClick`],label:`hotkeys.drawingSettings`},{keys:[E,`G`],label:`hotkeys.group`},{keys:[E,`Shift`,`G`],label:`hotkeys.ungroup`},{keys:[E,`]`,`[`],label:`hotkeys.orderStep`},{keys:[E,`Shift`,`]`,`[`],label:`hotkeys.orderEnd`},{keys:[`Enter`],label:`hotkeys.finishPath`},{keys:[`Alt`,`T`],label:`tool.trendLine`},{keys:[`Alt`,`H`],label:`tool.horizontalLine`},{keys:[`Alt`,`J`],label:`tool.horizontalRay`},{keys:[`Alt`,`V`],label:`tool.verticalLine`},{keys:[`Alt`,`C`],label:`tool.crossLine`},{keys:[`Alt`,`F`],label:`tool.fibRetracement`}]}],Pe=class{backdrop=null;modal=null;callbacks;t;boundKeydown;constructor(e,t,n=()=>document.body){this.host=n,this.callbacks=e,this.t=t,this.boundKeydown=e=>{e.key===`Escape`&&(e.preventDefault(),this.close())}}open(){if(this.backdrop)return;this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.addEventListener(`click`,()=>this.close()),this.modal=document.createElement(`div`),this.modal.className=`tcw-modal tcw-hotkey-sheet`,this.modal.style.width=`640px`;let e=document.createElement(`div`);e.className=`tcw-modal-header`;let t=document.createElement(`h3`);t.textContent=this.t(`hotkeys.title`),e.appendChild(t);let n=document.createElement(`button`);n.className=`tcw-modal-close`,n.setAttribute(`aria-label`,this.t(`hotkeys.close`)),n.innerHTML=`×`,n.addEventListener(`click`,()=>this.close()),e.appendChild(n),this.modal.appendChild(e);let r=document.createElement(`div`);r.className=`tcw-modal-body`;let i=document.createElement(`div`);i.className=`tcw-hotkey-grid`;for(let e of Ne){let t=document.createElement(`section`);t.className=`tcw-hotkey-section`;let n=document.createElement(`div`);n.className=`tcw-settings-section-title`;let r=Me[e.title];n.textContent=r?this.t(r):e.title,t.appendChild(n);for(let n of e.entries){let e=document.createElement(`div`);e.className=`tcw-hotkey-row`;let r=document.createElement(`div`);r.className=`tcw-hotkey-keys`;for(let e=0;e<n.keys.length;e++){if(e>0){let e=document.createElement(`span`);e.className=`tcw-hotkey-sep`,e.textContent=`+`,r.appendChild(e)}let t=document.createElement(`kbd`);t.className=`tcw-cmd-kbd`;let i=n.keys[e];t.textContent=i.startsWith(`key.`)?this.t(i):i,r.appendChild(t)}e.appendChild(r);let i=document.createElement(`span`);i.className=`tcw-hotkey-label`,i.textContent=this.t(n.label),e.appendChild(i),t.appendChild(e)}i.appendChild(t)}r.appendChild(i),this.modal.appendChild(r);let a=document.createElement(`div`);a.className=`tcw-modal-footer`;let o=document.createElement(`span`);o.style.cssText=`font-size:11px;color:var(--tcw-text-muted)`,o.textContent=this.t(`hotkeys.footer`),a.appendChild(o);let s=document.createElement(`button`);s.className=`tcw-done-btn`,s.textContent=this.t(`hotkeys.gotIt`),s.addEventListener(`click`,()=>this.close()),a.appendChild(s),this.modal.appendChild(a),this.host().append(this.backdrop,this.modal),document.addEventListener(`keydown`,this.boundKeydown)}close(){document.removeEventListener(`keydown`,this.boundKeydown),this.backdrop?.remove(),this.modal?.remove(),this.backdrop=null,this.modal=null,this.callbacks.onClose()}isOpen(){return this.backdrop!==null}destroy(){this.close()}},Fe={selectHint:`Click a bar to start the replay`,random:`Random bar`,realtime:`Back to realtime`,barsPerSecond:`bars/s`,play:`Play`,pause:`Pause`,stepBack:`Step back (Shift+←)`,stepForward:`Step forward (Shift+→)`,replay:`Replay`,position:`Replay position`,speed:`Speed`,step:`Step`},Ie=[1,2,3,5,10,25,50],Le=class{root=null;scrubber=null;progressLabel=null;playBtn=null;realtimeBtn=null;state=`stopped`;mode=`select`;ended=!1;total=0;speed=5;steps=[];step=`bar`;labels;constructor(e,t={}){this.callbacks=e,this.labels={...Fe,...t}}mount(e,t){this.root||(this.total=Math.max(0,t.total),this.speed=t.speed??5,this.steps=t.steps??[],this.step=t.step??`bar`,this.state=`paused`,this.mode=t.mode??`select`,this.root=document.createElement(`div`),this.root.className=`tcw-replay-bar`,this.root.setAttribute(`role`,`toolbar`),this.root.setAttribute(`aria-label`,this.labels.replay),this.root.innerHTML=this.markup(),e.appendChild(this.root),this.wireEvents(),this.syncUi())}unmount(){this.root?.remove(),this.root=null,this.scrubber=null,this.progressLabel=null,this.playBtn=null,this.realtimeBtn=null,this.state=`stopped`,this.ended=!1}isMounted(){return this.root!==null}getMode(){return this.mode}setMode(e){let t=!!this.root?.contains(document.activeElement);this.mode=e,this.syncUi(),t&&e===`replay`&&this.playBtn?.focus()}setState(e){this.state=e,this.syncUi()}setEnded(e){this.ended!==e&&(this.ended=e,this.syncUi())}setProgress(e,t){this.total=t,this.scrubber&&(this.scrubber.max=String(Math.max(0,t-1)),this.scrubber.value=String(e)),this.progressLabel&&(this.progressLabel.textContent=`${Math.min(e+1,t)} / ${t}`)}destroy(){this.unmount()}markup(){let e=this.labels,t=Ie.map(t=>`<option value="${t}"${t===this.speed?` selected`:``}>${t} ${w(e.barsPerSecond)}</option>`).join(``);return`
3022
4289
  <span class="tcw-replay-group" data-mode="select">
3023
- <span class="tcw-replay-hint" role="status">${we()}${w(e.selectHint)}</span>
4290
+ <span class="tcw-replay-hint" role="status">${He()}${w(e.selectHint)}</span>
3024
4291
  <button class="tcw-replay-text-btn" data-act="random">${w(e.random)}</button>
3025
4292
  </span>
3026
4293
  <span class="tcw-replay-group" data-mode="replay">
3027
- <button class="tcw-replay-btn" data-act="stepBack" title="${w(e.stepBack)}" aria-label="${w(e.stepBack)}">${Se()}</button>
3028
- <button class="tcw-replay-btn tcw-replay-play" data-act="play" title="${w(e.play)}" aria-label="${w(e.play)}">${k()}</button>
3029
- <button class="tcw-replay-btn" data-act="stepForward" title="${w(e.stepForward)}" aria-label="${w(e.stepForward)}">${Ce()}</button>
3030
- <input type="range" class="tcw-replay-scrubber" data-act="seek" min="0" max="${Math.max(0,this.total-1)}" value="0" step="1" aria-label="Replay position" />
4294
+ <button class="tcw-replay-btn" data-act="stepBack" title="${w(e.stepBack)}" aria-label="${w(e.stepBack)}">${Be()}</button>
4295
+ <button class="tcw-replay-btn tcw-replay-play" data-act="play" title="${w(e.play)}" aria-label="${w(e.play)}">${Re()}</button>
4296
+ <button class="tcw-replay-btn" data-act="stepForward" title="${w(e.stepForward)}" aria-label="${w(e.stepForward)}">${Ve()}</button>
4297
+ <input type="range" class="tcw-replay-scrubber" data-act="seek" min="0" max="${Math.max(0,this.total-1)}" value="0" step="1" aria-label="${w(this.labels.position)}" />
3031
4298
  <span class="tcw-replay-progress" data-tcw="progress">1 / ${this.total}</span>
3032
- <select class="tcw-replay-speed" data-act="speed" aria-label="Speed">${t}</select>
4299
+ <select class="tcw-replay-speed" data-act="speed" aria-label="${w(this.labels.speed)}">${t}</select>
3033
4300
  </span>
4301
+ ${this.steps.length>1?`<select class="tcw-replay-speed tcw-replay-step" data-act="step" aria-label="${w(e.step)}" title="${w(e.step)}">${this.steps.map(e=>`<option value="${w(e.value)}"${e.value===this.step?` selected`:``}>${w(e.label)}</option>`).join(``)}</select>`:``}
3034
4302
  <button class="tcw-replay-text-btn tcw-replay-realtime" data-act="realtime">${w(e.realtime)}</button>
3035
- `}wireEvents(){let e=this.root;e&&(this.scrubber=e.querySelector(`input[data-act="seek"]`),this.progressLabel=e.querySelector(`[data-tcw="progress"]`),this.playBtn=e.querySelector(`button[data-act="play"]`),this.realtimeBtn=e.querySelector(`button[data-act="realtime"]`),this.realtimeBtn?.addEventListener(`click`,()=>this.callbacks.onClose()),e.querySelector(`[data-act="random"]`)?.addEventListener(`click`,()=>this.callbacks.onRandomStart()),e.querySelector(`[data-act="stepBack"]`)?.addEventListener(`click`,()=>this.callbacks.onStepBack()),e.querySelector(`[data-act="stepForward"]`)?.addEventListener(`click`,()=>this.callbacks.onStepForward()),this.playBtn?.addEventListener(`click`,()=>{this.state===`playing`?this.callbacks.onPause():this.callbacks.onPlay()}),this.scrubber?.addEventListener(`input`,()=>this.callbacks.onSeek(Number(this.scrubber.value))),e.querySelector(`[data-act="speed"]`)?.addEventListener(`change`,e=>{let t=Number(e.target.value);this.speed=t,this.callbacks.onSpeedChange(t)}))}syncUi(){let e=this.root;if(e){for(let t of e.querySelectorAll(`.tcw-replay-group`))t.hidden=t.dataset.mode!==this.mode;if(e.classList.toggle(`tcw-replay-bar--ended`,this.ended),this.playBtn){let e=this.state===`playing`;this.playBtn.innerHTML=e?xe():k(),this.playBtn.title=e?this.labels.pause:this.labels.play,this.playBtn.setAttribute(`aria-label`,this.playBtn.title);let t=this.ended&&!e;t&&document.activeElement===this.playBtn&&this.realtimeBtn?.focus(),this.playBtn.disabled=t}}}};function k(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7L8 5z"/></svg>`}function xe(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6 5h4v14H6zM14 5h4v14h-4z"/></svg>`}function Se(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6 6h2v12H6zM20 6L9 12l11 6V6z"/></svg>`}function Ce(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M4 6l11 6L4 18V6zM16 6h2v12h-2z"/></svg>`}function we(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M12 3v18M8 7l4-4 4 4M8 17l4 4 4-4"/></svg>`}var Te=class{el;listEl;rowMap=new Map;entries=new Map;active=null;callbacks;locale;constructor(e,t,n,r=`Watchlist`){this.callbacks=n,this.el=document.createElement(`div`),this.el.className=`tcw-watchlist`;let i=document.createElement(`div`);i.className=`tcw-watchlist-header`,i.textContent=r,this.el.appendChild(i),this.listEl=document.createElement(`div`),this.listEl.className=`tcw-watchlist-list`,this.el.appendChild(this.listEl);for(let e of t)this.entries.set(e,{symbol:e}),this.appendRow(e);e.appendChild(this.el)}setLocale(e){this.locale=e;for(let e of this.entries.keys())this.renderRow(e)}setSymbols(e){let t=new Set(e);for(let e of this.rowMap.keys())t.has(e)||this.removeRow(e);for(let t of e)this.rowMap.has(t)||(this.entries.set(t,this.entries.get(t)??{symbol:t}),this.appendRow(t))}setActive(e){if(this.active===e)return;this.active&&this.rowMap.has(this.active)&&this.rowMap.get(this.active).row.classList.remove(`tcw-watchlist-active`),this.active=e;let t=this.rowMap.get(e);t&&t.row.classList.add(`tcw-watchlist-active`)}setEntry(e,t){let n={...this.entries.get(e)??{symbol:e},...t};this.entries.set(e,n),this.renderRow(e)}destroy(){this.el.remove(),this.rowMap.clear(),this.entries.clear()}appendRow(e){let t=document.createElement(`div`);t.className=`tcw-watchlist-row`,t.tabIndex=0;let n=document.createElement(`div`);n.className=`tcw-watchlist-symbol`,n.textContent=Ee(e);let r=document.createElement(`canvas`);r.className=`tcw-watchlist-spark`,r.width=64,r.height=22;let i=document.createElement(`div`);i.className=`tcw-watchlist-stats`;let a=document.createElement(`span`);a.className=`tcw-watchlist-price`,a.textContent=`—`;let o=document.createElement(`span`);o.className=`tcw-watchlist-change`,o.textContent=``,i.appendChild(a),i.appendChild(o),t.appendChild(n),t.appendChild(r),t.appendChild(i),t.addEventListener(`click`,()=>this.callbacks.onSelect(e)),t.addEventListener(`keydown`,t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),this.callbacks.onSelect(e))}),this.listEl.appendChild(t),this.rowMap.set(e,{row:t,priceEl:a,changeEl:o,sparkCanvas:r}),e===this.active&&t.classList.add(`tcw-watchlist-active`)}removeRow(e){let t=this.rowMap.get(e);t&&(t.row.remove(),this.rowMap.delete(e))}renderRow(e){let t=this.rowMap.get(e),n=this.entries.get(e);if(!(!t||!n)){if(n.lastPrice!==void 0&&(t.priceEl.textContent=De(n.lastPrice,this.locale)),n.lastPrice!==void 0&&n.refPrice!==void 0&&n.refPrice!==0){let e=n.lastPrice-n.refPrice,r=e/n.refPrice*100,i=e>=0?`+`:`-`,a=Math.abs(r).toLocaleString(this.locale,{minimumFractionDigits:2,maximumFractionDigits:2});t.changeEl.textContent=`${i}${a}%`,t.changeEl.className=`tcw-watchlist-change ${e>=0?`tcw-up`:`tcw-down`}`}else t.changeEl.textContent=``;n.sparkline&&n.sparkline.length>=2&&Oe(t.sparkCanvas,n.sparkline,n.refPrice??n.sparkline[0])}}};function Ee(e){for(let t of[`USDT`,`USD`,`BTC`,`ETH`,`EUR`])if(e.length>t.length&&e.endsWith(t))return e.slice(0,-t.length)+`/`+t;return e}function De(e,t){if(e===0)return`0`;let n=Math.abs(e);return n>=1e3?e.toLocaleString(t,{minimumFractionDigits:2,maximumFractionDigits:2}):n>=1?e.toLocaleString(t,{minimumFractionDigits:4,maximumFractionDigits:4}):Number(e.toPrecision(4)).toLocaleString(t,{maximumFractionDigits:10})}function Oe(e,t,n){let r=e.getContext(`2d`);if(!r)return;let i=window.devicePixelRatio||1;e.width!==e.clientWidth*i&&(e.width=(e.clientWidth||64)*i,e.height=(e.clientHeight||22)*i);let a=e.width,o=e.height,s=1/0,c=-1/0;for(let e of t)e<s&&(s=e),e>c&&(c=e);let l=Math.max(c-s,1e-9),u=t[t.length-1]>=n?`#1fa874`:`#e8505b`;r.clearRect(0,0,a,o),r.lineWidth=1.4*i,r.strokeStyle=u,r.beginPath();let d=a/(t.length-1);for(let e=0;e<t.length;e++){let n=e*d,i=o-(t[e]-s)/l*(o-4)-2;e===0?r.moveTo(n,i):r.lineTo(n,i)}r.stroke()}var A=[{value:`crossing`,label:`Crossing`},{value:`crossingUp`,label:`Crossing up`},{value:`crossingDown`,label:`Crossing down`},{value:`greaterThan`,label:`Greater than`},{value:`lessThan`,label:`Less than`}],ke=new Map(A.map(e=>[e.value,e.label]));function Ae(e){return Math.round(e*1e6)/1e6}function je(e){let t=Math.abs(e);return t>=1e3||t>=1?e.toFixed(2):e.toPrecision(4)}var Me=class{el;listEl;priceInput;conditionSelect;sourceSelect;messageInput;emptyEl;callbacks;open=!1;alerts=[];sources=[{channel:`price`,label:`Price`}];constructor(e,t){this.callbacks=t,this.el=document.createElement(`div`),this.el.className=`tcw-alerts-panel`,this.el.hidden=!0;let n=document.createElement(`div`);n.className=`tcw-alerts-header`;let r=document.createElement(`span`);r.textContent=`Price Alerts`;let i=document.createElement(`button`);i.className=`tcw-alerts-close`,i.type=`button`,i.setAttribute(`aria-label`,`Close alerts`),i.innerHTML=x(`x`,14),i.addEventListener(`click`,()=>this.close()),n.appendChild(r),n.appendChild(i),this.el.appendChild(n);let a=document.createElement(`form`);a.className=`tcw-alerts-form`,this.sourceSelect=document.createElement(`select`),this.sourceSelect.className=`tcw-alerts-source`,this.sourceSelect.addEventListener(`change`,()=>this.prefillPrice()),this.priceInput=document.createElement(`input`),this.priceInput.type=`number`,this.priceInput.step=`any`,this.priceInput.placeholder=`Value`,this.priceInput.className=`tcw-alerts-price`,this.priceInput.required=!0,this.conditionSelect=document.createElement(`select`),this.conditionSelect.className=`tcw-alerts-condition`;for(let e of A){let t=document.createElement(`option`);t.value=e.value,t.textContent=e.label,this.conditionSelect.appendChild(t)}this.messageInput=document.createElement(`input`),this.messageInput.type=`text`,this.messageInput.placeholder=`Note (optional)`,this.messageInput.className=`tcw-alerts-message`;let o=document.createElement(`button`);o.type=`submit`,o.className=`tcw-alerts-add`,o.innerHTML=`${x(`plus`,14)}<span>Add alert</span>`,a.appendChild(this.sourceSelect),a.appendChild(this.priceInput),a.appendChild(this.conditionSelect),a.appendChild(this.messageInput),a.appendChild(o),a.addEventListener(`submit`,e=>{e.preventDefault(),this.submitForm()}),this.el.appendChild(a),this.listEl=document.createElement(`div`),this.listEl.className=`tcw-alerts-list`,this.el.appendChild(this.listEl),this.emptyEl=document.createElement(`div`),this.emptyEl.className=`tcw-alerts-empty`,this.emptyEl.textContent=`No alerts yet. Add one above, or right-click the chart.`,this.listEl.appendChild(this.emptyEl),this.renderSources(),e.appendChild(this.el)}setSources(e){this.sources=e.length>0?e:[{channel:`price`,label:`Price`}],this.renderSources()}renderSources(){let e=this.sourceSelect.value||`price`;this.sourceSelect.replaceChildren();for(let e of this.sources){let t=document.createElement(`option`);t.value=e.channel,t.textContent=e.label,this.sourceSelect.appendChild(t)}this.sourceSelect.value=this.sources.some(t=>t.channel===e)?e:`price`}isOpen(){return this.open}toggle(){this.open?this.close():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1,this.priceInput.value===``&&this.prefillPrice()}prefillPrice(){let e=this.callbacks.getChannelValue(this.sourceSelect.value||`price`);this.priceInput.value=e===null?``:String(Ae(e))}close(){this.open=!1,this.el.hidden=!0}setAlerts(e){this.alerts=e,this.renderList()}destroy(){this.el.remove()}submitForm(){let e=Number(this.priceInput.value);if(!Number.isFinite(e))return;let t=this.conditionSelect.value,n=this.messageInput.value.trim()||void 0,r=this.sourceSelect.value||`price`,i=this.sources.find(e=>e.channel===r)?.label??`Price`;this.callbacks.onAdd(e,t,n,r,i),this.messageInput.value=``,this.prefillPrice()}renderList(){if(this.listEl.replaceChildren(),this.alerts.length===0){this.listEl.appendChild(this.emptyEl);return}for(let e of[...this.alerts].reverse()){let t=document.createElement(`div`);t.className=`tcw-alerts-row`+(e.triggered?` tcw-alerts-triggered`:``);let n=document.createElement(`div`);n.className=`tcw-alerts-info`;let r=document.createElement(`div`);r.className=`tcw-alerts-row-main`;let i=ke.get(e.condition)??e.condition,a=e.channel&&e.channel!==`price`,o=a?je(e.price):this.callbacks.formatPrice(e.price);if(r.textContent=`${a&&e.label?`${e.label} `:``}${i} ${o}`,n.appendChild(r),e.message){let t=document.createElement(`div`);t.className=`tcw-alerts-row-note`,t.textContent=e.message,n.appendChild(t)}if(e.triggered){let e=document.createElement(`span`);e.className=`tcw-alerts-badge`,e.textContent=`triggered`,r.appendChild(e)}let s=document.createElement(`button`);s.type=`button`,s.className=`tcw-alerts-del`,s.setAttribute(`aria-label`,`Delete alert`),s.innerHTML=x(`trash`,14),s.addEventListener(`click`,()=>this.callbacks.onRemove(e.id)),t.appendChild(n),t.appendChild(s),this.listEl.appendChild(t)}}},Ne=class{el;indicatorsEl;drawingsEl;compareEl=null;callbacks;open=!1;constructor(e,t){this.callbacks=t,this.el=document.createElement(`div`),this.el.className=`tcw-tree-panel`,this.el.hidden=!0;let n=document.createElement(`div`);n.className=`tcw-tree-header`;let r=document.createElement(`span`);r.textContent=`Objects`;let i=document.createElement(`button`);i.type=`button`,i.className=`tcw-tree-close`,i.setAttribute(`aria-label`,`Close objects`),i.innerHTML=x(`x`,14),i.addEventListener(`click`,()=>this.close()),n.appendChild(r),n.appendChild(i),this.el.appendChild(n),this.indicatorsEl=this.makeSection(`Indicators`),this.drawingsEl=this.makeSection(`Drawings`),this.callbacks.onAddCompare&&(this.compareEl=this.makeSection(`Compare`,()=>this.callbacks.onAddCompare?.())),e.appendChild(this.el)}isOpen(){return this.open}toggle(){this.open?this.close():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1}close(){this.open=!1,this.el.hidden=!0}destroy(){this.el.remove()}setObjects(e,t,n=[]){this.renderIndicators(e),this.renderDrawings(t),this.renderCompares(n)}makeSection(e,t){let n=document.createElement(`div`);n.className=`tcw-tree-section`;let r=document.createElement(`div`);r.className=`tcw-tree-section-head`;let i=document.createElement(`span`);if(i.textContent=e,r.appendChild(i),t){let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-tree-add`,n.setAttribute(`aria-label`,`Add ${e.toLowerCase()}`),n.title=`Add ${e.toLowerCase()}`,n.innerHTML=x(`plus`,13),n.addEventListener(`click`,t),r.appendChild(n)}let a=document.createElement(`div`);return a.className=`tcw-tree-list`,n.appendChild(r),n.appendChild(a),this.el.appendChild(n),a}renderIndicators(e){if(this.indicatorsEl.replaceChildren(),e.length===0){this.indicatorsEl.appendChild(this.emptyRow(`No indicators`));return}for(let t of e){let e=this.row(t.name);t.visible||e.classList.add(`tcw-tree-hidden`);let n=document.createElement(`div`);n.className=`tcw-tree-actions`,this.callbacks.onToggleIndicatorVisible&&n.appendChild(this.iconButton(t.visible?`eye`:`eyeOff`,t.visible?`Hide`:`Show`,``,()=>this.callbacks.onToggleIndicatorVisible?.(t.instanceId,!t.visible))),this.callbacks.onConfigureIndicator&&n.appendChild(this.iconButton(`settings`,`Indicator settings`,``,()=>this.callbacks.onConfigureIndicator?.(t.instanceId))),n.appendChild(this.iconButton(`trash`,`Remove indicator`,`tcw-tree-del`,()=>this.callbacks.onRemoveIndicator(t.instanceId))),e.appendChild(n),this.indicatorsEl.appendChild(e)}}renderDrawings(e){if(this.drawingsEl.replaceChildren(),e.length===0){this.drawingsEl.appendChild(this.emptyRow(`No drawings`));return}for(let t of e){let e=this.row(t.label);t.visible||e.classList.add(`tcw-tree-hidden`);let n=document.createElement(`div`);n.className=`tcw-tree-actions`,n.appendChild(this.iconButton(t.visible?`eye`:`eyeOff`,t.visible?`Hide`:`Show`,``,()=>this.callbacks.onToggleDrawingVisible(t.id,!t.visible))),n.appendChild(this.iconButton(t.locked?`lock`:`unlock`,t.locked?`Unlock`:`Lock`,t.locked?`tcw-tree-on`:``,()=>this.callbacks.onToggleDrawingLocked(t.id,!t.locked))),n.appendChild(this.iconButton(`trash`,`Remove drawing`,`tcw-tree-del`,()=>this.callbacks.onRemoveDrawing(t.id))),e.appendChild(n),this.drawingsEl.appendChild(e)}}renderCompares(e){if(this.compareEl){if(this.compareEl.replaceChildren(),e.length===0){this.compareEl.appendChild(this.emptyRow(`No comparisons`));return}for(let t of e){let e=this.row(t.label),n=document.createElement(`span`);n.className=`tcw-tree-dot`,n.style.background=t.color,e.insertBefore(n,e.firstChild),this.callbacks.onRemoveCompare&&e.appendChild(this.iconButton(`trash`,`Remove comparison`,`tcw-tree-del`,()=>this.callbacks.onRemoveCompare?.(t.id))),this.compareEl.appendChild(e)}}}row(e){let t=document.createElement(`div`);t.className=`tcw-tree-row`;let n=document.createElement(`span`);return n.className=`tcw-tree-name`,n.textContent=e,n.title=e,t.appendChild(n),t}emptyRow(e){let t=document.createElement(`div`);return t.className=`tcw-tree-empty`,t.textContent=e,t}iconButton(e,t,n,r){let i=document.createElement(`button`);return i.type=`button`,i.className=`tcw-tree-btn ${n}`.trim(),i.setAttribute(`aria-label`,t),i.title=t,i.innerHTML=x(e,14),i.addEventListener(`click`,r),i}},Pe={trendLine:`Trend Line`,ray:`Ray`,extendedLine:`Extended Line`,horizontalLine:`Horizontal Line`,horizontalRay:`Horizontal Ray`,crossLine:`Cross Line`,infoLine:`Info Line`,trendAngle:`Trend Angle`,circle:`Circle`,fibChannel:`Fib Channel`,fibSpeedResistanceFan:`Fib Speed Resistance Fan`,schiffPitchfork:`Schiff Pitchfork`,modifiedSchiffPitchfork:`Modified Schiff Pitchfork`,xabcdPattern:`XABCD Pattern`,abcdPattern:`ABCD Pattern`,headAndShoulders:`Head and Shoulders`,dateAndPriceRange:`Date and Price Range`,cyclicLines:`Cyclic Lines`,priceLabel:`Price Label`,verticalLine:`Vertical Line`,rectangle:`Rectangle`,ellipse:`Ellipse`,triangle:`Triangle`,arrow:`Arrow`,parallelChannel:`Parallel Channel`,regressionChannel:`Regression Channel`,pitchfork:`Pitchfork`,fibRetracement:`Fib Retracement`,fibExtension:`Fib Extension`,fibTimeZones:`Fib Time Zones`,gannBox:`Gann Box`,gannFan:`Gann Fan`,elliottWave:`Elliott Wave`,priceRange:`Price Range`,dateRange:`Date Range`,measure:`Measure`,text:`Text`,textAnnotation:`Text`,anchoredVWAP:`Anchored VWAP`,volumeProfileRange:`Volume Profile`,riskReward:`Long/Short Position`};function Fe(e){return Pe[e]??e}var Ie=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;function Le(e){return e.replace(/_/g,` `).replace(/([a-z0-9])([A-Z])/g,`$1 $2`).replace(/^./,e=>e.toUpperCase())}var Re=class{backdrop;modal;bodyEl;titleEl;callbacks;target=null;draft={};constructor(e,t){this.callbacks=t,this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.hidden=!0,this.backdrop.addEventListener(`click`,e=>{e.target===this.backdrop&&this.close()}),this.modal=document.createElement(`div`),this.modal.className=`tcw-modal tcw-modal-narrow`;let n=document.createElement(`div`);n.className=`tcw-modal-header`,this.titleEl=document.createElement(`h3`),this.titleEl.textContent=`Indicator`;let r=document.createElement(`button`);r.className=`tcw-modal-close`,r.setAttribute(`aria-label`,`Close`),r.innerHTML=x(`x`,16),r.addEventListener(`click`,()=>this.close()),n.appendChild(this.titleEl),n.appendChild(r),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-modal-body`;let i=document.createElement(`div`);i.className=`tcw-modal-footer`;let a=document.createElement(`button`);a.className=`tcw-reset-link`,a.textContent=`Reset to defaults`,a.addEventListener(`click`,()=>this.resetDefaults());let o=document.createElement(`button`);o.className=`tcw-done-btn`,o.textContent=`Done`,o.addEventListener(`click`,()=>this.close()),i.appendChild(a),i.appendChild(o),this.modal.appendChild(n),this.modal.appendChild(this.bodyEl),this.modal.appendChild(i),this.backdrop.appendChild(this.modal),e.appendChild(this.backdrop)}open(e){this.target=e,this.titleEl.textContent=`${e.name} settings`,this.draft={},this.renderFields(),this.backdrop.hidden=!1}close(){this.backdrop.hidden=!0,this.target=null,this.callbacks.onClose()}isOpen(){return!this.backdrop.hidden}destroy(){this.backdrop.remove()}currentValue(e){if(e in this.draft)return this.draft[e];let t=this.target?.params[e],n=this.target?.defaults[e];return t??n}setValue(e,t){this.target&&(this.draft[e]=t,this.callbacks.onApply(this.target.instanceId,{...this.draft}))}resetDefaults(){if(!this.target)return;let e={};for(let[t,n]of Object.entries(this.target.defaults))e[t]=n;this.draft=e,this.callbacks.onApply(this.target.instanceId,{...e}),this.renderFields()}renderFields(){if(this.bodyEl.replaceChildren(),!this.target)return;let e=document.createElement(`div`);e.className=`tcw-settings-section`;let t=Object.keys(this.target.defaults);if(t.length===0){let t=document.createElement(`div`);t.className=`tcw-settings-label`,t.textContent=`This indicator has no adjustable parameters.`,e.appendChild(t)}for(let n of t)e.appendChild(this.fieldRow(n));this.bodyEl.appendChild(e)}fieldRow(e){let t=document.createElement(`div`);t.className=`tcw-settings-row`;let n=document.createElement(`span`);n.className=`tcw-settings-label`,n.textContent=Le(e),t.appendChild(n);let r=this.currentValue(e),i=typeof(this.target?.defaults[e]??r);return i===`boolean`?t.appendChild(this.toggleControl(e,!!r)):i===`number`?t.appendChild(this.numberControl(e,Number(r))):typeof r==`string`&&Ie.test(r)?t.appendChild(this.colorControl(e,r)):t.appendChild(this.textControl(e,String(r??``))),t}toggleControl(e,t){let n=document.createElement(`button`);return n.className=`tcw-toggle${t?` tcw-on`:``}`,n.type=`button`,n.addEventListener(`click`,()=>{let t=!n.classList.contains(`tcw-on`);n.classList.toggle(`tcw-on`,t),this.setValue(e,t)}),n}numberControl(e,t){let n=document.createElement(`input`);return n.type=`number`,n.className=`tcw-indi-input`,n.value=String(t),n.step=Number.isInteger(t)?`1`:`0.1`,n.addEventListener(`change`,()=>{let t=Number(n.value);Number.isFinite(t)&&this.setValue(e,t)}),n}colorControl(e,t){let n=document.createElement(`input`);return n.type=`color`,n.className=`tcw-indi-color`,n.value=t.length===4?ze(t):t,n.addEventListener(`input`,()=>this.setValue(e,n.value)),n}textControl(e,t){let n=document.createElement(`input`);return n.type=`text`,n.className=`tcw-indi-input`,n.value=t,n.addEventListener(`change`,()=>this.setValue(e,n.value)),n}};function ze(e){let t=e[1],n=e[2],r=e[3];return`#${t}${t}${n}${n}${r}${r}`}function Be(){try{return typeof localStorage<`u`?localStorage:null}catch{return null}}var Ve=[`color`,`lineWidth`,`lineStyle`,`fillColor`,`fillOpacity`,`fontSize`];function j(e){if(!e||typeof e!=`object`)return{};let t={},n=e;for(let e of Ve)n[e]!==void 0&&(t[e]=n[e]);return t}var He=class{templates=[];constructor(e=`tcw:draw-templates`,t=Be()){this.storageKey=e,this.storage=t,this.load()}list(){return this.templates.map(e=>({name:e.name,style:{...e.style}}))}get(e){let t=this.templates.find(t=>t.name===e);return t?{name:t.name,style:{...t.style}}:null}save(e,t){let n=e.trim();if(!n)return;let r=j(t);this.templates=this.templates.filter(e=>e.name!==n),this.templates.push({name:n,style:r}),this.persist()}remove(e){let t=this.templates.filter(t=>t.name!==e);t.length!==this.templates.length&&(this.templates=t,this.persist())}clear(){this.templates=[],this.persist()}load(){if(this.storage)try{let e=this.storage.getItem(this.storageKey);if(!e)return;let t=JSON.parse(e);if(!Array.isArray(t))return;this.templates=t.filter(e=>e&&typeof e.name==`string`).map(e=>({name:e.name,style:j(e.style)}))}catch{}}persist(){if(this.storage)try{this.storage.setItem(this.storageKey,JSON.stringify(this.templates))}catch{}}},Ue=[`#4c8dff`,`#1fa874`,`#e8505b`,`#f2a93b`,`#a57cff`,`#1398a8`,`#ffffff`,`#7d8696`],We=[1,2,3,4],Ge=[`solid`,`dashed`,`dotted`],Ke=class{el;templatesEl;nameInput;callbacks;store;open=!1;constructor(e,t,n){this.callbacks=t,this.store=n,this.el=document.createElement(`div`),this.el.className=`tcw-style-panel`,this.el.hidden=!0;let r=document.createElement(`div`);r.className=`tcw-style-header`;let i=document.createElement(`span`);i.textContent=`Drawing Style`;let a=document.createElement(`button`);a.type=`button`,a.className=`tcw-style-close`,a.setAttribute(`aria-label`,`Close`),a.innerHTML=x(`x`,14),a.addEventListener(`click`,()=>this.close()),r.appendChild(i),r.appendChild(a),this.el.appendChild(r),this.el.appendChild(this.colorRow()),this.el.appendChild(this.widthRow()),this.el.appendChild(this.lineStyleRow());let o=document.createElement(`div`);o.className=`tcw-style-subhead`,o.textContent=`Templates`,this.el.appendChild(o);let s=document.createElement(`div`);s.className=`tcw-style-save`,this.nameInput=document.createElement(`input`),this.nameInput.type=`text`,this.nameInput.placeholder=`Template name`,this.nameInput.className=`tcw-style-name`;let c=document.createElement(`button`);c.type=`button`,c.className=`tcw-style-savebtn`,c.innerHTML=`${x(`plus`,13)}<span>Save</span>`,c.addEventListener(`click`,()=>this.saveTemplate()),s.appendChild(this.nameInput),s.appendChild(c),this.el.appendChild(s),this.templatesEl=document.createElement(`div`),this.templatesEl.className=`tcw-style-templates`,this.el.appendChild(this.templatesEl),e.appendChild(this.el),this.renderTemplates()}isOpen(){return this.open}toggle(){this.open?this.close():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1,this.syncActiveControls(),this.renderTemplates()}close(){this.open=!1,this.el.hidden=!0}destroy(){this.el.remove()}colorRow(){let e=document.createElement(`div`);e.className=`tcw-style-row tcw-style-colors`;for(let t of Ue){let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-style-swatch`,n.style.background=t,n.dataset.color=t,n.setAttribute(`aria-label`,t),n.addEventListener(`click`,()=>this.applyStyle({color:t})),e.appendChild(n)}let t=document.createElement(`input`);return t.type=`color`,t.className=`tcw-style-picker`,t.addEventListener(`input`,()=>this.applyStyle({color:t.value})),e.appendChild(t),e}widthRow(){let e=document.createElement(`div`);e.className=`tcw-style-row tcw-style-widths`;for(let t of We){let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-style-width`,n.dataset.width=String(t);let r=document.createElement(`span`);r.style.height=`${t}px`,n.appendChild(r),n.addEventListener(`click`,()=>this.applyStyle({lineWidth:t})),e.appendChild(n)}return e}lineStyleRow(){let e=document.createElement(`div`);e.className=`tcw-style-row tcw-style-dashes`;for(let t of Ge){let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-style-dash`,n.dataset.linestyle=t,n.textContent=t===`solid`?`──`:t===`dashed`?`╌╌`:`┄┄`,n.title=t,n.addEventListener(`click`,()=>this.applyStyle({lineStyle:t})),e.appendChild(n)}return e}applyStyle(e){this.callbacks.onStyleChange(e),this.syncActiveControls()}syncActiveControls(){let e=this.callbacks.getStyle();this.el.querySelectorAll(`.tcw-style-swatch`).forEach(t=>{t.classList.toggle(`tcw-on`,t.dataset.color?.toLowerCase()===e.color?.toLowerCase())}),this.el.querySelectorAll(`.tcw-style-width`).forEach(t=>{t.classList.toggle(`tcw-on`,Number(t.dataset.width)===e.lineWidth)}),this.el.querySelectorAll(`.tcw-style-dash`).forEach(t=>{t.classList.toggle(`tcw-on`,t.dataset.linestyle===e.lineStyle)})}saveTemplate(){let e=this.nameInput.value.trim();e&&(this.store.save(e,this.callbacks.getStyle()),this.nameInput.value=``,this.renderTemplates())}renderTemplates(){this.templatesEl.replaceChildren();let e=this.store.list();if(e.length===0){let e=document.createElement(`div`);e.className=`tcw-style-empty`,e.textContent=`No saved templates`,this.templatesEl.appendChild(e);return}for(let t of e){let e=document.createElement(`div`);e.className=`tcw-style-template`;let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-style-apply`;let r=document.createElement(`span`);r.className=`tcw-style-tdot`,r.style.background=t.style.color??`var(--tcw-text-muted)`;let i=document.createElement(`span`);i.textContent=t.name,n.appendChild(r),n.appendChild(i),n.addEventListener(`click`,()=>{this.callbacks.onStyleChange({...t.style}),this.syncActiveControls()});let a=document.createElement(`button`);a.type=`button`,a.className=`tcw-style-tdel`,a.setAttribute(`aria-label`,`Delete template`),a.innerHTML=x(`trash`,13),a.addEventListener(`click`,()=>{this.store.remove(t.name),this.renderTemplates()}),e.appendChild(n),e.appendChild(a),this.templatesEl.appendChild(e)}}};function qe(){try{return typeof localStorage<`u`?localStorage:null}catch{return null}}var M=class{favorites=[];constructor(e=`tcw:draw-favorites`,t=qe()){this.storageKey=e,this.storage=t,this.load()}list(){return[...this.favorites]}has(e){return this.favorites.includes(e)}add(e){!e||this.favorites.includes(e)||(this.favorites=[...this.favorites,e],this.persist())}remove(e){this.favorites.includes(e)&&(this.favorites=this.favorites.filter(t=>t!==e),this.persist())}toggle(e){return this.has(e)?(this.remove(e),!1):(this.add(e),!0)}seedDefaults(e){this.favorites.length>0||(this.favorites=[...new Set(e.filter(Boolean))],this.persist())}load(){if(this.storage)try{let e=this.storage.getItem(this.storageKey);if(!e)return;let t=JSON.parse(e);Array.isArray(t)&&(this.favorites=[...new Set(t.filter(e=>typeof e==`string`))])}catch{}}persist(){if(this.storage)try{this.storage.setItem(this.storageKey,JSON.stringify(this.favorites))}catch{}}},Je=[`1m`,`3m`,`5m`,`15m`,`30m`,`1h`,`2h`,`4h`,`1d`,`1w`,`1M`],Ye=[`1m`,`5m`,`15m`,`1h`,`4h`,`1d`],Xe=6;function N(e){let t=e.slice(-1);return t===`h`||t===`d`||t===`w`?e.slice(0,-1)+t.toUpperCase():e}var Ze=e=>Number.isFinite((0,t.timeframeToMs)(e));function Qe(e,n){let r=n?.length?n:null,i=e?.length?e:r??Je;return[...new Set(i)].filter(e=>Ze(e)&&(!r||r.includes(e))).sort((e,n)=>(0,t.timeframeToMs)(e)-(0,t.timeframeToMs)(n))}function $e(e,t,n=!1){if(t?.length)return e.filter(e=>t.includes(e));if(n)return[...e];let r=e.filter(e=>Ye.includes(e));return r.length>0?r:e.slice(0,Xe)}var P=6e4,et=/^(\d{4})-(\d{2})-(\d{2})$/,tt=/^(\d{2}):(\d{2})$/;function nt(e,t,n){let r=et.exec(e),i=t?tt.exec(t):[``,`00`,`00`];if(!r||!i)return null;let[a,o,s,c,l]=[+r[1],+r[2],+r[3],+i[1],+i[2]];if(o<1||o>12||s<1||s>31||c>23||l>59)return null;if(n===null){let e=new Date(a,o-1,s,c,l);return e.getDate()===s?e.getTime():null}let u=Date.UTC(a,o-1,s,c,l);return new Date(u).getUTCDate()===s?u-n*P:null}function rt(e,t){let n=e=>String(e).padStart(2,`0`);if(t===null){let t=new Date(e);return{date:`${t.getFullYear()}-${n(t.getMonth()+1)}-${n(t.getDate())}`,time:`${n(t.getHours())}:${n(t.getMinutes())}`}}let r=new Date(e+t*P);return{date:`${r.getUTCFullYear()}-${n(r.getUTCMonth()+1)}-${n(r.getUTCDate())}`,time:`${n(r.getUTCHours())}:${n(r.getUTCMinutes())}`}}var it=class{form=null;returnFocus=null;opener=null;onOutside=e=>{let t=e.target;this.form&&!this.form.contains(t)&&!this.opener?.contains(t)&&this.close()};constructor(e,t,n){this.host=e,this.labels=t,this.onSubmit=n}isOpen(){return this.form!==null}open(e,t=null){this.close(),this.opener=t,this.returnFocus=document.activeElement;let n=document.createElement(`form`);n.className=`tcw-goto`,n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-label`,this.labels.title);let r=document.createElement(`div`);r.className=`tcw-goto-title`,r.textContent=this.labels.title;let i=this.field(n,this.labels.date,`date`,e.date);i.required=!0;let a=this.field(n,this.labels.time,`time`,e.time),o=document.createElement(`div`);o.className=`tcw-goto-actions`;let s=document.createElement(`button`);s.type=`button`,s.className=`tcw-btn`,s.textContent=this.labels.cancel,s.addEventListener(`click`,()=>this.close());let c=document.createElement(`button`);c.type=`submit`,c.className=`tcw-btn tcw-goto-submit`,c.textContent=this.labels.submit,o.append(s,c),n.prepend(r),n.append(o),n.addEventListener(`submit`,e=>{if(e.preventDefault(),!i.value)return;let t={date:i.value,time:a.value};this.close(),this.onSubmit(t)}),n.addEventListener(`keydown`,e=>{e.stopPropagation(),e.key===`Escape`&&this.close()}),this.host.appendChild(n),this.form=n,document.addEventListener(`mousedown`,this.onOutside),i.focus()}close(){if(!this.form)return;document.removeEventListener(`mousedown`,this.onOutside),this.form.remove(),this.form=null;let e=this.returnFocus;this.returnFocus=null,e?.isConnected&&e.focus()}destroy(){this.close()}field(e,t,n,r){let i=document.createElement(`label`);i.className=`tcw-goto-field`;let a=document.createElement(`span`);a.textContent=t;let o=document.createElement(`input`);return o.type=n,o.value=r,o.className=`tcw-goto-input`,i.append(a,o),e.appendChild(i),o}},F=8,I=4,L=3,at=`[title]:not([title=""]), [data-tip]:not([data-tip=""])`,ot=class{el;target=null;source=null;pressed=null;showTimer=null;watchFrame=0;warmUntil=0;observer;constructor(e){this.root=e,this.el=document.createElement(`div`),this.el.className=`tcw-tooltip`,this.el.setAttribute(`aria-hidden`,`true`),e.appendChild(this.el),e.addEventListener(`pointerover`,this.onOver),e.addEventListener(`pointerout`,this.onOut),e.addEventListener(`pointerdown`,this.onPress,!0),e.addEventListener(`keydown`,this.onPress,!0),e.addEventListener(`focusin`,this.onFocus),e.addEventListener(`focusout`,this.onBlur),e.addEventListener(`wheel`,this.hide,{passive:!0}),this.observer=new MutationObserver(()=>{this.pressed?.hasAttribute(`title`)&&R(this.pressed);let e=this.target;!e||this.source!==`pointer`||!e.hasAttribute(`title`)||(R(e),this.isVisible()&&this.show(e))}),this.observer.observe(e,{subtree:!0,attributes:!0,attributeFilter:[`title`]})}destroy(){this.hide(),this.pressed&&z(this.pressed),this.observer.disconnect(),this.root.removeEventListener(`pointerover`,this.onOver),this.root.removeEventListener(`pointerout`,this.onOut),this.root.removeEventListener(`pointerdown`,this.onPress,!0),this.root.removeEventListener(`keydown`,this.onPress,!0),this.root.removeEventListener(`focusin`,this.onFocus),this.root.removeEventListener(`focusout`,this.onBlur),this.root.removeEventListener(`wheel`,this.hide),this.el.remove()}onOver=e=>{if(e.pointerType===`touch`)return;let t=this.tipTarget(e.target);!t||t===this.pressed||t===this.target&&this.source===`pointer`||(R(t),this.schedule(t,`pointer`,Date.now()<this.warmUntil||this.isVisible()))};onOut=e=>{let t=e.relatedTarget,n=e=>!!e&&!!t&&e.contains(t);this.pressed&&!n(this.pressed)&&(z(this.pressed),this.pressed=null),this.source===`pointer`&&!n(this.target)&&this.hide()};onPress=()=>{let e=this.target,t=this.source===`pointer`;this.warmUntil=0,this.clearTimer(),cancelAnimationFrame(this.watchFrame),this.el.classList.remove(`tcw-tooltip--visible`),this.target=null,this.source=null,this.pressed&&this.pressed!==e&&z(this.pressed),this.pressed=t?e:null};onFocus=e=>{let t=this.tipTarget(e.target);!t||!ct(t)||t===this.pressed||this.schedule(t,`focus`,!0)};onBlur=e=>{if(this.source!==`focus`)return;let t=e.relatedTarget;this.target&&t&&this.target.contains(t)||this.hide()};hide=()=>{this.clearTimer(),cancelAnimationFrame(this.watchFrame),this.isVisible()&&(this.warmUntil=Date.now()+500),this.el.classList.remove(`tcw-tooltip--visible`),this.target&&this.source===`pointer`&&z(this.target),this.target=null,this.source=null};tipTarget(e){if(!(e instanceof Element))return null;let t=e.closest(at);return t&&t!==this.el&&this.root.contains(t)?t:null}schedule(e,t,n){let r=this.target;if(this.clearTimer(),cancelAnimationFrame(this.watchFrame),r&&r!==e&&this.source===`pointer`&&z(r),this.target=e,this.source=t,n){this.show(e);return}this.el.classList.remove(`tcw-tooltip--visible`),this.showTimer=setTimeout(()=>{this.showTimer=null,this.target===e&&this.show(e)},300)}show(e){if(!B(e)){this.hide();return}this.el.textContent=st(e),this.place(e),this.el.classList.add(`tcw-tooltip--visible`),this.watch(e)}watch(e){cancelAnimationFrame(this.watchFrame),this.watchFrame=requestAnimationFrame(()=>{this.target===e&&(B(e)?this.watch(e):this.hide())})}place(e){let t=this.root.getBoundingClientRect(),n=e.getBoundingClientRect(),r=this.el.offsetWidth,i=this.el.offsetHeight,a=n.left-t.left,o=n.top-t.top,s=lt(e);s===`bottom`&&o+n.height+F+i>t.height?s=`top`:s===`top`&&o-F-i<0?s=`bottom`:s===`right`&&a+n.width+F+r>t.width&&(s=`left`);let c,l;s===`top`||s===`bottom`?(c=a+n.width/2-r/2,l=s===`bottom`?o+n.height+F:o-F-i):(c=s===`right`?a+n.width+F:a-F-r,l=o+n.height/2-i/2),c=Math.max(I,Math.min(t.width-r-I,c)),l=Math.max(I,Math.min(t.height-i-I,l)),this.el.style.left=`${Math.round(c)}px`,this.el.style.top=`${Math.round(l)}px`;let u={top:[0,L],bottom:[0,-L],left:[L,0],right:[-L,0]}[s];this.el.style.setProperty(`--tcw-tip-dx`,`${u[0]}px`),this.el.style.setProperty(`--tcw-tip-dy`,`${u[1]}px`),this.el.dataset.side=s}isVisible(){return this.el.classList.contains(`tcw-tooltip--visible`)}clearTimer(){this.showTimer!==null&&(clearTimeout(this.showTimer),this.showTimer=null)}};function R(e){let t=e.getAttribute(`title`);t!==null&&(e.dataset.tip=t,e.removeAttribute(`title`))}function z(e){e.dataset.tip!==void 0&&!e.hasAttribute(`title`)&&(e.setAttribute(`title`,e.dataset.tip),delete e.dataset.tip)}function st(e){return e.dataset.tip??e.getAttribute(`title`)??``}function B(e){return e.isConnected&&e.getClientRects().length>0&&!e.disabled}function ct(e){try{return e.matches(`:focus-visible`)}catch{return!1}}function lt(e){return e.dataset.tipSide||(e.closest(`.tcw-sidebar`)?`right`:e.closest(`.tcw-statusbar, .tcw-replay-bar`)?`top`:`bottom`)}var ut=2,dt=class{stack;toggle;rows=new Map;collapsed=!1;toggleKey=``;stackKey=``;constructor(e,t,n){this.host=e,this.callbacks=t,this.labels=n,this.stack=document.createElement(`div`),this.stack.className=`tcw-ind-legend`,this.toggle=document.createElement(`button`),this.toggle.type=`button`,this.toggle.className=`tcw-ind-legend-toggle`,this.toggle.addEventListener(`click`,()=>{this.setCollapsed(!this.collapsed),this.renderToggle(this.overlayCount())}),this.stack.appendChild(this.toggle),e.appendChild(this.stack)}update(e,t){let n=`${Math.round(t.left)},${Math.round(t.top)}`;n!==this.stackKey&&(this.stackKey=n,this.stack.style.left=`${Math.round(t.left)}px`,this.stack.style.top=`${Math.round(t.top)}px`);let r=new Set,i=!1;for(let t of e){r.add(t.instanceId);let e=this.rows.get(t.instanceId)??this.createRow(t.instanceId);this.fill(e,t),t.pane?e.el.parentElement!==this.host&&this.host.appendChild(e.el):e.el.parentElement!==this.stack&&(this.stack.insertBefore(e.el,this.toggle),i=!0),this.place(e,t.pane)}for(let[e,t]of this.rows)r.has(e)||(t.el.remove(),this.rows.delete(e));i&&this.collapsed&&this.setCollapsed(!1),this.renderToggle(e.filter(e=>!e.pane).length)}destroy(){for(let e of this.rows.values())e.el.remove();this.rows.clear(),this.stack.remove()}createRow(e){let t=document.createElement(`div`);t.className=`tcw-ind-legend-row`,t.dataset.instance=e;let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-ind-legend-name`,n.addEventListener(`click`,()=>this.callbacks.onSettings(e));let r=document.createElement(`span`);r.className=`tcw-ind-legend-values`;let i=document.createElement(`span`);i.className=`tcw-ind-legend-actions`;let a=(e,t,n)=>{let r=document.createElement(`button`);return r.type=`button`,r.className=`tcw-ind-legend-act`,r.dataset.act=e,r.innerHTML=x(t,13),r.addEventListener(`click`,n),i.appendChild(r),r},o=a(`visible`,`eye`,()=>{this.callbacks.onToggleVisible(e,!l.visible)}),s=a(`settings`,`settings`,()=>this.callbacks.onSettings(e)),c=a(`remove`,`x`,()=>this.callbacks.onRemove(e));t.append(n,r,i);let l={el:t,name:n,values:r,eye:o,settings:s,remove:c,visible:!0,valuesKey:``,state:``,placeKey:``};return this.rows.set(e,l),l}fill(e,t){let n=`${t.label}|${t.visible}`;n!==e.state&&(e.state=n,e.visible=t.visible,e.name.textContent=t.label,e.name.title=this.labels.settings,e.el.classList.toggle(`tcw-ind-legend-row--hidden`,!t.visible),e.eye.innerHTML=x(t.visible?`eye`:`eyeOff`,13),V(e.eye,t.visible?this.labels.hide:this.labels.show,t.label),V(e.settings,this.labels.settings,t.label),V(e.remove,this.labels.remove,t.label));let r=t.values.map(e=>`${e.text}${e.color??``}`).join(``);r!==e.valuesKey&&(e.valuesKey=r,e.values.replaceChildren(...t.values.map(e=>{let t=document.createElement(`span`);return t.textContent=e.text,e.color&&(t.style.color=e.color),t})))}place(e,t){let n=t?`${Math.round(t.x)},${Math.round(t.y)},${Math.round(t.width)}`:``;n!==e.placeKey&&(e.placeKey=n,e.el.classList.toggle(`tcw-ind-legend-row--pane`,t!==null),e.el.style.left=t?`${Math.round(t.x)}px`:``,e.el.style.top=t?`${Math.round(t.y)}px`:``,e.el.style.maxWidth=t?`${Math.max(0,Math.round(t.width))}px`:``)}setCollapsed(e){this.collapsed=e,this.stack.classList.toggle(`tcw-ind-legend--collapsed`,e)}overlayCount(){return this.stack.querySelectorAll(`:scope > .tcw-ind-legend-row`).length}renderToggle(e){let t=e>=ut;!t&&this.collapsed&&this.setCollapsed(!1);let n=`${t}|${this.collapsed}|${e}`;if(n===this.toggleKey||(this.toggleKey=n,this.toggle.hidden=!t,!t))return;let r=this.collapsed?this.labels.expand:this.labels.collapse;V(this.toggle,r,this.collapsed?`(${e})`:void 0),this.toggle.setAttribute(`aria-expanded`,String(!this.collapsed));let i=x(this.collapsed?`chevronDown`:`chevronUp`,12);this.toggle.innerHTML=this.collapsed?`${i}<span>${e}</span>`:i}};function V(e,t,n){e.title=t,e.setAttribute(`aria-label`,n?`${t} ${n}`:t)}var ft={psar:[`trend`],supertrend:[`trend`],svwap:[`session`],ao:[`up`],voldelta:[`up`],chaikinOsc:[`adl`],adx:[`dx`],lrc:[`slope`],ichimoku:[`chikou`]},pt={psar:e=>e.trend===1,supertrend:e=>e.trend===1,ao:e=>e.up===1,voldelta:e=>e.up===1,chaikinOsc:e=>(e.value??0)>=0,cmf:e=>(e.value??0)>=0,dpo:e=>(e.value??0)>=0},mt=new Set([`ac`]);function H(e,t){if(!t)return[];let n=ft[e],r=[];for(let e in t){let i=t[e];typeof i==`number`&&Number.isFinite(i)&&!n?.includes(e)&&r.push(i)}return r}function ht(e,t,n){if(mt.has(e))return null;let r=pt[e];return r?n?(r(n)?t[0]:t[1])??null:null:t[0]??null}var U=new Map;function gt(e){let t=U.get(e);return t||(t=new Intl.NumberFormat(e,{notation:`compact`,maximumFractionDigits:2}),U.set(e,t)),t}function _t(e,n=`en-US`){let r=Math.abs(e);return r>=1e6?gt(n).format(e):(0,t.formatPrice)(e,r>=1e3?1:r>=1?2:r>=.01?4:6,n)}var vt=class{el;labelEl;callbacks;visible=!1;constructor(e,t){this.callbacks=t,this.el=document.createElement(`div`),this.el.className=`tcw-bracket-bar`,this.el.hidden=!0,this.labelEl=document.createElement(`span`),this.labelEl.className=`tcw-bracket-label`,this.el.appendChild(this.labelEl);let n=document.createElement(`span`);n.className=`tcw-bracket-hint`,n.textContent=`drag lines to adjust`,this.el.appendChild(n);let r=document.createElement(`button`);r.type=`button`,r.className=`tcw-bracket-cancel`,r.innerHTML=`${x(`x`,14)}<span>Cancel</span>`,r.addEventListener(`click`,()=>this.callbacks.onCancel());let i=document.createElement(`button`);i.type=`button`,i.className=`tcw-bracket-confirm`,i.innerHTML=`${x(`check`,14)}<span>Place</span>`,i.addEventListener(`click`,()=>this.callbacks.onConfirm()),this.el.appendChild(r),this.el.appendChild(i),e.appendChild(this.el)}show(e){this.visible=!0,this.labelEl.textContent=e===`buy`?`Long bracket`:`Short bracket`,this.labelEl.dataset.side=e,this.el.hidden=!1}hide(){this.visible=!1,this.el.hidden=!0}isVisible(){return this.visible}destroy(){this.el.remove()}},yt=class{options;audioCtx=null;audioEl=null;permissionAsked=!1;constructor(e={}){if(this.options=e,typeof e.sound==`string`)try{this.audioEl=new Audio(e.sound),this.audioEl.preload=`auto`}catch{this.audioEl=null}e.desktop&&this.ensurePermission()}setOptions(e){this.options={...this.options,...e}}notify(e){this.options.sound&&this.playSound(),this.options.desktop&&this.showDesktop(e)}playSound(){if(this.audioEl){this.audioEl.currentTime=0,this.audioEl.play().catch(()=>{});return}this.beep()}beep(){try{let e=window.AudioContext??window.webkitAudioContext;if(!e)return;this.audioCtx||=new e;let t=this.audioCtx,n=t.currentTime,r=t.createGain();r.gain.setValueAtTime(1e-4,n),r.gain.exponentialRampToValueAtTime(.2,n+.01),r.gain.exponentialRampToValueAtTime(1e-4,n+.35),r.connect(t.destination);let i=t.createOscillator();i.type=`sine`,i.frequency.setValueAtTime(880,n),i.frequency.setValueAtTime(1320,n+.16),i.connect(r),i.start(n),i.stop(n+.36)}catch{}}ensurePermission(){this.permissionAsked||(this.permissionAsked=!0,!(typeof Notification>`u`)&&Notification.permission===`default`&&Notification.requestPermission().catch(()=>{}))}showDesktop(e){if(!(typeof Notification>`u`)){if(Notification.permission!==`granted`){this.ensurePermission();return}try{new Notification(this.options.title??`Price alert`,{body:e})}catch{}}}destroy(){try{this.audioCtx?.close()}catch{}this.audioCtx=null,this.audioEl=null}};function bt(e,t=12){let n=[...e.asks].sort((e,t)=>e.price-t.price).slice(0,t),r=[...e.bids].sort((e,t)=>t.price-e.price).slice(0,t),i=n.length>0?n[0].price:null,a=r.length>0?r[0].price:null,o=i!==null&&a!==null?(i+a)/2:null,s=new Map,c=e=>{let t=s.get(e);return t||(t={price:e,bidVolume:0,askVolume:0},s.set(e,t)),t};for(let e of n)c(e.price).askVolume+=e.volume;for(let e of r)c(e.price).bidVolume+=e.volume;let l=[...s.values()].sort((e,t)=>t.price-e.price),u=0;for(let e of l)u=Math.max(u,e.bidVolume,e.askVolume);return{rows:l,maxVolume:u,mid:o}}var xt=class{el;bodyEl;callbacks;open=!1;levels;constructor(e,t,n=12){this.callbacks=t,this.levels=n,this.el=document.createElement(`div`),this.el.className=`tcw-ladder`,this.el.hidden=!0;let r=document.createElement(`div`);r.className=`tcw-ladder-header`;let i=document.createElement(`span`);i.textContent=`Depth Ladder`;let a=document.createElement(`button`);a.type=`button`,a.className=`tcw-ladder-close`,a.setAttribute(`aria-label`,`Close`),a.innerHTML=x(`x`,14),a.addEventListener(`click`,()=>this.close()),r.appendChild(i),r.appendChild(a),this.el.appendChild(r);let o=document.createElement(`div`);o.className=`tcw-ladder-cols`,o.innerHTML=`<span>Bid</span><span>Price</span><span>Ask</span>`,this.el.appendChild(o),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-ladder-body`,this.el.appendChild(this.bodyEl),e.appendChild(this.el)}isOpen(){return this.open}toggle(){this.open?this.close():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1}close(){this.open=!1,this.el.hidden=!0}setData(e){if(!e){this.renderEmpty();return}this.render(bt(e,this.levels))}destroy(){this.el.remove()}renderEmpty(){this.bodyEl.replaceChildren();let e=document.createElement(`div`);e.className=`tcw-ladder-empty`,e.textContent=`No order-book data`,this.bodyEl.appendChild(e)}render(e){if(this.bodyEl.replaceChildren(),e.rows.length===0){this.renderEmpty();return}let t=e.maxVolume>0?1/e.maxVolume:0;for(let n of e.rows){let e=n.askVolume>0,r=document.createElement(`div`);r.className=`tcw-ladder-row`;let i=document.createElement(`button`);i.type=`button`,i.className=`tcw-ladder-cell tcw-ladder-bid`,n.bidVolume>0?(i.textContent=W(n.bidVolume),i.style.setProperty(`--w`,`${(n.bidVolume*t*100).toFixed(1)}%`),i.title=`Sell @ ${this.callbacks.formatPrice(n.price)}`,i.addEventListener(`click`,()=>this.callbacks.onTrade(`sell`,n.price))):i.disabled=!0;let a=document.createElement(`div`);a.className=`tcw-ladder-price ${e?`tcw-ask`:`tcw-bid`}`,a.textContent=this.callbacks.formatPrice(n.price);let o=document.createElement(`button`);o.type=`button`,o.className=`tcw-ladder-cell tcw-ladder-ask`,n.askVolume>0?(o.textContent=W(n.askVolume),o.style.setProperty(`--w`,`${(n.askVolume*t*100).toFixed(1)}%`),o.title=`Buy @ ${this.callbacks.formatPrice(n.price)}`,o.addEventListener(`click`,()=>this.callbacks.onTrade(`buy`,n.price))):o.disabled=!0,r.appendChild(i),r.appendChild(a),r.appendChild(o),this.bodyEl.appendChild(r)}}};function W(e){return e>=1e3?(e/1e3).toFixed(1)+`k`:e>=1?e.toFixed(2).replace(/\.00$/,``):e.toPrecision(2)}var St=class{el;bodyEl;callbacks;open=!1;constructor(e,t){this.callbacks=t,this.el=document.createElement(`div`),this.el.className=`tcw-datawin`,this.el.hidden=!0;let n=document.createElement(`div`);n.className=`tcw-datawin-header`;let r=document.createElement(`span`);r.textContent=`Data Window`;let i=document.createElement(`button`);i.type=`button`,i.className=`tcw-datawin-close`,i.setAttribute(`aria-label`,`Close`),i.innerHTML=x(`x`,14),i.addEventListener(`click`,()=>this.close()),n.appendChild(r),n.appendChild(i),this.el.appendChild(n),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-datawin-body`,this.el.appendChild(this.bodyEl),e.appendChild(this.el)}isOpen(){return this.open}toggle(){this.open?this.close():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1}close(){this.open=!1,this.el.hidden=!0}destroy(){this.el.remove()}render(e){if(!this.open)return;if(this.bodyEl.replaceChildren(),!e.ohlc){let e=document.createElement(`div`);e.className=`tcw-datawin-empty`,e.textContent=`Hover the chart`,this.bodyEl.appendChild(e);return}let t=this.callbacks.formatPrice,n=e.ohlc;this.bodyEl.appendChild(this.row(`Open`,t(n.open))),this.bodyEl.appendChild(this.row(`High`,t(n.high))),this.bodyEl.appendChild(this.row(`Low`,t(n.low))),this.bodyEl.appendChild(this.row(`Close`,t(n.close)));let r=e.change>0?`up`:e.change<0?`down`:``,i=e.change>0?`+`:``;this.bodyEl.appendChild(this.row(`Change`,`${i}${t(e.change)} (${i}${e.changePct.toFixed(2)}%)`,r)),this.bodyEl.appendChild(this.row(`Volume`,wt(n.volume)));for(let t of e.indicators){let e=document.createElement(`div`);e.className=`tcw-datawin-sub`,e.textContent=t.name,this.bodyEl.appendChild(e);for(let e of t.values)this.bodyEl.appendChild(this.row(e.key,Ct(e.value)))}}row(e,t,n=``){let r=document.createElement(`div`);r.className=`tcw-datawin-row`;let i=document.createElement(`span`);i.className=`tcw-datawin-label`,i.textContent=e;let a=document.createElement(`span`);return a.className=`tcw-datawin-value${n?` tcw-${n}`:``}`,a.textContent=t,r.appendChild(i),r.appendChild(a),r}};function Ct(e){if(!Number.isFinite(e))return`—`;let t=Math.abs(e);return t>=1e3?e.toFixed(2):t>=1?e.toFixed(4):e.toPrecision(4)}function wt(e){return e>=1e9?(e/1e9).toFixed(2)+`B`:e>=1e6?(e/1e6).toFixed(2)+`M`:e>=1e3?(e/1e3).toFixed(2)+`K`:e.toFixed(0)}var G=globalThis.Buffer;function Tt(e){if(G)return G.from(e,`utf8`).toString(`base64`);let t=new TextEncoder().encode(e),n=``;for(let e of t)n+=String.fromCharCode(e);return btoa(n)}function Et(e){if(G)return G.from(e,`base64`).toString(`utf8`);let t=atob(e),n=new Uint8Array(t.length);for(let e=0;e<t.length;e++)n[e]=t.charCodeAt(e);return new TextDecoder().decode(n)}function Dt(e){return e.replace(/\+/g,`-`).replace(/\//g,`_`).replace(/=+$/,``)}function Ot(e){let t=e.replace(/-/g,`+`).replace(/_/g,`/`);return t+(t.length%4==0?``:`=`.repeat(4-t.length%4))}function kt(e){return Dt(Tt(JSON.stringify(e)))}function At(e){if(!e)return null;try{let t=Et(Ot(e)),n=JSON.parse(t);return!n||n.v!==1||typeof n.symbol!=`string`?null:{v:1,symbol:n.symbol,timeframe:n.timeframe,chartType:n.chartType,scaleMode:n.scaleMode??`regular`,indicators:Array.isArray(n.indicators)?n.indicators:[],drawings:Array.isArray(n.drawings)?n.drawings:[]}}catch{return null}}var K=`tcw`;function jt(e){let t=e.startsWith(`#`)?e.slice(1):e;for(let e of t.split(`&`)){let t=e.indexOf(`=`);if(t>0&&e.slice(0,t)===K)return decodeURIComponent(e.slice(t+1))}return null}function Mt(e,t){let[n]=e.split(`#`);return`${n}#${K}=${t}`}var q={"toolbar.indicators":`Indicators`,"toolbar.indicators.popular":`Popular`,"toolbar.indicators.all":`All`,"indicatorType.overlay":`overlay`,"indicatorType.panel":`panel`,"toolbar.replay":`Bar replay`,"replay.selectHint":`Click a bar to start the replay`,"replay.random":`Random bar`,"replay.realtime":`Back to realtime`,"replay.barsPerSecond":`bars/s`,"replay.play":`Play`,"replay.pause":`Pause`,"replay.stepBack":`Step back (Shift+←)`,"replay.stepForward":`Step forward (Shift+→)`,"toolbar.longBracket":`Long bracket`,"toolbar.shortBracket":`Short bracket`,"toolbar.depthLadder":`Depth ladder`,"toolbar.objects":`Objects`,"toolbar.priceAlerts":`Price alerts`,"toolbar.screenshot":`Screenshot`,"toolbar.settings":`Chart Settings`,"toolbar.toggleTheme":`Toggle theme`,"toolbar.timeframes":`Timeframes`,"toolbar.timeframes.pin":`Pin to toolbar`,"toolbar.fullscreen":`Fullscreen`,"legend.show":`Show`,"legend.hide":`Hide`,"legend.settings":`Settings`,"legend.remove":`Remove`,"legend.collapse":`Collapse indicators`,"legend.expand":`Show indicators`,"toolbar.exitFullscreen":`Exit fullscreen`,"range.presets":`Visible range`,"range.all":`All`,"range.goTo":`Go to date`,"range.goToSubmit":`Go to`,"range.date":`Date`,"range.time":`Time`,"range.cancel":`Cancel`,"range.beforeData":`Showing the earliest loaded bar`,"chartType.candlestick":`Candlestick`,"chartType.line":`Line`,"chartType.area":`Area`,"chartType.bar":`Bar`,"chartType.heikinAshi":`Heikin-Ashi`,"chartType.hollowCandle":`Hollow Candle`,"chartType.baseline":`Baseline`,"chartType.volumeCandles":`Volume Candles`,"chartType.equivolume":`Equivolume`,"chartType.hlcArea":`HLC Area`,"chartType.stepLine":`Step Line`,"chartType.lineWithMarkers":`Line + Markers`,"watchlist.title":`Watchlist`,"status.connecting":`Connecting...`,"status.live":`Live`,"status.connectionFailed":`Connection failed`,"status.loading":`Loading chart...`,"settings.title":`Chart Settings`,"settings.tab.style":`style`,"settings.tab.display":`display`,"settings.tab.scale":`scale`,"settings.resetToDefaults":`Reset to defaults`,"settings.done":`Done`,"settings.section.candleColors":`Candle Colors`,"settings.section.background":`Background`,"hotkeys.title":`Keyboard shortcuts`,"hotkeys.close":`Close`,"hotkeys.gotIt":`Got it`,"hotkeys.group.searchNavigation":`Search & navigation`,"hotkeys.group.chartManipulation":`Chart manipulation`,"hotkeys.group.touch":`Touch (mobile / tablet)`,"hotkeys.group.keyboard":`Keyboard`,"hotkeys.group.drawing":`Drawing`},Nt={en:q,vi:{"toolbar.indicators":`Chỉ báo`,"toolbar.indicators.popular":`Phổ biến`,"toolbar.indicators.all":`Tất cả`,"indicatorType.overlay":`phủ lên`,"indicatorType.panel":`bảng riêng`,"toolbar.replay":`Phát lại`,"replay.selectHint":`Bấm vào một nến để bắt đầu phát lại`,"replay.random":`Nến ngẫu nhiên`,"replay.realtime":`Về thời gian thực`,"replay.barsPerSecond":`nến/giây`,"replay.play":`Phát`,"replay.pause":`Tạm dừng`,"replay.stepBack":`Lùi một nến (Shift+←)`,"replay.stepForward":`Tiến một nến (Shift+→)`,"toolbar.longBracket":`Lệnh Long`,"toolbar.shortBracket":`Lệnh Short`,"toolbar.depthLadder":`Sổ lệnh`,"toolbar.objects":`Đối tượng`,"toolbar.priceAlerts":`Cảnh báo giá`,"toolbar.screenshot":`Chụp màn hình`,"toolbar.settings":`Cài đặt biểu đồ`,"toolbar.toggleTheme":`Đổi giao diện`,"toolbar.timeframes":`Khung thời gian`,"toolbar.timeframes.pin":`Ghim lên thanh công cụ`,"toolbar.fullscreen":`Toàn màn hình`,"legend.show":`Hiện`,"legend.hide":`Ẩn`,"legend.settings":`Cài đặt`,"legend.remove":`Xoá`,"legend.collapse":`Thu gọn chỉ báo`,"legend.expand":`Hiện chỉ báo`,"toolbar.exitFullscreen":`Thoát toàn màn hình`,"range.presets":`Khoảng hiển thị`,"range.all":`Tất cả`,"range.goTo":`Đi tới ngày`,"range.goToSubmit":`Đi tới`,"range.date":`Ngày`,"range.time":`Giờ`,"range.cancel":`Huỷ`,"range.beforeData":`Đang hiện nến sớm nhất đã tải`,"chartType.candlestick":`Nến`,"chartType.line":`Đường`,"chartType.area":`Vùng`,"chartType.bar":`Thanh`,"chartType.heikinAshi":`Heikin-Ashi`,"chartType.hollowCandle":`Nến rỗng`,"chartType.baseline":`Đường cơ sở`,"chartType.volumeCandles":`Nến khối lượng`,"chartType.equivolume":`Equivolume`,"chartType.hlcArea":`Vùng HLC`,"chartType.stepLine":`Đường bậc thang`,"chartType.lineWithMarkers":`Đường + điểm đánh dấu`,"watchlist.title":`Danh mục theo dõi`,"status.connecting":`Đang kết nối...`,"status.live":`Trực tiếp`,"status.connectionFailed":`Kết nối thất bại`,"status.loading":`Đang tải biểu đồ...`,"settings.title":`Cài đặt biểu đồ`,"settings.tab.style":`Giao diện`,"settings.tab.display":`Hiển thị`,"settings.tab.scale":`Thang giá`,"settings.resetToDefaults":`Khôi phục mặc định`,"settings.done":`Xong`,"settings.section.candleColors":`Màu nến`,"settings.section.background":`Nền`,"hotkeys.title":`Phím tắt`,"hotkeys.close":`Đóng`,"hotkeys.gotIt":`Đã hiểu`,"hotkeys.group.searchNavigation":`Tìm kiếm & điều hướng`,"hotkeys.group.chartManipulation":`Thao tác biểu đồ`,"hotkeys.group.touch":`Cảm ứng (di động / máy tính bảng)`,"hotkeys.group.keyboard":`Bàn phím`,"hotkeys.group.drawing":`Vẽ`}};function Pt(e,t){let n={...q},r=e?Nt[e]:void 0;return r&&Object.assign(n,r),t&&Object.assign(n,t),n}function Ft(e){return t=>e[t]??q[t]??t}var It=[[34,16,28,26,!1],[30,14,24,26,!0],[26,18,20,30,!0],[30,10,24,22,!1],[20,16,14,28,!0],[14,18,8,30,!0],[18,10,12,20,!1],[8,18,2,30,!0]],Lt=class{el;label;showTimer=null;phase=`loading`;constructor(e,t){this.loadingText=t,this.el=document.createElement(`div`),this.el.className=`tcw-loading-overlay`,this.el.setAttribute(`role`,`status`),this.el.setAttribute(`aria-live`,`polite`);let n=document.createElement(`div`);n.className=`tcw-loading-card`;let r=document.createElement(`div`);r.className=`tcw-loading-candles`,r.setAttribute(`aria-hidden`,`true`),It.forEach(([e,t,n,i,a],o)=>{let s=document.createElement(`span`);s.className=a?`tcw-loading-candle tcw-loading-candle--up`:`tcw-loading-candle`,s.style.setProperty(`--tcw-body-top`,`${e}px`),s.style.setProperty(`--tcw-body-h`,`${t}px`),s.style.setProperty(`--tcw-wick-top`,`${n}px`),s.style.setProperty(`--tcw-wick-h`,`${i}px`),s.style.setProperty(`--tcw-delay`,`${o*110}ms`),r.appendChild(s)}),n.appendChild(r);let i=document.createElement(`div`);i.className=`tcw-loading-track`,i.setAttribute(`aria-hidden`,`true`),i.appendChild(document.createElement(`span`)),n.appendChild(i),this.label=document.createElement(`div`),this.label.className=`tcw-loading-label`,this.label.textContent=t,n.appendChild(this.label),this.el.appendChild(n),e.appendChild(this.el)}begin(e,t=!1){if(this.phase=`loading`,this.clearTimer(),this.label.textContent=this.loadingText,this.el.classList.remove(`tcw-loading-overlay--error`),this.el.classList.toggle(`tcw-loading-overlay--veil`,e),!e||t||this.isShown()){this.el.classList.remove(`tcw-loading-overlay--hidden`);return}this.showTimer=setTimeout(()=>{this.showTimer=null,this.el.classList.remove(`tcw-loading-overlay--hidden`)},200)}end(){this.phase=`idle`,this.clearTimer(),this.el.classList.add(`tcw-loading-overlay--hidden`)}fail(e){this.phase!==`idle`&&(this.phase=`failed`,this.clearTimer(),this.label.textContent=e,this.el.classList.add(`tcw-loading-overlay--error`),this.el.classList.remove(`tcw-loading-overlay--hidden`))}isActive(){return this.phase!==`idle`}hasFailed(){return this.phase===`failed`}isShown(){return!this.el.classList.contains(`tcw-loading-overlay--hidden`)}destroy(){this.clearTimer(),this.el.remove()}clearTimer(){this.showTimer!==null&&(clearTimeout(this.showTimer),this.showTimer=null)}},J=48,Rt=5e4,zt=100;function Bt(){return new Promise(e=>{if(typeof requestAnimationFrame!=`function`||document.hidden){setTimeout(e,0);return}let t=setTimeout(e,zt);requestAnimationFrame(()=>setTimeout(()=>{clearTimeout(t),e()},0))})}var Y=[`#4c8dff`,`#a57cff`,`#1398a8`,`#e25592`,`#8a93a3`,`#62c895`],X=4,Z=null,Q=e=>(e[e.length-1]?.time??0)>0xe8d4a51000?1:1e3,Vt=()=>{let e=document.activeElement;return!!e&&(e.tagName===`INPUT`||e.tagName===`TEXTAREA`||e.tagName===`SELECT`||e.isContentEditable)},Ht=class{chart;state;toolbar=null;sidebar=null;settings=null;statusBar=null;goToDate=null;tooltip;indicatorLegend=null;legendFrame=0;portal=document.createElement(`div`);overlayHost=()=>{let e=document.fullscreenElement===this.root?this.root:document.body;return this.portal.parentElement!==e&&e.appendChild(this.portal),this.portal};onRootPointerDown=()=>{Z=this};onFullscreenChange=()=>{this.toolbar?.setFullscreen(document.fullscreenElement===this.root),this.portal.isConnected&&this.overlayHost()};commandPalette=null;symbolSearch=null;hotkeySheet=null;replayBar=null;dragDrop=null;alertsPanel=null;objectTree=null;indicatorSettings=null;drawingStyle=null;bracketBar=null;alertNotifier=null;depthLadder=null;dataWindow=null;lastHoverIndex=null;legendHoverIndex=null;favoritesStore=new M;timeframeFavorites=new M(`tcw:tf-favorites`);timeframes=[];watchlist=null;watchlistSparkBuffer=new Map;sessionRefPrice=null;hostWatchlistRefPrice=new Map;watchlistInterval=null;replayPollInterval=null;replaySpeed=5;replayShade=null;layoutKeyPrefix=null;layoutDebounceMs=1500;activeLayoutKey=null;root;chartContainer;loading;connectSeq=0;localSeq=0;lastLocalSwitchMs=0;destroyed=!1;options;symbols;settingsState;t;adapter=null;boundGlobalKeydown=null;baseSeries=null;baseTimeframeMs=0;compares=[];constructor(t,r={}){if(this.options=r,this.symbols=r.symbols??l,this.settingsState={...u,...r.chartOptions?.numberLocale?{numberLocale:r.chartOptions.numberLocale}:{}},this.t=Ft(Pt(r.locale,r.messages)),r.persistLayouts){let e=r.persistLayouts===!0?{}:r.persistLayouts;this.layoutKeyPrefix=e.keyPrefix??`tcw:layout:`,this.layoutDebounceMs=e.debounceMs??1500}let i=this.resolveIsDark(r.theme),d=this.resolveTheme(r.theme),f={drawings:!0,drawingMagnet:!0,drawingUndoRedo:!0,indicators:!0,trading:r.trading!==!1,tradingContextMenu:!1,volume:!0,legend:!0,crosshair:!0,crosshairTooltip:!1,keyboard:!0,screenshot:!0,alerts:!0,barCountdown:!0,logScale:!0,watermark:!0,...r.chartOptions?.features};if(this.timeframes=Qe(r.timeframes,f.timeframes),!this.timeframes.some(e=>this.timeframeFavorites.has(e))){let e=$e(this.timeframes,f.defaultTimeframeFavorites,!!r.timeframes?.length);for(let t of e)this.timeframeFavorites.add(t)}let p=r.timeframe??`5m`,m=!f.timeframes?.length||f.timeframes.includes(p)?p:this.timeframes[0]??p;this.state={symbol:r.symbol??this.symbols[0]??`BTCUSDT`,timeframe:m,chartType:r.chartOptions?.chartType??`candlestick`,isDark:i,activeIndicators:new Map,activeTool:null,magnetEnabled:f.drawingMagnet!==!1,stayInDrawing:!1,connectionState:r.adapter?`connecting`:`disconnected`,connectionMessage:r.adapter?this.t(`status.connecting`):``},ee(),this.root=document.createElement(`div`),this.root.className=`tcw-root`,this.root.dataset.tcwTheme=i?`dark`:`light`,t.appendChild(this.root),this.tooltip=new ot(this.root),this.portal.className=`tcw-root tcw-portal`,this.portal.dataset.tcwTheme=this.root.dataset.tcwTheme,r.toolbar!==!1&&(this.toolbar=new ie(this.root,{symbols:this.symbols,timeframes:this.timeframes.map(e=>({value:e,label:N(e)})),timeframeFavorites:this.pinnedTimeframes(),chartTypes:r.chartTypes?a.filter(e=>r.chartTypes.includes(e.value)):a,indicators:s,popularIndicatorIds:c},{onSymbolClick:()=>this.handleSymbolClick(),onTimeframe:e=>this.handleTimeframe(e),onToggleTimeframeFavorite:e=>this.handleToggleTimeframeFavorite(e),onChartType:e=>this.handleChartType(e),onAddIndicator:e=>this.handleAddIndicator(e),onScreenshot:()=>this.chart.screenshot(),onSettings:()=>this.openSettings(),onToggleTheme:()=>this.handleToggleTheme(),onToggleReplay:()=>this.toggleReplay(),onToggleAlerts:r.alerts===!1?void 0:()=>this.toggleAlerts(),onToggleObjects:r.objectTree===!1?void 0:()=>this.toggleObjects(),onBracket:r.trading===!1?void 0:e=>this.startBracket(e),onToggleLadder:r.trading!==!1&&r.depthLadder?()=>this.depthLadder?.toggle():void 0,onToggleFullscreen:r.fullscreen!==!1&&typeof document<`u`&&document.fullscreenEnabled?()=>this.toggleFullscreen():void 0},this.t));let h=document.createElement(`div`);if(h.className=`tcw-body`,r.drawingTools!==!1&&(r.drawingFavorites&&this.favoritesStore.seedDefaults(r.drawingFavorites),this.sidebar=new oe(h,{drawingToolGroups:o,favorites:this.favoritesStore.list()},{onDrawingTool:e=>this.handleDrawingTool(e),onCancelDrawing:()=>this.handleCancelDrawing(),onToggleMagnet:f.drawingMagnet===!1?void 0:()=>this.handleToggleMagnet(),onToggleFavorite:e=>this.handleToggleFavorite(e),onUndo:()=>this.chart.undo(),onRedo:()=>this.chart.redo(),onClearDrawings:()=>{this.chart.clearDrawings(),this.state={...this.state,activeTool:null},this.updateUI()},onToggleStyle:()=>this.drawingStyle?.toggle(),onToggleStayInDrawing:()=>this.handleToggleStayInDrawing()})),this.chartContainer=document.createElement(`div`),this.chartContainer.className=`tcw-chart-container`,h.appendChild(this.chartContainer),this.loading=new Lt(this.chartContainer,this.t(`status.loading`)),r.watchlist&&(this.watchlist=new Te(h,this.symbols,{onSelect:e=>{this.setSymbol(e)}},this.t(`watchlist.title`)),this.watchlist.setActive(this.state.symbol),this.watchlist.setLocale(this.settingsState.numberLocale||void 0)),this.root.appendChild(h),this.chart=new e.r(this.chartContainer,{chartType:this.state.chartType,theme:d,autoScale:!0,crosshair:{mode:`magnet`},...r.chartOptions,features:f}),this.chart.on(`dataUpdate`,e=>this.handleDataUpdate(e.payload)),r.dragDropImport!==!1&&(this.dragDrop=new e.t(this.chartContainer,{onData:(e,t,n)=>{this.setData(e),this.toast(`Loaded ${t.data.length} bars from ${n.name}`+(t.skipped>0?` (${t.skipped} skipped)`:``))},onError:(e,t)=>{this.toast(`${t.name}: ${e.message}`,`error`)}}),this.dragDrop.attach()),r.statusBar!==!1){let e=r.rangeBar!==!1;this.statusBar=new le(this.root,e?{presets:n.RANGE_PRESETS,presetLabels:{All:this.t(`range.all`)},groupLabel:this.t(`range.presets`),goToLabel:this.t(`range.goTo`),onPreset:e=>this.chart.setVisibleRangePreset(e),onGoTo:()=>this.toggleGoToDate()}:void 0),e&&(this.goToDate=new it(this.root,{title:this.t(`range.goTo`),date:this.t(`range.date`),time:this.t(`range.time`),submit:this.t(`range.goToSubmit`),cancel:this.t(`range.cancel`)},({date:e,time:t})=>this.goToWallTime(e,t)))}if(r.settings!==!1&&(this.settings=new ce({onChange:e=>this.applySettings(e),onReset:()=>this.resetSettings(),onClose:()=>{}},this.t,{barCountdown:f.barCountdown,logScale:f.logScale},this.overlayHost)),this.symbolSearch=new de({onPick:e=>{this.setSymbol(e)},onClose:()=>{}},this.overlayHost),this.hotkeySheet=new _e({onClose:()=>{}},this.t,this.overlayHost),this.chart.on(`drawingToolChange`,e=>{let t=e.payload.tool;t!==this.state.activeTool&&(this.state={...this.state,activeTool:t},this.updateUI())}),this.chart.on(`indicatorAdd`,()=>this.syncIndicatorsFromChart()),this.chart.on(`indicatorRemove`,()=>this.syncIndicatorsFromChart()),r.indicatorLegend!==!1){this.chart.setPaneTitlesVisible(!1),this.indicatorLegend=new dt(this.chartContainer,{onToggleVisible:(e,t)=>{this.chart.setIndicatorVisible(e,t),this.scheduleLegend(),this.objectTree?.isOpen()&&this.refreshObjects()},onSettings:e=>this.openIndicatorSettings(e),onRemove:e=>this.handleRemoveIndicator(e)},{show:this.t(`legend.show`),hide:this.t(`legend.hide`),settings:this.t(`legend.settings`),remove:this.t(`legend.remove`),collapse:this.t(`legend.collapse`),expand:this.t(`legend.expand`)}),this.chart.on(`crosshairMove`,e=>{let t=e.payload;this.legendHoverIndex=typeof t.barIndex==`number`?t.barIndex:null,this.scheduleLegend()}),this.chart.on(`crosshairLeave`,()=>{this.legendHoverIndex=null,this.scheduleLegend()});for(let e of[`indicatorUpdate`,`dataUpdate`,`resize`,`paneResize`,`themeChange`])this.chart.on(e,()=>this.scheduleLegend())}if(this.chart.on(`barClick`,e=>{if(!this.replayBar?.isMounted())return;let t=e.payload.barIndex;if(typeof t==`number`){if(this.replayBar.getMode()===`select`){this.startReplayAt(t);return}this.chart.getReplayState()===`playing`&&this.chart.replayPause(),this.chart.replaySeek(t),this.replayBar.setState(`paused`)}}),this.chart.on(`crosshairMove`,e=>{if(this.replayBar?.getMode()!==`select`||!this.replayBar.isMounted())return;let t=e.payload.point;this.positionReplayShade(t?.x??null)}),this.dataWindow=new St(this.root,{formatPrice:e=>this.formatAlertPrice(e)}),this.chart.on(`crosshairMove`,e=>{let t=e.payload;this.lastHoverIndex=typeof t.barIndex==`number`?t.barIndex:null,this.dataWindow?.isOpen()&&this.dataWindow.render(this.buildDataWindowModel())}),r.drawingTools!==!1&&(this.drawingStyle=new Ke(this.root,{onStyleChange:e=>{this.chart.setDrawingStyle(e),this.chart.setSelectedDrawingStyle(e)},getStyle:()=>this.chart.getDrawingStyle()},new He)),r.trading!==!1&&(this.bracketBar=new vt(this.root,{onConfirm:()=>this.chart.confirmBracket(),onCancel:()=>{this.chart.cancelBracket(),this.bracketBar?.hide()}}),this.chart.on(`bracketPlace`,e=>{let t=e.payload;this.bracketBar?.hide(),this.toast(`${t.side===`buy`?`Long`:`Short`} bracket placed · ${t.riskReward.toFixed(2)}R`)}),r.depthLadder&&(this.depthLadder=new xt(this.root,{onTrade:(e,t)=>{this.chart.placeOrderIntent({side:e,type:`limit`,price:t}),this.toast(`${e===`buy`?`Buy`:`Sell`} limit @ ${this.formatAlertPrice(t)}`)},formatPrice:e=>this.formatAlertPrice(e)})),this.chart.on(`dataUpdate`,e=>{let t=e.payload;t&&t.bracket===`cancelled`&&this.bracketBar?.hide()})),r.alerts!==!1&&(this.alertsPanel=new Me(this.root,{onAdd:(e,t,n,r,i)=>{this.chart.addAlert(e,t,n,r,i)},onRemove:e=>this.chart.removeAlert(e),onClear:()=>this.chart.clearAlerts(),getChannelValue:e=>this.getAlertChannelValue(e),formatPrice:e=>this.formatAlertPrice(e)}),this.chart.on(`alertAdd`,()=>this.refreshAlerts()),this.chart.on(`alertRemove`,()=>this.refreshAlerts()),this.chart.on(`alertUpdate`,()=>this.refreshAlerts()),r.alertNotifications&&(this.alertNotifier=new yt(r.alertNotifications)),this.chart.on(`alertTriggered`,e=>{let t=e.payload,n=`Price ${this.formatAlertPrice(t.price)}${t.message?` — ${t.message}`:``}`;this.toast(`🔔 Alert: ${n}`,`info`),this.alertNotifier?.notify(n),this.refreshAlerts()})),r.objectTree!==!1){this.indicatorSettings=new Re(this.root,{onApply:(e,t)=>{this.chart.updateIndicator(e,t),this.syncIndicatorsFromChart()},onClose:()=>{}}),this.objectTree=new Ne(this.root,{onRemoveIndicator:e=>this.handleRemoveIndicator(e),onConfigureIndicator:e=>this.openIndicatorSettings(e),onToggleIndicatorVisible:(e,t)=>{this.chart.setIndicatorVisible(e,t),this.refreshObjects(),this.scheduleLegend()},onRemoveDrawing:e=>{this.chart.removeDrawing(e),this.refreshObjects()},onToggleDrawingVisible:(e,t)=>{this.chart.setDrawingVisible(e,t),this.refreshObjects()},onToggleDrawingLocked:(e,t)=>{this.chart.setDrawingLocked(e,t),this.refreshObjects()},onAddCompare:f.compareSymbols===!1?void 0:()=>this.handleAddCompare(),onRemoveCompare:e=>this.handleRemoveCompare(e)});let e=()=>{this.objectTree?.isOpen()&&this.refreshObjects()};this.chart.on(`drawingCreate`,e),this.chart.on(`drawingRemove`,e),this.chart.on(`indicatorAdd`,e),this.chart.on(`indicatorRemove`,e)}if(this.commandPalette=new ue({onIndicator:e=>this.handleAddIndicator(e),onChartType:e=>this.handleChartType(e),onDrawingTool:e=>this.handleDrawingTool(e),onTimeframe:e=>this.handleTimeframe(e),onAction:e=>this.handleAction(e),onClose:()=>{}},this.overlayHost),this.boundGlobalKeydown=e=>{if(!(this.replayBar?.isMounted()&&this.handleReplayKey(e))){if((e.ctrlKey||e.metaKey)&&e.key===`k`)e.preventDefault(),this.toggleCommandPalette();else if((e.ctrlKey||e.metaKey)&&(e.key===`p`||e.key===`P`))e.preventDefault(),this.symbolSearch?.open(this.symbols,this.state.symbol);else if(e.altKey&&!e.ctrlKey&&!e.metaKey&&(e.code===`KeyI`||e.code===`KeyG`)){if(Vt()||Z!==null&&Z!==this)return;e.code===`KeyI`?(e.preventDefault(),this.applySettings({invertScale:!this.settingsState.invertScale})):this.goToDate&&(e.preventDefault(),this.toggleGoToDate())}else if(e.key===`?`&&!e.ctrlKey&&!e.metaKey&&!e.altKey){let t=document.activeElement;if(t&&(t.tagName===`INPUT`||t.tagName===`TEXTAREA`||t.isContentEditable))return;e.preventDefault(),this.hotkeySheet?.open()}}},document.addEventListener(`keydown`,this.boundGlobalKeydown),document.addEventListener(`fullscreenchange`,this.onFullscreenChange),this.root.addEventListener(`pointerdown`,this.onRootPointerDown,!0),r.adapter&&(this.adapter=r.adapter,this.connectStream()),this.watchlist&&(this.watchlistInterval=setInterval(()=>this.tickWatchlist(),1e3)),this.updateUI(),r.onReady?.(this.chart),r.shareUrl&&typeof location<`u`){let e=jt(location.hash);e&&this.importState(e)}}setSymbols(e){this.symbols=e,this.watchlist?.setSymbols(e)}async setSymbol(e){this.flushActiveLayout(),this.state={...this.state,symbol:e},this.sessionRefPrice=null,this.options.onSymbolChange?.(e),this.updateUI(),this.watchlist?.setActive(e),this.adapter&&await this.connectStream()}setWatchlistEntry(e,t){t.refPrice!==void 0&&this.hostWatchlistRefPrice.set(e,t.refPrice),this.watchlist?.setEntry(e,t)}tickWatchlist(){if(!this.watchlist)return;let e=this.chart.getData();if(e.length===0)return;let t=e[e.length-1],n=this.hostWatchlistRefPrice.get(this.state.symbol);n===void 0&&this.sessionRefPrice===null&&(this.sessionRefPrice=e[0].open);let r=this.watchlistSparkBuffer.get(this.state.symbol)??[];r.push(t.close),r.length>40&&r.shift(),this.watchlistSparkBuffer.set(this.state.symbol,r),this.watchlist.setEntry(this.state.symbol,{lastPrice:t.close,refPrice:n??this.sessionRefPrice??e[0].open,sparkline:r.slice()})}async setTimeframe(e){if(this.chart.isTimeframeAllowed(e)){if(this.state={...this.state,timeframe:e},this.options.onTimeframeChange?.(e),this.updateUI(),this.adapter){await this.connectStream();return}if(this.options.resampleTimeframes!==!1){if(!this.baseSeries){let e=this.chart.getData();e.length>0&&(this.baseSeries=e,this.baseTimeframeMs=i(e))}await this.switchLocalTimeframe()}}}setTheme(e){let t=this.resolveIsDark(e),n=this.resolveTheme(e);this.state={...this.state,isDark:t},this.root.dataset.tcwTheme=t?`dark`:`light`,this.portal.dataset.tcwTheme=this.root.dataset.tcwTheme,this.chart.setTheme(n),this.updateUI()}getChart(){return this.chart}destroy(){this.destroyed||(this.destroyed=!0,this.boundGlobalKeydown&&document.removeEventListener(`keydown`,this.boundGlobalKeydown),document.removeEventListener(`fullscreenchange`,this.onFullscreenChange),this.root.removeEventListener(`pointerdown`,this.onRootPointerDown,!0),this.tooltip.destroy(),this.legendFrame&&cancelAnimationFrame(this.legendFrame),this.indicatorLegend?.destroy(),Z===this&&(Z=null),this.portal.remove(),document.fullscreenElement===this.root&&document.exitFullscreen().catch(()=>{}),this.flushActiveLayout(),this.commandPalette?.destroy(),this.symbolSearch?.destroy(),this.hotkeySheet?.destroy(),this.replayPollInterval&&clearInterval(this.replayPollInterval),this.replayShade?.remove(),this.replayBar?.destroy(),this.dragDrop?.detach(),this.alertsPanel?.destroy(),this.objectTree?.destroy(),this.indicatorSettings?.destroy(),this.drawingStyle?.destroy(),this.bracketBar?.destroy(),this.alertNotifier?.destroy(),this.depthLadder?.destroy(),this.dataWindow?.destroy(),this.watchlistInterval&&clearInterval(this.watchlistInterval),this.watchlist?.destroy(),this.toolbar?.destroy(),this.sidebar?.destroy(),this.settings?.destroy(),this.statusBar?.destroy(),this.goToDate?.destroy(),this.loading.destroy(),this.chart.destroy(),this.root.remove(),m())}handleSymbolClick(){this.symbolSearch?.open(this.symbols,this.state.symbol)}handleTimeframe(e){this.setTimeframe(e)}toggleFullscreen(){if(document.fullscreenElement===this.root){document.exitFullscreen().catch(()=>{});return}this.root.requestFullscreen().catch(e=>{this.toast(e instanceof Error?e.message:`Fullscreen is not available`,`error`)})}displayTzOffset(){let e=this.settingsState.timezone;return e===`local`||!Number.isFinite(Number(e))?null:Number(e)}toggleGoToDate(){if(!this.goToDate)return;if(this.goToDate.isOpen()){this.goToDate.close();return}let e=this.chart.getData();e.length!==0&&this.goToDate.open(rt(e[e.length-1].time*Q(e),this.displayTzOffset()),this.root.querySelector(`[data-role="goto"]`))}goToWallTime(e,t){let n=nt(e,t,this.displayTzOffset()),r=this.chart.getData();if(n===null||r.length===0)return;let i=n/Q(r);this.chart.goToTime(i),i<r[0].time&&this.toast(this.t(`range.beforeData`))}pinnedTimeframes(){let e=this.timeframeFavorites.list();return this.timeframes.filter(t=>e.includes(t))}handleToggleTimeframeFavorite(e){this.timeframeFavorites.toggle(e),this.toolbar?.setTimeframeFavorites(this.pinnedTimeframes()),this.updateUI()}setData(e){this.localSeq++,this.baseSeries=e,this.baseTimeframeMs=i(e),this.applyTimeframeData(),this.adapter||this.loading.end()}async switchLocalTimeframe(){if(!this.baseSeries)return;let e=++this.localSeq,t=this.lastLocalSwitchMs>=J||this.baseSeries.length>=Rt;try{if(t&&(this.loading.begin(this.chart.getData().length>0,!0),await Bt(),e!==this.localSeq||this.destroyed))return;this.applyTimeframeData()}finally{e===this.localSeq&&this.loading.end()}}applyTimeframeData(){if(!this.baseSeries)return;let e=performance.now(),n=(0,t.timeframeToMs)(this.state.timeframe);if(this.baseTimeframeMs>0&&n>this.baseTimeframeMs){let e=this.options.weekStartsOn??1;this.chart.setData(r(this.baseSeries,this.state.timeframe,{weekStartsOn:e}))}else this.chart.setData(this.baseSeries);this.lastLocalSwitchMs=performance.now()-e}handleDataUpdate(e){if(!e||typeof e!=`object`)return;let t=e;if(typeof t.length==`number`){t.length>0&&this.loading.isActive()&&(this.loading.end(),this.state.connectionState===`error`&&this.setConnectionState(`connected`,this.t(`status.live`)));return}if(t.error!==void 0){this.loading.isActive()&&(this.loading.fail(this.t(`status.connectionFailed`)),this.setConnectionState(`error`,t.error||this.t(`status.connectionFailed`)));return}switch(t.connection?.state){case`connected`:this.loading.hasFailed()&&this.loading.end(),!this.loading.isActive()&&this.state.connectionState!==`connected`&&this.setConnectionState(`connected`,this.t(`status.live`));break;case`reconnecting`:this.loading.isActive()||this.setConnectionState(`connecting`,this.t(`status.connecting`));break;case`error`:this.loading.isActive()||this.setConnectionState(`error`,this.t(`status.connectionFailed`));break}}setConnectionState(e,t){this.state={...this.state,connectionState:e,connectionMessage:t},this.updateUI()}toggleAlerts(){this.alertsPanel&&(this.alertsPanel.toggle(),this.alertsPanel.isOpen()&&this.refreshAlerts())}handleToggleFavorite(e){let t=this.favoritesStore.toggle(e);this.sidebar?.setFavorites(this.favoritesStore.list()),this.toast(t?`Pinned to favorites`:`Unpinned`)}exportState(){let e=this.chart.getActiveIndicators().map(e=>({id:e.id,params:e.params}));return kt({v:1,symbol:this.state.symbol,timeframe:this.state.timeframe,chartType:this.state.chartType,scaleMode:this.chart.getScaleMode(),indicators:e,drawings:this.chart.getDrawings()})}async importState(e){let t=At(e);if(!t)return!1;t.symbol&&t.symbol!==this.state.symbol&&await this.setSymbol(t.symbol),t.timeframe&&t.timeframe!==this.state.timeframe&&await this.setTimeframe(t.timeframe),t.chartType&&this.handleChartType(t.chartType),this.chart.setScaleMode(t.scaleMode);for(let e of[...this.state.activeIndicators.keys()])this.chart.removeIndicator(e);for(let e of t.indicators)this.chart.addIndicator(e.id,e.params);return this.chart.setDrawings(t.drawings),this.updateUI(),!0}async copyChartImage(){let e=await this.chart.copyScreenshot();this.toast(e?`Chart image copied`:`Copy failed — image clipboard unavailable`,e?`info`:`error`)}async copyShareLink(){let e=Mt(typeof location<`u`?location.href:``,this.exportState());try{await navigator.clipboard.writeText(e),this.toast(`Share link copied`)}catch{this.toast(`Copy failed — clipboard unavailable`,`error`)}}setDepth(e){this.chart.setDepthData(e),this.depthLadder?.setData(e),e&&this.chart.pushDepthSnapshot(e)}startBracket(e){this.chart.startBracket(e)&&this.bracketBar?.show(e)}buildDataWindowModel(){let e=this.chart.getData(),t=this.lastHoverIndex;if(t===null||t<0||t>=e.length)return{ohlc:null,change:0,changePct:0,indicators:[]};let n=e[t],r=t>0?e[t-1].close:n.open,i=n.close-r,a=r===0?0:i/r*100,o=this.chart.getActiveIndicators().map(e=>{let n=this.chart.getIndicatorOutput(e.instanceId)?.series?.[t]??null,r=n?Object.entries(n).filter(([,e])=>typeof e==`number`&&Number.isFinite(e)).map(([e,t])=>({key:e,value:t})):[];return{name:e.descriptor.name,values:r}}).filter(e=>e.values.length>0);return{ohlc:{open:n.open,high:n.high,low:n.low,close:n.close,volume:n.volume},change:i,changePct:a,indicators:o}}toggleDataWindow(){this.dataWindow&&(this.dataWindow.toggle(),this.dataWindow.isOpen()&&this.dataWindow.render(this.buildDataWindowModel()))}toggleObjects(){this.objectTree&&(this.objectTree.toggle(),this.objectTree.isOpen()&&this.refreshObjects())}openIndicatorSettings(e){if(!this.indicatorSettings)return;let t=this.chart.getActiveIndicators().find(t=>t.instanceId===e);t&&this.indicatorSettings.open({instanceId:e,name:t.descriptor.name,defaults:t.descriptor.defaultConfig,params:t.params})}refreshObjects(){if(!this.objectTree)return;let e=this.chart.getActiveIndicators().map(e=>({instanceId:e.instanceId,name:e.descriptor.name,visible:e.visible})),t=this.chart.getDrawings().map(e=>({id:e.id,label:Fe(e.type),visible:e.visible,locked:e.locked})),n=this.compares.map(e=>({id:e.id,label:e.symbol,color:e.color}));this.objectTree.setObjects(e,t,n)}async handleAddCompare(){if(!this.adapter){this.toast(`Comparison needs a live data adapter`,`error`);return}let e=new Set([this.state.symbol,...this.compares.map(e=>e.symbol)]),t=this.symbols.filter(t=>!e.has(t));this.symbolSearch?.open(t.length?t:this.symbols,this.state.symbol,e=>{this.addCompareSymbol(e)})}async addCompareSymbol(e){if(!this.adapter||this.compares.some(t=>t.symbol===e))return;let t=Y[this.compares.length%Y.length],n=`cmp_${e}`;try{let r=await this.adapter.fetchHistory(e,this.state.timeframe,this.options.historyLimit??500);this.compares.length===0&&this.chart.setCompareMode(`percent`),this.chart.addCompareSymbol(n,e,r,t),this.compares=[...this.compares,{id:n,symbol:e,color:t}],this.refreshObjects(),this.toast(`Comparing ${e}`)}catch(t){this.toast(`${e}: ${t instanceof Error?t.message:`failed to load`}`,`error`)}}handleRemoveCompare(e){this.chart.removeCompareSymbol(e),this.compares=this.compares.filter(t=>t.id!==e),this.refreshObjects()}async refetchCompares(){if(!this.adapter||this.compares.length===0)return;let e=this.compares.filter(e=>e.symbol===this.state.symbol);for(let t of e)this.handleRemoveCompare(t.id);for(let e of this.compares)try{let t=await this.adapter.fetchHistory(e.symbol,this.state.timeframe,this.options.historyLimit??500);this.chart.updateCompareData(e.id,t)}catch{}}refreshAlerts(){this.alertsPanel&&(this.alertsPanel.setSources(this.buildAlertSources()),this.alertsPanel.setAlerts(this.chart.getAlerts().map(e=>({id:e.id,price:e.price,condition:e.condition,message:e.message,triggered:e.triggered,channel:e.channel,label:e.label}))))}buildAlertSources(){let e=[{channel:`price`,label:`Price`}];for(let t of this.chart.getActiveIndicators()){let n=this.chart.getIndicatorOutput(t.instanceId)?.series,r=n&&n.length>0?n[n.length-1]:null,i=r?Object.keys(r).filter(e=>typeof r[e]==`number`):[];for(let n of i){let r=i.length>1?`${t.descriptor.name} ${n}`:t.descriptor.name;e.push({channel:`${t.instanceId}:${n}`,label:r})}}return e}getAlertChannelValue(e){let t=this.chart.getData();if(e===`price`)return t.length>0?t[t.length-1].close:null;let n=e.indexOf(`:`);if(n<0||t.length===0)return null;let r=e.slice(0,n),i=e.slice(n+1),a=this.chart.getIndicatorOutput(r)?.series?.[t.length-1]?.[i];return typeof a==`number`&&Number.isFinite(a)?a:null}formatAlertPrice(e){let t=Math.abs(e),n=t>=1e3?2:t>=1?4:6,r=this.settingsState.numberLocale||void 0;return e.toLocaleString(r,{minimumFractionDigits:2,maximumFractionDigits:n})}handleChartType(e){this.state={...this.state,chartType:e},this.chart.setChartType(e),this.updateUI()}handleAddIndicator(e){this.chart.addIndicator(e)}handleRemoveIndicator(e){this.chart.removeIndicator(e)}toggleCommandPalette(){if(this.commandPalette?.isOpen()){this.commandPalette.close();return}this.commandPalette?.open(this.buildCommandItems())}buildCommandItems(){let e=[];for(let t of s)e.push({id:t.id,label:t.name,category:`indicator`,active:[...this.state.activeIndicators.values()].some(e=>e.id===t.id)});for(let t of a)e.push({id:t.value,label:t.label,category:`chartType`,active:this.state.chartType===t.value});for(let t of o)for(let n of t.tools)e.push({id:n.value,label:n.label,category:`drawing`,active:this.state.activeTool===n.value});for(let t of this.timeframes)e.push({id:t,label:N(t),category:`timeframe`,active:this.state.timeframe===t});return e.push({id:`screenshot`,label:`Screenshot`,category:`action`,shortcut:``},{id:`copyImage`,label:`Copy Chart Image`,category:`action`},{id:`toggleTheme`,label:`Toggle Theme`,category:`action`},{id:`settings`,label:`Settings`,category:`action`},{id:`shareView`,label:`Share View (copy link)`,category:`action`},{id:`autoFib`,label:`Auto Fibonacci (visible swing)`,category:`action`},{id:`dataWindow`,label:`Toggle Data Window`,category:`action`},{id:`clearDrawings`,label:`Clear All Drawings`,category:`action`}),e}handleAction(e){switch(e){case`screenshot`:this.chart.screenshot();break;case`toggleTheme`:this.handleToggleTheme();break;case`settings`:this.openSettings();break;case`copyImage`:this.copyChartImage();break;case`shareView`:this.copyShareLink();break;case`autoFib`:{let e=this.chart.autoFib();this.toast(e?`Auto Fibonacci added`:`No clear swing in view`);break}case`dataWindow`:this.toggleDataWindow();break;case`clearDrawings`:this.chart.clearDrawings(),this.state={...this.state,activeTool:null},this.updateUI();break}}handleDrawingTool(e){this.state={...this.state,activeTool:e},this.chart.setDrawingTool(e),this.updateUI()}handleCancelDrawing(){this.state={...this.state,activeTool:null},this.chart.setDrawingTool(null),this.updateUI()}handleToggleStayInDrawing(){let e=!this.state.stayInDrawing;this.state={...this.state,stayInDrawing:e},this.chart.setStayInDrawingMode(e),this.updateUI()}handleToggleMagnet(){let e=!this.state.magnetEnabled;this.state={...this.state,magnetEnabled:e},this.chart.setDrawingMagnet(e),this.updateUI()}handleToggleTheme(){let e=!this.state.isDark;this.state={...this.state,isDark:e},this.root.dataset.tcwTheme=e?`dark`:`light`,this.portal.dataset.tcwTheme=this.root.dataset.tcwTheme,this.chart.setTheme(e?t.DARK_THEME:t.LIGHT_THEME),this.chart.setWatermark(this.state.symbol.replace(`USDT`,` / USDT`),{fontSize:48,color:e?`rgba(255,255,255,0.03)`:`rgba(0,0,0,0.03)`}),this.updateUI()}openSettings(){this.settings?.open(this.settingsState)}toast(e,t=`info`){let n=document.createElement(`div`);n.className=`tcw-toast ${t===`error`?`tcw-toast-error`:``}`,n.textContent=e,this.root.appendChild(n),requestAnimationFrame(()=>n.classList.add(`tcw-toast-in`)),setTimeout(()=>{n.classList.remove(`tcw-toast-in`),n.addEventListener(`transitionend`,()=>n.remove(),{once:!0}),setTimeout(()=>n.remove(),400)},3500)}clearSavedLayout(e){if(!this.layoutKeyPrefix)return;let t=e??this.state.symbol;try{localStorage.removeItem(this.layoutKeyPrefix+t)}catch{}}applySymbolLayout(e){if(!this.layoutKeyPrefix)return;let t=this.layoutKeyPrefix+e;this.activeLayoutKey=t;try{this.chart.loadStateFromStorage(t)&&this.syncIndicatorsFromChart()}catch{}this.chart.setAutoSave(t,this.layoutDebounceMs)}flushActiveLayout(){if(this.activeLayoutKey){try{this.chart.saveState(this.activeLayoutKey)}catch{}this.chart.disableAutoSave(),this.activeLayoutKey=null}}syncIndicatorsFromChart(){let e=new Map;for(let t of this.chart.getActiveIndicators())e.set(t.instanceId,{id:t.id,label:$(t.id,t.params,t.descriptor.defaultConfig)});this.state={...this.state,activeIndicators:e},this.updateUI()}toggleReplay(){this.replayBar?.isMounted()?this.exitReplay():this.enterReplay()}enterReplay(){if(this.replayTotal()<2)return;let e=this.t;this.replayBar=new be({onPlay:()=>{if(this.replayBar?.getMode()===`select`){this.startReplayAt(Math.max(1,this.replayTotal()-100),!0);return}this.chart.getReplayState()===`paused`&&this.chart.replayResume(),this.replayBar?.setState(`playing`)},onPause:()=>{this.chart.replayPause(),this.replayBar?.setState(`paused`)},onStepBack:()=>this.stepReplay(-1),onStepForward:()=>this.stepReplay(1),onSeek:e=>{this.chart.getReplayState()===`playing`&&this.chart.replayPause(),this.chart.replaySeek(e),this.replayBar?.setState(`paused`)},onSpeedChange:e=>{this.replaySpeed=e,this.chart.setReplaySpeed(e)},onRandomStart:()=>{let e=this.replayTotal(),t=Math.max(1,Math.floor(e*.1)),n=Math.max(t,Math.floor(e*.9));this.startReplayAt(t+Math.floor(Math.random()*(n-t+1)))},onClose:()=>this.exitReplay()},{selectHint:e(`replay.selectHint`),random:e(`replay.random`),realtime:e(`replay.realtime`),barsPerSecond:e(`replay.barsPerSecond`),play:e(`replay.play`),pause:e(`replay.pause`),stepBack:e(`replay.stepBack`),stepForward:e(`replay.stepForward`)}),this.replayBar.mount(this.chartContainer,{total:this.replayTotal(),speed:this.replaySpeed,mode:`select`}),this.replayShade=document.createElement(`div`),this.replayShade.className=`tcw-replay-shade`,this.replayShade.hidden=!0,this.chartContainer.appendChild(this.replayShade),this.chartContainer.addEventListener(`mouseleave`,this.hideReplayShade)}hideReplayShade=()=>this.positionReplayShade(null);replayFrom(e,t=!1){this.replayBar?.isMounted()||this.enterReplay(),this.startReplayAt(e,t)}startReplayAt(e,t=!1){let n=this.replayBar;if(!n)return;let r=this.replayTotal(),i=Math.max(0,Math.min(Number.isFinite(e)?Math.floor(e):0,r-1));this.replayShade?.remove(),this.replayShade=null,this.chartContainer.removeEventListener(`mouseleave`,this.hideReplayShade),n.setMode(`replay`),this.chart.replayStart({speed:this.replaySpeed,interval:1e3,startIndex:i,paused:!0}),t&&this.chart.replayResume(),n.setState(t?`playing`:`paused`),this.syncReplayBar(),this.replayPollInterval&&clearInterval(this.replayPollInterval),this.replayPollInterval=setInterval(()=>this.syncReplayBar(),150)}replayTotal(){return this.chart.isReplayActive()?this.chart.getReplayProgress().total:this.chart.getData().length}syncReplayBar(){let e=this.replayBar;if(!e?.isMounted()||e.getMode()!==`replay`)return;if(!this.chart.isReplayActive()){this.teardownReplayUi();return}let t=this.chart.getReplayProgress(),n=this.chart.getReplayState();e.setProgress(t.current,t.total),e.setState(n===`stopped`?`paused`:n),e.setEnded(n!==`playing`&&t.total>0&&t.current>=t.total-1)}stepReplay(e){if(this.replayBar?.getMode()!==`replay`)return;let t=this.chart.getReplayProgress();this.chart.getReplayState()===`playing`&&this.chart.replayPause(),this.chart.replaySeek(Math.max(0,Math.min(t.total-1,t.current+e))),this.replayBar.setState(`paused`),this.syncReplayBar()}handleReplayKey(e){if(e.defaultPrevented)return!1;let t=document.activeElement;return t&&(t.tagName===`INPUT`||t.tagName===`TEXTAREA`||t.tagName===`SELECT`||t.isContentEditable)?!1:e.shiftKey&&(e.key===`ArrowRight`||e.key===`ArrowLeft`)&&this.replayBar?.getMode()===`replay`?(e.preventDefault(),e.stopPropagation(),this.stepReplay(e.key===`ArrowRight`?1:-1),!0):e.key===`Escape`&&this.replayBar?.getMode()===`select`?(this.exitReplay(),!0):!1}positionReplayShade(e){let t=this.replayShade;if(!t)return;let n=this.chart.getPlotRect();if(e===null||e<n.x||e>n.x+n.width){t.hidden=!0;return}t.hidden=!1,t.style.left=`${e}px`,t.style.top=`${n.y}px`,t.style.width=`${n.x+n.width-e}px`,t.style.height=`${n.height}px`}exitReplay(){this.teardownReplayUi(),this.chart.replayStop()}teardownReplayUi(){this.replayPollInterval&&=(clearInterval(this.replayPollInterval),null),this.replayShade?.remove(),this.replayShade=null,this.chartContainer.removeEventListener(`mouseleave`,this.hideReplayShade),this.replayBar?.unmount(),this.replayBar=null}applySettings(e){this.settingsState={...this.settingsState,...e},this.scheduleLegend(),e.gridVisible!==void 0&&this.chart.setGridVisible(e.gridVisible),e.volumeVisible!==void 0&&this.chart.setVolumeVisible(e.volumeVisible),e.volumeProfileVisible!==void 0&&this.chart.setVolumeProfileVisible(e.volumeProfileVisible),e.marketProfileVisible!==void 0&&this.chart.setMarketProfileVisible(e.marketProfileVisible),e.marketProfileSplit!==void 0&&this.chart.setMarketProfileConfig({splitBySession:e.marketProfileSplit}),e.marketProfileLetters!==void 0&&this.chart.setMarketProfileConfig({letters:e.marketProfileLetters}),e.marketProfileBuckets!==void 0&&this.chart.setMarketProfileConfig({buckets:e.marketProfileBuckets}),e.marketProfileOpacity!==void 0&&this.chart.setMarketProfileConfig({opacity:e.marketProfileOpacity}),e.depthHeatmapVisible!==void 0&&this.chart.setDepthHeatmapVisible(e.depthHeatmapVisible),e.depthHeatmapOpacity!==void 0&&this.chart.setDepthHeatmapConfig({opacity:e.depthHeatmapOpacity}),e.sessionShadingVisible!==void 0&&this.chart.setSessionShadingVisible(e.sessionShadingVisible),e.pivotMarkersVisible!==void 0&&this.chart.setPivotMarkersVisible(e.pivotMarkersVisible),e.pivotStrength!==void 0&&this.chart.setPivotMarkersConfig({left:e.pivotStrength,right:e.pivotStrength}),e.pivotStructureLabels!==void 0&&this.chart.setPivotMarkersConfig({structureLabels:e.pivotStructureLabels}),e.periodLevelsVisible!==void 0&&this.chart.setPeriodLevelsVisible(e.periodLevelsVisible),e.periodLevelsPeriod!==void 0&&this.chart.setPeriodLevelsPeriod(e.periodLevelsPeriod),e.crosshairMode!==void 0&&this.chart.setCrosshairMode(e.crosshairMode),e.autoScale!==void 0&&this.chart.setAutoScale(e.autoScale),e.invertScale!==void 0&&this.chart.setInvertScale(e.invertScale),e.scaleMode===void 0?e.logScale!==void 0&&(this.chart.setLogScale(e.logScale),this.settingsState={...this.settingsState,scaleMode:e.logScale?`logarithmic`:`regular`}):(this.chart.setScaleMode(e.scaleMode),this.settingsState={...this.settingsState,logScale:e.scaleMode===`logarithmic`}),e.numberLocale!==void 0&&(this.chart.setNumberLocale(e.numberLocale),this.watchlist?.setLocale(e.numberLocale||void 0)),e.timezone!==void 0&&this.chart.setTimezoneOffset(e.timezone===`local`?null:Number(e.timezone));let t={...this.chart.getTheme()},n=!1;e.candleUpColor!==void 0&&(t.candleUp=e.candleUpColor,n=!0),e.candleDownColor!==void 0&&(t.candleDown=e.candleDownColor,n=!0),e.candleUpWick!==void 0&&(t.candleUpWick=e.candleUpWick,n=!0),e.candleDownWick!==void 0&&(t.candleDownWick=e.candleDownWick,n=!0),e.backgroundColor!==void 0&&(t.background=e.backgroundColor,n=!0),e.gridColor!==void 0&&(t.grid=e.gridColor,n=!0),n&&this.chart.setTheme(t)}resetSettings(){this.settingsState={...u},this.applySettings(this.settingsState)}async connectStream(){if(!this.adapter)return;let e=++this.connectSeq;this.state={...this.state,connectionState:`connecting`,connectionMessage:this.t(`status.connecting`)},this.updateUI(),this.loading.begin(this.chart.getData().length>0);try{if(this.chart.disconnectStream(),await this.chart.connect({adapter:this.adapter,symbol:this.state.symbol,timeframe:this.state.timeframe,historyLimit:this.options.historyLimit??500}),e!==this.connectSeq||this.destroyed)return;this.chart.setWatermark(this.state.symbol.replace(`USDT`,` / USDT`),{fontSize:48,color:this.state.isDark?`rgba(255,255,255,0.03)`:`rgba(0,0,0,0.03)`}),this.applySymbolLayout(this.state.symbol),this.loading.hasFailed()?this.state={...this.state,connectionState:`error`}:(this.loading.end(),this.state={...this.state,connectionState:`connected`,connectionMessage:this.t(`status.live`)}),this.refetchCompares()}catch(t){if(e!==this.connectSeq||this.destroyed)return;this.loading.fail(this.t(`status.connectionFailed`)),this.state={...this.state,connectionState:`error`,connectionMessage:t instanceof Error?t.message:this.t(`status.connectionFailed`)}}this.updateUI()}scheduleLegend(){!this.indicatorLegend||this.legendFrame||(this.legendFrame=requestAnimationFrame(()=>{this.legendFrame=0,this.renderLegend()}))}renderLegend(){if(!this.indicatorLegend||this.destroyed)return;let e=this.chart.getData().length-1,t=this.chart.isTimeAligned()?this.legendHoverIndex:null,n=t===null?e:Math.min(Math.max(t,0),e),r=new Map(this.chart.getIndicatorPanes().map(e=>[e.instanceId,e.rect])),i=this.settingsState.numberLocale||`en-US`,a=this.chart.getActiveIndicators().map(t=>{let a=r.get(t.instanceId)??null,o=this.chart.getIndicatorOutput(t.instanceId)?.series,s=n>=0?o?.[n]:null,c=H(t.id,s),l=(n===e?c.length:H(t.id,e>=0?o?.[e]:null).length)===1?ht(t.id,this.chart.getIndicatorStyle(t.instanceId)?.colors??[],s):null;return{instanceId:t.instanceId,label:$(t.id,t.params,t.descriptor.defaultConfig),visible:t.visible,values:c.map(e=>({text:a?_t(e,i):this.chart.formatPrice(e),color:l})),pane:a?{x:a.x+X,y:a.y+1,width:a.width-2*X}:null}}),o=this.chart.getPlotRect();this.indicatorLegend.update(a,{left:o.x+X,top:this.chart.getLegendBottom()+1})}updateUI(){this.scheduleLegend(),this.toolbar?.update(this.state),this.sidebar?.update(this.state),this.statusBar?.update({connectionState:this.state.connectionState,message:this.state.connectionMessage,symbol:this.state.symbol,timeframe:this.state.timeframe})}resolveIsDark(e){return e===void 0||e===`dark`?!0:e===`light`?!1:typeof e==`object`&&e.background?this.isColorDark(e.background):!0}resolveTheme(e){return e===void 0||e===`dark`?t.DARK_THEME:e===`light`?t.LIGHT_THEME:typeof e==`object`?e:t.DARK_THEME}isColorDark(e){if(e.startsWith(`#`)&&e.length>=7){let t=parseInt(e.slice(1,3),16),n=parseInt(e.slice(3,5),16),r=parseInt(e.slice(5,7),16);return t+n+r<384}return!0}};function $(e,t,n){let r=Object.keys(n||t).map(e=>t[e]).filter(e=>typeof e==`number`&&Number.isFinite(e)).slice(0,3).map(e=>String(Number(e.toFixed(4))));return[e.toUpperCase(),...r].join(` `)}exports.CHART_TYPE_ICONS=_,exports.ChartWidget=Ht,exports.DRAWING_TOOL_ICONS=g,exports.UI_ICONS=h,exports.createChartTypeIcon=C,exports.createIcon=x,exports.createToolIcon=S,exports.iconSvg=y;
4303
+ `}wireEvents(){let e=this.root;e&&(this.scrubber=e.querySelector(`input[data-act="seek"]`),this.progressLabel=e.querySelector(`[data-tcw="progress"]`),this.playBtn=e.querySelector(`button[data-act="play"]`),this.realtimeBtn=e.querySelector(`button[data-act="realtime"]`),this.realtimeBtn?.addEventListener(`click`,()=>this.callbacks.onClose()),e.querySelector(`[data-act="random"]`)?.addEventListener(`click`,()=>this.callbacks.onRandomStart()),e.querySelector(`[data-act="stepBack"]`)?.addEventListener(`click`,()=>this.callbacks.onStepBack()),e.querySelector(`[data-act="stepForward"]`)?.addEventListener(`click`,()=>this.callbacks.onStepForward()),this.playBtn?.addEventListener(`click`,()=>{this.state===`playing`?this.callbacks.onPause():this.callbacks.onPlay()}),this.scrubber?.addEventListener(`input`,()=>this.callbacks.onSeek(Number(this.scrubber.value))),e.querySelector(`[data-act="speed"]`)?.addEventListener(`change`,e=>{let t=Number(e.target.value);this.speed=t,this.callbacks.onSpeedChange(t)}),e.querySelector(`[data-act="step"]`)?.addEventListener(`change`,e=>{this.step=e.target.value,this.callbacks.onStepChange?.(this.step)}))}syncUi(){let e=this.root;if(e){for(let t of e.querySelectorAll(`.tcw-replay-group`))t.hidden=t.dataset.mode!==this.mode;if(e.classList.toggle(`tcw-replay-bar--ended`,this.ended),this.playBtn){let e=this.state===`playing`;this.playBtn.innerHTML=e?ze():Re(),this.playBtn.title=e?this.labels.pause:this.labels.play,this.playBtn.setAttribute(`aria-label`,this.playBtn.title);let t=this.ended&&!e;t&&document.activeElement===this.playBtn&&this.realtimeBtn?.focus(),this.playBtn.disabled=t}}}};function Re(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7L8 5z"/></svg>`}function ze(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6 5h4v14H6zM14 5h4v14h-4z"/></svg>`}function Be(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6 6h2v12H6zM20 6L9 12l11 6V6z"/></svg>`}function Ve(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M4 6l11 6L4 18V6zM16 6h2v12h-2z"/></svg>`}function He(){return`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M12 3v18M8 7l4-4 4 4M8 17l4 4 4-4"/></svg>`}var Ue=class{el;headerEl;nameBtn;menuEl;listEl;rowMap=new Map;entries=new Map;lists=[];activeList=``;active=null;locale;dragging=null;onOutside=e=>{this.headerEl.contains(e.target)||this.closeMenu()};constructor(e,t,n){this.callbacks=t,this.labels=n,this.el=document.createElement(`div`),this.el.className=`tcw-watchlist`,this.el.setAttribute(`aria-label`,n.title),this.headerEl=document.createElement(`div`),this.headerEl.className=`tcw-watchlist-header`,this.nameBtn=document.createElement(`button`),this.nameBtn.type=`button`,this.nameBtn.className=`tcw-watchlist-name`,this.nameBtn.setAttribute(`aria-haspopup`,`menu`),this.nameBtn.setAttribute(`aria-expanded`,`false`),this.nameBtn.title=n.lists,this.nameBtn.addEventListener(`click`,()=>this.menuEl.hidden?this.openMenu():this.closeMenu());let r=document.createElement(`button`);r.type=`button`,r.className=`tcw-watchlist-add`,r.textContent=`+`,r.title=n.add,r.setAttribute(`aria-label`,n.add),r.hidden=!t.onAdd,r.addEventListener(`click`,()=>t.onAdd?.()),this.menuEl=document.createElement(`div`),this.menuEl.className=`tcw-dropdown tcw-watchlist-menu`,this.menuEl.setAttribute(`role`,`menu`),this.menuEl.hidden=!0,this.headerEl.append(this.nameBtn,r,this.menuEl),this.el.appendChild(this.headerEl),this.listEl=document.createElement(`div`),this.listEl.className=`tcw-watchlist-list`,this.listEl.setAttribute(`role`,`list`),this.el.appendChild(this.listEl),e.appendChild(this.el)}setLists(e,t){this.lists=e.map(e=>({...e,symbols:[...e.symbols]})),this.activeList=e.some(e=>e.id===t)?t:e[0]?.id??``;let n=this.shownList();this.nameBtn.textContent=n?.name??this.labels.title,this.renderRows(n?.symbols??[]),this.menuEl.hidden||this.renderMenu()}setLocale(e){this.locale=e;for(let e of this.rowMap.keys())this.renderRow(e)}setActive(e){this.active=e;for(let[t,n]of this.rowMap){let r=t===e;n.row.classList.toggle(`tcw-watchlist-active`,r),r?n.row.setAttribute(`aria-current`,`true`):n.row.removeAttribute(`aria-current`)}}setEntry(e,t){let n=this.entries.get(e)??{symbol:e};this.entries.set(e,{...n,...t,symbol:e}),this.renderRow(e)}destroy(){this.closeMenu(),this.el.remove(),this.rowMap.clear(),this.entries.clear()}shownList(){return this.lists.find(e=>e.id===this.activeList)}renderRows(e){for(let t of[...this.rowMap.keys()])e.includes(t)||(this.rowMap.get(t).row.remove(),this.rowMap.delete(t));for(let t of e)this.rowMap.has(t)||this.makeRow(t);if(this.listEl.replaceChildren(...e.map(e=>this.rowMap.get(e).row)),e.length===0){let e=document.createElement(`div`);e.className=`tcw-watchlist-empty`,e.textContent=this.labels.empty,this.listEl.appendChild(e)}this.active&&this.setActive(this.active)}makeRow(e){let n=document.createElement(`div`);n.className=`tcw-watchlist-row`,n.setAttribute(`role`,`listitem`),n.dataset.symbol=e,n.tabIndex=0,n.draggable=!!this.callbacks.onMove;let r=document.createElement(`div`);r.className=`tcw-watchlist-symbol`,r.textContent=We(e);let i=document.createElement(`canvas`);i.className=`tcw-watchlist-spark`,i.width=64,i.height=22;let a=document.createElement(`div`);a.className=`tcw-watchlist-stats`;let o=document.createElement(`span`);o.className=`tcw-watchlist-price`,o.textContent=`—`;let s=document.createElement(`span`);if(s.className=`tcw-watchlist-change`,a.append(o,s),n.append(r,i,a),this.callbacks.onRemove){let r=document.createElement(`button`);r.type=`button`,r.className=`tcw-watchlist-remove`,r.textContent=`×`,r.tabIndex=-1;let i=t.r(this.labels.remove,{symbol:e});r.title=i,r.setAttribute(`aria-label`,i),r.addEventListener(`click`,t=>{t.stopPropagation(),this.callbacks.onRemove?.(e)}),n.appendChild(r)}n.addEventListener(`click`,()=>this.callbacks.onSelect(e)),n.addEventListener(`keydown`,t=>this.onRowKey(t,e)),n.addEventListener(`dragstart`,t=>{this.dragging=e,t.dataTransfer?.setData(`text/plain`,e),t.dataTransfer&&(t.dataTransfer.effectAllowed=`move`),n.classList.add(`tcw-watchlist-dragging`)}),n.addEventListener(`dragend`,()=>{this.dragging=null,n.classList.remove(`tcw-watchlist-dragging`)}),n.addEventListener(`dragover`,t=>{this.dragging&&this.dragging!==e&&t.preventDefault()}),n.addEventListener(`drop`,t=>{t.preventDefault();let n=this.dragging;if(this.dragging=null,!n||n===e)return;let r=this.shownList()?.symbols??[];this.callbacks.onMove?.(n,r.indexOf(e))}),this.rowMap.set(e,{row:n,priceEl:o,changeEl:s,sparkCanvas:i}),this.renderRow(e)}onRowKey(e,t){let n=this.shownList()?.symbols??[],r=n.indexOf(t);if([`Enter`,` `,`Delete`,`Backspace`,`ArrowDown`,`ArrowUp`].includes(e.key)&&e.stopPropagation(),e.key===`Enter`||e.key===` `)e.preventDefault(),this.callbacks.onSelect(t);else if((e.key===`Delete`||e.key===`Backspace`)&&this.callbacks.onRemove){e.preventDefault();let i=n[r+1]??n[r-1];this.callbacks.onRemove(t),i&&this.rowMap.get(i)?.row.focus()}else if(e.key===`ArrowDown`||e.key===`ArrowUp`){e.preventDefault();let i=r+(e.key===`ArrowDown`?1:-1);if(i<0||i>=n.length)return;e.altKey?(this.callbacks.onMove?.(t,i),this.rowMap.get(t)?.row.focus()):this.rowMap.get(n[i])?.row.focus()}}renderRow(e){let t=this.rowMap.get(e),n=this.entries.get(e);if(!(!t||!n)){if(n.lastPrice!==void 0&&(t.priceEl.textContent=Ge(n.lastPrice,this.locale)),n.lastPrice!==void 0&&n.refPrice!==void 0&&n.refPrice!==0){let e=n.lastPrice-n.refPrice,r=e/n.refPrice*100,i=e>=0?`+`:`-`,a=Math.abs(r).toLocaleString(this.locale,{minimumFractionDigits:2,maximumFractionDigits:2});t.changeEl.textContent=`${i}${a}%`,t.changeEl.className=`tcw-watchlist-change ${e>=0?`tcw-up`:`tcw-down`}`}else t.changeEl.textContent=``;n.sparkline&&n.sparkline.length>=2&&Ke(t.sparkCanvas,n.sparkline,n.refPrice??n.sparkline[0])}}openMenu(){this.renderMenu(),this.menuEl.hidden=!1,this.nameBtn.setAttribute(`aria-expanded`,`true`),document.addEventListener(`mousedown`,this.onOutside)}closeMenu(){this.menuEl.hidden=!0,this.nameBtn.setAttribute(`aria-expanded`,`false`),document.removeEventListener(`mousedown`,this.onOutside)}renderMenu(){let e=(e,t)=>{let n=document.createElement(`button`);return n.type=`button`,n.className=`tcw-dropdown-item`,n.setAttribute(`role`,`menuitem`),n.textContent=e,n.addEventListener(`click`,t),n},n=this.lists.map(t=>{let n=e(``,()=>{this.closeMenu(),this.callbacks.onPickList?.(t.id)});n.dataset.list=t.id,n.classList.toggle(`tcw-active`,t.id===this.activeList);let r=document.createElement(`span`);r.textContent=t.name;let i=document.createElement(`span`);return i.className=`tcw-watchlist-count`,i.textContent=String(t.symbols.length),n.append(r,i),n}),r=document.createElement(`div`);if(r.className=`tcw-dropdown-divider`,n.push(r),this.callbacks.onCreateList){let t=e(this.labels.newList,()=>this.editName(``,e=>this.callbacks.onCreateList?.(e)));t.dataset.action=`new`,n.push(t)}let i=this.shownList();if(i&&this.callbacks.onRenameList){let t=e(this.labels.rename,()=>this.editName(i.name,e=>this.callbacks.onRenameList?.(i.id,e)));t.dataset.action=`rename`,n.push(t)}if(i&&this.callbacks.onDeleteList&&this.lists.length>1){let r=!1,a=e(this.labels.deleteList,()=>{if(!r){r=!0,a.textContent=t.r(this.labels.confirmDelete,{name:i.name}),a.classList.add(`tcw-danger`);return}this.closeMenu(),this.callbacks.onDeleteList?.(i.id)});a.dataset.action=`delete`,n.push(a)}this.menuEl.replaceChildren(...n)}editName(e,t){this.closeMenu();let n=document.createElement(`input`);n.className=`tcw-watchlist-input`,n.type=`text`,n.maxLength=60,n.value=e,n.placeholder=this.labels.listName,n.setAttribute(`aria-label`,this.labels.listName),this.nameBtn.hidden=!0,this.headerEl.insertBefore(n,this.nameBtn);let r=!1,i=i=>{if(r)return;r=!0;let a=n.value.trim();n.remove(),this.nameBtn.hidden=!1,i&&a&&a!==e&&t(a),this.nameBtn.focus()};n.addEventListener(`keydown`,e=>{e.stopPropagation(),e.key===`Enter`?(e.preventDefault(),i(!0)):e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),i(!1))}),n.addEventListener(`blur`,()=>i(!1)),n.focus()}};function We(e){for(let t of[`USDT`,`USD`,`BTC`,`ETH`,`EUR`])if(e.length>t.length&&e.endsWith(t))return e.slice(0,-t.length)+`/`+t;return e}function Ge(e,t){if(e===0)return`0`;let n=Math.abs(e);return n>=1e3?e.toLocaleString(t,{minimumFractionDigits:2,maximumFractionDigits:2}):n>=1?e.toLocaleString(t,{minimumFractionDigits:4,maximumFractionDigits:4}):Number(e.toPrecision(4)).toLocaleString(t,{maximumFractionDigits:10})}function Ke(e,t,n){let r=e.getContext(`2d`);if(!r)return;let i=window.devicePixelRatio||1;e.width!==e.clientWidth*i&&(e.width=(e.clientWidth||64)*i,e.height=(e.clientHeight||22)*i);let a=e.width,o=e.height,s=1/0,c=-1/0;for(let e of t)e<s&&(s=e),e>c&&(c=e);let l=Math.max(c-s,1e-9),u=t[t.length-1]>=n?`#1fa874`:`#e8505b`;r.clearRect(0,0,a,o),r.lineWidth=1.4*i,r.strokeStyle=u,r.beginPath();let d=a/(t.length-1);for(let e=0;e<t.length;e++){let n=e*d,i=o-(t[e]-s)/l*(o-4)-2;e===0?r.moveTo(n,i):r.lineTo(n,i)}r.stroke()}var qe=50,Je=500,Ye=60,Xe=64,D=e=>typeof e==`string`&&e.trim().slice(0,Ye)||null,Ze=e=>{if(typeof e!=`string`)return null;let t=e.trim();return t&&t.length<=Xe?t:null};function Qe(e){let t=[];for(let n of e){let e=Ze(n);if(e&&!t.includes(e)&&t.push(e),t.length===Je)break}return t}function O(e){if(!e||typeof e!=`object`)return null;let t=e;if(!Array.isArray(t.lists))return null;let n=[];for(let e of t.lists){if(n.length===qe)break;if(!e||typeof e!=`object`)continue;let t=e,r=typeof t.id==`string`&&t.id&&t.id.length<=Xe?t.id:null,i=D(t.name);!r||!i||n.some(e=>e.id===r)||n.push({id:r,name:i,symbols:Array.isArray(t.symbols)?Qe(t.symbols):[]})}return n.length===0?null:{lists:n,active:typeof t.active==`string`&&n.some(e=>e.id===t.active)?t.active:n[0].id}}var $e=e=>({...e,symbols:[...e.symbols]}),et=class{lists;active;listeners=new Set;storage;storageKey;constructor(e){this.storage=e.storage??null,this.storageKey=e.storageKey??`tcw:watchlists`;let t=this.load(),n=e.lists?O({lists:e.lists,active:e.activeList}):null,r=t??n??{lists:[{id:`default`,name:D(e.defaultName)??`Watchlist`,symbols:Qe(e.symbols??[])}],active:`default`};this.lists=r.lists,this.active=r.active}getLists(){return this.lists.map($e)}getActive(){return $e(this.activeList())}setActive(e){e===this.active||!this.lists.some(t=>t.id===e)||(this.active=e,this.changed())}replace(e,t){let n=O({lists:e,active:t??this.active});n&&(this.lists=n.lists,this.active=n.active,this.changed())}create(e){let t=D(e);if(!t||this.lists.length>=qe)return null;let n=this.lists.length+1;for(;this.lists.some(e=>e.id===`list-${n}`);)n++;let r={id:`list-${n}`,name:t,symbols:[]};return this.lists=[...this.lists,r],this.active=r.id,this.changed(),$e(r)}rename(e,t){let n=D(t);n&&this.update(e,e=>({...e,name:n}))}remove(e){this.lists.length<=1||!this.lists.some(t=>t.id===e)||(this.lists=this.lists.filter(t=>t.id!==e),this.active===e&&(this.active=this.lists[0].id),this.changed())}add(e,t=this.active){let n=Ze(e),r=this.lists.find(e=>e.id===t);return!n||!r||r.symbols.includes(n)||r.symbols.length>=Je?!1:(this.update(t,e=>({...e,symbols:[...e.symbols,n]})),!0)}removeSymbol(e,t=this.active){this.lists.find(e=>e.id===t)?.symbols.includes(e)&&this.update(t,t=>({...t,symbols:t.symbols.filter(t=>t!==e)}))}move(e,t,n=this.active){let r=this.lists.find(e=>e.id===n);if(!r)return;let i=r.symbols.indexOf(e);if(i<0)return;let a=r.symbols.filter(t=>t!==e),o=Math.max(0,Math.min(Math.round(t),a.length));o!==i&&this.update(n,t=>({...t,symbols:[...a.slice(0,o),e,...a.slice(o)]}))}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}activeList(){return this.lists.find(e=>e.id===this.active)??this.lists[0]}update(e,t){this.lists=this.lists.map(n=>n.id===e?t(n):n),this.changed()}changed(){this.save();for(let e of this.listeners)e()}load(){if(!this.storage)return null;try{let e=this.storage.getItem(this.storageKey);return e?O(JSON.parse(e)):null}catch{return null}}save(){if(this.storage)try{this.storage.setItem(this.storageKey,JSON.stringify({lists:this.lists,active:this.active}))}catch{}}},tt=class{el;bodyEl;newsEl;shown=!1;constructor(e,n=t.t,r={}){this.t=n,this.callbacks=r,this.el=document.createElement(`div`),this.el.className=`tcw-syminfo`,this.el.setAttribute(`role`,`dialog`),this.el.setAttribute(`aria-label`,n(`symbolInfo.title`)),this.el.hidden=!0;let i=document.createElement(`div`);i.className=`tcw-syminfo-header`;let a=document.createElement(`span`);a.textContent=n(`symbolInfo.title`);let o=document.createElement(`button`);o.type=`button`,o.className=`tcw-syminfo-close`,o.setAttribute(`aria-label`,n(`common.close`)),o.innerHTML=S(`x`,14),o.addEventListener(`click`,()=>this.close()),i.append(a,o),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-syminfo-body`,this.newsEl=document.createElement(`div`),this.newsEl.className=`tcw-syminfo-news`,this.newsEl.hidden=!0,this.el.append(i,this.bodyEl,this.newsEl),e.appendChild(this.el)}isOpen(){return this.shown}toggle(){this.shown?this.close():this.open()}open(){this.shown||(this.shown=!0,this.el.hidden=!1,this.callbacks.onToggle?.(!0))}close(){this.shown&&(this.shown=!1,this.el.hidden=!0,this.callbacks.onToggle?.(!1))}render(e){let t=document.createElement(`div`);t.className=`tcw-syminfo-head`,t.append(k(`div`,`tcw-syminfo-symbol`,e.symbol)),e.description&&t.append(k(`div`,`tcw-syminfo-desc`,e.description)),e.meta&&t.append(k(`div`,`tcw-syminfo-meta`,e.meta));let n=document.createElement(`div`);if(n.className=`tcw-syminfo-quote`,e.price&&n.append(k(`span`,`tcw-syminfo-price`,e.price)),e.change){let t=k(`span`,`tcw-syminfo-change`,e.change.text);t.classList.add(e.change.up?`tcw-up`:`tcw-down`),n.append(t)}let r=k(`div`,`tcw-syminfo-status`,e.status.text);r.dataset.state=e.status.state;let i=document.createElement(`dl`);i.className=`tcw-syminfo-stats`;for(let t of e.stats){let e=document.createElement(`div`);e.className=`tcw-syminfo-stat`,e.append(k(`dt`,``,t.label),k(`dd`,``,t.value)),i.append(e)}this.bodyEl.replaceChildren(t,n,r,i)}renderNews(e){if(this.newsEl.hidden=e.kind===`none`,e.kind===`none`){this.newsEl.replaceChildren();return}let t=k(`div`,`tcw-syminfo-news-title`,this.t(`symbolInfo.news`));if(e.kind===`loading`||e.kind===`failed`||e.items.length===0){let t=e.kind===`loading`?`symbolInfo.loading`:e.kind===`failed`?`symbolInfo.newsFailed`:`symbolInfo.noNews`;this.newsEl.replaceChildren(k(`div`,`tcw-syminfo-news-note`,this.t(t)));return}let n=document.createElement(`ul`);n.className=`tcw-syminfo-news-list`;for(let t of e.items){let e=document.createElement(`li`);if(e.className=`tcw-syminfo-news-item`,t.url){let n=document.createElement(`a`);n.href=t.url,n.target=`_blank`,n.rel=`noopener noreferrer`,n.textContent=t.title,e.append(n)}else e.append(k(`span`,``,t.title));t.meta&&e.append(k(`div`,`tcw-syminfo-news-meta`,t.meta)),n.append(e)}this.newsEl.replaceChildren(t,n)}destroy(){this.el.remove()}};function k(e,t,n){let r=document.createElement(e);return t&&(r.className=t),r.textContent=n,r}var nt=300,rt=80,it=class{el;holdTimer=null;repeatTimer=null;onMove=e=>{e.pointerType!==`touch`&&(this.el.classList.contains(`tcw-nav-shown`)||this.place(),this.el.classList.add(`tcw-nav-shown`))};onLeave=()=>{this.el.classList.remove(`tcw-nav-shown`),this.stopHold()};constructor(e,n,r=t.t){this.host=e,this.actions=n,this.el=document.createElement(`div`),this.el.className=`tcw-nav`,this.el.setAttribute(`role`,`toolbar`),this.el.setAttribute(`aria-label`,r(`nav.label`));let i=[[`zoomOut`,`minus`,r(`nav.zoomOut`)],[`zoomIn`,`plus`,r(`nav.zoomIn`)],[`scrollLeft`,`chevronLeft`,r(`nav.scrollLeft`)],[`scrollRight`,`chevronRight`,r(`nav.scrollRight`)],[`reset`,`reset`,r(`nav.reset`)]];for(let[e,t,r]of i){let i=document.createElement(`button`);if(i.type=`button`,i.className=`tcw-nav-btn`,i.dataset.nav=e,i.title=r,i.setAttribute(`aria-label`,r),i.innerHTML=S(t,16),e===`scrollLeft`||e===`scrollRight`){let t=e===`scrollRight`?1:-1;i.addEventListener(`pointerdown`,e=>{if(e.button===0){e.preventDefault();try{i.setPointerCapture(e.pointerId)}catch{}this.startHold(t)}});for(let e of[`pointerup`,`pointercancel`,`pointerleave`])i.addEventListener(e,()=>this.stopHold());i.addEventListener(`click`,e=>{e.detail===0&&n.scroll(t)})}else i.addEventListener(`click`,()=>{e===`zoomIn`?n.zoomIn():e===`zoomOut`?n.zoomOut():n.reset()});this.el.appendChild(i)}for(let e of[`dblclick`,`contextmenu`,`pointerdown`,`mousedown`])this.el.addEventListener(e,e=>e.stopPropagation());this.el.addEventListener(`focusin`,()=>{this.place(),this.el.classList.add(`tcw-nav-shown`)}),this.el.addEventListener(`focusout`,e=>{this.el.contains(e.relatedTarget)||this.el.classList.remove(`tcw-nav-shown`)}),e.appendChild(this.el),e.addEventListener(`pointermove`,this.onMove),e.addEventListener(`pointerleave`,this.onLeave)}destroy(){this.stopHold(),this.host.removeEventListener(`pointermove`,this.onMove),this.host.removeEventListener(`pointerleave`,this.onLeave),this.el.remove()}place(){let e=this.actions.plotRect();this.el.style.left=`${Math.round(e.x+e.width/2)}px`,this.el.style.top=`${Math.round(e.y+e.height)}px`}startHold(e){this.stopHold(),this.actions.scroll(e),this.holdTimer=setTimeout(()=>{this.repeatTimer=setInterval(()=>this.actions.scroll(e),rt)},nt)}stopHold(){this.holdTimer&&clearTimeout(this.holdTimer),this.repeatTimer&&clearInterval(this.repeatTimer),this.holdTimer=null,this.repeatTimer=null}};function at(e,n,r,i=!1){let a=e.label??n(`alerts.source.price`),o=lt.get(e.condition),s=o?n(o):e.condition;if(st.includes(e.condition))return`${a} ${s} ${t.r(n(`alerts.moveSummary`),{percent:e.percent??0,bars:e.bars??0})}`;if(e.target)return`${a} ${s} ${e.targetLabel??e.target}`;let c=e.channel&&e.channel!==`price`,l=Number.isFinite(e.price)?c?dt(e.price):r(e.price):`—`;return`${(c||e.drawingId)&&e.label?`${e.label} `:i?`${a} `:``}${s} ${l}`}var ot=[{value:`crossing`,key:`alerts.condition.crossing`},{value:`crossingUp`,key:`alerts.condition.crossingUp`},{value:`crossingDown`,key:`alerts.condition.crossingDown`},{value:`greaterThan`,key:`alerts.condition.greaterThan`},{value:`lessThan`,key:`alerts.condition.lessThan`},{value:`movesUp`,key:`alerts.condition.movesUp`},{value:`movesDown`,key:`alerts.condition.movesDown`}],st=[`movesUp`,`movesDown`],ct={hour:36e5,day:864e5,week:7*864e5,month:30*864e5},A=``,lt=new Map(ot.map(e=>[e.value,e.key]));function ut(e){return Math.round(e*1e6)/1e6}function dt(e){let t=Math.abs(e);return t>=1e3||t>=1?e.toFixed(2):e.toPrecision(4)}var ft=class{el;listEl;priceInput;conditionSelect;sourceSelect;targetSelect;percentInput;barsInput;levelRow;moveRow;closeCheck;expirySelect;messageInput;emptyEl;callbacks;open=!1;alerts=[];sources;constructor(e,n,i=t.t){this.t=i,this.callbacks=n,this.sources=[{channel:`price`,label:this.t(`alerts.source.price`)}],this.el=document.createElement(`div`),this.el.className=`tcw-alerts-panel`,this.el.hidden=!0;let a=document.createElement(`div`);a.className=`tcw-alerts-header`;let o=document.createElement(`span`);o.textContent=this.t(`alerts.title`);let s=document.createElement(`button`);s.className=`tcw-alerts-close`,s.type=`button`,s.setAttribute(`aria-label`,this.t(`alerts.close`)),s.innerHTML=S(`x`,14),s.addEventListener(`click`,()=>this.close()),a.appendChild(o),a.appendChild(s),this.el.appendChild(a);let c=document.createElement(`form`);c.className=`tcw-alerts-form`,c.noValidate=!0,this.sourceSelect=document.createElement(`select`),this.sourceSelect.className=`tcw-alerts-source`,this.sourceSelect.setAttribute(`aria-label`,this.t(`alerts.source`)),this.sourceSelect.addEventListener(`change`,()=>{this.renderTargets(),this.prefillPrice()}),this.conditionSelect=document.createElement(`select`),this.conditionSelect.className=`tcw-alerts-condition`,this.conditionSelect.setAttribute(`aria-label`,this.t(`alerts.conditionLabel`));for(let e of ot){let t=document.createElement(`option`);t.value=e.value,t.textContent=this.t(e.key),this.conditionSelect.appendChild(t)}this.conditionSelect.addEventListener(`change`,()=>this.showFields()),this.levelRow=document.createElement(`div`),this.levelRow.className=`tcw-alerts-row-fields`,this.targetSelect=document.createElement(`select`),this.targetSelect.className=`tcw-alerts-target`,this.targetSelect.setAttribute(`aria-label`,this.t(`alerts.compareWith`)),this.targetSelect.addEventListener(`change`,()=>this.showFields()),this.priceInput=document.createElement(`input`),this.priceInput.type=`number`,this.priceInput.step=`any`,this.priceInput.placeholder=this.t(`alerts.value`),this.priceInput.setAttribute(`aria-label`,this.t(`alerts.value`)),this.priceInput.className=`tcw-alerts-price`,this.levelRow.append(this.targetSelect,this.priceInput),this.moveRow=document.createElement(`div`),this.moveRow.className=`tcw-alerts-row-fields`,this.percentInput=this.numberField(`tcw-alerts-percent`,this.t(`alerts.percent`),`1`,`0.01`),this.barsInput=this.numberField(`tcw-alerts-bars`,this.t(`alerts.bars`),`10`,`1`),this.barsInput.min=String(r.MIN_ALERT_BARS),this.barsInput.max=String(r.MAX_ALERT_BARS),this.moveRow.append(this.percentInput,this.barsInput);let l=document.createElement(`div`);l.className=`tcw-alerts-row-fields tcw-alerts-options`;let u=document.createElement(`label`);u.className=`tcw-alerts-check`,this.closeCheck=document.createElement(`input`),this.closeCheck.type=`checkbox`,u.append(this.closeCheck,document.createTextNode(this.t(`alerts.onBarClose`))),this.expirySelect=document.createElement(`select`),this.expirySelect.className=`tcw-alerts-expiry`,this.expirySelect.setAttribute(`aria-label`,this.t(`alerts.expires`));for(let e of[`never`,`hour`,`day`,`week`,`month`]){let t=document.createElement(`option`);t.value=e,t.textContent=this.t(`alerts.expires.${e}`),this.expirySelect.appendChild(t)}l.append(u,this.expirySelect),this.messageInput=document.createElement(`input`),this.messageInput.type=`text`,this.messageInput.placeholder=this.t(`alerts.note`),this.messageInput.setAttribute(`aria-label`,this.t(`alerts.note`)),this.messageInput.className=`tcw-alerts-message`;let d=document.createElement(`button`);d.type=`submit`,d.className=`tcw-alerts-add`,d.innerHTML=`${S(`plus`,14)}<span>${w(this.t(`alerts.add`))}</span>`,c.append(this.sourceSelect,this.conditionSelect,this.levelRow,this.moveRow,l,this.messageInput,d),c.addEventListener(`submit`,e=>{e.preventDefault(),this.submitForm()}),this.el.appendChild(c),this.listEl=document.createElement(`div`),this.listEl.className=`tcw-alerts-list`,this.el.appendChild(this.listEl),this.emptyEl=document.createElement(`div`),this.emptyEl.className=`tcw-alerts-empty`,this.emptyEl.textContent=this.t(`alerts.empty`),this.listEl.appendChild(this.emptyEl),this.renderSources(),this.showFields(),e.appendChild(this.el)}numberField(e,t,n,r){let i=document.createElement(`input`);return i.type=`number`,i.step=r,i.min=`0`,i.value=n,i.className=e,i.placeholder=t,i.setAttribute(`aria-label`,t),i}showFields(){let e=st.includes(this.conditionSelect.value);this.moveRow.hidden=!e,this.levelRow.hidden=e,this.priceInput.hidden=this.targetSelect.value!==A}renderTargets(){let e=this.targetSelect.value,t=this.sourceSelect.value||`price`;this.targetSelect.replaceChildren();let n=document.createElement(`option`);n.value=A,n.textContent=this.t(`alerts.compare.value`),this.targetSelect.appendChild(n);for(let e of this.sources){if(e.channel===t)continue;let n=document.createElement(`option`);n.value=e.channel,n.textContent=e.label,this.targetSelect.appendChild(n)}this.targetSelect.value=[...this.targetSelect.options].some(t=>t.value===e)?e:A,this.showFields()}setSources(e){this.sources=e.length>0?e:[{channel:`price`,label:this.t(`alerts.source.price`)}],this.renderSources()}renderSources(){let e=this.sourceSelect.value||`price`;this.sourceSelect.replaceChildren();for(let e of this.sources){let t=document.createElement(`option`);t.value=e.channel,t.textContent=e.label,this.sourceSelect.appendChild(t)}this.sourceSelect.value=this.sources.some(t=>t.channel===e)?e:`price`,this.renderTargets()}isOpen(){return this.open}toggle(){this.open?this.close():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1,this.priceInput.value===``&&this.prefillPrice()}prefillPrice(){let e=this.callbacks.getChannelValue(this.sourceSelect.value||`price`);this.priceInput.value=e===null?``:String(ut(e))}close(){this.open=!1,this.el.hidden=!0}setAlerts(e){this.alerts=e,this.renderList()}destroy(){this.el.remove()}submitForm(){let e=this.conditionSelect.value,t=this.messageInput.value.trim()||void 0,n=this.sourceSelect.value||`price`,i=this.sources.find(e=>e.channel===n)?.label??this.t(`alerts.source.price`),a={},o=NaN;if(st.includes(e)){a.percent=Number(this.percentInput.value),a.bars=Number(this.barsInput.value);let e=Number.isInteger(a.bars)&&a.bars>=r.MIN_ALERT_BARS&&a.bars<=r.MAX_ALERT_BARS;if(!(a.percent>0)||!e){this.markInvalid(a.percent>0?this.barsInput:this.percentInput);return}}else if(this.targetSelect.value!==A)a.target=this.targetSelect.value;else if(o=Number(this.priceInput.value),this.priceInput.value.trim()===``||!Number.isFinite(o)){this.markInvalid(this.priceInput);return}this.closeCheck.checked&&(a.onBarClose=!0);let s=ct[this.expirySelect.value];s&&(a.expiresAt=(this.callbacks.now??Date.now)()+s),this.callbacks.onAdd({price:o,condition:e,message:t,channel:n,label:i,options:a})!==!1&&(this.messageInput.value=``,this.prefillPrice())}markInvalid(e){e.setAttribute(`aria-invalid`,`true`),e.focus(),e.addEventListener(`input`,()=>e.removeAttribute(`aria-invalid`),{once:!0})}describe(e){return at(e,this.t,this.callbacks.formatPrice)}renderList(){if(this.listEl.replaceChildren(),this.alerts.length===0){this.listEl.appendChild(this.emptyEl);return}for(let e of[...this.alerts].reverse()){let n=document.createElement(`div`);n.className=`tcw-alerts-row`+(e.triggered?` tcw-alerts-triggered`:``)+(e.expired?` tcw-alerts-expired`:``);let r=document.createElement(`div`);r.className=`tcw-alerts-info`;let i=document.createElement(`div`);i.className=`tcw-alerts-row-main`,i.textContent=this.describe(e),r.appendChild(i);let a=[];if(e.onBarClose&&a.push(this.t(`alerts.onClose`)),e.expiresAt!==void 0&&!e.expired){let n=this.callbacks.formatTime?.(e.expiresAt)??new Date(e.expiresAt).toISOString();a.push(t.r(this.t(`alerts.until`),{time:n}))}if(a.length>0){let e=document.createElement(`div`);e.className=`tcw-alerts-row-meta`,e.textContent=a.join(` · `),r.appendChild(e)}if(e.message){let t=document.createElement(`div`);t.className=`tcw-alerts-row-note`,t.textContent=e.message,r.appendChild(t)}if(e.triggered||e.expired){let t=document.createElement(`span`);t.className=`tcw-alerts-badge`,t.textContent=this.t(e.expired?`alerts.expired`:`alerts.triggered`),i.appendChild(t)}let o=document.createElement(`button`);o.type=`button`,o.className=`tcw-alerts-del`,o.setAttribute(`aria-label`,this.t(`alerts.delete`)),o.innerHTML=S(`trash`,14),o.addEventListener(`click`,()=>this.callbacks.onRemove(e.id)),n.appendChild(r),n.appendChild(o),this.listEl.appendChild(n)}}},pt=`system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif`,mt=`'JetBrains Mono', 'SF Mono', 'Cascadia Code', 'Fira Code', 'Consolas', ui-monospace, monospace`,ht={studio:{radius:{xs:3,sm:5,md:7,lg:11,xl:16},components:{toolbar:0,sidebar:0},sizes:{toolbar:46,control:30,controlSmall:24,icon:18,sidebar:48,menuItem:30},font:{family:`'Manrope', 'Inter', ${pt}`,mono:mt,size:13,weight:500,strongWeight:600,labelCase:`none`,labelTracking:0},borders:{width:1,separators:!1},shadows:{menu:`var(--tcw-shadow-lg)`,dialog:`var(--tcw-shadow-xl)`,tooltip:`var(--tcw-shadow-md)`},blur:0,active:`tint`,toolbar:`docked`,sidebar:`docked`,intervals:`segmented`,tagRadius:4},terminal:{radius:{xs:1,sm:2,md:2,lg:2,xl:3},components:{tag:0,toolbar:0,sidebar:0},sizes:{toolbar:36,control:26,controlSmall:20,icon:16,sidebar:40,menuItem:26},font:{family:`'IBM Plex Sans Condensed', 'Roboto Condensed', 'Arial Narrow', ${pt}`,mono:`'IBM Plex Mono', ui-monospace, monospace`,size:12,weight:500,strongWeight:600,labelCase:`uppercase`,labelTracking:.08},borders:{width:1,separators:!0},shadows:{menu:`0 0 0 1px var(--tcw-border-strong)`,dialog:`0 0 0 1px var(--tcw-border-strong), var(--tcw-shadow-lg)`,tooltip:`none`},blur:0,active:`underline`,toolbar:`docked`,sidebar:`docked`,intervals:`plain`,tagRadius:0},capsule:{radius:{xs:6,sm:10,md:999,lg:18,xl:24},components:{tooltip:10,toolbar:999,sidebar:999,toast:999,tag:999},sizes:{toolbar:44,control:32,controlSmall:26,icon:18,sidebar:48,menuItem:34},font:{family:`'Sora', 'Manrope', ${pt}`,mono:mt,size:13,weight:500,strongWeight:600,labelCase:`none`,labelTracking:0},borders:{width:1,separators:!1},shadows:{menu:`0 0 0 1px var(--tcw-divider), var(--tcw-shadow-xl)`,dialog:`0 0 0 1px var(--tcw-divider), var(--tcw-shadow-xl)`,tooltip:`var(--tcw-shadow-lg)`},blur:16,active:`solid`,toolbar:`floating`,sidebar:`floating`,intervals:`segmented`,tagRadius:999}},gt={compact:{toolbar:38,control:26,controlSmall:20,icon:16,sidebar:40,menuItem:26},spacious:{toolbar:52,control:34,controlSmall:28,icon:20,sidebar:54,menuItem:34}};function _t(e,t){return{control:e.md,input:e.md,menu:e.lg,dialog:e.xl,panel:e.lg,tooltip:e.sm,tag:e.sm,toast:e.lg,toolbar:0,sidebar:0,...t}}var vt=Object.freeze(Object.fromEntries(Object.keys(ht).map(e=>[e,bt(yt(e))])));function yt(e){let t=ht[e];return{...t,preset:e,radius:{...t.radius},components:_t(t.radius,t.components),sizes:{...t.sizes},font:{...t.font},borders:{...t.borders},shadows:{...t.shadows}}}function bt(e){for(let t of Object.values(e))t&&typeof t==`object`&&bt(t);return Object.freeze(e)}var xt=e=>e===`studio`||e===`terminal`||e===`capsule`,j=(e,t,n)=>typeof e==`number`&&Number.isFinite(e)&&e>=t&&e<=n,St=e=>typeof e==`string`&&e.trim().length>0&&e.length<=300&&!/[;{}<>\\]|url\s*\(|expression\s*\(|\/\*/i.test(e)&&Ct(e);function Ct(e){let t=0,n=``;for(let r of e)if(n)r===n&&(n=``);else if(r===`"`||r===`'`)n=r;else if(r===`(`)t++;else if(r===`)`&&--t<0)return!1;return t===0&&!n}var wt=(e,t)=>typeof e==`string`&&t.includes(e);function M(e,t,n){let r={...e};if(!t||typeof t!=`object`)return r;for(let i of Object.keys(e)){let e=t[i];e!==void 0&&n(i,e)&&(r[i]=e)}return r}function N(e){let t=typeof e==`string`?{preset:e}:e??{},n=xt(t.preset)?t.preset:`studio`,r=ht[n],i=M(r.radius,t.radius,(e,t)=>j(t,0,999)),a=M(t.density===`compact`||t.density===`spacious`?gt[t.density]:r.sizes,t.sizes,(e,t)=>e===`icon`?j(t,10,32):j(t,16,80)),o=M(r.font,t.font,(e,t)=>e===`family`||e===`mono`?St(t):e===`size`?j(t,11,20):e===`weight`||e===`strongWeight`?j(t,100,900):e===`labelCase`?t===`none`||t===`uppercase`:j(t,0,.5));return{preset:n,radius:i,components:M(_t(i,r.components),t.components,(e,t)=>j(t,0,999)),sizes:a,font:o,borders:M(r.borders,t.borders,(e,t)=>e===`width`?j(t,0,4):typeof t==`boolean`),shadows:M(r.shadows,t.shadows,(e,t)=>St(t)),blur:j(t.blur,0,40)?t.blur:r.blur,active:wt(t.active,[`tint`,`solid`,`underline`])?t.active:r.active,toolbar:wt(t.toolbar,[`docked`,`floating`])?t.toolbar:r.toolbar,sidebar:wt(t.sidebar,[`docked`,`floating`])?t.sidebar:r.sidebar,intervals:wt(t.intervals,[`plain`,`segmented`])?t.intervals:r.intervals,tagRadius:j(t.tagRadius,0,999)?t.tagRadius:r.tagRadius}}function Tt(e){let t=e=>`${e}px`,n=e.radius,r=e.components,i=e.sizes,a=e.font;return{"--tcw-radius-xs":t(n.xs),"--tcw-radius-sm":t(n.sm),"--tcw-radius":t(n.md),"--tcw-radius-lg":t(n.lg),"--tcw-radius-xl":t(n.xl),"--tcw-control-radius":t(r.control),"--tcw-input-radius":t(r.input),"--tcw-menu-radius":t(r.menu),"--tcw-dialog-radius":t(r.dialog),"--tcw-panel-radius":t(r.panel),"--tcw-tooltip-radius":t(r.tooltip),"--tcw-tag-radius":t(r.tag),"--tcw-toast-radius":t(r.toast),"--tcw-toolbar-radius":t(r.toolbar),"--tcw-sidebar-radius":t(r.sidebar),"--tcw-toolbar-h":t(i.toolbar),"--tcw-control-h":t(i.control),"--tcw-control-h-sm":t(i.controlSmall),"--tcw-icon":t(i.icon),"--tcw-sidebar-w":t(i.sidebar),"--tcw-menu-item-h":t(i.menuItem),"--tcw-font":a.family,"--tcw-font-mono":a.mono,"--tcw-font-size":t(a.size),"--tcw-font-size-sm":t(a.size-1),"--tcw-font-size-xs":t(a.size-2),"--tcw-font-size-lg":t(a.size+2),"--tcw-weight":String(a.weight),"--tcw-weight-strong":String(a.strongWeight),"--tcw-label-case":a.labelCase,"--tcw-label-tracking":`${a.labelTracking}em`,"--tcw-border-w":t(e.borders.width),"--tcw-sep-w":e.borders.separators?t(Math.max(1,e.borders.width)):`0px`,"--tcw-menu-shadow":e.shadows.menu,"--tcw-dialog-shadow":e.shadows.dialog,"--tcw-tooltip-shadow":e.shadows.tooltip,"--tcw-blur":t(e.blur),"--tcw-surface-opacity":e.blur>0?`82%`:`100%`}}function P(e,t,n={}){let r=n.variables!==!1;for(let[n,i]of Object.entries(Tt(t)))r?e.style.setProperty(n,i):e.style.removeProperty(n);e.dataset.tcwUi=t.preset,e.dataset.tcwActive=t.active,e.dataset.tcwToolbar=t.toolbar,e.dataset.tcwSidebar=t.sidebar,e.dataset.tcwIntervals=t.intervals,e.dataset.tcwSeparators=t.borders.separators?`on`:`off`}var Et=class{el;indicatorsEl;drawingsEl;compareEl=null;callbacks;open=!1;constructor(e,n,r=t.t){this.t=r,this.callbacks=n,this.el=document.createElement(`div`),this.el.className=`tcw-tree-panel`,this.el.hidden=!0;let i=document.createElement(`div`);i.className=`tcw-tree-header`;let a=document.createElement(`span`);a.textContent=this.t(`objects.title`);let o=document.createElement(`button`);o.type=`button`,o.className=`tcw-tree-close`,o.setAttribute(`aria-label`,this.t(`objects.close`)),o.innerHTML=S(`x`,14),o.addEventListener(`click`,()=>this.close()),i.appendChild(a),i.appendChild(o),this.el.appendChild(i),this.indicatorsEl=this.makeSection(this.t(`objects.indicators`)),this.drawingsEl=this.makeSection(this.t(`objects.drawings`)),this.callbacks.onAddCompare&&(this.compareEl=this.makeSection(this.t(`objects.compare`),{label:this.t(`objects.addCompare`),run:()=>this.callbacks.onAddCompare?.()})),e.appendChild(this.el)}isOpen(){return this.open}toggle(){this.open?this.close():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1}close(){this.open=!1,this.el.hidden=!0}destroy(){this.el.remove()}setObjects(e,t,n=[]){this.renderIndicators(e),this.renderDrawings(t),this.renderCompares(n)}makeSection(e,t){let n=document.createElement(`div`);n.className=`tcw-tree-section`;let r=document.createElement(`div`);r.className=`tcw-tree-section-head`;let i=document.createElement(`span`);if(i.textContent=e,r.appendChild(i),t){let e=document.createElement(`button`);e.type=`button`,e.className=`tcw-tree-add`,e.setAttribute(`aria-label`,t.label),e.title=t.label,e.innerHTML=S(`plus`,13),e.addEventListener(`click`,t.run),r.appendChild(e)}let a=document.createElement(`div`);return a.className=`tcw-tree-list`,n.appendChild(r),n.appendChild(a),this.el.appendChild(n),a}renderIndicators(e){if(this.indicatorsEl.replaceChildren(),e.length===0){this.indicatorsEl.appendChild(this.emptyRow(this.t(`objects.noIndicators`)));return}for(let t of e){let e=this.row(t.name);t.visible||e.classList.add(`tcw-tree-hidden`);let n=document.createElement(`div`);n.className=`tcw-tree-actions`,this.callbacks.onToggleIndicatorVisible&&n.appendChild(this.iconButton(t.visible?`eye`:`eyeOff`,t.visible?this.t(`common.hide`):this.t(`common.show`),``,()=>this.callbacks.onToggleIndicatorVisible?.(t.instanceId,!t.visible))),this.callbacks.onConfigureIndicator&&n.appendChild(this.iconButton(`settings`,this.t(`objects.indicatorSettings`),``,()=>this.callbacks.onConfigureIndicator?.(t.instanceId))),n.appendChild(this.iconButton(`trash`,this.t(`objects.removeIndicator`),`tcw-tree-del`,()=>this.callbacks.onRemoveIndicator(t.instanceId))),e.appendChild(n),this.indicatorsEl.appendChild(e)}}renderDrawings(e){if(this.drawingsEl.replaceChildren(),e.length===0){this.drawingsEl.appendChild(this.emptyRow(this.t(`objects.noDrawings`)));return}let t=new Set;for(let n of e){if(!n.group){this.drawingsEl.appendChild(this.drawingRow(n));continue}if(t.has(n.group.id))continue;t.add(n.group.id);let r=n.group.id,i=e.filter(e=>e.group?.id===r);this.drawingsEl.appendChild(this.groupRow(r,n.group.name,i));for(let e of i){let t=this.drawingRow(e);t.classList.add(`tcw-tree-member`),this.drawingsEl.appendChild(t)}}}groupRow(e,t,n){let r=this.row(t);r.classList.add(`tcw-tree-group`);let i=n.some(e=>e.visible),a=n.every(e=>e.locked);i||r.classList.add(`tcw-tree-hidden`);let o=r.querySelector(`.tcw-tree-name`);o.innerHTML=S(`layers`,13),o.append(` ${t}`);let s=document.createElement(`div`);return s.className=`tcw-tree-actions`,this.callbacks.onRenameGroup&&(o.addEventListener(`dblclick`,()=>this.renameGroup(o,e,t)),s.appendChild(this.iconButton(`penLine`,this.t(`objects.renameGroup`),``,()=>this.renameGroup(o,e,t)))),this.callbacks.onToggleGroupVisible&&s.appendChild(this.iconButton(i?`eye`:`eyeOff`,i?this.t(`common.hide`):this.t(`common.show`),``,()=>this.callbacks.onToggleGroupVisible?.(e,!i))),this.callbacks.onToggleGroupLocked&&s.appendChild(this.iconButton(a?`lock`:`unlock`,a?this.t(`common.unlock`):this.t(`common.lock`),a?`tcw-tree-on`:``,()=>this.callbacks.onToggleGroupLocked?.(e,!a))),this.callbacks.onUngroup&&s.appendChild(this.iconButton(`x`,this.t(`drawingMenu.ungroup`),``,()=>this.callbacks.onUngroup?.(e))),r.appendChild(s),r}renameGroup(e,t,n){if(!e.isConnected)return;let r=document.createElement(`input`);r.type=`text`,r.className=`tcw-tree-rename`,r.value=n,r.maxLength=80,r.setAttribute(`aria-label`,this.t(`objects.renameGroup`));let i=!1,a=a=>{if(i)return;i=!0;let o=r.value.trim();r.isConnected&&r.replaceWith(e),a&&o&&o!==n&&this.callbacks.onRenameGroup?.(t,o)};r.addEventListener(`keydown`,e=>{e.key===`Enter`?a(!0):e.key===`Escape`&&(e.stopPropagation(),a(!1))}),r.addEventListener(`blur`,()=>a(!0)),e.replaceWith(r),r.focus(),r.select()}drawingRow(e){let t=this.row(e.label);e.visible||t.classList.add(`tcw-tree-hidden`);let n=document.createElement(`div`);return n.className=`tcw-tree-actions`,n.appendChild(this.iconButton(e.visible?`eye`:`eyeOff`,e.visible?this.t(`common.hide`):this.t(`common.show`),``,()=>this.callbacks.onToggleDrawingVisible(e.id,!e.visible))),n.appendChild(this.iconButton(e.locked?`lock`:`unlock`,e.locked?this.t(`common.unlock`):this.t(`common.lock`),e.locked?`tcw-tree-on`:``,()=>this.callbacks.onToggleDrawingLocked(e.id,!e.locked))),this.callbacks.onConfigureDrawing&&n.appendChild(this.iconButton(`settings`,this.t(`objects.drawingSettings`),``,()=>this.callbacks.onConfigureDrawing?.(e.id))),n.appendChild(this.iconButton(`trash`,this.t(`objects.removeDrawing`),`tcw-tree-del`,()=>this.callbacks.onRemoveDrawing(e.id))),t.appendChild(n),t}renderCompares(e){if(this.compareEl){if(this.compareEl.replaceChildren(),e.length===0){this.compareEl.appendChild(this.emptyRow(this.t(`objects.noComparisons`)));return}for(let t of e){let e=this.row(t.label),n=document.createElement(`span`);n.className=`tcw-tree-dot`,n.style.background=t.color,e.insertBefore(n,e.firstChild),this.callbacks.onRemoveCompare&&e.appendChild(this.iconButton(`trash`,this.t(`objects.removeComparison`),`tcw-tree-del`,()=>this.callbacks.onRemoveCompare?.(t.id))),this.compareEl.appendChild(e)}}}row(e){let t=document.createElement(`div`);t.className=`tcw-tree-row`;let n=document.createElement(`span`);return n.className=`tcw-tree-name`,n.textContent=e,n.title=e,t.appendChild(n),t}emptyRow(e){let t=document.createElement(`div`);return t.className=`tcw-tree-empty`,t.textContent=e,t}iconButton(e,t,n,r){let i=document.createElement(`button`);return i.type=`button`,i.className=`tcw-tree-btn ${n}`.trim(),i.setAttribute(`aria-label`,t),i.title=t,i.innerHTML=S(e,14),i.addEventListener(`click`,r),i}},Dt={trendLine:`Trend Line`,ray:`Ray`,extendedLine:`Extended Line`,horizontalLine:`Horizontal Line`,horizontalRay:`Horizontal Ray`,crossLine:`Cross Line`,infoLine:`Info Line`,trendAngle:`Trend Angle`,circle:`Circle`,fibChannel:`Fib Channel`,fibSpeedResistanceFan:`Fib Speed Resistance Fan`,schiffPitchfork:`Schiff Pitchfork`,modifiedSchiffPitchfork:`Modified Schiff Pitchfork`,xabcdPattern:`XABCD Pattern`,abcdPattern:`ABCD Pattern`,headAndShoulders:`Head and Shoulders`,dateAndPriceRange:`Date and Price Range`,cyclicLines:`Cyclic Lines`,priceLabel:`Price Label`,verticalLine:`Vertical Line`,rectangle:`Rectangle`,ellipse:`Ellipse`,triangle:`Triangle`,arrow:`Arrow`,parallelChannel:`Parallel Channel`,regressionChannel:`Regression Channel`,pitchfork:`Pitchfork`,fibRetracement:`Fib Retracement`,fibExtension:`Fib Extension`,fibTimeZones:`Fib Time Zones`,gannBox:`Gann Box`,gannFan:`Gann Fan`,elliottWave:`Elliott Wave`,priceRange:`Price Range`,dateRange:`Date Range`,measure:`Measure`,text:`Text`,textAnnotation:`Text`,anchoredVWAP:`Anchored VWAP`,volumeProfileRange:`Volume Profile`,riskReward:`Long/Short Position`};function Ot(e,t){let n=`tool.${e}`,r=t?.(n);return r&&r!==n?r:Dt[e]??e}var kt=`button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`;function F(e,t){if(e.key!==`Tab`)return;let n=[...t.querySelectorAll(kt)].filter(e=>e.getClientRects().length>0||e===document.activeElement);if(n.length===0)return;let r=n[0],i=n[n.length-1],a=document.activeElement;e.shiftKey&&(a===r||!t.contains(a))?(e.preventDefault(),i.focus()):!e.shiftKey&&(a===i||!t.contains(a))&&(e.preventDefault(),r.focus())}var At=1,jt=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/,Mt=[1,1.5,2,3,4];function Nt(e){return e.replace(/_/g,` `).replace(/([a-z0-9])([A-Z])/g,`$1 $2`).replace(/^./,e=>e.toUpperCase())}var Pt=class{backdrop;modal;bodyEl;titleEl;tabsEl;resetBtn;callbacks;target=null;draft={};colors=[];levels=[];tab=`inputs`;tabButtons=[];returnFocus=null;uid=At++;t;constructor(e,n,r){this.callbacks=n,this.t=r??(e=>t.c[e]),this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.hidden=!0,this.backdrop.addEventListener(`click`,e=>{e.target===this.backdrop&&this.close()}),this.modal=document.createElement(`div`),this.modal.className=`tcw-modal tcw-modal-narrow`,this.modal.setAttribute(`role`,`dialog`),this.modal.setAttribute(`aria-modal`,`true`),this.modal.setAttribute(`aria-labelledby`,`tcw-indi-title-${this.uid}`),this.modal.tabIndex=-1,this.modal.addEventListener(`keydown`,e=>this.onKeyDown(e));let i=document.createElement(`div`);i.className=`tcw-modal-header`,this.titleEl=document.createElement(`h3`),this.titleEl.id=`tcw-indi-title-${this.uid}`,this.titleEl.textContent=`Indicator`;let a=document.createElement(`button`);a.type=`button`,a.className=`tcw-modal-close`,a.setAttribute(`aria-label`,this.t(`indicatorSettings.close`)),a.innerHTML=S(`x`,16),a.addEventListener(`click`,()=>this.close()),i.append(this.titleEl,a),this.tabsEl=document.createElement(`div`),this.tabsEl.className=`tcw-modal-tabs`,this.tabsEl.setAttribute(`role`,`tablist`),this.tabsEl.addEventListener(`keydown`,e=>this.onTabKey(e)),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-modal-body`,this.bodyEl.id=`tcw-indi-panel-${this.uid}`,this.bodyEl.setAttribute(`role`,`tabpanel`);let o=document.createElement(`div`);o.className=`tcw-modal-footer`,this.resetBtn=document.createElement(`button`),this.resetBtn.type=`button`,this.resetBtn.className=`tcw-reset-link`,this.resetBtn.textContent=this.t(`settings.resetToDefaults`),this.resetBtn.addEventListener(`click`,()=>this.resetTab());let s=document.createElement(`button`);s.type=`button`,s.className=`tcw-done-btn`,s.textContent=this.t(`settings.done`),s.addEventListener(`click`,()=>this.close()),o.append(this.resetBtn,s),this.modal.append(i,this.tabsEl,this.bodyEl,o),this.backdrop.appendChild(this.modal),e.appendChild(this.backdrop)}open(e){this.backdrop.hidden&&(this.returnFocus=document.activeElement instanceof HTMLElement?document.activeElement:null),this.target=e,this.titleEl.textContent=this.t(`indicatorSettings.title`).replace(`{name}`,e.name),this.draft={},this.colors=[...e.colors??[]],this.levels=[...e.levels??[]],this.tab=`inputs`,this.renderTabs(),this.renderBody(),this.backdrop.hidden=!1;let t=this.tabsEl.hidden?null:this.tabButtons[0]??null;(this.bodyEl.querySelector(`button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`)??t??this.modal).focus()}close(){let e=document.activeElement;(e instanceof HTMLInputElement||e instanceof HTMLSelectElement)&&this.modal.contains(e)&&e.dispatchEvent(new Event(`change`)),this.backdrop.hidden=!0,this.target=null,this.callbacks.onClose(),this.returnFocus?.isConnected&&this.returnFocus.focus(),this.returnFocus=null}isOpen(){return!this.backdrop.hidden}destroy(){this.backdrop.remove()}tabs(){let e=this.target;if(!e)return[];let t=[`inputs`];return e.plots?.length&&e.colors&&this.callbacks.onStyle&&t.push(`style`),e.levels&&this.callbacks.onLevels&&t.push(`levels`),t}renderTabs(){let e=this.tabs();this.tabsEl.hidden=e.length<2,this.tabButtons=e.map(e=>{let t=document.createElement(`button`);return t.type=`button`,t.className=`tcw-modal-tab`,t.id=`tcw-indi-tab-${this.uid}-${e}`,t.setAttribute(`role`,`tab`),t.setAttribute(`aria-controls`,this.bodyEl.id),t.dataset.tab=e,t.textContent=this.t(`indicatorSettings.tab.${e}`),t.addEventListener(`click`,()=>this.selectTab(e)),t}),this.tabsEl.replaceChildren(...this.tabButtons),this.markTabs()}markTabs(){for(let e of this.tabButtons){let t=e.dataset.tab===this.tab;e.classList.toggle(`tcw-active`,t),e.setAttribute(`aria-selected`,String(t)),e.tabIndex=t?0:-1,t&&this.bodyEl.setAttribute(`aria-labelledby`,e.id)}}selectTab(e,t=!1){this.tab=e,this.markTabs(),this.renderBody(),t&&this.tabButtons.find(t=>t.dataset.tab===e)?.focus()}onTabKey(e){let t=this.tabButtons.map(e=>e.dataset.tab),n=t.indexOf(this.tab),r=e.key===`ArrowRight`?(n+1)%t.length:e.key===`ArrowLeft`?(n-1+t.length)%t.length:e.key===`Home`?0:e.key===`End`?t.length-1:-1;r<0||t.length===0||(e.preventDefault(),this.selectTab(t[r],!0))}onKeyDown(e){if(e.key===`Escape`){e.preventDefault(),e.stopPropagation(),this.close();return}F(e,this.modal)}renderBody(){if(this.bodyEl.replaceChildren(),!this.target)return;let e=document.createElement(`div`);e.className=`tcw-settings-section`,this.tab===`style`?this.renderStyle(e):this.tab===`levels`?this.renderLevels(e):this.renderInputs(e),this.resetBtn.hidden=this.tab===`style`,this.bodyEl.appendChild(e)}currentValue(e){if(e in this.draft)return this.draft[e];let t=this.target?.params[e],n=this.target?.defaults[e];return t??n}setValue(e,t){this.target&&(this.draft[e]=t,this.callbacks.onApply(this.target.instanceId,{...this.draft}))}renderInputs(e){let t=Object.keys(this.target.defaults);if(t.length===0){e.appendChild(this.note(this.t(`indicatorSettings.noInputs`)));return}for(let n of t)e.appendChild(this.fieldRow(n))}fieldRow(e){let t=this.target?.inputs?.[e],n=this.currentValue(e),r=typeof(this.target?.defaults[e]??n),i;return i=t?.source?this.sourceControl(e,String(n??`close`)):t?.options?this.choiceControl(e,t.options,n):r===`boolean`?this.toggleControl(e,!!n):r===`number`?this.numberControl(e,Number(n),t):typeof n==`string`&&jt.test(n)?this.colorInput(n,t=>this.setValue(e,t)):this.textControl(e,String(n??``)),this.row(t?.label??Nt(e),i)}sourceControl(e,t){let r=document.createElement(`select`);r.className=`tcw-indi-input tcw-indi-select`;let i=document.createElement(`optgroup`);i.label=this.t(`indicatorSettings.source.prices`);for(let e of n.PRICE_SOURCES)i.appendChild(this.option(e,e));r.appendChild(i);let a=this.target?.lineSources??[];if(a.length){let e=document.createElement(`optgroup`);e.label=this.t(`indicatorSettings.source.indicators`);for(let t of a)e.appendChild(this.option(t.value,t.label));r.appendChild(e)}return r.value=t,r.value!==t&&(r.value=`close`),r.addEventListener(`change`,()=>this.setValue(e,r.value)),r}choiceControl(e,t,n){let r=document.createElement(`select`);r.className=`tcw-indi-input tcw-indi-select`;for(let e of t)r.appendChild(this.option(String(e),String(e)));return r.value=String(n),r.addEventListener(`change`,()=>{let n=t.find(e=>String(e)===r.value);n!==void 0&&this.setValue(e,n)}),r}toggleControl(e,t){let n=document.createElement(`button`);return n.type=`button`,n.className=`tcw-toggle${t?` tcw-on`:``}`,n.setAttribute(`role`,`switch`),n.setAttribute(`aria-checked`,String(t)),n.addEventListener(`click`,()=>{let t=!n.classList.contains(`tcw-on`);n.classList.toggle(`tcw-on`,t),n.setAttribute(`aria-checked`,String(t)),this.setValue(e,t)}),n}numberControl(e,t,n){let r=document.createElement(`input`);return r.type=`number`,r.className=`tcw-indi-input`,r.value=String(t),r.step=String(n?.step??(Number.isInteger(t)?1:.1)),n?.min!==void 0&&(r.min=String(n.min)),n?.max!==void 0&&(r.max=String(n.max)),r.addEventListener(`change`,()=>{let t=Number(r.value);Number.isFinite(t)&&(n?.min!==void 0&&(t=Math.max(n.min,t)),n?.max!==void 0&&(t=Math.min(n.max,t)),r.value=String(t),this.setValue(e,t))}),r}textControl(e,t){let n=document.createElement(`input`);return n.type=`text`,n.className=`tcw-indi-input`,n.value=t,n.addEventListener(`change`,()=>this.setValue(e,n.value)),n}renderStyle(e){let t=this.target,n=new Map,r=(e,t)=>{let r=n.get(e)??[];r.includes(t)||r.push(t),n.set(e,r)};for(let e of t.plots??[]){let t=e.tone!==void 0&&e.downColor!==void 0;r(e.color,t?`${e.title} ${this.t(`indicatorSettings.up`)}`:e.title),t&&r(e.downColor,`${e.title} ${this.t(`indicatorSettings.down`)}`)}for(let[r,i]of[...n].sort((e,t)=>e[0]-t[0])){let n=this.colors[r]??this.colors[0]??`#4c8dff`;e.appendChild(this.row(i.join(` · `),this.colorInput(n,e=>{let n=[...this.colors];for(;n.length<=r;)n.push(n[0]??e);n[r]=e,this.colors=n,this.callbacks.onStyle?.(t.instanceId,{colors:[...n]})})))}let i=document.createElement(`select`);i.className=`tcw-indi-input tcw-indi-select`;for(let e of Mt)i.appendChild(this.option(String(e),`${e} px`));if(i.value=String(t.lineWidth??1.5),i.addEventListener(`change`,()=>this.callbacks.onStyle?.(t.instanceId,{lineWidths:[Number(i.value)]})),e.appendChild(this.row(this.t(`indicatorSettings.lineWidth`),i)),t.scale&&this.callbacks.onScale){let n=document.createElement(`select`);n.className=`tcw-indi-input tcw-indi-select`,n.appendChild(this.option(`right`,this.t(`indicatorSettings.scale.right`))),n.appendChild(this.option(`left`,this.t(`indicatorSettings.scale.left`))),n.value=t.scale,n.addEventListener(`change`,()=>{let e=n.value===`left`?`left`:`right`;this.target={...t,scale:e},this.callbacks.onScale?.(t.instanceId,e)}),e.appendChild(this.row(this.t(`indicatorSettings.scale`),n))}}renderLevels(e){this.levels.length===0&&e.appendChild(this.note(this.t(`indicatorSettings.noLevels`))),this.levels.forEach((t,n)=>{let r=document.createElement(`input`);r.type=`number`,r.className=`tcw-indi-input`,r.id=`tcw-indi-level-${this.uid}-${n}`,r.value=String(t),r.step=`any`,r.addEventListener(`change`,()=>{let e=Number(r.value);!Number.isFinite(e)||r.value.trim()===``||(this.levels=this.levels.map((t,r)=>r===n?e:t),this.applyLevels())});let i=document.createElement(`button`);i.type=`button`,i.className=`tcw-indi-remove`,i.innerHTML=S(`x`,12);let a=this.t(`indicatorSettings.removeLevel`);i.title=a,i.setAttribute(`aria-label`,`${a} ${n+1}`),i.addEventListener(`click`,()=>{this.levels=this.levels.filter((e,t)=>t!==n),this.applyLevels(),this.renderBody(),(this.bodyEl.querySelectorAll(`.tcw-indi-remove`)[n]??this.bodyEl.querySelector(`.tcw-indi-add`))?.focus()});let o=document.createElement(`span`);o.className=`tcw-indi-level`,o.append(r,i);let s=document.createElement(`div`);s.className=`tcw-settings-row`;let c=document.createElement(`label`);c.className=`tcw-settings-label`,c.htmlFor=r.id,c.textContent=`${this.t(`indicatorSettings.level`)} ${n+1}`,s.append(c,o),e.appendChild(s)});let t=document.createElement(`button`);t.type=`button`,t.className=`tcw-reset-link tcw-indi-add`,t.textContent=`+ ${this.t(`indicatorSettings.addLevel`)}`,t.addEventListener(`click`,()=>{let e=this.levels[this.levels.length-1];this.levels=[...this.levels,e===void 0?0:e+10],this.applyLevels(),this.renderBody();let t=this.bodyEl.querySelectorAll(`.tcw-indi-level input`);t[t.length-1]?.focus()}),e.appendChild(t)}applyLevels(){this.target&&this.callbacks.onLevels?.(this.target.instanceId,[...this.levels])}resetTab(){let e=this.target;if(e){if(this.tab===`levels`)this.levels=[...e.defaultLevels??[]],this.callbacks.onLevels?.(e.instanceId,null);else{let t={};for(let[n,r]of Object.entries(e.defaults))t[n]=r;this.draft=t,this.callbacks.onApply(e.instanceId,{...t})}this.renderBody()}}row(e,t){let n=document.createElement(`label`);n.className=`tcw-settings-row`;let r=document.createElement(`span`);return r.className=`tcw-settings-label`,r.textContent=e,n.append(r,t),n}note(e){let t=document.createElement(`div`);return t.className=`tcw-settings-label`,t.textContent=e,t}option(e,t){let n=document.createElement(`option`);return n.value=e,n.textContent=t,n}colorInput(e,t){let n=document.createElement(`input`);return n.type=`color`,n.className=`tcw-indi-color`,n.value=Ft(e),n.addEventListener(`input`,()=>t(n.value)),n}};function Ft(e){let t=e.trim();if(/^#[0-9a-f]{6}$/i.test(t))return t.toLowerCase();if(/^#[0-9a-f]{3}$/i.test(t))return`#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`.toLowerCase();let n=/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/i.exec(t);return n?`#${[n[1],n[2],n[3]].map(e=>Math.min(255,Number(e)).toString(16).padStart(2,`0`)).join(``)}`:`#000000`}function It(){try{return typeof localStorage<`u`?localStorage:null}catch{return null}}var Lt=80;function Rt(e){let{text:t,...r}=(0,n.sanitizeDrawingStyle)(e);return r}function zt(e){let t={name:e.name,style:{...e.style}};return e.type&&(t.type=e.type),e.options&&(t.options=structuredClone(e.options)),t}var Bt=class{templates=[];constructor(e=`tcw:draw-templates`,t=It()){this.storageKey=e,this.storage=t,this.load()}list(e){return this.templates.filter(t=>!t.type||t.type===e).map(zt)}get(e,t){let n=this.templates.find(n=>n.name===e&&n.type===t);return n?zt(n):null}save(e,t,n){let r=e.trim().slice(0,Lt);if(!r)return;let i={name:r,style:Rt(t)};n&&(i.type=n.type,i.options=structuredClone(n.options)),this.templates=this.templates.filter(e=>!(e.name===r&&e.type===i.type)),this.templates.push(i),this.persist()}remove(e,t){this.templates=this.templates.filter(n=>!(n.name===e&&n.type===t)),this.persist()}clear(){this.templates=[],this.persist()}load(){if(this.storage)try{let e=this.storage.getItem(this.storageKey);if(!e)return;let t=JSON.parse(e);if(!Array.isArray(t))return;this.templates=t.filter(e=>e&&typeof e.name==`string`&&e.name.trim()!==``).map(e=>{let t={name:e.name.trim().slice(0,Lt),style:Rt(e.style)};return typeof e.type==`string`&&(t.type=e.type),e.options&&typeof e.options==`object`&&!Array.isArray(e.options)&&(t.options=e.options),t})}catch{}}persist(){if(this.storage)try{this.storage.setItem(this.storageKey,JSON.stringify(this.templates))}catch{}}},Vt=class{defaults={};constructor(e=`tcw:drawing-defaults`,t=It()){this.storageKey=e,this.storage=t;try{let e=this.storage?.getItem(this.storageKey),t=e?JSON.parse(e):null;if(t&&typeof t==`object`&&!Array.isArray(t))for(let[e,n]of Object.entries(t))n&&typeof n==`object`&&!Array.isArray(n)&&(this.defaults[e]=n)}catch{}}all(){return structuredClone(this.defaults)}set(e,t){t&&Object.keys(t).length>0?this.defaults[e]=structuredClone(t):delete this.defaults[e];try{this.storage?.setItem(this.storageKey,JSON.stringify(this.defaults))}catch{}}},Ht=[`#4c8dff`,`#1fa874`,`#e8505b`,`#f2a93b`,`#a57cff`,`#1398a8`,`#ffffff`,`#7d8696`],Ut=[1,2,3,4],Wt=[`solid`,`dashed`,`dotted`],Gt=class{el;templatesEl;nameInput;callbacks;store;open=!1;constructor(e,n,r,i=t.t){this.t=i,this.callbacks=n,this.store=r,this.el=document.createElement(`div`),this.el.className=`tcw-style-panel`,this.el.hidden=!0;let a=document.createElement(`div`);a.className=`tcw-style-header`;let o=document.createElement(`span`);o.textContent=this.t(`drawingStyle.title`);let s=document.createElement(`button`);s.type=`button`,s.className=`tcw-style-close`,s.setAttribute(`aria-label`,this.t(`common.close`)),s.innerHTML=S(`x`,14),s.addEventListener(`click`,()=>this.close()),a.appendChild(o),a.appendChild(s),this.el.appendChild(a),this.el.appendChild(this.colorRow()),this.el.appendChild(this.widthRow()),this.el.appendChild(this.lineStyleRow());let c=document.createElement(`div`);c.className=`tcw-style-subhead`,c.textContent=this.t(`drawingStyle.templates`),this.el.appendChild(c);let l=document.createElement(`div`);l.className=`tcw-style-save`,this.nameInput=document.createElement(`input`),this.nameInput.type=`text`,this.nameInput.placeholder=this.t(`drawingStyle.templateName`),this.nameInput.className=`tcw-style-name`;let u=document.createElement(`button`);u.type=`button`,u.className=`tcw-style-savebtn`,u.innerHTML=`${S(`plus`,13)}<span>${w(this.t(`common.save`))}</span>`,u.addEventListener(`click`,()=>this.saveTemplate()),l.appendChild(this.nameInput),l.appendChild(u),this.el.appendChild(l),this.templatesEl=document.createElement(`div`),this.templatesEl.className=`tcw-style-templates`,this.el.appendChild(this.templatesEl),e.appendChild(this.el),this.renderTemplates()}isOpen(){return this.open}toggle(){this.open?this.close():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1,this.syncActiveControls(),this.renderTemplates()}close(){this.open=!1,this.el.hidden=!0}destroy(){this.el.remove()}colorRow(){let e=document.createElement(`div`);e.className=`tcw-style-row tcw-style-colors`;for(let t of Ht){let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-style-swatch`,n.style.background=t,n.dataset.color=t,n.setAttribute(`aria-label`,t),n.addEventListener(`click`,()=>this.applyStyle({color:t})),e.appendChild(n)}let t=document.createElement(`input`);return t.type=`color`,t.className=`tcw-style-picker`,t.addEventListener(`input`,()=>this.applyStyle({color:t.value})),e.appendChild(t),e}widthRow(){let e=document.createElement(`div`);e.className=`tcw-style-row tcw-style-widths`;for(let t of Ut){let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-style-width`,n.dataset.width=String(t);let r=document.createElement(`span`);r.style.height=`${t}px`,n.appendChild(r),n.addEventListener(`click`,()=>this.applyStyle({lineWidth:t})),e.appendChild(n)}return e}lineStyleRow(){let e=document.createElement(`div`);e.className=`tcw-style-row tcw-style-dashes`;for(let t of Wt){let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-style-dash`,n.dataset.linestyle=t,n.textContent=t===`solid`?`──`:t===`dashed`?`╌╌`:`┄┄`,n.title=t,n.addEventListener(`click`,()=>this.applyStyle({lineStyle:t})),e.appendChild(n)}return e}applyStyle(e){this.callbacks.onStyleChange(e),this.syncActiveControls()}syncActiveControls(){let e=this.callbacks.getStyle();this.el.querySelectorAll(`.tcw-style-swatch`).forEach(t=>{t.classList.toggle(`tcw-on`,t.dataset.color?.toLowerCase()===e.color?.toLowerCase())}),this.el.querySelectorAll(`.tcw-style-width`).forEach(t=>{t.classList.toggle(`tcw-on`,Number(t.dataset.width)===e.lineWidth)}),this.el.querySelectorAll(`.tcw-style-dash`).forEach(t=>{t.classList.toggle(`tcw-on`,t.dataset.linestyle===e.lineStyle)})}saveTemplate(){let e=this.nameInput.value.trim();e&&(this.store.save(e,this.callbacks.getStyle()),this.nameInput.value=``,this.renderTemplates())}renderTemplates(){this.templatesEl.replaceChildren();let e=this.store.list();if(e.length===0){let e=document.createElement(`div`);e.className=`tcw-style-empty`,e.textContent=this.t(`drawingStyle.noTemplates`),this.templatesEl.appendChild(e);return}for(let t of e){let e=document.createElement(`div`);e.className=`tcw-style-template`;let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-style-apply`;let r=document.createElement(`span`);r.className=`tcw-style-tdot`,r.style.background=t.style.color??`var(--tcw-text-muted)`;let i=document.createElement(`span`);i.textContent=t.name,n.appendChild(r),n.appendChild(i),n.addEventListener(`click`,()=>{this.callbacks.onStyleChange({...t.style}),this.syncActiveControls()});let a=document.createElement(`button`);a.type=`button`,a.className=`tcw-style-tdel`,a.setAttribute(`aria-label`,this.t(`drawingStyle.deleteTemplate`)),a.innerHTML=S(`trash`,13),a.addEventListener(`click`,()=>{this.store.remove(t.name),this.renderTemplates()}),e.appendChild(n),e.appendChild(a),this.templatesEl.appendChild(e)}}};function I(e,t){let n=document.createElement(`label`);n.className=`tcw-settings-row`;let r=document.createElement(`span`);return r.className=`tcw-settings-label`,r.textContent=e,n.append(r,t),n}function Kt(e,t){let n=document.createElement(`button`);return n.type=`button`,n.className=`tcw-toggle${e?` tcw-on`:``}`,n.setAttribute(`role`,`switch`),n.setAttribute(`aria-checked`,String(e)),n.addEventListener(`click`,()=>{let e=!n.classList.contains(`tcw-on`);n.classList.toggle(`tcw-on`,e),n.setAttribute(`aria-checked`,String(e)),t(e)}),n}function L(e,t,n){let r=document.createElement(`input`);return r.type=`number`,r.className=`tcw-indi-input`,r.value=String(e),r.step=String(t.step??(Number.isInteger(e)?1:.001)),t.min!==void 0&&(r.min=String(t.min)),t.max!==void 0&&(r.max=String(t.max)),r.addEventListener(`change`,()=>{if(r.value.trim()===``)return;let e=Number(r.value);Number.isFinite(e)&&(t.min!==void 0&&(e=Math.max(t.min,e)),t.max!==void 0&&(e=Math.min(t.max,e)),r.value=String(e),n(e))}),r}function qt(e,t){let n=document.createElement(`input`);return n.type=`color`,n.className=`tcw-indi-color`,n.value=Jt(e),n.addEventListener(`input`,()=>t(n.value)),n}function R(e,t,n){let r=document.createElement(`select`);r.className=`tcw-indi-input tcw-indi-select`;for(let t of e){let e=document.createElement(`option`);e.value=t.value,e.textContent=t.label,r.appendChild(e)}return r.value=t,r.addEventListener(`change`,()=>n(r.value)),r}function Jt(e){if(typeof e!=`string`)return`#000000`;let t=e.trim();if(/^#[0-9a-f]{6}$/i.test(t))return t.toLowerCase();if(/^#[0-9a-f]{3}$/i.test(t))return`#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`.toLowerCase();let n=/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/i.exec(t);return n?`#${[n[1],n[2],n[3]].map(e=>Math.min(255,Number(e)).toString(16).padStart(2,`0`)).join(``)}`:`#000000`}function Yt(e){if(typeof e!=`string`)return 1;let t=/^rgba\([^)]*,\s*([\d.]+)\s*\)$/i.exec(e.trim());return t?Math.max(0,Math.min(1,Number(t[1]))):1}function Xt(e,t){let n=Jt(e),[r,i,a]=[1,3,5].map(e=>parseInt(n.slice(e,e+2),16));return`rgba(${r}, ${i}, ${a}, ${Math.round(t*100)/100})`}var Zt=12,Qt=[1,2,3,4],$t=[`solid`,`dashed`,`dotted`],en=[10,11,12,14,16,18,20,24,28,32],tn=48,nn=1,rn=class{backdrop;modal;titleEl;tabsEl;bodyEl;footerLeft;tabButtons=[];target=null;style;options={};anchors=[];tab=`style`;returnFocus=null;uid=nn++;constructor(e,n,r=t.t){this.callbacks=n,this.t=r,this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.hidden=!0;let i=!1;this.backdrop.addEventListener(`pointerdown`,e=>{i=e.target===this.backdrop}),this.backdrop.addEventListener(`click`,e=>{e.target===this.backdrop&&i&&this.close(!0),i=!1}),this.modal=document.createElement(`div`),this.modal.className=`tcw-modal tcw-modal-narrow tcw-drawing-settings`,this.modal.setAttribute(`role`,`dialog`),this.modal.setAttribute(`aria-modal`,`true`),this.modal.setAttribute(`aria-labelledby`,`tcw-draw-title-${this.uid}`),this.modal.tabIndex=-1,this.modal.addEventListener(`keydown`,e=>this.onKeyDown(e));let a=document.createElement(`div`);a.className=`tcw-modal-header`,this.titleEl=document.createElement(`h3`),this.titleEl.id=`tcw-draw-title-${this.uid}`;let o=document.createElement(`button`);o.type=`button`,o.className=`tcw-modal-close`,o.setAttribute(`aria-label`,this.t(`common.close`)),o.innerHTML=S(`x`,16),o.addEventListener(`click`,()=>this.close(!0)),a.append(this.titleEl,o),this.tabsEl=document.createElement(`div`),this.tabsEl.className=`tcw-modal-tabs`,this.tabsEl.setAttribute(`role`,`tablist`),this.tabsEl.addEventListener(`keydown`,e=>this.onTabKey(e)),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-modal-body`,this.bodyEl.id=`tcw-draw-panel-${this.uid}`,this.bodyEl.setAttribute(`role`,`tabpanel`);let s=document.createElement(`div`);s.className=`tcw-modal-footer`,this.footerLeft=document.createElement(`div`),this.footerLeft.className=`tcw-drawing-settings-tools`;let c=document.createElement(`button`);c.type=`button`,c.className=`tcw-reset-link`,c.textContent=this.t(`common.cancel`),c.addEventListener(`click`,()=>this.close(!0));let l=document.createElement(`button`);l.type=`button`,l.className=`tcw-done-btn`,l.textContent=this.t(`drawingSettings.ok`),l.addEventListener(`click`,()=>this.close(!1)),s.append(this.footerLeft,c,l),this.modal.append(a,this.tabsEl,this.bodyEl,s),this.backdrop.appendChild(this.modal),e.appendChild(this.backdrop)}open(e){this.target&&this.close(!1),this.returnFocus=document.activeElement instanceof HTMLElement?document.activeElement:null,this.target=e,this.style={...e.style},this.options=structuredClone(e.options),this.anchors=e.anchors.map(e=>({...e})),this.titleEl.textContent=e.name,this.tab=`style`,this.callbacks.onBegin(e.id);try{this.renderTabs(),this.renderBody()}catch(t){throw this.target=null,this.callbacks.onEnd(e.id,!0),t}this.backdrop.hidden=!1,(this.tabButtons[0]??this.modal).focus()}close(e){let t=this.target;if(!t)return;let n=document.activeElement;!e&&(n instanceof HTMLInputElement||n instanceof HTMLTextAreaElement)&&this.modal.contains(n)&&n.dispatchEvent(new Event(`change`)),this.target=null,this.backdrop.hidden=!0,this.callbacks.onEnd(t.id,e),this.returnFocus?.isConnected&&this.returnFocus.focus(),this.returnFocus=null}isOpen(){return this.target!==null}editing(){return this.target?.id??null}destroy(){this.close(!0),this.backdrop.remove()}tabs(){let e=[`style`];return this.target&&Object.keys(this.target.defs).length>0&&e.push(`options`),this.target&&this.target.anchors.length<=Zt&&e.push(`coordinates`),e}renderTabs(){this.tabButtons=this.tabs().map(e=>{let t=document.createElement(`button`);return t.type=`button`,t.className=`tcw-modal-tab`,t.id=`tcw-draw-tab-${this.uid}-${e}`,t.setAttribute(`role`,`tab`),t.setAttribute(`aria-controls`,this.bodyEl.id),t.dataset.tab=e,t.textContent=this.t(`drawingSettings.tab.${e}`),t.addEventListener(`click`,()=>this.selectTab(e)),t}),this.tabsEl.replaceChildren(...this.tabButtons),this.markTabs()}markTabs(){for(let e of this.tabButtons){let t=e.dataset.tab===this.tab;e.classList.toggle(`tcw-active`,t),e.setAttribute(`aria-selected`,String(t)),e.tabIndex=t?0:-1,t&&this.bodyEl.setAttribute(`aria-labelledby`,e.id)}}selectTab(e,t=!1){this.tab=e,this.markTabs(),this.renderBody(),t&&this.tabButtons.find(t=>t.dataset.tab===e)?.focus()}onTabKey(e){let t=this.tabButtons.map(e=>e.dataset.tab),n=t.indexOf(this.tab),r=e.key===`ArrowRight`?(n+1)%t.length:e.key===`ArrowLeft`?(n-1+t.length)%t.length:e.key===`Home`?0:e.key===`End`?t.length-1:-1;r<0||(e.preventDefault(),this.selectTab(t[r],!0))}onKeyDown(e){if(e.key===`Escape`){e.preventDefault(),e.stopPropagation(),this.close(!0);return}F(e,this.modal)}renderBody(){if(this.bodyEl.replaceChildren(),this.footerLeft.replaceChildren(),!this.target)return;if(this.target.alertable&&this.callbacks.onAddAlert){let e=document.createElement(`button`);e.type=`button`,e.className=`tcw-reset-link tcw-drawing-alert`,e.innerHTML=`${S(`bell`,13)}<span></span>`,e.querySelector(`span`).textContent=this.t(`drawingSettings.addAlert`),e.addEventListener(`click`,()=>this.callbacks.onAddAlert?.(this.target.id)),this.footerLeft.appendChild(e)}let e=document.createElement(`div`);e.className=`tcw-settings-section`,this.tab===`options`?this.renderOptions(e):this.tab===`coordinates`?this.renderCoordinates(e):this.renderStyle(e),this.bodyEl.appendChild(e)}change(e){this.target&&this.callbacks.onChange(this.target.id,e)}setStyle(e){this.style={...this.style,...e},this.change({style:e})}setOptions(e){this.options={...this.options,...structuredClone(e)},this.change({options:e})}renderStyle(e){let t=this.target;e.appendChild(I(this.t(`drawingSettings.color`),qt(this.style.color,e=>this.setStyle({color:e})))),e.appendChild(I(this.t(`drawingSettings.lineWidth`),R(Qt.map(e=>({value:String(e),label:`${e} px`})),String(this.style.lineWidth),e=>this.setStyle({lineWidth:Number(e)})))),e.appendChild(I(this.t(`drawingSettings.lineStyle`),R($t.map(e=>({value:e,label:this.t(`drawingSettings.lineStyle.${e}`)})),this.style.lineStyle,e=>this.setStyle({lineStyle:e})))),t.fill&&this.renderFill(e),t.text&&this.renderText(e),this.callbacks.templates&&this.renderTemplates(e)}renderFill(e){let t=this.style.fillColor??Xt(this.style.color,.1),n=Jt(t),r=Yt(t),i=()=>this.setStyle({fillColor:Xt(n,r),fillOpacity:r});e.appendChild(I(this.t(`drawingSettings.fill`),qt(n,e=>{n=e,i()}))),e.appendChild(I(this.t(`drawingSettings.opacity`),L(Math.round(r*100),{min:0,max:100,step:5},e=>{r=e/100,i()})))}renderText(e){let t=document.createElement(`textarea`);t.className=`tcw-indi-input tcw-drawing-text`,t.rows=3,t.value=this.style.text??``,t.addEventListener(`input`,()=>this.setStyle({text:t.value})),e.appendChild(I(this.t(`drawingSettings.text`),t)),e.appendChild(I(this.t(`drawingSettings.fontSize`),R(en.map(e=>({value:String(e),label:`${e} px`})),String(this.style.fontSize??12),e=>this.setStyle({fontSize:Number(e)}))))}renderTemplates(e){let t=this.callbacks.templates,r=this.target,i=document.createElement(`div`);i.className=`tcw-style-subhead`,i.textContent=this.t(`drawingStyle.templates`),e.appendChild(i);let a=document.createElement(`div`);a.className=`tcw-drawing-templates`;let o=t.list(r.type);if(o.length===0){let e=document.createElement(`div`);e.className=`tcw-settings-label`,e.textContent=this.t(`drawingStyle.noTemplates`),a.appendChild(e)}for(let e of o){let i=document.createElement(`div`);i.className=`tcw-style-tmpl`;let o=document.createElement(`button`);o.type=`button`,o.className=`tcw-style-tmpl-apply`,o.textContent=e.name,o.addEventListener(`click`,()=>{this.setStyle(e.style),e.options&&this.setOptions((0,n.sanitizeDrawingOptions)(r.defs,e.options)),this.renderBody()});let s=document.createElement(`button`);s.type=`button`,s.className=`tcw-style-tmpl-del`,s.setAttribute(`aria-label`,this.t(`drawingStyle.deleteTemplate`)),s.innerHTML=S(`x`,12),s.addEventListener(`click`,()=>{t.remove(e.name,e.type),this.renderBody()}),i.append(o,s),a.appendChild(i)}e.appendChild(a);let s=document.createElement(`div`);s.className=`tcw-style-save`;let c=document.createElement(`input`);c.type=`text`,c.className=`tcw-style-name`,c.placeholder=this.t(`drawingStyle.templateName`),c.setAttribute(`aria-label`,this.t(`drawingStyle.templateName`));let l=document.createElement(`button`);l.type=`button`,l.className=`tcw-style-savebtn`,l.textContent=this.t(`common.save`),l.addEventListener(`click`,()=>{c.value.trim()&&(t.save(c.value,this.style,{type:r.type,options:this.options}),this.renderBody())}),s.append(c,l),e.appendChild(s)}label(e,t){let n=`drawingOption.${e}`,r=this.t(n);return r===n?t:r}renderOptions(e){let t=this.target;for(let[n,r]of Object.entries(t.defs))r.kind===`levels`?e.appendChild(this.levelsEditor(n,r)):e.appendChild(I(this.label(n,r.label),this.optionControl(n,r)));let n=document.createElement(`button`);if(n.type=`button`,n.className=`tcw-reset-link`,n.textContent=this.t(`settings.resetToDefaults`),n.addEventListener(`click`,()=>{let e={};for(let[n,r]of Object.entries(t.defs))e[n]=structuredClone(r.default);this.setOptions(e),this.renderBody()}),this.footerLeft.appendChild(n),this.callbacks.onSaveDefault){let e=document.createElement(`button`);e.type=`button`,e.className=`tcw-reset-link`,e.textContent=this.t(`drawingSettings.saveDefault`),e.addEventListener(`click`,()=>this.callbacks.onSaveDefault?.(t.type,structuredClone(this.options))),this.footerLeft.appendChild(e)}}optionControl(e,t){let n=this.options[e];switch(t.kind){case`boolean`:return Kt(!!n,t=>this.setOptions({[e]:t}));case`number`:return L(Number(n),{min:t.min,max:t.max,step:t.step},t=>this.setOptions({[e]:t}));case`choice`:return R(t.choices.map(t=>({value:t.value,label:this.label(`${e}.${t.value}`,t.label)})),String(n),t=>this.setOptions({[e]:t}));case`text`:{let t=document.createElement(`input`);return t.type=`text`,t.className=`tcw-indi-input`,t.value=String(n??``),t.addEventListener(`change`,()=>this.setOptions({[e]:t.value})),t}}}levelsEditor(e,t){let n=document.createElement(`div`);n.className=`tcw-levels-editor`;let r=document.createElement(`div`);r.className=`tcw-style-subhead`,r.textContent=this.label(e,t.label),n.appendChild(r);let i=()=>{let t=this.options[e];return Array.isArray(t)?t:[]},a=t=>this.setOptions({[e]:t}),o=document.createElement(`div`);o.className=`tcw-levels-grid`,i().forEach((e,t)=>{let n=document.createElement(`div`);n.className=`tcw-level-row`;let r=document.createElement(`input`);r.type=`checkbox`,r.checked=e.visible;let s=` ${t+1}`;r.setAttribute(`aria-label`,this.t(`drawingSettings.levelVisible`)+s),r.addEventListener(`change`,()=>a(i().map((e,n)=>n===t?{...e,visible:r.checked}:e)));let c=L(e.value,{step:.001},e=>a(i().map((n,r)=>r===t?{...n,value:e}:n)));c.setAttribute(`aria-label`,this.t(`drawingSettings.levelValue`)+s);let l=qt(e.color??this.style.color,e=>a(i().map((n,r)=>r===t?{...n,color:e}:n)));l.setAttribute(`aria-label`,this.t(`drawingSettings.levelColor`)+s);let u=document.createElement(`button`);u.type=`button`,u.className=`tcw-level-remove`,u.setAttribute(`aria-label`,this.t(`drawingSettings.removeLevel`)+s),u.innerHTML=S(`x`,12),u.addEventListener(`click`,()=>{a(i().filter((e,n)=>n!==t)),this.renderBody()}),n.append(r,c,l,u),o.appendChild(n)}),n.appendChild(o);let s=document.createElement(`button`);return s.type=`button`,s.className=`tcw-reset-link tcw-level-add`,s.textContent=this.t(`drawingSettings.addLevel`),s.disabled=i().length>=tn,s.addEventListener(`click`,()=>{let e=i().at(-1)?.value??0;a([...i(),{value:Math.round((e+.5)*1e3)/1e3,visible:!0}]),this.renderBody()}),n.appendChild(s),n}renderCoordinates(e){this.anchors.forEach((n,r)=>{let i=document.createElement(`div`);i.className=`tcw-style-subhead`,i.textContent=t.r(this.t(`drawingSettings.point`),{n:r+1}),e.appendChild(i);let a=this.callbacks.toWallTime(n.time),o=document.createElement(`input`);o.type=`date`,o.className=`tcw-indi-input`,o.value=a.date;let s=document.createElement(`input`);s.type=`time`,s.className=`tcw-indi-input`,s.value=a.time;let c=()=>{let e=this.callbacks.fromWallTime(o.value,s.value);e!==null&&this.setAnchor(r,{time:e})};o.addEventListener(`change`,c),s.addEventListener(`change`,c),e.appendChild(I(this.t(`drawingSettings.date`),o)),e.appendChild(I(this.t(`drawingSettings.time`),s)),e.appendChild(I(this.t(`drawingSettings.price`),L(n.price,{step:`any`},e=>this.setAnchor(r,{price:e}))))})}setAnchor(e,t){this.anchors=this.anchors.map((n,r)=>r===e?{...n,...t}:n),this.change({anchors:this.anchors.map(e=>({...e}))})}},an=4;function on(e,t,n){let r=e+t>n?e-t:e;return Math.max(0,Math.min(r,n-t))}var z=class{el;onPick=null;returnFocus=null;anchor=null;onDocPointer=e=>{let t=e.target;this.el.contains(t)||this.anchor?.contains(t)||this.close()};onAway=()=>this.close();constructor(e,t){this.host=e,this.el=document.createElement(`div`),this.el.className=`tcw-context-menu`,this.el.setAttribute(`role`,`menu`),this.el.setAttribute(`aria-label`,t),this.el.hidden=!0,this.el.addEventListener(`keydown`,e=>this.onKeyDown(e)),e.appendChild(this.el)}open(e,t,n,r,i){this.returnFocus=document.activeElement instanceof HTMLElement?document.activeElement:null,this.onPick=r,this.anchor=i??null,this.el.replaceChildren(...e.map(e=>this.entry(e))),this.el.hidden=!1;let a=this.host.getBoundingClientRect(),o=Math.min(this.host.clientWidth,window.innerWidth-a.left)-an,s=Math.min(this.host.clientHeight,window.innerHeight-a.top)-an;this.el.style.left=`${on(t,this.el.offsetWidth,o)}px`,this.el.style.top=`${on(n,this.el.offsetHeight,s)}px`,document.addEventListener(`pointerdown`,this.onDocPointer,!0),document.addEventListener(`wheel`,this.onAway,{capture:!0,passive:!0}),window.addEventListener(`resize`,this.onAway),window.addEventListener(`blur`,this.onAway),this.items()[0]?.focus({preventScroll:!0})}close(){this.el.hidden||(this.el.hidden=!0,this.onPick=null,this.anchor=null,document.removeEventListener(`pointerdown`,this.onDocPointer,!0),document.removeEventListener(`wheel`,this.onAway,{capture:!0}),window.removeEventListener(`resize`,this.onAway),window.removeEventListener(`blur`,this.onAway),this.returnFocus?.isConnected&&this.returnFocus.focus({preventScroll:!0}),this.returnFocus=null)}isOpen(){return!this.el.hidden}destroy(){this.close(),this.el.remove()}entry(e){if(e===`separator`){let e=document.createElement(`div`);return e.className=`tcw-context-sep`,e.setAttribute(`role`,`separator`),e}let t=document.createElement(`button`);t.type=`button`,t.className=`tcw-context-item${e.danger?` tcw-context-danger`:``}`,t.setAttribute(`role`,e.checked===void 0?`menuitem`:`menuitemcheckbox`),e.checked!==void 0&&t.setAttribute(`aria-checked`,String(e.checked)),t.tabIndex=-1,t.dataset.id=e.id;let n=e.checked===void 0?e.icon??``:e.checked?`check`:``;t.innerHTML=n?S(n,14):`<span class="tcw-context-icon"></span>`;let r=document.createElement(`span`);return r.textContent=e.label,t.appendChild(r),t.addEventListener(`click`,()=>this.pick(e.id)),t}pick(e){let t=this.onPick;this.close(),t?.(e)}items(){return[...this.el.querySelectorAll(`[role=menuitem], [role=menuitemcheckbox]`)]}onKeyDown(e){let t=this.items(),n=t.indexOf(document.activeElement),r=-1;if(e.key===`ArrowDown`)r=(n+1)%t.length;else if(e.key===`ArrowUp`)r=(n-1+t.length)%t.length;else if(e.key===`Home`)r=0;else if(e.key===`End`)r=t.length-1;else if(e.key===`Escape`||e.key===`Tab`){e.preventDefault(),e.stopPropagation(),this.close();return}else return;e.preventDefault(),t[r]?.focus({preventScroll:!0})}};function sn(e,t){let{selected:n}=e,r=n.length===1,i=new Set(n.map(e=>e.groupId)),a=i.size===1&&!i.has(null),o=[];e.canConfigure&&r&&o.push({id:`settings`,label:t(`drawingMenu.settings`),icon:`settings`}),e.canAlert&&r&&o.push({id:`alert`,label:t(`drawingSettings.addAlert`),icon:`bell`}),o.length>0&&o.push(`separator`),r&&o.push({id:`front`,label:t(`drawingMenu.front`)},{id:`forward`,label:t(`drawingMenu.forward`)},{id:`backward`,label:t(`drawingMenu.backward`)},{id:`back`,label:t(`drawingMenu.back`)},`separator`),n.length>1&&!a&&o.push({id:`group`,label:t(`drawingMenu.group`),icon:`layers`}),n.some(e=>e.groupId)&&o.push({id:`ungroup`,label:t(`drawingMenu.ungroup`),icon:`layers`});let s=n.every(e=>e.locked);return o.push(s?{id:`unlock`,label:t(`common.unlock`),icon:`unlock`}:{id:`lock`,label:t(`common.lock`),icon:`lock`},{id:`hide`,label:t(`common.hide`),icon:`eyeOff`}),r&&o.push({id:`duplicate`,label:t(`drawingMenu.duplicate`),icon:`plus`}),s||o.push(`separator`,{id:`delete`,label:t(`drawingMenu.delete`),icon:`trash`,danger:!0}),o}function cn(e,n){if(e.price===void 0||!Number.isFinite(e.price))return[];let r=e.formatPrice(e.price),i=[];if(e.canAlert&&i.push({id:`alert`,label:t.r(n(`chartMenu.addAlert`),{price:r}),icon:`bell`}),e.canTrade){let a=e.lastPrice===null||e.price<=e.lastPrice;i.push(a?{id:`buyLimit`,label:t.r(n(`chartMenu.buyLimit`),{price:r}),icon:`trendingUp`}:{id:`buyStop`,label:t.r(n(`chartMenu.buyStop`),{price:r}),icon:`trendingUp`},a?{id:`sellStop`,label:t.r(n(`chartMenu.sellStop`),{price:r}),icon:`trendingDown`}:{id:`sellLimit`,label:t.r(n(`chartMenu.sellLimit`),{price:r}),icon:`trendingDown`}),e.canOrderTicket&&i.push({id:`orderTicket`,label:n(`chartMenu.orderTicket`),icon:`receipt`})}return e.canDraw&&i.push({id:`horizontalLine`,label:t.r(n(`chartMenu.horizontalLine`),{price:r}),icon:`minus`}),i}function ln(e,t,n){let r=e=>{let r=cn(t,n);return r.length>0?[...r,`separator`,...e]:e},i={id:`settings`,label:n(`chartMenu.settings`),icon:`settings`};switch(e){case`priceAxis`:{let e=cn({...t,canTrade:!1,canDraw:!1},n);return[{id:`autoScale`,label:n(`settings.autoScale`),checked:t.autoScale},{id:`logScale`,label:n(`settings.scale.logarithmic`),checked:t.scaleMode===`logarithmic`},{id:`percentScale`,label:n(`settings.scale.percentage`),checked:t.scaleMode===`percentage`},{id:`invertScale`,label:n(`chartMenu.invertScale`),checked:t.inverted},...e.length>0?[`separator`,...e]:[]]}case`timeAxis`:return[{id:`resetView`,label:n(`chartMenu.resetTimeScale`)},...t.canGoToDate?[{id:`goToDate`,label:n(`chartMenu.goToDate`),icon:`calendar`}]:[]];case`pane`:return[{id:`resetView`,label:n(`chartMenu.resetView`)},...t.pane?[`separator`,{id:`paneLog`,label:n(`chartMenu.paneLog`),checked:t.pane.log},{id:`paneInvert`,label:n(`chartMenu.paneInvert`),checked:t.pane.invert},{id:`panePercent`,label:n(`chartMenu.panePercent`),checked:t.pane.percent}]:[],`separator`,i];default:{let e=t.hasDrawings?[t.drawingsHidden?{id:`showDrawings`,label:n(`chartMenu.showDrawings`),icon:`eye`}:{id:`hideDrawings`,label:n(`chartMenu.hideDrawings`),icon:`eyeOff`},{id:`removeDrawings`,label:n(`chartMenu.removeDrawings`),icon:`trash`,danger:!0}]:[],a=t.canExport?[{id:`exportData`,label:n(`chartMenu.exportData`),icon:`save`}]:[];return r([{id:`resetView`,label:n(`chartMenu.resetView`)},...e,...a,`separator`,i])}}}var B=[`positions`,`orders`,`history`],un=[`order`,`close`,`reverse`,`stopLoss`,`takeProfit`],dn=[`market`,`limit`,`stop`],fn=[`gtc`,`day`];function pn(e,t,n){return e.includes(t??``)?t:n}function mn(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}function hn(e,t){if(t===null)return null;let n=e.quantity-(e.closedQuantity??0),r=e.side===`buy`?1:-1;return{pnl:(t-e.entryPrice)*n*r,pct:e.entryPrice===0?0:(t-e.entryPrice)/e.entryPrice*100*r}}function V(e,t=2){return`${e>0?`+`:``}${e.toFixed(t)}`}var gn=class{el;tabButtons=new Map;content;tab=`positions`;snapshot={positions:[],orders:[],fills:[],price:null};open=!1;live=[];constructor(e,n,r=t.t){this.callbacks=n,this.t=r,this.el=document.createElement(`section`),this.el.className=`tcw-account`,this.el.hidden=!0,this.el.setAttribute(`aria-label`,this.t(`account.title`));let i=document.createElement(`div`);i.className=`tcw-account-head`;let a=document.createElement(`div`);a.className=`tcw-account-tabs`,a.setAttribute(`role`,`tablist`),a.addEventListener(`keydown`,e=>this.onTabKey(e));for(let e of B){let t=document.createElement(`button`);t.type=`button`,t.className=`tcw-account-tab`,t.setAttribute(`role`,`tab`),t.id=`tcw-account-tab-${e}`,t.addEventListener(`click`,()=>this.selectTab(e)),this.tabButtons.set(e,t),a.appendChild(t)}let o=document.createElement(`button`);o.type=`button`,o.className=`tcw-account-new`,o.innerHTML=S(`plus`,13),o.append(this.t(`account.newOrder`)),o.addEventListener(`click`,()=>this.callbacks.onNewOrder());let s=document.createElement(`button`);s.type=`button`,s.className=`tcw-tree-close`,s.setAttribute(`aria-label`,this.t(`account.close`)),s.innerHTML=S(`x`,14),s.addEventListener(`click`,()=>this.closePanel()),i.append(a,o,s),this.content=document.createElement(`div`),this.content.className=`tcw-account-body`,this.content.setAttribute(`role`,`tabpanel`),this.el.append(i,this.content),e.appendChild(this.el),this.renderTabs()}isOpen(){return this.open}toggle(){this.open?this.closePanel():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1,this.render(),this.callbacks.onToggle?.(!0)}closePanel(){this.open&&(this.open=!1,this.el.hidden=!0,this.callbacks.onToggle?.(!1))}update(e){let t=this.snapshot;if(this.snapshot=e,mn(t.positions,e.positions)&&mn(t.orders,e.orders)&&mn(t.fills,e.fills)&&t.realisedPnl===e.realisedPnl){this.open&&this.tab===`positions`&&t.price!==e.price&&this.patchPrices();return}this.renderTabs(),this.open&&this.render()}destroy(){this.el.remove()}selectTab(e){this.tab=e,this.renderTabs(),this.render()}onTabKey(e){let t=B.indexOf(this.tab),n=e.key===`ArrowRight`?t+1:e.key===`ArrowLeft`?t-1:-2;if(n===-2)return;e.preventDefault();let r=B[(n+B.length)%B.length];this.selectTab(r),this.tabButtons.get(r)?.focus()}renderTabs(){let e={positions:this.snapshot.positions.length,orders:this.snapshot.orders.length,history:this.snapshot.fills.length};for(let[t,n]of this.tabButtons){let r=t===this.tab;n.textContent=`${this.t(`account.${t}`)} (${e[t]})`,n.setAttribute(`aria-selected`,String(r)),n.tabIndex=r?0:-1,r&&this.content.setAttribute(`aria-labelledby`,n.id)}}render(){let e=document.activeElement,t=e instanceof HTMLElement&&this.content.contains(e)?e.dataset.focusKey:void 0;this.live=[],this.tab===`positions`?this.renderPositions():this.tab===`orders`?this.renderOrders():this.renderHistory(),t&&[...this.content.querySelectorAll(`[data-focus-key]`)].find(e=>e.dataset.focusKey===t)?.focus()}patchPrices(){let{price:e}=this.snapshot;for(let t of this.live)t.price.textContent=e===null?`—`:this.callbacks.formatPrice(e),this.writePnl(t.pnl,hn(t.position,e))}writePnl(e,t){e.className=t===null?``:t.pnl>=0?`tcw-account-up`:`tcw-account-down`,e.textContent=t===null?`—`:`${V(t.pnl)} (${V(t.pct)}%)`}table(e,t,n){if(t.length===0){let e=document.createElement(`p`);e.className=`tcw-account-empty`,e.textContent=this.t(n),this.content.replaceChildren(e);return}let r=document.createElement(`table`);r.className=`tcw-account-table`;let i=r.createTHead().insertRow();for(let t of e){let e=document.createElement(`th`);e.scope=`col`,e.textContent=t?this.t(t):``,i.appendChild(e)}r.createTBody().append(...t),this.content.replaceChildren(r)}row(e,t=``){let n=document.createElement(`tr`);t&&(n.className=t);for(let t of e){let e=n.insertCell();typeof t==`string`?e.textContent=t:e.appendChild(t)}return n}sideCell(e,t=`position`){let n=document.createElement(`span`);return n.className=`tcw-account-side tcw-account-${e}`,n.textContent=this.sideText(e,t),n}sideText(e,t){return t===`trade`?this.t(e===`buy`?`ticket.buy`:`ticket.sell`):this.t(e===`buy`?`account.long`:`account.short`)}actions(...e){let t=document.createElement(`div`);t.className=`tcw-account-actions`;for(let n of e){let e=document.createElement(`button`);e.type=`button`,e.className=`tcw-tree-btn${n.danger?` tcw-tree-del`:``}`,e.setAttribute(`aria-label`,n.label),e.title=n.label,e.dataset.focusKey=n.key,e.innerHTML=S(n.icon,14),e.addEventListener(`click`,n.run),t.appendChild(e)}return t}renderPositions(){let{formatPrice:e}=this.callbacks,{price:t}=this.snapshot,n=this.snapshot.positions.map(n=>{let r=n.quantity-(n.closedQuantity??0),i=document.createElement(`span`);this.writePnl(i,hn(n,t));let a=`${this.sideText(n.side,`position`)} ${r} @ ${e(n.entryPrice)}`,o=this.row([this.sideCell(n.side),String(r),e(n.entryPrice),t===null?`—`:e(t),i,n.stopLoss===void 0?`—`:e(n.stopLoss),n.takeProfit===void 0?`—`:e(n.takeProfit),this.actions({icon:`repeat`,label:`${this.t(`account.reverse`)}: ${a}`,key:`reverse:${n.id}`,run:()=>this.callbacks.onReversePosition(n.id)},{icon:`x`,label:`${this.t(`account.closePosition`)}: ${a}`,key:`close:${n.id}`,run:()=>this.callbacks.onClosePosition(n.id),danger:!0})]);return this.live.push({position:n,price:o.cells[3],pnl:i}),o});this.table([`account.side`,`account.quantity`,`account.entry`,`account.price`,`account.pnl`,`account.stopLoss`,`account.takeProfit`,`account.actions`],n,`account.noPositions`)}renderOrders(){let{formatPrice:e}=this.callbacks,t=this.snapshot.orders.map(t=>{let n=pn(dn,t.type===`stopLimit`?`stop`:t.type,`limit`),r=`${this.sideText(t.side,`trade`)} ${t.quantity} @ ${e(t.price)}`;return this.row([this.sideCell(t.side,`trade`),this.t(`ticket.type.${n}`),String(t.quantity),e(t.price),t.stopLoss===void 0?`—`:e(t.stopLoss),t.takeProfit===void 0?`—`:e(t.takeProfit),t.timeInForce?this.t(`ticket.tif.${pn(fn,t.timeInForce,`gtc`)}`):`—`,this.actions({icon:`x`,label:`${this.t(`account.cancelOrder`)}: ${r}`,key:`cancel:${t.id}`,run:()=>this.callbacks.onCancelOrder(t.id),danger:!0})])});this.table([`account.side`,`ticket.type`,`account.quantity`,`account.price`,`account.stopLoss`,`account.takeProfit`,`ticket.timeInForce`,`account.actions`],t,`account.noOrders`)}renderHistory(){let{formatPrice:e,formatTime:n}=this.callbacks,r=[...this.snapshot.fills].reverse().map(t=>{let r=document.createElement(`span`);return t.pnl===void 0?r.textContent=`—`:(r.className=t.pnl>=0?`tcw-account-up`:`tcw-account-down`,r.textContent=V(t.pnl)),this.row([n(t.time),this.sideCell(t.side,`trade`),String(t.quantity),e(t.price),this.t(`account.reason.${pn(un,t.reason,`order`)}`),r])});this.table([`account.time`,`account.side`,`account.quantity`,`account.price`,`account.reason`,`account.pnl`],r,`account.noFills`);let i=this.snapshot.realisedPnl??this.snapshot.fills.reduce((e,t)=>e+(t.pnl??0),0);if(r.length>0){let e=document.createElement(`p`);e.className=`tcw-account-summary`,e.textContent=t.r(this.t(`account.realised`),{pnl:V(i)}),this.content.appendChild(e)}}};function _n(e,t){return e.type===`market`?t:e.price}function vn(e,t){let n=[];(!(e.quantity>0)||!Number.isFinite(e.quantity))&&n.push(`quantity`),e.type!==`market`&&(!(e.price>0)||!Number.isFinite(e.price))&&n.push(`price`),e.type===`market`&&!((t??e.price)>0)&&n.push(`market`);let r=e.side===`buy`;if(t!==null&&e.type!==`market`&&e.price>0){let i=e.price<t;e.type===`limit`&&i!==r&&e.price!==t&&n.push(`limitSide`),e.type===`stop`&&i===r&&e.price!==t&&n.push(`stopSide`)}let i=e=>e===null||Number.isFinite(e)&&e>0;i(e.stopLoss)||n.push(`stopLoss`),i(e.takeProfit)||n.push(`takeProfit`);let a=_n(e,t);return a!==null&&a>0&&(e.stopLoss!==null&&i(e.stopLoss)&&(r?e.stopLoss>=a:e.stopLoss<=a)&&n.push(`stopLossSide`),e.takeProfit!==null&&i(e.takeProfit)&&(r?e.takeProfit<=a:e.takeProfit>=a)&&n.push(`takeProfitSide`)),n}function yn(e,t){let n={side:e.side,type:e.type,price:e.type===`market`?t??e.price:e.price,quantity:e.quantity};return e.type===`stop`&&(n.stopPrice=e.price),e.type!==`market`&&(n.timeInForce=e.timeInForce),e.stopLoss!==null&&(n.stopLoss=e.stopLoss),e.takeProfit!==null&&(n.takeProfit=e.takeProfit),n}function bn(e,t){let n=_n(e,t);if(n===null||e.stopLoss===null||e.takeProfit===null)return null;let r=Math.abs(n-e.stopLoss);return r>0?Math.abs(e.takeProfit-n)/r:null}var xn=0,Sn=class{backdrop;modal;body;problemsEl;submit;draft=null;lastPrice=null;returnFocus=null;uid=++xn;constructor(e,n,r=t.t){this.callbacks=n,this.t=r,this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.hidden=!0;let i=!1;this.backdrop.addEventListener(`pointerdown`,e=>{i=e.target===this.backdrop}),this.backdrop.addEventListener(`click`,e=>{e.target===this.backdrop&&i&&this.close(),i=!1}),this.modal=document.createElement(`div`),this.modal.className=`tcw-modal tcw-modal-narrow tcw-order-ticket`,this.modal.setAttribute(`role`,`dialog`),this.modal.setAttribute(`aria-modal`,`true`),this.modal.setAttribute(`aria-labelledby`,`tcw-ticket-title-${this.uid}`),this.modal.addEventListener(`keydown`,e=>{if(e.key===`Escape`){e.stopPropagation(),this.close();return}F(e,this.modal)});let a=document.createElement(`div`);a.className=`tcw-modal-header`;let o=document.createElement(`h3`);o.id=`tcw-ticket-title-${this.uid}`,o.textContent=this.t(`ticket.title`);let s=document.createElement(`button`);s.type=`button`,s.className=`tcw-modal-close`,s.setAttribute(`aria-label`,this.t(`common.close`)),s.innerHTML=S(`x`,16),s.addEventListener(`click`,()=>this.close()),a.append(o,s),this.body=document.createElement(`div`),this.body.className=`tcw-modal-body`,this.problemsEl=document.createElement(`div`),this.problemsEl.className=`tcw-ticket-problems`,this.problemsEl.setAttribute(`aria-live`,`polite`);let c=document.createElement(`div`);c.className=`tcw-modal-footer`;let l=document.createElement(`button`);l.type=`button`,l.className=`tcw-reset-link`,l.textContent=this.t(`common.cancel`),l.addEventListener(`click`,()=>this.close()),this.submit=document.createElement(`button`),this.submit.type=`button`,this.submit.className=`tcw-done-btn`,this.submit.addEventListener(`click`,()=>this.place()),c.append(l,this.submit),this.modal.append(a,this.body,this.problemsEl,c),this.backdrop.appendChild(this.modal),e.appendChild(this.backdrop)}open(e){this.returnFocus=document.activeElement instanceof HTMLElement?document.activeElement:null,this.lastPrice=e.lastPrice;let t=e.price??e.lastPrice??0,n=e.side??`buy`,r=`market`;e.price!==void 0&&e.lastPrice!==null&&e.price!==e.lastPrice&&(r=e.price<e.lastPrice==(n===`buy`)?`limit`:`stop`),this.draft={side:n,type:r,quantity:1,price:t,stopLoss:null,takeProfit:null,timeInForce:`gtc`},this.render(),this.backdrop.hidden=!1,this.body.querySelector(`button, input, select`)?.focus()}close(){this.backdrop.hidden||(this.backdrop.hidden=!0,this.draft=null,this.returnFocus?.isConnected&&this.returnFocus.focus(),this.returnFocus=null)}isOpen(){return!this.backdrop.hidden}setLastPrice(e){!this.draft||e===this.lastPrice||(this.lastPrice=e,this.check())}destroy(){this.close(),this.backdrop.remove()}place(){let e=this.draft;!e||vn(e,this.lastPrice).length>0||(this.callbacks.onSubmit(yn(e,this.lastPrice)),this.close())}set(e,t=!1){this.draft&&(this.draft={...this.draft,...e},t?this.render():this.check())}render(){let e=this.draft;if(!e)return;let t=document.activeElement,n=t instanceof HTMLElement&&this.body.contains(t)?t.dataset.ticketField:void 0;this.body.replaceChildren(this.sideToggle(e.side),I(this.t(`ticket.type`),H(`type`,R([`market`,`limit`,`stop`].map(e=>({value:e,label:this.t(`ticket.type.${e}`)})),e.type,e=>this.set({type:e},!0)))),I(this.t(`ticket.quantity`),H(`quantity`,this.number(e.quantity,e=>this.set({quantity:e}))))),e.type!==`market`&&this.body.append(I(this.t(`ticket.price`),H(`price`,this.number(e.price,e=>this.set({price:e})))),I(this.t(`ticket.timeInForce`),H(`timeInForce`,R([`gtc`,`day`].map(e=>({value:e,label:this.t(`ticket.tif.${e}`)})),e.timeInForce,e=>this.set({timeInForce:e})))));let r=e.type===`market`?this.lastPrice??e.price:e.price,i=t=>Cn(r*(1+(e.side===`buy`?t:-t)/100),r);this.body.append(this.optionalPrice(`ticket.stopLoss`,e.stopLoss,i(-1),t=>this.set({stopLoss:t},t===null||e.stopLoss===null)),this.optionalPrice(`ticket.takeProfit`,e.takeProfit,i(2),t=>this.set({takeProfit:t},t===null||e.takeProfit===null))),n&&this.body.querySelector(`[data-ticket-field="${n}"]`)?.focus(),this.check()}sideToggle(e){let t=document.createElement(`div`);t.className=`tcw-ticket-side`,t.setAttribute(`role`,`group`);for(let n of[`buy`,`sell`]){let r=document.createElement(`button`);r.type=`button`,r.className=`tcw-ticket-side-btn tcw-ticket-${n}`,r.textContent=this.t(`ticket.${n}`),r.setAttribute(`aria-pressed`,String(e===n)),r.dataset.ticketField=`side-${n}`,r.addEventListener(`click`,()=>this.set({side:n},!0)),t.appendChild(r)}return t}number(e,t){let n=document.createElement(`input`);return n.type=`number`,n.className=`tcw-indi-input`,n.step=`any`,n.min=`0`,n.value=String(e),n.addEventListener(`input`,()=>t(n.value.trim()===``?NaN:Number(n.value))),n}optionalPrice(e,t,n,r){let i=document.createElement(`div`);i.className=`tcw-settings-row tcw-ticket-optional`;let a=document.createElement(`span`);a.textContent=this.t(e);let o=Kt(t!==null,e=>r(e?n:null));if(o.setAttribute(`aria-label`,this.t(e)),o.dataset.ticketField=`${e}-switch`,i.append(a,o),t!==null){let n=this.number(t,e=>r(Number.isFinite(e)?e:NaN));n.setAttribute(`aria-label`,this.t(e)),n.dataset.ticketField=e,i.appendChild(n)}return i}check(){let e=this.draft;if(!e)return;let n=vn(e,this.lastPrice),r=n.map(e=>this.t(`ticket.problem.${e}`)),i=bn(e,this.lastPrice);n.length===0&&i!==null&&r.push(t.r(this.t(`ticket.riskReward`),{rr:i.toFixed(2)})),this.problemsEl.replaceChildren(...r.map(e=>{let t=document.createElement(`p`);return t.textContent=e,t})),this.problemsEl.classList.toggle(`tcw-ticket-bad`,n.length>0),this.submit.disabled=n.length>0,this.submit.classList.toggle(`tcw-ticket-sell`,e.side===`sell`),this.submit.textContent=this.t(e.side===`buy`?`ticket.placeBuy`:`ticket.placeSell`)}};function H(e,t){return t.dataset.ticketField=e,t}function Cn(e,t){let n=Math.abs(t),r=n>=10||n===0?2:n>=1?4:Math.min(10,Math.ceil(-Math.log10(n))+3);return Number(e.toFixed(r))}var wn=0,Tn=class{backdrop;titleEl;input;submit;request=null;returnFocus=null;busy=!1;uid=++wn;constructor(e,n=t.t){this.t=n,this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.hidden=!0;let r=!1;this.backdrop.addEventListener(`pointerdown`,e=>{r=e.target===this.backdrop}),this.backdrop.addEventListener(`click`,e=>{e.target===this.backdrop&&r&&this.close(),r=!1});let i=document.createElement(`form`);i.className=`tcw-modal tcw-modal-narrow tcw-name-prompt`,i.noValidate=!0,i.setAttribute(`role`,`dialog`),i.setAttribute(`aria-modal`,`true`),i.setAttribute(`aria-labelledby`,`tcw-name-title-${this.uid}`),i.addEventListener(`keydown`,e=>{if(e.key===`Escape`){e.stopPropagation(),this.close();return}F(e,i)}),i.addEventListener(`submit`,e=>{e.preventDefault(),this.done()});let a=document.createElement(`div`);a.className=`tcw-modal-header`,this.titleEl=document.createElement(`h3`),this.titleEl.id=`tcw-name-title-${this.uid}`;let o=document.createElement(`button`);o.type=`button`,o.className=`tcw-modal-close`,o.setAttribute(`aria-label`,this.t(`common.close`)),o.innerHTML=S(`x`,16),o.addEventListener(`click`,()=>this.close()),a.append(this.titleEl,o);let s=document.createElement(`div`);s.className=`tcw-modal-body`;let c=document.createElement(`label`);c.className=`tcw-name-field`;let l=document.createElement(`span`);l.textContent=this.t(`layouts.name`),this.input=document.createElement(`input`),this.input.type=`text`,this.input.className=`tcw-indi-input`,this.input.maxLength=80,this.input.autocomplete=`off`,this.input.spellcheck=!1,this.input.placeholder=this.t(`layouts.namePlaceholder`),this.input.addEventListener(`input`,()=>this.check()),c.append(l,this.input),s.appendChild(c);let u=document.createElement(`div`);u.className=`tcw-modal-footer`;let d=document.createElement(`button`);d.type=`button`,d.className=`tcw-reset-link`,d.textContent=this.t(`common.cancel`),d.addEventListener(`click`,()=>this.close()),this.submit=document.createElement(`button`),this.submit.type=`submit`,this.submit.className=`tcw-done-btn`,u.append(d,this.submit),i.append(a,s,u),this.backdrop.appendChild(i),e.appendChild(this.backdrop)}open(e){this.isOpen()||(this.returnFocus=document.activeElement instanceof HTMLElement?document.activeElement:null),this.request=e,this.busy=!1,this.titleEl.textContent=e.title,this.submit.textContent=e.submitLabel,this.input.value=e.value??``,this.input.placeholder=e.placeholder??this.t(`layouts.namePlaceholder`),this.check(),this.backdrop.hidden=!1,this.input.focus(),this.input.select()}close(){this.backdrop.hidden||(this.backdrop.hidden=!0,this.request=null,this.returnFocus?.isConnected&&this.returnFocus.focus(),this.returnFocus=null)}isOpen(){return!this.backdrop.hidden}destroy(){this.close(),this.backdrop.remove()}check(){this.submit.disabled=this.busy||e.r(this.input.value)===null}async done(){let t=this.request,n=e.r(this.input.value);if(!(!t||n===null||this.busy)){this.busy=!0,this.check();try{await t.onSubmit(n),this.request===t&&this.close()}catch{}finally{this.busy=!1,this.check()}}}},En=0,Dn=class{backdrop;search;listEl;layouts=[];confirming=null;returnFocus=null;loadSeq=0;uid=++En;constructor(e,n,r=t.t){this.callbacks=n,this.t=r,this.backdrop=document.createElement(`div`),this.backdrop.className=`tcw-modal-backdrop`,this.backdrop.hidden=!0;let i=!1;this.backdrop.addEventListener(`pointerdown`,e=>{i=e.target===this.backdrop}),this.backdrop.addEventListener(`click`,e=>{e.target===this.backdrop&&i&&this.close(),i=!1});let a=document.createElement(`div`);a.className=`tcw-modal tcw-modal-narrow tcw-layouts-dialog`,a.setAttribute(`role`,`dialog`),a.setAttribute(`aria-modal`,`true`),a.setAttribute(`aria-labelledby`,`tcw-layouts-title-${this.uid}`),a.addEventListener(`keydown`,e=>{if(e.key!==`Escape`){F(e,a);return}e.stopPropagation(),this.confirming?this.setConfirming(null):this.close()});let o=document.createElement(`div`);o.className=`tcw-modal-header`;let s=document.createElement(`h3`);s.id=`tcw-layouts-title-${this.uid}`,s.textContent=this.t(`layouts.dialogTitle`);let c=document.createElement(`button`);c.type=`button`,c.className=`tcw-modal-close`,c.setAttribute(`aria-label`,this.t(`common.close`)),c.innerHTML=S(`x`,16),c.addEventListener(`click`,()=>this.close()),o.append(s,c),this.search=document.createElement(`input`),this.search.type=`search`,this.search.className=`tcw-indi-input tcw-layouts-search`,this.search.placeholder=this.t(`layouts.search`),this.search.setAttribute(`aria-label`,this.t(`layouts.search`)),this.search.addEventListener(`input`,()=>this.render()),this.listEl=document.createElement(`div`),this.listEl.className=`tcw-layouts-list`,this.listEl.setAttribute(`role`,`list`);let l=document.createElement(`div`);l.className=`tcw-modal-body tcw-layouts-body`,l.append(this.search,this.listEl),a.append(o,l),this.backdrop.appendChild(a),e.appendChild(this.backdrop)}async open(){this.isOpen()||(this.returnFocus=document.activeElement instanceof HTMLElement?document.activeElement:null),this.search.value=``,this.confirming=null,this.backdrop.hidden=!1,this.search.focus(),await this.refresh()}async refresh(){let e=++this.loadSeq,t;try{t=await this.callbacks.list()}catch{t=[]}e===this.loadSeq&&(this.layouts=t,this.render())}close(){this.backdrop.hidden||(this.backdrop.hidden=!0,this.confirming=null,this.returnFocus?.isConnected&&this.returnFocus.focus(),this.returnFocus=null)}isOpen(){return!this.backdrop.hidden}destroy(){this.close(),this.backdrop.remove()}shown(){let e=this.search.value.trim().toLowerCase();return e?this.layouts.filter(t=>t.name.toLowerCase().includes(e)||(t.symbol??``).toLowerCase().includes(e)):this.layouts}render(){let e=this.shown();if(e.length===0){let e=document.createElement(`p`);e.className=`tcw-account-empty`,e.textContent=this.t(this.layouts.length===0?`layouts.empty`:`layouts.noMatch`),this.listEl.replaceChildren(e);return}let t=this.callbacks.currentId();this.listEl.replaceChildren(...e.map(e=>this.row(e,e.id===t)))}row(e,n){let r=document.createElement(`div`);r.className=`tcw-layouts-row`,r.setAttribute(`role`,`listitem`),r.dataset.id=e.id;let i=document.createElement(`button`);i.type=`button`,i.className=`tcw-layouts-open`,n&&i.setAttribute(`aria-current`,`true`);let a=document.createElement(`span`);a.className=`tcw-layouts-name`,a.textContent=e.name;let o=document.createElement(`span`);if(o.className=`tcw-layouts-meta`,o.textContent=[[e.symbol,e.timeframe].filter(Boolean).join(` · `),t.r(this.t(`layouts.updated`),{time:this.callbacks.formatTime(e.updatedAt)})].filter(Boolean).join(` — `),i.append(a,o),n){let e=document.createElement(`span`);e.className=`tcw-tag`,e.textContent=this.t(`layouts.current`),a.appendChild(e)}i.addEventListener(`click`,()=>{this.callbacks.onOpen(e.id),this.close()});let s=document.createElement(`div`);if(s.className=`tcw-account-actions`,this.confirming===e.id){let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-layouts-confirm`,n.textContent=this.t(`layouts.deleteConfirm`),n.setAttribute(`aria-label`,t.r(this.t(`layouts.deleteNamed`),{name:e.name})),n.addEventListener(`click`,()=>void this.remove(e.id));let r=this.iconButton(`x`,this.t(`common.cancel`),()=>this.setConfirming(null));s.append(n,r)}else s.append(this.iconButton(`penLine`,t.r(this.t(`layouts.renameNamed`),{name:e.name}),()=>this.callbacks.onRename(e)),this.iconButton(`trash`,t.r(this.t(`layouts.deleteNamed`),{name:e.name}),()=>this.setConfirming(e.id),!0));return r.append(i,s),r}iconButton(e,t,n,r=!1){let i=document.createElement(`button`);return i.type=`button`,i.className=`tcw-tree-btn${r?` tcw-tree-del`:``}`,i.setAttribute(`aria-label`,t),i.title=t,i.innerHTML=S(e,14),i.addEventListener(`click`,n),i}setConfirming(e){let t=this.confirming;this.confirming=e,this.render();let n=e??t;n&&[...this.listEl.querySelectorAll(`.tcw-layouts-row`)].find(e=>e.dataset.id===n)?.querySelector(e?`.tcw-layouts-confirm`:`.tcw-tree-del`)?.focus()}async remove(e){try{await this.callbacks.onDelete(e)}finally{this.confirming=null,await this.refresh(),this.isOpen()&&this.search.focus()}}},On=5,kn=class{menu;prompt;dialog;destroyed=!1;constructor(e,t){this.session=e,this.host=t;let{root:n,t:r}=t;this.menu=new z(n,r(`toolbar.layouts`)),this.prompt=new Tn(n,r),this.dialog=new Dn(n,{list:()=>e.list(),currentId:()=>e.current()?.id??null,onOpen:e=>void this.open(e),onRename:e=>this.promptRename(e),onDelete:async t=>{try{await e.remove(t)}catch{this.host.toast(r(`layouts.deleteFailed`),`error`)}},formatTime:t.formatTime},r)}async save(){if(this.prompt.isOpen())return;if(!this.session.current()){this.promptSaveAs();return}let{t:e,toast:n}=this.host;try{let r=await this.session.save();r&&n(t.r(e(`layouts.saved`),{name:r.name}))}catch{n(e(`layouts.saveFailed`),`error`)}}async open(e){try{if(await this.session.open(e))return!0}catch{}return this.destroyed||this.host.toast(this.host.t(`layouts.openFailed`),`error`),!1}promptSaveAs(){let{t:e,toast:n}=this.host,r=this.session.current();this.prompt.open({title:e(`layouts.saveAsTitle`),value:r?t.r(e(`layouts.copyName`),{name:r.name}):``,submitLabel:e(`common.save`),onSubmit:async r=>{try{let i=await this.session.saveAs(r);n(t.r(e(`layouts.saved`),{name:i.name}))}catch(t){throw n(e(`layouts.saveFailed`),`error`),t}}})}promptRename(e=this.session.current()){if(!e)return;let{t,toast:n}=this.host;this.prompt.open({title:t(`layouts.renameTitle`),value:e.name,submitLabel:t(`layouts.renameSubmit`),onSubmit:async r=>{try{await this.session.rename(e.id,r)}catch(e){throw n(t(`layouts.saveFailed`),`error`),e}this.dialog.isOpen()&&this.dialog.refresh()}})}openDialog(){return this.dialog.open()}async openMenu(e){if(this.menu.isOpen()){this.menu.close();return}let{session:t}=this,{t:n,root:r}=this.host,i=[];try{i=(await t.list()).slice(0,On)}catch{}if(this.destroyed)return;let a=t.current(),o=[{id:`save`,label:n(`layouts.save`),icon:`save`},{id:`saveAs`,label:n(`layouts.saveAs`),icon:`plus`}];a&&o.push({id:`rename`,label:n(`layouts.rename`),icon:`penLine`}),o.push({id:`autoSave`,label:n(`layouts.autoSave`),checked:t.isAutoSave()}),i.length>0&&o.push(`separator`,...i.map(e=>({id:`open:${e.id}`,label:e.name,checked:e.id===a?.id}))),o.push(`separator`,{id:`manage`,label:n(`layouts.open`),icon:`folder`});let s=e.getBoundingClientRect(),c=r.getBoundingClientRect();this.menu.open(o,s.left-c.left,s.bottom-c.top+2,e=>{e===`save`?this.save():e===`saveAs`?this.promptSaveAs():e===`rename`?this.promptRename():e===`autoSave`?t.setAutoSave(!t.isAutoSave()):e===`manage`?this.openDialog():e.startsWith(`open:`)&&this.open(e.slice(5))},e)}destroy(){this.destroyed=!0,this.menu.destroy(),this.prompt.destroy(),this.dialog.destroy()}},An=[`1m`,`3m`,`5m`,`15m`,`30m`,`1h`,`2h`,`4h`,`1d`,`1w`,`1M`],jn=[`1m`,`5m`,`15m`,`1h`,`4h`,`1d`],Mn=6;function Nn(e){let t=e.slice(-1);return t===`h`||t===`d`||t===`w`?e.slice(0,-1)+t.toUpperCase():e}var Pn=e=>Number.isFinite((0,n.timeframeToMs)(e))||(0,n.tickBarCount)(e)!==null,Fn=(e,t)=>{let r=(0,n.tickBarCount)(e),i=(0,n.tickBarCount)(t);return r!==null||i!==null?r===null?1:i===null?-1:r-i:(0,n.timeframeToMs)(e)-(0,n.timeframeToMs)(t)};function In(e,t){let n=t?.length?t:null,r=e?.length?e:n??An;return[...new Set(r)].filter(e=>Pn(e)&&(!n||n.includes(e))).sort(Fn)}function Ln(e,t,n=!1){if(t?.length)return e.filter(e=>t.includes(e));if(n)return[...e];let r=e.filter(e=>jn.includes(e));return r.length>0?r:e.slice(0,Mn)}var Rn=9999,zn={"":`m`,s:`s`,S:`s`,m:`m`,h:`h`,H:`h`,d:`d`,D:`d`,w:`w`,W:`w`,M:`M`},Bn={s:[`m`,60],m:[`h`,60],h:[`d`,24]};function Vn(e){let t=/^(\d+)([a-zA-Z]?)$/.exec(e.trim());if(!t)return null;if(t[2]===`T`||t[2]===`t`){let e=`${Number(t[1])}T`;return Number(t[1])<=Rn&&(0,n.tickBarCount)(e)!==null?e:null}let r=Number(t[1]),i=zn[t[2]];if(!i||!Number.isSafeInteger(r)||r<1)return null;for(let e=Bn[i];e&&r%e[1]===0;e=Bn[i])r/=e[1],i=e[0];if(r>Rn)return null;let a=`${r}${i}`;return(0,n.isTimeFrame)(a)?a:null}function Hn(e,t,n){let r=n?.length?n:null,i=t.filter(e=>Pn(e)&&(!r||r.includes(e)));return[...new Set([...e,...i])].sort(Fn)}var Un=0,Wn=class{el;input;hint;returnFocus=null;constructor(e,t,n){this.labels=t,this.onApply=n,this.el=document.createElement(`div`),this.el.className=`tcw-interval-input`,this.el.hidden=!0,this.el.setAttribute(`role`,`dialog`),this.el.setAttribute(`aria-label`,t.title),this.input=document.createElement(`input`),this.input.type=`text`,this.input.className=`tcw-interval-field`,this.input.autocomplete=`off`,this.input.spellcheck=!1,this.input.maxLength=6,this.input.setAttribute(`aria-label`,t.title),this.hint=document.createElement(`div`),this.hint.className=`tcw-interval-hint`,this.hint.setAttribute(`role`,`status`),this.hint.id=`tcw-interval-hint-${++Un}`,this.input.setAttribute(`aria-describedby`,this.hint.id),this.el.append(this.input,this.hint),e.appendChild(this.el),this.input.addEventListener(`input`,()=>this.check()),this.input.addEventListener(`keydown`,e=>{e.key===`Enter`?(e.preventDefault(),e.stopPropagation(),this.apply()):e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),this.close())}),this.input.addEventListener(`blur`,()=>this.close(!1))}open(e){this.isOpen()||(this.returnFocus=document.activeElement instanceof HTMLElement?document.activeElement:null),this.el.hidden=!1,this.input.value=e,this.check(),this.input.focus(),this.input.setSelectionRange(e.length,e.length)}close(e=!0){if(this.el.hidden)return;this.el.hidden=!0;let t=this.returnFocus;this.returnFocus=null,e&&t?.isConnected&&t.focus({preventScroll:!0})}isOpen(){return!this.el.hidden}destroy(){this.el.remove()}check(){let e=Vn(this.input.value)!==null;!e&&this.input.value.trim()!==``?this.input.setAttribute(`aria-invalid`,`true`):this.input.removeAttribute(`aria-invalid`),this.hint.textContent=e||this.input.value.trim()===``?this.labels.hint:this.labels.invalid}apply(){let e=Vn(this.input.value);if(e&&this.onApply(e)){this.close();return}this.input.setAttribute(`aria-invalid`,`true`),this.hint.textContent=this.labels.invalid}},Gn=class{constructor(e=`tcw:indicator-templates`){this.key=e}list(){let e;try{e=JSON.parse(localStorage.getItem(this.key)??`[]`)}catch{return[]}if(!Array.isArray(e))return[];let t=[];for(let n of e){if(typeof n!=`object`||!n)continue;let{name:e,indicators:i}=n;if(typeof e!=`string`||!e.trim()||!Array.isArray(i))continue;let a=r.ChartStateManager.deserialize(JSON.stringify({version:2,indicators:i})).indicators;a.length>0&&t.push({name:e.slice(0,60),indicators:a})}return t.sort((e,t)=>e.name.localeCompare(t.name))}get(e){return this.list().find(t=>t.name===e)??null}save(e,t){let n=e.replace(/\s+/g,` `).trim().slice(0,60);if(!n)throw Error(`A template needs a name`);let r=[...this.list().filter(e=>e.name!==n),{name:n,indicators:[...t]}];localStorage.setItem(this.key,JSON.stringify(r))}remove(e){try{localStorage.setItem(this.key,JSON.stringify(this.list().filter(t=>t.name!==e)))}catch{}}},U=[],W=null;function Kn(e){let t=()=>{W=e};return e.addEventListener(`pointerdown`,t,!0),U.push(e),()=>{e.removeEventListener(`pointerdown`,t,!0);let n=U.indexOf(e);n>=0&&U.splice(n,1),W===e&&(W=null)}}function G(e,t=!1){let n=W?.isConnected?W:null;if(!n){let e=document.activeElement;n=e?U.find(t=>t.contains(e))??null:null}return!n&&!t&&(n=U.find(e=>e.isConnected)??null),n!==null&&e.contains(n)}function K(){let e=document.activeElement;return!!e&&(e.tagName===`INPUT`||e.tagName===`TEXTAREA`||e.tagName===`SELECT`||e.isContentEditable)}var qn=[`regular`,`logarithmic`,`percentage`,`indexedTo100`],Jn=e=>typeof e==`object`&&!!e&&!Array.isArray(e);function Yn(e){let{theme:t,timestamp:n,...r}=e;return r}function Xn(e){return!Jn(e)||e.v!==1||typeof e.symbol!=`string`||!e.symbol||typeof e.timeframe!=`string`||!((0,n.isTimeFrame)(e.timeframe)||(0,n.tickBarCount)(e.timeframe)!==null)?null:{v:1,symbol:e.symbol,timeframe:e.timeframe,scaleMode:qn.find(t=>t===e.scaleMode)??`regular`,invertScale:e.invertScale===!0,chart:Jn(e.chart)?Yn(e.chart):null}}function Zn(e){try{return JSON.parse(e)}catch{return null}}function Qn(){try{return typeof localStorage<`u`?localStorage:null}catch{return null}}var $n=class{favorites=[];constructor(e=`tcw:draw-favorites`,t=Qn()){this.storageKey=e,this.storage=t,this.load()}list(){return[...this.favorites]}has(e){return this.favorites.includes(e)}add(e){!e||this.favorites.includes(e)||(this.favorites=[...this.favorites,e],this.persist())}remove(e){this.favorites.includes(e)&&(this.favorites=this.favorites.filter(t=>t!==e),this.persist())}toggle(e){return this.has(e)?(this.remove(e),!1):(this.add(e),!0)}seedDefaults(e){this.favorites.length>0||(this.favorites=[...new Set(e.filter(Boolean))],this.persist())}load(){if(this.storage)try{let e=this.storage.getItem(this.storageKey);if(!e)return;let t=JSON.parse(e);Array.isArray(t)&&(this.favorites=[...new Set(t.filter(e=>typeof e==`string`))])}catch{}}persist(){if(this.storage)try{this.storage.setItem(this.storageKey,JSON.stringify(this.favorites))}catch{}}},er=/^(\d{4})-(\d{2})-(\d{2})$/,tr=/^(\d{2}):(\d{2})$/;function nr(e,t,r){let i=er.exec(e),a=t?tr.exec(t):[``,`00`,`00`];if(!i||!a)return null;let[o,s,c,l,u]=[+i[1],+i[2],+i[3],+a[1],+a[2]];if(s<1||s>12||c<1||c>31||l>23||u>59)return null;let d=Date.UTC(o,s-1,c,l,u);return new Date(d).getUTCDate()===c?(0,n.wallToUtc)(d,r):null}function q(e,t){let r=e=>String(e).padStart(2,`0`),i=(0,n.timeParts)(e,t);return{date:`${i.year}-${r(i.month)}-${r(i.day)}`,time:`${r(i.hours)}:${r(i.minutes)}`}}var rr=class{form=null;returnFocus=null;opener=null;onOutside=e=>{let t=e.target;this.form&&!this.form.contains(t)&&!this.opener?.contains(t)&&this.close()};constructor(e,t,n){this.host=e,this.labels=t,this.onSubmit=n}isOpen(){return this.form!==null}open(e,t=null){this.close(),this.opener=t,this.returnFocus=document.activeElement;let n=document.createElement(`form`);n.className=`tcw-goto`,n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-label`,this.labels.title);let r=document.createElement(`div`);r.className=`tcw-goto-title`,r.textContent=this.labels.title;let i=this.field(n,this.labels.date,`date`,e.date);i.required=!0;let a=this.field(n,this.labels.time,`time`,e.time),o=document.createElement(`div`);o.className=`tcw-goto-actions`;let s=document.createElement(`button`);s.type=`button`,s.className=`tcw-btn`,s.textContent=this.labels.cancel,s.addEventListener(`click`,()=>this.close());let c=document.createElement(`button`);c.type=`submit`,c.className=`tcw-btn tcw-goto-submit`,c.textContent=this.labels.submit,o.append(s,c),n.prepend(r),n.append(o),n.addEventListener(`submit`,e=>{if(e.preventDefault(),!i.value)return;let t={date:i.value,time:a.value};this.close(),this.onSubmit(t)}),n.addEventListener(`keydown`,e=>{e.stopPropagation(),e.key===`Escape`&&this.close()}),this.host.appendChild(n),this.form=n,document.addEventListener(`mousedown`,this.onOutside),i.focus()}close(){if(!this.form)return;document.removeEventListener(`mousedown`,this.onOutside),this.form.remove(),this.form=null;let e=this.returnFocus;this.returnFocus=null,e?.isConnected&&e.focus()}destroy(){this.close()}field(e,t,n,r){let i=document.createElement(`label`);i.className=`tcw-goto-field`;let a=document.createElement(`span`);a.textContent=t;let o=document.createElement(`input`);return o.type=n,o.value=r,o.className=`tcw-goto-input`,i.append(a,o),e.appendChild(i),o}},J=8,Y=4,X=3,ir=`[title]:not([title=""]), [data-tip]:not([data-tip=""])`,ar=class{el;target=null;source=null;pressed=null;showTimer=null;watchFrame=0;warmUntil=0;observer;constructor(e){this.root=e,this.el=document.createElement(`div`),this.el.className=`tcw-tooltip`,this.el.setAttribute(`aria-hidden`,`true`),e.appendChild(this.el),e.addEventListener(`pointerover`,this.onOver),e.addEventListener(`pointerout`,this.onOut),e.addEventListener(`pointerdown`,this.onPress,!0),e.addEventListener(`keydown`,this.onPress,!0),e.addEventListener(`focusin`,this.onFocus),e.addEventListener(`focusout`,this.onBlur),e.addEventListener(`wheel`,this.hide,{passive:!0}),this.observer=new MutationObserver(()=>{this.pressed?.hasAttribute(`title`)&&or(this.pressed);let e=this.target;!e||this.source!==`pointer`||!e.hasAttribute(`title`)||(or(e),this.isVisible()&&this.show(e))}),this.observer.observe(e,{subtree:!0,attributes:!0,attributeFilter:[`title`]})}destroy(){this.hide(),this.pressed&&Z(this.pressed),this.observer.disconnect(),this.root.removeEventListener(`pointerover`,this.onOver),this.root.removeEventListener(`pointerout`,this.onOut),this.root.removeEventListener(`pointerdown`,this.onPress,!0),this.root.removeEventListener(`keydown`,this.onPress,!0),this.root.removeEventListener(`focusin`,this.onFocus),this.root.removeEventListener(`focusout`,this.onBlur),this.root.removeEventListener(`wheel`,this.hide),this.el.remove()}onOver=e=>{if(e.pointerType===`touch`)return;let t=this.tipTarget(e.target);!t||t===this.pressed||t===this.target&&this.source===`pointer`||(or(t),this.schedule(t,`pointer`,Date.now()<this.warmUntil||this.isVisible()))};onOut=e=>{let t=e.relatedTarget,n=e=>!!e&&!!t&&e.contains(t);this.pressed&&!n(this.pressed)&&(Z(this.pressed),this.pressed=null),this.source===`pointer`&&!n(this.target)&&this.hide()};onPress=()=>{let e=this.target,t=this.source===`pointer`;this.warmUntil=0,this.clearTimer(),cancelAnimationFrame(this.watchFrame),this.el.classList.remove(`tcw-tooltip--visible`),this.target=null,this.source=null,this.pressed&&this.pressed!==e&&Z(this.pressed),this.pressed=t?e:null};onFocus=e=>{let t=this.tipTarget(e.target);!t||!lr(t)||t===this.pressed||this.schedule(t,`focus`,!0)};onBlur=e=>{if(this.source!==`focus`)return;let t=e.relatedTarget;this.target&&t&&this.target.contains(t)||this.hide()};hide=()=>{this.clearTimer(),cancelAnimationFrame(this.watchFrame),this.isVisible()&&(this.warmUntil=Date.now()+500),this.el.classList.remove(`tcw-tooltip--visible`),this.target&&this.source===`pointer`&&Z(this.target),this.target=null,this.source=null};tipTarget(e){if(!(e instanceof Element))return null;let t=e.closest(ir);return t&&t!==this.el&&this.root.contains(t)?t:null}schedule(e,t,n){let r=this.target;if(this.clearTimer(),cancelAnimationFrame(this.watchFrame),r&&r!==e&&this.source===`pointer`&&Z(r),this.target=e,this.source=t,n){this.show(e);return}this.el.classList.remove(`tcw-tooltip--visible`),this.showTimer=setTimeout(()=>{this.showTimer=null,this.target===e&&this.show(e)},300)}show(e){if(!cr(e)){this.hide();return}this.el.textContent=sr(e),this.place(e),this.el.classList.add(`tcw-tooltip--visible`),this.watch(e)}watch(e){cancelAnimationFrame(this.watchFrame),this.watchFrame=requestAnimationFrame(()=>{this.target===e&&(cr(e)?this.watch(e):this.hide())})}place(e){let t=this.root.getBoundingClientRect(),n=e.getBoundingClientRect(),r=this.el.offsetWidth,i=this.el.offsetHeight,a=n.left-t.left,o=n.top-t.top,s=ur(e);s===`bottom`&&o+n.height+J+i>t.height?s=`top`:s===`top`&&o-J-i<0?s=`bottom`:s===`right`&&a+n.width+J+r>t.width&&(s=`left`);let c,l;s===`top`||s===`bottom`?(c=a+n.width/2-r/2,l=s===`bottom`?o+n.height+J:o-J-i):(c=s===`right`?a+n.width+J:a-J-r,l=o+n.height/2-i/2),c=Math.max(Y,Math.min(t.width-r-Y,c)),l=Math.max(Y,Math.min(t.height-i-Y,l)),this.el.style.left=`${Math.round(c)}px`,this.el.style.top=`${Math.round(l)}px`;let u={top:[0,X],bottom:[0,-X],left:[X,0],right:[-X,0]}[s];this.el.style.setProperty(`--tcw-tip-dx`,`${u[0]}px`),this.el.style.setProperty(`--tcw-tip-dy`,`${u[1]}px`),this.el.dataset.side=s}isVisible(){return this.el.classList.contains(`tcw-tooltip--visible`)}clearTimer(){this.showTimer!==null&&(clearTimeout(this.showTimer),this.showTimer=null)}};function or(e){let t=e.getAttribute(`title`);t!==null&&(e.dataset.tip=t,e.removeAttribute(`title`))}function Z(e){e.dataset.tip!==void 0&&!e.hasAttribute(`title`)&&(e.setAttribute(`title`,e.dataset.tip),delete e.dataset.tip)}function sr(e){return e.dataset.tip??e.getAttribute(`title`)??``}function cr(e){return e.isConnected&&e.getClientRects().length>0&&!e.disabled}function lr(e){try{return e.matches(`:focus-visible`)}catch{return!1}}function ur(e){return e.dataset.tipSide||(e.closest(`.tcw-sidebar`)?`right`:e.closest(`.tcw-statusbar, .tcw-replay-bar`)?`top`:`bottom`)}var dr=2,fr=class{stack;toggle;rows=new Map;panes=new Map;collapsed=!1;toggleKey=``;stackKey=``;constructor(e,t,n){this.host=e,this.callbacks=t,this.labels=n,this.stack=document.createElement(`div`),this.stack.className=`tcw-ind-legend`,this.toggle=document.createElement(`button`),this.toggle.type=`button`,this.toggle.className=`tcw-ind-legend-toggle`,this.toggle.addEventListener(`click`,()=>{this.setCollapsed(!this.collapsed),this.renderToggle(this.overlayCount())}),this.stack.appendChild(this.toggle),e.appendChild(this.stack)}update(e,t,n=[]){this.updatePanes(n);let r=`${Math.round(t.left)},${Math.round(t.top)}`;r!==this.stackKey&&(this.stackKey=r,this.stack.style.left=`${Math.round(t.left)}px`,this.stack.style.top=`${Math.round(t.top)}px`);let i=new Set,a=!1;for(let t of e){i.add(t.instanceId);let e=this.rows.get(t.instanceId)??this.createRow(t.instanceId);this.fill(e,t),t.pane?e.el.parentElement!==this.host&&this.host.appendChild(e.el):e.el.parentElement!==this.stack&&(this.stack.insertBefore(e.el,this.toggle),a=!0),this.place(e,t.pane)}for(let[e,t]of this.rows)i.has(e)||(t.el.remove(),this.rows.delete(e));a&&this.collapsed&&this.setCollapsed(!1),this.renderToggle(e.filter(e=>!e.pane).length)}destroy(){for(let e of this.rows.values())e.el.remove();this.rows.clear();for(let e of this.panes.values())e.el.remove();this.panes.clear(),this.stack.remove()}updatePanes(e){if(!this.callbacks.onPaneAction)return;let t=new Set;for(let n of e){t.add(n.instanceId);let e=this.panes.get(n.instanceId)??this.createPane(n.instanceId),r=`${Math.round(n.x)},${Math.round(n.y)}|${n.label}|${n.collapsed}|${n.maximized}|${n.canMoveUp}|${n.canMoveDown}`;if(r===e.key)continue;e.key=r,e.el.style.left=`${Math.round(n.x)}px`,e.el.style.top=`${Math.round(n.y)}px`;let i=this.labels,a=(t,r,i,a)=>{let o=e.buttons.get(t);!r&&document.activeElement===o&&e.buttons.get(`max`).focus(),o.hidden=!r,o.innerHTML=S(i,12),Q(o,a??t,n.label)};a(`up`,n.canMoveUp&&!n.maximized,`arrowUp`,i.paneUp),a(`down`,n.canMoveDown&&!n.maximized,`arrowDown`,i.paneDown),a(`fold`,!n.maximized,n.collapsed?`chevronDown`:`chevronUp`,n.collapsed?i.paneExpand:i.paneCollapse),a(`max`,!0,n.maximized?`minimize`:`maximize`,n.maximized?i.paneRestore:i.paneMaximize),e.el.dataset.collapsed=String(n.collapsed),e.el.dataset.maximized=String(n.maximized)}for(let[e,n]of this.panes)t.has(e)||(n.el.remove(),this.panes.delete(e))}createPane(e){let t=document.createElement(`div`);t.className=`tcw-pane-controls`,t.dataset.instance=e;let n=new Map,r=e=>e===`up`||e===`down`?e:e===`fold`?t.dataset.collapsed===`true`?`expand`:`collapse`:t.dataset.maximized===`true`?`restore`:`maximize`;for(let i of[`up`,`down`,`fold`,`max`]){let a=document.createElement(`button`);a.type=`button`,a.className=`tcw-pane-btn`,a.dataset.act=i,a.addEventListener(`click`,()=>this.callbacks.onPaneAction?.(e,r(i))),n.set(i,a),t.appendChild(a)}this.host.appendChild(t);let i={el:t,buttons:n,key:``};return this.panes.set(e,i),i}createRow(e){let t=document.createElement(`div`);t.className=`tcw-ind-legend-row`,t.dataset.instance=e;let n=document.createElement(`button`);n.type=`button`,n.className=`tcw-ind-legend-name`,n.addEventListener(`click`,()=>this.callbacks.onSettings(e));let r=document.createElement(`span`);r.className=`tcw-ind-legend-values`;let i=document.createElement(`span`);i.className=`tcw-ind-legend-actions`;let a=(e,t,n)=>{let r=document.createElement(`button`);return r.type=`button`,r.className=`tcw-ind-legend-act`,r.dataset.act=e,r.innerHTML=S(t,13),r.addEventListener(`click`,n),i.appendChild(r),r},o=a(`visible`,`eye`,()=>{this.callbacks.onToggleVisible(e,!u.visible)}),s=a(`settings`,`settings`,()=>this.callbacks.onSettings(e)),c=this.callbacks.onMore?a(`more`,`more`,()=>this.callbacks.onMore?.(e,c)):null,l=a(`remove`,`x`,()=>this.callbacks.onRemove(e));t.append(n,r,i);let u={el:t,name:n,values:r,eye:o,settings:s,more:c,remove:l,visible:!0,valuesKey:``,state:``,placeKey:``};return this.rows.set(e,u),u}fill(e,t){let n=`${t.label}|${t.visible}`;n!==e.state&&(e.state=n,e.visible=t.visible,e.name.textContent=t.label,e.name.title=this.labels.settings,e.el.classList.toggle(`tcw-ind-legend-row--hidden`,!t.visible),e.eye.innerHTML=S(t.visible?`eye`:`eyeOff`,13),Q(e.eye,t.visible?this.labels.hide:this.labels.show,t.label),Q(e.settings,this.labels.settings,t.label),e.more&&(Q(e.more,this.labels.more??`More`,t.label),e.more.setAttribute(`aria-haspopup`,`menu`)),Q(e.remove,this.labels.remove,t.label));let r=t.values.map(e=>`${e.text}${e.color??``}`).join(``);r!==e.valuesKey&&(e.valuesKey=r,e.values.replaceChildren(...t.values.map(e=>{let t=document.createElement(`span`);return t.textContent=e.text,e.color&&(t.style.color=e.color),t})))}place(e,t){let n=t?`${Math.round(t.x)},${Math.round(t.y)},${Math.round(t.width)}`:``;n!==e.placeKey&&(e.placeKey=n,e.el.classList.toggle(`tcw-ind-legend-row--pane`,t!==null),e.el.style.left=t?`${Math.round(t.x)}px`:``,e.el.style.top=t?`${Math.round(t.y)}px`:``,e.el.style.maxWidth=t?`${Math.max(0,Math.round(t.width))}px`:``)}setCollapsed(e){this.collapsed=e,this.stack.classList.toggle(`tcw-ind-legend--collapsed`,e)}overlayCount(){return this.stack.querySelectorAll(`:scope > .tcw-ind-legend-row`).length}renderToggle(e){let t=e>=dr;!t&&this.collapsed&&this.setCollapsed(!1);let n=`${t}|${this.collapsed}|${e}`;if(n===this.toggleKey||(this.toggleKey=n,this.toggle.hidden=!t,!t))return;let r=this.collapsed?this.labels.expand:this.labels.collapse;Q(this.toggle,r,this.collapsed?`(${e})`:void 0),this.toggle.setAttribute(`aria-expanded`,String(!this.collapsed));let i=S(this.collapsed?`chevronDown`:`chevronUp`,12);this.toggle.innerHTML=this.collapsed?`${i}<span>${e}</span>`:i}};function Q(e,t,n){e.title=t,e.setAttribute(`aria-label`,n?`${t} ${n}`:t)}function pr(e,t,n){if(!t)return[];let i=e.plots;if(!i){let e=[];for(let n in t){let r=t[n];typeof r==`number`&&Number.isFinite(r)&&e.push(r)}let r=e.length===1?n[0]??null:null;return e.map(e=>({value:e,color:r}))}let a={colors:[...n],lineWidths:[],opacity:1},o=[];for(let e of i){let i=t[e.key];typeof i!=`number`||!Number.isFinite(i)||o.push({value:i,color:n.length?(0,r.plotColor)(e,a,t):null})}return o}var mr=new Map;function hr(e){let t=mr.get(e);return t||(t=new Intl.NumberFormat(e,{notation:`compact`,maximumFractionDigits:2}),mr.set(e,t)),t}function gr(e,t=`en-US`){return Math.abs(e)>=1e6?hr(t).format(e):(0,n.formatPrice)(e,(0,r.indicatorValuePrecision)(e),t)}var _r=class{el;labelEl;callbacks;visible=!1;constructor(e,n,r=t.t){this.t=r,this.callbacks=n,this.el=document.createElement(`div`),this.el.className=`tcw-bracket-bar`,this.el.hidden=!0,this.labelEl=document.createElement(`span`),this.labelEl.className=`tcw-bracket-label`,this.el.appendChild(this.labelEl);let i=document.createElement(`span`);i.className=`tcw-bracket-hint`,i.textContent=this.t(`bracket.hint`),this.el.appendChild(i);let a=document.createElement(`button`);a.type=`button`,a.className=`tcw-bracket-cancel`,a.innerHTML=`${S(`x`,14)}<span>${w(this.t(`common.cancel`))}</span>`,a.addEventListener(`click`,()=>this.callbacks.onCancel());let o=document.createElement(`button`);o.type=`button`,o.className=`tcw-bracket-confirm`,o.innerHTML=`${S(`check`,14)}<span>${w(this.t(`bracket.place`))}</span>`,o.addEventListener(`click`,()=>this.callbacks.onConfirm()),this.el.appendChild(a),this.el.appendChild(o),e.appendChild(this.el)}show(e){this.visible=!0,this.labelEl.textContent=e===`buy`?this.t(`toolbar.longBracket`):this.t(`toolbar.shortBracket`),this.labelEl.dataset.side=e,this.el.hidden=!1}hide(){this.visible=!1,this.el.hidden=!0}isVisible(){return this.visible}destroy(){this.el.remove()}},vr=class{options;audioCtx=null;audioEl=null;permissionAsked=!1;constructor(e={}){if(this.options=e,typeof e.sound==`string`)try{this.audioEl=new Audio(e.sound),this.audioEl.preload=`auto`}catch{this.audioEl=null}e.desktop&&this.ensurePermission()}setOptions(e){this.options={...this.options,...e}}notify(e){this.options.sound&&this.playSound(),this.options.desktop&&this.showDesktop(e)}playSound(){if(this.audioEl){this.audioEl.currentTime=0,this.audioEl.play().catch(()=>{});return}this.beep()}beep(){try{let e=window.AudioContext??window.webkitAudioContext;if(!e)return;this.audioCtx||=new e;let t=this.audioCtx,n=t.currentTime,r=t.createGain();r.gain.setValueAtTime(1e-4,n),r.gain.exponentialRampToValueAtTime(.2,n+.01),r.gain.exponentialRampToValueAtTime(1e-4,n+.35),r.connect(t.destination);let i=t.createOscillator();i.type=`sine`,i.frequency.setValueAtTime(880,n),i.frequency.setValueAtTime(1320,n+.16),i.connect(r),i.start(n),i.stop(n+.36)}catch{}}ensurePermission(){this.permissionAsked||(this.permissionAsked=!0,!(typeof Notification>`u`)&&Notification.permission===`default`&&Notification.requestPermission().catch(()=>{}))}showDesktop(e){if(!(typeof Notification>`u`)){if(Notification.permission!==`granted`){this.ensurePermission();return}try{new Notification(this.options.title??`Price alert`,{body:e})}catch{}}}destroy(){try{this.audioCtx?.close()}catch{}this.audioCtx=null,this.audioEl=null}};function yr(e,t=12){let n=[...e.asks].sort((e,t)=>e.price-t.price).slice(0,t),r=[...e.bids].sort((e,t)=>t.price-e.price).slice(0,t),i=n.length>0?n[0].price:null,a=r.length>0?r[0].price:null,o=i!==null&&a!==null?(i+a)/2:null,s=new Map,c=e=>{let t=s.get(e);return t||(t={price:e,bidVolume:0,askVolume:0},s.set(e,t)),t};for(let e of n)c(e.price).askVolume+=e.volume;for(let e of r)c(e.price).bidVolume+=e.volume;let l=[...s.values()].sort((e,t)=>t.price-e.price),u=0;for(let e of l)u=Math.max(u,e.bidVolume,e.askVolume);return{rows:l,maxVolume:u,mid:o}}var br=class{el;bodyEl;callbacks;open=!1;levels;constructor(e,n,r=12,i=t.t){this.t=i,this.callbacks=n,this.levels=r,this.el=document.createElement(`div`),this.el.className=`tcw-ladder`,this.el.hidden=!0;let a=document.createElement(`div`);a.className=`tcw-ladder-header`;let o=document.createElement(`span`);o.textContent=this.t(`ladder.title`);let s=document.createElement(`button`);s.type=`button`,s.className=`tcw-ladder-close`,s.setAttribute(`aria-label`,this.t(`common.close`)),s.innerHTML=S(`x`,14),s.addEventListener(`click`,()=>this.close()),a.appendChild(o),a.appendChild(s),this.el.appendChild(a);let c=document.createElement(`div`);c.className=`tcw-ladder-cols`,c.innerHTML=[this.t(`ladder.bid`),this.t(`ladder.price`),this.t(`ladder.ask`)].map(e=>`<span>${w(e)}</span>`).join(``),this.el.appendChild(c),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-ladder-body`,this.el.appendChild(this.bodyEl),e.appendChild(this.el)}isOpen(){return this.open}toggle(){this.open?this.close():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1}close(){this.open=!1,this.el.hidden=!0}setData(e){if(!e){this.renderEmpty();return}this.render(yr(e,this.levels))}destroy(){this.el.remove()}renderEmpty(){this.bodyEl.replaceChildren();let e=document.createElement(`div`);e.className=`tcw-ladder-empty`,e.textContent=this.t(`ladder.empty`),this.bodyEl.appendChild(e)}render(e){if(this.bodyEl.replaceChildren(),e.rows.length===0){this.renderEmpty();return}let n=e.maxVolume>0?1/e.maxVolume:0;for(let r of e.rows){let e=r.askVolume>0,i=document.createElement(`div`);i.className=`tcw-ladder-row`;let a=document.createElement(`button`);a.type=`button`,a.className=`tcw-ladder-cell tcw-ladder-bid`,r.bidVolume>0?(a.textContent=xr(r.bidVolume),a.style.setProperty(`--w`,`${(r.bidVolume*n*100).toFixed(1)}%`),a.title=t.r(this.t(`ladder.sellAt`),{price:this.callbacks.formatPrice(r.price)}),a.addEventListener(`click`,()=>this.callbacks.onTrade(`sell`,r.price))):a.disabled=!0;let o=document.createElement(`div`);o.className=`tcw-ladder-price ${e?`tcw-ask`:`tcw-bid`}`,o.textContent=this.callbacks.formatPrice(r.price);let s=document.createElement(`button`);s.type=`button`,s.className=`tcw-ladder-cell tcw-ladder-ask`,r.askVolume>0?(s.textContent=xr(r.askVolume),s.style.setProperty(`--w`,`${(r.askVolume*n*100).toFixed(1)}%`),s.title=t.r(this.t(`ladder.buyAt`),{price:this.callbacks.formatPrice(r.price)}),s.addEventListener(`click`,()=>this.callbacks.onTrade(`buy`,r.price))):s.disabled=!0,i.appendChild(a),i.appendChild(o),i.appendChild(s),this.bodyEl.appendChild(i)}}};function xr(e){return e>=1e3?(e/1e3).toFixed(1)+`k`:e>=1?e.toFixed(2).replace(/\.00$/,``):e.toPrecision(2)}var Sr=class{el;bodyEl;callbacks;open=!1;constructor(e,n,r=t.t){this.t=r,this.callbacks=n,this.el=document.createElement(`div`),this.el.className=`tcw-datawin`,this.el.hidden=!0;let i=document.createElement(`div`);i.className=`tcw-datawin-header`;let a=document.createElement(`span`);a.textContent=this.t(`dataWindow.title`);let o=document.createElement(`button`);o.type=`button`,o.className=`tcw-datawin-close`,o.setAttribute(`aria-label`,this.t(`common.close`)),o.innerHTML=S(`x`,14),o.addEventListener(`click`,()=>this.close()),i.appendChild(a),i.appendChild(o),this.el.appendChild(i),this.bodyEl=document.createElement(`div`),this.bodyEl.className=`tcw-datawin-body`,this.el.appendChild(this.bodyEl),e.appendChild(this.el)}isOpen(){return this.open}toggle(){this.open?this.close():this.openPanel()}openPanel(){this.open=!0,this.el.hidden=!1}close(){this.open=!1,this.el.hidden=!0}destroy(){this.el.remove()}render(e){if(!this.open)return;if(this.bodyEl.replaceChildren(),!e.ohlc){let e=document.createElement(`div`);e.className=`tcw-datawin-empty`,e.textContent=this.t(`dataWindow.hover`),this.bodyEl.appendChild(e);return}let t=this.callbacks.formatPrice,n=e.ohlc;this.bodyEl.appendChild(this.row(this.t(`dataWindow.open`),t(n.open))),this.bodyEl.appendChild(this.row(this.t(`dataWindow.high`),t(n.high))),this.bodyEl.appendChild(this.row(this.t(`dataWindow.low`),t(n.low))),this.bodyEl.appendChild(this.row(this.t(`dataWindow.close`),t(n.close)));let r=e.change>0?`up`:e.change<0?`down`:``,i=e.change>0?`+`:``;this.bodyEl.appendChild(this.row(this.t(`dataWindow.change`),`${i}${t(e.change)} (${i}${e.changePct.toFixed(2)}%)`,r)),this.bodyEl.appendChild(this.row(this.t(`dataWindow.volume`),wr(n.volume)));for(let t of e.indicators){let e=document.createElement(`div`);e.className=`tcw-datawin-sub`,e.textContent=t.name,this.bodyEl.appendChild(e);for(let e of t.values)this.bodyEl.appendChild(this.row(e.key,Cr(e.value)))}}row(e,t,n=``){let r=document.createElement(`div`);r.className=`tcw-datawin-row`;let i=document.createElement(`span`);i.className=`tcw-datawin-label`,i.textContent=e;let a=document.createElement(`span`);return a.className=`tcw-datawin-value${n?` tcw-${n}`:``}`,a.textContent=t,r.appendChild(i),r.appendChild(a),r}};function Cr(e){if(!Number.isFinite(e))return`—`;let t=Math.abs(e);return t>=1e3?e.toFixed(2):t>=1?e.toFixed(4):e.toPrecision(4)}function wr(e){return e>=1e9?(e/1e9).toFixed(2)+`B`:e>=1e6?(e/1e6).toFixed(2)+`M`:e>=1e3?(e/1e3).toFixed(2)+`K`:e.toFixed(0)}var Tr=globalThis.Buffer;function Er(e){if(Tr)return Tr.from(e,`utf8`).toString(`base64`);let t=new TextEncoder().encode(e),n=``;for(let e of t)n+=String.fromCharCode(e);return btoa(n)}function Dr(e){if(Tr)return Tr.from(e,`base64`).toString(`utf8`);let t=atob(e),n=new Uint8Array(t.length);for(let e=0;e<t.length;e++)n[e]=t.charCodeAt(e);return new TextDecoder().decode(n)}function Or(e){return e.replace(/\+/g,`-`).replace(/\//g,`_`).replace(/=+$/,``)}function kr(e){let t=e.replace(/-/g,`+`).replace(/_/g,`/`);return t+(t.length%4==0?``:`=`.repeat(4-t.length%4))}function Ar(e){return Or(Er(JSON.stringify(e)))}function jr(e){if(!e)return null;try{let t=Dr(kr(e)),n=JSON.parse(t);return!n||n.v!==1||typeof n.symbol!=`string`?null:{v:1,symbol:n.symbol,timeframe:n.timeframe,chartType:n.chartType,scaleMode:n.scaleMode??`regular`,indicators:Array.isArray(n.indicators)?n.indicators:[],drawings:Array.isArray(n.drawings)?n.drawings:[]}}catch{return null}}var Mr=`tcw`;function Nr(e){let t=e.startsWith(`#`)?e.slice(1):e;for(let e of t.split(`&`)){let t=e.indexOf(`=`);if(t>0&&e.slice(0,t)===Mr)return decodeURIComponent(e.slice(t+1))}return null}function Pr(e,t){let[n]=e.split(`#`);return`${n}#${Mr}=${t}`}var Fr=[[34,16,28,26,!1],[30,14,24,26,!0],[26,18,20,30,!0],[30,10,24,22,!1],[20,16,14,28,!0],[14,18,8,30,!0],[18,10,12,20,!1],[8,18,2,30,!0]],Ir=class{el;label;showTimer=null;phase=`loading`;constructor(e,t){this.loadingText=t,this.el=document.createElement(`div`),this.el.className=`tcw-loading-overlay`,this.el.setAttribute(`role`,`status`),this.el.setAttribute(`aria-live`,`polite`);let n=document.createElement(`div`);n.className=`tcw-loading-card`;let r=document.createElement(`div`);r.className=`tcw-loading-candles`,r.setAttribute(`aria-hidden`,`true`),Fr.forEach(([e,t,n,i,a],o)=>{let s=document.createElement(`span`);s.className=a?`tcw-loading-candle tcw-loading-candle--up`:`tcw-loading-candle`,s.style.setProperty(`--tcw-body-top`,`${e}px`),s.style.setProperty(`--tcw-body-h`,`${t}px`),s.style.setProperty(`--tcw-wick-top`,`${n}px`),s.style.setProperty(`--tcw-wick-h`,`${i}px`),s.style.setProperty(`--tcw-delay`,`${o*110}ms`),r.appendChild(s)}),n.appendChild(r);let i=document.createElement(`div`);i.className=`tcw-loading-track`,i.setAttribute(`aria-hidden`,`true`),i.appendChild(document.createElement(`span`)),n.appendChild(i),this.label=document.createElement(`div`),this.label.className=`tcw-loading-label`,this.label.textContent=t,n.appendChild(this.label),this.el.appendChild(n),e.appendChild(this.el)}begin(e,t=!1){if(this.phase=`loading`,this.clearTimer(),this.label.textContent=this.loadingText,this.el.classList.remove(`tcw-loading-overlay--error`),this.el.classList.toggle(`tcw-loading-overlay--veil`,e),!e||t||this.isShown()){this.el.classList.remove(`tcw-loading-overlay--hidden`);return}this.showTimer=setTimeout(()=>{this.showTimer=null,this.el.classList.remove(`tcw-loading-overlay--hidden`)},200)}end(){this.phase=`idle`,this.clearTimer(),this.el.classList.add(`tcw-loading-overlay--hidden`)}fail(e){this.phase!==`idle`&&(this.phase=`failed`,this.clearTimer(),this.label.textContent=e,this.el.classList.add(`tcw-loading-overlay--error`),this.el.classList.remove(`tcw-loading-overlay--hidden`))}isActive(){return this.phase!==`idle`}hasFailed(){return this.phase===`failed`}isShown(){return!this.el.classList.contains(`tcw-loading-overlay--hidden`)}destroy(){this.clearTimer(),this.el.remove()}clearTimer(){this.showTimer!==null&&(clearTimeout(this.showTimer),this.showTimer=null)}},Lr=4e3,Rr=class{el;text;hideTimer=null;constructor(e,t){this.texts=t,this.el=document.createElement(`div`),this.el.className=`tcw-history-pill tcw-history-pill--hidden`,this.el.setAttribute(`aria-hidden`,`true`),this.el.setAttribute(`role`,`status`),this.el.setAttribute(`aria-live`,`polite`);let n=document.createElement(`span`);n.className=`tcw-history-spinner`,n.setAttribute(`aria-hidden`,`true`),this.text=document.createElement(`span`),this.el.append(n,this.text),e.appendChild(this.el)}update(e){this.clearTimer(),e.state===`loading`?this.show(this.texts.loading,!1):e.state===`error`?(this.show(this.texts.failed,!0),this.hideTimer=setTimeout(()=>this.hide(),Lr)):this.hide()}destroy(){this.clearTimer(),this.el.remove()}show(e,t){this.text.textContent=e,this.el.classList.toggle(`tcw-history-pill--error`,t),this.el.classList.remove(`tcw-history-pill--hidden`),this.el.removeAttribute(`aria-hidden`)}hide(){this.hideTimer=null,this.el.classList.add(`tcw-history-pill--hidden`),this.el.setAttribute(`aria-hidden`,`true`),this.text.textContent=``}clearTimer(){this.hideTimer!==null&&clearTimeout(this.hideTimer),this.hideTimer=null}},zr=48,Br=5e4,Vr=100;function Hr(){return new Promise(e=>{if(typeof requestAnimationFrame!=`function`||document.hidden){setTimeout(e,0);return}let t=setTimeout(e,Vr);requestAnimationFrame(()=>setTimeout(()=>{clearTimeout(t),e()},0))})}var Ur=[`#4c8dff`,`#a57cff`,`#1398a8`,`#e25592`,`#8a93a3`,`#62c895`],Wr=4,Gr=7,Kr=17,qr=3,Jr=[`1m`,`3m`,`5m`,`15m`,`30m`,`1h`,`2h`,`4h`,`1d`],Yr=5e3,Xr=()=>{let e=document.activeElement;return e instanceof Element&&e.closest(`[role="dialog"], [aria-modal="true"], [role="menu"]`)!==null},Zr={KeyT:`trendLine`,KeyH:`horizontalLine`,KeyJ:`horizontalRay`,KeyV:`verticalLine`,KeyC:`crossLine`,KeyF:`fibRetracement`},Qr=e=>(e[e.length-1]?.time??0)>0xe8d4a51000?1:1e3,$r=class{chart;state;toolbar=null;sidebar=null;settings=null;statusBar=null;goToDate=null;tooltip;indicatorLegend=null;legendFrame=0;portal=document.createElement(`div`);overlayHost=()=>{let e=document.fullscreenElement===this.root?this.root:document.body;return this.portal.parentElement!==e&&e.appendChild(this.portal),this.portal};unregisterKeys=()=>{};onFullscreenChange=()=>{this.toolbar?.setFullscreen(document.fullscreenElement===this.root),this.portal.isConnected&&this.overlayHost()};commandPalette=null;symbolSearch=null;hotkeySheet=null;replayBar=null;dragDrop=null;alertsPanel=null;objectTree=null;indicatorSettings=null;drawingStyle=null;drawingSettings=null;drawingMenu=null;chartMenu=null;menuPane=null;canExport=!0;symbolLoads=new Map;ui;legendMenu=null;templates=new Gn;templatePrompt=null;intervalInput=null;markerTip=null;accountPanel=null;orderTicket=null;accountFrame=0;layoutSession=null;layoutsUI=null;bracketBar=null;alertNotifier=null;depthLadder=null;dataWindow=null;lastHoverIndex=null;legendHoverIndex=null;favoritesStore=new $n;timeframeFavorites=new $n(`tcw:tf-favorites`);customTimeframes=new $n(`tcw:tf-custom`);timeframes=[];watchlist=null;watchlistSparkBuffer=new Map;sessionRefPrice=null;hostWatchlistRefPrice=new Map;watchlistInterval=null;watchlistStore=null;watchlistFromSymbols=!1;quoteSource=null;stopQuotes=null;quotedKey=``;quotes=new Map;symbolInfoPanel=null;newsRequest=0;newsCache=new Map;marketTimer=null;chartNav=null;visibleBarCount=50;replayPollInterval=null;replaySpeed=5;replayStep=`bar`;replayStartSeq=0;replayStepsCache=null;replayShade=null;layoutKeyPrefix=null;layoutDebounceMs=1500;activeLayoutKey=null;root;chartContainer;loading;historyPill;connectSeq=0;localSeq=0;lastLocalSwitchMs=0;destroyed=!1;options;symbols;settingsState;settingsDefaults;t;adapter=null;boundGlobalKeydown=null;baseSeries=null;baseTimeframeMs=0;compares=[];constructor(i,a={}){this.options=a,this.symbols=a.symbols??te;let o=a.chartOptions;if(this.settingsState={...ne,...o?.numberLocale?{numberLocale:o.numberLocale}:{},...o?.timeZone==null?{}:{timezone:c(o.timeZone)},...o?.leftPriceScale===void 0?{}:{leftPriceScale:o.leftPriceScale},...o?.highLowLines===void 0?{}:{highLowLines:o.highLowLines},...o?.extendedHours===void 0?{}:{extendedHours:o.extendedHours},...o?.chartTypeOptions?{chartTypeOptions:(0,n.readChartTypeOptions)(o.chartTypeOptions)}:{}},this.t=t.n(t.o(a.locale,a.messages)),a.persistLayouts){let e=a.persistLayouts===!0?{}:a.persistLayouts;this.layoutKeyPrefix=e.keyPrefix??`tcw:layout:`,this.layoutDebounceMs=e.debounceMs??1500}let s=this.resolveIsDark(a.theme),l=this.resolveTheme(a.theme),p={drawings:!0,drawingMagnet:!0,drawingUndoRedo:!0,indicators:!0,trading:a.trading!==!1,tradingContextMenu:!1,priceAxisAddButton:a.alerts!==!1||a.trading!==!1||a.drawingTools!==!1,volume:!0,legend:!0,crosshair:!0,crosshairTooltip:!1,keyboard:!0,screenshot:!0,alerts:!0,barCountdown:!0,logScale:!0,watermark:!0,...a.chartOptions?.features};if(this.canExport=p.dataExport!==!1,this.settingsDefaults={...this.settingsState,legendVisible:p.legend!==!1,barCountdown:p.barCountdown!==!1,indicatorValueLabels:p.indicatorValueLabels!==!1},this.settingsState={...this.settingsDefaults},this.timeframes=Hn(In(a.timeframes,p.timeframes),this.customTimeframes.list(),p.timeframes),!this.timeframes.some(e=>this.timeframeFavorites.has(e))){let e=Ln(this.timeframes,p.defaultTimeframeFavorites,!!a.timeframes?.length);for(let t of e)this.timeframeFavorites.add(t)}let m=a.timeframe??`5m`,h=!p.timeframes?.length||p.timeframes.includes(m)?m:this.timeframes[0]??m;this.state={symbol:a.symbol??this.symbols[0]??`BTCUSDT`,timeframe:h,chartType:a.chartOptions?.chartType??`candlestick`,isDark:s,activeIndicators:new Map,activeTool:null,magnetEnabled:p.drawingMagnet!==!1,magnetStrong:!1,eraser:!1,zoomArea:!1,stayInDrawing:!1,connectionState:a.adapter?`connecting`:`disconnected`,connectionMessage:a.adapter?this.t(`status.connecting`):``},g(),this.root=document.createElement(`div`),this.root.className=`tcw-root`,this.root.dataset.tcwTheme=s?`dark`:`light`;let _=a.dir===`ltr`||a.dir===`rtl`?a.dir:li(a.locale)?`rtl`:`ltr`;this.root.dir=_,this.portal.dir=_,i.appendChild(this.root),this.tooltip=new ar(this.root),this.portal.className=`tcw-root tcw-portal`,this.portal.dataset.tcwTheme=this.root.dataset.tcwTheme,this.ui=N(a.ui);let v=a.ui!==void 0;P(this.root,this.ui,{variables:v}),P(this.portal,this.ui,{variables:v}),a.toolbar!==!1&&(this.toolbar=new ve(this.root,{symbols:this.symbols,timeframes:this.timeframeMenu(),timeframeFavorites:this.pinnedTimeframes(),chartTypes:a.chartTypes?u.filter(e=>a.chartTypes.includes(e.value)):u,indicators:ee,popularIndicatorIds:f},{onSymbolClick:()=>this.handleSymbolClick(),onSymbolInfo:a.symbolInfo===!1?void 0:()=>this.toggleSymbolInfo(),onTimeframe:e=>this.handleTimeframe(e),onToggleTimeframeFavorite:e=>this.handleToggleTimeframeFavorite(e),onAddTimeframe:a.customTimeframes===!1?void 0:e=>this.handleAddTimeframe(e),onRemoveTimeframe:e=>this.handleRemoveTimeframe(e),onChartType:e=>this.handleChartType(e),onAddIndicator:e=>this.handleAddIndicator(e),onScreenshot:()=>this.chart.screenshot(),onSettings:()=>this.openSettings(),onToggleTheme:()=>this.handleToggleTheme(),onToggleReplay:()=>this.toggleReplay(),onToggleAlerts:a.alerts===!1?void 0:()=>this.toggleAlerts(),onToggleObjects:a.objectTree===!1?void 0:()=>this.toggleObjects(),onToggleAccount:a.trading!==!1&&a.accountPanel!==!1?()=>this.accountPanel?.toggle():void 0,onLayouts:a.layouts===!1?void 0:e=>void this.layoutsUI?.openMenu(e),...a.indicatorTemplates===!1?{}:{onApplyIndicatorTemplate:e=>this.applyIndicatorTemplate(e),onSaveIndicatorTemplate:()=>this.promptSaveIndicatorTemplate(),onDeleteIndicatorTemplate:e=>{this.templates.remove(e),this.toolbar?.setIndicatorTemplates(this.templates.list().map(e=>e.name),!0)}},onBracket:a.trading===!1?void 0:e=>this.startBracket(e),onToggleLadder:a.trading!==!1&&a.depthLadder?()=>this.depthLadder?.toggle():void 0,onToggleFullscreen:a.fullscreen!==!1&&typeof document<`u`&&document.fullscreenEnabled?()=>this.toggleFullscreen():void 0},this.t));let y=document.createElement(`div`);y.className=`tcw-body`,a.drawingTools!==!1&&(a.drawingFavorites&&this.favoritesStore.seedDefaults(a.drawingFavorites),this.sidebar=new Se(y,{drawingToolGroups:he(d,this.t),favorites:this.favoritesStore.list()},{onDrawingTool:e=>this.handleDrawingTool(e),onCancelDrawing:()=>this.handleCancelDrawing(),onToggleMagnet:p.drawingMagnet===!1?void 0:()=>this.handleToggleMagnet(),onToggleEraser:()=>this.chart.setEraserMode(!this.chart.isEraserMode()),onToggleZoomArea:()=>this.chart.setZoomAreaMode(!this.chart.isZoomAreaMode()),onToggleFavorite:e=>this.handleToggleFavorite(e),onUndo:()=>this.chart.undo(),onRedo:()=>this.chart.redo(),onClearDrawings:()=>{this.chart.clearDrawings(),this.state={...this.state,activeTool:null},this.updateUI()},onToggleStyle:()=>this.drawingStyle?.toggle(),onToggleStayInDrawing:()=>this.handleToggleStayInDrawing()},this.t)),this.chartContainer=document.createElement(`div`),this.chartContainer.className=`tcw-chart-container`,this.chartContainer.dir=`ltr`,y.appendChild(this.chartContainer),this.loading=new Ir(this.chartContainer,this.t(`status.loading`)),this.historyPill=new Rr(this.chartContainer,{loading:this.t(`history.loading`),failed:this.t(`history.failed`)}),a.watchlist&&this.createWatchlist(y,a.watchlist===!0?{}:a.watchlist),this.root.appendChild(y);let b=document.createElement(`div`);if(b.className=`tcw-account-dock`,this.root.appendChild(b),this.chart=new e.c(this.chartContainer,{chartType:this.state.chartType,theme:l,autoScale:!0,crosshair:{mode:`magnet`},a11y:{labels:{role:this.t(`a11y.role`),summary:this.t(`a11y.summary`),empty:this.t(`a11y.empty`),view:this.t(`a11y.view`),bar:this.t(`a11y.bar`),keys:this.t(`a11y.keys`),typeName:e=>{let t=`chartType.${e}`,n=this.t(t);return n===t?e:n}}},...a.chartOptions,features:p}),a.chartOptions?.shapes||this.applyChartShapes(),this.chart.on(`visibleRangeChange`,e=>{let{from:t,to:n}=e.payload;Number.isFinite(t)&&Number.isFinite(n)&&(this.visibleBarCount=Math.max(1,n-t))}),a.navigation!==!1&&(this.chartNav=new it(this.chartContainer,{zoomIn:()=>this.chart.zoomIn(),zoomOut:()=>this.chart.zoomOut(),scroll:e=>this.chart.scrollBars(e*Math.max(1,Math.round(this.visibleBarCount/10))),reset:()=>{this.chart.fitContent(),this.changeSettings({autoScale:!0})},plotRect:()=>this.chart.getPlotRect()},this.t)),this.chart.on(`dataUpdate`,e=>this.handleDataUpdate(e.payload)),this.chart.on(`historyLoad`,e=>this.historyPill.update(e.payload)),this.chart.on(`symbolInfoChange`,e=>{let t=e.payload.info,n=t?[t.description,t.exchange].filter(Boolean).join(` · `):``;this.toolbar?.setSymbolDescription(n||null),this.refreshMarket()}),a.symbolInfo!==!1&&(this.symbolInfoPanel=new tt(this.root,this.t,{onToggle:e=>{this.toolbar?.setActive(`symbolInfo`,e),e&&(this.refreshSymbolInfo(),this.loadNews())}})),this.marketTimer=setInterval(()=>this.refreshMarket(),3e4),a.dragDropImport!==!1&&(this.dragDrop=new e.o(this.chartContainer,{onData:(e,n,r)=>{this.setData(e);let i=t.r(this.t(`toast.fileLoaded`),{count:n.data.length,file:r.name});this.toast(n.skipped>0?`${i} (${t.r(this.t(`toast.fileSkipped`),{count:n.skipped})})`:i)},onError:(e,t)=>{this.toast(`${t.name}: ${e.message}`,`error`)}}),this.dragDrop.attach()),a.statusBar!==!1){let e=a.rangeBar!==!1;this.statusBar=new Ee(this.root,e?{presets:r.RANGE_PRESETS,presetLabels:{All:this.t(`range.all`)},groupLabel:this.t(`range.presets`),goToLabel:this.t(`range.goTo`),onPreset:e=>this.chart.setVisibleRangePreset(e),onGoTo:()=>this.toggleGoToDate()}:void 0),e&&(this.goToDate=new rr(this.root,{title:this.t(`range.goTo`),date:this.t(`range.date`),time:this.t(`range.time`),submit:this.t(`range.goToSubmit`),cancel:this.t(`range.cancel`)},({date:e,time:t})=>this.goToWallTime(e,t)))}if(a.settings!==!1&&(this.settings=new we({onChange:e=>this.changeSettings(e),onReset:()=>this.resetSettings(),onClose:()=>{}},this.t,{barCountdown:p.barCountdown,logScale:p.logScale,exchangeZone:this.adapter?.resolveSymbol?()=>this.chart.getSymbolInfo()?.timezone??null:void 0},this.overlayHost)),this.symbolSearch=new Oe({onPick:e=>{this.setSymbol(e)},onClose:()=>{}},this.overlayHost,this.t),this.hotkeySheet=new Pe({onClose:()=>{}},this.t,this.overlayHost),this.chart.on(`drawingToolChange`,e=>{let t=e.payload.tool;t!==this.state.activeTool&&(this.state={...this.state,activeTool:t},this.updateUI())}),this.chart.on(`toolModeChange`,e=>{let{eraser:t,zoomArea:n}=e.payload;this.state={...this.state,eraser:t??this.state.eraser,zoomArea:n??this.state.zoomArea},this.updateUI()}),this.chart.on(`indicatorAdd`,()=>this.syncIndicatorsFromChart()),this.chart.on(`indicatorRemove`,()=>this.syncIndicatorsFromChart()),a.indicatorLegend!==!1){this.chart.setPaneTitlesVisible(!1),this.indicatorLegend=new fr(this.chartContainer,{onToggleVisible:(e,t)=>{this.chart.setIndicatorVisible(e,t),this.scheduleLegend(),this.objectTree?.isOpen()&&this.refreshObjects()},onSettings:e=>this.openIndicatorSettings(e),onRemove:e=>this.handleRemoveIndicator(e),onMore:(e,t)=>this.openLegendMenu(e,t),onPaneAction:(e,t)=>this.runPaneAction(e,t)},{show:this.t(`legend.show`),hide:this.t(`legend.hide`),settings:this.t(`legend.settings`),remove:this.t(`legend.remove`),collapse:this.t(`legend.collapse`),expand:this.t(`legend.expand`),more:this.t(`legend.more`),paneUp:this.t(`pane.moveUp`),paneDown:this.t(`pane.moveDown`),paneCollapse:this.t(`pane.collapse`),paneExpand:this.t(`pane.expand`),paneMaximize:this.t(`pane.maximize`),paneRestore:this.t(`pane.restore`)}),this.legendMenu=new z(this.root,this.t(`legend.more`)),this.chart.on(`crosshairMove`,e=>{let t=e.payload;this.legendHoverIndex=typeof t.barIndex==`number`?t.barIndex:null,this.scheduleLegend()}),this.chart.on(`crosshairLeave`,()=>{this.legendHoverIndex=null,this.scheduleLegend()});for(let e of[`indicatorUpdate`,`indicatorChange`,`dataUpdate`,`resize`,`paneResize`,`paneChange`,`themeChange`])this.chart.on(e,()=>this.scheduleLegend())}if(this.chart.on(`barClick`,e=>{if(!this.replayBar?.isMounted())return;let t=e.payload.barIndex;if(typeof t==`number`){if(this.replayBar.getMode()===`select`){this.startReplayAt(t);return}this.chart.getReplayState()===`playing`&&this.chart.replayPause(),this.chart.replaySeekToBar(t),this.replayBar.setState(`paused`)}}),this.chart.on(`crosshairMove`,e=>{if(this.replayBar?.getMode()!==`select`||!this.replayBar.isMounted())return;let t=e.payload.point;this.positionReplayShade(t?.x??null)}),this.dataWindow=new Sr(this.root,{formatPrice:e=>this.formatAlertPrice(e)},this.t),this.chart.on(`crosshairMove`,e=>{let t=e.payload;this.lastHoverIndex=typeof t.barIndex==`number`?t.barIndex:null,this.dataWindow?.isOpen()&&this.dataWindow.render(this.buildDataWindowModel())}),a.drawingTools!==!1){let e=new Bt,n=new Vt;for(let[e,t]of Object.entries(n.all()))this.chart.setDrawingToolDefaults(e,t??null);this.drawingSettings=new rn(this.root,{onBegin:e=>this.chart.beginDrawingEdit(e),onChange:(e,t)=>this.chart.updateDrawing(e,t),onEnd:(e,t)=>{this.chart.endDrawingEdit(e,{cancel:t}),this.refreshObjects()},toWallTime:e=>q(e*Qr(this.chart.getData()),this.displayTimezone()),fromWallTime:(e,t)=>{let n=nr(e,t,this.displayTimezone());return n===null?null:n/Qr(this.chart.getData())},onAddAlert:e=>this.addDrawingAlert(e),onSaveDefault:(e,r)=>{this.chart.setDrawingToolDefaults(e,r),n.set(e,this.chart.getDrawingToolDefaults(e)),this.toast(t.r(this.t(`drawingSettings.defaultSaved`),{name:this.drawingToolName(e)}))},templates:e},this.t),this.chart.on(`drawingDoubleClick`,e=>this.openDrawingSettings(e.payload.id)),this.drawingStyle=new Gt(this.root,{onStyleChange:e=>{this.chart.setDrawingStyle(e),this.chart.setSelectedDrawingStyle(e)},getStyle:()=>this.chart.getDrawingStyle()},e,this.t)}if(this.drawingMenu=new z(this.root,this.t(`drawingMenu.label`)),this.chart.on(`drawingContextMenu`,e=>{let{id:t,x:n,y:r}=e.payload;this.openDrawingMenu(t,n,r)}),this.chartMenu=new z(this.root,this.t(`chartMenu.label`)),this.chart.on(`symbolSeriesRequest`,e=>void this.loadSymbolSeries(e.payload.symbol)),this.chart.on(`chartContextMenu`,e=>{let{area:t,x:n,y:r,price:i,time:a,pane:o}=e.payload,s=i===void 0?void 0:this.chart.roundPrice(i),c={...this.chartMenuContext(s),...o?{pane:this.chart.getPaneScale(o)}:{}};this.menuPane=o??null,this.openChartMenu(ln(t,c,this.t),n,r,{area:t,price:s,time:a})}),this.chart.on(`priceAxisAdd`,e=>{let{price:t,x:n,y:r}=e.payload,i=this.chart.roundPrice(t);this.openChartMenu(cn(this.chartMenuContext(i),this.t),n,r,{area:`priceAxisAdd`,price:i})}),this.chart.on(`signalMarkerHover`,e=>this.showMarkerTip(e.payload)),a.intervalTyping!==!1&&(this.intervalInput=new Wn(this.chartContainer,{title:this.t(`interval.title`),hint:this.t(`interval.hint`),invalid:this.t(`interval.invalid`)},e=>this.selectTypedTimeframe(e))),a.indicatorTemplates!==!1&&this.toolbar?.setIndicatorTemplates(this.templates.list().map(e=>e.name)),a.layouts!==!1&&this.setupLayouts(a.layouts===!0||a.layouts===void 0?{}:a.layouts),a.trading!==!1&&a.accountPanel!==!1){this.orderTicket=new Sn(this.root,{onSubmit:e=>{this.chart.placeOrderIntent(e),this.toast(t.r(this.t(`ticket.sent`),{side:this.t(e.side===`buy`?`ticket.buy`:`ticket.sell`),quantity:e.quantity??1,price:this.formatAlertPrice(e.price)}))},formatPrice:e=>this.formatAlertPrice(e)},this.t),this.accountPanel=new gn(b,{onClosePosition:e=>this.chart.closePositionIntent(e),onReversePosition:e=>this.chart.reversePositionIntent(e),onCancelOrder:e=>this.chart.cancelOrderIntent(e),onNewOrder:()=>this.openOrderTicket(),formatPrice:e=>this.formatAlertPrice(e),formatTime:e=>{let{date:t,time:n}=q(e,this.displayTimezone());return`${t} ${n}`},onToggle:e=>{this.toolbar?.setActive(`account`,e),this.refreshAccount()}},this.t);for(let e of[`ordersChange`,`positionsChange`,`executionFill`,`dataUpdate`,`indicatorUpdate`])this.chart.on(e,()=>this.refreshAccountSoon())}if(a.trading!==!1&&(this.bracketBar=new _r(this.root,{onConfirm:()=>this.chart.confirmBracket(),onCancel:()=>{this.chart.cancelBracket(),this.bracketBar?.hide()}},this.t),this.chart.on(`bracketPlace`,e=>{let n=e.payload;this.bracketBar?.hide(),this.toast(t.r(this.t(n.side===`buy`?`bracket.longPlaced`:`bracket.shortPlaced`),{rr:n.riskReward.toFixed(2)}))}),a.depthLadder&&(this.depthLadder=new br(this.root,{onTrade:(e,n)=>{this.chart.placeOrderIntent({side:e,type:`limit`,price:n}),this.toast(t.r(this.t(e===`buy`?`order.buyLimit`:`order.sellLimit`),{price:this.formatAlertPrice(n)}))},formatPrice:e=>this.formatAlertPrice(e)},void 0,this.t)),this.chart.on(`dataUpdate`,e=>{let t=e.payload;t&&t.bracket===`cancelled`&&this.bracketBar?.hide()})),a.alerts!==!1&&(this.alertsPanel=new ft(this.root,{onAdd:({price:e,condition:t,message:n,channel:r,label:i,options:a})=>{try{return this.chart.addAlert(e,t,n,r,i,a),!0}catch{return this.toast(this.t(`alerts.invalid`),`error`),!1}},formatTime:e=>{let{date:t,time:n}=q(e,this.displayTimezone());return`${t} ${n}`},onRemove:e=>this.chart.removeAlert(e),onClear:()=>this.chart.clearAlerts(),getChannelValue:e=>this.getAlertChannelValue(e),formatPrice:e=>this.formatAlertPrice(e)},this.t),this.chart.on(`alertAdd`,()=>this.refreshAlerts()),this.chart.on(`alertRemove`,()=>this.refreshAlerts()),this.chart.on(`alertUpdate`,()=>this.refreshAlerts()),this.chart.on(`alertExpired`,e=>{let n=e.payload;this.toast(t.r(this.t(`alerts.expiredToast`),{text:n.message??this.alertText(n)})),this.refreshAlerts()}),a.alertNotifications&&(this.alertNotifier=new vr(a.alertNotifications)),this.chart.on(`alertTriggered`,e=>{let n=e.payload,r=`${this.alertText(n)}${n.message?` — ${n.message}`:``}`;this.toast(`🔔 ${t.r(this.t(`alerts.fired`),{text:r})}`,`info`),this.alertNotifier?.notify(r),this.refreshAlerts()})),a.objectTree!==!1){this.indicatorSettings=new Pt(this.root,{onApply:(e,t)=>{this.chart.updateIndicator(e,t),this.syncIndicatorsFromChart()},onStyle:(e,t)=>this.chart.updateIndicatorStyle(e,t),onLevels:(e,t)=>this.chart.setIndicatorLevels(e,t),onScale:(e,t)=>this.chart.setIndicatorScale(e,t),onClose:()=>{}},this.t),this.objectTree=new Et(this.root,{onRemoveIndicator:e=>this.handleRemoveIndicator(e),onConfigureIndicator:e=>this.openIndicatorSettings(e),onToggleIndicatorVisible:(e,t)=>{this.chart.setIndicatorVisible(e,t),this.refreshObjects(),this.scheduleLegend()},onRemoveDrawing:e=>{this.drawingSettings?.editing()===e&&this.drawingSettings.close(!0),this.chart.removeDrawing(e),this.refreshObjects()},onConfigureDrawing:this.drawingSettings?e=>this.openDrawingSettings(e):void 0,onToggleDrawingVisible:(e,t)=>{this.chart.setDrawingVisible(e,t),this.refreshObjects()},onToggleDrawingLocked:(e,t)=>{this.chart.setDrawingLocked(e,t),this.refreshObjects()},onToggleGroupVisible:(e,t)=>{this.chart.setDrawingGroupVisible(e,t),this.refreshObjects()},onToggleGroupLocked:(e,t)=>{this.chart.setDrawingGroupLocked(e,t),this.refreshObjects()},onUngroup:e=>{this.chart.ungroupDrawings(e),this.refreshObjects()},onRenameGroup:(e,t)=>{this.chart.renameDrawingGroup(e,t),this.refreshObjects()},onAddCompare:p.compareSymbols===!1?void 0:()=>this.handleAddCompare(),onRemoveCompare:e=>this.handleRemoveCompare(e)},this.t);let e=()=>{this.objectTree?.isOpen()&&this.refreshObjects()},t=0;this.chart.on(`drawingCreate`,e),this.chart.on(`drawingRemove`,e),this.chart.on(`drawingUpdate`,()=>{t||!this.objectTree?.isOpen()||(t=requestAnimationFrame(()=>{t=0,this.destroyed||e()}))}),this.chart.on(`indicatorAdd`,e),this.chart.on(`indicatorRemove`,e),this.chart.on(`indicatorChange`,e)}if(this.commandPalette=new De({onIndicator:e=>this.handleAddIndicator(e),onChartType:e=>this.handleChartType(e),onDrawingTool:e=>this.handleDrawingTool(e),onTimeframe:e=>this.handleTimeframe(e),onAction:e=>this.handleAction(e),onClose:()=>{}},this.overlayHost,this.t),this.boundGlobalKeydown=e=>{if(this.replayBar?.isMounted()&&this.handleReplayKey(e))return;let t=G(this.root);if((e.ctrlKey||e.metaKey)&&e.key===`k`){if(!t)return;e.preventDefault(),this.toggleCommandPalette()}else if((e.ctrlKey||e.metaKey)&&(e.key===`p`||e.key===`P`)){if(!t)return;e.preventDefault(),this.symbolSearch?.open(this.symbols,this.state.symbol,void 0,this.symbolSearchFn())}else if((e.ctrlKey||e.metaKey)&&!e.altKey&&!e.shiftKey&&(e.key===`s`||e.key===`S`)){if(!this.layoutSession||K()||!G(this.root,!0))return;e.preventDefault(),this.saveLayout()}else if(e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey&&Zr[e.code]){if(e.defaultPrevented||K()||!t||Xr()||this.options.drawingTools===!1)return;e.preventDefault(),this.handleDrawingTool(Zr[e.code])}else if(/^[0-9]$/.test(e.key)&&!e.ctrlKey&&!e.metaKey&&!e.altKey){if(e.defaultPrevented||!this.intervalInput||K()||Xr()||!G(this.root,!0))return;let t=document.activeElement;if(t&&t!==document.body&&!this.root.contains(t))return;e.preventDefault(),this.intervalInput.open(e.key)}else if(e.altKey&&!e.ctrlKey&&!e.metaKey&&(e.code===`KeyI`||e.code===`KeyG`)){if(K()||!t)return;e.code===`KeyI`?(e.preventDefault(),this.changeSettings({invertScale:!this.settingsState.invertScale})):this.goToDate&&(e.preventDefault(),this.toggleGoToDate())}else if(e.key===`?`&&!e.ctrlKey&&!e.metaKey&&!e.altKey){if(K()||!t)return;e.preventDefault(),this.hotkeySheet?.open()}},document.addEventListener(`keydown`,this.boundGlobalKeydown),document.addEventListener(`fullscreenchange`,this.onFullscreenChange),this.unregisterKeys=Kn(this.root),a.adapter&&(this.adapter=a.adapter,this.connectStream()),this.watchlist&&(this.watchlistInterval=setInterval(()=>this.tickWatchlist(),1e3)),this.refreshMarket(),this.updateUI(),a.onReady?.(this.chart),a.shareUrl&&typeof location<`u`){let e=Nr(location.hash);e&&this.importState(e)}}setSymbols(e){this.symbols=e;let t=this.watchlistStore;t&&this.watchlistFromSymbols&&t.replace(t.getLists().map(t=>t.id===`default`?{...t,symbols:e}:t))}getWatchlists(){return this.watchlistStore?.getLists()??[]}getActiveWatchlist(){return this.watchlistStore?.getActive().id??null}setWatchlists(e,t){this.watchlistFromSymbols=!1,this.watchlistStore?.replace(e,t)}setActiveWatchlist(e){this.watchlistStore?.setActive(e)}addToWatchlist(e,t){this.watchlistStore?.add(e,t)}removeFromWatchlist(e,t){this.watchlistStore?.removeSymbol(e,t)}setQuotes(e){let t=e.map(n.readQuote).filter(e=>e!==null);t.length>0&&this.takeQuotes(t)}getQuote(e){let t=this.quotes.get(e);return t?{...t}:null}toggleSymbolInfo(e){let t=this.symbolInfoPanel;t&&(e===void 0?t.toggle():e?t.open():t.close())}refreshMarket(){let e=(0,n.marketStatus)(this.chart.getSymbolInfo(),Date.now());this.statusBar?.setMarket(e.state,this.t(e.state===`open`?`symbolInfo.open`:`symbolInfo.closed`)),this.refreshSymbolInfo()}refreshSymbolInfo(){let e=this.symbolInfoPanel;!e?.isOpen()||this.destroyed||e.render(this.symbolInfoView())}symbolInfoView(){let e=this.chart.getSymbolInfo(),r=this.state.symbol,i=this.quotes.get(r),a=ai(this.chart.getData(),e?.timezone),o=e=>this.formatAlertPrice(e),s=this.textLocale(),c=i?.last??a?.close,l=i?.prevClose??a?.prevClose,u=i?.change??(c!==void 0&&l!==void 0?c-l:void 0),d=c!==void 0&&u!==void 0?c-u:void 0,ee=i?.changePercent??(u!==void 0&&d?u/d*100:void 0),f=(0,n.marketStatus)(e,Date.now()),te=this.t(f.state===`open`?`symbolInfo.open`:f.state===`closed`?`symbolInfo.closed`:`symbolInfo.always`);if(f.state!==`always`&&f.next!==null){let e=oi(f.next-Date.now(),s);te+=` · ${t.r(this.t(f.state===`open`?`symbolInfo.closesIn`:`symbolInfo.opensIn`),{when:e})}`}let ne=[],p=(e,t)=>{t&&ne.push({label:e,value:t})},m=e=>e===void 0?void 0:o(e);p(this.t(`dataWindow.open`),m(i?.open??a?.open)),p(this.t(`dataWindow.high`),m(i?.high??a?.high)),p(this.t(`dataWindow.low`),m(i?.low??a?.low)),p(this.t(`symbolInfo.prevClose`),m(l));let h=i?.volume??a?.volume;p(this.t(`dataWindow.volume`),h===void 0?void 0:si(h,this.intlLocale())),p(this.t(`symbolInfo.bid`),m(i?.bid)),p(this.t(`symbolInfo.ask`),m(i?.ask)),p(this.t(`symbolInfo.tick`),e?.minTick===void 0?void 0:String(e.minTick)),p(this.t(`symbolInfo.currency`),e?.currency),p(this.t(`symbolInfo.timezone`),e?.timezone),p(this.t(`symbolInfo.hours`),ci(e,s));let g=(u??0)>=0?`+`:`-`;return{symbol:r,description:e?.description,meta:[e?.exchange,e?.type].filter(Boolean).join(` · `)||void 0,price:c===void 0?void 0:o(c),change:u===void 0?void 0:{text:`${g}${o(Math.abs(u))}${ee===void 0?``:` (${g}${Math.abs(ee).toFixed(2)}%)`}`,up:u>=0},status:{state:f.state,text:te},stats:ne}}loadNews(){let e=this.symbolInfoPanel;if(!e?.isOpen())return;let t=this.options.adapter,r=this.options.news??(t?.fetchNews?t.fetchNews.bind(t):null);if(!r){e.renderNews({kind:`none`});return}let i=this.state.symbol,a=++this.newsRequest,o=t=>{let n=this.textLocale();e.renderNews({kind:`items`,items:t.map(e=>({title:e.title,url:e.url,meta:[e.source,oi(e.time-Date.now(),n)].filter(Boolean).join(` · `)}))})},s=this.newsCache.get(i);if(s&&Date.now()-s.at<ri){o(s.items);return}e.renderNews({kind:`loading`}),Promise.resolve().then(()=>r(i,ni)).then(e=>{if(a!==this.newsRequest||this.destroyed)return;let t=(0,n.readNews)(e,ni);this.newsCache.set(i,{at:Date.now(),items:t}),o(t)}).catch(()=>{a===this.newsRequest&&!this.destroyed&&e.renderNews({kind:`failed`})})}intlLocale(){return this.settingsState.numberLocale||this.options.locale||`en`}textLocale(){return this.options.locale||`en`}createWatchlist(e,t){let n=t.persist?ti():null,r=new et({lists:t.lists,activeList:t.activeList,symbols:this.symbols,defaultName:this.t(`watchlist.title`),storage:n,storageKey:t.storageKey});this.watchlistStore=r,this.watchlistFromSymbols=!t.lists&&!t.persist,this.quoteSource=t.quotes===!1?null:t.quotes??(this.options.adapter?.subscribeQuotes?this.options.adapter:null);let i=e=>this.t(e);this.watchlist=new Ue(e,{onSelect:e=>{this.setSymbol(e)},onAdd:()=>this.symbolSearch?.open(this.symbols,this.state.symbol,e=>r.add(e),this.symbolSearchFn()),onRemove:e=>r.removeSymbol(e),onMove:(e,t)=>r.move(e,t),onPickList:e=>r.setActive(e),onCreateList:e=>r.create(e),onRenameList:(e,t)=>r.rename(e,t),onDeleteList:e=>r.remove(e)},{title:i(`watchlist.title`),lists:i(`watchlist.lists`),newList:i(`watchlist.newList`),rename:i(`watchlist.rename`),deleteList:i(`watchlist.deleteList`),confirmDelete:i(`watchlist.confirmDelete`),add:i(`watchlist.add`),remove:i(`watchlist.remove`),empty:i(`watchlist.empty`),listName:i(`watchlist.listName`)}),this.watchlist.setActive(this.state.symbol),this.watchlist.setLocale(this.settingsState.numberLocale||void 0);let a=()=>{this.watchlist?.setLists(r.getLists(),r.getActive().id),this.followQuotes()};r.subscribe(()=>{a(),t.onChange?.(r.getLists(),r.getActive().id)}),a()}followQuotes(){if(!this.quoteSource||!this.watchlistStore||this.destroyed)return;let e=this.watchlistStore.getActive().symbols,t=[...e].sort().join(`\0`);if(t!==this.quotedKey&&(this.quotedKey=t,this.stopQuotes?.(),this.stopQuotes=null,e.length!==0))try{this.stopQuotes=this.quoteSource.subscribeQuotes(e,e=>{if(this.destroyed||!Array.isArray(e))return;let t=e.map(n.readQuote).filter(e=>e!==null);t.length>0&&this.takeQuotes(t)})}catch{this.stopQuotes=null}}takeQuotes(e){for(let t of e){let e={...this.quotes.get(t.symbol),...t};this.quotes.set(e.symbol,e);let n=this.watchlistSparkBuffer.get(e.symbol)??[];n.push(e.last),n.length>40&&n.shift(),this.watchlistSparkBuffer.set(e.symbol,n);let r=this.hostWatchlistRefPrice.get(e.symbol);this.watchlist?.setEntry(e.symbol,{lastPrice:e.last,refPrice:r??(e.change===void 0?void 0:e.last-e.change),sparkline:n.slice()})}e.some(e=>e.symbol===this.state.symbol)&&this.refreshSymbolInfo()}async setSymbol(e){this.flushActiveLayout(),e!==this.state.symbol&&this.chart.clearFills(),this.state={...this.state,symbol:e},this.sessionRefPrice=null,this.options.onSymbolChange?.(e),this.updateUI(),this.watchlist?.setActive(e),this.refreshMarket(),this.loadNews(),this.layoutSession?.changed(),this.adapter&&await this.connectStream()}setWatchlistEntry(e,t){t.refPrice!==void 0&&this.hostWatchlistRefPrice.set(e,t.refPrice),this.watchlist?.setEntry(e,t)}tickWatchlist(){if(!this.watchlist||this.quotes.has(this.state.symbol))return;let e=this.chart.getData();if(e.length===0)return;let t=e[e.length-1],n=this.hostWatchlistRefPrice.get(this.state.symbol);n===void 0&&this.sessionRefPrice===null&&(this.sessionRefPrice=e[0].open);let r=this.watchlistSparkBuffer.get(this.state.symbol)??[];r.push(t.close),r.length>40&&r.shift(),this.watchlistSparkBuffer.set(this.state.symbol,r),this.watchlist.setEntry(this.state.symbol,{lastPrice:t.close,refPrice:n??this.sessionRefPrice??e[0].open,sparkline:r.slice()})}async setTimeframe(e){if(this.chart.isTimeframeAllowed(e)){if(this.state={...this.state,timeframe:e},this.options.onTimeframeChange?.(e),this.updateUI(),this.layoutSession?.changed(),this.adapter){await this.connectStream();return}if(this.options.resampleTimeframes!==!1){if(!this.baseSeries){let e=this.chart.getData();e.length>0&&(this.baseSeries=e,this.baseTimeframeMs=a(e))}await this.switchLocalTimeframe()}}}setTheme(e){let t=this.resolveIsDark(e),n=this.resolveTheme(e);this.state={...this.state,isDark:t},this.root.dataset.tcwTheme=t?`dark`:`light`,this.portal.dataset.tcwTheme=this.root.dataset.tcwTheme,this.chart.setTheme(n),this.updateUI()}getChart(){return this.chart}setUI(e){this.ui=N(e),P(this.root,this.ui),P(this.portal,this.ui),this.applyChartShapes()}getUI(){return N({...this.ui})}applyChartShapes(){this.chart.setShapes({tagRadius:this.ui.tagRadius})}destroy(){this.destroyed||(this.destroyed=!0,this.boundGlobalKeydown&&document.removeEventListener(`keydown`,this.boundGlobalKeydown),document.removeEventListener(`fullscreenchange`,this.onFullscreenChange),this.unregisterKeys(),this.tooltip.destroy(),this.legendFrame&&cancelAnimationFrame(this.legendFrame),this.indicatorLegend?.destroy(),this.portal.remove(),document.fullscreenElement===this.root&&document.exitFullscreen().catch(()=>{}),this.flushActiveLayout(),this.commandPalette?.destroy(),this.symbolSearch?.destroy(),this.hotkeySheet?.destroy(),this.replayPollInterval&&clearInterval(this.replayPollInterval),this.replayShade?.remove(),this.replayBar?.destroy(),this.dragDrop?.detach(),this.alertsPanel?.destroy(),this.objectTree?.destroy(),this.indicatorSettings?.destroy(),this.drawingStyle?.destroy(),this.drawingSettings?.destroy(),this.drawingMenu?.destroy(),this.chartMenu?.destroy(),this.legendMenu?.destroy(),this.templatePrompt?.destroy(),this.intervalInput?.destroy(),this.markerTip?.remove(),this.layoutSession?.destroy(),this.layoutsUI?.destroy(),this.accountPanel?.destroy(),this.orderTicket?.destroy(),this.accountFrame&&cancelAnimationFrame(this.accountFrame),this.bracketBar?.destroy(),this.alertNotifier?.destroy(),this.depthLadder?.destroy(),this.dataWindow?.destroy(),this.watchlistInterval&&clearInterval(this.watchlistInterval),this.marketTimer&&clearInterval(this.marketTimer),this.chartNav?.destroy(),this.symbolInfoPanel?.destroy(),this.stopQuotes?.(),this.stopQuotes=null,this.watchlist?.destroy(),this.toolbar?.destroy(),this.sidebar?.destroy(),this.settings?.destroy(),this.statusBar?.destroy(),this.goToDate?.destroy(),this.loading.destroy(),this.historyPill.destroy(),this.chart.destroy(),this.root.remove(),_())}handleSymbolClick(){this.symbolSearch?.open(this.symbols,this.state.symbol,void 0,this.symbolSearchFn())}symbolSearchFn(){if(this.options.searchSymbols)return this.options.searchSymbols;let e=this.adapter;if(e?.searchSymbols)return(t,n)=>e.searchSymbols(t,{signal:n,limit:50})}handleTimeframe(e){this.setTimeframe(e)}toggleFullscreen(){if(document.fullscreenElement===this.root){document.exitFullscreen().catch(()=>{});return}this.root.requestFullscreen().catch(e=>{this.toast(e instanceof Error?e.message:this.t(`toast.fullscreenUnavailable`),`error`)})}drawingToolName(e){let t=`tool.${e}`,n=this.t(t);return n===t?this.chart.getDrawingToolDescriptor(e)?.name??e:n}openDrawingSettings(e){let t=this.chart.getDrawings().find(t=>t.id===e),n=t?this.chart.getDrawingToolDescriptor(t.type):null;!t||!n||!this.drawingSettings||this.drawingSettings.open({id:e,type:t.type,name:this.drawingToolName(t.type),style:{...t.style},options:this.chart.getDrawingOptions(e),defs:n.options??{},anchors:t.anchors.map(e=>({...e})),fill:n.fill===!0,text:n.text===!0,alertable:this.chart.canAddDrawingAlert(e)})}addDrawingAlert(e){let n=this.chart.getDrawings().find(t=>t.id===e),r=n?this.drawingToolName(n.type):``;this.chart.addDrawingAlert(e,{label:r})&&this.toast(t.r(this.t(`drawingSettings.alertAdded`),{name:r}))}openDrawingMenu(e,t,n){if(!this.drawingMenu)return;let r=new Map(this.chart.getDrawings().map(e=>[e.id,e])),i=this.chart.getSelectedDrawingIds().flatMap(e=>{let t=r.get(e);return t?[{id:t.id,locked:t.locked,groupId:t.group?.id??null}]:[]});if(i.length===0)return;let a=sn({selected:i,canConfigure:this.drawingSettings!==null,canAlert:this.chart.canAddDrawingAlert(e)},this.t),o=this.chartContainer.getBoundingClientRect(),s=this.root.getBoundingClientRect(),c=i.map(e=>e.id);this.drawingMenu.open(a,o.left-s.left+t,o.top-s.top+n,t=>this.runDrawingMenuAction(e,c,t))}runDrawingMenuAction(e,t,n){switch(n){case`settings`:this.openDrawingSettings(e);return;case`alert`:this.addDrawingAlert(e);return;case`front`:case`forward`:case`backward`:case`back`:this.chart.moveDrawing(e,n);break;case`group`:this.chart.groupDrawings(t);break;case`ungroup`:{let e=new Set(this.chart.getDrawings().filter(e=>t.includes(e.id)).map(e=>e.group?.id));for(let t of e)t&&this.chart.ungroupDrawings(t);break}case`lock`:case`unlock`:this.chart.setDrawingsLocked(t,n===`lock`);break;case`hide`:this.chart.setDrawingsVisible(t,!1);break;case`duplicate`:this.chart.duplicateDrawing(e);break;case`delete`:{let e=this.drawingSettings?.editing();e&&t.includes(e)&&this.drawingSettings?.close(!0),this.chart.removeDrawings(t);break}}this.objectTree?.isOpen()&&this.refreshObjects()}chartMenuContext(e){let t=this.chart.getDrawings(),n=this.chart.getData();return{price:e,lastPrice:n.length>0?n[n.length-1].close:null,formatPrice:e=>this.formatAlertPrice(e),canAlert:this.alertsPanel!==null,canTrade:this.options.trading!==!1,canOrderTicket:this.orderTicket!==null,canDraw:this.options.drawingTools!==!1,hasDrawings:t.length>0,drawingsHidden:t.length>0&&t.every(e=>!e.visible),canGoToDate:this.goToDate!==null,canExport:this.canExport,autoScale:this.chart.isAutoScale(),scaleMode:this.settingsState.scaleMode,inverted:this.chart.isInvertScale()}}openChartMenu(e,t,n,r){if(!this.chartMenu)return;let i=this.options.chartMenuItems?.(r)??[],a=[...e,...e.length>0&&i.length>0?[`separator`]:[],...i.map((e,t)=>({id:`host:${t}`,label:e.label,icon:e.icon,danger:e.danger,checked:e.checked}))];if(a.length===0)return;let o=this.chartContainer.getBoundingClientRect(),s=this.root.getBoundingClientRect();this.chartMenu.open(a,o.left-s.left+t,o.top-s.top+n,e=>{e.startsWith(`host:`)?i[Number(e.slice(5))]?.onSelect():this.runChartMenuAction(e,r.price)})}addToolbarButton(e){if(!this.toolbar)return null;let t=this.toolbar.addHostButton(e),n=()=>{let e=t.querySelector(`.tcw-host-btn-text`);if(e)return e;let n=document.createElement(`span`);return n.className=`tcw-host-btn-text`,t.appendChild(n),n};return{element:t,setActive:n=>{t.classList.toggle(`tcw-active`,n),e.toggle&&t.setAttribute(`aria-pressed`,String(n))},setText:r=>{n().textContent=r,_e(t,e.label)},remove:()=>t.remove()}}runChartMenuAction(e,n){let r=n??NaN;switch(e){case`alert`:this.chart.addAlert(r,`crossing`),this.toast(t.r(this.t(`chartMenu.alertAdded`),{price:this.formatAlertPrice(r)}));break;case`buyLimit`:case`sellLimit`:case`buyStop`:case`sellStop`:this.placeOrderAt(e,r);break;case`orderTicket`:this.openOrderTicket(n);break;case`exportData`:this.chart.exportAllData(`csv`,`${this.state.symbol}-${this.state.timeframe}.csv`.replace(/[^\w.-]+/g,`_`));break;case`paneLog`:case`paneInvert`:case`panePercent`:{let t=this.menuPane;if(!t)break;let n=this.chart.getPaneScale(t);this.chart.setPaneScale(t,e===`paneLog`?{log:!n.log}:e===`paneInvert`?{invert:!n.invert}:{percent:!n.percent});break}case`horizontalLine`:{let e=this.chart.getData();e.length>0&&this.chart.addDrawing({type:`horizontalLine`,anchors:[{time:e[e.length-1].time,price:r}]});break}case`resetView`:this.chart.fitContent(),this.changeSettings({autoScale:!0});break;case`hideDrawings`:this.chart.setDrawingsVisible(this.chart.getDrawings().map(e=>e.id),!1);break;case`showDrawings`:this.chart.setDrawingsVisible(this.chart.getDrawings().map(e=>e.id),!0);break;case`removeDrawings`:this.chart.removeDrawings(this.chart.getDrawings().map(e=>e.id));break;case`settings`:this.openSettings();break;case`autoScale`:this.changeSettings({autoScale:!this.chart.isAutoScale()});break;case`logScale`:this.changeSettings({scaleMode:this.settingsState.scaleMode===`logarithmic`?`regular`:`logarithmic`});break;case`percentScale`:this.changeSettings({scaleMode:this.settingsState.scaleMode===`percentage`?`regular`:`percentage`});break;case`invertScale`:this.changeSettings({invertScale:!this.chart.isInvertScale()});break;case`goToDate`:this.toggleGoToDate();break}this.objectTree?.isOpen()&&this.refreshObjects()}toggleAccountPanel(e){let t=this.accountPanel;!t||e===t.isOpen()||t.toggle()}openOrderTicket(e){let t=this.chart.getData();this.orderTicket?.open({price:e,lastPrice:t.length>0?t[t.length-1].close:null})}refreshAccountSoon(){this.accountFrame||!this.accountPanel||(this.accountFrame=requestAnimationFrame(()=>{this.accountFrame=0,this.destroyed||this.refreshAccount()}))}refreshAccount(){if(!this.accountPanel)return;let e=this.chart.getData(),t=e.length>0?e[e.length-1].close:null;this.accountPanel.update({positions:this.chart.getPositions(),orders:this.chart.getOrders(),fills:this.chart.getFills(),price:t,realisedPnl:this.chart.getRealisedPnl()}),this.orderTicket?.setLastPrice(t)}placeOrderAt(e,n){let r=e.startsWith(`buy`)?`buy`:`sell`,i=e.endsWith(`Stop`);this.chart.placeOrderIntent(i?{side:r,type:`stop`,price:n,stopPrice:n,quantity:1}:{side:r,type:`limit`,price:n,quantity:1}),this.toast(t.r(this.t(`order.${e}`),{price:this.formatAlertPrice(n)}))}displayTimezone(){let e=s(this.settingsState.timezone);return e===`exchange`?this.chart.getEffectiveTimezone():e}toggleGoToDate(){if(!this.goToDate)return;if(this.goToDate.isOpen()){this.goToDate.close();return}let e=this.chart.getData();e.length!==0&&this.goToDate.open(q(e[e.length-1].time*Qr(e),this.displayTimezone()),this.root.querySelector(`[data-role="goto"]`))}goToWallTime(e,t){let n=nr(e,t,this.displayTimezone()),r=this.chart.getData();if(n===null||r.length===0)return;let i=n/Qr(r);this.chart.goToTime(i),i<r[0].time&&this.toast(this.t(`range.beforeData`))}pinnedTimeframes(){let e=this.timeframeFavorites.list();return this.timeframes.filter(t=>e.includes(t))}timeframeMenu(){return this.timeframes.map(e=>({value:e,label:Nn(e),custom:this.customTimeframes.has(e)}))}handleAddTimeframe(e){let t=Vn(e);return!t||!this.chart.isTimeframeAllowed(t)||this.adapter&&!(0,r.servesTimeframe)(this.adapter,t)||!this.adapter&&(0,n.tickBarCount)(t)!==null?!1:(this.timeframes.includes(t)||(this.customTimeframes.add(t),this.timeframeFavorites.add(t),this.timeframes=Hn(this.timeframes,[t]),this.toolbar?.setTimeframes(this.timeframeMenu(),this.pinnedTimeframes())),this.handleTimeframe(t),!0)}showMarkerTip(e){let{marker:n}=e;if(!n){this.markerTip&&(this.markerTip.hidden=!0);return}this.markerTip||(this.markerTip=document.createElement(`div`),this.markerTip.className=`tcw-marker-tip`,this.markerTip.setAttribute(`role`,`tooltip`),this.chartContainer.appendChild(this.markerTip));let r=n.direction===`long`?this.t(`account.long`):n.direction===`short`?this.t(`account.short`):this.t(`markers.neutral`),i=document.createElement(`strong`);i.textContent=n.label?`${n.label} · ${n.source}`:n.source;let a=document.createElement(`div`);a.textContent=`${r} · ${this.formatAlertPrice(n.price)} · ${t.r(this.t(`markers.confidence`),{pct:Math.round(n.confidence*100)})}`;let o=document.createElement(`div`),{date:s,time:c}=q(n.time,this.displayTimezone());o.textContent=`${s} ${c}`,this.markerTip.replaceChildren(i,a,o),this.markerTip.hidden=!1;let l=this.chartContainer.getBoundingClientRect(),u=Math.min(e.x+12,Math.max(0,l.width-this.markerTip.offsetWidth-4)),d=Math.max(0,e.y-this.markerTip.offsetHeight-10);this.markerTip.style.left=`${u}px`,this.markerTip.style.top=`${d}px`}selectTypedTimeframe(e){return!this.chart.isTimeframeAllowed(e)||this.adapter&&!(0,r.servesTimeframe)(this.adapter,e)?!1:(this.timeframes.includes(e)||(this.customTimeframes.add(e),this.timeframes=Hn(this.timeframes,[e]),this.toolbar?.setTimeframes(this.timeframeMenu(),this.pinnedTimeframes())),this.handleTimeframe(e),!0)}applyIndicatorTemplate(e){let n=this.templates.get(e);n&&(this.chart.applyIndicatorSetup(n.indicators),this.syncIndicatorsFromChart(),this.updateUI(),this.toast(t.r(this.t(`templates.applied`),{name:n.name})))}promptSaveIndicatorTemplate(){if(this.chart.getActiveIndicators().length===0){this.toast(this.t(`templates.nothing`),`error`);return}this.templatePrompt??=new Tn(this.root,this.t),this.templatePrompt.open({title:this.t(`templates.saveTitle`),submitLabel:this.t(`common.save`),placeholder:this.t(`templates.namePlaceholder`),onSubmit:e=>{try{this.templates.save(e,this.chart.getIndicatorSetup())}catch(e){throw this.toast(this.t(`templates.saveFailed`),`error`),e}this.toolbar?.setIndicatorTemplates(this.templates.list().map(e=>e.name)),this.toast(t.r(this.t(`templates.saved`),{name:e}))}})}handleRemoveTimeframe(e){this.customTimeframes.has(e)&&(this.customTimeframes.remove(e),this.timeframeFavorites.remove(e),this.timeframes=this.timeframes.filter(t=>t!==e),this.toolbar?.setTimeframes(this.timeframeMenu(),this.pinnedTimeframes()),this.updateUI())}handleToggleTimeframeFavorite(e){this.timeframeFavorites.toggle(e),this.toolbar?.setTimeframeFavorites(this.pinnedTimeframes()),this.updateUI()}setData(e){this.localSeq++,this.baseSeries=e,this.baseTimeframeMs=a(e),this.applyTimeframeData(),this.adapter||this.loading.end()}async switchLocalTimeframe(){if(!this.baseSeries)return;let e=++this.localSeq,t=this.lastLocalSwitchMs>=zr||this.baseSeries.length>=Br;try{if(t&&(this.loading.begin(this.chart.getData().length>0,!0),await Hr(),e!==this.localSeq||this.destroyed))return;this.applyTimeframeData()}finally{e===this.localSeq&&this.loading.end()}}applyTimeframeData(){if(!this.baseSeries)return;let e=performance.now(),t=(0,n.timeframeToMs)(this.state.timeframe);if(this.baseTimeframeMs>0&&t>this.baseTimeframeMs){let e=this.options.weekStartsOn??1;this.chart.setData(i(this.baseSeries,this.state.timeframe,{weekStartsOn:e}))}else this.chart.setData(this.baseSeries);this.lastLocalSwitchMs=performance.now()-e}handleDataUpdate(e){if(!e||typeof e!=`object`)return;let t=e;if(typeof t.length==`number`){t.length>0&&this.loading.isActive()&&(this.loading.end(),this.state.connectionState===`error`&&this.setConnectionState(`connected`,this.t(`status.live`)));return}if(t.error!==void 0){this.loading.isActive()&&(this.loading.fail(this.t(`status.connectionFailed`)),this.setConnectionState(`error`,t.error||this.t(`status.connectionFailed`)));return}switch(t.connection?.state){case`connected`:this.loading.hasFailed()&&this.loading.end(),!this.loading.isActive()&&this.state.connectionState!==`connected`&&this.setConnectionState(`connected`,this.t(`status.live`));break;case`reconnecting`:this.loading.isActive()||this.setConnectionState(`connecting`,this.t(`status.connecting`));break;case`error`:this.loading.isActive()||this.setConnectionState(`error`,this.t(`status.connectionFailed`));break}}setConnectionState(e,t){this.state={...this.state,connectionState:e,connectionMessage:t},this.updateUI()}toggleAlerts(){this.alertsPanel&&(this.alertsPanel.toggle(),this.alertsPanel.isOpen()&&this.refreshAlerts())}handleToggleFavorite(e){let t=this.favoritesStore.toggle(e);this.sidebar?.setFavorites(this.favoritesStore.list()),this.toast(t?this.t(`toast.pinned`):this.t(`toast.unpinned`))}exportState(){let e=this.chart.getActiveIndicators().map(e=>({id:e.id,params:e.params}));return Ar({v:1,symbol:this.state.symbol,timeframe:this.state.timeframe,chartType:this.state.chartType,scaleMode:this.chart.getScaleMode(),indicators:e,drawings:this.chart.getDrawings()})}async importState(e){let t=jr(e);return t?(t.symbol&&t.symbol!==this.state.symbol&&await this.setSymbol(t.symbol),t.timeframe&&t.timeframe!==this.state.timeframe&&await this.setTimeframe(t.timeframe),t.chartType&&this.applyChartType(t.chartType),this.chart.setScaleMode(t.scaleMode),this.chart.applyIndicatorSetup(t.indicators.map((e,t)=>({id:e.id,instanceId:`shared_${t}`,params:e.params}))),this.chart.setDrawings(t.drawings),this.updateUI(),!0):!1}async copyChartImage(){let e=await this.chart.copyScreenshot();this.toast(e?this.t(`toast.imageCopied`):this.t(`toast.imageCopyFailed`),e?`info`:`error`)}async copyShareLink(){let e=Pr(typeof location<`u`?location.href:``,this.exportState());try{await navigator.clipboard.writeText(e),this.toast(this.t(`toast.linkCopied`))}catch{this.toast(this.t(`toast.copyFailed`),`error`)}}setDepth(e){this.chart.setDepthData(e),this.depthLadder?.setData(e),e&&this.chart.pushDepthSnapshot(e)}startBracket(e){this.chart.startBracket(e)&&this.bracketBar?.show(e)}buildDataWindowModel(){let e=this.chart.getData(),t=this.lastHoverIndex;if(t===null||t<0||t>=e.length)return{ohlc:null,change:0,changePct:0,indicators:[]};let n=e[t],r=t>0?e[t-1].close:n.open,i=n.close-r,a=r===0?0:i/r*100,o=this.chart.getActiveIndicators().map(e=>{let n=this.chart.getIndicatorOutput(e.instanceId)?.series?.[t]??null,r=e.descriptor.plots?.map(e=>[e.key,e.title])??Object.keys(n??{}).map(e=>[e,e]),i=n?r.filter(([e])=>typeof n[e]==`number`&&Number.isFinite(n[e])).map(([e,t])=>({key:t,value:n[e]})):[];return{name:e.descriptor.name,values:i}}).filter(e=>e.values.length>0);return{ohlc:{open:n.open,high:n.high,low:n.low,close:n.close,volume:n.volume},change:i,changePct:a,indicators:o}}toggleDataWindow(){this.dataWindow&&(this.dataWindow.toggle(),this.dataWindow.isOpen()&&this.dataWindow.render(this.buildDataWindowModel()))}toggleObjects(){this.objectTree&&(this.objectTree.toggle(),this.objectTree.isOpen()&&this.refreshObjects())}openIndicatorSettings(e){if(!this.indicatorSettings)return;let t=this.chart.getActiveIndicators(),n=t.find(t=>t.instanceId===e);if(!n)return;let r=this.chart.getIndicatorStyle(e),i=n.descriptor.placement===`panel`||!!n.pane;this.indicatorSettings.open({instanceId:e,name:n.descriptor.name,defaults:n.descriptor.defaultConfig,params:n.params,inputs:n.descriptor.inputs,lineSources:ei(e,t),plots:n.descriptor.plots,colors:r?.colors,lineWidth:r?.lineWidths[0],levels:i?this.chart.getIndicatorLevels(e):void 0,defaultLevels:n.descriptor.levels,scale:i?void 0:this.chart.getIndicatorScale(e)})}refreshObjects(){if(!this.objectTree)return;let e=this.chart.getActiveIndicators().map(e=>({instanceId:e.instanceId,name:e.descriptor.name,visible:e.visible})),t=this.chart.getDrawings().map(e=>({id:e.id,label:Ot(e.type,this.t),visible:e.visible,locked:e.locked,group:e.group})),n=this.compares.map(e=>({id:e.id,label:e.symbol,color:e.color}));this.objectTree.setObjects(e,t,n)}async handleAddCompare(){if(!this.adapter){this.toast(this.t(`toast.compareNeedsAdapter`),`error`);return}let e=new Set([this.state.symbol,...this.compares.map(e=>e.symbol)]),t=this.symbols.filter(t=>!e.has(t));this.symbolSearch?.open(t.length?t:this.symbols,this.state.symbol,e=>{this.pickCompareWay(e)},this.symbolSearchFn())}pickCompareWay(e){let n=this.state.symbol,r=[{id:`percent`,label:this.t(`compare.percent`)},{id:`scale`,label:this.t(`compare.ownScale`)},{id:`pane`,label:this.t(`compare.ownPane`)},{id:`spread`,label:t.r(this.t(`compare.spread`),{main:n,other:e})},{id:`ratio`,label:t.r(this.t(`compare.ratio`),{main:n,other:e})}],i=this.chart.getPlotRect();this.chartMenu?.open(r,i.x+24,i.y+24,t=>void this.addCompareSymbol(e,t))}async addCompareSymbol(e,n=`percent`){if(!this.adapter){this.toast(this.t(`toast.compareNeedsAdapter`),`error`);return}if(n!==`percent`){let t=n===`scale`?this.chart.addIndicator(`compareSymbol`,{symbol:e},`bottom`,{scale:`left`}):n===`pane`?this.chart.addIndicator(`compareSymbol`,{symbol:e}):this.chart.addIndicator(`spread`,{symbol:e,mode:n});t&&n===`pane`&&this.chart.moveIndicatorToPane(t,`new`);return}if(this.compares.some(t=>t.symbol===e))return;let i=Ur[this.compares.length%Ur.length],a=`cmp_${e}`;try{let n=await(0,r.withResampling)(this.adapter).fetchHistory(e,this.state.timeframe,this.options.historyLimit??500);this.compares.length===0&&this.chart.setCompareMode(`percent`),this.chart.addCompareSymbol(a,e,n,i),this.compares=[...this.compares,{id:a,symbol:e,color:i}],this.refreshObjects(),this.toast(t.r(this.t(`toast.comparing`),{symbol:e}))}catch(t){this.toast(`${e}: ${t instanceof Error?t.message:this.t(`toast.loadFailed`)}`,`error`)}}handleRemoveCompare(e){this.chart.removeCompareSymbol(e),this.compares=this.compares.filter(t=>t.id!==e),this.refreshObjects()}async loadSymbolSeries(e){if(!this.adapter){this.toast(this.t(`toast.compareNeedsAdapter`),`error`);return}let t=this.state.timeframe,n=(this.symbolLoads.get(e)??0)+1;this.symbolLoads.set(e,n);let i=()=>this.destroyed||t!==this.state.timeframe||this.symbolLoads.get(e)!==n;try{let n=Math.max(this.chart.getData().length,this.options.historyLimit??500),a=await(0,r.withResampling)(this.adapter).fetchHistory(e,t,n);if(i())return;this.chart.setSymbolSeries(e,a)}catch(t){if(i())return;this.chart.setSymbolSeries(e,this.chart.getSymbolSeries(e)),this.toast(`${e}: ${t instanceof Error?t.message:this.t(`toast.loadFailed`)}`,`error`)}}async refetchCompares(){for(let e of this.chart.getRequiredSymbols?.()??[])this.loadSymbolSeries(e);if(!this.adapter||this.compares.length===0)return;let e=this.compares.filter(e=>e.symbol===this.state.symbol);for(let t of e)this.handleRemoveCompare(t.id);for(let e of this.compares)try{let t=await(0,r.withResampling)(this.adapter).fetchHistory(e.symbol,this.state.timeframe,this.options.historyLimit??500);this.chart.updateCompareData(e.id,t)}catch{}}refreshAlerts(){if(!this.alertsPanel)return;let e=this.buildAlertSources();this.alertsPanel.setSources(e),this.alertsPanel.setAlerts(this.chart.getAlerts().map(t=>this.alertListItem(t,e)))}alertListItem(e,t){return{id:e.id,price:e.price,condition:e.condition,message:e.message,triggered:e.triggered,channel:e.channel,label:e.label,drawingId:e.drawingId,target:e.target,targetLabel:e.target?t.find(t=>t.channel===e.target)?.label:void 0,percent:e.percent,bars:e.bars,onBarClose:e.onBarClose,expiresAt:e.expiresAt,expired:e.expired}}alertText(e){return at(this.alertListItem(e,this.buildAlertSources()),this.t,e=>this.formatAlertPrice(e),!0)}buildAlertSources(){let e=[{channel:`price`,label:this.t(`alerts.source.price`)}];for(let t of this.chart.getActiveIndicators()){let n=this.chart.getIndicatorOutput(t.instanceId)?.series,r=n&&n.length>0?n[n.length-1]:null,i=r?Object.keys(r).filter(e=>typeof r[e]==`number`):[];for(let n of i){let r=i.length>1?`${t.descriptor.name} ${n}`:t.descriptor.name;e.push({channel:`${t.instanceId}:${n}`,label:r})}}return e}getAlertChannelValue(e){let t=this.chart.getData();if(e===`price`)return t.length>0?t[t.length-1].close:null;let n=e.indexOf(`:`);if(n<0||t.length===0)return null;let r=e.slice(0,n),i=e.slice(n+1),a=this.chart.getIndicatorOutput(r)?.series?.[t.length-1]?.[i];return typeof a==`number`&&Number.isFinite(a)?a:null}formatAlertPrice(e){let t=this.chart.getPriceFormatter?.();if(t)return t(e);let n=Math.abs(e),r=n>=1e3?2:n>=1?4:6,i=this.settingsState.numberLocale||void 0;return e.toLocaleString(i,{minimumFractionDigits:2,maximumFractionDigits:r})}handleChartType(e){let t=this.state.chartType;e!==t&&(this.applyChartType(e),this.chart.recordUndo({subject:`chartType`,undo:()=>this.applyChartType(t),redo:()=>this.applyChartType(e)}))}applyChartType(e){this.state={...this.state,chartType:e},this.chart.setChartType(e),this.updateUI()}handleAddIndicator(e){this.chart.addIndicator(e)}handleRemoveIndicator(e){this.chart.removeIndicator(e)}toggleCommandPalette(){if(this.commandPalette?.isOpen()){this.commandPalette.close();return}this.commandPalette?.open(this.buildCommandItems())}buildCommandItems(){let e=[];for(let t of ee)e.push({id:t.id,label:t.name,category:`indicator`,active:[...this.state.activeIndicators.values()].some(e=>e.id===t.id)});for(let t of u)e.push({id:t.value,label:me(t,this.t),category:`chartType`,active:this.state.chartType===t.value});for(let t of he(d,this.t))for(let n of t.tools)e.push({id:n.value,label:n.label,category:`drawing`,active:this.state.activeTool===n.value});for(let t of this.timeframes)e.push({id:t,label:Nn(t),category:`timeframe`,active:this.state.timeframe===t});return e.push({id:`screenshot`,label:this.t(`action.screenshot`),category:`action`,shortcut:``},{id:`copyImage`,label:this.t(`action.copyImage`),category:`action`},{id:`toggleTheme`,label:this.t(`action.toggleTheme`),category:`action`},{id:`settings`,label:this.t(`action.settings`),category:`action`},{id:`shareView`,label:this.t(`action.shareView`),category:`action`},{id:`autoFib`,label:this.t(`action.autoFib`),category:`action`},{id:`dataWindow`,label:this.t(`action.dataWindow`),category:`action`},...this.symbolInfoPanel?[{id:`symbolInfo`,label:this.t(`action.symbolInfo`),category:`action`}]:[],{id:`clearDrawings`,label:this.t(`action.clearDrawings`),category:`action`}),e}handleAction(e){switch(e){case`screenshot`:this.chart.screenshot();break;case`toggleTheme`:this.handleToggleTheme();break;case`settings`:this.openSettings();break;case`copyImage`:this.copyChartImage();break;case`shareView`:this.copyShareLink();break;case`autoFib`:{let e=this.chart.autoFib();this.toast(e?this.t(`toast.autoFibAdded`):this.t(`toast.noSwing`));break}case`dataWindow`:this.toggleDataWindow();break;case`symbolInfo`:this.toggleSymbolInfo();break;case`clearDrawings`:this.chart.clearDrawings(),this.state={...this.state,activeTool:null},this.updateUI();break}}handleDrawingTool(e){this.state={...this.state,activeTool:e},this.chart.setDrawingTool(e),this.updateUI()}handleCancelDrawing(){this.state={...this.state,activeTool:null},this.chart.setDrawingTool(null),this.chart.setEraserMode(!1),this.chart.setZoomAreaMode(!1),this.updateUI()}handleToggleStayInDrawing(){let e=!this.state.stayInDrawing;this.state={...this.state,stayInDrawing:e},this.chart.setStayInDrawingMode(e),this.updateUI()}handleToggleMagnet(){let e=this.state.magnetEnabled?this.state.magnetStrong?`off`:`strong`:`weak`;this.state={...this.state,magnetEnabled:e!==`off`,magnetStrong:e===`strong`},this.chart.setDrawingMagnetMode(e),this.updateUI()}handleToggleTheme(){let e=!this.state.isDark;this.state={...this.state,isDark:e},this.root.dataset.tcwTheme=e?`dark`:`light`,this.portal.dataset.tcwTheme=this.root.dataset.tcwTheme,this.chart.setTheme(e?n.DARK_THEME:n.LIGHT_THEME),this.chart.setWatermark(this.state.symbol.replace(`USDT`,` / USDT`),{fontSize:48,color:e?`rgba(255,255,255,0.03)`:`rgba(0,0,0,0.03)`}),this.updateUI()}openSettings(){this.settingsState={...this.settingsState,chartTypeOptions:this.chart.getChartTypeOptions?.()??{}},this.settings?.open(this.settingsState,this.state.chartType)}toast(e,t=`info`){let n=document.createElement(`div`);n.className=`tcw-toast ${t===`error`?`tcw-toast-error`:``}`,n.textContent=e,this.root.appendChild(n),requestAnimationFrame(()=>n.classList.add(`tcw-toast-in`)),setTimeout(()=>{n.classList.remove(`tcw-toast-in`),n.addEventListener(`transitionend`,()=>n.remove(),{once:!0}),setTimeout(()=>n.remove(),400)},3500)}getLayoutSession(){return this.layoutSession}getSymbol(){return this.state.symbol}getTimeframe(){return this.state.timeframe}captureLayout(){let e=this.chart.saveState(),t=e?Zn(e):null,n=t&&typeof t==`object`?Yn(t):null;return{v:1,symbol:this.state.symbol,timeframe:this.state.timeframe,scaleMode:this.settingsState.scaleMode,invertScale:this.settingsState.invertScale,chart:n}}async restoreLayout(e){if(e.symbol!==this.state.symbol&&await this.setSymbol(e.symbol),e.timeframe!==this.state.timeframe&&await this.setTimeframe(e.timeframe),!this.destroyed){if(e.chart){this.chart.loadState(JSON.stringify(Yn(e.chart)));let t=e.chart.chartType;typeof t==`string`&&(this.state={...this.state,chartType:t})}this.applySettings({scaleMode:e.scaleMode,invertScale:e.invertScale}),this.syncIndicatorsFromChart(),this.updateUI()}}getLayoutContent(){return JSON.stringify(this.captureLayout())}async applyLayoutContent(e){let t=Xn(Zn(e));return t?(await this.restoreLayout(t),!0):!1}setupLayouts(t){let n=new e.t(t.storage??e.i(),{capture:()=>({content:this.getLayoutContent(),symbol:this.state.symbol,timeframe:this.state.timeframe}),apply:async e=>{if(!await this.applyLayoutContent(e.content))throw Error(`Not a widget layout`)}},{autoSave:t.autoSave,debounceMs:t.debounceMs,onChange:()=>this.toolbar?.setLayout(n.current()?.name??null,n.isDirty()),onError:()=>this.toast(this.t(`layouts.saveFailed`),`error`)});this.layoutSession=n,this.layoutsUI=new kn(n,{root:this.root,t:this.t,toast:(e,t)=>this.toast(e,t),formatTime:e=>{let{date:t,time:n}=q(e,this.displayTimezone());return`${t} ${n}`}}),this.chart.on(`stateChange`,()=>n.changed()),t.openLast&&n.list().then(([e])=>e&&!this.destroyed?this.openLayout(e.id):void 0,()=>void 0)}async saveLayout(){await this.layoutsUI?.save()}async openLayout(e){return await this.layoutsUI?.open(e)??!1}clearSavedLayout(e){if(!this.layoutKeyPrefix)return;let t=e??this.state.symbol;try{localStorage.removeItem(this.layoutKeyPrefix+t)}catch{}}applySymbolLayout(e){if(!this.layoutKeyPrefix)return;let t=this.layoutKeyPrefix+e;this.activeLayoutKey=t;try{this.chart.loadStateFromStorage(t)&&this.syncIndicatorsFromChart()}catch{}this.chart.setAutoSave(t,this.layoutDebounceMs)}flushActiveLayout(){if(this.activeLayoutKey){try{this.chart.saveState(this.activeLayoutKey)}catch{}this.chart.disableAutoSave(),this.activeLayoutKey=null}}syncIndicatorsFromChart(){let t=new Map;for(let n of this.chart.getActiveIndicators())t.set(n.instanceId,{id:n.id,label:e.C(n.id,n.params,n.descriptor.defaultConfig,n.descriptor.shortName)});this.state={...this.state,activeIndicators:t},this.updateUI()}toggleReplay(){this.replayBar?.isMounted()?this.exitReplay():this.enterReplay()}enterReplay(){if(this.replayTotal()<2)return;let e=this.t;this.replayBar=new Le({onPlay:()=>{if(this.replayBar?.getMode()===`select`){this.startReplayAt(Math.max(1,this.replayTotal()-100),!0);return}this.chart.getReplayState()===`paused`&&this.chart.replayResume(),this.replayBar?.setState(`playing`)},onPause:()=>{this.chart.replayPause(),this.replayBar?.setState(`paused`)},onStepBack:()=>this.stepReplay(-1),onStepForward:()=>this.stepReplay(1),onSeek:e=>{this.chart.getReplayState()===`playing`&&this.chart.replayPause(),this.chart.replaySeek(e),this.replayBar?.setState(`paused`)},onSpeedChange:e=>{this.replaySpeed=e,this.chart.setReplaySpeed(e)},onRandomStart:()=>{let e=this.replayTotal(),t=Math.max(1,Math.floor(e*.1)),n=Math.max(t,Math.floor(e*.9));this.startReplayAt(t+Math.floor(Math.random()*(n-t+1)))},onClose:()=>this.exitReplay(),onStepChange:e=>{if(this.replayStep=e,this.replayBar?.getMode()!==`replay`)return;let t=this.chart.getReplayState()===`playing`;this.startReplayAt(Math.max(0,this.chart.getReplayBarIndex()-1),t)}},{selectHint:e(`replay.selectHint`),random:e(`replay.random`),realtime:e(`replay.realtime`),barsPerSecond:e(`replay.barsPerSecond`),play:e(`replay.play`),pause:e(`replay.pause`),stepBack:e(`replay.stepBack`),stepForward:e(`replay.stepForward`),replay:e(`replay.label`),position:e(`replay.position`),speed:e(`replay.speed`),step:e(`replay.step`)});let t=[{value:`bar`,label:e(`replay.step.bar`)},...this.replayStepOptions().map(e=>({value:e,label:e}))];t.some(e=>e.value===this.replayStep)||(this.replayStep=`bar`),this.replayBar.mount(this.chartContainer,{total:this.replayTotal(),speed:this.replaySpeed,mode:`select`,steps:t,step:this.replayStep}),this.replayShade=document.createElement(`div`),this.replayShade.className=`tcw-replay-shade`,this.replayShade.hidden=!0,this.chartContainer.appendChild(this.replayShade),this.chartContainer.addEventListener(`mouseleave`,this.hideReplayShade)}hideReplayShade=()=>this.positionReplayShade(null);replayFrom(e,t=!1){this.replayBar?.isMounted()||this.enterReplay(),this.startReplayAt(e,t)}startReplayAt(e,t=!1){let n=this.replayBar;if(!n)return;let r=this.replayTotal(),i=Math.max(0,Math.min(Number.isFinite(e)?Math.floor(e):0,r-1));this.replayShade?.remove(),this.replayShade=null,this.chartContainer.removeEventListener(`mouseleave`,this.hideReplayShade),n.setMode(`replay`);let a=++this.replayStartSeq,o=e=>{this.destroyed||this.replayBar!==n||!n.isMounted()||a!==this.replayStartSeq||(this.chart.replayStart({speed:this.replaySpeed,interval:1e3,startIndex:i,paused:!0,...e?{steps:e}:{}}),t&&this.chart.replayResume(),n.setState(t?`playing`:`paused`),this.syncReplayBar(),this.replayPollInterval&&clearInterval(this.replayPollInterval),this.replayPollInterval=setInterval(()=>this.syncReplayBar(),150))};if(this.replayStep===`bar`){o(null);return}this.replayStepsFor(this.replayStep).then(e=>{a===this.replayStartSeq&&(e||this.toast(this.t(`replay.stepsFailed`),`error`),o(e))})}replayStepOptions(){let e=(0,n.timeframeToMs)(this.state.timeframe);return Jr.filter(t=>{let i=(0,n.timeframeToMs)(t);return!(i<e)||e%i!==0?!1:this.adapter?(0,r.servesTimeframe)(this.adapter,t):this.baseSeries!==null&&this.baseTimeframeMs>0&&i>=this.baseTimeframeMs&&i%this.baseTimeframeMs===0})}async replayStepsFor(e){let t=`${this.state.symbol}|${this.state.timeframe}|${e}`;if(this.replayStepsCache?.key===t)return this.replayStepsCache.steps;let a=null;if(this.adapter){let t=Math.max(1,Math.round((0,n.timeframeToMs)(this.state.timeframe)/(0,n.timeframeToMs)(e))),i=Math.min(Yr,Math.max(this.chart.getData().length,100)*t);try{a=await(0,r.withResampling)(this.adapter).fetchHistory(this.state.symbol,e,i)}catch{a=null}}else this.baseSeries&&(a=(0,n.timeframeToMs)(e)===this.baseTimeframeMs?this.baseSeries:i(this.baseSeries,e));return!a||a.length===0?null:(this.replayStepsCache={key:t,steps:a},a)}replayTotal(){return this.chart.isReplayActive()?this.chart.getReplayProgress().total:this.chart.getData().length}syncReplayBar(){let e=this.replayBar;if(!e?.isMounted()||e.getMode()!==`replay`)return;if(!this.chart.isReplayActive()){this.teardownReplayUi();return}let t=this.chart.getReplayProgress(),n=this.chart.getReplayState();e.setProgress(t.current,t.total),e.setState(n===`stopped`?`paused`:n),e.setEnded(n!==`playing`&&t.total>0&&t.current>=t.total-1)}stepReplay(e){if(this.replayBar?.getMode()!==`replay`)return;let t=this.chart.getReplayProgress();this.chart.getReplayState()===`playing`&&this.chart.replayPause(),this.chart.replaySeek(Math.max(0,Math.min(t.total-1,t.current+e))),this.replayBar.setState(`paused`),this.syncReplayBar()}handleReplayKey(e){if(e.defaultPrevented)return!1;let t=document.activeElement;return t&&(t.tagName===`INPUT`||t.tagName===`TEXTAREA`||t.tagName===`SELECT`||t.isContentEditable)?!1:e.shiftKey&&(e.key===`ArrowRight`||e.key===`ArrowLeft`)&&this.replayBar?.getMode()===`replay`?(e.preventDefault(),e.stopPropagation(),this.stepReplay(e.key===`ArrowRight`?1:-1),!0):e.key===`Escape`&&this.replayBar?.getMode()===`select`?(this.exitReplay(),!0):!1}positionReplayShade(e){let t=this.replayShade;if(!t)return;let n=this.chart.getPlotRect();if(e===null||e<n.x||e>n.x+n.width){t.hidden=!0;return}t.hidden=!1,t.style.left=`${e}px`,t.style.top=`${n.y}px`,t.style.width=`${n.x+n.width-e}px`,t.style.height=`${n.height}px`}exitReplay(){this.teardownReplayUi(),this.chart.replayStop()}teardownReplayUi(){this.replayPollInterval&&=(clearInterval(this.replayPollInterval),null),this.replayShade?.remove(),this.replayShade=null,this.chartContainer.removeEventListener(`mouseleave`,this.hideReplayShade),this.replayBar?.unmount(),this.replayBar=null}applySettings(e){this.settingsState={...this.settingsState,...e},(e.scaleMode!==void 0||e.logScale!==void 0||e.invertScale!==void 0)&&this.layoutSession?.changed(),this.scheduleLegend(),e.gridVisible!==void 0&&this.chart.setGridVisible(e.gridVisible),e.volumeVisible!==void 0&&this.chart.setVolumeVisible(e.volumeVisible),e.volumeProfileVisible!==void 0&&this.chart.setVolumeProfileVisible(e.volumeProfileVisible),e.marketProfileVisible!==void 0&&this.chart.setMarketProfileVisible(e.marketProfileVisible),e.marketProfileSplit!==void 0&&this.chart.setMarketProfileConfig({splitBySession:e.marketProfileSplit}),e.marketProfileLetters!==void 0&&this.chart.setMarketProfileConfig({letters:e.marketProfileLetters}),e.marketProfileBuckets!==void 0&&this.chart.setMarketProfileConfig({buckets:e.marketProfileBuckets}),e.marketProfileOpacity!==void 0&&this.chart.setMarketProfileConfig({opacity:e.marketProfileOpacity}),e.depthHeatmapVisible!==void 0&&this.chart.setDepthHeatmapVisible(e.depthHeatmapVisible),e.depthHeatmapOpacity!==void 0&&this.chart.setDepthHeatmapConfig({opacity:e.depthHeatmapOpacity}),e.sessionShadingVisible!==void 0&&this.chart.setSessionShadingVisible(e.sessionShadingVisible),e.pivotMarkersVisible!==void 0&&this.chart.setPivotMarkersVisible(e.pivotMarkersVisible),e.pivotStrength!==void 0&&this.chart.setPivotMarkersConfig({left:e.pivotStrength,right:e.pivotStrength}),e.pivotStructureLabels!==void 0&&this.chart.setPivotMarkersConfig({structureLabels:e.pivotStructureLabels}),e.periodLevelsVisible!==void 0&&this.chart.setPeriodLevelsVisible(e.periodLevelsVisible),e.periodLevelsPeriod!==void 0&&this.chart.setPeriodLevelsPeriod(e.periodLevelsPeriod),e.legendVisible!==void 0&&this.chart.setLegend({visible:e.legendVisible}),e.barCountdown!==void 0&&this.chart.setBarCountdownVisible(e.barCountdown),e.indicatorValueLabels!==void 0&&this.chart.setIndicatorValueLabelsVisible(e.indicatorValueLabels),e.crosshairMode!==void 0&&this.chart.setCrosshairMode(e.crosshairMode),e.autoScale!==void 0&&this.chart.setAutoScale(e.autoScale),e.invertScale!==void 0&&this.chart.setInvertScale(e.invertScale),e.leftPriceScale!==void 0&&this.chart.setLeftPriceScaleVisible(e.leftPriceScale),e.scaleMode===void 0?e.logScale!==void 0&&(this.chart.setLogScale(e.logScale),this.settingsState={...this.settingsState,scaleMode:e.logScale?`logarithmic`:`regular`}):(this.chart.setScaleMode(e.scaleMode),this.settingsState={...this.settingsState,logScale:e.scaleMode===`logarithmic`}),e.numberLocale!==void 0&&(this.chart.setNumberLocale(e.numberLocale),this.watchlist?.setLocale(e.numberLocale||void 0)),e.timezone!==void 0&&this.chart.setTimezone(s(e.timezone)),e.highLowLines!==void 0&&this.chart.setHighLowLines(e.highLowLines),e.extendedHours!==void 0&&this.chart.setExtendedHours(e.extendedHours),e.mainSeriesVisible!==void 0&&this.chart.setMainSeriesVisible(e.mainSeriesVisible),e.chartTypeOptions!==void 0&&this.chart.setChartTypeOptions({renko:{},lineBreak:{},kagi:{},pointAndFigure:{},rangeBars:{},...e.chartTypeOptions});let t={...this.chart.getTheme()},r=!1;e.candleUpColor!==void 0&&(t.candleUp=e.candleUpColor,t.volumeUp=(0,n.volumeColor)(e.candleUpColor),r=!0),e.candleDownColor!==void 0&&(t.candleDown=e.candleDownColor,t.volumeDown=(0,n.volumeColor)(e.candleDownColor),r=!0),e.candleUpWick!==void 0&&(t.candleUpWick=e.candleUpWick,r=!0),e.candleDownWick!==void 0&&(t.candleDownWick=e.candleDownWick,r=!0),e.backgroundColor!==void 0&&(t.background=e.backgroundColor,r=!0),e.gridColor!==void 0&&(t.grid=e.gridColor,r=!0),r&&this.chart.setTheme(t)}resetSettings(){let e={...this.settingsState};this.settingsState={...this.settingsDefaults},this.applySettings(this.settingsState);let t={...this.settingsState};JSON.stringify(e)!==JSON.stringify(t)&&this.chart.recordUndo({undo:()=>this.restoreSettings(e),redo:()=>this.restoreSettings(t)})}changeSettings(e){let t=Object.keys(e);if(t.includes(`scaleMode`)||t.includes(`logScale`))for(let e of[`scaleMode`,`logScale`])t.includes(e)||t.push(e);let n=()=>Object.fromEntries(t.map(e=>[e,this.settingsState[e]])),r=n();this.applySettings(e);let i=n();JSON.stringify(r)!==JSON.stringify(i)&&this.chart.recordUndo({subject:`settings:${Object.keys(e).sort().join(`,`)}`,undo:()=>this.restoreSettings(r),redo:()=>this.restoreSettings(i)})}restoreSettings(e){this.applySettings(e),this.settings?.refresh(this.settingsState)}async connectStream(){if(!this.adapter)return;let e=++this.connectSeq;this.state={...this.state,connectionState:`connecting`,connectionMessage:this.t(`status.connecting`)},this.updateUI(),this.loading.begin(this.chart.getData().length>0);try{if(this.chart.disconnectStream(),await this.chart.connect({adapter:this.adapter,symbol:this.state.symbol,timeframe:this.state.timeframe,historyLimit:this.options.historyLimit??500,historyPageSize:this.options.historyPageSize}),e!==this.connectSeq||this.destroyed)return;this.chart.setWatermark(this.state.symbol.replace(`USDT`,` / USDT`),{fontSize:48,color:this.state.isDark?`rgba(255,255,255,0.03)`:`rgba(0,0,0,0.03)`}),this.applySymbolLayout(this.state.symbol),this.loading.hasFailed()?this.state={...this.state,connectionState:`error`}:(this.loading.end(),this.state={...this.state,connectionState:`connected`,connectionMessage:this.t(`status.live`)}),this.refetchCompares()}catch(t){if(e!==this.connectSeq||this.destroyed)return;this.loading.fail(this.t(`status.connectionFailed`)),this.state={...this.state,connectionState:`error`,connectionMessage:t instanceof Error?t.message:this.t(`status.connectionFailed`)}}this.updateUI()}scheduleLegend(){!this.indicatorLegend||this.legendFrame||(this.legendFrame=requestAnimationFrame(()=>{this.legendFrame=0,this.renderLegend()}))}renderLegend(){if(!this.indicatorLegend||this.destroyed)return;let t=this.chart.getData().length-1,n=this.chart.isTimeAligned()?this.legendHoverIndex:null,r=n===null?t:Math.min(Math.max(n,0),t),i=new Map;for(let e of this.chart.getIndicatorPanes())(e.instanceIds??[e.instanceId]).forEach((t,n)=>i.set(t,{...e.rect,row:n}));let a=this.settingsState.numberLocale||`en-US`,o=this.chart.getActiveIndicators().map(t=>{let n=i.get(t.instanceId)??null,o=r>=0?this.chart.getIndicatorOutput(t.instanceId)?.series?.[r]:null,s=this.chart.getIndicatorStyle(t.instanceId)?.colors??[],c=pr(t.descriptor,o,s);return{instanceId:t.instanceId,label:e.C(t.id,t.params,t.descriptor.defaultConfig,t.descriptor.shortName),visible:t.visible,values:c.map(e=>({text:n?gr(e.value,a):this.chart.formatPrice(e.value),color:e.color})),pane:n?{x:n.x+Wr,y:n.y+Math.min(Gr+n.row*Kr,Math.max(Gr,n.height-Kr)),width:n.width-2*Wr}:null}}),s=this.chart.getPlotRect(),c=this.chart.getMaximizedPane(),l=e=>o.find(t=>t.instanceId===e)?.label??``,u=this.chart.getIndicatorPanes().map(e=>({instanceId:e.instanceId,x:e.rect.x+e.rect.width-Wr,y:e.rect.y+qr,label:l(e.instanceId),collapsed:this.chart.isPaneCollapsed(e.instanceId),maximized:c===e.instanceId,canMoveUp:this.chart.canMovePane(e.instanceId,-1),canMoveDown:this.chart.canMovePane(e.instanceId,1)}));this.indicatorLegend.update(o,{left:s.x+Wr,top:this.chart.getLegendBottom()+1},u)}runPaneAction(e,t){t===`up`||t===`down`?this.chart.movePane(e,t===`up`?-1:1):t===`collapse`||t===`expand`?this.chart.setPaneCollapsed(e,t===`collapse`):this.chart.setMaximizedPane(t===`maximize`?e:null),this.scheduleLegend()}openLegendMenu(e,t){let n=this.legendMenu;if(!n)return;if(n.isOpen()){n.close();return}let r=[`price`,...this.chart.getIndicatorPanes().map(e=>e.instanceId)],i=1+this.chart.getIndicatorPanes().findIndex(t=>t.instanceIds.includes(e)),a=r[i-1],o=r[i+1],s=t=>t!==void 0&&this.chart.canMoveIndicatorToPane(e,t),c=[];s(a)&&c.push({id:`move:${a}`,label:this.t(a===`price`?`legend.movePrice`:`legend.moveUp`),icon:`arrowUp`}),s(o)&&c.push({id:`move:${o}`,label:this.t(`legend.moveDown`),icon:`arrowDown`}),s(`new`)&&c.push({id:`move:new`,label:this.t(`legend.moveNew`),icon:`plus`}),a!==`price`&&s(`price`)&&c.push({id:`move:price`,label:this.t(`legend.movePrice`),icon:`trendingUp`}),c.length>0&&c.push(`separator`),c.push({id:`settings`,label:this.t(`legend.settings`),icon:`settings`},{id:`remove`,label:this.t(`legend.remove`),icon:`trash`,danger:!0});let l=t.getBoundingClientRect(),u=this.root.getBoundingClientRect();n.open(c,l.left-u.left,l.bottom-u.top+2,t=>{t===`settings`?this.openIndicatorSettings(e):t===`remove`?this.handleRemoveIndicator(e):t.startsWith(`move:`)&&this.chart.moveIndicatorToPane(e,t.slice(5)),this.scheduleLegend()},t)}updateUI(){this.scheduleLegend(),this.toolbar?.update(this.state),this.sidebar?.update(this.state),this.statusBar?.update({connectionState:this.state.connectionState,message:this.state.connectionMessage,symbol:this.state.symbol,timeframe:this.state.timeframe})}resolveIsDark(e){return e===void 0||e===`dark`?!0:e===`light`?!1:typeof e==`object`&&e.background?this.isColorDark(e.background):!0}resolveTheme(e){return e===void 0||e===`dark`?n.DARK_THEME:e===`light`?n.LIGHT_THEME:typeof e==`object`?e:n.DARK_THEME}isColorDark(e){if(e.startsWith(`#`)&&e.length>=7){let t=parseInt(e.slice(1,3),16),n=parseInt(e.slice(3,5),16),r=parseInt(e.slice(5,7),16);return t+n+r<384}return!0}};function ei(t,i){let a=e=>{let t=(0,r.sourceParam)(e.descriptor);return t&&(0,n.parseIndicatorSource)(e.params[t])?.instanceId||null},o=new Set([t]);for(let e=!0;e;){e=!1;for(let t of i){let n=a(t);n&&o.has(n)&&!o.has(t.instanceId)&&(o.add(t.instanceId),e=!0)}}let s=[];for(let t of i){if(o.has(t.instanceId))continue;let r=e.C(t.id,t.params,t.descriptor.defaultConfig,t.descriptor.shortName);for(let e of t.descriptor.plots??[])s.push({value:(0,n.indicatorSource)(t.instanceId,e.key),label:`${r}: ${e.title}`})}return s}function ti(){try{return typeof localStorage<`u`?localStorage:null}catch{return null}}var ni=10,ri=5*6e4,ii=864e5;function ai(e,t){if(e.length===0)return null;let r=t&&(0,n.isValidTimeZone)(t)?t:null,i=e=>{let t=e<1e11?e*1e3:e;return Math.floor((t+(r?(0,n.zoneOffsetMinutes)(r,t)*6e4:0))/ii)},a=e[e.length-1],o=i(a.time),s=e.length-1;for(;s>0&&i(e[s-1].time)===o;)s--;let c=-1/0,l=1/0,u=0;for(let t=s;t<e.length;t++)c=Math.max(c,e[t].high),l=Math.min(l,e[t].low),u+=e[t].volume??0;return{open:e[s].open,high:c,low:l,close:a.close,volume:u,prevClose:s>0?e[s-1].close:void 0}}function oi(e,t){let n=e/6e4,[r,i]=Math.abs(n)<60?[Math.round(n)||Math.sign(n)||1,`minute`]:Math.abs(n)<1440?[Math.round(n/60),`hour`]:[Math.round(n/1440),`day`];try{return new Intl.RelativeTimeFormat(t,{numeric:`auto`}).format(r,i)}catch{return new Intl.RelativeTimeFormat(`en`,{numeric:`auto`}).format(r,i)}}function si(e,t){try{return new Intl.NumberFormat(t,{notation:`compact`,maximumFractionDigits:2}).format(e)}catch{return String(e)}}function ci(e,t){let n=e?.sessions??[];if(n.length===0)return;let r;try{let e=new Intl.DateTimeFormat(t,{weekday:`short`,timeZone:`UTC`});r=Array.from({length:7},(t,n)=>e.format(Date.UTC(1970,0,4+n)))}catch{r=[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`]}let i=e=>{let t=[...new Set((e??[]).filter(e=>Number.isInteger(e)&&e>=0&&e<=6))].sort((e,t)=>e-t);return t.length===0||t.length===7?``:t.every((e,n)=>n===0||e===t[n-1]+1)&&t.length>2?`${r[t[0]]}–${r[t[t.length-1]]}`:t.map(e=>r[e]).join(`, `)};return n.map(e=>[`⁦${e.start}–${e.end}⁩`,i(e.days)].filter(Boolean).join(` `)).join(`, `)}function li(e){return!!e&&/^(ar|he|iw|fa|ur|ps|yi|dv|ckb|sd|ug)(-|$)/i.test(e)}var ui={symbol:!1,interval:!1,crosshair:!0,time:!1,drawings:!1,replay:!1},di=[`symbol`,`interval`,`crosshair`,`time`,`drawings`,`replay`],$={"1x1":{cols:1,rows:1},"1x2":{cols:2,rows:1},"2x1":{cols:1,rows:2},"2x2":{cols:2,rows:2},"1x3":{cols:3,rows:1},"3x1":{cols:1,rows:3},"2x3":{cols:3,rows:2},"3x2":{cols:2,rows:3}};function fi(e){return typeof e==`string`&&Object.prototype.hasOwnProperty.call($,e)}function pi(e){return JSON.parse(JSON.stringify(e))}function mi(e,t,n=16){let r=(20-2*(e-1))/e,i=(20-2*(t-1))/t,a=``;for(let n=0;n<t;n++)for(let t=0;t<e;t++)a+=`<rect x="${2+t*(r+2)}" y="${2+n*(i+2)}" width="${r}" height="${i}" rx="1"/>`;return`<svg width="${n}" height="${n}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true">${a}</svg>`}function hi(e){if(typeof e!=`object`||!e)return null;let t=e;if(t.v!==1||t.kind!==`grid`||!fi(t.layout)||!Array.isArray(t.cells))return null;let n=t.cells.map(Xn);if(n.some(e=>e===null))return null;let r=typeof t.sync==`object`&&t.sync!==null?t.sync:{},i={...ui};for(let e of di)typeof r[e]==`boolean`&&(i[e]=r[e]);let a=typeof t.active==`number`&&Number.isInteger(t.active)?t.active:0;return{v:1,kind:`grid`,layout:t.layout,sync:i,active:a,cells:n}}var gi=class{root;cellsEl;cells=[];layout;sync;active=0;hovered=null;relayDepth=0;uiTheme=null;parked=new Map;drawingFrame=0;drawingSource=null;layoutButtons=new Map;syncButtons=new Map;layoutsButton=null;session=null;layoutsUI=null;t;destroyed=!1;unregisterKeys=()=>{};onKeyDown=e=>{!(e.ctrlKey||e.metaKey)||e.altKey||e.shiftKey||e.key!==`s`&&e.key!==`S`||!this.layoutsUI||K()||!G(this.root,!0)||(e.preventDefault(),this.layoutsUI.save())};constructor(e,n={}){this.options=n,this.layout=fi(n.layout)?n.layout:`1x2`,this.sync={...ui,...n.sync},this.t=t.n(t.o(n.widget?.locale,n.widget?.messages)),g(),this.root=document.createElement(`div`),this.root.className=`tcw-root tcw-grid`,this.root.dataset.tcwTheme=n.widget?.theme===`light`?`light`:`dark`,P(this.root,N(n.widget?.ui),{variables:n.widget?.ui!==void 0}),n.bar!==!1&&this.root.appendChild(this.buildBar()),this.cellsEl=document.createElement(`div`),this.cellsEl.className=`tcw-grid-cells`,this.root.appendChild(this.cellsEl),e.appendChild(this.root),this.applyShape();for(let e=0;e<this.shapeCount();e++)this.cells.push(this.createCell(e));this.markActive();let r=this.cells[0]?.el.querySelector(`.tcw-root`)?.dataset.tcwTheme;r&&(this.root.dataset.tcwTheme=r),n.layouts!==!1&&this.setupLayouts(n.layouts===!0||n.layouts===void 0?{}:n.layouts),this.unregisterKeys=Kn(this.root),document.addEventListener(`keydown`,this.onKeyDown)}get relaying(){return this.relayDepth>0}quietly(e){this.relayDepth++;try{return e()}finally{this.relayDepth--}}getWidget(e){return this.cells[e]?.widget??null}getWidgets(){return this.cells.map(e=>e.widget)}getActiveIndex(){return this.active}getActiveWidget(){return this.cells[this.active].widget}setActive(e){e<0||e>=this.cells.length||e===this.active||(this.active=e,this.markActive(),this.options.onActiveChange?.(e,this.cells[e].widget),this.session?.changed())}getLayout(){return this.layout}setLayout(e){if(e===this.layout||!fi(e))return;this.layout=e;let t=this.shapeCount();for(;this.cells.length>t;){let e=this.cells.length-1,t=this.cells.pop();this.parked.set(e,t.widget.captureLayout()),this.destroyCell(t)}this.applyShape();for(let e=this.cells.length;e<t;e++){let t=this.createCell(e);this.cells.push(t),this.unpark(e,t)}this.active>=t&&(this.active=0,this.options.onActiveChange?.(0,this.cells[0].widget)),this.markActive(),this.renderBar(),this.session?.changed()}getSync(){return{...this.sync}}setUI(e){let t=N(e);P(this.root,t);for(let e of this.cells)e.widget.setUI(t);this.uiTheme=t}getUI(){return N(this.uiTheme??this.options.widget?.ui)}setSync(e){let t=this.sync;if(this.sync={...this.sync,...e},t.crosshair&&!this.sync.crosshair)for(let e of this.cells)e.widget.getChart().setCrosshairTime(null);let n=this.cells[this.active];if(n&&!this.relaying){let e=n.widget.getSymbol(),r=n.widget.getTimeframe();!t.symbol&&this.sync.symbol&&this.relay(n,t=>void t.setSymbol(e)),!t.interval&&this.sync.interval&&this.relay(n,e=>void e.setTimeframe(r)),!t.drawings&&this.sync.drawings&&this.mergeDrawings()}this.renderBar(),this.session?.changed()}setTheme(e){for(let t of this.cells)t.widget.setTheme(e);this.followTheme()}getLayoutSession(){return this.session}captureLayout(){let e=[...this.parked.entries()].sort(([e],[t])=>e-t).map(([,e])=>e);return{v:1,kind:`grid`,layout:this.layout,sync:{...this.sync},active:this.active,cells:[...this.cells.map(e=>e.widget.captureLayout()),...e]}}async restoreLayout(e){this.relayDepth++;let t;try{this.parked.clear(),this.setLayout(e.layout),this.sync={...e.sync},this.renderBar();let n=this.cells.length;e.cells.slice(n).forEach((e,t)=>this.parked.set(n+t,e)),t=await Promise.allSettled(this.cells.map((t,n)=>e.cells[n]?t.widget.restoreLayout(e.cells[n]):Promise.resolve()))}finally{this.relayDepth--}if(this.destroyed)return;this.setActive(Math.min(Math.max(0,e.active),this.cells.length-1));let n=t.find(e=>e.status===`rejected`);if(n)throw n.reason}getLayoutContent(){return JSON.stringify(this.captureLayout())}async applyLayoutContent(e){let t=hi(Zn(e));return t?(await this.restoreLayout(t),!0):!1}destroy(){if(!this.destroyed){this.destroyed=!0,document.removeEventListener(`keydown`,this.onKeyDown),this.unregisterKeys(),this.drawingFrame&&cancelAnimationFrame(this.drawingFrame),this.session?.destroy(),this.layoutsUI?.destroy();for(let e of this.cells)this.destroyCell(e);this.cells=[],this.root.remove(),_()}}shapeCount(){let{cols:e,rows:t}=$[this.layout];return e*t}applyShape(){let{cols:e,rows:t}=$[this.layout];this.cellsEl.style.gridTemplateColumns=`repeat(${e}, minmax(0, 1fr))`,this.cellsEl.style.gridTemplateRows=`repeat(${t}, minmax(0, 1fr))`}createCell(e){let n=document.createElement(`div`);n.className=`tcw-grid-cell`,n.setAttribute(`role`,`region`),n.setAttribute(`aria-label`,t.r(this.t(`grid.chart`),{n:e+1})),this.cellsEl.appendChild(n);let r=this.options.widget??{},i=this.options.cells?.[e]??{},a=this.cells[this.active]?.widget,o={},s=new $r(n,{...r,...i,...a&&this.sync.symbol?{symbol:a.getSymbol()}:{},...a&&this.sync.interval?{timeframe:a.getTimeframe()}:{},...this.options.adapter&&!i.adapter?{adapter:this.options.adapter(e)}:{},...this.uiTheme?{ui:this.uiTheme}:{},layouts:!1,onSymbolChange:e=>{i.onSymbolChange?.(e),r.onSymbolChange?.(e),this.sync.symbol&&this.relay(o,t=>void t.setSymbol(e)),this.session?.changed()},onTimeframeChange:e=>{i.onTimeframeChange?.(e),r.onTimeframeChange?.(e),this.sync.interval&&this.relay(o,t=>void t.setTimeframe(e)),this.session?.changed()}});return o.el=n,o.widget=s,this.wireCell(o),n.addEventListener(`pointerdown`,()=>this.setActive(this.cells.indexOf(o)),!0),n.addEventListener(`pointerenter`,()=>{this.hovered=o}),n.addEventListener(`pointerleave`,()=>{this.hovered===o&&(this.hovered=null)}),this.options.onChartAdd?.(s,e),o}wireCell(e){let t=e.widget.getChart(),n=()=>this.cells.filter(t=>t!==e);t.on(`crosshairMove`,e=>{let t=e.payload.bar?.time;if(!(!this.sync.crosshair||t===void 0))for(let e of n())e.widget.getChart().setCrosshairTime(t)}),t.on(`crosshairLeave`,()=>{if(this.sync.crosshair)for(let e of n())e.widget.getChart().setCrosshairTime(null)}),t.on(`visibleRangeChange`,n=>{if(!this.sync.time||this.relaying||(this.hovered??this.cells[this.active])!==e)return;let{from:r,to:i}=n.payload,a=t.getData(),o=a[r]?.time,s=a[i]?.time;o===void 0||s===void 0||this.relay(e,e=>e.getChart().setVisibleRange(o,s))});for(let n of[`drawingCreate`,`drawingUpdate`,`drawingRemove`])t.on(n,()=>{this.sync.drawings&&!this.relaying&&this.copyDrawingsSoon(e)});t.on(`replayStep`,t=>{if(!this.sync.replay||this.relaying)return;let{until:n}=t.payload;this.relay(e,e=>{let t=e.getChart();if(t.isReplayActive()){t.replaySeekToTime(n);return}let r=_i(t.getData(),n);r>=0&&t.replayStart({startIndex:r,paused:!0})})}),t.on(`replayState`,t=>{!this.sync.replay||this.relaying||t.payload.state!==`stopped`||this.relay(e,e=>{e.getChart().isReplayActive()&&e.getChart().replayStop()})}),t.on(`stateChange`,()=>this.session?.changed()),t.on(`themeChange`,()=>{this.relaying||this.followTheme(e)})}destroyCell(e){this.hovered===e&&(this.hovered=null),this.drawingSource===e&&(this.drawingSource=null),this.quietly(()=>e.widget.destroy()),e.el.remove()}relay(e,t){this.relaying||this.quietly(()=>{for(let n of this.cells)n!==e&&t(n.widget)})}unpark(e,t){let n=this.parked.get(e);if(!n)return;this.parked.delete(e);let r=this.cells[this.active]?.widget,i={...n,...r&&this.sync.symbol?{symbol:r.getSymbol()}:{},...r&&this.sync.interval?{timeframe:r.getTimeframe()}:{}};this.relayDepth++,t.widget.restoreLayout(i).catch(()=>t.widget.toast(this.t(`layouts.openFailed`),`error`)).finally(()=>{this.relayDepth--})}copyDrawingsSoon(e){this.drawingSource=e,!this.drawingFrame&&(this.drawingFrame=requestAnimationFrame(()=>{this.drawingFrame=0;let e=this.drawingSource;this.drawingSource=null,e&&!this.destroyed&&!this.relaying&&this.copyDrawings(e)}))}copyDrawings(e){let t=e.widget.getSymbol(),n=e.widget.getChart().getDrawings();this.quietly(()=>{for(let r of this.cells)r!==e&&r.widget.getSymbol()===t&&r.widget.getChart().setDrawings(pi(n))})}mergeDrawings(){let e=new Map;for(let t of this.cells)e.set(t.widget.getSymbol(),[...e.get(t.widget.getSymbol())??[],t]);this.quietly(()=>{for(let t of e.values()){if(t.length<2)continue;let e=new Map;for(let n of t)for(let t of n.widget.getChart().getDrawings())e.has(t.id)||e.set(t.id,t);let n=[...e.values()];for(let e of t)e.widget.getChart().setDrawings(pi(n))}})}followTheme(e=this.cells[this.active]){let t=e?.el.querySelector(`.tcw-root`)?.dataset.tcwTheme;t&&(this.root.dataset.tcwTheme=t,this.quietly(()=>{for(let n of this.cells)n!==e&&n.el.querySelector(`.tcw-root`)?.dataset.tcwTheme!==t&&n.widget.setTheme(t)}))}markActive(){this.cells.forEach((e,t)=>e.el.classList.toggle(`tcw-grid-cell-active`,t===this.active&&this.cells.length>1))}buildBar(){let e=document.createElement(`div`);e.className=`tcw-grid-bar`,e.setAttribute(`role`,`toolbar`),e.setAttribute(`aria-label`,this.t(`grid.bar`));let n=document.createElement(`div`);n.className=`tcw-grid-group`,n.setAttribute(`role`,`group`),n.setAttribute(`aria-label`,this.t(`grid.layout`));let r=this.options.layoutChoices?.filter(fi)??Object.keys($);for(let e of r){let{cols:r,rows:i}=$[e],a=r*i===1?this.t(`grid.single`):t.r(this.t(`grid.layoutOption`),{count:r*i,cols:r,rows:i}),o=document.createElement(`button`);o.type=`button`,o.className=`tcw-btn-icon`,o.title=a,o.setAttribute(`aria-label`,a),o.innerHTML=mi(r,i),o.addEventListener(`click`,()=>this.setLayout(e)),this.layoutButtons.set(e,o),n.appendChild(o)}let i=document.createElement(`div`);i.className=`tcw-grid-group`,i.setAttribute(`role`,`group`),i.setAttribute(`aria-label`,this.t(`grid.sync`));let a=document.createElement(`span`);a.className=`tcw-grid-label`,a.innerHTML=`${S(`link`,13)}<span>${w(this.t(`grid.sync`))}</span>`,i.appendChild(a);for(let e of di){let t=document.createElement(`button`);t.type=`button`,t.className=`tcw-btn tcw-grid-sync`,t.textContent=this.t(`grid.sync.${e}`),t.title=this.t(`grid.sync.${e}.hint`),t.addEventListener(`click`,()=>this.setSync({[e]:!this.sync[e]})),this.syncButtons.set(e,t),i.appendChild(t)}let o=document.createElement(`span`);return o.className=`tcw-toolbar-spacer`,e.append(n,this.sep(),i,o),this.options.layouts!==!1&&(this.layoutsButton=document.createElement(`button`),this.layoutsButton.type=`button`,this.layoutsButton.className=`tcw-dropdown-trigger tcw-layouts-btn`,this.layoutsButton.setAttribute(`aria-haspopup`,`menu`),this.layoutsButton.addEventListener(`click`,()=>{this.layoutsButton&&this.layoutsUI?.openMenu(this.layoutsButton)}),e.appendChild(this.layoutsButton)),this.renderBar(),e}sep(){let e=document.createElement(`span`);return e.className=`tcw-toolbar-sep`,e}renderBar(){for(let[e,t]of this.layoutButtons){let n=e===this.layout;t.classList.toggle(`tcw-active`,n),t.setAttribute(`aria-pressed`,String(n))}for(let[e,t]of this.syncButtons)t.classList.toggle(`tcw-active`,this.sync[e]),t.setAttribute(`aria-pressed`,String(this.sync[e]));this.renderLayoutsButton()}renderLayoutsButton(){let e=this.layoutsButton;if(!e)return;let t=this.session?.current()?.name??this.t(`layouts.unnamed`),n=this.session?.isDirty()??!1,r=`${this.t(`toolbar.layouts`)}: ${t}${n?` (${this.t(`layouts.unsavedChanges`)})`:``}`;e.innerHTML=`${S(`save`,14)}<span class="tcw-layouts-label">${w(t)}</span>`+(n?`<span class="tcw-layouts-dirty" aria-hidden="true"></span>`:``)+S(`chevronDown`,12),e.title=r,e.setAttribute(`aria-label`,r)}setupLayouts(t){let n=new e.t(t.storage??e.i(`tcw:grid-layouts:`),{capture:()=>{let e=this.cells[this.active].widget;return{content:this.getLayoutContent(),symbol:e.getSymbol(),timeframe:e.getTimeframe()}},apply:async e=>{if(!await this.applyLayoutContent(e.content))throw Error(`Not a grid layout`)}},{autoSave:t.autoSave,debounceMs:t.debounceMs,kind:`grid`,onChange:()=>this.renderLayoutsButton(),onError:()=>this.toast(this.t(`layouts.saveFailed`),`error`)});this.session=n,this.layoutsUI=new kn(n,{root:this.root,t:this.t,toast:(e,t)=>this.toast(e,t),formatTime:e=>{let{date:t,time:n}=q(e,null);return`${t} ${n}`}}),this.renderLayoutsButton(),t.openLast&&n.list().then(([e])=>e&&!this.destroyed?this.layoutsUI?.open(e.id):void 0,()=>void 0)}toast(e,t=`info`){this.cells[this.active]?.widget.toast(e,t)}};function _i(e,t){let n=-1;for(let r=0;r<e.length&&e[r].time<t;r++)n=r;return n}exports.CHART_TYPE_ICONS=b,exports.ChartWidget=$r,exports.ChartWidgetGrid=gi,exports.DEFAULT_GRID_SYNC=ui,exports.DRAWING_TOOL_ICONS=y,exports.EN_MESSAGES=t.c,exports.GRID_SHAPES=$,exports.LayoutSession=e.t,exports.MAX_LAYOUT_NAME=e.n,exports.UI_ICONS=v,exports.VI_MESSAGES=t.s,exports.WIDGET_UI_PRESETS=vt,exports.applyWidgetUI=P,exports.cleanLayoutName=e.r,exports.createChartTypeIcon=ce,exports.createIcon=S,exports.createToolIcon=C,exports.findWidgetLocale=t.i,exports.iconSvg=x,exports.localStorageLayouts=e.i,exports.memoryLayouts=e.a,exports.readGridLayout=hi,exports.readWatchlists=O,exports.readWidgetLayout=Xn,exports.registerWidgetLocale=t.a,exports.resolveWidgetUI=N,exports.widgetUIVariables=Tt;
3036
4304
  //# sourceMappingURL=index.cjs.map