@marimo-team/islands 0.16.5 → 0.17.0

package/dist/d-DZI7tbTy.js

@@ -0,0 +1,4 @@
+import { t as d } from "./d-CQD1IHee.js";
+export {
+  d
+};

package/dist/{dagre-5GWH7T2D-KM4Z11yT.js → dagre-5GWH7T2D-BGaiSZZO.js}

@@ -1,39 +1,39 @@
-import "./isArrayLikeObject-DiDsNamC.js";
-import "./isSymbol-BxF-_8BA.js";
-import "./toString-BvCd3yJc.js";
-import "./toNumber-efKT08hh.js";
-import "./_basePickBy-CYvzhRjy.js";
-import "./_baseIsEqual-oN7pRNcM.js";
-import { r as isUndefined_default } from "./_baseUniq-B5gfSl8S.js";
-import "./_baseProperty-DGUdIBuu.js";
-import "./memoize-Dq87l1O_.js";
-import "./range-CgK0-PEw.js";
-import "./merge-BPDCIm8P.js";
+import "./isArrayLikeObject-BlvK28do.js";
+import "./isSymbol-Cb1f2HgO.js";
+import "./toString-C2mCkasT.js";
+import "./toNumber-EFF1Z9T1.js";
+import "./_basePickBy-CzSvE_-f.js";
+import "./_baseIsEqual-CN4oFUZ4.js";
+import { r as isUndefined_default } from "./_baseUniq-DwoC-LVO.js";
+import "./_baseProperty-DbbUiyUD.js";
+import "./memoize-DYoRBSLn.js";
+import "./range-DxfkexCE.js";
+import "./merge-BjuR6j_w.js";
 import "./_hasUnicode-BgIggCqE.js";
 import "./_arrayReduce-CVwxyrBP.js";
-import { t as clone_default } from "./clone-Dk4FkKH0.js";
-import { t as layout } from "./dagre-B0u1urxE.js";
-import "./now-DVBcRCoE.js";
-import { o as map_default } from "./min-BzhKOmZo.js";
-import "./isEmpty-BBG-u1GM.js";
-import { t as Graph } from "./graphlib-BGmr7CYF.js";
-import "./marked.esm-3RjvXPoO.js";
+import { t as clone_default } from "./clone-Msbhmn2a.js";
+import { t as layout } from "./dagre-pyfDIOWJ.js";
+import "./now-CwRqw0nS.js";
+import { o as map_default } from "./min-B_i2ahn4.js";
+import "./isEmpty--odfYjh1.js";
+import { t as Graph } from "./graphlib-hb3zmtVD.js";
+import "./marked.esm-DJM8la36.js";
 import "./path-VDkDgx1I.js";
 import "./math-C7wLpe9K.js";
 import "./array-aAxy08hN.js";
 import "./step-IHYrujTc.js";
 import "./line-C6-zz71o.js";
-import "./chunk-S3R3BYOJ-DMQ1yeyq.js";
-import "./timer-D3Zlu9ow.js";
-import { i as log, r as __name } from "./src-BNNJRxz3.js";
-import { b as getConfig2 } from "./chunk-ABZYJK2D-CLlso8tj.js";
-import "./chunk-7GE3RBXV-B1-tsIPP.js";
-import { t as getSubGraphTitleMargins } from "./chunk-CVBHYZKI-BONeiloK.js";
-import "./chunk-QYVHNE3D-B8BO1AnT.js";
+import "./chunk-S3R3BYOJ-itCT6Vif.js";
+import "./timer-CzOhIJuk.js";
+import { i as log, r as __name } from "./src-DZkaBUmt.js";
+import { b as getConfig2 } from "./chunk-ABZYJK2D-CZcb_1iM.js";
+import "./chunk-7GE3RBXV-CSAeQvLz.js";
+import { t as getSubGraphTitleMargins } from "./chunk-CVBHYZKI-CivHZg9P.js";
+import "./chunk-QYVHNE3D-CNUuivie.js";
 import "./dist-CK8Gj3GX.js";
