@pie-element/charting 13.0.1-next.20261005182602 → 13.0.1-next.20261005184705

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.
@@ -1,5 +1,5 @@
1
1
  import { i as e } from "../rolldown-runtime-CWhphoD1.js";
2
- import { $ as t, B as n, C as r, D as i, E as a, F as o, G as s, I as c, J as l, K as u, L as d, M as f, N as p, P as m, Q as h, R as g, S as _, T as v, U as y, V as b, W as x, X as S, Y as C, Z as w, _ as T, a as E, c as D, d as O, et as k, f as A, g as j, i as M, k as N, l as P, m as F, n as ee, p as I, q as te, r as L, s as ne, t as R, u as z, w as B, z as V } from "../chart-4c_jHCFa.js";
2
+ import { $ as t, B as n, C as r, D as i, E as a, F as o, G as s, I as c, J as l, K as u, L as d, M as f, N as p, P as m, Q as h, R as g, S as _, T as v, U as y, V as b, W as x, X as S, Y as C, Z as w, _ as T, a as E, c as D, d as O, et as k, f as A, g as j, i as M, k as N, l as P, m as F, n as ee, p as I, q as te, r as L, s as ne, t as R, u as z, w as B, z as V } from "../chart-CkyRyeg6.js";
3
3
  import { d as re, i as ie, p as H, s as U, t as W, v as ae } from "../dist-C8LYVZbH.js";
4
4
  import * as G from "react";
5
5
  import K, { Component as oe, createElement as se, useEffect as ce, useId as le, useState as ue } from "react";
