@weng-lab/visualization 2.6.0-beta.1 → 2.6.0

package/dist/visualization.es535.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es535.js","sources":["../../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/year.js"],"sourcesContent":["import {timeInterval} from \"./interval.js\";\n\nexport const timeYear = timeInterval((date) => {\n  date.setMonth(0, 1);\n  date.setHours(0, 0, 0, 0);\n}, (date, step) => {\n  date.setFullYear(date.getFullYear() + step);\n}, (start, end) => {\n  return end.getFullYear() - start.getFullYear();\n}, (date) => {\n  return date.getFullYear();\n});\n\n// An optimized implementation for this simple case.\ntimeYear.every = (k) => {\n  return !isFinite(k = Math.floor(k)) || !(k > 0) ? null : timeInterval((date) => {\n    date.setFullYear(Math.floor(date.getFullYear() / k) * k);\n    date.setMonth(0, 1);\n    date.setHours(0, 0, 0, 0);\n  }, (date, step) => {\n    date.setFullYear(date.getFullYear() + step * k);\n  });\n};\n\nexport const timeYears = timeYear.range;\n\nexport const utcYear = timeInterval((date) => {\n  date.setUTCMonth(0, 1);\n  date.setUTCHours(0, 0, 0, 0);\n}, (date, step) => {\n  date.setUTCFullYear(date.getUTCFullYear() + step);\n}, (start, end) => {\n  return end.getUTCFullYear() - start.getUTCFullYear();\n}, (date) => {\n  return date.getUTCFullYear();\n});\n\n// An optimized implementation for this simple case.\nutcYear.every = (k) => {\n  return !isFinite(k = Math.floor(k)) || !(k > 0) ? null : timeInterval((date) => {\n    date.setUTCFullYear(Math.floor(date.getUTCFullYear() / k) * k);\n    date.setUTCMonth(0, 1);\n    date.setUTCHours(0, 0, 0, 0);\n  }, (date, step) => {\n    date.setUTCFullYear(date.getUTCFullYear() + step * k);\n  });\n};\n\nexport const utcYears = utcYear.range;\n"],"names":["timeYear","timeInterval","date","step","start","end","k","utcYear"],"mappings":";AAEY,MAACA,IAAWC,EAAa,CAACC,MAAS;AAC7C,EAAAA,EAAK,SAAS,GAAG,CAAC,GAClBA,EAAK,SAAS,GAAG,GAAG,GAAG,CAAC;AAC1B,GAAG,CAACA,GAAMC,MAAS;AACjB,EAAAD,EAAK,YAAYA,EAAK,YAAW,IAAKC,CAAI;AAC5C,GAAG,CAACC,GAAOC,MACFA,EAAI,gBAAgBD,EAAM,YAAW,GAC3C,CAACF,MACKA,EAAK,YAAW,CACxB;AAGDF,EAAS,QAAQ,CAACM,MACT,CAAC,SAASA,IAAI,KAAK,MAAMA,CAAC,CAAC,KAAK,EAAEA,IAAI,KAAK,OAAOL,EAAa,CAACC,MAAS;AAC9E,EAAAA,EAAK,YAAY,KAAK,MAAMA,EAAK,YAAW,IAAKI,CAAC,IAAIA,CAAC,GACvDJ,EAAK,SAAS,GAAG,CAAC,GAClBA,EAAK,SAAS,GAAG,GAAG,GAAG,CAAC;AAC1B,GAAG,CAACA,GAAMC,MAAS;AACjB,EAAAD,EAAK,YAAYA,EAAK,YAAW,IAAKC,IAAOG,CAAC;AAChD,CAAC;AAGsBN,EAAS;AAEtB,MAACO,IAAUN,EAAa,CAACC,MAAS;AAC5C,EAAAA,EAAK,YAAY,GAAG,CAAC,GACrBA,EAAK,YAAY,GAAG,GAAG,GAAG,CAAC;AAC7B,GAAG,CAACA,GAAMC,MAAS;AACjB,EAAAD,EAAK,eAAeA,EAAK,eAAc,IAAKC,CAAI;AAClD,GAAG,CAACC,GAAOC,MACFA,EAAI,mBAAmBD,EAAM,eAAc,GACjD,CAACF,MACKA,EAAK,eAAc,CAC3B;AAGDK,EAAQ,QAAQ,CAACD,MACR,CAAC,SAASA,IAAI,KAAK,MAAMA,CAAC,CAAC,KAAK,EAAEA,IAAI,KAAK,OAAOL,EAAa,CAACC,MAAS;AAC9E,EAAAA,EAAK,eAAe,KAAK,MAAMA,EAAK,eAAc,IAAKI,CAAC,IAAIA,CAAC,GAC7DJ,EAAK,YAAY,GAAG,CAAC,GACrBA,EAAK,YAAY,GAAG,GAAG,GAAG,CAAC;AAC7B,GAAG,CAACA,GAAMC,MAAS;AACjB,EAAAD,EAAK,eAAeA,EAAK,eAAc,IAAKC,IAAOG,CAAC;AACtD,CAAC;AAGqBC,EAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es535.js","sources":["../../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/hour.js"],"sourcesContent":["import {timeInterval} from \"./interval.js\";\nimport {durationHour, durationMinute, durationSecond} from \"./duration.js\";\n\nexport const timeHour = timeInterval((date) => {\n  date.setTime(date - date.getMilliseconds() - date.getSeconds() * durationSecond - date.getMinutes() * durationMinute);\n}, (date, step) => {\n  date.setTime(+date + step * durationHour);\n}, (start, end) => {\n  return (end - start) / durationHour;\n}, (date) => {\n  return date.getHours();\n});\n\nexport const timeHours = timeHour.range;\n\nexport const utcHour = timeInterval((date) => {\n  date.setUTCMinutes(0, 0, 0);\n}, (date, step) => {\n  date.setTime(+date + step * durationHour);\n}, (start, end) => {\n  return (end - start) / durationHour;\n}, (date) => {\n  return date.getUTCHours();\n});\n\nexport const utcHours = utcHour.range;\n"],"names":["timeHour","timeInterval","date","durationSecond","durationMinute","step","durationHour","start","end","utcHour"],"mappings":";;AAGY,MAACA,IAAWC,EAAa,CAACC,MAAS;AAC7C,EAAAA,EAAK,QAAQA,IAAOA,EAAK,gBAAe,IAAKA,EAAK,WAAU,IAAKC,IAAiBD,EAAK,WAAU,IAAKE,CAAc;AACtH,GAAG,CAACF,GAAMG,MAAS;AACjB,EAAAH,EAAK,QAAQ,CAACA,IAAOG,IAAOC,CAAY;AAC1C,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASD,GACtB,CAACJ,MACKA,EAAK,SAAQ,CACrB;AAEwBF,EAAS;AAEtB,MAACS,IAAUR,EAAa,CAACC,MAAS;AAC5C,EAAAA,EAAK,cAAc,GAAG,GAAG,CAAC;AAC5B,GAAG,CAACA,GAAMG,MAAS;AACjB,EAAAH,EAAK,QAAQ,CAACA,IAAOG,IAAOC,CAAY;AAC1C,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASD,GACtB,CAACJ,MACKA,EAAK,YAAW,CACxB;AAEuBO,EAAQ;","x_google_ignoreList":[0]}

package/dist/visualization.es536.js

