tsichart-core 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/README.MD +171 -180
  2. package/dist/AggregateExpression.d.ts +2 -2
  3. package/dist/AggregateExpression.js +3 -3
  4. package/dist/{AvailabilityChart-DB-qDF5K.js → AvailabilityChart-vciRThEz.js} +6 -6
  5. package/dist/AvailabilityChart.d.ts +5 -5
  6. package/dist/AvailabilityChart.js +19 -19
  7. package/dist/{ChartComponent-vkpgBQLu.js → ChartComponent-BxPbycj0.js} +5 -5
  8. package/dist/{ChartComponent-D_oxwJzs.d.ts → ChartComponent-L_dR-Eny.d.ts} +3 -3
  9. package/dist/{ChartDataOptions-BRyaRP-P.d.ts → ChartDataOptions-DBu_M5gU.d.ts} +1 -1
  10. package/dist/{ChartDataOptions-DmxO3Mff.js → ChartDataOptions-rcIzlQJO.js} +1 -1
  11. package/dist/{ChartVisualizationComponent-vNl00qB5.d.ts → ChartVisualizationComponent-CswB2P7Z.d.ts} +1 -1
  12. package/dist/{ChartVisualizationComponent-B8daZQmK.js → ChartVisualizationComponent-NsvZCsc-.js} +4 -4
  13. package/dist/{ColorPicker-CtdzSTCJ.js → ColorPicker-CUZt1uup.js} +3 -3
  14. package/dist/ColorPicker.d.ts +3 -3
  15. package/dist/ColorPicker.js +4 -4
  16. package/dist/{Component-Fh8BfEkG.js → Component-C9fQU2ia.js} +1 -1
  17. package/dist/{Component-oHRkpsGv.d.ts → Component-CdI_Pyko.d.ts} +2 -2
  18. package/dist/{ContextMenu-BSlU15yW.js → ContextMenu-CP1qV7pP.js} +2 -2
  19. package/dist/{DateTimeButton-UtkAf1Dj.d.ts → DateTimeButton-Ck71nL87.d.ts} +1 -1
  20. package/dist/{DateTimeButton-Dw9kYXHe.js → DateTimeButton-DnqhATyX.js} +3 -3
  21. package/dist/{DateTimeButtonRange-CYSwNEiU.js → DateTimeButtonRange-CT1zOoCf.js} +4 -4
  22. package/dist/DateTimeButtonRange.d.ts +6 -6
  23. package/dist/DateTimeButtonRange.js +11 -11
  24. package/dist/{DateTimeButtonSingle-Cf4PIsmM.js → DateTimeButtonSingle-DZk5fW35.js} +3 -3
  25. package/dist/DateTimeButtonSingle.d.ts +6 -6
  26. package/dist/DateTimeButtonSingle.js +10 -10
  27. package/dist/{DateTimePicker-B0jCltxE.js → DateTimePicker-CuGwz86U.js} +5 -5
  28. package/dist/DateTimePicker.d.ts +5 -5
  29. package/dist/DateTimePicker.js +9 -9
  30. package/dist/{EllipsisMenu-BZIeb0lc.js → EllipsisMenu-CNWSo-qQ.js} +2 -2
  31. package/dist/EllipsisMenu.d.ts +3 -3
  32. package/dist/EllipsisMenu.js +4 -4
  33. package/dist/{EventsTable-Cwd5ZYUS.js → EventsTable-mjoOfc0E.js} +3 -3
  34. package/dist/EventsTable.d.ts +5 -5
  35. package/dist/EventsTable.js +7 -7
  36. package/dist/{GeoProcessGraphic-B5f5ijbQ.js → GeoProcessGraphic-CSsTL4zj.js} +2 -2
  37. package/dist/GeoProcessGraphic.d.ts +5 -5
  38. package/dist/GeoProcessGraphic.js +5 -5
  39. package/dist/{Grid-CLg8oulV.js → Grid-ByDh3Qdn.js} +3 -3
  40. package/dist/Grid.d.ts +4 -4
  41. package/dist/Grid.js +4 -4
  42. package/dist/{GroupedBarChart-CGjuSRGL.js → GroupedBarChart-DrSrSHNj.js} +8 -8
  43. package/dist/GroupedBarChart.d.ts +7 -7
  44. package/dist/GroupedBarChart.js +14 -14
  45. package/dist/{GroupedBarChartData-DntgubPo.js → GroupedBarChartData-CpJKvTDQ.js} +3 -3
  46. package/dist/{GroupedBarChartData-BG7Llyim.d.ts → GroupedBarChartData-DK30DLVh.d.ts} +1 -1
  47. package/dist/{Heatmap-wSPC1TO0.js → Heatmap-BbWcAgp6.js} +6 -6
  48. package/dist/Heatmap.d.ts +7 -7
  49. package/dist/Heatmap.js +11 -11
  50. package/dist/{Hierarchy-Br9nqfbB.js → Hierarchy-BsvoKnCY.js} +3 -3
  51. package/dist/Hierarchy.d.ts +3 -3
  52. package/dist/Hierarchy.js +4 -4
  53. package/dist/{HierarchyNavigation-DuJ0RI_7.js → HierarchyNavigation-C5yoj--u.js} +3 -3
  54. package/dist/HierarchyNavigation.d.ts +3 -3
  55. package/dist/HierarchyNavigation.js +4 -4
  56. package/dist/{HistoryPlayback-oOgP7anD.d.ts → HistoryPlayback-DIhAsAOi.d.ts} +1 -1
  57. package/dist/{HistoryPlayback-CLzw5ZJq.js → HistoryPlayback-DiflRzRf.js} +3 -3
  58. package/dist/{Legend-C3pV4ytm.js → Legend-CQ5yaF8f.js} +3 -3
  59. package/dist/{LineChart-Cy9eqoNN.js → LineChart-DcUenMrZ.js} +8 -8
  60. package/dist/LineChart.d.ts +7 -7
  61. package/dist/LineChart.js +13 -13
  62. package/dist/{ModelAutocomplete-DU9qSmK9.js → ModelAutocomplete-sxVy4m65.js} +3 -3
  63. package/dist/ModelAutocomplete.d.ts +3 -3
  64. package/dist/ModelAutocomplete.js +4 -4
  65. package/dist/{ModelSearch-BRCP-i7Q.js → ModelSearch-DEg5KwKw.js} +5 -5
  66. package/dist/ModelSearch.d.ts +3 -3
  67. package/dist/ModelSearch.js +6 -6
  68. package/dist/{PieChart-D0YxLxeJ.js → PieChart-DDxMXcXE.js} +9 -9
  69. package/dist/PieChart.d.ts +7 -7
  70. package/dist/PieChart.js +14 -14
  71. package/dist/{PlaybackControls-39WNEgIC.js → PlaybackControls-DSoUncDP.js} +4 -4
  72. package/dist/PlaybackControls.d.ts +3 -3
  73. package/dist/PlaybackControls.js +10 -10
  74. package/dist/{ProcessGraphic-CYUuYDHy.js → ProcessGraphic-1f-FoGDy.js} +3 -3
  75. package/dist/ProcessGraphic.d.ts +5 -5
  76. package/dist/ProcessGraphic.js +5 -5
  77. package/dist/README.MD +171 -190
  78. package/dist/{ScatterPlot-BMgGh18V.js → ScatterPlot-BAn6r8ml.js} +8 -8
  79. package/dist/ScatterPlot.d.ts +7 -7
  80. package/dist/ScatterPlot.js +13 -13
  81. package/dist/{SingleDateTimePicker-hjgc6B64.js → SingleDateTimePicker-BrFB5iPu.js} +4 -4
  82. package/dist/SingleDateTimePicker.d.ts +5 -5
  83. package/dist/SingleDateTimePicker.js +8 -8
  84. package/dist/{Slider-BIdM4S0z.js → Slider-BpNCqoBD.js} +3 -3
  85. package/dist/Slider.d.ts +3 -3
  86. package/dist/Slider.js +4 -4
  87. package/dist/{TemporalXAxisComponent-C-qdKKoq.js → TemporalXAxisComponent-BsTQyVO6.js} +3 -3
  88. package/dist/{TemporalXAxisComponent-PQkhKTGG.d.ts → TemporalXAxisComponent-DohbI08i.d.ts} +1 -1
  89. package/dist/{TimezonePicker-CFtiUEYe.js → TimezonePicker-DHkC2iKE.js} +3 -3
  90. package/dist/TimezonePicker.d.ts +5 -5
  91. package/dist/TimezonePicker.js +7 -7
  92. package/dist/{Tooltip-CcY3Rgca.js → Tooltip-B-mIKo4g.js} +2 -2
  93. package/dist/TsqExpression.d.ts +2 -2
  94. package/dist/TsqExpression.js +3 -3
  95. package/dist/{UXClient-Bm8dSHcu.js → UXClient-BTulvzpq.js} +24 -24
  96. package/dist/UXClient.d.ts +11 -11
  97. package/dist/UXClient.js +38 -38
  98. package/dist/{Utils-bxV3DmSb.d.ts → Utils-ChzaAbch.d.ts} +1 -1
  99. package/dist/Utils.d.ts +2 -2
  100. package/dist/Utils.js +1 -1
  101. package/dist/package.json +22 -3
  102. package/dist/tsiclient.css +978 -978
  103. package/dist/tsiclient.d.ts +12 -12
  104. package/dist/tsiclient.js +38 -38
  105. package/dist/tsiclient.min.css.map +1 -1
  106. package/package.json +16 -1
  107. /package/dist/{ChartComponentData-DY8xShs2.d.ts → ChartComponentData-ClzAtU_E.d.ts} +0 -0
  108. /package/dist/{Enums-BSzh32Nl.d.ts → Enums-CEhu18PC.d.ts} +0 -0
  109. /package/dist/{Interfaces-CaFm-ZXM.d.ts → Interfaces-CdAVFIA6.d.ts} +0 -0
  110. /package/dist/{Utils-B_K3cdyq.js → Utils-CdKMmmwx.js} +0 -0
  111. /package/dist/{_tslib-Co-aXUsI.js → _tslib-DYvz7dIO.js} +0 -0
  112. /package/dist/{pikaday-pjta9kjA.js → pikaday-C_DS7oEN.js} +0 -0
