@fintatech/fintachart 3.1.9 → 3.1.11

package/htmldialogs/PositionShapeContextMenu.html

@@ -5,5 +5,5 @@
     <li data-id="delete"><a style="cursor: pointer;" data-i18n="shape.all.menu.delete">Delete</a></li>
     <li data-id="clone"><a style="cursor: pointer;" data-i18n="shape.all.menu.clone">Clone</a></li>
     <li class="divider"></li>
-    <li data-id="createLimitOrder"><a style="cursor: pointer;" data-i18n="position.menu.createLimitOrder">Create Limit Order</a></li>
+    <li data-id="createLimitOrder"><a style="cursor: pointer;" data-i18n="trading.position.menu.createLimitOrder">Create Limit Order</a></li>
 </ul>

package/htmldialogs/ShapePositionSettingsDialog.html

@@ -167,8 +167,8 @@
                         </div>
                         <div class="tcdDialog-right-part">
                             <div class="tcdDialog-content-item">
-                                <input type="number" 
-                                       id="tcdShapePositionSettings_input_lotSize" 
+                                <input type="number"
+                                       id="tcdShapePositionSettings_input_lotSize"
                                        class="tcdNumericField"
                                        value="1">
                             </div>
@@ -177,12 +177,26 @@
 
                     <div class="tcdDialog-content-items">
                         <div class="tcdDialog-left-part">
-                            <label class="tcdLabel" for="tcdShapePositionSettings_input_riskPercentage" data-i18n="shape.all.dialog.riskPercentage"></label>
+                            <label class="tcdLabel" for="tcdShapePositionSettings_input_leverage" data-i18n="shape.all.dialog.leverage">Leverage</label>
                         </div>
                         <div class="tcdDialog-right-part">
                             <div class="tcdDialog-content-item">
-                                <input type="number" 
-                                       id="tcdShapePositionSettings_input_riskPercentage" 
+                                <input type="number"
+                                       id="tcdShapePositionSettings_input_leverage"
+                                       class="tcdNumericField"
+                                       value="1">
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="tcdDialog-content-items">
+                        <div class="tcdDialog-left-part">
+                            <label class="tcdLabel" for="tcdShapePositionSettings_input_riskPercentage" data-i18n="shape.all.dialog.riskPercentage">Risk %</label>
+                        </div>
+                        <div class="tcdDialog-right-part">
+                            <div class="tcdDialog-content-item">
+                                <input type="number"
+                                       id="tcdShapePositionSettings_input_riskPercentage"
                                        class="tcdNumericField"
                                        value="25">
                             </div>

package/htmldialogs/Toolbar.html

@@ -129,8 +129,8 @@
             </li>
             <li class="tcdToolbarDivider"></li>
 
-            <li class="tcdToolbarChartType tcdToolbarButton tcdToolbarButtonWithDropdown toolbar-title drop"
-                data-type="tcdToolbarChartType"
+            <li class="fintaToolbarChartType tcdToolbarButton tcdToolbarButtonWithDropdown toolbar-title drop"
+                data-type="fintaToolbarChartType"
                 data-i18n="[title]toolbar.title.ChartType">
                 <div class="tcdToolbarButton-buttonWrapper">
                     <button class="tcdToolbarButton-activateBtn">
@@ -177,7 +177,7 @@
                         <a>
                             <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
                                   tcdSVGData="chartType-bars"></span>
-                            <span class="tcdToolbarButton-dropdownElement-text tcdToolbarButton-dropdownElement-text"
+                            <span class="tcdToolbarButton-dropdownElement-text"
                                   data-i18n="ChartType.bars.name"></span>
                         </a>
                     </li>
@@ -190,7 +190,6 @@
                                   data-i18n="ChartType.coloredBars.name"></span>
                         </a>
                     </li>
-
                     <li class="tcdToolbarButton-dropdownElement" data-tcdValue="rangeBar"
                         data-i18n="[title]ChartType.range.name">
                         <a>
@@ -199,7 +198,6 @@
                             <span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.range.name"></span>
                         </a>
                     </li>
-
                     <li class="tcdToolbarButton-dropdownElement" data-tcdValue="candle"
                         data-i18n="[title]ChartType.candles.name">
                         <a>
@@ -218,7 +216,7 @@
                                   data-i18n="ChartType.hollowCandles.name"></span>
                         </a>
                     </li>
-                    <li class="tcdToolbarButton-dropdownElement " data-tcdValue="heikinAshi"
+                    <li class="tcdToolbarButton-dropdownElement" data-tcdValue="heikinAshi"
                         data-i18n="[title]ChartType.heikinAshi.name">
                         <a>
                             <span class="tcdToolbarButton-dropdownElement-image tcd-icon tcdSVGIcon"
