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

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.1791527697963",
+  "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.1791527697963",
-    "@graphysdk/viz-engine": "1.9.0-beta.1791527697963"
+    "@graphysdk/react-renderer": "1.9.0-beta.1791533454856",
+    "@graphysdk/viz-engine": "1.9.0-beta.1791533454856"
   },
   "peerDependencies": {
     "@tiptap/core": "^3.0.0",
@@ -133,10 +133,10 @@
     "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/vitest-config": "1.0.0",
-    "@graphytools/eslint-config": "0.0.1"
+    "@graphytools/vitest-config": "1.0.0"
   },
   "publishConfig": {
     "access": "public"