@marimo-team/islands 0.17.8 → 0.18.1

package/dist/{vega-component-C-bCSv1b.js → vega-component-r6NkLfxM.js}

@@ -2,15 +2,15 @@ import { s as __toESM } from "./chunk-DgPTj83v.js";
 import { t as require_react } from "./react-DXQlph6m.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-DTozApu4.js";
 import "./createLucideIcon-ixdBmsqu.js";
-import { S as CircleQuestionMark, h as asRemoteURL, i as Alert, n as useDeepCompareMemoize, o as AlertTitle, s as isValid, t as arrow } from "./formats-dvT8nDgH.js";
+import { C as CircleQuestionMark, h as asRemoteURL, i as Alert, n as useDeepCompareMemoize, o as AlertTitle, s as isValid, t as arrow } from "./formats-DClgE90A.js";
 import "./clsx-JH8KOlt9.js";
-import { u as Events } from "./button-Hye6-2X8.js";
+import { l as Events } from "./button-Css_i-3R.js";
 import { o as Objects, s as Logger } from "./hotkeys-C3KM59Ph.js";
-import "./Combination-BH_L276x.js";
+import "./Combination-DN9sfYvo.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-Duz3IlLt.js";
 import "./react-dom-DBPBYhx0.js";
-import { c as Tooltip, n as ErrorBanner } from "./error-banner-BqE1uF21.js";
-import { m as useEvent_default, t as useTheme } from "./useTheme-B-2frT0L.js";
+import { l as Tooltip, n as ErrorBanner } from "./error-banner-DDDPnVZA.js";
+import { m as useEvent_default, t as useTheme } from "./useTheme-Cpx27F7Z.js";
 import "./isArrayLikeObject-LulrZoeO.js";
 import "./isSymbol-bQx0U8Lk.js";
 import "./toNumber-C6hfsNmF.js";
@@ -24,26 +24,26 @@ import { a as tooltipHandler, n as vegaLoadData } from "./loader-BCInj1Mf.js";
 import { t as uniq_default } from "./uniq-CMMw6UdM.js";
 import "./zod-AnT9BweX.js";
 import "./invariant-BEpJUgj9.js";
-import { t as useAsyncData } from "./useAsyncData-6gisQ4pR.js";
+import { t as useAsyncData } from "./useAsyncData-_ejUTnFA.js";
 import { n as formats } from "./vega-loader.browser-DQF9pFhs.js";
 import "./precisionRound-vxMVRvgy.js";
-import "./linear-B8XR-NVr.js";
-import { t as j } from "./react-vega-ypEMYp9o.js";
-import "./ordinal-DncHRC0c.js";
-import "./time-DRnNkqSS.js";
+import "./linear-CUCOukde.js";
+import { t as j } from "./react-vega-L8_x6Wjr.js";
+import "./ordinal-CgAjEHLv.js";
+import "./time-D5kvxFYj.js";
 import "./range-CqZlY8CG.js";
 import "./defaultLocale-C98cxApy.js";
 import "./defaultLocale-CaLfYlVx.js";
-import "./path-B-wCTTNY.js";
-import "./math-B9kWnSVt.js";
-import "./arc-DqQgmHse.js";
-import "./array-lX94FrxB.js";
-import "./step-zYP-E-fB.js";
-import "./line-DBxDZ2GZ.js";
-import "./init-BU4YGOOg.js";
-import "./timer--XD4eQXe.js";
-import "./colors-C2w3uhVQ.js";
-import "./treemap-BjIqNFzX.js";
+import "./path-DIzMdTua.js";
+import "./math-kvEWD7RZ.js";
+import "./arc-JJltOFJh.js";
+import "./array-vD2Vw0bk.js";
+import "./step-Bixovd6W.js";
+import "./line-Bm50ongk.js";
+import "./init-BsH2JjGd.js";
+import "./timer-Dde4NBPL.js";
+import "./colors-c_1kHhMM.js";
+import "./treemap-BLQ6nYXt.js";
 var import_compiler_runtime = /* @__PURE__ */ __toESM(require_compiler_runtime(), 1), 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;
