@graphty/graph-io 0.3.8 → 0.3.10

package/dist/chunks/{importer-BddBW3sf.js → importer-9PxhqH4v.js}

@@ -1,7 +1,7 @@
 import { GraphFormatError, INVALID_INDEX, MAX_COUNT } from "@graphty/graph-format";
 import { c as childrenCsr } from "./children-CL3Cy0ez.js";
-import { z as MIXED_DIRECTION_CODE, g as DIRECTION_FORCED_CODE, h as DIRECTION_REFUSED_CODE, Y as SINK_OPTION_CODE, T as PRECISION_CODE, B as BAD_DEFAULT_CODE, a3 as UNKNOWN_ATTR_TYPE_CODE, X as ROLE_TAKEN_CODE, C as COLUMN_RENAMED_CODE, P as OPTION_IGNORED_CODE, o as ID_MERGED_CODE, _ as STRAY_TEXT_CODE, a4 as UNKNOWN_ELEMENT_CODE, H as HYPEREDGE_CODE, d as COUNT_HINT_CODE, A as MULTIPLE_GRAPHS_CODE, i as DUPLICATE_EDGE_ID_CODE, k as DUPLICATE_NODE_CODE, M as MISSING_ENDPOINT_CODE, y as MISSING_ID_CODE, j as DUPLICATE_KEY_CODE, K as NO_GRAPH_CODE, a5 as UNKNOWN_ENCODING_CODE, n as ENCODING_FALLBACK_CODE, s as INVALID_ENCODING_CODE, u as INVALID_UTF8_CODE, aa as XML_SYNTAX_CODE, q as ID_TEXT_TYPE_CODE, W as ROLE_DROPPED_CODE, R as PARENTS_DROPPED_CODE, F as MUTUAL_AS_UNDIRECTED_CODE, aE as resolveExportOptions, ax as joinText, ak as encodeChunks, ac as capabilities, ad as checkCapabilities, L as LOSS, az as pairFolding, aG as sanitizeIds, al as explicitWeights, av as isNmtoken, at as isCanonicalIntegerText, ay as mangleNmtoken, aq as formatInteger, ao as formatF64, an as formatF32, aF as resolveImportOptions, I as ImportReportBuilder, aC as reportSinkOptions, aD as reportUnusedOptions, t as textChunks, a as throwIfAborted, v as IdCoercer, l as DirectionResolver, aw as isWeightField, aO as declareAttribute, aL as uniqueColumnName, ai as declareResolved, b0 as takenIn, aA as parseWeightText, aQ as parseDeclaredValue, aR as losesPrecision } from "./writer-BdMak4_J.js";
-import { f as escapeXmlText, e as isWhitespace, m as isXmlName, g as escapeXmlAttribute, x as xmlIllegalTextNotes, t as tokenizeXml, d as xmlDeclaredEncoding, X as XmlSyntaxError, l as localName } from "./escape-BjmIaFFo.js";
+import { z as MIXED_DIRECTION_CODE, g as DIRECTION_FORCED_CODE, h as DIRECTION_REFUSED_CODE, Y as SINK_OPTION_CODE, T as PRECISION_CODE, B as BAD_DEFAULT_CODE, a3 as UNKNOWN_ATTR_TYPE_CODE, X as ROLE_TAKEN_CODE, C as COLUMN_RENAMED_CODE, P as OPTION_IGNORED_CODE, o as ID_MERGED_CODE, _ as STRAY_TEXT_CODE, a4 as UNKNOWN_ELEMENT_CODE, H as HYPEREDGE_CODE, d as COUNT_HINT_CODE, A as MULTIPLE_GRAPHS_CODE, i as DUPLICATE_EDGE_ID_CODE, k as DUPLICATE_NODE_CODE, M as MISSING_ENDPOINT_CODE, y as MISSING_ID_CODE, j as DUPLICATE_KEY_CODE, K as NO_GRAPH_CODE, a5 as UNKNOWN_ENCODING_CODE, n as ENCODING_FALLBACK_CODE, s as INVALID_ENCODING_CODE, u as INVALID_UTF8_CODE, aa as XML_SYNTAX_CODE, q as ID_TEXT_TYPE_CODE, W as ROLE_DROPPED_CODE, R as PARENTS_DROPPED_CODE, F as MUTUAL_AS_UNDIRECTED_CODE, aE as resolveExportOptions, ax as joinText, ak as encodeChunks, ac as capabilities, ad as checkCapabilities, L as LOSS, az as pairFolding, aG as sanitizeIds, al as explicitWeights, av as isNmtoken, at as isCanonicalIntegerText, ay as mangleNmtoken, aq as formatInteger, ao as formatF64, an as formatF32, aF as resolveImportOptions, I as ImportReportBuilder, aC as reportSinkOptions, aD as reportUnusedOptions, t as textChunks, a as throwIfAborted, v as IdCoercer, l as DirectionResolver, aw as isWeightField, aO as declareAttribute, aL as uniqueColumnName, ai as declareResolved, b1 as takenIn, aA as parseWeightText, aQ as parseDeclaredValue, aR as losesPrecision } from "./writer-BtWpUaiH.js";
+import { f as escapeXmlText, e as isWhitespace, n as isXmlName, g as escapeXmlAttribute, l as localName, x as xmlIllegalTextNotes, t as tokenizeXml, d as xmlDeclaredEncoding, X as XmlSyntaxError } from "./escape-D1f9-cwf.js";
 const GRAPHML_NAMESPACE = "http://graphml.graphdrawing.org/xmlns";
 const YFILES_NAMESPACE = "http://www.yworks.com/xml/graphml";
 const XSI_NAMESPACE = "http://www.w3.org/2001/XMLSchema-instance";
