@fintatech/fintachart 3.1.11 → 3.1.13

package/htmldialogs/IndicatorSettingsDialog.html

@@ -11,6 +11,11 @@
                     data-id="tcdIndicatorDialog_tab_parameters"
                     data-i18n="indicator.all.dialog.parameters"
                 ></li>
+                <li
+                    class="tcdTabItem properties-tab"
+                    data-id="tcdIndicatorDialog_tab_properties"
+                    data-i18n="indicator.all.dialog.properties"
+                ></li>
                 <li
                     class="tcdTabItem styles-tab"
                     data-id="tcdIndicatorDialog_tab_style"
@@ -28,6 +33,14 @@
                         <div class="tcdDialog-body-content"></div>
                     </div>
                 </div>
+                <div
+                    class="tcdTabPane"
+                    data-id="tcdIndicatorDialog_tab_properties"
+                >
+                    <div id="tcdIndicatorDialog_pane_properties">
+                        <div class="tcdDialog-body-content"></div>
+                    </div>
+                </div>
                 <div class="tcdTabPane" data-id="tcdIndicatorDialog_tab_style">
                     <div id="tcdIndicatorDialog_pane_figure">
                         <div class="tcdDialog-body-content"></div>

package/htmldialogs/MainSettings.html

@@ -238,6 +238,18 @@
                                 </div>
                             </div>
                         </div>
+                        <div class="tcdDialog-content-items">
+                            <div class="tcdDialog-content-item tcdColorWithBorder selector renderQuality width33">
+                                <div class="selectWrapper w100">
+                                    <label class="settings-label" data-i18n="theme.dialog.renderQuality.title"></label>
+                                    <select class="select-text" id="tcdMainSettings_renderQuality" style="display:block!important;">
+                                        <option value="low" data-i18n="theme.dialog.renderQuality.low"></option>
+                                        <option value="medium" data-i18n="theme.dialog.renderQuality.medium"></option>
+                                        <option value="high" data-i18n="theme.dialog.renderQuality.high"></option>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
 <!--                        @@TODO: Hide-->
 <!--                        <div class="tcdDialog-content-items tcdDialog-content-caption">-->
 <!--                            <div class="tcdDialog-left-part">-->

package/htmldialogs/ShapeSettingsDialog.html

@@ -256,7 +256,7 @@
                             <div class="tcdDialog-content-items tcdFullWidthContent">
                                 <div class="tcdDialog-right-part">
                                     <div class="tcdDialog-content-item">
-                                        <textarea id="tcdShapeDialog_input_text"></textarea>
+                                        <textarea id="tcdShapeDialog_input_text" data-i18n="[placeholder]shape.barMarker.placeholder"></textarea>
                                     </div>
                                 </div>
                             </div>

package/htmldialogs/Toolbar.html

@@ -593,7 +593,7 @@
                     <li class="tcdShapeElement tcdToolbarButton-dropdownElement">
                         <div class="tradePanel_amount-box">
                             <input data-input class="tcdNumeric jqNumericField tradePanel_input"
-                                   id="tradePanel_amount-input" data-i18n="[title]trading.quantity">
+                                   id="tradePanel_amount-input" data-i18n="[title]trading.quantity" autocomplete="off">
 							<div class="calc-container" id="tradePanel_calc-container">
 								<div class="calculator-icon tcdSVGIcon" tcdSVGData="calculator"></div>
 								<ul class="calc-list">
@@ -1367,7 +1367,17 @@
                 </div>
             </li>
 
-           
+            <li class="tcdToolbarDivider"></li>
+
+            <li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbar-btn-barMarker toolbar-title"
+                data-i18n="[title]shape.barMarker.name">
+                <div class="tcdToolbarButton-buttonWrapper">
+                    <button class="tcdToolbarButton-activateBtn" data-tcdvalue="barMarker">
+                        <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="bar-marker"></span>
+                    </button>
+                </div>
+            </li>
+
             <li class="tcdToolbarDivider"></li>
 
             <li class="tcdToolbarButton tcdToolbarCanToggle tcdToolbar-btn-stayInShapeBalloonMode tcdToolbar-btn-continuedShapeMode toolbar-title drop hidden"
