@fintatech/fintachart 3.1.0 → 3.1.1

package/CHANGELOG.md

@@ -5,10 +5,23 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.1.1] - 2026-04-22
+
+### Changed
+
+- Removed the jQuery dependency. All DOM, drag, and resize behavior is now implemented with native browser APIs (`DomUtils`, `Draggable`, `Resizable`).
+- Improved scrollbar styling and zoom animation smoothness in the chart container.
+- Refreshed documentation and HTML/React examples.
+
+### Removed
+
+- `jquery`, `jquery-ui`, `jquery.ui.touch-punch`, `jquery-i18next`, and `bootstrap-select` runtime dependencies.
+
 ## [3.1.0] - 2026-04-18
 
 ### Added
 
 - Initial public release of `@fintatech/fintachart`
 
+[3.1.1]: https://github.com/fintatech/fintachart/releases/tag/v3.1.1
 [3.1.0]: https://github.com/fintatech/fintachart/releases/tag/v3.1.0

package/README.md

@@ -1,9 +1,12 @@
 <div align="center">
   <a href="https://fintatech.com" target="_blank">
-    <img width="200" src="https://raw.githubusercontent.com/fintatech/fintachart/master/.github/logo-200x200.svg" alt="FintaChart logo">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/fintatech/fintachart/master/.github/logo-dark.svg">
+      <img width="400" src="https://raw.githubusercontent.com/fintatech/fintachart/master/.github/logo.svg" alt="FintaChart logo">
+    </picture>
   </a>
 
-  <h1>FintaChart</h1>
+  <h1>FintaChart™ — Financial Charting Library</h1>
 
   [![npm version](https://img.shields.io/npm/v/@fintatech/fintachart.svg)](https://www.npmjs.com/package/@fintatech/fintachart)
 </div>
@@ -45,12 +48,9 @@ npm install @fintatech/fintachart
 <link rel="stylesheet" href="node_modules/@fintatech/fintachart/css/FintaChart.min.css">
 
 <!-- 2. Framework dependencies -->
-<script src="node_modules/@fintatech/fintachart/scripts/frameworks/jquery.min.js"></script>
-<script src="node_modules/@fintatech/fintachart/scripts/frameworks/jquery-ui.min.js"></script>
-<script src="node_modules/@fintatech/fintachart/scripts/frameworks/moment.min.js"></script>
 <script src="node_modules/@fintatech/fintachart/scripts/frameworks/Intl.min.js"></script>
+<script src="node_modules/@fintatech/fintachart/scripts/frameworks/moment.min.js"></script>
 <script src="node_modules/@fintatech/fintachart/scripts/frameworks/i18nextXHRBackend.min.js"></script>
-<script src="node_modules/@fintatech/fintachart/scripts/frameworks/jquery-i18next.min.js"></script>
 
 <!-- 3. Main bundle -->
 <script src="node_modules/@fintatech/fintachart/scripts/FintaChart.min.js"></script>

package/THIRD_PARTY_NOTICES.md

@@ -1,6 +1,6 @@
 # Third-Party Notices
 
-Trading Chart Designer includes the following third-party libraries,
+FintaChart includes the following third-party libraries,
 all distributed under the MIT License:
 
 | Library | Version | License | URL |

package/basic-objects.html

@@ -14,15 +14,11 @@
         <link rel="stylesheet" href="css/external/jqNumericField.min.css">
         <link rel="stylesheet" href="css/FintaChart.min.css">
 
-        <script src="scripts/frameworks/jquery.min.js"></script>
-        <script src="scripts/frameworks/jquery-ui.min.js"></script>
         <script src="scripts/frameworks/Intl.min.js"></script>
         <script src="scripts/frameworks/moment.min.js"></script>
         <script src="scripts/frameworks/detectizr.min.js"></script>
         <script src="scripts/frameworks/dom-to-image-more.min.js"></script>
         <script src="scripts/frameworks/i18nextXHRBackend.min.js"></script>
-        <script src="scripts/frameworks/jquery-i18next.min.js"></script>
-        <script src="scripts/frameworks/jquery.ui.touch-punch.min.js"></script>
         <script src="scripts/FintaChart.min.js"></script>
         <script src="scripts/jsdataadapters/fileDataAdapter.js"></script>
         <script src="scripts/jsdataadapters/restDataAdapter.js"></script>
@@ -60,7 +56,7 @@
         FintaChart.ResourcePath.localization = 'localization/';
         const datafeed = fileDatafeed;
 
-        $(function () {
+        document.addEventListener('DOMContentLoaded', function () {
             datafeed.init().then(df => {
                 let config = {
                     chartContainer: '#chartContainer',
@@ -79,7 +75,7 @@
                         '4 Hours'/*, '1 Day', '1 Month', '1 Year'*/
                     ]
                 };
-                const chart = window.globalChart = $(config.chartContainer).FintaChart(config);
+                const chart = window.globalChart = FintaChart.createChart(document.querySelector(config.chartContainer), config);
 
                 drawBasicObjects(chart)
             });