@graphty/graph-io 0.3.47 → 0.3.49

package/dist/chunks/{styles-BQnsga7p.js → styles-CCs214_3.js}

@@ -1,7 +1,10 @@
-import { a as STYLE_ISSUE, t as StyleNotes, L as refSource, O as resolveRules, i as num6, e as degreeValues, B as STYLE_PROPERTIES, d as canonicalFor, C as toolDefaults, q as isStyleValue, Q as evalContinuous, R as numberOf, V as discreteLookup, S as STYLE_BLOCK_NAME, p as plainCell, u as parseStyleBlock, s as styleFingerprint, v as blockStyles, r as resolveStyles } from "./block-DiGq58c3.js";
-import { e as escapeXmlAttribute } from "./escape-CgzxiYPg.js";
-import { J as JAVA_FONTS, c as colorParser, N as NODE_SIZE_VP, s as sizeParser, C as CYTOSCAPE_LEXICON, i as isUncarriedVp, n as normalizeVisualProperties } from "./lexicon-CT69Kd87.js";
-import { M as MIXED_DIRECTION_CODE, D as DIRECTION_FORCED_CODE, b as DIRECTION_REFUSED_CODE, S as SINK_OPTION_CODE, O as OPTION_IGNORED_CODE, I as ID_MERGED_CODE, R as ROLE_TAKEN_CODE, C as COLUMN_RENAMED_CODE, a2 as AMBIGUOUS_GRAPH_NAME_CODE, a3 as GRAPH_NOT_FOUND_CODE, i as MULTIPLE_GRAPHS_CODE, c as STRAY_TEXT_CODE, d as UNKNOWN_ELEMENT_CODE, U as UNKNOWN_ATTR_TYPE_CODE, ay as EQUATION_AS_TEXT_CODE, a6 as PARENT_CYCLE_CODE, m as UNKNOWN_PARENT_CODE, l as DUPLICATE_ATTRIBUTE_CODE, f as DANGLING_REFERENCE_CODE, P as PRECISION_CODE, a7 as WIDENED_CODE, Y as BAD_VALUE_CODE, j as DUPLICATE_EDGE_ID_CODE, k as DUPLICATE_NODE_CODE, n as MISSING_ENDPOINT_CODE, o as MISSING_ID_CODE, N as NO_GRAPH_CODE, r as ENCODING_CONFLICT_CODE, s as UNKNOWN_ENCODING_CODE, t as ENCODING_FALLBACK_CODE, u as INVALID_ENCODING_CODE, v as INVALID_UTF8_CODE, E as EMPTY_INPUT_CODE, X as XML_NESTING_CODE, w as XML_SYNTAX_CODE, y as ELEMENT_ISSUE, z as INPUT_ISSUE, aI as STORAGE_CLASS_CODE, aN as WEIGHT_KEY_CLASH_CODE, aa as ROLE_ASSUMED_CODE, at as COLUMN_RENAMED_LOSS_CODE, A as ID_TEXT_TYPE_CODE, aD as MUTUAL_EXPANDED_CODE, G as PARENTS_DROPPED_CODE, F as ROLE_DROPPED_CODE, aK as TEMPORAL_TEXT_DROPPED_CODE, aJ as TEMPORAL_DROPPED_CODE, ac as XML_ILLEGAL_CHAR_CODE } from "./format-BpQBx8MZ.js";
+import { e as explicitWeights } from "./export-Cha4dRFz.js";
+import { b as STYLE_ISSUE, h as StyleNotes, Q as refSource, U as resolveRules, w as STYLE_PROPERTIES, i as num6, D as degreeValues, C as canonicalFor, y as toolDefaults, l as isStyleValue, W as evalContinuous, X as numberOf, Z as discreteLookup, n as noteAt, S as STYLE_BLOCK_NAME, p as plainCell } from "./block-iptrlMBb.js";
+import { e as escapeXmlAttribute } from "./escape-CuCIzNMB.js";
+import { j as javaFamily, J as JAVA_MONO, a as JAVA_SERIF, b as JAVA_SANS, v as vpStep, c as colorParser, C as CYTOSCAPE_LEXICON, s as sizeParser, d as cytoscapeLabelPlace, i as isUncarriedVp, e as arrowSizeParser, f as arrowProportion, g as arrowGap, o as opacityParser, h as cytoscapeLabelMove, k as cytoscapeLabelBase, l as halfBack, N as NODE_SIZE_VP, n as normalizeVisualProperties } from "./lexicon-Clf4QIyl.js";
+import { d as canonBends } from "./bends-BGXjv_U4.js";
+import { t as takeFromBlock } from "./round-trip-Zm3_ivgq.js";
+import { M as MIXED_DIRECTION_CODE, D as DIRECTION_FORCED_CODE, b as DIRECTION_REFUSED_CODE, S as SINK_OPTION_CODE, O as OPTION_IGNORED_CODE, I as ID_MERGED_CODE, R as ROLE_TAKEN_CODE, C as COLUMN_RENAMED_CODE, W as AMBIGUOUS_GRAPH_NAME_CODE, Y as GRAPH_NOT_FOUND_CODE, i as MULTIPLE_GRAPHS_CODE, c as STRAY_TEXT_CODE, d as UNKNOWN_ELEMENT_CODE, U as UNKNOWN_ATTR_TYPE_CODE, aA as EQUATION_AS_TEXT_CODE, a1 as PARENT_CYCLE_CODE, m as UNKNOWN_PARENT_CODE, l as DUPLICATE_ATTRIBUTE_CODE, f as DANGLING_REFERENCE_CODE, P as PRECISION_CODE, a2 as WIDENED_CODE, T as BAD_VALUE_CODE, j as DUPLICATE_EDGE_ID_CODE, k as DUPLICATE_NODE_CODE, n as MISSING_ENDPOINT_CODE, o as MISSING_ID_CODE, N as NO_GRAPH_CODE, r as ENCODING_CONFLICT_CODE, s as UNKNOWN_ENCODING_CODE, t as ENCODING_FALLBACK_CODE, u as INVALID_ENCODING_CODE, v as INVALID_UTF8_CODE, E as EMPTY_INPUT_CODE, X as XML_NESTING_CODE, w as XML_SYNTAX_CODE, y as ELEMENT_ISSUE, z as INPUT_ISSUE, aH as STORAGE_CLASS_CODE, ak as WEIGHT_KEY_CLASH_CODE, a9 as ROLE_ASSUMED_CODE, aw as COLUMN_RENAMED_LOSS_CODE, A as ID_TEXT_TYPE_CODE, al as MUTUAL_EXPANDED_CODE, G as PARENTS_DROPPED_CODE, F as ROLE_DROPPED_CODE, aJ as TEMPORAL_TEXT_DROPPED_CODE, aI as TEMPORAL_DROPPED_CODE, ab as XML_ILLEGAL_CHAR_CODE } from "./report-CwMfYa9J.js";
 function emptyCytoscapeStyle() {
   const target = () => ({
     defaults: /* @__PURE__ */ new Map(),
@@ -11,6 +14,54 @@ function emptyCytoscapeStyle() {
   });
   return { network: { defaults: /* @__PURE__ */ new Map() }, node: target(), edge: target() };
 }
+const SHARED_COLUMNS = /* @__PURE__ */ new Map([
+  ["shared name", "name"],
+  ["shared interaction", "interaction"]
+]);
+function sharedColumnFallback(style, has) {
+  for (const [vp, m] of style.mappings) {
+    const plain = SHARED_COLUMNS.get(m.column);
+    if (plain !== void 0 && !has(m.column) && has(plain)) {
+      style.mappings.set(vp, { ...m, column: plain });
+    }
+  }
+}
+function weightColumnFallback(style, weightFrom, table) {
+  const kept = weightFrom === null || table.has(weightFrom) ? void 0 : table.byRole("weight")?.meta.name;
+  if (kept === void 0) {
+    return;
+  }
+  for (const [vp, m] of style.mappings) {
+    if (m.column === weightFrom) {
+      style.mappings.set(vp, { ...m, column: kept });
+    }
+  }
+}
+function numericFamily(type) {
+  const t = (type ?? "").toLowerCase().replace(/^list_of_/, "").replace(/^java\.lang\./, "");
+  if (t === "integer" || t === "long" || t === "int" || t === "short") {
+    return "integral";
+  }
+  if (t === "double" || t === "float" || t === "real") {
+    return "floating";
+  }
+  return null;
+}
+function dropMismatchedKeys(style, typeOf2, notes, target) {
+  for (const [vp, m] of style.mappings) {
+    if (m.kind !== "discrete" || m.table.length === 0) {
+      continue;
+    }
+    const key = numericFamily(m.type);
+    const column = numericFamily(typeOf2(m.column));
+    if (key !== null && column !== null && key !== column) {
+      style.mappings.set(vp, { ...m, table: [] });
+      notes.add(STYLE_ISSUE.BAD_MAPPING, target, m.column, {
+        sample: `${vp}: ${key} keys on a ${column} column`
+      });
+    }
+  }
+}
 const NUMERIC_TYPES = /* @__PURE__ */ new Set(["integer", "long", "double", "float", "int", "short"]);
 const DECIMAL = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][+-]?\d+)?$/;
 function typedKey(raw, type) {
@@ -297,6 +348,7 @@ function cytoscapeStyleFromCx2(visualProperties, visualEditorProperties, notes)
   }
   style.node.dependencies.set("nodeSizeLocked", own(editor, "nodeSizeLocked") === true);
   style.edge.dependencies.set("arrowColorMatchesEdge", own(editor, "arrowColorMatchesEdge") === true);
+  style.node.dependencies.set("nodeCustomGraphicsSizeSync", own(editor, "nodeCustomGraphicsSizeSync") !== false);
   for (const [target, key] of [
     ["node", "nodeMapping"],
     ["edge", "edgeMapping"]
@@ -312,6 +364,12 @@ function cytoscapeStyleFromCx2(visualProperties, visualEditorProperties, notes)
     }
   }
   lockedSizeFromWidth(style.node);
+  for (const part of [style.edge.defaults, style.edge.mappings]) {
+    if (part.has("EDGE_CONTROL_POINTS") && !part.has("EDGE_BEND")) {
+      part.set("EDGE_BEND", part.get("EDGE_CONTROL_POINTS"));
+    }
+  }
+  style.edge.bypassAliases.set("EDGE_CONTROL_POINTS", "EDGE_BEND");
   return style;
 }
 function lockedSizeFromWidth(node) {
@@ -346,6 +404,22 @@ function enumOut(table, near, upper, cytoscape = /* @__PURE__ */ new Set()) {
     return Object.hasOwn(near, s) ? near[s] : Object.values(table)[0];
   };
 }
