gf-components 0.1.140 → 0.1.142

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.es.js CHANGED
@@ -22573,7 +22573,7 @@ var ZN = function(e, t) {
22573
22573
  t.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[i]) && (n[r[i]] = e[r[i]]);
22574
22574
  return n;
22575
22575
  };
22576
- const $n = /* @__PURE__ */ Fe.forwardRef((e, t) => {
22576
+ const Sn = /* @__PURE__ */ Fe.forwardRef((e, t) => {
22577
22577
  const {
22578
22578
  prefixCls: n,
22579
22579
  rootClassName: r,
@@ -22599,7 +22599,7 @@ const $n = /* @__PURE__ */ Fe.forwardRef((e, t) => {
22599
22599
  style: w
22600
22600
  }, zr(d, ["justify", "wrap", "align"])), l));
22601
22601
  });
22602
- process.env.NODE_ENV !== "production" && ($n.displayName = "Flex");
22602
+ process.env.NODE_ENV !== "production" && (Sn.displayName = "Flex");
22603
22603
  var UN = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" } }] }, name: "copy", theme: "outlined" }, qN = function(t, n) {
22604
22604
  return /* @__PURE__ */ C.createElement(nr, vt({}, t, {
22605
22605
  ref: n,
@@ -23910,6 +23910,7 @@ const FD = Gt(g1)`
23910
23910
  color: var(--gf-color-text-primary);
23911
23911
  font-weight: bold;
23912
23912
  `, tF = Gt(g1)`
23913
+ height: 22px;
23913
23914
  padding: 0px;
23914
23915
  font: var(--gf-label-md-default);
23915
23916
  color: var(--gf-color-button-primary);
@@ -23937,12 +23938,12 @@ const FD = Gt(g1)`
23937
23938
  cardtype: "default",
23938
23939
  ...a,
23939
23940
  children: [
23940
- /* @__PURE__ */ m.jsxs($n, { vertical: !0, gap: 24, style: { alignItems: "start" }, children: [
23941
+ /* @__PURE__ */ m.jsxs(Sn, { vertical: !0, gap: 24, style: { alignItems: "start" }, children: [
23941
23942
  /* @__PURE__ */ m.jsx(XD, { title: e, subtitle: t, type: "header" }),
23942
23943
  n
23943
23944
  ] }),
23944
23945
  /* @__PURE__ */ m.jsx("div", { style: { borderBottom: "1px solid #f0f0f0", margin: "32px -32px 32px -32px" } }),
23945
- /* @__PURE__ */ m.jsxs($n, { vertical: !0, gap: 8, style: { alignItems: "start" }, children: [
23946
+ /* @__PURE__ */ m.jsxs(Sn, { vertical: !0, gap: 8, style: { alignItems: "start" }, children: [
23946
23947
  /* @__PURE__ */ m.jsx(eF, { children: r || "Table of contents" }),
23947
23948
  i.map(
23948
23949
  (l, c) => /* @__PURE__ */ m.jsx(
@@ -23988,7 +23989,7 @@ const FD = Gt(g1)`
23988
23989
  onTabChange: d,
23989
23990
  tabBarExtraContent: /* @__PURE__ */ m.jsx(zD, { onClick: o == null ? void 0 : o[s] }),
23990
23991
  actions: n != null && n[s] ? [
23991
- /* @__PURE__ */ m.jsxs($n, { vertical: !0, children: [
23992
+ /* @__PURE__ */ m.jsxs(Sn, { vertical: !0, children: [
23992
23993
  /* @__PURE__ */ m.jsx(BD, { open: c, onClick: f, children: r }),
23993
23994
  c && (n == null ? void 0 : n[s])
23994
23995
  ] })
@@ -24022,8 +24023,8 @@ const FD = Gt(g1)`
24022
24023
  const [o, a] = pt(n), s = r ? { onChange: a } : !1;
24023
24024
  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
24024
24025
  /* @__PURE__ */ m.jsx(En, {}),
24025
- /* @__PURE__ */ m.jsx(nF, { cardtype: "grey", padding: 24, ...i, children: /* @__PURE__ */ m.jsxs($n, { vertical: !0, gap: 8, children: [
24026
- /* @__PURE__ */ m.jsxs($n, { gap: 16, align: "center", wrap: !0, children: [
24026
+ /* @__PURE__ */ m.jsx(nF, { cardtype: "grey", padding: 24, ...i, children: /* @__PURE__ */ m.jsxs(Sn, { vertical: !0, gap: 8, children: [
24027
+ /* @__PURE__ */ m.jsxs(Sn, { gap: 16, align: "center", wrap: !0, children: [
24027
24028
  /* @__PURE__ */ m.jsx(rF, { children: e }),
24028
24029
  /* @__PURE__ */ m.jsx(iF, { children: t })
24029
24030
  ] }),
@@ -24137,7 +24138,7 @@ const FD = Gt(g1)`
24137
24138
  style: o = {},
24138
24139
  full: a = !1
24139
24140
  }) => /* @__PURE__ */ m.jsx(
24140
- $n,
24141
+ Sn,
24141
24142
  {
24142
24143
  className: t,
24143
24144
  gap: n || 10,
@@ -34009,8 +34010,8 @@ const _le = Gt.span`
34009
34010
  },
34010
34011
  children: n ? "Data niet openbaar beschikbaar" : ""
34011
34012
  }
34012
- )), h = ({ data: p }) => /* @__PURE__ */ m.jsx($n, { gap: 16, className: "gf-full", justify: "center", wrap: !0, style: { width: c }, children: p == null ? void 0 : p.map(
34013
- (g, v) => /* @__PURE__ */ m.jsxs($n, { gap: 8, align: "center", children: [
34013
+ )), h = ({ data: p }) => /* @__PURE__ */ m.jsx(Sn, { gap: 16, className: "gf-full", justify: "center", wrap: !0, style: { width: c }, children: p == null ? void 0 : p.map(
34014
+ (g, v) => /* @__PURE__ */ m.jsxs(Sn, { gap: 8, align: "center", children: [
34014
34015
  /* @__PURE__ */ m.jsx("div", { style: {
34015
34016
  minWidth: 16,
34016
34017
  minHeight: 16,
@@ -34021,7 +34022,7 @@ const _le = Gt.span`
34021
34022
  ) });
34022
34023
  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
34023
34024
  /* @__PURE__ */ m.jsx(En, {}),
34024
- /* @__PURE__ */ m.jsxs($n, { vertical: !0, gap: 8, align: "center", style: { width: "100%" }, children: [
34025
+ /* @__PURE__ */ m.jsxs(Sn, { vertical: !0, gap: 8, align: "center", style: { width: "100%" }, children: [
34025
34026
  /* @__PURE__ */ m.jsx(_le, { children: t }),
34026
34027
  /* @__PURE__ */ m.jsx("div", { style: { width: "100%", height: l }, children: /* @__PURE__ */ m.jsx(
34027
34028
  Mle,
@@ -35795,7 +35796,7 @@ var cde = function(e) {
35795
35796
  }, colors: { scheme: "nivo" }, isInteractive: !0, debugMesh: !1, tooltip: function(e) {
35796
35797
  var t = e.node;
35797
35798
  return m.jsx(Gs, { id: t.serieId, value: "x: " + t.formattedX + ", y: " + t.formattedY, enableChip: !0, color: t.color });
35798
- }, markers: [], legends: [], annotations: [] }, Sn = Dr({}, aM, { blendMode: "normal", layers: ["grid", "axes", "nodes", "markers", "mesh", "legends", "annotations"], role: "img", useMesh: !0, animate: !0, motionConfig: "default" }), dr = Dr({}, aM, { layers: ["grid", "axes", "nodes", "mesh", "legends", "annotations"], pixelRatio: typeof window < "u" && window.devicePixelRatio || 1, renderNode: function(e, t) {
35799
+ }, markers: [], legends: [], annotations: [] }, $n = Dr({}, aM, { blendMode: "normal", layers: ["grid", "axes", "nodes", "markers", "mesh", "legends", "annotations"], role: "img", useMesh: !0, animate: !0, motionConfig: "default" }), dr = Dr({}, aM, { layers: ["grid", "axes", "nodes", "mesh", "legends", "annotations"], pixelRatio: typeof window < "u" && window.devicePixelRatio || 1, renderNode: function(e, t) {
35799
35800
  e.beginPath(), e.arc(t.x, t.y, t.size / 2, 0, 2 * Math.PI), e.fillStyle = t.color, e.fill();
35800
35801
  } }), dde = function(e) {
35801
35802
  var t = e.nodes, n = e.annotations, r = oM(t, n);
@@ -35833,7 +35834,7 @@ var cde = function(e) {
35833
35834
  }, [s]);
35834
35835
  return m.jsx(eM, { nodes: t, width: n, height: r, onMouseEnter: h, onMouseMove: p, onMouseLeave: g, onClick: v, debug: c });
35835
35836
  }, pde = ["isInteractive", "animate", "motionConfig", "theme", "renderWrapper"], mde = function(e) {
35836
- var t = e.data, n = e.xScale, r = n === void 0 ? Sn.xScale : n, i = e.xFormat, o = e.yScale, a = o === void 0 ? Sn.yScale : o, s = e.yFormat, l = e.width, c = e.height, u = e.margin, d = e.layers, f = d === void 0 ? Sn.layers : d, h = e.colors, p = h === void 0 ? Sn.colors : h, g = e.blendMode, v = g === void 0 ? Sn.blendMode : g, b = e.nodeId, y = b === void 0 ? Sn.nodeId : b, x = e.nodeSize, S = x === void 0 ? Sn.nodeSize : x, w = e.nodeComponent, $ = w === void 0 ? Sn.nodeComponent : w, H = e.enableGridX, _ = H === void 0 ? Sn.enableGridX : H, M = e.enableGridY, E = M === void 0 ? Sn.enableGridY : M, R = e.gridXValues, I = e.gridYValues, O = e.axisTop, T = e.axisRight, k = e.axisBottom, L = k === void 0 ? Sn.axisBottom : k, V = e.axisLeft, P = V === void 0 ? Sn.axisLeft : V, j = e.annotations, A = j === void 0 ? Sn.annotations : j, F = e.isInteractive, Z = F === void 0 ? Sn.isInteractive : F, U = e.useMesh, G = U === void 0 ? Sn.useMesh : U, J = e.debugMesh, X = J === void 0 ? Sn.debugMesh : J, Y = e.onMouseEnter, Q = e.onMouseMove, B = e.onMouseLeave, W = e.onClick, q = e.tooltip, N = q === void 0 ? Sn.tooltip : q, ne = e.markers, z = ne === void 0 ? Sn.markers : ne, re = e.legends, ie = re === void 0 ? Sn.legends : re, ge = e.role, ye = ge === void 0 ? Sn.role : ge, pe = e.ariaLabel, be = e.ariaLabelledBy, we = e.ariaDescribedBy, ve = ns(l, c, u), he = ve.margin, le = ve.innerWidth, Se = ve.innerHeight, fe = ve.outerWidth, Ne = ve.outerHeight, Ae = iM({ data: t, xScaleSpec: r, xFormat: i, yScaleSpec: a, yFormat: s, width: le, height: Se, nodeId: y, nodeSize: S, colors: p }), Re = Ae.xScale, ke = Ae.yScale, Qe = Ae.nodes, et = Ae.legendData, Be = Me(function() {
35837
+ var t = e.data, n = e.xScale, r = n === void 0 ? $n.xScale : n, i = e.xFormat, o = e.yScale, a = o === void 0 ? $n.yScale : o, s = e.yFormat, l = e.width, c = e.height, u = e.margin, d = e.layers, f = d === void 0 ? $n.layers : d, h = e.colors, p = h === void 0 ? $n.colors : h, g = e.blendMode, v = g === void 0 ? $n.blendMode : g, b = e.nodeId, y = b === void 0 ? $n.nodeId : b, x = e.nodeSize, S = x === void 0 ? $n.nodeSize : x, w = e.nodeComponent, $ = w === void 0 ? $n.nodeComponent : w, H = e.enableGridX, _ = H === void 0 ? $n.enableGridX : H, M = e.enableGridY, E = M === void 0 ? $n.enableGridY : M, R = e.gridXValues, I = e.gridYValues, O = e.axisTop, T = e.axisRight, k = e.axisBottom, L = k === void 0 ? $n.axisBottom : k, V = e.axisLeft, P = V === void 0 ? $n.axisLeft : V, j = e.annotations, A = j === void 0 ? $n.annotations : j, F = e.isInteractive, Z = F === void 0 ? $n.isInteractive : F, U = e.useMesh, G = U === void 0 ? $n.useMesh : U, J = e.debugMesh, X = J === void 0 ? $n.debugMesh : J, Y = e.onMouseEnter, Q = e.onMouseMove, B = e.onMouseLeave, W = e.onClick, q = e.tooltip, N = q === void 0 ? $n.tooltip : q, ne = e.markers, z = ne === void 0 ? $n.markers : ne, re = e.legends, ie = re === void 0 ? $n.legends : re, ge = e.role, ye = ge === void 0 ? $n.role : ge, pe = e.ariaLabel, be = e.ariaLabelledBy, we = e.ariaDescribedBy, ve = ns(l, c, u), he = ve.margin, le = ve.innerWidth, Se = ve.innerHeight, fe = ve.outerWidth, Ne = ve.outerHeight, Ae = iM({ data: t, xScaleSpec: r, xFormat: i, yScaleSpec: a, yFormat: s, width: le, height: Se, nodeId: y, nodeSize: S, colors: p }), Re = Ae.xScale, ke = Ae.yScale, Qe = Ae.nodes, et = Ae.legendData, Be = Me(function() {
35837
35838
  return { xScale: Re, yScale: ke, nodes: Qe, margin: he, innerWidth: le, innerHeight: Se, outerWidth: fe, outerHeight: Ne };
35838
35839
  }, [Re, ke, Qe, he, le, Se, fe, Ne]), je = { grid: null, axes: null, nodes: null, markers: null, mesh: null, annotations: null, legends: null };
35839
35840
  return f.includes("grid") && (je.grid = m.jsx(Y$, { width: le, height: Se, xScale: _ ? Re : null, yScale: E ? ke : null, xValues: R, yValues: I }, "grid")), f.includes("axes") && (je.axes = m.jsx(G$, { xScale: Re, yScale: ke, width: le, height: Se, top: O, right: T, bottom: L, left: P }, "axes")), f.includes("nodes") && (je.nodes = m.jsx(gde, { nodes: Qe, nodeComponent: $, isInteractive: Z, tooltip: N, blendMode: v, onMouseEnter: Y, onMouseMove: Q, onMouseLeave: B, onClick: W }, "nodes")), f.includes("markers") && (je.markers = m.jsx(h$, { markers: z, width: le, height: Se, xScale: Re, yScale: ke }, "markers")), f.includes("mesh") && Z && G && (je.mesh = m.jsx(vde, { nodes: Qe, width: le, height: Se, onMouseEnter: Y, onMouseMove: Q, onMouseLeave: B, onClick: W, tooltip: N, debug: X }, "mesh")), f.includes("annotations") && (je.annotations = m.jsx(dde, { nodes: Qe, annotations: A }, "annotations")), f.includes("legends") && (je.legends = ie.map(function(tt, Ge) {
@@ -35844,7 +35845,7 @@ var cde = function(e) {
35844
35845
  throw new Error("Unknown layer (" + tt + ")");
35845
35846
  }) });
35846
35847
  }, bde = function(e) {
35847
- var t = e.isInteractive, n = t === void 0 ? Sn.isInteractive : t, r = e.animate, i = r === void 0 ? Sn.animate : r, o = e.motionConfig, a = o === void 0 ? Sn.motionConfig : o, s = e.theme, l = e.renderWrapper, c = rM(e, pde);
35848
+ var t = e.isInteractive, n = t === void 0 ? $n.isInteractive : t, r = e.animate, i = r === void 0 ? $n.animate : r, o = e.motionConfig, a = o === void 0 ? $n.motionConfig : o, s = e.theme, l = e.renderWrapper, c = rM(e, pde);
35848
35849
  return m.jsx(rs, { animate: i, isInteractive: n, motionConfig: a, renderWrapper: l, theme: s, children: m.jsx(mde, Dr({ isInteractive: n }, c)) });
35849
35850
  }, sM = function(e) {
35850
35851
  return m.jsx(ia, { children: function(t) {
@@ -35852,7 +35853,7 @@ var cde = function(e) {
35852
35853
  return m.jsx(bde, Dr({ width: n, height: r }, e));
35853
35854
  } });
35854
35855
  }, yde = ["isInteractive", "renderWrapper", "theme"], Cde = function(e) {
35855
- var t = e.data, n = e.xScale, r = n === void 0 ? dr.xScale : n, i = e.xFormat, o = e.yScale, a = o === void 0 ? dr.yScale : o, s = e.yFormat, l = e.width, c = e.height, u = e.margin, d = e.pixelRatio, f = d === void 0 ? dr.pixelRatio : d, h = e.layers, p = h === void 0 ? dr.layers : h, g = e.colors, v = g === void 0 ? dr.colors : g, b = e.nodeId, y = b === void 0 ? Sn.nodeId : b, x = e.nodeSize, S = x === void 0 ? dr.nodeSize : x, w = e.renderNode, $ = w === void 0 ? dr.renderNode : w, H = e.enableGridX, _ = H === void 0 ? dr.enableGridX : H, M = e.gridXValues, E = e.enableGridY, R = E === void 0 ? dr.enableGridY : E, I = e.gridYValues, O = e.axisTop, T = e.axisRight, k = e.axisBottom, L = k === void 0 ? dr.axisBottom : k, V = e.axisLeft, P = V === void 0 ? dr.axisLeft : V, j = e.annotations, A = j === void 0 ? dr.annotations : j, F = e.isInteractive, Z = F === void 0 ? dr.isInteractive : F, U = e.debugMesh, G = U === void 0 ? dr.debugMesh : U, J = e.onMouseEnter, X = e.onMouseMove, Y = e.onMouseLeave, Q = e.onClick, B = e.tooltip, W = B === void 0 ? dr.tooltip : B, q = e.legends, N = q === void 0 ? dr.legends : q, ne = e.canvasRef, z = Te(null), re = Qt(), ie = pt(null), ge = ie[0], ye = ie[1], pe = ns(l, c, u), be = pe.margin, we = pe.innerWidth, ve = pe.innerHeight, he = pe.outerWidth, le = pe.outerHeight, Se = iM({ data: t, xScaleSpec: r, xFormat: i, yScaleSpec: a, yFormat: s, width: we, height: ve, nodeId: y, nodeSize: S, colors: v }), fe = Se.xScale, Ne = Se.yScale, Ae = Se.nodes, Re = Se.legendData, ke = oM(Ae, A), Qe = zh({ points: Ae, width: we, height: ve, debug: G }), et = Qe.delaunay, Be = Qe.voronoi, je = Me(function() {
35856
+ var t = e.data, n = e.xScale, r = n === void 0 ? dr.xScale : n, i = e.xFormat, o = e.yScale, a = o === void 0 ? dr.yScale : o, s = e.yFormat, l = e.width, c = e.height, u = e.margin, d = e.pixelRatio, f = d === void 0 ? dr.pixelRatio : d, h = e.layers, p = h === void 0 ? dr.layers : h, g = e.colors, v = g === void 0 ? dr.colors : g, b = e.nodeId, y = b === void 0 ? $n.nodeId : b, x = e.nodeSize, S = x === void 0 ? dr.nodeSize : x, w = e.renderNode, $ = w === void 0 ? dr.renderNode : w, H = e.enableGridX, _ = H === void 0 ? dr.enableGridX : H, M = e.gridXValues, E = e.enableGridY, R = E === void 0 ? dr.enableGridY : E, I = e.gridYValues, O = e.axisTop, T = e.axisRight, k = e.axisBottom, L = k === void 0 ? dr.axisBottom : k, V = e.axisLeft, P = V === void 0 ? dr.axisLeft : V, j = e.annotations, A = j === void 0 ? dr.annotations : j, F = e.isInteractive, Z = F === void 0 ? dr.isInteractive : F, U = e.debugMesh, G = U === void 0 ? dr.debugMesh : U, J = e.onMouseEnter, X = e.onMouseMove, Y = e.onMouseLeave, Q = e.onClick, B = e.tooltip, W = B === void 0 ? dr.tooltip : B, q = e.legends, N = q === void 0 ? dr.legends : q, ne = e.canvasRef, z = Te(null), re = Qt(), ie = pt(null), ge = ie[0], ye = ie[1], pe = ns(l, c, u), be = pe.margin, we = pe.innerWidth, ve = pe.innerHeight, he = pe.outerWidth, le = pe.outerHeight, Se = iM({ data: t, xScaleSpec: r, xFormat: i, yScaleSpec: a, yFormat: s, width: we, height: ve, nodeId: y, nodeSize: S, colors: v }), fe = Se.xScale, Ne = Se.yScale, Ae = Se.nodes, Re = Se.legendData, ke = oM(Ae, A), Qe = zh({ points: Ae, width: we, height: ve, debug: G }), et = Qe.delaunay, Be = Qe.voronoi, je = Me(function() {
35856
35857
  return { xScale: fe, yScale: Ne, nodes: Ae, margin: be, innerWidth: we, innerHeight: ve, outerWidth: he, outerHeight: le };
35857
35858
  }, [fe, Ne, Ae, be, we, ve, he, le]);
35858
35859
  St(function() {
@@ -36771,22 +36772,31 @@ const h2e = (e, t = 12) => {
36771
36772
  }, w = ({ nodes: $ }) => $.map((H) => /* @__PURE__ */ m.jsx(S, { node: H }, H.id));
36772
36773
  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
36773
36774
  /* @__PURE__ */ m.jsx(En, {}),
36774
- /* @__PURE__ */ m.jsx("div", { ref: b, style: { width: "100%", height: 600, ...t }, children: /* @__PURE__ */ m.jsx(
36775
- u2e,
36776
- {
36777
- data: e,
36778
- colors: n,
36779
- identity: r,
36780
- value: i,
36781
- margin: { top: 10, right: 10, bottom: 10, left: 10, ...o },
36782
- enableParentLabel: !1,
36783
- enableLabel: !1,
36784
- nodeOpacity: 0,
36785
- borderWidth: 0,
36786
- tooltip: ({ node: $ }) => /* @__PURE__ */ m.jsx(pr, { body: (v == null ? void 0 : v({ node: $ })) || /* @__PURE__ */ m.jsx("span", { children: "Treemap tooltip" }) }),
36787
- layers: [w, "nodes"]
36788
- }
36789
- ) })
36775
+ /* @__PURE__ */ m.jsxs(Sn, { gap: 16, vertical: !0, children: [
36776
+ /* @__PURE__ */ m.jsx("div", { ref: b, style: { width: "100%", height: 600, ...t }, children: /* @__PURE__ */ m.jsx(
36777
+ u2e,
36778
+ {
36779
+ data: e,
36780
+ colors: n,
36781
+ identity: r,
36782
+ value: i,
36783
+ margin: { top: 10, right: 10, bottom: 10, left: 10, ...o },
36784
+ enableParentLabel: !1,
36785
+ enableLabel: !1,
36786
+ nodeOpacity: 0,
36787
+ borderWidth: 0,
36788
+ tooltip: ({ node: $ }) => /* @__PURE__ */ m.jsx(pr, { body: (v == null ? void 0 : v({ node: $ })) || /* @__PURE__ */ m.jsx("span", { children: "Treemap tooltip" }) }),
36789
+ layers: [w, "nodes"]
36790
+ }
36791
+ ) }),
36792
+ /* @__PURE__ */ m.jsx("p", { style: {
36793
+ padding: "0 10px",
36794
+ fontFamily: "Roboto, sans-serif",
36795
+ fontSize: 14,
36796
+ lineHeight: "22px",
36797
+ color: "#475467"
36798
+ }, children: "In de grafiek hierboven zijn alle afvalstromen uitgesplitst per EURAL-code, een zescijferige code uit de Europese Afvallijst (EWL) die in heel Europa wordt gebruikt om afval te classificeren. De code geeft de bron van het afval aan, het proces of de activiteit waaruit het afkomstig is en het specifieke type afval, zoals bouw- of huishoudelijk afval. Een asterisk (*) achter de code betekent dat het afval gevaarlijk is." })
36799
+ ] })
36790
36800
  ] });
36791
36801
  };
36792
36802
  var v2e = H1, p2e = 0;
@@ -37205,7 +37215,7 @@ const U7e = ({
37205
37215
  ]
37206
37216
  }
37207
37217
  ) }) });
37208
- }, g = ({ nodes: b }) => b.map((y) => /* @__PURE__ */ m.jsx(p, { node: y }, y.id)), v = () => /* @__PURE__ */ m.jsx("div", { style: { marginTop: 10, marginLeft: 10, whiteSpace: "nowrap" }, children: Object.keys(ac).map((b, y) => /* @__PURE__ */ m.jsxs($n, { gap: 8, align: "center", children: [
37218
+ }, g = ({ nodes: b }) => b.map((y) => /* @__PURE__ */ m.jsx(p, { node: y }, y.id)), v = () => /* @__PURE__ */ m.jsx("div", { style: { marginTop: 10, marginLeft: 10, whiteSpace: "nowrap" }, children: Object.keys(ac).map((b, y) => /* @__PURE__ */ m.jsxs(Sn, { gap: 8, align: "center", children: [
37209
37219
  /* @__PURE__ */ m.jsx(
37210
37220
  "div",
37211
37221
  {
@@ -39079,7 +39089,7 @@ const c5 = 12, b_ = 14, p5e = Gt.tspan`
39079
39089
  /* @__PURE__ */ m.jsx(Yr, { span: 12, children: /* @__PURE__ */ m.jsx(X2e, { ref: n, ...e }) }),
39080
39090
  /* @__PURE__ */ m.jsx(Yr, { span: 12, children: /* @__PURE__ */ m.jsx(b5e, { ...t, height: r }) })
39081
39091
  ] }),
39082
- /* @__PURE__ */ m.jsx($n, { justify: "center", style: { marginTop: 16 }, children: /* @__PURE__ */ m.jsx(Q2e, {}) })
39092
+ /* @__PURE__ */ m.jsx(Sn, { justify: "center", style: { marginTop: 16 }, children: /* @__PURE__ */ m.jsx(Q2e, {}) })
39083
39093
  ] });
39084
39094
  }, Dm = ({ data: e, graph: t, stroke: n, strokeWidth: r, dashed: i }) => (
39085
39095
  // horizontal line representing the target value for comparison
@@ -39177,8 +39187,8 @@ const c5 = 12, b_ = 14, p5e = Gt.tspan`
39177
39187
  { name: "Betrouwbaarheidsmarge", color: I(hn == null ? void 0 : hn[T]), shape: "circle" },
39178
39188
  { name: "Betrouwbaarheidsmarge", color: I(hn == null ? void 0 : hn.abiotic), shape: "circle" }
39179
39189
  ];
39180
- return /* @__PURE__ */ m.jsx($n, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: k.map(
39181
- (L, V) => /* @__PURE__ */ m.jsxs($n, { gap: 4, align: "center", children: [
39190
+ return /* @__PURE__ */ m.jsx(Sn, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: k.map(
39191
+ (L, V) => /* @__PURE__ */ m.jsxs(Sn, { gap: 4, align: "center", children: [
39182
39192
  L.shape === "line" ? /* @__PURE__ */ m.jsx(E, { color: L.color }) : /* @__PURE__ */ m.jsx(R, { color: L.color }),
39183
39193
  /* @__PURE__ */ m.jsx(C5e, { children: L.name })
39184
39194
  ] }, `legend-${V}`)
@@ -39186,7 +39196,7 @@ const c5 = 12, b_ = 14, p5e = Gt.tspan`
39186
39196
  };
39187
39197
  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
39188
39198
  /* @__PURE__ */ m.jsx(En, {}),
39189
- /* @__PURE__ */ m.jsxs($n, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
39199
+ /* @__PURE__ */ m.jsxs(Sn, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
39190
39200
  /* @__PURE__ */ m.jsx("div", { style: { width: "100%", height: n, ...t }, children: /* @__PURE__ */ m.jsx(
39191
39201
  sM,
39192
39202
  {
@@ -39339,8 +39349,8 @@ const c5 = 12, b_ = 14, p5e = Gt.tspan`
39339
39349
  defs: p
39340
39350
  };
39341
39351
  });
39342
- return /* @__PURE__ */ m.jsx($n, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: E.map(
39343
- (R, I) => /* @__PURE__ */ m.jsxs($n, { gap: 8, align: "center", children: [
39352
+ return /* @__PURE__ */ m.jsx(Sn, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: E.map(
39353
+ (R, I) => /* @__PURE__ */ m.jsxs(Sn, { gap: 8, align: "center", children: [
39344
39354
  /* @__PURE__ */ m.jsx("div", { style: {
39345
39355
  minWidth: 16,
39346
39356
  minHeight: 16,
@@ -39369,7 +39379,7 @@ const c5 = 12, b_ = 14, p5e = Gt.tspan`
39369
39379
  }, H = e.slice().reverse();
39370
39380
  return f.push("bars"), s && f.push(S), h && f.push($), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
39371
39381
  /* @__PURE__ */ m.jsx(En, {}),
39372
- /* @__PURE__ */ m.jsxs($n, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
39382
+ /* @__PURE__ */ m.jsxs(Sn, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
39373
39383
  /* @__PURE__ */ m.jsx("div", { style: { height: t }, children: /* @__PURE__ */ m.jsx(
39374
39384
  F1,
39375
39385
  {
@@ -40908,8 +40918,8 @@ const ha = 12, y5 = 14, Ms = Gt.tspan`
40908
40918
  defs: g
40909
40919
  };
40910
40920
  });
40911
- return /* @__PURE__ */ m.jsx($n, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: L.map(
40912
- (V, P) => /* @__PURE__ */ m.jsxs($n, { gap: 8, align: "center", children: [
40921
+ return /* @__PURE__ */ m.jsx(Sn, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: L.map(
40922
+ (V, P) => /* @__PURE__ */ m.jsxs(Sn, { gap: 8, align: "center", children: [
40913
40923
  /* @__PURE__ */ m.jsx("div", { style: {
40914
40924
  minWidth: 8,
40915
40925
  minHeight: 8,
@@ -40974,7 +40984,7 @@ const ha = 12, y5 = 14, Ms = Gt.tspan`
40974
40984
  const O = e.slice().reverse();
40975
40985
  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
40976
40986
  /* @__PURE__ */ m.jsx(En, {}),
40977
- /* @__PURE__ */ m.jsxs($n, { vertical: !0, gap: 8, style: { width: "100%" }, ref: E, children: [
40987
+ /* @__PURE__ */ m.jsxs(Sn, { vertical: !0, gap: 8, style: { width: "100%" }, ref: E, children: [
40978
40988
  /* @__PURE__ */ m.jsx(_, { data: e, keys: o }),
40979
40989
  /* @__PURE__ */ m.jsxs(Va, { gutter: [0, 0], children: [
40980
40990
  /* @__PURE__ */ m.jsx(Yr, { span: b, children: /* @__PURE__ */ m.jsx(M, { value: o[0], labels: !0 }) }),
@@ -41036,8 +41046,8 @@ const ha = 12, y5 = 14, Ms = Gt.tspan`
41036
41046
  name: b,
41037
41047
  color: K2[b]
41038
41048
  }));
41039
- return /* @__PURE__ */ m.jsx($n, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: v.map(
41040
- (b, y) => /* @__PURE__ */ m.jsxs($n, { gap: 8, align: "center", children: [
41049
+ return /* @__PURE__ */ m.jsx(Sn, { gap: 16, className: "gf-full", justify: "center", wrap: !0, children: v.map(
41050
+ (b, y) => /* @__PURE__ */ m.jsxs(Sn, { gap: 8, align: "center", children: [
41041
41051
  /* @__PURE__ */ m.jsx("div", { style: {
41042
41052
  minWidth: 16,
41043
41053
  minHeight: 16,
@@ -41049,7 +41059,7 @@ const ha = 12, y5 = 14, Ms = Gt.tspan`
41049
41059
  };
41050
41060
  return /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
41051
41061
  /* @__PURE__ */ m.jsx(En, {}),
41052
- /* @__PURE__ */ m.jsxs($n, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
41062
+ /* @__PURE__ */ m.jsxs(Sn, { vertical: !0, gap: 8, style: { width: "100%" }, children: [
41053
41063
  /* @__PURE__ */ m.jsx("div", { style: { height: t }, children: /* @__PURE__ */ m.jsx(
41054
41064
  F1,
41055
41065
  {