@marimo-team/islands 0.21.1-dev12 → 0.21.1-dev14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,7 +11,7 @@ import "./react-dom-CqtLRVZP.js";
11
11
  import { t as Tooltip } from "./tooltip-SPkubVH3.js";
12
12
  import { t as isString_default } from "./isString-D-vNYDBA.js";
13
13
  import { b as createStore, g as useAtomValue, m as Provider, n as useTheme, y as atom } from "./useTheme-D0rdoMBF.js";
14
- import { a as tooltipHandler, n as vegaLoadData } from "./loader-DsE3MiYo.js";
14
+ import { a as getContainerWidth, n as vegaLoadData, s as tooltipHandler } from "./loader-V1UqqlAy.js";
15
15
  import { t as invariant } from "./invariant-D9QLJ4SZ.js";
16
16
  import { n as ErrorBanner } from "./error-banner-BctofTCP.js";
17
17
  import "./vega-loader.browser-CQ-lnUkI.js";
@@ -6211,11 +6211,12 @@ const DataExplorerComponent = (e3) => {
6211
6211
  let P = j, F;
6212
6212
  p[11] !== D || p[12] !== A || p[13] !== k || p[14] !== E ? (F = () => {
6213
6213
  if (!A) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColumnSummary, { schema: k });
6214
- let e4 = A.spec, p2 = makeResponsive(e4), m2 = augmentSpecWithData(p2, D);
6214
+ let e4 = A.spec, p2 = augmentSpecWithData(makeResponsive(e4), D);
6215
6215
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
6216
- className: cn("flex overflow-y-auto justify-center items-center flex-1 w-[90%]", p2.width === "container" && "vega-container-width"),
6216
+ className: cn("flex overflow-y-auto justify-center items-center flex-1 w-[90%]"),
6217
6217
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(q, {
6218
- spec: m2,
6218
+ "data-container-width": getContainerWidth(p2),
6219
+ spec: p2,
6219
6220
  options: chartOptions(E)
6220
6221
  })
6221
6222
  });
@@ -169,7 +169,14 @@ var Handler = class {
169
169
  }
170
170
  };
171
171
  pkg.version;
