@graphysdk/react 1.9.0-beta.1791529934558 → 1.9.0-beta.1791533454856

package/dist/editable.browser.mjs

@@ -19015,13 +19015,13 @@ var _0e = (e) => {
 }, GB = {
   outer: cd,
   inner: cd
-}, V0e = (e, t, n, r = cd, o = GB, i = u2, a) => {
-  const s = {
+}, V0e = (e, t, n, r = cd, o = GB, i = u2, a, s) => {
+  const l = {
     top: o.inner.top + r.top,
     right: o.inner.right + r.right,
     bottom: o.inner.bottom + r.bottom,
     left: o.inner.left + r.left
-  }, l = n.axes.top > 0 || n.axesLabels.top > 0 ? n.axesLabels.top : Math.max(n.axesLabels.top, n.axesLabels.left, n.axesLabels.right), c = [
+  }, c = n.axes.top > 0 || n.axesLabels.top > 0 ? n.axesLabels.top : Math.max(n.axesLabels.top, n.axesLabels.left, n.axesLabels.right), u = [
     {
       name: "header",
       size: t.headerSize.height,
@@ -19039,7 +19039,7 @@ var _0e = (e) => {
     },
     {
       name: "topAxisLabel",
-      size: l,
+      size: c,
       gaps: ma(a.axisLabel.top)
     },
     {
@@ -19053,7 +19053,7 @@ var _0e = (e) => {
     },
     {
       name: "topPanelInner",
-      size: s.top
+      size: l.top
     },
     {
       name: "panel",
@@ -19061,7 +19061,7 @@ var _0e = (e) => {
     },
     {
       name: "bottomPanelInner",
-      size: s.bottom
+      size: l.bottom
     },
     {
       name: "bottomPanelOuter",
@@ -19087,7 +19087,7 @@ var _0e = (e) => {
       size: t.footerSize.height,
       gaps: ma(a.footer)
     }
-  ], u = [
+  ], d = [
     {
       name: "leftLegend",
       size: n.legends.left,
@@ -19104,7 +19104,7 @@ var _0e = (e) => {
     },
     {
       name: "leftPanelInner",
-      size: s.left
+      size: l.left
     },
     {
       name: "panel",
@@ -19112,7 +19112,7 @@ var _0e = (e) => {
     },
     {
       name: "rightPanelInner",
-      size: s.right
+      size: l.right
     },
     {
       name: "rightPanelOuter",
@@ -19128,10 +19128,10 @@ var _0e = (e) => {
       size: n.legends.right,
       gaps: hg(a.legend.right)
     }
-  ], d = DO(c, i.top, i.bottom), f = DO(u, i.left, i.right);
+  ], f = DO(u, i.top, i.bottom), h = DO(d, i.left, i.right);
   return _0e({
-    rows: c,
-    cols: u,
+    rows: u,
+    cols: d,
     placements: [
       {
         name: "header",
@@ -19172,14 +19172,14 @@ var _0e = (e) => {
       },
       ...$0e(n.axes),
       ...z0e(n.axesLabels, n.axes),
-      ...W0e(n.legends)
+      ...W0e(n.legends, s)
     ],
     containerSize: e,
     padding: {
-      top: d.start,
-      bottom: d.end,
-      left: f.start,
-      right: f.end
+      top: f.start,
+      bottom: f.end,
+      left: h.start,
+      right: h.end
     }
   });
 }, ma = (e) => ({
@@ -19240,27 +19240,28 @@ var _0e = (e) => {
     row: "bottomAxisLabel",
     col: "panel"
   }), n;
-}, W0e = (e) => {
-  const t = [];
-  return e.top > 0 && t.push({
-    name: "topLegend",
-    row: "topLegend",
+}, W0e = (e, t) => {
+  const n = [], r = t === "center" ? { col: "panel" } : {
     col: "leftAxis",
     colEnd: "rightAxis"
-  }), e.bottom > 0 && t.push({
+  };
+  return e.top > 0 && n.push({
+    name: "topLegend",
+    row: "topLegend",
+    ...r
+  }), e.bottom > 0 && n.push({
     name: "bottomLegend",
     row: "bottomLegend",
-    col: "leftAxis",
-    colEnd: "rightAxis"
-  }), e.left > 0 && t.push({
+    ...r
+  }), e.left > 0 && n.push({
     name: "leftLegend",
     row: "panel",
     col: "leftLegend"
-  }), e.right > 0 && t.push({
+  }), e.right > 0 && n.push({
     name: "rightLegend",
     row: "panel",
     col: "rightLegend"
-  }), t;
+  }), n;
 };
 var G0e = class {
   constructor(e) {
@@ -19560,7 +19561,7 @@ var fT = [
     }) : c;
   }
   resolveLayout({ axes: e, formattedLegends: t, containerSize: n, externalMeasurements: r, panelOverflow: o, panelBorder: i, headline: a, padding: s, margins: l }) {
-    const c = D0e(V0e(n, r, this.measureGuides(e, t, a, n), i, o, s, obe(l, t)));
+    const c = D0e(V0e(n, r, this.measureGuides(e, t, a, n), i, o, s, obe(l, t), t[0]?.align));
     return {
       header: c.get("header") ?? ou,
       headline: c.get("headline") ?? ou,

package/dist/index.browser.mjs

@@ -18825,13 +18825,13 @@ var dj = (e) => {
 }, uE = {
   outer: ia,
   inner: ia
-}, gj = (e, t, r, n = ia, i = uE, o = jm, a) => {
-  const s = {
+}, gj = (e, t, r, n = ia, i = uE, o = jm, a, s) => {
+  const l = {
     top: i.inner.top + n.top,
     right: i.inner.right + n.right,
     bottom: i.inner.bottom + n.bottom,
     left: i.inner.left + n.left
-  }, l = r.axes.top > 0 || r.axesLabels.top > 0 ? r.axesLabels.top : Math.max(r.axesLabels.top, r.axesLabels.left, r.axesLabels.right), c = [
+  }, c = r.axes.top > 0 || r.axesLabels.top > 0 ? r.axesLabels.top : Math.max(r.axesLabels.top, r.axesLabels.left, r.axesLabels.right), u = [
     {
       name: "header",
       size: t.headerSize.height,
@@ -18849,7 +18849,7 @@ var dj = (e) => {
     },
     {
       name: "topAxisLabel",
-      size: l,
+      size: c,
       gaps: fn(a.axisLabel.top)
     },
     {
@@ -18863,7 +18863,7 @@ var dj = (e) => {
     },
     {
       name: "topPanelInner",
-      size: s.top
+      size: l.top
     },
     {
       name: "panel",
@@ -18871,7 +18871,7 @@ var dj = (e) => {
     },
     {
       name: "bottomPanelInner",
-      size: s.bottom
+      size: l.bottom
     },
     {
       name: "bottomPanelOuter",
@@ -18897,7 +18897,7 @@ var dj = (e) => {
       size: t.footerSize.height,
       gaps: fn(a.footer)
     }
-  ], u = [
+  ], d = [
     {
       name: "leftLegend",
       size: r.legends.left,
@@ -18914,7 +18914,7 @@ var dj = (e) => {
     },
     {
       name: "leftPanelInner",
-      size: s.left
+      size: l.left
     },
     {
       name: "panel",
@@ -18922,7 +18922,7 @@ var dj = (e) => {
     },
     {
       name: "rightPanelInner",
-      size: s.right
+      size: l.right
     },
     {
       name: "rightPanelOuter",
@@ -18938,10 +18938,10 @@ var dj = (e) => {
       size: r.legends.right,
       gaps: $l(a.legend.right)
     }
-  ], d = tb(c, o.top, o.bottom), h = tb(u, o.left, o.right);
+  ], h = tb(u, o.top, o.bottom), f = tb(d, o.left, o.right);
   return dj({
-    rows: c,
-    cols: u,
+    rows: u,
+    cols: d,
     placements: [
       {
         name: "header",
@@ -18982,14 +18982,14 @@ var dj = (e) => {
       },
       ...yj(r.axes),
       ...bj(r.axesLabels, r.axes),
-      ...xj(r.legends)
+      ...xj(r.legends, s)
     ],
     containerSize: e,
     padding: {
-      top: d.start,
-      bottom: d.end,
-      left: h.start,
-      right: h.end
+      top: h.start,
+      bottom: h.end,
+      left: f.start,
+      right: f.end
     }
   });
 }, fn = (e) => ({
@@ -19050,27 +19050,28 @@ var dj = (e) => {
     row: "bottomAxisLabel",
     col: "panel"
   }), r;
-}, xj = (e) => {
-  const t = [];
-  return e.top > 0 && t.push({
-    name: "topLegend",
-    row: "topLegend",
+}, xj = (e, t) => {
+  const r = [], n = t === "center" ? { col: "panel" } : {
     col: "leftAxis",
     colEnd: "rightAxis"
-  }), e.bottom > 0 && t.push({
+  };
+  return e.top > 0 && r.push({
+    name: "topLegend",
+    row: "topLegend",
+    ...n
+  }), e.bottom > 0 && r.push({
     name: "bottomLegend",
     row: "bottomLegend",
-    col: "leftAxis",
-    colEnd: "rightAxis"
-  }), e.left > 0 && t.push({
+    ...n
+  }), e.left > 0 && r.push({
     name: "leftLegend",
     row: "panel",
     col: "leftLegend"
-  }), e.right > 0 && t.push({
+  }), e.right > 0 && r.push({
     name: "rightLegend",
     row: "panel",
     col: "rightLegend"
-  }), t;
+  }), r;
 };
 var wj = class {
   constructor(e) {
@@ -19370,7 +19371,7 @@ var vf = [
     }) : c;
   }
   resolveLayout({ axes: e, formattedLegends: t, containerSize: r, externalMeasurements: n, panelOverflow: i, panelBorder: o, headline: a, padding: s, margins: l }) {
-    const c = hj(gj(r, n, this.measureGuides(e, t, a, r), o, i, s, Oj(l, t)));
+    const c = hj(gj(r, n, this.measureGuides(e, t, a, r), o, i, s, Oj(l, t), t[0]?.align));
     return {
       header: c.get("header") ?? bo,
       headline: c.get("headline") ?? bo,

package/package.json

@@ -11,7 +11,7 @@
     "visualization",
     "grammar-of-graphics"
   ],
-  "version": "1.9.0-beta.1791529934558",
+  "version": "1.9.0-beta.1791533454856",
   "type": "module",
   "sideEffects": false,
   "types": "./dist/index.d.ts",
@@ -35,8 +35,8 @@
     }
   },
   "dependencies": {
-    "@graphysdk/react-renderer": "1.9.0-beta.1791529934558",
-    "@graphysdk/viz-engine": "1.9.0-beta.1791529934558"
+    "@graphysdk/react-renderer": "1.9.0-beta.1791533454856",
+    "@graphysdk/viz-engine": "1.9.0-beta.1791533454856"
   },
   "peerDependencies": {
     "@tiptap/core": "^3.0.0",
@@ -133,9 +133,9 @@
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.11",
+    "@graphytools/eslint-config": "0.0.1",
     "@graphytools/eslint-plugin-graphy": "1.0.0",
     "@graphytools/typescript-config": "0.0.1",
-    "@graphytools/eslint-config": "0.0.1",
     "@graphytools/vitest-config": "1.0.0"
   },
   "publishConfig": {