@@ -1,49 +1,27 @@
-import { timeInterval as o } from "./visualization.es635.js";
-import { durationWeek as s, durationMinute as u } from "./visualization.es636.js";
-function n(a) {
-  return o((e) => {
-    e.setDate(e.getDate() - (e.getDay() + 7 - a) % 7), e.setHours(0, 0, 0, 0);
-  }, (e, t) => {
-    e.setDate(e.getDate() + t * 7);
-  }, (e, t) => (t - e - (t.getTimezoneOffset() - e.getTimezoneOffset()) * u) / s);
-}
-const c = n(0), g = n(1), i = n(2), y = n(3), m = n(4), T = n(5), d = n(6);
-c.range;
-g.range;
-i.range;
-y.range;
-m.range;
-T.range;
-d.range;
-function r(a) {
-  return o((e) => {
-    e.setUTCDate(e.getUTCDate() - (e.getUTCDay() + 7 - a) % 7), e.setUTCHours(0, 0, 0, 0);
-  }, (e, t) => {
-    e.setUTCDate(e.getUTCDate() + t * 7);
-  }, (e, t) => (t - e) / s);
-}
-const D = r(0), f = r(1), C = r(2), U = r(3), W = r(4), S = r(5), k = r(6);
-D.range;
-f.range;
-C.range;
-U.range;
-W.range;
-S.range;
-k.range;
+import { timeInterval as o } from "./visualization.es630.js";
+import { durationMinute as n, durationDay as r } from "./visualization.es631.js";
+const a = o(
+  (t) => t.setHours(0, 0, 0, 0),
+  (t, e) => t.setDate(t.getDate() + e),
+  (t, e) => (e - t - (e.getTimezoneOffset() - t.getTimezoneOffset()) * n) / r,
+  (t) => t.getDate() - 1
+);
+a.range;
+const s = o((t) => {
+  t.setUTCHours(0, 0, 0, 0);
+}, (t, e) => {
+  t.setUTCDate(t.getUTCDate() + e);
+}, (t, e) => (e - t) / r, (t) => t.getUTCDate() - 1);
+s.range;
+const u = o((t) => {
+  t.setUTCHours(0, 0, 0, 0);
+}, (t, e) => {
+  t.setUTCDate(t.getUTCDate() + e);
+}, (t, e) => (e - t) / r, (t) => Math.floor(t / r));
+u.range;
 export {
-  T as timeFriday,
-  g as timeMonday,
-  d as timeSaturday,
-  c as timeSunday,
-  m as timeThursday,
-  i as timeTuesday,
-  y as timeWednesday,
-  S as utcFriday,
-  f as utcMonday,
-  k as utcSaturday,
-  D as utcSunday,
-  W as utcThursday,
-  C as utcTuesday,
-  U as utcWednesday
+  a as timeDay,
+  u as unixDay,
+  s as utcDay
 };
 //# sourceMappingURL=visualization.es536.js.map

package/dist/visualization.es536.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es536.js","sources":["../../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/week.js"],"sourcesContent":["import {timeInterval} from \"./interval.js\";\nimport {durationMinute, durationWeek} from \"./duration.js\";\n\nfunction timeWeekday(i) {\n  return timeInterval((date) => {\n    date.setDate(date.getDate() - (date.getDay() + 7 - i) % 7);\n    date.setHours(0, 0, 0, 0);\n  }, (date, step) => {\n    date.setDate(date.getDate() + step * 7);\n  }, (start, end) => {\n    return (end - start - (end.getTimezoneOffset() - start.getTimezoneOffset()) * durationMinute) / durationWeek;\n  });\n}\n\nexport const timeSunday = timeWeekday(0);\nexport const timeMonday = timeWeekday(1);\nexport const timeTuesday = timeWeekday(2);\nexport const timeWednesday = timeWeekday(3);\nexport const timeThursday = timeWeekday(4);\nexport const timeFriday = timeWeekday(5);\nexport const timeSaturday = timeWeekday(6);\n\nexport const timeSundays = timeSunday.range;\nexport const timeMondays = timeMonday.range;\nexport const timeTuesdays = timeTuesday.range;\nexport const timeWednesdays = timeWednesday.range;\nexport const timeThursdays = timeThursday.range;\nexport const timeFridays = timeFriday.range;\nexport const timeSaturdays = timeSaturday.range;\n\nfunction utcWeekday(i) {\n  return timeInterval((date) => {\n    date.setUTCDate(date.getUTCDate() - (date.getUTCDay() + 7 - i) % 7);\n    date.setUTCHours(0, 0, 0, 0);\n  }, (date, step) => {\n    date.setUTCDate(date.getUTCDate() + step * 7);\n  }, (start, end) => {\n    return (end - start) / durationWeek;\n  });\n}\n\nexport const utcSunday = utcWeekday(0);\nexport const utcMonday = utcWeekday(1);\nexport const utcTuesday = utcWeekday(2);\nexport const utcWednesday = utcWeekday(3);\nexport const utcThursday = utcWeekday(4);\nexport const utcFriday = utcWeekday(5);\nexport const utcSaturday = utcWeekday(6);\n\nexport const utcSundays = utcSunday.range;\nexport const utcMondays = utcMonday.range;\nexport const utcTuesdays = utcTuesday.range;\nexport const utcWednesdays = utcWednesday.range;\nexport const utcThursdays = utcThursday.range;\nexport const utcFridays = utcFriday.range;\nexport const utcSaturdays = utcSaturday.range;\n"],"names":["timeWeekday","i","timeInterval","date","step","start","end","durationMinute","durationWeek","timeSunday","timeMonday","timeTuesday","timeWednesday","timeThursday","timeFriday","timeSaturday","utcWeekday","utcSunday","utcMonday","utcTuesday","utcWednesday","utcThursday","utcFriday","utcSaturday"],"mappings":";;AAGA,SAASA,EAAYC,GAAG;AACtB,SAAOC,EAAa,CAACC,MAAS;AAC5B,IAAAA,EAAK,QAAQA,EAAK,aAAaA,EAAK,WAAW,IAAIF,KAAK,CAAC,GACzDE,EAAK,SAAS,GAAG,GAAG,GAAG,CAAC;AAAA,EAC1B,GAAG,CAACA,GAAMC,MAAS;AACjB,IAAAD,EAAK,QAAQA,EAAK,QAAO,IAAKC,IAAO,CAAC;AAAA,EACxC,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASC,EAAI,kBAAiB,IAAKD,EAAM,uBAAuBE,KAAkBC,CACjG;AACH;AAEY,MAACC,IAAaT,EAAY,CAAC,GAC1BU,IAAaV,EAAY,CAAC,GAC1BW,IAAcX,EAAY,CAAC,GAC3BY,IAAgBZ,EAAY,CAAC,GAC7Ba,IAAeb,EAAY,CAAC,GAC5Bc,IAAad,EAAY,CAAC,GAC1Be,IAAef,EAAY,CAAC;AAEdS,EAAW;AACXC,EAAW;AACVC,EAAY;AACVC,EAAc;AACfC,EAAa;AACfC,EAAW;AACTC,EAAa;AAE1C,SAASC,EAAWf,GAAG;AACrB,SAAOC,EAAa,CAACC,MAAS;AAC5B,IAAAA,EAAK,WAAWA,EAAK,gBAAgBA,EAAK,cAAc,IAAIF,KAAK,CAAC,GAClEE,EAAK,YAAY,GAAG,GAAG,GAAG,CAAC;AAAA,EAC7B,GAAG,CAACA,GAAMC,MAAS;AACjB,IAAAD,EAAK,WAAWA,EAAK,WAAU,IAAKC,IAAO,CAAC;AAAA,EAC9C,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASG,CACxB;AACH;AAEY,MAACS,IAAYD,EAAW,CAAC,GACxBE,IAAYF,EAAW,CAAC,GACxBG,IAAaH,EAAW,CAAC,GACzBI,IAAeJ,EAAW,CAAC,GAC3BK,IAAcL,EAAW,CAAC,GAC1BM,IAAYN,EAAW,CAAC,GACxBO,IAAcP,EAAW,CAAC;AAEbC,EAAU;AACVC,EAAU;AACTC,EAAW;AACTC,EAAa;AACdC,EAAY;AACdC,EAAU;AACRC,EAAY;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es536.js","sources":["../../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/day.js"],"sourcesContent":["import {timeInterval} from \"./interval.js\";\nimport {durationDay, durationMinute} from \"./duration.js\";\n\nexport const timeDay = timeInterval(\n  date => date.setHours(0, 0, 0, 0),\n  (date, step) => date.setDate(date.getDate() + step),\n  (start, end) => (end - start - (end.getTimezoneOffset() - start.getTimezoneOffset()) * durationMinute) / durationDay,\n  date => date.getDate() - 1\n);\n\nexport const timeDays = timeDay.range;\n\nexport const utcDay = timeInterval((date) => {\n  date.setUTCHours(0, 0, 0, 0);\n}, (date, step) => {\n  date.setUTCDate(date.getUTCDate() + step);\n}, (start, end) => {\n  return (end - start) / durationDay;\n}, (date) => {\n  return date.getUTCDate() - 1;\n});\n\nexport const utcDays = utcDay.range;\n\nexport const unixDay = timeInterval((date) => {\n  date.setUTCHours(0, 0, 0, 0);\n}, (date, step) => {\n  date.setUTCDate(date.getUTCDate() + step);\n}, (start, end) => {\n  return (end - start) / durationDay;\n}, (date) => {\n  return Math.floor(date / durationDay);\n});\n\nexport const unixDays = unixDay.range;\n"],"names":["timeDay","timeInterval","date","step","start","end","durationMinute","durationDay","utcDay","unixDay"],"mappings":";;AAGY,MAACA,IAAUC;AAAA,EACrB,CAAAC,MAAQA,EAAK,SAAS,GAAG,GAAG,GAAG,CAAC;AAAA,EAChC,CAACA,GAAMC,MAASD,EAAK,QAAQA,EAAK,QAAO,IAAKC,CAAI;AAAA,EAClD,CAACC,GAAOC,OAASA,IAAMD,KAASC,EAAI,kBAAiB,IAAKD,EAAM,kBAAiB,KAAME,KAAkBC;AAAA,EACzG,CAAAL,MAAQA,EAAK,YAAY;AAC3B;AAEwBF,EAAQ;AAEpB,MAACQ,IAASP,EAAa,CAACC,MAAS;AAC3C,EAAAA,EAAK,YAAY,GAAG,GAAG,GAAG,CAAC;AAC7B,GAAG,CAACA,GAAMC,MAAS;AACjB,EAAAD,EAAK,WAAWA,EAAK,WAAU,IAAKC,CAAI;AAC1C,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASG,GACtB,CAACL,MACKA,EAAK,WAAU,IAAK,CAC5B;AAEsBM,EAAO;AAElB,MAACC,IAAUR,EAAa,CAACC,MAAS;AAC5C,EAAAA,EAAK,YAAY,GAAG,GAAG,GAAG,CAAC;AAC7B,GAAG,CAACA,GAAMC,MAAS;AACjB,EAAAD,EAAK,WAAWA,EAAK,WAAU,IAAKC,CAAI;AAC1C,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASG,GACtB,CAACL,MACK,KAAK,MAAMA,IAAOK,CAAW,CACrC;AAEuBE,EAAQ;","x_google_ignoreList":[0]}

