@marimo-team/islands 0.23.15-dev7 → 0.23.15-dev72

package/dist/{vega-component-DzyyM9fc.js → vega-component-CrFoZT1S.js}

@@ -1,25 +1,27 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { _ as Logger, c as Objects, g as cn, h as Events } from "./button-BacYv-bE.js";
+import { g as Logger, h as cn, m as Events } from "./button-BcSml68y.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { c as asRemoteURL, v as CircleQuestionMark } from "./toDate-CWNNlFEX.js";
+import { c as asRemoteURL, v as CircleQuestionMark } from "./toDate-B3IRfHhw.js";
 import "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
-import "./zod-CijjQh4u.js";
-import { n as ErrorBanner } from "./error-banner-DFPfz_Qf.js";
-import { t as Tooltip } from "./tooltip-Czds6Qr8.js";
-import { i as debounce_default } from "./constants-T20xxyNf.js";
-import { D as useEvent_default, n as useTheme } from "./useTheme-6eZ3GOTS.js";
+import "./zod-D0yOqoGe.js";
+import { n as ErrorBanner } from "./error-banner-DR7o3CbX.js";
+import { t as Tooltip } from "./tooltip-B-qh7UPB.js";
+import { t as debounce_default } from "./debounce-BOD3DbfP.js";
+import { A as useEvent_default, n as useTheme } from "./useTheme-XMq9mNf_.js";
 import { s as uniq } from "./arrays-sEtDRoG4.js";
