tsichart-core 1.0.4 → 2.0.0-beta.1

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 (133) hide show
  1. package/LICENSE +22 -22
  2. package/README.md +80 -0
  3. package/dist/index.d.ts +1744 -0
  4. package/dist/index.js +14284 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/index.mjs +14209 -0
  7. package/dist/index.mjs.map +1 -0
  8. package/dist/{tsiclient.css → styles/index.css} +9388 -9387
  9. package/dist/styles/index.css.map +1 -0
  10. package/package.json +115 -125
  11. package/README.MD +0 -171
  12. package/dist/AggregateExpression.d.ts +0 -13
  13. package/dist/AggregateExpression.js +0 -70
  14. package/dist/AvailabilityChart-vciRThEz.js +0 -488
  15. package/dist/AvailabilityChart.d.ts +0 -59
  16. package/dist/AvailabilityChart.js +0 -26
  17. package/dist/ChartComponent-BxPbycj0.js +0 -302
  18. package/dist/ChartComponent-L_dR-Eny.d.ts +0 -80
  19. package/dist/ChartComponentData-ClzAtU_E.d.ts +0 -47
  20. package/dist/ChartDataOptions-DBu_M5gU.d.ts +0 -38
  21. package/dist/ChartDataOptions-rcIzlQJO.js +0 -49
  22. package/dist/ChartVisualizationComponent-CswB2P7Z.d.ts +0 -8
  23. package/dist/ChartVisualizationComponent-NsvZCsc-.js +0 -23
  24. package/dist/ColorPicker-CUZt1uup.js +0 -120
  25. package/dist/ColorPicker.d.ts +0 -28
  26. package/dist/ColorPicker.js +0 -6
  27. package/dist/Component-C9fQU2ia.js +0 -401
  28. package/dist/Component-CdI_Pyko.d.ts +0 -226
  29. package/dist/ContextMenu-CP1qV7pP.js +0 -197
  30. package/dist/DateTimeButton-Ck71nL87.d.ts +0 -16
  31. package/dist/DateTimeButton-DnqhATyX.js +0 -38
  32. package/dist/DateTimeButtonRange-CT1zOoCf.js +0 -71
  33. package/dist/DateTimeButtonRange.d.ts +0 -19
  34. package/dist/DateTimeButtonRange.js +0 -15
  35. package/dist/DateTimeButtonSingle-DZk5fW35.js +0 -48
  36. package/dist/DateTimeButtonSingle.d.ts +0 -17
  37. package/dist/DateTimeButtonSingle.js +0 -14
  38. package/dist/DateTimePicker-CuGwz86U.js +0 -532
  39. package/dist/DateTimePicker.d.ts +0 -69
  40. package/dist/DateTimePicker.js +0 -13
  41. package/dist/EllipsisMenu-CNWSo-qQ.js +0 -116
  42. package/dist/EllipsisMenu.d.ts +0 -20
  43. package/dist/EllipsisMenu.js +0 -6
  44. package/dist/Enums-CEhu18PC.d.ts +0 -12
  45. package/dist/EventsTable-mjoOfc0E.js +0 -553
  46. package/dist/EventsTable.d.ts +0 -34
  47. package/dist/EventsTable.js +0 -10
  48. package/dist/GeoProcessGraphic-CSsTL4zj.js +0 -145
  49. package/dist/GeoProcessGraphic.d.ts +0 -34
  50. package/dist/GeoProcessGraphic.js +0 -7
  51. package/dist/Grid-ByDh3Qdn.js +0 -874
  52. package/dist/Grid.d.ts +0 -43
  53. package/dist/Grid.js +0 -6
  54. package/dist/GroupedBarChart-DrSrSHNj.js +0 -579
  55. package/dist/GroupedBarChart.d.ts +0 -22
  56. package/dist/GroupedBarChart.js +0 -17
  57. package/dist/GroupedBarChartData-CpJKvTDQ.js +0 -121
  58. package/dist/GroupedBarChartData-DK30DLVh.d.ts +0 -20
  59. package/dist/Heatmap-BbWcAgp6.js +0 -524
  60. package/dist/Heatmap.d.ts +0 -31
  61. package/dist/Heatmap.js +0 -14
  62. package/dist/Hierarchy-BsvoKnCY.js +0 -260
  63. package/dist/Hierarchy.d.ts +0 -39
  64. package/dist/Hierarchy.js +0 -6
  65. package/dist/HierarchyNavigation-C5yoj--u.js +0 -336
  66. package/dist/HierarchyNavigation.d.ts +0 -34
  67. package/dist/HierarchyNavigation.js +0 -6
  68. package/dist/HistoryPlayback-DIhAsAOi.d.ts +0 -68
  69. package/dist/HistoryPlayback-DiflRzRf.js +0 -175
  70. package/dist/Interfaces-CdAVFIA6.d.ts +0 -6
  71. package/dist/Legend-CQ5yaF8f.js +0 -497
  72. package/dist/LineChart-DcUenMrZ.js +0 -3181
  73. package/dist/LineChart.d.ts +0 -163
  74. package/dist/LineChart.js +0 -18
  75. package/dist/ModelAutocomplete-sxVy4m65.js +0 -100
  76. package/dist/ModelAutocomplete.d.ts +0 -12
  77. package/dist/ModelAutocomplete.js +0 -7
  78. package/dist/ModelSearch-DEg5KwKw.js +0 -189
  79. package/dist/ModelSearch.d.ts +0 -23
  80. package/dist/ModelSearch.js +0 -9
  81. package/dist/PieChart-DDxMXcXE.js +0 -258
  82. package/dist/PieChart.d.ts +0 -26
  83. package/dist/PieChart.js +0 -17
  84. package/dist/PlaybackControls-DSoUncDP.js +0 -195
  85. package/dist/PlaybackControls.d.ts +0 -39
  86. package/dist/PlaybackControls.js +0 -13
  87. package/dist/ProcessGraphic-1f-FoGDy.js +0 -154
  88. package/dist/ProcessGraphic.d.ts +0 -31
  89. package/dist/ProcessGraphic.js +0 -7
  90. package/dist/README.MD +0 -171
  91. package/dist/ScatterPlot-BAn6r8ml.js +0 -924
  92. package/dist/ScatterPlot.d.ts +0 -115
  93. package/dist/ScatterPlot.js +0 -17
  94. package/dist/SingleDateTimePicker-BrFB5iPu.js +0 -213
  95. package/dist/SingleDateTimePicker.d.ts +0 -45
  96. package/dist/SingleDateTimePicker.js +0 -12
  97. package/dist/Slider-BpNCqoBD.js +0 -186
  98. package/dist/Slider.d.ts +0 -31
  99. package/dist/Slider.js +0 -6
  100. package/dist/TemporalXAxisComponent-BsTQyVO6.js +0 -129
  101. package/dist/TemporalXAxisComponent-DohbI08i.d.ts +0 -23
  102. package/dist/TimezonePicker-DHkC2iKE.js +0 -58
  103. package/dist/TimezonePicker.d.ts +0 -16
  104. package/dist/TimezonePicker.js +0 -10
  105. package/dist/Tooltip-B-mIKo4g.js +0 -104
  106. package/dist/TsqExpression.d.ts +0 -36
  107. package/dist/TsqExpression.js +0 -89
  108. package/dist/UXClient-BTulvzpq.js +0 -230
  109. package/dist/UXClient.d.ts +0 -74
  110. package/dist/UXClient.js +0 -47
  111. package/dist/Utils-CdKMmmwx.js +0 -1138
  112. package/dist/Utils-ChzaAbch.d.ts +0 -104
  113. package/dist/Utils.d.ts +0 -7
  114. package/dist/Utils.js +0 -7
  115. package/dist/_tslib-DYvz7dIO.js +0 -96
  116. package/dist/package.json +0 -125
  117. package/dist/pikaday-C_DS7oEN.js +0 -1252
  118. package/dist/tsiclient.cjs.js +0 -3
  119. package/dist/tsiclient.cjs.js.LICENSE.txt +0 -19
  120. package/dist/tsiclient.cjs.js.map +0 -1
  121. package/dist/tsiclient.d.ts +0 -46
  122. package/dist/tsiclient.esm.js +0 -3
  123. package/dist/tsiclient.esm.js.LICENSE.txt +0 -19
  124. package/dist/tsiclient.esm.js.map +0 -1
  125. package/dist/tsiclient.js +0 -58
  126. package/dist/tsiclient.min.css +0 -6
  127. package/dist/tsiclient.min.css.map +0 -1
  128. package/dist/tsiclient.umd.js +0 -3
  129. package/dist/tsiclient.umd.js.LICENSE.txt +0 -19
  130. package/dist/tsiclient.umd.js.map +0 -1
  131. package/dist/tsiclient.umd.min.js +0 -3
  132. package/dist/tsiclient.umd.min.js.LICENSE.txt +0 -19
  133. package/dist/tsiclient.umd.min.js.map +0 -1