@@ -3763,10 +3763,10 @@ var fo = Object.defineProperty, po = (e, t) => {
3763
3763
  BACKGROUND_DARK: "#ECEDF1",
3764
3764
  DROPDOWN_BACKGROUND: "#E0E1E6",
3765
3765
  SECONDARY_BACKGROUND: "rgba(241,241,241,1)",
3766
- SURFACE: "#E0E1E6",
3766
+ SURFACE: "#EBECF1",
3767
3767
  BORDER: "#9A9A9A",
3768
3768
  BORDER_LIGHT: "#D1D1D1",
3769
- BORDER_DARK: "#646464",
3769
+ BORDER_DARK: "#66686A",
3770
3770
  BORDER_GRAY: "#7E8494",
3771
3771
  TABLE_GRID: "black",
3772
3772
  TABLE_GRID_LIGHT: "#dfe2e5",
@@ -49217,6 +49217,7 @@ var n5 = (0, Hl.default)("pie-lib:chart:bars"), r5 = [
49217
49217
  index: H.default.number.isRequired,
49218
49218
  graphProps: dC.GraphPropsType.isRequired,
49219
49219
  interactive: H.default.bool,
49220
+ disabled: H.default.bool,
49220
49221
  correctness: H.default.shape({
49221
49222
  value: H.default.string,
49222
49223
  label: H.default.string
@@ -49259,7 +49260,7 @@ var n5 = (0, Hl.default)("pie-lib:chart:bars"), r5 = [
49259
49260
  n5("[dragValue] next:", t), this.setDragValue(t);
49260
49261
  };
49261
49262
  render() {
49262
- let { graphProps: e, value: t, label: n, xBand: r, index: i, interactive: a, correctness: o, barColor: s, defineChart: c, correctData: l } = this.props, { scale: u, range: d } = e, { dragValue: f, isHovered: p } = this.state, m = cce(p, s, i, sce, a && !o), h = Number.isFinite(f) ? f : t, g = r.bandwidth(), _ = u.y(d.max - h), v = r(W8({ label: n }, i)), y = d.max - h, b = d.max - y, x = l ? l.find((e) => e.label === n) : null, S = a ? e5 : $8, C = !!s;
49263
+ let { graphProps: e, value: t, label: n, xBand: r, index: i, interactive: a, disabled: o, correctness: s, barColor: c, defineChart: l, correctData: u } = this.props, { scale: d, range: f } = e, { dragValue: p, isHovered: m } = this.state, h = cce(m, c, i, sce, a && !s), g = Number.isFinite(p) ? p : t, _ = r.bandwidth(), v = d.y(f.max - g), y = r(W8({ label: n }, i)), b = f.max - g, x = f.max - b, S = u ? u.find((e) => e.label === n) : null, C = a ? e5 : $8, w = !!c;
49263
49264
  return /* @__PURE__ */ R("g", {
49264
49265
  ref: (e) => this.gRef = e,
49265
49266
  onMouseEnter: this.handleMouseEnter,
@@ -49268,20 +49269,20 @@ var n5 = (0, Hl.default)("pie-lib:chart:bars"), r5 = [
49268
49269
  onTouchEnd: this.handleMouseLeave,
49269
49270
  children: [
49270
49271
  /* @__PURE__ */ L(i5, {
49271
- x: v,
49272
- y: u.y(b),
49273
- width: g,
49274
- height: _,
49275
- style: { fill: m }
49272
+ x: y,
49273
+ y: d.y(x),
49274
+ width: _,
49275
+ height: v,
49276
+ style: { fill: h }
49276
49277
  }),
49277
- o && o.value === "incorrect" && (() => {
49278
- let e = parseFloat(x && x.value);
49278
+ s && s.value === "incorrect" && (() => {
49279
+ let e = parseFloat(S && S.value);
49279
49280
  if (isNaN(e)) return null;
49280
- let t = u.y(d.max - e), n = _, r = Math.abs(t - n), i = u.y(e), a = t > n ? V.borderGray() : V.defaults.WHITE, o = t > n ? i : i - r;
49281
+ let t = d.y(f.max - e), n = v, r = Math.abs(t - n), i = d.y(e), a = t > n ? V.borderGray() : V.defaults.WHITE, o = t > n ? i : i - r;
49281
49282
  return /* @__PURE__ */ R(ne, { children: [/* @__PURE__ */ L(i5, {
49282
- x: v + 2,
49283
+ x: y + 2,
49283
49284
  y: o,
49284
- width: g - 4,
49285
+ width: _ - 4,
49285
49286
  height: r,
49286
49287
  style: {
49287
49288
  stroke: a,
@@ -49290,25 +49291,26 @@ var n5 = (0, Hl.default)("pie-lib:chart:bars"), r5 = [
49290
49291
  fill: "none"
49291
49292
  }
49292
49293
  }), /* @__PURE__ */ L("foreignObject", {
49293
- x: v + g - (C ? 24 : 14),
49294
+ x: y + _ - (w ? 24 : 14),
49294
49295
  y: i - 12,
49295
49296
  width: 24,
49296
49297
  height: 24,
49297
49298
  children: /* @__PURE__ */ L(t5, { dashColor: a })
49298
49299
  })] });
49299
49300
  })(),
49300
- /* @__PURE__ */ L(S, {
49301
- x: v,
49302
- y: h,
49303
- defineChart: c,
49301
+ /* @__PURE__ */ L(C, {
49302
+ x: y,
49303
+ y: g,
49304
+ defineChart: l,
49304
49305
  interactive: a,
49305
- width: g,
49306
+ disabled: o,
49307
+ width: _,
49306
49308
  onDrag: (e) => this.dragValue(t, e),
49307
49309
  onDragStop: this.dragStop,
49308
49310
  graphProps: e,
49309
- correctness: o,
49310
- isHovered: p,
49311
- color: m
49311
+ correctness: s,
49312
+ isHovered: m,
49313
+ color: h
49312
49314
  })
49313
49315
  ]
49314
49316
  });
@@ -49324,20 +49326,21 @@ var n5 = (0, Hl.default)("pie-lib:chart:bars"), r5 = [
49324
49326
  histogram: H.default.bool
49325
49327
  };
49326
49328
  render() {
49327
- let { data: e, graphProps: t, xBand: n, onChangeCategory: r, defineChart: i, histogram: a, correctData: o } = this.props;
49328
- return /* @__PURE__ */ L(Y8, { children: (e || []).map((e, s) => /* @__PURE__ */ L(lce, {
49329
+ let { data: e, graphProps: t, xBand: n, onChangeCategory: r, defineChart: i, histogram: a, correctData: o, disabled: s } = this.props;
49330
+ return /* @__PURE__ */ L(Y8, { children: (e || []).map((e, c) => /* @__PURE__ */ L(lce, {
49329
49331
  value: e.value,
49330
49332
  interactive: i || e.interactive,
49331
49333
  defineChart: i,
49334
+ disabled: s,
49332
49335
  label: e.label,
49333
49336
  xBand: n,
49334
- index: s,
49335
- onChangeCategory: (e) => r(s, e),
49337
+ index: c,
49338
+ onChangeCategory: (e) => r(c, e),
49336
49339
  graphProps: t,
49337
49340
  correctness: e.correctness,
49338
49341
  correctData: o,
49339
- barColor: a && (r5[s] ? r5[s] : r5[s % r5.length])
49340
- }, `bar-${e.label}-${e.value}-${s}`)) });
49342
+ barColor: a && (r5[c] ? r5[c] : r5[c % r5.length])
49343
+ }, `bar-${e.label}-${e.value}-${c}`)) });
49341
49344
  }
49342
49345
  }, uce = class extends b.Component {
49343
49346
  static propTypes = {
@@ -51053,6 +51056,7 @@ var J7 = (e = "fill") => ({
51053
51056
  index: H.default.number.isRequired,
51054
51057
  graphProps: dC.GraphPropsType.isRequired,
51055
51058
  defineChart: H.default.bool,
51059
+ disabled: H.default.bool,
51056
51060
  data: H.default.arrayOf(H.default.shape({
51057
51061
  label: H.default.string,
51058
51062
  value: H.default.number
@@ -51082,28 +51086,29 @@ var J7 = (e = "fill") => ({
51082
51086
  r[e].dragValue = n, this.setDragValue(r);
51083
51087
  };
51084
51088
  render() {
51085
- let { graphProps: e, data: t, CustomDraggableComponent: n, defineChart: r, correctData: i } = this.props, { line: a, dragging: o } = this.state, { scale: s } = e, c = o ? a : Q7(t, e.domain);
51089
+ let { graphProps: e, data: t, CustomDraggableComponent: n, defineChart: r, correctData: i, disabled: a } = this.props, { line: o, dragging: s } = this.state, { scale: c } = e, l = s ? o : Q7(t, e.domain);
51086
51090
  return /* @__PURE__ */ R(b.Fragment, { children: [/* @__PURE__ */ L(Tle, {
51087
- data: c,
51088
- x: (e) => s.x(e.x),
51089
- y: (e) => s.y(e.dragValue === void 0 ? e.y : e.dragValue),
51091
+ data: l,
51092
+ x: (e) => c.x(e.x),
51093
+ y: (e) => c.y(e.dragValue === void 0 ? e.y : e.dragValue),
51090
51094
  className: "line"
51091
- }), c && c.map((t, a) => {
51092
- let o = r || t.interactive;
51093
- return /* @__PURE__ */ L(o ? wle : Z7, {
51095
+ }), l && l.map((t, o) => {
51096
+ let s = r || t.interactive;
51097
+ return /* @__PURE__ */ L(s ? wle : Z7, {
51094
51098
  x: t.x,
51095
51099
  y: t.dragValue === void 0 ? t.y : t.dragValue,
51096
- interactive: o,
51100
+ interactive: s,
51101
+ disabled: a,
51097
51102
  r: 6,
51098
51103
  onDragStart: () => this.setState({ dragging: !0 }),
51099
- onDrag: (e) => this.dragValue(a, t.dragValue === void 0 ? t.y : t.dragValue, e),
51100
- onDragStop: () => this.dragStop(a),
51104
+ onDrag: (e) => this.dragValue(o, t.dragValue === void 0 ? t.y : t.dragValue, e),
51105
+ onDragStop: () => this.dragStop(o),
51101
51106
  graphProps: e,
51102
51107
  CustomDraggableComponent: n,
51103
51108
  correctness: t.correctness,
51104
51109
  correctData: i,
51105
51110
  label: t.label
51106
- }, `point-${t.x}-${a}`);
51111
+ }, `point-${t.x}-${o}`);
51107
51112
  })] });
51108
51113
  }
51109
51114
  })(() => ({ "& .line": {
@@ -51359,6 +51364,7 @@ var i9 = (0, Hl.default)("pie-lib:chart:bars"), a9 = 16, Ile = B(class extends b
51359
51364
  graphProps: dC.GraphPropsType.isRequired,
51360
51365
  CustomBarElement: H.default.func,
51361
51366
  interactive: H.default.bool,
51367
+ disabled: H.default.bool,
51362
51368
  correctness: H.default.shape({
51363
51369
  value: H.default.string,
51364
51370
  label: H.default.string
@@ -51412,83 +51418,84 @@ var i9 = (0, Hl.default)("pie-lib:chart:bars"), a9 = 16, Ile = B(class extends b
51412
51418
  });
51413
51419
  };
51414
51420
  render() {
51415
- let { graphProps: e, value: t, label: n, xBand: r, index: i, CustomBarElement: a, interactive: o, correctness: s, defineChart: c, correctData: l, className: u } = this.props, { scale: d, range: f, size: p } = e, { max: m } = f || {}, { dragValue: h, isHovered: g } = this.state, _ = Number.isFinite(h) ? h : t, v = r.bandwidth(), y = d.y(f.max - _), x = r(W8({ label: n }, i));
51416
- i9("label:", n, "barX:", x, "v: ", _, "barHeight:", y, "barWidth: ", v);
51417
- let S = [];
51418
- for (let e = 0; e < _; e++) S.push(e);
51419
- let C = p.height / m, w = (C > v ? v : C) * .8, T = o ? e5 : $8, E = o && !s;
51421
+ let { graphProps: e, value: t, label: n, xBand: r, index: i, CustomBarElement: a, interactive: o, disabled: s, correctness: c, defineChart: l, correctData: u, className: d } = this.props, { scale: f, range: p, size: m } = e, { max: h } = p || {}, { dragValue: g, isHovered: _ } = this.state, v = Number.isFinite(g) ? g : t, y = r.bandwidth(), x = f.y(p.max - v), S = r(W8({ label: n }, i));
51422
+ i9("label:", n, "barX:", S, "v: ", v, "barHeight:", x, "barWidth: ", y);
51423
+ let C = [];
51424
+ for (let e = 0; e < v; e++) C.push(e);
51425
+ let w = m.height / h, T = (w > y ? y : w) * .8, E = o ? e5 : $8, D = o && !c;
51420
51426
  return /* @__PURE__ */ L(b.Fragment, { children: /* @__PURE__ */ R("g", {
51421
- className: u,
51427
+ className: d,
51422
51428
  onMouseEnter: this.handleMouseEnter,
51423
51429
  onMouseLeave: this.handleMouseLeave,
51424
51430
  onTouchStart: this.handleMouseEnter,
51425
51431
  onTouchEnd: this.handleMouseLeave,
51426
51432
  children: [
51427
- g && E && /* @__PURE__ */ L("rect", {
51428
- x,
51429
- y: d.y(_),
51430
- width: v,
51431
- height: S?.length ? C * S.length : 0,
51433
+ _ && D && /* @__PURE__ */ L("rect", {
51434
+ x: S,
51435
+ y: f.y(v),
51436
+ width: y,
51437
+ height: C?.length ? w * C.length : 0,
51432
51438
  stroke: V.defaults.BORDER_GRAY,
51433
51439
  strokeWidth: "4px",
51434
51440
  fill: "transparent"
51435
51441
  }),
51436
- S.map((e) => a({
51442
+ C.map((e) => a({
51437
51443
  index: e,
51438
- pointDiameter: w,
51439
- barX: x,
51440
- barWidth: v,
51441
- pointHeight: C,
51444
+ pointDiameter: T,
51445
+ barX: S,
51446
+ barWidth: y,
51447
+ pointHeight: w,
51442
51448
  label: n,
51443
51449
  value: t,
51444
- scale: d
51450
+ scale: f
51445
51451
  })),
51446
- s && s.value === "incorrect" && (() => {
51447
- let e = parseFloat(l[i] && l[i].value);
51452
+ c && c.value === "incorrect" && (() => {
51453
+ let e = parseFloat(u[i] && u[i].value);
51448
51454
  if (isNaN(e)) return null;
51449
- let o = _;
51450
- if (e === 0) return this.renderCorrectnessIcon(x, v, e, s, d, C, w);
51455
+ let o = v;
51456
+ if (e === 0) return this.renderCorrectnessIcon(S, y, e, c, f, w, T);
51451
51457
  if (o > e) {
51452
51458
  let o = [];
51453
51459
  for (let t = 0; t < e; t++) o.push(t);
51454
- let c = o[o.length - 1], l = r(W8({ label: n }, i)), u = r.bandwidth(), f = p.height / m, h = (f > u ? u : f) * .8;
51460
+ let s = o[o.length - 1], l = r(W8({ label: n }, i)), u = r.bandwidth(), d = m.height / h, p = (d > u ? u : d) * .8;
51455
51461
  return /* @__PURE__ */ R(ne, { children: [/* @__PURE__ */ L(a, {
51456
- index: c,
51457
- pointDiameter: h + 10,
51462
+ index: s,
51463
+ pointDiameter: p + 10,
51458
51464
  barX: l,
51459
51465
  barWidth: u,
51460
- pointHeight: f,
51466
+ pointHeight: d,
51461
51467
  label: n,
51462
51468
  value: t,
51463
- scale: d,
51469
+ scale: f,
51464
51470
  dottedOverline: !0
51465
- }), this.renderCorrectnessIcon(l, u, e, s, d, f, h)] });
51471
+ }), this.renderCorrectnessIcon(l, u, e, c, f, d, p)] });
51466
51472
  }
51467
- let c = [];
51468
- for (let t = o; t < e; t++) c.push(t);
51469
- return /* @__PURE__ */ R(ne, { children: [c.map((e) => a({
51473
+ let s = [];
51474
+ for (let t = o; t < e; t++) s.push(t);
51475
+ return /* @__PURE__ */ R(ne, { children: [s.map((e) => a({
51470
51476
  index: e,
51471
- pointDiameter: w,
51472
- barX: x,
51473
- barWidth: v,
51474
- pointHeight: C,
51477
+ pointDiameter: T,
51478
+ barX: S,
51479
+ barWidth: y,
51480
+ pointHeight: w,
51475
51481
  label: n,
51476
51482
  value: t,
51477
- scale: d,
51483
+ scale: f,
51478
51484
  dottedOverline: !0
51479
- })), this.renderCorrectnessIcon(x, v, e, s, d, C, w)] });
51485
+ })), this.renderCorrectnessIcon(S, y, e, c, f, w, T)] });
51480
51486
  })(),
51481
- /* @__PURE__ */ L(T, {
51482
- x,
51483
- y: _,
51487
+ /* @__PURE__ */ L(E, {
51488
+ x: S,
51489
+ y: v,
51484
51490
  interactive: o,
51485
- width: v,
51491
+ disabled: s,
51492
+ width: y,
51486
51493
  onDrag: (e) => this.dragValue(t, e),
51487
51494
  onDragStop: this.dragStop,
51488
51495
  graphProps: e,
51489
- correctness: s,
51490
- isHovered: g,
51491
- defineChart: c,
51496
+ correctness: c,
51497
+ isHovered: _,
51498
+ defineChart: l,
51492
51499
  color: V.primaryDark(),
51493
51500
  isPlot: !0
51494
51501
  })
@@ -51545,20 +51552,21 @@ var i9 = (0, Hl.default)("pie-lib:chart:bars"), a9 = 16, Ile = B(class extends b
51545
51552
  className: H.default.string
51546
51553
  };
51547
51554
  render() {
51548
- let { data: e, graphProps: t, xBand: n, CustomBarElement: r, onChangeCategory: i, defineChart: a, correctData: o } = this.props;
51549
- return /* @__PURE__ */ L(Y8, { children: (e || []).map((e, s) => /* @__PURE__ */ L(Ile, {
51555
+ let { data: e, graphProps: t, xBand: n, CustomBarElement: r, onChangeCategory: i, defineChart: a, correctData: o, disabled: s } = this.props;
51556
+ return /* @__PURE__ */ L(Y8, { children: (e || []).map((e, c) => /* @__PURE__ */ L(Ile, {
51550
51557
  value: e.value,
51551
51558
  label: e.label,
51552
51559
  interactive: a || e.interactive,
51553
51560
  defineChart: a,
51561
+ disabled: s,
51554
51562
  xBand: n,
51555
- index: s,
51556
- onChangeCategory: (e) => i(s, e),
51563
+ index: c,
51564
+ onChangeCategory: (e) => i(c, e),
51557
51565
  graphProps: t,
51558
51566
  CustomBarElement: r,
51559
51567
  correctness: e.correctness,
51560
51568
  correctData: o
51561
- }, `bar-${e.label}-${e.value}-${s}`)) });
51569
+ }, `bar-${e.label}-${e.value}-${c}`)) });
51562
51570
  }
51563
51571
  }, Lle = B(r9)(() => ({
51564
51572
  fill: V.visualElementsColors.PLOT_FILL_COLOR,
@@ -54113,6 +54121,7 @@ var Rue = class extends b.Component {
54113
54121
  categoryDefaultLabel: H.default.string,
54114
54122
  categoryDefaults: H.default.object,
54115
54123
  defineChart: H.default.bool,
54124
+ disabled: H.default.bool,
54116
54125
  theme: H.default.object,
54117
54126
  chartingOptions: H.default.object,
54118
54127
  changeInteractiveEnabled: H.default.bool,
@@ -54200,77 +54209,77 @@ var Rue = class extends b.Component {
54200
54209
  this.setState({ autoFocus: !1 });
54201
54210
  };
54202
54211
  render() {
54203
- let { domain: e = {}, range: t = {}, chartingOptions: n, size: r, title: i, onChangeTitle: a, onChangeLabels: o, labelsPlaceholders: s, titlePlaceholder: c, addCategoryEnabled: l, changeInteractiveEnabled: u, changeEditableEnabled: d, showPixelGuides: f, error: p, mathMlOptions: m = {}, language: h, labelsCharactersLimit: _, correctData: v } = this.props, { chartType: y } = this.props, { dialog: b } = this.state, x = this.props.defineChart || !1, { width: S, height: C } = r || {}, w = {
54212
+ let { domain: e = {}, range: t = {}, chartingOptions: n, size: r, title: i, onChangeTitle: a, onChangeLabels: o, labelsPlaceholders: s, titlePlaceholder: c, addCategoryEnabled: l, changeInteractiveEnabled: u, changeEditableEnabled: d, showPixelGuides: f, error: p, mathMlOptions: m = {}, language: h, labelsCharactersLimit: _, correctData: v, disabled: y } = this.props, { chartType: b } = this.props, { dialog: x } = this.state, S = this.props.defineChart || !1, { width: C, height: w } = r || {}, T = {
54204
54213
  left: t?.label || "",
54205
54214
  bottom: e?.label || ""
54206
- }, { type: T, ChartComponent: E } = this.getChart(), D = this.getFilteredCategories(), O = Jse(e, t, y), { ariaLabel: k, ariaDescription: A } = Gue({
54215
+ }, { type: E, ChartComponent: D } = this.getChart(), O = this.getFilteredCategories(), k = Jse(e, t, b), { ariaLabel: A, ariaDescription: j } = Gue({
54207
54216
  title: i,
54208
- chartType: T,
54209
- categories: D,
54217
+ chartType: E,
54218
+ categories: O,
54210
54219
  range: {
54211
- ...O.range,
54220
+ ...k.range,
54212
54221
  label: t.label
54213
54222
  },
54214
54223
  language: h
54215
- }), { verticalLines: j, horizontalLines: M, leftAxis: N } = Yse(O.range, y), ee = { graphProps: qse(O.domain, O.range, r, () => this.rootNode) };
54216
- Uue("[render] common:", ee);
54217
- let P = {
54224
+ }), { verticalLines: M, horizontalLines: N, leftAxis: ee } = Yse(k.range, b), P = { graphProps: qse(k.domain, k.range, r, () => this.rootNode) };
54225
+ Uue("[render] common:", P);
54226
+ let F = {
54218
54227
  x: -10,
54219
54228
  y: -75,
54220
- width: S + 20,
54221
- height: C + 130
54222
- }, { scale: F } = ee.graphProps, I = G8(F.x, D, S, y), te = I.bandwidth() || F.x(O.domain.max) / D.length, ne = x ? 160 : 60, re = Math.max(Qse(te), this.state.labelOverhang), ie = g(ee);
54223
- return ie.graphProps.size.height += re + ne, (y === "dotPlot" || y === "linePlot") && v?.length && w.bottom && (ie.graphProps.size.height += 25), /* @__PURE__ */ R(Wue, { children: [/* @__PURE__ */ R(Cse, {
54229
+ width: C + 20,
54230
+ height: w + 130
54231
+ }, { scale: I } = P.graphProps, te = G8(I.x, O, C, b), ne = te.bandwidth() || I.x(k.domain.max) / O.length, re = S ? 160 : 60, ie = Math.max(Qse(ne), this.state.labelOverhang), ae = g(P);
54232
+ return ae.graphProps.size.height += ie + re, (b === "dotPlot" || b === "linePlot") && v?.length && T.bottom && (ae.graphProps.size.height += 25), /* @__PURE__ */ R(Wue, { children: [/* @__PURE__ */ R(Cse, {
54224
54233
  title: i,
54225
54234
  onChangeTitle: a,
54226
- disabledTitle: !x,
54235
+ disabledTitle: !S,
54227
54236
  showTitle: !0,
54228
54237
  showLabels: !0,
54229
- labels: w,
54238
+ labels: T,
54230
54239
  onChangeLabels: o,
54231
54240
  labelsPlaceholders: s,
54232
54241
  titlePlaceholder: c,
54233
- defineChart: x,
54234
- disabledLabels: !x,
54242
+ defineChart: S,
54243
+ disabledLabels: !S,
54235
54244
  isChart: !0,
54236
54245
  showPixelGuides: f,
54237
54246
  rootRef: (e) => this.rootNode = e,
54238
54247
  mathMlOptions: m,
54239
54248
  labelsCharactersLimit: _,
54240
- ariaLabel: k,
54241
- ariaDescription: A,
54242
- ...ie,
54249
+ ariaLabel: A,
54250
+ ariaDescription: j,
54251
+ ...ae,
54243
54252
  children: [
54244
54253
  /* @__PURE__ */ L(Kle, {
54245
- ...ee,
54246
- xBand: I,
54247
- rowTickValues: M,
54248
- columnTickValues: j
54254
+ ...P,
54255
+ xBand: te,
54256
+ rowTickValues: N,
54257
+ columnTickValues: M
54249
54258
  }),
54250
54259
  /* @__PURE__ */ L(Rue, {
54251
54260
  autoFocus: this.state.autoFocus,
54252
54261
  onAutoFocusUsed: this.resetAutoFocus,
54253
- ...ee,
54254
- defineChart: x,
54255
- categories: D,
54256
- xBand: I,
54257
- leftAxis: N,
54262
+ ...P,
54263
+ defineChart: S,
54264
+ categories: O,
54265
+ xBand: te,
54266
+ leftAxis: ee,
54258
54267
  onChange: this.changeData,
54259
54268
  onChangeCategory: this.changeCategory,
54260
54269
  chartingOptions: n,
54261
54270
  changeInteractiveEnabled: u,
54262
54271
  changeEditableEnabled: d,
54263
- top: re,
54272
+ top: ie,
54264
54273
  error: p,
54265
- showCorrectness: y === "linePlot" || y === "dotPlot",
54274
+ showCorrectness: b === "linePlot" || b === "dotPlot",
54266
54275
  language: h,
54267
54276
  onLabelOverhang: this.setLabelOverhang
54268
54277
  }),
54269
54278
  l ? /* @__PURE__ */ L("foreignObject", {
54270
- x: S,
54271
- y: C - 16,
54272
- width: S,
54273
- height: C,
54279
+ x: C,
54280
+ y: w - 16,
54281
+ width: C,
54282
+ height: w,
54274
54283
  children: /* @__PURE__ */ L("div", {
54275
54284
  xmlns: "http://www.w3.org/1999/xhtml",
54276
54285
  style: {
@@ -54278,7 +54287,7 @@ var Rue = class extends b.Component {
54278
54287
  justifyContent: "flex-start"
54279
54288
  },
54280
54289
  children: /* @__PURE__ */ L(Hue, {
54281
- categories: D,
54290
+ categories: O,
54282
54291
  addCategory: this.addCategory,
54283
54292
  deleteCategory: this.deleteCategory,
54284
54293
  language: h
@@ -54288,33 +54297,34 @@ var Rue = class extends b.Component {
54288
54297
  /* @__PURE__ */ L("mask", {
54289
54298
  id: `${this.maskUid}`,
54290
54299
  children: /* @__PURE__ */ L("rect", {
54291
- ...P,
54300
+ ...F,
54292
54301
  fill: "white"
54293
54302
  })
54294
54303
  }),
54295
54304
  /* @__PURE__ */ L("g", {
54296
54305
  mask: `url('#${this.maskUid}')`,
54297
- children: E && /* @__PURE__ */ L(E, {
54298
- ...ee,
54299
- data: D,
54300
- height: ie.graphProps.size.height,
54301
- defineChart: x,
54306
+ children: D && /* @__PURE__ */ L(D, {
54307
+ ...P,
54308
+ data: O,
54309
+ height: ae.graphProps.size.height,
54310
+ defineChart: S,
54302
54311
  onChange: this.changeData,
54303
54312
  onChangeCategory: this.changeCategory,
54304
- correctData: v
54313
+ correctData: v,
54314
+ disabled: y
54305
54315
  })
54306
54316
  })
54307
54317
  ]
54308
54318
  }), /* @__PURE__ */ L(K9, {
54309
- open: b.open,
54310
- title: b.title,
54311
- text: b.text,
54312
- onClose: b.onClose,
54313
- onConfirm: b.onConfirm
54319
+ open: x.open,
54320
+ title: x.title,
54321
+ text: x.text,
54322
+ onClose: x.onClose,
54323
+ onConfirm: x.onConfirm
54314
54324
  })] });
54315
54325
  }
54316
54326
  };
54317
54327
  //#endregion
54318
54328
  export { _n as $, _p as A, ul as B, Hm as C, Cm as D, wm as E, Nl as F, B as G, Ks as H, El as I, ca as J, ao as K, U as L, of as M, eu as N, ym as O, $l as P, Br as Q, bl as R, Gm as S, Tm as T, V as U, Mc as V, uo as W, Ur as X, oa as Y, Hr as Z, kh as _, u9 as a, eh as b, PX as c, lJ as d, ce as et, iJ as f, WL as g, GL as h, U9 as i, fp as j, zp as k, kX as l, BK as m, K9 as n, Z8 as o, Fq as p, to as q, G9 as r, F6 as s, Kue as t, mY as u, oh as v, Fm as w, $m as x, ih as y, gl as z };
54319
54329
 
54320
- //# sourceMappingURL=chart-4c_jHCFa.js.map
54330
+ //# sourceMappingURL=chart-CkyRyeg6.js.map