@fintatech/fintachart 3.1.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 (341) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/LICENSE.md +63 -0
  3. package/README.md +151 -0
  4. package/THIRD_PARTY_NOTICES.md +38 -0
  5. package/basic-objects.html +165 -0
  6. package/css/FintaChart.min.css +1 -0
  7. package/css/external/jqNumericField.min.css +1 -0
  8. package/css/external/spectrum.min.css +7 -0
  9. package/css/external/toastr.min.css +1 -0
  10. package/custom-indicator.html +209 -0
  11. package/d.ts/FintaChart.d.ts +24313 -0
  12. package/d.ts/frameworks/Intl.d.ts +115 -0
  13. package/d.ts/frameworks/bootstrap.d.ts +128 -0
  14. package/d.ts/frameworks/bootstrap.v3.datetimepicker.d.ts +10 -0
  15. package/d.ts/frameworks/detectizr.d.ts +27 -0
  16. package/d.ts/frameworks/dom-to-image-more.d.ts +17 -0
  17. package/d.ts/frameworks/html2canvas.d.ts +101 -0
  18. package/d.ts/frameworks/i18nextXHRBackend.d.ts +42 -0
  19. package/d.ts/frameworks/jquery-i18next.d.ts +14 -0
  20. package/d.ts/frameworks/jquery-ui.d.ts +1914 -0
  21. package/d.ts/frameworks/jquery.d.ts +3779 -0
  22. package/d.ts/frameworks/jquery.ui.touch-punch.d.ts +12 -0
  23. package/d.ts/frameworks/moment-node.d.ts +485 -0
  24. package/d.ts/frameworks/moment.d.ts +10 -0
  25. package/d.ts/frameworks/tinycolor.d.ts +377 -0
  26. package/d.ts/frameworks-modified/bootstrap-select.d.ts +18 -0
  27. package/d.ts/frameworks-modified/i18next.d.ts +148 -0
  28. package/d.ts/frameworks-modified/jquery.autocolumnlist.d.ts +17 -0
  29. package/d.ts/frameworks-modified/jquery.resizable.d.ts +20 -0
  30. package/d.ts/frameworks-modified/spectrum.d.ts +294 -0
  31. package/d.ts/frameworks-modified/switchery.d.ts +69 -0
  32. package/d.ts/frameworks-modified/toastr.d.ts +224 -0
  33. package/data/offline-market-history/EUR_CAD/Day/1.csv +2001 -0
  34. package/data/offline-market-history/EUR_CAD/Hour/1.csv +1702 -0
  35. package/data/offline-market-history/EUR_CAD/Hour/4.csv +442 -0
  36. package/data/offline-market-history/EUR_CAD/Minute/1.csv +2001 -0
  37. package/data/offline-market-history/EUR_CAD/Minute/15.csv +2001 -0
  38. package/data/offline-market-history/EUR_CAD/Minute/5.csv +2001 -0
  39. package/data/offline-market-history/EUR_CAD/Monthly/1.csv +175 -0
  40. package/data/offline-market-history/EUR_CAD/Weekly/1.csv +752 -0
  41. package/data/offline-market-history/EUR_CAD/Yearly/1.csv +16 -0
  42. package/data/offline-market-history/EUR_GBP/Day/1.csv +2001 -0
  43. package/data/offline-market-history/EUR_GBP/Hour/1.csv +1702 -0
  44. package/data/offline-market-history/EUR_GBP/Hour/4.csv +442 -0
  45. package/data/offline-market-history/EUR_GBP/Minute/1.csv +2001 -0
  46. package/data/offline-market-history/EUR_GBP/Minute/15.csv +2001 -0
  47. package/data/offline-market-history/EUR_GBP/Minute/5.csv +2001 -0
  48. package/data/offline-market-history/EUR_GBP/Monthly/1.csv +199 -0
  49. package/data/offline-market-history/EUR_GBP/Weekly/1.csv +860 -0
  50. package/data/offline-market-history/EUR_GBP/Yearly/1.csv +18 -0
  51. package/data/predefined-templates/EMAAndMACDTemplate.json +100 -0
  52. package/data/predefined-templates/bigTreeTemplate.json +137 -0
  53. package/data/predefined-templates/multiIndicator.json +136 -0
  54. package/data/predefined-templates/renkoTemplate.json +50 -0
  55. package/data/predefined-templates/standartCandleTemplate.json +73 -0
  56. package/fonts/calibri/calibri.svg +3707 -0
  57. package/fonts/calibri/calibri.ttf +0 -0
  58. package/fonts/calibri/calibri.woff +0 -0
  59. package/fonts/courier-new/courier-new.svg +633 -0
  60. package/fonts/courier-new/courier-new.ttf +0 -0
  61. package/fonts/courier-new/courier-new.woff +0 -0
  62. package/fonts/open-sans-cyrillic/open-sans-cyrillic.svg +475 -0
  63. package/fonts/open-sans-cyrillic/open-sans-cyrillic.ttf +0 -0
  64. package/fonts/open-sans-cyrillic/open-sans-cyrillic.woff +0 -0
  65. package/fonts/open-sans-cyrillic-ext/open-sans-cyrillic-ext.svg +567 -0
  66. package/fonts/open-sans-cyrillic-ext/open-sans-cyrillic-ext.ttf +0 -0
  67. package/fonts/open-sans-cyrillic-ext/open-sans-cyrillic-ext.woff +0 -0
  68. package/fonts/open-sans-greek/open-sans-greek.svg +603 -0
  69. package/fonts/open-sans-greek/open-sans-greek.ttf +0 -0
  70. package/fonts/open-sans-greek/open-sans-greek.woff +0 -0
  71. package/fonts/open-sans-greek-ext/open-sans-greek-ext.svg +42 -0
  72. package/fonts/open-sans-greek-ext/open-sans-greek-ext.ttf +0 -0
  73. package/fonts/open-sans-greek-ext/open-sans-greek-ext.woff +0 -0
  74. package/fonts/open-sans-latin/open-sans-latin.svg +1863 -0
  75. package/fonts/open-sans-latin/open-sans-latin.ttf +0 -0
  76. package/fonts/open-sans-latin/open-sans-latin.woff +0 -0
  77. package/fonts/open-sans-latin-ext/open-sans-latin-ext.svg +1686 -0
  78. package/fonts/open-sans-latin-ext/open-sans-latin-ext.ttf +0 -0
  79. package/fonts/open-sans-latin-ext/open-sans-latin-ext.woff +0 -0
  80. package/fonts/open-sans-vietnamese/open-sans-vietnamese.svg +375 -0
  81. package/fonts/open-sans-vietnamese/open-sans-vietnamese.ttf +0 -0
  82. package/fonts/open-sans-vietnamese/open-sans-vietnamese.woff +0 -0
  83. package/fonts/rubik-medium/Rubik-Medium.svg +8831 -0
  84. package/fonts/rubik-medium/Rubik-Medium.ttf +0 -0
  85. package/fonts/rubik-medium/Rubik-Medium.woff +0 -0
  86. package/fonts/rubik-regular/Rubik-Regular.svg +8885 -0
  87. package/fonts/rubik-regular/Rubik-Regular.ttf +0 -0
  88. package/fonts/rubik-regular/Rubik-Regular.woff +0 -0
  89. package/fonts/source-sans-pro-latin/source-sans-pro-latin.svg +2642 -0
  90. package/fonts/source-sans-pro-latin/source-sans-pro-latin.ttf +0 -0
  91. package/fonts/source-sans-pro-latin/source-sans-pro-latin.woff +0 -0
  92. package/fonts/source-sans-pro-latin-ext/source-sans-pro-latin-ext.svg +1572 -0
  93. package/fonts/source-sans-pro-latin-ext/source-sans-pro-latin-ext.ttf +0 -0
  94. package/fonts/source-sans-pro-latin-ext/source-sans-pro-latin-ext.woff +0 -0
  95. package/fonts/source-sans-pro-vietnamese/source-sans-pro-vietnamese.svg +428 -0
  96. package/fonts/source-sans-pro-vietnamese/source-sans-pro-vietnamese.ttf +0 -0
  97. package/fonts/source-sans-pro-vietnamese/source-sans-pro-vietnamese.woff +0 -0
  98. package/htmldialogs/ChartContextMenu.html +3 -0
  99. package/htmldialogs/ChartTypeSettingsDialog.html +231 -0
  100. package/htmldialogs/CheckboxIndicatorParameterControl.html +9 -0
  101. package/htmldialogs/CompareInstrumentSettings.html +61 -0
  102. package/htmldialogs/ComparingContextMenu.html +8 -0
  103. package/htmldialogs/ConfirmDialog.html +28 -0
  104. package/htmldialogs/DemoModePopup.html +24 -0
  105. package/htmldialogs/FillPlotStyleControl.html +28 -0
  106. package/htmldialogs/HotkeysSettings.html +28 -0
  107. package/htmldialogs/IndicatorContextMenu.html +18 -0
  108. package/htmldialogs/IndicatorSettingsDialog.html +38 -0
  109. package/htmldialogs/IndicatorsDialog.html +39 -0
  110. package/htmldialogs/IndicatorsOverview_en.html +1694 -0
  111. package/htmldialogs/IndicatorsOverview_ua.html +9 -0
  112. package/htmldialogs/InstrumentSearchDialog.html +22 -0
  113. package/htmldialogs/LinePlotStyleControl.html +33 -0
  114. package/htmldialogs/MainSettings.html +292 -0
  115. package/htmldialogs/MarketEventPopup.html +27 -0
  116. package/htmldialogs/MarketEventsSettingsDialog.html +22 -0
  117. package/htmldialogs/NumericIndicatorParameter.html +8 -0
  118. package/htmldialogs/OpenChart.html +6 -0
  119. package/htmldialogs/PatternSettingsControl.html +26 -0
  120. package/htmldialogs/PatternsIndicatorSettingsDialog.html +30 -0
  121. package/htmldialogs/PatternsSettingsParameterControl.html +12 -0
  122. package/htmldialogs/PositionShapeContextMenu.html +9 -0
  123. package/htmldialogs/QuantityPopup.html +7 -0
  124. package/htmldialogs/Scrollbar.html +6 -0
  125. package/htmldialogs/SelectableIndicatorParameter.html +9 -0
  126. package/htmldialogs/ShapeContextMenu.html +7 -0
  127. package/htmldialogs/ShapeFibonacciSettingsDialog.html +261 -0
  128. package/htmldialogs/ShapePositionSettingsDialog.html +351 -0
  129. package/htmldialogs/ShapeSettingsDialog.html +521 -0
  130. package/htmldialogs/TimeFrameChangePopup.html +11 -0
  131. package/htmldialogs/TimeIndicatorParameterControl.html +89 -0
  132. package/htmldialogs/Toolbar.html +1710 -0
  133. package/htmldialogs/TooltipView.html +151 -0
  134. package/htmldialogs/TradingContextMenu.html +2 -0
  135. package/img/ContextMenuCheckbox.png +0 -0
  136. package/img/cross-hairs.cur +0 -0
  137. package/img/eu.png +0 -0
  138. package/img/favicon/favicon.ico +0 -0
  139. package/img/fist.cur +0 -0
  140. package/img/point.cur +0 -0
  141. package/img/svg-icons/Illustration-License-b.svg +1 -0
  142. package/img/svg-icons/Illustration-License-w.svg +1 -0
  143. package/img/svg-icons/abcd-label-pattern.svg +1 -0
  144. package/img/svg-icons/abcd-pattern.svg +1 -0
  145. package/img/svg-icons/add.svg +1 -0
  146. package/img/svg-icons/adjust-OHLC.svg +1 -0
  147. package/img/svg-icons/adjust-all.svg +1 -0
  148. package/img/svg-icons/andrews-pitchfork.svg +1 -0
  149. package/img/svg-icons/arrow-down.svg +1 -0
  150. package/img/svg-icons/arrow-left.svg +3 -0
  151. package/img/svg-icons/arrow-right.svg +3 -0
  152. package/img/svg-icons/arrow-type-type.svg +3 -0
  153. package/img/svg-icons/arrow-up.svg +1 -0
  154. package/img/svg-icons/arrow.svg +1 -0
  155. package/img/svg-icons/balloon.svg +1 -0
  156. package/img/svg-icons/brand-x.svg +1 -0
  157. package/img/svg-icons/calculator.svg +15 -0
  158. package/img/svg-icons/chartType-area.svg +1 -0
  159. package/img/svg-icons/chartType-bars.svg +1 -0
  160. package/img/svg-icons/chartType-candles-volume.svg +1 -0
  161. package/img/svg-icons/chartType-candles.svg +1 -0
  162. package/img/svg-icons/chartType-colored-bars.svg +1 -0
  163. package/img/svg-icons/chartType-equi-volume-shadow.svg +1 -0
  164. package/img/svg-icons/chartType-equi-volume.svg +1 -0
  165. package/img/svg-icons/chartType-heikin-ashi.svg +1 -0
  166. package/img/svg-icons/chartType-hollow-candles.svg +1 -0
  167. package/img/svg-icons/chartType-kagi.svg +1 -0
  168. package/img/svg-icons/chartType-line-break.svg +1 -0
  169. package/img/svg-icons/chartType-line.svg +1 -0
  170. package/img/svg-icons/chartType-point-figure.svg +1 -0
  171. package/img/svg-icons/chartType-range-bars.svg +1 -0
  172. package/img/svg-icons/chartType-renko.svg +1 -0
  173. package/img/svg-icons/chevron-right-double.svg +3 -0
  174. package/img/svg-icons/chevron.svg +3 -0
  175. package/img/svg-icons/circle.svg +1 -0
  176. package/img/svg-icons/close-floating-toolbar.svg +1 -0
  177. package/img/svg-icons/close-pane.svg +1 -0
  178. package/img/svg-icons/close-rect.svg +4 -0
  179. package/img/svg-icons/close-windows.svg +1 -0
  180. package/img/svg-icons/close.svg +4 -0
  181. package/img/svg-icons/compare.svg +1 -0
  182. package/img/svg-icons/copy.svg +1 -0
  183. package/img/svg-icons/cursorType-arrow-with-labels.svg +1 -0
  184. package/img/svg-icons/cursorType-arrow.svg +3 -0
  185. package/img/svg-icons/cursorType-crosshairs.svg +1 -0
  186. package/img/svg-icons/cursorType-point.svg +1 -0
  187. package/img/svg-icons/cyclic-lines.svg +1 -0
  188. package/img/svg-icons/default-screen.svg +11 -0
  189. package/img/svg-icons/demo-popup-bg.svg +1 -0
  190. package/img/svg-icons/diamond.svg +1 -0
  191. package/img/svg-icons/dot.svg +1 -0
  192. package/img/svg-icons/drag.svg +1 -0
  193. package/img/svg-icons/elliott-wave-pattern.svg +1 -0
  194. package/img/svg-icons/ellipse.svg +1 -0
  195. package/img/svg-icons/error-channel.svg +1 -0
  196. package/img/svg-icons/export.svg +1 -0
  197. package/img/svg-icons/extended-line.svg +3 -0
  198. package/img/svg-icons/fibonacci-arcs.svg +1 -0
  199. package/img/svg-icons/fibonacci-ellipses.svg +1 -0
  200. package/img/svg-icons/fibonacci-extensions.svg +1 -0
  201. package/img/svg-icons/fibonacci-fan.svg +1 -0
  202. package/img/svg-icons/fibonacci-retracements.svg +1 -0
  203. package/img/svg-icons/fibonacci-time-zones.svg +1 -0
  204. package/img/svg-icons/fintatech.svg +1 -0
  205. package/img/svg-icons/free-hand.svg +1 -0
  206. package/img/svg-icons/full-screen.svg +11 -0
  207. package/img/svg-icons/full-windows.svg +12 -0
  208. package/img/svg-icons/gann-fan.svg +1 -0
  209. package/img/svg-icons/general-delete.svg +3 -0
  210. package/img/svg-icons/head-shoulders-pattern.svg +1 -0
  211. package/img/svg-icons/horizontal-line.svg +1 -0
  212. package/img/svg-icons/horizontal-ray.svg +3 -0
  213. package/img/svg-icons/html-code.svg +1 -0
  214. package/img/svg-icons/image.svg +5 -0
  215. package/img/svg-icons/images.svg +1 -0
  216. package/img/svg-icons/in-shape-mode.svg +1 -0
  217. package/img/svg-icons/insert-indicator.svg +1 -0
  218. package/img/svg-icons/kings-crown-pattern.svg +1 -0
  219. package/img/svg-icons/latest-position.svg +1 -0
  220. package/img/svg-icons/line-segment.svg +1 -0
  221. package/img/svg-icons/link.svg +5 -0
  222. package/img/svg-icons/lock.svg +3 -0
  223. package/img/svg-icons/magnet-mode.svg +1 -0
  224. package/img/svg-icons/measure.svg +1 -0
  225. package/img/svg-icons/multiply-link.svg +5 -0
  226. package/img/svg-icons/note.svg +1 -0
  227. package/img/svg-icons/number-label-pattern.svg +1 -0
  228. package/img/svg-icons/open-OHLC-pane.svg +1 -0
  229. package/img/svg-icons/options.svg +1 -0
  230. package/img/svg-icons/period.svg +1 -0
  231. package/img/svg-icons/polygon.svg +1 -0
  232. package/img/svg-icons/polyline.svg +1 -0
  233. package/img/svg-icons/position-long.svg +90 -0
  234. package/img/svg-icons/position-long_og.svg +81 -0
  235. package/img/svg-icons/position-short.svg +90 -0
  236. package/img/svg-icons/position-short_og.svg +89 -0
  237. package/img/svg-icons/quadrant-lines.svg +1 -0
  238. package/img/svg-icons/raff-regression.svg +1 -0
  239. package/img/svg-icons/ray.svg +3 -0
  240. package/img/svg-icons/rectangle.svg +1 -0
  241. package/img/svg-icons/redo-new.svg +3 -0
  242. package/img/svg-icons/redo.svg +1 -0
  243. package/img/svg-icons/remove-all-indicators.svg +1 -0
  244. package/img/svg-icons/remove-all-shapes.svg +1 -0
  245. package/img/svg-icons/replay-jump.svg +1 -0
  246. package/img/svg-icons/replay-pause.svg +1 -0
  247. package/img/svg-icons/replay-play.svg +1 -0
  248. package/img/svg-icons/replay-skip-end.svg +1 -0
  249. package/img/svg-icons/replay-skip-one.svg +1 -0
  250. package/img/svg-icons/save-as-image.svg +1 -0
  251. package/img/svg-icons/screenshot.svg +5 -0
  252. package/img/svg-icons/scroll-bottom.svg +1 -0
  253. package/img/svg-icons/scroll-left.svg +1 -0
  254. package/img/svg-icons/scroll-right.svg +1 -0
  255. package/img/svg-icons/scroll-top.svg +1 -0
  256. package/img/svg-icons/search.svg +1 -0
  257. package/img/svg-icons/speed-lines.svg +1 -0
  258. package/img/svg-icons/square.svg +1 -0
  259. package/img/svg-icons/star.svg +4 -0
  260. package/img/svg-icons/stash.svg +4 -0
  261. package/img/svg-icons/stick-to-bar.svg +1 -0
  262. package/img/svg-icons/stick-to-close.svg +1 -0
  263. package/img/svg-icons/stick-to-high.svg +1 -0
  264. package/img/svg-icons/stick-to-low.svg +1 -0
  265. package/img/svg-icons/stick-to-open.svg +1 -0
  266. package/img/svg-icons/sticky-mode-off.svg +1 -0
  267. package/img/svg-icons/tcdPane-alert-indicator.svg +1 -0
  268. package/img/svg-icons/tcdPane-close.svg +1 -0
  269. package/img/svg-icons/tcdPane-down.svg +1 -0
  270. package/img/svg-icons/tcdPane-expand-closed.svg +1 -0
  271. package/img/svg-icons/tcdPane-expand.svg +1 -0
  272. package/img/svg-icons/tcdPane-maximize.svg +1 -0
  273. package/img/svg-icons/tcdPane-options.svg +1 -0
  274. package/img/svg-icons/tcdPane-remove-indicator.svg +1 -0
  275. package/img/svg-icons/tcdPane-restore.svg +1 -0
  276. package/img/svg-icons/tcdPane-toggle.svg +1 -0
  277. package/img/svg-icons/tcdPane-up.svg +1 -0
  278. package/img/svg-icons/template-delete.svg +1 -0
  279. package/img/svg-icons/template-edit.svg +1 -0
  280. package/img/svg-icons/template-ok.svg +1 -0
  281. package/img/svg-icons/template.svg +1 -0
  282. package/img/svg-icons/text-editor-b.svg +1 -0
  283. package/img/svg-icons/text-editor-i.svg +1 -0
  284. package/img/svg-icons/text-editor-u.svg +1 -0
  285. package/img/svg-icons/text.svg +1 -0
  286. package/img/svg-icons/tirone-levels.svg +1 -0
  287. package/img/svg-icons/toggle-shapes.svg +1 -0
  288. package/img/svg-icons/trade-manager.svg +1 -0
  289. package/img/svg-icons/trend-angle.svg +1 -0
  290. package/img/svg-icons/trend-channel.svg +1 -0
  291. package/img/svg-icons/triangle-pattern.svg +1 -0
  292. package/img/svg-icons/triangle.svg +1 -0
  293. package/img/svg-icons/undo-new.svg +3 -0
  294. package/img/svg-icons/undo.svg +1 -0
  295. package/img/svg-icons/unlock.svg +3 -0
  296. package/img/svg-icons/vertical-line.svg +1 -0
  297. package/img/svg-icons/visibleProfile.svg +1 -0
  298. package/img/svg-icons/web-link.svg +1 -0
  299. package/img/svg-icons/x.svg +3 -0
  300. package/img/svg-icons/xabcd-pattern.svg +1 -0
  301. package/img/svg-icons/zoom-by-area.svg +1 -0
  302. package/img/svg-icons/zoom.svg +1 -0
  303. package/img/usa.png +0 -0
  304. package/index-dark.html +132 -0
  305. package/index.html +229 -0
  306. package/localization/en.json +1646 -0
  307. package/localization/uk.json +1597 -0
  308. package/multiple-charts.html +162 -0
  309. package/package.json +62 -0
  310. package/scripts/FintaChart.min.js +70 -0
  311. package/scripts/frameworks/Intl.min.js +4 -0
  312. package/scripts/frameworks/bootstrap.v3.datetimepicker.min.js +2605 -0
  313. package/scripts/frameworks/detectizr.min.js +1 -0
  314. package/scripts/frameworks/dom-to-image-more.min.js +3 -0
  315. package/scripts/frameworks/i18nextXHRBackend.min.js +1 -0
  316. package/scripts/frameworks/jquery-i18next.min.js +1 -0
  317. package/scripts/frameworks/jquery-ui.min.js +8 -0
  318. package/scripts/frameworks/jquery.min.js +3 -0
  319. package/scripts/frameworks/jquery.ui.touch-punch.min.js +1 -0
  320. package/scripts/frameworks/moment.min.js +1216 -0
  321. package/scripts/frameworks-modified/bootstrap-select.js +1024 -0
  322. package/scripts/frameworks-modified/i18next.js +2075 -0
  323. package/scripts/frameworks-modified/jquery.autocolumnlist.js +48 -0
  324. package/scripts/frameworks-modified/jquery.resizable.js +229 -0
  325. package/scripts/frameworks-modified/spectrum.js +2279 -0
  326. package/scripts/frameworks-modified/switchery.js +1957 -0
  327. package/scripts/frameworks-modified/toastr.js +414 -0
  328. package/scripts/jsdataadapters/fileDataAdapter.js +129 -0
  329. package/scripts/jsdataadapters/restDataAdapter.js +149 -0
  330. package/scripts/jsdataadapters/webSocketDataAdapter.js +114 -0
  331. package/scripts/miscs/templateFileDataAdapter.js +17 -0
  332. package/scripts/themes/beetTheme.js +2999 -0
  333. package/scripts/themes/darkTheme.js +3004 -0
  334. package/scripts/themes/defaultTheme.js +3095 -0
  335. package/scripts/themes/fintatechDarkTheme.js +3005 -0
  336. package/scripts/themes/grayTheme.js +3004 -0
  337. package/scripts/themes/oliveTheme.js +3004 -0
  338. package/scripts/themes/orangeTheme.js +3004 -0
  339. package/scripts/themes/purpleTheme.js +3004 -0
  340. package/scripts/themes/skyTheme.js +3009 -0
  341. package/scripts/themes/tealTheme.js +3004 -0