+const BORDER_POSITION = "borderPosition";
+const FIXED = {
+  node: /* @__PURE__ */ new Map([
+    [BORDER_POSITION, "inside"],
+    ["borderWaveAmplitude", 10],
+    ["borderWavePeriod", 20],
+    ["labelPadding", 0],
+    ["labelLineHeight", 1]
+  ]),
+  edge: /* @__PURE__ */ new Map([
+    ["waveAmplitude", 10],
+    ["wavePeriod", 20],
+    ["labelPadding", 0],
+    ["labelLineHeight", 1]
+  ])
+};
 const DESKTOP_SHAPES = {
   ellipse: "ELLIPSE",
   rectangle: "RECTANGLE",
@@ -382,7 +456,6 @@ const NEAR_LINES = { "dash-dot": "dashed", "long-dash": "dashed", zigzag: "solid
 const DESKTOP_ARROWS = {
   none: "NONE",
   triangle: "DELTA",
-  vee: "ARROW",
   tee: "T",
   diamond: "DIAMOND",
   circle: "CIRCLE",
@@ -390,7 +463,9 @@ const DESKTOP_ARROWS = {
   "triangle-open": "OPEN_DELTA",
   "diamond-open": "OPEN_DIAMOND",
   "circle-open": "OPEN_CIRCLE",
-  half: "HALF_TOP"
+  half: "HALF_TOP",
+  "other:cross-delta": "CROSS_DELTA",
+  "other:cross-open-delta": "CROSS_OPEN_DELTA"
 };
 const CX2_ARROWS = {
   none: "none",
@@ -403,10 +478,14 @@ const CX2_ARROWS = {
   "triangle-open": "open-triangle",
   "diamond-open": "open-diamond",
   "circle-open": "open-circle",
-  half: "half-top"
+  half: "half-top",
+  // as Cytoscape 3.10.5 writes CROSS_DELTA and CROSS_OPEN_DELTA in CX2
+  "other:cross-delta": "triangle-cross",
+  "other:cross-open-delta": "cross_open_delta"
 };
 const NEAR_ARROWS = { crow: "vee", inverted: "triangle" };
-const CY_OTHER_ARROWS = /* @__PURE__ */ new Set(["open-square", "open-half-circle", "half-circle"]);
+const DESKTOP_NEAR_ARROWS = { crow: "ARROW", inverted: "DELTA", vee: "ARROW" };
+const CY_OTHER_ARROWS = /* @__PURE__ */ new Set(["open-square", "open-half-circle", "half-circle", "half-bottom"]);
 const CY_OTHER_LINES = /* @__PURE__ */ new Set([
   "backward-slash",
   "forward-slash",
@@ -415,30 +494,49 @@ const CY_OTHER_LINES = /* @__PURE__ */ new Set([
   "contiguous-arrow"
 ]);
 const CY_OTHER_BORDERS = /* @__PURE__ */ new Set([...CY_OTHER_LINES, "zigzag", "sinewave"]);
-const DESKTOP_POSITIONS = {
-  center: "C,C,c,0.00,0.00",
-  top: "N,S,c,0.00,0.00",
-  bottom: "S,N,c,0.00,0.00",
-  left: "W,E,c,0.00,0.00",
-  right: "E,W,c,0.00,0.00",
-  "top-left": "NW,SE,c,0.00,0.00",
-  "top-right": "NE,SW,c,0.00,0.00",
-  "bottom-left": "SW,NE,c,0.00,0.00",
-  "bottom-right": "SE,NW,c,0.00,0.00"
+const POSITION_ANCHORS = {
+  center: ["C", "C"],
+  top: ["N", "S"],
+  bottom: ["S", "N"],
+  left: ["W", "E"],
+  right: ["E", "W"],
+  "top-left": ["NW", "SE"],
+  "top-right": ["NE", "SW"],
+  "bottom-left": ["SW", "NE"],
+  "bottom-right": ["SE", "NW"],
+  "inside-top": ["N", "N"],
+  "inside-bottom": ["S", "S"],
+  "inside-left": ["W", "W"],
+  "inside-right": ["E", "E"],
+  "inside-top-left": ["NW", "NW"],
+  "inside-top-right": ["NE", "NE"],
+  "inside-bottom-left": ["SW", "SW"],
+  "inside-bottom-right": ["SE", "SE"]
 };
-const CX2_ANCHORS = {
-  center: ["center", "center"],
-  top: ["center", "top"],
-  bottom: ["center", "bottom"],
-  left: ["left", "center"],
-  right: ["right", "center"],
-  "top-left": ["left", "top"],
-  "top-right": ["right", "top"],
-  "bottom-left": ["left", "bottom"],
-  "bottom-right": ["right", "bottom"]
+const DESKTOP_POSITIONS = Object.fromEntries(
+  Object.entries(POSITION_ANCHORS).map(([k, [node, label]]) => [k, `${node},${label},c,0.00,0.00`])
+);
+const CX2_WORDS = {
+  C: ["center", "center"],
+  N: ["center", "top"],
+  S: ["center", "bottom"],
+  W: ["left", "center"],
+  E: ["right", "center"],
+  NW: ["left", "top"],
+  NE: ["right", "top"],
+  SW: ["left", "bottom"],
+  SE: ["right", "bottom"]
 };
 const desktopNumber = String;
 const cx2Number = (v) => v;
+function whole(write) {
+  return (v, approx) => {
+    if (typeof v === "number" && !Number.isInteger(v)) {
+      approx();
+    }
+    return write(v, approx);
+  };
+}
 const textOut = String;
 const desktopBool = (v) => String(v === true);
 const opacity255 = (v, approx) => {
@@ -454,6 +552,7 @@ const WRITERS = {
       ["fill", { vp: "NODE_FILL_COLOR", write: colorOut }],
       ["fillOpacity", { vp: "NODE_TRANSPARENCY", write: opacity255 }],
       ["borderColor", { vp: "NODE_BORDER_PAINT", write: colorOut }],
+      ["borderOpacity", { vp: "NODE_BORDER_TRANSPARENCY", write: opacity255 }],
       ["borderWidth", { vp: "NODE_BORDER_WIDTH", write: desktopNumber }],
       [
         "borderStyle",
@@ -467,8 +566,10 @@ const WRITERS = {
       ["height", { vp: "NODE_HEIGHT", write: desktopNumber }],
       ["label", { vp: "NODE_LABEL", write: textOut }],
       ["labelColor", { vp: "NODE_LABEL_COLOR", write: colorOut }],
-      ["labelSize", { vp: "NODE_LABEL_FONT_SIZE", write: desktopNumber }],
+      ["labelSize", { vp: "NODE_LABEL_FONT_SIZE", write: whole(desktopNumber) }],
+      ["labelWrapWidth", { vp: "NODE_LABEL_WIDTH", write: desktopNumber }],
       ["labelPosition", { vp: "NODE_LABEL_POSITION", write: enumOut(DESKTOP_POSITIONS, {}, false) }],
+      ["labelRotation", { vp: "NODE_LABEL_ROTATION", write: desktopNumber }],
       ["tooltip", { vp: "NODE_TOOLTIP", write: textOut }],
       ["visible", { vp: "NODE_VISIBLE", write: desktopBool }]
     ]),
@@ -487,14 +588,14 @@ const WRITERS = {
         "sourceArrow",
         {
           vp: "EDGE_SOURCE_ARROW_SHAPE",
-          write: enumOut(DESKTOP_ARROWS, nearIn(DESKTOP_ARROWS, NEAR_ARROWS), true, CY_OTHER_ARROWS)
+          write: enumOut(DESKTOP_ARROWS, DESKTOP_NEAR_ARROWS, true, CY_OTHER_ARROWS)
         }
       ],
       [
         "targetArrow",
         {
           vp: "EDGE_TARGET_ARROW_SHAPE",
-          write: enumOut(DESKTOP_ARROWS, nearIn(DESKTOP_ARROWS, NEAR_ARROWS), true, CY_OTHER_ARROWS)
+          write: enumOut(DESKTOP_ARROWS, DESKTOP_NEAR_ARROWS, true, CY_OTHER_ARROWS)
         }
       ],
       ["sourceArrowColor", { vp: "EDGE_SOURCE_ARROW_UNSELECTED_PAINT", write: colorOut }],
@@ -502,7 +603,7 @@ const WRITERS = {
       ["curved", { vp: "EDGE_CURVED", write: desktopBool }],
       ["label", { vp: "EDGE_LABEL", write: textOut }],
       ["labelColor", { vp: "EDGE_LABEL_COLOR", write: colorOut }],
-      ["labelSize", { vp: "EDGE_LABEL_FONT_SIZE", write: desktopNumber }],
+      ["labelSize", { vp: "EDGE_LABEL_FONT_SIZE", write: whole(desktopNumber) }],
       ["tooltip", { vp: "EDGE_TOOLTIP", write: textOut }],
       ["visible", { vp: "EDGE_VISIBLE", write: desktopBool }]
     ])
@@ -512,6 +613,7 @@ const WRITERS = {
       ["fill", { vp: "NODE_BACKGROUND_COLOR", write: colorOut }],
       ["fillOpacity", { vp: "NODE_BACKGROUND_OPACITY", write: cx2Number }],
       ["borderColor", { vp: "NODE_BORDER_COLOR", write: colorOut }],
+      ["borderOpacity", { vp: "NODE_BORDER_OPACITY", write: cx2Number }],
       ["borderWidth", { vp: "NODE_BORDER_WIDTH", write: cx2Number }],
       [
         "borderStyle",
@@ -531,8 +633,10 @@ const WRITERS = {
       ["height", { vp: "NODE_HEIGHT", write: cx2Number }],
       ["label", { vp: "NODE_LABEL", write: textOut }],
       ["labelColor", { vp: "NODE_LABEL_COLOR", write: colorOut }],
-      ["labelSize", { vp: "NODE_LABEL_FONT_SIZE", write: cx2Number }],
+      ["labelSize", { vp: "NODE_LABEL_FONT_SIZE", write: whole(cx2Number) }],
+      ["labelWrapWidth", { vp: "NODE_LABEL_MAX_WIDTH", write: cx2Number }],
       ["labelPosition", { vp: "NODE_LABEL_POSITION", write: cx2Position }],
+      ["labelRotation", { vp: "NODE_LABEL_ROTATION", write: cx2Number }],
       ["visible", { vp: "NODE_VISIBILITY", write: (v) => v === true ? "element" : "none" }]
     ]),
     edge: /* @__PURE__ */ new Map([
@@ -565,16 +669,18 @@ const WRITERS = {
       ["curved", { vp: "EDGE_CURVED", write: (v) => v === true }],
       ["label", { vp: "EDGE_LABEL", write: textOut }],
       ["labelColor", { vp: "EDGE_LABEL_COLOR", write: colorOut }],
-      ["labelSize", { vp: "EDGE_LABEL_FONT_SIZE", write: cx2Number }],
+      ["labelSize", { vp: "EDGE_LABEL_FONT_SIZE", write: whole(cx2Number) }],
       ["visible", { vp: "EDGE_VISIBILITY", write: (v) => v === true ? "element" : "none" }]
     ])
   }
 };
 function cx2Position(v) {
-  const [h, vert] = Object.hasOwn(CX2_ANCHORS, String(v)) ? CX2_ANCHORS[String(v)] : ["center", "center"];
+  const [node, label] = Object.hasOwn(POSITION_ANCHORS, String(v)) ? POSITION_ANCHORS[String(v)] : ["C", "C"];
+  const [h, vert] = CX2_WORDS[node];
+  const [ha, va] = CX2_WORDS[label];
   return {
-    HORIZONTAL_ALIGN: "center",
-    VERTICAL_ALIGN: "center",
+    HORIZONTAL_ALIGN: ha,
+    VERTICAL_ALIGN: va,
     HORIZONTAL_ANCHOR: h,
     VERTICAL_ANCHOR: vert,
     MARGIN_X: 0,
@@ -585,9 +691,10 @@ function cx2Position(v) {
 const FONT_PROPS = ["labelFont", "labelWeight", "labelItalic"];
 const FONT_VP = { node: "NODE_LABEL_FONT_FACE", edge: "EDGE_LABEL_FONT_FACE" };
 const CSS_TO_JAVA = {
-  "sans-serif": "SansSerif",
-  serif: "Serif",
-  monospace: "Monospaced"
+  // the families the reader gives Java's logical fonts
+  [JAVA_SANS]: "SansSerif",
+  [JAVA_SERIF]: "Serif",
+  [JAVA_MONO]: "Monospaced"
 };
 function fontOut(dialect, family, weight, italic, approx) {
   const bold = weight === "bold";
@@ -600,11 +707,14 @@ function fontOut(dialect, family, weight, italic, approx) {
     return { FONT_FAMILY: fam, FONT_STYLE: it ? "italic" : "normal", FONT_WEIGHT: bold ? "bold" : "normal" };
   }
   const first = fam.includes(",") ? fam.split(",")[0].trim() : fam;
-  const java = Object.hasOwn(CSS_TO_JAVA, first) ? CSS_TO_JAVA[first] : first;
+  const asWritten = Object.hasOwn(CSS_TO_JAVA, first) ? CSS_TO_JAVA[first] : first;
+  const java = Object.hasOwn(CSS_TO_JAVA, fam) ? CSS_TO_JAVA[fam] : asWritten;
   if (fontReadsAs(java) !== fam) {
     approx();
   }
-  return `${java},${javaFontStyle(bold, it)},12`;
+  const style = javaFontStyle(bold, it);
+  const face = style === "plain" ? java : `${java}.${style}`;
+  return `${face},${bold ? "bold" : "plain"},12`;
 }
 function javaFontStyle(bold, italic) {
   if (!bold && !italic) {
@@ -613,8 +723,7 @@ function javaFontStyle(bold, italic) {
   return (bold ? "bold" : "") + (italic ? "italic" : "");
 }
 function fontReadsAs(name) {
-  const family = name.replace(/\.(?:bold|italic|plain|bolditalic)$/i, "");
-  return JAVA_FONTS.get(family.toLowerCase()) ?? family;
+  return javaFamily(name.replace(/\.(?:bold|italic|plain|bolditalic)$/i, ""));
 }
 function defaultColumnName(target, ref) {
   if ("style" in ref) {
@@ -672,11 +781,27 @@ function targetEmit(target, extracted, snapshot, options, notes) {
     }
   };
 }
+const DRAWN_SO = /* @__PURE__ */ new Map([
+  // it measures each word with a space after it when it wraps a label
+  ["labelWrapTrailingSpace", true],
+  // it curves an edge through its bends' midpoints
+  ["bendCurve", "midpoints"]
+]);
+function drawnSo(p, values) {
+  const way = DRAWN_SO.get(p);
+  return way !== void 0 && values.every((v) => v === null || v === way);
+}
 function emitTarget(e, style, bypasses, columns) {
   const { target, notes, truth } = e;
   const writers = WRITERS[e.options.dialect][target];
   for (const [p, values] of truth) {
-    if (!writers.has(p) && !FONT_PROPS.includes(p)) {
+    const fixed = FIXED[target].get(p);
+    if (fixed !== void 0) {
+      const other = values.filter((v) => v !== null && v !== fixed).length;
+      if (other > 0) {
+        notes.add(STYLE_ISSUE.APPROXIMATED, target, p, { count: other });
+      }
+    } else if (!writers.has(p) && !FONT_PROPS.includes(p) && !drawnSo(p, values)) {
       const count = values.filter((v) => v !== null).length;
       notes.add(STYLE_ISSUE.NOT_WRITTEN, target, p, { count: Math.max(count, 1) });
     }
@@ -747,15 +872,30 @@ function addBypasses(e, model, writers, bypasses) {
       continue;
     }
     const drawn = resolveRules(modelRules, target, p, e.src);
+    const step = drawnStep(model.map.get(p), w.vp, STYLE_PROPERTIES[target].get(p));
+    let rounded = 0;
     for (let i = 0; i < e.n; i++) {
       const v = want[i];
       if (v !== null && v !== drawn[i]) {
         bypasses[i] ??= /* @__PURE__ */ new Map();
         bypasses[i]?.set(w.vp, w.write(v, e.approx(p)));
+      } else if (offStep(v, step)) {
+        rounded++;
       }
     }
+    if (rounded > 0) {
+      e.notes.add(STYLE_ISSUE.APPROXIMATED, target, p, { count: rounded });
+    }
   }
 }
+function drawnStep(m, vp, kind) {
+  const ramp = m?.kind === "continuous" && m.step === void 0;
+  const passthrough = m?.kind === "passthrough" && PASSTHROUGH_SAFE.has(kind ?? "");
+  return ramp || passthrough ? vpStep(vp) : void 0;
+}
+function offStep(v, step) {
+  return step !== void 0 && typeof v === "number" && num6(Math.round(v / step) * step) !== v;
+}
 function buildModel(target, rules, writers, notes, carrying) {
   const model = { set: /* @__PURE__ */ new Map(), map: /* @__PURE__ */ new Map(), mappedBy: /* @__PURE__ */ new Map() };
   const flatten = (p, id) => {
@@ -814,7 +954,11 @@ function cytoscapeMapping(e, p, m, w, columns) {
     return {
       kind: "discrete",
       column,
-      type: typeOf(m.table.map(([k]) => k)),
+      type: keyType(
+        e,
+        m.by,
+        m.table.map(([k]) => k)
+      ),
       table: m.table.map(([k, v]) => [k, write(v)])
     };
   }
@@ -864,7 +1008,16 @@ function passthroughMapping(e, p, by, column, write) {
     }
   }
   const table = Array.from(seen);
-  return { kind: "discrete", column, type: typeOf(table.map(([k]) => k)), table };
+  return {
+    kind: "discrete",
+    column,
+    type: keyType(
+      e,
+      by,
+      table.map(([k]) => k)
+    ),
+    table
+  };
 }
 function cx2Points(m, approx) {
   let changed = false;
@@ -884,6 +1037,18 @@ function cx2Points(m, approx) {
 function isScalar(v) {
   return typeof v === "string" || typeof v === "boolean" || typeof v === "number" && Number.isFinite(v);
 }
+function keyType(e, by, keys) {
+  const type = typeOf(keys);
+  if (type !== "integer") {
+    return type;
+  }
+  if (!("data" in by)) {
+    return "double";
+  }
+  const meta = (e.target === "node" ? e.snapshot.nodes : e.snapshot.edges).get(by.data)?.meta;
+  const floating = (meta?.dtype === "f32" || meta?.dtype === "f64") && meta.origin?.type !== "long";
+  return floating ? "double" : type;
+}
 function typeOf(values) {
   let numbers = 0;
   let integers = 0;
@@ -1086,7 +1251,12 @@ function mappingXml(m) {
   ];
 }
 function cytoscapeWritableProperties(target, dialect) {
-  return [...WRITERS[dialect][target].keys(), ...FONT_PROPS];
+  return [
+    ...WRITERS[dialect][target].keys(),
+    ...FONT_PROPS,
+    ...FIXED[target].keys(),
+    ...target === "node" ? ["labelWrapTrailingSpace"] : ["bendCurve"]
+  ];
 }
 function cytoscapeElementProperties(target, value, dialect, approx) {
   const out = /* @__PURE__ */ new Map();
@@ -1112,7 +1282,396 @@ function cytoscapeElementProperties(target, value, dialect, approx) {
   }
   return out;
 }
+const CHART_ACROSS = 0.9;
+const RING_HOLE = 0.4;
+const SLOTS = Array.from({ length: 9 }, (_, k) => `NODE_CUSTOMGRAPHICS_${String(k + 1)}`);
+const CHART_CLASS = /^org\.cytoscape\.(PieChart|RingChart|BarChart|LineChart|BoxChart|HeatMapChart)$/;
+function chartOf(raw) {
+  if (typeof raw === "object" && raw !== null && !Array.isArray(raw)) {
+    const o = raw;
+    const kind2 = CHART_CLASS.exec(typeof o.name === "string" ? o.name : "")?.[1];
+    return kind2 !== void 0 && typeof o.properties === "object" && o.properties !== null ? { kind: kind2, ring: kind2 === "RingChart", options: o.properties } : null;
+  }
+  if (typeof raw !== "string") {
+    return null;
+  }
+  const m = /^(org\.cytoscape\.\w+):(\{.*\})\s*$/s.exec(raw.trim());
+  const kind = m === null ? void 0 : CHART_CLASS.exec(m[1])?.[1];
+  if (m === null || kind === void 0) {
+    return null;
+  }
+  try {
+    const options = JSON.parse(m[2]);
+    return typeof options === "object" && options !== null ? { kind, ring: kind === "RingChart", options } : null;
+  } catch {
+    return null;
+  }
+}
+const ANCHORS = {
+  C: [0, 0],
+  N: [0, -1],
+  NE: [1, -1],
+  E: [1, 0],
+  SE: [1, 1],
+  S: [0, 1],
+  SW: [-1, 1],
+  W: [-1, 0],
+  NW: [-1, -1]
+};
+function positionOf(raw) {
+  let parts;
+  if (typeof raw === "string") {
+    const p = raw.split(",");
+    parts = [p[0], p[1], p[3], p[4]];
+  } else if (typeof raw === "object" && raw !== null) {
+    const o = raw;
+    parts = [o.ENTITY_ANCHOR, o.GRAPHICS_ANCHOR, o.MARGIN_X, o.MARGIN_Y];
+  } else {
+    return null;
+  }
+  const anchor = (v) => typeof v === "string" ? ANCHORS[v.trim().toUpperCase()] : void 0;
+  const [node, chart] = [anchor(parts[0]), anchor(parts[1])];
+  const [x, y] = [Number(parts[2] ?? 0), Number(parts[3] ?? 0)];
+  return node === void 0 || chart === void 0 ? null : { node, chart, x: Number.isFinite(x) ? x : 0, y: Number.isFinite(y) ? y : 0 };
+}
+function valuesOf(columns, value) {
+  const first = columns.length === 1 ? value(columns[0]) : void 0;
+  const raw = Array.isArray(first) ? first : columns.map((c) => value(c));
+  return raw.map((v) => typeof v === "number" ? v : Number(v));
+}
+function readCytoscapeCharts(out, n, graphicOf, value, sizeSync) {
+  const col = (property) => {
+    const existing = out[property];
+    if (existing !== void 0) {
+      return existing;
+    }
+    const fresh = new Array(n).fill(null);
+    out[property] = fresh;
+    return fresh;
+  };
+  for (let i = 0; i < n; i++) {
+    const slot = SLOTS.findIndex((vp) => chartOf(graphicOf(vp, i)) !== null);
+    const chart = slot < 0 ? null : chartOf(graphicOf(SLOTS[slot], i));
+    if (chart === null) {
+      continue;
+    }
+    const [w, h] = [out.width?.[i], out.height?.[i]];
+    chartOnNode(
+      chart,
+      {
+        put: (property, v) => {
+          col(property)[i] = v;
+        },
+        get: (property) => out[property]?.[i],
+        graphic: (name) => graphicOf(`${name}_${String(slot + 1)}`, i),
+        value: (column) => value(column, i),
+        w: typeof w === "number" ? w : null,
+        h: typeof h === "number" ? h : null
+      },
+      sizeSync
+    );
+  }
+}
+function shorterSide(node) {
+  return node.w !== null && node.h !== null ? Math.min(node.w, node.h) : null;
+}
+function chartOnNode(chart, node, sizeSync) {
+  const { options } = chart;
+  const colors = Array.isArray(options.cy_colors) ? options.cy_colors.map(String) : [];
+  const columns = Array.isArray(options.cy_dataColumns) ? options.cy_dataColumns.map(String) : [];
+  const values = valuesOf(columns, node.value);
+  if (chart.kind === "PieChart" || chart.kind === "RingChart") {
+    pieOnNode(chart.ring, options, values, colors, node, sizeSync);
+    return;
+  }
+  const own2 = Number(node.graphic("NODE_CUSTOMGRAPHICS_SIZE"));
+  const side = shorterSide(node);
+  const ownSize = own2 > 0;
+  const fitted = sizeSync || !ownSize;
+  const box = side === null ? null : { disc: CHART_ACROSS * (fitted ? side : own2), side };
+  for (const [property, v] of Object.entries(plotChart(chart.kind, options, values, colors, box))) {
+    node.put(property, v);
+  }
+}
+function pieSlices(values, colors) {
+  const total = values.reduce((sum, v) => sum + (Number.isFinite(v) && v > 0 ? v : 0), 0);
+  return values.flatMap(
+    (v, k) => Number.isFinite(v) && v > 0 && colors[k] !== void 0 ? [{ color: colors[k].toLowerCase(), size: v / total }] : []
+  );
+}
+function pieOnNode(ring, options, values, colors, node, sizeSync) {
+  const slices = pieSlices(values, colors);
+  if (slices.length === 0) {
+    return;
+  }
+  const start = Number(options.cy_startAngle ?? 0);
+  const from = Number.isFinite(start) ? start : 0;
+  const reversed = [...slices].reverse();
+  node.put("pieColors", reversed.map((s) => s.color).join(" "));
+  node.put("pieSizes", reversed.map((s) => String(num6(s.size))).join(" "));
+  const own2 = Number(node.graphic("NODE_CUSTOMGRAPHICS_SIZE"));
+  const side = shorterSide(node);
+  const ownSize = own2 > 0;
+  const fitted = sizeSync || !ownSize || side === null || side <= 0;
+  node.put("pieRadius", fitted ? CHART_ACROSS : num6(CHART_ACROSS * own2 / side));
+  pieOffset(node, fitted, own2);
+  node.put("pieRotation", num6(((90 - from) % 360 + 360) % 360));
+  const texts = pieItemLabels(options, values, colors, node.value, {
+    start: from,
+    radius: CHART_ACROSS * (fitted || side === null ? 1 : own2 / side) * (side ?? 0) / 2,
+    dx: Number(node.get("pieOffsetX") ?? 0),
+    dy: Number(node.get("pieOffsetY") ?? 0),
+    w: node.w,
+    h: node.h
+  });
+  if (texts !== null && (node.get("shapeTexts") ?? null) === null) {
+    node.put("shapeTexts", texts);
+  }
+  if (ring) {
+    const hole = Number(options.cy_holeSize ?? RING_HOLE);
+    node.put("pieHole", Number.isFinite(hole) ? Math.max(0, Math.min(1, hole)) : RING_HOLE);
+  }
+}
+function pieOffset(node, fitted, own2) {
+  const at = positionOf(node.graphic("NODE_CUSTOMGRAPHICS_POSITION"));
+  const { w, h } = node;
+  if (at === null || w === null || h === null) {
+    return;
+  }
+  const disc = CHART_ACROSS * (fitted ? Math.min(w, h) : own2);
+  const dx = at.node[0] * disc / 2 - at.chart[0] * w / 2 + at.x;
+  const dy = at.node[1] * disc / 2 - at.chart[1] * h / 2 + at.y;
+  if (dx !== 0 || dy !== 0) {
+    node.put("pieOffsetX", num6(dx));
+    node.put("pieOffsetY", num6(dy));
+  }
+}
+const ITEM_LABEL_RADIUS = 0.62;
+const ITEM_LABEL_FONT_SIZE = 1;
+const CHART_LABEL_COLOR = "#404040";
+function itemLabelsOf(options, value) {
+  if (options.cy_showItemLabels !== true) {
+    return null;
+  }
+  const column = typeof options.cy_itemLabelsColumn === "string" ? value(options.cy_itemLabelsColumn) : void 0;
+  const list = Array.isArray(column) ? column : options.cy_itemLabels;
+  return Array.isArray(list) ? list.map((v) => v === null || v === void 0 ? "" : String(v)) : null;
+}
+function pieItemLabels(options, values, colors, value, at) {
+  const labels = itemLabelsOf(options, value);
+  const { w, h } = at;
+  if (labels === null || w === null || h === null) {
+    return null;
+  }
+  const drawn = w > 0 && h > 0 && at.radius > 0;
+  if (!drawn) {
+    return null;
+  }
+  const shown = values.map((v, k) => Number.isFinite(v) && v > 0 && colors[k] !== void 0);
+  const total = values.reduce((sum, v, k) => sum + (shown[k] ? v : 0), 0);
+  const size = Number(options.cy_itemLabelFontSize ?? ITEM_LABEL_FONT_SIZE);
+  const texts = [];
+  let from = at.start;
+  values.forEach((v, k) => {
+    if (!shown[k]) {
+      return;
+    }
+    const sweep = 360 * v / total;
+    const mid = (from + sweep / 2) * Math.PI / 180;
+    from += sweep;
+    const text = labels[k] ?? "";
+    if (text === "") {
+      return;
+    }
+    const x = at.dx + ITEM_LABEL_RADIUS * at.radius * Math.cos(mid);
+    const y = -at.dy + ITEM_LABEL_RADIUS * at.radius * Math.sin(mid);
+    texts.push([
+      num6(x / (w / 2)),
+      num6(y / (h / 2)),
+      text,
+      {
+        size: num6((Number.isFinite(size) && size > 0 ? size : ITEM_LABEL_FONT_SIZE) / h),
+        color: CHART_LABEL_COLOR
+      }
+    ]);
+  });
+  return texts.length === 0 ? null : JSON.stringify(texts);
+}
+const CHART_UNIT = 0.5;
+const CHART_INSET = 0.9;
+const PLOT_INSET = 1;
+const HEAT_MAP_INSET = 2;
+const BAR_OUTLINE = { color: "#404040", width: 0.25 };
+const BAR_MARGIN = 0.025;
+const LINE_MARGIN = -0.0125;
+const RANGE_HEADROOM = 0.1;
+function mix(a, b, t) {
+  const rgb = (c) => [1, 3, 5].map((k) => Number.parseInt(c.slice(k, k + 2), 16));
+  const [x, y] = [rgb(a), rgb(b)];
+  if ([...x, ...y].some((v) => !Number.isFinite(v))) {
+    return a;
+  }
+  const u = Math.max(0, Math.min(1, t));
+  return `#${x.map(
+    (v, k) => Math.round(v + (y[k] - v) * u).toString(16).padStart(2, "0")
+  ).join("")}`;
+}
+function scaleColor(colors, v, range) {
+  const [up, zero, down] = [colors[0], colors[1] ?? colors[0], colors[2] ?? colors[0]];
+  if (v >= 0) {
+    return mix(zero, up, range[1] > 0 ? v / range[1] : 0);
+  }
+  return mix(zero, down, range[0] < 0 ? v / range[0] : 0);
+}
+function boxStats(values) {
+  const v = [...values].sort((a, b) => a - b);
+  const median = (list) => {
+    const m = list.length / 2;
+    return list.length % 2 === 1 ? list[Math.floor(m)] : (list[m - 1] + list[m]) / 2;
+  };
+  const half = Math.ceil(v.length / 2);
+  const [q1, q3] = [median(v.slice(0, half)), median(v.slice(v.length - half))];
+  const reach = 1.5 * (q3 - q1);
+  const inside = v.filter((x) => x >= q1 - reach && x <= q3 + reach);
+  return [inside[0], q1, median(v), q3, inside.at(-1) ?? q3];
+}
+function plotSize(kind, box) {
+  const sized = box !== null && box.side > 0;
+  if (!sized) {
+    return {};
+  }
+  const inset = CHART_INSET + (kind === "HeatMapChart" ? HEAT_MAP_INSET : PLOT_INSET);
+  return { chartSize: num6(Math.max(0, box.disc - inset) / box.side) };
+}
+function chartOutline(options) {
+  const color = typeof options.cy_borderColor === "string" ? options.cy_borderColor : BAR_OUTLINE.color;
+  return {
+    chartBorderColor: color.toLowerCase(),
+    chartBorderWidth: num6(CHART_UNIT * (Number(options.cy_borderWidth ?? BAR_OUTLINE.width) || 0))
+  };
+}
+function barChart(options, finite, colors, range, horizontal) {
+  const type = typeof options.cy_type === "string" ? options.cy_type : "GROUPED";
+  const stacked = type === "STACKED";
+  return {
+    chartKind: stacked ? "stacked-bar" : "bar",
+    chartValues: finite.join(" "),
+    chartColors: finite.map((v, k) => barColor(type, colors, v, k, range)).join(" "),
+    chartMin: range[0],
+    chartMax: range[1],
+    // Cytoscape lays a stacked bar's values across the node when its orientation says up
+    chartHorizontal: stacked ? !horizontal : horizontal,
+    chartMargin: BAR_MARGIN,
+    chartGap: num6(Math.max(0, Math.min(1, Number(options.cy_separation ?? 0) || 0)))
+  };
+}
+function barColor(type, colors, v, k, range) {
+  if (type === "HEAT_STRIPS") {
+    return scaleColor(colors, v, range);
+  }
+  if (type === "UP_DOWN") {
+    return colors[v >= 0 ? 0 : colors.length - 1].toLowerCase();
+  }
+  return colors[Math.min(k, colors.length - 1)].toLowerCase();
+}
+function plotChart(kind, options, values, colors, box) {
+  const finite = values.filter((v) => Number.isFinite(v));
+  if (finite.length === 0 || colors.length === 0) {
+    return {};
+  }
+  const given = Array.isArray(options.cy_range) ? options.cy_range.map(Number) : [];
+  const global = options.cy_globalRange !== false && given.length === 2 && given.every((v) => Number.isFinite(v));
+  const auto = [Math.min(0, ...finite), Math.max(0, ...finite)];
+  auto[1] += RANGE_HEADROOM * (auto[1] - auto[0]);
+  const range = global ? [given[0], given[1]] : auto;
+  const horizontal = options.cy_orientation === "HORIZONTAL";
+  const out = plotSize(kind, box);
+  const outline = chartOutline(options);
+  switch (kind) {
+    case "BarChart":
+      Object.assign(out, outline, barChart(options, finite, colors, range, horizontal));
+      break;
+    case "LineChart":
+      Object.assign(out, {
+        chartKind: "line",
+        chartValues: finite.join(" "),
+        chartColors: colors[0].toLowerCase(),
+        chartMin: range[0],
+        chartMax: num6(range[1] + (global ? RANGE_HEADROOM * (range[1] - range[0]) : 0)),
+        chartMargin: LINE_MARGIN,
+        chartLineWidth: num6(CHART_UNIT * (Number(options.cy_lineWidth ?? 1) || 0))
+      });
+      break;
+    case "BoxChart":
+      Object.assign(out, outline, {
+        chartKind: "box",
+        chartValues: boxStats(finite).map(num6).join(" "),
+        chartColors: `${colors[0].toLowerCase()} #000000`,
+        chartMin: range[0],
+        chartMax: range[1],
+        chartHorizontal: horizontal,
+        chartMargin: BAR_MARGIN,
+        chartLineWidth: num6(CHART_UNIT * BAR_OUTLINE.width)
+      });
+      break;
+    case "HeatMapChart": {
+      const cells = horizontal ? [...finite].reverse() : finite;
+      Object.assign(out, {
+        chartKind: "cells",
+        chartValues: cells.join(" "),
+        chartColors: cells.map((v) => scaleColor(colors, v, range)).join(" "),
+        chartHorizontal: !horizontal
+      });
+      break;
+    }
+  }
+  return out;
+}
+const EDGE_STACKING_DENSITY_VP = "EDGE_STACKING_DENSITY";
+const EDGE_STACKING_VP = "EDGE_STACKING";
+const AUTOROTATE_VP = "EDGE_LABEL_AUTOROTATE";
+function withoutKey(m, key) {
+  return new Map([...m].filter(([k]) => k !== key));
+}
+const EDGE_STACKING_DENSITY_DEFAULT = 0.5;
+function edgeEnds(snapshot, nodes) {
+  const nodeSize = Array.from({ length: snapshot.nodeCount }, (_, i) => {
+    const sides = [nodes.width?.[i], nodes.height?.[i]].filter((v) => typeof v === "number");
+    return sides.length === 0 ? null : Math.max(...sides);
+  });
+  const nodeBox = Array.from({ length: snapshot.nodeCount }, (_, i) => {
+    const [w, h, b] = [nodes.width?.[i], nodes.height?.[i], nodes.borderWidth?.[i]];
+    return typeof w === "number" && typeof h === "number" ? [w, h, typeof b === "number" ? b : 0] : null;
+  });
+  const position = snapshot.nodes.byRole("position");
+  const down = position?.meta.extra?.yAxis === "down";
+  const nodeAt = Array.from({ length: snapshot.nodeCount }, (_, i) => {
+    const v = position?.isSet(i) === true ? position.value(i) : null;
+    return v === null ? null : [v[0], down ? v[1] : -v[1]];
+  });
+  const { src, dst } = snapshot.edgeList();
+  return { source: src, target: dst, nodeSize, nodeBox, nodeAt };
+}
 const NODE_SIZE_FALLBACK = 50;
+const LOCK_PARENT = /* @__PURE__ */ new Map([
+  ["NODE_FILL_COLOR", "NODE_PAINT"],
+  ["NODE_BORDER_PAINT", "NODE_PAINT"],
+  ["NODE_WIDTH", "NODE_SIZE"],
+  ["NODE_HEIGHT", "NODE_SIZE"],
+  ["EDGE_UNSELECTED_PAINT", "EDGE_PAINT"],
+  ["EDGE_STROKE_UNSELECTED_PAINT", "EDGE_UNSELECTED_PAINT"],
+  ["EDGE_SOURCE_ARROW_UNSELECTED_PAINT", "EDGE_UNSELECTED_PAINT"],
+  ["EDGE_TARGET_ARROW_UNSELECTED_PAINT", "EDGE_UNSELECTED_PAINT"]
+]);
+function lockedValue(b, vp) {
+  for (let p = vp; p !== void 0; p = LOCK_PARENT.get(p)) {
+    const v = b.get(p);
+    if (v !== void 0 && v !== null) {
+      return v;
+    }
+  }
+  return void 0;
+}
 function vpUsage(style, bypasses) {
   const bypassed = /* @__PURE__ */ new Set();
   for (const b of bypasses) {
@@ -1127,6 +1686,11 @@ function vpUsage(style, bypasses) {
       bypassed.add(to);
     }
   }
+  for (const [child, parent] of LOCK_PARENT) {
+    if (bypassed.has(parent)) {
+      bypassed.add(child);
+    }
+  }
   const used = /* @__PURE__ */ new Set([...style.defaults.keys(), ...style.mappings.keys(), ...bypassed]);
   return { used, bypassed };
 }
@@ -1143,7 +1707,7 @@ function chooseVps(target, style, used) {
     chosen.delete("height");
   }
   if (target === "edge" && style.dependencies.get("arrowColorMatchesEdge") === true) {
-    if (used.has("EDGE_UNSELECTED_PAINT")) {
+    if (used.has("EDGE_UNSELECTED_PAINT") || used.has("EDGE_STROKE_UNSELECTED_PAINT")) {
       chosen.set("color", ["EDGE_UNSELECTED_PAINT", colorParser]);
     }
     chosen.delete("sourceArrowColor");
@@ -1151,7 +1715,7 @@ function chooseVps(target, style, used) {
   }
   return chosen;
 }
-function parseMapping(m, parse, site) {
+function parseMapping(m, parse, site, vp) {
   switch (m.kind) {
     case "passthrough":
       return { kind: "passthrough", column: m.column };
@@ -1165,8 +1729,11 @@ function parseMapping(m, parse, site) {
       }
       return { kind: "discrete", column: m.column, table };
     }
-    default:
-      return { kind: "continuous", column: m.column, points: parsePoints(m.points, parse, site) };
+    default: {
+      const step = vpStep(vp);
+      const points = parsePoints(m.points, parse, site);
+      return { kind: "continuous", column: m.column, points, ...step === void 0 ? {} : { step } };
+    }
   }
 }
 function parsePoints(raw, parse, site) {
@@ -1202,7 +1769,7 @@ function evalMapping(m, value, parse, site) {
       return j < 0 ? null : m.table[j][1];
     }
     default:
-      return evalContinuous(m.points, numberOf(value));
+      return evalContinuous(m.points, numberOf(value), m.step);
   }
 }
 function resolver(target, style, elements, notes, budget) {
@@ -1223,7 +1790,7 @@ function resolver(target, style, elements, notes, budget) {
         return b.get(from);
       }
     }
-    return void 0;
+    return lockedValue(b, vp);
   };
   const mappingOf = (vp, parse, property) => {
     const raw = style.mappings.get(vp);
@@ -1235,7 +1802,7 @@ function resolver(target, style, elements, notes, budget) {
     if (m === void 0) {
       const entries = raw.kind === "discrete" ? raw.table.length : 0;
       budget?.spend(target, 1 + entries + (raw.kind === "continuous" ? raw.points.length : 0));
-      m = parseMapping(raw, parse, ruleSite(property));
+      m = parseMapping(raw, parse, ruleSite(property), vp);
       parsed.set(key, m);
     }
     return m;
@@ -1262,7 +1829,7 @@ function resolveCytoscape(target, style, elements, options = {}) {
   const n = elements.count;
   const { used, bypassed } = vpUsage(s, elements.bypasses ?? []);
   const chosen = chooseVps(target, s, used);
-  const { one } = resolver(target, s, elements, notes, options.budget);
+  const { one, bypass } = resolver(target, s, elements, notes, options.budget);
   const out = {};
   const column = (vp, parse, property) => {
     options.budget?.spend(target, n);
@@ -1277,24 +1844,352 @@ function resolveCytoscape(target, style, elements, options = {}) {
   }
   if (target === "node" && s.dependencies.get("nodeSizeLocked") === true) {
     const size = column(NODE_SIZE_VP, sizeParser, "width").map((v) => v ?? NODE_SIZE_FALLBACK);
-    out.width = size;
-    out.height = size.slice();
+    const own2 = (vp, property) => size.map((v, i) => {
+      const b = bypass(i, vp);
+      const parsed = b === void 0 || b === null ? null : sizeParser(b, { notes, target, property, element: i });
+      return parsed ?? v;
+    });
+    out.width = own2("NODE_WIDTH", "width");
+    out.height = own2("NODE_HEIGHT", "height");
+  }
+  labelDress(target, out, one, n, elements.ends);
+  if (target === "node") {
+    squashHexagons(out);
+    const raw = (v) => {
+      if (typeof v === "string" || typeof v === "number") {
+        return String(v);
+      }
+      return typeof v === "object" && v !== null ? JSON.stringify(v) : null;
+    };
+    readCytoscapeCharts(
+      out,
+      n,
+      (slot, i) => {
+        const v = one(slot, raw, "pieColors", i);
+        return typeof v === "string" && v.startsWith("{") ? JSON.parse(v) : v;
+      },
+      (column2, i) => elements.value(column2, i),
+      s.dependencies.get("nodeCustomGraphicsSizeSync") !== false
+    );
+  }
+  if (target === "edge" && s.dependencies.get("arrowColorMatchesEdge") === true && !used.has("EDGE_UNSELECTED_PAINT") && used.has("EDGE_STROKE_UNSELECTED_PAINT")) {
+    const paint = toolDefaults("cytoscape-fallbacks")?.edge.color?.value ?? null;
+    out.color = Array.from({ length: n }, (_, i) => one("EDGE_UNSELECTED_PAINT", colorParser, "color", i) ?? paint);
   }
   if (target === "edge" && s.dependencies.get("arrowColorMatchesEdge") === true && out.color !== void 0) {
-    out.sourceArrowColor = out.color.slice();
-    out.targetArrowColor = out.color.slice();
+    const lineVp = chosen.get("color")?.[0];
+    const unbypassed = resolver(target, s, { ...elements, bypasses: [] }, notes, options.budget).one;
+    const arrows = lineVp === "EDGE_LINE_COLOR" ? Array.from({ length: n }, (_, i) => unbypassed(lineVp, colorParser, "color", i)) : out.color;
+    out.sourceArrowColor = arrows.slice();
+    out.targetArrowColor = arrows.slice();
+    const own2 = [
+      ["color", "EDGE_STROKE_UNSELECTED_PAINT"],
+      ["sourceArrowColor", "EDGE_SOURCE_ARROW_UNSELECTED_PAINT"],
+      ["targetArrowColor", "EDGE_TARGET_ARROW_UNSELECTED_PAINT"],
+      ["sourceArrowColor", "EDGE_SOURCE_ARROW_COLOR"],
+      ["targetArrowColor", "EDGE_TARGET_ARROW_COLOR"]
+    ];
+    for (const [prop, vp] of own2) {
+      out[prop] = (out[prop] ?? []).map((v, i) => {
+        const b = bypass(i, vp);
+        const site = { notes, target, property: prop, element: i };
+        return (b === void 0 || b === null ? null : colorParser(b, site)) ?? v;
+      });
+    }
   }
   noteUncarried(target, s, used, bypassed, notes);
-  fillToolDefaults(target, out, n, options.defaults ?? null);
   if (target === "edge") {
-    straightenBendless(out, one);
+    const bends = column(EDGE_BEND_VP, bendsParser, "bends");
+    if (bends.some((v) => v !== null)) {
+      out.bends = bends;
+    }
+    const curvedAsSet = out.curved?.slice();
+    straightenBendless(out, one, n, elements.ends);
+    loopHandles(out, one, curvedAsSet, elements.ends);
+    arrowProportions(out, column);
   }
+  fillToolDefaults(target, out, n, options.defaults ?? null);
   return out;
 }
-function straightenBendless(out, one) {
-  const { curved } = out;
-  if (curved !== void 0) {
-    out.curved = curved.map((c, i) => c === true ? one(EDGE_BEND_VP, bendParser, "curved", i) === true : c);
+const rawText = (v) => {
+  if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") {
+    return String(v);
+  }
+  return typeof v === "object" && v !== null ? JSON.stringify(v) : null;
+};
+function labelDress(target, out, one, n, ends) {
+  const vp = (name) => `${target === "node" ? "NODE" : "EDGE"}_LABEL_${name}`;
+  const columns = {};
+  const put = (property, i, v) => {
+    let column = columns[property];
+    if (column === void 0) {
+      column = new Array(n).fill(null);
+      columns[property] = column;
+    }
+    column[i] = v;
+  };
+  for (let i = 0; i < n; i++) {
+    labelBox(vp, one, i, put);
+    const placed = one(vp("POSITION"), rawText, "labelPlace", i);
+    const raw = typeof placed === "string" && placed.startsWith("{") ? JSON.parse(placed) : placed;
+    const place = cytoscapeLabelPlace(raw, { notes: new StyleNotes(), target, property: "labelPosition" });
+    if (place !== null) {
+      placeLabel(target, place, i, out, put, ends);
+    }
+    if (target === "edge") {
+      autorotate(one, i, out, n, ends);
+    }
+  }
+  const kept = (property, v) => v !== null && v !== 0 && (v !== "center" || property === "labelPosition" && target === "edge");
+  for (const [property, values] of Object.entries(columns)) {
+    if (values.some((v) => kept(property, v))) {
+      out[property] = values;
+    }
+  }
+}
+function labelBox(vp, one, i, put) {
+  const shape = one(vp("BACKGROUND_SHAPE"), rawText, "labelBackgroundShape", i);
+  if (typeof shape !== "string" || shape.trim().toUpperCase() === "NONE") {
+    return;
+  }
+  put("labelBackground", i, one(vp("BACKGROUND_COLOR"), colorParser, "labelBackground", i) ?? "#b6b6b6");
+  const [t, o] = [vp("BACKGROUND_TRANSPARENCY"), vp("BACKGROUND_OPACITY")];
+  const opacity = one(t, opacityParser(t), "labelBackgroundOpacity", i) ?? one(o, opacityParser(o), "labelBackgroundOpacity", i);
+  put("labelBackgroundOpacity", i, opacity ?? 1);
+  if (shape.trim().toUpperCase().replace("-", "_") === "ROUND_RECTANGLE") {
+    const size = one(vp("FONT_SIZE"), sizeParser, "labelSize", i);
+    const defaultSize = vp("FONT_SIZE").startsWith("EDGE") ? 10 : 12;
+    put("labelCornerRadius", i, num6(LABEL_CORNER_PER_SIZE * (typeof size === "number" ? size : defaultSize)));
+  }
+}
+const LABEL_CORNER_PER_SIZE = 0.1455;
+function placeLabel(target, place, i, out, put, ends) {
+  let move;
+  if (target === "node") {
+    const [w, h] = [out.width?.[i], out.height?.[i]];
+    move = cytoscapeLabelMove(place, typeof w === "number" ? w : 0, typeof h === "number" ? h : 0);
+    put("labelPosition", i, cytoscapeLabelBase(place));
+  } else {
+    const [ax, ay] = lineEnd(ends, i, place.node[0]);
+    move = {
+      offset: [ax + place.offset[0], ay + place.offset[1]],
+      shift: [halfBack(place.label[0]), halfBack(place.label[1])]
+    };
+    put("labelPosition", i, "center");
+  }
+  put("labelOffsetX", i, num6(move.offset[0]));
+  put("labelOffsetY", i, num6(move.offset[1]));
+  put("labelShiftX", i, move.shift[0]);
+  put("labelShiftY", i, move.shift[1]);
+  put("labelTextAlign", i, place.justify);
+}
+function autorotate(one, e, out, n, ends) {
+  const on = one(AUTOROTATE_VP, rawText, "labelRotation", e);
+  const [si, ti] = [ends?.source[e], ends?.target[e]];
+  const [s, t] = [si === void 0 ? null : ends?.nodeAt?.[si], ti === void 0 ? null : ends?.nodeAt?.[ti]];
+  if (String(on).toLowerCase() !== "true" || !s || !t || s[0] === t[0] && s[1] === t[1]) {
+    return;
+  }
+  const a = Math.atan2(t[1] - s[1], t[0] - s[0]) * 180 / Math.PI;
+  let upright = a;
+  if (a > 90) {
+    upright = a - 180;
+  } else if (a <= -90) {
+    upright = a + 180;
+  }
+  out.labelRotation ??= new Array(n).fill(null);
+  const column = out.labelRotation;
+  const own2 = column[e];
+  column[e] = num6(((upright + (typeof own2 === "number" ? own2 : 0)) % 360 + 360) % 360);
+}
+function lineEnd(ends, e, side) {
+  const [si, ti] = [ends?.source[e], ends?.target[e]];
+  const [s, t] = [si === void 0 ? null : ends?.nodeAt?.[si], ti === void 0 ? null : ends?.nodeAt?.[ti]];
+  if (side === 0 || s === null || s === void 0 || t === null || t === void 0) {
+    return [0, 0];
+  }
+  const length = Math.hypot(t[0] - s[0], t[1] - s[1]);
+  if (length === 0) {
+    return [0, 0];
+  }
+  const [ux, uy] = [(t[0] - s[0]) / length, (t[1] - s[1]) / length];
+  const reach = (node) => {
+    const box = node === void 0 ? null : ends?.nodeBox?.[node];
+    if (box === null || box === void 0) {
+      return 0;
+    }
+    const [a, b] = [box[0] / 2, box[1] / 2];
+    return a === 0 || b === 0 ? 0 : a * b / Math.hypot(b * ux, a * uy);
+  };
+  const from = reach(si);
+  const to = length - reach(ti);
+  const along = (side < 0 ? from : to) - (from + to) / 2;
+  return [ux * along, uy * along];
+}
+const HEXAGON_ASPECT = Math.sqrt(3) / 2;
+function squashHexagons(out) {
+  const { shape, height } = out;
+  if (shape === void 0 || height === void 0 || !shape.includes("hexagon")) {
+    return;
+  }
+  const border = out.borderWidth;
+  out.height = height.map((h, i) => {
+    if (shape[i] !== "hexagon" || typeof h !== "number") {
+      return h;
+    }
+    const b = border?.[i];
+    const w = typeof b === "number" ? Math.min(b, h) : 0;
+    return (h - w) * HEXAGON_ASPECT + w;
+  });
+}
+function arrowProportions(out, column) {
+  const size = out.arrowSize;
+  const own2 = column("EDGE_SOURCE_ARROW_SIZE", arrowSizeParser, "sourceArrowSize").map((v) => v ?? 1);
+  if (own2.some((v, i) => v !== (size?.[i] ?? 1))) {
+    out.sourceArrowSize = own2;
+  }
+  for (const [prop, vp, side] of [
+    ["sourceArrowLength", "EDGE_SOURCE_ARROW_SHAPE", "length"],
+    ["targetArrowLength", "EDGE_TARGET_ARROW_SHAPE", "length"],
+    ["sourceArrowWidth", "EDGE_SOURCE_ARROW_SHAPE", "width"],
+    ["targetArrowWidth", "EDGE_TARGET_ARROW_SHAPE", "width"]
+  ]) {
+    const values = column(vp, arrowProportion(side), prop).map((v) => v === 1 ? null : v);
+    if (values.some((v) => v !== null)) {
+      out[prop] = values;
+    }
+  }
+  for (const [prop, vp] of [
+    ["sourceArrowGap", "EDGE_SOURCE_ARROW_SHAPE"],
+    ["targetArrowGap", "EDGE_TARGET_ARROW_SHAPE"]
+  ]) {
+    const values = column(vp, arrowGap, prop).map((v) => v === 0 ? null : v);
+    if (values.some((v) => v !== null)) {
+      out[prop] = values;
+    }
+  }
+}
+function straightenBendless(out, one, n, ends) {
+  const curved = out.curved ?? new Array(n).fill(null);
+  const bent = (i) => one(EDGE_BEND_VP, bendParser, "curved", i) === true;
+  const haystack = (i) => String(one(EDGE_STACKING_VP, rawText, "fanned", i) ?? "").toUpperCase() === "HAYSTACK";
+  const place = ends === void 0 ? /* @__PURE__ */ new Map() : fanPlaces(ends, curved.length, bent, haystack);
+  const fanned = new Set(place.keys());
+  const rounds = (i) => fanned.has(i) || bent(i);
+  const rounded = curved.map((c, i) => {
+    if (c === null) {
+      return rounds(i) ? true : null;
+    }
+    return c === true || fanned.has(i) ? rounds(i) : c;
+  });
+  if (out.curved !== void 0 || rounded.includes(true)) {
+    out.curved = rounded;
+  }
+  if (ends?.nodeSize === void 0 || fanned.size === 0) {
+    return;
+  }
+  const { source, target, nodeSize } = ends;
+  out.fanSpacing = curved.map((_, i) => {
+    const size = Math.max(nodeSize[source[i]] ?? Number.NaN, nodeSize[target[i]] ?? Number.NaN);
+    if (out.curved?.[i] !== true || !fanned.has(i) || bent(i) || !Number.isFinite(size)) {
+      return null;
+    }
+    const read = one(EDGE_STACKING_DENSITY_VP, sizeParser, "fanSpacing", i);
+    const density = Math.min(1, typeof read === "number" ? read : EDGE_STACKING_DENSITY_DEFAULT);
+    return size * density;
+  });
+  fanAnchors(out, ends, place);
+}
+function fanPlaces(ends, count, bent, haystack) {
+  const place = /* @__PURE__ */ new Map();
+  const first = /* @__PURE__ */ new Map();
+  for (const i of newestFirst(count, ends.created?.edge)) {
+    const [s, t] = [ends.source[i], ends.target[i]];
+    if (s === t || haystack(i)) {
+      continue;
+    }
+    const key = `${Math.min(s, t)},${Math.max(s, t)}`;
+    const f = first.get(key);
+    if (f === void 0) {
+      first.set(key, { f: i, k: 0 });
+    } else if (!bent(f.f)) {
+      f.k++;
+      place.set(i, f.k);
+    }
+  }
+  return place;
+}
+function newestFirst(count, created) {
+  const walk = Array.from({ length: count }, (_, i) => i);
+  walk.sort(created === void 0 ? (a, b) => b - a : (a, b) => created[b] - created[a]);
+  return walk;
+}
+function fanAnchors(out, ends, place) {
+  const { created, nodeAt, source, target } = ends;
+  const spacing = out.fanSpacing?.slice();
+  if (created === void 0 || nodeAt === void 0 || spacing === void 0) {
+    return;
+  }
+  const bends = out.bends?.slice() ?? new Array(source.length).fill(null);
+  const bendCurve = out.bendCurve?.slice() ?? new Array(source.length).fill(null);
+  let changed = false;
+  for (const [i, k] of place) {
+    const [s, t] = [source[i], target[i]];
+    const [ps, pt, f] = [nodeAt[s], nodeAt[t], spacing[i]];
+    if (ps === null || ps === void 0 || pt === null || pt === void 0 || typeof f !== "number") {
+      continue;
+    }
+    const len = Math.hypot(pt[0] - ps[0], pt[1] - ps[1]);
+    if (len === 0) {
+      continue;
+    }
+    const sign = created.node[s] > created.node[t] ? 1 : -1;
+    const [nx, ny] = [sign * (pt[0] - ps[0]) / len, sign * (pt[1] - ps[1]) / len];
+    const offset = Math.ceil(k / 2) * (k % 2 === 0 ? 1 : -1) * 2 * f;
+    const [vx, vy] = [offset * ny, -offset * nx];
+    const across = (vx * (pt[1] - ps[1]) - vy * (pt[0] - ps[0])) / (len * len);
+    bends[i] = `0.5,${String(Math.round(across * 1e6) / 1e6 || 0)}`;
+    bendCurve[i] = "bezier";
+    spacing[i] = null;
+    changed = true;
+  }
+  if (changed) {
+    out.bends = bends;
+    out.bendCurve = bendCurve;
+    out.fanSpacing = spacing;
+  }
+}
+function loopHandles(out, one, curvedAsSet, ends) {
+  const box = ends?.nodeBox;
+  if (ends === void 0 || box === void 0) {
+    return;
+  }
+  const bends = out.bends?.slice() ?? new Array(ends.source.length).fill(null);
+  const curved = out.curved?.slice() ?? new Array(ends.source.length).fill(null);
+  const earlier = /* @__PURE__ */ new Map();
+  const fraction = (v) => String(Math.round(v * 1e4) / 1e4 || 0);
+  let changed = false;
+  for (let i = ends.source.length - 1; i >= 0; i--) {
+    const node = ends.source[i];
+    const b = box[node];
+    if (node !== ends.target[i] || bends[i] !== null) {
+      continue;
+    }
+    const rank = earlier.get(node) ?? 0;
+    earlier.set(node, rank + 1);
+    if (b === null || b === void 0 || b[0] <= 0 || b[1] <= 0) {
+      continue;
+    }
+    const read = one(EDGE_STACKING_DENSITY_VP, sizeParser, "fanSpacing", i);
+    const density = Math.min(1, typeof read === "number" ? read : EDGE_STACKING_DENSITY_DEFAULT);
+    const reach = (rank + 3) * (Math.max(b[0], b[1]) + b[2]) / 2 * 2 * density;
+    bends[i] = `${fraction(-reach / (b[0] / 2))},0 0,${fraction(reach / (b[1] / 2))}`;
+    curved[i] = curvedAsSet?.[i] !== false;
+    changed = true;
+  }
+  if (changed) {
+    out.bends = bends;
+    out.curved = curved;
   }
 }
 const EDGE_BEND_VP = "EDGE_BEND";
@@ -1305,6 +2200,26 @@ const bendParser = (raw) => {
   }
   return Array.isArray(raw) ? raw.length > 0 : raw !== null && raw !== void 0 && typeof raw === "object";
 };
+const bendsParser = (input, site) => {
+  const raw = Array.isArray(input) ? input.map((h) => {
+    const o = h ?? {};
+    return `${Number(o.sin)},${Number(o.cos)},${Number(o.ratio)}`;
+  }).join("|") : input;
+  if (typeof raw !== "string" || !bendParser(raw)) {
+    return null;
+  }
+  const points = [];
+  for (const handle of raw.trim().split("|")) {
+    const [c, sin, ratio] = handle.split(",").map((t) => Number(t.trim()));
+    if (![c, sin, ratio].every((v) => Number.isFinite(v))) {
+      noteAt(site, STYLE_ISSUE.BAD_VALUE, raw.slice(0, 64));
+      return null;
+    }
+    const fraction = (v) => String(Math.round(v * 1e4) / 1e4 || 0);
+    points.push(`${fraction(ratio * c)},${fraction(-ratio * sin)}`);
+  }
+  return points.join(" ");
+};
 const INERT_DEFAULT = /NullCustomGraphics|^255$|^0(?:\.0+)?$|^$|^C,C,c,0\.00,0\.00$|^false$/;
 function noteUncarried(target, s, used, bypassed, notes) {
   for (const vp of used) {
@@ -1348,7 +2263,15 @@ function cytoscapeBackground(style, notes) {
 function resolveCytoscapeBypasses(target, maps, options = {}) {
   const notes = options.notes ?? new StyleNotes();
   const style = emptyCytoscapeStyle();
-  const elements = { count: maps.length, value: () => null, bypasses: maps };
+  const elements = {
+    count: maps.length,
+    value: options.value ?? (() => null),
+    // Cytoscape 3.10.5 draws an XGMML edge's EDGE_LABEL_AUTOROTATE true level, where it turns the same edge read
+    // from CX, CX2 or a session along its line (the label-autorotate-true edge of the edge-labels and
+    // mappings-bypass-p13 sheets in its SVG): its XGMML reader does not apply it, so neither does graph-io
+    bypasses: maps.map((m) => m?.has(AUTOROTATE_VP) === true ? withoutKey(m, AUTOROTATE_VP) : m),
+    ends: options.ends
+  };
   const out = resolveCytoscape(target, style, elements, { notes, budget: options.budget });
   if (target === "node" && out.width === void 0) {
     const size = maps.map((m) => {
@@ -1386,8 +2309,12 @@ function cytoscapeRules(target, style, elements, options = {}) {
   const columns = /* @__PURE__ */ new Map();
   const byColumn = /* @__PURE__ */ new Map();
   const reading = { target, refOf, elements, columns, notes, budget: options.budget };
-  const add = (props, raw, parse) => {
-    const parsed = parseMapping(raw, parse, site(props[0]));
+  const add = (props, vp, parse) => {
+    const raw = s.mappings.get(vp);
+    if (raw === void 0) {
+      return;
+    }
+    const parsed = parseMapping(raw, parse, site(props[0]), vp);
     const mapping = neutralMapping(parsed, props[0], parse, reading);
     const key = `${raw.kind}\0${raw.column}`;
     let rule = byColumn.get(key);
@@ -1400,14 +2327,10 @@ function cytoscapeRules(target, style, elements, options = {}) {
     }
   };
   for (const [prop, [vp, parse]] of chosen) {
-    const raw = s.mappings.get(vp);
-    if (raw !== void 0) {
-      add(matched && prop === "color" ? ["color", "sourceArrowColor", "targetArrowColor"] : [prop], raw, parse);
-    }
+    add(matched && prop === "color" ? ["color", "sourceArrowColor", "targetArrowColor"] : [prop], vp, parse);
   }
-  const size = locked ? s.mappings.get(NODE_SIZE_VP) : void 0;
-  if (size !== void 0) {
-    add(["width", "height"], size, sizeParser);
+  if (locked) {
+    add(["width", "height"], NODE_SIZE_VP, sizeParser);
   }
   const rules = [];
   if (Object.keys(set).length > 0) {
@@ -1454,7 +2377,7 @@ function neutralMapping(m, property, parse, reading) {
     return { kind: "discrete", by, table: m.table };
   }
   if (m.kind === "continuous") {
-    return { kind: "continuous", by, points: m.points };
+    return { kind: "continuous", by, points: m.points, ...m.step === void 0 ? {} : { step: m.step } };
   }
   const plain = "style" in by ? styleCell : canonicalFor(target, property);
   const n = elements.count;
@@ -1739,8 +2662,13 @@ function readXgmmlStyles(snapshot, context, settings) {
     const table = target === "node" ? snapshot.nodes : snapshot.edges;
     const n = target === "node" ? snapshot.nodeCount : snapshot.edgeCount;
     const maps = graphicsBypasses(table, target, n, notes);
-    const values = maps.some((m) => m !== null) ? resolveCytoscapeBypasses(target, maps, { notes, budget: context.budget }) : {};
-    hiddenToVisible(table, settings.hiddenColumn ?? null, n, values);
+    const values = maps.some((m) => m !== null) ? resolveCytoscapeBypasses(target, maps, {
+      notes,
+      budget: context.budget,
+      value: (column, i) => table.has(column) ? plainCell(table.value(column, i)) : null,
+      ...target === "edge" ? { ends: edgeEnds(snapshot, out.node.values) } : {}
+    }) : {};
+    drawnAsDesktop(snapshot, target, out.node.values, values, settings);
     exactFromBlock(snapshot, target, values);
     out[target] = { values: nonEmpty(values) };
   }
@@ -1755,56 +2683,111 @@ function readXgmmlStyles(snapshot, context, settings) {
     notes: notes.list()
   };
 }
-function readXgmmlFileStyles(snapshot, context) {
-  return readXgmmlStyles(snapshot, context, { tool: "cytoscape" });
-}
-function exactFromBlock(snapshot, target, values, dialect = "desktop") {
-  const text = snapshot.graph.has(STYLE_BLOCK_NAME) ? plainCell(snapshot.graph.value(STYLE_BLOCK_NAME, 0)) : null;
-  if (typeof text !== "string") {
-    return;
+function drawnAsDesktop(snapshot, target, nodes, values, settings) {
+  const table = target === "node" ? snapshot.nodes : snapshot.edges;
+  const n = target === "node" ? snapshot.nodeCount : snapshot.edgeCount;
+  const desktop = settings.tool === "cytoscape";
+  if (target === "edge" && desktop) {
+    bendsAtOrigin(snapshot, values);
+  }
+  hiddenToVisible(table, settings.hiddenColumn ?? null, n, values);
+  hideWhatCytoscapeHides(snapshot, target, nodes, values);
+  if (target === "node") {
+    if (desktop && values.label === void 0 && !snapshot.graph.has(STYLE_BLOCK_NAME)) {
+      nameLabels(table, n, values);
+    }
   }
-  const parsed = parseStyleBlock(text, styleFingerprint(snapshot));
-  const ex = parsed.ok ? blockStyles(parsed.block, snapshot, "xgmml") : null;
-  if (ex === null) {
+}
+function bendsAtOrigin(snapshot, values) {
+  const { bends } = values;
+  const position = snapshot.nodes.byRole("position");
+  if (bends === void 0 || position === null) {
     return;
   }
-  const n = target === "node" ? snapshot.nodeCount : snapshot.edgeCount;
-  const want = /* @__PURE__ */ new Map();
-  const exact = (property) => {
-    let held = want.get(property);
-    if (held === void 0) {
-      held = resolveStyles(ex, target, property, snapshot);
-      want.set(property, held);
-    }
-    return held;
+  const center = (i) => {
+    const v = position.isSet(i) ? position.value(i) : null;
+    return v === null ? null : [v[0], v[1]];
   };
-  const written = Array.from(
-    { length: n },
-    (_v, i) => cytoscapeElementProperties(
-      target,
-      (property) => exact(property)[i] ?? null,
-      dialect,
-      () => void 0
-    )
-  );
-  const readBack = resolveCytoscapeBypasses(target, written, { notes: new StyleNotes() });
-  for (const [property, native] of Object.entries(values)) {
-    const back = readBack[property];
-    if (native !== void 0 && back !== void 0) {
-      values[property] = withBlockValues(native, back, exact(property));
+  const { src, dst } = snapshot.edgeList();
+  values.bends = bends.map((v, e) => {
+    const [s, t] = [center(src[e]), center(dst[e])];
+    if (typeof v !== "string" || s === null || t === null) {
+      return v;
     }
+    const handles = v.trim().split(/\s+/).length;
+    return canonBends(
+      s,
+      t,
+      Array.from({ length: handles }, () => [0, 0]),
+      false
+    ) ?? v;
+  });
+}
+function nameLabels(table, n, values) {
+  const label = table.byRole("label")?.meta.name ?? null;
+  const text = (column, i) => {
+    const v = column !== null && table.has(column) ? plainCell(table.value(column, i)) : null;
+    return typeof v === "string" || typeof v === "number" ? String(v) : null;
+  };
+  const labels = Array.from({ length: n }, (_v, i) => text("name", i) ?? text(label, i));
+  if (labels.some((v) => v !== null)) {
+    values.label = labels;
   }
 }
-function withBlockValues(native, back, w) {
-  let changed = null;
-  for (let i = 0; i < native.length; i++) {
-    if (w[i] !== null && native[i] !== w[i] && native[i] === back[i]) {
-      changed ??= [...native];
-      changed[i] = w[i];
-    }
+function readXgmmlFileStyles(snapshot, context) {
+  return readXgmmlStyles(snapshot, context, { tool: "cytoscape" });
+}
+function exactFromBlock(snapshot, target, values, dialect = "desktop", created) {
+  const text = snapshot.graph.has(STYLE_BLOCK_NAME) ? plainCell(snapshot.graph.value(STYLE_BLOCK_NAME, 0)) : null;
+  if (typeof text !== "string") {
+    return;
   }
-  return changed ?? native;
+  takeFromBlock(snapshot, text, "xgmml", (t, block) => {
+    if (t !== target) {
+      return null;
+    }
+    const n = target === "node" ? snapshot.nodeCount : snapshot.edgeCount;
+    const written = Array.from(
+      { length: n },
+      (_v, i) => cytoscapeElementProperties(
+        target,
+        (property) => block(target, property)[i] ?? null,
+        dialect,
+        () => void 0
+      )
+    );
+    const ends = target === "edge" ? {
+      ends: {
+        ...edgeEnds(snapshot, {
+          width: block("node", "width"),
+          height: block("node", "height"),
+          borderWidth: block("node", "borderWidth")
+        }),
+        ...created === void 0 ? {} : { created }
+      }
+    } : {};
+    const readBack = resolveCytoscapeBypasses(target, written, { notes: new StyleNotes(), ...ends });
+    return {
+      values,
+      properties: Object.keys(values).filter((p) => values[p] !== void 0 && readBack[p] !== void 0),
+      readBack: (i) => (property) => readBack[property]?.[i] ?? null,
+      // a fan spacing, a curve or a loop's handles only desktop's fanning and looping give (graphty wrote none:
+      // EDGE_CURVED defaults to true there) is graphty's own default again, and so is a label's place beside its
+      // node, which desktop's anchors spell as an offset and a shift
+      take: (property, wanted) => wanted !== null || BLOCK_DEFAULTED.has(property)
+    };
+  });
 }
+const BLOCK_DEFAULTED = /* @__PURE__ */ new Set([
+  "fanSpacing",
+  "curved",
+  "bends",
+  "bendCurve",
+  "labelOffsetX",
+  "labelOffsetY",
+  "labelShiftX",
+  "labelShiftY"
+]);
 function hiddenToVisible(table, column, n, values) {
   if (column === null || !table.has(column)) {
     return;
@@ -1820,6 +2803,82 @@ function hiddenToVisible(table, column, n, values) {
     values.visible = visible;
   }
 }
+function hideGroupsCytoscapeHides(snapshot, values) {
+  const parent = snapshot.nodes.byRole("parent");
+  if (parent === null || snapshot.graph.has(STYLE_BLOCK_NAME)) {
+    return;
+  }
+  const n = snapshot.nodeCount;
+  const members = membersOf(parent, n);
+  if (members.size === 0) {
+    return;
+  }
+  const network = snapshot.meta.extra?.xgmml?.graphId;
+  const visible = values.visible === void 0 ? new Array(n).fill(null) : [...values.visible];
+  for (const [group, inside] of members) {
+    if (!collapsedIn(snapshot, group, network)) {
+      visible[group] = false;
+      continue;
+    }
+    for (const i of insideAtAnyDepth(group, inside, members)) {
+      visible[i] = false;
+    }
+  }
+  values.visible = visible;
+}
+function hideWhatCytoscapeHides(snapshot, target, nodes, values) {
+  if (target === "node") {
+    hideGroupsCytoscapeHides(snapshot, values);
+  } else {
+    hideEdgesOfHiddenNodes(snapshot, nodes, values);
+  }
+}
+function hideEdgesOfHiddenNodes(snapshot, nodes, values) {
+  const shown = nodes.visible;
+  if (shown === void 0 || !shown.includes(false) || snapshot.graph.has(STYLE_BLOCK_NAME)) {
+    return;
+  }
+  const { src, dst } = snapshot.edgeList();
+  const visible = values.visible === void 0 ? new Array(src.length).fill(null) : [...values.visible];
+  for (let e = 0; e < src.length; e++) {
+    if (shown[src[e]] === false || shown[dst[e]] === false) {
+      visible[e] = false;
+    }
+  }
+  values.visible = visible;
+}
+function membersOf(parent, n) {
+  const members = /* @__PURE__ */ new Map();
+  for (let i = 0; i < n; i++) {
+    const g = parent.isSet(i) ? plainCell(parent.value(i)) : null;
+    if (typeof g === "number" && g !== i) {
+      members.set(g, [...members.get(g) ?? [], i]);
+    }
+  }
+  return members;
+}
+function insideAtAnyDepth(group, inside, members) {
+  const stack = [...inside];
+  const seen = /* @__PURE__ */ new Set([group]);
+  const out = /* @__PURE__ */ new Set();
+  for (let i = stack.pop(); i !== void 0; i = stack.pop()) {
+    if (!seen.has(i)) {
+      seen.add(i);
+      out.add(i);
+      stack.push(...members.get(i) ?? []);
+    }
+  }
+  return out;
+}
+function collapsedIn(snapshot, group, network) {
+  if (typeof network !== "string" || !snapshot.nodes.has(SUBGRAPH_COLUMN)) {
+    return false;
+  }
+  const sub = plainCell(snapshot.nodes.value(SUBGRAPH_COLUMN, group));
+  const atts = sub !== null && typeof sub === "object" ? sub.atts : null;
+  const collapsed = atts !== null && typeof atts === "object" ? atts["__groupCollapsed.SUID"] : null;
+  return Array.isArray(collapsed) && collapsed.some((v) => String(v) === network);
+}
 function nonEmpty(values) {
   const out = {};
   for (const [p, col] of Object.entries(values)) {
@@ -1829,22 +2888,30 @@ function nonEmpty(values) {
   }
   return out;
 }
-function graphStyleOf(snapshot, notes) {
-  const name = graphicsColumnOf(snapshot.graph);
-  const g = name === null ? null : plainCell(snapshot.graph.value(name, 0));
-  if (g === null || typeof g !== "object") {
-    return {};
+function graphStyleOf(snapshot, notes, style) {
+  const merged = emptyCytoscapeStyle();
+  for (const [k, v] of style?.network.defaults ?? []) {
+    merged.network.defaults.set(k, v);
   }
-  const style = emptyCytoscapeStyle();
-  for (const [k, v] of normalizeVisualProperties("node", g, notes)) {
-    if (k.startsWith("NETWORK_")) {
-      style.network.defaults.set(k, v);
-    }
+  for (const [k, v] of networkBypasses(snapshot, notes)) {
+    merged.network.defaults.set(k, v);
   }
-  const background = cytoscapeBackground(style, notes);
+  const background = cytoscapeBackground(merged, notes);
   return background === null ? {} : { background };
 }
+function networkBypasses(snapshot, notes) {
+  const name = graphicsColumnOf(snapshot.graph);
+  const g = name === null ? null : plainCell(snapshot.graph.value(name, 0));
+  if (g === null || typeof g !== "object" || Array.isArray(g)) {
+    return [];
+  }
+  const locked = Object.hasOwn(g, "lockedVisualProperties") ? g.lockedVisualProperties : void 0;
+  return [g, locked].flatMap(
+    (layer) => [...normalizeVisualProperties("node", layer, notes)].filter(([k]) => k.startsWith("NETWORK_"))
+  );
+}
 const XGMML_STYLE_CAPABILITIES = Object.freeze({
+  tool: "cytoscape",
   node: Object.freeze(cytoscapeWritableProperties("node", "desktop")),
   edge: Object.freeze(cytoscapeWritableProperties("edge", "desktop")),
   graph: Object.freeze(["background"]),
@@ -1945,27 +3012,83 @@ function bypassesOf(table, n, namespace) {
   }
   return { maps, names: columns.map((c) => c.meta.name) };
 }
-function readDeclaredStyles(snapshot, context, style, namespace, notes, dialect = "desktop") {
+function fitMappingsToColumns(style, target, table, read) {
+  const { notes } = read;
+  sharedColumnFallback(style[target], (column) => table.has(column));
+  if (target === "edge") {
+    weightColumnFallback(style.edge, read.weightFrom, table);
+  }
+  if (read.dialect !== "cx2") {
+    dropMismatchedKeys(style[target], (column) => table.get(column)?.meta.origin?.type ?? null, notes, target);
+  }
+  for (const m of style[target].mappings.values()) {
+    if (!table.has(m.column) && !(target === "edge" && read.weights !== null && m.column === read.weightFrom)) {
+      notes.add(STYLE_ISSUE.MAPPING_COLUMN_MISSING, target, m.column, { sample: m.kind });
+    }
+  }
+}
+function keptWeights(snapshot, weightFrom) {
+  if (weightFrom === null || snapshot.edges.has(weightFrom) || snapshot.edges.byRole("weight") !== null) {
+    return null;
+  }
+  const weights = explicitWeights(snapshot);
+  return weights.weighted ? weights : null;
+}
+function javaHashOrder(ids) {
+  const keys = ids.map((k) => typeof k === "string" && /^\d{1,15}$/.test(k) ? Number(k) : k);
+  if (!keys.every((k) => typeof k === "number" && Number.isSafeInteger(k) && k >= 0)) {
+    return null;
+  }
+  let capacity = 16;
+  while (keys.length > 0.75 * capacity) {
+    capacity *= 2;
+  }
+  const bucket = (k) => {
+    const h = (k % 2 ** 32 ^ Math.floor(k / 2 ** 32)) >>> 0;
+    return (h ^ h >>> 16) & capacity - 1;
+  };
+  const order = keys.map((_, i) => i).sort((a, b) => bucket(keys[a]) - bucket(keys[b]) || a - b);
+  const rank = new Array(keys.length);
+  order.forEach((i, r) => {
+    rank[i] = r;
+  });
+  return rank;
+}
+function hashCreationOrder(snapshot) {
+  const ids = snapshot.edges.byRole("id");
+  if (ids === null) {
+    return null;
+  }
+  const node = javaHashOrder(Array.from({ length: snapshot.nodeCount }, (_, i) => snapshot.ids.idOf(i)));
+  const edge = javaHashOrder(Array.from({ length: snapshot.edgeCount }, (_, i) => ids.value(i)));
+  return node === null || edge === null ? null : { node, edge };
+}
+function readDeclaredStyles(snapshot, context, style, namespace, notes, dialect = "desktop", read = {}) {
+  const weightFrom = read.weightFrom ?? null;
+  const created = read.hashOrder === true ? hashCreationOrder(snapshot) ?? void 0 : void 0;
   const out = { node: { values: {} }, edge: { values: {} } };
   const readFrom = { node: [], edge: [] };
   for (const target of ["node", "edge"]) {
     context.signal?.throwIfAborted();
     const table = target === "node" ? snapshot.nodes : snapshot.edges;
     const n = target === "node" ? snapshot.nodeCount : snapshot.edgeCount;
-    for (const m of style[target].mappings.values()) {
-      if (!table.has(m.column)) {
-        notes.add(STYLE_ISSUE.MAPPING_COLUMN_MISSING, target, m.column, { sample: m.kind });
-      }
-    }
+    const weights = target === "edge" ? keptWeights(snapshot, weightFrom) : null;
+    fitMappingsToColumns(style, target, table, { notes, dialect, weightFrom, weights });
     const { maps, names } = bypassesOf(table, n, namespace);
     readFrom[target] = names;
     const elements = {
       count: n,
-      value: (column, i) => table.has(column) ? plainCell(table.value(column, i)) : null,
-      bypasses: maps
+      value: (column, i) => {
+        if (weights !== null && column === weightFrom) {
+          return weights.isExplicit(i) ? weights.value(i) : null;
+        }
+        return table.has(column) ? plainCell(table.value(column, i)) : null;
+      },
+      bypasses: maps,
+      ...target === "edge" ? { ends: { ...edgeEnds(snapshot, out.node.values), ...created === void 0 ? {} : { created } } } : {}
     };
     const values = resolveCytoscape(target, style, elements, { notes, budget: context.budget });
-    exactFromBlock(snapshot, target, values, dialect);
+    exactFromBlock(snapshot, target, values, dialect, created);
     const { rules, columns } = cytoscapeRules(target, style, elements, { notes, budget: context.budget });
     out[target] = { values: nonEmpty(values), rules, columns };
   }
@@ -1993,10 +3116,14 @@ function readCxStyles(snapshot, context) {
       count: otherViews
     });
   }
-  return readDeclaredStyles(snapshot, context, style, "cx.bypass", notes);
+  return readDeclaredStyles(snapshot, context, style, "cx.bypass", notes, "desktop", {
+    weightFrom: kept?.weightFrom ?? null,
+    hashOrder: kept?.collection !== true
+  });
 }
 function cytoscapeWriteCapabilities(dialect) {
   return Object.freeze({
+    tool: "cytoscape",
     node: Object.freeze(cytoscapeWritableProperties("node", dialect)),
     edge: Object.freeze(cytoscapeWritableProperties("edge", dialect)),
     graph: Object.freeze(["background"]),
@@ -2046,9 +3173,10 @@ function withMappedColumns(snapshot, styled) {
   return out;
 }
 export {
+  exactFromBlock as $,
   EXTENSIONS as A,
   emitCytoscapeStyle as B,
-  CY_NAMESPACE as C,
+  CX_STYLE_CAPABILITIES as C,
   lossOf as D,
   EDGE_ID_COLUMN as E,
   FORMAT as F,
@@ -2056,40 +3184,44 @@ export {
   cytoscapeVizmapXml as H,
   INTERACTION_COLUMN as I,
   readXgmmlStyles as J,
-  cytoscapeBackground as K,
+  weightColumnFallback as K,
   LABEL_COLUMN as L,
   META_KEY as M,
   NESTED_NETWORK_COLUMN as N,
-  emptyCytoscapeStyle as O,
+  graphStyleOf as O,
   POSITION_COLUMN as P,
-  graphicsBypasses as Q,
-  resolveCytoscape as R,
+  emptyCytoscapeStyle as Q,
+  sharedColumnFallback as R,
   SUBGRAPH_COLUMN as S,
-  hiddenToVisible as T,
-  exactFromBlock as U,
-  cytoscapeRules as V,
-  nonEmpty as W,
+  dropMismatchedKeys as T,
+  edgeEnds as U,
+  graphicsBypasses as V,
+  resolveCytoscape as W,
   XGMML_ISSUE as X,
-  typedKey as Y,
+  hiddenToVisible as Y,
   Z_COLUMN as Z,
+  hideWhatCytoscapeHides as _,
   XGMML_LOSS as a,
-  cytoscapeCx2Aspects as b,
+  cytoscapeRules as a0,
+  nonEmpty as a1,
+  typedKey as a2,
+  blockAspect as b,
   cytoscapeStyledExport as c,
-  blockAspect as d,
-  styledGraphicsNotes as e,
-  XGMML_STYLE_CAPABILITIES as f,
-  XLINK_NAMESPACE as g,
-  XGMML_NAMESPACE as h,
-  styledGraphGraphics as i,
-  styledGraphics as j,
-  PARENT_COLUMN as k,
-  PARENTS_COLUMN as l,
-  NETWORK_POINTER_COLUMN as m,
-  NETWORKS_COLUMN as n,
-  XGMML_ORIGIN_NAMESPACE as o,
-  CYTOSCAPE_ORIGIN_NAMESPACE as p,
-  CX_STYLE_CAPABILITIES as q,
-  cytoscapeCxAspect as r,
+  cytoscapeCxAspect as d,
+  cytoscapeCx2Aspects as e,
+  styledGraphicsNotes as f,
+  XGMML_STYLE_CAPABILITIES as g,
+  XLINK_NAMESPACE as h,
+  CY_NAMESPACE as i,
+  XGMML_NAMESPACE as j,
+  styledGraphGraphics as k,
+  styledGraphics as l,
+  PARENT_COLUMN as m,
+  PARENTS_COLUMN as n,
+  NETWORK_POINTER_COLUMN as o,
+  NETWORKS_COLUMN as p,
+  XGMML_ORIGIN_NAMESPACE as q,
+  CYTOSCAPE_ORIGIN_NAMESPACE as r,
   snapshotBlock as s,
   readCxStyles as t,
   blockOfAspect as u,
@@ -2099,4 +3231,4 @@ export {
   readXgmmlFileStyles as y,
   MIME_TYPES as z
 };
-//# sourceMappingURL=styles-BQnsga7p.js.map
+//# sourceMappingURL=styles-CCs214_3.js.map