svelteplot 0.11.0 → 0.11.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 (86) hide show
  1. package/dist/Mark.svelte +6 -1
  2. package/dist/Mark.svelte.d.ts +1 -1
  3. package/dist/constants.js +2 -0
  4. package/dist/core/Plot.svelte +31 -3
  5. package/dist/helpers/arrowPath.js +10 -5
  6. package/dist/helpers/autoScales.js +4 -2
  7. package/dist/helpers/autoTicks.js +4 -4
  8. package/dist/helpers/autoTimeFormat.js +22 -12
  9. package/dist/helpers/colors.d.ts +4 -4
  10. package/dist/helpers/facets.d.ts +42 -1
  11. package/dist/helpers/facets.js +83 -0
  12. package/dist/helpers/math.js +1 -1
  13. package/dist/helpers/noise.js +1 -1
  14. package/dist/helpers/roundedRect.js +1 -1
  15. package/dist/helpers/scales.d.ts +1 -0
  16. package/dist/helpers/scales.js +8 -5
  17. package/dist/helpers/time.js +1 -1
  18. package/dist/helpers/typeChecks.d.ts +1 -0
  19. package/dist/helpers/typeChecks.js +3 -0
  20. package/dist/marks/Area.svelte.d.ts +1 -1
  21. package/dist/marks/AreaX.svelte.d.ts +1 -1
  22. package/dist/marks/AreaY.svelte.d.ts +1 -1
  23. package/dist/marks/Arrow.svelte.d.ts +1 -1
  24. package/dist/marks/AxisX.svelte +8 -3
  25. package/dist/marks/AxisX.svelte.d.ts +1 -1
  26. package/dist/marks/AxisY.svelte +8 -3
  27. package/dist/marks/AxisY.svelte.d.ts +1 -1
  28. package/dist/marks/BarX.svelte.d.ts +1 -1
  29. package/dist/marks/BarY.svelte.d.ts +1 -1
  30. package/dist/marks/BollingerX.svelte.d.ts +1 -1
  31. package/dist/marks/BollingerY.svelte.d.ts +1 -1
  32. package/dist/marks/BoxY.svelte.d.ts +1 -1
  33. package/dist/marks/Brush.svelte.d.ts +1 -1
  34. package/dist/marks/Cell.svelte.d.ts +1 -1
  35. package/dist/marks/CellX.svelte.d.ts +1 -1
  36. package/dist/marks/CellY.svelte.d.ts +1 -1
  37. package/dist/marks/CustomMark.svelte.d.ts +1 -1
  38. package/dist/marks/DifferenceY.svelte.d.ts +1 -1
  39. package/dist/marks/Dot.svelte.d.ts +1 -1
  40. package/dist/marks/DotX.svelte.d.ts +1 -1
  41. package/dist/marks/DotY.svelte.d.ts +1 -1
  42. package/dist/marks/Frame.svelte.d.ts +1 -1
  43. package/dist/marks/Geo.svelte.d.ts +1 -1
  44. package/dist/marks/GridX.svelte.d.ts +1 -1
  45. package/dist/marks/GridY.svelte.d.ts +1 -1
  46. package/dist/marks/HTMLTooltip.svelte +28 -25
  47. package/dist/marks/Image.svelte.d.ts +1 -1
  48. package/dist/marks/Line.svelte.d.ts +1 -1
  49. package/dist/marks/LineX.svelte.d.ts +1 -1
  50. package/dist/marks/LineY.svelte.d.ts +1 -1
  51. package/dist/marks/Link.svelte.d.ts +1 -1
  52. package/dist/marks/Pointer.svelte +31 -29
  53. package/dist/marks/Rect.svelte.d.ts +1 -1
  54. package/dist/marks/RectX.svelte.d.ts +1 -1
  55. package/dist/marks/RectY.svelte.d.ts +1 -1
  56. package/dist/marks/RuleX.svelte.d.ts +1 -1
  57. package/dist/marks/RuleY.svelte.d.ts +1 -1
  58. package/dist/marks/Spike.svelte.d.ts +1 -1
  59. package/dist/marks/Text.svelte.d.ts +2 -2
  60. package/dist/marks/TickX.svelte.d.ts +1 -1
  61. package/dist/marks/TickY.svelte.d.ts +1 -1
  62. package/dist/marks/Trail.svelte.d.ts +1 -1
  63. package/dist/marks/Vector.svelte.d.ts +1 -1
  64. package/dist/marks/WaffleX.svelte.d.ts +1 -1
  65. package/dist/marks/WaffleY.svelte.d.ts +1 -1
  66. package/dist/marks/helpers/Box.svelte.d.ts +1 -1
  67. package/dist/marks/helpers/MarkerPath.svelte.d.ts +1 -1
  68. package/dist/marks/helpers/Regression.svelte +2 -1
  69. package/dist/marks/helpers/trail.js +1 -1
  70. package/dist/marks/helpers/waffle.js +1 -1
  71. package/dist/regression/polynomial.js +2 -2
  72. package/dist/transforms/bollinger.js +6 -3
  73. package/dist/transforms/density.js +3 -3
  74. package/dist/transforms/group.d.ts +1 -1
  75. package/dist/transforms/interval.d.ts +2 -2
  76. package/dist/transforms/jitter.d.ts +3 -3
  77. package/dist/transforms/map.d.ts +3 -3
  78. package/dist/transforms/map.js +2 -2
  79. package/dist/transforms/normalize.d.ts +2 -2
  80. package/dist/transforms/normalize.js +1 -1
  81. package/dist/transforms/select.d.ts +7 -7
  82. package/dist/transforms/window.d.ts +2 -2
  83. package/dist/types/mark.d.ts +2 -2
  84. package/dist/types/plot.d.ts +1 -1
  85. package/dist/types/scale.d.ts +2 -2
  86. package/package.json +181 -179