-import { a as isValid, i as AlertTitle, n as Alert, t as arrow } from "./formats-Dzx4J_z1.js";
-import { n as formats } from "./vega-loader.browser-CZ-J8Py3.js";
-import { a as getContainerWidth, n as vegaLoadData, s as tooltipHandler } from "./loader-Boph2xIS.js";
-import { t as j } from "./react-vega-B0sAlDTL.js";
-import "./defaultLocale-u-3osm0P.js";
-import "./defaultLocale-BoHTsDG6.js";
-import { t as useAsyncData } from "./useAsyncData-KfHB8wQR.js";
-import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-nJMtxhm4.js";
-import { t as Semaphore } from "./semaphore-CNDGTzkX.js";
+import { t as Objects } from "./objects-De59twF-.js";
+import { a as isValid, i as AlertTitle, n as Alert, t as arrow } from "./formats-BFhkZJwd.js";
+import { V as getContainerWidth, n as formats } from "./vega-loader.browser-DmpxCJqx.js";
+import { a as tooltipHandler, n as vegaLoadData } from "./loader-CTHCI-qe.js";
+import { t as j } from "./react-vega-BazDALhI.js";
+import "./defaultLocale-BpsHxBd7.js";
+import "./defaultLocale-DoeErsX2.js";
+import { t as useAsyncData } from "./useAsyncData-CvO8WUy3.js";
+import { t as useDeepCompareMemoize } from "./useDeepCompareMemoize-J3MKRdA4.js";
+import { t as Semaphore } from "./semaphore-C8rmHdhj.js";
+import { t as useVegaContainerRemeasure } from "./use-vega-container-remeasure-DGNrIQSk.js";
 var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1);
 function fixRelativeUrl(e) {
   return e.data && "url" in e.data && (e.data.url = asRemoteURL(e.data.url).href), e;
@@ -47,23 +49,23 @@ var NON_INTERACTIVE_MARKS = /* @__PURE__ */ new Set([
 ]);
 const Marks = {
   getMarkType(e) {
-    let C = typeof e == "string" ? e : e.type;
-    if (NON_INTERACTIVE_MARKS.has(C)) throw Error("Not supported");
-    return C;
+    let S = typeof e == "string" ? e : e.type;
+    if (NON_INTERACTIVE_MARKS.has(S)) throw Error("Not supported");
+    return S;
   },
   isInteractive(e) {
-    let C = typeof e == "string" ? e : e.type;
-    return !NON_INTERACTIVE_MARKS.has(C);
+    let S = typeof e == "string" ? e : e.type;
+    return !NON_INTERACTIVE_MARKS.has(S);
   },
   makeClickable(e) {
-    let C = typeof e == "string" ? e : e.type;
-    return C in Mark ? typeof e == "string" ? {
+    let S = typeof e == "string" ? e : e.type;
+    return S in Mark ? typeof e == "string" ? {
       type: e,
       cursor: "pointer",
       tooltip: true
     } : {
       ...e,
-      type: C,
+      type: S,
       cursor: "pointer",
       tooltip: true
     } : e;
@@ -111,9 +113,9 @@ const Marks = {
       }
     };
   },
-  interval(e, C) {
+  interval(e, S) {
     return {
-      name: ParamNames.interval(C),
+      name: ParamNames.interval(S),
       select: {
         type: "interval",
         encodings: getEncodingAxisForMark(e),
@@ -128,9 +130,9 @@ const Marks = {
       }
     };
   },
-  point(e, C) {
+  point(e, S) {
     return {
-      name: ParamNames.point(C),
+      name: ParamNames.point(S),
       select: {
         type: "point",
         encodings: getEncodingAxisForMark(e),
@@ -179,8 +181,8 @@ function getEncodingAxisForMark(e) {
     case Mark.arc:
       return ["color"];
     case Mark.bar: {
-      let C = getDirectionOfBar(e);
-      return C === "horizontal" ? ["y"] : C === "vertical" ? ["x"] : void 0;
+      let S = getDirectionOfBar(e);
+      return S === "horizontal" ? ["y"] : S === "vertical" ? ["x"] : void 0;
     }
     case Mark.circle:
     case Mark.geoshape:
@@ -200,23 +202,23 @@ function getSelectionParamNames(e) {
 function getDirectionOfBar(e) {
   var _a, _b;
   if (!e || !("mark" in e)) return;
-  let C = (_a = e.encoding) == null ? void 0 : _a.x, w = (_b = e.encoding) == null ? void 0 : _b.y;
-  if (C && "type" in C && C.type === "nominal") return "vertical";
-  if (w && "type" in w && w.type === "nominal" || C && "aggregate" in C) return "horizontal";
-  if (w && "aggregate" in w) return "vertical";
+  let S = (_a = e.encoding) == null ? void 0 : _a.x, C = (_b = e.encoding) == null ? void 0 : _b.y;
+  if (S && "type" in S && S.type === "nominal") return "vertical";
+  if (C && "type" in C && C.type === "nominal" || S && "aggregate" in S) return "horizontal";
+  if (C && "aggregate" in C) return "vertical";
 }
 function getBinnedFields(e) {
   if (!e.encoding) return [];
-  let C = [];
-  for (let w of Object.values(e.encoding)) w && typeof w == "object" && "bin" in w && w.bin && "field" in w && typeof w.field == "string" && C.push(w.field);
-  return C;
+  let S = [];
+  for (let C of Object.values(e.encoding)) C && typeof C == "object" && "bin" in C && C.bin && "field" in C && typeof C.field == "string" && S.push(C.field);
+  return S;
 }
 function findEncodedFields(e) {
   if (!e || !("encoding" in e)) return [];
-  let { encoding: C } = e;
-  return C ? Object.entries(C).flatMap((e2) => {
-    let [C2, w] = e2;
-    return !w || !ALLOWED_ENCODING_TYPES.has(C2) ? [] : "field" in w && typeof w.field == "string" ? [w.field] : "condition" in w && w.condition && typeof w.condition == "object" && "field" in w.condition && w.condition.field && typeof w.condition.field == "string" ? [w.condition.field] : [];
+  let { encoding: S } = e;
+  return S ? Object.entries(S).flatMap((e2) => {
+    let [S2, C] = e2;
+    return !C || !ALLOWED_ENCODING_TYPES.has(S2) ? [] : "field" in C && typeof C.field == "string" ? [C.field] : "condition" in C && C.condition && typeof C.condition == "object" && "field" in C.condition && C.condition.field && typeof C.condition.field == "string" ? [C.condition.field] : [];
   }) : [];
 }
 var ALLOWED_ENCODING_TYPES = /* @__PURE__ */ new Set([
@@ -227,16 +229,16 @@ var ALLOWED_ENCODING_TYPES = /* @__PURE__ */ new Set([
   "shape",
   "size"
 ]);
-function makeEncodingInteractive(e, C, w, T) {
-  let E = w.filter((e2) => ParamNames.isBinColoring(e2)), D = { and: (E.length > 0 ? E : w).map((e2) => ({ param: e2 })) };
+function makeEncodingInteractive(e, S, C, w) {
+  let T = C.filter((e2) => ParamNames.isBinColoring(e2)), E = { and: (T.length > 0 ? T : C).map((e2) => ({ param: e2 })) };
   switch (e) {
     case "opacity": {
-      let e2 = Marks.getOpacity(T) || 1;
+      let e2 = Marks.getOpacity(w) || 1;
       return {
-        ...C,
+        ...S,
         opacity: {
           condition: {
-            test: D,
+            test: E,
             value: e2
           },
           value: e2 / 5
@@ -244,202 +246,202 @@ function makeEncodingInteractive(e, C, w, T) {
       };
     }
     default:
-      return C;
+      return S;
   }
 }
 function getParamSignature(e) {
   if (!("select" in e) || !e.select) return JSON.stringify(e);
-  let C = e.select;
-  if (typeof C == "string") return JSON.stringify({
-    type: C,
+  let S = e.select;
+  if (typeof S == "string") return JSON.stringify({
+    type: S,
     bind: e.bind
   });
-  let w = {
-    type: C.type,
-    encodings: "encodings" in C && C.encodings ? [...C.encodings].toSorted() : void 0,
-    fields: "fields" in C && C.fields ? [...C.fields].toSorted() : void 0,
+  let C = {
+    type: S.type,
+    encodings: "encodings" in S && S.encodings ? [...S.encodings].toSorted() : void 0,
+    fields: "fields" in S && S.fields ? [...S.fields].toSorted() : void 0,
     bind: e.bind
   };
-  return JSON.stringify(w);
+  return JSON.stringify(C);
 }
 function hoistParamsAndApplyOpacity(e) {
-  let C = collectAllUnitSpecParams(e);
-  if (C.length === 0) return e;
-  let w = findCommonParams(C);
-  return w.length === 0 ? e : {
-    ...applyOpacityToNestedSpecs(removeSpecificParamsFromNestedSpecs(e, new Set(w.map((e2) => e2.name))), w.map((e2) => e2.name)),
-    params: [...e.params || [], ...w]
+  let S = collectAllUnitSpecParams(e);
+  if (S.length === 0) return e;
+  let C = findCommonParams(S);
+  return C.length === 0 ? e : {
+    ...applyOpacityToNestedSpecs(removeSpecificParamsFromNestedSpecs(e, new Set(C.map((e2) => e2.name))), C.map((e2) => e2.name)),
+    params: [...e.params || [], ...C]
   };
 }
 function collectAllUnitSpecParams(e) {
-  let C = [];
-  if ("vconcat" in e && Array.isArray(e.vconcat)) for (let w of e.vconcat) C.push(...collectAllUnitSpecParams(w));
-  else if ("hconcat" in e && Array.isArray(e.hconcat)) for (let w of e.hconcat) C.push(...collectAllUnitSpecParams(w));
+  let S = [];
+  if ("vconcat" in e && Array.isArray(e.vconcat)) for (let C of e.vconcat) S.push(...collectAllUnitSpecParams(C));
+  else if ("hconcat" in e && Array.isArray(e.hconcat)) for (let C of e.hconcat) S.push(...collectAllUnitSpecParams(C));
   else if ("layer" in e) return [];
-  else "mark" in e && "params" in e && e.params && e.params.length > 0 && C.push({ params: e.params });
-  return C;
+  else "mark" in e && "params" in e && e.params && e.params.length > 0 && S.push({ params: e.params });
+  return S;
 }
 function findCommonParams(e) {
   if (e.length === 0) return [];
-  let C = /* @__PURE__ */ new Map(), w = e.length;
-  for (let { params: w2 } of e) {
+  let S = /* @__PURE__ */ new Map(), C = e.length;
+  for (let { params: C2 } of e) {
     let e2 = /* @__PURE__ */ new Set();
-    for (let T2 of w2) {
-      let w3 = getParamSignature(T2);
-      e2.has(w3) || (e2.add(w3), C.has(w3) || C.set(w3, {
+    for (let w2 of C2) {
+      let C3 = getParamSignature(w2);
+      e2.has(C3) || (e2.add(C3), S.has(C3) || S.set(C3, {
         count: 0,
-        param: T2
-      }), C.get(w3).count++);
+        param: w2
+      }), S.get(C3).count++);
     }
   }
-  let T = [];
-  for (let [, { count: e2, param: E }] of C) e2 === w && T.push(E);
-  return T;
+  let w = [];
+  for (let [, { count: e2, param: T }] of S) e2 === C && w.push(T);
+  return w;
 }
-function removeSpecificParamsFromNestedSpecs(e, C) {
+function removeSpecificParamsFromNestedSpecs(e, S) {
   if ("vconcat" in e && Array.isArray(e.vconcat)) return {
     ...e,
-    vconcat: e.vconcat.map((e2) => removeSpecificParamsFromNestedSpecs(e2, C))
+    vconcat: e.vconcat.map((e2) => removeSpecificParamsFromNestedSpecs(e2, S))
   };
   if ("hconcat" in e && Array.isArray(e.hconcat)) return {
     ...e,
-    hconcat: e.hconcat.map((e2) => removeSpecificParamsFromNestedSpecs(e2, C))
+    hconcat: e.hconcat.map((e2) => removeSpecificParamsFromNestedSpecs(e2, S))
   };
   if ("mark" in e && "params" in e && e.params) {
-    let w = e.params, T = [];
-    for (let e2 of w) {
+    let C = e.params, w = [];
+    for (let e2 of C) {
       if (!e2 || typeof e2 != "object" || !("name" in e2)) {
-        T.push(e2);
+        w.push(e2);
         continue;
       }
-      C.has(e2.name) || T.push(e2);
+      S.has(e2.name) || w.push(e2);
     }
-    if (T.length === 0) {
-      let { params: C2, ...w2 } = e;
-      return w2;
+    if (w.length === 0) {
+      let { params: S2, ...C2 } = e;
+      return C2;
     }
     return {
       ...e,
-      params: T
+      params: w
     };
   }
   return e;
 }
-function applyOpacityToNestedSpecs(e, C) {
+function applyOpacityToNestedSpecs(e, S) {
   return "vconcat" in e && Array.isArray(e.vconcat) ? {
     ...e,
-    vconcat: e.vconcat.map((e2) => applyOpacityToNestedSpecs(e2, C))
+    vconcat: e.vconcat.map((e2) => applyOpacityToNestedSpecs(e2, S))
   } : "hconcat" in e && Array.isArray(e.hconcat) ? {
     ...e,
-    hconcat: e.hconcat.map((e2) => applyOpacityToNestedSpecs(e2, C))
+    hconcat: e.hconcat.map((e2) => applyOpacityToNestedSpecs(e2, S))
   } : "layer" in e ? e : "mark" in e && Marks.isInteractive(e.mark) ? {
     ...e,
     mark: Marks.makeClickable(e.mark),
-    encoding: makeEncodingInteractive("opacity", e.encoding || {}, C, e.mark)
+    encoding: makeEncodingInteractive("opacity", e.encoding || {}, S, e.mark)
   } : e;
 }
-function makeSelectable(e, C) {
+function makeSelectable(e, S) {
   var _a, _b;
-  let { chartSelection: w = true, fieldSelection: T = true } = C;
-  if (!w && !T) return e;
-  ((_a = e.params) == null ? void 0 : _a.some((e2) => e2.bind === "legend")) && (T = false);
-  let E = (_b = e.params) == null ? void 0 : _b.some((e2) => !e2.bind);
-  E && (w = false);
-  let D = "vconcat" in e || "hconcat" in e;
-  if (E && D) return e;
+  let { chartSelection: C = true, fieldSelection: w = true } = S;
+  if (!C && !w) return e;
+  ((_a = e.params) == null ? void 0 : _a.some((e2) => e2.bind === "legend")) && (w = false);
+  let T = (_b = e.params) == null ? void 0 : _b.some((e2) => !e2.bind);
+  T && (C = false);
+  let E = "vconcat" in e || "hconcat" in e;
+  if (T && E) return e;
   if ("vconcat" in e) {
-    let C2 = e.vconcat.map((e2) => "mark" in e2 ? makeSelectable(e2, {
-      chartSelection: w,
-      fieldSelection: T
+    let S2 = e.vconcat.map((e2) => "mark" in e2 ? makeSelectable(e2, {
+      chartSelection: C,
+      fieldSelection: w
     }) : e2);
     return hoistParamsAndApplyOpacity({
       ...e,
-      vconcat: C2
+      vconcat: S2
     });
   }
   if ("hconcat" in e) {
-    let C2 = e.hconcat.map((e2) => "mark" in e2 ? makeSelectable(e2, {
-      chartSelection: w,
-      fieldSelection: T
+    let S2 = e.hconcat.map((e2) => "mark" in e2 ? makeSelectable(e2, {
+      chartSelection: C,
+      fieldSelection: w
     }) : e2);
     return hoistParamsAndApplyOpacity({
       ...e,
-      hconcat: C2
+      hconcat: S2
     });
   }
   if ("layer" in e) {
-    let C2 = e.params && e.params.length > 0, E2 = T !== false && !C2, D2 = [];
-    if (E2) {
-      let C3 = e.layer.flatMap((e2) => "mark" in e2 ? findEncodedFields(e2) : []);
-      D2 = [...new Set(C3)], Array.isArray(T) && (D2 = D2.filter((e2) => T.includes(e2)));
+    let S2 = e.params && e.params.length > 0, T2 = w !== false && !S2, E2 = [];
+    if (T2) {
+      let S3 = e.layer.flatMap((e2) => "mark" in e2 ? findEncodedFields(e2) : []);
+      E2 = [...new Set(S3)], Array.isArray(w) && (E2 = E2.filter((e2) => w.includes(e2)));
     }
-    let O2 = e.layer.map((e2, C3) => {
+    let D2 = e.layer.map((e2, S3) => {
       if (!("mark" in e2)) return e2;
-      let T2 = e2;
-      if (C3 === 0 && D2.length > 0) {
-        let e3 = D2.map((e4) => Params.legend(e4));
-        T2 = {
-          ...T2,
-          params: [...T2.params || [], ...e3]
+      let w2 = e2;
+      if (S3 === 0 && E2.length > 0) {
+        let e3 = E2.map((e4) => Params.legend(e4));
+        w2 = {
+          ...w2,
+          params: [...w2.params || [], ...e3]
         };
       }
-      return T2 = makeChartSelectable(T2, w, C3), T2 = makeChartInteractive(T2), C3 === 0 && (T2 = makeChartPanZoom(T2)), T2;
+      return w2 = makeChartSelectable(w2, C, S3), w2 = makeChartInteractive(w2), S3 === 0 && (w2 = makeChartPanZoom(w2)), w2;
     });
     return {
       ...e,
-      layer: O2
+      layer: D2
     };
   }
   if (!("mark" in e) || !Marks.isInteractive(e.mark)) return e;
-  let O = e;
-  return O = makeLegendSelectable(O, T), O = makeChartSelectable(O, w, void 0), O = makeChartInteractive(O), O = makeChartPanZoom(O), O;
+  let D = e;
+  return D = makeLegendSelectable(D, w), D = makeChartSelectable(D, C, void 0), D = makeChartInteractive(D), D = makeChartPanZoom(D), D;
 }
-function makeLegendSelectable(e, C) {
-  if (C === false) return e;
-  let w = findEncodedFields(e);
-  Array.isArray(C) && (w = w.filter((e2) => C.includes(e2)));
-  let T = w.map((e2) => Params.legend(e2)), E = [...e.params || [], ...T];
+function makeLegendSelectable(e, S) {
+  if (S === false) return e;
+  let C = findEncodedFields(e);
+  Array.isArray(S) && (C = C.filter((e2) => S.includes(e2)));
+  let w = C.map((e2) => Params.legend(e2)), T = [...e.params || [], ...w];
   return {
     ...e,
-    params: E
+    params: T
   };
 }
-function makeChartSelectable(e, C, w) {
-  if (C === false) return e;
-  let T;
+function makeChartSelectable(e, S, C) {
+  if (S === false) return e;
+  let w;
   try {
-    T = Marks.getMarkType(e.mark);
+    w = Marks.getMarkType(e.mark);
   } catch {
     return e;
   }
-  if (T === "geoshape") return e;
-  let E = getBinnedFields(e), D = C === true ? E.length > 0 ? ["point"] : getBestSelectionForMark(T) : [C];
-  if (!D || D.length === 0) return e;
-  let O = D.map((C2) => C2 === "interval" ? Params.interval(e, w) : Params.point(e, w)), k = [...e.params || [], ...O];
-  return E.length > 0 && D.includes("point") && k.push(Params.binColoring(w)), {
+  if (w === "geoshape") return e;
+  let T = getBinnedFields(e), E = S === true ? T.length > 0 ? ["point"] : getBestSelectionForMark(w) : [S];
+  if (!E || E.length === 0) return e;
+  let D = E.map((S2) => S2 === "interval" ? Params.interval(e, C) : Params.point(e, C)), O = [...e.params || [], ...D];
+  return T.length > 0 && E.includes("point") && O.push(Params.binColoring(C)), {
     ...e,
-    params: k
+    params: O
   };
 }
 function makeChartPanZoom(e) {
-  let C;
+  let S;
   try {
-    C = Marks.getMarkType(e.mark);
+    S = Marks.getMarkType(e.mark);
   } catch {
   }
-  if (C === "geoshape") return e;
-  let w = e.params || [];
-  return w.some((e2) => e2.bind === "scales") ? e : {
+  if (S === "geoshape") return e;
+  let C = e.params || [];
+  return C.some((e2) => e2.bind === "scales") ? e : {
     ...e,
-    params: [...w, Params.panZoom()]
+    params: [...C, Params.panZoom()]
   };
 }
 function makeChartInteractive(e) {
-  let C = "encoding" in e ? e.encoding : void 0, w = e.params || [], T = w.map((e2) => e2.name);
-  return w.length === 0 || !Marks.isInteractive(e.mark) ? e : {
+  let S = "encoding" in e ? e.encoding : void 0, C = e.params || [], w = C.map((e2) => e2.name);
+  return C.length === 0 || !Marks.isInteractive(e.mark) ? e : {
     ...e,
     mark: Marks.makeClickable(e.mark),
-    encoding: makeEncodingInteractive("opacity", C || {}, T, e.mark)
+    encoding: makeEncodingInteractive("opacity", S || {}, w, e.mark)
   };
 }
 function getBestSelectionForMark(e) {
@@ -459,155 +461,155 @@ function getBestSelectionForMark(e) {
 var VEGA_DATA_FETCH_CONCURRENCY = 5;
 async function resolveVegaSpecData(e) {
   if (!e) return e;
-  let C = "datasets" in e ? { ...e.datasets } : {}, w = new Semaphore(VEGA_DATA_FETCH_CONCURRENCY), T = async (e2) => {
+  let S = "datasets" in e ? { ...e.datasets } : {}, C = new Semaphore(VEGA_DATA_FETCH_CONCURRENCY), w = async (e2) => {
     if (!e2) return e2;
     if ("layer" in e2) {
-      let C2 = await Promise.all(e2.layer.map(T));
+      let S2 = await Promise.all(e2.layer.map(w));
       e2 = {
         ...e2,
-        layer: C2
+        layer: S2
       };
     }
     if ("hconcat" in e2) {
-      let C2 = await Promise.all(e2.hconcat.map(T));
+      let S2 = await Promise.all(e2.hconcat.map(w));
       e2 = {
         ...e2,
-        hconcat: C2
+        hconcat: S2
       };
     }
     if ("vconcat" in e2) {
-      let C2 = await Promise.all(e2.vconcat.map(T));
+      let S2 = await Promise.all(e2.vconcat.map(w));
       e2 = {
         ...e2,
-        vconcat: C2
+        vconcat: S2
       };
     }
     if ("spec" in e2 && (e2 = {
       ...e2,
-      spec: await T(e2.spec)
+      spec: await w(e2.spec)
     }), !e2.data || !("url" in e2.data)) return e2;
-    let E2;
+    let T2;
     try {
-      E2 = asRemoteURL(e2.data.url);
+      T2 = asRemoteURL(e2.data.url);
     } catch {
       return e2;
     }
-    let D = e2.data.format, O = await w.run(() => vegaLoadData(E2.href, D));
-    return C[E2.pathname] = O, {
+    let E = e2.data.format, O = await C.run(() => vegaLoadData(T2.href, E));
+    return S[T2.pathname] = O, {
       ...e2,
-      data: { name: E2.pathname }
+      data: { name: T2.pathname }
     };
-  }, E = await T(e);
-  return Object.keys(C).length === 0 ? E : {
-    ...E,
-    datasets: C
+  }, T = await w(e);
+  return Object.keys(S).length === 0 ? T : {
+    ...T,
+    datasets: S
   };
 }
 var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
 formats("arrow", arrow);
 var VegaComponent = (e) => {
-  let C = (0, import_compiler_runtime.c)(12), { value: w, setValue: T, chartSelection: E, fieldSelection: D, spec: O, embedOptions: k } = e, A, M;
-  C[0] === O ? (A = C[1], M = C[2]) : (A = async () => resolveVegaSpecData(O), M = [O], C[0] = O, C[1] = A, C[2] = M);
-  let { data: P, error: F } = useAsyncData(A, M);
-  if (F) {
+  let S = (0, import_compiler_runtime.c)(12), { value: C, setValue: w, chartSelection: T, fieldSelection: E, spec: D, embedOptions: O } = e, k, M;
+  S[0] === D ? (k = S[1], M = S[2]) : (k = async () => resolveVegaSpecData(D), M = [D], S[0] = D, S[1] = k, S[2] = M);
+  let { data: N, error: P } = useAsyncData(k, M);
+  if (P) {
     let e2;
-    return C[3] === F ? e2 = C[4] : (e2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { error: F }), C[3] = F, C[4] = e2), e2;
+    return S[3] === P ? e2 = S[4] : (e2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { error: P }), S[3] = P, S[4] = e2), e2;
   }
-  if (!P) return null;
-  let I;
-  return C[5] !== E || C[6] !== k || C[7] !== D || C[8] !== P || C[9] !== T || C[10] !== w ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadedVegaComponent, {
-    value: w,
-    setValue: T,
-    chartSelection: E,
-    fieldSelection: D,
-    spec: P,
-    embedOptions: k
-  }), C[5] = E, C[6] = k, C[7] = D, C[8] = P, C[9] = T, C[10] = w, C[11] = I) : I = C[11], I;
-}, LoadedVegaComponent = ({ value: e, setValue: D, chartSelection: O, fieldSelection: k, spec: M, embedOptions: N }) => {
-  let { theme: L } = useTheme(), R = (0, import_react.useRef)(null), z = (0, import_react.useRef)(void 0), [B, V] = (0, import_react.useState)(), H = (0, import_react.useMemo)(() => N && "actions" in N ? N.actions : {
+  if (!N) return null;
+  let F;
+  return S[5] !== T || S[6] !== O || S[7] !== E || S[8] !== N || S[9] !== w || S[10] !== C ? (F = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadedVegaComponent, {
+    value: C,
+    setValue: w,
+    chartSelection: T,
+    fieldSelection: E,
+    spec: N,
+    embedOptions: O
+  }), S[5] = T, S[6] = O, S[7] = E, S[8] = N, S[9] = w, S[10] = C, S[11] = F) : F = S[11], F;
+}, LoadedVegaComponent = ({ value: e, setValue: T, chartSelection: E, fieldSelection: D, spec: k, embedOptions: A }) => {
+  let { theme: I } = useTheme(), L = (0, import_react.useRef)(null), R = (0, import_react.useRef)(void 0), [z, B] = (0, import_react.useState)(), V = (0, import_react.useMemo)(() => A && "actions" in A ? A.actions : {
     source: false,
     compiled: false
-  }, [N]), U = useDeepCompareMemoize(M), W = (0, import_react.useMemo)(() => makeSelectable(fixRelativeUrl(U), {
-    chartSelection: O,
-    fieldSelection: k
+  }, [A]), H = useDeepCompareMemoize(k), U = (0, import_react.useMemo)(() => makeSelectable(fixRelativeUrl(H), {
+    chartSelection: E,
+    fieldSelection: D
   }), [
-    U,
-    O,
-    k
-  ]), G = (0, import_react.useMemo)(() => getSelectionParamNames(W), [W]), K = useEvent_default((C) => {
-    D({
+    H,
+    E,
+    D
+  ]), W = (0, import_react.useMemo)(() => getSelectionParamNames(U), [U]), G = useEvent_default((S) => {
+    T({
       ...e,
-      ...C
+      ...S
     });
-  }), q = (0, import_react.useMemo)(() => debounce_default((e2, T) => {
-    Logger.debug("[Vega signal]", e2, T);
-    let E = Objects.mapValues(T, convertDatetimeToEpochMilliseconds);
-    E = Objects.mapValues(E, convertSetToList), K({ [e2]: E });
-  }, 100), [K]), J = useDeepCompareMemoize(G), Y = (0, import_react.useMemo)(() => J.reduce((e2, C) => (ParamNames.PAN_ZOOM === C || ParamNames.isBinColoring(C) || e2.push({
-    signalName: C,
-    handler: (e3, C2) => q(e3, C2)
-  }), e2), []), [J, q]), X = useEvent_default((e2) => {
-    Logger.error(e2), Logger.debug(W), V(e2);
-  }), Z = useEvent_default((e2) => {
-    Logger.debug("[Vega view] created", e2), z.current = e2, V(void 0);
-  }), Q = () => {
+  }), K = (0, import_react.useMemo)(() => debounce_default((e2, C) => {
+    Logger.debug("[Vega signal]", e2, C);
+    let w = Objects.mapValues(C, convertDatetimeToEpochMilliseconds);
+    w = Objects.mapValues(w, convertSetToList), G({ [e2]: w });
+  }, 100), [G]), q = useDeepCompareMemoize(W), J = (0, import_react.useMemo)(() => q.reduce((e2, S) => (ParamNames.PAN_ZOOM === S || ParamNames.isBinColoring(S) || e2.push({
+    signalName: S,
+    handler: (e3, S2) => K(e3, S2)
+  }), e2), []), [q, K]), Y = useEvent_default((e2) => {
+    Logger.error(e2), Logger.debug(U), B(e2);
+  }), X = useEvent_default((e2) => {
+    Logger.debug("[Vega view] created", e2), R.current = e2, B(void 0);
+  }), Z = () => {
     let e2 = [];
-    return ParamNames.hasPoint(G) && e2.push(["Point selection", "click to select a point; hold shift for multi-select"]), ParamNames.hasInterval(G) && e2.push(["Interval selection", "click and drag to select an interval"]), ParamNames.hasLegend(G) && e2.push(["Legend selection", "click to select a legend item; hold shift for multi-select"]), ParamNames.hasPanZoom(G) && e2.push(["Pan", "hold the meta key and drag"], ["Zoom", "hold the meta key and scroll"]), e2.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+    return ParamNames.hasPoint(W) && e2.push(["Point selection", "click to select a point; hold shift for multi-select"]), ParamNames.hasInterval(W) && e2.push(["Interval selection", "click and drag to select an interval"]), ParamNames.hasLegend(W) && e2.push(["Legend selection", "click to select a legend item; hold shift for multi-select"]), ParamNames.hasPanZoom(W) && e2.push(["Pan", "hold the meta key and drag"], ["Zoom", "hold the meta key and scroll"]), e2.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
       delayDuration: 300,
       side: "left",
       content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
         className: "text-xs flex flex-col",
-        children: e2.map((e3, C) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        children: e2.map((e3, S) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
             className: "font-bold tracking-wide",
             children: [e3[0], ":"]
           }),
           " ",
           e3[1]
-        ] }, C))
+        ] }, S))
       }),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleQuestionMark, { className: "absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground" })
     });
-  }, $ = j({
-    ref: R,
-    spec: W,
+  }, Q = j({
+    ref: L,
+    spec: U,
     options: {
-      theme: L === "dark" ? "dark" : void 0,
-      actions: H,
+      theme: I === "dark" ? "dark" : void 0,
+      actions: V,
       mode: "vega-lite",
       tooltip: tooltipHandler.call,
       renderer: "canvas"
     },
-    onError: X,
-    onEmbed: Z
-  });
-  return (0, import_react.useEffect)(() => (Y.forEach(({ signalName: e2, handler: w }) => {
+    onError: Y,
+    onEmbed: X
+  }), $ = getContainerWidth(U);
+  return useVegaContainerRemeasure(L, $ === "container"), (0, import_react.useEffect)(() => (J.forEach(({ signalName: e2, handler: C }) => {
     try {
-      $ == null ? void 0 : $.view.addSignalListener(e2, w);
+      Q == null ? void 0 : Q.view.addSignalListener(e2, C);
     } catch (e3) {
       Logger.error(e3);
     }
   }), () => {
-    Y.forEach(({ signalName: e2, handler: w }) => {
+    J.forEach(({ signalName: e2, handler: C }) => {
       try {
-        $ == null ? void 0 : $.view.removeSignalListener(e2, w);
+        Q == null ? void 0 : Q.view.removeSignalListener(e2, C);
       } catch (e3) {
         Logger.error(e3);
       }
     });
-  }), [$, Y]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [B && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+  }), [Q, J]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [z && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
     variant: "destructive",
-    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: B.message }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: z.message }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       className: "text-md",
-      children: B.stack
+      children: z.stack
     })]
   }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: cn("relative"),
     onPointerDown: Events.stopPropagation(),
     children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      ref: R,
-      "data-container-width": getContainerWidth(W)
-    }), Q()]
+      ref: L,
+      "data-container-width": $
+    }), Z()]
   })] });
 };
 function convertSetToList(e) {