data-navigator 2.4.1 → 3.0.0

package/dist/index.js

@@ -17,6 +17,28 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -55,8 +77,8 @@ var defaultKeyBindings = {
   ArrowDown: "down",
   Period: "forward",
   Comma: "backward",
-  Escape: "parent",
-  Enter: "child"
+  Escape: "drill-out",
+  Enter: "drill-in"
 };
 var TypicallyUnreservedKeys = ["KeyW", "KeyJ", "LeftBracket", "RightBracket", "Slash", "Backslash"];
 var TypicallyUnreservedKeyPairs = [
@@ -80,11 +102,11 @@ var GenericFullNavigationRules = {
     key: "ArrowDown",
     direction: "target"
   },
-  child: {
+  "drill-in": {
     key: "Enter",
     direction: "target"
   },
-  parent: {
+  "drill-out": {
     key: "Backspace",
     direction: "source"
   },
@@ -140,11 +162,11 @@ var GenericLimitedNavigationRules = {
     key: "ArrowUp",
     direction: "source"
   },
-  child: {
+  "drill-in": {
     key: "Enter",
     direction: "target"
   },
-  parent: {
+  "drill-out": {
     key: "Backspace",
     direction: "source"
   },
@@ -187,6 +209,26 @@ var NodeElementDefaults = {
     spatialProperties: void 0
   }
 };
+var GenericNavigationRuleCommands = {
+  "drill-in": { label: "Enter", description: "Drill in" },
+  "drill-out": { label: "Backspace", description: "Drill out" },
+  exit: { label: "Esc", description: "Exit" },
+  left: { label: "\u2190", description: "Previous data point" },
+  right: { label: "\u2192", description: "Next data point" },
+  up: { label: "\u2191", description: "Previous data point" },
+  down: { label: "\u2193", description: "Next data point" },
+  backward: { label: ",", description: "Move backward" },
+  forward: { label: ".", description: "Move forward" },
+  previous: { label: ";", description: "Previous" },
+  next: { label: "'", description: "Next" },
+  undo: { label: "Z", description: "Undo" },
+  help: { label: "Y", description: "Help" },
+  legend: { label: "L", description: "Legend" }
+};
+var commandsTableDefaultColumns = [
+  { label: "Command", id: "description" },
+  { label: "Key", id: "label" }
+];
 
 // src/utilities.ts
 var describeNode = (d, descriptionOptions) => {
@@ -201,6 +243,12 @@ var describeNode = (d, descriptionOptions) => {
 var createValidId = (s) => {
   return "_" + s.replace(/[^a-zA-Z0-9_-]+/g, "_");
 };
+function getGenericCommandsFromNavRules(navigationRules) {
+  if (!navigationRules) {
+    return [];
+  }
+  return Object.keys(navigationRules).map((navId) => GenericNavigationRuleCommands[navId]).filter(Boolean);
+}
 
 // src/structure.ts
 var structure_default = (options) => {
@@ -277,7 +325,7 @@ var buildNodeStructureFromVegaLite = (options) => {
           edges[firstChildEdge] = {
             source: node.id,
             target: firstChildId,
-            navigationRules: ["parent", "child"]
+            navigationRules: ["drill-out", "drill-in"]
           };
         }
       }
@@ -290,7 +338,7 @@ var buildNodeStructureFromVegaLite = (options) => {
           edges[parentEdge] = {
             source: parentId,
             target: node.id,
-            navigationRules: ["parent", "child"]
+            navigationRules: ["drill-out", "drill-in"]
           };
         }
       }
@@ -491,7 +539,7 @@ var scaffoldDimensions = (options, nodes) => {
               },
               navigationRules: dim.navigationRules || {
                 sibling_sibling: rules.length ? [...rules.shift()] : ["previous_" + dim.dimensionKey, "next_" + dim.dimensionKey],
-                parent_child: ["parent_" + dim.dimensionKey, "child"]
+                parent_child: ["drill-out_" + dim.dimensionKey, "drill-in"]
               }
             };
             nodes[id2] = {
@@ -721,7 +769,7 @@ var buildEdges = (options, nodes, dimensions) => {
     let po = ((_d = options.dimensions) == null ? void 0 : _d.parentOptions) || {};
     let extents = ((_f = (_e = po.level1Options) == null ? void 0 : _e.behavior) == null ? void 0 : _f.extents) || "terminal";
     let level0 = po.addLevel0;
-    let parentRules = level0 ? ((_h = (_g = po.level1Options) == null ? void 0 : _g.navigationRules) == null ? void 0 : _h.parent_child) || ["parent", "child"] : [];
+    let parentRules = level0 ? ((_h = (_g = po.level1Options) == null ? void 0 : _g.navigationRules) == null ? void 0 : _h.parent_child) || ["drill-out", "drill-in"] : [];
     let siblingRules = ((_j = (_i = po.level1Options) == null ? void 0 : _i.navigationRules) == null ? void 0 : _j.sibling_sibling) || ["left", "right"];
     let firstLevel1Node = typeof order[0] === "string" ? hasOrder ? nodes[order[0]] : nodes[dimensions[order[0]].nodeId] : order[0];
     if (level0) {
@@ -1033,8 +1081,8 @@ var buildRules = (options, edges, dimensions) => {
     if (dimKeys.length) {
       if ((_b = (_a = options.dimensions) == null ? void 0 : _a.parentOptions) == null ? void 0 : _b.addLevel0) {
         let rules2 = ((_d = (_c = options.dimensions.parentOptions.level1Options) == null ? void 0 : _c.navigationRules) == null ? void 0 : _d.parent_child) || [
-          "parent",
-          "child"
+          "drill-out",
+          "drill-in"
         ];
         checkKeys(rules2[0], rules2[1]);
       }
@@ -1190,6 +1238,124 @@ var input_default = (options) => {
   return inputHandler;
 };
 
+// src/commands-table.ts
+var _commands, _columns, _kbdColumn, _connected, _render, render_fn;
+var CommandsTable = class extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _render);
+    __privateAdd(this, _commands, []);
+    __privateAdd(this, _columns, commandsTableDefaultColumns);
+    __privateAdd(this, _kbdColumn, "label");
+    __privateAdd(this, _connected, false);
+  }
+  static get observedAttributes() {
+    return ["title"];
+  }
+  set commands(value) {
+    __privateSet(this, _commands, value);
+    if (!__privateGet(this, _connected))
+      return;
+    __privateMethod(this, _render, render_fn).call(this);
+  }
+  get commands() {
+    return __privateGet(this, _commands);
+  }
+  set columns(value) {
+    __privateSet(this, _columns, value);
+    if (!__privateGet(this, _connected))
+      return;
+    __privateMethod(this, _render, render_fn).call(this);
+  }
+  get columns() {
+    return __privateGet(this, _columns);
+  }
+  /** Column id whose cells are wrapped in <kbd>. Defaults to 'label'. Set to null to disable. */
+  set kbdColumn(value) {
+    __privateSet(this, _kbdColumn, value);
+    if (!__privateGet(this, _connected))
+      return;
+    __privateMethod(this, _render, render_fn).call(this);
+  }
+  get kbdColumn() {
+    return __privateGet(this, _kbdColumn);
+  }
+  attributeChangedCallback() {
+    if (!__privateGet(this, _connected))
+      return;
+    __privateMethod(this, _render, render_fn).call(this);
+  }
+  connectedCallback() {
+    __privateSet(this, _connected, true);
+    __privateMethod(this, _render, render_fn).call(this);
+  }
+  disconnectedCallback() {
+    __privateSet(this, _connected, false);
+  }
+};
+_commands = new WeakMap();
+_columns = new WeakMap();
+_kbdColumn = new WeakMap();
+_connected = new WeakMap();
+_render = new WeakSet();
+render_fn = function() {
+  this.replaceChildren();
+  const headerCells = [];
+  for (const column of __privateGet(this, _columns)) {
+    const headerCell = document.createElement("th");
+    headerCell.classList.add("dn-commands-table-th");
+    headerCell.textContent = column.label;
+    headerCells.push(headerCell);
+  }
+  const headerRow = document.createElement("tr");
+  headerRow.classList.add("dn-commands-table-thead-tr");
+  for (const headerCell of headerCells) {
+    headerRow.appendChild(headerCell);
+  }
+  const thead = document.createElement("thead");
+  thead.classList.add("dn-commands-table-thead");
+  thead.appendChild(headerRow);
+  const tbody = document.createElement("tbody");
+  tbody.classList.add("dn-commands-table-tbody");
+  for (const command of __privateGet(this, _commands)) {
+    const rowCells = [];
+    for (const column of __privateGet(this, _columns)) {
+      const cellValue = command[column.id];
+      const rowCell = document.createElement("td");
+      rowCell.classList.add("dn-commands-table-td");
+      if (__privateGet(this, _kbdColumn) !== null && column.id === __privateGet(this, _kbdColumn) && cellValue) {
+        const kbd = document.createElement("kbd");
+        kbd.classList.add("dn-commands-table-td-kbd");
+        kbd.textContent = cellValue;
+        rowCell.append(kbd);
+      } else {
+        rowCell.textContent = cellValue;
+      }
+      rowCells.push(rowCell);
+    }
+    const row = document.createElement("tr");
+    row.classList.add("dn-commands-table-tbody-tr");
+    for (const rowCell of rowCells) {
+      row.appendChild(rowCell);
+    }
+    tbody.appendChild(row);
+  }
+  const table = document.createElement("table");
+  table.classList.add("dn-commands-table");
+  const title = this.getAttribute("title");
+  if (title) {
+    const caption = document.createElement("caption");
+    caption.classList.add("dn-commands-table-caption");
+    caption.textContent = title;
+    table.appendChild(caption);
+  } else {
+    table.setAttribute("aria-label", "Commands table");
+  }
+  table.appendChild(thead);
+  table.appendChild(tbody);
+  this.appendChild(table);
+};
+
 // src/rendering.ts
 var rendering_default = (options) => {
   const setActiveDescendant = (e) => {
@@ -1215,7 +1381,7 @@ var rendering_default = (options) => {
     defaults.existingElement = options.defaults.existingElement ? __spreadValues(__spreadValues({}, defaults.existingElement), options.defaults.existingElement) : defaults.existingElement;
   }
   renderer.initialize = () => {
-    var _a;
+    var _a, _b;
     if (initialized) {
       console.error(
         `The renderer wrapper has already been initialized successfully, RenderingOptions.suffixId is: ${options.suffixId}. No further action was taken.`
@@ -1246,6 +1412,9 @@ var rendering_default = (options) => {
     if (options.root && options.root.height) {
       renderer.wrapper.style.height = options.root.height;
     }
+    if ((_a = options.commandsElement) == null ? void 0 : _a.include) {
+      renderer.initializeCommands(options.commandsElement);
+    }
     if (options.entryButton && options.entryButton.include) {
       renderer.entryButton = document.createElement("button");
       renderer.entryButton.id = "dn-entry-button-" + options.suffixId;
@@ -1260,7 +1429,7 @@ var rendering_default = (options) => {
       renderer.wrapper.appendChild(renderer.entryButton);
     }
     renderer.root.appendChild(renderer.wrapper);
-    if ((_a = options.exitElement) == null ? void 0 : _a.include) {
+    if ((_b = options.exitElement) == null ? void 0 : _b.include) {
       renderer.exitElement = document.createElement("div");
       renderer.exitElement.id = "dn-exit-" + options.suffixId;
       renderer.exitElement.classList.add("dn-exit-position");
@@ -1270,17 +1439,17 @@ var rendering_default = (options) => {
       renderer.exitElement.setAttribute("tabindex", "-1");
       renderer.exitElement.style.display = "none";
       renderer.exitElement.addEventListener("focus", (e) => {
-        var _a2, _b;
+        var _a2, _b2;
         renderer.exitElement.style.display = "block";
         renderer.clearStructure();
-        if ((_b = (_a2 = options.exitElement) == null ? void 0 : _a2.callbacks) == null ? void 0 : _b.focus) {
+        if ((_b2 = (_a2 = options.exitElement) == null ? void 0 : _a2.callbacks) == null ? void 0 : _b2.focus) {
           options.exitElement.callbacks.focus(e);
         }
       });
       renderer.exitElement.addEventListener("blur", (e) => {
-        var _a2, _b;
+        var _a2, _b2;
         renderer.exitElement.style.display = "none";
-        if ((_b = (_a2 = options.exitElement) == null ? void 0 : _a2.callbacks) == null ? void 0 : _b.blur) {
+        if ((_b2 = (_a2 = options.exitElement) == null ? void 0 : _a2.callbacks) == null ? void 0 : _b2.blur) {
           options.exitElement.callbacks.blur(e);
         }
       });
@@ -1393,6 +1562,31 @@ var rendering_default = (options) => {
       }
     });
   };
+  renderer.initializeCommands = (commandOptions) => {
+    const root = document.getElementById(commandOptions == null ? void 0 : commandOptions.rootId);
+    if (!root) {
+      console.error("Commands root element not found in document.");
+      return;
+    }
+    const optionsCommands = commandOptions.commands;
+    const genericCommandsFromRules = getGenericCommandsFromNavRules(commandOptions.navigationRules);
+    const commands = optionsCommands ? typeof optionsCommands === "function" ? optionsCommands(genericCommandsFromRules) : optionsCommands : genericCommandsFromRules;
+    if (!customElements.get("dn-commands-table")) {
+      customElements.define("dn-commands-table", CommandsTable);
+    }
+    const commandsElement = document.createElement("dn-commands-table");
+    if (commandOptions == null ? void 0 : commandOptions.title) {
+      commandsElement.setAttribute("title", commandOptions.title);
+    }
+    commandsElement.commands = commands;
+    if (commandOptions.columns) {
+      commandsElement.columns = commandOptions.columns;
+    }
+    root.appendChild(commandsElement);
+    return commandsElement;
+  };
+  renderer.getGenericCommandsFromNavRules = getGenericCommandsFromNavRules;
+  renderer.CommandsTable = CommandsTable;
   return renderer;
 };
 
@@ -1949,8 +2143,201 @@ var text_chat_default = (options) => {
   };
 };
 
+// src/geometry.ts
+function grahamScan(points) {
+  if (points.length < 3)
+    return [...points];
+  let pivot = points[0];
+  for (const p of points) {
+    if (p.y < pivot.y || p.y === pivot.y && p.x < pivot.x)
+      pivot = p;
+  }
+  const sorted = [...points].sort((a, b) => {
+    const ax = a.x - pivot.x, ay = a.y - pivot.y;
+    const bx = b.x - pivot.x, by = b.y - pivot.y;
+    const cross2 = ax * by - ay * bx;
+    if (cross2 !== 0)
+      return -cross2;
+    return ax * ax + ay * ay - (bx * bx + by * by);
+  });
+  const hull = [];
+  for (const p of sorted) {
+    while (hull.length >= 2 && cross(hull[hull.length - 2], hull[hull.length - 1], p) <= 0) {
+      hull.pop();
+    }
+    hull.push(p);
+  }
+  return hull;
+}
+function cross(O, A, B) {
+  return (A.x - O.x) * (B.y - O.y) - (A.y - O.y) * (B.x - O.x);
+}
+function convexHullPath(points) {
+  if (points.length === 0)
+    return "";
+  if (points.length === 1) {
+    const p = points[0];
+    return `M${p.x},${p.y}Z`;
+  }
+  const hull = grahamScan(points);
+  if (hull.length === 0)
+    return "";
+  const [first, ...rest] = hull;
+  return `M${fmt(first.x)},${fmt(first.y)}` + rest.map((p) => `L${fmt(p.x)},${fmt(p.y)}`).join("") + "Z";
+}
+function expandHull(hullPoints, padPx) {
+  if (padPx === 0 || hullPoints.length === 0)
+    return hullPoints;
+  const cx = hullPoints.reduce((s, p) => s + p.x, 0) / hullPoints.length;
+  const cy = hullPoints.reduce((s, p) => s + p.y, 0) / hullPoints.length;
+  return hullPoints.map((p) => {
+    const dx = p.x - cx;
+    const dy = p.y - cy;
+    const dist = Math.hypot(dx, dy);
+    if (dist === 0)
+      return p;
+    return { x: p.x + dx / dist * padPx, y: p.y + dy / dist * padPx };
+  });
+}
+function rectCorners(r) {
+  return [
+    { x: r.x, y: r.y },
+    { x: r.x + r.width, y: r.y },
+    { x: r.x + r.width, y: r.y + r.height },
+    { x: r.x, y: r.y + r.height }
+  ];
+}
+function padRect(r, pad) {
+  return { x: r.x - pad, y: r.y - pad, width: r.width + pad * 2, height: r.height + pad * 2 };
+}
+function convexHullOfRects(rects, padPx = 0) {
+  if (rects.length === 0)
+    return "";
+  const corners = rects.flatMap(rectCorners);
+  const hull = grahamScan(corners);
+  const expanded = padPx > 0 ? expandHull(hull, padPx) : hull;
+  return hullToPath(expanded);
+}
+function unionOfRectPaths(rects, padPx = 0) {
+  if (rects.length === 0)
+    return "";
+  return rects.map((r) => {
+    const pr = padPx > 0 ? padRect(r, padPx) : r;
+    const { x, y, width: w, height: h } = pr;
+    return `M${fmt(x)},${fmt(y)}L${fmt(x + w)},${fmt(y)}L${fmt(x + w)},${fmt(y + h)}L${fmt(x)},${fmt(y + h)}Z`;
+  }).join("");
+}
+function boundingRectPath(rects, padPx = 0) {
+  if (rects.length === 0)
+    return "";
+  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+  for (const r of rects) {
+    minX = Math.min(minX, r.x);
+    minY = Math.min(minY, r.y);
+    maxX = Math.max(maxX, r.x + r.width);
+    maxY = Math.max(maxY, r.y + r.height);
+  }
+  minX -= padPx;
+  minY -= padPx;
+  maxX += padPx;
+  maxY += padPx;
+  return `M${fmt(minX)},${fmt(minY)}L${fmt(maxX)},${fmt(minY)}L${fmt(maxX)},${fmt(maxY)}L${fmt(minX)},${fmt(maxY)}Z`;
+}
+function convexHullOfCircles(circles, padPx = 0) {
+  if (circles.length === 0)
+    return "";
+  const SAMPLES = 16;
+  const points = [];
+  for (const { x, y, r } of circles) {
+    const effectiveR = r + padPx;
+    for (let i = 0; i < SAMPLES; i++) {
+      const angle = 2 * Math.PI * i / SAMPLES;
+      points.push({
+        x: x + effectiveR * Math.cos(angle),
+        y: y + effectiveR * Math.sin(angle)
+      });
+    }
+  }
+  return convexHullPath(points);
+}
+function offsetLinePath(points, offsetPx) {
+  if (points.length < 2) {
+    if (points.length === 1) {
+      const p = points[0];
+      return convexHullOfCircles([{ x: p.x, y: p.y, r: offsetPx }]);
+    }
+    return "";
+  }
+  const normals = [];
+  for (let i = 0; i < points.length - 1; i++) {
+    const dx = points[i + 1].x - points[i].x;
+    const dy = points[i + 1].y - points[i].y;
+    const len = Math.hypot(dx, dy);
+    normals.push(len === 0 ? { x: 0, y: -1 } : { x: -dy / len, y: dx / len });
+  }
+  const vertexNormals = [];
+  for (let i = 0; i < points.length; i++) {
+    if (i === 0) {
+      vertexNormals.push(normals[0]);
+    } else if (i === points.length - 1) {
+      vertexNormals.push(normals[normals.length - 1]);
+    } else {
+      const n1 = normals[i - 1];
+      const n2 = normals[i];
+      const avg = { x: (n1.x + n2.x) / 2, y: (n1.y + n2.y) / 2 };
+      const len = Math.hypot(avg.x, avg.y);
+      vertexNormals.push(len === 0 ? n1 : { x: avg.x / len, y: avg.y / len });
+    }
+  }
+  const left = points.map((p, i) => ({
+    x: p.x + vertexNormals[i].x * offsetPx,
+    y: p.y + vertexNormals[i].y * offsetPx
+  }));
+  const right = points.map((p, i) => ({
+    x: p.x - vertexNormals[i].x * offsetPx,
+    y: p.y - vertexNormals[i].y * offsetPx
+  })).reverse();
+  const firstLeft = left[0];
+  let d = `M${fmt(firstLeft.x)},${fmt(firstLeft.y)}`;
+  for (let i = 1; i < left.length; i++) {
+    d += `L${fmt(left[i].x)},${fmt(left[i].y)}`;
+  }
+  const lastLeft = left[left.length - 1];
+  const firstRight = right[0];
+  d += arcCap(lastLeft, firstRight, offsetPx);
+  for (let i = 1; i < right.length; i++) {
+    d += `L${fmt(right[i].x)},${fmt(right[i].y)}`;
+  }
+  const lastRight = right[right.length - 1];
+  d += arcCap(lastRight, firstLeft, offsetPx);
+  d += "Z";
+  return d;
+}
+function arcCap(from, to, r) {
+  return `A${fmt(r)},${fmt(r)},0,0,0,${fmt(to.x)},${fmt(to.y)}`;
+}
+function fmt(n) {
+  return Math.round(n * 100) / 100 + "";
+}
+function hullToPath(hull) {
+  if (hull.length === 0)
+    return "";
+  const [first, ...rest] = hull;
+  return `M${fmt(first.x)},${fmt(first.y)}` + rest.map((p) => `L${fmt(p.x)},${fmt(p.y)}`).join("") + "Z";
+}
+
 // src/index.ts
 var src_default = { structure: structure_default, input: input_default, rendering: rendering_default, textChat: text_chat_default };
 export {
-  src_default as default
+  boundingRectPath,
+  convexHullOfCircles,
+  convexHullOfRects,
+  convexHullPath,
+  createValidId,
+  src_default as default,
+  describeNode,
+  expandHull,
+  grahamScan,
+  offsetLinePath,
+  unionOfRectPaths
 };

package/dist/input.cjs

@@ -1 +1 @@
-var p=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var v=(r,t)=>{for(var n in t)p(r,n,{get:t[n],enumerable:!0})},x=(r,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of h(t))!m.call(r,e)&&e!==n&&p(r,e,{get:()=>t[e],enumerable:!(s=k(t,e))||s.enumerable});return r};var R=r=>x(p({},"__esModule",{value:!0}),r);var A={};v(A,{default:()=>b});module.exports=R(A);var g={ArrowLeft:"left",ArrowRight:"right",ArrowUp:"up",ArrowDown:"down",Period:"forward",Comma:"backward",Escape:"parent",Enter:"child"};var f={left:{key:"ArrowLeft",direction:"source"},right:{key:"ArrowRight",direction:"target"},up:{key:"ArrowUp",direction:"source"},down:{key:"ArrowDown",direction:"target"},child:{key:"Enter",direction:"target"},parent:{key:"Backspace",direction:"source"},backward:{key:"Comma",direction:"source"},forward:{key:"Period",direction:"target"},previous:{key:"Semicolon",direction:"source"},next:{key:"Quote",direction:"target"},exit:{key:"Escape",direction:"target"},help:{key:"KeyY",direction:"target"},undo:{key:"KeyZ",direction:"target"}};var b=r=>{let t={},n=g,s=f;return t.moveTo=e=>{let i=r.structure.nodes[e];if(i)return i},t.move=(e,i)=>{if(e){let a=r.structure.nodes[e];if(a.edges){let c=null,d=0,l=s[i];if(!l)return;let w=(u,o)=>{if(u!==i)return null;let y={target:typeof o.target=="string"?o.target:o.target(a,e),source:typeof o.source=="string"?o.source:o.source(a,e)};return y[l.direction]!==e?y[l.direction]:null};for(d=0;d<a.edges.length;d++){let u=r.structure.edges[a.edges[d]];if(u.navigationRules.forEach(o=>{c||(c=w(o,u))}),c)break}return c?t.moveTo(c):void 0}}},t.enter=()=>{if(r.entryPoint)return t.moveTo(r.entryPoint);console.error("No entry point was specified in InputOptions, returning undefined")},t.exit=()=>{if(r.exitPoint)return r.exitPoint;console.error("No exit point was specified in InputOptions, returning undefined")},t.keydownValidator=e=>{let i=n[e.code];if(i)return i},t.focus=e=>{let i=document.getElementById(e);i&&i.focus()},t.setNavigationKeyBindings=e=>{e?(n={},s=e,Object.keys(e).forEach(i=>{let a=e[i];n[a.key]=i})):(n=g,s=f)},t.setNavigationKeyBindings(r.navigationRules),t};
+var p=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var v=(r,t)=>{for(var o in t)p(r,o,{get:t[o],enumerable:!0})},x=(r,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of m(t))!b.call(r,e)&&e!==o&&p(r,e,{get:()=>t[e],enumerable:!(l=k(t,e))||l.enumerable});return r};var h=r=>x(p({},"__esModule",{value:!0}),r);var R={};v(R,{default:()=>N});module.exports=h(R);var g={ArrowLeft:"left",ArrowRight:"right",ArrowUp:"up",ArrowDown:"down",Period:"forward",Comma:"backward",Escape:"drill-out",Enter:"drill-in"};var f={left:{key:"ArrowLeft",direction:"source"},right:{key:"ArrowRight",direction:"target"},up:{key:"ArrowUp",direction:"source"},down:{key:"ArrowDown",direction:"target"},"drill-in":{key:"Enter",direction:"target"},"drill-out":{key:"Backspace",direction:"source"},backward:{key:"Comma",direction:"source"},forward:{key:"Period",direction:"target"},previous:{key:"Semicolon",direction:"source"},next:{key:"Quote",direction:"target"},exit:{key:"Escape",direction:"target"},help:{key:"KeyY",direction:"target"},undo:{key:"KeyZ",direction:"target"}};var N=r=>{let t={},o=g,l=f;return t.moveTo=e=>{let i=r.structure.nodes[e];if(i)return i},t.move=(e,i)=>{if(e){let a=r.structure.nodes[e];if(a.edges){let d=null,s=0,u=l[i];if(!u)return;let w=(c,n)=>{if(c!==i)return null;let y={target:typeof n.target=="string"?n.target:n.target(a,e),source:typeof n.source=="string"?n.source:n.source(a,e)};return y[u.direction]!==e?y[u.direction]:null};for(s=0;s<a.edges.length;s++){let c=r.structure.edges[a.edges[s]];if(c.navigationRules.forEach(n=>{d||(d=w(n,c))}),d)break}return d?t.moveTo(d):void 0}}},t.enter=()=>{if(r.entryPoint)return t.moveTo(r.entryPoint);console.error("No entry point was specified in InputOptions, returning undefined")},t.exit=()=>{if(r.exitPoint)return r.exitPoint;console.error("No exit point was specified in InputOptions, returning undefined")},t.keydownValidator=e=>{let i=o[e.code];if(i)return i},t.focus=e=>{let i=document.getElementById(e);i&&i.focus()},t.setNavigationKeyBindings=e=>{e?(o={},l=e,Object.keys(e).forEach(i=>{let a=e[i];o[a.key]=i})):(o=g,l=f)},t.setNavigationKeyBindings(r.navigationRules),t};

package/dist/input.js

@@ -1 +1 @@
-import{a}from"./chunk-FP25I6TN.js";import"./chunk-MPFBSVCV.js";import"./chunk-RGY6OTGO.js";export{a as default};
+import{a}from"./chunk-UNB4R2QN.js";import"./chunk-7YO7HC2V.js";export{a as default};

package/dist/rendering.cjs

@@ -1 +1 @@
-var b=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames,N=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var O=(e,r,i)=>r in e?b(e,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[r]=i,o=(e,r)=>{for(var i in r||(r={}))T.call(r,i)&&O(e,i,r[i]);if(N)for(var i of N(r))j.call(r,i)&&O(e,i,r[i]);return e};var F=(e,r)=>{for(var i in r)b(e,i,{get:r[i],enumerable:!0})},U=(e,r,i,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let m of I(r))!T.call(e,m)&&m!==i&&b(e,m,{get:()=>r[m],enumerable:!(t=K(r,m))||t.enumerable});return e};var z=e=>U(b({},"__esModule",{value:!0}),e);var $={};F($,{default:()=>G});module.exports=z($);var w={cssClass:void 0,spatialProperties:{x:0,y:0,width:0,height:0,path:""},semantics:{label:"",elementType:"div",role:"image",attributes:void 0},parentSemantics:{label:"",elementType:"figure",role:"figure",attributes:void 0},existingElement:{useForSpatialProperties:!1,spatialProperties:void 0}};var G=e=>{let r=l=>{t.wrapper.setAttribute("aria-activedescendant",l.srcElement.id)},i=()=>{t.wrapper.setAttribute("aria-activedescendant","")},t={},m=!1,n={cssClass:w.cssClass,spatialProperties:o({},w.spatialProperties),semantics:o({},w.semantics),parentSemantics:o({},w.parentSemantics),existingElement:o({},w.existingElement)};return e.defaults&&(n.cssClass=e.defaults.cssClass||n.cssClass,n.spatialProperties=e.defaults.spatialProperties?o(o({},n.spatialProperties),e.defaults.spatialProperties):n.spatialProperties,n.semantics=e.defaults.semantics?o(o({},n.semantics),e.defaults.semantics):n.semantics,n.parentSemantics=e.defaults.parentSemantics?o(o({},n.parentSemantics),e.defaults.parentSemantics):n.parentSemantics,n.existingElement=e.defaults.existingElement?o(o({},n.existingElement),e.defaults.existingElement):n.existingElement),t.initialize=()=>{var l;if(m){console.error(`The renderer wrapper has already been initialized successfully, RenderingOptions.suffixId is: ${e.suffixId}. No further action was taken.`);return}if(e.root&&document.getElementById(e.root.id))t.root=document.getElementById(e.root.id);else{console.error("No root element found, cannot build: RenderingOptions.root.id must reference an existing DOM element in order to render children.");return}if(t.root.style.position="relative",t.root.classList.add("dn-root"),!e.suffixId){console.error("No suffix id found: options.suffixId must be specified.");return}return t.wrapper=document.createElement("div"),t.wrapper.id="dn-wrapper-"+e.suffixId,t.wrapper.setAttribute("role","application"),t.wrapper.setAttribute("aria-label",e.root.description||"Data navigation structure"),t.wrapper.setAttribute("aria-activedescendant",""),t.wrapper.classList.add("dn-wrapper"),t.wrapper.style.width=e.root&&e.root.width?e.root.width:"100%",e.root&&e.root.height&&(t.wrapper.style.height=e.root.height),e.entryButton&&e.entryButton.include&&(t.entryButton=document.createElement("button"),t.entryButton.id="dn-entry-button-"+e.suffixId,t.entryButton.classList.add("dn-entry-button"),t.entryButton.innerText="Enter navigation area",e.entryButton.callbacks&&e.entryButton.callbacks.click&&t.entryButton.addEventListener("click",e.entryButton.callbacks.click),e.entryButton.callbacks&&e.entryButton.callbacks.focus&&t.entryButton.addEventListener("focus",e.entryButton.callbacks.focus),t.wrapper.appendChild(t.entryButton)),t.root.appendChild(t.wrapper),(l=e.exitElement)!=null&&l.include&&(t.exitElement=document.createElement("div"),t.exitElement.id="dn-exit-"+e.suffixId,t.exitElement.classList.add("dn-exit-position"),t.exitElement.innerText="End of data structure.",t.exitElement.setAttribute("aria-label","End of data structure."),t.exitElement.setAttribute("role","note"),t.exitElement.setAttribute("tabindex","-1"),t.exitElement.style.display="none",t.exitElement.addEventListener("focus",d=>{var c,y;t.exitElement.style.display="block",t.clearStructure(),(y=(c=e.exitElement)==null?void 0:c.callbacks)!=null&&y.focus&&e.exitElement.callbacks.focus(d)}),t.exitElement.addEventListener("blur",d=>{var c,y;t.exitElement.style.display="none",(y=(c=e.exitElement)==null?void 0:c.callbacks)!=null&&y.blur&&e.exitElement.callbacks.blur(d)}),t.root.appendChild(t.exitElement)),m=!0,t.root},t.render=l=>{let d=l.renderId+"",c=e.elementData[d];if(!c){console.warn(`Render data not found with renderId: ${d}. Failed to render.`);return}if(!m){console.error("render() was called before initialize(), renderer must be initialized first.");return}let y=!1,B={},s=(u,g,p)=>{var C;let f=c[u]||n[u],A=p&&y?B[g]:f==null?void 0:f[g],D=(C=n[u])==null?void 0:C[g];return typeof f=="function"?f(c,l.datum):typeof A=="function"?A(c,l.datum):A||D||(g?void 0:f)};y=s("existingElement","useForSpatialProperties"),B=s("existingElement","spatialProperties");let L=parseFloat(s("spatialProperties","width",!0)||0),P=parseFloat(s("spatialProperties","height",!0)||0),h=parseFloat(s("spatialProperties","x",!0)||0),E=parseFloat(s("spatialProperties","y",!0)||0),a=document.createElement(s("parentSemantics","elementType")),k=s("parentSemantics","attributes");typeof k=="object"&&Object.keys(k).forEach(u=>{a.setAttribute(u,k[u])}),a.setAttribute("role",s("parentSemantics","role")),a.id=d,a.classList.add("dn-node"),a.classList.add(s("cssClass")),a.style.width=L+"px",a.style.height=P+"px",a.style.left=h+"px",a.style.top=E+"px",a.setAttribute("tabindex","0"),a.addEventListener("focus",r),a.addEventListener("blur",i);let x=document.createElement(s("semantics","elementType")),v=s("semantics","attributes");typeof v=="object"&&Object.keys(v).forEach(u=>{a.setAttribute(u,v[u])}),x.setAttribute("role",s("semantics","role")),x.classList.add("dn-node-text"),c.showText&&(x.innerText=c.semantics.label);let S=s("semantics","label");S||console.error("Accessibility error: a label must be supplied to every rendered element using semantics.label."),x.setAttribute("aria-label",S),a.appendChild(x);let R=s("spatialProperties","path");if(R){let u=L+h+10,g=P+E+10,p=document.createElementNS("http://www.w3.org/2000/svg","svg");p.setAttribute("width",u+""),p.setAttribute("height",g+""),p.setAttribute("viewBox",`0 0 ${u} ${g}`),p.style.left=-h+"px",p.style.top=-E+"px",p.classList.add("dn-node-svg"),p.setAttribute("role","presentation"),p.setAttribute("focusable","false");let f=document.createElementNS("http://www.w3.org/2000/svg","path");f.setAttribute("d",R),f.classList.add("dn-node-path"),p.appendChild(f),a.appendChild(p)}return t.wrapper.appendChild(a),a},t.remove=l=>{let d=document.getElementById(l);t.wrapper.getAttribute("aria-activedescendant")===l&&t.wrapper.setAttribute("aria-activedescendant",""),d&&(d.removeEventListener("focus",r),d.removeEventListener("blur",i),d.remove())},t.clearStructure=()=>{[...t.wrapper.children].forEach(l=>{t.entryButton&&t.entryButton===l||t.remove(l.id)})},t};
+var T=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames,H=Object.getOwnPropertySymbols;var Z=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var W=(e,r,n)=>r in e?T(e,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[r]=n,p=(e,r)=>{for(var n in r||(r={}))Z.call(r,n)&&W(e,n,r[n]);if(H)for(var n of H(r))q.call(r,n)&&W(e,n,r[n]);return e};var X=(e,r)=>{for(var n in r)T(e,n,{get:r[n],enumerable:!0})},ee=(e,r,n,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let m of Q(r))!Z.call(e,m)&&m!==n&&T(e,m,{get:()=>r[m],enumerable:!(t=Y(r,m))||t.enumerable});return e};var te=e=>ee(T({},"__esModule",{value:!0}),e);var G=(e,r,n)=>{if(!r.has(e))throw TypeError("Cannot "+n)};var f=(e,r,n)=>(G(e,r,"read from private field"),n?n.call(e):r.get(e)),L=(e,r,n)=>{if(r.has(e))throw TypeError("Cannot add the same private member more than once");r instanceof WeakSet?r.add(e):r.set(e,n)},B=(e,r,n,t)=>(G(e,r,"write to private field"),t?t.call(e,n):r.set(e,n),n);var N=(e,r,n)=>(G(e,r,"access private method"),n);var ne={};X(ne,{default:()=>re});module.exports=te(ne);var R={cssClass:void 0,spatialProperties:{x:0,y:0,width:0,height:0,path:""},semantics:{label:"",elementType:"div",role:"image",attributes:void 0},parentSemantics:{label:"",elementType:"figure",role:"figure",attributes:void 0},existingElement:{useForSpatialProperties:!1,spatialProperties:void 0}},_={"drill-in":{label:"Enter",description:"Drill in"},"drill-out":{label:"Backspace",description:"Drill out"},exit:{label:"Esc",description:"Exit"},left:{label:"\u2190",description:"Previous data point"},right:{label:"\u2192",description:"Next data point"},up:{label:"\u2191",description:"Previous data point"},down:{label:"\u2193",description:"Next data point"},backward:{label:",",description:"Move backward"},forward:{label:".",description:"Move forward"},previous:{label:";",description:"Previous"},next:{label:"'",description:"Next"},undo:{label:"Z",description:"Undo"},help:{label:"Y",description:"Help"},legend:{label:"L",description:"Legend"}},J=[{label:"Command",id:"description"},{label:"Key",id:"label"}];var D,v,k,y,x,P,S=class extends HTMLElement{constructor(){super(...arguments);L(this,x);L(this,D,[]);L(this,v,J);L(this,k,"label");L(this,y,!1)}static get observedAttributes(){return["title"]}set commands(n){B(this,D,n),f(this,y)&&N(this,x,P).call(this)}get commands(){return f(this,D)}set columns(n){B(this,v,n),f(this,y)&&N(this,x,P).call(this)}get columns(){return f(this,v)}set kbdColumn(n){B(this,k,n),f(this,y)&&N(this,x,P).call(this)}get kbdColumn(){return f(this,k)}attributeChangedCallback(){f(this,y)&&N(this,x,P).call(this)}connectedCallback(){B(this,y,!0),N(this,x,P).call(this)}disconnectedCallback(){B(this,y,!1)}};D=new WeakMap,v=new WeakMap,k=new WeakMap,y=new WeakMap,x=new WeakSet,P=function(){this.replaceChildren();let n=[];for(let s of f(this,v)){let o=document.createElement("th");o.classList.add("dn-commands-table-th"),o.textContent=s.label,n.push(o)}let t=document.createElement("tr");t.classList.add("dn-commands-table-thead-tr");for(let s of n)t.appendChild(s);let m=document.createElement("thead");m.classList.add("dn-commands-table-thead"),m.appendChild(t);let l=document.createElement("tbody");l.classList.add("dn-commands-table-tbody");for(let s of f(this,D)){let o=[];for(let i of f(this,v)){let A=s[i.id],w=document.createElement("td");if(w.classList.add("dn-commands-table-td"),f(this,k)!==null&&i.id===f(this,k)&&A){let E=document.createElement("kbd");E.classList.add("dn-commands-table-td-kbd"),E.textContent=A,w.append(E)}else w.textContent=A;o.push(w)}let u=document.createElement("tr");u.classList.add("dn-commands-table-tbody-tr");for(let i of o)u.appendChild(i);l.appendChild(u)}let a=document.createElement("table");a.classList.add("dn-commands-table");let d=this.getAttribute("title");if(d){let s=document.createElement("caption");s.classList.add("dn-commands-table-caption"),s.textContent=d,a.appendChild(s)}else a.setAttribute("aria-label","Commands table");a.appendChild(m),a.appendChild(l),this.appendChild(a)};function z(e){return e?Object.keys(e).map(r=>_[r]).filter(Boolean):[]}var re=e=>{let r=a=>{t.wrapper.setAttribute("aria-activedescendant",a.srcElement.id)},n=()=>{t.wrapper.setAttribute("aria-activedescendant","")},t={},m=!1,l={cssClass:R.cssClass,spatialProperties:p({},R.spatialProperties),semantics:p({},R.semantics),parentSemantics:p({},R.parentSemantics),existingElement:p({},R.existingElement)};return e.defaults&&(l.cssClass=e.defaults.cssClass||l.cssClass,l.spatialProperties=e.defaults.spatialProperties?p(p({},l.spatialProperties),e.defaults.spatialProperties):l.spatialProperties,l.semantics=e.defaults.semantics?p(p({},l.semantics),e.defaults.semantics):l.semantics,l.parentSemantics=e.defaults.parentSemantics?p(p({},l.parentSemantics),e.defaults.parentSemantics):l.parentSemantics,l.existingElement=e.defaults.existingElement?p(p({},l.existingElement),e.defaults.existingElement):l.existingElement),t.initialize=()=>{var a,d;if(m){console.error(`The renderer wrapper has already been initialized successfully, RenderingOptions.suffixId is: ${e.suffixId}. No further action was taken.`);return}if(e.root&&document.getElementById(e.root.id))t.root=document.getElementById(e.root.id);else{console.error("No root element found, cannot build: RenderingOptions.root.id must reference an existing DOM element in order to render children.");return}if(t.root.style.position="relative",t.root.classList.add("dn-root"),!e.suffixId){console.error("No suffix id found: options.suffixId must be specified.");return}return t.wrapper=document.createElement("div"),t.wrapper.id="dn-wrapper-"+e.suffixId,t.wrapper.setAttribute("role","application"),t.wrapper.setAttribute("aria-label",e.root.description||"Data navigation structure"),t.wrapper.setAttribute("aria-activedescendant",""),t.wrapper.classList.add("dn-wrapper"),t.wrapper.style.width=e.root&&e.root.width?e.root.width:"100%",e.root&&e.root.height&&(t.wrapper.style.height=e.root.height),(a=e.commandsElement)!=null&&a.include&&t.initializeCommands(e.commandsElement),e.entryButton&&e.entryButton.include&&(t.entryButton=document.createElement("button"),t.entryButton.id="dn-entry-button-"+e.suffixId,t.entryButton.classList.add("dn-entry-button"),t.entryButton.innerText="Enter navigation area",e.entryButton.callbacks&&e.entryButton.callbacks.click&&t.entryButton.addEventListener("click",e.entryButton.callbacks.click),e.entryButton.callbacks&&e.entryButton.callbacks.focus&&t.entryButton.addEventListener("focus",e.entryButton.callbacks.focus),t.wrapper.appendChild(t.entryButton)),t.root.appendChild(t.wrapper),(d=e.exitElement)!=null&&d.include&&(t.exitElement=document.createElement("div"),t.exitElement.id="dn-exit-"+e.suffixId,t.exitElement.classList.add("dn-exit-position"),t.exitElement.innerText="End of data structure.",t.exitElement.setAttribute("aria-label","End of data structure."),t.exitElement.setAttribute("role","note"),t.exitElement.setAttribute("tabindex","-1"),t.exitElement.style.display="none",t.exitElement.addEventListener("focus",s=>{var o,u;t.exitElement.style.display="block",t.clearStructure(),(u=(o=e.exitElement)==null?void 0:o.callbacks)!=null&&u.focus&&e.exitElement.callbacks.focus(s)}),t.exitElement.addEventListener("blur",s=>{var o,u;t.exitElement.style.display="none",(u=(o=e.exitElement)==null?void 0:o.callbacks)!=null&&u.blur&&e.exitElement.callbacks.blur(s)}),t.root.appendChild(t.exitElement)),m=!0,t.root},t.render=a=>{let d=a.renderId+"",s=e.elementData[d];if(!s){console.warn(`Render data not found with renderId: ${d}. Failed to render.`);return}if(!m){console.error("render() was called before initialize(), renderer must be initialized first.");return}let o=!1,u={},i=(b,C,h)=>{var $;let g=s[b]||l[b],O=h&&o?u[C]:g==null?void 0:g[C],V=($=l[b])==null?void 0:$[C];return typeof g=="function"?g(s,a.datum):typeof O=="function"?O(s,a.datum):O||V||(C?void 0:g)};o=i("existingElement","useForSpatialProperties"),u=i("existingElement","spatialProperties");let A=parseFloat(i("spatialProperties","width",!0)||0),w=parseFloat(i("spatialProperties","height",!0)||0),E=parseFloat(i("spatialProperties","x",!0)||0),I=parseFloat(i("spatialProperties","y",!0)||0),c=document.createElement(i("parentSemantics","elementType")),F=i("parentSemantics","attributes");typeof F=="object"&&Object.keys(F).forEach(b=>{c.setAttribute(b,F[b])}),c.setAttribute("role",i("parentSemantics","role")),c.id=d,c.classList.add("dn-node"),c.classList.add(i("cssClass")),c.style.width=A+"px",c.style.height=w+"px",c.style.left=E+"px",c.style.top=I+"px",c.setAttribute("tabindex","0"),c.addEventListener("focus",r),c.addEventListener("blur",n);let j=document.createElement(i("semantics","elementType")),K=i("semantics","attributes");typeof K=="object"&&Object.keys(K).forEach(b=>{c.setAttribute(b,K[b])}),j.setAttribute("role",i("semantics","role")),j.classList.add("dn-node-text"),s.showText&&(j.innerText=s.semantics.label);let U=i("semantics","label");U||console.error("Accessibility error: a label must be supplied to every rendered element using semantics.label."),j.setAttribute("aria-label",U),c.appendChild(j);let M=i("spatialProperties","path");if(M){let b=A+E+10,C=w+I+10,h=document.createElementNS("http://www.w3.org/2000/svg","svg");h.setAttribute("width",b+""),h.setAttribute("height",C+""),h.setAttribute("viewBox",`0 0 ${b} ${C}`),h.style.left=-E+"px",h.style.top=-I+"px",h.classList.add("dn-node-svg"),h.setAttribute("role","presentation"),h.setAttribute("focusable","false");let g=document.createElementNS("http://www.w3.org/2000/svg","path");g.setAttribute("d",M),g.classList.add("dn-node-path"),h.appendChild(g),c.appendChild(h)}return t.wrapper.appendChild(c),c},t.remove=a=>{let d=document.getElementById(a);t.wrapper.getAttribute("aria-activedescendant")===a&&t.wrapper.setAttribute("aria-activedescendant",""),d&&(d.removeEventListener("focus",r),d.removeEventListener("blur",n),d.remove())},t.clearStructure=()=>{[...t.wrapper.children].forEach(a=>{t.entryButton&&t.entryButton===a||t.remove(a.id)})},t.initializeCommands=a=>{let d=document.getElementById(a==null?void 0:a.rootId);if(!d){console.error("Commands root element not found in document.");return}let s=a.commands,o=z(a.navigationRules),u=s?typeof s=="function"?s(o):s:o;customElements.get("dn-commands-table")||customElements.define("dn-commands-table",S);let i=document.createElement("dn-commands-table");return a!=null&&a.title&&i.setAttribute("title",a.title),i.commands=u,a.columns&&(i.columns=a.columns),d.appendChild(i),i},t.getGenericCommandsFromNavRules=z,t.CommandsTable=S,t};