@hpcc-js/api 3.4.0 → 3.4.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.
- package/dist/index.js +553 -461
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +3 -2
- package/dist/index.umd.cjs.map +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -1,509 +1,588 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { Palette, hsl, Widget, map, selection, select, format } from "@hpcc-js/common";
|
|
4
4
|
const PKG_NAME = "@hpcc-js/api";
|
|
5
|
-
const PKG_VERSION = "3.4.
|
|
6
|
-
const BUILD_VERSION = "3.15.
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
function I1DChart() {}
|
|
5
|
+
const PKG_VERSION = "3.4.1";
|
|
6
|
+
const BUILD_VERSION = "3.15.1";
|
|
7
|
+
function I1DChart() {
|
|
8
|
+
}
|
|
9
|
+
__name(I1DChart, "I1DChart");
|
|
11
10
|
I1DChart.prototype._dataFamily = "1D";
|
|
12
11
|
I1DChart.prototype._palette = Palette.rainbow("default");
|
|
13
|
-
I1DChart.prototype.click = function(row, column, selected) {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
I1DChart.prototype.click = function(row, column, selected) {
|
|
13
|
+
};
|
|
14
|
+
I1DChart.prototype.dblclick = function(row, column, selected) {
|
|
15
|
+
};
|
|
16
|
+
function I2DChart() {
|
|
17
|
+
}
|
|
18
|
+
__name(I2DChart, "I2DChart");
|
|
19
19
|
I2DChart.prototype._dataFamily = "2D";
|
|
20
20
|
I2DChart.prototype._palette = Palette.ordinal("default");
|
|
21
21
|
I2DChart.prototype.fillColor = function(row, column, value, origRow) {
|
|
22
|
-
|
|
22
|
+
return this._palette(row[0]);
|
|
23
23
|
};
|
|
24
24
|
I2DChart.prototype.strokeColor = function(row, column, value, origRow) {
|
|
25
|
-
|
|
25
|
+
return hsl(this.fillColor(row, column, value, origRow)).darker().toString();
|
|
26
26
|
};
|
|
27
27
|
I2DChart.prototype.textColor = function(row, column, value, origRow) {
|
|
28
|
-
|
|
29
|
-
};
|
|
30
|
-
I2DChart.prototype.click = function(row, column, selected) {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
28
|
+
return Palette.textColor(this.fillColor(row, column, value, origRow));
|
|
29
|
+
};
|
|
30
|
+
I2DChart.prototype.click = function(row, column, selected) {
|
|
31
|
+
};
|
|
32
|
+
I2DChart.prototype.dblclick = function(row, column, selected) {
|
|
33
|
+
};
|
|
34
|
+
function I2DAggrChart() {
|
|
35
|
+
}
|
|
36
|
+
__name(I2DAggrChart, "I2DAggrChart");
|
|
36
37
|
I2DAggrChart.prototype._palette = Palette.rainbow("default");
|
|
37
38
|
I2DAggrChart.prototype.fillColor = function(row, column, value) {
|
|
38
|
-
|
|
39
|
+
return this._palette(row.length);
|
|
39
40
|
};
|
|
40
41
|
I2DAggrChart.prototype.strokeColor = function(row, column, value) {
|
|
41
|
-
|
|
42
|
+
return hsl(this.fillColor(row, column, value)).darker().toString();
|
|
42
43
|
};
|
|
43
44
|
I2DAggrChart.prototype.textColor = function(row, column, value) {
|
|
44
|
-
|
|
45
|
-
};
|
|
46
|
-
I2DAggrChart.prototype.click = function(row, column, selected) {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
45
|
+
return Palette.textColor(this.fillColor(row, column, value));
|
|
46
|
+
};
|
|
47
|
+
I2DAggrChart.prototype.click = function(row, column, selected) {
|
|
48
|
+
};
|
|
49
|
+
I2DAggrChart.prototype.dblclick = function(row, column, selected) {
|
|
50
|
+
};
|
|
51
|
+
function IGraph() {
|
|
52
|
+
}
|
|
53
|
+
__name(IGraph, "IGraph");
|
|
52
54
|
IGraph.prototype._dataFamily = "graph";
|
|
53
55
|
IGraph.prototype.vertex_click = function(_row, _col, _sel, more) {
|
|
54
|
-
|
|
56
|
+
if (more && more.vertex) ;
|
|
55
57
|
};
|
|
56
58
|
IGraph.prototype.vertex_dblclick = function(_row, _col, _sel, more) {
|
|
57
|
-
|
|
59
|
+
if (more && more.vertex) ;
|
|
58
60
|
};
|
|
59
61
|
IGraph.prototype.edge_click = function(_row, _col, _sel, more) {
|
|
60
|
-
|
|
62
|
+
if (more && more.edge) ;
|
|
61
63
|
};
|
|
62
64
|
IGraph.prototype.edge_dblclick = function(_row, _col, _sel, more) {
|
|
63
|
-
|
|
65
|
+
if (more && more.edge) ;
|
|
64
66
|
};
|
|
65
|
-
|
|
66
|
-
//#endregion
|
|
67
|
-
//#region src/IHighlight.ts
|
|
68
67
|
function instanceOfIHighlight(w) {
|
|
69
|
-
|
|
68
|
+
return typeof w.highlightColumn === "function";
|
|
69
|
+
}
|
|
70
|
+
__name(instanceOfIHighlight, "instanceOfIHighlight");
|
|
71
|
+
function IInput() {
|
|
70
72
|
}
|
|
71
|
-
|
|
72
|
-
//#endregion
|
|
73
|
-
//#region src/IInput.ts
|
|
74
|
-
function IInput() {}
|
|
73
|
+
__name(IInput, "IInput");
|
|
75
74
|
IInput.prototype = Object.create(Widget.prototype);
|
|
76
75
|
IInput.prototype.constructor = IInput;
|
|
77
76
|
IInput.prototype.isValid = function() {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
77
|
+
if (this.validate()) {
|
|
78
|
+
const re = new RegExp(this.validate());
|
|
79
|
+
if (!re.test(this.value())) {
|
|
80
|
+
return false;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
return true;
|
|
82
84
|
};
|
|
83
85
|
IInput.prototype.hasValue = function() {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
IInput.prototype.
|
|
86
|
+
if (typeof this.type === "function") {
|
|
87
|
+
switch (this.type()) {
|
|
88
|
+
case "radio":
|
|
89
|
+
/* falls through */
|
|
90
|
+
case "checkbox":
|
|
91
|
+
if (this.value() && this.value() !== "false") {
|
|
92
|
+
return true;
|
|
93
|
+
}
|
|
94
|
+
break;
|
|
95
|
+
default:
|
|
96
|
+
if (this.value()) {
|
|
97
|
+
return true;
|
|
98
|
+
}
|
|
99
|
+
break;
|
|
100
|
+
}
|
|
101
|
+
return false;
|
|
102
|
+
}
|
|
103
|
+
return this.value() !== "";
|
|
104
|
+
};
|
|
105
|
+
IInput.prototype.blur = function(_w) {
|
|
106
|
+
};
|
|
107
|
+
IInput.prototype.keyup = function(_w) {
|
|
108
|
+
};
|
|
109
|
+
IInput.prototype.focus = function(_w) {
|
|
110
|
+
};
|
|
111
|
+
IInput.prototype.click = function(_w) {
|
|
112
|
+
};
|
|
113
|
+
IInput.prototype.dblclick = function(_w) {
|
|
114
|
+
};
|
|
115
|
+
IInput.prototype.change = function(_w, complete) {
|
|
116
|
+
};
|
|
104
117
|
IInput.prototype.resetValue = function(w) {
|
|
105
|
-
|
|
118
|
+
w.value(w._inputElement[0].node().value);
|
|
106
119
|
};
|
|
107
120
|
IInput.prototype.disable = function(disable) {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
121
|
+
this._inputElement.forEach(function(e, idx) {
|
|
122
|
+
e.attr("disabled", disable ? "disabled" : null);
|
|
123
|
+
});
|
|
111
124
|
};
|
|
112
125
|
IInput.prototype.setFocus = function() {
|
|
113
|
-
|
|
126
|
+
if (this._inputElement.length) {
|
|
127
|
+
this._inputElement[0].node().focus();
|
|
128
|
+
}
|
|
114
129
|
};
|
|
115
130
|
IInput.prototype.publish("name", "", "string", "HTML name for the input");
|
|
116
131
|
IInput.prototype.publish("label", "", "string", "Descriptive label");
|
|
117
132
|
IInput.prototype.publish("value", "", "string", "Input Current Value");
|
|
118
133
|
IInput.prototype.publish("validate", null, "string", "Input Validation");
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
function INDChart() {}
|
|
134
|
+
function INDChart() {
|
|
135
|
+
}
|
|
136
|
+
__name(INDChart, "INDChart");
|
|
123
137
|
INDChart.prototype._dataFamily = "ND";
|
|
124
138
|
INDChart.prototype._palette = Palette.ordinal("default");
|
|
125
139
|
INDChart.prototype.fillColor = function(row, column, value, origRow) {
|
|
126
|
-
|
|
140
|
+
return this._palette(column);
|
|
127
141
|
};
|
|
128
142
|
INDChart.prototype.strokeColor = function(row, column, value, origRow) {
|
|
129
|
-
|
|
143
|
+
return hsl(this.fillColor(row, column, value, origRow)).darker().toString();
|
|
130
144
|
};
|
|
131
145
|
INDChart.prototype.textColor = function(row, column, value, origRow) {
|
|
132
|
-
|
|
146
|
+
return Palette.textColor(this.fillColor(row, column, value, origRow));
|
|
147
|
+
};
|
|
148
|
+
INDChart.prototype.click = function(row, column, selected) {
|
|
149
|
+
};
|
|
150
|
+
INDChart.prototype.dblclick = function(row, column, selected) {
|
|
133
151
|
};
|
|
134
|
-
INDChart.prototype.click = function(row, column, selected) {};
|
|
135
|
-
INDChart.prototype.dblclick = function(row, column, selected) {};
|
|
136
|
-
|
|
137
|
-
//#endregion
|
|
138
|
-
//#region src/Tooltip.ts
|
|
139
152
|
function tip() {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
153
|
+
let direction = d3TipDirection;
|
|
154
|
+
let offset = d3TipOffset;
|
|
155
|
+
let html = d3TipHTML;
|
|
156
|
+
let rootElement = functor(document.body);
|
|
157
|
+
let node = initNode();
|
|
158
|
+
let svg = null;
|
|
159
|
+
let point = null;
|
|
160
|
+
let target = null;
|
|
161
|
+
const tip2 = /* @__PURE__ */ __name(function(vis) {
|
|
162
|
+
svg = getSVGNode(vis);
|
|
163
|
+
if (!svg) return;
|
|
164
|
+
point = svg.createSVGPoint();
|
|
165
|
+
const re = rootElement();
|
|
166
|
+
if (!re) return;
|
|
167
|
+
if (!node) return;
|
|
168
|
+
re.appendChild(node);
|
|
169
|
+
}, "tip2");
|
|
170
|
+
tip2.show = function(d, idx, arr) {
|
|
171
|
+
target = arr[idx];
|
|
172
|
+
const args = Array.prototype.slice.call(arguments);
|
|
173
|
+
const content = html.apply(this, args);
|
|
174
|
+
if (content === null) {
|
|
175
|
+
return tip2;
|
|
176
|
+
}
|
|
177
|
+
const poffset = offset.apply(this, args);
|
|
178
|
+
const nodel = getNodeEl();
|
|
179
|
+
let i = directions.length;
|
|
180
|
+
let coords;
|
|
181
|
+
const root_bbox = rootElement().getBoundingClientRect();
|
|
182
|
+
nodel.html(content).style("opacity", 1).style("pointer-events", "all");
|
|
183
|
+
while (i--) nodel.classed(directions[i], false);
|
|
184
|
+
let placement_success = false;
|
|
185
|
+
const placement_overflow = {};
|
|
186
|
+
let least_overflow_direction = directions[0];
|
|
187
|
+
for (let i2 = 0; i2 < directions.length; i2++) {
|
|
188
|
+
placement_success = _placement_attempt(directions[i2]);
|
|
189
|
+
if (placement_success) break;
|
|
190
|
+
}
|
|
191
|
+
if (!placement_success) {
|
|
192
|
+
nodel.classed("notick", true);
|
|
193
|
+
const top_offset = _vertical_adjustment(placement_overflow[least_overflow_direction]);
|
|
194
|
+
const left_offset = _horizontal_adjustment(placement_overflow[least_overflow_direction]);
|
|
195
|
+
_placement_attempt(least_overflow_direction, top_offset, left_offset);
|
|
196
|
+
} else {
|
|
197
|
+
nodel.classed("notick", false);
|
|
198
|
+
}
|
|
199
|
+
return tip2;
|
|
200
|
+
function _horizontal_adjustment(overflow_obj) {
|
|
201
|
+
if (overflow_obj.left > overflow_obj.right) {
|
|
202
|
+
return overflow_obj.left > 0 ? -overflow_obj.left : 0;
|
|
203
|
+
} else {
|
|
204
|
+
return overflow_obj.right > 0 ? overflow_obj.right : 0;
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
__name(_horizontal_adjustment, "_horizontal_adjustment");
|
|
208
|
+
function _vertical_adjustment(overflow_obj) {
|
|
209
|
+
if (overflow_obj.top > overflow_obj.bottom) {
|
|
210
|
+
return overflow_obj.top > 0 ? -overflow_obj.top : 0;
|
|
211
|
+
} else {
|
|
212
|
+
return overflow_obj.bottom;
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
__name(_vertical_adjustment, "_vertical_adjustment");
|
|
216
|
+
function _placement_attempt(_dir, _top_offset, _left_offset) {
|
|
217
|
+
_top_offset = _top_offset ? _top_offset : 0;
|
|
218
|
+
_left_offset = _left_offset ? _left_offset : 0;
|
|
219
|
+
nodel.style("white-space", "nowrap");
|
|
220
|
+
coords = directionCallbacks.get(_dir).apply(this);
|
|
221
|
+
nodel.classed(_dir, true).style("top", coords.top + poffset[0] - _top_offset + "px").style("left", coords.left + poffset[1] - _left_offset + "px");
|
|
222
|
+
const nodel_bbox = nodel.node().getBoundingClientRect();
|
|
223
|
+
const ret = nodel_bbox.top > root_bbox.top && nodel_bbox.left > root_bbox.left && nodel_bbox.bottom < root_bbox.bottom && nodel_bbox.right < root_bbox.right;
|
|
224
|
+
placement_overflow[_dir] = {
|
|
225
|
+
top: root_bbox.top - nodel_bbox.top,
|
|
226
|
+
right: nodel_bbox.right - root_bbox.right,
|
|
227
|
+
bottom: nodel_bbox.bottom - root_bbox.bottom,
|
|
228
|
+
left: root_bbox.left - nodel_bbox.left
|
|
229
|
+
};
|
|
230
|
+
nodel.style("white-space", "normal");
|
|
231
|
+
placement_overflow[_dir].total_overflow = Object.keys(placement_overflow[_dir]).filter((side) => placement_overflow[_dir][side] > 0).reduce((sum, side) => {
|
|
232
|
+
const side_overflow = placement_overflow[_dir][side];
|
|
233
|
+
return sum + side_overflow;
|
|
234
|
+
}, 0);
|
|
235
|
+
if (placement_overflow[least_overflow_direction].total_overflow > placement_overflow[_dir].total_overflow) {
|
|
236
|
+
least_overflow_direction = _dir;
|
|
237
|
+
}
|
|
238
|
+
if (!ret) {
|
|
239
|
+
nodel.classed(_dir, false);
|
|
240
|
+
}
|
|
241
|
+
return ret;
|
|
242
|
+
}
|
|
243
|
+
__name(_placement_attempt, "_placement_attempt");
|
|
244
|
+
};
|
|
245
|
+
tip2.hide = function() {
|
|
246
|
+
const nodel = getNodeEl();
|
|
247
|
+
nodel.style("opacity", 0).style("pointer-events", "none");
|
|
248
|
+
return tip2;
|
|
249
|
+
};
|
|
250
|
+
tip2.attr = function(n, v) {
|
|
251
|
+
if (arguments.length < 2 && typeof n === "string") {
|
|
252
|
+
return getNodeEl().attr(n);
|
|
253
|
+
}
|
|
254
|
+
const args = Array.prototype.slice.call(arguments);
|
|
255
|
+
selection.prototype.attr.apply(getNodeEl(), args);
|
|
256
|
+
return tip2;
|
|
257
|
+
};
|
|
258
|
+
tip2.style = function(n, v) {
|
|
259
|
+
if (arguments.length < 2 && typeof n === "string") {
|
|
260
|
+
return getNodeEl().style(n);
|
|
261
|
+
}
|
|
262
|
+
const args = Array.prototype.slice.call(arguments);
|
|
263
|
+
selection.prototype.style.apply(getNodeEl(), args);
|
|
264
|
+
return tip2;
|
|
265
|
+
};
|
|
266
|
+
tip2.direction = function(v) {
|
|
267
|
+
if (!arguments.length) return direction;
|
|
268
|
+
direction = v == null ? v : functor(v);
|
|
269
|
+
return tip2;
|
|
270
|
+
};
|
|
271
|
+
tip2.offset = function(v) {
|
|
272
|
+
if (!arguments.length) return offset;
|
|
273
|
+
offset = v == null ? v : functor(v);
|
|
274
|
+
return tip2;
|
|
275
|
+
};
|
|
276
|
+
tip2.html = function(v) {
|
|
277
|
+
if (!arguments.length) return html;
|
|
278
|
+
html = v == null ? v : functor(v);
|
|
279
|
+
return tip2;
|
|
280
|
+
};
|
|
281
|
+
tip2.rootElement = function(v) {
|
|
282
|
+
if (!arguments.length) return rootElement;
|
|
283
|
+
rootElement = functor(v);
|
|
284
|
+
return tip2;
|
|
285
|
+
};
|
|
286
|
+
tip2.destroy = function() {
|
|
287
|
+
if (node) {
|
|
288
|
+
getNodeEl().remove();
|
|
289
|
+
node = null;
|
|
290
|
+
}
|
|
291
|
+
return tip2;
|
|
292
|
+
};
|
|
293
|
+
function d3TipDirection() {
|
|
294
|
+
return "n";
|
|
295
|
+
}
|
|
296
|
+
__name(d3TipDirection, "d3TipDirection");
|
|
297
|
+
function d3TipOffset() {
|
|
298
|
+
return [0, 0];
|
|
299
|
+
}
|
|
300
|
+
__name(d3TipOffset, "d3TipOffset");
|
|
301
|
+
function d3TipHTML() {
|
|
302
|
+
return " ";
|
|
303
|
+
}
|
|
304
|
+
__name(d3TipHTML, "d3TipHTML");
|
|
305
|
+
const directionCallbacks = map({
|
|
306
|
+
n: directionNorth,
|
|
307
|
+
s: directionSouth,
|
|
308
|
+
e: directionEast,
|
|
309
|
+
w: directionWest,
|
|
310
|
+
nw: directionNorthWest,
|
|
311
|
+
ne: directionNorthEast,
|
|
312
|
+
sw: directionSouthWest,
|
|
313
|
+
se: directionSouthEast
|
|
314
|
+
});
|
|
315
|
+
const directions = directionCallbacks.keys();
|
|
316
|
+
function directionNorth() {
|
|
317
|
+
const bbox = getScreenBBox(window);
|
|
318
|
+
return {
|
|
319
|
+
top: bbox.n.y - node.offsetHeight,
|
|
320
|
+
left: bbox.n.x - node.offsetWidth / 2
|
|
321
|
+
};
|
|
322
|
+
}
|
|
323
|
+
__name(directionNorth, "directionNorth");
|
|
324
|
+
function directionSouth() {
|
|
325
|
+
const bbox = getScreenBBox(window);
|
|
326
|
+
return {
|
|
327
|
+
top: bbox.s.y + 8,
|
|
328
|
+
left: bbox.s.x - node.offsetWidth / 2
|
|
329
|
+
};
|
|
330
|
+
}
|
|
331
|
+
__name(directionSouth, "directionSouth");
|
|
332
|
+
function directionEast() {
|
|
333
|
+
const bbox = getScreenBBox(window);
|
|
334
|
+
return {
|
|
335
|
+
top: bbox.e.y - node.offsetHeight / 2,
|
|
336
|
+
left: bbox.e.x + 8
|
|
337
|
+
};
|
|
338
|
+
}
|
|
339
|
+
__name(directionEast, "directionEast");
|
|
340
|
+
function directionWest() {
|
|
341
|
+
const bbox = getScreenBBox(window);
|
|
342
|
+
return {
|
|
343
|
+
top: bbox.w.y - node.offsetHeight / 2,
|
|
344
|
+
left: bbox.w.x - node.offsetWidth - 8
|
|
345
|
+
};
|
|
346
|
+
}
|
|
347
|
+
__name(directionWest, "directionWest");
|
|
348
|
+
function directionNorthWest() {
|
|
349
|
+
const bbox = getScreenBBox(window);
|
|
350
|
+
return {
|
|
351
|
+
top: bbox.nw.y - node.offsetHeight,
|
|
352
|
+
left: bbox.nw.x - node.offsetWidth
|
|
353
|
+
};
|
|
354
|
+
}
|
|
355
|
+
__name(directionNorthWest, "directionNorthWest");
|
|
356
|
+
function directionNorthEast() {
|
|
357
|
+
const bbox = getScreenBBox(window);
|
|
358
|
+
return {
|
|
359
|
+
top: bbox.ne.y - node.offsetHeight,
|
|
360
|
+
left: bbox.ne.x
|
|
361
|
+
};
|
|
362
|
+
}
|
|
363
|
+
__name(directionNorthEast, "directionNorthEast");
|
|
364
|
+
function directionSouthWest() {
|
|
365
|
+
const bbox = getScreenBBox(window);
|
|
366
|
+
return {
|
|
367
|
+
top: bbox.sw.y,
|
|
368
|
+
left: bbox.sw.x - node.offsetWidth
|
|
369
|
+
};
|
|
370
|
+
}
|
|
371
|
+
__name(directionSouthWest, "directionSouthWest");
|
|
372
|
+
function directionSouthEast() {
|
|
373
|
+
const bbox = getScreenBBox(window);
|
|
374
|
+
return {
|
|
375
|
+
top: bbox.se.y,
|
|
376
|
+
left: bbox.se.x
|
|
377
|
+
};
|
|
378
|
+
}
|
|
379
|
+
__name(directionSouthEast, "directionSouthEast");
|
|
380
|
+
function initNode() {
|
|
381
|
+
const div = select(document.createElement("div"));
|
|
382
|
+
div.attr("class", "d3-tip").style("position", "absolute").style("top", "0px").style("opacity", 0).style("pointer-events", "none").style("box-sizing", "border-box");
|
|
383
|
+
return div.node();
|
|
384
|
+
}
|
|
385
|
+
__name(initNode, "initNode");
|
|
386
|
+
function getSVGNode(element) {
|
|
387
|
+
const svgNode = element.node();
|
|
388
|
+
if (!svgNode) return null;
|
|
389
|
+
if (svgNode.tagName.toLowerCase() === "svg") return svgNode;
|
|
390
|
+
return svgNode.ownerSVGElement;
|
|
391
|
+
}
|
|
392
|
+
__name(getSVGNode, "getSVGNode");
|
|
393
|
+
function getNodeEl() {
|
|
394
|
+
if (node == null) {
|
|
395
|
+
node = initNode();
|
|
396
|
+
rootElement().appendChild(node);
|
|
397
|
+
}
|
|
398
|
+
return select(node);
|
|
399
|
+
}
|
|
400
|
+
__name(getNodeEl, "getNodeEl");
|
|
401
|
+
function getScreenBBox(targetShape) {
|
|
402
|
+
let targetel = target || targetShape;
|
|
403
|
+
while (targetel.getCTM == null && targetel.parentNode != null) {
|
|
404
|
+
targetel = targetel.parentNode;
|
|
405
|
+
}
|
|
406
|
+
const bbox = {};
|
|
407
|
+
const matrix = targetel.getCTM();
|
|
408
|
+
const tbbox = targetel.getBBox();
|
|
409
|
+
const width = tbbox.width;
|
|
410
|
+
const height = tbbox.height;
|
|
411
|
+
const x = tbbox.x;
|
|
412
|
+
const y = tbbox.y;
|
|
413
|
+
point.x = x;
|
|
414
|
+
point.y = y;
|
|
415
|
+
bbox.nw = point.matrixTransform(matrix);
|
|
416
|
+
point.x += width;
|
|
417
|
+
bbox.ne = point.matrixTransform(matrix);
|
|
418
|
+
point.y += height;
|
|
419
|
+
bbox.se = point.matrixTransform(matrix);
|
|
420
|
+
point.x -= width;
|
|
421
|
+
bbox.sw = point.matrixTransform(matrix);
|
|
422
|
+
point.y -= height / 2;
|
|
423
|
+
bbox.w = point.matrixTransform(matrix);
|
|
424
|
+
point.x += width;
|
|
425
|
+
bbox.e = point.matrixTransform(matrix);
|
|
426
|
+
point.x -= width / 2;
|
|
427
|
+
point.y -= height / 2;
|
|
428
|
+
bbox.n = point.matrixTransform(matrix);
|
|
429
|
+
point.y += height;
|
|
430
|
+
bbox.s = point.matrixTransform(matrix);
|
|
431
|
+
return bbox;
|
|
432
|
+
}
|
|
433
|
+
__name(getScreenBBox, "getScreenBBox");
|
|
434
|
+
function functor(v) {
|
|
435
|
+
return typeof v === "function" ? v : function() {
|
|
436
|
+
return v;
|
|
437
|
+
};
|
|
438
|
+
}
|
|
439
|
+
__name(functor, "functor");
|
|
440
|
+
return tip2;
|
|
387
441
|
}
|
|
388
|
-
|
|
389
|
-
//#endregion
|
|
390
|
-
//#region src/ITooltip.ts
|
|
442
|
+
__name(tip, "tip");
|
|
391
443
|
function ITooltip() {
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
444
|
+
this.tooltip = tip();
|
|
445
|
+
if (this.tooltipLabelFormat_exists()) {
|
|
446
|
+
this._labelFormatter = format(this.tooltipLabelFormat());
|
|
447
|
+
}
|
|
448
|
+
if (this.tooltipValueFormat_exists()) {
|
|
449
|
+
this._valueFormatter = format(this.tooltipValueFormat());
|
|
450
|
+
}
|
|
451
|
+
if (this.layerEnter) {
|
|
452
|
+
const layerEnter = this.layerEnter;
|
|
453
|
+
this.layerEnter = function(_base, svgElement, _domElement) {
|
|
454
|
+
if (!this._parentOverlay) {
|
|
455
|
+
this._parentOverlay = _base._parentOverlay;
|
|
456
|
+
}
|
|
457
|
+
this.tooltipEnter(svgElement);
|
|
458
|
+
layerEnter.apply(this, arguments);
|
|
459
|
+
};
|
|
460
|
+
const layerUpdate = this.layerUpdate;
|
|
461
|
+
this.layerUpdate = function(_base) {
|
|
462
|
+
layerUpdate.apply(this, arguments);
|
|
463
|
+
this.tooltipUpdate();
|
|
464
|
+
};
|
|
465
|
+
const layerExit = this.layerExit;
|
|
466
|
+
this.layerExit = function(_base) {
|
|
467
|
+
this.tooltipExit();
|
|
468
|
+
layerExit.apply(this, arguments);
|
|
469
|
+
};
|
|
470
|
+
} else {
|
|
471
|
+
const enter = this.enter;
|
|
472
|
+
this.enter = function(_domNode, element) {
|
|
473
|
+
this.tooltipEnter(element);
|
|
474
|
+
enter.apply(this, arguments);
|
|
475
|
+
};
|
|
476
|
+
const update = this.update;
|
|
477
|
+
this.update = function(_domNode, _element) {
|
|
478
|
+
update.apply(this, arguments);
|
|
479
|
+
this.tooltipUpdate();
|
|
480
|
+
};
|
|
481
|
+
const exit = this.exit;
|
|
482
|
+
this.exit = function(_domNode, _element) {
|
|
483
|
+
this.tooltipExit();
|
|
484
|
+
exit.apply(this, arguments);
|
|
485
|
+
};
|
|
486
|
+
}
|
|
429
487
|
}
|
|
488
|
+
__name(ITooltip, "ITooltip");
|
|
430
489
|
ITooltip.prototype = Object.create(Widget.prototype);
|
|
431
490
|
ITooltip.prototype.constructor = ITooltip;
|
|
432
491
|
ITooltip.prototype.tooltipEnter = function(element) {
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
492
|
+
const overlayElement = this.parentOverlay();
|
|
493
|
+
if (!overlayElement.empty()) {
|
|
494
|
+
this.tooltip.rootElement(overlayElement.node().parentNode);
|
|
495
|
+
}
|
|
496
|
+
element.call(this.tooltip);
|
|
436
497
|
};
|
|
437
498
|
ITooltip.prototype.tooltipUpdate = function() {
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
499
|
+
this.tooltip.offset(() => {
|
|
500
|
+
if (event && this.tooltipFollowMouse()) {
|
|
501
|
+
const d3tipElement = document.querySelector(".d3-tip");
|
|
502
|
+
d3tipElement.style.display = "block";
|
|
503
|
+
d3tipElement.style.left = this.tooltipOffset() + event.clientX + "px";
|
|
504
|
+
d3tipElement.style.top = event.clientY + "px";
|
|
505
|
+
return [];
|
|
506
|
+
}
|
|
507
|
+
switch (this.tooltip.direction()()) {
|
|
508
|
+
case "e":
|
|
509
|
+
return [0, this.tooltipOffset()];
|
|
510
|
+
default:
|
|
511
|
+
return [-this.tooltipOffset(), 0];
|
|
512
|
+
}
|
|
513
|
+
});
|
|
514
|
+
let classed = this.tooltip.attr("class");
|
|
515
|
+
if (classed) {
|
|
516
|
+
classed = classed.split(" notick").join("") + (this.tooltipTick() ? "" : " notick") + (this.tooltipStyle() === "none" ? " hidden" : "");
|
|
517
|
+
classed = classed.split(" ").filter(function(_class) {
|
|
518
|
+
return _class.indexOf("ITooltip-tooltipStyle-") !== 0;
|
|
519
|
+
}).join(" ");
|
|
520
|
+
classed += " ITooltip-tooltipStyle-" + this.tooltipStyle();
|
|
521
|
+
this.tooltip.attr("class", classed);
|
|
522
|
+
}
|
|
460
523
|
};
|
|
461
524
|
ITooltip.prototype.tooltipExit = function() {
|
|
462
|
-
|
|
525
|
+
if (this.tooltip) {
|
|
526
|
+
this.tooltip.destroy();
|
|
527
|
+
}
|
|
463
528
|
};
|
|
464
529
|
ITooltip.prototype._tooltipHTML = function(d) {
|
|
465
|
-
|
|
530
|
+
return d;
|
|
466
531
|
};
|
|
467
532
|
ITooltip.prototype.tooltipHTML = function(_) {
|
|
468
|
-
|
|
533
|
+
return this.tooltip.html(_);
|
|
469
534
|
};
|
|
470
535
|
ITooltip.prototype.tooltipFormat = function(opts = {}) {
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
536
|
+
opts.label = opts.label === void 0 ? "" : opts.label;
|
|
537
|
+
if (this._labelFormatter) {
|
|
538
|
+
opts.label = this._labelFormatter(opts.label) || "";
|
|
539
|
+
} else if (this.formatData && this.parseData) {
|
|
540
|
+
opts.label = this.formatData(this.parseData(opts.label));
|
|
541
|
+
}
|
|
542
|
+
opts.series = opts.series || "";
|
|
543
|
+
if (opts.value instanceof Date) {
|
|
544
|
+
opts.value = opts.value || "";
|
|
545
|
+
} else if (this._valueFormatter) {
|
|
546
|
+
opts.value = this._valueFormatter(opts.value) || "";
|
|
547
|
+
} else if (this.formatValue && this.parseValue) {
|
|
548
|
+
opts.value = this.formatValue(this.parseValue(opts.value));
|
|
549
|
+
}
|
|
550
|
+
switch (this.tooltipStyle()) {
|
|
551
|
+
case "none":
|
|
552
|
+
break;
|
|
553
|
+
case "series-table":
|
|
554
|
+
let html = '<table class="ITooltip-series-table"><thead><tr><th colspan="2">' + opts.label + "</th></tr></thead><tbody>";
|
|
555
|
+
opts.arr.forEach(function(row) {
|
|
556
|
+
html += "<tr>";
|
|
557
|
+
html += "<td>";
|
|
558
|
+
html += '<div class="series-table-row-color" style="background-color:' + row.color + '"></div>';
|
|
559
|
+
html += '<div class="series-table-row-label">' + row.label + "</div>";
|
|
560
|
+
html += "</td>";
|
|
561
|
+
html += '<td><div class="series-table-row-value">' + row.value + "</div></td>";
|
|
562
|
+
html += "</tr>";
|
|
563
|
+
});
|
|
564
|
+
html += "</tbody>";
|
|
565
|
+
html += "</table>";
|
|
566
|
+
return html;
|
|
567
|
+
default:
|
|
568
|
+
if (opts.series) {
|
|
569
|
+
return "<span style='color:" + this.tooltipSeriesColor() + "'>" + opts.series + "</span> / <span style='color:" + this.tooltipLabelColor() + "'>" + opts.label + "</span>: <span style='color:" + this.tooltipValueColor() + "'>" + opts.value + "</span>";
|
|
570
|
+
}
|
|
571
|
+
if (opts.label !== "") {
|
|
572
|
+
return "<span style='color:" + this.tooltipLabelColor() + "'>" + opts.label + "</span>: <span style='color:" + this.tooltipValueColor() + "'>" + opts.value + "</span>";
|
|
573
|
+
}
|
|
574
|
+
return "<span style='color:" + this.tooltipValueColor() + "'>" + opts.value + "</span>";
|
|
575
|
+
}
|
|
499
576
|
};
|
|
500
577
|
ITooltip.prototype.tooltipKeyValueFormat = function(titleKey, obj) {
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
578
|
+
let body = "";
|
|
579
|
+
for (const key in obj) {
|
|
580
|
+
if (key !== titleKey) {
|
|
581
|
+
const value = obj && obj[key] ? obj[key] : "";
|
|
582
|
+
body += `<tr><td style="${this.tooltipLabelColor_exists() ? "color:" + this.tooltipLabelColor() : ""}">${key}</td><td style="font-weight:normal">${value}</td></tr>`;
|
|
583
|
+
}
|
|
584
|
+
}
|
|
585
|
+
return `<table>
|
|
507
586
|
<thead>
|
|
508
587
|
<tr><th colspan="2" style="font-weight:bold;font-size:16px">${obj[titleKey]}</th></tr>
|
|
509
588
|
</thead>
|
|
@@ -512,11 +591,7 @@ ITooltip.prototype.tooltipKeyValueFormat = function(titleKey, obj) {
|
|
|
512
591
|
</tbody>
|
|
513
592
|
</table>`;
|
|
514
593
|
};
|
|
515
|
-
ITooltip.prototype.publish("tooltipStyle", "default", "set", "Style mode", [
|
|
516
|
-
"default",
|
|
517
|
-
"none",
|
|
518
|
-
"series-table"
|
|
519
|
-
], {});
|
|
594
|
+
ITooltip.prototype.publish("tooltipStyle", "default", "set", "Style mode", ["default", "none", "series-table"], {});
|
|
520
595
|
ITooltip.prototype.publish("tooltipFollowMouse", false, "boolean", "If true, the tooltip will follow mouse movement", null, {});
|
|
521
596
|
ITooltip.prototype.publish("tooltipLabelFormat", void 0, "string", "Format of tooltip label(s) (the domain axis)", null, {});
|
|
522
597
|
ITooltip.prototype.publish("tooltipValueFormat", void 0, "string", "Number format of tooltip value(s)", null, {});
|
|
@@ -525,27 +600,44 @@ ITooltip.prototype.publish("tooltipLabelColor", "#CCFFFF", "html-color", "Color
|
|
|
525
600
|
ITooltip.prototype.publish("tooltipValueColor", "white", "html-color", "Color of tooltip value(s)", null, {});
|
|
526
601
|
ITooltip.prototype.publish("tooltipTick", true, "boolean", "Show tooltip tick", null, {});
|
|
527
602
|
ITooltip.prototype.publish("tooltipOffset", 8, "number", "Offset from the cursor", null, {});
|
|
528
|
-
|
|
603
|
+
const tooltipLabelFormat = ITooltip.prototype.tooltipLabelFormat;
|
|
529
604
|
ITooltip.prototype.tooltipLabelFormat = function(_) {
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
605
|
+
const retVal = tooltipLabelFormat.apply(this, arguments);
|
|
606
|
+
if (arguments.length) {
|
|
607
|
+
this._labelFormatter = format(_);
|
|
608
|
+
}
|
|
609
|
+
return retVal;
|
|
533
610
|
};
|
|
534
|
-
|
|
611
|
+
const tooltipValueFormat = ITooltip.prototype.tooltipValueFormat;
|
|
535
612
|
ITooltip.prototype.tooltipValueFormat = function(_) {
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
}
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
613
|
+
const retVal = tooltipValueFormat.apply(this, arguments);
|
|
614
|
+
if (arguments.length) {
|
|
615
|
+
this._valueFormatter = format(_);
|
|
616
|
+
}
|
|
617
|
+
return retVal;
|
|
618
|
+
};
|
|
619
|
+
function ITree() {
|
|
620
|
+
}
|
|
621
|
+
__name(ITree, "ITree");
|
|
544
622
|
ITree.prototype.constructor = ITree;
|
|
545
|
-
ITree.prototype.click = function(row, column, selected) {
|
|
546
|
-
|
|
623
|
+
ITree.prototype.click = function(row, column, selected) {
|
|
624
|
+
};
|
|
625
|
+
ITree.prototype.dblclick = function(row, column, selected) {
|
|
626
|
+
};
|
|
547
627
|
ITree.prototype._palette = Palette.ordinal("default");
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
628
|
+
export {
|
|
629
|
+
BUILD_VERSION,
|
|
630
|
+
I1DChart,
|
|
631
|
+
I2DAggrChart,
|
|
632
|
+
I2DChart,
|
|
633
|
+
IGraph,
|
|
634
|
+
IInput,
|
|
635
|
+
INDChart,
|
|
636
|
+
ITooltip,
|
|
637
|
+
ITree,
|
|
638
|
+
PKG_NAME,
|
|
639
|
+
PKG_VERSION,
|
|
640
|
+
instanceOfIHighlight
|
|
641
|
+
};
|
|
642
|
+
//# sourceMappingURL=index.js.map
|
|
643
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.d3-tip{line-height:1;font-weight:700;padding:12px;background:#000000a8;color:#fff;border-radius:2px;pointer-events:none!important;z-index:10}.d3-tip.hidden{visibility:hidden}.d3-tip:after{content:" ";box-sizing:border-box;display:inline-block;border:4px solid rgba(0,0,0,.66);position:absolute;pointer-events:none!important;width:8px;height:8px;margin:0}.d3-tip.n:after{top:100%;left:calc(50% - 4px);border-top-width:8px;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.d3-tip.e:after{top:calc(50% - 4px);left:-12px;border-top-color:transparent;border-right-width:8px;border-bottom-color:transparent;border-left-color:transparent}.d3-tip.s{margin-top:8px}.d3-tip.s:after{top:-12px;left:calc(50% - 4px);border-top-color:transparent;border-right-color:transparent;border-bottom-width:8px;border-left-color:transparent}.d3-tip.w:after{top:calc(50% - 4px);left:100%;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-width:8px}.d3-tip.notick:after{border-color:transparent!important}.common_Widget .over{stroke:#000000a8;opacity:.66}.d3-tip.ITooltip-tooltipStyle-series-table{padding:0}.d3-tip .ITooltip-series-table th,.d3-tip .ITooltip-series-table td{padding:6px;text-align:left;border:1px solid #D1D1D1}.d3-tip .ITooltip-series-table .series-table-row-color{display:inline-block;height:10px;width:10px;margin-right:10px}.d3-tip .ITooltip-series-table .series-table-row-label{display:inline-block}.d3-tip .ITooltip-series-table th{background-color:#b3b3b3}.d3-tip .ITooltip-series-table td{background-color:#fff;color:#555;font-weight:400}.d3-tip .ITooltip-series-table td:first-child{border-right:0}table.ITooltip-series-table td:last-child{border-left:1px dotted #A3A3A3}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|