tsichart-core 1.0.1 → 1.0.3

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 -193
  2. package/dist/AggregateExpression.d.ts +2 -2
  3. package/dist/AggregateExpression.js +3 -3
  4. package/dist/{AvailabilityChart-DB-qDF5K.js → AvailabilityChart-BoMGG4TZ.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-C-JHWFBg.js} +5 -5
  8. package/dist/{ChartComponent-D_oxwJzs.d.ts → ChartComponent-C7KeM9ur.d.ts} +3 -3
  9. package/dist/{ChartDataOptions-BRyaRP-P.d.ts → ChartDataOptions-e3poMYuu.d.ts} +1 -1
  10. package/dist/{ChartDataOptions-DmxO3Mff.js → ChartDataOptions-oeldKcRt.js} +1 -1
  11. package/dist/{ChartVisualizationComponent-vNl00qB5.d.ts → ChartVisualizationComponent-BLLViCDL.d.ts} +1 -1
  12. package/dist/{ChartVisualizationComponent-B8daZQmK.js → ChartVisualizationComponent-CxYG7eU1.js} +4 -4
  13. package/dist/{ColorPicker-CtdzSTCJ.js → ColorPicker-BoWwRLgX.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-8B9w_Fc5.js} +1 -1
  17. package/dist/{Component-oHRkpsGv.d.ts → Component-DWdzAFb3.d.ts} +2 -2
  18. package/dist/{ContextMenu-BSlU15yW.js → ContextMenu-BgyrOLWD.js} +2 -2
  19. package/dist/{DateTimeButton-Dw9kYXHe.js → DateTimeButton-BvRO_NBW.js} +3 -3
  20. package/dist/{DateTimeButton-UtkAf1Dj.d.ts → DateTimeButton-DadF09ki.d.ts} +1 -1
  21. package/dist/{DateTimeButtonRange-CYSwNEiU.js → DateTimeButtonRange-Cj7wm3Z5.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-BFAQ9T20.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-Dk0YIhn3.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-SM3t0_RH.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-BIekoggg.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-Dojay8AF.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-BKqhDVaY.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-FFeEu50l.js} +8 -8
  43. package/dist/GroupedBarChart.d.ts +7 -7
  44. package/dist/GroupedBarChart.js +14 -14
  45. package/dist/{GroupedBarChartData-BG7Llyim.d.ts → GroupedBarChartData-BKp1I9r7.d.ts} +1 -1
  46. package/dist/{GroupedBarChartData-DntgubPo.js → GroupedBarChartData-Cqxtlygx.js} +3 -3
  47. package/dist/{Heatmap-wSPC1TO0.js → Heatmap-DVioWTUc.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-lPLgbmzo.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-D_bMt4Pa.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-BcaSqEf7.d.ts} +1 -1
  57. package/dist/{HistoryPlayback-CLzw5ZJq.js → HistoryPlayback-CHSCvnem.js} +3 -3
  58. package/dist/{Legend-C3pV4ytm.js → Legend-12N0sLvB.js} +3 -3
  59. package/dist/{LineChart-Cy9eqoNN.js → LineChart-Tl103JqK.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-Ba3G9px4.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-CfGtU70f.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-BKf0AjEy.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-D7MI2Cta.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-CQEpLT7O.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-BfIijDhM.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-DAwJLAQD.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-1MEeY6k6.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-BsyZY7mH.js} +3 -3
  88. package/dist/{TemporalXAxisComponent-PQkhKTGG.d.ts → TemporalXAxisComponent-ddvsBHmR.d.ts} +1 -1
  89. package/dist/{TimezonePicker-CFtiUEYe.js → TimezonePicker-BgGFu_sZ.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-B6-nRUtc.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-DB0P2LoK.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-BoJ3Eswu.d.ts} +1 -1
  99. package/dist/Utils.d.ts +2 -2
  100. package/dist/Utils.js +1 -1
  101. package/dist/package.json +7 -3
  102. package/dist/tsiclient.css +1118 -1118
  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 +1 -1
  107. /package/dist/{ChartComponentData-DY8xShs2.d.ts → ChartComponentData-De8dPb92.d.ts} +0 -0
  108. /package/dist/{Enums-BSzh32Nl.d.ts → Enums-Bo86uMp1.d.ts} +0 -0
  109. /package/dist/{Interfaces-CaFm-ZXM.d.ts → Interfaces-CFywewZp.d.ts} +0 -0
  110. /package/dist/{Utils-B_K3cdyq.js → Utils-DdttSdnA.js} +0 -0
  111. /package/dist/{_tslib-Co-aXUsI.js → _tslib-Dlq2Xvwj.js} +0 -0
  112. /package/dist/{pikaday-pjta9kjA.js → pikaday-BEnKOElE.js} +0 -0