package/dist/visualization.es537.js

@@ -1,12 +1,9 @@
-import { timeInterval as n } from "./visualization.es635.js";
-import { durationSecond as o } from "./visualization.es636.js";
-const t = n((e) => {
-  e.setTime(e - e.getMilliseconds());
-}, (e, r) => {
-  e.setTime(+e + r * o);
-}, (e, r) => (r - e) / o, (e) => e.getUTCSeconds());
-t.range;
+function u(n, t) {
+  return n = +n, t = +t, function(r) {
+    return Math.round(n * (1 - r) + t * r);
+  };
+}
 export {
-  t as second
+  u as default
 };
 //# sourceMappingURL=visualization.es537.js.map

package/dist/visualization.es537.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es537.js","sources":["../../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/second.js"],"sourcesContent":["import {timeInterval} from \"./interval.js\";\nimport {durationSecond} from \"./duration.js\";\n\nexport const second = timeInterval((date) => {\n  date.setTime(date - date.getMilliseconds());\n}, (date, step) => {\n  date.setTime(+date + step * durationSecond);\n}, (start, end) => {\n  return (end - start) / durationSecond;\n}, (date) => {\n  return date.getUTCSeconds();\n});\n\nexport const seconds = second.range;\n"],"names":["second","timeInterval","date","step","durationSecond","start","end"],"mappings":";;AAGY,MAACA,IAASC,EAAa,CAACC,MAAS;AAC3C,EAAAA,EAAK,QAAQA,IAAOA,EAAK,gBAAe,CAAE;AAC5C,GAAG,CAACA,GAAMC,MAAS;AACjB,EAAAD,EAAK,QAAQ,CAACA,IAAOC,IAAOC,CAAc;AAC5C,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASD,GACtB,CAACF,MACKA,EAAK,cAAa,CAC1B;AAEsBF,EAAO;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es537.js","sources":["../../../node_modules/.pnpm/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/round.js"],"sourcesContent":["export default function(a, b) {\n  return a = +a, b = +b, function(t) {\n    return Math.round(a * (1 - t) + b * t);\n  };\n}\n"],"names":["interpolateRound","a","b","t"],"mappings":"AAAe,SAAAA,EAASC,GAAGC,GAAG;AAC5B,SAAOD,IAAI,CAACA,GAAGC,IAAI,CAACA,GAAG,SAASC,GAAG;AACjC,WAAO,KAAK,MAAMF,KAAK,IAAIE,KAAKD,IAAIC,CAAC;AAAA,EACvC;AACF;","x_google_ignoreList":[0]}

package/dist/visualization.es538.js

@@ -1,18 +1,31 @@
-import { timeInterval as n } from "./visualization.es635.js";
-const o = n((t) => {
-  t.setDate(1), t.setHours(0, 0, 0, 0);
-}, (t, e) => {
-  t.setMonth(t.getMonth() + e);
-}, (t, e) => e.getMonth() - t.getMonth() + (e.getFullYear() - t.getFullYear()) * 12, (t) => t.getMonth());
-o.range;
-const r = n((t) => {
-  t.setUTCDate(1), t.setUTCHours(0, 0, 0, 0);
-}, (t, e) => {
-  t.setUTCMonth(t.getUTCMonth() + e);
-}, (t, e) => e.getUTCMonth() - t.getUTCMonth() + (e.getUTCFullYear() - t.getUTCFullYear()) * 12, (t) => t.getUTCMonth());
-r.range;
+const e = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "switch",
+  "symbol",
+  "svg",
+  "text",
+  "tspan",
+  "use",
+  "view"
+];
 export {
-  o as timeMonth,
-  r as utcMonth
+  e as lowercaseSVGElements
 };
 //# sourceMappingURL=visualization.es538.js.map