-import "./chunk-JA3XYJ7Z-C9A1076P.js";
-import { a as insertNode, c as positionNode, i as insertCluster, l as setNodeElem, n as clear2, t as clear$1, u as updateNodeBounds } from "./chunk-CXMOBAN2-U9GJSP1d.js";
-import { a as positionEdgeLabel, i as markers_default, n as insertEdge, r as insertEdgeLabel, t as clear } from "./chunk-3AY6CYHV-Dk2R2-S1.js";
+import "./chunk-JA3XYJ7Z-DYeQaT57.js";
+import { a as insertNode, c as positionNode, i as insertCluster, l as setNodeElem, n as clear2, t as clear$1, u as updateNodeBounds } from "./chunk-CXMOBAN2-Dd0E6qb0.js";
+import { a as positionEdgeLabel, i as markers_default, n as insertEdge, r as insertEdgeLabel, t as clear } from "./chunk-3AY6CYHV-B2C-aVc3.js";
 function write(w) {
   var T = {
     options: {
@@ -127,8 +127,7 @@ var clusterDb = /* @__PURE__ */ new Map(), descendants = /* @__PURE__ */ new Map
   }), r.nodes().forEach(function(C2) {
     let w = r.children(C2), T = r.edges();
     w.length > 0 ? (log.debug("Cluster identified", C2, descendants), T.forEach((r2) => {
-      let w2 = isDescendant(r2.v, C2), T2 = isDescendant(r2.w, C2);
-      w2 ^ T2 && (log.warn("Edge: ", r2, " leaves cluster ", C2), log.warn("Descendants of XXX ", C2, ": ", descendants.get(C2)), clusterDb.get(C2).externalConnections = true);
+      isDescendant(r2.v, C2) ^ isDescendant(r2.w, C2) && (log.warn("Edge: ", r2, " leaves cluster ", C2), log.warn("Descendants of XXX ", C2, ": ", descendants.get(C2)), clusterDb.get(C2).externalConnections = true);
     })) : log.debug("Not a cluster ", C2, descendants);
   });
   for (let C2 of clusterDb.keys()) {
@@ -201,8 +200,8 @@ var clusterDb = /* @__PURE__ */ new Map(), descendants = /* @__PURE__ */ new Map
   if (C.length === 0) return [];
   let w = Object.assign([], C);
   return C.forEach((C2) => {
-    let T = r.children(C2), E = sorter(r, T);
-    w = [...w, ...E];
+    let T = sorter(r, r.children(C2));
+    w = [...w, ...T];
   }), w;
 }, "sorter"), sortNodesByHierarchy = /* @__PURE__ */ __name((r) => sorter(r, r.children()), "sortNodesByHierarchy"), recursiveRender = /* @__PURE__ */ __name(async (r, C, T, E, k, M) => {
   log.warn("Graph in recursive render:XAX", write(C), k);
@@ -256,11 +255,7 @@ var clusterDb = /* @__PURE__ */ new Map(), descendants = /* @__PURE__ */ new Map
     }
   })), C.edges().forEach(function(r2) {
     let w = C.edge(r2);
-    log.info("Edge " + r2.v + " -> " + r2.w + ": " + JSON.stringify(w), w), w.points.forEach((r3) => r3.y += B / 2);
-    let O = C.node(r2.v);
-    var k2 = C.node(r2.w);
-    let A = insertEdge(I, w, clusterDb, T, O, k2, E);
-    positionEdgeLabel(w, A);
+    log.info("Edge " + r2.v + " -> " + r2.w + ": " + JSON.stringify(w), w), w.points.forEach((r3) => r3.y += B / 2), positionEdgeLabel(w, insertEdge(I, w, clusterDb, T, C.node(r2.v), C.node(r2.w), E));
   }), C.nodes().forEach(function(r2) {
     let w = C.node(r2);
     log.info(r2, w.type, w.diff), w.isGroup && (z = w.diff);

package/dist/{dagre-B0u1urxE.js → dagre-pyfDIOWJ.js}

@@ -1,16 +1,16 @@
-import { C as _isIterateeCall_default, E as _baseRest_default, P as constant_default, V as isArray_default, _ as _baseUnary_default, f as keysIn_default, j as _baseAssignValue_default, k as _assignValue_default, n as _baseFor_default, w as isArrayLike_default, z as identity_default } from "./isArrayLikeObject-DiDsNamC.js";
-import { t as isSymbol_default } from "./isSymbol-BxF-_8BA.js";
-import { n as _arrayMap_default, t as toString_default } from "./toString-BvCd3yJc.js";
-import { r as flatten_default } from "./_basePickBy-CYvzhRjy.js";
-import { h as _baseKeys_default, o as _getTag_default } from "./_baseIsEqual-oN7pRNcM.js";
-import { a as filter_default, c as _castFunction_default, d as _baseForOwn_default, f as _baseIteratee_default, i as values_default, n as reduce_default, p as _baseClone_default, r as isUndefined_default, s as forEach_default } from "./_baseUniq-B5gfSl8S.js";
-import { i as _baseFlatten_default, o as _baseGet_default, t as _baseProperty_default } from "./_baseProperty-DGUdIBuu.js";
-import { n as pick_default, t as range_default } from "./range-CgK0-PEw.js";
-import { t as merge_default } from "./merge-BPDCIm8P.js";
+import { C as _isIterateeCall_default, E as _baseRest_default, P as constant_default, V as isArray_default, _ as _baseUnary_default, f as keysIn_default, j as _baseAssignValue_default, k as _assignValue_default, n as _baseFor_default, w as isArrayLike_default, z as identity_default } from "./isArrayLikeObject-BlvK28do.js";
+import { t as isSymbol_default } from "./isSymbol-Cb1f2HgO.js";
+import { n as _arrayMap_default, t as toString_default } from "./toString-C2mCkasT.js";
+import { r as flatten_default } from "./_basePickBy-CzSvE_-f.js";
+import { h as _baseKeys_default, o as _getTag_default } from "./_baseIsEqual-CN4oFUZ4.js";
+import { a as filter_default, c as _castFunction_default, d as _baseForOwn_default, f as _baseIteratee_default, i as values_default, n as reduce_default, p as _baseClone_default, r as isUndefined_default, s as forEach_default } from "./_baseUniq-DwoC-LVO.js";
+import { i as _baseFlatten_default, o as _baseGet_default, t as _baseProperty_default } from "./_baseProperty-DbbUiyUD.js";
+import { n as pick_default, t as range_default } from "./range-DxfkexCE.js";
+import { t as merge_default } from "./merge-BjuR6j_w.js";
 import { t as _hasUnicode_default } from "./_hasUnicode-BgIggCqE.js";
-import { t as now_default } from "./now-DVBcRCoE.js";
-import { a as has_default, c as find_default, i as isString_default, l as last_default, n as _baseExtremum_default, o as map_default, r as _baseLt_default, s as _baseMap_default, t as min_default, u as defaults_default } from "./min-BzhKOmZo.js";
-import { t as Graph } from "./graphlib-BGmr7CYF.js";
+import { t as now_default } from "./now-CwRqw0nS.js";
+import { a as has_default, c as find_default, i as isString_default, l as last_default, n as _baseExtremum_default, o as map_default, r as _baseLt_default, s as _baseMap_default, t as min_default, u as defaults_default } from "./min-B_i2ahn4.js";
+import { t as Graph } from "./graphlib-hb3zmtVD.js";
 var CLONE_DEEP_FLAG = 1, CLONE_SYMBOLS_FLAG = 4;
 function cloneDeep(d) {
   return _baseClone_default(d, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
@@ -61,11 +61,7 @@ var _compareAscending_default = compareAscending;
 function compareMultiple(d, B, V) {
   for (var H = -1, U = d.criteria, W = B.criteria, G = U.length, K = V.length; ++H < G; ) {
     var q = _compareAscending_default(U[H], W[H]);
-    if (q) {
-      if (H >= K) return q;
-      var J = V[H];
-      return q * (J == "desc" ? -1 : 1);
-    }
+    if (q) return H >= K ? q : q * (V[H] == "desc" ? -1 : 1);
   }
   return d.index - B.index;
 }
@@ -77,8 +73,7 @@ function baseOrderBy(d, B, V) {
     } : d2;
   }) : [identity_default];
   var W = -1;
-  B = _arrayMap_default(B, _baseUnary_default(_baseIteratee_default));
-  var G = _baseMap_default(d, function(d2, V2, H) {
+  return B = _arrayMap_default(B, _baseUnary_default(_baseIteratee_default)), _baseSortBy_default(_baseMap_default(d, function(d2, V2, H) {
     return {
       criteria: _arrayMap_default(B, function(B2) {
         return B2(d2);
@@ -86,8 +81,7 @@ function baseOrderBy(d, B, V) {
       index: ++W,
       value: d2
     };
-  });
-  return _baseSortBy_default(G, function(d2, B2) {
+  }), function(d2, B2) {
     return _compareMultiple_default(d2, B2, V);
   });
 }
@@ -165,8 +159,8 @@ function filterOutLinks(d, B) {
 var DEFAULT_WEIGHT_FN = constant_default(1);
 function greedyFAS(d, B) {
   if (d.nodeCount() <= 1) return [];
-  var V = buildState(d, B || DEFAULT_WEIGHT_FN), H = doGreedyFAS(V.graph, V.buckets, V.zeroIdx);
-  return flatten_default(map_default(H, function(B2) {
+  var V = buildState(d, B || DEFAULT_WEIGHT_FN);
+  return flatten_default(map_default(doGreedyFAS(V.graph, V.buckets, V.zeroIdx), function(B2) {
     return d.outEdges(B2.v, B2.w);
   }));
 }
@@ -223,12 +217,11 @@ function assignBucket(d, B, V) {
   V.out ? V.in ? d[V.out - V.in + B].enqueue(V) : d[d.length - 1].enqueue(V) : d[0].enqueue(V);
 }
 function run$2(d) {
-  var B = d.graph().acyclicer === "greedy" ? greedyFAS(d, V(d)) : dfsFAS(d);
-  forEach_default(B, function(B2) {
-    var V2 = d.edge(B2);
-    d.removeEdge(B2), V2.forwardName = B2.name, V2.reversed = true, d.setEdge(B2.w, B2.v, V2, uniqueId_default("rev"));
+  forEach_default(d.graph().acyclicer === "greedy" ? greedyFAS(d, B(d)) : dfsFAS(d), function(B2) {
+    var V = d.edge(B2);
+    d.removeEdge(B2), V.forwardName = B2.name, V.reversed = true, d.setEdge(B2.w, B2.v, V, uniqueId_default("rev"));
   });
-  function V(d2) {
+  function B(d2) {
     return function(B2) {
       return d2.edge(B2).weight;
     };
@@ -569,11 +562,9 @@ function enterEdge(d, B, V) {
   var H = V.v, U = V.w;
   B.hasEdge(H, U) || (H = V.w, U = V.v);
   var W = d.node(H), G = d.node(U), K = W, q = false;
-  W.lim > G.lim && (K = G, q = true);
-  var J = filter_default(B.edges(), function(B2) {
+  return W.lim > G.lim && (K = G, q = true), minBy_default(filter_default(B.edges(), function(B2) {
     return q === isDescendant(d, d.node(B2.v), K) && q !== isDescendant(d, d.node(B2.w), K);
-  });
-  return minBy_default(J, function(d2) {
+  }), function(d2) {
     return slack(B, d2);
   });
 }
@@ -582,12 +573,12 @@ function exchangeEdges(d, B, V, H) {
   d.removeEdge(U, W), d.setEdge(H.v, H.w, {}), initLowLimValues(d), initCutValues(d, B), updateRanks(d, B);
 }
 function updateRanks(d, B) {
-  var V = find_default(d.nodes(), function(d2) {
+  var V = preorder(d, find_default(d.nodes(), function(d2) {
     return !B.node(d2).parent;
-  }), H = preorder(d, V);
-  H = H.slice(1), forEach_default(H, function(V2) {
-    var H2 = d.node(V2).parent, U = B.edge(V2, H2), W = false;
-    U || (U = B.edge(H2, V2), W = true), B.node(V2).rank = B.node(H2).rank + (W ? U.minlen : -U.minlen);
+  }));
+  V = V.slice(1), forEach_default(V, function(V2) {
+    var H = d.node(V2).parent, U = B.edge(V2, H), W = false;
+    U || (U = B.edge(H, V2), W = true), B.node(V2).rank = B.node(H).rank + (W ? U.minlen : -U.minlen);
   });
 }
 function isTreeEdge(d, B, V) {
@@ -739,22 +730,17 @@ function twoLayerCrossCount(d, B, V) {
 function initOrder(d) {
   var B = {}, V = filter_default(d.nodes(), function(B2) {
     return !d.children(B2).length;
-  }), H = max_default(map_default(V, function(B2) {
+  }), H = map_default(range_default(max_default(map_default(V, function(B2) {
     return d.node(B2).rank;
-  })), U = map_default(range_default(H + 1), function() {
+  })) + 1), function() {
     return [];
   });
-  function W(V2) {
-    if (!has_default(B, V2)) {
-      B[V2] = true;
-      var H2 = d.node(V2);
-      U[H2.rank].push(V2), forEach_default(d.successors(V2), W);
-    }
+  function U(V2) {
+    has_default(B, V2) || (B[V2] = true, H[d.node(V2).rank].push(V2), forEach_default(d.successors(V2), U));
   }
-  var G = sortBy_default(V, function(B2) {
+  return forEach_default(sortBy_default(V, function(B2) {
     return d.node(B2).rank;
-  });
-  return forEach_default(G, W), U;
+  }), U), H;
 }
 function barycenter(d, B) {
   return map_default(B, function(B2) {
@@ -780,23 +766,21 @@ function barycenter(d, B) {
 }
 function resolveConflicts(d, B) {
   var V = {};
-  forEach_default(d, function(d2, B2) {
-    var H2 = V[d2.v] = {
+  return forEach_default(d, function(d2, B2) {
+    var H = V[d2.v] = {
       indegree: 0,
       in: [],
       out: [],
       vs: [d2.v],
       i: B2
     };
-    isUndefined_default(d2.barycenter) || (H2.barycenter = d2.barycenter, H2.weight = d2.weight);
+    isUndefined_default(d2.barycenter) || (H.barycenter = d2.barycenter, H.weight = d2.weight);
   }), forEach_default(B.edges(), function(d2) {
-    var B2 = V[d2.v], H2 = V[d2.w];
-    !isUndefined_default(B2) && !isUndefined_default(H2) && (H2.indegree++, B2.out.push(V[d2.w]));
-  });
-  var H = filter_default(V, function(d2) {
+    var B2 = V[d2.v], H = V[d2.w];
+    !isUndefined_default(B2) && !isUndefined_default(H) && (H.indegree++, B2.out.push(V[d2.w]));
+  }), doResolveConflicts(filter_default(V, function(d2) {
     return !d2.indegree;
-  });
-  return doResolveConflicts(H);
+  }));
 }
 function doResolveConflicts(d) {
   var B = [];
@@ -1104,19 +1088,17 @@ function balance(d, B) {
 }
 function positionX(d) {
   var B = buildLayerMatrix(d), V = merge_default(findType1Conflicts(d, B), findType2Conflicts(d, B)), H = {}, U;
-  forEach_default(["u", "d"], function(W2) {
-    U = W2 === "u" ? B : values_default(B).reverse(), forEach_default(["l", "r"], function(B2) {
+  return forEach_default(["u", "d"], function(W) {
+    U = W === "u" ? B : values_default(B).reverse(), forEach_default(["l", "r"], function(B2) {
       B2 === "r" && (U = map_default(U, function(d2) {
         return values_default(d2).reverse();
       }));
-      var G = (W2 === "u" ? d.predecessors : d.successors).bind(d), K = verticalAlignment(d, U, V, G), q = horizontalCompaction(d, U, K.root, K.align, B2 === "r");
+      var G = (W === "u" ? d.predecessors : d.successors).bind(d), K = verticalAlignment(d, U, V, G), q = horizontalCompaction(d, U, K.root, K.align, B2 === "r");
       B2 === "r" && (q = mapValues_default(q, function(d2) {
         return -d2;
-      })), H[W2 + B2] = q;
+      })), H[W + B2] = q;
     });
-  });
-  var W = findSmallestWidthAlignment(d, H);
-  return alignCoordinates(H, W), balance(H, d.graph().align);
+  }), alignCoordinates(H, findSmallestWidthAlignment(d, H)), balance(H, d.graph().align);
 }
 function sep(d, B, V) {
   return function(H, U, W) {
@@ -1235,11 +1217,11 @@ function injectEdgeLabelProxies(d) {
   forEach_default(d.edges(), function(B) {
     var V = d.edge(B);
     if (V.width && V.height) {
-      var H = d.node(B.v), U = {
+      var H = d.node(B.v);
+      addDummyNode(d, "edge-proxy", {
         rank: (d.node(B.w).rank - H.rank) / 2 + H.rank,
         e: B
-      };
-      addDummyNode(d, "edge-proxy", U, "_ep");
+      }, "_ep");
     }
   });
 }
@@ -1324,19 +1306,18 @@ function removeSelfEdges(d) {
   });
 }
 function insertSelfEdges(d) {
-  var B = buildLayerMatrix(d);
-  forEach_default(B, function(B2) {
+  forEach_default(buildLayerMatrix(d), function(B) {
     var V = 0;
-    forEach_default(B2, function(B3, H) {
-      var U = d.node(B3);
-      U.order = H + V, forEach_default(U.selfEdges, function(B4) {
+    forEach_default(B, function(B2, H) {
+      var U = d.node(B2);
+      U.order = H + V, forEach_default(U.selfEdges, function(B3) {
         addDummyNode(d, "selfedge", {
-          width: B4.label.width,
-          height: B4.label.height,
+          width: B3.label.width,
+          height: B3.label.height,
           rank: U.rank,
           order: H + ++V,
-          e: B4.e,
-          label: B4.label
+          e: B3.e,
+          label: B3.label
         }, "_se");
       }), delete U.selfEdges;
     });

package/dist/data-grid-overlay-editor-867aBz0Y.js

@@ -0,0 +1,133 @@
+import { s as __toESM } from "./chunk-DgPTj83v.js";
+import { t as require_react } from "./react-DHL_F5hS.js";
+import { t as require_react_dom } from "./react-dom-CpBooCbY.js";
+import "./emotion-is-prop-valid.esm-BHMWayAG.js";
+import { _ as isEditableGridCell, i as makeCSSStyle, n as ThemeContext, t as ClickOutsideContainer, v as isInnerOnlyCell, y as isObjectEditorCallbackResult } from "./click-outside-container-CL_FkgGY.js";
+import { t as styled_default } from "./dist-CId4IPXu.js";
+var import_react_dom = /* @__PURE__ */ __toESM(require_react_dom()), import_react = /* @__PURE__ */ __toESM(require_react()), _exp2 = () => (n) => n.targetX, _exp3 = () => (n) => n.targetY, _exp4 = () => (n) => n.targetWidth, _exp5 = () => (n) => n.targetHeight, _exp6 = () => (n) => n.targetY + 10, _exp7 = () => (n) => Math.max(0, (n.targetHeight - 28) / 2);
+const DataGridOverlayEditorStyle = /* @__PURE__ */ styled_default("div")({
+  name: "DataGridOverlayEditorStyle",
+  class: "gdg-d19meir1",
+  propsAsIs: false,
+  vars: {
+    "d19meir1-0": [_exp3(), "px"],
+    "d19meir1-1": [_exp2(), "px"],
+    "d19meir1-2": [_exp4(), "px"],
+    "d19meir1-3": [_exp5(), "px"],
+    "d19meir1-4": [_exp6(), "px"],
+    "d19meir1-5": [_exp7(), "px"]
+  }
+});
+function useRefState() {
+  let [n, c] = import_react.useState();
+  return [n ?? void 0, c];
+}
+function useStayOnScreen() {
+  let [n, c] = useRefState(), [l, u] = import_react.useState(0), [d, f] = import_react.useState(true);
+  return import_react.useLayoutEffect(() => {
+    if (n === void 0 || !("IntersectionObserver" in window)) return;
+    let c2 = new IntersectionObserver((n2) => {
+      n2.length !== 0 && f(n2[0].isIntersecting);
+    }, { threshold: 1 });
+    return c2.observe(n), () => c2.disconnect();
+  }, [n]), import_react.useEffect(() => {
+    if (d || n === void 0) return;
+    let c2, l2 = () => {
+      let { right: d2 } = n.getBoundingClientRect();
+      u((n2) => Math.min(n2 + window.innerWidth - d2 - 10, 0)), c2 = requestAnimationFrame(l2);
+    };
+    return c2 = requestAnimationFrame(l2), () => {
+      c2 !== void 0 && cancelAnimationFrame(c2);
+    };
+  }, [n, d]), {
+    ref: c,
+    style: import_react.useMemo(() => ({ transform: `translateX(${l}px)` }), [l])
+  };
+}
+var data_grid_overlay_editor_default = (n) => {
+  let { target: c, content: l, onFinishEditing: p, forceEditMode: m, initialValue: h, imageEditorOverride: g, markdownDivCreateNode: _, highlight: v, className: y, theme: b, id: x, cell: S, bloom: C, validateCell: w, getCellRenderer: T, provideEditor: E, isOutsideClick: D, customEventTarget: O } = n, [k, A] = import_react.useState(m ? l : void 0), j = import_react.useRef(k ?? l);
+  j.current = k ?? l;
+  let [M, N] = import_react.useState(() => w === void 0 ? true : !(isEditableGridCell(l) && (w == null ? void 0 : w(S, l, j.current)) === false)), P = import_react.useCallback((n2, c2) => {
+    p(M ? n2 : void 0, c2);
+  }, [M, p]), F = import_react.useCallback((n2) => {
+    if (w !== void 0 && n2 !== void 0 && isEditableGridCell(n2)) {
+      let c2 = w(S, n2, j.current);
+      c2 === false ? N(false) : (typeof c2 == "object" && (n2 = c2), N(true));
+    }
+    A(n2);
+  }, [S, w]), I = import_react.useRef(false), L = import_react.useRef(void 0), R = import_react.useCallback(() => {
+    P(k, [0, 0]), I.current = true;
+  }, [k, P]), z = import_react.useCallback((n2, c2) => {
+    P(n2, c2 ?? L.current ?? [0, 0]), I.current = true;
+  }, [P]), B = import_react.useCallback(async (n2) => {
+    let c2 = false;
+    n2.key === "Escape" ? (n2.stopPropagation(), n2.preventDefault(), L.current = [0, 0]) : n2.key === "Enter" && !n2.shiftKey ? (n2.stopPropagation(), n2.preventDefault(), L.current = [0, 1], c2 = true) : n2.key === "Tab" && (n2.stopPropagation(), n2.preventDefault(), L.current = [n2.shiftKey ? -1 : 1, 0], c2 = true), window.setTimeout(() => {
+      !I.current && L.current !== void 0 && (P(c2 ? k : void 0, L.current), I.current = true);
+    }, 0);
+  }, [P, k]), V = k ?? l, [H, U] = import_react.useMemo(() => {
+    var _a, _b;
+    if (isInnerOnlyCell(l)) return [];
+    let n2 = {
+      ...l,
+      location: S
+    }, c2 = E == null ? void 0 : E(n2);
+    return c2 === void 0 ? [(_b = (_a = T(l)) == null ? void 0 : _a.provideEditor) == null ? void 0 : _b.call(_a, n2), false] : [c2, false];
+  }, [
+    S,
+    l,
+    T,
+    E
+  ]), { ref: W, style: G } = useStayOnScreen(), K = true, q, J = true, Y;
+  if (H !== void 0) {
+    K = H.disablePadding !== true, J = H.disableStyling !== true;
+    let n2 = isObjectEditorCallbackResult(H);
+    n2 && (Y = H.styleOverride);
+    let l2 = n2 ? H.editor : H;
+    q = import_react.createElement(l2, {
+      isHighlighted: v,
+      onChange: F,
+      value: V,
+      initialValue: h,
+      onFinishedEditing: z,
+      validatedSelection: isEditableGridCell(V) ? V.selectionRange : void 0,
+      forceEditMode: m,
+      target: c,
+      imageEditorOverride: g,
+      markdownDivCreateNode: _,
+      isValid: M,
+      theme: b
+    });
+  }
+  Y = {
+    ...Y,
+    ...G
+  };
+  let X = document.getElementById("portal");
+  if (X === 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 Z = J ? "gdg-style" : "gdg-unstyle";
+  M || (Z += " gdg-invalid"), K && (Z += " gdg-pad");
+  let Q = (C == null ? void 0 : C[0]) ?? 1, $ = (C == null ? void 0 : C[1]) ?? 1;
+  return (0, import_react_dom.createPortal)(import_react.createElement(ThemeContext.Provider, { value: b }, import_react.createElement(ClickOutsideContainer, {
+    style: makeCSSStyle(b),
+    className: y,
+    onClickOutside: R,
+    isOutsideClick: D,
+    customEventTarget: O
+  }, import_react.createElement(DataGridOverlayEditorStyle, {
+    ref: W,
+    id: x,
+    className: Z,
+    style: Y,
+    as: U === true ? "label" : void 0,
+    targetX: c.x - Q,
+    targetY: c.y - $,
+    targetWidth: c.width + Q * 2,
+    targetHeight: c.height + $ * 2
+  }, import_react.createElement("div", {
+    className: "gdg-clip-region",
+    onKeyDown: B
+  }, q)))), X);
+};
+export {
+  data_grid_overlay_editor_default as default
+};

package/dist/{diagram-N5W7TBWH-CtO7az4G.js → diagram-N5W7TBWH-CzLE0jZB.js}

@@ -1,44 +1,44 @@
 var _a;
-import "./isArrayLikeObject-DiDsNamC.js";
-import "./isSymbol-BxF-_8BA.js";
-import "./toString-BvCd3yJc.js";
-import "./toNumber-efKT08hh.js";
-import "./_basePickBy-CYvzhRjy.js";
-import "./_baseIsEqual-oN7pRNcM.js";
-import "./_baseUniq-B5gfSl8S.js";
-import "./chunk-4KMFLZZN-CloTfTwP.js";
-import "./_baseProperty-DGUdIBuu.js";
-import "./memoize-Dq87l1O_.js";
-import "./merge-BPDCIm8P.js";
+import "./isArrayLikeObject-BlvK28do.js";
+import "./isSymbol-Cb1f2HgO.js";
+import "./toString-C2mCkasT.js";
+import "./toNumber-EFF1Z9T1.js";
+import "./_basePickBy-CzSvE_-f.js";
+import "./_baseIsEqual-CN4oFUZ4.js";
+import "./_baseUniq-DwoC-LVO.js";
+import "./chunk-4KMFLZZN-DnvP3O4K.js";
+import "./_baseProperty-DbbUiyUD.js";
+import "./memoize-DYoRBSLn.js";
+import "./merge-BjuR6j_w.js";
 import "./_baseSlice-OgpvpOOJ.js";
 import "./_arrayReduce-CVwxyrBP.js";
-import "./clone-Dk4FkKH0.js";
-import "./min-BzhKOmZo.js";
-import "./isEmpty-BBG-u1GM.js";
+import "./clone-Msbhmn2a.js";
+import "./min-B_i2ahn4.js";
+import "./isEmpty--odfYjh1.js";
 import "./main-Czi9-LVy.js";
 import { n as ordinal } from "./ordinal-BXk5xAj2.js";
 import { t as format } from "./defaultLocale-471SYAPk.js";
 import "./math-C7wLpe9K.js";
 import "./step-IHYrujTc.js";
-import { i as cleanAndMerge } from "./chunk-S3R3BYOJ-DMQ1yeyq.js";
+import { i as cleanAndMerge } from "./chunk-S3R3BYOJ-itCT6Vif.js";
 import "./init-D6eDd7H0.js";
-import "./timer-D3Zlu9ow.js";
-import { i as log, r as __name, t as select_default } from "./src-BNNJRxz3.js";
+import "./timer-CzOhIJuk.js";
+import { i as log, r as __name, t as select_default } from "./src-DZkaBUmt.js";
 import { p as hierarchy, t as treemap_default } from "./treemap-BpgMKHv-.js";
-import { B as setAccTitle, C as getDiagramTitle, U as setDiagramTitle, _ as getAccDescription, a as clear, c as configureSvgSize, d as defaultConfig_default, v as getAccTitle, y as getConfig, z as setAccDescription } from "./chunk-ABZYJK2D-CLlso8tj.js";
-import { t as selectSvgElement } from "./chunk-EXTU4WIE-DECT9AAK.js";
-import { i as styles2String, n as isLabelStyle } from "./chunk-QYVHNE3D-B8BO1AnT.js";
+import { B as setAccTitle, C as getDiagramTitle, U as setDiagramTitle, _ as getAccDescription, a as clear, c as configureSvgSize, d as defaultConfig_default, v as getAccTitle, y as getConfig, z as setAccDescription } from "./chunk-ABZYJK2D-CZcb_1iM.js";
+import { t as selectSvgElement } from "./chunk-EXTU4WIE-GQ2ZWfJo.js";
+import { i as styles2String, n as isLabelStyle } from "./chunk-QYVHNE3D-CNUuivie.js";
 import "./dist-CK8Gj3GX.js";
-import "./chunk-JEIROHC2-BGnFkSVq.js";
-import "./chunk-BN7GFLIU-Db2-FjLn.js";
-import "./chunk-T44TD3VJ-BwzD6YE0.js";
-import "./chunk-KMC2YHZD-DT4Sq4Ld.js";
-import "./chunk-WFWHJNB7-DN_cavM6.js";
-import "./chunk-WFRQ32O7-CzSwSlN0.js";
-import "./chunk-XRWGC2XP-Bb5eGNM2.js";
-import { t as populateCommonDb } from "./chunk-4BX2VUAB-CqO6zUIz.js";
-import { t as parse } from "./mermaid-parser.core-CSFx6MQ7.js";
-import { t as setupViewPortForSVG } from "./chunk-QN33PNHL-gs44MZla.js";
+import "./chunk-JEIROHC2-B-EZMP4V.js";
+import "./chunk-BN7GFLIU-pBc5O5Rh.js";
+import "./chunk-T44TD3VJ-BLdfTX8J.js";
+import "./chunk-KMC2YHZD-SckhHdEh.js";
+import "./chunk-WFWHJNB7-Cmed18Pk.js";
+import "./chunk-WFRQ32O7-CPsipkmJ.js";
+import "./chunk-XRWGC2XP-DH5GDaY8.js";
+import { t as populateCommonDb } from "./chunk-4BX2VUAB-DEd4VI9L.js";
+import { t as parse } from "./mermaid-parser.core-BLkyTSZj.js";
+import { t as setupViewPortForSVG } from "./chunk-QN33PNHL-Cjq5b604.js";
 var TreeMapDB = (_a = class {
   constructor() {
     this.nodes = [], this.levels = /* @__PURE__ */ new Map(), this.outerNodes = [], this.classes = /* @__PURE__ */ new Map(), this.setAccTitle = setAccTitle, this.getAccTitle = getAccTitle, this.setDiagramTitle = setDiagramTitle, this.getDiagramTitle = getDiagramTitle, this.getAccDescription = getAccDescription, this.setAccDescription = setAccDescription;
@@ -207,11 +207,7 @@ var populate = /* @__PURE__ */ __name((e, l) => {
       if (e.depth === 0) return "display: none;";
       let l = styles2String({ cssCompiledStyles: e.data.cssCompiledStyles });
       return l.nodeStyles + ";" + l.borderStyles.join(";");
-    }), z.append("text").attr("class", "treemapSectionLabel").attr("x", 6).attr("y", SECTION_HEADER_HEIGHT / 2).attr("dominant-baseline", "middle").text((e) => e.depth === 0 ? "" : e.data.name).attr("font-weight", "bold").attr("style", (e) => {
-      if (e.depth === 0) return "display: none;";
-      let l = "dominant-baseline: middle; font-size: 12px; fill:" + P(e.data.name) + "; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;", u2 = styles2String({ cssCompiledStyles: e.data.cssCompiledStyles });
-      return l + u2.labelStyles.replace("color:", "fill:");
-    }).each(function(e) {
+    }), z.append("text").attr("class", "treemapSectionLabel").attr("x", 6).attr("y", SECTION_HEADER_HEIGHT / 2).attr("dominant-baseline", "middle").text((e) => e.depth === 0 ? "" : e.data.name).attr("font-weight", "bold").attr("style", (e) => e.depth === 0 ? "display: none;" : "dominant-baseline: middle; font-size: 12px; fill:" + P(e.data.name) + "; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" + styles2String({ cssCompiledStyles: e.data.cssCompiledStyles }).labelStyles.replace("color:", "fill:")).each(function(e) {
       if (e.depth === 0) return;
       let l = select_default(this), u2 = e.data.name;
       l.text(u2);
@@ -228,16 +224,9 @@ var populate = /* @__PURE__ */ __name((e, l) => {
           if (l.text(e2 + "..."), h.getComputedTextLength() <= m) break;
         }
       }
-    }), b.showValues !== false && z.append("text").attr("class", "treemapSectionValue").attr("x", (e) => e.x1 - e.x0 - 10).attr("y", SECTION_HEADER_HEIGHT / 2).attr("text-anchor", "end").attr("dominant-baseline", "middle").text((e) => e.value ? j(e.value) : "").attr("font-style", "italic").attr("style", (e) => {
-      if (e.depth === 0) return "display: none;";
-      let l = "text-anchor: end; dominant-baseline: middle; font-size: 10px; fill:" + P(e.data.name) + "; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;", u2 = styles2String({ cssCompiledStyles: e.data.cssCompiledStyles });
-      return l + u2.labelStyles.replace("color:", "fill:");
-    });
+    }), b.showValues !== false && z.append("text").attr("class", "treemapSectionValue").attr("x", (e) => e.x1 - e.x0 - 10).attr("y", SECTION_HEADER_HEIGHT / 2).attr("text-anchor", "end").attr("dominant-baseline", "middle").text((e) => e.value ? j(e.value) : "").attr("font-style", "italic").attr("style", (e) => e.depth === 0 ? "display: none;" : "text-anchor: end; dominant-baseline: middle; font-size: 10px; fill:" + P(e.data.name) + "; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" + styles2String({ cssCompiledStyles: e.data.cssCompiledStyles }).labelStyles.replace("color:", "fill:"));
     let B = L.leaves(), V = F.selectAll(".treemapLeafGroup").data(B).enter().append("g").attr("class", (e, l) => `treemapNode treemapLeafGroup leaf${l}${e.data.classSelector ? ` ${e.data.classSelector}` : ""}x`).attr("transform", (e) => `translate(${e.x0},${e.y0})`);
-    V.append("rect").attr("width", (e) => e.x1 - e.x0).attr("height", (e) => e.y1 - e.y0).attr("class", "treemapLeaf").attr("fill", (e) => e.parent ? M(e.parent.data.name) : M(e.data.name)).attr("style", (e) => styles2String({ cssCompiledStyles: e.data.cssCompiledStyles }).nodeStyles).attr("fill-opacity", 0.3).attr("stroke", (e) => e.parent ? M(e.parent.data.name) : M(e.data.name)).attr("stroke-width", 3), V.append("clipPath").attr("id", (e, l) => `clip-${g}-${l}`).append("rect").attr("width", (e) => Math.max(0, e.x1 - e.x0 - 4)).attr("height", (e) => Math.max(0, e.y1 - e.y0 - 4)), V.append("text").attr("class", "treemapLabel").attr("x", (e) => (e.x1 - e.x0) / 2).attr("y", (e) => (e.y1 - e.y0) / 2).attr("style", (e) => {
-      let l = "text-anchor: middle; dominant-baseline: middle; font-size: 38px;fill:" + P(e.data.name) + ";", u2 = styles2String({ cssCompiledStyles: e.data.cssCompiledStyles });
-      return l + u2.labelStyles.replace("color:", "fill:");
-    }).attr("clip-path", (e, l) => `url(#clip-${g}-${l})`).text((e) => e.data.name).each(function(e) {
+    V.append("rect").attr("width", (e) => e.x1 - e.x0).attr("height", (e) => e.y1 - e.y0).attr("class", "treemapLeaf").attr("fill", (e) => e.parent ? M(e.parent.data.name) : M(e.data.name)).attr("style", (e) => styles2String({ cssCompiledStyles: e.data.cssCompiledStyles }).nodeStyles).attr("fill-opacity", 0.3).attr("stroke", (e) => e.parent ? M(e.parent.data.name) : M(e.data.name)).attr("stroke-width", 3), V.append("clipPath").attr("id", (e, l) => `clip-${g}-${l}`).append("rect").attr("width", (e) => Math.max(0, e.x1 - e.x0 - 4)).attr("height", (e) => Math.max(0, e.y1 - e.y0 - 4)), V.append("text").attr("class", "treemapLabel").attr("x", (e) => (e.x1 - e.x0) / 2).attr("y", (e) => (e.y1 - e.y0) / 2).attr("style", (e) => "text-anchor: middle; dominant-baseline: middle; font-size: 38px;fill:" + P(e.data.name) + ";" + styles2String({ cssCompiledStyles: e.data.cssCompiledStyles }).labelStyles.replace("color:", "fill:")).attr("clip-path", (e, l) => `url(#clip-${g}-${l})`).text((e) => e.data.name).each(function(e) {
       let l = select_default(this), u2 = e.x1 - e.x0, d = e.y1 - e.y0, f = l.node(), m = u2 - 8, h = d - 8;
       if (m < 10 || h < 10) {
         l.style("display", "none");
@@ -250,10 +239,7 @@ var populate = /* @__PURE__ */ __name((e, l) => {
       l.style("font-size", `${g2}px`), (f.getComputedTextLength() > m || g2 < 8 || h < g2) && l.style("display", "none");
     }), b.showValues !== false && V.append("text").attr("class", "treemapValue").attr("x", (e) => (e.x1 - e.x0) / 2).attr("y", function(e) {
       return (e.y1 - e.y0) / 2;
-    }).attr("style", (e) => {
-      let l = "text-anchor: middle; dominant-baseline: hanging; font-size: 28px;fill:" + P(e.data.name) + ";", u2 = styles2String({ cssCompiledStyles: e.data.cssCompiledStyles });
-      return l + u2.labelStyles.replace("color:", "fill:");
-    }).attr("clip-path", (e, l) => `url(#clip-${g}-${l})`).text((e) => e.value ? j(e.value) : "").each(function(e) {
+    }).attr("style", (e) => "text-anchor: middle; dominant-baseline: hanging; font-size: 28px;fill:" + P(e.data.name) + ";" + styles2String({ cssCompiledStyles: e.data.cssCompiledStyles }).labelStyles.replace("color:", "fill:")).attr("clip-path", (e, l) => `url(#clip-${g}-${l})`).text((e) => e.value ? j(e.value) : "").each(function(e) {
       let l = select_default(this), u2 = this.parentNode;
       if (!u2) {
         l.style("display", "none");
@@ -270,9 +256,7 @@ var populate = /* @__PURE__ */ __name((e, l) => {
       l.attr("y", h);
       let g2 = e.x1 - e.x0, _2 = e.y1 - e.y0 - 4, v2 = g2 - 8;
       l.node().getComputedTextLength() > v2 || h + m > _2 || m < 6 ? l.style("display", "none") : l.style("display", null);
-    });
-    let H = b.diagramPadding ?? 8;
-    setupViewPortForSVG(E, H, "flowchart", (b == null ? void 0 : b.useMaxWidth) || false);
+    }), setupViewPortForSVG(E, b.diagramPadding ?? 8, "flowchart", (b == null ? void 0 : b.useMaxWidth) || false);
   }, "draw"),
   getClasses: /* @__PURE__ */ __name(function(e, l) {
     return l.db.getClasses();