package/dist/README.MD CHANGED
@@ -1,190 +1,171 @@
1
- # @tsichart/core - Time Series Interactive Charts
2
-
3
- A powerful, flexible JavaScript library for visualizing time series data with **interactive** charts. Built with TypeScript and D3.js, this library provides a rich set of chart components including line charts, bar charts, pie charts, heatmaps, scatter plots, and more.
4
-
5
- ## Features
6
-
7
- ✨ **Rich Component Library** - 20+ pre-built, customizable chart components
8
- 📊 **Interactive Visualizations** - Tooltips, zooming, panning, and dynamic data updates
9
- 🎨 **Themeable** - Built-in light and dark themes with customization options
10
- 📱 **Responsive** - Charts adapt to different screen sizes
11
- 🎯 **TypeScript Support** - Full type definitions included
12
- 🌳 **Tree-shakeable** - Import only the components you need
13
- 📦 **Zero Configuration** - Works out of the box with sensible defaults
14
-
15
- **Note:** This library is a community-maintained fork of the original Microsoft Time Series Insights Client, rebranded as **Time Series Interactive Charts** and updated for generic time series visualization use cases.
16
-
17
- [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/%40tsichart%2Fcore.svg)](https://badge.fury.io/js/@tsichart/core)
18
-
19
- ## Installation
20
-
21
- ### NPM
22
-
23
- ```bash
24
- npm install @tsichart/core
25
- ```
26
-
27
- ### Yarn
28
-
29
- ```bash
30
- yarn add @tsichart/core
31
- ```
32
-
33
- ### CDN
34
-
35
- You can also load directly from a CDN:
36
-
37
- ```html
38
- <script src="https://unpkg.com/@tsichart/core@latest/tsiclient.js"></script>
39
- <link rel="stylesheet" type="text/css" href="https://unpkg.com/@tsichart/core@latest/tsiclient.css">
40
- ```
41
-
42
- ## Quick Start
43
-
44
- ### Import All Components
45
-
46
- ```js
47
- import TsiClient from "@tsichart/core";
48
- import "@tsichart/core/tsiclient.css";
49
-
50
- // Create a line chart
51
- let tsiClient = new TsiClient();
52
- let lineChart = new tsiClient.ux.LineChart(document.getElementById('chart'));
53
-
54
- // Prepare your data
55
- const data = [{
56
- "Series1": {
57
- "": {
58
- "2023-01-01T00:00:00Z": { avg: 10 },
59
- "2023-01-01T01:00:00Z": { avg: 15 },
60
- "2023-01-01T02:00:00Z": { avg: 13 }
61
- }
62
- }
63
- }];
64
-
65
- // Render the chart
66
- lineChart.render(data, { theme: 'light', legend: 'compact' });
67
- ```
68
-
69
- ### Import Individual Components (Recommended for Tree-shaking)
70
-
71
- ```js
72
- import LineChart from '@tsichart/core/LineChart';
73
- import '@tsichart/core/tsiclient.css';
74
-
75
- // Create and render chart
76
- let lineChart = new LineChart(document.getElementById('chart'));
77
- lineChart.render(data, { theme: 'light' });
78
- ```
79
-
80
- ## Available Components
81
-
82
- **tsiclient** provides the following visualization components:
83
-
84
- - **LineChart** - Render time series data as lines
85
- - **BarChart** - Display time series data as bars with timestamp slider
86
- - **PieChart** - Show time series data as pie charts with timestamp slider
87
- - **Heatmap** - Visualize time series data as a heatmap
88
- - **ScatterPlot** - Plot time series data points as a scatter plot
89
- - **AvailabilityChart** - Display data availability over time
90
- - **Grid** - Render time series data in a tabular format
91
- - **Hierarchy** - Display hierarchical data structures
92
- - **EventsTable** - Show events in a table format
93
- - **DateTimePicker** - UI component for selecting date/time ranges
94
- - **TimezonePicker** - UI component for timezone selection
95
- - **Slider** - Time slider component
96
- - **ModelSearch** - Search component for time series models
97
- - **HierarchyNavigation** - Navigate hierarchical time series data
98
- - **ProcessGraphic** - Display process graphics with data overlays
99
- - **ColorPicker** - Color selection component
100
- - And more...
101
-
102
- For detailed usage examples and API documentation, see the [UX Components documentation](docs/UX.md).
103
-
104
- ## Data Format
105
-
106
- All components work with a consistent JSON data structure. Here's the basic format:
107
-
108
- ```js
109
- const data = [{
110
- "SeriesName": {
111
- "SplitByValue": { // Use empty string "" if no split
112
- "2023-01-01T00:00:00Z": {
113
- avg: 10, // Your metric values
114
- min: 8,
115
- max: 12
116
- },
117
- "2023-01-01T01:00:00Z": {
118
- avg: 15,
119
- min: 13,
120
- max: 17
121
- }
122
- }
123
- }
124
- }];
125
- ```
126
-
127
- **You are responsible for:**
128
- - Fetching time series data from your data source (API, database, etc.)
129
- - Transforming your data into the expected format
130
- - Handling any authentication/authorization
131
-
132
- See the [UX Components documentation](docs/UX.md) for detailed format specifications for each chart type.
133
-
134
- ## Resources
135
-
136
- * **[Live Examples](https://aenas11.github.io/tsichart-core/)** - Interactive examples hosted on GitHub Pages
137
- * [Full API Documentation](docs/UX.md)
138
- * [Example Source Code](pages/examples/) - Check the `pages/examples/` directory for working examples
139
-
140
-
141
- ## Contributing
142
-
143
- Contributions are welcome! This is a community-maintained project. Please feel free to:
144
-
145
- - Report bugs and request features via [GitHub Issues](https://github.com/yourusername/tsichart-core/issues)
146
- - Submit pull requests
147
- - Improve documentation
148
- - Share examples of your usage
149
-
150
- ## License
151
-
152
- MIT License - see [LICENSE](LICENSE) file for details.
153
-
154
- Original work Copyright (c) Microsoft Corporation
155
- Modified work Copyright (c) 2024 [Your Name]
156
-
157
- ## Acknowledgments
158
-
159
- This library is based on the original Microsoft Time Series Insights (TSI) JavaScript SDK, which has been deprecated. We've rebranded it as **Time Series Interactive Charts** and modernized it for generic time series visualization use cases.
160
-
161
- **TSI** now stands for **Time Series Interactive** - reflecting the library's focus on interactive data visualization rather than a specific cloud service.
162
-
163
- ## Migration from Original TSIClient
164
-
165
- If you're migrating from the original Microsoft `tsiclient` package:
166
-
167
- 1. **Package name change**: Update your imports from `tsiclient` to `@tsichart/core`
168
- 2. **No breaking changes to component APIs**: The chart components work the same way
169
- 3. **Remove server calls**: You'll need to handle data fetching yourself (Azure TSI service was retired)
170
- 4. **Update documentation references**: Use the new documentation instead of Azure TSI docs
171
- - The `tsiClient.server` object and all related methods have been removed
172
- - Focus is now exclusively on client-side visualization components
173
-
174
- **Version 1.3.0:**
175
- Starting with version 1.3.0, discrete events and state transitions will be represented just like numeric time series in the LineChart component. This may be a breaking change for users representing non-numeric series in the line chart using the "events" and "states" Chart Options. For usage instructions, consult [this example](https://tsiclientsample.azurewebsites.net/noauth/multipleseriestypes.html) and the associated [documentation](https://github.com/microsoft/tsiclient/blob/master/docs/UX.md#line-chart).
176
-
177
-
178
- ## Contributing
179
-
180
- This project welcomes contributions and suggestions. Most contributions require you to agree to a
181
- Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us
182
- the rights to use your contribution. For details, visit https://cla.microsoft.com.
183
-
184
- When you submit a pull request, a CLA-bot will automatically determine whether you need to provide
185
- a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions
186
- provided by the bot. You will only need to do this once across all repos using our CLA.
187
-
188
- This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).
189
- For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or
190
- contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.
1
+ # @tsichart/core - Time Series Interactive Charts
2
+
3
+ A powerful, flexible JavaScript library for visualizing time series data with **interactive** charts. Built with TypeScript and D3.js, this library provides a rich set of chart components including line charts, bar charts, pie charts, heatmaps, scatter plots, and more.
4
+
5
+ ## Features
6
+
7
+ ✨ **Rich Component Library** - 20+ pre-built, customizable chart components
8
+ 📊 **Interactive Visualizations** - Tooltips, zooming, panning, and dynamic data updates
9
+ 🎨 **Themeable** - Built-in light and dark themes with customization options
10
+ 📱 **Responsive** - Charts adapt to different screen sizes
11
+ 🎯 **TypeScript Support** - Full type definitions included
12
+ 🌳 **Tree-shakeable** - Import only the components you need
13
+ 📦 **Zero Configuration** - Works out of the box with sensible defaults
14
+
15
+ **Note:** This library is a community-maintained fork of the original Microsoft Time Series Insights Client, rebranded as **Time Series Interactive Charts** and updated for generic time series visualization use cases.
16
+
17
+ [![npm version](https://badge.fury.io/js/tsichart-core.svg)](https://www.npmjs.com/package/tsichart-core)
18
+ [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
19
+ [![GitHub](https://img.shields.io/badge/GitHub-Repository-blue?logo=github)](https://github.com/Aenas11/tsichart-core)
20
+ [![Live Examples](https://img.shields.io/badge/Examples-Live%20Demo-green)](https://aenas11.github.io/tsichart-core/)
21
+
22
+ ## Installation
23
+
24
+ ### NPM
25
+
26
+ ```bash
27
+ npm install tsichart-core
28
+ ```
29
+
30
+ ### Yarn
31
+
32
+ ```bash
33
+ yarn add tsichart-core
34
+ ```
35
+
36
+ ## Quick Start
37
+
38
+ ### Import All Components
39
+
40
+ ```js
41
+ import TsiClient from "tsichart-core";
42
+ import "tsichart-core/tsiclient.css";
43
+
44
+ // Create a line chart
45
+ let tsiClient = new TsiClient();
46
+ let lineChart = new tsiClient.ux.LineChart(document.getElementById('chart'));
47
+
48
+ // Prepare your data
49
+ const data = [{
50
+ "Series1": {
51
+ "": {
52
+ "2023-01-01T00:00:00Z": { avg: 10 },
53
+ "2023-01-01T01:00:00Z": { avg: 15 },
54
+ "2023-01-01T02:00:00Z": { avg: 13 }
55
+ }
56
+ }
57
+ }];
58
+
59
+ // Render the chart
60
+ lineChart.render(data, { theme: 'light', legend: 'compact' });
61
+ ```
62
+
63
+ ### Import Individual Components (Recommended for Tree-shaking)
64
+
65
+ ```js
66
+ import LineChart from 'tsichart-core/LineChart';
67
+ import 'tsichart-core/tsiclient.css';
68
+
69
+ // Create and render chart
70
+ let lineChart = new LineChart(document.getElementById('chart'));
71
+ lineChart.render(data, { theme: 'light' });
72
+ ```
73
+
74
+ ## Available Components
75
+
76
+ **tsiclient** provides the following visualization components:
77
+
78
+ - **LineChart** - Render time series data as lines
79
+ - **BarChart** - Display time series data as bars with timestamp slider
80
+ - **PieChart** - Show time series data as pie charts with timestamp slider
81
+ - **Heatmap** - Visualize time series data as a heatmap
82
+ - **ScatterPlot** - Plot time series data points as a scatter plot
83
+ - **AvailabilityChart** - Display data availability over time
84
+ - **Grid** - Render time series data in a tabular format
85
+ - **Hierarchy** - Display hierarchical data structures
86
+ - **EventsTable** - Show events in a table format
87
+ - **DateTimePicker** - UI component for selecting date/time ranges
88
+ - **TimezonePicker** - UI component for timezone selection
89
+ - **Slider** - Time slider component
90
+ - **ModelSearch** - Search component for time series models
91
+ - **HierarchyNavigation** - Navigate hierarchical time series data
92
+ - **ProcessGraphic** - Display process graphics with data overlays
93
+ - **ColorPicker** - Color selection component
94
+ - And more...
95
+
96
+ For detailed usage examples and API documentation, see the [UX Components documentation](docs/UX.md).
97
+
98
+ ## Data Format
99
+
100
+ All components work with a consistent JSON data structure. Here's the basic format:
101
+
102
+ ```js
103
+ const data = [{
104
+ "SeriesName": {
105
+ "SplitByValue": { // Use empty string "" if no split
106
+ "2023-01-01T00:00:00Z": {
107
+ avg: 10, // Your metric values
108
+ min: 8,
109
+ max: 12
110
+ },
111
+ "2023-01-01T01:00:00Z": {
112
+ avg: 15,
113
+ min: 13,
114
+ max: 17
115
+ }
116
+ }
117
+ }
118
+ }];
119
+ ```
120
+
121
+ **You are responsible for:**
122
+ - Fetching time series data from your data source (API, database, etc.)
123
+ - Transforming your data into the expected format
124
+ - Handling any authentication/authorization
125
+
126
+ See the [UX Components documentation](docs/UX.md) for detailed format specifications for each chart type.
127
+
128
+ ## Resources
129
+
130
+ * **[Live Examples](https://aenas11.github.io/tsichart-core/)** - Interactive examples hosted on GitHub Pages
131
+ * [Full API Documentation](docs/UX.md)
132
+ * [Example Source Code](pages/examples/) - Check the `pages/examples/` directory for working examples
133
+
134
+
135
+ ## Contributing
136
+
137
+ Contributions are welcome! This is a community-maintained project. Please feel free to:
138
+
139
+ - Report bugs and request features via [GitHub Issues](https://github.com/Aenas11/tsichart-core/issues)
140
+ - Submit pull requests
141
+ - Improve documentation
142
+ - Share examples of your usage
143
+
144
+ ## License
145
+
146
+ MIT License - see [LICENSE](LICENSE) file for details.
147
+
148
+ Original work Copyright (c) Microsoft Corporation
149
+ Modified work Copyright (c) 2024 [Alexander Sysoiev]
150
+
151
+ ## Acknowledgments
152
+
153
+ This library is based on the original Microsoft Time Series Insights (TSI) JavaScript SDK, which has been deprecated. We've rebranded it as **Time Series Interactive Charts** and modernized it for generic time series visualization use cases.
154
+
155
+ **TSI** now stands for **Time Series Interactive** - reflecting the library's focus on interactive data visualization rather than a specific cloud service.
156
+
157
+ ## Migration from Original TSIClient
158
+
159
+ If you're migrating from the original Microsoft `tsiclient` package:
160
+
161
+ 1. **Package name change**: Update your imports from `tsiclient` to `tsichart-core`
162
+ 2. **No breaking changes to component APIs**: The chart components work the same way
163
+ 3. **Remove server calls**: You'll need to handle data fetching yourself (Azure TSI service was retired)
164
+ 4. **Update documentation references**: Use the new documentation instead of Azure TSI docs
165
+ - The `tsiClient.server` object and all related methods have been removed
166
+ - Focus is now exclusively on client-side visualization components
167
+
168
+
169
+ ## Contributing
170
+
171
+ This project welcomes contributions and suggestions.
@@ -1,13 +1,13 @@
1
- import { _ as __extends } from './_tslib-Co-aXUsI.js';
1
+ import { _ as __extends } from './_tslib-DYvz7dIO.js';
2
2
  import * as d3 from 'd3';
3
3
  import * as d3Voronoi from 'd3-voronoi';
4
- import { C as ChartVisualizationComponent } from './ChartVisualizationComponent-B8daZQmK.js';
5
- import { L as Legend } from './Legend-C3pV4ytm.js';
6
- import { C as ChartComponentData } from './Grid-CLg8oulV.js';
7
- import { G as GroupedBarChartData } from './GroupedBarChartData-DntgubPo.js';
8
- import { U as Utils, T as TooltipMeasureFormat } from './Utils-B_K3cdyq.js';
9
- import { T as Tooltip } from './Tooltip-CcY3Rgca.js';
10
- import { S as Slider } from './Slider-BIdM4S0z.js';
4
+ import { C as ChartVisualizationComponent } from './ChartVisualizationComponent-NsvZCsc-.js';
5
+ import { L as Legend } from './Legend-CQ5yaF8f.js';
6
+ import { C as ChartComponentData } from './Grid-ByDh3Qdn.js';
7
+ import { G as GroupedBarChartData } from './GroupedBarChartData-CpJKvTDQ.js';
8
+ import { U as Utils, T as TooltipMeasureFormat } from './Utils-CdKMmmwx.js';
9
+ import { T as Tooltip } from './Tooltip-B-mIKo4g.js';
10
+ import { S as Slider } from './Slider-BpNCqoBD.js';
11
11
 
12
12
  var ScatterPlotData = /** @class */ (function (_super) {
13
13
  __extends(ScatterPlotData, _super);
@@ -1,10 +1,10 @@
1
- import { C as ChartVisualizationComponent } from './ChartVisualizationComponent-vNl00qB5.js';
2
- import { G as GroupedBarChartData } from './GroupedBarChartData-BG7Llyim.js';
3
- import { T as TooltipMeasureFormat } from './Enums-BSzh32Nl.js';
4
- import './ChartComponent-D_oxwJzs.js';
5
- import './Component-oHRkpsGv.js';
6
- import './Interfaces-CaFm-ZXM.js';
7
- import './ChartComponentData-DY8xShs2.js';
1
+ import { C as ChartVisualizationComponent } from './ChartVisualizationComponent-CswB2P7Z.js';
2
+ import { G as GroupedBarChartData } from './GroupedBarChartData-DK30DLVh.js';
3
+ import { T as TooltipMeasureFormat } from './Enums-CEhu18PC.js';
4
+ import './ChartComponent-L_dR-Eny.js';
5
+ import './Component-CdI_Pyko.js';
6
+ import './Interfaces-CdAVFIA6.js';
7
+ import './ChartComponentData-ClzAtU_E.js';
8
8
  import './EllipsisMenu.js';
9
9
 
10
10
  declare class ScatterPlotData extends GroupedBarChartData {
@@ -1,17 +1,17 @@
1
- export { S as default } from './ScatterPlot-BMgGh18V.js';
2
- import './_tslib-Co-aXUsI.js';
1
+ export { S as default } from './ScatterPlot-BAn6r8ml.js';
2
+ import './_tslib-DYvz7dIO.js';
3
3
  import 'd3';
4
4
  import 'd3-voronoi';
5
- import './ChartVisualizationComponent-B8daZQmK.js';
6
- import './Utils-B_K3cdyq.js';
5
+ import './ChartVisualizationComponent-NsvZCsc-.js';
6
+ import './Utils-CdKMmmwx.js';
7
7
  import 'moment-timezone';
8
- import './ChartComponent-vkpgBQLu.js';
9
- import './Component-Fh8BfEkG.js';
10
- import './Grid-CLg8oulV.js';
8
+ import './ChartComponent-BxPbycj0.js';
9
+ import './Component-C9fQU2ia.js';
10
+ import './Grid-ByDh3Qdn.js';
11
11
  import 'split.js';
12
- import './EllipsisMenu-BZIeb0lc.js';
13
- import './ChartDataOptions-DmxO3Mff.js';
14
- import './Legend-C3pV4ytm.js';
15
- import './GroupedBarChartData-DntgubPo.js';
16
- import './Tooltip-CcY3Rgca.js';
17
- import './Slider-BIdM4S0z.js';
12
+ import './EllipsisMenu-CNWSo-qQ.js';
13
+ import './ChartDataOptions-rcIzlQJO.js';
14
+ import './Legend-CQ5yaF8f.js';
15
+ import './GroupedBarChartData-CpJKvTDQ.js';
16
+ import './Tooltip-B-mIKo4g.js';
17
+ import './Slider-BpNCqoBD.js';
@@ -1,9 +1,9 @@
1
- import { _ as __extends } from './_tslib-Co-aXUsI.js';
1
+ import { _ as __extends } from './_tslib-DYvz7dIO.js';
2
2
  import * as d3 from 'd3';
3
- import { P as Pikaday } from './pikaday-pjta9kjA.js';
3
+ import { P as Pikaday } from './pikaday-C_DS7oEN.js';
4
4
  import moment from 'moment';
5
- import { C as ChartComponent } from './ChartComponent-vkpgBQLu.js';
6
- import { U as Utils } from './Utils-B_K3cdyq.js';
5
+ import { C as ChartComponent } from './ChartComponent-BxPbycj0.js';
6
+ import { U as Utils } from './Utils-CdKMmmwx.js';
7
7
 
8
8
  var SingleDateTimePicker = /** @class */ (function (_super) {
9
9
  __extends(SingleDateTimePicker, _super);
@@ -1,8 +1,8 @@
1
- import { C as ChartComponent } from './ChartComponent-D_oxwJzs.js';
2
- import './Enums-BSzh32Nl.js';
3
- import './Component-oHRkpsGv.js';
4
- import './Interfaces-CaFm-ZXM.js';
5
- import './ChartComponentData-DY8xShs2.js';
1
+ import { C as ChartComponent } from './ChartComponent-L_dR-Eny.js';
2
+ import './Enums-CEhu18PC.js';
3
+ import './Component-CdI_Pyko.js';
4
+ import './Interfaces-CdAVFIA6.js';
5
+ import './ChartComponentData-ClzAtU_E.js';
6
6
  import './EllipsisMenu.js';
7
7
 
8
8
  declare class SingleDateTimePicker extends ChartComponent {
@@ -1,12 +1,12 @@
1
- export { S as default } from './SingleDateTimePicker-hjgc6B64.js';
2
- import './_tslib-Co-aXUsI.js';
1
+ export { S as default } from './SingleDateTimePicker-BrFB5iPu.js';
2
+ import './_tslib-DYvz7dIO.js';
3
3
  import 'd3';
4
- import './pikaday-pjta9kjA.js';
4
+ import './pikaday-C_DS7oEN.js';
5
5
  import 'moment';
6
- import './ChartComponent-vkpgBQLu.js';
7
- import './Utils-B_K3cdyq.js';
6
+ import './ChartComponent-BxPbycj0.js';
7
+ import './Utils-CdKMmmwx.js';
8
8
  import 'moment-timezone';
9
- import './Component-Fh8BfEkG.js';
10
- import './Grid-CLg8oulV.js';
9
+ import './Component-C9fQU2ia.js';
10
+ import './Grid-ByDh3Qdn.js';
11
11
  import 'split.js';
12
- import './EllipsisMenu-BZIeb0lc.js';
12
+ import './EllipsisMenu-CNWSo-qQ.js';
@@ -1,7 +1,7 @@
1
- import { _ as __extends } from './_tslib-Co-aXUsI.js';
1
+ import { _ as __extends } from './_tslib-DYvz7dIO.js';
2
2
  import * as d3 from 'd3';
3
- import { U as Utils } from './Utils-B_K3cdyq.js';
4
- import { C as Component } from './Component-Fh8BfEkG.js';
3
+ import { U as Utils } from './Utils-CdKMmmwx.js';
4
+ import { C as Component } from './Component-C9fQU2ia.js';
5
5
 
6
6
  var Slider = /** @class */ (function (_super) {
7
7
  __extends(Slider, _super);
package/dist/Slider.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { C as Component } from './Component-oHRkpsGv.js';
2
- import './Enums-BSzh32Nl.js';
3
- import './Interfaces-CaFm-ZXM.js';
1
+ import { C as Component } from './Component-CdI_Pyko.js';
2
+ import './Enums-CEhu18PC.js';
3
+ import './Interfaces-CdAVFIA6.js';
4
4
 
5
5
  declare class Slider extends Component {
6
6
  private sliderSVG;
package/dist/Slider.js CHANGED
@@ -1,6 +1,6 @@
1
- export { S as default } from './Slider-BIdM4S0z.js';
2
- import './_tslib-Co-aXUsI.js';
1
+ export { S as default } from './Slider-BpNCqoBD.js';
2
+ import './_tslib-DYvz7dIO.js';
3
3
  import 'd3';
4
- import './Utils-B_K3cdyq.js';
4
+ import './Utils-CdKMmmwx.js';
5
5
  import 'moment-timezone';
6
- import './Component-Fh8BfEkG.js';
6
+ import './Component-C9fQU2ia.js';
@@ -1,7 +1,7 @@
1
- import { _ as __extends } from './_tslib-Co-aXUsI.js';
1
+ import { _ as __extends } from './_tslib-DYvz7dIO.js';
2
2
  import * as d3 from 'd3';
3
- import { U as Utils } from './Utils-B_K3cdyq.js';
4
- import { C as ChartVisualizationComponent } from './ChartVisualizationComponent-B8daZQmK.js';
3
+ import { U as Utils } from './Utils-CdKMmmwx.js';
4
+ import { C as ChartVisualizationComponent } from './ChartVisualizationComponent-NsvZCsc-.js';
5
5
 
6
6
  var TemporalXAxisComponent = /** @class */ (function (_super) {
7
7
  __extends(TemporalXAxisComponent, _super);
@@ -1,4 +1,4 @@
1
- import { C as ChartVisualizationComponent } from './ChartVisualizationComponent-vNl00qB5.js';
1
+ import { C as ChartVisualizationComponent } from './ChartVisualizationComponent-CswB2P7Z.js';
2
2
 
3
3
  declare class TemporalXAxisComponent extends ChartVisualizationComponent {
4
4
  protected xAxis: any;
@@ -1,7 +1,7 @@
1
- import { _ as __extends } from './_tslib-Co-aXUsI.js';
1
+ import { _ as __extends } from './_tslib-DYvz7dIO.js';
2
2
  import * as d3 from 'd3';
3
- import { C as ChartComponent } from './ChartComponent-vkpgBQLu.js';
4
- import { U as Utils } from './Utils-B_K3cdyq.js';
3
+ import { C as ChartComponent } from './ChartComponent-BxPbycj0.js';
4
+ import { U as Utils } from './Utils-CdKMmmwx.js';
5
5
  import moment from 'moment-timezone';
6
6
 
7
7
  var TimezonePicker = /** @class */ (function (_super) {
@@ -1,8 +1,8 @@
1
- import { C as ChartComponent } from './ChartComponent-D_oxwJzs.js';
2
- import './Enums-BSzh32Nl.js';
3
- import './Component-oHRkpsGv.js';
4
- import './Interfaces-CaFm-ZXM.js';
5
- import './ChartComponentData-DY8xShs2.js';
1
+ import { C as ChartComponent } from './ChartComponent-L_dR-Eny.js';
2
+ import './Enums-CEhu18PC.js';
3
+ import './Component-CdI_Pyko.js';
4
+ import './Interfaces-CdAVFIA6.js';
5
+ import './ChartComponentData-ClzAtU_E.js';
6
6
  import './EllipsisMenu.js';
7
7
 
8
8
  declare class TimezonePicker extends ChartComponent {
@@ -1,10 +1,10 @@
1
- export { T as default } from './TimezonePicker-CFtiUEYe.js';
2
- import './_tslib-Co-aXUsI.js';
1
+ export { T as default } from './TimezonePicker-DHkC2iKE.js';
2
+ import './_tslib-DYvz7dIO.js';
3
3
  import 'd3';
4
- import './ChartComponent-vkpgBQLu.js';
5
- import './Utils-B_K3cdyq.js';
4
+ import './ChartComponent-BxPbycj0.js';
5
+ import './Utils-CdKMmmwx.js';
6
6
  import 'moment-timezone';
7
- import './Component-Fh8BfEkG.js';
8
- import './Grid-CLg8oulV.js';
7
+ import './Component-C9fQU2ia.js';
8
+ import './Grid-ByDh3Qdn.js';
9
9
  import 'split.js';
10
- import './EllipsisMenu-BZIeb0lc.js';
10
+ import './EllipsisMenu-CNWSo-qQ.js';
@@ -1,6 +1,6 @@
1
- import { _ as __extends } from './_tslib-Co-aXUsI.js';
1
+ import { _ as __extends } from './_tslib-DYvz7dIO.js';
2
2
  import * as d3 from 'd3';
3
- import { C as Component } from './Component-Fh8BfEkG.js';
3
+ import { C as Component } from './Component-C9fQU2ia.js';
4
4
 
5
5
  var Tooltip = /** @class */ (function (_super) {
6
6
  __extends(Tooltip, _super);
@@ -1,5 +1,5 @@
1
- import { C as ChartDataOptions } from './ChartDataOptions-BRyaRP-P.js';
2
- import './Interfaces-CaFm-ZXM.js';
1
+ import { C as ChartDataOptions } from './ChartDataOptions-DBu_M5gU.js';
2
+ import './Interfaces-CdAVFIA6.js';
3
3
 
4
4
  declare class TsqExpression extends ChartDataOptions {
5
5
  private instanceObject;
@@ -1,6 +1,6 @@
1
- import { _ as __extends, a as __assign } from './_tslib-Co-aXUsI.js';
2
- import { U as Utils } from './Utils-B_K3cdyq.js';
3
- import { C as ChartDataOptions } from './ChartDataOptions-DmxO3Mff.js';
1
+ import { _ as __extends, a as __assign } from './_tslib-DYvz7dIO.js';
2
+ import { U as Utils } from './Utils-CdKMmmwx.js';
3
+ import { C as ChartDataOptions } from './ChartDataOptions-rcIzlQJO.js';
4
4
  import 'd3';
5
5
  import 'moment-timezone';
6
6