package/dist/visualization.es538.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es538.js","sources":["../../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/month.js"],"sourcesContent":["import {timeInterval} from \"./interval.js\";\n\nexport const timeMonth = timeInterval((date) => {\n  date.setDate(1);\n  date.setHours(0, 0, 0, 0);\n}, (date, step) => {\n  date.setMonth(date.getMonth() + step);\n}, (start, end) => {\n  return end.getMonth() - start.getMonth() + (end.getFullYear() - start.getFullYear()) * 12;\n}, (date) => {\n  return date.getMonth();\n});\n\nexport const timeMonths = timeMonth.range;\n\nexport const utcMonth = timeInterval((date) => {\n  date.setUTCDate(1);\n  date.setUTCHours(0, 0, 0, 0);\n}, (date, step) => {\n  date.setUTCMonth(date.getUTCMonth() + step);\n}, (start, end) => {\n  return end.getUTCMonth() - start.getUTCMonth() + (end.getUTCFullYear() - start.getUTCFullYear()) * 12;\n}, (date) => {\n  return date.getUTCMonth();\n});\n\nexport const utcMonths = utcMonth.range;\n"],"names":["timeMonth","timeInterval","date","step","start","end","utcMonth"],"mappings":";AAEY,MAACA,IAAYC,EAAa,CAACC,MAAS;AAC9C,EAAAA,EAAK,QAAQ,CAAC,GACdA,EAAK,SAAS,GAAG,GAAG,GAAG,CAAC;AAC1B,GAAG,CAACA,GAAMC,MAAS;AACjB,EAAAD,EAAK,SAASA,EAAK,SAAQ,IAAKC,CAAI;AACtC,GAAG,CAACC,GAAOC,MACFA,EAAI,aAAaD,EAAM,SAAQ,KAAMC,EAAI,YAAW,IAAKD,EAAM,YAAW,KAAM,IACtF,CAACF,MACKA,EAAK,SAAQ,CACrB;AAEyBF,EAAU;AAExB,MAACM,IAAWL,EAAa,CAACC,MAAS;AAC7C,EAAAA,EAAK,WAAW,CAAC,GACjBA,EAAK,YAAY,GAAG,GAAG,GAAG,CAAC;AAC7B,GAAG,CAACA,GAAMC,MAAS;AACjB,EAAAD,EAAK,YAAYA,EAAK,YAAW,IAAKC,CAAI;AAC5C,GAAG,CAACC,GAAOC,MACFA,EAAI,gBAAgBD,EAAM,YAAW,KAAMC,EAAI,eAAc,IAAKD,EAAM,eAAc,KAAM,IAClG,CAACF,MACKA,EAAK,YAAW,CACxB;AAEwBI,EAAS;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es538.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/svg/lowercase-elements.mjs"],"sourcesContent":["/**\n * We keep these listed separately as we use the lowercase tag names as part\n * of the runtime bundle to detect SVG components\n */\nconst lowercaseSVGElements = [\n    \"animate\",\n    \"circle\",\n    \"defs\",\n    \"desc\",\n    \"ellipse\",\n    \"g\",\n    \"image\",\n    \"line\",\n    \"filter\",\n    \"marker\",\n    \"mask\",\n    \"metadata\",\n    \"path\",\n    \"pattern\",\n    \"polygon\",\n    \"polyline\",\n    \"rect\",\n    \"stop\",\n    \"switch\",\n    \"symbol\",\n    \"svg\",\n    \"text\",\n    \"tspan\",\n    \"use\",\n    \"view\",\n];\n\nexport { lowercaseSVGElements };\n//# sourceMappingURL=lowercase-elements.mjs.map\n"],"names":["lowercaseSVGElements"],"mappings":"AAIK,MAACA,IAAuB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es539.js

@@ -1,19 +1,14 @@
-import { timeInterval as r } from "./visualization.es635.js";
-import { durationMinute as n, durationSecond as i } from "./visualization.es636.js";
-const o = r((e) => {
-  e.setTime(e - e.getMilliseconds() - e.getSeconds() * i);
-}, (e, t) => {
-  e.setTime(+e + t * n);
-}, (e, t) => (t - e) / n, (e) => e.getMinutes());
-o.range;
-const s = r((e) => {
-  e.setUTCSeconds(0, 0);
-}, (e, t) => {
-  e.setTime(+e + t * n);
-}, (e, t) => (t - e) / n, (e) => e.getUTCMinutes());
-s.range;
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./visualization.es189.js";
+import { getCurrentTreeVariants as m } from "./visualization.es601.js";
+function C(t) {
+  const { initial: e, animate: n } = m(t, o(a));
+  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
+}
+function r(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
+}
 export {
-  o as timeMinute,
-  s as utcMinute
+  C as useCreateMotionContext
 };
 //# sourceMappingURL=visualization.es539.js.map

package/dist/visualization.es539.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es539.js","sources":["../../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/minute.js"],"sourcesContent":["import {timeInterval} from \"./interval.js\";\nimport {durationMinute, durationSecond} from \"./duration.js\";\n\nexport const timeMinute = timeInterval((date) => {\n  date.setTime(date - date.getMilliseconds() - date.getSeconds() * durationSecond);\n}, (date, step) => {\n  date.setTime(+date + step * durationMinute);\n}, (start, end) => {\n  return (end - start) / durationMinute;\n}, (date) => {\n  return date.getMinutes();\n});\n\nexport const timeMinutes = timeMinute.range;\n\nexport const utcMinute = timeInterval((date) => {\n  date.setUTCSeconds(0, 0);\n}, (date, step) => {\n  date.setTime(+date + step * durationMinute);\n}, (start, end) => {\n  return (end - start) / durationMinute;\n}, (date) => {\n  return date.getUTCMinutes();\n});\n\nexport const utcMinutes = utcMinute.range;\n"],"names":["timeMinute","timeInterval","date","durationSecond","step","durationMinute","start","end","utcMinute"],"mappings":";;AAGY,MAACA,IAAaC,EAAa,CAACC,MAAS;AAC/C,EAAAA,EAAK,QAAQA,IAAOA,EAAK,gBAAe,IAAKA,EAAK,WAAU,IAAKC,CAAc;AACjF,GAAG,CAACD,GAAME,MAAS;AACjB,EAAAF,EAAK,QAAQ,CAACA,IAAOE,IAAOC,CAAc;AAC5C,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASD,GACtB,CAACH,MACKA,EAAK,WAAU,CACvB;AAE0BF,EAAW;AAE1B,MAACQ,IAAYP,EAAa,CAACC,MAAS;AAC9C,EAAAA,EAAK,cAAc,GAAG,CAAC;AACzB,GAAG,CAACA,GAAME,MAAS;AACjB,EAAAF,EAAK,QAAQ,CAACA,IAAOE,IAAOC,CAAc;AAC5C,GAAG,CAACC,GAAOC,OACDA,IAAMD,KAASD,GACtB,CAACH,MACKA,EAAK,cAAa,CAC1B;AAEyBM,EAAU;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es539.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["\"use client\";\nimport { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n//# sourceMappingURL=create.mjs.map\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":";;;AAKA,SAASA,EAAuBC,GAAO;AACnC,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAO,IAAKC,EAAuBH,GAAOI,EAAWC,CAAa,CAAC;AACpF,SAAOC,EAAQ,OAAO,EAAE,SAAAL,GAAS,SAAAC,EAAO,IAAK,CAACK,EAA0BN,CAAO,GAAGM,EAA0BL,CAAO,CAAC,CAAC;AACzH;AACA,SAASK,EAA0BC,GAAM;AACrC,SAAO,MAAM,QAAQA,CAAI,IAAIA,EAAK,KAAK,GAAG,IAAIA;AAClD;","x_google_ignoreList":[0]}

package/dist/visualization.es54.js

