@fintatech/fintachart 3.1.12 → 3.1.14
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.
- package/CHANGELOG.md +47 -0
- package/css/FintaChart.min.css +1 -1
- package/d.ts/FintaChart.d.ts +593 -2
- package/htmldialogs/IndicatorSettingsDialog.html +13 -0
- package/htmldialogs/ShapeSettingsDialog.html +133 -1
- package/htmldialogs/Toolbar.html +11 -2
- package/img/svg-icons/bar-marker.svg +1 -0
- package/localization/en.json +37 -0
- package/localization/uk.json +37 -0
- package/package.json +1 -1
- package/scripts/FintaChart.min.js +2 -2
|
@@ -11,6 +11,11 @@
|
|
|
11
11
|
data-id="tcdIndicatorDialog_tab_parameters"
|
|
12
12
|
data-i18n="indicator.all.dialog.parameters"
|
|
13
13
|
></li>
|
|
14
|
+
<li
|
|
15
|
+
class="tcdTabItem properties-tab"
|
|
16
|
+
data-id="tcdIndicatorDialog_tab_properties"
|
|
17
|
+
data-i18n="indicator.all.dialog.properties"
|
|
18
|
+
></li>
|
|
14
19
|
<li
|
|
15
20
|
class="tcdTabItem styles-tab"
|
|
16
21
|
data-id="tcdIndicatorDialog_tab_style"
|
|
@@ -28,6 +33,14 @@
|
|
|
28
33
|
<div class="tcdDialog-body-content"></div>
|
|
29
34
|
</div>
|
|
30
35
|
</div>
|
|
36
|
+
<div
|
|
37
|
+
class="tcdTabPane"
|
|
38
|
+
data-id="tcdIndicatorDialog_tab_properties"
|
|
39
|
+
>
|
|
40
|
+
<div id="tcdIndicatorDialog_pane_properties">
|
|
41
|
+
<div class="tcdDialog-body-content"></div>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
31
44
|
<div class="tcdTabPane" data-id="tcdIndicatorDialog_tab_style">
|
|
32
45
|
<div id="tcdIndicatorDialog_pane_figure">
|
|
33
46
|
<div class="tcdDialog-body-content"></div>
|
|
@@ -256,7 +256,139 @@
|
|
|
256
256
|
<div class="tcdDialog-content-items tcdFullWidthContent">
|
|
257
257
|
<div class="tcdDialog-right-part">
|
|
258
258
|
<div class="tcdDialog-content-item">
|
|
259
|
-
<textarea id="tcdShapeDialog_input_text"></textarea>
|
|
259
|
+
<textarea id="tcdShapeDialog_input_text" data-i18n="[placeholder]shape.barMarker.placeholder"></textarea>
|
|
260
|
+
</div>
|
|
261
|
+
</div>
|
|
262
|
+
</div>
|
|
263
|
+
</div>
|
|
264
|
+
</div>
|
|
265
|
+
<!-- BarMarkerShape: marker type, position & colour -->
|
|
266
|
+
<div id="tcdShapeDialog_pane_barMarker">
|
|
267
|
+
<div class="tcdDialog-body-content">
|
|
268
|
+
<!-- Marker Type -->
|
|
269
|
+
<div class="tcdDialog-content-items">
|
|
270
|
+
<div class="tcdDialog-left-part">
|
|
271
|
+
<label class="tcdLabel" for="tcdShapeDialog_input_barMarkerKind" data-i18n="shape.barMarker.markerType"></label>
|
|
272
|
+
</div>
|
|
273
|
+
<div class="tcdDialog-right-part">
|
|
274
|
+
<div class="tcdDialog-content-item">
|
|
275
|
+
<select id="tcdShapeDialog_input_barMarkerKind" class="tcdDropdown">
|
|
276
|
+
<option value="dot" data-i18n="shape.barMarker.kindDot"></option>
|
|
277
|
+
<option value="arrowAuto" data-i18n="shape.barMarker.kindArrowAuto"></option>
|
|
278
|
+
<option value="arrowUp" data-i18n="shape.barMarker.kindArrowUp"></option>
|
|
279
|
+
<option value="arrowDown" data-i18n="shape.barMarker.kindArrowDown"></option>
|
|
280
|
+
<option value="square" data-i18n="shape.barMarker.kindSquare"></option>
|
|
281
|
+
<option value="diamond" data-i18n="shape.barMarker.kindDiamond"></option>
|
|
282
|
+
<option value="star" data-i18n="shape.barMarker.kindStar"></option>
|
|
283
|
+
<option value="cross" data-i18n="shape.barMarker.kindCross"></option>
|
|
284
|
+
<option value="line" data-i18n="shape.barMarker.kindLine"></option>
|
|
285
|
+
</select>
|
|
286
|
+
</div>
|
|
287
|
+
</div>
|
|
288
|
+
</div>
|
|
289
|
+
<!-- Marker Color -->
|
|
290
|
+
<div class="tcdDialog-content-items">
|
|
291
|
+
<div class="tcdDialog-left-part">
|
|
292
|
+
<label class="tcdLabel" for="tcdShapeDialog_input_barMarkerColor" data-i18n="shape.barMarker.color"></label>
|
|
293
|
+
</div>
|
|
294
|
+
<div class="tcdDialog-right-part">
|
|
295
|
+
<div class="tcdDialog-content-item">
|
|
296
|
+
<select id="tcdShapeDialog_input_barMarkerColor" class="tcdDropdown">
|
|
297
|
+
<option value="auto" data-i18n="shape.barMarker.colorAuto"></option>
|
|
298
|
+
<option value="#ec5a58" data-i18n="shape.barMarker.colorRed"></option>
|
|
299
|
+
<option value="#26a69a" data-i18n="shape.barMarker.colorGreen"></option>
|
|
300
|
+
<option value="#f7931a" data-i18n="shape.barMarker.colorOrange"></option>
|
|
301
|
+
<option value="#2196f3" data-i18n="shape.barMarker.colorBlue"></option>
|
|
302
|
+
<option value="#fdd835" data-i18n="shape.barMarker.colorYellow"></option>
|
|
303
|
+
<option value="#ab47bc" data-i18n="shape.barMarker.colorPurple"></option>
|
|
304
|
+
<option value="#ffffff" data-i18n="shape.barMarker.colorWhite"></option>
|
|
305
|
+
<option value="custom" data-i18n="shape.barMarker.colorCustom"></option>
|
|
306
|
+
</select>
|
|
307
|
+
</div>
|
|
308
|
+
<div class="tcdDialog-content-item tcdColorWithBorder" id="tcdShapeDialog_barMarkerCustomColorWrap" style="display:none;">
|
|
309
|
+
<input id="tcdShapeDialog_input_barMarkerCustomColor" type="text" class="tcdSpectrum">
|
|
310
|
+
</div>
|
|
311
|
+
</div>
|
|
312
|
+
</div>
|
|
313
|
+
<!-- Gradient -->
|
|
314
|
+
<div class="tcdDialog-content-items">
|
|
315
|
+
<div class="tcdDialog-left-part">
|
|
316
|
+
<label class="tcdLabel" data-i18n="shape.barMarker.gradient"></label>
|
|
317
|
+
</div>
|
|
318
|
+
<div class="tcdDialog-right-part">
|
|
319
|
+
<div class="tcdDialog-content-item tcdColorWithBorder">
|
|
320
|
+
<input id="tcdShapeDialog_input_barMarkerGradientFrom" type="text" class="tcdSpectrum" data-i18n="[placeholder]shape.barMarker.gradientFrom">
|
|
321
|
+
</div>
|
|
322
|
+
<div class="tcdDialog-content-item tcdColorWithBorder">
|
|
323
|
+
<input id="tcdShapeDialog_input_barMarkerGradientTo" type="text" class="tcdSpectrum" data-i18n="[placeholder]shape.barMarker.gradientTo">
|
|
324
|
+
</div>
|
|
325
|
+
</div>
|
|
326
|
+
</div>
|
|
327
|
+
<hr class="tcdDelimiter"/>
|
|
328
|
+
<!-- Badge Style -->
|
|
329
|
+
<div class="tcdDialog-content-items">
|
|
330
|
+
<div class="tcdDialog-left-part">
|
|
331
|
+
<label class="tcdLabel" data-i18n="shape.barMarker.badgeRadius"></label>
|
|
332
|
+
</div>
|
|
333
|
+
<div class="tcdDialog-right-part">
|
|
334
|
+
<div class="tcdDialog-content-item">
|
|
335
|
+
<select id="tcdShapeDialog_input_barMarkerBadgeRadius" class="tcdDropdown">
|
|
336
|
+
<option value="0">0</option>
|
|
337
|
+
<option value="2">2</option>
|
|
338
|
+
<option value="3" selected>3</option>
|
|
339
|
+
<option value="5">5</option>
|
|
340
|
+
<option value="8">8</option>
|
|
341
|
+
<option value="12">12</option>
|
|
342
|
+
</select>
|
|
343
|
+
</div>
|
|
344
|
+
</div>
|
|
345
|
+
</div>
|
|
346
|
+
<div class="tcdDialog-content-items">
|
|
347
|
+
<div class="tcdDialog-left-part">
|
|
348
|
+
<label class="tcdLabel" data-i18n="shape.barMarker.badgeBorder"></label>
|
|
349
|
+
</div>
|
|
350
|
+
<div class="tcdDialog-right-part">
|
|
351
|
+
<div class="tcdDialog-content-item tcdColorWithBorder">
|
|
352
|
+
<input id="tcdShapeDialog_input_barMarkerBadgeBorderColor" type="text" class="tcdSpectrum">
|
|
353
|
+
</div>
|
|
354
|
+
<div class="tcdDialog-content-item">
|
|
355
|
+
<select id="tcdShapeDialog_input_barMarkerBadgeBorderWidth" class="tcdDropdown">
|
|
356
|
+
<option value="0">0</option>
|
|
357
|
+
<option value="1" selected>1</option>
|
|
358
|
+
<option value="2">2</option>
|
|
359
|
+
<option value="3">3</option>
|
|
360
|
+
</select>
|
|
361
|
+
</div>
|
|
362
|
+
</div>
|
|
363
|
+
</div>
|
|
364
|
+
<div class="tcdDialog-content-items">
|
|
365
|
+
<div class="tcdDialog-left-part">
|
|
366
|
+
<label class="tcdLabel" data-i18n="shape.barMarker.badgeBgColor"></label>
|
|
367
|
+
</div>
|
|
368
|
+
<div class="tcdDialog-right-part">
|
|
369
|
+
<div class="tcdDialog-content-item tcdColorWithBorder">
|
|
370
|
+
<input id="tcdShapeDialog_input_barMarkerBackgroundColor" type="text" class="tcdSpectrum">
|
|
371
|
+
</div>
|
|
372
|
+
</div>
|
|
373
|
+
</div>
|
|
374
|
+
<div class="tcdDialog-content-items">
|
|
375
|
+
<div class="tcdDialog-left-part">
|
|
376
|
+
<label class="tcdLabel" data-i18n="shape.barMarker.badgeTextColor"></label>
|
|
377
|
+
</div>
|
|
378
|
+
<div class="tcdDialog-right-part">
|
|
379
|
+
<div class="tcdDialog-content-item tcdColorWithBorder">
|
|
380
|
+
<input id="tcdShapeDialog_input_barMarkerTextColor" type="text" class="tcdSpectrum">
|
|
381
|
+
</div>
|
|
382
|
+
</div>
|
|
383
|
+
</div>
|
|
384
|
+
<div class="tcdDialog-content-items">
|
|
385
|
+
<div class="tcdDialog-left-part">
|
|
386
|
+
<label class="tcdLabel" for="tcdShapeDialog_chk_barMarkerConnectLines" data-i18n="shape.barMarker.connectLines"></label>
|
|
387
|
+
</div>
|
|
388
|
+
<div class="tcdDialog-right-part">
|
|
389
|
+
<div class="tcdDialog-content-item" style="transform: translateX(6px);">
|
|
390
|
+
<input id="tcdShapeDialog_chk_barMarkerConnectLines" type="checkbox" class="js-switch" />
|
|
391
|
+
<label class="tcdLabel" for="tcdShapeDialog_chk_barMarkerConnectLines"></label>
|
|
260
392
|
</div>
|
|
261
393
|
</div>
|
|
262
394
|
</div>
|
package/htmldialogs/Toolbar.html
CHANGED
|
@@ -1367,7 +1367,17 @@
|
|
|
1367
1367
|
</div>
|
|
1368
1368
|
</li>
|
|
1369
1369
|
|
|
1370
|
-
|
|
1370
|
+
<li class="tcdToolbarDivider"></li>
|
|
1371
|
+
|
|
1372
|
+
<li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbar-btn-barMarker toolbar-title"
|
|
1373
|
+
data-i18n="[title]shape.barMarker.name">
|
|
1374
|
+
<div class="tcdToolbarButton-buttonWrapper">
|
|
1375
|
+
<button class="tcdToolbarButton-activateBtn" data-tcdvalue="barMarker">
|
|
1376
|
+
<span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="bar-marker"></span>
|
|
1377
|
+
</button>
|
|
1378
|
+
</div>
|
|
1379
|
+
</li>
|
|
1380
|
+
|
|
1371
1381
|
<li class="tcdToolbarDivider"></li>
|
|
1372
1382
|
|
|
1373
1383
|
<li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbar-btn-stayInShapeBalloonMode tcdToolbar-btn-continuedShapeMode toolbar-title drop hidden"
|
|
@@ -1797,7 +1807,6 @@
|
|
|
1797
1807
|
<div class="tcdToolbarSession_label">SESSIONS</div>
|
|
1798
1808
|
<li><a>Regular Trading Hours<span class="tcdToolbarSession_value">RTH</span></a></li>
|
|
1799
1809
|
<li><a>Electronic Trading Hours<span class="tcdToolbarSession_value">ETH</span></a></li>
|
|
1800
|
-
<li><a>Hide Trading Hours<span class="tcdToolbarSession_value">HTH</span></a></li>
|
|
1801
1810
|
</ul>
|
|
1802
1811
|
</div>
|
|
1803
1812
|
</div>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><title>bar-marker</title><path d="M8.5 7 A4.5 4.5 0 1 0 17.5 7 A4.5 4.5 0 1 0 8.5 7 Z M9.5 7 A3.5 3.5 0 1 0 16.5 7 A3.5 3.5 0 1 0 9.5 7 Z M11.8 11.5 H14.2 V20 H11.8 Z M12.4 12.1 H13.6 V19.4 H12.4 Z M8 20 H18 V22.5 H8 Z M8.6 20.6 H17.4 V21.9 H8.6 Z" fill="currentColor" fill-rule="evenodd"/></svg>
|
package/localization/en.json
CHANGED
|
@@ -228,6 +228,42 @@
|
|
|
228
228
|
"note": {
|
|
229
229
|
"name": "Note"
|
|
230
230
|
},
|
|
231
|
+
"barMarker": {
|
|
232
|
+
"name": "Bar marker",
|
|
233
|
+
"placeholder": "Enter marker text (default: E)",
|
|
234
|
+
"markerType": "Marker Type",
|
|
235
|
+
"kindDot": "Dot",
|
|
236
|
+
"kindArrowUp": "Arrow Up",
|
|
237
|
+
"kindArrowDown": "Arrow Down",
|
|
238
|
+
"kindArrowAuto": "Arrow (auto)",
|
|
239
|
+
"position": "Position",
|
|
240
|
+
"positionAuto": "Auto (by candle)",
|
|
241
|
+
"positionAbove": "Above",
|
|
242
|
+
"positionBelow": "Below",
|
|
243
|
+
"color": "Marker Color",
|
|
244
|
+
"colorAuto": "Auto (by candle)",
|
|
245
|
+
"colorRed": "Red",
|
|
246
|
+
"colorGreen": "Green",
|
|
247
|
+
"colorOrange": "Orange",
|
|
248
|
+
"colorBlue": "Blue",
|
|
249
|
+
"colorYellow": "Yellow",
|
|
250
|
+
"colorPurple": "Purple",
|
|
251
|
+
"colorWhite": "White",
|
|
252
|
+
"colorCustom": "Custom...",
|
|
253
|
+
"gradient": "Gradient (optional)",
|
|
254
|
+
"gradientFrom": "From",
|
|
255
|
+
"gradientTo": "To",
|
|
256
|
+
"kindSquare": "Square",
|
|
257
|
+
"kindDiamond": "Diamond",
|
|
258
|
+
"kindStar": "Star",
|
|
259
|
+
"kindCross": "Cross",
|
|
260
|
+
"kindLine": "Line",
|
|
261
|
+
"badgeRadius": "Badge Radius",
|
|
262
|
+
"badgeBorder": "Badge Border",
|
|
263
|
+
"badgeBgColor": "Badge Background",
|
|
264
|
+
"badgeTextColor": "Text Color",
|
|
265
|
+
"connectLines": "Connect Lines"
|
|
266
|
+
},
|
|
231
267
|
"lineSegment": {
|
|
232
268
|
"name": "Trend line"
|
|
233
269
|
},
|
|
@@ -891,6 +927,7 @@
|
|
|
891
927
|
"Moving Average": "Moving Average",
|
|
892
928
|
"indicator": "Indicator",
|
|
893
929
|
"parameters": "Parameters",
|
|
930
|
+
"properties": "Properties",
|
|
894
931
|
"color": "Color",
|
|
895
932
|
"color1": "Color 1",
|
|
896
933
|
"color2": "Color 2",
|
package/localization/uk.json
CHANGED
|
@@ -225,6 +225,42 @@
|
|
|
225
225
|
"note": {
|
|
226
226
|
"name": "Примітка"
|
|
227
227
|
},
|
|
228
|
+
"barMarker": {
|
|
229
|
+
"name": "Маркер бара",
|
|
230
|
+
"placeholder": "Введіть текст маркера (за замовчуванням: E)",
|
|
231
|
+
"markerType": "Тип маркера",
|
|
232
|
+
"kindDot": "Точка",
|
|
233
|
+
"kindArrowUp": "Стрілка вгору",
|
|
234
|
+
"kindArrowDown": "Стрілка вниз",
|
|
235
|
+
"kindArrowAuto": "Стрілка (авто)",
|
|
236
|
+
"position": "Позиція",
|
|
237
|
+
"positionAuto": "Авто (за свічкою)",
|
|
238
|
+
"positionAbove": "Зверху",
|
|
239
|
+
"positionBelow": "Знизу",
|
|
240
|
+
"color": "Колір маркера",
|
|
241
|
+
"colorAuto": "Авто (за свічкою)",
|
|
242
|
+
"colorRed": "Червоний",
|
|
243
|
+
"colorGreen": "Зелений",
|
|
244
|
+
"colorOrange": "Помаранчевий",
|
|
245
|
+
"colorBlue": "Синій",
|
|
246
|
+
"colorYellow": "Жовтий",
|
|
247
|
+
"colorPurple": "Фіолетовий",
|
|
248
|
+
"colorWhite": "Білий",
|
|
249
|
+
"colorCustom": "Власний...",
|
|
250
|
+
"gradient": "Градієнт (необов'язково)",
|
|
251
|
+
"gradientFrom": "Від",
|
|
252
|
+
"gradientTo": "До",
|
|
253
|
+
"kindSquare": "Квадрат",
|
|
254
|
+
"kindDiamond": "Ромб",
|
|
255
|
+
"kindStar": "Зірка",
|
|
256
|
+
"kindCross": "Хрест",
|
|
257
|
+
"kindLine": "Лінія",
|
|
258
|
+
"badgeRadius": "Радіус бейджу",
|
|
259
|
+
"badgeBorder": "Рамка бейджу",
|
|
260
|
+
"badgeBgColor": "Фон бейджу",
|
|
261
|
+
"badgeTextColor": "Колір тексту",
|
|
262
|
+
"connectLines": "З'єднати лінії"
|
|
263
|
+
},
|
|
228
264
|
"lineSegment": {
|
|
229
265
|
"name": "Відрізок"
|
|
230
266
|
},
|
|
@@ -852,6 +888,7 @@
|
|
|
852
888
|
"Moving Average": "Рухоме середнє",
|
|
853
889
|
"indicator": "Індикатор",
|
|
854
890
|
"parameters": "Параметри",
|
|
891
|
+
"properties": "Властивості",
|
|
855
892
|
"color": "Колір",
|
|
856
893
|
"color1": "Колір 1",
|
|
857
894
|
"color2": "Колір 2",
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@fintatech/fintachart",
|
|
3
3
|
"description": "FintaChart financial charting component",
|
|
4
4
|
"homepage": "https://fintatech.com",
|
|
5
|
-
"version": "3.1.
|
|
5
|
+
"version": "3.1.14",
|
|
6
6
|
"types": "./d.ts/FintaChart.d.ts",
|
|
7
7
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
8
8
|
"repository": {
|