@@ -1,34 +0,0 @@
1
- import { C as Component } from './Component-CdI_Pyko.js';
2
- import './Enums-CEhu18PC.js';
3
- import './Interfaces-CdAVFIA6.js';
4
-
5
- declare class HierarchyNavigation extends Component {
6
- private searchFunction;
7
- private hierarchyElem;
8
- private path;
9
- selectedIds: Array<string>;
10
- searchEnabled: boolean;
11
- private searchWrapperElem;
12
- private hierarchyNavWrapper;
13
- ap: any;
14
- constructor(renderTarget: Element);
15
- render(searchF: Function, hierarchyNavOptions: any, preselectedIds: Array<string>): Promise<void>;
16
- private createHierarchyNavWrapper;
17
- private createResultsWrapper;
18
- private createHierarchyElem;
19
- private requestPayload;
20
- private renderTree;
21
- private renderSearchBox;
22
- private pathSearchAndRenderResult;
23
- private renderSearchResult;
24
- private filterTree;
25
- private fillDataRecursively;
26
- private createHierarchyItemElem;
27
- private getAriaLabel;
28
- private hierarchyNodeIdentifier;
29
- private instanceNodeIdentifier;
30
- private instanceNodeStringToDisplay;
31
- private instanceNodeString;
32
- }
33
-
34
- export { HierarchyNavigation as default };
@@ -1,6 +0,0 @@
1
- export { H as default } from './HierarchyNavigation-C5yoj--u.js';
2
- import './_tslib-DYvz7dIO.js';
3
- import 'd3';
4
- import './Utils-CdKMmmwx.js';
5
- import 'moment-timezone';
6
- import './Component-C9fQU2ia.js';
@@ -1,68 +0,0 @@
1
- import * as d3 from 'd3';
2
- import { C as Component } from './Component-CdI_Pyko.js';
3
- import TsqExpression from './TsqExpression.js';
4
- import PlaybackControls from './PlaybackControls.js';
5
-
6
- declare class TsqRange {
7
- from: Date;
8
- to: Date;
9
- private bucketSizeMs;
10
- static NeatIntervals: string[];
11
- static NeatIntervalsMs: number[];
12
- constructor(from: Date, to: Date);
13
- setNeatBucketSizeByNumerOfBuckets(targetNumberOfBuckets: number): void;
14
- setNeatBucketSizeByRoughBucketSize(roughBucketSizeMillis: number): void;
15
- alignWithServerEpoch(): void;
16
- get fromMillis(): number;
17
- get toMillis(): number;
18
- get bucketSizeMillis(): number;
19
- get bucketSizeStr(): string;
20
- static millisToLargestUnit(interval: number): {
21
- value: number;
22
- unit: string;
23
- };
24
- }
25
-
26
- type d3Selection = d3.Selection<d3.BaseType, unknown, null, undefined>;
27
- interface GraphicInfo {
28
- graphic: any;
29
- width: number;
30
- height: number;
31
- }
32
- declare abstract class HistoryPlayback extends Component {
33
- protected targetElement: d3Selection;
34
- protected tsqExpressions: Array<TsqExpression>;
35
- protected componentContainer: d3Selection;
36
- protected component: d3Selection;
37
- protected playbackControlsContainer: d3Selection;
38
- protected playbackControls: PlaybackControls;
39
- protected graphicOriginalWidth: number;
40
- protected graphicOriginalHeight: number;
41
- protected currentCancelTrigger: Function;
42
- protected availabilityInterval: number;
43
- protected environmentFqdn: string;
44
- protected availability: TsqRange;
45
- protected getAuthToken: () => Promise<string>;
46
- protected playbackRate: number;
47
- protected graphic: any;
48
- readonly numberOfBuckets = 1000;
49
- readonly defaultPlaybackRate = 3000;
50
- readonly fetchAvailabilityFrequency = 30000;
51
- readonly playbackSliderHeight = 88;
52
- readonly previewApiFlag = "?api-version=2018-11-01-preview";
53
- constructor(renderTarget: Element);
54
- protected abstract loadResources(): Promise<any>;
55
- protected abstract draw(): any;
56
- protected abstract updateDataMarkers(data: Array<any>): void;
57
- protected abstract getDataPoints(data: Array<any>): void;
58
- protected onGraphicLoaded(): void;
59
- protected renderBase(environmentFqdn: string, getToken: () => Promise<string>, data: Array<TsqExpression>, chartOptions: any): void;
60
- pauseAvailabilityUpdates(): void;
61
- private onSelecTimestamp;
62
- private calcQueryWindow;
63
- protected drawBase(): void;
64
- private updateAvailability;
65
- }
66
-
67
- export { HistoryPlayback as H };
68
- export type { GraphicInfo as G };
@@ -1,175 +0,0 @@
1
- import { _ as __extends } from './_tslib-DYvz7dIO.js';
2
- import { C as Component } from './Component-C9fQU2ia.js';
3
- import { U as Utils } from './Utils-CdKMmmwx.js';
4
-
5
- var TsqRange = /** @class */ (function () {
6
- function TsqRange(from, to) {
7
- this.from = from;
8
- this.to = to;
9
- }
10
- TsqRange.prototype.setNeatBucketSizeByNumerOfBuckets = function (targetNumberOfBuckets) {
11
- var timeRangeMs = Math.max(this.to.valueOf() - this.from.valueOf(), 1);
12
- var roughBucketsize = Math.ceil(timeRangeMs / targetNumberOfBuckets);
13
- this.setNeatBucketSizeByRoughBucketSize(roughBucketsize);
14
- };
15
- TsqRange.prototype.setNeatBucketSizeByRoughBucketSize = function (roughBucketSizeMillis) {
16
- var neatIntervalIndex = 1;
17
- for (; neatIntervalIndex < TsqRange.NeatIntervalsMs.length; neatIntervalIndex++) {
18
- if (TsqRange.NeatIntervalsMs[neatIntervalIndex] > roughBucketSizeMillis) {
19
- break;
20
- }
21
- }
22
- this.bucketSizeMs = TsqRange.NeatIntervalsMs[neatIntervalIndex - 1];
23
- };
24
- TsqRange.prototype.alignWithServerEpoch = function () {
25
- var fromMs = Utils.adjustStartMillisToAbsoluteZero(this.from.valueOf(), this.bucketSizeMs);
26
- var toMs = Utils.roundToMillis(this.to.valueOf(), this.bucketSizeMs);
27
- this.from = new Date(fromMs);
28
- this.to = new Date(toMs);
29
- };
30
- Object.defineProperty(TsqRange.prototype, "fromMillis", {
31
- get: function () {
32
- return this.from.valueOf();
33
- },
34
- enumerable: false,
35
- configurable: true
36
- });
37
- Object.defineProperty(TsqRange.prototype, "toMillis", {
38
- get: function () {
39
- return this.to.valueOf();
40
- },
41
- enumerable: false,
42
- configurable: true
43
- });
44
- Object.defineProperty(TsqRange.prototype, "bucketSizeMillis", {
45
- get: function () {
46
- return this.bucketSizeMs;
47
- },
48
- enumerable: false,
49
- configurable: true
50
- });
51
- Object.defineProperty(TsqRange.prototype, "bucketSizeStr", {
52
- get: function () {
53
- var bucketSize = TsqRange.millisToLargestUnit(this.bucketSizeMs);
54
- return "".concat(bucketSize.value).concat(bucketSize.unit);
55
- },
56
- enumerable: false,
57
- configurable: true
58
- });
59
- TsqRange.millisToLargestUnit = function (interval) {
60
- var value, unit;
61
- if (interval < 1000) {
62
- value = interval;
63
- unit = 'ms';
64
- }
65
- else if (interval < 1000 * 60) {
66
- value = Math.ceil(interval / 1000);
67
- unit = 's';
68
- }
69
- else if (interval < 1000 * 60 * 60) {
70
- value = Math.ceil(interval / (1000 * 60));
71
- unit = 'm';
72
- }
73
- else if (interval < 1000 * 60 * 60 * 24) {
74
- value = Math.ceil(interval / (1000 * 60 * 60));
75
- unit = 'h';
76
- }
77
- else {
78
- value = Math.ceil(interval / (1000 * 60 * 60 * 24));
79
- unit = 'd';
80
- }
81
- return { value: value, unit: unit };
82
- };
83
- // List of interval values that would divide a time range neatly
84
- TsqRange.NeatIntervals = [
85
- '1ms', '2ms', '4ms', '5ms', '8ms', '10ms', '20ms', '25ms', '40ms', '50ms', '100ms', '125ms', '200ms', '250ms', '500ms',
86
- '1s', '2s', '3s', '4s', '5s', '6s', '10s', '12s', '15s', '20s', '30s',
87
- '1m', '2m', '3m', '4m', '5m', '6m', '10m', '12m', '15m', '20m', '30m',
88
- '1h', '2h', '3h', '4h', '6h', '8h', '12h',
89
- '1d', '2d', '3d', '4d', '5d', '6d', '7d'
90
- ];
91
- TsqRange.NeatIntervalsMs = [
92
- 1, 2, 4, 5, 8, 10, 20, 25, 40, 50, 100, 125, 200, 250, 500,
93
- 1000, 2000, 3000, 4000, 5000, 6000, 10000, 12000, 15000, 20000, 30000,
94
- 60000, 120000, 180000, 240000, 300000, 360000, 600000, 720000, 900000, 1200000, 1800000,
95
- 3600000, 7200000, 10800000, 14400000, 21600000, 28800000, 43200000,
96
- 86400000, 172800000, 259200000, 345600000, 432000000, 518400000, 604800000
97
- ];
98
- return TsqRange;
99
- }());
100
-
101
- var HistoryPlayback = /** @class */ (function (_super) {
102
- __extends(HistoryPlayback, _super);
103
- function HistoryPlayback(renderTarget) {
104
- var _this = _super.call(this, renderTarget) || this;
105
- _this.numberOfBuckets = 1000;
106
- _this.defaultPlaybackRate = 3000; // 3 seconds
107
- _this.fetchAvailabilityFrequency = 30000; // 30 seconds
108
- _this.playbackSliderHeight = 88;
109
- _this.previewApiFlag = "?api-version=2018-11-01-preview";
110
- _this.currentCancelTrigger = null;
111
- return _this;
112
- }
113
- HistoryPlayback.prototype.onGraphicLoaded = function () { };
114
- HistoryPlayback.prototype.renderBase = function (environmentFqdn, getToken, data, chartOptions) {
115
- this.environmentFqdn = environmentFqdn;
116
- this.getAuthToken = getToken;
117
- this.tsqExpressions = data;
118
- this.chartOptions.setOptions(chartOptions);
119
- this.playbackRate =
120
- this.chartOptions.updateInterval || this.defaultPlaybackRate;
121
- };
122
- HistoryPlayback.prototype.pauseAvailabilityUpdates = function () {
123
- if (this.availabilityInterval) {
124
- window.clearInterval(this.availabilityInterval);
125
- }
126
- };
127
- HistoryPlayback.prototype.onSelecTimestamp = function (timeStamp) {
128
- var queryWindow = this.calcQueryWindow(timeStamp);
129
- this.tsqExpressions.map(function (tsqExpression) {
130
- tsqExpression.searchSpan = {
131
- from: queryWindow.fromMillis,
132
- to: queryWindow.toMillis,
133
- bucketSize: queryWindow.bucketSize,
134
- };
135
- return tsqExpression.toTsq();
136
- });
137
- this.getAuthToken().then(function (authToken) {
138
- });
139
- };
140
- HistoryPlayback.prototype.calcQueryWindow = function (timeStamp) {
141
- var timelineOffset = this.availability.fromMillis;
142
- var queryToMillis = Math.ceil((timeStamp.valueOf() - timelineOffset) /
143
- this.availability.bucketSizeMillis) *
144
- this.availability.bucketSizeMillis +
145
- timelineOffset;
146
- return {
147
- fromMillis: queryToMillis - this.availability.bucketSizeMillis,
148
- toMillis: queryToMillis,
149
- bucketSize: this.availability.bucketSizeStr,
150
- };
151
- };
152
- HistoryPlayback.prototype.drawBase = function () {
153
- this.playbackControlsContainer
154
- .style("width", "".concat(this.renderTarget.clientWidth, "px"))
155
- .style("height", "".concat(this.playbackSliderHeight, "px"));
156
- this.playbackControls.render(this.availability.from, this.availability.to, this.onSelecTimestamp.bind(this), this.chartOptions, {
157
- intervalMillis: this.playbackRate,
158
- stepSizeMillis: this.availability.bucketSizeMillis,
159
- });
160
- };
161
- HistoryPlayback.prototype.updateAvailability = function (from, to) {
162
- this.availability = new TsqRange(from, to);
163
- if (this.chartOptions.bucketSizeMillis &&
164
- this.chartOptions.bucketSizeMillis > 0) {
165
- this.availability.setNeatBucketSizeByRoughBucketSize(this.chartOptions.bucketSizeMillis);
166
- }
167
- else {
168
- this.availability.setNeatBucketSizeByNumerOfBuckets(this.numberOfBuckets);
169
- }
170
- this.availability.alignWithServerEpoch();
171
- };
172
- return HistoryPlayback;
173
- }(Component));
174
-
175
- export { HistoryPlayback as H };
@@ -1,6 +0,0 @@
1
- interface HorizontalMarker {
2
- color: string;
3
- value: number;
4
- }
5
-
6
- export type { HorizontalMarker as H };