@@ -279,7 +277,6 @@
                                   data-i18n="ChartType.equiVolumeShadow.name"></span>
                         </a>
                     </li>
-
                     <li class="tcdToolbarButton-dropdownElement" data-tcdValue="line"
                         data-i18n="[title]ChartType.line.name">
                         <a>
@@ -288,7 +285,6 @@
                             <span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.line.name"></span>
                         </a>
                     </li>
-
                     <li class="tcdToolbarButton-dropdownElement" data-tcdValue="area"
                         data-i18n="[title]ChartType.area.name">
                         <a>
@@ -297,7 +293,6 @@
                             <span class="tcdToolbarButton-dropdownElement-text" data-i18n="ChartType.area.name"></span>
                         </a>
                     </li>
-
                     <li class="tcdToolbarButton-dropdownElement" data-tcdValue="pointAndFigure"
                         data-i18n="[title]ChartType.pointAndFigure.name">
                         <a>
@@ -445,6 +440,52 @@
                 </div>
             </li>
 
+            <li class="fintaToolbarOHLCCard tcdToolbarButton tcdToolbarButtonWithDropdown tcdToolbar-btn-OHLCCard toolbar-title drop"
+                data-type="fintaToolbarOHLCCard"
+                data-i18n="[title]toolbar.title.ohlcCard">
+                <div class="tcdToolbarButton-buttonWrapper">
+                    <button class="tcdToolbarButton-activateBtn">
+                        <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon"
+                              tcdSVGData="open-OHLC-card"></span>
+                    </button>
+                    <button class="tcdToolbarButton-toggleDropdownBtn">
+                        <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
+                    </button>
+                </div>
+                <ul class="tcdToolbarButton-dropdownElementsContainer tcdToolbarItemWrapper">
+                    <li class="tcdToolbarButton-dropdownElement" data-tcdValue="compact">
+                        <a>
+                            <span class="tcdToolbarButton-dropdownElement-text"
+                                  data-i18n="pane.ohlcCard.variants.compact"></span>
+                        </a>
+                    </li>
+                    <li class="tcdToolbarButton-dropdownElement" data-tcdValue="outline">
+                        <a>
+                            <span class="tcdToolbarButton-dropdownElement-text"
+                                  data-i18n="pane.ohlcCard.variants.outline"></span>
+                        </a>
+                    </li>
+                    <li class="tcdToolbarButton-dropdownElement" data-tcdValue="compactRow">
+                        <a>
+                            <span class="tcdToolbarButton-dropdownElement-text"
+                                  data-i18n="pane.ohlcCard.variants.compactRow"></span>
+                        </a>
+                    </li>
+                    <li class="tcdToolbarButton-dropdownElement" data-tcdValue="kite">
+                        <a>
+                            <span class="tcdToolbarButton-dropdownElement-text"
+                                  data-i18n="pane.ohlcCard.variants.kite"></span>
+                        </a>
+                    </li>
+                    <li class="tcdToolbarButton-dropdownElement" data-tcdValue="bars">
+                        <a>
+                            <span class="tcdToolbarButton-dropdownElement-text"
+                                  data-i18n="pane.ohlcCard.variants.bars"></span>
+                        </a>
+                    </li>
+                </ul>
+            </li>
+
             <li class="tcdToolbarDivider"></li>
 
             <li class="tcdReplayMode tcdToolbarReplayMode tcdToolbar-btn toolbar-title tcdToolbar-btn-Replay activateDraggable"
@@ -556,16 +597,19 @@
 							<div class="calc-container" id="tradePanel_calc-container">
 								<div class="calculator-icon tcdSVGIcon" tcdSVGData="calculator"></div>
 								<ul class="calc-list">