172
- const tooltipHandler = new Handler(), MAGIC = Uint8Array.of(65, 82, 82, 79, 87, 49), Version = {
172
+ const tooltipHandler = new Handler();
173
+ function getContainerWidth(m2) {
174
+ if (typeof m2 == "object" && m2 && "width" in m2) return m2.width;
175
+ }
176
+ function getVegaFieldTypes(U) {
177
+ return !U || Object.keys(U).length === 0 ? "auto" : Objects.mapValues(U, (m2) => m2 === "date" || m2 === "time" ? "string" : m2 === "datetime" ? "date" : m2);
178
+ }
179
+ const MAGIC = Uint8Array.of(65, 82, 82, 79, 87, 49), Version = {
173
180
  V1: 0,
174
181
  V2: 1,
175
182
  V3: 2,
@@ -1422,9 +1429,11 @@ function getUniqueKey(m2, U) {
1422
1429
  return W;
1423
1430
  }
1424
1431
  export {
1425
- tooltipHandler as a,
1432
+ getContainerWidth as a,
1426
1433
  tableFromIPC as i,
1427
1434
  vegaLoadData as n,
1435
+ getVegaFieldTypes as o,
1428
1436
  createBatchedLoader as r,
1437
+ tooltipHandler as s,
1429
1438
  parseCsvData as t
1430
1439
  };
package/dist/main.js CHANGED
@@ -27,7 +27,7 @@ import { A as useOnMount, B as Table$1, C as DEFAULT_COLOR_SCHEME, D as SCALE_TY
27
27
  import { t as Check } from "./check-DpqPQmzz.js";
28
28
  import { A as $a916eb452884faea$export$b7a616150fdb9f44, C as useDirection, D as assertNever, E as usePrevious$1, I as X, M as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, N as $18f2051aff69b9bf$export$a54013f0d02a8f82, O as logNever, P as $b5e257d569688ac6$export$535bd6ca7f90a273, R as ChevronDown, S as Trigger$5, T as clamp$2, _ as menuItemVariants, a as SelectGroup, b as menuSubTriggerVariants, c as SelectSeparator, d as NativeSelect, f as selectStyles, g as menuControlVariants, h as menuControlCheckVariants, i as SelectContent, j as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5, l as SelectTrigger, m as menuContentCommon, n as Primitive$1, o as SelectItem, p as MENU_ITEM_DISABLED, r as Select, s as SelectLabel, t as Label, u as SelectValue, v as menuLabelVariants, w as createCollection, x as Icon, y as menuSeparatorVariants } from "./label-BLDcDYdI.js";
29
29
  import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $t as $c87311424ea30a05$export$a11b0059900ceec8, A as Portal$2, At as $fca6afa0e843324b$export$87b761675e8eaa10, B as Root$6, Bt as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, C as Arrow2, Ct as $e5be200c675c3b3a$export$aca958c65c314e6c, D as Item2$2, Dt as $f7dceffc5ad7768b$export$4e328f61c538687f, E as Group$1, Et as $319e236875307eab$export$a9b970dcc4ae71a9, F as Sub, Ft as $9ab94262bd0047c7$export$420e68273165f4ec, G as $3985021b0ad6602f$export$f5b8910cec6cf069, Gt as $99facab73266f662$export$5add1d006293d136, H as ErrorBoundary, Ht as $458b0a5536c1a7cf$export$40bfa8c7b0832715, I as SubContent, It as $3ad3f6e1647bc98d$export$80f3e147d781571c, J as $d3e0e05bdfcf66bd$export$c24727297075ec6a, Jt as $df56164dff5785e2$export$4338b53315abf666, K as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, Kt as $e9faafb641e167db$export$90fc3a17d93f704c, L as SubTrigger, Lt as $507fabe10e71c6fb$export$630ff653c5ada6a9, M as RadioItem, Mt as $6db58dc88e78b024$export$2f817fcdc4b89ae0, N as Root3, Nt as $5b160d28a433310d$export$c17fa47878dc55b6, O as ItemIndicator, Ot as $701a24aa0da5b062$export$ea18c227d4417cc3, P as Separator, Pt as $6179b936705e76d3$export$ae780daf29e6d456, Q as $514c0188e459b4c0$export$9afb8bc826b033ea, Qt as $c87311424ea30a05$export$9ac100e40613ea10, R as createMenuScope, Rt as $f6c31cce2adf654f$export$45712eceda6fad21, S as Anchor2, St as $e5be200c675c3b3a$export$a763b9476acd3eb, T as Content2$3, Tt as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, U as require_prop_types, Ut as $b4b717babfbb907b$export$4c063cf1350e6fed, V as createRovingFocusGroupScope, Vt as $9446cca9a3875146$export$7d15b64cf5a3a4c4, W as $3985021b0ad6602f$export$37fb8590cf2c088c, Wt as $b4b717babfbb907b$export$bebd5a1431fec25d, X as $ee014567cb39d3f0$export$ff05c3ac10437e03, Xt as $c87311424ea30a05$export$6446a186d09e379e, Y as $ee014567cb39d3f0$export$f551688fc98f2e09, Yt as $313b98861ee5dd6c$export$d6875122194c7b44, Z as $514c0188e459b4c0$export$5f1af8db9871e1d6, Zt as $c87311424ea30a05$export$78551043582a6a98, _ as DropdownMenuSeparator, _n as Plus, _t as capitalize_default, a as OnBlurredInput, an as $d4ee10de306f2510$export$b4f377a2b6254582, at as $64fa3d84918910a7$export$29f1550f4b0d4415, b as DropdownMenuSubTrigger, bn as ChevronRight, bt as $e93e671b31057976$export$b8473d3665f3a75a, c as prettyEngineeringNumber, cn as $f4e2df6bd15f8569$export$98658e8c59125e6a, ct as $64fa3d84918910a7$export$c245e6201fed2f75, d as DropdownMenu, dn as $ff5963eb1fccf552$export$e08e3b67e392101e, dt as $64fa3d84918910a7$export$ef03459518577ad4, en as $c87311424ea30a05$export$fedb369cb70207f1, et as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, f as DropdownMenuContent, fn as $bdb11010cef70236$export$b4cc09c592e8fdb8, ft as $64fa3d84918910a7$export$fabf2dc03a41866e, g as DropdownMenuPortal, gn as Search, gt as useDebouncedCallback, h as DropdownMenuLabel, hn as Trash, ht as useDebounceControlledState, i as Input, in as $d4ee10de306f2510$export$4282f70798064fe0, it as $64fa3d84918910a7$export$2881499e37b75b9a, j as RadioGroup$2, jt as $fca6afa0e843324b$export$f12b703ca79dfbb1, k as Label$2, kt as $6c7bd7858deea686$export$cd11ab140839f11d, l as prettyNumber, ln as $431fbd86ca7dc216$export$b204af158042fbac, lt as $64fa3d84918910a7$export$c62b8e45d58ddad9, m as DropdownMenuItem, mn as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, mt as marked, n as DebouncedInput, nn as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, nt as $01b77f81d0f07f68$export$b04be29aa201d4f5, o as NumberField, on as $d4ee10de306f2510$export$cd4e5573fbe2b576, ot as $64fa3d84918910a7$export$4d86445c2cf5e3, p as DropdownMenuGroup, pn as $bdb11010cef70236$export$f680877a34711e37, pt as useNonce, q as $a049562f99e7db0e$export$f9c6924e160136d1, qt as $8ae05eaa5c114e9c$export$7f54fc3180508a52, r as DebouncedNumberInput, rn as $3ef42575df84b30b$export$9d1611c77c2fe928, rt as $f39a9eba43920ace$export$b5d7cc18bb8d2b59, s as maxFractionalDigits, sn as $d4ee10de306f2510$export$e58f029f0fbfdb29, st as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, t as BulkEdit, tn as $7215afc6de606d6b$export$de79e2c695e052f3, tt as $01b77f81d0f07f68$export$75b6ee27786ba447, u as prettyScientificNumber, un as $431fbd86ca7dc216$export$f21a1ffae260145a, ut as $64fa3d84918910a7$export$df3a06d6289f983e, v as DropdownMenuSub, vn as Pencil, vt as $d2e8511e6f209edf$export$e908e06f4b8e3402, w as CheckboxItem, wt as $e5be200c675c3b3a$export$dad6ae84456c676a, x as DropdownMenuTrigger, xt as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, y as DropdownMenuSubContent, yn as Circle, yt as $2baaea4c71418dea$export$294aa081a6c6f55d, z as Item$2, zt as _class_private_field_init } from "./types-0FB-N7AA.js";
30
- import { S as CircleQuestionMark, _ as isUrl, a as AlertTitle, b as Deferred, c as constructFrom, d as millisecondsInMinute, f as millisecondsInSecond, g as appendQueryParams, h as getRuntimeManager, i as AlertDescription, l as millisecondsInDay, m as asRemoteURL, n as arrow, o as isValid$1, p as millisecondsInWeek, r as Alert, s as toDate, t as useDeepCompareMemoize, u as millisecondsInHour, v as require_cuid2, x as isWasm, y as waitForConnectionOpen } from "./useDeepCompareMemoize-DLS-bHHT.js";
30
+ import { S as CircleQuestionMark, _ as isUrl, a as AlertTitle, b as Deferred, c as constructFrom, d as millisecondsInMinute, f as millisecondsInSecond, g as appendQueryParams, h as getRuntimeManager, i as AlertDescription, l as millisecondsInDay, m as asRemoteURL, n as arrow, o as isValid$1, p as millisecondsInWeek, r as Alert, s as toDate, t as useDeepCompareMemoize, u as millisecondsInHour, v as require_cuid2, x as isWasm, y as waitForConnectionOpen } from "./useDeepCompareMemoize-CJr2MRe6.js";
31
31
  import { n as clsx_default } from "./clsx-D2KVTYnW.js";
32
32
  import { _ as Functions, a as cva, c as isPlatformMac, d as Objects, f as useEventListener, g as Logger, h as Events, l as parseShortcut, m as useComposedRefs, n as buttonVariants, o as NOT_SET, p as composeRefs, r as Slot$1, t as Button, v as throwNotImplemented, y as cn } from "./button-DQpBib29.js";
33
33
  import { $ as __awaiter, A as custom, B as record, C as ZodUnion$1, D as any, E as _null, F as nan, G as unknown, H as string, I as never, J as toJSONSchema, K as safeParseAsync, L as number, M as lazy$4, N as literal, O as array, P as looseObject, Q as prettifyError, R as object$1, S as ZodType$1, T as _instanceof, U as tuple, V as strictObject, W as union, X as parseAsync, Y as parse$3, Z as $ZodError, _ as ZodLiteral$1, _t as createContextScope, a as zod_default, at as useControllableState, b as ZodOptional$1, c as string$1, ct as useId$12, d as ZodArray$1, dt as useCallbackRef, et as MAX_HEIGHT_OFFSET, f as ZodBoolean$1, ft as Primitive, g as ZodEnum$1, h as ZodDiscriminatedUnion$1, i as useFocusGuards, it as StyleNamespace, j as discriminatedUnion, k as boolean, l as ZodIssueCode$1, lt as useLayoutEffect2, m as ZodDefault$1, mt as createSlot, n as hideOthers, nt as withSmartCollisionBoundary, o as date, ot as Presence, p as ZodDate$1, pt as dispatchDiscreteCustomEvent, q as ZodError$1, r as FocusScope, rt as isInVscodeExtension, s as number$1, st as Portal, t as Combination_default, tt as withFullScreenAsRoot, u as ZodAny$1, ut as DismissableLayer, v as ZodNumber$1, vt as composeEventHandlers$1, w as _enum, x as ZodString$1, y as ZodObject$1, z as optional } from "./Combination-Dk6JxauT.js";
@@ -41,7 +41,7 @@ import { n as pick_default, t as range_default } from "./range-BKaWvVUE.js";
41
41
  import { i as debounce_default, r as KnownQueryParams, t as CSSClasses } from "./constants-CytQ_3LM.js";
42
42
  import { t as isEmpty_default } from "./isEmpty-C-xMag79.js";
43
43
  import { C as useEvent_default, S as getBuildingBlocks, _ as useSetAtom, a as getResolvedMarimoConfig, c as AppConfigSchema, d as useJotaiEffect, g as useAtomValue, h as useAtom, i as autoInstantiateAtom, l as createDeepEqualAtom, m as Provider, n as useTheme, o as localeAtom, p as isIslands, r as aiEnabledAtom, s as useResolvedMarimoConfig, t as resolvedThemeAtom, u as store, v as useStore, w as isEqual_default, x as buildStore, y as atom } from "./useTheme-D0rdoMBF.js";
44
- import { a as tooltipHandler, n as vegaLoadData, r as createBatchedLoader, t as parseCsvData } from "./loader-DsE3MiYo.js";
44
+ import { a as getContainerWidth, n as vegaLoadData, o as getVegaFieldTypes, r as createBatchedLoader, s as tooltipHandler, t as parseCsvData } from "./loader-V1UqqlAy.js";
45
45
  import { $ as ViewPlugin, At as Prec, B as tags$1, Dt as EditorState, E as getIndentUnit, Et as EditorSelection, Ft as StateField, I as syntaxTree, It as Text$2, J as parseMixed, L as unfoldAll, Lt as Transaction, Ot as Facet$1, Pt as StateEffect, Q as GutterMarker, S as foldInside, Tt as Compartment, Y as Decoration, Z as EditorView, b as foldAll, dt as keymap, et as WidgetType, f as StreamLanguage, jt as RangeSet, l as LanguageDescription, mt as placeholder, ot as gutter, u as LanguageSupport, ut as hoverTooltip, vt as showPanel, w as foldNodeProp, xt as Annotation, yt as showTooltip } from "./dist-DOoqn-VL.js";
46
46
  import { t as invariant } from "./invariant-D9QLJ4SZ.js";
47
47
  import { a as arrayInsert, c as arrayShallowEquals, i as arrayDelete, l as uniqueBy, n as once, o as arrayInsertMany, r as Arrays, s as arrayMove, t as memoizeLastValue, u as clamp } from "./once-BqS42WgZ.js";
@@ -55448,6 +55448,7 @@ Database schema: ${c}`), (_a4 = r2.aiFix) == null ? void 0 : _a4.setAiCompletion
55448
55448
  fallback: f2,
55449
55449
  children: (0, import_jsx_runtime.jsx)(LazyVegaEmbed, {
55450
55450
  spec: e2,
55451
+ "data-container-width": "container",
55451
55452
  options: y2,
55452
55453
  style: S2
55453
55454
  })
@@ -60529,7 +60530,7 @@ ${O}`,
60529
60530
  }
60530
60531
  var import_compiler_runtime$102 = require_compiler_runtime(), METADATA_KEY = "__metadata__";
60531
60532
  const OutputRenderer = (0, import_react.memo)((e) => {
60532
- let r = (0, import_compiler_runtime$102.c)(51), { message: c, onRefactorWithAI: d, cellId: f, wrapText: _, metadata: v, renderFallback: y } = e, { theme: S } = useTheme(), w;
60533
+ let r = (0, import_compiler_runtime$102.c)(54), { message: c, onRefactorWithAI: d, cellId: f, wrapText: _, metadata: v, renderFallback: y } = e, { theme: S } = useTheme(), w;
60533
60534
  bb0: {
60534
60535
  let e2 = c.data;
60535
60536
  switch (c.mimetype) {
@@ -60649,38 +60650,41 @@ ${O}`,
60649
60650
  case "application/vnd.vega.v6+json": {
60650
60651
  let e2;
60651
60652
  r[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)(ChartLoadingState, {}), r[34] = e2) : e2 = r[34];
60652
- let c2 = E, d2 = S === "dark" ? "dark" : void 0, f2;
60653
- r[35] === d2 ? f2 = r[36] : (f2 = {
60654
- theme: d2,
60653
+ let c2 = E, d2;
60654
+ r[35] === E ? d2 = r[36] : (d2 = getContainerWidth(E), r[35] = E, r[36] = d2);
60655
+ let f2 = S === "dark" ? "dark" : void 0, _2;
60656
+ r[37] === f2 ? _2 = r[38] : (_2 = {
60657
+ theme: f2,
60655
60658
  mode: "vega-lite",
60656
60659
  tooltip: tooltipHandler.call,
60657
60660
  renderer: "canvas"
60658
- }, r[35] = d2, r[36] = f2);
60659
- let _2;
60660
- return r[37] !== c2 || r[38] !== f2 ? (_2 = (0, import_jsx_runtime.jsx)(import_react.Suspense, {
60661
+ }, r[37] = f2, r[38] = _2);
60662
+ let v2;
60663
+ return r[39] !== c2 || r[40] !== d2 || r[41] !== _2 ? (v2 = (0, import_jsx_runtime.jsx)(import_react.Suspense, {
60661
60664
  fallback: e2,
60662
60665
  children: (0, import_jsx_runtime.jsx)(LazyVegaEmbed, {
60663
60666
  spec: c2,
60664
- options: f2
60667
+ "data-container-width": d2,
60668
+ options: _2
60665
60669
  })
60666
- }), r[37] = c2, r[38] = f2, r[39] = _2) : _2 = r[39], _2;
60670
+ }), r[39] = c2, r[40] = d2, r[41] = _2, r[42] = v2) : v2 = r[42], v2;
60667
60671
  }
60668
60672
  case "application/vnd.marimo+mimebundle": {
60669
60673
  let e2 = E, c2;
60670
- return r[40] !== O || r[41] !== e2 ? (c2 = (0, import_jsx_runtime.jsx)(MimeBundleOutputRenderer, {
60674
+ return r[43] !== O || r[44] !== e2 ? (c2 = (0, import_jsx_runtime.jsx)(MimeBundleOutputRenderer, {
60671
60675
  channel: O,
60672
60676
  data: e2
60673
- }), r[40] = O, r[41] = e2, r[42] = c2) : c2 = r[42], c2;
60677
+ }), r[43] = O, r[44] = e2, r[45] = c2) : c2 = r[45], c2;
60674
60678
  }
60675
60679
  case "application/vnd.jupyter.widget-view+json": {
60676
60680
  let e2;
60677
- r[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("b", {
60681
+ r[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e2 = (0, import_jsx_runtime.jsx)("b", {
60678
60682
  children: "Jupyter widgets are not supported in marimo."
60679
- }), r[43] = e2) : e2 = r[43];
60683
+ }), r[46] = e2) : e2 = r[46];
60680
60684
  let c2;
60681
- r[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c2 = (0, import_jsx_runtime.jsx)("br", {}), r[44] = c2) : c2 = r[44];
60685
+ r[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c2 = (0, import_jsx_runtime.jsx)("br", {}), r[47] = c2) : c2 = r[47];
60682
60686
  let d2;
60683
- return r[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d2 = (0, import_jsx_runtime.jsxs)(Banner, {
60687
+ return r[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d2 = (0, import_jsx_runtime.jsxs)(Banner, {
60684
60688
  kind: "warn",
60685
60689
  children: [
60686
60690
  e2,
@@ -60697,21 +60701,21 @@ ${O}`,
60697
60701
  }),
60698
60702
  "."
60699
60703
  ]
60700
- }), r[45] = d2) : d2 = r[45], d2;
60704
+ }), r[48] = d2) : d2 = r[48], d2;
60701
60705
  }