package/README.MD CHANGED
@@ -1,193 +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
- [![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
- ### CDN
37
-
38
- You can also load directly from a CDN:
39
-
40
- ```html
41
- <script src="https://unpkg.com/@tsichart/core@latest/tsiclient.js"></script>
42
- <link rel="stylesheet" type="text/css" href="https://unpkg.com/@tsichart/core@latest/tsiclient.css">
43
- ```
44
-
45
- ## Quick Start
46
-
47
- ### Import All Components
48
-
49
- ```js
50
- import TsiClient from "@tsichart/core";
51
- import "@tsichart/core/tsiclient.css";
52
-
53
- // Create a line chart
54
- let tsiClient = new TsiClient();
55
- let lineChart = new tsiClient.ux.LineChart(document.getElementById('chart'));
56
-
57
- // Prepare your data
58
- const data = [{
59
- "Series1": {
60
- "": {
61
- "2023-01-01T00:00:00Z": { avg: 10 },
62
- "2023-01-01T01:00:00Z": { avg: 15 },
63
- "2023-01-01T02:00:00Z": { avg: 13 }
64
- }
65
- }
66
- }];
67
-
68
- // Render the chart
69
- lineChart.render(data, { theme: 'light', legend: 'compact' });
70
- ```
71
-
72
- ### Import Individual Components (Recommended for Tree-shaking)
73
-
74
- ```js
75
- import LineChart from '@tsichart/core/LineChart';
76
- import '@tsichart/core/tsiclient.css';
77
-
78
- // Create and render chart
79
- let lineChart = new LineChart(document.getElementById('chart'));
80
- lineChart.render(data, { theme: 'light' });
81
- ```
82
-
83
- ## Available Components
84
-
85
- **tsiclient** provides the following visualization components:
86
-
87
- - **LineChart** - Render time series data as lines
88
- - **BarChart** - Display time series data as bars with timestamp slider
89
- - **PieChart** - Show time series data as pie charts with timestamp slider
90
- - **Heatmap** - Visualize time series data as a heatmap
91
- - **ScatterPlot** - Plot time series data points as a scatter plot
92
- - **AvailabilityChart** - Display data availability over time
93
- - **Grid** - Render time series data in a tabular format
94
- - **Hierarchy** - Display hierarchical data structures
95
- - **EventsTable** - Show events in a table format
96
- - **DateTimePicker** - UI component for selecting date/time ranges
97
- - **TimezonePicker** - UI component for timezone selection
98
- - **Slider** - Time slider component
99
- - **ModelSearch** - Search component for time series models
100
- - **HierarchyNavigation** - Navigate hierarchical time series data
101
- - **ProcessGraphic** - Display process graphics with data overlays
102
- - **ColorPicker** - Color selection component
103
- - And more...
104
-
105
- For detailed usage examples and API documentation, see the [UX Components documentation](docs/UX.md).
106
-
107
- ## Data Format
108
-
109
- All components work with a consistent JSON data structure. Here's the basic format:
110
-
111
- ```js
112
- const data = [{
113
- "SeriesName": {
114
- "SplitByValue": { // Use empty string "" if no split
115
- "2023-01-01T00:00:00Z": {
116
- avg: 10, // Your metric values
117
- min: 8,
118
- max: 12
119
- },
120
- "2023-01-01T01:00:00Z": {
121
- avg: 15,
122
- min: 13,
123
- max: 17
124
- }
125
- }
126
- }
127
- }];
128
- ```
129
-
130
- **You are responsible for:**
131
- - Fetching time series data from your data source (API, database, etc.)
132
- - Transforming your data into the expected format
133
- - Handling any authentication/authorization
134
-
135
- See the [UX Components documentation](docs/UX.md) for detailed format specifications for each chart type.
136
-
137
- ## Resources
138
-
139
- * **[Live Examples](https://aenas11.github.io/tsichart-core/)** - Interactive examples hosted on GitHub Pages
140
- * [Full API Documentation](docs/UX.md)
141
- * [Example Source Code](pages/examples/) - Check the `pages/examples/` directory for working examples
142
-
143
-
144
- ## Contributing
145
-
146
- Contributions are welcome! This is a community-maintained project. Please feel free to:
147
-
148
- - Report bugs and request features via [GitHub Issues](https://github.com/yourusername/tsichart-core/issues)
149
- - Submit pull requests
150
- - Improve documentation
151
- - Share examples of your usage
152
-
153
- ## License
154
-
155
- MIT License - see [LICENSE](LICENSE) file for details.
156
-
157
- Original work Copyright (c) Microsoft Corporation
158
- Modified work Copyright (c) 2024 [Your Name]
159
-
160
- ## Acknowledgments
161
-
162
- 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.
163
-
164
- **TSI** now stands for **Time Series Interactive** - reflecting the library's focus on interactive data visualization rather than a specific cloud service.
165
-
166
- ## Migration from Original TSIClient
167
-
168
- If you're migrating from the original Microsoft `tsiclient` package:
169
-
170
- 1. **Package name change**: Update your imports from `tsiclient` to `@tsichart/core`
171
- 2. **No breaking changes to component APIs**: The chart components work the same way
172
- 3. **Remove server calls**: You'll need to handle data fetching yourself (Azure TSI service was retired)
173
- 4. **Update documentation references**: Use the new documentation instead of Azure TSI docs
174
- - The `tsiClient.server` object and all related methods have been removed
175
- - Focus is now exclusively on client-side visualization components
176
-
177
- **Version 1.3.0:**
178
- 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).
179
-
180
-
181
- ## Contributing
182
-
183
- This project welcomes contributions and suggestions. Most contributions require you to agree to a
184
- Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us
185
- the rights to use your contribution. For details, visit https://cla.microsoft.com.
186
-
187
- When you submit a pull request, a CLA-bot will automatically determine whether you need to provide
188
- a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions
189
- provided by the bot. You will only need to do this once across all repos using our CLA.
190
-
191
- This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).
192
- For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or
193
- 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,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-e3poMYuu.js';
2
+ import './Interfaces-CFywewZp.js';
3
3
 
4
4
  declare class AggregateExpression extends ChartDataOptions {
5
5
  measureObject: any;
@@ -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-Dlq2Xvwj.js';
2
+ import { U as Utils } from './Utils-DdttSdnA.js';
3
+ import { C as ChartDataOptions } from './ChartDataOptions-oeldKcRt.js';
4
4
  import 'd3';
5
5
  import 'moment-timezone';
6
6
 
@@ -1,11 +1,11 @@
1
- import { _ as __extends, a as __assign } from './_tslib-Co-aXUsI.js';
1
+ import { _ as __extends, a as __assign } from './_tslib-Dlq2Xvwj.js';
2
2
  import * as d3 from 'd3';
3
- import { L as LineChart } from './LineChart-Cy9eqoNN.js';
4
- import { D as DateTimePicker } from './DateTimePicker-B0jCltxE.js';
5
- import { U as Utils } from './Utils-B_K3cdyq.js';
6
- import { C as ChartComponent } from './ChartComponent-vkpgBQLu.js';
3
+ import { L as LineChart } from './LineChart-Tl103JqK.js';
4
+ import { D as DateTimePicker } from './DateTimePicker-Dk0YIhn3.js';
5
+ import { U as Utils } from './Utils-DdttSdnA.js';
6
+ import { C as ChartComponent } from './ChartComponent-C-JHWFBg.js';
7
7
  import AggregateExpression from './AggregateExpression.js';
8
- import { D as DateTimeButtonRange } from './DateTimeButtonRange-CYSwNEiU.js';
8
+ import { D as DateTimeButtonRange } from './DateTimeButtonRange-Cj7wm3Z5.js';
9
9
 
10
10
  var AvailabilityChart = /** @class */ (function (_super) {
11
11
  __extends(AvailabilityChart, _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-C7KeM9ur.js';
2
+ import './Enums-Bo86uMp1.js';
3
+ import './Component-DWdzAFb3.js';
4
+ import './Interfaces-CFywewZp.js';
5
+ import './ChartComponentData-De8dPb92.js';
6
6
  import './EllipsisMenu.js';
7
7
 
8
8
  declare class AvailabilityChart extends ChartComponent {
@@ -1,26 +1,26 @@
1
- export { A as default } from './AvailabilityChart-DB-qDF5K.js';
2
- import './_tslib-Co-aXUsI.js';
1
+ export { A as default } from './AvailabilityChart-BoMGG4TZ.js';
2
+ import './_tslib-Dlq2Xvwj.js';
3
3
  import 'd3';
4
- import './LineChart-Cy9eqoNN.js';
4
+ import './LineChart-Tl103JqK.js';
5
5
  import 'd3-voronoi';
6
- import './Utils-B_K3cdyq.js';
6
+ import './Utils-DdttSdnA.js';
7
7
  import 'moment-timezone';
8
- import './Legend-C3pV4ytm.js';
9
- import './Component-Fh8BfEkG.js';
10
- import './TemporalXAxisComponent-C-qdKKoq.js';
11
- import './ChartVisualizationComponent-B8daZQmK.js';
12
- import './ChartComponent-vkpgBQLu.js';
13
- import './Grid-CLg8oulV.js';
8
+ import './Legend-12N0sLvB.js';
9
+ import './Component-8B9w_Fc5.js';
10
+ import './TemporalXAxisComponent-BsyZY7mH.js';
11
+ import './ChartVisualizationComponent-CxYG7eU1.js';
12
+ import './ChartComponent-C-JHWFBg.js';
13
+ import './Grid-BKqhDVaY.js';
14
14
  import 'split.js';
15
- import './EllipsisMenu-BZIeb0lc.js';
16
- import './ChartDataOptions-DmxO3Mff.js';
17
- import './ContextMenu-BSlU15yW.js';
18
- import './Tooltip-CcY3Rgca.js';
15
+ import './EllipsisMenu-SM3t0_RH.js';
16
+ import './ChartDataOptions-oeldKcRt.js';
17
+ import './ContextMenu-BgyrOLWD.js';
18
+ import './Tooltip-B6-nRUtc.js';
19
19
  import 'd3-interpolate-path';
20
- import './DateTimePicker-B0jCltxE.js';
21
- import './pikaday-pjta9kjA.js';
20
+ import './DateTimePicker-Dk0YIhn3.js';
21
+ import './pikaday-BEnKOElE.js';
22
22
  import 'moment';
23
- import './TimezonePicker-CFtiUEYe.js';
23
+ import './TimezonePicker-BgGFu_sZ.js';
24
24
  import './AggregateExpression.js';
25
- import './DateTimeButtonRange-CYSwNEiU.js';
26
- import './DateTimeButton-Dw9kYXHe.js';
25
+ import './DateTimeButtonRange-Cj7wm3Z5.js';
26
+ import './DateTimeButton-BvRO_NBW.js';
@@ -1,10 +1,10 @@
1
- import { _ as __extends, d as __spreadArray } from './_tslib-Co-aXUsI.js';
2
- import { U as Utils, G as GRIDCONTAINERCLASS, T as TooltipMeasureFormat, D as DataTypes, S as ShiftTypes } from './Utils-B_K3cdyq.js';
3
- import { C as Component } from './Component-Fh8BfEkG.js';
4
- import { C as ChartComponentData, G as Grid } from './Grid-CLg8oulV.js';
1
+ import { _ as __extends, d as __spreadArray } from './_tslib-Dlq2Xvwj.js';
2
+ import { U as Utils, G as GRIDCONTAINERCLASS, T as TooltipMeasureFormat, D as DataTypes, S as ShiftTypes } from './Utils-DdttSdnA.js';
3
+ import { C as Component } from './Component-8B9w_Fc5.js';
4
+ import { C as ChartComponentData, G as Grid } from './Grid-BKqhDVaY.js';
5
5
  import * as d3 from 'd3';
6
6
  import Split from 'split.js';
7
- import { E as EllipsisMenu } from './EllipsisMenu-BZIeb0lc.js';
7
+ import { E as EllipsisMenu } from './EllipsisMenu-SM3t0_RH.js';
8
8
 
9
9
  var ChartComponent = /** @class */ (function (_super) {
10
10
  __extends(ChartComponent, _super);
@@ -1,6 +1,6 @@
1
- import { T as TooltipMeasureFormat } from './Enums-BSzh32Nl.js';
2
- import { C as Component } from './Component-oHRkpsGv.js';
3
- import { C as ChartComponentData } from './ChartComponentData-DY8xShs2.js';
1
+ import { T as TooltipMeasureFormat } from './Enums-Bo86uMp1.js';
2
+ import { C as Component } from './Component-DWdzAFb3.js';
3
+ import { C as ChartComponentData } from './ChartComponentData-De8dPb92.js';
4
4
  import EllipsisMenu from './EllipsisMenu.js';
5
5
 
6
6
  declare class Legend extends Component {
@@ -1,4 +1,4 @@
1
- import { H as HorizontalMarker } from './Interfaces-CaFm-ZXM.js';
1
+ import { H as HorizontalMarker } from './Interfaces-CFywewZp.js';
2
2
 
3
3
  declare class ChartDataOptions {
4
4
  searchSpan: any;
@@ -1,4 +1,4 @@
1
- import { I as InterpolationFunctions, U as Utils, D as DataTypes, E as EventElementTypes } from './Utils-B_K3cdyq.js';
1
+ import { I as InterpolationFunctions, U as Utils, D as DataTypes, E as EventElementTypes } from './Utils-DdttSdnA.js';
2
2
 
3
3
  var DEFAULT_HEIGHT = 40;
4
4
  // Represents an expression that is suitable for use as the expression options parameter in a chart component
@@ -1,4 +1,4 @@
1
- import { C as ChartComponent } from './ChartComponent-D_oxwJzs.js';
1
+ import { C as ChartComponent } from './ChartComponent-C7KeM9ur.js';
2
2
 
3
3
  declare class ChartVisualizationComponent extends ChartComponent {
4
4
  constructor(renderTarget: Element);
@@ -1,7 +1,7 @@
1
- import { _ as __extends } from './_tslib-Co-aXUsI.js';
2
- import { U as Utils } from './Utils-B_K3cdyq.js';
3
- import { C as ChartComponent } from './ChartComponent-vkpgBQLu.js';
4
- import { C as ChartDataOptions } from './ChartDataOptions-DmxO3Mff.js';
1
+ import { _ as __extends } from './_tslib-Dlq2Xvwj.js';
2
+ import { U as Utils } from './Utils-DdttSdnA.js';
3
+ import { C as ChartComponent } from './ChartComponent-C-JHWFBg.js';
4
+ import { C as ChartDataOptions } from './ChartDataOptions-oeldKcRt.js';
5
5
 
6
6
  var ChartVisualizationComponent = /** @class */ (function (_super) {
7
7
  __extends(ChartVisualizationComponent, _super);
@@ -1,7 +1,7 @@
1
- import { _ as __extends } from './_tslib-Co-aXUsI.js';
1
+ import { _ as __extends } from './_tslib-Dlq2Xvwj.js';
2
2
  import * as d3 from 'd3';
3
- import { C as Component } from './Component-Fh8BfEkG.js';
4
- import { U as Utils, K as KeyCodes } from './Utils-B_K3cdyq.js';
3
+ import { C as Component } from './Component-8B9w_Fc5.js';
4
+ import { U as Utils, K as KeyCodes } from './Utils-DdttSdnA.js';
5
5
 
6
6
  var ColorPicker = /** @class */ (function (_super) {
7
7
  __extends(ColorPicker, _super);
@@ -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-DWdzAFb3.js';
2
+ import './Enums-Bo86uMp1.js';
3
+ import './Interfaces-CFywewZp.js';
4
4
 
5
5
  interface ColorPickerOptions {
6
6
  theme?: string;
@@ -1,6 +1,6 @@
1
- export { C as default } from './ColorPicker-CtdzSTCJ.js';
2
- import './_tslib-Co-aXUsI.js';
1
+ export { C as default } from './ColorPicker-BoWwRLgX.js';
2
+ import './_tslib-Dlq2Xvwj.js';
3
3
  import 'd3';
4
- import './Component-Fh8BfEkG.js';
5
- import './Utils-B_K3cdyq.js';
4
+ import './Component-8B9w_Fc5.js';
5
+ import './Utils-DdttSdnA.js';
6
6
  import 'moment-timezone';
@@ -1,4 +1,4 @@
1
- import { I as InterpolationFunctions, U as Utils, a as DefaultHierarchyNavigationOptions } from './Utils-B_K3cdyq.js';
1
+ import { I as InterpolationFunctions, U as Utils, a as DefaultHierarchyNavigationOptions } from './Utils-DdttSdnA.js';
2
2
  import * as d3 from 'd3';
3
3
 
4
4
  var Strings = /** @class */ (function () {
@@ -1,5 +1,5 @@
1
- import { Y as YAxisStates, T as TooltipMeasureFormat } from './Enums-BSzh32Nl.js';
2
- import { H as HorizontalMarker } from './Interfaces-CaFm-ZXM.js';
1
+ import { Y as YAxisStates, T as TooltipMeasureFormat } from './Enums-Bo86uMp1.js';
2
+ import { H as HorizontalMarker } from './Interfaces-CFywewZp.js';
3
3
 
4
4
  declare class Strings {
5
5
  private stringValueDefaults;
@@ -1,6 +1,6 @@
1
- import { _ as __extends } from './_tslib-Co-aXUsI.js';
1
+ import { _ as __extends } from './_tslib-Dlq2Xvwj.js';
2
2
  import * as d3 from 'd3';
3
- import { C as Component } from './Component-Fh8BfEkG.js';
3
+ import { C as Component } from './Component-8B9w_Fc5.js';
4
4
 
5
5
  var ACTIONELEMENTHEIGHT = 28;
6
6
  var ACTIONELEMENTMAXWIDTH = 200;
@@ -1,7 +1,7 @@
1
- import { _ as __extends } from './_tslib-Co-aXUsI.js';
1
+ import { _ as __extends } from './_tslib-Dlq2Xvwj.js';
2
2
  import * as d3 from 'd3';
3
- import { U as Utils } from './Utils-B_K3cdyq.js';
4
- import { C as ChartComponent } from './ChartComponent-vkpgBQLu.js';
3
+ import { U as Utils } from './Utils-DdttSdnA.js';
4
+ import { C as ChartComponent } from './ChartComponent-C-JHWFBg.js';
5
5
 
6
6
  var DateTimeButton = /** @class */ (function (_super) {
7
7
  __extends(DateTimeButton, _super);
@@ -1,4 +1,4 @@
1
- import { C as ChartComponent } from './ChartComponent-D_oxwJzs.js';
1
+ import { C as ChartComponent } from './ChartComponent-C7KeM9ur.js';
2
2
 
3
3
  declare class DateTimeButton extends ChartComponent {
4
4
  protected dateTimePicker: any;