@marimo-team/islands 0.21.2-dev1 → 0.21.2-dev13

package/dist/main.js

@@ -58976,9 +58976,16 @@ ${r}
   }
   var isSlotElement = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", isSVGElement = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
   async function cloneChildren(e, r, c) {
+    var _a3;
     if (isSVGElement(r)) return r;
     let d = [];
-    return d = isSlotElement(e) && e.assignedNodes ? toArray(e.assignedNodes()) : toArray((e.shadowRoot ?? e).childNodes), d.length === 0 || isInstanceOfElement(e, HTMLVideoElement) || await d.reduce((e2, d2) => e2.then(() => cloneNode(d2, c)).then((e3) => {
+    if (isSlotElement(e) && e.assignedNodes) d = toArray(e.assignedNodes());
+    else if (isInstanceOfElement(e, HTMLIFrameElement)) try {
+      ((_a3 = e.contentDocument) == null ? void 0 : _a3.body) && (d = toArray(e.contentDocument.body.childNodes));
+    } catch {
+    }
+    else d = toArray((e.shadowRoot ?? e).childNodes);
+    return d.length === 0 || isInstanceOfElement(e, HTMLVideoElement) || await d.reduce((e2, d2) => e2.then(() => cloneNode(d2, c)).then((e3) => {
       e3 && r.appendChild(e3);
     }), Promise.resolve()), r;
   }
@@ -59190,12 +59197,13 @@ ${r}
     return getWebFontRules(await getCSSRules(toArray(e.ownerDocument.styleSheets), r));
   }
   function normalizeFontFamily(e) {
-    return e.trim().replace(/["']/g, "");
+    return (e || "").trim().replace(/["']/g, "");
   }
   function getUsedFonts(e) {
     let r = /* @__PURE__ */ new Set();
     function c(e2) {
-      (e2.style.fontFamily || getComputedStyle(e2).fontFamily).split(",").forEach((e3) => {
+      let d = e2.style.fontFamily || getComputedStyle(e2).fontFamily;
+      d && d.split(",").forEach((e3) => {
         r.add(normalizeFontFamily(e3));
       }), Array.from(e2.children).forEach((e3) => {
         e3 instanceof HTMLElement && c(e3);
@@ -59211,7 +59219,7 @@ ${r}
     }))).join("\n");
   }
   async function embedWebFonts(e, r) {
-    let c = r.fontEmbedCSS == null ? r.skipFonts ? null : await getWebFontCSS(e, r) : r.fontEmbedCSS, d = r.extraStyleContent == null ? c : r.extraStyleContent.concat(c || "");
+    let c = r.fontEmbedCSS == null ? r.skipFonts ? null : await getWebFontCSS(e, r) : r.fontEmbedCSS, d = r.extraStyleContent == null ? c : (c || "").concat(r.extraStyleContent);
     if (d) {
       let r2 = document.createElement("style"), c2 = document.createTextNode(d);
       r2.appendChild(c2), e.firstChild ? e.insertBefore(r2, e.firstChild) : e.appendChild(r2);
@@ -59240,6 +59248,7 @@ ${r}
         return Logger.error("Error filtering node:", e2), true;
       }
     },
+    imagePlaceholder: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQI12NgAAIABQABNjN9GQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAA0lEQVQI12P4z8BQDwAEgAF/QualIQAAAABJRU5ErkJggg==",
     onImageErrorHandler: (e) => {
       Logger.error("Error loading image:", e);
     },
@@ -59423,10 +59432,10 @@ Defaulting to \`null\`.`;
     d && (v = d(r));
     try {
       downloadByURL(await toPng(r), Filenames.toPNG(c));
-    } catch {
-      toast({
-        title: "Error",
-        description: "Failed to download as PNG.",
+    } catch (e2) {
+      Logger.error("Error downloading as PNG", e2), toast({
+        title: "Failed to download as PNG",
+        description: prettyError(e2),
         variant: "danger"
       });
     } finally {
@@ -70777,7 +70786,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.2-dev1"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.2-dev13"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$89 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {
@@ -93082,7 +93091,7 @@ ${c}
       });
     }
   }, SliderComponent = (e) => {
-    let r = (0, import_compiler_runtime$26.c)(55), { label: c, setValue: d, value: f, start: _, stop: v, step: y, debounce: S, orientation: w, showValue: E, fullWidth: O, valueMap: M, includeInput: I, disabled: z } = e, G = (0, import_react.useId)(), { locale: q } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [IY, LY] = (0, import_react.useState)(f), RY, zY;
+    let r = (0, import_compiler_runtime$26.c)(54), { label: c, setValue: d, value: f, start: _, stop: v, step: y, debounce: S, orientation: w, showValue: E, fullWidth: O, valueMap: M, includeInput: I, disabled: z } = e, G = (0, import_react.useId)(), { locale: q } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [IY, LY] = (0, import_react.useState)(f), RY, zY;
     r[0] === f ? (RY = r[1], zY = r[2]) : (RY = () => {
       LY(f);
     }, zY = [
@@ -93128,10 +93137,10 @@ ${c}
       })
     }), r[27] = IY, r[28] = q, r[29] = E, r[30] = M, r[31] = ZY) : ZY = r[31];
     let QY;
-    r[32] !== S || r[33] !== z || r[34] !== I || r[35] !== IY || r[36] !== c || r[37] !== d || r[38] !== _ || r[39] !== y || r[40] !== v || r[41] !== M ? (QY = I && (0, import_jsx_runtime.jsx)(NumberField, {
+    r[32] !== z || r[33] !== I || r[34] !== IY || r[35] !== c || r[36] !== d || r[37] !== _ || r[38] !== y || r[39] !== v || r[40] !== M ? (QY = I && (0, import_jsx_runtime.jsx)(NumberField, {
       value: M(IY),
       onChange: (e2) => {
-        (e2 == null || Number.isNaN(e2)) && (e2 = Number(_)), LY(e2), S || d(e2);
+        (e2 == null || Number.isNaN(e2)) && (e2 = Number(_)), LY(e2), d(e2);
       },
       minValue: _,
       maxValue: v,
@@ -93139,25 +93148,25 @@ ${c}
       className: "w-24",
       "aria-label": `${c || "Slider"} value input`,
       isDisabled: z
-    }), r[32] = S, r[33] = z, r[34] = I, r[35] = IY, r[36] = c, r[37] = d, r[38] = _, r[39] = y, r[40] = v, r[41] = M, r[42] = QY) : QY = r[42];
+    }), r[32] = z, r[33] = I, r[34] = IY, r[35] = c, r[36] = d, r[37] = _, r[38] = y, r[39] = v, r[40] = M, r[41] = QY) : QY = r[41];
     let $Y;
-    r[43] !== XY || r[44] !== ZY || r[45] !== QY || r[46] !== WY ? ($Y = (0, import_jsx_runtime.jsxs)("div", {
+    r[42] !== XY || r[43] !== ZY || r[44] !== QY || r[45] !== WY ? ($Y = (0, import_jsx_runtime.jsxs)("div", {
       className: WY,
       children: [
         XY,
         ZY,
         QY
       ]
-    }), r[43] = XY, r[44] = ZY, r[45] = QY, r[46] = WY, r[47] = $Y) : $Y = r[47];
+    }), r[42] = XY, r[43] = ZY, r[44] = QY, r[45] = WY, r[46] = $Y) : $Y = r[46];
     let eX;
-    return r[48] !== O || r[49] !== G || r[50] !== c || r[51] !== $Y || r[52] !== BY || r[53] !== HY ? (eX = (0, import_jsx_runtime.jsx)(Labeled, {
+    return r[47] !== O || r[48] !== G || r[49] !== c || r[50] !== $Y || r[51] !== BY || r[52] !== HY ? (eX = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: G,
       align: BY,
       fullWidth: O,
       className: HY,
       children: $Y
-    }), r[48] = O, r[49] = G, r[50] = c, r[51] = $Y, r[52] = BY, r[53] = HY, r[54] = eX) : eX = r[54], eX;
+    }), r[47] = O, r[48] = G, r[49] = c, r[50] = $Y, r[51] = BY, r[52] = HY, r[53] = eX) : eX = r[53], eX;
   }, import_compiler_runtime$25 = require_compiler_runtime(), SwitchPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-switch");