@@ -1,68 +1,183 @@
-import { jsx as b, jsxs as p, Fragment as W } from "react/jsx-runtime";
-import { c as S } from "react/compiler-runtime";
-import { TreeLink as g } from "./visualization.es117.js";
-import { memo as E } from "react";
-import { LeafLinkExtension as M } from "./visualization.es118.js";
-import { LeafNodeLabel as v } from "./visualization.es119.js";
-const F = E((x) => {
-  const e = S(39), {
-    node: o,
-    dimmed: m,
-    useBranchLengths: n,
-    leafFontFamily: d,
-    leafFontSize: c,
-    onNodeMouseMove: k,
-    onNodeMouseLeave: h,
-    onBranchClick: L
-  } = x;
-  let a;
-  e[0] !== o || e[1] !== k ? (a = (N) => k(N, o), e[0] = o, e[1] = k, e[2] = a) : a = e[2];
-  let t;
-  e[3] !== o || e[4] !== h ? (t = (N) => h(N, o), e[3] = o, e[4] = h, e[5] = t) : t = e[5];
-  let i;
-  e[6] !== o || e[7] !== L ? (i = () => L(o.leaves().map(P)), e[6] = o, e[7] = L, e[8] = i) : i = e[8];
-  const s = m ? 0.2 : 1;
-  let f;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
-    transition: "opacity 0.2s ease-in"
-  }, e[9] = f) : f = e[9];
-  let r;
-  e[10] !== o.baseLinkPath || e[11] !== o.color || e[12] !== o.linkStrokeWidth || e[13] !== o.scaledLinkPath || e[14] !== n ? (r = /* @__PURE__ */ b(g, { scaledLinkPath: o.scaledLinkPath, baseLinkPath: o.baseLinkPath, color: o.color, strokeWidth: o.linkStrokeWidth, useBranchLengths: n }), e[10] = o.baseLinkPath, e[11] = o.color, e[12] = o.linkStrokeWidth, e[13] = o.scaledLinkPath, e[14] = n, e[15] = r) : r = e[15];
-  let l;
-  e[16] !== d || e[17] !== c || e[18] !== o.baseLeafLinkExtension || e[19] !== o.baseNodeX || e[20] !== o.baseNodeY || e[21] !== o.children || e[22] !== o.color || e[23] !== o.label || e[24] !== o.labelStrokeWidth || e[25] !== o.lightenedLinkExtColor || e[26] !== o.linkStrokeWidth || e[27] !== o.scaledLeafLinkExtension || e[28] !== o.x || e[29] !== n ? (l = !o.children && /* @__PURE__ */ p(W, { children: [
-    /* @__PURE__ */ b(M, { useBranchLengths: n, color: o.lightenedLinkExtColor, baseLeafLinkExtension: o.baseLeafLinkExtension, scaledLeafLinkExtension: o.scaledLeafLinkExtension, strokeWidth: o.linkStrokeWidth }),
-    /* @__PURE__ */ b(v, { nodeX: o.x, strokeWidth: o.labelStrokeWidth, baseNodeX: o.baseNodeX, baseNodeY: o.baseNodeY, label: o.label, color: o.color, fontSize: c, fontFamily: d })
-  ] }), e[16] = d, e[17] = c, e[18] = o.baseLeafLinkExtension, e[19] = o.baseNodeX, e[20] = o.baseNodeY, e[21] = o.children, e[22] = o.color, e[23] = o.label, e[24] = o.labelStrokeWidth, e[25] = o.lightenedLinkExtColor, e[26] = o.linkStrokeWidth, e[27] = o.scaledLeafLinkExtension, e[28] = o.x, e[29] = n, e[30] = l) : l = e[30];
-  let u;
-  return e[31] !== o.data.id || e[32] !== a || e[33] !== t || e[34] !== i || e[35] !== s || e[36] !== r || e[37] !== l ? (u = /* @__PURE__ */ p("g", { onMouseMove: a, onMouseLeave: t, onClick: i, id: o.data.id, opacity: s, style: f, children: [
-    r,
-    l
-  ] }), e[31] = o.data.id, e[32] = a, e[33] = t, e[34] = i, e[35] = s, e[36] = r, e[37] = l, e[38] = u) : u = e[38], u;
-}), T = E(function(e) {
-  const o = S(11), {
-    node: m,
-    hovered: n,
-    useBranchLengths: d,
-    onNodeMouseMove: c,
-    onNodeMouseLeave: k,
-    onBranchClick: h,
-    leafFontSize: L,
-    leafFontFamily: a
-  } = e;
-  let t;
-  o[0] !== n || o[1] !== a || o[2] !== L || o[3] !== m || o[4] !== h || o[5] !== k || o[6] !== c || o[7] !== d ? (t = m.descendants()?.map((s, f) => {
-    if (!s.parent)
-      return;
-    const r = !!n.length && !n.some((l) => s.descendantIds?.has(l) || s.ancestorIds?.has(l));
-    return /* @__PURE__ */ b(F, { node: s, dimmed: r, useBranchLengths: d, leafFontSize: L, leafFontFamily: a, onBranchClick: h, onNodeMouseMove: c, onNodeMouseLeave: k }, f);
-  }), o[0] = n, o[1] = a, o[2] = L, o[3] = m, o[4] = h, o[5] = k, o[6] = c, o[7] = d, o[8] = t) : t = o[8];
-  let i;
-  return o[9] !== t ? (i = /* @__PURE__ */ b("g", { id: "tree-root", children: t }), o[9] = t, o[10] = i) : i = o[10], i;
-});
-function P(x) {
-  return x.data.id;
-}
+import { jsxs as n, Fragment as gi, jsx as i } from "react/jsx-runtime";
+import { useMemo as u, useId as fi, useCallback as vi, useState as xi, useRef as ui } from "react";
+import wi from "./visualization.es110.js";
+import E from "./visualization.es114.js";
+import yi from "./visualization.es115.js";
+import ki from "./visualization.es116.js";
+import { markTickLabels as N, yAxisTickLabelProps as Ti, TICK_FONT_FAMILY as V, AXIS_TITLE_FONT_SIZE as F } from "./visualization.es51.js";
+import { xAxisTitleCenter as Mi, MINI_MAP_HEIGHT as Ci, LEGEND_GAP as G } from "./visualization.es52.js";
+import { useHeatmapCanvasGrid as Pi } from "./visualization.es117.js";
+import { useScrollToSelection as $i } from "./visualization.es118.js";
+import bi from "./visualization.es33.js";
+import Ri from "./visualization.es13.js";
+import Hi from "./visualization.es32.js";
+const X = 10, Bi = ({
+  legendSvgRef: O,
+  layout: W,
+  parentWidth: w,
+  showMiniMap: y,
+  showLegend: m,
+  renderLegend: k,
+  xLabel: d,
+  yLabel: B,
+  tooltipBody: T,
+  onClick: Y,
+  animationType: j,
+  selectedCells: z,
+  scrollToSelection: D,
+  xAxisTickFormat: K,
+  yAxisTickFormat: Z,
+  xAxisTickLabelProps: M
+}) => {
+  const {
+    marg: q,
+    xMax: p,
+    yMax: g,
+    viewportWidth: e,
+    viewportHeight: t,
+    yTitleWidth: l,
+    yTickLabelWidth: o,
+    xTitleHeight: f,
+    xTickLabelHeight: c,
+    binWidth: J,
+    xTickLeftOverhangMax: C,
+    legendWidth: h,
+    xScale: P,
+    yScale: $,
+    xTickValues: Q,
+    yTickValues: U,
+    stableColors: ii,
+    minValue: ei,
+    maxValue: ti,
+    canvasCellParams: v,
+    selectionMarks: s
+  } = W, li = u(() => N(M, s.columns), [M, s]), oi = u(() => N(Ti, s.rows), [s]), {
+    canvasRef: ri,
+    mainPaneRef: b,
+    canvasTooltipRef: ai,
+    setMainPaneNode: ni,
+    handleGridScroll: si,
+    axisScrollPos: r,
+    visibleXTickValues: di,
+    visibleYTickValues: ci,
+    canvasHandlers: hi
+  } = Pi({
+    canvasCellParams: v,
+    viewportWidth: e,
+    viewportHeight: t,
+    xTickValues: Q,
+    yTickValues: U,
+    onClick: Y,
+    animationType: j
+  });
+  $i({
+    mainPaneRef: b,
+    selectedCells: z,
+    scrollToSelection: D,
+    binWidth: J,
+    viewportWidth: e
+  });
+  const x = l + o, mi = u(() => d ? Mi(d, x + e / 2, w) - x : e / 2, [d, x, e, w]), R = fi(), H = Math.max(0, C - r.left), I = vi((a, pi) => {
+    b.current?.scrollTo({
+      left: a,
+      top: pi
+    });
+  }, []), [L, S] = xi(!1), _ = ui(null), A = (a) => k ? k(a) : /* @__PURE__ */ i(wi, { colors: ii, minValue: ei, maxValue: ti, length: a.orientation === "vertical" ? a.height : a.width, orientation: a.orientation });
+  return /* @__PURE__ */ n(gi, { children: [
+    /* @__PURE__ */ n("div", { style: {
+      display: "flex",
+      flexDirection: "column"
+    }, children: [
+      y && /* @__PURE__ */ i("div", { ref: _, style: {
+        marginLeft: l + o,
+        position: "relative",
+        width: e
+      }, children: /* @__PURE__ */ i(yi, { canvasCellParams: v, xMax: p, yMax: g, viewportWidth: e, viewportHeight: t, scrollLeft: r.left, scrollTop: r.top, width: e, height: Ci, onNavigate: I, onCanvasClick: () => S(!0), paused: L }) }),
+      /* @__PURE__ */ n("div", { style: {
+        display: "grid",
+        gridTemplateColumns: m ? `${l}px ${o}px ${e}px ${G + h}px` : `${l}px ${o}px ${e}px`,
+        gridTemplateRows: `${q.top}px ${t}px ${c}px ${f}px`
+      }, children: [
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 1,
+          gridRow: 2
+        }, children: /* @__PURE__ */ i("svg", { width: l, height: t, style: {
+          display: "block"
+        }, children: /* @__PURE__ */ i("text", { x: l / 2, y: t / 2, transform: `rotate(-90, ${l / 2}, ${t / 2})`, textAnchor: "middle", dominantBaseline: "middle", fontSize: F, fontFamily: V, children: B ?? "" }) }) }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 2,
+          gridRow: 2,
+          width: o,
+          height: t,
+          overflow: "hidden"
+        }, children: /* @__PURE__ */ i("svg", { width: o, height: t, children: /* @__PURE__ */ n("g", { transform: `translate(${o},${-r.top})`, children: [
+          /* @__PURE__ */ i(bi, { scale: $, tickValues: ci, tickFormat: Z, tickLabelProps: oi }),
+          /* @__PURE__ */ i(E, { axis: "row", marked: s.rows, scale: $ })
+        ] }) }) }),
+        /* @__PURE__ */ i("div", { ref: ni, onScroll: si, style: {
+          gridColumn: 3,
+          gridRow: 2,
+          width: e,
+          height: t,
+          overflow: "auto",
+          overscrollBehavior: "contain",
+          position: "relative"
+        }, children: /* @__PURE__ */ i("div", { style: {
+          width: p,
+          height: g,
+          position: "relative"
+        }, children: /* @__PURE__ */ i("canvas", { ref: ri, width: e * (window.devicePixelRatio || 1), height: t * (window.devicePixelRatio || 1), style: {
+          width: e,
+          height: t,
+          position: "sticky",
+          top: 0,
+          left: 0,
+          display: "block",
+          cursor: "default"
+        }, ...hi }) }) }),
+        T && /* @__PURE__ */ i(Ri, { ref: ai, children: T }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 3,
+          gridRow: 3
+        }, children: /* @__PURE__ */ n("svg", { width: e, height: c, style: {
+          display: "block",
+          overflow: "visible"
+        }, children: [
+          /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ n("clipPath", { id: R, children: [
+            /* @__PURE__ */ i("rect", { x: 0, y: 0, width: e, height: c }),
+            C > 0 && /* @__PURE__ */ i("rect", { x: -H, y: X, width: H, height: Math.max(0, c - X) })
+          ] }) }),
+          /* @__PURE__ */ i("g", { clipPath: `url(#${R})`, children: /* @__PURE__ */ n("g", { transform: `translate(${-r.left},0)`, children: [
+            /* @__PURE__ */ i(Hi, { top: 0, scale: P, tickFormat: K, tickValues: di, tickLabelProps: li }),
+            /* @__PURE__ */ i(E, { axis: "column", marked: s.columns, scale: P })
+          ] }) })
+        ] }) }),
+        /* @__PURE__ */ i("div", { style: {
+          gridColumn: 3,
+          gridRow: 4
+        }, children: /* @__PURE__ */ i("svg", { width: e, height: f, style: {
+          display: "block",
+          overflow: "visible"
+        }, children: /* @__PURE__ */ i("text", { x: mi, y: f / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: F, fontFamily: V, children: d ?? "" }) }) }),
+        m && /* @__PURE__ */ i("div", { style: {
+          gridColumn: 4,
+          gridRow: 2,
+          width: h,
+          marginLeft: G,
+          height: t
+        }, children: /* @__PURE__ */ i("svg", { width: h, height: t, ref: O, style: {
+          overflow: "visible"
+        }, children: A({
+          width: h,
+          height: t,
+          orientation: "vertical"
+        }) }) })
+      ] })
+    ] }),
+    y && L && /* @__PURE__ */ i(ki, { onClose: () => S(!1), containerRef: _, canvasCellParams: v, xMax: p, yMax: g, viewportWidth: e, viewportHeight: t, scrollLeft: r.left, scrollTop: r.top, onNavigate: I, legend: m ? A : void 0 })
+  ] });
+};
 export {
-  T as RenderTree
+  Bi as default
 };
 //# sourceMappingURL=visualization.es54.js.map