@@ -1729,6 +1739,64 @@
 <!--<div class="tcdToolbar-scroll tcdToolbar-left-bottom"></div>-->
 
 <div class="tcdToolbar-bottom">
+    <div class="tcdToolbar-bottom-left-side">
+        <div class="tcdToolbarDateRange">
+            <span class="tcdToolbarDateRange-btn" data-tcdrange="1D" data-i18n="[title]dateRange.presets.1D">1D</span>
+            <span class="tcdToolbarDateRange-btn" data-tcdrange="5D" data-i18n="[title]dateRange.presets.5D">5D</span>
+            <span class="tcdToolbarDateRange-btn" data-tcdrange="1M" data-i18n="[title]dateRange.presets.1M">1M</span>
+            <span class="tcdToolbarDateRange-btn" data-tcdrange="3M" data-i18n="[title]dateRange.presets.3M">3M</span>
+            <span class="tcdToolbarDateRange-btn" data-tcdrange="6M" data-i18n="[title]dateRange.presets.6M">6M</span>
+            <span class="tcdToolbarDateRange-btn" data-tcdrange="YTD" data-i18n="[title]dateRange.presets.YTD">YTD</span>
+            <span class="tcdToolbarDateRange-btn" data-tcdrange="1Y" data-i18n="[title]dateRange.presets.1Y">1Y</span>
+            <span class="tcdToolbarDateRange-btn" data-tcdrange="5Y" data-i18n="[title]dateRange.presets.5Y">5Y</span>
+            <span class="tcdToolbarDateRange-btn" data-tcdrange="All" data-i18n="[title]dateRange.presets.All">All</span>
+            <span class="tcdToolbarDateRange-separator"></span>
+            <span class="tcdToolbarDateRange-btn tcdToolbarDateRange-customBtn" data-i18n="[title]dateRange.custom">
+                <span class="tcdSVGIcon tcdToolbarDateRange-customIcon" tcdSVGData="calendar"></span>
+            </span>
+        </div>
+        <div class="tcdToolbarDateRange-collapsed" style="display: none;">
+            <span class="tcdToolbarDateRange-collapsedBtn">
+                <span class="tcdSVGIcon tcdToolbarDateRange-collapsedIcon" tcdSVGData="calendar"></span>
+                <span class="tcdToolbarDateRange-collapsedLabel" data-i18n="dateRange.label">Date Range</span>
+                <svg viewBox="0 0 10 6" width="10" height="6"><path d="M1 5l4-4 4 4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            </span>
+            <ul class="tcdToolbarDateRange-menu" style="display: none;">
+                <li data-tcdrange="1D" data-i18n="dateRange.menu.1D">1 day in 5 minutes intervals</li>
+                <li data-tcdrange="5D" data-i18n="dateRange.menu.5D">5 days in 15 minutes intervals</li>
+                <li data-tcdrange="1M" data-i18n="dateRange.menu.1M">1 month in 1 hour intervals</li>
+                <li data-tcdrange="3M" data-i18n="dateRange.menu.3M">3 months in 4 hours intervals</li>
+                <li data-tcdrange="6M" data-i18n="dateRange.menu.6M">6 months in 4 hours intervals</li>
+                <li data-tcdrange="YTD" data-i18n="dateRange.menu.YTD">Year to date in 1 day intervals</li>
+                <li data-tcdrange="1Y" data-i18n="dateRange.menu.1Y">1 year in 1 day intervals</li>
+                <li data-tcdrange="5Y" data-i18n="dateRange.menu.5Y">5 years in 1 week intervals</li>
+                <li data-tcdrange="All" data-i18n="dateRange.menu.All">All data in 1 week intervals</li>
+                <li class="tcdToolbarDateRange-menuSeparator"></li>
+                <li class="tcdToolbarDateRange-menuGoto" data-i18n="dateRange.goto">Go to...</li>
+            </ul>
+        </div>
+        <div class="tcdToolbarDateRange-popup" style="display: none;">
+            <div class="tcdToolbarDateRange-popup-title" data-i18n="dateRange.title">Custom date range</div>
+            <div class="tcdToolbarDateRange-popup-row">
+                <label data-i18n="dateRange.from">From</label>
+                <div class="tcdToolbarDateRange-popup-field" data-tcdrangefield="from">
+                    <input type="text" class="tcdToolbarDateRange-popup-from" readonly>
+                    <span class="tcdSVGIcon tcdToolbarDateRange-fieldIcon" tcdSVGData="calendar"></span>
+                </div>
+            </div>
+            <div class="tcdToolbarDateRange-popup-row">
+                <label data-i18n="dateRange.to">To</label>
+                <div class="tcdToolbarDateRange-popup-field" data-tcdrangefield="to">
+                    <input type="text" class="tcdToolbarDateRange-popup-to" readonly>
+                    <span class="tcdSVGIcon tcdToolbarDateRange-fieldIcon" tcdSVGData="calendar"></span>
+                </div>
+            </div>
+            <div class="tcdToolbarDateRange-popup-buttons">
+                <button type="button" class="tcdToolbarDateRange-popup-cancel" data-i18n="dateRange.cancel">Cancel</button>
+                <button type="button" class="tcdToolbarDateRange-popup-apply" data-i18n="dateRange.apply">Apply</button>
+            </div>
+        </div>
+    </div>
     <div class="tcdToolbar-bottom-right-side">
         <div class="tcdToolbarSession drop-down">
             <div class="tcdToolbarSession_selected">