@@ -71,23 +71,23 @@ var NON_INTERACTIVE_MARKS = /* @__PURE__ */ new Set([
 ]);
 const Marks = {
   getMarkType(e) {
-    let D = typeof e == "string" ? e : e.type;
-    if (NON_INTERACTIVE_MARKS.has(D)) throw Error("Not supported");
-    return D;
+    let w = typeof e == "string" ? e : e.type;
+    if (NON_INTERACTIVE_MARKS.has(w)) throw Error("Not supported");
+    return w;
   },
   isInteractive(e) {
-    let D = typeof e == "string" ? e : e.type;
-    return !NON_INTERACTIVE_MARKS.has(D);
+    let w = typeof e == "string" ? e : e.type;
+    return !NON_INTERACTIVE_MARKS.has(w);
   },
   makeClickable(e) {
-    let D = typeof e == "string" ? e : e.type;
-    return D in Mark ? typeof e == "string" ? {
+    let w = typeof e == "string" ? e : e.type;
+    return w in Mark ? typeof e == "string" ? {
       type: e,
       cursor: "pointer",
       tooltip: true
     } : {
       ...e,
-      type: D,
+      type: w,
       cursor: "pointer",
       tooltip: true
     } : e;
@@ -135,9 +135,9 @@ const Marks = {
       }
     };
   },
-  interval(e, D) {
+  interval(e, w) {
     return {
-      name: ParamNames.interval(D),
+      name: ParamNames.interval(w),
       select: {
         type: "interval",
         encodings: getEncodingAxisForMark(e),
@@ -152,9 +152,9 @@ const Marks = {
       }
     };
   },
-  point(e, D) {
+  point(e, w) {
     return {
-      name: ParamNames.point(D),
+      name: ParamNames.point(w),
       select: {
         type: "point",
         encodings: getEncodingAxisForMark(e),
@@ -203,8 +203,8 @@ function getEncodingAxisForMark(e) {
     case Mark.arc:
       return ["color"];
     case Mark.bar: {
-      let D = getDirectionOfBar(e);
-      return D === "horizontal" ? ["y"] : D === "vertical" ? ["x"] : void 0;
+      let w = getDirectionOfBar(e);
+      return w === "horizontal" ? ["y"] : w === "vertical" ? ["x"] : void 0;
     }
     case Mark.circle:
     case Mark.geoshape:
@@ -224,23 +224,23 @@ function getSelectionParamNames(e) {
 function getDirectionOfBar(e) {
   var _a, _b;
   if (!e || !("mark" in e)) return;
-  let D = (_a = e.encoding) == null ? void 0 : _a.x, O = (_b = e.encoding) == null ? void 0 : _b.y;
-  if (D && "type" in D && D.type === "nominal") return "vertical";
-  if (O && "type" in O && O.type === "nominal" || D && "aggregate" in D) return "horizontal";
-  if (O && "aggregate" in O) return "vertical";
+  let w = (_a = e.encoding) == null ? void 0 : _a.x, T = (_b = e.encoding) == null ? void 0 : _b.y;
+  if (w && "type" in w && w.type === "nominal") return "vertical";
+  if (T && "type" in T && T.type === "nominal" || w && "aggregate" in w) return "horizontal";
+  if (T && "aggregate" in T) return "vertical";
 }
 function getBinnedFields(e) {
   if (!e.encoding) return [];
-  let D = [];
-  for (let O of Object.values(e.encoding)) O && typeof O == "object" && "bin" in O && O.bin && "field" in O && typeof O.field == "string" && D.push(O.field);
-  return D;
+  let w = [];
+  for (let T of Object.values(e.encoding)) T && typeof T == "object" && "bin" in T && T.bin && "field" in T && typeof T.field == "string" && w.push(T.field);
+  return w;
 }
 function findEncodedFields(e) {
   if (!e || !("encoding" in e)) return [];
-  let { encoding: D } = e;
-  return D ? Object.entries(D).flatMap((e2) => {
-    let [D2, O] = e2;
-    return !O || !ALLOWED_ENCODING_TYPES.has(D2) ? [] : "field" in O && typeof O.field == "string" ? [O.field] : "condition" in O && O.condition && typeof O.condition == "object" && "field" in O.condition && O.condition.field && typeof O.condition.field == "string" ? [O.condition.field] : [];
+  let { encoding: w } = e;
+  return w ? Object.entries(w).flatMap((e2) => {
+    let [w2, T] = e2;
+    return !T || !ALLOWED_ENCODING_TYPES.has(w2) ? [] : "field" in T && typeof T.field == "string" ? [T.field] : "condition" in T && T.condition && typeof T.condition == "object" && "field" in T.condition && T.condition.field && typeof T.condition.field == "string" ? [T.condition.field] : [];
   }) : [];
 }
 var ALLOWED_ENCODING_TYPES = /* @__PURE__ */ new Set([
@@ -251,16 +251,16 @@ var ALLOWED_ENCODING_TYPES = /* @__PURE__ */ new Set([
   "shape",
   "size"
 ]);
-function makeEncodingInteractive(e, D, O, k) {
-  let A = O.filter((e2) => ParamNames.isBinColoring(e2)), M = { and: (A.length > 0 ? A : O).map((e2) => ({ param: e2 })) };
+function makeEncodingInteractive(e, w, T, E) {
+  let D = T.filter((e2) => ParamNames.isBinColoring(e2)), O = { and: (D.length > 0 ? D : T).map((e2) => ({ param: e2 })) };
   switch (e) {
     case "opacity": {
-      let e2 = Marks.getOpacity(k) || 1;
+      let e2 = Marks.getOpacity(E) || 1;
       return {
-        ...D,
+        ...w,
         opacity: {
           condition: {
-            test: M,
+            test: O,
             value: e2
           },
           value: e2 / 5
@@ -268,197 +268,197 @@ function makeEncodingInteractive(e, D, O, k) {
       };
     }
     default:
-      return D;
+      return w;
   }
 }
 function getParamSignature(e) {
   if (!("select" in e) || !e.select) return JSON.stringify(e);
-  let D = e.select;
-  if (typeof D == "string") return JSON.stringify({
-    type: D,
+  let w = e.select;
+  if (typeof w == "string") return JSON.stringify({
+    type: w,
     bind: e.bind
   });
-  let O = {
-    type: D.type,
-    encodings: "encodings" in D && D.encodings ? [...D.encodings].sort() : void 0,
-    fields: "fields" in D && D.fields ? [...D.fields].sort() : void 0,
+  let T = {
+    type: w.type,
+    encodings: "encodings" in w && w.encodings ? [...w.encodings].sort() : void 0,
+    fields: "fields" in w && w.fields ? [...w.fields].sort() : void 0,
     bind: e.bind
   };
-  return JSON.stringify(O);
+  return JSON.stringify(T);
 }
 function hoistParamsAndApplyOpacity(e) {
-  let D = collectAllUnitSpecParams(e);
-  if (D.length === 0) return e;
-  let O = findCommonParams(D);
-  return O.length === 0 ? e : {
-    ...applyOpacityToNestedSpecs(removeSpecificParamsFromNestedSpecs(e, new Set(O.map((e2) => e2.name))), O.map((e2) => e2.name)),
-    params: [...e.params || [], ...O]
+  let w = collectAllUnitSpecParams(e);
+  if (w.length === 0) return e;
+  let T = findCommonParams(w);
+  return T.length === 0 ? e : {
+    ...applyOpacityToNestedSpecs(removeSpecificParamsFromNestedSpecs(e, new Set(T.map((e2) => e2.name))), T.map((e2) => e2.name)),
+    params: [...e.params || [], ...T]
   };
 }
 function collectAllUnitSpecParams(e) {
-  let D = [];
-  if ("vconcat" in e && Array.isArray(e.vconcat)) for (let O of e.vconcat) D.push(...collectAllUnitSpecParams(O));
-  else if ("hconcat" in e && Array.isArray(e.hconcat)) for (let O of e.hconcat) D.push(...collectAllUnitSpecParams(O));
+  let w = [];
+  if ("vconcat" in e && Array.isArray(e.vconcat)) for (let T of e.vconcat) w.push(...collectAllUnitSpecParams(T));
+  else if ("hconcat" in e && Array.isArray(e.hconcat)) for (let T of e.hconcat) w.push(...collectAllUnitSpecParams(T));
   else if ("layer" in e) return [];
-  else "mark" in e && "params" in e && e.params && e.params.length > 0 && D.push({ params: e.params });
-  return D;
+  else "mark" in e && "params" in e && e.params && e.params.length > 0 && w.push({ params: e.params });
+  return w;
 }
 function findCommonParams(e) {
   if (e.length === 0) return [];
-  let D = /* @__PURE__ */ new Map(), O = e.length;
-  for (let { params: O2 } of e) {
+  let w = /* @__PURE__ */ new Map(), T = e.length;
+  for (let { params: T2 } of e) {
     let e2 = /* @__PURE__ */ new Set();
-    for (let k2 of O2) {
-      let O3 = getParamSignature(k2);
-      e2.has(O3) || (e2.add(O3), D.has(O3) || D.set(O3, {
+    for (let E2 of T2) {
+      let T3 = getParamSignature(E2);
+      e2.has(T3) || (e2.add(T3), w.has(T3) || w.set(T3, {
         count: 0,
-        param: k2
-      }), D.get(O3).count++);
+        param: E2
+      }), w.get(T3).count++);
     }
   }
-  let k = [];
-  for (let [, { count: e2, param: A }] of D) e2 === O && k.push(A);
-  return k;
+  let E = [];
+  for (let [, { count: e2, param: D }] of w) e2 === T && E.push(D);
+  return E;
 }
-function removeSpecificParamsFromNestedSpecs(e, D) {
+function removeSpecificParamsFromNestedSpecs(e, w) {
   if ("vconcat" in e && Array.isArray(e.vconcat)) return {
     ...e,
-    vconcat: e.vconcat.map((e2) => removeSpecificParamsFromNestedSpecs(e2, D))
+    vconcat: e.vconcat.map((e2) => removeSpecificParamsFromNestedSpecs(e2, w))
   };
   if ("hconcat" in e && Array.isArray(e.hconcat)) return {
     ...e,
-    hconcat: e.hconcat.map((e2) => removeSpecificParamsFromNestedSpecs(e2, D))
+    hconcat: e.hconcat.map((e2) => removeSpecificParamsFromNestedSpecs(e2, w))
   };
   if ("mark" in e && "params" in e && e.params) {
-    let O = e.params, k = [];
-    for (let e2 of O) {
+    let T = e.params, E = [];
+    for (let e2 of T) {
       if (!e2 || typeof e2 != "object" || !("name" in e2)) {
-        k.push(e2);
+        E.push(e2);
         continue;
       }
-      D.has(e2.name) || k.push(e2);
+      w.has(e2.name) || E.push(e2);
     }
-    if (k.length === 0) {
-      let { params: D2, ...O2 } = e;
-      return O2;
+    if (E.length === 0) {
+      let { params: w2, ...T2 } = e;
+      return T2;
     }
     return {
       ...e,
-      params: k
+      params: E
     };
   }
   return e;
 }
-function applyOpacityToNestedSpecs(e, D) {
+function applyOpacityToNestedSpecs(e, w) {
   return "vconcat" in e && Array.isArray(e.vconcat) ? {
     ...e,
-    vconcat: e.vconcat.map((e2) => applyOpacityToNestedSpecs(e2, D))
+    vconcat: e.vconcat.map((e2) => applyOpacityToNestedSpecs(e2, w))
   } : "hconcat" in e && Array.isArray(e.hconcat) ? {
     ...e,
-    hconcat: e.hconcat.map((e2) => applyOpacityToNestedSpecs(e2, D))
+    hconcat: e.hconcat.map((e2) => applyOpacityToNestedSpecs(e2, w))
   } : "layer" in e ? e : "mark" in e && Marks.isInteractive(e.mark) ? {
     ...e,
     mark: Marks.makeClickable(e.mark),
-    encoding: makeEncodingInteractive("opacity", e.encoding || {}, D, e.mark)
+    encoding: makeEncodingInteractive("opacity", e.encoding || {}, w, e.mark)
   } : e;
 }
-function makeSelectable(e, D) {
+function makeSelectable(e, w) {
   var _a, _b;
-  let { chartSelection: O = true, fieldSelection: k = true } = D;
-  if (!O && !k) return e;
-  if (((_a = e.params) == null ? void 0 : _a.some((e2) => e2.bind === "legend")) && (k = false), ((_b = e.params) == null ? void 0 : _b.some((e2) => !e2.bind)) && (O = false), "vconcat" in e) {
-    let D2 = e.vconcat.map((e2) => "mark" in e2 ? makeSelectable(e2, {
-      chartSelection: O,
-      fieldSelection: k
+  let { chartSelection: T = true, fieldSelection: E = true } = w;
+  if (!T && !E) return e;
+  if (((_a = e.params) == null ? void 0 : _a.some((e2) => e2.bind === "legend")) && (E = false), ((_b = e.params) == null ? void 0 : _b.some((e2) => !e2.bind)) && (T = false), "vconcat" in e) {
+    let w2 = e.vconcat.map((e2) => "mark" in e2 ? makeSelectable(e2, {
+      chartSelection: T,
+      fieldSelection: E
     }) : e2);
     return hoistParamsAndApplyOpacity({
       ...e,
-      vconcat: D2
+      vconcat: w2
     });
   }
   if ("hconcat" in e) {
-    let D2 = e.hconcat.map((e2) => "mark" in e2 ? makeSelectable(e2, {
-      chartSelection: O,
-      fieldSelection: k
+    let w2 = e.hconcat.map((e2) => "mark" in e2 ? makeSelectable(e2, {
+      chartSelection: T,
+      fieldSelection: E
     }) : e2);
     return hoistParamsAndApplyOpacity({
       ...e,
-      hconcat: D2
+      hconcat: w2
     });
   }
   if ("layer" in e) {
-    let D2 = e.params && e.params.length > 0, A2 = k !== false && !D2, M = [];
-    if (A2) {
-      let D3 = e.layer.flatMap((e2) => "mark" in e2 ? findEncodedFields(e2) : []);
-      M = [...new Set(D3)], Array.isArray(k) && (M = M.filter((e2) => k.includes(e2)));
+    let w2 = e.params && e.params.length > 0, D2 = E !== false && !w2, O = [];
+    if (D2) {
+      let w3 = e.layer.flatMap((e2) => "mark" in e2 ? findEncodedFields(e2) : []);
+      O = [...new Set(w3)], Array.isArray(E) && (O = O.filter((e2) => E.includes(e2)));
     }
-    let N = e.layer.map((e2, D3) => {
+    let k = e.layer.map((e2, w3) => {
       if (!("mark" in e2)) return e2;
-      let k2 = e2;
-      if (D3 === 0 && M.length > 0) {
-        let e3 = M.map((e4) => Params.legend(e4));
-        k2 = {
-          ...k2,
-          params: [...k2.params || [], ...e3]
+      let E2 = e2;
+      if (w3 === 0 && O.length > 0) {
+        let e3 = O.map((e4) => Params.legend(e4));
+        E2 = {
+          ...E2,
+          params: [...E2.params || [], ...e3]
         };
       }
-      return k2 = makeChartSelectable(k2, O, D3), k2 = makeChartInteractive(k2), D3 === 0 && (k2 = makeChartPanZoom(k2)), k2;
+      return E2 = makeChartSelectable(E2, T, w3), E2 = makeChartInteractive(E2), w3 === 0 && (E2 = makeChartPanZoom(E2)), E2;
     });
     return {
       ...e,
-      layer: N
+      layer: k
     };
   }
   if (!("mark" in e) || !Marks.isInteractive(e.mark)) return e;
-  let A = e;
-  return A = makeLegendSelectable(A, k), A = makeChartSelectable(A, O, void 0), A = makeChartInteractive(A), A = makeChartPanZoom(A), A;
+  let D = e;
+  return D = makeLegendSelectable(D, E), D = makeChartSelectable(D, T, void 0), D = makeChartInteractive(D), D = makeChartPanZoom(D), D;
 }
-function makeLegendSelectable(e, D) {
-  if (D === false) return e;
-  let O = findEncodedFields(e);
-  Array.isArray(D) && (O = O.filter((e2) => D.includes(e2)));
-  let k = O.map((e2) => Params.legend(e2)), A = [...e.params || [], ...k];
+function makeLegendSelectable(e, w) {
+  if (w === false) return e;
+  let T = findEncodedFields(e);
+  Array.isArray(w) && (T = T.filter((e2) => w.includes(e2)));
+  let E = T.map((e2) => Params.legend(e2)), D = [...e.params || [], ...E];
   return {
     ...e,
-    params: A
+    params: D
   };
 }
-function makeChartSelectable(e, D, O) {
-  if (D === false) return e;
-  let k;
+function makeChartSelectable(e, w, T) {
+  if (w === false) return e;
+  let E;
   try {
-    k = Marks.getMarkType(e.mark);
+    E = Marks.getMarkType(e.mark);
   } catch {
     return e;
   }
-  if (k === "geoshape") return e;
-  let A = getBinnedFields(e), M = D === true ? A.length > 0 ? ["point"] : getBestSelectionForMark(k) : [D];
-  if (!M || M.length === 0) return e;
-  let N = M.map((D2) => D2 === "interval" ? Params.interval(e, O) : Params.point(e, O)), P = [...e.params || [], ...N];
-  return A.length > 0 && M.includes("point") && P.push(Params.binColoring(O)), {
+  if (E === "geoshape") return e;
+  let D = getBinnedFields(e), O = w === true ? D.length > 0 ? ["point"] : getBestSelectionForMark(E) : [w];
+  if (!O || O.length === 0) return e;
+  let k = O.map((w2) => w2 === "interval" ? Params.interval(e, T) : Params.point(e, T)), A = [...e.params || [], ...k];
+  return D.length > 0 && O.includes("point") && A.push(Params.binColoring(T)), {
     ...e,
-    params: P
+    params: A
   };
 }
 function makeChartPanZoom(e) {
-  let D;
+  let w;
   try {
-    D = Marks.getMarkType(e.mark);
+    w = Marks.getMarkType(e.mark);
   } catch {
   }
-  if (D === "geoshape") return e;
-  let O = e.params || [];
-  return O.some((e2) => e2.bind === "scales") ? e : {
+  if (w === "geoshape") return e;
+  let T = e.params || [];
+  return T.some((e2) => e2.bind === "scales") ? e : {
     ...e,
-    params: [...O, Params.panZoom()]
+    params: [...T, Params.panZoom()]
   };
 }
 function makeChartInteractive(e) {
-  let D = "encoding" in e ? e.encoding : void 0, O = e.params || [], k = O.map((e2) => e2.name);
-  return O.length === 0 || !Marks.isInteractive(e.mark) ? e : {
+  let w = "encoding" in e ? e.encoding : void 0, T = e.params || [], E = T.map((e2) => e2.name);
+  return T.length === 0 || !Marks.isInteractive(e.mark) ? e : {
     ...e,
     mark: Marks.makeClickable(e.mark),
-    encoding: makeEncodingInteractive("opacity", D || {}, k, e.mark)
+    encoding: makeEncodingInteractive("opacity", w || {}, E, e.mark)
   };
 }
 function getBestSelectionForMark(e) {
@@ -477,93 +477,97 @@ function getBestSelectionForMark(e) {
 }
 async function resolveVegaSpecData(e) {
   if (!e) return e;
-  let D = "datasets" in e ? { ...e.datasets } : {}, O = async (e2) => {
+  let w = "datasets" in e ? { ...e.datasets } : {}, T = async (e2) => {
     if (!e2) return e2;
     if ("layer" in e2) {
-      let D2 = await Promise.all(e2.layer.map(O));
+      let w2 = await Promise.all(e2.layer.map(T));
       e2 = {
         ...e2,
-        layer: D2
+        layer: w2
       };
     }
     if ("hconcat" in e2) {
-      let D2 = await Promise.all(e2.hconcat.map(O));
+      let w2 = await Promise.all(e2.hconcat.map(T));
       e2 = {
         ...e2,
-        hconcat: D2
+        hconcat: w2
       };
     }
     if ("vconcat" in e2) {
-      let D2 = await Promise.all(e2.vconcat.map(O));
+      let w2 = await Promise.all(e2.vconcat.map(T));
       e2 = {
         ...e2,
-        vconcat: D2
+        vconcat: w2
       };
     }
     if ("spec" in e2 && (e2 = {
       ...e2,
-      spec: await O(e2.spec)
+      spec: await T(e2.spec)
     }), !e2.data || !("url" in e2.data)) return e2;
-    let k2;
+    let E2;
     try {
-      k2 = asRemoteURL(e2.data.url);
+      E2 = asRemoteURL(e2.data.url);
     } catch {
       return e2;
     }
-    let M = await vegaLoadData(k2.href, e2.data.format);
-    return D[k2.pathname] = M, {
+    let O = await vegaLoadData(E2.href, e2.data.format);
+    return w[E2.pathname] = O, {
       ...e2,
-      data: { name: k2.pathname }
+      data: { name: E2.pathname }
     };
-  }, k = await O(e);
-  return Object.keys(D).length === 0 ? k : {
-    ...k,
-    datasets: D
+  }, E = await T(e);
+  return Object.keys(w).length === 0 ? E : {
+    ...E,
+    datasets: w
   };
 }
 var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
 formats("arrow", arrow);
 var VegaComponent = (e) => {
-  let D = (0, import_compiler_runtime.c)(11), { value: O, setValue: k, chartSelection: A, fieldSelection: M, spec: N } = e, P, F;
-  D[0] === N ? (P = D[1], F = D[2]) : (P = async () => resolveVegaSpecData(N), F = [N], D[0] = N, D[1] = P, D[2] = F);
-  let { data: I, error: L } = useAsyncData(P, F);
-  if (L) {
+  let w = (0, import_compiler_runtime.c)(12), { value: T, setValue: E, chartSelection: D, fieldSelection: O, spec: k, embedOptions: A } = e, M, N;
+  w[0] === k ? (M = w[1], N = w[2]) : (M = async () => resolveVegaSpecData(k), N = [k], w[0] = k, w[1] = M, w[2] = N);
+  let { data: P, error: F } = useAsyncData(M, N);
+  if (F) {
     let e2;
-    return D[3] === L ? e2 = D[4] : (e2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { error: L }), D[3] = L, D[4] = e2), e2;
+    return w[3] === F ? e2 = w[4] : (e2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { error: F }), w[3] = F, w[4] = e2), e2;
   }
-  if (!I) return null;
-  let R;
-  return D[5] !== A || D[6] !== M || D[7] !== I || D[8] !== k || D[9] !== O ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadedVegaComponent, {
-    value: O,
-    setValue: k,
-    chartSelection: A,
-    fieldSelection: M,
-    spec: I
-  }), D[5] = A, D[6] = M, D[7] = I, D[8] = k, D[9] = O, D[10] = R) : R = D[10], R;
-}, LoadedVegaComponent = ({ value: e, setValue: D, chartSelection: O, fieldSelection: A, spec: F }) => {
-  let { theme: I } = useTheme(), z = (0, import_react.useRef)(null), B = (0, import_react.useRef)(void 0), [V, H] = (0, import_react.useState)(), U = useDeepCompareMemoize(F), W = (0, import_react.useMemo)(() => makeSelectable(fixRelativeUrl(U), {
-    chartSelection: O,
-    fieldSelection: A
+  if (!P) return null;
+  let I;
+  return w[5] !== D || w[6] !== A || w[7] !== O || w[8] !== P || w[9] !== E || w[10] !== T ? (I = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadedVegaComponent, {
+    value: T,
+    setValue: E,
+    chartSelection: D,
+    fieldSelection: O,
+    spec: P,
+    embedOptions: A
+  }), w[5] = D, w[6] = A, w[7] = O, w[8] = P, w[9] = E, w[10] = T, w[11] = I) : I = w[11], I;
+}, LoadedVegaComponent = ({ value: e, setValue: w, chartSelection: T, fieldSelection: D, 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 : {
+    source: false,
+    compiled: false
+  }, [N]), U = useDeepCompareMemoize(M), W = (0, import_react.useMemo)(() => makeSelectable(fixRelativeUrl(U), {
+    chartSelection: T,
+    fieldSelection: D
   }), [
     U,
-    O,
-    A
-  ]), G = (0, import_react.useMemo)(() => getSelectionParamNames(W), [W]), K = useEvent_default((O2) => {
-    D({
+    T,
+    D
+  ]), G = (0, import_react.useMemo)(() => getSelectionParamNames(W), [W]), K = useEvent_default((T2) => {
+    w({
       ...e,
-      ...O2
+      ...T2
     });
-  }), q = (0, import_react.useMemo)(() => debounce_default((e2, D2) => {
-    Logger.debug("[Vega signal]", e2, D2);
-    let O2 = Objects.mapValues(D2, convertDatetimeToEpochMilliseconds);
-    O2 = Objects.mapValues(O2, convertSetToList), K({ [e2]: O2 });
-  }, 100), [K]), J = useDeepCompareMemoize(G), Y = (0, import_react.useMemo)(() => J.reduce((e2, D2) => (ParamNames.PAN_ZOOM === D2 || ParamNames.isBinColoring(D2) || e2.push({
-    signalName: D2,
-    handler: (e3, D3) => q(e3, D3)
+  }), q = (0, import_react.useMemo)(() => debounce_default((e2, w2) => {
+    Logger.debug("[Vega signal]", e2, w2);
+    let T2 = Objects.mapValues(w2, convertDatetimeToEpochMilliseconds);
+    T2 = Objects.mapValues(T2, convertSetToList), K({ [e2]: T2 });
+  }, 100), [K]), J = useDeepCompareMemoize(G), Y = (0, import_react.useMemo)(() => J.reduce((e2, w2) => (ParamNames.PAN_ZOOM === w2 || ParamNames.isBinColoring(w2) || e2.push({
+    signalName: w2,
+    handler: (e3, w3) => q(e3, w3)
   }), e2), []), [J, q]), X = useEvent_default((e2) => {
-    Logger.error(e2), Logger.debug(W), H(e2);
+    Logger.error(e2), Logger.debug(W), V(e2);
   }), Z = useEvent_default((e2) => {
-    Logger.debug("[Vega view] created", e2), B.current = e2, H(void 0);
+    Logger.debug("[Vega view] created", e2), z.current = e2, V(void 0);
   }), Q = () => {
     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, {
@@ -571,23 +575,23 @@ var VegaComponent = (e) => {
       side: "left",
       content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
         className: "text-xs flex flex-col",
-        children: e2.map((e3, D2) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        children: e2.map((e3, w2) => /* @__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]
-        ] }, D2))
+        ] }, w2))
       }),
       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: z,
+    ref: R,
     spec: W,
     options: {
-      theme: I === "dark" ? "dark" : void 0,
-      actions,
+      theme: L === "dark" ? "dark" : void 0,
+      actions: H,
       mode: "vega-lite",
       tooltip: tooltipHandler.call,
       renderer: "canvas"
@@ -595,34 +599,31 @@ var VegaComponent = (e) => {
     onError: X,
     onEmbed: Z
   });
-  return (0, import_react.useEffect)(() => (Y.forEach(({ signalName: e2, handler: D2 }) => {
+  return (0, import_react.useEffect)(() => (Y.forEach(({ signalName: e2, handler: w2 }) => {
     try {
-      $ == null ? void 0 : $.view.addSignalListener(e2, D2);
+      $ == null ? void 0 : $.view.addSignalListener(e2, w2);
     } catch (e3) {
       Logger.error(e3);
     }
   }), () => {
-    Y.forEach(({ signalName: e2, handler: D2 }) => {
+    Y.forEach(({ signalName: e2, handler: w2 }) => {
       try {
-        $ == null ? void 0 : $.view.removeSignalListener(e2, D2);
+        $ == null ? void 0 : $.view.removeSignalListener(e2, w2);
       } catch (e3) {
         Logger.error(e3);
       }
     });
-  }), [$, Y]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [V && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+  }), [$, Y]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [B && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
     variant: "destructive",
-    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: V.message }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: B.message }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       className: "text-md",
-      children: V.stack
+      children: B.stack
     })]
   }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "relative",
     onPointerDown: Events.stopPropagation(),
-    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: z }), Q()]
+    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: R }), Q()]
   })] });
-}, actions = {
-  source: false,
-  compiled: false
 };
 function convertSetToList(e) {
   return e instanceof Set ? [...e] : e;