@fintatech/fintachart 3.1.0 → 3.1.1

package/d.ts/frameworks/bootstrap.v3.datetimepicker.d.ts

@@ -1,10 +1,10 @@
 /* */
 
-interface DatePickerChangeEvent extends JQueryEventObject {
+interface DatePickerChangeEvent extends Event {
     date: any;
     oldDate: any;
 }
 
-interface DatePickerEvent extends JQueryEventObject {
+interface DatePickerEvent extends Event {
     date: any;
-}
+}

package/d.ts/frameworks/html2canvas.d.ts

@@ -3,8 +3,6 @@
 // Definitions by: Richard Hepburn <https://github.com/rwhepburn/>
 // Definitions: https://github.com/borisyankov/DefinitelyTyped
 
-/// <reference path="jquery.d.ts"/>
-
 /* */
 
 declare module Html2Canvas {

package/d.ts/frameworks-modified/autocolumnlist.d.ts

@@ -0,0 +1,8 @@
+declare namespace FintaChart {
+    namespace External {
+        function autocolumnlist(
+            container: HTMLElement,
+            options?: { columns?: number; classname?: string; min?: number }
+        ): void;
+    }
+}

package/d.ts/frameworks-modified/spectrum.d.ts

@@ -5,20 +5,21 @@
 // Definitions by: Mordechai Zuber <https://github.com/M-Zuber>
 // Definitions: https://github.com/borisyankov/DefinitelyTyped
 
-/// <reference path="../frameworks/jquery.d.ts"/>
 /// <reference path="../frameworks/tinycolor.d.ts"/>
 
+type SpectrumChainable = JQuery;
+
 interface JQuery {
 
     /**
      * Shows the colorpicker.
      */
-    spectrum(methodName: "show"): JQuery;
+    spectrum(methodName: "show"): SpectrumChainable;
 
     /**
      * Hides the colorpicker.
      */
-    spectrum(methodName: "hide"): JQuery;
+    spectrum(methodName: "hide"): SpectrumChainable;
 
     /**
      * Toggles the colorpicker.
@@ -26,7 +27,7 @@ interface JQuery {
      * Warning: If you are calling toggle from a click handler,
      *   make sure you return false to prevent the colorpicker from immediately hiding after it is toggled.
      */
-    spectrum(methodName: "toggle"): JQuery;
+    spectrum(methodName: "toggle"): SpectrumChainable;
 
     /**
      * Gets the current value from the colorpicker.
@@ -40,45 +41,45 @@ interface JQuery {
      *
      * @param colorString the new color for the colorpicker.
      */
-    spectrum(methodName: "set", colorString?: string): JQuery;
+    spectrum(methodName: "set", colorString?: string): SpectrumChainable;
 
     /**
      * Retrieves the container element of the colorpicker,
      * in case you want to manaully position it or do other things.
      */
-    spectrum(methodName: "container"): JQuery;
+    spectrum(methodName: "container"): SpectrumChainable;
 
     /**
      * Resets the positioning of the container element.
      * This could be used if the colorpicker was hidden when initialized,
      * or if the colorpicker is inside of a moving area.
      */
-    spectrum(methodName: "reflow"): JQuery;
+    spectrum(methodName: "reflow"): SpectrumChainable;
 
     /**
      * Removes the colorpicker functionality and restores the element to its original state.
      */
-    spectrum(methodName: "destroy"): JQuery;
+    spectrum(methodName: "destroy"): SpectrumChainable;
 
     /**
      * Allows selection of the colorpicker component. if it is already enabled, this method does nothing.
      * Additionally, this will cause the original (now hidden) input to be set as disabled.
      */
-    spectrum(methodName: "enable"): JQuery;
+    spectrum(methodName: "enable"): SpectrumChainable;
 
     /**
      * Disables selection of the colorpicker component. adds the sp-disabled class onto the replacer element.
      * If it is already disabled, this method does nothing.
      * Additionally, this will remove the disabled property on the original (now hidden).
      */
-    spectrum(methodName: "disable"): JQuery;
+    spectrum(methodName: "disable"): SpectrumChainable;
 
     /**
      * Retrieves the current value for the option name.
      *
      * @param optionName the option to retrieve the value for.
      */
-    spectrum(methodName: "option", optionName?: string): JQuery;
+    spectrum(methodName: "option", optionName?: string): SpectrumChainable;
 
     /**
      * Sets the value of the option name with the value passed in.
@@ -86,28 +87,18 @@ interface JQuery {
      * @param optionName the option to set.
      * @param newOptionValue the new value for the option.
      */
-    spectrum(methodName: "option", optionName?: string, newOptionValue?: any): JQuery;
+    spectrum(methodName: "option", optionName?: string, newOptionValue?: any): SpectrumChainable;
 
     /**
      * Calls the method.
      */
-    spectrum(methodName: string): any; // in most cases this is JQuery except for the get method which returns a tinycolorInstance
+    spectrum(methodName: string): any; // In most cases this returns a chainable object, except for the get method which returns a tinycolorInstance
 
     /**
      * Initializes the input element that it is called on
      * as a spectrum colorpicker instance.
      */
-    spectrum(options?: Spectrum.Options): JQuery;
-
-    /**
-     * Called at the beginning of a drag event on either hue slider, alpha slider, or main color picker areas.
-     */
-    on(events: "dragstart.spectrum", handler: (eventObject: JQueryEventObject, color: tinycolorInstance) => any): JQuery;
-
-    /**
-     * Called at the end of a drag event on either hue slider, alpha slider, or main color picker areas.
-     */
-    on(events: "dragstop.spectrum", handler: (eventObject: JQueryEventObject, color: tinycolorInstance) => any): JQuery;
+    spectrum(options?: Spectrum.Options): SpectrumChainable;
 }
 
 declare module Spectrum {
@@ -246,11 +237,11 @@ declare module Spectrum {
 
         /**
          * Sets which element the colorpicker container is appended to (default is "body").
-         * This can be any valid object taken into the jQuery appendTo function.
+         * This can be any valid object accepted by appendTo.
          * Changing this can help resolve issues with opening the colorpicker in a modal dialog
          * or fixed position container, for instance.
          */
-        appendTo?: any //same as JQuery appendTo : JQuery| any[] | Element| string
+        appendTo?: any // Same as appendTo: chainable object | any[] | Element | string
 
         /**
          * Sets the max size for the palette.

package/d.ts/frameworks-modified/toastr.d.ts

@@ -3,28 +3,27 @@
 // Definitions by: Boris Yankov <https://github.com/borisyankov/>
 // Definitions: https://github.com/borisyankov/DefinitelyTyped
 
-
-/// <reference path="../frameworks/jquery.d.ts"/>
+type ToastrChainable = JQuery;
 
 interface ToastrOptions {
 
 	/**
-	* Optionally override the animation easing to show or hide the toasts. Default is swing. swing and linear are built into jQuery.
+	* Optionally override the animation easing to show or hide the toasts. Default is swing. swing and linear are widely available.
 	*/
 	showEasing?: string;
 
 	/**
-	* Optionally override the animation easing to show or hide the toasts. Default is swing. swing and linear are built into jQuery.
+	* Optionally override the animation easing to show or hide the toasts. Default is swing. swing and linear are widely available.
 	*/
 	hideEasing?: string;
 
 	/**
-	* Use the jQuery show/hide method of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hide are built into jQuery.
+	* Use the show/hide method of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hide are widely available.
 	*/
 	showMethod?: string;
 
 	/**
-	* Use the jQuery show/hide method of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hide are built into jQuery.
+	* Use the show/hide method of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hide are widely available.
 	*/
 	hideMethod?: string;
 
@@ -159,7 +158,7 @@ interface ToastrDisplayMethod {
 	*
 	* @param message Message to display in toast
 	*/
-	(message: string): JQuery;
+	(message: string): ToastrChainable;
 
 	/**
 	* Create a toast
@@ -167,7 +166,7 @@ interface ToastrDisplayMethod {
 	* @param message Message to display in toast
 	* @param title Title to display on toast
 	*/
-	(message: string, title: string): JQuery;
+	(message: string, title: string): ToastrChainable;
 
 	/**
 	* Create a toast
@@ -176,7 +175,7 @@ interface ToastrDisplayMethod {
 	* @param title Title to display on toast
 	* @param overrides Option values for toast
 	*/
-	(message: string, title: string, overrides: ToastrOptions): JQuery;
+	(message: string, title: string, overrides: ToastrOptions): ToastrChainable;
 }
 
 interface Toastr {
@@ -193,7 +192,7 @@ interface Toastr {
 		* 
 		* @param toast Toast to clear
 		*/
-		(toast: JQuery): void;
+		(toast: ToastrChainable): void;
 	};
 	/**
 	* Create an error toast

package/htmldialogs/Toolbar.html

@@ -722,7 +722,7 @@
         <ul class="tcdToolbar tcdToolbarNav tcdToolbar-align-right">
             <li class="tcdToolbarDivider"></li>
 
-            <li class="tcdToolbarViewMode tcdToolbarButton tcdToolbarButtonViewMode tcdToolbarButtonWithDropdown tcdToolbarCanFireFromHead toolbar-title drop"
+            <li class="tcdToolbarViewMode tcdToolbarButton tcdToolbarButtonViewMode tcdToolbarButtonWithDropdown toolbar-title drop"
                 data-i18n="[title]toolbar.title.viewMode" style="margin: 0px !important;">
                 <div class="tcdToolbarButton-buttonWrapper">
                     <div class="tcdToolbarButton-activateBtn">
@@ -790,7 +790,7 @@
                         <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="extended-line" style="display: none;"></span>
                         <span class="tcdToolbarButton-dropdownElement-image tcdSVGIcon" tcdSVGData="horizontal-ray" style="display: none;"></span>
                     </div>
-                    <button class="tcdToolbarButton-toggleDropdownBtn"></button>
+                    <button class="tcdToolbarButton-toggleDropdownBtn">
                         <span class="tcdToolbarButton-dropdownElement-image tcd-icon"></span>
                     </button>
                 </div>

package/index-dark.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',
@@ -96,7 +92,7 @@
                     timeFrame: { interval: 1, periodicity: FintaChart.Periodicity.DAY },
                 };
 
-                window.globalChart = $(config.chartContainer).FintaChart(config);
+                window.globalChart = FintaChart.createChart(document.querySelector(config.chartContainer), config);
                 window.globalChart.exchanges = () => (['FOREX', 'CRYPTO'])
 
                 const position = new FintaChart.PositionBar({

package/index.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>
@@ -117,7 +113,7 @@
         const datafeed = fileDatafeed;
         let chart;
 
-        $(function () {
+        document.addEventListener('DOMContentLoaded', function () {
             datafeed.init().then(df => {
                 const config = {
                     chartContainer: '#chartContainer',
@@ -142,7 +138,7 @@
                     }
                 };
 
-                chart = window.globalChart = $(config.chartContainer).FintaChart(config);
+                chart = window.globalChart = FintaChart.createChart(document.querySelector(config.chartContainer), config);
                 window.globalChart.exchanges = () => (['FOREX', 'CRYPTO'])
 
                 const arrowShape = new FintaChart.MultiArrowUpShape({id: '33654', })

package/multiple-charts.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>
@@ -70,9 +66,9 @@
         FintaChart.ResourcePath.localization = 'localization/';
 
         const datafeed = fileDatafeed;
-        const chartsContainer = new FintaChart.ChartContainer($('#chartsContainer'));
+        const chartsContainer = new FintaChart.ChartContainer(document.querySelector('#chartsContainer'));
 
-        $(function () {
+        document.addEventListener('DOMContentLoaded', function () {
             datafeed.init().then(df => {
                 chartsContainer.createMultipleCharts([
                     {

package/package.json

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