-									<li class="calc-btn">+</li>
-									<li class="calc-btn">-</li>
-									<li class="calc-btn calc-value-btn" data-calc-btn-index="0">0.01</li>
-									<li class="calc-btn calc-value-btn" data-calc-btn-index="1">0.05</li>
-									<li class="calc-btn calc-value-btn" data-calc-btn-index="2">0.25</li>
-									<li class="calc-btn calc-value-btn" data-calc-btn-index="3">1</li>
-									<li class="calc-btn calc-value-btn" data-calc-btn-index="4">5</li>
-									<li class="calc-btn calc-value-btn" data-calc-btn-index="5">10</li>
-									<li class="calc-btn">C</li>
-									<li class="calc-btn">/</li>
+									<li class="calc-btn" data-calc-action="dec">-</li>
+									<li class="calc-btn" data-calc-action="inc">+</li>
+									<li class="calc-btn calc-set-btn" data-calc-action="set">SET</li>
+									<li class="calc-btn calc-value-btn" data-calc-btn-index="0"></li>
+									<li class="calc-btn calc-value-btn" data-calc-btn-index="1"></li>
+									<li class="calc-btn calc-value-btn" data-calc-btn-index="2"></li>
+									<li class="calc-btn calc-value-btn" data-calc-btn-index="3"></li>
+									<li class="calc-btn calc-value-btn" data-calc-btn-index="4"></li>
+									<li class="calc-btn calc-value-btn" data-calc-btn-index="5"></li>
+									<li class="calc-btn" data-calc-action="max">Max</li>
+									<li class="calc-btn" data-calc-action="min">Min</li>
+									<li class="calc-btn" data-calc-action="div2">&divide;2</li>
+									<li class="calc-btn" data-calc-action="mul2">x2</li>
 								</ul>
 							</div>
                         </div>
@@ -631,15 +675,15 @@
                                 <div class="tradePanel_tif-time-display tradePanel_options-input" id="tradePanel_tif-time-input"></div>
                                 <div class="tradePanel_tif-time-picker" id="tradePanel_tif-time-picker" style="display:none">
                                     <div class="tif-time-col">
-                                        <button class="tif-time-arrow tif-time-arrow-up" id="tif-hour-up">▲</button>
+                                        <button class="tif-time-arrow tif-time-arrow-down" id="tif-hour-down">‹</button>
                                         <input class="tif-time-val" id="tif-hour-input" type="text" maxlength="2">
-                                        <button class="tif-time-arrow tif-time-arrow-down" id="tif-hour-down">▼</button>
+                                        <button class="tif-time-arrow tif-time-arrow-up" id="tif-hour-up">›</button>
                                     </div>
                                     <span class="tif-time-sep">:</span>
                                     <div class="tif-time-col">
-                                        <button class="tif-time-arrow tif-time-arrow-up" id="tif-min-up">▲</button>
+                                        <button class="tif-time-arrow tif-time-arrow-down" id="tif-min-down">‹</button>
                                         <input class="tif-time-val" id="tif-min-input" type="text" maxlength="2">
-                                        <button class="tif-time-arrow tif-time-arrow-down" id="tif-min-down">▼</button>
+                                        <button class="tif-time-arrow tif-time-arrow-up" id="tif-min-up">›</button>
                                     </div>
                                 </div>
                             </div>

package/img/svg-icons/open-OHLC-card.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><title>open-OHLC-card</title><text x="13" y="9.5" font-family="Rubik, Arial, sans-serif" font-size="7.5" font-weight="700" text-anchor="middle" fill="#323232">OHLC</text><path d="M4.5,12.5h17A1.5,1.5,0,0,1,23,14v7.5A1.5,1.5,0,0,1,21.5,23H4.5A1.5,1.5,0,0,1,3,21.5V14A1.5,1.5,0,0,1,4.5,12.5Zm0,1.5V16H21.5V14ZM3,17.5V21.5A1.5,1.5,0,0,0,4.5,23h17A1.5,1.5,0,0,0,23,21.5V17.5ZM5.5,20h5a.75.75,0,0,0,0-1.5h-5a.75.75,0,0,0,0,1.5Zm10,0h4a.75.75,0,0,0,0-1.5h-4a.75.75,0,0,0,0,1.5Z" fill="#323232"/></svg>

package/localization/en.json

@@ -12,6 +12,21 @@
       "low": "L:",
       "close": "C:"
     },
