@bicharts/chart-host 0.6.47 → 0.6.49

package/dist/index.mjs

@@ -33,15 +33,18 @@ import {
   DIM_OPACITY_DEFAULT,
   DIM_OPACITY_VAR,
   FIT_CONTENT_SELECTOR,
+  FLIP_DIRECTION_DEFAULT,
+  FLIP_INTERVAL_MAX_MS,
+  FLIP_INTERVAL_MIN_MS,
   FLIP_MODE_DEFAULT,
   GEO_POINT_PRECISIONS,
   GLYPH_SAMPLE_N,
   HOST_CONTAINER_CLASS,
   HOST_CONTRACT_VERSION,
   L,
-  L3,
   LABEL_CONTRAST_CAP,
   LABEL_CONTRAST_DONE_ATTR,
+  LABEL_PILL_CLASS,
   LEGEND_MARK_CLASS,
   LIFT_SELECTED_CLASS,
   LIGHT_TEXT,
@@ -52,6 +55,7 @@ import {
   MIN_CONTRAST,
   MIN_HIT_BAND_PX,
   MIN_RAMP_FILLS,
+  NO_ROW_MARKS_ATTR,
   PAGE_MATCH_TOLERANCE,
   PHANTOM_FRACTION,
   PILL_MIN_ALPHA,
@@ -65,12 +69,19 @@ import {
   SEASONAL_MARKERS_DEFAULT,
   SELECTION_ACTIVE_CLASS,
   SELECTION_GLYPH_CLASS,
+  SNAPSHOT_SVG_ATTR,
+  STRADDLE_COLS,
+  STRADDLE_MIN_SHARE,
+  STRADDLE_PILL_ALPHA,
+  STRADDLE_ROWS,
+  STRADDLE_TARGET_CONTRAST,
   VALUE_AXIS_BASELINE_DEFAULT,
   VALUE_AXIS_MIN_FIT,
   VIEW_ONLY_UI_STATE_KEYS,
   WHITE_TEXT_BG_LUM,
   XFILTER_REFRESH_EVENT,
   Zn,
+  _3,
   applyLabelContrast,
   assembleD3,
   autoRampCanvas,
@@ -114,15 +125,19 @@ import {
   isInvalidSentinelError,
   isPhantomBox,
   isPillBackdropAlpha,
+  l,
   labelBand,
   le,
   loadGeo,
   measureContainerBoxes,
+  minContrastOver,
   needsScroll,
   nextSelection,
   noopViewStateProvider,
+  o,
   paintSelectionGlyphs,
   periodTickSuppressesFeedback,
+  pickColorOver,
   pillBacksGlyph,
   pinScrolledAxis,
   planAxisPin,
@@ -137,6 +152,8 @@ import {
   rowIdxsFromMark,
   scrollFitFor,
   sessionViewStateProvider,
+  straddleSampleGrid,
+  straddles,
   stripEsmExports,
   stripJsComments,
   svgInkReach,
@@ -146,7 +163,7 @@ import {
   unpinScrolledAxis,
   valuePlacementFlag,
   withoutViewOnlyKeys
-} from "./chunk-XWVIYCMM.mjs";
+} from "./chunk-53OX7DYN.mjs";
 import "./chunk-A2GMXZP7.mjs";
 import "./chunk-GHODWOAL.mjs";
 
@@ -178,6 +195,17 @@ var OPTIONS_VOCABULARY = Object.freeze({
   /** "" chooses by the number of periods. */
   animTimelineStyle: entry({ timing: "live", default: "", values: ["", "line", "boxes"] }),
   filtersDuringPlay: entry({ timing: "live", default: false }),
+  /** Where a card deck's flip controls live: every card's own arrows, one strip for the deck, or both. */
+  flipMode: entry({ timing: "live", default: FLIP_MODE_DEFAULT, values: ["both", "all", "single"] }),
+  /**
+   * BLANK - "the chart's own" - is the default, and it is not 0. A host that was never told a value
+   * sends none (resolveOptions keeps it absent) and the chart supplies its own: manual on the card
+   * deck, a 5 s dwell on a carousel. 0 is a reader's explicit "manual only". A non-zero value is
+   * clamped chart-side to FLIP_INTERVAL_MIN_MS..FLIP_INTERVAL_MAX_MS.
+   */
+  flipIntervalMs: entry({ timing: "live", default: "", min: 0, max: FLIP_INTERVAL_MAX_MS }),
+  /** Which way a face turns, for any chart that turns between faces: side to side, or top to bottom. */
+  flipDirection: entry({ timing: "live", default: FLIP_DIRECTION_DEFAULT, values: ["horizontal", "vertical"] }),
   // ---- the next generated chart ----
   levelOfDetail: entry({ timing: "next-generate", default: "", values: ["", "High", "Medium", "Low"], wire: "clientHints" }),
   favorLimitTo: entry({ timing: "next-generate", default: "", values: ["", "latest", "top / greatest", "bottom / smallest", "most common", "outliers"], wire: "clientHints" }),
@@ -500,18 +528,171 @@ function histogramSource(idx, name2) {
 
 // src/snapshot.ts
 var DEFAULT_TIMEOUT_MS = 2e3;
+var SVG_NS = "http://www.w3.org/2000/svg";
+var XHTML_NS = "http://www.w3.org/1999/xhtml";
+function toBase64(str) {
+  const bytes = new TextEncoder().encode(str);
+  let binary = "";
+  for (let i2 = 0; i2 < bytes.length; i2++) binary += String.fromCharCode(bytes[i2]);
+  return btoa(binary);
+}
+function viewOf(el) {
+  return el.ownerDocument && el.ownerDocument.defaultView || globalThis;
+}
+var MAX_STYLED_ELEMENTS = 4e3;
+var TEXT_FONT_PROPS = ["font-family", "font-size", "font-weight", "font-style"];
+function inlineTextFonts(original, clone) {
+  const view = viewOf(original);
+  if (!view || typeof view.getComputedStyle !== "function") return;
+  const src = original.querySelectorAll("text");
+  const dst = clone.querySelectorAll("text");
+  if (src.length !== dst.length) return;
+  const n2 = Math.min(src.length, MAX_STYLED_ELEMENTS);
+  for (let i2 = 0; i2 < n2; i2++) {
+    let cs;
+    try {
+      cs = view.getComputedStyle(src[i2]);
+    } catch {
+      continue;
+    }
+    const style = dst[i2].style;
+    if (!style) continue;
+    for (const prop of TEXT_FONT_PROPS) {
+      const v2 = cs.getPropertyValue(prop);
+      if (v2 && !style.getPropertyValue(prop)) style.setProperty(prop, v2);
+    }
+  }
+}
 function svgToDataUrl(svg) {
   const cloned = svg.cloneNode(true);
   const w2 = svg.clientWidth || svg.getBoundingClientRect && svg.getBoundingClientRect().width || 600;
   const h2 = svg.clientHeight || svg.getBoundingClientRect && svg.getBoundingClientRect().height || 400;
   cloned.setAttribute("width", String(Math.round(w2)));
   cloned.setAttribute("height", String(Math.round(h2)));
-  if (!cloned.getAttribute("xmlns")) cloned.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-  const svgStr = new XMLSerializer().serializeToString(cloned);
-  const bytes = new TextEncoder().encode(svgStr);
-  let binary = "";
-  for (let i2 = 0; i2 < bytes.length; i2++) binary += String.fromCharCode(bytes[i2]);
-  return "data:image/svg+xml;base64," + btoa(binary);
+  if (!cloned.getAttribute("xmlns")) cloned.setAttribute("xmlns", SVG_NS);
+  try {
+    inlineTextFonts(svg, cloned);
+  } catch {
+  }
+  return "data:image/svg+xml;base64," + toBase64(new XMLSerializer().serializeToString(cloned));
+}
+function tableHostOf(root) {
+  if (!root || typeof root.querySelector !== "function") return null;
+  if (root.namespaceURI === SVG_NS) return null;
+  const firstSvg = root.querySelector("svg");
+  for (const sel of [".lch-table-frame", "table"]) {
+    const host = root.querySelector(sel);
+    if (host && (!firstSvg || host.contains(firstSvg))) return host;
+  }
+  return null;
+}
+function chartSvgOf(root) {
+  if (!root || typeof root.querySelector !== "function") return null;
+  return root.querySelector(`svg[${SNAPSHOT_SVG_ATTR}]`) ?? root.querySelector("svg");
+}
+function inlinePx(v2) {
+  const m2 = /^\s*([0-9.]+)px\s*$/.exec(v2 || "");
+  return m2 ? parseFloat(m2[1]) : 0;
+}
+function htmlNaturalSize(el) {
+  const r2 = el.getBoundingClientRect ? el.getBoundingClientRect() : null;
+  const w2 = el.clientWidth || r2 && r2.width || inlinePx(el.style && el.style.width) || 600;
+  const h2 = el.clientHeight || r2 && r2.height || inlinePx(el.style && el.style.height) || 400;
+  return { width: Math.round(w2), height: Math.round(h2) };
+}
+var HTML_STYLE_PROPS = [
+  "display",
+  "box-sizing",
+  "width",
+  "height",
+  "margin-top",
+  "margin-right",
+  "margin-bottom",
+  "margin-left",
+  "padding-top",
+  "padding-right",
+  "padding-bottom",
+  "padding-left",
+  "border-top-width",
+  "border-right-width",
+  "border-bottom-width",
+  "border-left-width",
+  "border-top-style",
+  "border-right-style",
+  "border-bottom-style",
+  "border-left-style",
+  "border-top-color",
+  "border-right-color",
+  "border-bottom-color",
+  "border-left-color",
+  "border-collapse",
+  "border-spacing",
+  "background-color",
+  "color",
+  "opacity",
+  "font-family",
+  "font-size",
+  "font-weight",
+  "font-style",
+  "line-height",
+  "letter-spacing",
+  "text-align",
+  "vertical-align",
+  "white-space",
+  "text-overflow",
+  "text-decoration-line",
+  "flex-direction",
+  "flex-wrap",
+  "flex-grow",
+  "flex-shrink",
+  "flex-basis",
+  "align-items",
+  "justify-content",
+  "position",
+  "top",
+  "right",
+  "bottom",
+  "left"
+];
+function inlineHtmlStyles(original, clone) {
+  const view = viewOf(original);
+  if (!view || typeof view.getComputedStyle !== "function") return;
+  const src = [original, ...Array.from(original.querySelectorAll("*"))];
+  const dst = [clone, ...Array.from(clone.querySelectorAll("*"))];
+  if (src.length !== dst.length) return;
+  let styled = 0;
+  for (let i2 = 0; i2 < src.length && styled < MAX_STYLED_ELEMENTS; i2++) {
+    const o3 = src[i2], c2 = dst[i2];
+    if (o3.namespaceURI !== XHTML_NS || !c2.style) continue;
+    let cs;
+    try {
+      cs = view.getComputedStyle(o3);
+    } catch {
+      continue;
+    }
+    for (const prop of HTML_STYLE_PROPS) {
+      const v2 = cs.getPropertyValue(prop);
+      if (v2) c2.style.setProperty(prop, v2);
+    }
+    c2.style.setProperty("overflow", "hidden");
+    styled++;
+  }
+  try {
+    inlineTextFonts(original, clone);
+  } catch {
+  }
+}
+function htmlToSvgDataUrl(el) {
+  const { width, height } = htmlNaturalSize(el);
+  const clone = el.cloneNode(true);
+  inlineHtmlStyles(el, clone);
+  clone.style.setProperty("width", `${width}px`);
+  clone.style.setProperty("height", `${height}px`);
+  clone.style.setProperty("margin", "0");
+  let xhtml = new XMLSerializer().serializeToString(clone);
+  if (!/^<[^>]*\sxmlns=/.test(xhtml)) xhtml = xhtml.replace(/^<([a-zA-Z0-9-]+)/, `<$1 xmlns="${XHTML_NS}"`);
+  const svg = `<svg xmlns="${SVG_NS}" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><foreignObject x="0" y="0" width="${width}" height="${height}">${xhtml}</foreignObject></svg>`;
+  return { url: "data:image/svg+xml;base64," + toBase64(svg), width, height };
 }
 function svgNaturalSize(svg) {
   const w2 = svg.clientWidth || svg.getBoundingClientRect && svg.getBoundingClientRect().width || 600;
@@ -567,16 +748,25 @@ function rasterizeSvgToPngDataUrl(svgDataUrl, width, height, opts = {}) {
 }
 async function captureSvgSnapshot(root, opts = {}) {
   if (!root) return null;
-  const svg = root instanceof SVGSVGElement ? root : root.querySelector("svg");
-  if (!svg) return null;
+  const table = root instanceof SVGSVGElement ? null : tableHostOf(root);
+  const svg = table ? null : root instanceof SVGSVGElement ? root : chartSvgOf(root);
+  if (!table && !svg) return null;
   let svgUrl;
+  let width, height;
   try {
-    svgUrl = svgToDataUrl(svg);
+    if (table) {
+      const r2 = htmlToSvgDataUrl(table);
+      svgUrl = r2.url;
+      width = r2.width;
+      height = r2.height;
+    } else {
+      svgUrl = svgToDataUrl(svg);
+      ({ width, height } = svgNaturalSize(svg));
+    }
   } catch (e2) {
     opts.onWarn?.("snapshot-serialize", e2 instanceof Error ? e2.message : String(e2));
     return null;
   }
-  const { width, height } = svgNaturalSize(svg);
   try {
     const png = await rasterizeSvgToPngDataUrl(svgUrl, width, height, opts);
     return png || svgUrl;
@@ -950,6 +1140,10 @@ function qualifyFailureFallsOpen(viaGenerate) {
 }
 
 // src/qualifyFilter.ts
+var DEFAULT_FILTER_MATCH_STYLE = "loose";
+function filterMatchStyleOf(raw) {
+  return typeof raw === "string" && raw.trim().toLowerCase() === "exact" ? "exact" : DEFAULT_FILTER_MATCH_STYLE;
+}
 function normalizeFilterTerm(raw) {
   if (typeof raw !== "string" || raw === "") return "";
   return raw.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/\s+/g, " ").trim();
@@ -964,10 +1158,34 @@ function startsAWord(name2, t2) {
   }
   return false;
 }
-function filterQualifyRows(rows, term, read) {
+function looseFormWithWordStarts(name2) {
+  let form = "";
+  const starts = /* @__PURE__ */ new Set();
+  let prevAlnum = false;
+  for (const ch of name2) {
+    const piece = l(ch);
+    const code = ch.charCodeAt(0);
+    const alnum = code >= 97 && code <= 122 || code >= 48 && code <= 57;
+    if (piece) {
+      if (!prevAlnum) starts.add(form.length);
+      form += piece;
+    }
+    prevAlnum = alnum;
+  }
+  return { form, starts };
+}
+function startsALooseWord(loose, t2) {
+  for (let i2 = loose.form.indexOf(t2); i2 >= 0; i2 = loose.form.indexOf(t2, i2 + 1)) {
+    if (loose.starts.has(i2)) return true;
+  }
+  return false;
+}
+function filterQualifyRows(rows, term, read, style = DEFAULT_FILTER_MATCH_STYLE) {
   const all = Array.isArray(rows) ? rows.slice() : [];
   const t2 = normalizeFilterTerm(term);
   if (t2.length < FILTER_MIN_TERM_CHARS) return { rows: all, tier: "all", term: "" };
+  const lt2 = style === "loose" ? l(t2) : "";
+  const loose = lt2.length >= FILTER_MIN_TERM_CHARS ? lt2 : "";
   const atWordStart = [];
   const midWord = [];
   const byDesc = [];
@@ -979,7 +1197,12 @@ function filterQualifyRows(rows, term, read) {
       (startsAWord(name2, t2) ? atWordStart : midWord).push(row);
       continue;
     }
-    if (normalizeFilterTerm(f2.description).indexOf(t2) >= 0) byDesc.push(row);
+    if (loose && startsALooseWord(looseFormWithWordStarts(name2), loose)) {
+      atWordStart.push(row);
+      continue;
+    }
+    const desc = normalizeFilterTerm(f2.description);
+    if (desc.indexOf(t2) >= 0 || loose && startsALooseWord(looseFormWithWordStarts(desc), loose)) byDesc.push(row);
   }
   if (atWordStart.length > 0) return { rows: atWordStart, tier: "name", term: t2 };
   if (midWord.length > 0) return { rows: midWord, tier: "namePart", term: t2 };
@@ -1007,7 +1230,7 @@ function qualifyFilterGate(i2) {
   if (!listNeedsFilter(i2.scrollHeight, i2.clientHeight)) return { show: false, why: "no-overflow" };
   return { show: true, why: "shown" };
 }
-function computeQualifyFilterView(groups, term) {
+function computeQualifyFilterView(groups, term, style = DEFAULT_FILTER_MATCH_STYLE) {
   const g2 = Array.isArray(groups) ? groups : [];
   const read = (r2) => ({ name: r2.name, description: r2.description });
   const collect = (section) => {
@@ -1016,8 +1239,8 @@ function computeQualifyFilterView(groups, term) {
     return out;
   };
   const fitRows = collect("fits");
-  const fit = filterQualifyRows(fitRows, term, read);
-  const ref = filterQualifyRows(collect("refused"), term, read);
+  const fit = filterQualifyRows(fitRows, term, read, style);
+  const ref = filterQualifyRows(collect("refused"), term, read, style);
   const visible = /* @__PURE__ */ new Set();
   for (const r2 of fit.rows) visible.add(r2.el);
   for (const r2 of ref.rows) visible.add(r2.el);
@@ -1123,9 +1346,9 @@ function utcAnchor(p3) {
 function localeDate(p3, wholeDay, culture) {
   const anchor = utcAnchor(p3);
   try {
-    const o2 = { dateStyle: "medium", timeZone: "UTC" };
-    if (!wholeDay) o2.timeStyle = p3.seconds || p3.ms ? "medium" : "short";
-    return new Intl.DateTimeFormat(culture || void 0, o2).format(anchor);
+    const o3 = { dateStyle: "medium", timeZone: "UTC" };
+    if (!wholeDay) o3.timeStyle = p3.seconds || p3.ms ? "medium" : "short";
+    return new Intl.DateTimeFormat(culture || void 0, o3).format(anchor);
   } catch {
     const iso = anchor.toISOString();
     return wholeDay ? iso.slice(0, 10) : `${iso.slice(0, 10)} ${iso.slice(11, 19)}`;
@@ -1678,13 +1901,13 @@ function composeSummaryText(codeSummary, warningMsg) {
 
 // ../../node_modules/colorsea/dist/index.esm.js
 function t(t2, r2, n2, e2) {
-  var o2, i2 = arguments.length, a2 = i2 < 3 ? r2 : null === e2 ? e2 = Object.getOwnPropertyDescriptor(r2, n2) : e2;
+  var o3, i2 = arguments.length, a2 = i2 < 3 ? r2 : null === e2 ? e2 = Object.getOwnPropertyDescriptor(r2, n2) : e2;
   if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) a2 = Reflect.decorate(t2, r2, n2, e2);
-  else for (var u2 = t2.length - 1; u2 >= 0; u2--) (o2 = t2[u2]) && (a2 = (i2 < 3 ? o2(a2) : i2 > 3 ? o2(r2, n2, a2) : o2(r2, n2)) || a2);
+  else for (var u2 = t2.length - 1; u2 >= 0; u2--) (o3 = t2[u2]) && (a2 = (i2 < 3 ? o3(a2) : i2 > 3 ? o3(r2, n2, a2) : o3(r2, n2)) || a2);
   return i2 > 3 && a2 && Object.defineProperty(r2, n2, a2), a2;
 }
 function r(t2, r2, n2) {
-  if (n2 || 2 === arguments.length) for (var e2, o2 = 0, i2 = r2.length; o2 < i2; o2++) !e2 && o2 in r2 || (e2 || (e2 = Array.prototype.slice.call(r2, 0, o2)), e2[o2] = r2[o2]);
+  if (n2 || 2 === arguments.length) for (var e2, o3 = 0, i2 = r2.length; o3 < i2; o3++) !e2 && o3 in r2 || (e2 || (e2 = Array.prototype.slice.call(r2, 0, o3)), e2[o3] = r2[o3]);
   return t2.concat(e2 || Array.prototype.slice.call(r2));
 }
 var n = function(t2, r2, n2) {
@@ -1697,7 +1920,7 @@ var e = function(t2, r2, n2) {
     return 255 * (t3 <= 304e-5 ? 12.92 * t3 : 1.055 * Math.pow(t3, 1 / 2.4) - 0.055);
   }));
 };
-var o = function(t2, r2, n2) {
+var o2 = function(t2, r2, n2) {
   return Math.min(Math.max(t2, r2), n2);
 };
 var i = function(t2, r2) {
@@ -1707,8 +1930,8 @@ var a = function(t2, r2) {
   return Math.floor(Math.random() * (r2 - t2 + 1) - t2);
 };
 var u = function(t2, r2, n2, e2) {
-  for (var i2, a2 = [t2, r2, n2], u2 = "#", h2 = 0; h2 < a2.length; h2++) u2 += (i2 = a2[h2], Math.round(o(i2, 0, 255)).toString(16).padStart(2, "0"));
-  return null != e2 && (u2 += Math.round(o(e2, 0, 100) / 100 * 255).toString(16).padStart(2, "0")), u2;
+  for (var i2, a2 = [t2, r2, n2], u2 = "#", h2 = 0; h2 < a2.length; h2++) u2 += (i2 = a2[h2], Math.round(o2(i2, 0, 255)).toString(16).padStart(2, "0"));
+  return null != e2 && (u2 += Math.round(o2(e2, 0, 100) / 100 * 255).toString(16).padStart(2, "0")), u2;
 };
 var h = function(t2) {
   var n2 = t2.length, e2 = (t2 = (function(t3) {
@@ -1717,42 +1940,42 @@ var h = function(t2) {
     if (6 === r2 || 8 === r2) return t3;
     if (3 === r2 || 4 === r2) {
       for (var n3 = "", e3 = 0; e3 < r2; e3++) {
-        var o3 = t3[e3];
-        n3 += "" + o3 + o3;
+        var o4 = t3[e3];
+        n3 += "" + o4 + o4;
       }
       return n3;
     }
     return "000000";
   })(t2).padEnd(8, "ff")).match(/.{2}/g);
   if (!e2) return [0, 0, 0, 1];
-  var o2 = [0, 0, 0], i2 = false;
+  var o3 = [0, 0, 0], i2 = false;
   return e2.forEach((function(t3, r2) {
-    r2 < 3 ? o2[r2] = parseInt(t3, 16) : i2 = 100 * parseInt(t3, 16) / 255;
-  })), false === i2 || n2 < 8 ? o2 : r(r([], o2, true), [i2], false);
+    r2 < 3 ? o3[r2] = parseInt(t3, 16) : i2 = 100 * parseInt(t3, 16) / 255;
+  })), false === i2 || n2 < 8 ? o3 : r(r([], o3, true), [i2], false);
 };
 var c = function(t2, r2, n2) {
   var e2;
   e2 = [t2, r2, n2].map((function(t3) {
     return t3 / 255;
   })), t2 = e2[0], r2 = e2[1], n2 = e2[2];
-  var o2 = 1 - Math.max(t2, r2, n2), i2 = o2 < 1 ? 1 / (1 - o2) : 0;
-  return [(1 - t2 - o2) * i2 * 100, (1 - r2 - o2) * i2 * 100, (1 - n2 - o2) * i2 * 100, 100 * o2];
+  var o3 = 1 - Math.max(t2, r2, n2), i2 = o3 < 1 ? 1 / (1 - o3) : 0;
+  return [(1 - t2 - o3) * i2 * 100, (1 - r2 - o3) * i2 * 100, (1 - n2 - o3) * i2 * 100, 100 * o3];
 };
-var l = function(t2, r2, n2, e2) {
+var l2 = function(t2, r2, n2, e2) {
   return 100 === e2 ? [0, 0, 0] : (e2 /= 100, [t2, r2, n2].map((function(t3) {
     return (t3 /= 100) >= 1 ? 0 : 255 * (1 - t3) * (1 - e2);
   })));
 };
 function p(t2, r2, n2, e2) {
-  var o2;
-  void 0 === e2 && (e2 = "l"), o2 = [t2, r2, n2].map((function(t3) {
+  var o3;
+  void 0 === e2 && (e2 = "l"), o3 = [t2, r2, n2].map((function(t3) {
     return t3 / 255;
-  })), t2 = o2[0], r2 = o2[1], n2 = o2[2];
+  })), t2 = o3[0], r2 = o3[1], n2 = o3[2];
   var i2 = Math.max(t2, r2, n2), a2 = Math.min(t2, r2, n2), u2 = (function(t3, r3, n3, e3) {
-    var o3;
-    void 0 === e3 && (e3 = false), o3 = [t3, r3, n3].map((function(t4) {
+    var o4;
+    void 0 === e3 && (e3 = false), o4 = [t3, r3, n3].map((function(t4) {
       return t4 / 255;
-    })), t3 = o3[0], r3 = o3[1], n3 = o3[2];
+    })), t3 = o4[0], r3 = o4[1], n3 = o4[2];
     var i3 = Math.max(t3, r3, n3), a3 = Math.min(t3, r3, n3), u3 = 0;
     if (i3 !== a3) if (e3) u3 = (t3 - r3 + (t3 - n3)) / 2, u3 /= Math.sqrt((t3 - r3) * (t3 - r3) + (t3 - n3) * (r3 - n3)), u3 = Math.acos(u3), n3 > r3 && (u3 = 2 * Math.PI - u3), u3 /= 2 * Math.PI;
     else {
@@ -1761,8 +1984,8 @@ function p(t2, r2, n2, e2) {
     }
     else u3 = NaN;
     return 360 * u3;
-  })(t2, r2, n2, "i" === e2), h2 = 0, c2 = (i2 + a2) / 2, l2 = i2 - a2, p3 = i2, f2 = (t2 + r2 + n2) / 3;
-  return "v" === e2 && (h2 = 0 === i2 ? 0 : l2 / i2), i2 !== a2 && "l" === e2 && (h2 = c2 > 0.5 ? l2 / (2 - i2 - a2) : l2 / (i2 + a2)), "i" === e2 && (h2 = f2 > 0 ? 1 - a2 / f2 : 0), h2 *= 100, c2 *= 100, f2 *= 100, "l" === e2 ? [u2, h2, c2] : "v" === e2 ? [u2, h2, p3 *= 100] : [u2, h2, f2];
+  })(t2, r2, n2, "i" === e2), h2 = 0, c2 = (i2 + a2) / 2, l3 = i2 - a2, p3 = i2, f2 = (t2 + r2 + n2) / 3;
+  return "v" === e2 && (h2 = 0 === i2 ? 0 : l3 / i2), i2 !== a2 && "l" === e2 && (h2 = c2 > 0.5 ? l3 / (2 - i2 - a2) : l3 / (i2 + a2)), "i" === e2 && (h2 = f2 > 0 ? 1 - a2 / f2 : 0), h2 *= 100, c2 *= 100, f2 *= 100, "l" === e2 ? [u2, h2, c2] : "v" === e2 ? [u2, h2, p3 *= 100] : [u2, h2, f2];
 }
 var f = function(t2, r2, n2) {
   return p(t2, r2, n2, "l");
@@ -1771,13 +1994,13 @@ var s = function(t2, r2, n2) {
   var e2, i2, a2 = function(t3) {
     return 6 * (t3 = t3 < 0 ? t3 + 1 : t3 > 1 ? t3 - 1 : t3) < 1 ? e2 + (i2 - e2) * t3 * 6 : 2 * t3 < 1 ? i2 : 3 * t3 < 2 ? e2 + (i2 - e2) * (2 / 3 - t3) * 6 : e2;
   };
-  return t2 = t2 % 360 / 360, r2 = o(r2 / 100, 0, 1), n2 = o(n2 / 100, 0, 1), e2 = 2 * n2 - (i2 = n2 <= 0.5 ? n2 * (r2 + 1) : n2 + r2 - n2 * r2), [255 * a2(t2 + 1 / 3), 255 * a2(t2), 255 * a2(t2 - 1 / 3)];
+  return t2 = t2 % 360 / 360, r2 = o2(r2 / 100, 0, 1), n2 = o2(n2 / 100, 0, 1), e2 = 2 * n2 - (i2 = n2 <= 0.5 ? n2 * (r2 + 1) : n2 + r2 - n2 * r2), [255 * a2(t2 + 1 / 3), 255 * a2(t2), 255 * a2(t2 - 1 / 3)];
 };
 var v = function(t2, r2, n2) {
   return p(t2, r2, n2, "v");
 };
 var b = function(t2, r2, n2) {
-  var e2, o2, i2 = [n2 /= 100, n2 * (1 - (r2 /= 100)), n2 * (1 - (o2 = (t2 = t2 % 360 / 360 * 360) / 60 - (e2 = Math.floor(t2 / 60 % 6))) * r2), n2 * (1 - (1 - o2) * r2)], a2 = [[0, 3, 1], [2, 0, 1], [1, 0, 3], [1, 2, 0], [3, 1, 0], [0, 1, 2]];
+  var e2, o3, i2 = [n2 /= 100, n2 * (1 - (r2 /= 100)), n2 * (1 - (o3 = (t2 = t2 % 360 / 360 * 360) / 60 - (e2 = Math.floor(t2 / 60 % 6))) * r2), n2 * (1 - (1 - o3) * r2)], a2 = [[0, 3, 1], [2, 0, 1], [1, 0, 3], [1, 2, 0], [3, 1, 0], [0, 1, 2]];
   return [255 * i2[a2[e2][0]], 255 * i2[a2[e2][1]], 255 * i2[a2[e2][2]]];
 };
 var y = function(t2, r2, n2) {
@@ -1790,7 +2013,7 @@ var d = function(t2, r2, n2) {
     return (1 + r2 * Math.cos(2 * Math.PI * t3) / Math.cos(Math.PI / 3 - 2 * Math.PI * t3)) / 3;
   };
   return (t2 = (360 + t2) % 360 / 360) < 1 / 3 ? a2 = 1 - ((u2 = (1 - r2) / 3) + (i2 = h2(t2))) : t2 < 2 / 3 ? u2 = 1 - ((i2 = (1 - r2) / 3) + (a2 = h2(t2 -= 1 / 3))) : i2 = 1 - ((a2 = (1 - r2) / 3) + (u2 = h2(t2 -= 2 / 3))), e2 = [i2, a2, u2].map((function(t3) {
-    return 255 * o(n2 * t3 * 3, 0, 1);
+    return 255 * o2(n2 * t3 * 3, 0, 1);
   })), [i2 = e2[0], a2 = e2[1], u2 = e2[2]];
 };
 var g = function(t2, r2, n2) {
@@ -1810,22 +2033,22 @@ var I = 0.206896552;
 var k = 8856452e-9;
 var E = 24389 / 27;
 var z = function(t2, r2, e2) {
-  var o2 = n(t2, r2, e2);
+  var o3 = n(t2, r2, e2);
   return [100 * m.x.reduce((function(t3, r3, n2) {
-    return t3 + r3 * o2[n2];
+    return t3 + r3 * o3[n2];
   }), 0), 100 * m.y.reduce((function(t3, r3, n2) {
-    return t3 + r3 * o2[n2];
+    return t3 + r3 * o3[n2];
   }), 0), 100 * m.z.reduce((function(t3, r3, n2) {
-    return t3 + r3 * o2[n2];
+    return t3 + r3 * o3[n2];
   }), 0)];
 };
 var N = function(t2, r2, n2) {
-  var o2 = [t2, r2, n2], i2 = M.r.reduce((function(t3, r3, n3) {
-    return t3 + r3 * o2[n3];
+  var o3 = [t2, r2, n2], i2 = M.r.reduce((function(t3, r3, n3) {
+    return t3 + r3 * o3[n3];
   }), 0) / 100, a2 = M.g.reduce((function(t3, r3, n3) {
-    return t3 + r3 * o2[n3];
+    return t3 + r3 * o3[n3];
   }), 0) / 100, u2 = M.b.reduce((function(t3, r3, n3) {
-    return t3 + r3 * o2[n3];
+    return t3 + r3 * o3[n3];
   }), 0) / 100;
   return e(i2, a2, u2);
 };
@@ -1836,16 +2059,16 @@ var O = function(t2, r2, n2) {
   })), t2 = e2[0], r2 = e2[1], n2 = e2[2], [Math.max(0, 116 * r2 - 16), 500 * (t2 - r2), 200 * (r2 - n2)];
 };
 var P = function(t2, r2, n2) {
-  var e2, o2 = (t2 + 16) / 116, i2 = isNaN(r2) ? o2 : o2 + r2 / 500, a2 = isNaN(n2) ? o2 : o2 - n2 / 200;
-  return e2 = [i2, o2, a2].map((function(t3) {
+  var e2, o3 = (t2 + 16) / 116, i2 = isNaN(r2) ? o3 : o3 + r2 / 500, a2 = isNaN(n2) ? o3 : o3 - n2 / 200;
+  return e2 = [i2, o3, a2].map((function(t3) {
     return t3 > I ? Math.pow(t3, 3) : (116 * t3 - 16) / E;
-  })), i2 = e2[0], o2 = e2[1], a2 = e2[2], [i2 * x * 100, o2 * _ * 100, a2 * C * 100];
+  })), i2 = e2[0], o3 = e2[1], a2 = e2[2], [i2 * x * 100, o3 * _ * 100, a2 * C * 100];
 };
 var j = function(t2, r2, n2) {
   return N.apply(void 0, P(t2, r2, n2));
 };
 var S = function(t2, r2, n2) {
-  r2 = o(r2, -100, 100), n2 = o(n2, -100, 100);
+  r2 = o2(r2, -100, 100), n2 = o2(n2, -100, 100);
   var e2 = Math.sqrt(r2 * r2 + n2 * n2), i2 = (180 * Math.atan2(n2, r2) / Math.PI + 360) % 360;
   return 0 === Math.round(1e4 * e2) && (i2 = Number.NaN), [t2, e2, i2];
 };
@@ -1856,10 +2079,10 @@ var L2 = function(t2, r2, n2) {
   return P.apply(void 0, A(t2, r2, n2));
 };
 var H = function(t2, r2, n2) {
-  var e2 = t2 + r2 + n2, o2 = 0, i2 = 0;
-  return e2 > 0 && (o2 = t2 / e2, i2 = r2 / e2), [o2, i2, r2];
+  var e2 = t2 + r2 + n2, o3 = 0, i2 = 0;
+  return e2 > 0 && (o3 = t2 / e2, i2 = r2 / e2), [o3, i2, r2];
 };
-var Y = Object.freeze({ __proto__: null, linear2rgb: e, rgb2linear: n, rgb2hex: u, hex2rgb: h, rgb2cmyk: c, cmyk2rgb: l, rgb2hsl: f, hsl2rgb: s, rgb2hsv: v, hsv2rgb: b, rgb2hsi: y, hsi2rgb: d, rgb2hwb: g, hwb2rgb: w, rgb2xyz: z, xyz2rgb: N, xyz2lab: O, lab2xyz: P, rgb2lab: function(t2, r2, n2) {
+var Y = Object.freeze({ __proto__: null, linear2rgb: e, rgb2linear: n, rgb2hex: u, hex2rgb: h, rgb2cmyk: c, cmyk2rgb: l2, rgb2hsl: f, hsl2rgb: s, rgb2hsv: v, hsv2rgb: b, rgb2hsi: y, hsi2rgb: d, rgb2hwb: g, hwb2rgb: w, rgb2xyz: z, xyz2rgb: N, xyz2lab: O, lab2xyz: P, rgb2lab: function(t2, r2, n2) {
   return O.apply(void 0, z(t2, r2, n2));
 }, lab2rgb: j, lch2lab: A, lab2lch: S, xyz2lch: function(t2, r2, n2) {
   return S.apply(void 0, O(t2, r2, n2));
@@ -1867,10 +2090,10 @@ var Y = Object.freeze({ __proto__: null, linear2rgb: e, rgb2linear: n, rgb2hex:
   return 0 === r2 ? [0, 0, 0] : [t2 * (n2 / r2), n2, n2 / r2 * (1 - t2 - r2)];
 }, xyz2xyY: H });
 function R(t2, n2) {
-  return void 0 === n2 && (n2 = false), function(e2, o2, i2) {
+  return void 0 === n2 && (n2 = false), function(e2, o3, i2) {
     var a2 = i2.value;
     i2.value = function() {
-      for (var e3 = [], o3 = 0; o3 < arguments.length; o3++) e3[o3] = arguments[o3];
+      for (var e3 = [], o4 = 0; o4 < arguments.length; o4++) e3[o4] = arguments[o4];
       if (e3.length > 0 && n2) {
         var i3 = JSON.stringify(e3);
         t2 += i3;
@@ -1881,24 +2104,24 @@ function R(t2, n2) {
     };
   };
 }
-function q(t2, n2, e2, o2) {
-  return void 0 === t2 && (t2 = [0, 2, 2]), void 0 === n2 && (n2 = 0), void 0 === e2 && (e2 = true), void 0 === o2 && (o2 = 0), function(a2, u2, h2) {
+function q(t2, n2, e2, o3) {
+  return void 0 === t2 && (t2 = [0, 2, 2]), void 0 === n2 && (n2 = 0), void 0 === e2 && (e2 = true), void 0 === o3 && (o3 = 0), function(a2, u2, h2) {
     var c2 = h2.value;
     h2.value = function() {
       for (var a3 = [], u3 = 0; u3 < arguments.length; u3++) a3[u3] = arguments[u3];
-      var h3 = void 0 === a3[o2] ? e2 : a3[o2], l2 = c2.call.apply(c2, r([this], a3, false));
-      if (false === h3) return l2;
-      var p3 = "number" == typeof h3 ? Math.round(h3) : 0, f2 = "number" == typeof t2 ? new Array(l2.length).fill(t2) : t2, s2 = f2.map((function(t3) {
+      var h3 = void 0 === a3[o3] ? e2 : a3[o3], l3 = c2.call.apply(c2, r([this], a3, false));
+      if (false === h3) return l3;
+      var p3 = "number" == typeof h3 ? Math.round(h3) : 0, f2 = "number" == typeof t2 ? new Array(l3.length).fill(t2) : t2, s2 = f2.map((function(t3) {
         return 1 === n2 ? "number" == typeof h3 ? p3 : t3 : t3 + p3;
       }));
-      return l2.map((function(t3, r2) {
+      return l3.map((function(t3, r2) {
         return i(t3, s2[r2]);
       }));
     };
   };
 }
 var D = function(t2, r2, n2) {
-  var e2 = t2 instanceof ft ? t2 : new ft(t2), i2 = r2 instanceof ft ? r2 : new ft(r2), a2 = o(n2, 0, 100) / 100, u2 = 2 * a2 - 1, h2 = e2.alpha() - i2.alpha(), c2 = ((u2 * h2 == -1 ? u2 : (u2 + h2) / (1 + u2 * h2)) + 1) / 2, l2 = 1 - c2, p3 = [Math.round(o(e2.red() * c2 + i2.red() * l2, 0, 255)), Math.round(o(e2.green() * c2 + i2.green() * l2, 0, 255)), Math.round(o(e2.blue() * c2 + i2.blue() * l2, 0, 255))], f2 = e2.alpha() * a2 + i2.alpha() * (1 - a2);
+  var e2 = t2 instanceof ft ? t2 : new ft(t2), i2 = r2 instanceof ft ? r2 : new ft(r2), a2 = o2(n2, 0, 100) / 100, u2 = 2 * a2 - 1, h2 = e2.alpha() - i2.alpha(), c2 = ((u2 * h2 == -1 ? u2 : (u2 + h2) / (1 + u2 * h2)) + 1) / 2, l3 = 1 - c2, p3 = [Math.round(o2(e2.red() * c2 + i2.red() * l3, 0, 255)), Math.round(o2(e2.green() * c2 + i2.green() * l3, 0, 255)), Math.round(o2(e2.blue() * c2 + i2.blue() * l3, 0, 255))], f2 = e2.alpha() * a2 + i2.alpha() * (1 - a2);
   return new ft(p3, f2);
 };
 var F = Math.sqrt;
@@ -1919,8 +2142,8 @@ var T = function(t2, r2, n2) {
 };
 var V = function(t2, r2) {
   void 0 === r2 && (r2 = true);
-  var n2 = t2.lab(false), e2 = n2[0], o2 = n2[1], i2 = n2[2];
-  return [e2, F(U(o2, 2) + U(i2, 2)), T(o2, i2, r2), o2, i2];
+  var n2 = t2.lab(false), e2 = n2[0], o3 = n2[1], i2 = n2[2];
+  return [e2, F(U(o3, 2) + U(i2, 2)), T(o3, i2, r2), o3, i2];
 };
 var W = ["CMC", "CIE", "CIE2000", "CIE1994", "CIE1976"];
 var X = "CMC";
@@ -1929,48 +2152,48 @@ var rt = "CIE1994";
 var nt = "CIE1976";
 var et = function(t2, r2, n2, e2) {
   void 0 === n2 && (n2 = "CIE");
-  var o2 = (function(t3) {
+  var o3 = (function(t3) {
     var r3 = t3.toUpperCase();
     return W.includes(r3) && "CIE" !== r3 ? r3 : tt;
   })(n2);
-  if (e2 = e2 || {}, o2 === X) {
+  if (e2 = e2 || {}, o3 === X) {
     var i2 = Object.assign({}, { l: 1, c: 1 }, e2);
     return (function(t3, r3, n3, e3) {
       void 0 === n3 && (n3 = 1), void 0 === e3 && (e3 = 1);
-      var o3 = V(t3, true), i3 = o3[0], a3 = o3[1], u3 = o3[2], h3 = o3[3], c3 = o3[4], l2 = V(r3), p3 = l2[0], f2 = l2[1], s2 = l2[3], v2 = a3 - f2, b2 = i3 - p3, y2 = c3 - l2[4], d2 = F(U(h3 - s2, 2) + U(y2, 2) - U(v2, 2)), g2 = i3 < 16 ? 0.511 : 0.040975 * i3 / (1 + 0.01765 * i3), w2 = 0.0638 * a3 / (1 + 0.0131 * a3) + 0.638, m2 = 164 <= u3 && u3 <= 345 ? 0.56 + J(0.2 * $(Q(u3 + 168))) : 0.36 + J(0.4 * $(Q(u3 + 35))), M2 = F(U(a3, 4) / (U(a3, 4) + 1900)), x2 = w2 * (M2 * m2 + 1 - M2);
+      var o4 = V(t3, true), i3 = o4[0], a3 = o4[1], u3 = o4[2], h3 = o4[3], c3 = o4[4], l3 = V(r3), p3 = l3[0], f2 = l3[1], s2 = l3[3], v2 = a3 - f2, b2 = i3 - p3, y2 = c3 - l3[4], d2 = F(U(h3 - s2, 2) + U(y2, 2) - U(v2, 2)), g2 = i3 < 16 ? 0.511 : 0.040975 * i3 / (1 + 0.01765 * i3), w2 = 0.0638 * a3 / (1 + 0.0131 * a3) + 0.638, m2 = 164 <= u3 && u3 <= 345 ? 0.56 + J(0.2 * $(Q(u3 + 168))) : 0.36 + J(0.4 * $(Q(u3 + 35))), M2 = F(U(a3, 4) / (U(a3, 4) + 1900)), x2 = w2 * (M2 * m2 + 1 - M2);
       return F(U(b2 / (n3 * g2), 2) + U(v2 / (e3 * w2), 2) + U(d2 / x2, 2));
     })(t2, r2, i2.l, i2.c);
   }
-  if (o2 === rt) {
+  if (o3 === rt) {
     var a2 = { kL: 1, kC: 1, kH: 1, cate: "graphic" }, u2 = Object.assign({}, a2, e2);
-    return (function(t3, r3, n3, e3, o3, i3) {
-      void 0 === n3 && (n3 = 1), void 0 === e3 && (e3 = 1), void 0 === o3 && (o3 = 1), void 0 === i3 && (i3 = "graphic");
+    return (function(t3, r3, n3, e3, o4, i3) {
+      void 0 === n3 && (n3 = 1), void 0 === e3 && (e3 = 1), void 0 === o4 && (o4 = 1), void 0 === i3 && (i3 = "graphic");
       var a3 = "textiles" === i3 ? 0.048 : 0.045, u3 = "textiles" === i3 ? 0.014 : 0.015;
       n3 = "textiles" === i3 ? 2 : n3;
-      var h3 = V(t3), c3 = h3[0], l2 = h3[1], p3 = h3[3], f2 = h3[4], s2 = V(r3), v2 = s2[0], b2 = s2[1], y2 = s2[3], d2 = c3 - v2, g2 = l2 - b2, w2 = f2 - s2[4], m2 = 1 + a3 * l2, M2 = 1 + u3 * l2, x2 = F(U(p3 - y2, 2) + U(w2, 2) - U(g2, 2));
-      return F(U(d2 / (1 * n3), 2) + U(g2 / (e3 * m2), 2) + U(x2 / (o3 * M2), 2));
+      var h3 = V(t3), c3 = h3[0], l3 = h3[1], p3 = h3[3], f2 = h3[4], s2 = V(r3), v2 = s2[0], b2 = s2[1], y2 = s2[3], d2 = c3 - v2, g2 = l3 - b2, w2 = f2 - s2[4], m2 = 1 + a3 * l3, M2 = 1 + u3 * l3, x2 = F(U(p3 - y2, 2) + U(w2, 2) - U(g2, 2));
+      return F(U(d2 / (1 * n3), 2) + U(g2 / (e3 * m2), 2) + U(x2 / (o4 * M2), 2));
     })(t2, r2, u2.kL, u2.kC, u2.kH, u2.cate);
   }
-  if (o2 === nt) return (function(t3, r3) {
-    var n3 = t3.lab(false), e3 = n3[0], o3 = n3[1], i3 = n3[2], a3 = r3.lab(false), u3 = a3[0], h3 = a3[1], c3 = a3[2];
-    return F(U(e3 - u3, 2) + U(o3 - h3, 2) + U(i3 - c3, 2));
+  if (o3 === nt) return (function(t3, r3) {
+    var n3 = t3.lab(false), e3 = n3[0], o4 = n3[1], i3 = n3[2], a3 = r3.lab(false), u3 = a3[0], h3 = a3[1], c3 = a3[2];
+    return F(U(e3 - u3, 2) + U(o4 - h3, 2) + U(i3 - c3, 2));
   })(t2, r2);
   var h2 = { kL: 1, kC: 1, kH: 1 }, c2 = Object.assign({}, h2, e2);
-  return (function(t3, r3, n3, e3, o3) {
-    void 0 === n3 && (n3 = 1), void 0 === e3 && (e3 = 1), void 0 === o3 && (o3 = 1);
-    var i3 = V(t3), a3 = i3[0], u3 = i3[1], h3 = i3[3], c3 = i3[4], l2 = V(r3), p3 = l2[0], f2 = l2[1], s2 = l2[3], v2 = l2[4], b2 = (a3 + p3) / 2, y2 = (u3 + f2) / 2, d2 = (1 - F(U(y2, 7) / (U(y2, 7) + U(25, 7)))) / 2, g2 = h3 * (1 + d2), w2 = s2 * (1 + d2), m2 = F(U(g2, 2) + U(c3, 2)), M2 = F(U(w2, 2) + U(v2, 2)), x2 = T(g2, c3, true), _2 = T(w2, v2, true), C2 = (m2 + M2) / 2, I2 = J(x2 - _2) > 180 ? (x2 + _2 + 360) / 2 : (x2 + _2) / 2, k2 = 1 - 0.17 * $(Q(I2 - 30)) + 0.24 * $(Q(2 * I2)) + 0.32 * $(Q(3 * I2 + 6)) - 0.2 * $(Q(4 * I2 - 63)), E2 = J(_2 - x2) <= 180 ? _2 - x2 : J(_2 - x2) > 180 && _2 <= x2 ? _2 - x2 + 360 : _2 - x2 - 360, z2 = p3 - a3, N2 = f2 - u3, O2 = 2 * F(m2 * M2) * Z(Q(E2) / 2), P2 = 1 + 0.015 * U(b2 - 50, 2) / F(20 + U(b2 - 50, 2)), j2 = 1 + 0.045 * C2, S2 = 1 + 0.015 * C2 * k2, A2 = 30 * B(-U((I2 - 275) / 25, 2)), L4 = -2 * F(U(C2, 7) / (U(C2, 7) + U(25, 7))) * Z(2 * Q(A2));
-    return F(U(z2 / (n3 * P2), 2) + U(N2 / (e3 * j2), 2) + U(O2 / (o3 * S2), 2) + L4 * (N2 / (e3 * j2)) * (O2 / (o3 * S2)));
+  return (function(t3, r3, n3, e3, o4) {
+    void 0 === n3 && (n3 = 1), void 0 === e3 && (e3 = 1), void 0 === o4 && (o4 = 1);
+    var i3 = V(t3), a3 = i3[0], u3 = i3[1], h3 = i3[3], c3 = i3[4], l3 = V(r3), p3 = l3[0], f2 = l3[1], s2 = l3[3], v2 = l3[4], b2 = (a3 + p3) / 2, y2 = (u3 + f2) / 2, d2 = (1 - F(U(y2, 7) / (U(y2, 7) + U(25, 7)))) / 2, g2 = h3 * (1 + d2), w2 = s2 * (1 + d2), m2 = F(U(g2, 2) + U(c3, 2)), M2 = F(U(w2, 2) + U(v2, 2)), x2 = T(g2, c3, true), _2 = T(w2, v2, true), C2 = (m2 + M2) / 2, I2 = J(x2 - _2) > 180 ? (x2 + _2 + 360) / 2 : (x2 + _2) / 2, k2 = 1 - 0.17 * $(Q(I2 - 30)) + 0.24 * $(Q(2 * I2)) + 0.32 * $(Q(3 * I2 + 6)) - 0.2 * $(Q(4 * I2 - 63)), E2 = J(_2 - x2) <= 180 ? _2 - x2 : J(_2 - x2) > 180 && _2 <= x2 ? _2 - x2 + 360 : _2 - x2 - 360, z2 = p3 - a3, N2 = f2 - u3, O2 = 2 * F(m2 * M2) * Z(Q(E2) / 2), P2 = 1 + 0.015 * U(b2 - 50, 2) / F(20 + U(b2 - 50, 2)), j2 = 1 + 0.045 * C2, S2 = 1 + 0.015 * C2 * k2, A2 = 30 * B(-U((I2 - 275) / 25, 2)), L3 = -2 * F(U(C2, 7) / (U(C2, 7) + U(25, 7))) * Z(2 * Q(A2));
+    return F(U(z2 / (n3 * P2), 2) + U(N2 / (e3 * j2), 2) + U(O2 / (o4 * S2), 2) + L3 * (N2 / (e3 * j2)) * (O2 / (o4 * S2)));
   })(t2, r2, c2.kL, c2.kC, c2.kH);
 };
 var ot = function(t2, r2, n2) {
-  var e2 = Math.abs, o2 = Math.max, i2 = Math.min, a2 = t2 instanceof ft ? t2 : new ft(t2), u2 = r2 instanceof ft ? r2 : new ft(r2), h2 = Object.assign({}, { b: 125, c: 500 }, n2);
-  return !(e2(255 * a2.brightness() / 100 - 255 * u2.brightness() / 100) <= h2.b) && !(o2(a2.red(), u2.red()) - i2(a2.red(), u2.red()) + (o2(a2.green(), u2.green()) - i2(a2.green(), u2.green())) + (o2(a2.blue(), u2.blue()) - i2(a2.blue(), u2.blue())) <= h2.c);
+  var e2 = Math.abs, o3 = Math.max, i2 = Math.min, a2 = t2 instanceof ft ? t2 : new ft(t2), u2 = r2 instanceof ft ? r2 : new ft(r2), h2 = Object.assign({}, { b: 125, c: 500 }, n2);
+  return !(e2(255 * a2.brightness() / 100 - 255 * u2.brightness() / 100) <= h2.b) && !(o3(a2.red(), u2.red()) - i2(a2.red(), u2.red()) + (o3(a2.green(), u2.green()) - i2(a2.green(), u2.green())) + (o3(a2.blue(), u2.blue()) - i2(a2.blue(), u2.blue())) <= h2.c);
 };
 var it = function(t2, r2, n2) {
   var e2, i2 = function(t3) {
-    return o(t3, 0, 100);
+    return o2(t3, 0, 100);
   }, a2 = function(t3) {
-    return o(t3, 0, 255);
+    return o2(t3, 0, 255);
   }, u2 = { h: [0, function(t3) {
     return t3 % 360;
   }], s: [1, i2], l: [2, i2], r: [0, a2], g: [1, a2], b: [2, a2] }, h2 = u2[r2][0];
@@ -1995,10 +2218,10 @@ var lt = function(t2, r2) {
   var n2 = "string" == typeof t2 ? t2 : t2.join(",");
   if (r2.has(n2)) throw new Error("Invalid Color");
   r2.add(n2);
-  var e2 = "rgb", o2 = [0, 0, 0], i2 = 100;
+  var e2 = "rgb", o3 = [0, 0, 0], i2 = 100;
   if (Array.isArray(t2)) {
     if (t2.length < 3) throw new Error("Invalid Color");
-    for (var a2 = 0; a2 < t2.length; a2++) if (a2 < 3) o2[a2] = t2[a2];
+    for (var a2 = 0; a2 < t2.length; a2++) if (a2 < 3) o3[a2] = t2[a2];
     else {
       if (3 !== a2 || void 0 === t2[3]) break;
       i2 = t2[3];
@@ -2006,11 +2229,11 @@ var lt = function(t2, r2) {
   } else {
     var u2 = false, c2 = t2.trim().match(ht);
     if (c2 || (u2 = true), c2) {
-      var l2 = c2[1].toLocaleLowerCase();
-      if (e2 = l2, ut.has(l2) || (u2 = true), c2[2] && !u2) {
+      var l3 = c2[1].toLocaleLowerCase();
+      if (e2 = l3, ut.has(l3) || (u2 = true), c2[2] && !u2) {
         var p3 = c2[2], f2 = -1 !== p3.indexOf(",") ? "," : " ", s2 = p3.split(f2);
-        for (a2 = 0; a2 < 3; a2++) void 0 !== s2[a2] && (["lch", "lab"].includes(e2) && 0 === a2 || ["hsl", "hsla", "hsv", "hsva", "hwb", "hwba", "hsi", "hsia"].includes(e2) && a2 > 0 ? o2[a2] = ct(s2[a2]) : o2[a2] = Number(s2[a2].trim()));
-        ["rgba", "hsla", "hsva", "hwba", "hsia"].includes(e2) ? (e2 = e2.slice(0, -1), void 0 !== s2[3] && (i2 = ct(s2[3]))) : "cmyk" === e2 && o2.push(void 0 !== s2[3] ? ct(s2[3]) : 0);
+        for (a2 = 0; a2 < 3; a2++) void 0 !== s2[a2] && (["lch", "lab"].includes(e2) && 0 === a2 || ["hsl", "hsla", "hsv", "hsva", "hwb", "hwba", "hsi", "hsia"].includes(e2) && a2 > 0 ? o3[a2] = ct(s2[a2]) : o3[a2] = Number(s2[a2].trim()));
+        ["rgba", "hsla", "hsva", "hwba", "hsia"].includes(e2) ? (e2 = e2.slice(0, -1), void 0 !== s2[3] && (i2 = ct(s2[3]))) : "cmyk" === e2 && o3.push(void 0 !== s2[3] ? ct(s2[3]) : 0);
       }
     }
     if (u2) {
@@ -2025,10 +2248,10 @@ var lt = function(t2, r2) {
       } catch (t3) {
         throw new Error("Invalid Color");
       }
-      o2 = h(t2);
+      o3 = h(t2);
     }
   }
-  return [e2, o2, i2];
+  return [e2, o3, i2];
 };
 var pt = { thowParseError: false };
 var ft = (function() {
@@ -2041,12 +2264,12 @@ var ft = (function() {
         if ("rgb" === i3) return [a3, u3];
         "lch" === i3 && (i3 = (r3 = ["xyz", L2(a3[0], a3[1], a3[2])])[0], a3 = r3[1]);
         var h3 = a3[0], c2 = a3[1], p3 = a3[2], f2 = a3[3];
-        if ("cmyk" === i3) return [l(h3, c2, p3, f2).map((function(t4) {
-          return o(t4, 0, 255);
+        if ("cmyk" === i3) return [l2(h3, c2, p3, f2).map((function(t4) {
+          return o2(t4, 0, 255);
         })), u3];
         var v2 = "".concat(i3, "2rgb");
         if ("function" == typeof n4[v2]) return [n4[v2](h3, c2, p3).map((function(t4) {
-          return o(t4, 0, 255);
+          return o2(t4, 0, 255);
         })), u3];
         throw new Error("Invalid color");
       })(t2), u2 = a2[0], h2 = a2[1];
@@ -2054,7 +2277,7 @@ var ft = (function() {
     } catch (t3) {
       if (i2.thowParseError) throw t3;
     }
-    void 0 !== r2 && (this._alpha = o(r2, 0, 100));
+    void 0 !== r2 && (this._alpha = o2(r2, 0, 100));
   }
   return n2.prototype.red = function(t2) {
     return it(this, "r", t2);
@@ -2063,11 +2286,11 @@ var ft = (function() {
   }, n2.prototype.blue = function(t2) {
     return it(this, "b", t2);
   }, n2.prototype.alpha = function(t2) {
-    return void 0 === t2 ? this._alpha : (t2 = o(t2, 0, 100), new n2(this.rgb(), t2));
+    return void 0 === t2 ? this._alpha : (t2 = o2(t2, 0, 100), new n2(this.rgb(), t2));
   }, n2.prototype.fadeIn = function(t2, r2) {
-    return void 0 === t2 && (t2 = 10), t2 = r2 && "relative" === r2 ? this._alpha * t2 / 100 : t2, new n2(this.rgb(), o(this._alpha + t2, 0, 100));
+    return void 0 === t2 && (t2 = 10), t2 = r2 && "relative" === r2 ? this._alpha * t2 / 100 : t2, new n2(this.rgb(), o2(this._alpha + t2, 0, 100));
   }, n2.prototype.fadeOut = function(t2, r2) {
-    return void 0 === t2 && (t2 = 10), t2 = r2 && "relative" === r2 ? this._alpha * t2 / 100 : t2, new n2(this.rgb(), o(this._alpha - t2, 0, 100));
+    return void 0 === t2 && (t2 = 10), t2 = r2 && "relative" === r2 ? this._alpha * t2 / 100 : t2, new n2(this.rgb(), o2(this._alpha - t2, 0, 100));
   }, n2.prototype.opacify = function(t2, r2) {
     return void 0 === t2 && (t2 = 10), this.fadeIn(t2, r2);
   }, n2.prototype.transparentize = function(t2, r2) {
@@ -2106,23 +2329,23 @@ var ft = (function() {
     void 0 === t2 && (t2 = 2);
     var n3 = 0 === t2 ? void 0 : 1 === t2 ? this._alpha : 100 === this._alpha ? void 0 : this._alpha, e2 = "color:hex:param_".concat(t2);
     if (this.cache.has(e2)) return this.cache.get(e2);
-    var o2 = u.apply(void 0, r(r([], this._rgb, false), [n3], false));
-    return this.cache.set(e2, o2), o2;
+    var o3 = u.apply(void 0, r(r([], this._rgb, false), [n3], false));
+    return this.cache.set(e2, o3), o3;
   }, n2.prototype.lighten = function(t2, r2) {
     void 0 === t2 && (t2 = 5);
     var e2 = this.hsl(false), i2 = e2[0], a2 = e2[1], u2 = e2[2];
-    return u2 = o(u2 += void 0 !== r2 && "relative" === r2 ? u2 * (t2 / 100) : t2, 0, 100), new n2(s(i2, a2, u2), this._alpha);
+    return u2 = o2(u2 += void 0 !== r2 && "relative" === r2 ? u2 * (t2 / 100) : t2, 0, 100), new n2(s(i2, a2, u2), this._alpha);
   }, n2.prototype.darken = function(t2, r2) {
     return void 0 === t2 && (t2 = 5), this.lighten(-t2, r2);
   }, n2.prototype.saturate = function(t2, r2) {
     void 0 === t2 && (t2 = 5);
     var e2 = this.hsl(false), i2 = e2[0], a2 = e2[1], u2 = e2[2];
-    return a2 = o(a2 += void 0 !== r2 && "relative" === r2 ? a2 * (t2 / 100) : t2, 0, 100), new n2(s(i2, a2, u2), this._alpha);
+    return a2 = o2(a2 += void 0 !== r2 && "relative" === r2 ? a2 * (t2 / 100) : t2, 0, 100), new n2(s(i2, a2, u2), this._alpha);
   }, n2.prototype.desaturate = function(t2, r2) {
     return void 0 === t2 && (t2 = 5), this.saturate(-t2, r2);
   }, n2.prototype.spin = function(t2) {
-    var r2 = this.hsl(false), e2 = r2[0], o2 = r2[1], i2 = r2[2];
-    return new n2(s(e2 = (e2 + t2 % 360 + 360) % 360, o2, i2), this._alpha);
+    var r2 = this.hsl(false), e2 = r2[0], o3 = r2[1], i2 = r2[2];
+    return new n2(s(e2 = (e2 + t2 % 360 + 360) % 360, o3, i2), this._alpha);
   }, n2.prototype.adjustHue = function(t2) {
     return this.spin(t2);
   }, n2.prototype.complement = function() {
@@ -2133,7 +2356,7 @@ var ft = (function() {
     }));
     return new n2([t2[0], t2[1], t2[2]], this._alpha);
   }, n2.prototype.mix = function(t2, r2) {
-    return void 0 === r2 && (r2 = 50), D(this, t2, 100 - o(r2, 0, 100));
+    return void 0 === r2 && (r2 = 50), D(this, t2, 100 - o2(r2, 0, 100));
   }, n2.prototype.luma = function() {
     var t2 = this._rgb.map((function(t3) {
       return (t3 /= 255) <= 0.03928 ? t3 / 12.92 : Math.pow((t3 + 0.055) / 1.055, 2.4);
@@ -2187,7 +2410,7 @@ Mt.config = function(t2) {
     if (void 0 !== r3 && "function" == typeof r3) {
       var n2 = {};
       for (var e2 in t3) {
-        var o2 = r3(e2, t3[e2]), i2 = o2[0], a2 = o2[1];
+        var o3 = r3(e2, t3[e2]), i2 = o3[0], a2 = o3[1];
         n2[i2] = a2;
       }
       Object.assign(at, n2);
@@ -2204,8 +2427,8 @@ function pickDistinctColorFromSeed(seedHex, existing, minDistance = MIN_DELTA_E,
   const band = options.lightnessBand === void 0 ? LEGIBLE_LIGHTNESS : options.lightnessBand;
   const legible = (c2) => {
     if (!band) return true;
-    const l2 = c2.hsl()[2];
-    return l2 > band[0] && l2 < band[1];
+    const l3 = c2.hsl()[2];
+    return l3 > band[0] && l3 < band[1];
   };
   const minDeltaE = (c2) => existingCs.length === 0 ? Number.POSITIVE_INFINITY : Math.min(...existingCs.map((c22) => c2.deltaE(c22, "CIE2000")));
   if (minDeltaE(seed) >= minDistance) {
@@ -2323,10 +2546,10 @@ function normalise(seed) {
   return typeof seed === "string" ? seed.trim() : "";
 }
 function sweepCandidates(seedHex) {
-  const [h2, s2, l2] = Mt(seedHex).hsl();
+  const [h2, s2, l3] = Mt(seedHex).hsl();
   const baseHue = Number.isFinite(h2) ? h2 : 210;
   const baseSat = s2 < 25 ? 62 : Math.min(90, s2);
-  const baseLight = l2 < 25 || l2 > 78 ? 52 : l2;
+  const baseLight = l3 < 25 || l3 > 78 ? 52 : l3;
   const out = [];
   for (const dl of [0, -16, 16, -30, 30]) {
     const li = Math.min(78, Math.max(26, baseLight + dl));
@@ -2351,18 +2574,18 @@ function pendingRecoveryNextDelayMs(elapsedMs) {
   return PENDING_RECOVERY_SLOW_POLL_MS;
 }
 function encodePendingGenerate(m2) {
-  const o2 = { v: m2.v, t: m2.t, c: m2.c, p: m2.p ?? "" };
-  if (Number.isFinite(m2.h)) o2.h = Math.max(0, Math.floor(m2.h));
-  return JSON.stringify(o2);
+  const o3 = { v: m2.v, t: m2.t, c: m2.c, p: m2.p ?? "" };
+  if (Number.isFinite(m2.h)) o3.h = Math.max(0, Math.floor(m2.h));
+  return JSON.stringify(o3);
 }
 function parsePendingGenerate(raw) {
   if (typeof raw !== "string" || raw.trim() === "") return null;
   try {
-    const o2 = JSON.parse(raw);
-    const v2 = Number(o2?.v), t2 = Number(o2?.t);
+    const o3 = JSON.parse(raw);
+    const v2 = Number(o3?.v), t2 = Number(o3?.t);
     if (!Number.isFinite(v2) || v2 <= 0 || !Number.isFinite(t2) || t2 <= 0) return null;
-    const h2 = Number(o2?.h);
-    const m2 = { v: Math.floor(v2), t: Math.floor(t2), c: typeof o2.c === "string" ? o2.c : "", p: typeof o2.p === "string" ? o2.p : "" };
+    const h2 = Number(o3?.h);
+    const m2 = { v: Math.floor(v2), t: Math.floor(t2), c: typeof o3.c === "string" ? o3.c : "", p: typeof o3.p === "string" ? o3.p : "" };
     if (Number.isFinite(h2) && h2 >= 0) m2.h = Math.floor(h2);
     return m2;
   } catch {
@@ -2436,6 +2659,14 @@ function reconcileChartPick(pick, offered, autoLabel) {
   if (names.length === 0) return { pick: want, dropped: false, message: "" };
   const key = want.toLowerCase();
   if (names.some((n2) => n2.toLowerCase() === key)) return { pick: want, dropped: false, message: "" };
+  const loose = l(want);
+  if (o(loose)) {
+    const hits = new Set(names.filter((n2) => l(n2) === loose).map((n2) => n2.toLowerCase()));
+    if (hits.size === 1) {
+      const offeredName = names.find((n2) => l(n2) === loose);
+      return { pick: offeredName, dropped: false, message: "" };
+    }
+  }
   return {
     pick: "",
     dropped: true,
@@ -2545,7 +2776,7 @@ function fingerprintComponentDigest(components) {
 
 // src/index.ts
 function registerCityTable(packed) {
-  L3(packed);
+  _3(packed);
 }
 export {
   ACTIVE_TICK_CLASS,
@@ -2580,6 +2811,7 @@ export {
   CONTROL_CLASS,
   D3_PLUGIN_PACKAGES,
   DARK_TEXT,
+  DEFAULT_FILTER_MATCH_STYLE,
   DEFAULT_MODEL_SUFFIX,
   DIM_OPACITY_DEFAULT,
   DIM_OPACITY_VAR,
@@ -2589,6 +2821,9 @@ export {
   FILTER_MIN_WIDTH_PX,
   FILTER_ROW_PX,
   FIT_CONTENT_SELECTOR,
+  FLIP_DIRECTION_DEFAULT,
+  FLIP_INTERVAL_MAX_MS,
+  FLIP_INTERVAL_MIN_MS,
   FLIP_MODE_DEFAULT,
   GENERATION_CANCELLED_MESSAGE,
   GEO_POINT_PRECISIONS,
@@ -2598,6 +2833,7 @@ export {
   INLINE_FILTER_MIN_ROWS,
   LABEL_CONTRAST_CAP,
   LABEL_CONTRAST_DONE_ATTR,
+  LABEL_PILL_CLASS,
   LEGEND_MARK_CLASS,
   LEGIBLE_LIGHTNESS,
   LIFT_SELECTED_CLASS,
@@ -2614,6 +2850,7 @@ export {
   MIN_DELTA_E,
   MIN_HIT_BAND_PX,
   MIN_RAMP_FILLS,
+  NO_ROW_MARKS_ATTR,
   OPTIONS_VOCABULARY,
   PAGE_MATCH_TOLERANCE,
   PENDING_RECOVERY_FAST_PHASE_MS,
@@ -2636,6 +2873,12 @@ export {
   SEASONAL_MARKERS_DEFAULT,
   SELECTION_ACTIVE_CLASS,
   SELECTION_GLYPH_CLASS,
+  SNAPSHOT_SVG_ATTR,
+  STRADDLE_COLS,
+  STRADDLE_MIN_SHARE,
+  STRADDLE_PILL_ALPHA,
+  STRADDLE_ROWS,
+  STRADDLE_TARGET_CONTRAST,
   TRANSPORT_LOST_CHECKING_MESSAGE,
   VALUE_AXIS_BASELINE_DEFAULT,
   VALUE_AXIS_MIN_FIT,
@@ -2667,6 +2910,7 @@ export {
   censusMarks,
   censusValuePlacement,
   chartOwnsTimeline,
+  chartSvgOf,
   chooserFitsViewport,
   clearGeoCache,
   clearSelectionGlyphs,
@@ -2694,6 +2938,7 @@ export {
   ensureCrossfilterHitTargets,
   explainRenderFailure,
   filterFitsChooser,
+  filterMatchStyleOf,
   filterQualifyRows,
   fingerprintComponentDigest,
   fitReadingFor,
@@ -2706,6 +2951,8 @@ export {
   glyphSampleGrid,
   hasRefusalsToShow,
   hitBandFlag,
+  htmlNaturalSize,
+  htmlToSvgDataUrl,
   inlineFilterGate,
   invalidSentinelReason,
   isBlankRender,
@@ -2730,6 +2977,7 @@ export {
   markDefaultModel,
   markerArmedBlind,
   measureContainerBoxes,
+  minContrastOver,
   mountProductFeedbackBox,
   needsScroll,
   newQualifyGroupState,
@@ -2746,6 +2994,7 @@ export {
   pendingRecoveryNextDelayMs,
   pendingRecoveryRemainingMs,
   periodTickSuppressesFeedback,
+  pickColorOver,
   pickDistinctColorFromSeed,
   pillBacksGlyph,
   pinScrolledAxis,
@@ -2790,12 +3039,15 @@ export {
   shouldRestoreVersionAfterLicenseSave,
   shouldReview,
   stableFingerprintOptions,
+  straddleSampleGrid,
+  straddles,
   stripEsmExports,
   stripJsComments,
   svgInkReach,
   svgNaturalSize,
   svgToDataUrl,
   syncMemberSelection,
+  tableHostOf,
   toRGBA,
   toSourceRows,
   transportFailureShouldRecover,