@@ -139,6 +139,8 @@ const GRAPHML_LOSS = Object.freeze({
   ID_TEXT_TYPE: ID_TEXT_TYPE_CODE,
   /** A numeric edge id column reads back as string. */
   EDGE_ID_TEXT: "W_GRAPHML_EDGE_ID_TEXT",
+  /** A `yfiles.*` graphics column that no longer matches its yFiles tree: only the tree is written. */
+  YFILES_GRAPHICS_STALE: "W_GRAPHML_YFILES_GRAPHICS_STALE",
   /** A yfiles json value that is not a serialisable tree: export() will throw E_COLUMN_TYPE. */
   YFILES_TREE: "E_GRAPHML_YFILES_TREE"
 });
@@ -175,9 +177,9 @@ class XmlTreeBuilder {
    * Character data inside the current element.
    * @param text - the text
    */
-  text(text) {
+  text(text2) {
     const frame = this.frames.length > 0 ? this.frames[this.frames.length - 1] : this.root;
-    frame.text += text;
+    frame.text += text2;
   }
   /** The current element ends; its value is attached to its parent. */
   end() {
@@ -250,9 +252,9 @@ function treeProblem(value) {
   if (typeof value !== "object") {
     return `a ${typeof value} cannot be written as XML`;
   }
-  for (const [key, child] of Object.entries(value)) {
+  for (const [key, child2] of Object.entries(value)) {
     if (key === TEXT_KEY) {
-      if (child !== null && typeof child === "object") {
+      if (child2 !== null && typeof child2 === "object") {
         return "#text must be a scalar";
       }
       continue;
@@ -262,7 +264,7 @@ function treeProblem(value) {
       if (!isXmlName(name)) {
         return `"${name}" is not an XML attribute name`;
       }
-      if (child !== null && typeof child === "object") {
+      if (child2 !== null && typeof child2 === "object") {
         return `attribute ${name} must be a scalar`;
       }
       continue;
@@ -270,7 +272,7 @@ function treeProblem(value) {
     if (!isXmlName(key)) {
       return `"${key}" is not an XML element name`;
     }
-    const problem = treeProblem(child);
+    const problem = treeProblem(child2);
     if (problem !== null) {
       return problem;
     }
@@ -289,16 +291,16 @@ function writeXmlTree(value, indent, out) {
     return;
   }
   const object = value;
-  let text = null;
-  for (const [key, child] of Object.entries(object)) {
+  let text2 = null;
+  for (const [key, child2] of Object.entries(object)) {
     if (key === TEXT_KEY) {
-      text = scalarText(child);
+      text2 = scalarText(child2);
     } else if (!key.startsWith(ATTRIBUTE_PREFIX)) {
-      writeElements(key, child, indent, out);
+      writeElements(key, child2, indent, out);
     }
   }
-  if (text !== null) {
-    out.push(escapeXmlText(text));
+  if (text2 !== null) {
+    out.push(escapeXmlText(text2));
   }
 }
 function writeElements(name, value, indent, out) {
@@ -309,43 +311,43 @@ function writeElements(name, value, indent, out) {
     return;
   }
   if (value === null || typeof value !== "object") {
-    const text2 = scalarText(value);
-    out.push(text2.length === 0 ? `
+    const text22 = scalarText(value);
+    out.push(text22.length === 0 ? `
 ${indent}<${name}/>` : `
-${indent}<${name}>${escapeXmlText(text2)}</${name}>`);
+${indent}<${name}>${escapeXmlText(text22)}</${name}>`);
     return;
   }
   const object = value;
   let attrs = "";
-  let text = null;
+  let text2 = null;
   let hasChildren = false;
-  for (const [key, child] of Object.entries(object)) {
+  for (const [key, child2] of Object.entries(object)) {
     if (key === TEXT_KEY) {
-      text = scalarText(child);
+      text2 = scalarText(child2);
     } else if (key.startsWith(ATTRIBUTE_PREFIX)) {
-      attrs += ` ${key.slice(ATTRIBUTE_PREFIX.length)}="${escapeXmlAttribute(scalarText(child))}"`;
+      attrs += ` ${key.slice(ATTRIBUTE_PREFIX.length)}="${escapeXmlAttribute(scalarText(child2))}"`;
     } else {
       hasChildren = true;
     }
   }
   if (!hasChildren) {
     out.push(
-      text === null || text.length === 0 ? `
+      text2 === null || text2.length === 0 ? `
 ${indent}<${name}${attrs}/>` : `
-${indent}<${name}${attrs}>${escapeXmlText(text)}</${name}>`
+${indent}<${name}${attrs}>${escapeXmlText(text2)}</${name}>`
     );
     return;
   }
   out.push(`
 ${indent}<${name}${attrs}>`);
   const inner = `${indent}  `;
-  for (const [key, child] of Object.entries(object)) {
+  for (const [key, child2] of Object.entries(object)) {
     if (key !== TEXT_KEY && !key.startsWith(ATTRIBUTE_PREFIX)) {
-      writeElements(key, child, inner, out);
+      writeElements(key, child2, inner, out);
     }
   }
-  if (text !== null) {
-    out.push(escapeXmlText(text));
+  if (text2 !== null) {
+    out.push(escapeXmlText(text2));
   }
   out.push(`
 ${indent}</${name}>`);
@@ -362,6 +364,167 @@ function scalarText(value) {
       return "";
   }
 }
+const YFILES_COLUMN_PREFIX = "yfiles.";
+const NODE_FIELDS = {
+  position: { dtype: "f64", components: 3, role: "position", mutable: true },
+  width: { dtype: "f64" },
+  height: { dtype: "f64" },
+  color: { dtype: "string" },
+  borderColor: { dtype: "string" },
+  borderWidth: { dtype: "f64" },
+  label: { dtype: "string", role: "label" },
+  shape: { dtype: "string" }
+};
+const EDGE_FIELDS = {
+  color: { dtype: "string" },
+  width: { dtype: "f64" },
+  directed: { dtype: "bool" },
+  targetArrow: { dtype: "string" },
+  sourceArrow: { dtype: "string" }
+};
+function graphicsDecl(domain, field, keyId) {
+  const fields = domain === "node" ? NODE_FIELDS : EDGE_FIELDS;
+  return {
+    ...fields[field],
+    name: YFILES_COLUMN_PREFIX + field,
+    nullable: true,
+    origin: {
+      format: "graphml",
+      id: keyId,
+      title: null,
+      type: domain === "node" ? "ShapeNode" : "PolyLineEdge",
+      namespace: "yfiles"
+    }
+  };
+}
+function isGraphicsColumn(meta) {
+  return meta.dtype !== "json" && meta.origin?.namespace === "yfiles" && meta.name.startsWith(YFILES_COLUMN_PREFIX);
+}
+function staleGraphicsRows(column, table, domain) {
+  const field = column.meta.name.slice(YFILES_COLUMN_PREFIX.length);
+  const trees = [];
+  for (const c of table) {
+    if (c.dtype === "json" && c.meta.origin?.namespace === "yfiles") {
+      trees.push(c);
+    }
+  }
+  let stale = 0;
+  for (let r = 0; r < column.length; r++) {
+    const wants = /* @__PURE__ */ new Set();
+    for (const tree of trees) {
+      const want = graphicsValues(domain, tree.values[r]).find(([f]) => f === field);
+      if (want !== void 0) {
+        wants.add(JSON.stringify(want[1]));
+      }
+    }
+    if (wants.size === 0) {
+      wants.add(JSON.stringify(void 0));
+    }
+    const value = column.value(r);
+    const have = column.meta.components > 1 && value !== void 0 ? Array.from(value) : value;
+    if (!wants.has(JSON.stringify(have))) {
+      stale++;
+    }
+  }
+  return stale;
+}
+function graphicsValues(domain, tree) {
+  const out = [];
+  if (domain === "node") {
+    const shape = child(tree, "ShapeNode");
+    if (shape !== void 0) {
+      shapeNodeValues(shape, out);
+    }
+  } else {
+    const edge = child(tree, "PolyLineEdge");
+    if (edge !== void 0) {
+      polyLineEdgeValues(edge, out);
+    }
+  }
+  return out;
+}
+function shapeNodeValues(shape, out) {
+  const geometry = child(shape, "Geometry");
+  const x = number(attr(geometry, "x"));
+  const y = number(attr(geometry, "y"));
+  if (x !== void 0 && y !== void 0) {
+    out.push(["position", [x, y, 0]]);
+  }
+  push(out, "width", number(attr(geometry, "width")));
+  push(out, "height", number(attr(geometry, "height")));
+  push(out, "color", color(attr(child(shape, "Fill"), "color")));
+  const border = child(shape, "BorderStyle");
+  push(out, "borderColor", color(attr(border, "color")));
+  push(out, "borderWidth", number(attr(border, "width")));
+  const label = child(shape, "NodeLabel");
+  if (typeof label === "string" ? label.length > 0 : label !== void 0) {
+    out.push(["label", (typeof label === "string" ? label : text(label) ?? "").trim()]);
+  }
+  push(out, "shape", nonEmpty(attr(child(shape, "Shape"), "type")));
+}
+function polyLineEdgeValues(edge, out) {
+  const line = child(edge, "LineStyle");
+  push(out, "color", color(attr(line, "color")));
+  push(out, "width", number(attr(line, "width")));
+  const arrows = child(edge, "Arrows");
+  if (arrows !== void 0 && typeof arrows === "object") {
+    const target = attr(arrows, "target");
+    const source = attr(arrows, "source");
+    out.push(["directed", target !== void 0 && target !== "none"]);
+    push(out, "targetArrow", target === "none" ? void 0 : nonEmpty(target));
+    push(out, "sourceArrow", source === "none" ? void 0 : nonEmpty(source));
+  }
+}
+function push(out, field, value) {
+  if (value !== void 0) {
+    out.push([field, value]);
+  }
+}
+function child(node, local) {
+  if (typeof node !== "object" || node === null) {
+    return void 0;
+  }
+  for (const [key, value] of Object.entries(node)) {
+    if (!key.startsWith("@_") && key !== "#text" && localName(key) === local) {
+      return Array.isArray(value) ? value[0] : value;
+    }
+  }
+  return void 0;
+}
+function attr(node, name) {
+  if (typeof node !== "object" || node === null) {
+    return void 0;
+  }
+  const value = node[`@_${name}`];
+  return typeof value === "string" ? value : void 0;
+}
+function text(node) {
+  const value = typeof node === "object" && node !== null ? node["#text"] : void 0;
+  return typeof value === "string" ? value : void 0;
+}
+function nonEmpty(value) {
+  return value === void 0 || value.length === 0 ? void 0 : value;
+}
+function number(value) {
+  if (value === void 0 || value.length === 0) {
+    return void 0;
+  }
+  const n = Number.parseFloat(value);
+  return Number.isNaN(n) ? void 0 : n;
+}
+function color(value) {
+  if (value === void 0 || value.length === 0) {
+    return void 0;
+  }
+  if (/^#[0-9A-Fa-f]{6}$/.test(value)) {
+    return value.toUpperCase();
+  }
+  if (/^#[0-9A-Fa-f]{3}$/.test(value)) {
+    const [, r, g, b] = value;
+    return `#${r}${r}${g}${g}${b}${b}`.toUpperCase();
+  }
+  return value;
+}
 const CAPABILITIES = capabilities({
   mixedDirection: true,
   multiEdges: true,
@@ -399,7 +562,8 @@ const DROPPED_ROLES = /* @__PURE__ */ new Set([
   "timestamp",
   "timestamps",
   "spells",
-  "open"
+  "open",
+  "spellsOpen"
 ]);
 const SLOT_ROLES = /* @__PURE__ */ new Set(["label", "id", "sourcePort", "targetPort", "parent"]);
 const SLOT_ROLES_BY_DOMAIN = {
@@ -466,10 +630,13 @@ function graphmlMetaOf(snapshot) {
   return { graphId, edgedefault, namespaces };
 }
 function planExport(snapshot, options, format) {
+  const graphics = new Set(
+    [...snapshot.nodes, ...snapshot.edges].filter((c) => isGraphicsColumn(c.meta)).map((c) => c.meta.name)
+  );
   const notes = checkCapabilities(snapshot, CAPABILITIES, options, {
     roles: SLOT_ROLES,
     roleNames: ROLE_NAMES
-  }).filter((n) => n.code !== LOSS.JSON);
+  }).filter((n) => n.code !== LOSS.JSON && (n.column === null || !graphics.has(n.column)));
   const note = (code, message, column = null, count = null) => {
     notes.push(Object.freeze({ code, message, column, count }));
   };
@@ -720,6 +887,18 @@ function planTable(table, domain, notes, note) {
   for (const column of columns) {
     const { meta } = column;
     const { role, name } = meta;
+    if (isGraphicsColumn(meta)) {
+      const stale = domain === "graph" ? 0 : staleGraphicsRows(column, columns, domain);
+      if (stale > 0) {
+        note(
+          GRAPHML_LOSS.YFILES_GRAPHICS_STALE,
+          `${stale} value(s) of ${domain} column "${name}" differ from the yFiles tree it was read from; only the tree is written, so they are lost`,
+          name,
+          stale
+        );
+      }
+      continue;
+    }
     if (role === "parents") {
       note(
         GRAPHML_LOSS.PARENTS_DROPPED,
@@ -1035,24 +1214,24 @@ ${indent}</data>`);
 }
 function keyElement(key, indent) {
   const domain = key.domains.length === 3 ? "all" : key.domains[0];
-  let text = `${indent}<key id="${escapeXmlAttribute(key.id)}" for="${domain}"`;
+  let text2 = `${indent}<key id="${escapeXmlAttribute(key.id)}" for="${domain}"`;
   if (key.attrName !== null) {
-    text += ` attr.name="${escapeXmlAttribute(key.attrName)}"`;
+    text2 += ` attr.name="${escapeXmlAttribute(key.attrName)}"`;
   }
   if (key.attrType !== null) {
-    text += ` attr.type="${escapeXmlAttribute(key.attrType)}"`;
+    text2 += ` attr.type="${escapeXmlAttribute(key.attrType)}"`;
   }
   if (key.yfilesType !== null) {
-    text += ` yfiles.type="${escapeXmlAttribute(key.yfilesType)}"`;
+    text2 += ` yfiles.type="${escapeXmlAttribute(key.yfilesType)}"`;
   }
   const { column } = key;
   const desc = column?.meta.extra.desc;
   const hasDefault = column !== null && column.meta.default !== void 0;
   if (column === null || typeof desc !== "string" && !hasDefault) {
-    return `${text}/>
+    return `${text2}/>
 `;
   }
-  const parts = [`${text}>`];
+  const parts = [`${text2}>`];
   const inner = `${indent}  `;
   if (typeof desc === "string") {
     parts.push(`
@@ -1094,10 +1273,10 @@ function sanitizeEdgeIds(column, mode, edgeCount) {
     if (!column.isSet(e)) {
       continue;
     }
-    const text = edgeIdText(column, e);
-    if (isNmtoken(text)) {
-      out[e] = text;
-      used.add(text);
+    const text2 = edgeIdText(column, e);
+    if (isNmtoken(text2)) {
+      out[e] = text2;
+      used.add(text2);
     } else {
       bad.push(e);
     }
@@ -1342,7 +1521,14 @@ const graphmlExporter = Object.freeze({
 });
 const GRAPH_ATTRIBUTES = /* @__PURE__ */ new Set(["id", "edgedefault", "parse.nodes", "parse.edges"]);
 const NODE_ATTRIBUTES = /* @__PURE__ */ new Set(["id"]);
-const EDGE_ATTRIBUTES = /* @__PURE__ */ new Set(["id", "source", "target", "directed", "sourceport", "targetport"]);
+const EDGE_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "id",
+  "source",
+  "target",
+  "directed",
+  "sourceport",
+  "targetport"
+]);
 const FORMAT_DEFAULTS = { ids: "canonical", defaultDirected: false, weightFrom: "weight" };
 const SNIFF_BYTES = 4096;
 const YFILES_MODES = /* @__PURE__ */ new Set(["json", "skip"]);
@@ -1432,6 +1618,7 @@ class GraphmlReader {
     this.namespaces = {};
     this.weightOrigin = null;
     this.yfilesLossNoted = false;
+    this.graphicsColumns = /* @__PURE__ */ new Map();
     this.hyperedgeCount = 0;
     this.edgeIdHandle = INVALID_INDEX;
     this.sourcePortHandle = INVALID_INDEX;
@@ -1556,27 +1743,27 @@ class GraphmlReader {
    * @param text - the text
    * @param line - the line
    */
-  text(text, line) {
+  text(text2, line) {
     const ctx = this.ctx.length === 0 ? null : this.ctx[this.ctx.length - 1];
     switch (ctx) {
       case 9:
-        this.content.tree?.text(text);
+        this.content.tree?.text(text2);
         return;
       case 8:
       case 3:
         if (this.content.tree === null) {
-          this.content.text += text;
+          this.content.text += text2;
         } else {
-          this.content.tree.text(text);
+          this.content.tree.text(text2);
         }
         return;
       case 1:
-        this.descText += text;
+        this.descText += text2;
         return;
       case 10:
         return;
       default:
-        if (!isWhitespace(text)) {
+        if (!isWhitespace(text2)) {
           this.report.warnOnce(
             "validation-error",
             GRAPHML_ISSUE.STRAY_TEXT,
@@ -1892,11 +2079,11 @@ class GraphmlReader {
   }
   /** Close a `<desc>`. */
   finishDesc() {
-    const text = this.descText.trim();
+    const text2 = this.descText.trim();
     if (this.descTarget === "key" && this.pendingKey !== null) {
-      this.pendingKey.desc = text;
-    } else if (this.descTarget === "graph" && text.length > 0) {
-      this.description = text;
+      this.pendingKey.desc = text2;
+    } else if (this.descTarget === "graph" && text2.length > 0) {
+      this.description = text2;
     }
     this.descTarget = null;
     this.descText = "";
@@ -2003,16 +2190,16 @@ class GraphmlReader {
    * @param line - the line
    * @returns the count, or null
    */
-  hint(text, name, line) {
-    if (text === void 0) {
+  hint(text2, name, line) {
+    if (text2 === void 0) {
       return null;
     }
-    const n = hint(text);
+    const n = hint(text2);
     if (n === null || n > MAX_COUNT) {
       this.report.warning(
         "validation-error",
         GRAPHML_ISSUE.COUNT_HINT,
-        `<graph ${name}="${text}"> is not a count the sink can reserve; ignored`,
+        `<graph ${name}="${text2}"> is not a count the sink can reserve; ignored`,
         { line, element: name }
       );
       return null;
@@ -2060,8 +2247,9 @@ class GraphmlReader {
     }
     this.pendingKey = {
       id,
-      attrName: attrs.get("attr.name") ?? null,
-      attrType: attrs.get("attr.type") ?? null,
+      // `name` / `type` without the `attr.` prefix are written by some tools; the spec's spelling wins
+      attrName: attrs.get("attr.name") ?? attrs.get("name") ?? null,
+      attrType: attrs.get("attr.type") ?? attrs.get("type") ?? null,
       yfilesType: attrs.get("yfiles.type") ?? null,
       domains,
       line,
@@ -2086,11 +2274,12 @@ class GraphmlReader {
       this.report.error("validation-error", GRAPHML_ISSUE.KEY_MISSING_ID, "<key> without an id", where);
       return;
     }
-    if (this.keys.has(key.id)) {
+    const declared = this.keys.get(key.id) ?? [];
+    if (declared.some((entry) => entry.domains.some((domain) => key.domains.includes(domain)))) {
       this.report.error(
         "validation-error",
         GRAPHML_ISSUE.DUPLICATE_KEY,
-        `key "${key.id}" is declared twice`,
+        `key "${key.id}" is declared twice for the same kind of element`,
         where
       );
       return;
@@ -2141,18 +2330,21 @@ class GraphmlReader {
         this.report.recordError(err, where);
       }
     }
-    this.keys.set(key.id, {
-      id: key.id,
-      name,
-      node,
-      edge,
-      graph,
-      weight,
-      originalId,
-      yfiles,
-      skipped,
-      domains: key.domains
-    });
+    this.keys.set(key.id, [
+      ...declared,
+      {
+        id: key.id,
+        name,
+        node,
+        edge,
+        graph,
+        weight,
+        originalId,
+        yfiles,
+        skipped,
+        domains: key.domains
+      }
+    ]);
   }
   /**
    * Declare the column of a typed (or untyped, then string) key in one domain.
@@ -2292,7 +2484,8 @@ class GraphmlReader {
         line
       });
     } else {
-      const key = this.keys.get(keyId);
+      const entries = this.keys.get(keyId);
+      const key = entries?.find((entry) => entry.domains.includes(domain)) ?? entries?.[0];
       if (key === void 0) {
         this.report.error(
           "validation-error",
@@ -2377,17 +2570,17 @@ class GraphmlReader {
           }
           return;
         }
+        if (key.yfiles) {
+          for (const [handle, mapped] of this.graphics("node", key, value, where)) {
+            this.setNodeData(node, handle, mapped);
+          }
+        }
         if (key.node === null) {
           return;
         }
         const parsed = this.parseValue(key.node, value, where);
-        if (parsed === void 0) {
-          return;
-        }
-        if (node.index === INVALID_INDEX) {
-          node.pending.push(key.node.handle, parsed);
-        } else if (!node.failed) {
-          this.sink.setNodeValue(key.node.handle, node.index, parsed);
+        if (parsed !== void 0) {
+          this.setNodeData(node, key.node.handle, parsed);
         }
         return;
       }
@@ -2414,6 +2607,11 @@ class GraphmlReader {
           }
           return;
         }
+        if (key.yfiles) {
+          for (const [handle, mapped] of this.graphics("edge", key, value, where)) {
+            edge.pending.push(handle, mapped);
+          }
+        }
         if (key.edge === null) {
           return;
         }
@@ -2443,6 +2641,52 @@ class GraphmlReader {
       }
     }
   }
+  /**
+   * Write a node value now, or keep it until the node is added.
+   * @param node - the node state
+   * @param handle - the column
+   * @param value - the value
+   */
+  setNodeData(node, handle, value) {
+    if (node.index === INVALID_INDEX) {
+      node.pending.push(handle, value);
+    } else if (!node.failed) {
+      this.sink.setNodeValue(handle, node.index, value);
+    }
+  }
+  /**
+   * The typed values mapped from a yFiles graphics tree (yfiles.ts), each with its column,
+   * declared on first use.
+   * @param domain - node or edge
+   * @param key - the yFiles key
+   * @param tree - the `<data>` content
+   * @param where - the location for issues
+   * @returns column handle and value pairs
+   */
+  graphics(domain, key, tree, where) {
+    const out = [];
+    for (const [field, value] of graphicsValues(domain, tree)) {
+      const id = `${domain}:${field}`;
+      let handle = this.graphicsColumns.get(id);
+      if (handle === void 0) {
+        try {
+          ({ handle } = declareResolved(
+            this.sink,
+            domain,
+            graphicsDecl(domain, field, key.id),
+            this.report,
+            where
+          ));
+        } catch (err) {
+          this.report.recordError(err, where);
+          continue;
+        }
+        this.graphicsColumns.set(id, handle);
+      }
+      out.push([handle, value]);
+    }
+    return out;
+  }
   /**
    * Parse the content of a `<data>` by its column's declaration.
    * @param target - the column
@@ -3002,13 +3246,13 @@ class GraphmlReader {
    * @param line - the line
    * @returns the node id
    */
-  endpointId(text, line) {
-    const restored = this.restored.get(text);
+  endpointId(text2, line) {
+    const restored = this.restored.get(text2);
     if (restored !== void 0) {
       return restored;
     }
-    const id = this.coercer.text(text);
-    this.reportMerge(text, line);
+    const id = this.coercer.text(text2);
+    this.reportMerge(text2, line);
     return id;
   }
   /**
@@ -3016,23 +3260,23 @@ class GraphmlReader {
    * @param text - the id text just coerced
    * @param line - the line
    */
-  reportMerge(text, line) {
+  reportMerge(text2, line) {
     const merge = this.coercer.lastMerge;
     if (merge !== null) {
       this.report.warning(
         "coercion",
         GRAPHML_ISSUE.ID_MERGED,
         `id "${merge.text}" merged with "${merge.previousText}" as ${merge.id} under ids: "number"`,
-        { line, element: text }
+        { line, element: text2 }
       );
     }
   }
 }
-function hint(text) {
-  if (text === void 0 || !/^[0-9]+$/.test(text)) {
+function hint(text2) {
+  if (text2 === void 0 || !/^[0-9]+$/.test(text2)) {
     return null;
   }
-  const n = Number(text);
+  const n = Number(text2);
   return Number.isSafeInteger(n) ? n : null;
 }
 function resolveYfiles(options) {
@@ -3049,12 +3293,12 @@ function resolveYfiles(options) {
   return value;
 }
 function sniffGraphml(head) {
-  const text = new TextDecoder("utf-8", { fatal: false }).decode(head.subarray(0, SNIFF_BYTES));
-  const root = text.indexOf("<graphml");
+  const text2 = new TextDecoder("utf-8", { fatal: false }).decode(head.subarray(0, SNIFF_BYTES));
+  const root = text2.indexOf("<graphml");
   if (root >= 0) {
-    return text.includes(GRAPHML_NAMESPACE, root) ? 1 : 0.9;
+    return text2.includes(GRAPHML_NAMESPACE, root) ? 1 : 0.9;
   }
-  return /^\s*<(\?xml|!--|!DOCTYPE)/.test(text) ? 0.05 : 0;
+  return /^\s*<(\?xml|!--|!DOCTYPE)/.test(text2) ? 0.05 : 0;
 }
 async function importGraphml(input, sink, options) {
   const common = resolveImportOptions(options, FORMAT_DEFAULTS);
@@ -3088,4 +3332,4 @@ export {
   graphmlImporter as b,
   graphmlExporter as g
 };
-//# sourceMappingURL=importer-BddBW3sf.js.map
+//# sourceMappingURL=importer-9PxhqH4v.js.map