@dcrackel/meyersquaredui 1.0.257 → 1.0.260

package/dist/meyersquaredui.es.js

@@ -8033,7 +8033,11 @@ const pd = /* @__PURE__ */ S(md, [["render", fd]]), bd = {
   padByDepthPx: [0, 32, 96, 224, 480, 992, 2016],
   gapByDepthPx: [20, 84, 212, 468, 980, 2004, 0],
   thirdPlacePadBiasPx: 120,
-  splitFinalPadTopPx: 940
+  splitFinalPadTopByBracket: {
+    "Table of 64": 430,
+    "Table of 128": 940,
+    "Table of 32": 170
+  }
 };
 function yd({ rootEl: r, getOutAnchorEl: e, getInAnchorEl: t }) {
   function i() {
@@ -8549,7 +8553,7 @@ const Fd = /* @__PURE__ */ S(qd, [["render", Vd]]), Jd = {
   },
   computed: {
     isSplitMode() {
-      return ["Table of 32", "Table of 64", "Table of 128", "Table of 256"].includes(this.bracketSize);
+      return ["Table of 64", "Table of 128", "Table of 256"].includes(this.bracketSize);
     },
     splitData() {
       return this.isSplitMode ? vd(this.bouts) : null;
@@ -8573,11 +8577,12 @@ const Fd = /* @__PURE__ */ S(qd, [["render", Vd]]), Jd = {
     }
   },
   mounted() {
-    this.ro = new ResizeObserver(() => this.recompute()), this.ro.observe(this.$refs.rootEl), this.$refs.scrollEl.addEventListener("scroll", this.recompute, { passive: !0 }), this.$nextTick(() => this.recompute());
+    var r;
+    this.ro = new ResizeObserver(() => this.recompute()), this.ro.observe(this.$refs.rootEl), this.$refs.scrollEl.addEventListener("scroll", this.recompute, { passive: !0 }), this.$nextTick(() => this.recompute()), (r = document.fonts) != null && r.ready && document.fonts.ready.then(() => this.recompute()), window.addEventListener("load", this.recompute, { once: !0 }), requestAnimationFrame(() => requestAnimationFrame(() => this.recompute()));
   },
   beforeUnmount() {
     var r;
-    this.ro && this.ro.disconnect(), (r = this.$refs.scrollEl) == null || r.removeEventListener("scroll", this.recompute);
+    this.ro && this.ro.disconnect(), (r = this.$refs.scrollEl) == null || r.removeEventListener("scroll", this.recompute), window.removeEventListener("load", this.recompute);
   },
   watch: {
     bouts: {
@@ -8635,9 +8640,14 @@ const Fd = /* @__PURE__ */ S(qd, [["render", Vd]]), Jd = {
       }, {});
     },
     getRoundLayout(r) {
+      var w;
       const e = bd, t = this.normalizeRoundNumber(r), n = (e.gapByDepthPx || [])[t] ?? e.baseGapPx * Math.pow(2, t), s = e.baseGapPx * Math.pow(2, Math.max(0, t - 1)), o = t === 0 ? 0 : s / 2, l = (e.padByDepthPx || [])[t], f = r === "Final" ? 0 : r === "Third Place" ? e.thirdPlacePadBiasPx : 0, b = this.isSplitMode && r === "Final";
       let y = (l !== void 0 ? l : o) + f;
-      return b && e.splitFinalPadTopPx !== void 0 && (y = e.splitFinalPadTopPx + f), b && (y += 0), console.log(
+      if (b) {
+        const v = this.bracketSize, A = (w = e.splitFinalPadTopByBracket) == null ? void 0 : w[v], k = A !== void 0 ? A : e.splitFinalPadTopPx;
+        k !== void 0 && (y = k + f);
+      }
+      return b && (y += 0), console.log(
         "layout",
         r,
         "depth",