package/dist/visualization.es54.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es54.js","sources":["../src/components/PhyloTree/RenderTree.tsx"],"sourcesContent":["import { PhyloTreeProps, TreeNode } from \"./types\";\nimport { TreeLink } from \"./TreeLink\";\nimport { memo } from \"react\";\nimport { LeafLinkExtension } from \"./LeafLinkExtension\";\nimport { LeafNodeLabel } from \"./LeafNodeLabel\";\n\ntype Shared = {\n  node: TreeNode;\n  useBranchLengths: boolean;\n  leafFontSize: PhyloTreeProps[\"leafFontSize\"];\n  leafFontFamily: PhyloTreeProps[\"leafFontFamily\"];\n  onNodeMouseMove: (event: React.MouseEvent, node: TreeNode) => void;\n  onNodeMouseLeave: (event: React.MouseEvent, node: TreeNode) => void;\n  onBranchClick: (leafIds: string[]) => void;\n};\n\nexport type RenderTreeProps = Shared & {\n  hovered: string[];\n};\n\nexport type RenderChildProps = Shared & {\n  dimmed: boolean;\n};\n\nconst ChildNode = memo(\n  ({ node, dimmed, useBranchLengths, leafFontFamily, leafFontSize, onNodeMouseMove, onNodeMouseLeave, onBranchClick }: RenderChildProps) => {\n    return (\n      <g\n        onMouseMove={(e: React.MouseEvent) => onNodeMouseMove(e, node)}\n        onMouseLeave={(e: React.MouseEvent) => onNodeMouseLeave(e, node)}\n        onClick={() => onBranchClick(node.leaves().map(x => x.data.id))}\n        id={node.data.id}\n        opacity={dimmed ? 0.2 : 1}\n        style={{ transition: \"opacity 0.2s ease-in\" }}\n      >\n        <TreeLink\n          scaledLinkPath={node.scaledLinkPath}\n          baseLinkPath={node.baseLinkPath}\n          color={node.color}\n          strokeWidth={node.linkStrokeWidth}\n          useBranchLengths={useBranchLengths}\n          />\n        {!node.children && (\n          <>\n            <LeafLinkExtension\n              useBranchLengths={useBranchLengths}\n              color={node.lightenedLinkExtColor}\n              baseLeafLinkExtension={node.baseLeafLinkExtension}\n              scaledLeafLinkExtension={node.scaledLeafLinkExtension}\n              strokeWidth={node.linkStrokeWidth}\n            />\n            <LeafNodeLabel\n              nodeX={node.x}\n              strokeWidth={node.labelStrokeWidth}\n              baseNodeX={node.baseNodeX}\n              baseNodeY={node.baseNodeY}\n              label={node.label}\n              color={node.color}\n              fontSize={leafFontSize}\n              fontFamily={leafFontFamily}\n            />\n          </>\n        )}\n      </g>\n    );\n  }\n);\n\nexport const RenderTree = memo(function RenderTree({\n  node,\n  hovered,\n  useBranchLengths,\n  onNodeMouseMove,\n  onNodeMouseLeave,\n  onBranchClick,\n  leafFontSize,\n  leafFontFamily,\n}: RenderTreeProps) {\n  return (\n    <g id={\"tree-root\"}>\n      {/* no root node rendered (since root does not need to display link to parent) */}\n      {node.descendants()?.map((child, i) => {\n        if (!child.parent) return;\n        //This is done to elimate a .ancestors() and .descendants() traversal on every rerender\n        const dimmed = !!hovered.length && !(hovered.some(id => child.descendantIds?.has(id) || child.ancestorIds?.has(id)));\n\n        return (\n          <ChildNode\n            key={i}\n            node={child}\n            dimmed={dimmed}\n            useBranchLengths={useBranchLengths}\n            leafFontSize={leafFontSize}\n            leafFontFamily={leafFontFamily}\n            onBranchClick={onBranchClick}\n            onNodeMouseMove={onNodeMouseMove}\n            onNodeMouseLeave={onNodeMouseLeave}\n          />\n        );\n      })}\n    </g>\n  );\n}, );\n"],"names":["ChildNode","memo","t0","$","_c","node","dimmed","useBranchLengths","leafFontFamily","leafFontSize","onNodeMouseMove","onNodeMouseLeave","onBranchClick","t1","e","t2","e_0","t3","leaves","map","_temp","t4","t5","Symbol","for","transition","t6","baseLinkPath","color","linkStrokeWidth","scaledLinkPath","TreeLink","t7","baseLeafLinkExtension","baseNodeX","baseNodeY","children","label","labelStrokeWidth","lightenedLinkExtColor","scaledLeafLinkExtension","x","jsxs","Fragment","jsx","LeafLinkExtension","LeafNodeLabel","t8","data","id","RenderTree","hovered","descendants","child","i","parent","length","some","descendantIds","has","ancestorIds"],"mappings":"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"}
+{"version":3,"file":"visualization.es54.js","sources":["../src/components/Heatmap/HeatmapGrid.tsx"],"sourcesContent":["import { useCallback, useId, useMemo, useRef, useState, type ReactElement, type ReactNode, type RefObject } from \"react\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { HeatmapCellId, HeatmapLegendFrame } from \"./types\";\nimport type { AnyBin } from \"./HeatmapCanvasCells\";\nimport type { AnimationType } from \"../../utility\";\nimport HeatmapLegend from \"./HeatmapLegend\";\nimport HeatmapSelectionPointers from \"./HeatmapSelectionPointers\";\nimport HeatmapMiniMap from \"./HeatmapMiniMap\";\nimport HeatmapMiniMapPopup from \"./HeatmapMiniMapPopup\";\nimport { PlotTooltip } from \"../../tooltip\";\nimport { TICK_FONT_FAMILY, AXIS_TITLE_FONT_SIZE, markTickLabels, yAxisTickLabelProps, type getXAxisTickLabelProps } from \"./heatmapAxisProps\";\nimport { LEGEND_GAP, MINI_MAP_HEIGHT, xAxisTitleCenter, type HeatmapLayout } from \"./heatmapLayout\";\nimport { useHeatmapCanvasGrid } from \"./hooks/useHeatmapCanvasGrid\";\nimport { useScrollToSelection } from \"./hooks/useScrollToSelection\";\n\nconst X_AXIS_OVERHANG_CLIP_HEIGHT = 10;\n\nexport interface HeatmapGridProps {\n  legendSvgRef: RefObject<SVGSVGElement | null>;\n  layout: HeatmapLayout;\n  /** The container's width, which a long x-axis title is kept inside. */\n  parentWidth: number;\n  showMiniMap: boolean;\n  showLegend: boolean;\n  renderLegend?: (frame: HeatmapLegendFrame) => ReactNode;\n  xLabel?: string;\n  yLabel?: string;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  animationType?: AnimationType;\n  selectedCells?: HeatmapCellId[];\n  scrollToSelection?: boolean;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\n/**\n * The cells on one viewport-sized canvas, repainted from the scroll position, with the axes, titles\n * and legend in panes around it that stay put as the grid scrolls (frozen panes).\n */\nconst HeatmapGrid = ({\n  legendSvgRef, layout, parentWidth, showMiniMap, showLegend, renderLegend, xLabel, yLabel, tooltipBody,\n  onClick, animationType, selectedCells, scrollToSelection, xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n}: HeatmapGridProps) => {\n  const {\n    marg, xMax, yMax, viewportWidth, viewportHeight, yTitleWidth, yTickLabelWidth,\n    xTitleHeight, xTickLabelHeight, binWidth, xTickLeftOverhangMax, legendWidth,\n    xScale, yScale, xTickValues, yTickValues, stableColors, minValue, maxValue, canvasCellParams,\n    selectionMarks,\n  } = layout;\n  const markedXTickLabelProps = useMemo(\n    () => markTickLabels(xAxisTickLabelProps, selectionMarks.columns),\n    [xAxisTickLabelProps, selectionMarks]\n  );\n  const markedYTickLabelProps = useMemo(() => markTickLabels(yAxisTickLabelProps, selectionMarks.rows), [selectionMarks]);\n\n  const {\n    canvasRef, mainPaneRef, canvasTooltipRef, setMainPaneNode, handleGridScroll, axisScrollPos,\n    visibleXTickValues, visibleYTickValues, canvasHandlers,\n  } = useHeatmapCanvasGrid({\n    canvasCellParams, viewportWidth, viewportHeight, xTickValues, yTickValues, onClick, animationType,\n  });\n  useScrollToSelection({ mainPaneRef, selectedCells, scrollToSelection, binWidth, viewportWidth });\n\n  // Centered under the viewport, but kept inside the container, as the download places it.\n  const plotLeft = yTitleWidth + yTickLabelWidth;\n  const xTitleX = useMemo(\n    () => (xLabel ? xAxisTitleCenter(xLabel, plotLeft + viewportWidth / 2, parentWidth) - plotLeft : viewportWidth / 2),\n    [xLabel, plotLeft, viewportWidth, parentWidth]\n  );\n\n  const xTickClipId = useId();\n  // Room for the first column's slanted label to hang left over the y-axis pane, only while\n  // scrolled to the start: anywhere else, the column to its left would show through.\n  const xTickLeftOverhang = Math.max(0, xTickLeftOverhangMax - axisScrollPos.left);\n\n  // The scroll event repaints the grid and moves the minimap's rectangle, as a manual scroll does.\n  const handleMiniMapNavigate = useCallback((left: number, top: number) => {\n    mainPaneRef.current?.scrollTo({ left, top });\n  }, []);\n\n  const [isMiniMapExpanded, setIsMiniMapExpanded] = useState(false);\n  const miniMapContainerRef = useRef<HTMLDivElement | null>(null);\n\n  // The caller's legend or the built-in one, beside the grid or across the expanded minimap.\n  const legend = (frame: HeatmapLegendFrame) =>\n    renderLegend ? (\n      renderLegend(frame)\n    ) : (\n      <HeatmapLegend\n        colors={stableColors}\n        minValue={minValue}\n        maxValue={maxValue}\n        length={frame.orientation === \"vertical\" ? frame.height : frame.width}\n        orientation={frame.orientation}\n      />\n    );\n\n  return (\n    <>\n      <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n        {showMiniMap && (\n          <div ref={miniMapContainerRef} style={{ marginLeft: yTitleWidth + yTickLabelWidth, position: \"relative\", width: viewportWidth }}>\n            <HeatmapMiniMap\n              canvasCellParams={canvasCellParams}\n              xMax={xMax}\n              yMax={yMax}\n              viewportWidth={viewportWidth}\n              viewportHeight={viewportHeight}\n              scrollLeft={axisScrollPos.left}\n              scrollTop={axisScrollPos.top}\n              width={viewportWidth}\n              height={MINI_MAP_HEIGHT}\n              onNavigate={handleMiniMapNavigate}\n              onCanvasClick={() => setIsMiniMapExpanded(true)}\n              paused={isMiniMapExpanded}\n            />\n          </div>\n        )}\n        <div\n          style={{\n            display: \"grid\",\n            gridTemplateColumns: showLegend\n              ? `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px ${LEGEND_GAP + legendWidth}px`\n              : `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px`,\n            gridTemplateRows: `${marg.top}px ${viewportHeight}px ${xTickLabelHeight}px ${xTitleHeight}px`,\n          }}\n        >\n          <div style={{ gridColumn: 1, gridRow: 2 }}>\n            <svg width={yTitleWidth} height={viewportHeight} style={{ display: \"block\" }}>\n              <text\n                x={yTitleWidth / 2}\n                y={viewportHeight / 2}\n                transform={`rotate(-90, ${yTitleWidth / 2}, ${viewportHeight / 2})`}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {yLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          <div style={{ gridColumn: 2, gridRow: 2, width: yTickLabelWidth, height: viewportHeight, overflow: \"hidden\" }}>\n            <svg width={yTickLabelWidth} height={viewportHeight}>\n              <g transform={`translate(${yTickLabelWidth},${-axisScrollPos.top})`}>\n                <AxisLeft\n                  scale={yScale}\n                  tickValues={visibleYTickValues}\n                  tickFormat={yAxisTickFormat}\n                  tickLabelProps={markedYTickLabelProps}\n                />\n                <HeatmapSelectionPointers axis=\"row\" marked={selectionMarks.rows} scale={yScale} />\n              </g>\n            </svg>\n          </div>\n          <div\n            ref={setMainPaneNode}\n            onScroll={handleGridScroll}\n            style={{ gridColumn: 3, gridRow: 2, width: viewportWidth, height: viewportHeight, overflow: \"auto\", overscrollBehavior: \"contain\", position: \"relative\" }}\n          >\n            <div style={{ width: xMax, height: yMax, position: \"relative\" }}>\n              <canvas\n                ref={canvasRef}\n                width={viewportWidth * (window.devicePixelRatio || 1)}\n                height={viewportHeight * (window.devicePixelRatio || 1)}\n                style={{\n                  width: viewportWidth,\n                  height: viewportHeight,\n                  position: \"sticky\",\n                  top: 0,\n                  left: 0,\n                  display: \"block\",\n                  cursor: \"default\",\n                }}\n                {...canvasHandlers}\n              />\n            </div>\n          </div>\n          {tooltipBody && <PlotTooltip ref={canvasTooltipRef}>{tooltipBody}</PlotTooltip>}\n          <div style={{ gridColumn: 3, gridRow: 3 }}>\n            <svg width={viewportWidth} height={xTickLabelHeight} style={{ display: \"block\", overflow: \"visible\" }}>\n              <defs>\n                <clipPath id={xTickClipId}>\n                  <rect x={0} y={0} width={viewportWidth} height={xTickLabelHeight} />\n                  {xTickLeftOverhangMax > 0 && (\n                    <rect\n                      x={-xTickLeftOverhang}\n                      y={X_AXIS_OVERHANG_CLIP_HEIGHT}\n                      width={xTickLeftOverhang}\n                      height={Math.max(0, xTickLabelHeight - X_AXIS_OVERHANG_CLIP_HEIGHT)}\n                    />\n                  )}\n                </clipPath>\n              </defs>\n              <g clipPath={`url(#${xTickClipId})`}>\n                <g transform={`translate(${-axisScrollPos.left},0)`}>\n                  <AxisBottom\n                    top={0}\n                    scale={xScale}\n                    tickFormat={xAxisTickFormat}\n                    tickValues={visibleXTickValues}\n                    tickLabelProps={markedXTickLabelProps}\n                  />\n                  <HeatmapSelectionPointers axis=\"column\" marked={selectionMarks.columns} scale={xScale} />\n                </g>\n              </g>\n            </svg>\n          </div>\n          <div style={{ gridColumn: 3, gridRow: 4 }}>\n            <svg width={viewportWidth} height={xTitleHeight} style={{ display: \"block\", overflow: \"visible\" }}>\n              <text\n                x={xTitleX}\n                y={xTitleHeight / 2}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {xLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          {showLegend && (\n            <div style={{ gridColumn: 4, gridRow: 2, width: legendWidth, marginLeft: LEGEND_GAP, height: viewportHeight }}>\n              <svg width={legendWidth} height={viewportHeight} ref={legendSvgRef} style={{ overflow: \"visible\" }}>\n                {legend({ width: legendWidth, height: viewportHeight, orientation: \"vertical\" })}\n              </svg>\n            </div>\n          )}\n        </div>\n      </div>\n      {showMiniMap && isMiniMapExpanded && (\n        <HeatmapMiniMapPopup\n          onClose={() => setIsMiniMapExpanded(false)}\n          containerRef={miniMapContainerRef}\n          canvasCellParams={canvasCellParams}\n          xMax={xMax}\n          yMax={yMax}\n          viewportWidth={viewportWidth}\n          viewportHeight={viewportHeight}\n          scrollLeft={axisScrollPos.left}\n          scrollTop={axisScrollPos.top}\n          onNavigate={handleMiniMapNavigate}\n          legend={showLegend ? legend : undefined}\n        />\n      )}\n    </>\n  );\n};\n\nexport default HeatmapGrid;\n"],"names":["X_AXIS_OVERHANG_CLIP_HEIGHT","HeatmapGrid","legendSvgRef","layout","parentWidth","showMiniMap","showLegend","renderLegend","xLabel","yLabel","tooltipBody","onClick","animationType","selectedCells","scrollToSelection","xAxisTickFormat","yAxisTickFormat","xAxisTickLabelProps","marg","xMax","yMax","viewportWidth","viewportHeight","yTitleWidth","yTickLabelWidth","xTitleHeight","xTickLabelHeight","binWidth","xTickLeftOverhangMax","legendWidth","xScale","yScale","xTickValues","yTickValues","stableColors","minValue","maxValue","canvasCellParams","selectionMarks","markedXTickLabelProps","useMemo","markTickLabels","columns","markedYTickLabelProps","yAxisTickLabelProps","rows","canvasRef","mainPaneRef","canvasTooltipRef","setMainPaneNode","handleGridScroll","axisScrollPos","visibleXTickValues","visibleYTickValues","canvasHandlers","useHeatmapCanvasGrid","useScrollToSelection","plotLeft","xTitleX","xAxisTitleCenter","xTickClipId","useId","xTickLeftOverhang","Math","max","left","handleMiniMapNavigate","useCallback","top","current","scrollTo","isMiniMapExpanded","setIsMiniMapExpanded","useState","miniMapContainerRef","useRef","legend","frame","jsx","HeatmapLegend","orientation","height","width","jsxs","Fragment","display","flexDirection","marginLeft","position","HeatmapMiniMap","MINI_MAP_HEIGHT","gridTemplateColumns","LEGEND_GAP","gridTemplateRows","gridColumn","gridRow","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","overflow","AxisLeft","HeatmapSelectionPointers","overscrollBehavior","window","devicePixelRatio","cursor","PlotTooltip","AxisBottom","HeatmapMiniMapPopup","undefined"],"mappings":"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"}