@@ -17,7 +17,7 @@ declare function $$render<Datum = DataRecord | GeoJSON.GeoJsonObject>(): {
17
17
  fill: ChannelAccessor<Datum>;
18
18
  fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
19
19
  fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
20
- fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
20
+ fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
21
21
  fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
22
22
  fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
23
23
  fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;
@@ -14,7 +14,7 @@ declare function $$render<Datum extends DataRecord>(): {
14
14
  fill: ChannelAccessor<Datum>;
15
15
  fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
16
16
  fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
17
- fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
17
+ fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
18
18
  fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
19
19
  fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
20
20
  fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;
@@ -13,7 +13,7 @@ declare function $$render<Datum extends DataRecord>(): {
13
13
  fill: ChannelAccessor<Datum>;
14
14
  fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
15
15
  fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
16
- fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
16
+ fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
17
17
  fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
18
18
  fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
19
19
  fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;
@@ -12,7 +12,7 @@ declare function $$render<Datum extends DataRecord>(): {
12
12
  fill: ChannelAccessor<Datum>;
13
13
  fillOpacity: import("../../types/index.js").ConstantAccessor<number, Datum>;
14
14
  fontFamily: import("../../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
15
- fontSize: import("../../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
15
+ fontSize: import("../../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
16
16
  fontStyle: import("../../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
17
17
  fontVariant: import("../../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
18
18
  fontWeight: import("../../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;
@@ -13,7 +13,7 @@ declare function $$render<Datum extends DataRecord>(): {
13
13
  fill: import("../../types/index.js").ChannelAccessor<Datum>;
14
14
  fillOpacity: ConstantAccessor<number, Datum>;
15
15
  fontFamily: ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
16
- fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
16
+ fontSize: ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
17
17
  fontStyle: ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
18
18
  fontVariant: ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
19
19
  fontWeight: ConstantAccessor<import("csstype").Property.FontWeight, Datum>;
@@ -43,6 +43,7 @@
43
43
  regressionLoess
44
44
  } from '../../regression/index.js';
45
45
  import { resolveChannel } from '../../helpers/resolve.js';
46
+ import { isTemporalScale } from '../../helpers/typeChecks.js';
46
47
  import { confidenceInterval } from '../../helpers/math.js';
47
48
  import callWithProps from '../../helpers/callWithProps.js';
48
49
  import type { DataRecord, FacetContext, RawValue } from '../../types/index.js';
@@ -93,7 +94,7 @@
93
94
 
94
95
  // Convert generated points back to Date for time scales so downstream marks render correctly.
95
96
  function toOutputX(value: number, scaleType: string): RawValue {
96
- return scaleType === 'time' ? new Date(value) : value;
97
+ return isTemporalScale(scaleType) ? new Date(value) : value;
97
98
  }
98
99
 
99
100
  function makeTicks(domain: [number, number], count = 40): number[] {
@@ -29,7 +29,7 @@ export function trailPath(samples, defined, context, options = {}) {
29
29
  }
30
30
  const resampled = resampleCurve(segment, curveFactory, Math.max(1, samplesPerSegment));
31
31
  smoothedSamples.push(...resampled);
32
- smoothedDefined.push(...new Array(resampled.length).fill(true));
32
+ smoothedDefined.push(...Array.from({ length: resampled.length }, () => true));
33
33
  // preserve a gap between defined segments
34
34
  if (i < len) {
35
35
  smoothedSamples.push(samples[i]);
@@ -159,6 +159,6 @@ export function maybeRound(round) {
159
159
  if (round === true)
160
160
  return Math.round;
161
161
  if (typeof round !== 'function')
162
- throw new Error(`invalid round: ${round}`);
162
+ throw new Error(`invalid round: ${String(round)}`);
163
163
  return round;
164
164
  }
@@ -110,7 +110,7 @@ export default function polynomial() {
110
110
  return polynomialRegression;
111
111
  }
112
112
  function uncenter(k, a, x, y) {
113
- const z = new Array(k).fill(0);
113
+ const z = Array.from({ length: k }, () => 0);
114
114
  for (let i = k - 1; i >= 0; --i) {
115
115
  let v = a[i];
116
116
  z[i] += v;
@@ -127,7 +127,7 @@ function uncenter(k, a, x, y) {
127
127
  // Solve A * x = b using Gaussian elimination
128
128
  function gaussianElimination(matrix) {
129
129
  const n = matrix.length - 1;
130
- const coef = new Array(n);
130
+ const coef = Array.from({ length: n });
131
131
  for (let i = 0; i < n; i++) {
132
132
  let r = i;
133
133
  // find pivot row
@@ -44,18 +44,21 @@ function bollinger(values, N, K) {
44
44
  // compute sum and square of sums
45
45
  for (let n = Math.min(N - 1, values.length); i < n; ++i) {
46
46
  const value = values[i];
47
- ((sum += value), (sumSquared += value ** 2));
47
+ sum += value;
48
+ sumSquared += value ** 2;
48
49
  }
49
50
  for (let n = values.length; i < n; ++i) {
50
51
  const value = values[i];
51
- ((sum += value), (sumSquared += value ** 2));
52
+ sum += value;
53
+ sumSquared += value ** 2;
52
54
  const mean = sum / N;
53
55
  const deviation = Math.sqrt((sumSquared - sum ** 2 / N) / (N - 1));
54
56
  for (let j = 0; j < K.length; ++j) {
55
57
  bands[j][i] = mean + deviation * K[j];
56
58
  }
57
59
  const value0 = values[i - N + 1];
58
- ((sum -= value0), (sumSquared -= value0 ** 2));
60
+ sum -= value0;
61
+ sumSquared -= value0 ** 2;
59
62
  }
60
63
  return bands;
61
64
  }
@@ -89,7 +89,7 @@ function bandwidthSilverman(x) {
89
89
  const hi = Math.sqrt(xvar);
90
90
  let lo;
91
91
  if (!(lo = Math.min(hi, iqr / 1.34))) {
92
- (lo = hi) || (lo = Math.abs(x[1])) || (lo = 1);
92
+ lo = hi || Math.abs(x[1]) || 1;
93
93
  }
94
94
  return lo * Math.pow(x.length, -0.2);
95
95
  }
@@ -202,7 +202,7 @@ function kde1d(values, weights, atValues, kernel, bw, cumulative) {
202
202
  return densities;
203
203
  if (cumulative === -1) {
204
204
  let area = 0;
205
- const cdf = new Array(densities.length);
205
+ const cdf = Array.from({ length: densities.length });
206
206
  for (let i = densities.length - 1; i >= 0; i--) {
207
207
  if (i < densities.length - 1) {
208
208
  const dx = densities[i + 1][0] - densities[i][0];
@@ -213,7 +213,7 @@ function kde1d(values, weights, atValues, kernel, bw, cumulative) {
213
213
  return cdf;
214
214
  }
215
215
  let area = 0;
216
- const cdf = new Array(densities.length);
216
+ const cdf = Array.from({ length: densities.length });
217
217
  for (let i = 0; i < densities.length; i++) {
218
218
  if (i > 0) {
219
219
  const dx = densities[i][0] - densities[i - 1][0];
@@ -51,7 +51,7 @@ export declare function group({ data, ...channels }: TransformArg<DataRecord>, o
51
51
  fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, RawValue>>;
52
52
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, RawValue>>;
53
53
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, RawValue>>;
54
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, RawValue>>;
54
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, RawValue>>;
55
55
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, RawValue>>;
56
56
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, RawValue>>;
57
57
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, RawValue>>;
@@ -14,7 +14,7 @@ export declare function intervalX<T>(args: TransformArg<T>): {
14
14
  fill?: import("../types/channel.js").ChannelAccessor<T>;
15
15
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
16
16
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
17
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
17
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, T>;
18
18
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
19
19
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
20
20
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
@@ -154,7 +154,7 @@ export declare function intervalY<T>(args: TransformArg<T>): {
154
154
  fill?: import("../types/channel.js").ChannelAccessor<T>;
155
155
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
156
156
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
157
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
157
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, T>;
158
158
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
159
159
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
160
160
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
@@ -27,7 +27,7 @@ export declare function jitterX<T>(args: TransformArg<T>, options: JitterOptions
27
27
  fill?: import("../types/channel.js").ChannelAccessor<T>;
28
28
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
29
29
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
30
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
30
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, T>;
31
31
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
32
32
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
33
33
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
@@ -167,7 +167,7 @@ export declare function jitterY<T>(args: TransformArg<T>, options: JitterOptions
167
167
  fill?: import("../types/channel.js").ChannelAccessor<T>;
168
168
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
169
169
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
170
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
170
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, T>;
171
171
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
172
172
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
173
173
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
@@ -308,7 +308,7 @@ export declare function jitter<T>({ data, ...channels }: TransformArg<T>, option
308
308
  fill?: import("../types/channel.js").ChannelAccessor<T>;
309
309
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
310
310
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
311
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
311
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, T>;
312
312
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
313
313
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
314
314
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
@@ -14,7 +14,7 @@ export declare function map<T>(args: TransformArg<T>, options: MapOptions): {
14
14
  fill?: import("../types/channel.js").ChannelAccessor<T>;
15
15
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
16
16
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
17
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
17
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, T>;
18
18
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
19
19
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
20
20
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
@@ -154,7 +154,7 @@ export declare function mapX<T>(args: TransformArg<T>, mapper: MapMethod): {
154
154
  fill?: import("../types/channel.js").ChannelAccessor<T>;
155
155
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
156
156
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
157
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
157
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, T>;
158
158
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
159
159
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
160
160
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
@@ -294,7 +294,7 @@ export declare function mapY<T>(args: TransformArg<T>, mapper: MapMethod): {
294
294
  fill?: import("../types/channel.js").ChannelAccessor<T>;
295
295
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
296
296
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
297
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
297
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, T>;
298
298
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
299
299
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
300
300
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
@@ -15,7 +15,7 @@ export function map(args, options) {
15
15
  const mapper = maybeMap(map);
16
16
  const values = groupedData.map((d) => resolveChannel(channel, d, channels));
17
17
  const indices = groupedData.map((d, i) => i);
18
- const mappedValues = new Array(values.length);
18
+ const mappedValues = Array.from({ length: values.length });
19
19
  mapper.mapIndex(indices, values, mappedValues);
20
20
  newChannels[channel] = `__${channel}`;
21
21
  for (let i = 0; i < values.length; ++i) {
@@ -65,7 +65,7 @@ function maybeMap(map) {
65
65
  return map;
66
66
  if (typeof map === 'function')
67
67
  return mapFunction(map);
68
- switch (`${map}`.toLowerCase()) {
68
+ switch (map.toLowerCase()) {
69
69
  case 'cumsum':
70
70
  return mapCumsum;
71
71
  case 'rank':
@@ -19,7 +19,7 @@ export declare function normalizeX<T>(args: TransformArg<T>, options: NormalizeO
19
19
  fill?: import("../types/channel.js").ChannelAccessor<T>;
20
20
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
21
21
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
22
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
22
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, T>;
23
23
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
24
24
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
25
25
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
@@ -159,7 +159,7 @@ export declare function normalizeY<T>(args: TransformArg<T>, options: NormalizeO
159
159
  fill?: import("../types/channel.js").ChannelAccessor<T>;
160
160
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
161
161
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, T>;
162
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", T>;
162
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, T>;
163
163
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, T>;
164
164
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, T>;
165
165
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, T>;
@@ -27,7 +27,7 @@ function normalize(options) {
27
27
  if (typeof basis === 'function')
28
28
  return normalizeBasis(basis);
29
29
  // if (/^p\d{2}$/i.test(basis)) return normalizeAccessor(percentile(basis));
30
- switch (`${basis}`.toLowerCase()) {
30
+ switch (basis.toLowerCase()) {
31
31
  case 'deviation':
32
32
  return normalizeDeviation;
33
33
  case 'first':
@@ -21,7 +21,7 @@ export declare function select({ data, ...channels }: TransformArg<DataRecord>,
21
21
  fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
22
22
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
23
23
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/data.js").RawValue>>;
24
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/data.js").RawValue>>;
24
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/data.js").RawValue>>;
25
25
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/data.js").RawValue>>;
26
26
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/data.js").RawValue>>;
27
27
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/data.js").RawValue>>;
@@ -161,7 +161,7 @@ export declare function selectFirst(args: TransformArg<DataRecord>): {
161
161
  fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
162
162
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
163
163
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/data.js").RawValue>>;
164
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/data.js").RawValue>>;
164
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/data.js").RawValue>>;
165
165
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/data.js").RawValue>>;
166
166
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/data.js").RawValue>>;
167
167
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/data.js").RawValue>>;
@@ -301,7 +301,7 @@ export declare function selectLast(args: TransformArg<DataRecord>): {
301
301
  fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
302
302
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
303
303
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/data.js").RawValue>>;
304
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/data.js").RawValue>>;
304
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/data.js").RawValue>>;
305
305
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/data.js").RawValue>>;
306
306
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/data.js").RawValue>>;
307
307
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/data.js").RawValue>>;
@@ -439,7 +439,7 @@ export declare function selectMinX(args: TransformArg<DataRecord>): {
439
439
  fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
440
440
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
441
441
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/data.js").RawValue>>;
442
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/data.js").RawValue>>;
442
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/data.js").RawValue>>;
443
443
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/data.js").RawValue>>;
444
444
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/data.js").RawValue>>;
445
445
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/data.js").RawValue>>;
@@ -577,7 +577,7 @@ export declare function selectMaxX(args: TransformArg<DataRecord>): {
577
577
  fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
578
578
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
579
579
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/data.js").RawValue>>;
580
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/data.js").RawValue>>;
580
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/data.js").RawValue>>;
581
581
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/data.js").RawValue>>;
582
582
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/data.js").RawValue>>;
583
583
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/data.js").RawValue>>;
@@ -715,7 +715,7 @@ export declare function selectMinY(args: TransformArg<DataRecord>): {
715
715
  fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
716
716
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
717
717
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/data.js").RawValue>>;
718
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/data.js").RawValue>>;
718
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/data.js").RawValue>>;
719
719
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/data.js").RawValue>>;
720
720
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/data.js").RawValue>>;
721
721
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/data.js").RawValue>>;
@@ -853,7 +853,7 @@ export declare function selectMaxY(args: TransformArg<DataRecord>): {
853
853
  fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
854
854
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
855
855
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/data.js").RawValue>>;
856
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/data.js").RawValue>>;
856
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/data.js").RawValue>>;
857
857
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/data.js").RawValue>>;
858
858
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/data.js").RawValue>>;
859
859
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/data.js").RawValue>>;
@@ -28,7 +28,7 @@ export declare function windowX(args: TransformArg<DataRecord>, options: WindowO
28
28
  fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
29
29
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
30
30
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/data.js").RawValue>>;
31
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/data.js").RawValue>>;
31
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/data.js").RawValue>>;
32
32
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/data.js").RawValue>>;
33
33
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/data.js").RawValue>>;
34
34
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/data.js").RawValue>>;
@@ -171,7 +171,7 @@ export declare function windowY(args: TransformArg<DataRecord>, options: WindowO
171
171
  fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
172
172
  fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
173
173
  fontFamily?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/data.js").RawValue>>;
174
- fontSize?: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/data.js").RawValue>>;
174
+ fontSize?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/data.js").RawValue>>;
175
175
  fontStyle?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/data.js").RawValue>>;
176
176
  fontVariant?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/data.js").RawValue>>;
177
177
  fontWeight?: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/data.js").RawValue>>;
@@ -42,7 +42,7 @@ export type BaseMarkProps<T = DataRecord> = Partial<{
42
42
  /** font family for text-capable marks */
43
43
  fontFamily: ConstantAccessor<CSS.Property.FontFamily, T>;
44
44
  /** font size for text-capable marks */
45
- fontSize: ConstantAccessor<CSS.Property.FontSize | number, T>;
45
+ fontSize: ConstantAccessor<CSS.Property.FontSize<number>, T>;
46
46
  /** font style for text-capable marks */
47
47
  fontStyle: ConstantAccessor<CSS.Property.FontStyle, T>;
48
48
  /** font variant for text-capable marks */
@@ -190,7 +190,7 @@ export type LinkableMarkProps<T> = {
190
190
  * the target of the link, e.g. "_blank" or "_self"
191
191
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/a#target
192
192
  */
193
- target?: ConstantAccessor<'_self' | '_blank' | '_parent' | '_top' | string, T>;
193
+ target?: ConstantAccessor<'_self' | '_blank' | '_parent' | '_top' | (string & {}), T>;
194
194
  /**
195
195
  * if set to true, the link will be downloaded instead of navigating to it
196
196
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download
@@ -84,7 +84,7 @@ export type PlotDefaults = {
84
84
  * default color scheme
85
85
  */
86
86
  colorScheme: ColorScheme;
87
- categoricalColorScheme: ColorScheme | string[];
87
+ categoricalColorScheme: ColorScheme | string[] | Record<string, string>;
88
88
  /**
89
89
  * fallback color to be used for null/NA
90
90
  */
@@ -126,7 +126,7 @@ export type ColorScaleOptions = ScaleOptions & {
126
126
  /**
127
127
  * the name of the color scheme to use, e.g. 'blues', 'turbo', 'rdylbu'
128
128
  */
129
- scheme: ColorScheme | string[];
129
+ scheme: ColorScheme | string[] | Record<string, string>;
130
130
  /**
131
131
  * fallback color used for null/undefined
132
132
  */
@@ -148,7 +148,7 @@ export type ColorScaleOptions = ScaleOptions & {
148
148
  */
149
149
  tickFormat: false | Intl.NumberFormatOptions | TickFormatFunction;
150
150
  };
151
- export type ScaleType = 'linear' | 'pow' | 'sqrt' | 'log' | 'symlog' | 'time' | 'point' | 'ordinal' | 'sequential' | 'band' | 'categorical' | 'cyclical' | 'threshold' | 'quantile-cont' | 'quantile' | 'quantize' | 'diverging' | 'diverging-log' | 'diverging-pow' | 'diverging-sqrt' | 'diverging-symlog';
151
+ export type ScaleType = 'linear' | 'pow' | 'sqrt' | 'log' | 'symlog' | 'time' | 'utc' | 'point' | 'ordinal' | 'sequential' | 'band' | 'categorical' | 'cyclical' | 'threshold' | 'quantile-cont' | 'quantile' | 'quantize' | 'diverging' | 'diverging-log' | 'diverging-pow' | 'diverging-sqrt' | 'diverging-symlog';
152
152
  export type XScaleOptions = ScaleOptions & {
153
153
  /**
154
154
  * Activate the implicit GridX mark. For more control over the grid styling