60702
60706
  default: {
60703
60707
  if (logNever(I), y) {
60704
60708
  let e3;
60705
- return r[46] !== I || r[47] !== y ? (e3 = y(I), r[46] = I, r[47] = y, r[48] = e3) : e3 = r[48], e3;
60709
+ return r[49] !== I || r[50] !== y ? (e3 = y(I), r[49] = I, r[50] = y, r[51] = e3) : e3 = r[51], e3;
60706
60710
  }
60707
60711
  let e2;
60708
- return r[49] === I ? e2 = r[50] : (e2 = (0, import_jsx_runtime.jsxs)("div", {
60712
+ return r[52] === I ? e2 = r[53] : (e2 = (0, import_jsx_runtime.jsxs)("div", {
60709
60713
  className: "text-destructive",
60710
60714
  children: [
60711
60715
  "Unsupported mimetype: ",
60712
60716
  I
60713
60717
  ]
60714
- }), r[49] = I, r[50] = e2), e2;
60718
+ }), r[52] = I, r[53] = e2), e2;
60715
60719
  }
60716
60720
  }
60717
60721
  });
@@ -70720,7 +70724,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
70720
70724
  return Logger.warn("Failed to get version from mount config"), null;
70721
70725
  }
70722
70726
  }
70723
- const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.1-dev12"), showCodeInRunModeAtom = atom(true);
70727
+ const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.1-dev14"), showCodeInRunModeAtom = atom(true);
70724
70728
  atom(null);