@@ -1739,7 +1807,6 @@
                     <div class="tcdToolbarSession_label">SESSIONS</div>
                     <li><a>Regular Trading Hours<span class="tcdToolbarSession_value">RTH</span></a></li>
                     <li><a>Electronic Trading Hours<span class="tcdToolbarSession_value">ETH</span></a></li>
-                    <li><a>Hide Trading Hours<span class="tcdToolbarSession_value">HTH</span></a></li>
                 </ul>
             </div>
         </div>

package/img/svg-icons/bar-marker.svg

@@ -0,0 +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/img/svg-icons/calendar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><title>calendar</title><path d="M20,5H18V3.5a.5.5,0,0,0-1,0V5H9V3.5a.5.5,0,0,0-1,0V5H6A2,2,0,0,0,4,7V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V7A2,2,0,0,0,20,5ZM6,6H8V7.5a.5.5,0,0,0,1,0V6h8V7.5a.5.5,0,0,0,1,0V6h2a1,1,0,0,1,1,1V9.5H5V7A1,1,0,0,1,6,6ZM20,21H6a1,1,0,0,1-1-1V10.5H21V20A1,1,0,0,1,20,21ZM9,13.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1,0-1h1A.5.5,0,0,1,9,13.5Zm4.75,0a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1,0-1h1A.5.5,0,0,1,13.75,13.5Zm4.75,0a.5.5,0,0,1-.5.5H17a.5.5,0,0,1,0-1h1A.5.5,0,0,1,18.5,13.5ZM9,17a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1,0-1h1A.5.5,0,0,1,9,17Zm4.75,0a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1,0-1h1A.5.5,0,0,1,13.75,17Zm4.75,0a.5.5,0,0,1-.5.5H17a.5.5,0,0,1,0-1h1A.5.5,0,0,1,18.5,17Z" fill="#323232"/></svg>

package/localization/en.json

@@ -228,6 +228,10 @@
     "note": {
       "name": "Note"
     },
+    "barMarker": {
+      "name": "Bar marker",
+      "placeholder": "Enter marker text (default: E)"
+    },
     "lineSegment": {
       "name": "Trend line"
     },
@@ -463,6 +467,42 @@
     "adjustAll": "Adjust All",
     "adjustOHLC": "Adjust OHLC"
   },