+    "ohlcCard": {
+      "open": "O",
+      "high": "H",
+      "low": "L",
+      "close": "C",
+      "volume": "Vol",
+      "change": "Chg",
+      "variants": {
+        "compact": "Compact",
+        "outline": "Outline",
+        "compactRow": "Compact Row",
+        "kite": "Bluetab",
+        "bars": "Progress Bars"
+      }
+    },
     "options": {
       "moveUp": "Up",
       "moveDown": "Down",
@@ -127,6 +142,7 @@
         "alwaysShowStats": "Always show stats",
         "accountSize": "Account size",
         "lotSize": "Lot size",
+        "leverage": "Leverage",
         "riskPercentage": "Risk percentage",
         "entryPrice": "Entry Price",
         "coordinates": {
@@ -680,6 +696,7 @@
       "timeFrame": "Timeframes",
       "compare": "Compare",
       "addIndicators": "Indicators",
+      "ohlcCard": "OHLC Cards",
       "themeSettings": "Options",
       "ChartType": "Candles",
       "cursorType": "Cursor options",
@@ -714,7 +731,10 @@
       "saveImage": "Save Image",
       "copyImage": "Copy Image",
       "copyLink": "Copy Link",
-      "tweetImage": "Tweet Image" 
+      "tweetImage": "Tweet Image",
+      "copyImageSuccess": "Image copied",
+      "copyImageDownloaded": "Couldn't copy to clipboard — image downloaded instead",
+      "copyImageFailed": "Couldn't copy or save the image"
     },
     "delete": {
       "deleteAllShapes": "Remove All Shapes",
@@ -774,6 +794,9 @@
       "name": {
         "short": "Short",
         "long": "Long"
+      },
+      "menu": {
+        "createLimitOrder": "Create Limit Order"
       }
     },
     "contextMenu": {
@@ -944,6 +967,8 @@
         "volatilityPeriod": "Volatility Period",
         "displacement": "Displacement",
         "offsetMultiplier": "Offset Multiplier",
+        "multiplier": "Multiplier",
+        "boxRatioSmoothing": "Box Ratio Smoothing",
         "timeFrame": "Time Frame",
         "timeFrameTitle": {
           "1m": "1 Min",

package/localization/uk.json

@@ -12,6 +12,21 @@
       "low": "Мін:",
       "close": "З:"
     },
+    "ohlcCard": {
+      "open": "В",
+      "high": "Макс",
+      "low": "Мін",
+      "close": "З",
+      "volume": "Обсяг",
+      "change": "Зміна",
+      "variants": {
+        "compact": "Компактний",
+        "outline": "Контурний",
+        "compactRow": "Компактний рядок",
+        "kite": "Bluetab",
+        "bars": "Смужки прогресу"
+      }
+    },
     "options": {
       "moveUp": "Вверх",
       "moveDown": "Вниз",
@@ -124,6 +139,7 @@
         "alwaysShowStats": "Завжди показувати статистику",
         "accountSize": "Розмір рахунку",
         "lotSize": "Розмір лоту",
+        "leverage": "Кредитне плече",
         "riskPercentage": "Відсоток ризику",
         "entryPrice": "Вхідна ціна",
         "coordinates": {
@@ -644,6 +660,7 @@
       "timeFrame": "Період часу",
       "compare": "Порівняти",
       "addIndicators": "Вставити індикатор",
+      "ohlcCard": "OHLC Cards",
       "themeSettings": "Опції",
       "ChartType": "Тип графіку",
       "cursorType": "Параметри курсора",
@@ -677,7 +694,10 @@
       "saveImage": "Зберегти картинку",
       "copyImage": "Скопіювати картинку",
       "copyLink": "Скопіювати посилання",
-      "tweetImage": "Поширити картинку"
+      "tweetImage": "Поширити картинку",
+      "copyImageSuccess": "Зображення скопійовано",
+      "copyImageDownloaded": "Не вдалося скопіювати в буфер — зображення завантажено",
+      "copyImageFailed": "Не вдалося скопіювати чи зберегти зображення"
     },
     "delete": {
       "deleteAllShapes": "Видалити всі фігури",
@@ -735,6 +755,9 @@
       "name": {
         "short": "Короткий",
         "long": "Довгий"
+      },
+      "menu": {
+        "createLimitOrder": "Створити лімітне замовлення"
       }
     },
     "contextMenu": {
@@ -904,6 +927,8 @@
         "volatilityPeriod": "Період волатильності",
         "displacement": "Переміщення",
         "offsetMultiplier": "Зсув множника",
+        "multiplier": "Множник",
+        "boxRatioSmoothing": "Згладжування Box Ratio",
         "timeFrame": "Період часу",
         "timeFrameTitle": {
           "1m": "1 Хв",

package/multiple-charts.html

@@ -53,8 +53,8 @@
             .charts.tcdMultiContainer > .tcdChartContainer.tcdChartElement {
                 float: left !important;
                 width: 50% !important;
-                height: 50% !important;
-                margin-bottom: 0;
+                height: calc(50% - 43px) !important;
+                margin-bottom: 20px;
             }
         </style>
     </head>

package/package.json

@@ -2,7 +2,7 @@
     "name": "@fintatech/fintachart",
     "description": "FintaChart financial charting component",
     "homepage": "https://fintatech.com",
-    "version": "3.1.9",
+    "version": "3.1.11",
     "types": "./d.ts/FintaChart.d.ts",
     "license": "SEE LICENSE IN LICENSE.md",
     "repository": {