package/dist/visualization.es540.js

@@ -1,19 +1,17 @@
-import { timeInterval as n } from "./visualization.es635.js";
-import { durationHour as t, durationSecond as o, durationMinute as u } from "./visualization.es636.js";
-const i = n((r) => {
-  r.setTime(r - r.getMilliseconds() - r.getSeconds() * o - r.getMinutes() * u);
-}, (r, e) => {
-  r.setTime(+r + e * t);
-}, (r, e) => (e - r) / t, (r) => r.getHours());
-i.range;
-const s = n((r) => {
-  r.setUTCMinutes(0, 0, 0);
-}, (r, e) => {
-  r.setTime(+r + e * t);
-}, (r, e) => (e - r) / t, (r) => r.getUTCHours());
-s.range;
+import { Fragment as p, useMemo as P, createElement as a } from "react";
+import { useHTMLProps as d } from "./visualization.es602.js";
+import { useSVGProps as V } from "./visualization.es603.js";
+import { filterProps as g } from "./visualization.es196.js";
+import { isSVGComponent as h } from "./visualization.es281.js";
+import { isMotionValue as M } from "./visualization.es198.js";
+function H(r, s, o, { latestValues: t }, i, m = !1, n) {
+  const l = (n ?? h(r) ? V : d)(s, t, i, r), u = g(s, typeof r == "string", m), f = r !== p ? { ...u, ...l, ref: o } : {}, { children: e } = s, c = P(() => M(e) ? e.get() : e, [e]);
+  return a(r, {
+    ...f,
+    children: c
+  });
+}
 export {
-  i as timeHour,
-  s as utcHour
+  H as useRender
 };
 //# sourceMappingURL=visualization.es540.js.map