+  "dateRange": {
+    "title": "Custom date range",
+    "custom": "Custom date range",
+    "label": "Date Range",
+    "goto": "Go to...",
+    "from": "From",
+    "to": "To",
+    "apply": "Apply",
+    "cancel": "Cancel",
+    "clear": "Clear",
+    "today": "Today",
+    "menu": {
+      "1D": "1 day in 5 minutes intervals",
+      "5D": "5 days in 15 minutes intervals",
+      "1M": "1 month in 1 hour intervals",
+      "3M": "3 months in 4 hours intervals",
+      "6M": "6 months in 4 hours intervals",
+      "YTD": "Year to date in 1 day intervals",
+      "1Y": "1 year in 1 day intervals",
+      "5Y": "5 years in 1 week intervals",
+      "All": "All data in 1 week intervals"
+    },
+    "months": "January, February, March, April, May, June, July, August, September, October, November, December",
+    "weekdaysShort": "Mo, Tu, We, Th, Fr, Sa, Su",
+    "presets": {
+      "1D": "1 day",
+      "5D": "5 days",
+      "1M": "1 month",
+      "3M": "3 months",
+      "6M": "6 months",
+      "YTD": "Year to date",
+      "1Y": "1 year",
+      "5Y": "5 years",
+      "All": "All history"
+    }
+  },
   "viewMode": {
     "fullWindow": "Full Window",
     "fullScreen": "Full Screen",
@@ -616,7 +656,13 @@
       "afterMarket": "After Market",
       "closeMarket": "Close Market",
       "executionLabels": "Execution Labels",
-      "executions": "Executions"
+      "executions": "Executions",
+      "renderQuality": {
+        "title": "Render Quality",
+        "low": "Low",
+        "medium": "Medium",
+        "high": "High"
+      }
     },
     "notification": {
       "msg": {
@@ -849,6 +895,7 @@
         "Moving Average": "Moving Average",
         "indicator": "Indicator",
         "parameters": "Parameters",
+        "properties": "Properties",
         "color": "Color",
         "color1": "Color 1",
         "color2": "Color 2",

package/localization/uk.json

@@ -225,6 +225,10 @@
     "note": {
       "name": "Примітка"
     },
+    "barMarker": {
+      "name": "Маркер бара",
+      "placeholder": "Введіть текст маркера (за замовчуванням: E)"
+    },
     "lineSegment": {
       "name": "Відрізок"
     },
@@ -456,6 +460,42 @@
     "adjustAll": "Налаштувати всі",
     "adjustOHLC": "Налаштувати ВММЗ"
   },
+  "dateRange": {
+    "title": "Власний діапазон дат",
+    "custom": "Власний діапазон дат",
+    "label": "Діапазон дат",
+    "goto": "Перейти до...",
+    "from": "Від",
+    "to": "До",
+    "apply": "Застосувати",
+    "cancel": "Скасувати",
+    "clear": "Очистити",
+    "today": "Сьогодні",
+    "menu": {
+      "1D": "1 день з інтервалом 5 хвилин",
+      "5D": "5 днів з інтервалом 15 хвилин",
+      "1M": "1 місяць з інтервалом 1 година",
+      "3M": "3 місяці з інтервалом 4 години",
+      "6M": "6 місяців з інтервалом 4 години",
+      "YTD": "З початку року з інтервалом 1 день",
+      "1Y": "1 рік з інтервалом 1 день",
+      "5Y": "5 років з інтервалом 1 тиждень",
+      "All": "Вся історія з інтервалом 1 тиждень"
+    },
+    "months": "Січень, Лютий, Березень, Квітень, Травень, Червень, Липень, Серпень, Вересень, Жовтень, Листопад, Грудень",
+    "weekdaysShort": "Пн, Вт, Ср, Чт, Пт, Сб, Нд",
+    "presets": {
+      "1D": "1 день",
+      "5D": "5 днів",
+      "1M": "1 місяць",
+      "3M": "3 місяці",
+      "6M": "6 місяців",
+      "YTD": "З початку року",
+      "1Y": "1 рік",
+      "5Y": "5 років",
+      "All": "Вся історія"
+    }
+  },
   "viewMode": {
     "fullWindow": "Повне вікно",
     "fullScreen": "Повний екран",
@@ -603,7 +643,13 @@
       "tradingSessionHours": "Години торгової сесії",
       "preMarket": "До торгів",
       "afterMarket": "Після торгів",
-      "closeMarket": "Торги закриті"
+      "closeMarket": "Торги закриті",
+      "renderQuality": {
+        "title": "Якість графіки",
+        "low": "Низька",
+        "medium": "Середня",
+        "high": "Висока"
+      }
     },
     "notification": {
       "msg": {
@@ -810,6 +856,7 @@
         "Moving Average": "Рухоме середнє",
         "indicator": "Індикатор",
         "parameters": "Параметри",
+        "properties": "Властивості",
         "color": "Колір",
         "color1": "Колір 1",
         "color2": "Колір 2",

package/package.json

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