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

package/dist/{chunk-XZIHB7SX-Bb6YfyvK.js → chunk-AACKK3MU-BNqFtiBq.js}

@@ -1,5 +1,5 @@
 var _a;
-import { _ as i } from "./mermaid-q6_P6X8T.js";
+import { _ as i } from "./mermaid-CzkcAUDB.js";
 var r = (_a = class {
   /**
    * @param init - Function that creates the default state.

package/dist/chunk-BFAMUDN2-C7-45IWl.js

@@ -0,0 +1,8 @@
+import { _ as a, d as o } from "./mermaid-CzkcAUDB.js";
+var d = /* @__PURE__ */ a((t, e) => {
+  let n;
+  return e === "sandbox" && (n = o("#i" + t)), (e === "sandbox" ? o(n.nodes()[0].contentDocument.body) : o("body")).select(`[id="${t}"]`);
+}, "getDiagramElement");
+export {
+  d as g
+};

package/dist/chunk-E2GYISFI-D6ZMZ5f1.js

@@ -0,0 +1,19 @@
+import { _ as e } from "./mermaid-CzkcAUDB.js";
+var l = /* @__PURE__ */ e(() => `
+  /* Font Awesome icon styling - consolidated */
+  .label-icon {
+    display: inline-block;
+    height: 1em;
+    overflow: visible;
+    vertical-align: -0.125em;
+  }
+  
+  .node .label-icon path {
+    fill: currentColor;
+    stroke: revert;
+    stroke-width: revert;
+  }
+`, "getIconStyles");
+export {
+  l as g
+};

package/dist/{chunk-A2AXSNBT-BNYLnU9D.js → chunk-QEP2MXWD-ThQxWRcu.js}

@@ -1,6 +1,8 @@
 var _a, _b;
-import { g as Ze, s as $e } from "./chunk-RZ5BOZE2-BQRA6_lz.js";
-import { _ as p, l as ve, c as D, p as et, r as tt, u as Ie, d as H, b as st, a as it, s as at, g as nt, q as rt, t as ut, k as x, z as lt, y as ct, i as ot, R as M } from "./mermaid-q6_P6X8T.js";
+import { g as Ze } from "./chunk-E2GYISFI-D6ZMZ5f1.js";
+import { g as $e } from "./chunk-BFAMUDN2-C7-45IWl.js";
+import { s as et } from "./chunk-SKB7J2MH-DSRt4RR9.js";
+import { _ as p, l as ve, c as D, p as tt, r as st, u as Ie, d as H, b as it, a as at, s as nt, g as rt, q as ut, t as lt, k as x, z as ct, y as ot, i as ht, S as M } from "./mermaid-CzkcAUDB.js";
 var Oe = function() {
   var e = /* @__PURE__ */ p(function(v, l, c, d) {
     for (c = c || {}, d = v.length; d--; c[v[d]] = l) ;
@@ -695,10 +697,10 @@ Expecting ` + ce.join(", ") + ", got '" + (this.terminals_[F] || F) + "'" : xe =
   return p(re, "Parser"), re.prototype = _e, _e.Parser = re, new re();
 }();
 Oe.parser = Oe;
-var Ct = Oe, Ye = ["#", "+", "~", "-", ""], Qe = (_a = class {
+var Et = Oe, Ye = ["#", "+", "~", "-", ""], Qe = (_a = class {
   constructor(e, i) {
     this.memberType = i, this.visibility = "", this.classifier = "", this.text = "";
-    const r = ot(e, D());
+    const r = ht(e, D());
     this.parseMember(r);
   }
   getDisplayDetails() {
@@ -742,7 +744,7 @@ var Ct = Oe, Ye = ["#", "+", "~", "-", ""], Qe = (_a = class {
         return "";
     }
   }
-}, p(_a, "ClassMember"), _a), oe = "classId-", We = 0, w = /* @__PURE__ */ p((e) => x.sanitizeText(e, D()), "sanitizeText"), mt = (_b = class {
+}, p(_a, "ClassMember"), _a), oe = "classId-", We = 0, w = /* @__PURE__ */ p((e) => x.sanitizeText(e, D()), "sanitizeText"), yt = (_b = class {
   constructor() {
     this.relations = [], this.classes = /* @__PURE__ */ new Map(), this.styleClasses = /* @__PURE__ */ new Map(), this.notes = [], this.interfaces = [], this.namespaces = /* @__PURE__ */ new Map(), this.namespaceCounter = 0, this.functions = [], this.lineType = {
       LINE: 0,
@@ -764,7 +766,7 @@ var Ct = Oe, Ye = ["#", "+", "~", "-", ""], Qe = (_a = class {
       }).on("mouseout", (a) => {
         i.transition().duration(500).style("opacity", 0), H(a.currentTarget).classed("hover", false);
       });
-    }, "setupToolTips"), this.direction = "TB", this.setAccTitle = st, this.getAccTitle = it, this.setAccDescription = at, this.getAccDescription = nt, this.setDiagramTitle = rt, this.getDiagramTitle = ut, this.getConfig = /* @__PURE__ */ p(() => D().class, "getConfig"), this.functions.push(this.setupToolTips.bind(this)), this.clear(), this.addRelation = this.addRelation.bind(this), this.addClassesToNamespace = this.addClassesToNamespace.bind(this), this.addNamespace = this.addNamespace.bind(this), this.setCssClass = this.setCssClass.bind(this), this.addMembers = this.addMembers.bind(this), this.addClass = this.addClass.bind(this), this.setClassLabel = this.setClassLabel.bind(this), this.addAnnotation = this.addAnnotation.bind(this), this.addMember = this.addMember.bind(this), this.cleanupLabel = this.cleanupLabel.bind(this), this.addNote = this.addNote.bind(this), this.defineClass = this.defineClass.bind(this), this.setDirection = this.setDirection.bind(this), this.setLink = this.setLink.bind(this), this.bindFunctions = this.bindFunctions.bind(this), this.clear = this.clear.bind(this), this.setTooltip = this.setTooltip.bind(this), this.setClickEvent = this.setClickEvent.bind(this), this.setCssStyle = this.setCssStyle.bind(this);
+    }, "setupToolTips"), this.direction = "TB", this.setAccTitle = it, this.getAccTitle = at, this.setAccDescription = nt, this.getAccDescription = rt, this.setDiagramTitle = ut, this.getDiagramTitle = lt, this.getConfig = /* @__PURE__ */ p(() => D().class, "getConfig"), this.functions.push(this.setupToolTips.bind(this)), this.clear(), this.addRelation = this.addRelation.bind(this), this.addClassesToNamespace = this.addClassesToNamespace.bind(this), this.addNamespace = this.addNamespace.bind(this), this.setCssClass = this.setCssClass.bind(this), this.addMembers = this.addMembers.bind(this), this.addClass = this.addClass.bind(this), this.setClassLabel = this.setClassLabel.bind(this), this.addAnnotation = this.addAnnotation.bind(this), this.addMember = this.addMember.bind(this), this.cleanupLabel = this.cleanupLabel.bind(this), this.addNote = this.addNote.bind(this), this.defineClass = this.defineClass.bind(this), this.setDirection = this.setDirection.bind(this), this.setLink = this.setLink.bind(this), this.bindFunctions = this.bindFunctions.bind(this), this.clear = this.clear.bind(this), this.setTooltip = this.setTooltip.bind(this), this.setClickEvent = this.setClickEvent.bind(this), this.setCssStyle = this.setCssStyle.bind(this);
   }
   splitClassNameAndType(e) {
     const i = x.sanitizeText(e, D());
@@ -784,7 +786,7 @@ var Ct = Oe, Ye = ["#", "+", "~", "-", ""], Qe = (_a = class {
   /**
    * Function called by parser when a node definition has been found.
    *
-   * @param id - Id of the class to add
+   * @param id - ID of the class to add
    * @public
    */
   addClass(e) {
@@ -827,7 +829,7 @@ var Ct = Oe, Ye = ["#", "+", "~", "-", ""], Qe = (_a = class {
     throw new Error("Class not found: " + i);
   }
   clear() {
-    this.relations = [], this.classes = /* @__PURE__ */ new Map(), this.notes = [], this.interfaces = [], this.functions = [], this.functions.push(this.setupToolTips.bind(this)), this.namespaces = /* @__PURE__ */ new Map(), this.namespaceCounter = 0, this.direction = "TB", lt();
+    this.relations = [], this.classes = /* @__PURE__ */ new Map(), this.notes = [], this.interfaces = [], this.functions = [], this.functions.push(this.setupToolTips.bind(this)), this.namespaces = /* @__PURE__ */ new Map(), this.namespaceCounter = 0, this.direction = "TB", ct();
   }
   getClass(e) {
     return this.classes.get(e);
@@ -1012,7 +1014,7 @@ var Ct = Oe, Ye = ["#", "+", "~", "-", ""], Qe = (_a = class {
   /**
    * Function called by parser when a namespace definition has been found.
    *
-   * @param id - Id of the namespace to add
+   * @param id - ID of the namespace to add
    * @public
    */
   addNamespace(e) {
@@ -1032,8 +1034,8 @@ var Ct = Oe, Ye = ["#", "+", "~", "-", ""], Qe = (_a = class {
   /**
    * Function called by parser when a namespace definition has been found.
    *
-   * @param id - Id of the namespace to add
-   * @param classNames - Ids of the class to add
+   * @param id - ID of the namespace to add
+   * @param classNames - IDs of the class to add
    * @public
    */
   addClassesToNamespace(e, i) {
@@ -1157,7 +1159,7 @@ var Ct = Oe, Ye = ["#", "+", "~", "-", ""], Qe = (_a = class {
     for (const a of this.relations) {
       u++;
       const o = {
-        id: ct(a.id1, a.id2, {
+        id: ot(a.id1, a.id2, {
           prefix: "id",
           counter: u
         }),
@@ -1182,7 +1184,7 @@ var Ct = Oe, Ye = ["#", "+", "~", "-", ""], Qe = (_a = class {
     }
     return { nodes: e, edges: i, other: {}, config: r, direction: this.getDirection() };
   }
-}, p(_b, "ClassDB"), _b), ht = /* @__PURE__ */ p((e) => `g.classGroup text {
+}, p(_b, "ClassDB"), _b), dt = /* @__PURE__ */ p((e) => `g.classGroup text {
   fill: ${e.nodeBorder || e.classText};
   stroke: none;
   font-family: ${e.fontFamily};
@@ -1340,34 +1342,35 @@ g.classGroup line {
   font-size: 18px;
   fill: ${e.textColor};
 }
-`, "getStyles"), bt = ht, dt = /* @__PURE__ */ p((e, i = "TB") => {
+  ${Ze()}
+`, "getStyles"), Tt = dt, pt = /* @__PURE__ */ p((e, i = "TB") => {
   if (!e.doc)
     return i;
   let r = i;
   for (const u of e.doc)
     u.stmt === "dir" && (r = u.value);
   return r;
-}, "getDir"), pt = /* @__PURE__ */ p(function(e, i) {
+}, "getDir"), At = /* @__PURE__ */ p(function(e, i) {
   return i.db.getClasses();
-}, "getClasses"), At = /* @__PURE__ */ p(async function(e, i, r, u) {
+}, "getClasses"), ft = /* @__PURE__ */ p(async function(e, i, r, u) {
   ve.info("REF0:"), ve.info("Drawing class diagram (v3)", i);
-  const { securityLevel: a, state: o, layout: A } = D(), f = u.db.getData(), T = Ze(i, a);
-  f.type = u.type, f.layoutAlgorithm = et(A), f.nodeSpacing = (o == null ? void 0 : o.nodeSpacing) || 50, f.rankSpacing = (o == null ? void 0 : o.rankSpacing) || 50, f.markers = ["aggregation", "extension", "composition", "dependency", "lollipop"], f.diagramId = i, await tt(f, T);
+  const { securityLevel: a, state: o, layout: A } = D(), f = u.db.getData(), T = $e(i, a);
+  f.type = u.type, f.layoutAlgorithm = tt(A), f.nodeSpacing = (o == null ? void 0 : o.nodeSpacing) || 50, f.rankSpacing = (o == null ? void 0 : o.rankSpacing) || 50, f.markers = ["aggregation", "extension", "composition", "dependency", "lollipop"], f.diagramId = i, await st(f, T);
   const _ = 8;
   Ie.insertTitle(
     T,
     "classDiagramTitleText",
     (o == null ? void 0 : o.titleTopMargin) ?? 25,
     u.db.getDiagramTitle()
-  ), $e(T, _, "classDiagram", (o == null ? void 0 : o.useMaxWidth) ?? true);
-}, "draw"), Et = {
-  getClasses: pt,
-  draw: At,
-  getDir: dt
+  ), et(T, _, "classDiagram", (o == null ? void 0 : o.useMaxWidth) ?? true);
+}, "draw"), kt = {
+  getClasses: At,
+  draw: ft,
+  getDir: pt
 };
 export {
-  mt as C,
-  Ct as a,
-  Et as c,
-  bt as s
+  yt as C,
+  Et as a,
+  kt as c,
+  Tt as s
 };

package/dist/chunk-SKB7J2MH-DSRt4RR9.js

@@ -0,0 +1,20 @@
+import { _ as a, e as w, l as x } from "./mermaid-CzkcAUDB.js";
+var d = /* @__PURE__ */ a((e, t, i, r) => {
+  e.attr("class", i);
+  const { width: o, height: h, x: n, y: c } = u(e, t);
+  w(e, h, o, r);
+  const s = l(n, c, o, h, t);
+  e.attr("viewBox", s), x.debug(`viewBox configured: ${s} with padding: ${t}`);
+}, "setupViewPortForSVG"), u = /* @__PURE__ */ a((e, t) => {
+  var _a;
+  const i = ((_a = e.node()) == null ? void 0 : _a.getBBox()) || { width: 0, height: 0, x: 0, y: 0 };
+  return {
+    width: i.width + t * 2,
+    height: i.height + t * 2,
+    x: i.x,
+    y: i.y
+  };
+}, "calculateDimensionsWithPadding"), l = /* @__PURE__ */ a((e, t, i, r, o) => `${e - o} ${t - o} ${i} ${r}`, "createViewBox");
+export {
+  d as s
+};

package/dist/{classDiagram-GIVACNV2-BGu4avYg.js → classDiagram-BGRH5UQR-Dhwtv8yj.js}

@@ -1,5 +1,5 @@
-import { s as r, c as s, a as e, C as t } from "./chunk-A2AXSNBT-BNYLnU9D.js";
-import { _ as l } from "./mermaid-q6_P6X8T.js";
+import { s as r, c as s, a as e, C as t } from "./chunk-QEP2MXWD-ThQxWRcu.js";
+import { _ as l } from "./mermaid-CzkcAUDB.js";
 var d = {
   parser: e,
   get db() {

package/dist/{classDiagram-v2-COTLJTTW-BGu4avYg.js → classDiagram-v2-O24JOBDK-Dhwtv8yj.js}

@@ -1,5 +1,5 @@
-import { s as r, c as s, a as e, C as t } from "./chunk-A2AXSNBT-BNYLnU9D.js";
-import { _ as l } from "./mermaid-q6_P6X8T.js";
+import { s as r, c as s, a as e, C as t } from "./chunk-QEP2MXWD-ThQxWRcu.js";
+import { _ as l } from "./mermaid-CzkcAUDB.js";
 var d = {
   parser: e,
   get db() {

package/dist/{clone-gdQZ-8A5.js → clone-CdbI6pj6.js}

@@ -1,4 +1,4 @@
-import { b as r } from "./_baseUniq-Dxs4JH0Y.js";
+import { b as r } from "./_baseUniq-C0VlTHW8.js";
 var e = 4;
 function a(o) {
   return r(o, e);

package/dist/{dagre-OKDRZEBW-B4FgIhBO.js → dagre-FFZHY6LT-D2JmeFTB.js}

@@ -1,9 +1,9 @@
-import { _ as w, ab as F, ac as Y, ad as _, ae as H, l as i, c as V, af as $, ag as U, a0 as q, a5 as z, a1 as P, $ as K, ah as Q, ai as W, aj as Z } from "./mermaid-q6_P6X8T.js";
-import { G as B } from "./graph-N78OoukA.js";
-import { l as I } from "./layout-ClDNXAo5.js";
-import { i as b } from "./_baseUniq-Dxs4JH0Y.js";
-import { c as L } from "./clone-gdQZ-8A5.js";
-import { m as A } from "./min-ByCW12IZ.js";
+import { _ as w, ae as F, af as Y, ag as _, ah as H, l as i, c as V, ai as U, aj as $, a1 as q, a6 as z, a2 as P, a0 as K, ak as Q, al as W, am as Z } from "./mermaid-CzkcAUDB.js";
+import { G as B } from "./graph-Dz3qJaaG.js";
+import { l as I } from "./layout-C2EoBYrV.js";
+import { i as b } from "./_baseUniq-C0VlTHW8.js";
+import { c as L } from "./clone-CdbI6pj6.js";
+import { m as A } from "./min-Bo5Qh008.js";
 function h(e) {
   var t = {
     options: {
@@ -278,7 +278,7 @@ Parent cluster`,
           t.node(f),
           o
         ), x = N.elem;
-        $(s, x), s.diff = N.diff || 0, i.info(
+        U(s, x), s.diff = N.diff || 0, i.info(
           "New compound node after recursive render XAX",
           f,
           "width",
@@ -288,7 +288,7 @@ Parent cluster`,
           s.height
           // node.x,
           // node.y
-        ), U(x, s);
+        ), $(x, s);
       } else
         t.children(f).length > 0 ? (i.trace(
           "Cluster - the non recursive path XBX",

package/dist/data-grid-overlay-editor-CKgEMxxc.js

@@ -0,0 +1,105 @@
+import { G as r, H as $ } from "./main-ZWGPaFnn.js";
+import { s as z, i as D, a as J, b as Q, T as U, C as Z, m as ee } from "./glide-data-editor-BLSOKrmw.js";
+const te = () => (t) => t.targetX, re = () => (t) => t.targetY, ne = () => (t) => t.targetWidth, ie = () => (t) => t.targetHeight, se = () => (t) => t.targetY + 10, ae = () => (t) => Math.max(0, (t.targetHeight - 28) / 2), oe = /* @__PURE__ */ z("div")({
+  name: "DataGridOverlayEditorStyle",
+  class: "gdg-d19meir1",
+  propsAsIs: false,
+  vars: {
+    "d19meir1-0": [re(), "px"],
+    "d19meir1-1": [te(), "px"],
+    "d19meir1-2": [ne(), "px"],
+    "d19meir1-3": [ie(), "px"],
+    "d19meir1-4": [se(), "px"],
+    "d19meir1-5": [ae(), "px"]
+  }
+});
+function le() {
+  const [t, s] = r.useState();
+  return [t ?? void 0, s];
+}
+function de() {
+  const [t, s] = le(), [i, h] = r.useState(0), [f, C] = r.useState(true);
+  r.useLayoutEffect(() => {
+    if (t === void 0 || !("IntersectionObserver" in window))
+      return;
+    const a = new IntersectionObserver((o) => {
+      o.length !== 0 && C(o[0].isIntersecting);
+    }, { threshold: 1 });
+    return a.observe(t), () => a.disconnect();
+  }, [t]), r.useEffect(() => {
+    if (f || t === void 0)
+      return;
+    let a;
+    const o = () => {
+      const { right: x } = t.getBoundingClientRect();
+      h((g) => Math.min(g + window.innerWidth - x - 10, 0)), a = requestAnimationFrame(o);
+    };
+    return a = requestAnimationFrame(o), () => {
+      a !== void 0 && cancelAnimationFrame(a);
+    };
+  }, [t, f]);
+  const v = r.useMemo(() => ({ transform: `translateX(${i}px)` }), [i]);
+  return {
+    ref: s,
+    style: v
+  };
+}
+const fe = (t) => {
+  const { target: s, content: i, onFinishEditing: h, forceEditMode: f, initialValue: C, imageEditorOverride: v, markdownDivCreateNode: a, highlight: o, className: x, theme: g, id: N, cell: m, bloom: I, validateCell: p, getCellRenderer: w, provideEditor: F, isOutsideClick: V, customEventTarget: W } = t, [l, X] = r.useState(f ? i : void 0), O = r.useRef(l ?? i);
+  O.current = l ?? i;
+  const [y, S] = r.useState(() => p === void 0 ? true : !(D(i) && (p == null ? void 0 : p(m, i, O.current)) === false)), u = r.useCallback((e, n) => {
+    h(y ? e : void 0, n);
+  }, [y, h]), A = r.useCallback((e) => {
+    if (p !== void 0 && e !== void 0 && D(e)) {
+      const n = p(m, e, O.current);
+      n === false ? S(false) : (typeof n == "object" && (e = n), S(true));
+    }
+    X(e);
+  }, [m, p]), E = r.useRef(false), c = r.useRef(void 0), K = r.useCallback(() => {
+    u(l, [0, 0]), E.current = true;
+  }, [l, u]), Y = r.useCallback((e, n) => {
+    u(e, n ?? c.current ?? [0, 0]), E.current = true;
+  }, [u]), j = r.useCallback(async (e) => {
+    let n = false;
+    e.key === "Escape" ? (e.stopPropagation(), e.preventDefault(), c.current = [0, 0]) : e.key === "Enter" && !e.shiftKey ? (e.stopPropagation(), e.preventDefault(), c.current = [0, 1], n = true) : e.key === "Tab" && (e.stopPropagation(), e.preventDefault(), c.current = [e.shiftKey ? -1 : 1, 0], n = true), window.setTimeout(() => {
+      !E.current && c.current !== void 0 && (u(n ? l : void 0, c.current), E.current = true);
+    }, 0);
+  }, [u, l]), k = l ?? i, [d, L] = r.useMemo(() => {
+    var _a, _b;
+    if (J(i))
+      return [];
+    const e = { ...i, location: m }, n = F == null ? void 0 : F(e);
+    return n !== void 0 ? [n, false] : [(_b = (_a = w(i)) == null ? void 0 : _a.provideEditor) == null ? void 0 : _b.call(_a, e), false];
+  }, [m, i, w, F]), { ref: q, style: B } = de();
+  let P = true, T, M = true, b;
+  if (d !== void 0) {
+    P = d.disablePadding !== true, M = d.disableStyling !== true;
+    const e = Q(d);
+    e && (b = d.styleOverride);
+    const n = e ? d.editor : d;
+    T = r.createElement(n, { isHighlighted: o, onChange: A, value: k, initialValue: C, onFinishedEditing: Y, validatedSelection: D(k) ? k.selectionRange : void 0, forceEditMode: f, target: s, imageEditorOverride: v, markdownDivCreateNode: a, isValid: y, theme: g });
+  }
+  b = { ...b, ...B };
+  const _ = document.getElementById("portal");
+  if (_ === null)
+    return console.error('Cannot open Data Grid overlay editor, because portal not found.  Please add `<div id="portal" />` as the last child of your `<body>`.'), null;
+  let R = M ? "gdg-style" : "gdg-unstyle";
+  y || (R += " gdg-invalid"), P && (R += " gdg-pad");
+  const G = (I == null ? void 0 : I[0]) ?? 1, H = (I == null ? void 0 : I[1]) ?? 1;
+  return $.createPortal(r.createElement(
+    U.Provider,
+    { value: g },
+    r.createElement(
+      Z,
+      { style: ee(g), className: x, onClickOutside: K, isOutsideClick: V, customEventTarget: W },
+      r.createElement(
+        oe,
+        { ref: q, id: N, className: R, style: b, as: L === true ? "label" : void 0, targetX: s.x - G, targetY: s.y - H, targetWidth: s.width + G * 2, targetHeight: s.height + H * 2 },
+        r.createElement("div", { className: "gdg-clip-region", onKeyDown: j }, T)
+      )
+    )
+  ), _);
+};
+export {
+  fe as default
+};