intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/UI/Chart/partial/optionsConstructor.js

@@ -1,344 +1,322 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    default: function() {
-        return _default;
-    },
-    finturfReactChartJsOptions: function() {
-        return finturfReactChartJsOptions;
+exports.reactChartJsOptionsLayouts = exports.finturfReactChartJsOptions = exports.default = void 0;
+var _Chart = require("./Chart.constants");
+var _optionsSetters = _interopRequireDefault(require("./optionsSetters"));
+// options constructors for ChartJS
+
+const reactChartJsOptionsLayouts = exports.reactChartJsOptionsLayouts = {
+  lineIconLayout: {
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      scales: {
+        x: {
+          display: false
+        },
+        y: {
+          display: false
+        }
+      },
+      elements: {
+        point: {
+          radius: 0
+        },
+        line: {
+          tension: 0.45,
+          borderJoinStyle: "round",
+          borderWidth: 2,
+          capBezierPoints: true
+        }
+      }
     },
-    reactChartJsOptionsLayouts: function() {
-        return reactChartJsOptionsLayouts;
+    redraw: true,
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение ChartComponent
+      chartTypeKey: "Line",
+      setCanvasDimensions: {
+        width: "75px",
+        height: "35px"
+      }
     }
-});
-const _Chartconstants = require("./Chart.constants");
-const _optionsSetters = /*#__PURE__*/ _interop_require_default(require("./optionsSetters"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-var _finturfChartLayouts_barLayout, _finturfChartLayouts_barLayout_options, _finturfChartLayouts_barLayout1, _finturfChartLayouts_barLayout_options_elements, _finturfChartLayouts_barLayout_options1, _finturfChartLayouts_barLayout2, _finturfChartLayouts_barLayout3, _finturfChartLayouts_barLayout_notLibraryOptions, _finturfChartLayouts_barLayout4, _finturfChartLayouts_lineLayout, _finturfChartLayouts_lineLayout_options, _finturfChartLayouts_lineLayout_options_elements, _finturfChartLayouts_lineLayout_options1, _finturfChartBar_options, _finturfChartBar_options_animations, _finturfChartBar_options1, _finturfChartBar_notLibraryOptions, _finturfChartLine_options, _finturfChartLine_options_elements, _finturfChartLine_options1, _finturfChartLine_options2, _finturfChartLine_options_animations, _finturfChartLine_options3, _finturfChartLine_notLibraryOptions;
-const reactChartJsOptionsLayouts = {
-    lineIconLayout: {
-        options: {
-            responsive: true,
-            maintainAspectRatio: false,
-            scales: {
-                x: {
-                    display: false
-                },
-                y: {
-                    display: false
-                }
-            },
-            elements: {
-                point: {
-                    radius: 0
-                },
-                line: {
-                    tension: 0.45,
-                    borderJoinStyle: "round",
-                    borderWidth: 2,
-                    capBezierPoints: true
-                }
-            }
+  },
+  lineLayout: {
+    options: {
+      responsive: true,
+      elements: {
+        point: {
+          radius: 4,
+          pointStyle: "circle",
+          backgroundColor: "#FFFFFF",
+          color: "#FFFFFF"
         },
-        redraw: true,
-        notLibraryOptions: {
-            // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
-            // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
-            // => Файл Chart.js => определение ChartComponent
-            chartTypeKey: "Line",
-            setCanvasDimensions: {
-                width: "75px",
-                height: "35px"
-            }
+        line: {
+          tension: 0.45,
+          borderJoinStyle: "round",
+          borderWidth: 2,
+          capBezierPoints: true
         }
+      }
     },
-    lineLayout: {
-        options: {
-            responsive: true,
-            elements: {
-                point: {
-                    radius: 4,
-                    pointStyle: "circle",
-                    backgroundColor: "#FFFFFF",
-                    color: "#FFFFFF"
-                },
-                line: {
-                    tension: 0.45,
-                    borderJoinStyle: "round",
-                    borderWidth: 2,
-                    capBezierPoints: true
-                }
-            }
-        },
-        redraw: true,
-        notLibraryOptions: {
-            // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
-            // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
-            // => Файл Chart.js => определение ChartComponent
-            chartTypeKey: "Line"
+    redraw: true,
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение ChartComponent
+      chartTypeKey: "Line"
+    }
+  },
+  barLayout: {
+    options: {
+      responsive: true,
+      elements: {
+        bar: {
+          borderRadius: 10
         }
+      }
     },
-    barLayout: {
-        options: {
-            responsive: true,
-            elements: {
-                bar: {
-                    borderRadius: 10
-                }
-            }
+    redraw: true,
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение ChartComponent
+      chartTypeKey: "Bar"
+    }
+  },
+  emptyLayout: {
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      scales: {
+        x: {
+          display: false
         },
-        redraw: true,
-        notLibraryOptions: {
-            // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
-            // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
-            // => Файл Chart.js => определение ChartComponent
-            chartTypeKey: "Bar"
+        y: {
+          display: false
         }
-    },
-    emptyLayout: {
-        options: {
-            responsive: true,
-            maintainAspectRatio: false,
-            scales: {
-                x: {
-                    display: false
-                },
-                y: {
-                    display: false
-                }
-            },
-            elements: {
-                point: {
-                    radius: 0
-                },
-                line: {
-                    borderWidth: 0
-                }
-            }
+      },
+      elements: {
+        point: {
+          radius: 0
         },
-        notLibraryOptions: {
-            // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
-            // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
-            // => Файл Chart.js => определение подкомпонента ChartComponent => строка const Component = ...
-            chartTypeKey: "Line"
+        line: {
+          borderWidth: 0
         }
+      }
+    },
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение подкомпонента ChartComponent => строка const Component = ...
+      chartTypeKey: "Line"
     }
+  }
 };
-const finturfChartLayouts = (()=>{
-    return [
-        "barLayout",
-        "lineLayout"
-    ].reduce((acc, key)=>{
-        var _reactChartJsOptionsLayouts_key_options, _reactChartJsOptionsLayouts_key_options_scales, _reactChartJsOptionsLayouts_key_options1, _reactChartJsOptionsLayouts_key_options_scales_x, _reactChartJsOptionsLayouts_key_options_scales1, _reactChartJsOptionsLayouts_key_options2, _reactChartJsOptionsLayouts_key_options_scales_y, _reactChartJsOptionsLayouts_key_options_scales2, _reactChartJsOptionsLayouts_key_options3, _reactChartJsOptionsLayouts_key_options_scales3, _reactChartJsOptionsLayouts_key_options4, _reactChartJsOptionsLayouts_key_options_scales_y1, _reactChartJsOptionsLayouts_key_options_scales4, _reactChartJsOptionsLayouts_key_options5, _reactChartJsOptionsLayouts_key_options_scales_y2, _reactChartJsOptionsLayouts_key_options_scales5, _reactChartJsOptionsLayouts_key_options6;
-        return {
-            ...acc,
-            [key]: {
-                ...reactChartJsOptionsLayouts[key],
-                options: {
-                    ...reactChartJsOptionsLayouts[key].options,
-                    scales: {
-                        ...(_reactChartJsOptionsLayouts_key_options = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options.scales,
-                        x: {
-                            ...(_reactChartJsOptionsLayouts_key_options1 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options1 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales = _reactChartJsOptionsLayouts_key_options1.scales) === null || _reactChartJsOptionsLayouts_key_options_scales === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales.x,
-                            grid: {
-                                ...(_reactChartJsOptionsLayouts_key_options2 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options2 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales1 = _reactChartJsOptionsLayouts_key_options2.scales) === null || _reactChartJsOptionsLayouts_key_options_scales1 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales_x = _reactChartJsOptionsLayouts_key_options_scales1.x) === null || _reactChartJsOptionsLayouts_key_options_scales_x === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales_x.grid,
-                                display: false,
-                                offset: true
-                            },
-                            ticks: {
-                                ...(_reactChartJsOptionsLayouts_key_options3 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options3 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales2 = _reactChartJsOptionsLayouts_key_options3.scales) === null || _reactChartJsOptionsLayouts_key_options_scales2 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales_y = _reactChartJsOptionsLayouts_key_options_scales2.y) === null || _reactChartJsOptionsLayouts_key_options_scales_y === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales_y.ticks,
-                                autoSkipPadding: 10,
-                                align: "center",
-                                color: "#757F8C",
-                                lineHeight: 18,
-                                font: {
-                                    family: "Sarabun",
-                                    style: "normal",
-                                    weight: 400,
-                                    size: 8
-                                }
-                            }
-                        },
-                        y: {
-                            ...(_reactChartJsOptionsLayouts_key_options4 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options4 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales3 = _reactChartJsOptionsLayouts_key_options4.scales) === null || _reactChartJsOptionsLayouts_key_options_scales3 === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales3.y,
-                            min: 0,
-                            // grace: '5%',
-                            bounds: "data",
-                            grid: {
-                                ...(_reactChartJsOptionsLayouts_key_options5 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options5 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales4 = _reactChartJsOptionsLayouts_key_options5.scales) === null || _reactChartJsOptionsLayouts_key_options_scales4 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales_y1 = _reactChartJsOptionsLayouts_key_options_scales4.y) === null || _reactChartJsOptionsLayouts_key_options_scales_y1 === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales_y1.grid,
-                                borderColor: "#E1E8F1",
-                                color: "#E1E8F1",
-                                borderDash: [
-                                    5
-                                ],
-                                // borderDashOffset: 12,
-                                drawTicks: false,
-                                z: -1
-                            },
-                            ticks: {
-                                ...(_reactChartJsOptionsLayouts_key_options6 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options6 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales5 = _reactChartJsOptionsLayouts_key_options6.scales) === null || _reactChartJsOptionsLayouts_key_options_scales5 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales_y2 = _reactChartJsOptionsLayouts_key_options_scales5.y) === null || _reactChartJsOptionsLayouts_key_options_scales_y2 === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales_y2.ticks,
-                                autoSkipPadding: 10,
-                                align: "center",
-                                color: "#A0A4B0",
-                                lineHeight: 18,
-                                padding: 6,
-                                font: {
-                                    family: "Sarabun",
-                                    style: "normal",
-                                    weight: 400,
-                                    size: 10
-                                }
-                            }
-                        }
-                    }
-                },
-                notLibraryOptions: {
-                    ...reactChartJsOptionsLayouts[key].notLibraryOptions,
-                    setCanvasDimensions: {
-                        height: "194px"
-                    }
-                }
+const finturfChartLayouts = (() => {
+  return ["barLayout", "lineLayout"].reduce((acc, key) => ({
+    ...acc,
+    [key]: {
+      ...reactChartJsOptionsLayouts[key],
+      options: {
+        ...reactChartJsOptionsLayouts[key].options,
+        scales: {
+          ...reactChartJsOptionsLayouts[key].options?.scales,
+          x: {
+            ...reactChartJsOptionsLayouts[key].options?.scales?.x,
+            grid: {
+              ...reactChartJsOptionsLayouts[key].options?.scales?.x?.grid,
+              display: false,
+              offset: true
+            },
+            ticks: {
+              ...reactChartJsOptionsLayouts[key].options?.scales?.y?.ticks,
+              autoSkipPadding: 10,
+              align: "center",
+              color: "#757F8C",
+              lineHeight: 18,
+              font: {
+                family: "Sarabun",
+                style: "normal",
+                weight: 400,
+                size: 8
+              }
+              // callback: (value, index, ticks) => {
+              //   console.log(value);
+              //   console.log(index);
+              //   console.log(ticks);
+              //   console.log('***********');
+              //   return value;
+              // },
             }
-        };
-    }, {});
-})();
-const finturfChartBar = {
-    ...finturfChartLayouts.barLayout,
-    options: {
-        ...(_finturfChartLayouts_barLayout = finturfChartLayouts.barLayout) === null || _finturfChartLayouts_barLayout === void 0 ? void 0 : _finturfChartLayouts_barLayout.options,
-        maintainAspectRatio: false,
-        elements: {
-            ...(_finturfChartLayouts_barLayout1 = finturfChartLayouts.barLayout) === null || _finturfChartLayouts_barLayout1 === void 0 ? void 0 : (_finturfChartLayouts_barLayout_options = _finturfChartLayouts_barLayout1.options) === null || _finturfChartLayouts_barLayout_options === void 0 ? void 0 : _finturfChartLayouts_barLayout_options.elements,
-            bar: {
-                ...(_finturfChartLayouts_barLayout2 = finturfChartLayouts.barLayout) === null || _finturfChartLayouts_barLayout2 === void 0 ? void 0 : (_finturfChartLayouts_barLayout_options1 = _finturfChartLayouts_barLayout2.options) === null || _finturfChartLayouts_barLayout_options1 === void 0 ? void 0 : (_finturfChartLayouts_barLayout_options_elements = _finturfChartLayouts_barLayout_options1.elements) === null || _finturfChartLayouts_barLayout_options_elements === void 0 ? void 0 : _finturfChartLayouts_barLayout_options_elements.bar,
-                borderRadius: 4
+          },
+          y: {
+            ...reactChartJsOptionsLayouts[key].options?.scales?.y,
+            min: 0,
+            // grace: '5%',
+            bounds: "data",
+            grid: {
+              ...reactChartJsOptionsLayouts[key].options?.scales?.y?.grid,
+              borderColor: "#E1E8F1",
+              color: "#E1E8F1",
+              borderDash: [5],
+              // borderDashOffset: 12,
+              drawTicks: false,
+              z: -1
+            },
+            ticks: {
+              ...reactChartJsOptionsLayouts[key].options?.scales?.y?.ticks,
+              autoSkipPadding: 10,
+              align: "center",
+              color: "#A0A4B0",
+              lineHeight: 18,
+              padding: 6,
+              font: {
+                family: "Sarabun",
+                style: "normal",
+                weight: 400,
+                size: 10
+              }
             }
+          }
         }
-    },
-    notLibraryOptions: {
-        ...(_finturfChartLayouts_barLayout3 = finturfChartLayouts.barLayout) === null || _finturfChartLayouts_barLayout3 === void 0 ? void 0 : _finturfChartLayouts_barLayout3.notLibraryOptions,
-        changeData: {
-            ...(_finturfChartLayouts_barLayout4 = finturfChartLayouts.barLayout) === null || _finturfChartLayouts_barLayout4 === void 0 ? void 0 : (_finturfChartLayouts_barLayout_notLibraryOptions = _finturfChartLayouts_barLayout4.notLibraryOptions) === null || _finturfChartLayouts_barLayout_notLibraryOptions === void 0 ? void 0 : _finturfChartLayouts_barLayout_notLibraryOptions.changeData,
-            setMaxBarThickness: 16
+      },
+      notLibraryOptions: {
+        ...reactChartJsOptionsLayouts[key].notLibraryOptions,
+        setCanvasDimensions: {
+          height: "194px"
         }
+      }
+    }
+  }), {});
+})();
+const finturfChartBar = {
+  ...finturfChartLayouts.barLayout,
+  options: {
+    ...finturfChartLayouts.barLayout?.options,
+    maintainAspectRatio: false,
+    elements: {
+      ...finturfChartLayouts.barLayout?.options?.elements,
+      bar: {
+        ...finturfChartLayouts.barLayout?.options?.elements?.bar,
+        borderRadius: 4
+      }
+    }
+  },
+  notLibraryOptions: {
+    ...finturfChartLayouts.barLayout?.notLibraryOptions,
+    changeData: {
+      ...finturfChartLayouts.barLayout?.notLibraryOptions?.changeData,
+      setMaxBarThickness: 16
     }
+  }
 };
 const finturfChartLine = {
-    ...finturfChartLayouts.lineLayout,
-    options: {
-        ...(_finturfChartLayouts_lineLayout = finturfChartLayouts.lineLayout) === null || _finturfChartLayouts_lineLayout === void 0 ? void 0 : _finturfChartLayouts_lineLayout.options,
-        maintainAspectRatio: false,
-        elements: {
-            ...(_finturfChartLayouts_lineLayout_options = finturfChartLayouts.lineLayout.options) === null || _finturfChartLayouts_lineLayout_options === void 0 ? void 0 : _finturfChartLayouts_lineLayout_options.elements,
-            point: {
-                ...(_finturfChartLayouts_lineLayout_options1 = finturfChartLayouts.lineLayout.options) === null || _finturfChartLayouts_lineLayout_options1 === void 0 ? void 0 : (_finturfChartLayouts_lineLayout_options_elements = _finturfChartLayouts_lineLayout_options1.elements) === null || _finturfChartLayouts_lineLayout_options_elements === void 0 ? void 0 : _finturfChartLayouts_lineLayout_options_elements.point,
-                radius: 2,
-                borderColor: "#32A784",
-                borderWidth: 4
-            }
-        }
+  ...finturfChartLayouts.lineLayout,
+  options: {
+    ...finturfChartLayouts.lineLayout?.options,
+    maintainAspectRatio: false,
+    elements: {
+      ...finturfChartLayouts.lineLayout.options?.elements,
+      point: {
+        ...finturfChartLayouts.lineLayout.options?.elements?.point,
+        radius: 2,
+        borderColor: "#32A784",
+        borderWidth: 4
+      }
     }
+  }
 };
-const finturfReactChartJsOptions = {
-    finturfChartBar: (0, _optionsSetters.default)(finturfChartBar, {
-        addGradientsSettings: _Chartconstants.GRADIENTS_OBJECTS.finturf.bar,
-        addTooltipOptions: _Chartconstants.FINTURF_TOOLTIP_OPTIONS
-    }),
-    finturfLoadingModeBar: {
-        ...finturfChartBar,
-        options: {
-            ...finturfChartBar.options,
-            animations: {
-                ...(_finturfChartBar_options = finturfChartBar.options) === null || _finturfChartBar_options === void 0 ? void 0 : _finturfChartBar_options.animations,
-                y: {
-                    ...(_finturfChartBar_options1 = finturfChartBar.options) === null || _finturfChartBar_options1 === void 0 ? void 0 : (_finturfChartBar_options_animations = _finturfChartBar_options1.animations) === null || _finturfChartBar_options_animations === void 0 ? void 0 : _finturfChartBar_options_animations.y,
-                    duration: 0
-                }
-            }
-        },
-        notLibraryOptions: {
-            ...finturfChartBar.notLibraryOptions,
-            changeData: {
-                ...(_finturfChartBar_notLibraryOptions = finturfChartBar.notLibraryOptions) === null || _finturfChartBar_notLibraryOptions === void 0 ? void 0 : _finturfChartBar_notLibraryOptions.changeData,
-                addNotLibraryAnimations: [
-                    {
-                        type: "runningColumns",
-                        // duration - ms
-                        duration: 600,
-                        // default easing - 'linear',
-                        // easing: 'easeInOutExpo',
-                        // ToDo - предусмотреть 'auto' и default для from и to
-                        from: 10,
-                        to: 75,
-                        columnsDelayCoef: 500
-                    }
-                ]
-            }
+const finturfReactChartJsOptions = exports.finturfReactChartJsOptions = {
+  finturfChartBar: (0, _optionsSetters.default)(finturfChartBar, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.bar,
+    addTooltipOptions: _Chart.FINTURF_TOOLTIP_OPTIONS
+  }),
+  finturfLoadingModeBar: {
+    ...finturfChartBar,
+    options: {
+      ...finturfChartBar.options,
+      animations: {
+        ...finturfChartBar.options?.animations,
+        y: {
+          ...finturfChartBar.options?.animations?.y,
+          duration: 0
         }
+      }
     },
-    finturfChartLine: (0, _optionsSetters.default)(finturfChartLine, {
-        addGradientsSettings: _Chartconstants.GRADIENTS_OBJECTS.finturf.line,
-        addTooltipOptions: _Chartconstants.FINTURF_TOOLTIP_OPTIONS
-    }),
-    finturfLoadingModeLine: {
-        ...finturfChartLine,
-        options: {
-            ...finturfChartLine.options,
-            elements: {
-                ...(_finturfChartLine_options = finturfChartLine.options) === null || _finturfChartLine_options === void 0 ? void 0 : _finturfChartLine_options.elements,
-                point: {
-                    ...(_finturfChartLine_options1 = finturfChartLine.options) === null || _finturfChartLine_options1 === void 0 ? void 0 : (_finturfChartLine_options_elements = _finturfChartLine_options1.elements) === null || _finturfChartLine_options_elements === void 0 ? void 0 : _finturfChartLine_options_elements.point,
-                    radius: 4,
-                    borderWidth: 1,
-                    borderColor: "#E1E8F1"
-                }
-            },
-            animations: {
-                ...(_finturfChartLine_options2 = finturfChartLine.options) === null || _finturfChartLine_options2 === void 0 ? void 0 : _finturfChartLine_options2.animations,
-                y: {
-                    ...(_finturfChartLine_options3 = finturfChartLine.options) === null || _finturfChartLine_options3 === void 0 ? void 0 : (_finturfChartLine_options_animations = _finturfChartLine_options3.animations) === null || _finturfChartLine_options_animations === void 0 ? void 0 : _finturfChartLine_options_animations.y,
-                    duration: 0
-                }
-            }
-        },
-        notLibraryOptions: {
-            ...finturfChartLine.notLibraryOptions,
-            changeData: {
-                ...(_finturfChartLine_notLibraryOptions = finturfChartLine.notLibraryOptions) === null || _finturfChartLine_notLibraryOptions === void 0 ? void 0 : _finturfChartLine_notLibraryOptions.changeData,
-                addNotLibraryAnimations: [
-                    {
-                        type: "runningColumns",
-                        // duration - ms
-                        duration: 600,
-                        // default easing - 'linear',
-                        // easing: 'easeInOutExpo',
-                        columnsDelayCoef: 500,
-                        isFixExtremeColumns: true
-                    }
-                ]
-            }
+    notLibraryOptions: {
+      ...finturfChartBar.notLibraryOptions,
+      changeData: {
+        ...finturfChartBar.notLibraryOptions?.changeData,
+        addNotLibraryAnimations: [{
+          type: "runningColumns",
+          // duration - ms
+          duration: 600,
+          // default easing - 'linear',
+          // easing: 'easeInOutExpo',
+          // ToDo - предусмотреть 'auto' и default для from и to
+          from: 10,
+          to: 75,
+          columnsDelayCoef: 500
+        }]
+      }
+    }
+  },
+  finturfChartLine: (0, _optionsSetters.default)(finturfChartLine, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.line,
+    addTooltipOptions: _Chart.FINTURF_TOOLTIP_OPTIONS
+    // consoleCurrentData: true,
+  }),
+  finturfLoadingModeLine: {
+    ...finturfChartLine,
+    options: {
+      ...finturfChartLine.options,
+      elements: {
+        ...finturfChartLine.options?.elements,
+        point: {
+          ...finturfChartLine.options?.elements?.point,
+          radius: 4,
+          borderWidth: 1,
+          borderColor: "#E1E8F1"
+        }
+      },
+      animations: {
+        ...finturfChartLine.options?.animations,
+        y: {
+          ...finturfChartLine.options?.animations?.y,
+          duration: 0
         }
+      }
     },
-    finturfPositiveLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
-        addGradientsSettings: _Chartconstants.GRADIENTS_OBJECTS.finturf.positiveLineIcon
-    }),
-    finturfNegativeLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
-        addGradientsSettings: _Chartconstants.GRADIENTS_OBJECTS.finturf.negativeLineIcon
-    })
-};
-const _default = {
-    ...finturfReactChartJsOptions,
-    emptyLayout: reactChartJsOptionsLayouts.emptyLayout
+    notLibraryOptions: {
+      ...finturfChartLine.notLibraryOptions,
+      changeData: {
+        ...finturfChartLine.notLibraryOptions?.changeData,
+        addNotLibraryAnimations: [{
+          type: "runningColumns",
+          // duration - ms
+          duration: 600,
+          // default easing - 'linear',
+          // easing: 'easeInOutExpo',
+          columnsDelayCoef: 500,
+          isFixExtremeColumns: true
+        }]
+      }
+    }
+  },
+  finturfPositiveLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.positiveLineIcon
+  }),
+  finturfNegativeLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.negativeLineIcon
+  })
 };
+var _default = exports.default = {
+  ...finturfReactChartJsOptions,
+  emptyLayout: reactChartJsOptionsLayouts.emptyLayout
+};