package/htmldialogs/Toolbar.html ADDED
@@ -0,0 +1,1710 @@
1
+ <div class="tcdToolbar-scroll tcdToolbar-top">
2
+ <div class="tcdToolbar-scroll-wrapper" id="scrollfix">
3
+ <div class="tcdToolbar-scroll-left">
4
+ <span class="tcdSVGIcon" tcdSVGData="scroll-left"></span>
5
+ </div>
6
+ <ul class="tcdToolbar tcdToolbarNav tcdToolbarNavTop">
7
+ <li class="tcdToolbar-btn tcdToolbar-btn-theme toolbar-title tcdToolbar-btnSettings drop tcd_modalActivator hover-left theme_settings"
8
+ tcdModal-data="tcdMainSettings" data-i18n="[title]toolbar.title.themeSettings">
9
+ <div class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="options"></div>
10
+ </li>
11
+
12
+ <li class="drop tcdToolbarInput nohover" >
13
+ <input type="text" class="symbolSearch toolbar-title"
14
+ data-i18n="[title]toolbar.title.selectedInstrument"/>
15
+ <div class="tcdToolbarButton-dropdownElement-image tcdSVGIcon hidden" tcdSVGData="search"></div>
16
+ </li>
17
+
18
+ <li class="tcdToolbarButton tcdToolbarButtonWithDropdown tcdTimeFramePicker drop">
19
+ <div class="tcdToolbarButton-buttonWrapper toolbar-title" data-i18n="[title]toolbar.title.timeFrame">
20
+ <div class="tcdToolbarButton-activateBtn">
21
+ <span class="tcdTimeFramePicker-button-value"></span>
22
+ <span class="tcdTimeFramePicker-button-units"></span>
23
+ </div>
24
+ <div class="tcdToolbarButton-toggleDropdownBtn">
25
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
26
+ </div>
27
+ </div>
28
+ <ul class="tcdTimeFramePicker-dropdownContainer tcdToolbarItemWrapper ">
29
+ <li class="second" style="display: none;">
30
+ <div class="tcdToolbarButton-buttonWrapper toolbar-title timeframeTitle" data-i18n="[title]timeFrame.periodicity.seconds">
31
+ <div class="">
32
+ <span class="" data-i18n="timeFrame.periodicity.seconds"></span>
33
+ </div>
34
+ </div>
35
+ <ul class="tcdToolbarItemWrapper">
36
+
37
+ </ul>
38
+ </li>
39
+ <li class="minute" style="display: none;">
40
+ <div class="tcdToolbarButton-buttonWrapper toolbar-title timeframeTitle" data-i18n="[title]timeFrame.periodicity.minutes">
41
+ <div class="">
42
+ <span class="timeframeTitle" data-i18n="timeFrame.periodicity.minutes"></span>
43
+ <!-- <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"-->
44
+ <!-- tcdSVGData="chevron">-->
45
+ <!-- </span>-->
46
+ </div>
47
+ </div>
48
+ <ul class="">
49
+
50
+ </ul>
51
+ </li>
52
+ <li class="hour" style="display: none;">
53
+ <div class="tcdToolbarButton-buttonWrapper toolbar-title timeframeTitle" data-i18n="[title]timeFrame.periodicity.hours">
54
+ <div class="">
55
+ <span class="" data-i18n="timeFrame.periodicity.hours"></span>
56
+ </div>
57
+ </div>
58
+ <ul class="">
59
+
60
+ </ul>
61
+ </li>
62
+ <li class="day" style="display: none;">
63
+ <div class="tcdToolbarButton-buttonWrapper toolbar-title timeframeTitle" data-i18n="[title]timeFrame.periodicity.days">
64
+ <div class="">
65
+ <span class="" data-i18n="timeFrame.periodicity.days"></span>
66
+ </div>
67
+ </div>
68
+ <ul class="">
69
+
70
+ </ul>
71
+ </li>
72
+ <li class="week" style="display: none;">
73
+ <div class="tcdToolbarButton-buttonWrapper toolbar-title timeframeTitle" data-i18n="[title]timeFrame.periodicity.weeks">
74
+ <div class="">
75
+ <span class="" data-i18n="timeFrame.periodicity.weeks"></span>
76
+ </div>
77
+ </div>
78
+ <ul class="">
79
+
80
+ </ul>
81
+ </li>
82
+ <li class="month" style="display: none;">
83
+ <div class="tcdToolbarButton-buttonWrapper toolbar-title timeframeTitle" data-i18n="[title]timeFrame.periodicity.months">
84
+ <div class="">
85
+ <span class="" data-i18n="timeFrame.periodicity.months"></span>
86
+ </div>
87
+ </div>
88
+ <ul class="">
89
+
90
+ </ul>
91
+ </li>
92
+ <li class="year" style="display: none;">
93
+ <div class="tcdToolbarButton-buttonWrapper toolbar-title timeframeTitle" data-i18n="[title]timeFrame.periodicity.years">
94
+ <div class="">
95
+ <span class="" data-i18n="timeFrame.periodicity.years"></span>
96
+ </div>
97
+ </div>
98
+ <ul class="">
99
+
100
+ </ul>
101
+ </li>
102
+ <div class="customTimeFrame">
103
+ <p class="customTimeFrame_title">Custom timeframe</p>
104
+ <div class="customTimeFrame_form">
105
+ <div class="customTimeFrame_item">
106
+ <label for="customInterval" data-i18n="timeFrame.title.interval"></label>
107
+ <input placeholder="input value" step="1" value="1" type="number" id="customInterval" min="1" minlength="1" maxlength="3" class="input customInterval">
108
+ </div>
109
+ <div class="customTimeFrame_item">
110
+ <label for="customPeriod" data-i18n="timeFrame.title.periodicity"></label>
111
+ <div id="customPeriod" class="customPeriod">
112
+ <p class="customPeriod_selected" data-customperiod="Minutes" data-i18n="timeFrame.periodicity.minutes"></p>
113
+ <ul class="customPeriod_list" style="display: none;">
114
+
115
+ </ul>
116
+ </div>
117
+ </div>
118
+ </div>
119
+ <button class="tcdBtn customTimeFrame_btn">Add</button>
120
+ </div>
121
+ </ul>
122
+ </li>
123
+ <li class="tcdToolbarDivider"></li>
124
+
125
+ <li class="tcdToolbar-btn tcdToolbar-btn-indicators toolbar-title drop tcd_modalActivator"
126
+ tcdModal-data="tcdIndicators"
127
+ data-i18n="[title]toolbar.title.addIndicators">
128
+ <div class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="insert-indicator"></div>
129
+ </li>
130
+ <li class="tcdToolbarDivider"></li>
131
+
132
+ <li class="tcdToolbarChartType tcdToolbarButton tcdToolbarButtonWithDropdown toolbar-title drop"
133
+ data-type="tcdToolbarChartType"
134
+ data-i18n="[title]toolbar.title.ChartType">
135
+ <div class="tcdToolbarButton-buttonWrapper">
136
+ <button class="tcdToolbarButton-activateBtn">
137
+ <div class="tcdToolbarButton-dropdownElement-image">
138
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-bars"
139
+ style="display: none;"></span>
140
+ <span class=" icon icon-shape-bar tcdSVGIcon " tcdSVGData="chartType-colored-bars"
141
+ style="display: none;"></span>
142
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-candles"
143
+ style="display: none;"></span>
144
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-hollow-candles"
145
+ style="display: none;"></span>
146
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-heikin-ashi"
147
+ style="display: none;"></span>
148
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-renko"
149
+ style="display: none;"></span>
150
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-line-break"
151
+ style="display: none;"></span>
152
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-kagi"
153
+ style="display: none;"></span>
154
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-candles-volume"
155
+ style="display: none;"></span>
156
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-equi-volume"
157
+ style="display: none;"></span>
158
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-equi-volume-shadow"
159
+ style="display: none;"></span>
160
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-line"
161
+ style="display: none;"></span>
162
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-area"
163
+ style="display: none;"></span>
164
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-point-figure"
165
+ style="display: none;"></span>
166
+ <span class=" tcd-icon tcdSVGIcon " tcdSVGData="chartType-range-bars"
167
+ style="display: none;"></span>
168
+ </div>
169
+ </button>
170
+ <button class="tcdToolbarButton-toggleDropdownBtn">
171
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
172
+ </button>
173
+ </div>
174
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
175
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="bar"
176
+ data-i18n="[title]ChartType.bars.name">
177
+ <a>
178
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
179
+ tcdSVGData="chartType-bars"></span>
180
+ <span class="tcdToolbarButton-dropdownElement-text tcdToolbarButton-dropdownElement-text"
181
+ data-i18n="ChartType.bars.name"></span>
182
+ </a>
183
+ </li>
184
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="coloredBar"
185
+ data-i18n="[title]ChartType.coloredBars.name">
186
+ <a>
187
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon icon-shape-bar tcdSVGIcon"
188
+ tcdSVGData="chartType-colored-bars"></span>
189
+ <span class="tcdToolbarButton-dropdownElement-text"
190
+ data-i18n="ChartType.coloredBars.name"></span>
191
+ </a>
192
+ </li>
193
+
194
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="rangeBar"
195
+ data-i18n="[title]ChartType.range.name">
196
+ <a>
197
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
198
+ tcdSVGData="chartType-range-bars"></span>
199
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.range.name"></span>
200
+ </a>
201
+ </li>
202
+
203
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="candle"
204
+ data-i18n="[title]ChartType.candles.name">
205
+ <a>
206
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
207
+ tcdSVGData="chartType-candles"></span>
208
+ <span class="tcdToolbarButton-dropdownElement-text"
209
+ data-i18n="ChartType.candles.name"></span>
210
+ </a>
211
+ </li>
212
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="hollowCandle"
213
+ data-i18n="[title]ChartType.hollowCandles.name">
214
+ <a>
215
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
216
+ tcdSVGData="chartType-hollow-candles"></span>
217
+ <span class="tcdToolbarButton-dropdownElement-text"
218
+ data-i18n="ChartType.hollowCandles.name"></span>
219
+ </a>
220
+ </li>
221
+ <li class="tcdToolbarButton-dropdownElement " data-tcdValue="heikinAshi"
222
+ data-i18n="[title]ChartType.heikinAshi.name">
223
+ <a>
224
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
225
+ tcdSVGData="chartType-heikin-ashi"></span>
226
+ <span class="tcdToolbarButton-dropdownElement-text"
227
+ data-i18n="ChartType.heikinAshi.name"></span>
228
+ </a>
229
+ </li>
230
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="renko"
231
+ data-i18n="[title]ChartType.renko.name">
232
+ <a>
233
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
234
+ tcdSVGData="chartType-renko"></span>
235
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.renko.name"></span>
236
+ </a>
237
+ </li>
238
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="lineBreak"
239
+ data-i18n="[title]ChartType.lineBreak.name">
240
+ <a>
241
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
242
+ tcdSVGData="chartType-line-break"></span>
243
+ <span class="tcdToolbarButton-dropdownElement-text"
244
+ data-i18n="ChartType.lineBreak.name"></span>
245
+ </a>
246
+ </li>
247
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="kagi"
248
+ data-i18n="[title]ChartType.kagi.name">
249
+ <a>
250
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
251
+ tcdSVGData="chartType-kagi"></span>
252
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.kagi.name"></span>
253
+ </a>
254
+ </li>
255
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="candleVolume"
256
+ data-i18n="[title]ChartType.candleVolume.name">
257
+ <a>
258
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
259
+ tcdSVGData="chartType-candles-volume"></span>
260
+ <span class="tcdToolbarButton-dropdownElement-text"
261
+ data-i18n="ChartType.candleVolume.name"></span>
262
+ </a>
263
+ </li>
264
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="equiVolume"
265
+ data-i18n="[title]ChartType.equiVolume.name">
266
+ <a>
267
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
268
+ tcdSVGData="chartType-equi-volume"></span>
269
+ <span class="tcdToolbarButton-dropdownElement-text"
270
+ data-i18n="ChartType.equiVolume.name"></span>
271
+ </a>
272
+ </li>
273
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="equiVolumeShadow"
274
+ data-i18n="[title]ChartType.equiVolumeShadow.name">
275
+ <a>
276
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
277
+ tcdSVGData="chartType-equi-volume-shadow"></span>
278
+ <span class="tcdToolbarButton-dropdownElement-text"
279
+ data-i18n="ChartType.equiVolumeShadow.name"></span>
280
+ </a>
281
+ </li>
282
+
283
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="line"
284
+ data-i18n="[title]ChartType.line.name">
285
+ <a>
286
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
287
+ tcdSVGData="chartType-line"></span>
288
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.line.name"></span>
289
+ </a>
290
+ </li>
291
+
292
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="area"
293
+ data-i18n="[title]ChartType.area.name">
294
+ <a>
295
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
296
+ tcdSVGData="chartType-area"></span>
297
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.area.name"></span>
298
+ </a>
299
+ </li>
300
+
301
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="pointAndFigure"
302
+ data-i18n="[title]ChartType.pointAndFigure.name">
303
+ <a>
304
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
305
+ tcdSVGData="chartType-point-figure"></span>
306
+ <span class="tcdToolbarButton-dropdownElement-text"
307
+ data-i18n="ChartType.pointAndFigure.name"></span>
308
+ </a>
309
+ </li>
310
+ </ul>
311
+ </li>
312
+
313
+ <li class="tcdToolbar-btn tcdToolbar-compareInstrument toolbar-title tcdToolbarCompare"
314
+ data-i18n="[title]toolbar.title.compare">
315
+ <div class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="compare"></div>
316
+ </li>
317
+
318
+ <li class="tcdToolbarDivider"></li>
319
+ <li class="tcdToolbarCrossHair tcdToolbarButton tcdToolbarButtonWithDropdown toolbar-title drop"
320
+ data-i18n="[title]toolbar.title.cursorType">
321
+ <div class="tcdToolbarButton-buttonWrapper">
322
+ <div class="tcdToolbarButton-activateBtn">
323
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon " tcdSVGData="cursorType-arrow"
324
+ style="display: none;"></span>
325
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon " tcdSVGData="cursorType-point"
326
+ style="display: none;"></span>
327
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon "
328
+ tcdSVGData="cursorType-arrow-with-labels"
329
+ style="display: none;"></span>
330
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon "
331
+ tcdSVGData="cursorType-crosshairs"
332
+ style="display: none;"></span>
333
+ </div>
334
+ <button class="tcdToolbarButton-toggleDropdownBtn">
335
+ <span class="tcdToolbarButton-dropdownElement-image"></span>
336
+ </button>
337
+ </div>
338
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
339
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="none"
340
+ data-i18n="[title]crosshair.arrow.name">
341
+ <a>
342
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
343
+ tcdSVGData="cursorType-arrow"></span>
344
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="crosshair.arrow.name"></span>
345
+ </a>
346
+ </li>
347
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="dot"
348
+ data-i18n="[title]crosshair.dot.name">
349
+ <a>
350
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
351
+ tcdSVGData="cursorType-point"></span>
352
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="crosshair.dot.name"></span>
353
+ </a>
354
+ </li>
355
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="labels"
356
+ data-i18n="[title]crosshair.arrowWithLabels.name">
357
+ <a>
358
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
359
+ tcdSVGData="cursorType-arrow-with-labels"></span>
360
+ <span class="tcdToolbarButton-dropdownElement-text"
361
+ data-i18n="crosshair.arrowWithLabels.name"></span>
362
+ </a>
363
+ </li>
364
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="crossBars"
365
+ data-i18n="[title]crosshair.crosshair.name">
366
+ <a>
367
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
368
+ tcdSVGData="cursorType-crosshairs"></span>
369
+ <span class="tcdToolbarButton-dropdownElement-text"
370
+ data-i18n="crosshair.crosshair.name"></span>
371
+ </a>
372
+ </li>
373
+ </ul>
374
+ </li>
375
+
376
+ <li class="tcdToolbarDivider"></li>
377
+
378
+
379
+ <li class="tcdToolbarTemplates tcdToolbarButton tcdToolbarButtonWithDropdown toolbar-title drop">
380
+ <div data-i18n="[title]toolbar.title.templates"
381
+ class=" tcdToolbarButton-dropdownElement-image tcdToolbarButton-buttonWrapper tcdSVGIcon tcdTemplatesButton"
382
+ tcdSVGData="template">
383
+ </div>
384
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper tcdToolbarTemplatesContainer">
385
+ <li>
386
+ <div class="templatesBtnContainer">
387
+ <button type="button" class="tcdBtn createTemplateBtn"
388
+ data-i18n="templates.create"></button>
389
+ <input data-i18n="[title]templates.templateName" type="text" class="templateNameInput">
390
+ <button data-i18n="[title]templates.save" type="submit" class="tcdBtn templateConfirmBtn">
391
+ <span class="tcd-icon tcdSVGIcon" tcdSVGData="template-ok"></span>
392
+ </button>
393
+ </div>
394
+ </li>
395
+ <li>
396
+ <div class="templatesContent">
397
+ </div>
398
+ </li>
399
+ </ul>
400
+ </li>
401
+
402
+
403
+
404
+
405
+
406
+
407
+ <li class="tcdToolbarAdjustIn tcdToolbarButton tcdToolbarButtonWithDropdown toolbar-title drop hidden"
408
+ data-i18n="[title]toolbar.title.adjustInType">
409
+ <div class="tcdToolbarButton-buttonWrapper">
410
+ <div class="tcdToolbarButton-activateBtn">
411
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="adjust-OHLC" style="display: flex;"></span>
412
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="adjust-all" style="display: none;"></span>
413
+ </div>
414
+ <button class="tcdToolbarButton-toggleDropdownBtn">
415
+ <span class="tcdToolbarButton-dropdownElement-image"></span>
416
+ </button>
417
+ </div>
418
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
419
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="adjustOHLC"
420
+ data-i18n="[title]zoomIn.adjustOHLC">
421
+ <a>
422
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
423
+ tcdSVGData="adjust-OHLC"></span>
424
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="zoomIn.adjustOHLC"></span>
425
+ </a>
426
+ </li>
427
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="adjustAll"
428
+ data-i18n="[title]zoomIn.adjustAll">
429
+ <a>
430
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
431
+ tcdSVGData="adjust-all"></span>
432
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="zoomIn.adjustAll"></span>
433
+ </a>
434
+ </li>
435
+ </ul>
436
+ </li>
437
+
438
+ <li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbarButtonManuallySwitchable tcdToolbar-btn-OHLC activateOHLC toolbar-title drop"
439
+ data-i18n="[title]toolbar.title.OHLC" tcddraggable-data="draggableDateSymbolOHLC">
440
+ <div class="tcdToolbarButton-buttonWrapper">
441
+ <button class="tcdToolbarButton-activateBtn">
442
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
443
+ tcdSVGData="open-OHLC-pane"></span>
444
+ </button>
445
+ </div>
446
+ </li>
447
+
448
+ <li class="tcdToolbarDivider"></li>
449
+
450
+ <li class="tcdReplayMode tcdToolbarReplayMode tcdToolbar-btn toolbar-title tcdToolbar-btn-Replay activateDraggable"
451
+ data-toolbar-attribute="replayMode" data-i18n="[title]toolbar.title.replayMode"
452
+ tcddraggable-data="toolbarReplayMode">
453
+ <div class="tcdToolbarButton-dropdownElement-image tcdSVGIcon tcdReplayModeButton"
454
+ tcdSVGData="replay-play"></div>
455
+ </li>
456
+
457
+ <li class="tcdToolbarDivider tcdTradePanel_divider" ></li>
458
+
459
+ <li class="tcdTradePanel tcdToolbarTradePanel tcdToolbar-btn toolbar-title activateDraggable"
460
+ data-toolbar-attribute="tradePanel" tcddraggable-data="toolbarTradePanel"
461
+ data-i18n="[title]trading.trade"
462
+ style="display: none;">
463
+ <div class="tcdToolbarButton-dropdownElement-image tcdSVGIcon tcd-icon tcdTradePanelButton"
464
+ tcdSVGData="trade-manager"></div>
465
+ </li>
466
+
467
+
468
+
469
+ <li class="tcdToolbar-btn toolbar-title tcdToolbarUndo" data-i18n="[title]toolbar.title.undo">
470
+ <div class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="arrow-left"></div>
471
+ </li>
472
+
473
+ <li class="tcdToolbar-btn toolbar-title tcdToolbarRedo" data-i18n="[title]toolbar.title.redo">
474
+ <div class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="arrow-right"></div>
475
+ </li>
476
+
477
+ <li class="tcdToolbarDivider"></li>
478
+
479
+ <li class="tcdToolbarSnapshot tcdToolbarButton tcdToolbarButtonWithDropdown tcdToolbarCanFireFromHead toolbar-title drop"
480
+ data-i18n="[title]toolbar.title.snapshot">
481
+ <div class="tcdToolbarButton-buttonWrapper">
482
+ <div class="tcdToolbarButton-activateBtn">
483
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
484
+ tcdSVGData="stash"></span>
485
+ </div>
486
+ <button class="tcdToolbarButton-toggleDropdownBtn">
487
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
488
+ </button>
489
+ </div>
490
+
491
+
492
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
493
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="saveImage"
494
+ data-i18n="[title]toolbar.snapshot.saveImage">
495
+ <a>
496
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
497
+ tcdSVGData="stash"></span>
498
+ <span class="tcdToolbarButton-dropdownElement-text"
499
+ data-i18n="toolbar.snapshot.saveImage"></span>
500
+ </a>
501
+ </li>
502
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="copyImage"
503
+ data-i18n="[title]toolbar.snapshot.copyImage">
504
+ <a>
505
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
506
+ tcdSVGData="image"></span>
507
+ <span class="tcdToolbarButton-dropdownElement-text"
508
+ data-i18n="toolbar.snapshot.copyImage"></span>
509
+ </a>
510
+ </li>
511
+ <!-- <li class="tcdToolbarButton-dropdownElement" data-tcdValue="copyLink"-->
512
+ <!-- data-i18n="[title]toolbar.snapshot.copyLink">-->
513
+ <!-- <a>-->
514
+ <!-- <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"-->
515
+ <!-- tcdSVGData="link"></span>-->
516
+ <!-- <span class="tcdToolbarButton-dropdownElement-text"-->
517
+ <!-- data-i18n="toolbar.snapshot.copyLink"></span>-->
518
+ <!-- </a>-->
519
+ <!-- </li>-->
520
+ <!-- <li class="tcdToolbarButton-dropdownElement" data-tcdValue="tweetImage"-->
521
+ <!-- data-i18n="[title]toolbar.snapshot.tweetImage">-->
522
+ <!-- <a>-->
523
+ <!-- <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon default-fill"-->
524
+ <!-- tcdSVGData="x"></span>-->
525
+ <!-- <span class="tcdToolbarButton-dropdownElement-text"-->
526
+ <!-- data-i18n="toolbar.snapshot.tweetImage"></span>-->
527
+ <!-- </a>-->
528
+ <!-- </li>-->
529
+ </ul>
530
+ </li>
531
+
532
+ <li class="tcdToolbarDivider"></li>
533
+
534
+ <li class="tcdToolbar-btn toolbar-title tcdToolbarExport" data-i18n="[title]toolbar.title.export">
535
+ <div class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="screenshot"></div>
536
+ <a style="display: none" id="tcdToolbarExport_link" download href></a>
537
+ </li>
538
+
539
+ <li id="toolbarTradePanel"
540
+ class="tcdToolbarTradePanel tcdToolbarButton tcdToolbarButtonWithDropdown tcdToolbarCanToggle toolbar-title draggable"
541
+ data-type="tcdTradePanel" data-toolbar-attribute="tradePanel" style="display:none;top:10%; left:10%">
542
+
543
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdDraggableTradePanel tcdTradePanel">
544
+ <li data-i18n="[title]toolbar.title.drag" class="draggable-handler tcdSVGIcon" tcdSVGData="drag"></li>
545
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement">
546
+ <div class="tradePanel_buy-box">
547
+ <span class="tradePanel_trade-text tradePanel_buy-text"
548
+ data-i18n="trading.order.action.buy"></span>
549
+ <div class="tradePanel_price-value tradePanel_buy"></div>
550
+ </div>
551
+ </li>
552
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement">
553
+ <div class="tradePanel_amount-box">
554
+ <input data-input class="tcdNumeric jqNumericField tradePanel_input"
555
+ id="tradePanel_amount-input" data-i18n="[title]trading.quantity">
556
+ <div class="calc-container" id="tradePanel_calc-container">
557
+ <div class="calculator-icon tcdSVGIcon" tcdSVGData="calculator"></div>
558
+ <ul class="calc-list">
559
+ <li class="calc-btn">+</li>
560
+ <li class="calc-btn">-</li>
561
+ <li class="calc-btn calc-value-btn" data-calc-btn-index="0">0.01</li>
562
+ <li class="calc-btn calc-value-btn" data-calc-btn-index="1">0.05</li>
563
+ <li class="calc-btn calc-value-btn" data-calc-btn-index="2">0.25</li>
564
+ <li class="calc-btn calc-value-btn" data-calc-btn-index="3">1</li>
565
+ <li class="calc-btn calc-value-btn" data-calc-btn-index="4">5</li>
566
+ <li class="calc-btn calc-value-btn" data-calc-btn-index="5">10</li>
567
+ <li class="calc-btn">C</li>
568
+ <li class="calc-btn">/</li>
569
+ </ul>
570
+ </div>
571
+ </div>
572
+ </li>
573
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement">
574
+ <div class="tradePanel_sell-box">
575
+ <span class="tradePanel_trade-text tradePanel_sell-text"
576
+ data-i18n="trading.order.action.sell"></span>
577
+ <div class="tradePanel_price-value tradePanel_sell"></div>
578
+ </div>
579
+ </li>
580
+ <li class="tcdToolbarButton-dropdownElement tradePanel_toggle-box">
581
+ <span class="tcd-icon tcdSVGIcon tradePanel_options-toggle" tcdSVGData="options"
582
+ data-i18n="[title]trading.orderType"></span>
583
+ </li>
584
+ <li class="tcdToolbarButton-dropdownElement tcdToolbarButton-close">
585
+ <a>
586
+ <span tcddraggable-data="toolbarTradePanel" tcdsvgdata="close-floating-toolbar"
587
+ data-i18n="[title]toolbar.title.close"
588
+ class="tcd-icon tradePanelDraggableClose tcdSVGIcon draggableClose"></span>
589
+ </a>
590
+ </li>
591
+ </ul>
592
+
593
+ <div class="tradePanel_options-box">
594
+ <div class="tradePanel_options-row">
595
+ <span data-i18n="trading.order.dialog.type"></span>
596
+ <div class="options-container">
597
+ <div class="select-text tradePanel_options-input tradePanel_input-type"
598
+ data-type="market"
599
+ data-i18n="trading.order.name.market"
600
+ id="tradePanel_type-selection"
601
+ ></div>
602
+ <div class="chevron-icon tcdSVGIcon" tcdSVGData="chevron"></div>
603
+ <div class="select-list" id="tradePanel_type-list">
604
+ <span class="tradePanel_type-option" data-i18n="trading.order.name.market" data-type="market"></span>
605
+ <span class="tradePanel_type-option" data-i18n="trading.order.name.stop" data-type="stop"></span>
606
+ <span class="tradePanel_type-option" data-i18n="trading.order.name.limit" data-type="limit"></span>
607
+ <span class="tradePanel_type-option" data-i18n="trading.order.name.stopLimit" data-type="stop-limit"></span>
608
+ </div>
609
+ </div>
610
+ </div>
611
+ <div class="tradePanel_options-row tifSelect">
612
+ <span data-i18n="trading.order.dialog.tif"></span>
613
+ <div class="options-container">
614
+ <div class="select-text tradePanel_options-input tradePanel_input-tif"
615
+ data-type="gtc"
616
+ data-i18n="trading.order.tif.gtc"
617
+ id="tradePanel_tif-selection"
618
+ ></div>
619
+ <div class="chevron-icon tcdSVGIcon" tcdSVGData="chevron"></div>
620
+ <div class="select-list" id="tradePanel_tif-list">
621
+ <span class="tradePanel_tif-option" data-i18n="trading.order.tif.gtd" data-type="gtd"></span>
622
+ <span class="tradePanel_tif-option" data-i18n="trading.order.tif.day" data-type="day"></span>
623
+ <span class="tradePanel_tif-option" data-i18n="trading.order.tif.gtc" data-type="gtc"></span>
624
+ <span class="tradePanel_tif-option" data-i18n="trading.order.tif.ioc" data-type="ioc"></span>
625
+ <span class="tradePanel_tif-option" data-i18n="trading.order.tif.fok" data-type="fok"></span>
626
+ </div>
627
+
628
+ <div class="tradePanel_gtd-inline" id="tradePanel_gtd-inline" style="display:none">
629
+ <input type="text" id="tradePanel_gtd-datepicker"
630
+ class="tradePanel_gtd-datepicker custom-dark-datepicker">
631
+ <div class="tradePanel_tif-time-display tradePanel_options-input" id="tradePanel_tif-time-input"></div>
632
+ <div class="tradePanel_tif-time-picker" id="tradePanel_tif-time-picker" style="display:none">
633
+ <div class="tif-time-col">
634
+ <button class="tif-time-arrow tif-time-arrow-up" id="tif-hour-up">▲</button>
635
+ <input class="tif-time-val" id="tif-hour-input" type="text" maxlength="2">
636
+ <button class="tif-time-arrow tif-time-arrow-down" id="tif-hour-down">▼</button>
637
+ </div>
638
+ <span class="tif-time-sep">:</span>
639
+ <div class="tif-time-col">
640
+ <button class="tif-time-arrow tif-time-arrow-up" id="tif-min-up">▲</button>
641
+ <input class="tif-time-val" id="tif-min-input" type="text" maxlength="2">
642
+ <button class="tif-time-arrow tif-time-arrow-down" id="tif-min-down">▼</button>
643
+ </div>
644
+ </div>
645
+ </div>
646
+ </div>
647
+ </div>
648
+
649
+ <div class="tradePanel_options-row" id="tradePanel_limit-price-box" style="display: none">
650
+ <span data-i18n="trading.order.dialog.limitPrice"></span>
651
+ <input type="text" class="tradePanel_options-input tradePanel_input-limit"
652
+ id="tradePanel_limit-price-input">
653
+ </div>
654
+ <div class="tradePanel_options-row" id="tradePanel_stop-price-box" style="display: none">
655
+ <span data-i18n="trading.order.dialog.stopPrice"></span>
656
+ <input type="text" class="tradePanel_options-input tradePanel_input-limit"
657
+ id="tradePanel_stop-price-input">
658
+ </div>
659
+ </div>
660
+ </li>
661
+
662
+
663
+ <li id="toolbarReplayMode"
664
+ class="tcdToolbarReplayMode tcdToolbarButton tcdToolbarButtonWithDropdown tcdToolbarCanToggle toolbar-title draggable"
665
+ data-type="tcdReplayMode" data-toolbar-attribute="replayMode"
666
+ data-i18n="[title]toolbar.title.replayMode"
667
+ style="display:none;top:10%; left:10%">
668
+ <div class="tcdToolbarButton-buttonWrapper" style="display:none;">
669
+ <button class="tcdToolbarButton-activateBtn">
670
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
671
+ </button>
672
+ <button class="tcdToolbarButton-toggleDropdownBtn">
673
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
674
+ </button>
675
+ </div>
676
+
677
+ <ul class="tcdReplayModeSettingsPane tcdDraggableReplayMode tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
678
+ <li data-i18n="[title]toolbar.title.drag" class="draggable-handler tcdSVGIcon" tcdSVGData="drag"></li>
679
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement jumpToReplayMode" data-tcdValue="jumpTo"
680
+ data-i18n="[title]replayMode.jumpTo">
681
+ <a class="p0">
682
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
683
+ tcdSVGData="replay-jump"></span>
684
+ </a>
685
+ </li>
686
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement playPauseReplayMode"
687
+ data-tcdValue="play" data-i18n="[title]replayMode.play">
688
+ <a class="isDisabled p0">
689
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
690
+ tcdSVGData="replay-play"></span>
691
+ </a>
692
+ </li>
693
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement forwardReplayMode"
694
+ data-tcdValue="forward" data-i18n="[title]replayMode.forward">
695
+ <a class="isDisabled p0">
696
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
697
+ tcdSVGData="replay-skip-one"></span>
698
+ </a>
699
+ </li>
700
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement toRealTimeReplayMode"
701
+ data-tcdValue="toRealTime" data-i18n="[title]replayMode.toRealTime">
702
+ <a class="isDisabled p0">
703
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
704
+ tcdSVGData="replay-skip-end"></span>
705
+ </a>
706
+ </li>
707
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="speed"
708
+ data-i18n="[title]replayMode.speed.text">
709
+ <a class="tcdReplaySpeedDropdoenItem p0"></a>
710
+ </li>
711
+ <li class="tcdToolbarButton-dropdownElement tcdToolbarButton-close">
712
+ <a class="p0">
713
+ <span tcddraggable-data="toolbarReplayMode" tcdsvgdata="close-floating-toolbar"
714
+ data-i18n="[title]toolbar.title.close"
715
+ class="tcd-icon replayModeDraggableClose tcdSVGIcon draggableClose"></span>
716
+ </a>
717
+ </li>
718
+ </ul>
719
+ </li>
720
+
721
+ </ul>
722
+ <ul class="tcdToolbar tcdToolbarNav tcdToolbar-align-right">
723
+ <li class="tcdToolbarDivider"></li>
724
+
725
+ <li class="tcdToolbarViewMode tcdToolbarButton tcdToolbarButtonViewMode tcdToolbarButtonWithDropdown tcdToolbarCanFireFromHead toolbar-title drop"
726
+ data-i18n="[title]toolbar.title.viewMode" style="margin: 0px !important;">
727
+ <div class="tcdToolbarButton-buttonWrapper">
728
+ <div class="tcdToolbarButton-activateBtn">
729
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
730
+ tcdSVGData="default-screen"></span>
731
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="full-windows"
732
+ style="display: none;"></span>
733
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="full-screen"
734
+ style="display: none;"></span>
735
+ </div>
736
+ <button class="tcdToolbarButton-toggleDropdownBtn">
737
+ <span class="tcdToolbarButton-dropdownElement-image"></span>
738
+ </button>
739
+ </div>
740
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
741
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="toggleFullWindow"
742
+ data-i18n="[title]viewMode.fullWindow">
743
+ <a>
744
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
745
+ tcdSVGData="full-windows"></span>
746
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="viewMode.fullWindow"></span>
747
+ </a>
748
+ </li>
749
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="toggleFullScreen"
750
+ data-i18n="[title]viewMode.fullScreen">
751
+ <a>
752
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
753
+ tcdSVGData="full-screen"></span>
754
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="viewMode.fullScreen"></span>
755
+ </a>
756
+ </li>
757
+ </ul>
758
+ </li>
759
+
760
+ </ul>
761
+ <div class="tcdToolbar-scroll-right">
762
+ <span class="tcdSVGIcon" tcdSVGData="scroll-right"></span>
763
+ </div>
764
+ </div>
765
+ </div>
766
+
767
+ <div class="tcdToolbar-scroll tcdToolbar-left">
768
+ <div class="tcdToolbar-scroll-top">
769
+ <span class="tcdSVGIcon" tcdSVGData="scroll-top"></span>
770
+ </div>
771
+ <div class="tcdToolbar-scroll-wrapper">
772
+ <ul class="tcdToolbar tcdToolbarNav tcdToolbarNavLeft tcdToolbarNavMobile">
773
+
774
+
775
+ <li class="tcdToolbarGeometrical tcdToolbarButton tcdToolbarCanToggle tcdToolbarButtonWithDropdown toolbar-title drop" data-i18n="[title]toolbar.title.geometrical">
776
+ <div class="tcdToolbarButton-buttonWrapper">
777
+ <div class="tcdToolbarButton-activateBtn">
778
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="line-segment" style="display: flex;"></span>
779
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="horizontal-line" style="display: none;"></span>
780
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="horizontal-ray" style="display: none;"></span>
781
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="ray" style="display: none;"></span>
782
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="vertical-line" style="display: none;"></span>
783
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="polyline" style="display: none;"></span>
784
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="rectangle" style="display: none;"></span>
785
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="triangle" style="display: none;"></span>
786
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="circle" style="display: none;"></span>
787
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="ellipse" style="display: none;"></span>
788
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="polygon" style="display: none;"></span>
789
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="cyclic-lines" style="display: none;"></span>
790
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="extended-line" style="display: none;"></span>
791
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="horizontal-ray" style="display: none;"></span>
792
+ </div>
793
+ <button class="tcdToolbarButton-toggleDropdownBtn"></button>
794
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
795
+ </button>
796
+ </div>
797
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
798
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="lineSegment"
799
+ data-i18n="[title]shape.lineSegment.name">
800
+ <a>
801
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
802
+ tcdSVGData="line-segment"></span>
803
+ <span class="tcdToolbarButton-dropdownElement-text"
804
+ data-i18n="shape.lineSegment.name"></span>
805
+ </a>
806
+ </li>
807
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="horizontalLine"
808
+ data-i18n="[title]shape.horizontalLine.name">
809
+ <a>
810
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
811
+ tcdSVGData="horizontal-line"></span>
812
+ <span class="tcdToolbarButton-dropdownElement-text"
813
+ data-i18n="shape.horizontalLine.name"></span>
814
+ </a>
815
+ </li>
816
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="ray"
817
+ data-i18n="[title]shape.ray.name">
818
+ <a>
819
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
820
+ tcdSVGData="ray"></span>
821
+ <span class="tcdToolbarButton-dropdownElement-text"
822
+ data-i18n="shape.ray.name"></span>
823
+ </a>
824
+ </li>
825
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="extendedLine"
826
+ data-i18n="[title]shape.extendedLine.name">
827
+ <a>
828
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
829
+ tcdSVGData="extended-line"></span>
830
+ <span class="tcdToolbarButton-dropdownElement-text"
831
+ data-i18n="shape.extendedLine.name"></span>
832
+ </a>
833
+ </li>
834
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="horizontalRay"
835
+ data-i18n="[title]shape.horizontalRay.name">
836
+ <a>
837
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
838
+ tcdSVGData="horizontal-ray"></span>
839
+ <span class="tcdToolbarButton-dropdownElement-text"
840
+ data-i18n="shape.horizontalRay.name"></span>
841
+ </a>
842
+ </li>
843
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="verticalLine"
844
+ data-i18n="[title]shape.verticalLine.name">
845
+ <a>
846
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
847
+ tcdSVGData="vertical-line"></span>
848
+ <span class="tcdToolbarButton-dropdownElement-text"
849
+ data-i18n="shape.verticalLine.name"></span>
850
+ </a>
851
+ </li>
852
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="polyline"
853
+ data-i18n="[title]shape.polyline.name">
854
+ <a>
855
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
856
+ tcdSVGData="polyline"></span>
857
+ <span class="tcdToolbarButton-dropdownElement-text"
858
+ data-i18n="shape.polyline.name"></span>
859
+ </a>
860
+ </li>
861
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="rectangle"
862
+ data-i18n="[title]shape.rectangle.name">
863
+ <a>
864
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
865
+ tcdSVGData="rectangle"></span>
866
+ <span class="tcdToolbarButton-dropdownElement-text"
867
+ data-i18n="shape.rectangle.name"></span>
868
+ </a>
869
+ </li>
870
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="triangle"
871
+ data-i18n="[title]shape.triangle.name">
872
+ <a>
873
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
874
+ tcdSVGData="triangle"></span>
875
+ <span class="tcdToolbarButton-dropdownElement-text"
876
+ data-i18n="shape.triangle.name"></span>
877
+ </a>
878
+ </li>
879
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="circle"
880
+ data-i18n="[title]shape.circle.name">
881
+ <a>
882
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
883
+ tcdSVGData="circle"></span>
884
+ <span class="tcdToolbarButton-dropdownElement-text"
885
+ data-i18n="shape.circle.name"></span>
886
+ </a>
887
+ </li>
888
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="ellipse"
889
+ data-i18n="[title]shape.ellipse.name">
890
+ <a>
891
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
892
+ tcdSVGData="ellipse"></span>
893
+ <span class="tcdToolbarButton-dropdownElement-text"
894
+ data-i18n="shape.ellipse.name"></span>
895
+ </a>
896
+ </li>
897
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="polygon"
898
+ data-i18n="[title]shape.polygon.name">
899
+ <a>
900
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
901
+ tcdSVGData="polygon"></span>
902
+ <span class="tcdToolbarButton-dropdownElement-text"
903
+ data-i18n="shape.polygon.name"></span>
904
+ </a>
905
+ </li>
906
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="cyclicLines"
907
+ data-i18n="[title]shape.cyclicLines.name">
908
+ <a>
909
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
910
+ tcdSVGData="cyclic-lines"></span>
911
+ <span class="tcdToolbarButton-dropdownElement-text"
912
+ data-i18n="shape.cyclicLines.name"></span>
913
+ </a>
914
+ </li>
915
+
916
+ </ul>
917
+ </li>
918
+ <li class="tcdToolbarDivider"></li>
919
+ <li class="tcdToolbarPatterns tcdToolbarButton tcdToolbarCanToggle tcdToolbarButtonWithDropdown toolbar-title drop" data-i18n="[title]toolbar.title.patterns">
920
+ <div class="tcdToolbarButton-buttonWrapper">
921
+ <div class="tcdToolbarButton-activateBtn">
922
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="kings-crown-pattern" style="display: flex;"></span>
923
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="head-shoulders-pattern" style="display: none;"></span>
924
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="abcd-pattern" style="display: none;"></span>
925
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="xabcd-pattern" style="display: none;"></span>
926
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="triangle-pattern" style="display: none;"></span>
927
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="elliott-wave-pattern" style="display: none;"></span>
928
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="number-label-pattern" style="display: none;"></span>
929
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="abcd-label-pattern" style="display: none;"></span>
930
+ </div>
931
+ <button class="tcdToolbarButton-toggleDropdownBtn">
932
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
933
+ </button>
934
+ </div>
935
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
936
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="kingsCrownPattern"
937
+ data-i18n="[title]shape.kingsCrownPattern.name">
938
+ <a>
939
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
940
+ tcdSVGData="kings-crown-pattern"></span>
941
+ <span class="tcdToolbarButton-dropdownElement-text"
942
+ data-i18n="shape.kingsCrownPattern.name"></span>
943
+ </a>
944
+ </li>
945
+
946
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement"
947
+ data-tcdValue="headAndShouldersPattern"
948
+ data-i18n="[title]shape.headAndShouldersPattern.name">
949
+ <a>
950
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
951
+ tcdSVGData="head-shoulders-pattern"></span>
952
+ <span class="tcdToolbarButton-dropdownElement-text"
953
+ data-i18n="shape.headAndShouldersPattern.name"></span>
954
+ </a>
955
+ </li>
956
+
957
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="abcdPattern"
958
+ data-i18n="[title]shape.abcdPattern.name">
959
+ <a>
960
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
961
+ tcdSVGData="abcd-pattern"></span>
962
+ <span class="tcdToolbarButton-dropdownElement-text"
963
+ data-i18n="shape.abcdPattern.name"></span>
964
+ </a>
965
+ </li>
966
+
967
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="xabcdPattern"
968
+ data-i18n="[title]shape.xabcdPattern.name">
969
+ <a>
970
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
971
+ tcdSVGData="xabcd-pattern"></span>
972
+ <span class="tcdToolbarButton-dropdownElement-text"
973
+ data-i18n="shape.xabcdPattern.name"></span>
974
+ </a>
975
+ </li>
976
+
977
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="trianglePattern"
978
+ data-i18n="[title]shape.trianglePattern.name">
979
+ <a>
980
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
981
+ tcdSVGData="triangle-pattern"></span>
982
+ <span class="tcdToolbarButton-dropdownElement-text"
983
+ data-i18n="shape.trianglePattern.name"></span>
984
+ </a>
985
+ </li>
986
+
987
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="elliottWavePattern"
988
+ data-i18n="[title]shape.elliottWavePattern.name">
989
+ <a>
990
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
991
+ tcdSVGData="elliott-wave-pattern"></span>
992
+ <span class="tcdToolbarButton-dropdownElement-text"
993
+ data-i18n="shape.elliottWavePattern.name"></span>
994
+ </a>
995
+ </li>
996
+
997
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="numberLabelPattern"
998
+ data-i18n="[title]shape.numberLabelPattern.name">
999
+ <a>
1000
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1001
+ tcdSVGData="number-label-pattern"></span>
1002
+ <span class="tcdToolbarButton-dropdownElement-text"
1003
+ data-i18n="shape.numberLabelPattern.name"></span>
1004
+ </a>
1005
+ </li>
1006
+
1007
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="abcdLabelPattern"
1008
+ data-i18n="[title]shape.abcdLabelPattern.name">
1009
+ <a>
1010
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1011
+ tcdSVGData="abcd-label-pattern"></span>
1012
+ <span class="tcdToolbarButton-dropdownElement-text"
1013
+ data-i18n="shape.abcdLabelPattern.name"></span>
1014
+ </a>
1015
+ </li>
1016
+ </ul>
1017
+ </li>
1018
+ <li class="tcdToolbarDivider"></li>
1019
+ <li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbar-btn-freeHandShapes tcdToolbar-btn-continuedShapeMode toolbar-title drop"
1020
+ data-i18n="[title]shape.freeHand.name">
1021
+ <div class="tcdToolbarButton-buttonWrapper">
1022
+ <button class="tcdToolbarButton-activateBtn" data-tcdvalue="freeHand">
1023
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="free-hand"></span>
1024
+ </button>
1025
+ </div>
1026
+ </li>
1027
+ <li class="tcdToolbarDivider"></li>
1028
+
1029
+ <li class="tcdToolbarFibonacci tcdToolbarButton tcdToolbarCanToggle tcdToolbarButtonWithDropdown toolbar-title drop" data-i18n="[title]toolbar.title.fibonacci">
1030
+ <div class="tcdToolbarButton-buttonWrapper">
1031
+ <div class="tcdToolbarButton-activateBtn">
1032
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="fibonacci-retracements" style="display: flex;"></span>
1033
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="fibonacci-arcs" style="display: none;"></span>
1034
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="fibonacci-ellipses" style="display: none;"></span>
1035
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="fibonacci-fan" style="display: none;"></span>
1036
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="fibonacci-extensions" style="display: none;"></span>
1037
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="fibonacci-time-zones" style="display: none;"></span>
1038
+ </div>
1039
+ <button class="tcdToolbarButton-toggleDropdownBtn">
1040
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1041
+ </button>
1042
+ </div>
1043
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
1044
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement"
1045
+ data-tcdValue="fibonacciRetracements" data-i18n="[title]shape.fibonacciRetracements.name">
1046
+ <a>
1047
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1048
+ tcdSVGData="fibonacci-retracements"></span>
1049
+ <span class="tcdToolbarButton-dropdownElement-text"
1050
+ data-i18n="shape.fibonacciRetracements.name"></span>
1051
+ </a>
1052
+ </li>
1053
+
1054
+
1055
+
1056
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="fibonacciArcs"
1057
+ data-i18n="[title]shape.fibonacciArcs.name">
1058
+ <a>
1059
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1060
+ tcdSVGData="fibonacci-arcs"></span>
1061
+ <span class="tcdToolbarButton-dropdownElement-text"
1062
+ data-i18n="shape.fibonacciArcs.name"></span>
1063
+ </a>
1064
+ </li>
1065
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="fibonacciEllipses"
1066
+ data-i18n="[title]shape.fibonacciEllipses.name">
1067
+ <a>
1068
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1069
+ tcdSVGData="fibonacci-ellipses"></span>
1070
+ <span class="tcdToolbarButton-dropdownElement-text"
1071
+ data-i18n="shape.fibonacciEllipses.name"></span>
1072
+ </a>
1073
+ </li>
1074
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="fibonacciFan"
1075
+ data-i18n="[title]shape.fibonacciFan.name">
1076
+ <a>
1077
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1078
+ tcdSVGData="fibonacci-fan"></span>
1079
+ <span class="tcdToolbarButton-dropdownElement-text"
1080
+ data-i18n="shape.fibonacciFan.name"></span>
1081
+ </a>
1082
+ </li>
1083
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="fibonacciExtensions"
1084
+ data-i18n="[title]shape.fibonacciExtensions.name">
1085
+ <a>
1086
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1087
+ tcdSVGData="fibonacci-extensions"></span>
1088
+ <span class="tcdToolbarButton-dropdownElement-text"
1089
+ data-i18n="shape.fibonacciExtensions.name"></span>
1090
+ </a>
1091
+ </li>
1092
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="fibonacciTimeZones"
1093
+ data-i18n="[title]shape.fibonacciTimeZones.name">
1094
+ <a>
1095
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1096
+ tcdSVGData="fibonacci-time-zones"></span>
1097
+ <span class="tcdToolbarButton-dropdownElement-text"
1098
+ data-i18n="shape.fibonacciTimeZones.name"></span>
1099
+ </a>
1100
+ </li>
1101
+
1102
+ </ul>
1103
+ </li>
1104
+
1105
+ <li class="tcdToolbarTrendLines tcdToolbarButton tcdToolbarCanToggle tcdToolbarButtonWithDropdown toolbar-title drop" data-i18n="[title]toolbar.title.trendChannelShapes">
1106
+ <div class="tcdToolbarButton-buttonWrapper">
1107
+ <div class="tcdToolbarButton-activateBtn">
1108
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="trend-channel" style="display: flex;"></span>
1109
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="andrews-pitchfork" style="display: none;"></span>
1110
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="error-channel" style="display: none;"></span>
1111
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="raff-regression" style="display: none;"></span>
1112
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="quadrant-lines" style="display: none;"></span>
1113
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="tirone-levels" style="display: none;"></span>
1114
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="speed-lines" style="display: none;"></span>
1115
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="gann-fan" style="display: none;"></span>
1116
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="trend-angle" style="display: none;"></span>
1117
+ </div>
1118
+ <button class="tcdToolbarButton-toggleDropdownBtn">
1119
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1120
+ </button>
1121
+ </div>
1122
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
1123
+
1124
+
1125
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement " data-tcdvalue="trendChannel"
1126
+ data-i18n="[title]shape.trendChannel.name">
1127
+ <a>
1128
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1129
+ tcdSVGData="trend-channel"></span>
1130
+ <span class="tcdToolbarButton-dropdownElement-text"
1131
+ data-i18n="shape.trendChannel.name"></span>
1132
+ </a>
1133
+ </li>
1134
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="andrewsPitchfork"
1135
+ data-i18n="[title]shape.andrewsPitchfork.name">
1136
+ <a>
1137
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1138
+ tcdSVGData="andrews-pitchfork"></span>
1139
+ <span class="tcdToolbarButton-dropdownElement-text"
1140
+ data-i18n="shape.andrewsPitchfork.name"></span>
1141
+ </a>
1142
+ </li>
1143
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="errorChannel"
1144
+ data-i18n="[title]shape.errorChannel.name">
1145
+ <a>
1146
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1147
+ tcdSVGData="error-channel"></span>
1148
+ <span class="tcdToolbarButton-dropdownElement-text"
1149
+ data-i18n="shape.errorChannel.name"></span>
1150
+ </a>
1151
+ </li>
1152
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="raffRegression"
1153
+ data-i18n="[title]shape.raffRegression.name">
1154
+ <a>
1155
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1156
+ tcdSVGData="raff-regression"></span>
1157
+ <span class="tcdToolbarButton-dropdownElement-text"
1158
+ data-i18n="shape.raffRegression.name"></span>
1159
+ </a>
1160
+ </li>
1161
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="quadrantLines"
1162
+ data-i18n="[title]shape.quadrantLines.name">
1163
+ <a>
1164
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1165
+ tcdSVGData="quadrant-lines"></span>
1166
+ <span class="tcdToolbarButton-dropdownElement-text"
1167
+ data-i18n="shape.quadrantLines.name"></span>
1168
+ </a>
1169
+ </li>
1170
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="tironeLevels"
1171
+ data-i18n="[title]shape.tironeLevels.name">
1172
+ <a>
1173
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1174
+ tcdSVGData="tirone-levels"></span>
1175
+ <span class="tcdToolbarButton-dropdownElement-text"
1176
+ data-i18n="shape.tironeLevels.name"></span>
1177
+ </a>
1178
+ </li>
1179
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="speedLines"
1180
+ data-i18n="[title]shape.speedLines.name">
1181
+ <a>
1182
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1183
+ tcdSVGData="speed-lines"></span>
1184
+ <span class="tcdToolbarButton-dropdownElement-text"
1185
+ data-i18n="shape.speedLines.name"></span>
1186
+ </a>
1187
+ </li>
1188
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="gannFan"
1189
+ data-i18n="[title]shape.gannFan.name">
1190
+ <a>
1191
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1192
+ tcdSVGData="gann-fan"></span>
1193
+ <span class="tcdToolbarButton-dropdownElement-text"
1194
+ data-i18n="shape.gannFan.name"></span>
1195
+ </a>
1196
+ </li>
1197
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="trendAngle"
1198
+ data-i18n="[title]shape.trendAngle.name">
1199
+ <a>
1200
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1201
+ tcdSVGData="trend-angle"></span>
1202
+ <span class="tcdToolbarButton-dropdownElement-text"
1203
+ data-i18n="shape.trendAngle.name"></span>
1204
+ </a>
1205
+ </li>
1206
+ </ul>
1207
+ </li>
1208
+
1209
+ <li class="tcdToolbarLabelShapes tcdToolbarButton tcdToolbarCanToggle tcdToolbarButtonWithDropdown toolbar-title drop" data-i18n="[title]toolbar.title.labelShapes">
1210
+ <div class="tcdToolbarButton-buttonWrapper">
1211
+ <div class="tcdToolbarButton-activateBtn">
1212
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="arrow-down" style="display: flex;"></span>
1213
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="arrow-up" style="display: none;"></span>
1214
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="arrow-left" style="display: none;"></span>
1215
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="arrow-right" style="display: none;"></span>
1216
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="dot" style="display: none;"></span>
1217
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="square" style="display: none;"></span>
1218
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="diamond" style="display: none;"></span>
1219
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="note" style="display: none;"></span>
1220
+ </div>
1221
+ <button class="tcdToolbarButton-toggleDropdownBtn">
1222
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1223
+ </button>
1224
+ </div>
1225
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
1226
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="arrowDown"
1227
+ data-i18n="[title]shape.arrowDown.name">
1228
+ <a>
1229
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1230
+ tcdSVGData="arrow-down"></span>
1231
+ <span class="tcdToolbarButton-dropdownElement-text"
1232
+ data-i18n="shape.arrowDown.name"></span>
1233
+
1234
+ </a>
1235
+ </li>
1236
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="arrowUp"
1237
+ data-i18n="[title]shape.arrowUp.name">
1238
+ <a>
1239
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1240
+ tcdSVGData="arrow-up"></span>
1241
+ <span class="tcdToolbarButton-dropdownElement-text"
1242
+ data-i18n="shape.arrowUp.name"></span>
1243
+
1244
+ </a>
1245
+ </li>
1246
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="arrowLeft"
1247
+ data-i18n="[title]shape.arrowLeft.name">
1248
+ <a>
1249
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1250
+ tcdSVGData="arrow-left"></span>
1251
+ <span class="tcdToolbarButton-dropdownElement-text"
1252
+ data-i18n="shape.arrowLeft.name"></span>
1253
+
1254
+ </a>
1255
+ </li>
1256
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="arrowRight"
1257
+ data-i18n="[title]shape.arrowRight.name">
1258
+ <a>
1259
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1260
+ tcdSVGData="arrow-right"></span>
1261
+ <span class="tcdToolbarButton-dropdownElement-text"
1262
+ data-i18n="shape.arrowRight.name"></span>
1263
+
1264
+ </a>
1265
+ </li>
1266
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="dot"
1267
+ data-i18n="[title]shape.dot.name">
1268
+ <a>
1269
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1270
+ tcdSVGData="dot"></span>
1271
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="shape.dot.name"></span>
1272
+ </a>
1273
+ </li>
1274
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="square"
1275
+ data-i18n="[title]shape.square.name">
1276
+ <a>
1277
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1278
+ tcdSVGData="square"></span>
1279
+ <span class="tcdToolbarButton-dropdownElement-text"
1280
+ data-i18n="shape.square.name"></span>
1281
+
1282
+ </a>
1283
+ </li>
1284
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="diamond"
1285
+ data-i18n="[title]shape.diamond.name">
1286
+ <a>
1287
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1288
+ tcdSVGData="diamond"></span>
1289
+ <span class="tcdToolbarButton-dropdownElement-text"
1290
+ data-i18n="shape.diamond.name"></span>
1291
+
1292
+ </a>
1293
+ </li>
1294
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="note"
1295
+ data-i18n="[title]shape.note.name">
1296
+ <a>
1297
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1298
+ tcdSVGData="note"></span>
1299
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="shape.note.name"></span>
1300
+
1301
+ </a>
1302
+ </li>
1303
+ </ul>
1304
+ </li>
1305
+
1306
+ <li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbar-btn-profileDrawingTool tcdToolbar-btn-continuedShapeMode toolbar-title drop"
1307
+ data-i18n="[title]shape.profileDrawingTool.name">
1308
+ <div class="tcdToolbarButton-buttonWrapper">
1309
+ <button class="tcdToolbarButton-activateBtn" data-tcdvalue="profileDrawingTool">
1310
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="visibleProfile"></span>
1311
+ </button>
1312
+ </div>
1313
+ </li>
1314
+
1315
+ <li class="tcdToolbarDivider"></li>
1316
+
1317
+ <li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbar-btn-textShapes tcdToolbar-btn-continuedShapeMode toolbar-title drop"
1318
+ data-i18n="[title]shape.text.name">
1319
+ <div class="tcdToolbarButton-buttonWrapper">
1320
+ <button class="tcdToolbarButton-activateBtn" data-tcdvalue="text">
1321
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="text"></span>
1322
+ </button>
1323
+ </div>
1324
+ </li>
1325
+
1326
+
1327
+ <li class="tcdToolbarDivider"></li>
1328
+
1329
+ <li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbar-btn-stayInShapeBalloonMode tcdToolbar-btn-continuedShapeMode toolbar-title drop hidden"
1330
+ data-i18n="[title]shape.balloon.name">
1331
+ <div class="tcdToolbarButton-buttonWrapper">
1332
+ <button class="tcdToolbarButton-activateBtn" data-tcdvalue="balloon">
1333
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="balloon"></span>
1334
+ </button>
1335
+ </div>
1336
+ </li>
1337
+ <li class="tcdToolbarDivider hidden"></li>
1338
+
1339
+ <li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbar-btn-stayInMeasureMode tcdToolbar-btn-continuedShapeMode toolbar-title drop"
1340
+ data-i18n="[title]shape.measure.name">
1341
+ <div class="tcdToolbarButton-buttonWrapper">
1342
+ <button class="tcdToolbarButton-activateBtn" data-tcdvalue="measure">
1343
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="measure"></span>
1344
+ </button>
1345
+ </div>
1346
+ </li>
1347
+ <li class="tcdToolbarDivider"></li>
1348
+ <!-- Old positions toolbar remove after creation -->
1349
+ <!-- <li class="tcdToolbarPositions tcdToolbarButton tcdToolbarCanToggle tcdToolbarButtonWithDropdown toolbar-title drop hidden" data-i18n="[title]toolbar.title.positions">
1350
+ <div class="tcdToolbarButton-buttonWrapper">
1351
+ <div class="tcdToolbarButton-activateBtn">
1352
+
1353
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="position-long" style="display: flex;"></span>
1354
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="position-short" style="display: none;"></span>
1355
+
1356
+ </div>
1357
+ <button class="tcdToolbarButton-toggleDropdownBtn">
1358
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1359
+ </button>
1360
+ </div>
1361
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
1362
+
1363
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="positionLong"
1364
+ data-i18n="[title]shape.positionLong.name">
1365
+ <a>
1366
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1367
+ tcdSVGData="position-long"></span>
1368
+ <span class="tcdToolbarButton-dropdownElement-text"
1369
+ data-i18n="shape.positionLong.name"></span>
1370
+ </a>
1371
+ </li>
1372
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="positionShort"
1373
+ data-i18n="[title]shape.positionShort.name">
1374
+ <a>
1375
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1376
+ tcdSVGData="position-short"></span>
1377
+ <span class="tcdToolbarButton-dropdownElement-text"
1378
+ data-i18n="shape.positionShort.name"></span>
1379
+ </a>
1380
+ </li>
1381
+ </ul>
1382
+ </li> -->
1383
+
1384
+
1385
+ <li class="tcdToolbarPositions tcdToolbarButton tcdToolbarCanToggle tcdToolbarButtonWithDropdown toolbar-title drop" data-i18n="[title]toolbar.title.positions">
1386
+ <div class="tcdToolbarButton-buttonWrapper">
1387
+ <div class="tcdToolbarButton-activateBtn">
1388
+
1389
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="position-long" style="display: flex;"></span>
1390
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="position-short" style="display: none;"></span>
1391
+
1392
+ </div>
1393
+ <button class="tcdToolbarButton-toggleDropdownBtn">
1394
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1395
+ </button>
1396
+ </div>
1397
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
1398
+
1399
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="positionDrawingLong"
1400
+ data-i18n="[title]shape.positionLong.name">
1401
+ <a>
1402
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1403
+ tcdSVGData="position-long"></span>
1404
+ <span class="tcdToolbarButton-dropdownElement-text"
1405
+ data-i18n="shape.positionLong.name"></span>
1406
+ </a>
1407
+ </li>
1408
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdValue="positionDrawingShort"
1409
+ data-i18n="[title]shape.positionShort.name">
1410
+ <a>
1411
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1412
+ tcdSVGData="position-short"></span>
1413
+ <span class="tcdToolbarButton-dropdownElement-text"
1414
+ data-i18n="shape.positionShort.name"></span>
1415
+ </a>
1416
+ </li>
1417
+ </ul>
1418
+ </li>
1419
+
1420
+ <li class="tcdToolbarDivider"></li>
1421
+
1422
+ <li class="tcdToolbarZoomIn tcdToolbarButton tcdToolbarButtonWithDropdown tcdToolbarCanToggle toolbar-title drop"
1423
+ data-i18n="[title]toolbar.title.zoomInType">
1424
+ <div class="tcdToolbarButton-buttonWrapper">
1425
+ <div class="tcdToolbarButton-activateBtn">
1426
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon " tcdSVGData="zoom"></span>
1427
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon tcdGZoom"
1428
+ tcdSVGData="zoom-by-area"
1429
+ style="display: none;"></span>
1430
+ </div>
1431
+ <button class="tcdToolbarButton-toggleDropdownBtn">
1432
+ <span class="tcdToolbarButton-dropdownElement-image"></span>
1433
+ </button>
1434
+ </div>
1435
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
1436
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="dateRange"
1437
+ data-i18n="[title]zoomIn.dateRange">
1438
+ <a>
1439
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1440
+ tcdSVGData="zoom"></span>
1441
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="zoomIn.dateRange"></span>
1442
+ </a>
1443
+ </li>
1444
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="bounds"
1445
+ data-i18n="[title]zoomIn.bounds">
1446
+ <a>
1447
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1448
+ tcdSVGData="zoom-by-area"></span>
1449
+ <span class="tcdToolbarButton-dropdownElement-text" data-i18n="zoomIn.bounds"></span>
1450
+ </a>
1451
+ </li>
1452
+ </ul>
1453
+ </li>
1454
+ <li class="tcdToolbarDivider"></li>
1455
+
1456
+ <li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbarButtonManuallySwitchable tcdToolbar-btn-stayInShapeMode toolbar-title drop"
1457
+ data-i18n="[title]toolbar.title.shapeMode">
1458
+ <div class="tcdToolbarButton-buttonWrapper">
1459
+ <button class="tcdToolbarButton-activateBtn">
1460
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
1461
+ tcdSVGData="in-shape-mode"></span>
1462
+ </button>
1463
+ </div>
1464
+ </li>
1465
+
1466
+ <li class="tcdToolbarDivider"></li>
1467
+
1468
+ <li class="tcdToolbarMagnet tcdToolbarButton tcdToolbarButtonWithDropdown tcdToolbar-btn-magnetMode tcdToolbarCanFireFromHead toolbar-title drop"
1469
+ data-i18n="[title]toolbar.title.magnetMode">
1470
+ <div class="tcdToolbarButton-buttonWrapper">
1471
+ <div class="tcdToolbarButton-activateBtn">
1472
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon default-fill"
1473
+ tcdSVGData="magnet-mode"></span>
1474
+ </div>
1475
+ <button class="tcdToolbarButton-toggleDropdownBtn">
1476
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1477
+ </button>
1478
+ </div>
1479
+
1480
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
1481
+ <li class="tcdToolbarButton-dropdownElement tcdToolbar-btn-near" data-tcdValue="near"
1482
+ data-i18n="[title]magnet.weak">
1483
+ <a>
1484
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon default-fill"
1485
+ tcdSVGData="magnet-mode"></span>
1486
+ <span class="tcdToolbarButton-dropdownElement-text"
1487
+ data-i18n="magnet.weak"></span>
1488
+ </a>
1489
+ </li>
1490
+
1491
+ <li class="tcdToolbarButton-dropdownElement tcdToolbar-btn-always" data-tcdValue="always"
1492
+ data-i18n="[title]magnet.strong">
1493
+ <a>
1494
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
1495
+ tcdSVGData="magnet-mode"></span>
1496
+ <span class="tcdToolbarButton-dropdownElement-text"
1497
+ data-i18n="magnet.strong"></span>
1498
+ </a>
1499
+ </li>
1500
+ </ul>
1501
+ </li>
1502
+
1503
+ <li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbarButtonManuallySwitchable tcdToolbar-btn-lockMode toolbar-title drop"
1504
+ data-i18n="[title]toolbar.title.lockMode">
1505
+ <div class="tcdToolbarButton-buttonWrapper">
1506
+ <button class="tcdToolbarButton-activateBtn">
1507
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
1508
+ tcdSVGData="unlock"></span>
1509
+ </button>
1510
+ </div>
1511
+ </li>
1512
+
1513
+ <li class="tcdToolbarDivider"></li>
1514
+
1515
+ <li class="tcdToolbarButton tcdToolbarButtonWithDropdown tcdToolbar-btn-hideOptions tcdToolbarCanFireFromHead toolbar-title drop"
1516
+ data-i18n="[title]toolbar.title.showHideShapes">
1517
+ <div class="tcdToolbarButton-buttonWrapper">
1518
+ <div class="tcdToolbarButton-activateBtn">
1519
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
1520
+ tcdSVGData="toggle-shapes"></span>
1521
+ </div>
1522
+ <button class="tcdToolbarButton-toggleDropdownBtn">
1523
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1524
+ </button>
1525
+ </div>
1526
+
1527
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
1528
+ <li class="tcdToolbarButton-dropdownElement tcdToolbar-btn-hideShapes" data-tcdValue="hideShapes"
1529
+ data-i18n="[title]toolbar.hide.hideShapes">
1530
+ <a>
1531
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
1532
+ tcdSVGData="toggle-shapes"></span>
1533
+ <span class="tcdToolbarButton-dropdownElement-text"
1534
+ data-i18n="toolbar.hide.hideShapes"></span>
1535
+ </a>
1536
+ </li>
1537
+ <li class="tcdToolbarButton-dropdownElement tcdToolbar-btn-hideIndicators" data-tcdValue="hideIndicators"
1538
+ data-i18n="[title]toolbar.hide.hideIndicators">
1539
+ <a>
1540
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
1541
+ tcdSVGData="toggle-shapes"></span>
1542
+ <span class="tcdToolbarButton-dropdownElement-text"
1543
+ data-i18n="toolbar.hide.hideIndicators"></span>
1544
+ </a>
1545
+ </li>
1546
+
1547
+ <li class="tcdToolbarButton-dropdownElement tcdToolbar-btn-hideAll" data-tcdValue="hideAll"
1548
+ data-i18n="[title]toolbar.hide.hideAll">
1549
+ <a>
1550
+ <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
1551
+ tcdSVGData="toggle-shapes"></span>
1552
+ <span class="tcdToolbarButton-dropdownElement-text"
1553
+ data-i18n="toolbar.hide.hideAll"></span>
1554
+ </a>
1555
+ </li>
1556
+ </ul>
1557
+ </li>
1558
+
1559
+ <li class="tcdToolbarDivider"></li>
1560
+
1561
+ <li class="tcdToolbarDelete tcdToolbarButton tcdToolbarButtonWithDropdown tcdToolbarCanFireFromHead toolbar-title drop"
1562
+ data-i18n="[title]toolbar.title.deleteShape">
1563
+ <div class="tcdToolbarButton-buttonWrapper">
1564
+ <div class="tcdToolbarButton-activateBtn">
1565
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1566
+ tcdSVGData="remove-all-shapes"></span>
1567
+ </div>
1568
+ <button class="tcdToolbarButton-toggleDropdownBtn">
1569
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1570
+ </button>
1571
+ </div>
1572
+
1573
+
1574
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
1575
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="deleteAllShapes"
1576
+ data-i18n="[title]toolbar.delete.deleteAllShapes">
1577
+ <a>
1578
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1579
+ tcdSVGData="remove-all-shapes"></span>
1580
+ <span class="tcdToolbarButton-dropdownElement-text"
1581
+ data-i18n="toolbar.delete.deleteAllShapes"></span>
1582
+ </a>
1583
+ </li>
1584
+ <li class="tcdToolbarButton-dropdownElement" data-tcdValue="deleteAllIndicators"
1585
+ data-i18n="[title]toolbar.delete.deleteAllIndicators">
1586
+ <a>
1587
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1588
+ tcdSVGData="remove-all-shapes"></span>
1589
+ <span class="tcdToolbarButton-dropdownElement-text"
1590
+ data-i18n="toolbar.delete.deleteAllIndicators"></span>
1591
+ </a>
1592
+ </li>
1593
+ </ul>
1594
+ </li>
1595
+
1596
+ <li class="tcdToolbarDivider"></li>
1597
+
1598
+ <li id="toolbarMiscellaneous"
1599
+ class="tcdToolbarMiscellaneous tcdToolbarButton tcdToolbarButtonWithDropdown tcdToolbarCanToggle toolbar-title draggable"
1600
+ data-type="tcdToolbarMiscellaneous" data-i18n="[title]toolbar.title.miscellaneous"
1601
+ style="display:none;top:25rem; left:4rem">
1602
+ <div class="tcdToolbarButton-buttonWrapper">
1603
+ <button class="tcdToolbarButton-activateBtn">
1604
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1605
+ </button>
1606
+ <button class="tcdToolbarButton-toggleDropdownBtn">
1607
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1608
+ </button>
1609
+ </div>
1610
+ <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
1611
+ <li data-i18n="[title]toolbar.title.drag" class="draggable-handler tcdSVGIcon" tcdSVGData="drag">
1612
+ </li>
1613
+ <div class="tcdToolbar-scroll-draggable-top">
1614
+ <span class="tcdSVGIcon" tcdSVGData="scroll-top"></span>
1615
+ </div>
1616
+ <div class="tcdDraggableOverflow">
1617
+ <li class="tcdToolbarButton-dropdownElement" data-tcdvalue="text"
1618
+ data-titleName="shape.text.name"
1619
+ data-i18n="[title]shape.text.name">
1620
+ <a>
1621
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1622
+ tcdSVGData="text"></span>
1623
+ </a>
1624
+ </li>
1625
+ <li class="tcdToolbarButton-dropdownElement" data-tcdvalue="image"
1626
+ data-titleName="shape.text.name"
1627
+ data-i18n="[title]shape.image.name">
1628
+ <a>
1629
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
1630
+ </a>
1631
+ </li>
1632
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="balloon"
1633
+ data-i18n="[title]shape.balloon.name">
1634
+ <a>
1635
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1636
+ tcdSVGData="balloon"></span>
1637
+ </a>
1638
+ </li>
1639
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="measure"
1640
+ data-i18n="[title]shape.measure.name">
1641
+ <a>
1642
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1643
+ tcdSVGData="measure"></span>
1644
+ </a>
1645
+ </li>
1646
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="positionLong"
1647
+ data-i18n="[title]shape.positionLong.name">
1648
+ <a>
1649
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1650
+ tcdSVGData="position-long"></span>
1651
+ </a>
1652
+ </li>
1653
+ <li class="tcdShapeElement tcdToolbarButton-dropdownElement" data-tcdvalue="positionShort"
1654
+ data-i18n="[title]shape.positionShort.name">
1655
+ <a>
1656
+ <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
1657
+ tcdSVGData="position-short"></span>
1658
+ </a>
1659
+ </li>
1660
+ </div>
1661
+ <div class="tcdToolbar-scroll-draggable-bottom">
1662
+ <span class="tcdSVGIcon" tcdSVGData="scroll-bottom"></span>
1663
+ </div>
1664
+ <li class="tcdToolbarDivider"></li>
1665
+ <li class="tcdToolbarButton-dropdownElement tcdToolbarButton-close">
1666
+ <a>
1667
+ <span tcddraggable-data="toolbarMiscellaneous" tcdsvgdata="close-floating-toolbar"
1668
+ data-i18n="[title]toolbar.title.close"
1669
+ class="tcd-icon tcdSVGIcon"></span>
1670
+ </a>
1671
+ </li>
1672
+ </ul>
1673
+ </li>
1674
+ </ul>
1675
+ </div>
1676
+ <div class="tcdToolbar-scroll-bottom">
1677
+ <span class="tcdSVGIcon" tcdSVGData="scroll-bottom"></span>
1678
+ </div>
1679
+ <div class="tcdToolbar-toggler-extender">
1680
+ <div class="tcdToolbar-toggler">
1681
+ <div class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="close-pane"></div>
1682
+ </div>
1683
+ </div>
1684
+ </div>
1685
+ <!--<div class="tcdToolbar-scroll tcdToolbar-left-bottom"></div>-->
1686
+
1687
+ <div class="tcdToolbar-bottom">
1688
+ <div class="tcdToolbar-bottom-right-side">
1689
+ <div class="tcdToolbarSession drop-down">
1690
+ <div class="tcdToolbarSession_selected">
1691
+ <a><span>RTH</span></a>
1692
+ </div>
1693
+ <div class="tcdToolbarSession_options">
1694
+ <ul>
1695
+ <div class="tcdToolbarSession_label">SESSIONS</div>
1696
+ <li><a>Regular Trading Hours<span class="tcdToolbarSession_value">RTH</span></a></li>
1697
+ <li><a>Electronic Trading Hours<span class="tcdToolbarSession_value">ETH</span></a></li>
1698
+ <li><a>Hide Trading Hours<span class="tcdToolbarSession_value">HTH</span></a></li>
1699
+ </ul>
1700
+ </div>
1701
+ </div>
1702
+ <span class="tcdToolbar-percent">%</span>
1703
+ <span class="tcdToolbar-log">Log</span>
1704
+ <span class="tcdToolbar-auto">Auto</span>
1705
+ </div>
1706
+ </div>
1707
+
1708
+ <div data-i18n="[title]toolbar.title.returnToLastBar" class="tcdScrollToLastBar tcdToolbar-btn hidden" id="scrollbar_scroll-last-bar">
1709
+ <span class="tcdSVGIcon tcdToolbarButton-dropdownElement-image" tcdSVGData="chevron-right-double"></span>
1710
+ </div>