70725
70729
  var import_compiler_runtime$89 = require_compiler_runtime();
70726
70730
  function useKeydownOnElement(e, r) {
@@ -72279,9 +72283,6 @@ Image URL: ${r.imageUrl}`)), contextToXml({
72279
72283
  "time",
72280
72284
  "unknown"
72281
72285
  ];
72282
- function getVegaFieldTypes(e) {
72283
- return !e || Object.keys(e).length === 0 ? "auto" : Objects.mapValues(e, (e2) => e2 === "date" || e2 === "time" ? "string" : e2 === "datetime" ? "date" : e2);
72284
- }
72285
72286
  var import_compiler_runtime$82 = require_compiler_runtime(), LazyDataEditor = import_react.lazy(() => import("./glide-data-editor-DqxJOnJk.js").then(async (m2) => {
72286
72287
  await m2.__tla;
72287
72288
  return m2;
@@ -78032,6 +78033,7 @@ ${c}
78032
78033
  fallback: (0, import_jsx_runtime.jsx)(LoadingChart$1, {}),
78033
78034
  children: (0, import_jsx_runtime.jsx)(LazyVegaEmbed, {
78034
78035
  spec: r2,
78036
+ "data-container-width": getContainerWidth(r2),
78035
78037
  options: {
78036
78038
  theme: _ === "dark" ? "dark" : void 0,
78037
78039
  height: f,
@@ -78701,17 +78703,19 @@ ${c}
78701
78703
  })
78702
78704
  });
78703
78705
  function renderChart(e, r) {
78706
+ let c = (e2) => ({
78707
+ ...e2,
78708
+ background: "transparent",
78709
+ config: {
78710
+ ...e2.config,
78711
+ background: "transparent"
78712
+ }
78713
+ });
78704
78714
  return (0, import_jsx_runtime.jsx)(import_react.Suspense, {
78705
78715
  fallback: LoadingChart,
78706
78716
  children: (0, import_jsx_runtime.jsx)(LazyVegaEmbed, {
78707
- spec: ((e2) => ({
78708
- ...e2,
78709
- background: "transparent",
78710
- config: {
78711
- ...e2.config,
78712
- background: "transparent"
78713
- }
78714
- }))(JSON.parse(e)),
78717
+ "data-container-width": "container",
78718
+ spec: c(JSON.parse(e)),
78715
78719
  options: {
78716
78720
  theme: r === "dark" ? "dark" : "vox",
78717
78721
  height: 100,
@@ -82375,7 +82379,7 @@ ${c}
82375
82379
  fullWidth: y,
82376
82380
  children: G
82377
82381
  }), r[19] = y, r[20] = S, r[21] = c, r[22] = G, r[23] = q) : q = r[23], q;
82378
- }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-Bh11efrC.js"));
82382
+ }, LazyDataExplorerComponent = import_react.lazy(() => import("./ConnectedDataExplorerComponent-Bgr96_Mw.js"));
82379
82383
  const DataExplorerPlugin = createPlugin("marimo-data-explorer").withData(object$1({
82380
82384
  label: string().nullish(),
82381
82385
  data: string()
@@ -93462,7 +93466,7 @@ ${c}
93462
93466
  return true;
93463
93467
  }
93464
93468
  }
93465
- var LazyVegaComponent = import_react.lazy(() => import("./vega-component-CnO3mkFC.js")), VegaPlugin = class {
93469
+ var LazyVegaComponent = import_react.lazy(() => import("./vega-component-Cq-KtS_2.js")), VegaPlugin = class {
93466
93470
  constructor() {
93467
93471
  __publicField(this, "tagName", "marimo-vega");
93468
93472
  __publicField(this, "validator", object$1({